/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.18.1.5
*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;1,300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital@0;1&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,700;1,700&display=swap');


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}
.brown { color: #987452; }

.banner .text-box h1{ font-weight: 300; }
.banner .text-box h1 strong { font-weight: 700; }

.button { min-height: 1em; }
.button.is-outline { border-width: 1px; }
/*
.header { background: rgb(152,116,82); background: linear-gradient(0deg, rgba(152,116,82,0) 0%, rgba(152,116,82,1) 100%);  }
.header:hover { background: linear-gradient(0deg, rgba(152,116,82,1) 0%, rgba(152,116,82,1) 100%); transition: all 0.8s linear; }
.header-wrapper.stuck { box-shadow: none; background: rgb(152,116,82); background: linear-gradient(0deg, rgba(152,116,82,0) 0%, rgba(152,116,82,1) 100%); }
*/
.header-wrapper.stuck { box-shadow: none; }

@media only screen and (min-width: 767px) {
	.header-main .header-inner .flex-right ul li { line-height: 100px; }
	.header-main .header-inner .flex-right ul li:nth-child(1) { margin: 0; padding-left: 30px; padding-right: 30px;  border-left: 1px solid rgba(255,255,255,.8); border-right: 1px solid rgba(255,255,255,.8); }
	.header-main .header-inner .flex-right ul li:nth-child(2) { margin: 0;  padding-left: 30px; padding-right: 30px; border-right: 1px solid rgba(255,255,255,.8); }
	.header-main .header-inner .flex-right ul li:nth-child(3) { margin: 0; padding-left: 30px; }
	.header-main .header-inner .flex-right ul li:nth-child(4) { padding-right: 15px; }
}

.header-wrapper { border-bottom: 1px solid rgba(255,255,255,.8); }

.absolute-footer .container {}
.absolute-footer .container:before { content:''; display: block; border-top: 1px solid #fff; }
.copyright-footer { padding-top: 8px; }

.absolute-footer ul { border: 0; }
.absolute-footer ul li { padding-left: 15px; border-left: 1px solid hsla(0,0%,100%,.3);  }
.absolute-footer ul li:first-child { border-left: 0px solid #eee;  }
.absolute-footer ul li a { color: #fff; }

.footer { padding-top: 60px; font-size: 90%; }
.footer .widget .is-divider { max-width: 100%; width: 100%; height: 1px; background-color: #fff; }
.footer .widget .menu li { border: 0; }
.footer .widget .menu li a { padding-bottom: 1px }

.section-title.section-title-center {}
.section-title.section-title-center b { height: 0; }
.section-title.section-title-center span { padding: 10px 0; min-width: 250px; border-top: 1px solid #987452; border-bottom: 1px solid #987452; }

#content:before { 
	content: ''; position: absolute; left: 0; right: 0; z-index: 10; display: block; height: 180px; 
	background: linear-gradient(0deg, rgba(250,248,242,0) 0%, rgba(152,116,82,1) 100%); transition: all 0.8s linear; border: 0px solid red;  
}


.text-box .col-inner h3 { padding-bottom: 8px; border-bottom: 1px solid rgba(152,116,82); }
.text-box .col-inner p,
.text-box .col-inner li { color: #444; line-height: 1.4em; }


/**
 * Google Font
 **/
.header,
footer,
#main,
.section-title.section-title-center span { font-family: "Montserrat", sans-serif; font-optical-sizing: auto; font-style: normal; }

.section-title.section-title-center span { font-weight: 300; font-size: 130%; }
#main, footer{ font-weight: 400; }


.page-id-30 #content,
.page-id-268 #content,
.page-id-269 #content { background: #faf8f2 url(../../uploads/2024/01/bg-menu-page.jpg) top center no-repeat; background-size: contain; }

@media only screen and (max-width: 48em) {
	.page-id-30 #content,
	.page-id-268 #content,
	.page-id-269 #content { background-size: 250% auto; }
}

#main .button span { font-size: 90%; }

.dark { color: #fff; }
.absolute-footer.dark {
	color: #fff;
}

.menus-tabs {}
.menus-tabs .nav { margin-bottom: 30px; }
.menus-tabs .nav li { padding: 0 30px; border-right: 1px solid #987452; }
.menus-tabs .nav li:last-child { border-right: 0px solid #987452; }
.menus-tabs .nav li a { line-height: .6em; color: #987452; }
.menus-tabs .nav li a:before { display: none; }
.menus-tabs .nav li a span { font-size: 180%; font-weight: 300; }
.menus-tabs .nav li.active a span { font-weight: 700; }
.menus-tabs .panel img { margin-bottom: 30px; }

.bg-map .col-inner { 
	padding-top: 130px; padding-bottom: 100px;
	background: transparent url(../../uploads/2024/01/bg-map.jpg) center center no-repeat; background-size: cover;
}

@media only screen and (max-width: 48em) {
	footer { text-align: center; }
	footer .widget { margin-bottom: 50px; }
	footer .widget li { text-align: center; border: 1px solid red; }
	.bg-map .col-inner { padding-top: 40px; padding-bottom: 10px; }
}

.footer-social { margin-top: 30px; }
.footer-social a:nth-child(1) { margin-right: 15px;}
.footer-social a:nth-child(1) img {width: 143px;}
.footer-social a:nth-child(2) img {width: 122px;}

.nav-uppercase>li.header-language-dropdown { color: rgba(255,255,255,.7);}
.nav-uppercase>li.header-language-dropdown>a { font-weight: 400; }

html[lang="en-US"] .nav-uppercase>li.header-language-dropdown>a[hreflang="en"],
html[lang="de-DE"] .nav-uppercase>li.header-language-dropdown>a[hreflang="de"],
html[lang="fr-FR"] .nav-uppercase>li.header-language-dropdown>a[hreflang="fr"]{ font-weight: 700; }


.header-wrapper .header-main { background: rgba(152,116,82,.0); transition: all 0.5s ease-in; }
.header-wrapper .header-main:hover,
.header-wrapper.stuck .header-main:hover { background: rgba(152,116,82,1); }
.header-wrapper.stuck .header-main { background: rgba(152,116,82,.8); transition: all 0.5s ease-in; }


.otgs-development-site-front-end { display: none; }

/**
 * Popup 
 **/
.body-scroll-lock--active .mfp-wrap .mfp-close { top: 30px; right: 8px; }

.nav-vertical>li.mobile-languages { justify-content: center; }
.nav-vertical>li.mobile-languages > a { max-width: 30px !important; font-size: 120%; font-weight: 300; }

html[lang="en-US"] .nav-vertical>li.mobile-languages > a:nth-child(2),
html[lang="de-DE"] .nav-vertical>li.mobile-languages > a:nth-child(1),
html[lang="fr-FR"] .nav-vertical>li.mobile-languages > a:nth-child(3) { font-weight: 700; }

.mobile-sidebar .nav li:nth-child(1) a,
.mobile-sidebar .nav li:nth-child(2) a { position: relative; }
.mobile-sidebar .nav li:nth-child(1) a:after,
.mobile-sidebar .nav li:nth-child(2) a:after { content: ''; position: absolute; bottom: 0; display: inline-block; width: 250px; border-bottom: 1px solid #fff !important; }


.mobile-sidebar .nav li.header-button-1 { margin-top: 40px; }

.mobile-sidebar .nav li .button { border: 1px solid #fff; }
.mobile-sidebar .nav li .button span { padding: 10px 10px;  font-size: 140%; color: #fff; }

.mobile-sidebar .nav li:last-child { padding-top: 60px;}

.section-title-normal, .section-title-normal span { margin-bottom: -7px; border: 0; }

@media only screen and (max-width: 48em) {
	.home-text .col-inner { padding-left: 15px; padding-right: 15px; padding-bottom: 30px; }
}
