/*
Theme Name: Moora child-theme
Version: 1.0
Theme URI: 
Text Domain: moora
Description: Moora is a theme specially created for interior studios, architectural companies and furniture shops. Packed with an extensive selection of layouts, with Moora theme you can create any kind of creative portfolio.
Author: Fragrance
Author URI: fragrancetheme.com
Template: moora
License: NU General Public License version 3.0
License URI: http://themeforest.net/licenses
*/


/* =Theme customization starts here
-------------------------------------------------------------- */

@font-face {
    font-family: 'MarkPro';
    src: url("/wp-content/themes/moora-child/fonts/MarkPro.woff2") format('woff2'), url("/wp-content/themes/moora-child/fonts/MarkPro.woff") format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'MarkPro-Bold';
    src: url("/wp-content/themes/moora-child/fonts/MarkPro-Bold.woff2") format('woff2'), url("/wp-content/themes/moora-child/fonts/MarkPro-Bold.woff") format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/**
* Fix fonts that render as bold in Firefox
*
* Put this near the top of your style.css
* Before any overriding styles
*/

html {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    font-weight: 400;
}

/**
* Firefox specific rule
*/

@-moz-document url-prefix() {
    body {
        font-weight: lighter !important;
    }
}


/* SVG Images */
.svg_image img {
    width: 580px;
}


/* Logo */
.logo img {
    height: auto;
}
.frgn_sticky_header.frgn_menu_area .logo {
  transform: translateX(0) translateY(0);
}


/* Menu Navigation */

/* Bold  */
.menu-hauptnavigation-container a {
    font-family: 'MarkPro-Bold', sans-serif;
}

.frgn_main_menu a {
    font-family: 'MarkPro-Bold', sans-serif;
}

@media only screen and (max-width: 1500px) {
    #content .wpb_content_element.svg_image {
        padding: 10px !important;
    }
}

/* Navi Centered in Full Width Screen */

@media only screen and (min-width: 1670px) {
    .frgn_classic_menu .frgn_vertical_align_containers {
        width: 1670px;
        margin: auto;
    }
}

.frgn_classic_menu .frgn_vertical_align_containers {
    padding: 10px 20px 10px 20px;
}



/* Navi active State */
.current-menu-item a:after {
    clip-path: inset(0 0 0 0);
}



/* Footer */

#copyright {
    padding: 15px 7% 0 0 !important;
}

#footer_inner {
    padding: 70px 80px 30px;
}

.widget a, #fr_to_top {
    color: white;
}

.footer-style a {
    text-decoration: underline !important;
}

.footer-style a:hover {
    text-decoration: none !important;
}

#fr_to_top {
    font-family: 'MarkPro', sans-serif;
}



/* Slider */

.slider-text-bold {
    font-family: 'MarkPro-Bold', sans-serif;
}

.slider-text {
    font-family: 'MarkPro', sans-serif;
}

.ult-item-wrap {
    hyphens: auto;
}

/*rs-fullwidth-wrap {
    height: 100vh !important;
}
rs-module-wrap, .revslider-initialised {
    height: 100% !important;
}*/

/* Padding top of content */

.custom_page {
    padding-top: 105px !important;
}

@media screen and (min-width: 768px) {
    .custom_page {
        padding-top: 185px !important;
    }
}

.home .custom_page {
    padding-top: 0px !important;
}



/* Do not show title of page in bold text (f.e. "Das Projekt") */

.page .entry-title {
	display: none;
}



/* Image with text AND Text with Image */
@media only screen and (max-width: 768px) {
    .bild-mit-text .sizers {
        flex-direction: column-reverse;
    }
}


/* Animated Image with text on left hand side */

@media screen and (max-width: 520px) {
    .frgn-image-wrapper img {
        width: 100%;
    }
    .frgn_progress_block_holder {
        padding-left: 0px;
    }
}

.frgn_progress_block h2 a[href=""] {
    pointer-events: none;
}

.frgn-has-animation.frgn-animation {
    clip-path: none !important;
}


.frgn_progress_num {
    display: none;
}


@media only screen and (max-width: 768px) {
    .style-1 .frgn_progress_block_img, .style-1 .frgn_progress_block_text {
        padding-left: 0px;
    }
}

