/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
footer a,.site-footer a{text-decoration:none;color:#cb432d;transition:color 0.3s ease;}footer a:hover,.site-footer a:hover{color:#cb4300;text-decoration:none;}.component-title{font-size:1.5rem;font-weight:bold;}.component-subtitle{font-size:1.2rem;font-weight:bold;}.component-text{font-size:1rem;}body{position:relative;min-height:100vh;margin:0;padding:0;z-index:0;}body::before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:url('/sites/default/files/sea-background-f.jpg');background-repeat:no-repeat;background-position:center top;background-size:cover;filter:blur(3px) saturate(75%) brightness(105%);transform:scale(1.1);z-index:-1;}[class*="CS-"] h2.node__title,[class*="CS-"] .node__title a{display:none !important;visibility:hidden !important;}#contact-message-contact-form{background-color:#b6a99c !important;background-image:none !important;padding:40px !important;margin:30px auto !important;max-width:800px !important;width:100% !important;border-radius:8px !important;border:5px solid #e3e6ec !important;box-shadow:0 4px 12px rgba(0,0,0,0.1) !important;position:relative !important;z-index:10 !important;display:block !important;}#contact-message-contact-form label,#contact-message-contact-form .form-item{color:#212529 !important;}.simple-text-box-background{background-color:#b6a99c !important;background-image:none !important;padding:40px !important;margin:30px auto !important;max-width:800px !important;width:100% !important;border-radius:8px !important;border:5px solid #e3e6ec !important;box-shadow:0 4px 12px rgba(0,0,0,0.1) !important;position:relative !important;z-index:10 !important;display:block !important;}.commoncard{position:relative;overflow:hidden;}.commoncard,.histocard,.historical-card,.mapnowcard,.floatpicstorybox,.storycard{background-color:#b6a99c;margin-top:10px;margin-bottom:0px;padding:10px;border-radius:8px;border:none;transition:transform 0.3s ease,box-shadow 0.3s ease;box-shadow:0 25px 45px -8px rgba(35,25,20,0.65),0 10px 20px -5px rgba(35,25,20,0.45);}.card-caption{width:100%;height:25px;padding-left:8px;background:rgba(198,88,67,0.9);color:#fff;font-weight:bold;overflow:hidden;cursor:pointer;border-radius:8px;margin-bottom:8px;box-shadow:0 25px 45px -8px rgba(35,25,20,0.65),0 10px 20px -5px rgba(35,25,20,0.45);}.card-caption-nolink{cursor:default;}.card-image-trigger{position:absolute;inset:0;z-index:3;width:100%;height:100%;padding:0;margin:0;border:0;background:transparent;appearance:none;-webkit-appearance:none;cursor:pointer;}.card-caption-text{display:inline-block;animation:caption-flyin 4s ease-out forwards;animation-delay:0.5s;opacity:0;}@keyframes caption-flyin{from{transform:translateX(400px);opacity:0;}to{transform:translateX(0);opacity:1;}}.modal-content{background:#B6A99C;}.commoncard:nth-child(even),.historicalcard:nth-child(even),.mapnowcard:nth-child(even),.floatpicstorybox:nth-child(even),.storycard:nth-child(even){transform:rotate(0.7deg);margin-left:5px;}.commoncard:nth-child(3n),.histocard:nth-child(3n),.mapnowcard:nth-child(3n),.floatpicstorybox:nth-child(3n),.storycard:nth-child(3n){transform:rotate(-0.5deg);margin-right:5px;}.commoncard:hover,.histocard:hover,.mapnowcard:hover,.floatpicstorybox:hover,.storycard:hover{transform:rotate(0deg) scale(1.02);z-index:10;box-shadow:0 35px 60px -10px rgba(35,25,20,0.75),0 15px 25px -5px rgba(35,25,20,0.55);}
.ostend-hero-banner{position:relative;width:100%;height:200px !important;overflow:hidden;isolation:isolate;z-index:1;border-bottom:4px solid rgba(255,255,255,0.15);box-shadow:inset 0 -40px 60px rgba(0,0,0,0.45),0 2px 8px rgba(0,0,0,0.25);}.ostend-hero-banner::before{content:"";position:absolute;inset:0;background-image:url(/themes/custom/mybarrio/images/Oostende-pano.webp);background-repeat:no-repeat;background-size:auto 100%;background-position:left center;animation:ostend-scroll 80s linear -45s infinite alternate;opacity:0.95;z-index:1;}.ostend-hero-banner::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,0.15),rgba(0,0,0,0.55));z-index:2;}.hero-title{position:relative;z-index:3;width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;text-align:center;color:white;padding:1rem;}.hero-title h1{color:rgba(255,255,255,0.60);font-size:clamp(2rem,5vw,4rem);font-weight:300;letter-spacing:0.15em;margin:0;text-shadow:0 2px 4px rgba(0,0,0,0.9),0 4px 12px rgba(0,0,0,0.7),0 0 24px rgba(0,0,0,0.5);}.hero-title p{margin-top:1rem;font-size:clamp(1rem,2vw,1.4rem);letter-spacing:0.08em;opacity:0.9;text-shadow:0 2px 6px rgba(0,0,0,0.8);}@keyframes ostend-scroll{from{background-position:left center;}to{background-position:right center;}}@media (min-width:1400px){.ostend-hero-banner{height:300px;}}@media (max-width:991px){.ostend-hero-banner{height:200px;}}@media (max-width:576px){.ostend-hero-banner{height:200px;}.ostend-hero-banner::before{animation-duration:240s;}.hero-title h1{letter-spacing:0.08em;}}.overlay-hover .itf-overlay{opacity:0;transition:opacity 0.3s ease;pointer-events:none;}.overlay-hover:hover .itf-overlay{opacity:1;}
.timeline-section{background-color:#b6a99c;margin-bottom:50px;}.timeline-title{text-align:center;}.main-timeline-2{position:relative;padding-bottom:200px;}.main-timeline-2::after{content:"";position:absolute;width:3px;background-color:#26c6da;top:0;bottom:0;left:50%;margin-left:-3px;}.timeline-2{position:relative;background-color:inherit;width:50%;}.timeline-2::after{content:"";position:absolute;width:25px;height:25px;right:-11px;background-color:#26c6da;top:15px;border-radius:50%;z-index:1;}.left-2{padding:0px 40px 20px 0px;left:0;}.right-2{padding:0px 0px 20px 40px;transform:translateY(-200px);margin-bottom:-400px;left:50%;}.left-2::before{content:" ";position:absolute;top:18px;z-index:1;right:30px;border:medium solid white;border-width:10px 0 10px 10px;border-color:transparent transparent transparent white;}.right-2::before{content:" ";position:absolute;top:18px;z-index:1;left:30px;border:medium solid white;border-width:10px 10px 10px 0;border-color:transparent white transparent transparent;}.right-2::after{left:-14px;}@media screen and (max-width:600px){.main-timeline-2::after{left:31px;}.timeline-2{width:100%;padding-left:70px;padding-right:25px;}.timeline-2::before{left:60px;border:medium solid white;border-width:10px 10px 10px 0;border-color:transparent white transparent transparent;}.left-2::after,.right-2::after{left:18px;}.left-2::before{right:auto;}.right-2{left:0%;}}.timeline-image img{width:100%;height:auto;display:block;}.card-body h4,.card-body h4 a{color:black !important;}
