@font-face {
    font-family: 'Gotham Black';
    src: url('../fonts/GothamBlack.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham Bold';
    src: url('../fonts/GothamBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham Bold Italic';
    src: url('../fonts/GothamBoldItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham Book';
    src: url('../fonts/GothamBook.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham Book Italic';
    src: url('../fonts/GothamBookItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham Light';
    src: url('../fonts/GothamLight.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham Light Italic';
    src: url('../fonts/GothamLightItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham Medium';
    src: url('../fonts/GothamMedium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham Medium 1';
    src: url('../fonts/GothamMedium_1.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham Medium Italic';
    src: url('../fonts/GothamMediumItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/*
  Video background top
*/
#background-top{
  /*width: 100%;*/
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
}
.overlay-video{
  position: absolute;
  width: 100%;
  height: 100%;
  background: #000000;
  opacity: 0.8;
}

.banner-content{ z-index: 9}

/*-------------------------------------------------------------------*/
/* 0.1 GERONTO CUSTOMIZE
---------------------------------------------------------------------*/
.font-color-green-geronto{ color: var(--color-green-geronto)!important;}
.font-color-orange-geronto{ color: var(--color-orange-geronto)!important;}
.font-color-purple-geronto{ color: var(--color-purple-geronto)!important;}
.font-color-blue-geronto{ color: var(--color-blue-geronto)!important;}
.font-color-gray-geronto{ color: var(--color-gray-geronto)!important;}

.bg-color-green-geronto{ background-color: var(--color-green-geronto)!important;}
.bg-color-orange-geronto{ background-color: var(--color-orange-geronto)!important;}
.bg-color-purple-geronto{ background-color: var(--color-purple-geronto)!important;}
.bg-color-blue-geronto{ background-color: var(--color-blue-geronto)!important;}
.bg-color-gray-geronto{ background-color: var(--color-gray-geronto)!important;}

.font-size-0{font-size: 0!important}

.padding-y-24{padding: 24rem 0!important;}
.padding-y-18{padding: 18rem 0!important;}
.padding-y-14{padding: 14rem 0!important;}
.p-top-8rem{padding-top: 8rem!important;}

.min-height-911 {min-height: 911px}
h1,
.h1 {
    font-family: 'Gotham Medium', sans-serif;
    font-size: 68px;
    line-height: 102px;
    font-size: 6.8rem;
    line-height: 10.2rem;
    line-height: 8.0rem;
}
h2,
.h2 {
    font-family: 'Gotham Medium', sans-serif;
    font-size: 42px;
    line-height: 63px;
    font-size: 4.2rem;
    line-height: 6.300000000000001rem;
    line-height: 4.0rem;
}
h3,
.h3 {
    font-size: 26px;
    line-height: 39px;
    font-size: 2.6rem;
    line-height: 3.9000000000000004rem;
    line-height: 4.0rem;
    font-family: 'Gotham Medium', sans-serif;
    font-weight: 700;
}
#layer-wrapper h1 > span{
    color: #FFFFFF;
    font-family: 'Gotham Medium', sans-serif;
    font-size: 2rem;
    display: block;
    margin-top: -20px;
}
.lgx-heading .heading{ font-family: 'Gotham Black', sans-serif}
.lgx-heading .subheading,
.lgx-single-speaker-circle .speaker-info .subtitle,
.wpcf7-submit, .lgx-submit, button, .lgx-btn{font-family: 'Gotham Medium', sans-serif}
.lgx-header .lgx-navbar .lgx-nav li a{ font-size: 1.4rem; }
#lgx-about {padding: 24rem 0 !important;}

.lgx-about-content p{margin-bottom: 1.4rem}

.lgx-header .lgx-navbar .lgx-nav li a:hover{
    color: var(--color-orange-geronto);
}


.lgx-about2 {
    background-image: url('//paineldoexpositor.com.br/uploads/media/media_68baa85231bc08_28366728.jpg');
    -webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.lgx-about2-2{
    background-image: url('../img/geronto/sobre-a-feira-img-02.png-RGB-1920-700.jpg') ;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.lgx-header .lgx-navbar .lgx-logo a img{
    max-height: 24px;
    margin-top: 28px;
}
.lgx-header .menu-onscroll{
   background: rgb(5, 42, 109, 95);
}
.lgx-header .menu-onscroll .lgx-navbar .lgx-logo a img{
    margin-top: 23px;
}

.box-figure-news-home{
    max-height: 184px;
}

.lgx-post-wrapper article footer .lgx-share li a i,
.lgx-post-wrapper article footer .lgx-share li a span{
    font-size: 16px;
    line-height: 40px;
}

#pagination-news nav{
    display: flex;
    justify-content: center;
}

#pagination-news nav a{
    overflow: hidden;
    border: none;
    text-align: center;
    cursor: pointer;
    text-transform: uppercase;
    outline: none;
    position: relative;
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    margin: 0 auto;
    font-family: 'Oswald', sans-serif;
    padding: 1.5rem 4rem;
    display: inline-block;
    letter-spacing: .1rem;
    background: #554bb9;
    -moz-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-box-shadow: 0 8px 6px -6px rgba(50, 51, 51, 0.4);
    -moz-box-shadow: 0 8px 6px -6px rgba(50, 51, 51, 0.4);
    box-shadow: 0 8px 6px -6px rgba(50, 51, 51, 0.4);
}

#pagination-news nav a:after{
    content: "";
    position: absolute;
    left: 20px;
    top: 14px;
    height: 200px;
    width: 200px;
    background: url(../img/dots3.png) 0 0 repeat;
    background: #1b273d;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-transform: translateX(-98%) translateY(-25%) rotate(45deg);
    transform: translateX(-98%) translateY(-25%) rotate(45deg);
    opacity: .15;
}

#pagination-news nav a:hover{
    color: #fff;
    border-radius: 16px;
    -moz-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
}
#pagination-news nav a:hover:after{
    -webkit-transform: translateX(-9%) translateY(-25%) rotate(45deg);
    transform: translateX(-9%) translateY(-25%) rotate(45deg);
    height: 604%;
    width: 300px;
    left: 43px;
    border-radius: 100%;
}
#pagination-news nav a:hover:before{

}

.lgx-gallery-single{
    background-repeat: no-repeat;
    background-size: cover;
}
.box-gallery-img{
    max-width: 33.33%;
    max-height: 259px;
    min-height: 259px;
    overflow: hidden;
}

.p-painel-expo{
    padding: 1rem 3rem !important;
}

#lgx-parallax-banner h1{
    color: #FFFFFF;
    font-size: 3.5rem;
}

.lgx-single-news .title{ min-height: 79px}

.lgx-footer .lgx-inner-footer{
    background: var(--color-gray-geronto-light);
}

.lgx-tab .nav-pills .active a h3{ color: var(--color-orange-geronto)}

.help-block{
    font-size: 1.4rem;
    font-family: 'Gotham Medium', sans-serif;
}

.css-bg-section-schedule {
    background: linear-gradient(217deg, #b926bd, #ef7c23, #6f4696, #008cc4);
    background-size: 800% 800%;

    -webkit-animation: bg-schedule 23s ease infinite;
    -moz-animation: bg-schedule 23s ease infinite;
    animation: bg-schedule 23s ease infinite;
}

@-webkit-keyframes bg-schedule {
    0%{background-position:0% 97%}
    50%{background-position:100% 4%}
    100%{background-position:0% 97%}
}
@-moz-keyframes bg-schedule {
    0%{background-position:0% 97%}
    50%{background-position:100% 4%}
    100%{background-position:0% 97%}
}
@keyframes bg-schedule {
    0%{background-position:0% 97%}
    50%{background-position:100% 4%}
    100%{background-position:0% 97%}
}

.lgx-banner-inner{
    background: url('../img/geronto/background-topo-internas.png') top center;
}

.box-button-about-us{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 30px 0;
}

#about-visit-section .lgx-about{
    color: #FFFFFF;
    background-color: #b926bd!important;
    font-family: "Gotham Book", sans-serif!important;
}
#about-visit-section #lgx-speakers .heading{
    color: #1b273d!important;
    font-family: 'Gotham Black', sans-serif!important;
    font-size: 4.2rem!important;
}
#about-visit-section #lgx-speakers .lgx-about-content p{
    font-family: 'Gotham Medium', sans-serif!important;
    color: rgba(50, 51, 51, 0.8)!important;
}
#about-visit-section #lgx-speakers .lgx-single-registration,
#about-visit-section #lgx-speakers .lgx-single-registration h3{
    color: rgba(50, 51, 51, 0.8)!important;
}
#about-visit-section .lgx-about-content-area{
    justify-content: center;
    align-items: center;
}

