/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Feb 12 2026 | 18:15:14 */
/*-------------------------- S C R E E N S ----------------------------*/
@media screen and (min-width:1450px) and (max-width:1550px){body{zoom:0.95 !important;}}
@media screen and (min-width:1350px) and (max-width:1450px){body{zoom:0.9 !important;}}
@media screen and (min-width:1150px) and (max-width:1350px){body{zoom:0.85 !important;}}

/*------------------------------------------ C O M P U T E R S --------------------------------------------*/
@media screen and (min-width: 1250px) {
.mobile-menu-btn{display: none;}
.nav-up .header-middle-bar {
    background: #ffffff99;
    backdrop-filter: blur(10px);
}
	
	
}/*------ C O M P U T E R S  +  T A B L E T S -------*/
@media screen and (min-width: 767px) {
  
}/*------------------------------------------ A L L  T A B L E T S --------------------------------------------*/
@media screen and (min-width: 767px) and (max-width: 1250px) {
 
	
	
}/*--- T A B L E T S - B I G ------*/
@media screen and (min-width: 1000px) and (max-width: 1250px){ 
  
}/*--- T A B L E T S - M E D I U M ---*/
@media screen and (min-width: 850px) and (max-width: 1000px) {
  
}/*--- T A B L E T S - S M A L L ---*/
@media screen and (min-width: 767px) and (max-width: 850px) {
  
}/*------------------------- T A B L E T S + M O B I L E ---------------------------*/
@media screen and (max-width: 1250px) {

.page-is-open {
	overflow: hidden;
}
header#masthead {
    padding: 7px;
}
.header-middle-bar {
    display: block;
    padding: 10px 15px;
}
.nav-up .header-middle-bar, .page-is-open .header-middle-bar {
    background: #F9FCFB;
    box-shadow: 0 3px 5px 0 #00000007;
}
.header-third.header-middle-third.header-middle-right {
    width: 100%;
}
.header-middle-bar .box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.header-middle-bar .site-logo a img {
    height: 35px;
}
.header-middle-left {
    position: fixed;
    top: 60px;
    left: 0;
    width: 100%;
    min-height: calc(80vh - 100px);
    background: #F9FCFB;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0 3px 5px 0 #00000007;
    transition: all 0.2s ease-in-out;
    opacity: 0;
    transform: translateY(30px);
    visibility: hidden;
}
.page-is-open .header-middle-left {
    opacity: 1;
    transform: translateY(0px);
    visibility: visible;
}
.header-middle-bar ul {
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 30px;
	gap: 0;
}
.header-middle-bar ul li {
    width: 100%;
}
.header-middle-bar ul a {
    padding: 15px;
    text-align: center;
}
.header-middle-bar ul li.join-btn a {
    width: fit-content;
    margin: 20px auto 0;
    background: #e3ccfb;
	font-size: 14px;
}
.mobile-menu-btn{display:inline-block;height:30px;margin-bottom:5px;}
.mobile-menu-btn .line{display:inline-block;position:relative;width:25px;height:2px;background-color:#221530;transition-property:background-color, transform;transition-duration:300ms;}
.mobile-menu-btn .line:before,.mobile-menu-btn .line:after{content:'';display:block;width:25px;height:2px;position:absolute;background:#221530;transition-property:margin, transform;transition-duration:300ms;}
.mobile-menu-btn .line:before{margin-top:-7px;}
.mobile-menu-btn .line:after{margin-top:7px;}
.mobile-menu-btn.open .line{background:rgba(0, 0, 0, 0);}
.mobile-menu-btn.open .line:before{margin-top:0;transform:rotate(45deg);}
.mobile-menu-btn.open .line:after{margin-top:0;transform:rotate(-45deg);}
footer#colophon {
    padding: 50px 10px;
    background-image: url(/wp-content/uploads/2026/01/footer_background_mobile.png);
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
}
.footer-middle {
    flex-wrap: wrap;
    padding: 35px 20px;
    gap: 20px;
}
.footer-middle .footer-quarter.footer-middle-first p {
    font-size: 13px;
    line-height: 1.25;
}
.footer-middle .footer-quarter.footer-middle-first {
    width: 100%;
}
.footer-middle .footer-quarter.footer-middle-second {
    width: 100%;
    margin: 10px 0 10px;
}
.footer-middle .footer-quarter.footer-middle-first img {
    height: 35px;
    margin: 0 0 -5px;
}
.footer-middle .footer-quarter {
    width: calc(50% - 20px);
}
.footer-middle ul a {
    padding: 3px 0;
}
.footer-bottom {
    flex-wrap: wrap;
    flex-direction: column-reverse;
    padding: 0 20px 20px;
    gap: 20px;
}
.footer-middle .widget-title {
    margin: 0 0 7px;
    font-size: 17px;
    line-height: 1;
}
.footer-left-third .draw-box img {
    height: 100px;
}
.footer-left-third .draw-box p {
    font-size: 16px;
}
.footer-bottom .box {
    flex-wrap: wrap;
	justify-content: center;
    gap: 2px;
    text-align: center;
    font-size: 12px;
}	

	
	
	
  
}/*------------------------------------------ M O B I L E --------------------------------------------*/
@media screen and (max-width: 767px) {

	

.home-facts .col-1 {order: 1;}
.home-facts .col-2 {order: 2;}	
.home-facts .col-3 {order: 3;}	
	
	
	
	
	
	
  
}/*-----S M A L L  M O B I L E -----*/
@media screen and (max-width: 350px) {
  
}