@charset "UTF-8";
/*-------------------------------------------------------------------------------------------

           _______  _______  ______   _______  _                _______  _______
          (  ____ )(  ___  )(  ___ \ (  ___  )( \              (  ____ \(  ____ \
          | (    )|| (   ) || (   ) )| (   ) || (              | (    \/| (    \/
          | (____)|| |   | || (__/ / | |   | || |              | (_____ | (_____
          |  _____)| |   | ||  __ (  | |   | || |              (_____  )(_____  )
          | (      | |   | || (  \ \ | |   | || |                    ) |      ) |
          | )      | (___) || )___) )| (___) || (____/\        /\____) |/\____) |
          |/       (_______)|/ \___/ (_______)(_______/        \_______)\_______)


                                http://www.pobol.net/

-------------------------------------------------------------------------------------------*/
@media (max-width:991.98px){
    .pc{display:none !important;}
    .cm-y-scroll-m{overflow:hidden;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;}
    @-moz-document url-prefix(){
        .cm-y-scroll-m{overflow-y:scroll;}
    }
    .navbar .site-logo{}
    .site-logo img{max-height:36px;}
    .mobile-menu-button svg{width:30px;height:30px;}
    .navbar .mobile-menu-button{background-color:#ffffff;}
    .navbar{position:fixed;width:100%;height:100%;top:0;left:0;background-color:var(--pbl-theme-color-3);z-index:6;opacity:0;visibility:hidden;pointer-events:none;-webkit-transition:all 200ms linear 0s;-moz-transition:all 200ms linear 0s;-ms-transition:all 200ms linear 0s;-o-transition:all 200ms linear 0s;transition:all 200ms linear 0s;border-top:var(--header-height) solid var(--pbl-white-color);}
    .navbar.active{opacity:1;visibility:visible;pointer-events:all;}
    .navbar > ul{padding:20px 15px 40px;width:100%;display:flex;flex-direction:column;flex-wrap:nowrap;align-items:flex-start;gap:20px;}
    .navbar > ul > li{width:100%;}
    .navbar > ul > li > a{display:inline-block;width:100%;text-transform:uppercase;font-size:13px;}
    .navbar > ul > li:hover > a{}
    .navbar ul li ul{margin-top:20px;width:100%;display:flex;flex-direction:column;flex-wrap:nowrap;align-items:flex-start;gap:20px;padding-left:15px;border-left:1px solid var(--pbl-theme-color-1);}
    .navbar ul li:hover ul{}
    .navbar ul li ul li{}
    .navbar ul li ul li a{text-transform:uppercase;font-size:13px;}
    .banner-bottom-box{transform:translate(0%, -300px);-webkit-transform:translate(0%, -300px);-moz-transform:translate(0%, -300px);-o-transform:translate(0%, -300px);-ms-transform:translate(0%, -300px);padding-bottom:0;margin-bottom:-300px;}
    .banner-bottom-box-announcements{display:flex;flex-direction:column;align-items:flex-start;flex-wrap:nowrap;max-width:calc(100% - calc(var(--pbl-gutter) * 2));margin:0 auto;}
    .banner-bottom-box-congress-info{width:100%;padding:0 var(--pbl-gutter);max-width:calc(100% - calc(var(--pbl-gutter) * 2));margin:0 auto;margin-bottom:var(--pbl-gutter);}
    .banner-bottom-box-congress-info-texting-title{}
    .banner-bottom-box-congress-info-texting-title:before{width:calc(100% + calc(var(--pbl-gutter) * 2));left:calc(-1 * var(--pbl-gutter));}
    .banner-bottom-box-congress-info-nav:before{width:calc(100% + calc(var(--pbl-gutter) * 2));left:calc(-1 * var(--pbl-gutter));}
    .banner-bottom-box-congress-info-nav{display:flex;flex-direction:row;flex-wrap:wrap;}
    .banner-bottom-box-congress-info-nav a{width:auto;min-width:auto;}
    .banner-bottom-box-announcements-title{width:100%;position:unset;margin-bottom:var(--pbl-gutter);}
    .banner-bottom-box-announcements-carousel{width:100%;margin:0;}
    .announcements-banner{width:100%;height:auto;}
    .announcements-banner-content{width:100%;height:auto;}
    .announcements-banner-image{width:100%;height:auto;}
    .announcements-banner-image img{width:100%;}
    .announcements-banner-custom-caption{margin-top:var(--pbl-gutter);height:auto;}
    .announcements-banner-text{}
    .announcements-banner-text.active{padding-left:0;}
    .announcements-banner-text-link{width:100%;margin-top:var(--pbl-gutter);}
    .notification-box{display:flex;flex-direction:column;align-items:flex-start;flex-wrap:nowrap;}
    .send-notification{min-width:auto;width:100%;max-height:220px;max-width:calc(100% - calc(var(--pbl-gutter) * 2));margin:0 auto;}
    .notification-rules *{font-size:11px;line-height:normal;}
    .notification-rules-link{max-width:90%;}
    .notification-rules:before{display:none;}
    .congress-about{padding-left:var(--pbl-gutter);padding-right:var(--pbl-gutter);}
    .congress-about h2{max-width:90%;margin-left:calc(var(--pbl-gutter) * 3);height:50px;margin-top:var(--pbl-gutter);}
    .congress-program{padding-left:var(--pbl-gutter);padding-right:var(--pbl-gutter);}
    .congress-program-item{border:1px solid var(--pbl-black-color);border-right:none;}
    .home-sss-box{padding:0 var(--pbl-gutter);}
    .home-sss a{font-size:16px;padding:0 var(--pbl-gutter) 0 var(--pbl-gutter);}
    .footer-container{padding:calc(var(--pbl-gutter) * 3) var(--pbl-gutter);}
    .footer-container .footer-title{margin-top:calc(var(--pbl-gutter) * 3);}
    .footer-container [class*="col"]:first-child .footer-title{margin-top:0;}
    .footer-content ul li{margin:calc(var(--pbl-gutter) / 4) 0;}
    .footer-content ul li a{padding:calc(var(--pbl-gutter) / 3) 0;calc(var(--pbl-gutter) / 4);}
    .site-content .site-heading{width:calc(100% - 40px);max-width:100%;margin-left:40px;}
    .site-content{display:flex;flex-direction:column;}
    .site-content:has(.site-content-img) .site-content-text{width:100%;}
    .site-content-img{max-width:100%;}
}
@media (min-width:0px){
    :root{--responsive-max-width:100%;}
    .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container{width:100%;max-width:100%;}
}
@media (min-width:576px){
    .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container{max-width:var(--responsive-max-width);}
}
@media (min-width:768px){
}
@media (min-width:992px){
    :root{--responsive-max-width:960px;}
    .m{display:none !important;}
    .cm-y-scroll-pc{overflow:hidden;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;}
    @-moz-document url-prefix(){
        .cm-y-scroll-pc{overflow-y:scroll;}
    }
    .navbar{width:75%;padding:0 var(--pbl-gutter);display:flex;flex-wrap:nowrap;flex-direction:row;margin-left:auto;border-bottom:1px solid var(--pbl-gray-color);justify-content:flex-end;}
    .navbar > ul{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;}
    .navbar > ul > li{height:100%;display:flex;align-items:center;}
    .navbar > ul > li > a{font-size:12px;text-transform:uppercase;padding:2px 10px;font-weight:700;}
    .navbar > ul > li: hover > a{color:var(--pbl-theme-color-1);}
    .navbar > ul > li:not(: first-child) > a{border-left:1px solid var(--pbl-gray-color);}
    .navbar ul li ul{min-width:200px;position:absolute;top:100%;padding-left:15px;padding-top:40px;padding-bottom:20px;opacity:0;visibility:hidden;pointer-events:none;-webkit-transition:all 200ms linear 0s;-moz-transition:all 200ms linear 0s;-ms-transition:all 200ms linear 0s;-o-transition:all 200ms linear 0s;transition:all 200ms linear 0s;display:flex;flex-direction:column;flex-wrap:nowrap;align-items:flex-start;}
    .navbar ul li ul:before{content:"";display:block;position:absolute;width:1px;min-height:100px;height:calc(100% + 40px);background-color:var(--pbl-gray-color);top:-40px;left:0;max-height:125px;}
    .navbar ul li ul:after{content:"";position:absolute;width:100%;height:100%;left:0;top:1px;z-index:-1;opacity:0.96;background-color:var(--pbl-white-color);}
    html:not(.pbl-page-home) .navbar ul li ul:after{background-color:var(--pbl-theme-color-3);}
    .navbar ul li:hover ul{opacity:1;visibility:visible;pointer-events:all;}
    header.sticky.hidden .navbar ul li:hover ul{opacity:0;visibility:hidden;pointer-events:none;}
    .navbar ul li ul{box-shadow:0px 0px 10px rgb(0 0 0 / 10%);}
    .navbar ul li ul li a{font-size:12px;padding:5px 0;display:inline-block;text-transform:capitalize;}
    .navbar > ul > li > a{padding:2px 4px;font-size:11px;}
}
@media (min-width:1200px){
    :root{--responsive-max-width:1140px;}
    .navbar > ul > li > a{padding:2px 4px;font-size:10px;}
}
@media (min-width:1400px){
    :root{--responsive-max-width:80%;--bs-breakpoint-lg:70%;}
    .navbar > ul > li > a{padding:2px 4px;font-size:11px;}
}
@media (min-width:1320px){
    .navbar > ul > li > a{padding:2px 6px;font-size:11px;}
}
@media (min-width:1600px){
    .navbar > ul > li > a{font-size:12px;padding:2px 10px}
}
@media (min-width:1900px){
}