/* Preload */
.preloader .pre-shadow {width: 100px;}

/* Página em Breve */
body.emBreve {background-image: url(../img/Snorkel-OGZ_BG_Em-Breve.jpg);}
body.emBreve .hero-content h1 { font-size: 20px; text-transform: none;}
body.emBreve .hero-wrapper .hero-content .text-button p {max-width: 100%;}

/* Elements */
.line-green {width: 44px; height: 4px; background-color: #63AB45; border-radius: 10px;}

.h-100 {height: 100px;}
.h-200 {height: 200px;}
.h-300 {height: 300px;}
.h-400 {height: 400px;}
.h-500 {height: 500px;}
.h-600 {height: 600px;}
.h-700 {height: 700px;}
.h-800 {height: 800px;}
.h-900 {height: 900px;}

.mt--100 {margin-top: -100px;}
.mt--150 {margin-top: -150px;}
.mt--200 {margin-top: -200px;}
.mt--300 {margin-top: -300px;}

.w-full {width: 100%!important;}
.mw-500 {max-width: 500px!important;}
.mw-full {max-width: 100%!important;}

/* Header Navigation */
.header-navigation .main-menu ul > li > a {font-weight: 400; border-bottom: 1px solid transparent; }
.header-navigation .main-menu ul > li > a:hover {border-bottom: 1px solid;}
.whatsApp-btn {background-color: #63AB45!important; padding-left: 20px; font-size: 14px; font-weight: 400;}
.whatsApp-btn:hover {background-color: #6fbe4d!important;}
.whatsApp-btn i{background-color: #63AB45; color: #ffffff; margin-left: 10px; width: 40px; height: 40px; font-size: 20px;}

.header-navigation.breakpoint-on .nav-search .form_control {border-radius: 10px;}

/* Header */
section.hero-section {background-image: url(../img/hero_bg.jpg);}

/* BUSCA */

.pagefind-ui__filter-panel {display: none!important;}

/* #######
HEADER - Seletor de Idioma 
####### */
/* --- Estilização para Nice Select --- */

/* Wrapper principal (o que fica visível) */
.nice-select.language-selector {
    background-color: transparent; /* Fundo transparente */
    border: none; /* Sem borda */
    box-shadow: none; /* Sem sombra padrão */
    color: white; /* Cor do texto selecionado (PT, EN, ES) */
    padding: 5px 30px 5px 10px; /* Ajuste o padding conforme necessário top/bottom | right | left */
    font-size: 1rem; /* Tamanho da fonte */
    line-height: 1.5; /* Altura da linha */
    height: auto; /* Altura automática baseada no padding/line-height */
    float: none; /* Garante que não flutue se o padrão for esse */
    display: inline-block; /* Ou block/flex-item conforme layout */
    vertical-align: middle; /* Alinhar com outros itens */
    margin-right: 15px; /* Espaçamento à direita */
    /* -webkit-tap-highlight-color: transparent; */ /* Remove highlight em mobile */
}

/* Seta padrão do Nice Select */
.nice-select.language-selector::after {
    height: 8px; 
    width: 8px;
    right: 12px; /* Posição da seta */
    margin-top: 0; /* Ajuste vertical fino */
}

 /* A lista suspensa (dropdown) */
.nice-select.language-selector .list {
    background-color: #222; /* Fundo escuro para o dropdown */
    border-radius: 4px; /* Bordas arredondadas */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); /* Sombra suave */
    margin-top: 5px; /* Pequeno espaço entre o seletor e a lista */
    width: 100%; /* Ocupa a largura do seletor */
}

/* As opções individuais na lista */
.nice-select.language-selector .option {
    color: #ccc; /* Cor padrão do texto das opções */
    padding: 8px 12px; /* Espaçamento interno */
    min-height: auto; /* Altura automática */
    line-height: 1.5; /* Altura da linha */
    /* -webkit-tap-highlight-color: transparent; */
}

/* Opção quando o mouse passa por cima ou está em foco */
.nice-select.language-selector .option:hover,
.nice-select.language-selector .option.focus {
    background-color: #444; /* Fundo um pouco mais claro no hover/focus */
    color: white; /* Texto branco no hover/focus */
}

/* Opção atualmente selecionada na lista */
.nice-select.language-selector .option.selected {
    background-color: #333; /* Fundo diferente para a selecionada */
    color: white; /* Texto branco */
    font-weight: bold; /* Negrito para destacar */
}
/* ####### FIM | HEADER - Seletor de Idioma ####### */

/* Hero Slider - Página Inicial */
.custom-hero-slider .single-slider {padding: 200px 0;}
.custom-hero-slider .hero-image {position: relative; max-width: 600px;}
.hero-wrapper .hero-image img {border-radius: 50px 10px 50px 10px;}
.custom-hero-slider .hero-content {position: absolute; bottom: 0; width: 100%; padding: 30px; max-width: 600px;}
.custom-hero-slider .hero-content .text-button {justify-content: space-between;}
.custom-hero-slider .hero-content .text-button .hero-button {margin-left: 0;}
.custom-hero-slider .hero-content .text-button .hero-button .main-btn {padding: 0;}
.custom-hero-slider .hero-content .text-button .hero-button .main-btn i {margin: 0; background-color: #ffffff30; color: #ffffff;}
.custom-hero-slider .hero-image:hover .text-button .hero-button .main-btn i {background-color: #ffffff; color: #000000;}
.custom-hero-slider .hero-content .text-button p {max-width: inherit;}
.custom-hero-slider .hero-image {transition: transform 0.3s ease-in-out;}
.custom-hero-slider .hero-image:hover {transform: scale(1.1);}

/* Hero Header - Páginas Internas */
.custom-hero-header .single-slider {display: flex; align-items: center;}
.custom-hero-header .hero-content h2 {font-size: 60px; text-transform: uppercase;}
.custom-hero-header .hero-content p {font-size: 30px; font-weight: 500; margin: 30px 0 30px;}
.hero-white-btn {background-color: #ffffff30;color: #ffffff;}
.custom-hero-header.slider-content-center {text-align: center;}
.custom-hero-header.slider-content-right {text-align: end;}
.custom-hero-header.slider-content-right .single-slider .hero-content .text-button {justify-content: end; max-width: inherit;}

.custom-hero-header .hero-content h1 {font-size: 40px; text-transform: none;}

/* Booking Form */
.booking-form-wrapper {width: 100%; padding: 33px 30px 40px;}
.booking-form-wrapper h2 {font-size: 16px; margin: 20px 0;}

/* About Section */
.about-section.bg-map {background-image: url(../images/bg/map.png); background-repeat: no-repeat;}
.about-one_image-box img {border-radius: 20px;}

/* Contact Info - Why OGZ */
.contact-info-section.why-ogz .contact-info-item {padding: 20px 40px 40px;}
.contact-info-section.why-ogz .contact-info-item .icon {width: 216px; height: 216px;}
.contact-info-section.why-ogz .contact-info-item .info p {font-size: 16px; margin-top: 20px;}

/* Blog Section */
.blog-section .single-blog-post p {font-size: 15px;}

/* Event Section */
.single-event-item .content {text-align: center;}
.single-event-item .content h3.title {
    margin-bottom: 0px;
    padding-bottom: 0px;
    font-weight: 600;
    border-bottom: none;
    font-size: 17px;
    cursor:default;
}

/* Footer */
.single-cta-item .content .icon-btn i {transform: rotate(0); margin-top: 0;}
.single-cta-item .content h3.title {line-height: 1.3;}
.single-cta-item .content h3.title .small {font-size: 12px; font-weight: 400;  color: #c6c5c5;}
.service-nav-widget .footer-content .footer-widget-nav {width: 100%;}

.footer-widget-area .footer-widget .social-box ul.social-link li a {
    background-color: rgba(255, 255, 255, 0.1);
    color: #B1B6B3;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.footer-widget-area .footer-widget .social-box ul.social-link li a:hover {background-color: #63AB45; color: #ffffff;}
.footer-widget-area .footer-widget .social-box ul.social-link li:not(:last-child) {margin-left: 5px;}

.footer-contato-widget i { color: #63AB45;}
.footer-contato-widget a:hover {color: #63AB45;}

/* MODAL */
.search-modal .modal-content .form_control {padding: 15px 30px 15px 15px;}
.search-modal .modal-content label {right: 15px;}
.search-modal .modal-content {background-color: #ffffff;}

/* CUSTOM */
.hide, .hidden {display: none!important;}
.back-to-top {bottom: 60px;}
.txt-center {text-align: center;}
.pull-50-left {transform: translateX(-50%)!important;}

/* START CUSTOM - Página de Eventos */

body.page-eventos {background-color: #000000; color: #B1B6B3;}
body.page-eventos .header-navigation .main-menu ul > li > a:hover {border-color: #FE0085; color: #FE0085;}
body.page-eventos .navigation-white.header-navigation .main-menu ul > li .search-btn:hover {color: #FE0085;}

body.page-eventos .header-one .header-navigation.sticky {background-color: #000000;}

body.page-eventos .whatsApp-btn {background-color: #111111!important;}
body.page-eventos .whatsApp-btn:hover {background-color: #ffffff!important; color: #111111;}
body.page-eventos .whatsApp-btn i{background-color: #111111; color: #ffffff; }

body.page-eventos section.hero-section {background-position: center;}
body.page-eventos .wrapper-selo {position: relative; width: 100%; height: 100%;}
body.page-eventos .selo-ogz-eventos {background-color: #000000; position: absolute; bottom: 0; padding: 60px 20px 100px; max-width: 300px; border-radius: 20px 20px 0 0;}

body.page-eventos h2 {color: #ffffff;}
body.page-eventos h3 {color: #FE0085;}
.img-ogz-_destaque img {border-radius: 10px 288px 10px 10px;}

body.page-eventos .fancy-icon-box-two {background-color:#111111 ;}
body.page-eventos .fancy-icon-box-two:hover .icon {background-color: #dddddd;}
body.page-eventos .main-btn.filled-btn {background-color: #222222; color: #ffffff;}
body.page-eventos .main-btn.filled-btn i {background-color: #200AF4; color: #ffffff;}

body.page-eventos .sub-title {background-color: #210af448; color: #FE0085;}

.bg-lines {background-image: url(../img/bg-lines.svg);}
.gray-bg {background-color: #111111;}
.btn-blue {background-color: #200AF4; color: #ffffff;}

.review-form-area {border-radius: 20px;}
body.page-eventos .review-form-area {background-color: #111111;}

body.page-eventos .black-bg {background-color: #000000;}
/* END CUSTOM - Página de Eventos */

/* Responsivo */
@media (max-width: 1199px) {
    h2 {font-weight: 600;}
    /* Hero Slider */
    .custom-hero-slider .hero-content {text-align: left; padding: 20px;}
    .custom-hero-slider .hero-content .text-button {text-align: left; flex-direction: row;}
    .custom-hero-slider .hero-content .text-button .hero-button {margin-left: 40px;}
    .custom-hero-slider .hero-content .text-button p {line-height: 1.3;}
    .custom-hero-slider .hero-image {margin-bottom: 40px;}
    .pull-50-left {transform: translateX(0%)!important;}
}

@media (max-width: 991px) {
    /* CUSTOM */
    .hide-mobile {display: none!important;}
    /* Header Navigation */
    .header-navigation .main-menu ul > li > a, 
    .header-navigation .main-menu ul > li > a:hover {border-bottom: 0;}
    /* Hero Slider */
    .custom-hero-slider .single-slider {padding: 140px 0;}
    .custom-hero-slider .hero-content {margin: 0;}
} 