/* Theme Name: Flatsome Child Description: This is a child theme for Flatsome Theme Author: Webnotion s.r.o. Template: flatsome Version: 3.0 */ @font-face { font-family: 'LarsseitBold'; font-style: normal; font-weight: normal; src: local('LarsseitBold'), url('assets/fonts/Larsseit-Bold.woff') format('woff'), url('assets/fonts/Larsseit-Bold.ttf') format('truetype'); } @font-face { font-family: 'LarsseitLight'; font-weight: normal; font-style: normal; src: local('LarsseitLight'), url('assets/fonts/Larsseit-Light.woff') format('woff'), url('assets/fonts/Larsseit-Light.ttf') format('truetype'); } @font-face { font-family: 'RevistaLight'; font-weight: normal; font-style: normal; src: local('RevistaLight'), url('assets/fonts/Latinotype - Revista Light.woff') format('woff'), url('assets/fonts/Latinotype - Revista Light.ttf') format('truetype'); } @font-face { font-family: 'RevistaBlack'; font-weight: normal; font-style: normal; src: local('RevistaBlack'), url('assets/fonts/Latinotype - Revista Black.woff') format('woff'), url('assets/fonts/Latinotype - Revista Black.ttf') format('truetype'); } @keyframes wheel { to { opacity: 0; top: 45px; background-color: #C9BA92; } } @-webkit-keyframes wheel { to { opacity: 0; top: 60px; background-color: #C9BA92; } } @keyframes wheelblack { to { opacity: 0; top: 45px; background-color: #111111; } } @-webkit-keyframes wheelblack { to { opacity: 0; top: 60px; background-color: #111111; } } /* BASIC CONFIG */ .clearfix { clear: both; } html { width: 100%;} /* overflow: hidden; */ body {height: 100vh; width: 100%; background-color: #c9ba92; } /* overflow-y: scroll; -webkit-overflow-scrolling: touch; position: fixed; */ body.error404 #main, body.error404 #wrapper { background-color: initial;} button.uvak-button, a.uvak-button { background: none; border: 2px solid; min-width: 250px; } button.uvak-button, a.uvak-button { box-shadow: none !important; } button.uvak-button.black, a.uvak-button.black { color: #111111 !important; border-color: #111111; } button.uvak-button.gold, a.uvak-button.gold { color: #C9BA92 !important; border-color: #C9BA92; } button.uvak-button.black:hover, a.uvak-button.black:hover { color: #C9BA92 !important; background-color: #111111;} button.uvak-button.gold:hover, a.uvak-button.gold:hover { color: #111111 !important; background-color: #C9BA92; } /* DEVELOP only WPML banner */ .otgs-development-site-front-end { display: none; } /* FONT STYLES & TYPOGRAPHY */ body { font-family: "LarsseitLight", serif !important; } ul.uvak-nav-menu {min-width: 360px; } .uvak-nav-menu > li > a { font-family: "RevistaBlack", serif !important; font-size: 1.3rem; } .uvak-lang-menu > li.menu-lang > a { font-family: "LarsseitLight", serif !important; font-size: 1rem; } .uvak-lang-menu > li.menu-lang.active > a, .uvak-nav-menu > li.active > a { text-decoration:none; border-bottom: 2px solid; color: #ffffff; } .uvak-lang-menu > li.menu-lang > a:hover, .header-nav > li > a:hover { text-decoration:none; border-bottom:2px solid #fff; margin-bottom:-2px; } a:hover { text-decoration: underline; } h1,h2,h3,h4,h5,h6, .heading-font, .off-canvas-center .nav-sidebar.nav-vertical > li > a { font-family: "RevistaBlack", serif !important; } .scroll-icon::before { animation: wheel 1.4s infinite; -webkit-animation: wheel 1.4s infinite; } body.theme-light .scroll-icon::before { animation: wheelblack 1.4s infinite; -webkit-animation: wheelblack 1.4s infinite; background-color: #111111; } body.fp-viewing-contact .scroll-icon::before { content: none; display: none; opacity: 0; } .footer-section { background-color: transparent; transition: background-color; transition-delay: 0; transition-duration: .3s; transition-timing-function: ease-in-out;} body.theme-light .footer-section { background-color: #C9BA92;} body.theme-dark .footer-section { background-color: #111111; } body.theme-dark .footer-section .footer-menu-wrapper a { color: #ffffff; } body.theme-light .footer-section .footer-menu-wrapper a { color: #111111; } body.theme-dark ul.header-nav li.menu-item a, body.theme-dark .uvak-lang-menu > li.menu-lang > a { color: #111111; } body.fp-viewing-contact .uvak-lang-menu > li.menu-lang > a { color: #111111; } body.theme-dark .uvak-lang-menu > li.menu-lang > a:hover, body.theme-dark .header-nav > li > a:hover { text-decoration:none; border-bottom:2px solid #111111; margin-bottom:-2px; } body.fp-viewing-contact ul.header-nav li.menu-item a { color: #111111; } body.fp-viewing-contact .footer-section .footer-menu-wrapper a { color: #111111; } /* UVAK HEADER */ .uvak-header { padding-left:30px; padding-right:30px; } .uvak-header #logo img { max-height: 120px !important; margin-top: 30px; } /* logo hiding on specific sections & change logo color */ body #logo { opacity: 0; transition: opacity; transition-delay: 0; transition-duration: .3s; transition-timing-function: ease-in-out; } body.show-logo #logo { opacity: 1; } body.theme-dark #logo img.header-logo { display: none !important; } body.theme-dark #logo img.header-logo-dark { display: block !important; } body.theme-light #logo img.header-logo { display: block !important; } body.theme-light #logo img.header-logo-dark { display: none !important; } body.fp-viewing-contact #logo img.header-logo { display: none !important; } body.fp-viewing-contact #logo img.header-logo-dark { display: block !important; } div.mobile-menu-logo a img.header-logo-dark { max-width: 100px; margin: 0 auto; display: block !important; } div.mobile-menu-logo a img.header-logo { display: none !important; } /* mobile menu canvas */ div.mfp-content { background-color: #C9BA92 !important; } div.mfp-content .uvak-nav-menu-mobile { padding-top: 30px; padding-bottom: 30px; } div.mfp-content .uvak-nav-menu-mobile li.menu-item { border: none !important; } div.mfp-content .uvak-nav-menu-mobile li.menu-item a { color: #111111; border-bottom: none; } div.mfp-content .mobile-lang-menu { width: 70%; padding-top: 10px; border-top: 1px solid #1111111f; margin: auto; } div.mfp-content .mobile-lang-menu li { display: inline-flex; flex: 1 1 0; justify-content: center; } /* UVAK SIDE MODAL SETUP */ .modal-section { position: absolute !important; max-width: none !important; top: 0; right: -100vw; align-items: center; justify-content: center; min-height: 100vh; transition: all; transition-duration: 1s; transition-timing-function: ease-in-out; } .modal-section.opened { right: 0; max-width: none; transition: right; transition-delay: .5s; transition-duration: 1s; transition-timing-function: ease-in-out; } .modal-section .close-button-wrapper p { margin: 0; } .modal-section .close-button-wrapper button#closeModal { position: absolute; right: 40px; top: 40px; margin: 0; } .modal-section .close-button-wrapper button.close-modal-button { margin: 0 !important; } /* UVAK INTRO SECTION - HOME */ .intro-section {position: relative !important; } .intro-section h1.uvak-main-title { position: absolute; width: 100%; font-size: 4rem; top: calc(40% - 40px); margin: 0; } .intro-section h1.uvak-main-title .hgap { width: 350px; display: inline-block; } .intro-section h1.uvak-main-title .sur {display:inline-block; width:350px;} .intro-section h1.uvak-main-title .sur-right {text-align:right;} .intro-section h1.uvak-main-title .sur-left {text-align:left;} .intro-section h2 { font-size: 2rem; } /* UVAK ABOUT US SECTION */ section.about-section > div.section-content { position: initial !important; display: flex; justify-content: space-between; max-width: none !important; margin: 0 auto; padding-left: 30px; padding-right: 30px; } section.about-section div.col.logo-animate { min-height: 50vh; } section.about-section div.img.animate-logo { display: flex; flex-basis: content; width: 100% !important; flex-grow: 1 !important; position: relative; } section.about-section div.img.animate-logo div.img-inner { position: absolute; } section.about-section div.img.animate-logo.al-j div.img-inner { transition: left 1s ease-in; left: 0; margin-right: -10px; } section.about-section div.img.animate-logo.al-v div.img-inner { transition: right 1s ease-in; right: 0; margin-left: -10px; } section.about-section div.animate-logo img { transition: all 1s ease-in-out; max-height: 45vh; } section.about-section div.animate-logo.al-v img { transition: all 1s ease-in; margin-top: 120px; } section.about-section div.about-us-box { transition: all .6s ease-in; transition-delay: 1s; opacity: 1; } section.about-section div.about-us-box img { max-height: 250px; width: auto; } section.about-section div.about-us-box.al-j div.box-image { text-align: left; } section.about-section div.about-us-box.al-v div.box-image { text-align: right; } section.about-section div.about-us-box.al-j div.box-image img { margin-left: 100px; margin-top: 20px; } section.about-section div.about-us-box.al-v div.box-image img { margin-right: 100px; margin-top: 140px; } section.about-section div.about-us-box div.box-text { position: absolute; width: 200px; padding: 0; } section.about-section div.about-us-box.al-j div.box-text { top: 30px; left: 250px; text-align: left; } section.about-section div.about-us-box.al-v div.box-text { bottom: 30px; right: 270px; text-align: right; } section.about-section button#aboutTeamButton { margin: 0; width: 200px; height: 60px; } section.about-section div.about-us-box div.box-text p { font-family: 'RevistaLight', serif; font-size: 1.2rem; margin: 0; line-height: 1.1rem; } section.about-section div.about-us-box div.box-text h3 { font-family: 'LarsseitBold', sans-serif !important; font-weight: bold; color: #C9BA92; font-size: 1.8rem; line-height: 1.9rem; } section.about-section.stop-animation div.animate-logo img { max-height: 35vh; } section.about-section.stop-animation div.animate-logo.al-v img { margin-top: 60px; } /* TODO - why 80% ??? */ section.about-section.stop-animation div.img.animate-logo.al-j div.img-inner { left: 81%; margin-right: -10px; transition: none; } section.about-section.stop-animation div.img.animate-logo.al-v div.img-inner { right: 80%; margin-left: -10px; transition: none; } section.about-section.stop-animation div.about-us-box { opacity: 0; transition-delay: 0s; } /*if logged-in helper*/ body.admin-bar section.about-modal { top: 32px; } /* _ */ .about-modal { background-color: #111111; } .about-modal div.section-bg { background-size: 46% !important; } .about-modal > div.col { max-width: 100vw; } .about-modal .banner { background-color: initial !important; } .about-modal .banner:not(.is-selected) { filter: blur(5px); } .about-modal .banner:not(.is-selected) div.text.text-wrapper { opacity: 0; } .about-modal .banner div.text.text-wrapper { position: absolute; bottom: 0; left: -40px; right: initial !important; width: 300px; z-index: 9; text-shadow: 1px 1px 5px #000; } .about-modal div.banner:is([style*="left: -"], [style*="left: -0"]), .about-modal div.banner.hide { opacity: 0 !important; } .about-modal .banner div.text.text-wrapper p { font-family: 'RevistaLight', serif; font-size: 1.2rem; margin: 0; } .about-modal .banner div.text.text-wrapper h3 { font-family: 'LarsseitBold', sans-serif !important; color: #C9BA92; } .about-modal .banner div.text.text-wrapper p > i { font-family: 'LarsseitBold'; font-weight: 100; font-size: 1rem; line-height: 1.2rem; } /* UVAK SERVICES SECTION */ section.services-section > div.section-content { position: initial !important; } section.services-section div.our-services .banner h3 { font-size: 3.5rem; } section.services-section div.our-services .banner p { font-size: 1.2rem; line-height: 1.5rem; font-weight: bold; color: #111111; } section.services-section .flickity-page-dots { bottom: -10px; } .services-modal { background-color: #C9BA92; } .services-modal > div.col { max-height: 70vh; } .services-modal div.services-icons-wrapper { max-width: 95vw; margin: 30px auto; gap: 1rem; flex-flow: row wrap; } .services-modal div.service-icon-box { max-width: 15%; margin: 0 !important; } .services-modal div.service-icon-box .box-image { width: 70%; max-width: 120px; } .services-modal div.service-icon-box .box-image > div { height: 0; padding-bottom: 100%; } .services-modal div.service-icon-box .box-text h4 { font-size: 1.2rem; overflow-wrap: break-word; } .services-modal div.close-button-wrapper { max-width: 1600px; margin: 0 auto; } .services-modal div.service-icon-box:hover { cursor: pointer; } .services-modal div.service-icon-box:hover .box-image { transform: scale(1.1); } /* UVAK BOOKS SECTION */ .books-section .uvak-books-slider .banner .text-img-wrapper { background-image: url('assets/images/book_bg_circle.svg'); background-repeat: no-repeat; background-size: 80%; background-position: 50% 50%;} .books-section .uvak-books-slider .banner h3 { font-family: 'RevistaLight' !important; font-size: 1.5rem; } .books-section .uvak-books-slider .banner h2 { font-family: 'LarsseitBold' !important; font-size: 2.6rem; font-weight: bold; margin-bottom: 20px; color: #C9BA92; } .books-section .uvak-books-slider .banner p { font-size: 1rem; line-height: 1.5rem; font-weight: 400; color: #ffffff; text-align: justify; } .books-section .uvak-books-slider .banner a.button { font-size: 1.2rem; font-family: 'LarsseitBold' !important; font-weight: bold; color: #111111; } .books-section .uvak-books-slider .banner .book-header { display: flex; justify-content: center; align-items: center; gap: 0px; } /* UVAK CONTACT SECTION */ /* .contact-section > div.section-bg { opacity: 0; } */ .contact-section > div.section-content { position: absolute !important; width:50%; left: 56%; top: 25%; } .contact-section div.svg-map-wrapper { display: flex; width: 100vw; justify-content: center; align-items: center; height: 100vh; padding-bottom: 30px; } .contact-section div.svg-map-wrapper svg { min-width: 1440px; width: 100%; } .contact-section div.contact-row { position: absolute; top: -120px; left: 50%; } .contact-section div.contact-row p { margin: 0; color: #111111; font-weight: bold; } .contact-section div.contact-row p b { font-family: 'LarsseitBold'; } .contact-section g#pin { transition: transform 0.5s ease-in-out; } .contact-section g#pin:hover { transform: matrix(1.2, 0, 0, 1.2, -144.5, -132.5); cursor:pointer; } /* UVAK FOOTER SECTION */ .footer-section {position:fixed; bottom:0; padding-left: 30px; padding-right: 30px; min-height:80px;} .footer-section .scroll-icon { width: 35px; height: 60px; border: 2px solid #C9BA92; border-radius: 60px; position: relative; } .footer-section .scroll-icon::before { content: ''; width: 8px; height: 8px; position: absolute; top: 7px; left: 50%; transform: translateX(-50%); background-color: #C9BA92; border-radius: 50%; opacity: 1; } body.theme-light .footer-section .scroll-icon { border: 2px solid #111111; } body.fp-viewing-contact .footer-section .scroll-icon { border: none; } section.contact-section div.col-inner { min-height: 30vh; } section.contact-section div.text.uvak-contact-text { width: 100%; margin-right: 0; margin-left: auto; } .footer-section .footer-menu-wrapper a { color: #fff; } /* MEDIUM-LARGE DISPLAYs */ @media only screen and (max-width: 1240px){ .contact-section > div.section-content {left: 54%;} .intro-section h1.uvak-main-title { font-size: 3rem; } .intro-section h1.uvak-main-title .hgap { width: 270px; } .intro-section h1.uvak-main-title .sur { width:270px;} .intro-section h2 { font-size: 2rem; } section.contact-section div.col-inner { min-height: 25vh; } /* section.contact-section div.text.uvak-contact-text { width: 39%; margin-right: 0; margin-left: auto; } */ } /* WIDTH MORE THAN 850PX - DESKTOP */ @media only screen and (min-width: 850px){ .footer-section .footer-menu-wrapper a { padding-right: 30px; } .uvak-header.logo-center .flex-left, .uvak-header.logo-center .flex-right { flex: 2 1 0; } } /* NARROW VIEWPORT (LAPTOPS) LESS THAN 950px */ @media only screen and (max-height: 950px) { .about-modal div.section-bg { background-size: 35% !important; } } /* WIDTH LESS THAN 850PX - TABLET */ @media only screen and (max-width: 850px){ .contact-section > div.section-content { left: 25%; top: 19%; } .intro-section h1.uvak-main-title { font-size: 3rem; position: initial; margin-bottom: 40px; } .intro-section h1.uvak-main-title .hgap { width: 30px; } .intro-section h1.uvak-main-title .hgap:before { content: " - "; color: #fff; } .intro-section h1.uvak-main-title .sur {display:initial; width: initial;} .intro-section h1.uvak-main-title .sur-right {text-align:initial;} .intro-section h1.uvak-main-title .sur-left {text-align:initial;} .intro-section h2 { font-size: 2rem; } .uvak-header #logo img { max-height: 60px !important; } .contact-section div.contact-row { left: 43%; } div.animate-logo { display: none !important; } section.about-section.stop-animation div.about-us-box { opacity: 1; display: flex; gap: 20px; justify-content: center; } section.about-section div.row.about-logo { align-items: center; } section.about-section div.col.logo-animate { min-height: initial; } section.about-section div.about-us-box div.box-text { position: relative; width: 200px; padding: 0; } section.about-section div.about-us-box.al-v { margin: 50px auto; } section.about-section div.about-us-box div.box-image { margin: 0; } section.about-section div.about-us-box.al-j div.box-text { top: initial; left: initial; text-align: left; align-self: self-start; } section.about-section div.about-us-box.al-v div.box-text { bottom: initial; right: initial; text-align: right; align-self: self-end;} section.about-section div.about-us-box.al-j div.box-image img { margin-left: 0; margin-top: 0; } section.about-section div.about-us-box.al-v div.box-image img { margin-right: 0; margin-top: 0; } section.about-section div.about-us-box.al-v div.box-image { order: 2; } body.fp-viewing-about #logo img.header-logo { display: block !important; } .hide-for-medium { display: none; } section.about-section { padding-left: 30px !important; padding-right: 30px !important; } .books-section .uvak-books-slider .banner .text-img-wrapper { background-size:100% 100%; min-height: 250px;} .books-section .uvak-books-slider .banner h2 { font-size: 2.2rem; } section.contact-section div.contact-box-wrapper { bottom: 29%; left: 39%; } section.contact-section div.contact-box-wrapper img { max-width: 75px; } .about-modal .banner { background-color: #111111 !important; } section.services-section div.our-services .banner h3 { font-size: 2.8rem; } .services-modal > div.col { margin-bottom: 70px; } .services-modal div.services-icons-wrapper { max-width: 100vw; margin: 0 auto; gap: 1.5rem 0.5rem; flex-flow: row wrap; justify-content: flex-start; align-items: center; } .services-modal div.service-icon-box .box-image { width: 20%; max-width: 70px; } .services-modal div.service-icon-box { max-width: 45%; min-width: 40px; margin: 0 !important; display: flex; justify-content: flex-start; align-items: center; } .services-modal div.service-icon-box .box-text { padding-bottom: 0; padding-top: 0; } .services-modal div.service-icon-box .box-text h4 { font-family: 'LarsseitBold' !important; font-size: 1rem; } section.contact-section div.col-inner { min-height: 75vh; margin-top: 50px; } section.contact-section div.text.uvak-contact-text { width: 100%; margin-right: 0; margin-left: auto; } section.contact-section > div.bg.bg-fill.bg-loaded { background-position: 50% 0 !important; background-size: auto 115% !important; } } /* WIDTH MORE THAN 850PX - TABLET AND LESS THAN 1250PX - DESKTOP*/ @media only screen and (min-width: 849px) and (max-width: 1250px) { .nav > li > a, .mobile-sidebar-levels-2 .nav > li > ul > li > a { font-size: .9rem; } } /* WIDTH LESS THAN 550PX - PHONE */ @media only screen and (max-width: 550px) { .contact-section > div.section-content { left: 2.5%; width:90%; top: 19%; } div.about-modal .col-inner { margin-top: 0; } .about-modal .banner div.text-box.banner-layer { width: 100% !important; right: initial !important; } .about-modal .banner div.text.text-wrapper { position: relative; bottom: 0; left: initial; right: initial !important; width: auto; text-align: center; } .about-modal .banner div.text.text-wrapper p { font-family: 'RevistaLight', serif; font-size: 1rem; line-height: 1.1rem; } .about-modal .banner div.text.text-wrapper p > i { font-family: 'LarsseitLight'; font-weight: 100; } .about-modal .banner div.img.has-hover { width: 100% !important; } .about-modal .banner div.img.has-hover div.img-inner { text-align: center; } .about-modal .banner div.img-inner img { width: 60%; } .uvak-header #logo img { max-height: 60px !important; margin-top: 10px; } .services-modal div.service-icon-box .box-image { width: 80%; } .books-section .uvak-books-slider .banner .book-header { gap: 25px; } section.contact-section { align-items: flex-start; } .contact-section div.contact-row { width: 100vw; bottom: initial; top: initial; left: initial; margin-left: 0; margin-top: 170px; } .contact-section div.contact-row p { font-size: .9rem; text-align: center; } section.services-section div.our-services .banner h3 { font-size: 2rem; } section.services-section div.our-services .banner p { font-size: 1rem; } .footer-section { min-height: 50px; } div.footer-menu-wrapper { display: flex; justify-content: space-between; gap: 30px; } div.footer-menu-wrapper a.footer-menu-link { padding: 0; display: flex; } section.contact-section div.col-inner { min-height: 75vh; margin-top: 80px; } section.contact-section div.text.uvak-contact-text { width: 96%; margin-right: auto; margin-left: auto; font-size: 1rem !important; } section.contact-section > div.bg.bg-fill.bg-loaded { background-position: 50% 0 !important; background-size: auto 115% !important; } }