#about-visit-section .lgx-about-content-area .lgx-heading h2{
    color: #ffffff!important;
    text-align: center!important;
    font-size: 7rem;
    font-family: "Gotham Black", sans-serif!important;
    line-height: 14rem;
    margin-bottom: 3rem;
}
#about-visit-section .lgx-about-content-area .lgx-heading h3{
    color: #ffffff!important;
    text-align: center!important;
    font-size: 4rem;
    margin-bottom: 3rem;
    font-family: "Gotham Book", sans-serif!important;
}

#about-visit-section .lgx-about-content-area .lgx-heading h3 span{
    font-weight: bold;
}

#about-visit-section .lgx-about-content p{
    color: #ffffff!important;
    text-align: center!important;
    font-size: 2rem;
    line-height: 3rem;
    font-family: "Gotham Light", sans-serif;
}

.container-box-detail{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 10rem 0;
}

#about-visit-section .box-visit-detail{
    text-align: center;
    width: 360px;
    height: 320px;
    margin: 0 20px;
    border-radius: 16px;
    background-color: #ffffff;
    color: #585959;
    font-weight: 100;
    padding: 40px 30px;
    font-family: "Gotham Light", sans-serif!important;
}

#about-visit-section .box-visit-detail p{
    font-family: 'Gotham Light', sans-serif;
    font-size: 1.6rem;
    color: #585959;
    margin-bottom: 3rem;
}
#about-visit-section .box-conhecimento {
    height: 450px!important;
}