.style-1 .frgn_progress_block_img > h2 > a {
    font-size: 17px;
    font-family: 'MarkPro-Bold', sans-serif;
}



/* Fix content rows spilling over edge of screen */

.sizers, .single-portfolio .sizers_breadcrumbs {
    width: 100%;
    padding: 0 20px; 
}

@media screen and (min-width: 1200px) {
    .sizers, .single-portfolio .sizers_breadcrumbs {
        width: 1100px;
    }
}

@media screen and (min-width: 1600px) {
    .sizers, .single-portfolio .sizers_breadcrumbs {
        width: 1460px;
    }
}

/* Picture in Picture */
#content .pic-in-pic {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 15%;
    margin-bottom: 0 !important;
}

/* Accordeon */

.wpb-js-composer .vc_tta.vc_general .vc_tta-panel-title > a {
    padding: 5px 0 12px 0px !important;
    font-size: 17px;
    font-weight: normal;
}

.wpb-js-composer .vc_tta.vc_general .vc_tta-panel-title > a {
    font-family: 'MarkPro-Bold', sans-serif !important;
}

.wpb-js-composer .vc_tta.vc_general .vc_tta-panel-title .vc_tta-title-text {
    display: inline-block;
    margin-right: 45px;
}

/* Zeitplan */

@media screen and (min-width: 521px) {
    .zeitplan_desktop img {
        width: 1000px;
    }
    .zeitplan_mobile {
        display: none;
    }
}

@media screen and (max-width: 520px) {
    .zeitplan_mobile img {
        width: 520px;
    }
    .zeitplan_desktop {
        display: none;
    }
}


/* Caroussel */

@media screen and (max-width: 1200px) {
    .slick-prev {
        left: -20px !important;
    }

    .slick-next {
        right: -20px !important;
    }
}



/* Block Quote */

@media only screen and (max-width: 520px) {
    blockquote {
        padding: 0px 10px 0;
    }
}


/* Fonts */


h1, h2, h3, h4, h5, h6, /* headings */
strong, /* bold in paragraph */
.wpb_text_column a
{
    font-family: 'MarkPro-Bold', sans-serif;
}

.uvc-sub-heading, /* subheading */
body p, /* everywhere */
blockquote p /* Quote */ {
    font-family: 'MarkPro', sans-serif;
}


/* Text */

p {
    color: black;
}

strong { /* bold in paragraph */
    font-weight: normal;
}

.wpb_text_column a {  /* link in paragraph in text block */
    text-decoration: underline !important;
} 

.wpb_text_column a:hover {
    text-decoration: none !important;
} 

blockquote p { /* quote */
    color: #786057;
}

.white-text > div > p {
    color: white;
}

.blue-text p {
    color: #213a8f;
}

.widget_text p {
    color: white;
}

/*************/
/* Text Size */
/*************/

/* Mobile */

h1, .home h2 {
    font-size: 42px;
    line-height: 1.1;
}

.uvc-sub-heading {
    font-size: 30px;
    line-height: 1.2;
}

h2 {
    font-size: 25px;
    line-height: 1.5;
}

p {
    font-size: 16px;
}

blockquote p { /* quote */
    font-size: 20px;
}

.box-text > div > p {
    font-size: 17px;
    line-height: 1.2 !important;
}

.black-text {
    font-size: 17px;
    line-height: 1.3 !important;
}

.widget_text p {
    font-size: 17px;
}

.widget_text strong {
    margin: 0px;
}

.separator-forum {
    padding: 40px 0 40px;
}


/* Responsive: Desktop */

@media screen and (min-width: 768px) {

    /* Text Size */
    h1, .home h2 {
        font-size: 45px;
        line-height: 1.3;
    }

    .uvc-sub-heading {
        font-size: 45px;
        line-height: 1.2 !important;
        margin: 0 0 20px !important;
    }

    h2 {
        font-size: 25px;
        line-height: 1.5;
    }

    p {
        font-size: 17px;
    }

    blockquote p { /* quote */
        font-size: 24px;
    }

    .box-text > div > p { /* Note: This is the worse way to do it */
        font-size: 28px;
        line-height: 1.2 !important;
    }

    .black-text p { /* Note: This is the better way to do it */
        font-size: 25px;
        line-height: 1.2 !important;
    }

    /* Separator size */
    .separator-forum {
        padding: 80px 0 80px;
    }
}