/** * Theme Name: KT Theme * Description: - * Version: 1.0.0 * Author: Kevin Tiberghien */ .material-symbols-outlined { font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24 } em { color: inherit!important; } /* START Font Awesome */ @font-face { font-family: 'Material Icons'; font-display: block; font-style: normal; font-weight: 400; src: url(/wp-content/themes/yootheme-child/font/MaterialIcons-Regular.eot); /* For IE6-8 */ src: local('Material Icons'), local('MaterialIcons-Regular'), url(/wp-content/themes/yootheme-child/font/MaterialIcons-Regular.ttf) format('truetype'); } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; /* Preferred icon size */ display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ font-feature-settings: 'liga'; } /* END Font Awesome */ /* @font-face { font-family: Roboto; src: url(/wp-content/themes/kt-theme/kt-fonts/Roboto-Thin.ttf); font-weight: 100; }*/ @font-face { font-family: Roboto; src: url(/wp-content/themes/kt-theme/kt-fonts/Roboto-Light.ttf); font-weight: 300; } @font-face { font-family: Roboto; src: url(/wp-content/themes/kt-theme/kt-fonts/Roboto-Regular.ttf); font-weight: 400; } @font-face { font-family: Roboto; src: url(/wp-content/themes/kt-theme/kt-fonts/Roboto-Medium.ttf); font-weight: 500; } /* @font-face { font-family: Roboto; src: url(/wp-content/themes/kt-theme/kt-fonts/Roboto-Bold.ttf); font-weight: 700; } */ @font-face { font-family: BlackStamp; src: url(/wp-content/themes/kt-theme/kt-fonts/BlackStampKT.otf); font-weight: normal; } /* @font-face { font-family: Tahu; src: url(/wp-content/themes/yootheme-child/font/Tahu.ttf); font-weight: normal; } @font-face { font-family: GetShow; src: url(/wp-content/themes/kt-theme/kt-fonts/GetShow.ttf); font-weight: normal; } @font-face { font-family: HeyAugust; src: url(/wp-content/themes/kt-theme/kt-fonts/HeyAugust.ttf); font-weight: normal; } @font-face { font-family: FakeSerif; src: url(/wp-content/themes/kt-theme/kt-fonts/FakeSerif.ttf); font-weight: normal; } @font-face { font-family: RegularBrush; src: url(/wp-content/themes/kt-theme/kt-fonts/RegularBrush.otf); font-weight: normal; } @font-face { font-family: BlackSignature; src: url(/wp-content/themes/kt-theme/kt-fonts/BlackSignature.otf); font-weight: normal; } @font-face { font-family: Gellatio; src: url(/wp-content/themes/kt-theme/kt-fonts/Gellatio.ttf); font-weight: normal; } @font-face { font-family: Julietta; src: url(/wp-content/themes/kt-theme/kt-fonts/julietta.ttf); font-weight: normal; } @font-face { font-family: SoulSignature; src: url(/wp-content/themes/kt-theme/kt-fonts/SoulSignature.ttf); font-weight: normal; } @font-face { font-family: KabutHitam; src: url(/wp-content/themes/kt-theme/kt-fonts/KabutHitam.ttf); font-weight: normal; } */ /** BASE BASE BASE **/ :root { --default: #666; --primary: #ff4870; --secondary: #3E7396; --backgroundprimary:linear-gradient(135deg,#ff5292,#ff4870); --backgroundprimaryhover:linear-gradient(315deg,#ff5292,#ff4870); --backgroundsecondary:#3E7396; } /*Unselectable*/ .uk-button, .kt-button, .addtoform > div, .item .prix { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } a {text-decoration:none;} a:hover {text-decoration:none;} a { /*disables the blue highlighting on touchscreens*/ -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; } body:not(.pdf) {font-family: Roboto, arial; font-weight: 300;color:#666} body:not(.pdf) :is(h1,h2,h3,h4,h5,h6) {font-family: Roboto, arial} h1,h2,h3,h4,h5,h6 {color:#666} /* body,h1,h2,h3,h4,h5,h6 {font-family: Roboto, arial; font-weight: 300;color:#666} */ body {font-size:14px;} *+p {margin-top:5px;} a {color:var(--primary)} a:hover {color:var(--primary); opacity: 0.8; transition: .3s;} [class^='kt-heading'], [class*=' kt-heading'] {font-family: 'Roboto'!important;text-transform:uppercase;} [class^='kt-cursive'], [class*=' kt-cursive'] {font-family: 'BlackStamp'!important;} .kt-heading-1 {font-size:45px;font-weight: 500;letter-spacing: 0.2px;} .kt-heading-2 {font-size:30px;font-weight: 500;letter-spacing: 0.2px;} .kt-heading-3 {font-size:24px;font-weight: 500;letter-spacing: -0.5px;} .kt-heading-4 {font-size:16px;font-weight: 500;letter-spacing: 0.2px;} .kt-heading-5 {font-size:14px;font-weight: 500;letter-spacing: 0px;} .kt-heading-6 {font-size:11px;font-weight: 500;letter-spacing: 0.2px;} .kt-cursive-1 {font-size:75px;} .kt-cursive-2 {font-size:50px;} .kt-cursive-3 {font-size:40px;} .kt-cursive-4 {font-size:30px;} .kt-cursive-5 {font-size:24px;} .kt-cursive-6 {font-size:18px;} .kt-auto-resize {white-space: nowrap; text-overflow: ellipsis;} #kt-navbar li a { font-size: 14px; letter-spacing: 0px; text-decoration: none; } .kt-decoration-1, .kt-decoration-2, .kt-decoration-3, .single-blog .posttitle {position:relative;display:inline-block;z-index:1;text-align:left;} .kt-decoration-1::before, .single-blog .posttitle::before { content:""; position:absolute; background-color: #ff487050; height: 100%; width: auto; bottom: 0px; left: -1%; z-index: -1; rotate: 80deg; aspect-ratio: 1/1; } .kt-decoration-2::before { content:""; position:absolute; background-color: #ff487050; height: 5px; width: 30px; bottom: -3px; left: 0; z-index: -1; aspect-ratio: 1/1; } .kt-decoration-3 {margin-left:10px;line-height:1.2} .kt-decoration-3::before { content: ""; position: absolute; background-color: var(--primary); height: 100%; width: 5px; bottom: 6%; left: -10px; z-index: -1; } .kt-boldline {} .kt-titleline {position:relative;display:inline-block} .kt-titleline::before { content:""; position:absolute; background-color:#ff4870; height:20%; bottom:-1px; width:50%; z-index:-1; } .kt-primary {color:var(--primary)} .kt-secondary {} .kt-background-primary, .kt-button-primary, .uk-button {background-color:var(--primary);background-image:var(--backgroundprimary);color:#fff;} .kt-background-primary.hover:hover, .kt-button-primary:hover, .uk-button:hover {background-image:var(--backgroundprimaryhover);color: #fff;} .kt-background-secondary {} .kt-background-secondary:hover {} .kt-button-white {background-color:white;background-image:none;color:var(--primary)} .kt-button { display:inline-block; color: white; padding: 0px 10px; margin-right:10px; margin-bottom:20px; line-height: 20px; font-size: 10px; text-align: center; background-color:rgba(61,145,211,0.75); cursor:pointer; } .kt-uppercase {text-transform:uppercase} .kt-400 {font-weight:400} .kt-500 {font-weight:500} .kt-700 {font-weight:700} h1,h2,h3,h4,h5,h6 {margin:0px;font-weight:500} .leftarea, .leftarea :is(h1,h2,h3,h4,h5,h6) { color:white; text-shadow: 0px 0px 15px rgba(0,0,0,0.2); text-align:left; } .leftarea h1 {font-size:75px;} .uk-button {font-weight:500;border-radius: 4px;} /*html {font-family:arial}*/ b, strong {font-weight: 500;} .uk-h2 {font-family:'Tahu', arial} .uk-h2 {font-family:'GetShow', arial} .uk-h2 {font-family:'HeyAugust', arial} .uk-h2 {font-family:'FakeSerif', arial} .uk-h2 {font-family:'RegularBrush', arial} .uk-h2 {font-family:'BlackSignature', arial} .uk-h2 {font-family:'BlackStamp', arial} .uk-h2 {font-family:'Gellatio', arial} .uk-h2 {font-family:'Julietta', arial} .uk-h2 {font-family:'SoulSignature', arial} .uk-h2 {font-family:'KabutHitam', arial} .site-id-15 .tm-toolbar {display:none;} .site-id-15 .tm-header-overlay {top:30px;} .site-id-15.logged-in .tm-header-overlay {top:60px;} #testdonotdisplay {display:none;} body.administrator #testdonotdisplay {display:block;} /* HEADER FOOTER */ #kt-toolbar, #kt-footer #footer {background-color:var(--backgroundsecondary);} #kt-toolbar, #kt-footer, .toolbardesc {color: rgba(255, 255, 255, 0.75)} /* HEADER */ #kt-toolbar {height:30px;padding-top:0px;padding-bottom:0px;font-size:10px;line-height:30px;} #kt-toolbar .leftarea {display:inline-block;} .leftarea .toolbardesc {display:none;} .homepage .leftarea .toolbardesc {display:inline-block;text-wrap:nowrap} .homepage .rightarea .toolbardesc {display:none;} @media (max-width:1080px) { .homepage .rightarea .toolbardesc {display:inline-block;} } #kt-toolbar .rightarea {display:flex} #kt-toolbar .toolbardesc {opacity:0;font-size:10px;padding-right:15px} #kt-toolbar .contact {opacity:0;margin-left: auto;font-weight:500;display:flex;} #kt-toolbar .contact > div:nth-child(1) {text-transform:uppercase;font-size:10px;margin-right:10px;} #kt-toolbar .contact > div:nth-child(2) {font-size:12px;} #kt-toolbar .contact .icon {font-weight:300;font-size:18px;margin-top:-2px;vertical-align: middle;} #kt-toolbar .contact a {color:inherit;} .smalltoolbar #kt-toolbar .rightarea .toolbardesc {display:none;} .smalltoolbar #kt-toolbar .rightarea .contact {width: 100%;} .smalltoolbar #kt-toolbar .rightarea .contact > div:nth-child(2) {margin-left: auto;} #kt-navbar {} #kt-navbar {height:80px; padding-top:0px;padding-bottom:0px;display: flex;background-color:transparent} #kt-navbar.uk-sticky-fixed {background-color: white;} #kt-navbar .uk-navbar-right {border-bottom: solid 1px #ddd;margin-top:-1px;opacity:0;} #kt-navbar.uk-sticky-fixed .uk-navbar-right {border-bottom: none;margin-top:0px} #kt-navbar .mainlogo {height:80px;} #kt-navbar .mainlogo img {max-height: 100%;} #kt-navbar #mainlogoright {display:block;margin-right:30px;} #kt-navbar #mainlogoright img.medium {display:none;} #kt-navbar #mainlogoright img {padding: 20px 0px;} #kt-navbar #mainlogoleft {display:none;} #kt-navbar #mainlogoleft img {padding: 17px 0px;} :is(#kt-navbar-mobile,#kt-navbar) {z-index:999} :is(#kt-navbar-mobile,#kt-navbar).uk-sticky-fixed {box-shadow:2px 15px 50px rgba(41,44,61,.1)} #kt-navbar .uk-navbar-dropdown {width:unset!important;padding: 15px;top: 80px!important;border-left: solid 3px #ff4870;box-shadow: 0 5px 12px rgba(0,0,0,.05);} #kt-navbar .uk-navbar-dropdown .uk-nav li {text-transform:unset;font-weight: 400;} #kt-navbar .uk-navbar-dropdown .uk-nav li a {padding: 3px 0;transition:color .5s} #kt-navbar .uk-navbar-dropdown .uk-nav li:hover a {padding: 3px 0;color:var(--primary)} .uk-navbar-nav>li>a{position:relative;transition: .3s ease-in-out} .uk-navbar-nav>li>a::before {content: "";height:2px;transition: .3s ease-in-out;display: block; position: absolute; width:0; z-index: -1; bottom: 25px; background-color: var(--primary); left:0; } .uk-navbar-nav>li.homelink:hover>a {color:var(--primary)} .uk-navbar-nav>li.homelink>a::before {background-color:transparent} .uk-navbar-nav>li.uk-active>a::before, .uk-navbar-nav>li:hover>a::before { width:100%; left:0; right:100%; } .uk-navbar-nav>li:hover>a, .uk-navbar-nav>li>a[aria-expanded=true] {color:inherit} .uk-offcanvas-bar .uk-offcanvas-close {color: var(--primary)!important;} #kt-navbar-mobile {display:none;} .uk-offcanvas {z-index:1000000} #offcanvasmenu .uk-offcanvas-bar {background-color:white;} #offcanvasmenu .uk-offcanvas-bar, #offcanvasmenu .uk-offcanvas-bar a {color:#666;} #offcanvasmenu .uk-offcanvas-bar a.uk-button {color:#fff;} #offcanvasmenu .toolbardesc img {height:40px;margin-bottom:20px;} #offcanvasmenu .toolbardesc {color:var(--primary);font-weight:500;line-height:1.1;} #offcanvasmenu hr {border-top:solid 1px #ccc;margin: 15px 0px 10px 0px;} #offcanvasmenu ul.uk-nav-sub {padding-top:0px;padding-bottom:10px;} #offcanvasmenu .uk-nav-sub .kt-heading {text-transform:none;line-height: 1.4;} #offcanvasmenu .uk-active > a {color:var(--primary)} .kt-navbar :is(.uk-nav-sub, .uk-navbar-dropdown) .uk-active > a {font-weight:400;color:var(--primary)} #offcanvasmenu #askforquote .editcta {color:white;margin-top:20px;} #offcanvasmenu img.big {display:block!important;} #offcanvasmenu img.medium {display:none!important;} #scrolltotop {position:fixed; right:0; bottom:20px;z-index:1000;text-align:center;font-weight:400;line-height:1} #scrolltotop {text-transform:none;font-size: 12px;} #scrolltotop > div {padding:5px;color:white;background-color:rgba(0,0,0,0.25);border-radius:3px;} @media (min-width: 681px) { #mobileshortcuts {display:none;} } @media (max-width: 680px) { #scrolltotop {right:-10px; bottom:60px;padding:5px;} #scrolltotop a > span:nth-child(2) {display:none;} #kt-navbar {display:none;} #kt-navbar-mobile {display:block;height:50px;padding:10px 0px;background:transparent;margin-bottom:-50px;} #kt-navbar-mobile > div {display:flex;gap:10px;height:100%} #kt-navbar-mobile > div > div {padding:0px;} /* #kt-navbar-mobile.uk-sticky-fixed {background-image:var(--backgroundprimary);} */ #mobileshortcuts { position:fixed; bottom:0; height:50px; width:100%; background:white; z-index: 1000000; border-top: solid 1px rgba(0,0,0,0.1); box-shadow: 2px 0 5px rgba(0, 0, 0, 0.25); display:flex; align-items: center; text-align: center; padding: 5px 15px; box-sizing: border-box; } #mobileshortcuts a { color:var(--default) } #mobileshortcuts > div { padding: 0px 5px; box-sizing:border-box; } #mobileshortcuts > div { flex-grow: 1; flex-basis: 0; min-width:60px; } #mobileshortcuts > div > div { line-height:1; } #mobileshortcuts > div:first-of-type, #mobileshortcuts > div:last-of-type {flex-grow:0.6;} #mobileshortcuts > div:first-of-type > div { display: inline-block; float: left; } #mobileshortcuts > div:last-of-type > div { display: inline-block; float: right; } #mobileshortcuts .uk-icon {margin-bottom: 1px;color:var(--primary);} #mobileshortcuts .title {display:block;font-size:12px;font-weight:400;} #mobileshortcuts .event .uk-icon {position:relative;} #mobileshortcuts .event #activitycount {position: absolute; top: 1px; left: 21px; background-color: var(--primary); border-radius: 50px; width: 17px; height: 17px; font-size:11px; line-height:17px; font-weight: 500; letter-spacing: -1px; color: white; text-align: center; } } @media (max-width: 400px) { #mobileshortcuts .act {display:none;} #mobileshortcuts .contact {display:none;} } #kt-navbar .uk-navbar-right, #kt-navbar .uk-navbar-nav {gap:0px;} #kt-navbar .uk-navbar-nav > li {margin-right: 20px;} .resp1 #kt-navbar .homelink {display:none;} .resp1 #kt-navbar .uk-button[href="#offcanvasquote"] {padding:0 10px;} .resp2 #kt-navbar li a {font-size: 13px;} .resp2 #kt-navbar .uk-navbar-nav > li {margin-right: 15px;} .resp2 #kt-navbar #mainlogoright img {padding:22px 0px} @media (min-width:1081px;) { .resp3 #kt-navbar #mainlogoright {display:none;} .resp3 #kt-navbar #mainlogoleft {display:block;} } .resp4 #kt-navbar li a {font-size: 12px;} .resp4 #kt-navbar .uk-navbar-nav > li {margin-right: 10px;} .resp4 #kt-navbar .uk-button[href="#offcanvasquote"] {font-size: 12px;} /* SIDEBAR */ #sidebarcontainer > div > div {position:relative;z-index:1;} #kt-sidebar {float:right;right:0;margin-top:0px;margin-right: 0px;z-index:1;padding:0px;margin-left:50px;width:250px;border-left:solid 0px #ddd;box-sizing:border-box;} #kt-sidebar > div {margin-bottom:40px;} .hassidebar #kt-sections > div > div > div {max-width: 800px;width: calc(100% - 300px);} #beforefirstsection { height:0px; } #kt-sections > div { padding-top:60px; padding-bottom:60px; text-align:justify } #ss #kt-sections > div:first-of-type, #beforefirstsection .leftarea, #kt-sidebar { padding-top:140px;margin-top:-80px; } #kt-sections > div:last-of-type { padding-bottom:80px } /* FOOTER */ /* A propos Responsive Nous contacter */ #kt-footer {clear:both;line-height: 1.4;} #kt-footer #footer {padding-top:40px;padding-bottom:40px;} #kt-footer #grid-footer > div {width:calc(100% / 3.001);box-sizing:border-box;display:flex;flex-direction: column;} #kt-footer .uk-grid-divider>:not(.uk-first-column)::before {border-left:solid 1px rgba(255,255,255,0.2)} #kt-footer a {color:inherit;text-transformation:none;} #kt-footer a:hover {color:white} #kt-footer .title {margin-bottom:10px;color:white} #kt-footer .content {font-size:13px;line-height:1.3;} #kt-footer #footerlinks .content > div {padding:2px 0px;} @media (max-width:1360px) { #kt-footer #grid-footer #footercontact {width:35%} #kt-footer #grid-footer #footerlinks {width:30%} #kt-footer #grid-footer #footerdesc {width:35%} } @media (min-width:501px) and (max-width:880px) { #kt-footer #grid-footer #footercontact {width:55%} #kt-footer #grid-footer #footerlinks {width:45%} #kt-footer #grid-footer #footerdesc {width:100%;} #kt-footer #grid-footer #footerdesc .title {border-top:solid 1px rgba(255,255,255,0.5); padding-top: 30px;} } @media (max-width:500px) { #kt-footer #grid-footer.uk-grid-divider.uk-grid-stack>.uk-grid-margin::before {border-top: 1px solid rgba(255,255,255,0.5);} #kt-footer #grid-footer > div {width:100%!important;} #kt-footer #grid-footer > #footercontact {order:2} #kt-footer #grid-footer > #footerlinks {order:1} #kt-footer #grid-footer > #footerdesc {order:3} } /* #kt-footer #subfooter {display:flex;flex-direction:ltr;padding-top:20px;margin-top:40px;border-top:solid 1px rgba(255,255,255,0.5);font-size:11px;} */ #kt-footer #subfooter {background-color:var(--backgroundsecondary);position:relative} #kt-footer #subfooter:before {content:"";position:absolute;left:0;width:100%;height:100%;background-color: rgba(0,0,0,0.2);} #kt-footer #subfooter > div {display:flex;flex-direction:ltr;font-size:11px;padding:10px 0px;position:relative} #kt-footer #subfooter > div > div {line-height:24px;} #kt-footer #copyright {} #kt-footer #intense-dmc {margin-left:auto;} #kt-footer #intense-dmc a {margin-left:10px;padding:0 15px;line-height:unset;background-color: rgba(255,255,255,0.2);background-image: none;color: rgba(255,255,255,0.75);font-size: 11px;} #kt-footer #intense-dmc a:hover {background-color: rgba(255,255,255,1);background-image: none;color: var(--primary);} @media (max-width:860px) { #kt-footer #subfooter > div {flex-direction:column;} #kt-footer #subfooter #copyright {order:2} #kt-footer #subfooter #intense-dmc { order:1; margin-left:0; position:absolute; top: -65px; width: 100%; padding-top: 25px; border-top: solid 1px rgba(255,255,255,0.5); } #kt-footer #footer {padding-bottom:95px;} } @media (max-width:500px) { #kt-footer #subfooter #intense-dmc {top: -95px;} #kt-footer #subfooter #intense-dmc span {display:block;} #kt-footer #subfooter #intense-dmc a {margin-left:0px;} #kt-footer #footer {padding-bottom:125px;} } body {overflow-x:hidden} #ss {position:relative;overflow: hidden;width:100%} .ssleft { height:100%; position: fixed; background-size: cover; background-position: center; background-repeat: no-repeat; } .ssleft.uk-offcanvas-bar {left:-30%} .uk-open .ssleft.uk-offcanvas-bar {left:0%!important} .ssright { float:right; clear:none; position:relative; } .homepage #kt-main {left:70%;} .leftarea { position:absolute; box-sizing: border-box; } .ssright > div > div:not(.leftarea) { width: 100%; box-sizing:border-box; position:relative; } @media (min-width:2901px) { .ssleft {width:640px;} .ssleft.uk-offcanvas-bar {left:-640px} .ssright {width:calc(100% - 640px);} .ssright .leftarea { padding-left: 0px; width: 520px!important; left: -560px } .ssright > div > div:not(.leftarea) {padding-right:0px;} .ssright > div > div:not(.leftarea) {padding-left:40px;} .ssright > div > div:not(.leftarea) > div {width:1300px;} #headerhome {padding-left:80px;} #headerhome > div {max-width:calc(640px + 1300px - 40px)} .homepage #kt-main {left: calc(100% - 640px);} #ctacontainer > div {padding-left:80px;padding-right: 40px;width: 640px!important;} } @media (max-width:2900px) { .ssleft, .homepage #ctacontainer > div {width:30%;} .ssright {width:70%;} .ssright .leftarea { left: calc(-100% / 70 * 30); width: calc((100% / 70 * 30) - 40px); padding-left: 15%; } #headerhome, #ctacontainer > div {padding-left: calc(15% / 3 * 7)} .homepage #ctacontainer > div {padding-left:calc(15% / 10 * 7)} .ssright > div > div:not(.leftarea) {padding-left:40px;} .ssright > div > div:not(.leftarea) {padding-right: 15%;} #headerhome, #scrolltotop {padding-right:calc(15% / 10 * 7)} #ctacontainer > div {padding-right:40px} } @media (max-width:2000px) { .ssleft, .homepage #ctacontainer > div {width:30%;} .ssright {width:70%;} .ssright .leftarea { left: calc(-100% / 70 * 30); width: calc((100% / 70 * 30) - 40px); padding-left: 10%; } #ctacontainer > div {padding-left: calc(10% / 3 * 7)} #headerhome, .homepage #ctacontainer > div {padding-left:calc(10% / 10 * 7)} .ssright > div > div:not(.leftarea) {padding-right: 10%;} #headerhome, #scrolltotop {padding-right:calc(10% / 10 * 7)} .ssright > div > div:not(.leftarea) {padding-left:40px;} #ctacontainer > div {padding-right:40px} } @media (max-width:1720px) { .ssleft {width:30%;} .ssright {width:70%;} .ssright .leftarea { left: calc(-100% / 70 * 30); width: calc((100% / 70 * 30) - 40px); } .ssright .leftarea, #ctacontainer > div, #headerhome, .homepage #ctacontainer > div {padding-left:40px} .ssright > div > div:not(.leftarea), #headerhome, #scrolltotop {padding-right: 40px;} .ssright > div > div:not(.leftarea) {padding-left:40px;} #ctacontainer > div {padding-right:40px} .homepage #ctacontainer > div {width:30%} } @media (max-width:1520px) { .ssleft {width:30%;} .ssright {width:70%;} .ssright .leftarea { left: calc(-100% / 70 * 30); width: calc((100% / 70 * 30) - 30px); } .ssright .leftarea, #ctacontainer > div, #headerhome, .homepage #ctacontainer > div {padding-left:30px} .ssright > div > div:not(.leftarea), #headerhome, #scrolltotop {padding-right: 30px;} .ssright > div > div:not(.leftarea) {padding-left:30px;} #ctacontainer > div {padding-right:30px} .homepage #ctacontainer > div {width:30%} } @media (max-width:1440px) { .ssleft {width:25%;} .ssright {width:75%;} .homepage #kt-main {left:75%;} .ssleft.uk-offcanvas-bar {left:-25%} .ssright .leftarea { left: calc(-100% / 75 * 25); width: calc((100% / 75 * 25) - 30px); } .ssright .leftarea, #ctacontainer > div, #headerhome, .homepage #ctacontainer > div {padding-left:30px} .ssright > div > div:not(.leftarea), #headerhome, #scrolltotop {padding-right: 30px;} .ssright > div > div:not(.leftarea) {padding-left:30px;} #ctacontainer > div {padding-right:30px} #ss.homepage #ctacontainer > div {width:25%} #ss.opencta #ctacontainer > div {padding-right:20px;padding-left:20px;} #kt-sidebar {margin-left:40px;width:200px;} .hassidebar #kt-sections > div > div:not(.leftarea) > div {width: calc(100% - 240px);} } @media (max-width:1240px) { .ssright .leftarea { width: calc((100% / 75 * 25) - 20px); } .ssright .leftarea, #ctacontainer > div, #headerhome {padding-left:20px} .homepage #ctacontainer > div {padding-left:20px} .ssright > div > div:not(.leftarea), #headerhome, #scrolltotop {padding-right: 20px;} #ctacontainer > div {padding-right:20px} .ssright > div > div:not(.leftarea) {padding-left:20px;} #ss.opencta #ctacontainer > div {padding-right:10px;padding-left:10px;} } @media (max-width:1080px) { .ssleft { width:100%; min-width:unset; height:400px; position:relative; } .ssright { width:100%; max-width:unset; float:none; } .homepage #kt-main {left:0;} .ssleft.uk-offcanvas-bar {left:-100%;height:100%} .ssright > div > div:not(.leftarea), .leftarea, #ctacontainer > div, #headerhome { padding: 0px 30px; } #smallmenulisting {left:30px;bottom:30px;} .ssright .leftarea { position:static; left:0; width:unset; padding:0px; } #kt-navbar {height:70px;background: transparent; margin-bottom: -70px;} #kt-navbar .uk-navbar-nav>li>a {min-height:70px;} #kt-navbar:not(.uk-sticky-fixed) .uk-navbar-nav>li>a {color: rgba(255,255,255,0.8)} #kt-navbar.uk-sticky-fixed > div > div {height:70px;} #kt-navbar .uk-navbar-nav>li>a::before {bottom: 22px;} #kt-navbar .uk-navbar-right {border-bottom:none;} #kt-navbar .mainlogo {height:70px;} #kt-navbar .mainlogo img {padding:17px 0px;} #kt-navbar #mainlogoright img.big {display:none;} #kt-navbar #mainlogoright img.medium {display:block;} #kt-navbar .leftarea {display:none;} #kt-toolbar .leftarea {display:none;} #ss #kt-sections > div:first-of-type, #beforefirstsection .leftarea, #kt-sidebar {margin-top:0px;padding-top:40px;} #mainleftarea {position:absolute;top:-400px;width: 100%;height: 400px; padding-top: 0px;} #mainleftarea > div {position: absolute; width: 100%; padding: 0px 30px; top: 50%;left: 0%; -ms-transform: translate(-0%, -50%); transform: translate(-0%, -50%);} #ss.opencta #ctacontainer > div {width:100%;max-width: 380px;padding-right:20px;padding-left:20px;} } @media (max-width:940px) { .ssright > div > div:not(.leftarea), .leftarea {padding: 0px 30px;} } @media (max-width:860px) { .ssright > div > div:not(.leftarea), .leftarea, #mainleftarea > div, #headerhome {padding: 0px 20px;} #smallmenulisting {left:20px;bottom:20px;} #sidebarcontainer {display:none;} .hassidebar #kt-sections > div > div:not(.leftarea) > div {width: calc(100% - 0px);} } @media (max-width:540px) { .ssright > div > div:not(.leftarea), .leftarea {padding: 0px 15px;} #smallmenulisting {left:15px;bottom:15px;} } @media (max-width:380px) { #smallmenulisting {left:10px;bottom:10px;} } @media (max-width:440px) { #ss.opencta #ctacontainer > div {width:100%;max-width:unset} } @media (max-width:360px) { #ss.opencta #ctacontainer > div {padding-right:10px;padding-left:10px;} } .ssright:before { /* Leftshadow */ position: absolute; /*box-shadow: -30px 0 20px -20px #00000040 inset;*/ content: " "; height: 100%; left: -30px; top: 0; width: 0px; } #mainleft > .imagecontainer { position:relative; width:100%; height:100%; } #ss .imagecontainer .imageoverlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity:0; transition:0.3s ease-in-out; background-color: rgba(0,0,0,0); } #ss .imagecontainer .imageoverlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity:0.5; transition:0.3s ease-in-out; background-color: rgba(0,0,0,0); } /* #ss.ready .imagecontainer .imageoverlay {opacity:0.5;transition:3s} */ #ss.hoverleft:not(.opencta) .imagecontainer .imageoverlay {background-color: rgba(0,0,0,0);opacity:1;transition:0.3s;} #ss.homepage .imagecontainer .imageoverlay {opacity:1} #ss.ready #kt-toolbar .toolbardesc, #ss.ready #kt-navbar .uk-navbar-right, #ss.ready #kt-toolbar .rightarea > div {opacity:1;transition:.5s;} /* $('#mainleftarea').animate({opacity: 1}, 400); */ /* $('#kt-toolbar .toolbardesc').animate({opacity: 1}, 600); */ /* $('#kt-navbar .uk-navbar-right').animate({opacity: 1}, 600); */ /* $('#kt-toolbar .rightarea > div').animate({opacity: 1}, 600); */ .imagecontainer img { position: absolute; object-fit: cover; top: 0; left: 0; width: 100%; height: 100%; } #mainleftarea #mainsubtitle {font-size:18px;font-weight:400;cursor:default} #mainleftarea #maintitle {white-space: nowrap; text-overflow:ellipsis;cursor:default} /* HOMEPAGE */ /*body.home {background:linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ),url(/wp-content/uploads/sites/2/barcelona-spain-1-scaled.jpg), linear-gradient(#eb01a5, #d13531);background-size: cover;background-position: center;} body.home .ssright {background-color:transparent} body.home .ssright::before {opacity:0;} body.home .ssleft {background:none} */ .homepage #kt-main {} .homepage #kt-toolbar {background-color:transparent} .homepage #mainleftarea {display:none!important;} #ss.homepage #kt-sections > div .leftarea > div {text-align:right;} #ss.homepage #kt-sections > div .leftarea .title { font-family:BlackStamp!important; font-size:60px; text-transform:none!important; line-height: 1.1; } #ss.homepage #kt-sections > div .leftarea .subtitle { font-weight:400; font-size:16px; } #ss.homepage #kt-sections > div .leftarea .button { margin-top:20px; } .homepage #kt-navbar:not(.uk-sticky-fixed) .uk-navbar-nav>li>a {color:rgba(255,255,255,0.7)} .homepage #kt-navbar:not(.uk-sticky-fixed) .uk-navbar-nav>li>a:hover {color:rgba(255,255,255,1)} .homepage #kt-navbar .uk-navbar-right {border-bottom: solid 1px rgba(255,255,255,0.0);} @media (min-width:1080px) { .homepage #mainleft {width:100vw;} .homepage #kt-main {background-color:white;transition:all .5s} .homepage.scrolled #kt-main {left: 0;} /* .homepage.scrolled #kt-main {display:block;} */ /* .homepage .leftarea {display:none;} */ /* .homepage.scrolled .leftarea {display:block;} */ .homepage #kt-main .leftarea {opacity:0; transition: opacity .5s ease-in-out;} .homepage.scrolled #kt-main .leftarea {opacity:1!important} .homepage #headerhome {opacity:1;visibility:visible;transition: opacity 0.5s, visibility 0.5s linear;} .homepage.scrolled #headerhome {opacity:0;visibility:hidden;} .homepage #kt-navbar #mainlogoright {display:none} .homepage #kt-navbar.uk-sticky-fixed #mainlogoright {display:block} .homepage #kt-navbar #mainlogoleft {display:block!important} .homepage.scrolled #kt-navbar #mainlogoleft {display:none!important} } #headerhome { width:100%; height:100vh; background-color: #00000000; color:white; box-sizing:border-box; padding-top:140px!important; padding-bottom:90px!important; background-color:transparent!important; background-image: linear-gradient(180deg, var(--backgroundsecondary) 30px, transparent 30px); position:absolute; top:0; } #headerhome > div { height:100%; position:relative; } #headerhome .text { margin: 0; position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); width:100%; } #headerhome .text .overtitle {font-weight:400;font-size:17px;} #headerhome .text .overtitle:before {content:"";position: relative; display: inline-block; height: 2px; background-color: white; width: 30px; vertical-align: middle; margin-right: 10px;} #headerhome .text .title {margin:22px 0px 30px 0px;font-size: 100px;line-height: 1.1;color:white;} #headerhome .text .title .mobile {display:none;} #headerhome .text .buttons a {margin-right:10px;font-size: 14px;line-height: 32px;padding:0px;width:160px;} #headerhome .bulletpoints {margin-top:80px;text-align:left;max-width: 360px;} #headerhome .bulletpoints .item {margin:5px 0px;} #headerhome .bulletpoints a {text-decoration:none;cursor:pointer;color:white;} #headerhome .bulletpoints .item > .uk-first-column {padding-left:0px;} #headerhome .bulletpoints .item > div:nth-child(2) {font-size:16px;} #headerhome .links {margin: 0;position: absolute; bottom:0;right:0;max-width: 380px;text-shadow: 0px 0px 5px #7d7d7d;} #headerhome .links > a > div {margin-top:20px;} #headerhome .links .title {color:white;font-weight:500;font-size: 20px;position:relative;margin-left:10px;z-index:1} #headerhome .links .desc {font-size:13px;margin-top:5px;line-height:1.4;font-weight:400;color:white;} #headerhome .links .image {width:90px;} #headerhome .links .title::before { content:""; position:absolute; background-color: var(--primary); height: 100%; width: 5px; bottom: 0px; left: -10px; z-index: -1; } @media (max-width:1560px) { #headerhome .text .title {font-size: 80px;} #headerhome .bulletpoints {margin-top:60px;} } @media (max-width:1360px) { #headerhome .text .overtitle {font-size:16px;} #headerhome .text .buttons a {font-size: 13px;width:150px;} #headerhome .bulletpoints .item {margin:3px 0px;} #headerhome .bulletpoints .item > div:nth-child(2) {font-size:15px;} #headerhome .links {max-width: 345px;} #headerhome .links .title {font-size: 18px;} #headerhome .links .desc {font-size:12px;} #headerhome .links .image {width:80px;} } @media (max-width:1180px) { #headerhome .text .overtitle {font-size:15px;} #headerhome .text .title {font-size: 70px;} #headerhome .text .buttons a {font-size: 13px;line-height:28px;width:140px;} #headerhome .bulletpoints {margin-top:50px;} #headerhome .bulletpoints .item {margin:2px 0px;} #headerhome .links {max-width: 330px;} #headerhome .links .title {font-size: 17px;} #headerhome .links .desc {font-size:12px;} #headerhome .links .image {width:70px;} } @media (max-width:1080px) { .homepage #mainleft{height:680px;margin-top: -100px;background-size: auto 640px;background-position:50% calc(50% - 92px)!important} .homepage #mainleft {} .homepage #kt-toolbar {background-color:var(--backgroundsecondary)} .homepage#ss #kt-sections > div:first-of-type, .homepage #beforefirstsection .leftarea, .homepage #kt-sidebar {margin-top:0px;} .homepage #beforefirstsection #mainleftarea {top:0px;} #headerhome {height:calc(100%);} #headerhome {background-image: none;} #headerhome .text .overtitle {font-size:14px;} #headerhome .text .title {font-size: 60px;} #headerhome .links {max-width: 305px;} #headerhome .links .desc {font-size:11px;} #ss.homepage #kt-sections > div:not(#headerhome) .leftarea {margin-bottom:40px;} #ss.homepage #kt-sections > div .leftarea div {text-align:left;} #ss.homepage #kt-sections > div:not(#headerhome) .leftarea .title {color:var(--primary);text-shadow:none;} #ss.homepage #kt-sections > div:not(#headerhome) .leftarea .subtitle {color:var(--default);text-shadow:none;} } @media (max-width:1080px) { #ss.homepage #kt-sections > div .leftarea > div {display:inline-block;} #ss.homepage #kt-sections > div:not(#headerhome) .leftarea .title {margin-right:20px;} #ss.homepage #kt-sections > div:not(#headerhome) .leftarea .subtitle {margin-top: 5px;margin-right:20px;} #ss.homepage #kt-sections > div:not(#headerhome) .leftarea .button {} #ss.homepage #kt-sections > div:not(#headerhome) .leftarea .button > a {margin-top: -15px;} } @media (max-width:940px) { #headerhome .links {display:none;} #headerhome .text .title {font-size: 70px;} #ss.homepage #kt-sections > div .leftarea .title {font-size:54px;} } @media (min-width:700px) and (max-width:940px) { #headerhome .text {height:100%;} #headerhome .text > div:first-of-type {padding-top:5%;} #headerhome .bulletpoints {position: absolute;bottom:0;right:0;max-width: 380px;text-align:right;} #headerhome .bulletpoints .uk-width-auto {order:2} #headerhome {padding-top: 120px!important; padding-bottom: 70px!important;} } @media (max-width:680px) { .homepage #mainleft {margin-top: 0px;} #headerhome {padding-top: 0px!important;padding-bottom:0px!important} #headerhome .text .title {font-size: 60px;} #headerhome .bulletpoints {margin-top: 80px;} #ss.homepage #kt-sections > div .leftarea .title {font-size:45px;} } @media (max-width:580px) { #headerhome .text .title {font-size: 50px;} #ss.homepage #kt-sections > div .leftarea .title {font-size:36px;} } @media (max-width:490px) { .homepage #mainleft {height:560px;} #headerhome .text .title .desktop {display:none;} #headerhome .text .title .mobile {display:block;} #headerhome .text .buttons a {width:140px;} #headerhome {text-align:center} #headerhome .bulletpoints {text-align:center;max-width:100%} #headerhome .bulletpoints .item > div:first-of-type {display:none;} } @media (max-width:400px) { .homepage #mainleft {height:520px;} #headerhome .text .title {font-size: 45px;} #headerhome .text .buttons a {width:135px;} #headerhome .bulletpoints {margin-top: 60px;} } @media (max-width:350px) { #headerhome .text .overtitle {font-size:12px;} #headerhome .text .title {font-size: 40px;} #headerhome .text .buttons a {width:110px;font-size: 12px;} } .homepage #homeintro {padding-top:140px!important;} .homepage #homeintro .uk-grid > div {width: 50%;box-sizing: border-box;} .homepage #homeintro .uk-grid > div:nth-child(1) img {display:none;} @media (max-width:1080px) { .homepage #homeintro {padding-top:60px!important;} } @media (max-width:780px) { .homepage #homeintro .uk-grid > div {width: 100%;} .homepage #homeintro .uk-grid > div:nth-child(2) {aspect-ratio: 2/1;margin-top:50px;} .homepage #homeintro .uk-grid > div:before {display:none;} } /* @media (max-width:1320px) { .homepage #homeintro .uk-grid > div:nth-child(1) {width:100%;} .homepage #homeintro .uk-grid > div:nth-child(1) img {display:block;float:right;width: 350px; max-width: 50%; margin: 0px 0px 30px 50px;} .homepage #homeintro .uk-grid > div:nth-child(2) {display:none;} } @media (max-width:1080px) { .homepage #homeintro {padding-top:60px!important;} } @media (max-width:720px) { .homepage #homeintro .uk-grid > div:nth-child(1) img {max-width: 45%; margin: 0px 0px 20px 40px;} } @media (max-width:580px) { .homepage #homeintro .uk-grid > div:nth-child(1) img {display:none;} } */ .homepage #slogan h2 {font-weight: 300;} .homepage #top .categorytitle > div {width:90px;font-weight:500;font-size:24px;position:relative;z-index:1;} .homepage #top .categorytitle > div::before { content:""; position:absolute; background-color: #ff487050; height: 5px; width: 30px; bottom: 0px; left: 0; z-index: -1; aspect-ratio: 1/1; } :is(.homepage #top, #related) .item {width: 100%;aspect-ratio: 15/10;transition: all .3s;position:relative} :is(.homepage #top, #related) .item:hover {transform: scale(0.95);} :is(.homepage #top, #related) .item .overlay {width: 100%;height:100%;background-color:#ffffff;opacity:0;transition: all .3s} :is(.homepage #top, #related) .item:hover .overlay {opacity:0.5;} :is(.homepage #top, #related, #slidertopactivities) .item:hover {box-shadow:0 5px 15px rgba(0,0,0,.08);} :is(.homepage #top, #related, #slidertopactivities) .item .caption {padding: 0px 10px;line-height:28px;background-image: var(--backgroundprimary);border-top-right-radius:4px;color:white;text-transform:uppercase;font-weight:500;font-size:13px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} @media (min-width:1081px) and (max-width:1320px), (max-width:920px) { .homepage #top .category {margin-top:25px;} .homepage #top .categorytitle {width:100%;} .homepage #top .list {margin-top:5px} .homepage #top .list > .uk-grid {margin-left: -7px;} .homepage #top .list > .uk-grid > a {padding-left: 7px;} } @media (min-width:481px) and (max-width:720px) { .homepage #top .item {overflow:visible;margin-bottom:25px;} .homepage #top .item .caption {width: 100%;bottom: -25px;height: 25px;line-height: 25px;padding: 0px 5px;font-size:12px} } @media (max-width:480px) { .homepage #top .list > .uk-grid > a {width:100%} .homepage #top .category {margin-top:40px;} } @media (min-width:401px) and (max-width:480px) { /* .homepage #top .list > .uk-grid > a:nth-child(1) {margin-right: 20%;} */ /* .homepage #top .list > .uk-grid > a:nth-child(2) {margin-left: 10%;margin-right: 10%;} */ /* .homepage #top .list > .uk-grid > a:nth-child(3) {margin-left: 20%;} */ } .homepage #howitworks :is(#steps,#faq) {box-sizing:border-box} .homepage #howitworks #steps {width:60%;} .homepage #howitworks #faq {width:40%;} @media (max-width:1480px) { .homepage #howitworks :is(#steps,#faq) {width:calc(100% / 1.001)} .homepage #howitworks .uk-grid-divider.uk-grid-stack>.uk-grid-margin {margin-top:100px;} .homepage #howitworks .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before {top: -50px;} } .homepage #howitworks #steps .uk-grid > div:not(.uk-first-column) {padding-left: 40px;} .homepage #howitworks #steps .uk-grid {font-size:13px} @media (max-width:640px) { } .homepage #howitworks .number { float: left; margin-right: 15px; margin-bottom: 0px; font-weight: bold; font-size: 50px; line-height: 1.1; opacity: 0.5; } .homepage #faq .title {font-weight:500;font-size:18px;text-align:left;} .homepage #faq ul {margin-bottom: 10px;} .homepage #faq li {margin-top:10px;} .homepage #faq li.uk-open {margin-bottom:20px;} .homepage #faq .uk-accordion-title {font-weight:500;color:inherit;font-size:inherit;position:relative;padding-left:25px;line-height: 1.2;text-align: left;} .homepage #faq .uk-accordion-title::before {position:absolute;left:0px;margin-left:0px;} .homepage #faq .uk-accordion-content {margin-top:5px;} .homepage #faq .uk-button {margin-top:10px;} @media (min-width:1081px) { .homepage #faq .uk-button {float:right;margin-top:0px;} } :is(.homepage,.proposaltemplate) #advantages .advantage {text-align:center} :is(.homepage,.proposaltemplate) #advantages .advantage .tit {font-weight:500;margin: 10px 0px 20px 0px;font-size:24px;} :is(.homepage,.proposaltemplate) #advantages .advantage .uk-icon {color:var(--primary)} @media (max-width: 1560px) { :is(.homepage,.proposaltemplate) #advantages .advantage {width: calc(100% * 1 / 2.001);} } @media (max-width: 640px) { :is(.homepage,.proposaltemplate) #advantages .advantage {width: calc(100%);margin-left: auto; margin-right: auto;} } .proposaltemplate #advantages .advantage {text-align:left} .proposaltemplate #advantages .advantage .uk-icon {width:20px;} .proposaltemplate #advantages .advantage .tit {font-weight:500;margin: 0px 0px 10px 0px;font-size:20px;padding-left: 10px;width:calc(100% - 30px)} #reviews .medium {display:none;} #reviews .medium li > div {height:50%;margin-bottom:10px;} #reviews .small {display:none;} #reviews .uk-grid {margin-bottom: 20px;} #reviews li > div {text-align:left} #reviews li a {color:inherit;} #reviews li .name {font-weight:500; font-size:18px; color:var(--primary)} #reviews li .star {color:rgb(250, 187, 5);width: 18px;font-variation-settings:'FILL' 1,'wght' 400,'GRAD' 0,'opsz' 24;} #reviews li .verified {color:#3692e8;vertical-align: middle;margin-top: -6px;margin-left: 5px;font-size: 18px;font-variation-settings:'FILL' 1,'wght' 400,'GRAD' 0,'opsz' 24} @media (min-width:1081px) and (max-width:1260px), (max-width:960px) { #reviews .uk-grid {margin-left: -50px;} #reviews .uk-grid > li {padding-left: 50px;} #reviews .uk-grid>:not(.uk-first-column)::before {left: 25px;} #reviews li p {font-size:13px;} } @media (min-width:581px) and (max-width:780px) { #reviews .big {display:none;} #reviews .medium {display:block;} } @media (max-width:580px) { #reviews .big {display:none;} #reviews .small {display:block;} #reviews .small li > div:nth-child(2), #reviews .small li > div:nth-child(3) {margin-top:30px;} } .homepage #blog .image {height: 150px; background-size: cover; background-position: center;margin-bottom:10px;} .homepage #blog .posttitle {text-align:left;font-weight:500;font-size:16px;color:var(--primary)} .homepage #blog .published {text-align:left;color:#afafaf;font-size:12px;} .homepage #blog p {text-align:left;margin-bottom:0px;} .homepage #blog p a {color:var(--secondary);} .homepage #blog.best .published {display:none;} @media (min-width:1081px) and (max-width:1620px), (min-width:661px) and (max-width:960px) { .homepage #blog .uk-grid {margin-left: -30px;} .homepage #blog .uk-grid > div {padding-left: 30px;} .homepage #blog .uk-grid > div:not(.uk-first-column)::before {left: 15px!important;} .homepage #blog p {font-size:13px} } @media (max-width:660px) { .homepage #blog *+.uk-grid-margin {margin-top:20px;} .homepage #blog *+.uk-grid-margin > div {border-top: 1px solid #e5e5e5;padding-top: 20px;} .homepage #blog .uk-grid > div > div {display:block;} .homepage #blog .uk-grid > div {width:100%} .homepage #blog .uk-grid > div::before {display:none;} } @media (min-width:460px) and (max-width:660px) { .homepage #blog .uk-grid > div > div {display:flex;} .homepage #blog .image {order:2;height:unset;flex-basis: 25%; flex-grow: 0; flex-shrink: 0;} .homepage #blog p {font-size:13px;} .homepage #blog .image {margin-bottom:0px;} } .kt-title > .uk-container > .uk-grid > div > div { font-size:60px; line-height:60px; font-family:'Roboto Condensed'; font-weight: 500; text-transform: uppercase; letter-spacing: 0.02em; color:white;margin-bottom:0px; margin-bottom:-10px; text-align:right; opacity:0.3} .kt-title > .uk-container > .uk-grid {padding-bottom:0px;} /* SIDEBAR ELEMENTS */ #minimenu {padding:15px;} #minimenu .title {font-weight:500;font-size:15px;} #minimenu li a {color:rgba(255,255,255,0.7);font-size:13px; font-weight:400;padding: 1px 0px;} #minimenu li a span {visibility:hidden;margin-left: -10px; margin-right: -4px;} #minimenu li.uk-active a {color:#ffffff;font-weight:500;} #minimenu li.uk-active a span {visibility:visible;} #minimenu hr {margin:10px 0px; border-top: 2px solid rgba(255,255,255,0.6);} #slidertopactivities {cursor:pointer;} #slidertopactivities:hover {box-shadow:0px 0px 50px 0px #ccc;} #slidertopactivities:hover img {opacity:0.8} #slidertopactivities .item .theimage { aspect-ratio: 3 / 2; overflow: hidden; width: 100%; position: relative; } #slidertopactivities .item .theimage img { width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; } #slidertopactivities .title {padding: 2px 10px;z-index:100;line-height: 22px;background-image: var(--backgroundprimary);border-top-right-radius:4px;color:white;text-transform:uppercase;font-weight:500;font-size:13px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} #slidertopactivities .caption {line-height: 24px!important;text-align:center;border-top-right-radius:0px!important;} #kt-sidebar .uk-list-striped>:nth-of-type(odd) { border-top: none; border-bottom: none; } #slideshowreviews .uk-slideshow-items {aspect-ratio:unset!important;} #slideshowreviews li {font-size:12px;text-align:justify} #slideshowreviews li .leftquote {float:left;margin-right:10px;font-size: 50px;line-height: 20px; margin-top: 15px;font-family: timesnewroman;font-weight: 500;color:var(--primary);opacity:0.5} #slideshowreviews li .rightquote {float:right;margin-top: -35px;font-size: 50px;font-family: timesnewroman;vertical-align: 0;font-weight: 500;color:var(--primary);opacity:0.5} #slideshowreviews .navbutton {color:var(--primary)} /* START SINGLE ACTIVITE */ .menulateralactivites {display:none;} .activitytitle h1 {margin-top:0px;margin-bottom:16px;margin-right:15px;font-size: 28px;} .activitytitle {margin-bottom:16px;} .activitytitle .addtoform {display:inline-block;} .activitytitle .addtoform > div {padding: 0 15px;line-height: 29px;margin-top:-16px;} .activitytitle .addtoform > div > span.material-symbols-outlined { margin-top: -3px; margin-right: 4px; margin-left: -4px; font-size: 18px;vertical-align: middle;} #mainsection, #secondsection {display: flex;flex-direction: row;} .single-prestation .titlesection {position:relative;z-index:1;font-weight:500;} .single-prestation .titlesection::before { content:""; position:absolute; background-color: #ff487050; height: 5px; width: 30px; bottom: -3px; left: 0; z-index: -1; aspect-ratio: 1/1; } .single-prestation #mainsection .titlesection {margin-top:35px;margin-bottom:12px;} .single-prestation #related .titlesection {margin-top:35px;margin-bottom:10px;} .single-prestation #related h4:first-of-type {margin-top:0px;} #textcolumn, #related {flex:1;order:1;} #infocolumn, #generalinfos {width:320px; margin-left: 50px;order:2;} #introsmall {display:none;} .descriptiontexts {text-align:justify} .descriptiontexts .intro {font-weight:500;margin-top:20px;} .single-prestation .uk-slideshow-items {aspect-ratio: 15/10!important;} .single-prestation .uk-thumbnav {margin-left:-5px;margin-top:5px;padding-left:5px;} .single-prestation .uk-thumbnav li {box-sizing: border-box;padding-left:5px;} .single-prestation .uk-thumbnav img {aspect-ratio: 15/10;} .bulletpoints {width:100%;margin: 5px 0px;font-weight: 400;} .bulletpoints > div {margin-bottom:7px;clear:both;} .bulletpoints > div > i {vertical-align:middle;margin-right:8px;float:left;color:white;font-size:22px;font-weight:300;} .bulletpoints > div > div {font-size:13px;color:rgba(255,255,255,0.85);text-align:left;} #infocolumn .uk-card {border-radius: 0px 0px 0px 0px;box-shadow:none;background-color:var(--primary);background-image:var(--backgroundprimary);color:white;} #infocolumn a.uk-button {margin-top:20px;margin-bottom:0px;} #infocolumn .addtoform {color:white;display:flex;width: 45px;margin-left:15px;text-align: center;} #infocolumn .addtoform > div {width:100%;margin-top:auto;font-size:13px;line-height: 1.1;font-weight: 400;text-align:center;} #infocolumn .addtoform .material-symbols-outlined {font-weight: 300;font-weight:28px;} #infocolumn #price {color:#fff} #infocolumn #price {flex: 1;} #infocolumn #price .tier {font-size:15px;font-weight:500;} #infocolumn #price.multiple > div {margin-bottom:5px;} #infocolumn #price.multiple > div:last-of-type {margin-bottom:0px;} #infocolumn #price.multiple > div > div {display:inline-block;} #infocolumn #price.multiple > div > div:first-of-type {margin-right:10px;} #infocolumn #price .amount {margin-top:0px;padding-top:0px;line-height:1;font-family:BlackStamp;} #infocolumn #price.multiple .amount {font-size:32px;} #infocolumn #price.unique .amount {font-size:45px;font-weight: 700;} #infocolumn #price .type {font-weight:400;} #infocolumn #price.multiple .type {font-size:12px} #infocolumn #price.unique .type {font-size:16px} #infocolumn .approx {text-align:left;line-height:1.2;padding-top:5px;} #infocolumn .approx > div {display:inline-block;} #infocolumn .approx > div:first-of-type {margin-right:3px!important;text-align:justify;font-size:11px;} #infocolumn .approx .material-symbols-outlined {font-weight: 300;font-size:18px;margin-top: -3px;vertical-align: middle;} .included {font-size:12px;line-height: 1.2;float:right;width: auto;max-width: 210px;padding-left:30px;margin-left:30px;margin-bottom: 15px;border-left:solid 5px #ff4870;} .included ul {margin:0px;} .included .title {font-weight:500;font-size:13px;margin-bottom:8px;} .included li {margin-top:5px!important;} .included li > div {display:inline-block;} .included li > div:nth-child(1) {width:10px;vertical-align:top;} .included li > div:nth-child(2) {width:calc(100% - 10px);} .spanishbreak p {margin-bottom:10px;} .spanishbreak #mainsection .titlesection {display:none;} .spanishbreak .tonote {margin-top:15px} .spanishbreak .tonote ul {margin:5px 0px;} .spanishbreak .tonote > strong {position:relative;z-index:1;font-weight:500;line-height:30px} .spanishbreak .tonote > strong::before { content:""; position:absolute; background-color: #ff487050; height: 5px; width: 30px; bottom: -5px; left: 0; z-index: -1; aspect-ratio: 1/1; } .spanishbreak .included {font-size:12px;line-height: 1.2;float:none;width: auto; max-width:none; padding-left:15px;margin-left:0px;margin-bottom: 0px; margin-top:30px;border-left:solid 5px #ff4870;} .infoactivites {padding: 10px 0px 10px 0px;font-size:12px;} .icone {margin-right:5px} .single-prestation #generalinfos {margin-top:35px;} .single-prestation #related > .uk-grid {margin-left: -10px;} .single-prestation #related > .uk-grid > * {padding-left: 10px;} .single-prestation #related > .uk-grid > .uk-grid-margin {margin-top: 10px;} .single-prestation #related .item .caption {line-height: 24px;padding:0px 5px; font-size:12px;} #mainleftarea .menulisting .uk-nav-sub {line-height:1.2;} .single-prestation .menulisting {display:none;} .single-prestation #details {position:relative;} .single-prestation #details #notavailable {display: grid;place-items: center;position:absolute;width:100%;height:100%;background-color:#cccccc99;color:var(--primary);font-weight:500;text-align:center; opacity:1;transition: opacity 0.2s ease-in-out;} .single-prestation #details #notavailable:hover {opacity:0;} @media (max-width:1080px) { .single-prestation #mainleftarea .menulisting {display:none;} #mainleftarea .menulisting {display:none;} } @media (min-width:1081px) and (max-width:1320px), (max-width:980px) { #infocolumn, #generalinfos {margin-left: 40px;} #generalinfos {width:280px;} } @media (min-width:1081px) and (max-width:1260px), (max-width:940px) { #infocolumn, #generalinfos {margin-left: 35px;} .single-prestation #details {display:flex;flex-direction:column;} .included {float:none;order:99;padding-left:15px;margin-left:0px;max-width:unset;} #secondsection {display: flex;flex-direction: column;} .single-prestation #generalinfos {margin-left:0px;margin-top:40px;width:50%;} } @media (max-width:780px) { .single-prestation #mainsection {display: block;} .single-prestation #infocolumn {float:right;clear:none;margin-bottom:30px;} .single-prestation #introsmall {display:block;margin-bottom:40px;} .single-prestation #introbig {display:none;} .single-prestation #details .titlesection {margin-top:0px;} .single-prestation #generalinfos {width:100%;} .single-prestation #related > .uk-grid {margin-left: -5px;} .single-prestation #related > .uk-grid > * {padding-left: 5px;} .single-prestation #related > .uk-grid > .uk-grid-margin {margin-top: 5px;} } @media (max-width: 680px) { .single-prestation #infocolumn {float:none;margin-left:0px;width:unset; margin: auto;} .single-prestation #textcolumn {margin-top:50px;} } @media (max-width: 640px) { .single-prestation #related .uk-grid.uk-child-width-1-4>* {width:50%;} } @media (max-width: 380px) { .single-prestation #related .item .caption {line-height: 22px;padding:0px 5px; font-size:11px;} } /* END SINGLE ACTIVITE */ /* Image grid (single and listing) */ .imagegrid { aspect-ratio: 3 / 2; display: grid!important; gap: 5px; width: 100%; } .imagegrid img { width: 100%; height: 100%; object-fit: cover; display: block; } .images1 { grid-template-columns: 1fr; grid-template-rows: 1fr; } .images2 { grid-template-columns: 1fr 1fr; grid-template-rows: 1fr; } .images3 { grid-template-columns: 1fr 1fr 1fr; grid-template-rows: 1fr; } .images4 { grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; } /* END Image grid */ /* START Listing */ #ss #kt-sections {background-color:white;} @media(max-width:1080px) { #ss .ssleft.clone {display:none;} } .single-prestation #mainleftarea .menulisting {margin-top: 35px;padding:15px;} .single-prestation .menulisting ul.uk-accordion {margin-bottom:0px;} .single-prestation .menulisting li {margin-top:0px;margin-bottom:5px;} .single-prestation .menulisting li a {color:white;} /*Category*/ .single-prestation .menulisting li.category {} .single-prestation .menulisting li a.uk-accordion-title {font-size:13px;font-weight:500} .single-prestation .menulisting li .uk-accordion-content {margin-top:5px;margin-bottom:20px;padding-left:10px;border-left:solid 2px var(--primary);} /*Theme*/ .single-prestation .menulisting li.theme {cursor:default;margin-top:20px;} .single-prestation .menulisting li.theme a.uk-accordion-title {font-weight:500;font-size:18px;} .single-prestation .menulisting li.theme a::before {display:none;} /*Activity*/ .single-prestation .menulisting li .activity {height: 18px;} .single-prestation .menulisting li .activity > a {font-weight:300;color: rgba(255, 255, 255, 0.7);font-size:12px;} .single-prestation .menulisting li .activity.active > a {font-weight:500;} .single-prestation #smallmenulisting {position:fixed;bottom:20px;z-index:10000;display:none;} .single-prestation #smallmenulisting .uk-button {padding: 0 10px;} .single-prestation #smallmenulisting .dropdown {background:var(--backgroundprimary);border-radius:4px;padding:15px;} .single-prestation #smallmenulisting .menulisting .active ul {border-left:solid 2px rgba(255,255,255,0.5);} .single-prestation #smallmenulisting .icon {vertical-align: middle;} .archive-prestation .menulisting > div:first-of-type {margin-bottom:15px;} .archive-prestation .menulisting .title {display:inline-block; padding-top:0px; padding-bottom:0px; font-size:18px; font-weight:500; margin-bottom:5px; background-color:transparent; transition: all .3s} .archive-prestation .menulisting .title {text-decoration:none;color:white;transition: color .7s} .archive-prestation .menulisting ul {padding-left:10px;border-left:solid 2px transparent;transition: all .3s} .archive-prestation .menulisting .active ul {border-left:solid 2px var(--primary);} .archive-prestation .menulisting ul > .uk-nav-sub > a {color: rgba(255, 255, 255, 0.75);font-weight:400} .archive-prestation .menulisting .uk-nav-sub:hover > a { color: rgba(255, 255, 255, 0.9);} .archive-prestation .menulisting .active .uk-nav-sub.uk-active > a { color: rgba(255, 255, 255, 1);} .archive-prestation .menulisting ul > .uk-nav-sub {margin-top:0px!important} .menulisting {display: inline-block;} .archive-prestation #mainleftarea .menulisting {margin-top:20px;padding:10px;border-radius:4px;margin-left:-10px} .archive-prestation #smallmenulisting {position:fixed;bottom:20px;z-index:10000;display:none;} .archive-prestation #smallmenulisting .uk-button {padding: 0 10px;} .archive-prestation #smallmenulisting .dropdown {background:var(--backgroundprimary);border-radius:4px;padding:15px;} .archive-prestation #smallmenulisting .menulisting .active ul {border-left:solid 2px rgba(255,255,255,0.5);} .archive-prestation #smallmenulisting .icon {vertical-align: middle;} @media (max-width:1080px) { .archive-prestation #smallmenulisting {display:none;} .single-prestation #smallmenulisting {display:none;} /* .archive-prestation #smallmenulisting {display:inline-block;} */ /* .single-prestation #smallmenulisting {display:inline-block;} */ .archive-prestation #mainleftarea .menulisting #menunight {border-top: solid 2px var(--primary);padding-top: 15px;margin-top: 10px;} .archive-prestation #mainleftarea .menulisting .title {line-height: 15px;} .archive-prestation #mainleftarea .menulisting ul {padding-left:0;border-left:none;} .archive-prestation #mainleftarea .menulisting .active ul {border-left:none;} .archive-prestation #mainleftarea .menulisting .active li.uk-active > a {color: rgba(255, 255, 255, 0.85); font-weight:inherit;} } #infoactivities {font-size:12px;line-height:16px; text-align:justify;} #infoactivities .title {margin-bottom:15px;font-weight:500;font-size:16px;} #infoactivities .title .uk-icon {vertical-align: middle; margin-top: -4px; padding-right:5px;} #infoactivities p {margin:15px 0px 0px 0px;} .archive-prestation #infoactivities {margin-top:55px;} .listing-theme {background-color:black;color:white;padding:20px;box-sizing:border-box;display:none;} .listing-category {padding-bottom:50px;position:relative;display:flex;flex-direction:column;} .listing-category > .list {width:100%} .listing-category > .title {width:100%;font-size: 50px; opacity: 0.3; color: #ff4870; margin-bottom: -3px;text-align:right;} .listing-category .item {min-height:140px; margin-left:0px;position:relative;margin-bottom:15px;} .listing-category .card {background-color:white;border-radius: 5px;} .listing-category a {color:inherit;} .listing-category a:hover {opacity:1;} .listing-category .item:hover .card {box-shadow: 2px 6px 15px rgba(41,44,61,.05)} /* .listing-category .item .uk-card .uk-background-cover, .listing-category .item .uk-card {border-top-left-radius: 15px} .listing-category .item .uk-card {border-radius: 0px 0px 15px 0px;} */ .listing-category .item {box-sizing:border-box; width: calc(100% * 1 / 1);} .listing-category .item .titre {font-size:16px;text-transform:none;} .listing-category .item .prix {display:flex;order:99;position:relative;border-radius: 0px 5px 5px 0px;} .listing-category .item .texte {width:60%;order:2;} .item .texte > div {box-sizing:border-box;padding:10px;width:100%;height:100%;} .item .texte p {font-size:13px; line-height:18px; text-align:justify; margin:0px;} .item .uk-heading-line {text-align:left; margin:0px 0px 5px 0px;} .item .prix {width:85px; text-align:center; color:#ffffff; } .item .prix > div {padding:5px;width:100%;} .item .p1 {font-size:9px; text-align:center} .item .p2 {text-align:left;line-height:1.1} .item .p3 {text-align:right;font-size:11px;font-weight:400} .item .p4 {font-size:10px;} .item .prix hr {margin:10px} .archive-prestation .prix .addtoform:not(.addto2) > div { transition: all .1s ease-in-out; cursor:pointer;} .archive-prestation .prix .addtoform:not(.addto2):hover > div {transform: scale(1.1)} .archive-prestation .overlay .addtoform:not(.addto2) > div { transition: all .1s ease-in-out; cursor:pointer;} .archive-prestation .overlay .addtoform:not(.addto2) > div:hover {transform: scale(1.1)} .addtoform .remove {display:none} .added .addtoform .remove {display:inline-block} .addtoform .add {display:inline-block} .added .addtoform .add {display:none} .listing-category .item .card {transition: all .2s ease-in-out;} .listing-category .item.added .card {background-color:white;} /* .listing-category .item.added .card {background-color:var(--primary);background-image:var(--backgroundprimary);color:white;} */ /* .listing-category .item.added .card .titre {color:white;} */ /* .listing-category .item.added .prix {background-color:transparent!important; background-image:none;} */ .listing-category .item .image {position:relative;overflow:hidden;border-radius: 5px 0px 0px 5px;} .listing-category .item .image > div {height:100%;width:100%;} .listing-category .item .image > div { height:100%; width:100%; position:absolute; left:0; top:0; display:flex; justify-content: center; align-items: center; opacity:0; transition: .3s ease-in-out; } .listing-category .item .image > div > div {text-align: center;} .listing-category .item .image .moreinfo > div, .listing-category .item .image .isadded > div {font-weight:500;font-size:20px;color:white;padding:10px;} .listing-category .item .image .overlay {z-index:0;background-color:#ff4870cc;} .listing-category .item .image .isadded {z-index:1;} .listing-category .item .image .moreinfo {z-index:1;color:white;font-weight:500;} .listing-category .item .image .addtoform {z-index:2;} .listing-category .item.added .image .overlay {opacity:1;} .listing-category .item.added .image .isadded {opacity:1;} .listing-category .item:not(.added):hover .image .overlay {opacity:1;background-color:rgba(0,0,0,0.5)} .listing-category .item:not(.added):hover .moreinfo {opacity:1;} /* .listing-category .item:not(.added) .image:hover .moreinfo {opacity:0;} */ .listing-category .item .image .addto2 {display:block;opacity:1;position:absolute;left:0;top:0;width:auto;height:auto;background-image:var(--backgroundprimary);color:white;line-height:25px;font-size:11px;font-weight:400;z-index:3;cursor:pointer;border-radius:0px 0px 4px 0px;} .listing-category .item.added .image .addto2 {background-image:none;background-color:white;color:var(--primary);} .listing-category .item .image .addto2 > div {padding:0px 7px;} .listing-category .item .image .addto2 span.material-symbols-outlined { margin-top: -3px; margin-right: 2px; margin-left: -2px; font-size: 16px; vertical-align: middle; } .listing-category .item .image .addto2:hover {transition: all .1s ease-in-out; cursor:pointer;transform: scale(1.1);transform-origin: 0% 0%;opacity:1} .listing-category .item .image .addtoform:not(.addto2) > div {background-image:none;background-color:white;color:var(--default);line-height: 34px;font-size:13px;padding:0px 20px;} .listing-category .item .image .addtoform:not(.addto2) > div:hover {color:var(--primary);transform: scale(1.1);transition: all .1s ease-in-out;} .listing-category .item .truncated-text { display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; line-height: 1.5; max-height: calc(1.5em * 5); } @media (min-width:1081px) and (max-width:1180px) { .archive-prestation #kt-sidebar {display:none;} .archive-prestation.hassidebar #kt-sections > div > div > div {width: 100%;} } @media (max-width:640px) { .listing-category .item {margin-bottom: 35px;} .listing-category .item .image {order:2;border-radius: 5px 0px 0px 0px;} .listing-category .item .prix {order:2;border-radius: 0px 5px 0px 0px;} .listing-category .item .texte {width:100%;order:99;border-radius: 0px 0px 5px 5px;} .listing-category .item .image .addtoform.addto2 > div {padding:3px 10px 2px 10px;;font-size:12px;} .listing-category .item .image .addto2 span.material-symbols-outlined {margin-top:-2px;margin-right: 3px; margin-left: -3px; font-size: 17px;} } @media (hover:none) { .listing-category .item .image:hover > .isadded {opacity:0!important;} .listing-category .item.added .image > .isadded {opacity:1!important;} .listing-category .item.added .image > .isadded > div {opacity:1!important;} } /* #ss.archive-prestation #kt-sections > div {background-color:white;} */ #ss .ssleft .imagecontainer picture.clone { opacity:0;transition: opacity .7s ease-in-out; } #ss.night .ssleft .imagecontainer picture:not(.clone) {opacity:0;transition: opacity .7s ease-in-out;} #ss.night .ssleft .imagecontainer picture.clone {opacity:1;transition: opacity .7s ease-in-out;} #ss.archive-prestation #kt-sections > div {transition: background-color .7s} #ss.night #kt-sections > div {background-color:#204b67} #ss.night .listing-category > .title {color:white;opacity: 0.6;} #ss.night .listing-category .card {background-color:#133043} #ss.night .item .texte {color: white;} #ss.night .item .prix:before {content:"";position:absolute;width:100%;height:100%;background-color:rgba(0,0,0,0.1);} /*#ss.night .listing-category .item .image .overlay {background-color: #204b67cc;}*/ /* #ss.night .prix {background-color:#082d4f;background-image:linear-gradient(135deg, #094c89, #082d4f)} #ss.night .listing-category .item:hover .prix {background-image:linear-gradient(135deg, #082d4f, #094c89)} */ /* END Listing */ /* START FORMULAIRE */ /* END FORMULAIRE */ /* Contact form */ #contact #contactinfos {padding:20px!important;} #contact #contactinfos {background-image:var(--backgroundprimary);color:white;margin-bottom:30px;font-size:12px;} #contact #contactinfos > div {margin:12px 0px;} #contact #contactinfos > div:first-of-type {margin-top:0px;} #contact #contactinfos > div:last-of-type {margin-bottom:0px;} #contact #contactinfos img {width:100px;float:left;margin-right:10px;} #contact #contactinfos .material-symbols-outlined {font-weight:300;font-size:19px;vertical-align: middle;margin-right:5px;} #contact #contactinfos > div > div {display:inline-block;} #contact #map {padding:0px!important;height:220px;} /* #contactform .acf-field-group .acf-field .acf-label {width:150px;float:left;} */ /* #contactform .acf-field-group .acf-field .acf-input {width:calc(100% - 150px);float:right;} */ /* #contactform :is(input,textarea) {border: 1px solid #ced6e0;padding:5px 7px;font-family:inherit} */ /* #contactform :is(input:hover,textarea:hover) {border-color: var(--primary);} */ #contactform .acf-field-group .acf-field:not(.acf-field-textarea) {max-width:380px;} #contactform .acf-field-group {margin-bottom:0px;} #contactform .acf-field-group > .acf-label {display:none;} #contactform .acf-field[data-name="date"] {display:none;} #contactform .acf-field[data-name="valid"] {display:none;} #contactform .formsummary tr.date {display:none;} #contactform p {text-align:left;} #contact #sendcontactform {float: right; margin-right: 0px; background-image: var(--backgroundprimary);font-size:14px;font-weight: 500; padding: 5px 10px;} #contact .acf-form-submit {display:none;} #contact form {margin-bottom:20px;} #kt-sections #side {float:right;width:300px;margin-left:40px;} #kt-sections #side > div {padding:10px;box-sizing:border-box} #kt-sections #main {width:calc(100% - 360px);} #kt-sections #contact #main {width:calc(100% - 460px);} @media (max-width:1480px) { #kt-sections #contact #main {width:calc(100% - 380px);} #contactform input {max-width:unset;} } @media (max-width:1240px) { #kt-sections #contact #main {width:calc(100% - 340px);} #contactform input {max-width:unset;} } @media (max-width:1080px) { #contactform input {max-width:380px;} } @media (max-width:840px) { #kt-sections #contact #side {display:none;} #kt-sections #contact #main {width:100%;} } /* TEMOIGNAGES */ #reviews div p {margin:5px 0px} #reviews hr {margin:30px 0px;} .kt-pagination .page-numbers {font-weight:500;font-size:15px;margin:0px 5px;} /* BLOG */ .blog #kt-sections #side {width:280px;margin-left:40px;} .blog #kt-sections #main {width:calc(100% - 320px);max-width: 780px;} .blog .alignright {float:right;margin: 15px 0px 20px 30px;} .blog .alignleft {float:left;margin: 15px 30px 20px 0px;} .blog h1, .blog h2 {font-weight:500;margin-bottom:0px;text-align: left;line-height: 1.1;} .single-blog #subtitle {margin-bottom:20px} .single-blog #subtitle #categories {display:none;} .single-blog #subtitle #published {text-transform: uppercase;font-weight: 500;opacity: 0.6;font-size: 11px;} .single-blog #mainimage {width: 100%;} .single-blog #intro {margin-top:20px;font-weight:500;margin-bottom:40px;} .single-blog h2 {position:relative;z-index:1;} .single-blog h2::before { content:""; position:absolute; background-color: #ff487050; height: 5px; width: 30px; bottom: -2px; left: 0; z-index: -1; aspect-ratio: 1/1; } .single-blog .text :is(h1,h2,h3) { margin-top:40px; margin-bottom:5px; font-weight: 500; } .single-blog .text :is(h4,h5,h6) { margin-top:20px; margin-bottom:5px; font-weight: 500; } .single-blog .text p {margin: 10px 0px;} .blog br.space { content: " " !important; display: block !important; margin: 10px; } .postlist {background-image:var(--backgroundprimary);color:white;padding:15px 10px;} .postlist a {color:white;} .postlist h5 {color:white;font-weight:500;margin-bottom:20px;} .postlist > div {clear:both;display:flex;align-items: center;} .postlist > div > div:nth-child(1) {width:100%;font-size:13px;text-align:left} .postlist > div > div:nth-child(2) {width:80px;margin-left:10px} .postlist hr {margin:15px 0px;opacity:0.7;color:white} .postlist hr:last-of-type {display:none;} .postlist img {aspect-ratio: 15/10;} .blog #lastposts .tit {line-height: 16px; margin-bottom: 3px;} .blog #lastposts .published {opacity:0.7;font-size:11px;} #bestposts .tit {line-height: 16px; margin-bottom: 0px;font-weight: 400;} #bestposts .published {display:none;} #kt-sidebar .postlist {background-image:none;color:var(--default);padding:0px;} #kt-sidebar .postlist a {color:var(--default);} #kt-sidebar .postlist h5 {color:var(--default);margin-bottom:10px;} #kt-sidebar .postlist h5::before {content:""; background-color: #ff487050; display:block; height: 21px; width: 5px; float:left; margin-right:5px; } #kt-sidebar .postlist hr {margin:10px 0px;opacity:0.7;} #kt-sidebar .postlist hr:last-of-type {display:none;} #kt-sidebar .postlist img {aspect-ratio: 15/10;} .blog #backtoarchive {text-align:right;padding: 0!important;margin-top: 20px} .blog #backtoarchive > a {padding: 0px 15px; line-height: 26px;} .blog #backtoarchive > a:hover {background-image:var(--backgroundprimaryhover);transition:.3s;} .archive-blog #main > hr {margin:50px 0px;} .archive-blog .post {display:flex;position:relative} .archive-blog .post > div {box-sizing:border-box} .archive-blog .post .text {width:60%} .archive-blog .post .image {width:40%;margin-left:40px;} .archive-blog .post .head {margin-bottom: 15px;} .archive-blog .post .title {margin-bottom:5px;} .archive-blog .post .published {text-transform: uppercase;font-weight: 500;opacity: 0.6;font-size: 12px;} .archive-blog .post .categories {text-transform: uppercase;font-weight: 400;opacity: 0.6;font-size: 12px;color:var(--primary)} .archive-blog .post .readmore {margin-top:20px;padding:0px 10px;line-height:24px;} .archive-blog .kt-pagination {margin-top:60px;} .archive-blog .biglink {display:none;} .archive-blog .biglink a {position:absolute;width:100%;height:100%;} @media (max-width:920px), (min-width:1081px) and (max-width:1280px) { .blog #kt-sections #side {margin-left:20px;} .blog #kt-sections #main {width:calc(100% - 300px);} } @media (max-width:820px) { .blog #kt-sections > div > div {display:flex;flex-direction:column;} .blog #kt-sections #main {width:calc(100%);} .blog #kt-sections #side {float:none;margin-left:0px;} .archive-blog #kt-sections #side {order:1;margin-bottom:40px;width:60%} .archive-blog #kt-sections #main {order:2;} .archive-blog .post .image {margin-left: 30px;} .single-blog #kt-sections #side {order:2;} .single-blog #kt-sections #main {order:1;margin-bottom:40px;} .blog .alignright {float:right;margin: 10px 0px 15px 20px;} .blog .alignleft {float:left;margin: 10px 20px 15px 0px;} } @media (max-width:530px) { .blog #kt-sections #side {width:100%} .archive-blog .post .readmore {display:none;} .archive-blog .post .categories {display:none;} .archive-blog .post .image {margin-left: 20px;} .archive-blog .biglink {display:block;} .blog .alignright {float:right;margin: 10px 0px 10px 15px;} .blog .alignleft {float:left;margin: 10px 15px 10px 0px;} } @media (min-width:1081px) and (max-width:1320px), (min-width:820px) and (max-width:920px), (max-width:560px) { .archive-blog .post {flex-direction:column;} .archive-blog .post .image {order:1;width:100%;margin-left:0px;margin-bottom:20px;} .archive-blog .post .text {order:2;width:100%;} .archive-blog .post .categories {display:inline-block;} } /* PAGES */ #whentocome .uk-list-large.uk-list-divider>:nth-child(n+2) { margin-top: 35px; padding-top: 35px; } #ss.page .transfers h3 {font-weight:500;margin-bottom:10px;} #ss.page .transfers .image {box-sizing:border-box;} #ss.page .transfers .text {box-sizing:border-box;} #ss.page .transfers#transfers .image {width:200px;margin-top:8px} #ss.page .transfers#transfers .text {width:calc(100% - 200px)} #ss.page .transfers#howtocome .image {width:150px;} #ss.page .transfers#howtocome .text {width:calc(100% - 150px)} #ss.page .transfers .image > div {width:100%} #ss.page .transfers .image img {height:100%; width:100%; object-fit: cover; object-position: 50% 100%;} #ss.page .transfers#transfers .image > div {aspect-ratio:3/2} #ss.page .transfers#howtocome .image > div {aspect-ratio:1/1} @media (max-width:520px) { #ss.page .transfers#transfers .image {width:100%!important;margin:0px 0px 15px 0px!important} #ss.page .transfers#transfers .text {width:100%!important;padding-left: 20px;} #ss.page .transfers#howtocome .uk-flex-middle {align-items: unset;} #ss.page .transfers#howtocome .image {width:80px;} #ss.page .transfers#howtocome .text {width:calc(100% - 80px)} #ss.page .transfers#howtocome img {margin-top:5px;} } #ss.page #advices .uk-icon {color:var(--primary);vertical-align: middle;padding:0px 10px 0px 0px;} #ss.page #advices .title {font-weight:500;margin-bottom:15px;} #ss.page #advices > div > div {margin-bottom:50px;} #ss.page #faq #summary {} #ss.page #faq #summary > div {margin-bottom:10px;display:flex;align-items:center;} #ss.page #faq #summary a {font-weight:500;color:inherit} #ss.page #faq #summary .icon {float:left;display:inline-block;} #ss.page #faq #summary span {vertical-align: middle; color: var(--primary); font-size: 22px; margin-left: -7px; margin-right: 7px; } #ss.page #faq hr {margin:50px 0px;} #ss.page #faq #questions .question {margin-top:35px;} #ss.page #faq #questions .title {font-weight:500;margin-bottom:5px;} @media (max-width:520px) { #ss.page #faq #summary > div {margin-bottom:15px;} } #ss.page #accomodation {} #ss.page #accomodation .element {margin-top:90px;} #ss.page #accomodation > div:nth-child(1) {margin-top:60px;} #ss.page #accomodation .element .title {font-weight:500;margin-bottom:20px;} #ss.page #accomodation p {margin-top:0px;} #ss.page #accomodation .infos {margin-top:5px;width:300px;} #ss.page #accomodation .text {padding-left: 30px;} #ss.page #accomodation .el-content > div {font-size:12px;margin-bottom:20px;text-align:left;} #ss.page #accomodation .infos .uk-button {color:white;background-color: transparent;background-image:none;border:solid 1px white; line-height: 22px; padding: 0px 10px;} @media (min-width:1081px) and (max-width:1520px) { #ss.page #accomodation .text {padding-left: 20px;} } @media (min-width:861px) and (max-width:1260px), (max-width:640px) { #ss.page #accomodation .infos {width:240px;} } @media (max-width:540px) { #ss.page #accomodation .element {margin-top:60px;} #ss.page #accomodation .infos {width:100%;order:2;margin-top:20px;} .el-content {display:flex;gap: 20px;} .el-content > div {box-sizing:border-box;width:50%} } @media (max-width:360px) { #ss.page #accomodation .infos {width:100%;} #ss.page #accomodation .el-content {display:flex;gap: 20px;flex-direction:column;margin-bottom:20px;} #ss.page #accomodation .el-content > div {box-sizing:border-box;width:100%;margin-bottom:0px;} } :is(#ss.page,#ss.proposaltemplate) #aboutus .section {margin-bottom:50px;} :is(#ss.page,#ss.proposaltemplate) #aboutus .section:last-of-type {margin-bottom:0px;} :is(#ss.page,#ss.proposaltemplate) #aboutus h3 {font-weight:500;margin-bottom:10px;} :is(#ss.page,#ss.proposaltemplate) #aboutus ul li:nth-child(2) {margin-top:10px;} :is(#ss.page,#ss.proposaltemplate) #aboutus .graffiti {float: right; width: 50%; margin: 0px 0px 20px 30px; box-sizing:border-box} :is(#ss.page,#ss.proposaltemplate) #aboutus .history > div {margin-top:20px;} :is(#ss.page,#ss.proposaltemplate) #aboutus .history .line {margin-bottom:10px;} :is(#ss.page,#ss.proposaltemplate) #aboutus .history .date {float:left;margin-right:10px;font-size:16px;font-weight:500;color:var(--primary)} :is(#ss.page,#ss.proposaltemplate) #aboutus .history .desc {float:none;overflow:hidden;font-weight:400;text-align:left} :is(#ss.page,#ss.proposaltemplate) #aboutus .team > div {margin-top:20px;} :is(#ss.page,#ss.proposaltemplate) #aboutus .team > div > div {width: calc(100% / 3.01);box-sizing: border-box;} :is(#ss.page,#ss.proposaltemplate) #aboutus .team .overlay {background-color:var(--primary);opacity:0.9;transition:.2s linear} :is(#ss.page,#ss.proposaltemplate) #aboutus .team .uk-position-center {color:white; opacity:1;transition:.2s linear;text-align:center} :is(#ss.page,#ss.proposaltemplate) #aboutus .team .container {aspect-ratio: 4/3; position: relative; background-size: cover; background-position: 50% 50%;} :is(#ss.page,#ss.proposaltemplate) #aboutus .team .container:hover .overlay {opacity:0;} :is(#ss.page,#ss.proposaltemplate) #aboutus .team .container:hover .uk-position-center {opacity:0;} :is(#ss.page,#ss.proposaltemplate) #aboutus .team .uk-position-center > span {display:block;} :is(#ss.page,#ss.proposaltemplate) #aboutus .team .name {font-weight:500;font-size:16px;} :is(#ss.page,#ss.proposaltemplate) #aboutus .team .job {font-weight:400;} :is(#ss.page,#ss.proposaltemplate) #aboutus .team .year {font-size:12px;margin-top:10px;} @media (max-width:600px) { :is(#ss.page,#ss.proposaltemplate) #aboutus .team > div {width: calc(100% / 2.01)} } @media (max-width:540px) { :is(#ss.page,#ss.proposaltemplate) #aboutus .graffiti {width: 100%; float:none; margin:15px 0px;} } @media (max-width:400px) { :is(#ss.page,#ss.proposaltemplate) #aboutus .team > div {width: calc(100%)} } #ss.page #destination .element {position:relative;overflow:hidden;margin-bottom:50px;} #ss.page #destination .image {max-width:75%;} #ss.page #destination .content {position:absolute;top:10%;width:60%;padding:15px;background-color:white;transition:all .4s} #ss.page #destination .title {color:var(--primary)} #ss.page #destination .element.odd .image {float:right;} #ss.page #destination .element.odd .content {left:0;padding-left:0px;} #ss.page #destination .element.even .image {float:left;} #ss.page #destination .element.even .content {right:0;padding-right:0px;} #ss.page #destination .element:hover .content {background:rgba(255,255,255,0.5);} #ss.page #destination .element:hover .content:hover {background:rgba(255,255,255,1);} #aboutbagdad {margin:50px 0px;padding:20px;background-image:var(--backgroundprimary);color:white} #aboutbagdad h4 {color:white;} #aboutbagdad .image {float: right; margin-left: 30px; margin-bottom: 20px;width:50%;box-sizing:border-box} @media (max-width:580px) { #aboutbagdad .image {float: none; margin-left: 0px; margin-bottom: 20px; width:100%;box-sizing:border-box} #aboutbagdad .image img {width:100%;} } #strippers > div {margin-bottom:50px;} #strippers .gallery {display:flex;background-image: var(--backgroundprimary); padding: 10px;} #strippers .gallery > div {padding-left:10px;box-sizing:border-box;display:inline-block;width: calc(100% / 3.000001);aspect-ratio:1/1;} #strippers .gallery > div:nth-child(1) {padding-left:0px;} #strippers .gallery > div > a > div {height:100%;width:100%;} #strippers .gallery img {max-width:100%;max-height:100%;} .uk-lightbox {background-image:var(--backgroundprimary)} @media (min-width:581px) { #strippers .gallery img { top: calc(50% - var(--uk-position-margin-offset)); left: calc(50% - var(--uk-position-margin-offset)); --uk-position-translate-x: -50%; --uk-position-translate-y: -50%; transform: translate(var(--uk-position-translate-x),var(--uk-position-translate-y)); width: max-content; box-sizing: border-box; position: absolute!important; } } @media (max-width:580px) { #strippers .gallery {flex-direction:column;} #strippers .gallery > div {padding-left:0px;padding-top:10px;display:block;width: calc(100%);aspect-ratio:unset;} #strippers .gallery > div:nth-child(1) {padding-top:0px;} #strippers .gallery img {width:100%;} } #reminders_db .entry.filtered {display:none;} #reminders_db > div {padding:5px} #reminders_db > div > div {display:inline-block;vertical-align: top;margin-right:5px;} #reminders_db > div .selectedfilter {width:180px;font-weight:500;cursor:pointer;} #reminders_db > div .type {width:50px;text-transform: uppercase;margin-left: 0px;padding: 1px 5px;cursor:pointer;} #reminders_db > div .label {width:120px;font-weight:500;cursor:pointer;} #reminders_db > div .remindercontent {width:500px} #reminders_db > div .filters {width:300px} #reminders_db > div .conditions {min-width:60px;margin-right:20px;} #reminders_db .entry .conditions .kt-button {margin-left:0px;padding: 1px 5px;background-color:rgba(118,203,25,0.75);vertical-align: top;} #reminders_db .entry .conditions .theconditions {display:none;font-size:11px;vertical-align: top;margin-left: 10px; border-right: solid 1px #bbb;} #reminders_db .entry.displayconditions .conditions .theconditions {display:inline-block;} #reminders_db .entry .conditions .or .and div {display:inline-block;} #reminders_db .entry .conditions .conditiontype {font-weight:500;width:35px} #reminders_db .entry .conditions .compare {width:50px} #reminders_db .entry .conditions .value {font-weight:500;width:60px} #reminders_db .entry .providers > div, #reminders_db .entry .prestations > div {display:inline-block;margin-right:5px;} #reminders_db [tab="internal"] .type {background-color:rgba(61,145,211,0.8)} #reminders_db [tab="email"] .type {background-color:rgba(255,215,16,0.9)} #reminders_db [tab="form"] .type {background-color:rgba(255,72,112,0.8)} #reminders_db .entry .inactive, #reminders_db .entry .edited, #reminders_db .entry .new {padding: 1px 2px;font-weight: 400;font-size: 10px;color: white;} #reminders_db .entry .new {display:none;} #reminders_db .entry[inactive] .inactive {display:inline-block;background-color: red;} #reminders_db .entry .new {background-color:green} #reminders_db .entry .edited {background-color:blue} #reminders_db .odd {background-color:#ddd} #intensebarcelonahome { min-height: 100vh; display: flex; justify-content: center; align-items: center; margin: 0 auto; } #intensebarcelonahome > div { max-width: 800px; padding: 50px 20px; box-sizing: border-box; overflow-y: auto; text-align:center; } #intensebarcelonahome > div > div { margin-top:40px; } #intensebarcelonahome .subtitle {font-weight:500;margin-bottom:5px;} #intensebarcelonahome .dmc img {max-width: 60%} /* #intensebarcelonahome .dmc .subtitle {color:#b32768} */ #intensebarcelonahome .evg > div {max-width: 50%;float:left;box-sizing: border-box;} #intensebarcelonahome .evg > div:nth-child(1) {padding-right:5px;} #intensebarcelonahome .evg > div:nth-child(2) {padding-left:5px;} #intensebarcelonahome .contact {color:#aaa;font-size:12px;} @media(max-width:800px) { #intensebarcelonahome .dmc img {width:100%; max-width: 500px} } @media(max-width:480px) { /* #intensebarcelonahome .dmc img {width:100%; max-width: 500px} */ } /* START Password */ .passwordform #ss {height: 100vh;overflow:unset;} .passwordform #kt-main {display: flex;flex-direction: column;height: calc(100% - 30px);} .passwordform #kt-sections {flex:1;} .passwordform #kttabs .tabs {display:none;} .passwordform .message {font-size:20px;font-weight:500} .indication {margin-bottom: 5px;} .passworddiv {float:left;position:relative;width:270px;} .submitdiv {float:left;margin-left:5px;width:80px} .passwordfield, input[type="submit"] { text-align:center; border:solid 1px #aaa; line-height: 30px; border-radius:4px; } .passwordfield {width: 100%;padding:0px 30px 0px 5px;box-sizing: border-box;} .passwordfield:active, .passwordfield:focus, .passwordfield:focus-visible, .passwordfield:hover {border:solid 1px var(--primary);transition: border .5s;outline:0 } input[type="submit"] {min-width:70px; max-width:100px;padding: 0px 8px;cursor:pointer;border-color:var(--primary)} .visibility {position:absolute;top:4px;right:5px;cursor:pointer;user-select:none;z-index:100000} .material-icons {font-size:20px;color:#888} .viewmode .viewicon {display:none} .hidemode .hideicon {display:none} .errormessage {clear:both; margin-top:5px; color:var(--primary);font-weight:400;} @media (max-width:680px) { .passwordform .ssleft {height:300px;} .passwordform #mainleftarea {top: -440px;} .pwd {padding-top:20px!important;} } @media (max-width:400px) { .passworddiv {width:230px;} } @media (max-width:360px) { .passworddiv {float:none;width:100%;} .submitdiv {float:none;margin-left:0px;margin-top:10px;width:80px} } /* END Password */