#about-visit-section .box-conhecimento .p-marign-0{
    margin-bottom: 0!important;
    text-align: left;
}

#about-visit-section .box-conhecimento ul{
    padding: 0 16px;
}

#about-visit-section .box-conhecimento ul li{
    text-align: initial;
}

#about-visit-section .box-novidades h4,
#about-visit-section .box-conhecimento h4,
#about-visit-section .box-networking h4{
    font-family: "Gotham Black", sans-serif!important;
    font-size: 3rem;
    letter-spacing: 0.1rem;
    line-height: 2.6rem;
    margin-bottom: 2rem;
    -webkit-font-smoothing: antialiased;
    -webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
    text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
#about-visit-section .box-novidades h4{color: #018d7a}
#about-visit-section .box-conhecimento h4{color: #e78200;}
#about-visit-section .box-networking h4{color: #0092b3}

#lgx-highlights .heading{
    text-transform: none!important;
    color: #1f263c;
    margin-bottom: 4rem;
}
#lgx-highlights .lgx-heading p{
    margin-bottom: 2rem!important;
    font-family: "Gotham Light", sans-serif!important;
    color: #585959;
}
#lgx-highlights .lgx-heading p i{
    color: #018d7a;
    margin-right: 1rem;
}
#lgx-contact-us .lgx-heading p{
    color: #FFFFFF!important;
    font-family: "Gotham Book", sans-serif;
    font-size: 2.5rem;
    line-height: 3rem;
}
#lgx-contact-us .lgx-inner{
    background: #0092b3;
}
.highlight-text-i i{
    margin: 0 5px!important;
}
#lgx-contact-us h2{
    color: #ffffff;
}

#lgx-contact-us .box-contact-us{
    text-align: center;
}

#lgx-contact-us .box-contact-us a {
    font-size: 3rem;
    min-height: 40px;
}

#lgx-contact-us .box-text-contact-us{ margin: 40px auto}
#lgx-contact-us .box-text-contact-us span{ margin-left: 10px}
#lgx-contact-us .box-contact-us a span{ margin-right: 10px}
#lgx-contact-us .box-text-contact-us h3{margin-bottom: 35px}
#lgx-contact-us .box-text-contact-us h3,
#lgx-contact-us .box-text-contact-us p{
    color: #FFFFFF!important;
    font-size: 3.5rem;
}

#lgx-contact-us .box-text-contact-us p{
    line-height: 3rem!important;
    margin-bottom: 35px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

#lgx-contact-us .box-text-contact-us p i{
    color: #b926bd;
    margin-right: 10px;
    font-size: 3rem;
    font-weight: 900;
}

/* Modal overlay */
.custom-modal {
    display: none; /* Hidden by default */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8); /* Semi-transparent background */
    z-index: 1000;
    justify-content: center;
    align-items: center;
}

/* Modal content */
.modal-content {
    position: relative;
    width: 100%;
    max-width: 360px; /* Max width for larger screens */
    aspect-ratio: 9 / 16; /* Portrait aspect ratio for Shorts */
    margin: 0 auto;
    background: #000; /* Black background for video */
    border-radius: 10px;
    overflow: hidden;
}

/* Iframe styling */
.youtube-iframe {
    width: 100%;
    height: 100%;
    border: none;
}

/* Close button */
.close-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    color: white;
    font-size: 24px;
    cursor: pointer;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
}

/* Responsive adjustments */
@media (max-width: 576px) {
    .modal-content {
        max-width: 90vw; /* Use viewport width for smaller screens */
    }
}

/* Optional: Button to trigger modal manually */
.open-modal-btn {
    padding: 10px 20px;
    font-size: 16px;
    cursor: pointer;
    margin: 20px;
}


/* ---------------------------------------------------------------------
    Extra small devices (phones, less UP TO 767px)
 ----------------------------------------------------------------------*/
@media (max-width: 767px) {
  /************** 767 GLOBAl USE***********/
    #lgx-about{ padding: 0  0!important;}
  /************** 767 GLOBAl USE END***********/
}
/*767 END*/
/* ----------------------------------------------------------------------
     Small devices (tablets, UP TO 991px~768px)
 -----------------------------------------------------------------------*/
@media (max-width: 991px) {
  /************** 991 GLOBAl USE***********/

  /************** 991 GLOBAl USE END ***********/
}
/* ---------------------------------------------------------------------
    Extra small devices (phones, less UP TO 767px)
 ----------------------------------------------------------------------*/
@media (max-width: 767px) {
  /************** 767 GLOBAl USE***********/

  /************** 767 GLOBAl USE END***********/
}
/*767 END*/
/* ----------------------------------------------------------------
      Custom, iPhone Retina  UP TO 480px
-------------------------------------------------------------------*/
@media (max-width: 480px) {
  /************** 480 GLOBAl USE***********/
    #lgx-parallax-banner h1{
        font-size: 2rem;
    }

    #lgx-parallax-banner h1 span{
        margin-top: -33px;
    }
}
/* ----------------------------------------------------------------------
     Small devices (tablets, UP TO 991px~768px)
 -----------------------------------------------------------------------*/
@media (max-width: 991px) {
  /************** 991 GLOBAl USE***********/
  /************** 991 GLOBAl USE END ***********/
}
/* ---------------------------------------------------------------------
    Extra small devices (phones, less UP TO 767px)
 ----------------------------------------------------------------------*/
@media (max-width: 767px) {
  /************** 767 GLOBAl USE***********/
  /************** 767 GLOBAl USE END***********/
}
/*767 END*/
/* ----------------------------------------------------------------
      Custom, iPhone Retina  UP TO 480px
-------------------------------------------------------------------*/
@media (max-width: 480px) {
  /************** 480 GLOBAl USE***********/
  /************** 480 GLOBAl USE***********/
}

/* ----------------------------------------------------------------------
     Small devices (tablets, UP TO 991px~768px)
 -----------------------------------------------------------------------*/
@media (max-width: 991px) {
  /************** 991 GLOBAl USE***********/
  /************** 991 GLOBAl USE END ***********/
}
/* ---------------------------------------------------------------------
    Extra small devices (phones, less UP TO 767px)
 ----------------------------------------------------------------------*/
@media (max-width: 767px) {
  /************** 767 GLOBAl USE***********/
  /************** 767 GLOBAl USE END***********/
}
/*767 END*/
/* ----------------------------------------------------------------
      Custom, iPhone Retina  UP TO 480px
-------------------------------------------------------------------*/
@media (max-width: 480px) {
  /************** 480 GLOBAl USE***********/
  /************** 480 GLOBAl USE***********/
}
@media (max-width: 1199px) {
  /************** 1199 GLOBAl USE***********/
}
@media (max-width: 1199px) {
  /************** 991 GLOBAl USE***********/
  /************** 991 GLOBAl USE END***********/
}
@media (max-width: 767px) {
  /************** 767 GLOBAl USE***********/
  /************** 767 GLOBAl USE END***********/
}
/*767 END*/
/* ----------------------------------------------------------------
      Custom, iPhone Retina  UP TO 480px
-------------------------------------------------------------------*/
@media (max-width: 480px) {
  /************** 480 GLOBAl USE***********/
  /************** 480 GLOBAl USE***********/
}
/* -----------------------------------------------------------------------
     Medium devices (desktops, UP TO 1199px~992px)
 ------------------------------------------------------------------------*/
@media (max-width: 1199px) {
  /************** 1199 GLOBAl USE***********/
  /************** 1199 GLOBAl USE END***********/
}
@media (max-width: 1199px) {
  /************** 1199 GLOBAl USE***********/
  /************** 1199 GLOBAl USE END***********/
}
@media (max-width: 767px) {
  /************** 767 GLOBAl USE***********/
  /************** 767 GLOBAl USE END***********/
}
/* ----------------------------------------------------------------
      Custom, iPhone Retina  UP TO 480px
-------------------------------------------------------------------*/
@media (max-width: 480px) {
  /************** 480 GLOBAl USE***********/
  /************** 480 GLOBAl USE***********/
}
@media only screen and (max-width: 1400px) {}
@media only screen and (max-width: 1200px) {}
@media only screen and (max-width: 991px) {}
@media screen and (max-width: 768px) {}
/*SINGLE NEWS*/
/********************************************************************/
/* 4. Global RESPONSIVE STYLES
*********************************************************************/
/* ---------------------------------------------------------------------------
    Customized by Riaz Sagar
 ---------------------------------------------------------------------------
    Min-Width: Refers to everything greater than or equal to the amount given.
    Max-Width: Refers to everything less than or equal to the amount given.
 ---------------------------------------------------------------------------/*

/* -----------------------------------------------------------------------
    Large devices (large desktops, 1200px and up)
 ------------------------------------------------------------------------*/
@media (min-width: 1200px) {
  /************** 1200 GLOBAl USE***********/
  /************** 1200 GLOBAl USE END***********/
}
/* -----------------------------------------------------------------------
     Medium devices (desktops, UP TO 1199px~992px)
 ------------------------------------------------------------------------*/
@media (max-width: 1199px) {
  /************** 1199 GLOBAl USE***********/
  /************** 1199 GLOBAl USE END***********/
}
/* ----------------------------------------------------------------------
     Small devices (tablets, UP TO 991px~768px)
 -----------------------------------------------------------------------*/
@media (max-width: 991px) {
  /************** 991 GLOBAl USE***********/
  /************** 991 GLOBAl USE END ***********/
}
/* ---------------------------------------------------------------------
    Extra small devices (phones, less UP TO 767px)
 ----------------------------------------------------------------------*/
@media (max-width: 767px) {
  /************** 767 GLOBAl USE***********/
  /************** 767 GLOBAl USE END***********/
}
/*767 END*/
/* ----------------------------------------------------------------
      Custom, iPhone Retina  UP TO 480px
-------------------------------------------------------------------*/
@media (max-width: 480px) {
  /************** 480 GLOBAl USE***********/
  /************** 480 GLOBAl USE***********/
}
/* ----------------------------------------------------------------
      Custom, iPhone Retina  UP TO 480px
-------------------------------------------------------------------*/
@media (max-width: 360px) {
  /************** 360 GLOBAl USE***********/
  /************** 360 GLOBAl USE***********/
}
/*-----------------------------------------------------------------------------
   EXAMPLE: We occasionally expand on these media queries to a narrower set of devices.
*-------------------------------------------------------------------------------*/
/********************************************************************/
/*  LGX STYLE END ***************************************************
*********************************************************************/