/* ========================================================
Author - FUSIO (https://fusio.net/)
==========================================================*/
/***********************
Imports
***********************/
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700');

/***********************
Reusable Styles
***********************/

/*color*/
.color-white{ color:#fff; }
.color-black{ color:#000; }
.color-grey, .has-grey-color{ color:#333232; }
.color-blue, .has-blue-color{ color:#1B75BB; }
.color-orange, .has-orange-color{ color:#F05A28; }

/*background color*/
.bg-color-white{ background-color:#fff; }
.bg-color-transparent-white{ background-color:rgba(255,255,255,0.5); }
.bg-color-black{ background-color:#000; }
.bg-color-transparent-black{ background-color:rgba(000,000,000,0.5); }
.bg-color-grey{ background-color:#333232; }
.bg-color-blue{ background-color:#1B75BB; }
.bg-color-orange{ background-color:#F05A28; }

/*fonts*/
.font-weight-light{ font-weight:300; }
.font-weight-regular{ font-weight:300; }
.font-weight-bold{ font-weight:700; }

/*text-shadow*/
.text-shadow-none{ text-shadow:0px 0px #000; }
.text-shadow-black{ text-shadow:2px 2px #000; }

/*image*/
.bg-img{ background-size:cover; background-repeat:no-repeat; background-position:center center; }
.section-highlight .wp-block-image{ margin-bottom: 0; display: flex; justify-content: center; align-items: center; overflow: hidden; }
.section-highlight .wp-block-image img{ min-width: 100%; min-height: 100%; object-fit: cover; height: 400px; }

/*border*/
.border-radius{ border-radius:2rem; }
.border-radius-small{ border-radius:1.2rem; }
.border-radius-circle{ border-radius:50%; }

/* Pagination */
ul.pagination { padding: 1rem 0; }
ul.pagination li.page-item { font-size: .875rem; margin: .125rem; }
ul.pagination li.page-item:before { background: 0 0; content: ""; display: none !important; }
ul.pagination li.page-item a.page-link { background-color: #ddd; border: 1px solid #ddd; color: #1C3154; text-decoration: none; }
ul.pagination li.page-item a.page-link:focus, 
ul.pagination li.page-item a.page-link:hover { background-color: #562583; border-color: #562583; color: #fff; text-decoration: none; }
ul.pagination li.page-item.disabled a.page-link,
ul.pagination li.page-item span.page-link,
ul.pagination li.page-item span.page-link:focus, 
ul.pagination li.page-item span.page-link:hover { background-color: #fff; color: #888; cursor: default; white-space: nowrap }
ul.pagination li.page-item.active span,
ul.pagination li.page-item.active span:focus, 
ul.pagination li.page-item.active span:hover { background-color: #00777C; border: 1px solid #00777C; color: #fff; font-weight: 500; }
ul.pagination li.page-item a, 
ul.pagination li.page-item span { border-radius: 0 !important; }
@media (min-width:768px) { 
	ul.pagination li.page-item { font-size: 1rem; margin: .1875rem; } 
}


/* Skip to content */
.skipcontent:focus { background: #00777C; border-radius: 0 0 12px 0; border: none; color: #fff; font-weight: 500; left: auto; outline: none; padding: .5rem .75rem; position: absolute; right: auto; top: 0; z-index: 100; }


/* Back to top */
#backtotop.show { opacity: 1; visibility: visible; }
#backtotop { background-color:#fff; border: 1px solid #fff; padding: 0 0.5rem; bottom: 20px; cursor:pointer; color:#000; font-size:2rem; position: fixed; right:10px; text-align: center; transition: background-color .3s, opacity .5s, visibility .5s; opacity: 0; visibility: hidden; z-index: 1000; }
#backtotop:hover { background-color: #e3e3e3; text-decoration: none; }



.section-highlight .container-fluid{ padding:0; }
.section-highlight .wp-block-columns{ gap:0; }


/***********************
HTML Tags Styles
***********************/
/* basic tags */
body{ background-color:#fff; font-family: 'Source Sans Pro', sans-serif;  font-weight:400; }
/*Text*/
h1{  }
h2{ font-size: calc(26px + (48 - 26) * ((100vw - 400px) / (1800 - 400))); margin-bottom:2rem; }
h3{  }
a{  }
a:hover{ text-decoration:none; }
p, li{ font-size: calc(16px + (22 - 16) * ((100vw - 400px) / (1800 - 400))); }
strong{  }

/*list*/
ul{  }


/***********************
Form
***********************/
input{  }


/***********************
TOP NAVIGATION
***********************/
.navbar{  }
.navbar .animated{ animation-duration:0.5s; }
.navbar-brand{ -o-transition: all ease-in-out 0.5s; transition: all ease-in-out 0.5s; }
.navbar-brand img{ width:200px; -o-transition: all ease-in-out 0.5s; transition: all ease-in-out 0.5s; }
/*on-scroll*/
.navbar.on-scroll{ box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1), 0 0px 0px 0 rgba(0, 0, 0, 0.1); }
.on-scroll .navbar-brand{ padding:0.4rem 0; }
.on-scroll .navbar-brand img{ width:150px; }

.main-nav ul li a{ -webkit-transition: all linear 0.25s; -moz-transition: all linear 0.25s; -o-transition: all linear 0.25s; transition: all linear 0.25s; }
.nav-link{ color:#fff; }

.top-nav a:hover{ color:#fff; }
.top-nav a.btn-join:hover{ color:#F05A28; background-color:#fff; }


/*dropdown*/
.dropdown-menu{  }
.navbar-nav .dropdown-menu a.dropdown-item{  }
.navbar-nav .dropdown-menu a.dropdown-item:hover{  }

/*mobile navigation toggler*/
.navbar-toggler:focus, .navbar-toggler:active{ outline: 0; }
.icon-bar{ width:30px; height:6px; display: block; -o-transition: all ease-in-out 0.2s; transition: all ease-in-out 0.2s; margin-top:7px; } 
.icon-bar.top-bar{ margin-top:0px; } 
.navbar-toggler{ border: none; }
.navbar-toggler .top-bar{ transform:translate(2px,13px) rotate(45deg); }
.navbar-toggler .middle-bar{ opacity: 0; }
.navbar-toggler .bottom-bar{ transform:translate(2px,-13px) rotate(-45deg); }
.navbar-toggler.collapsed .top-bar{ transform: rotate(0); }
.navbar-toggler.collapsed .middle-bar{ opacity: 1; }
.navbar-toggler.collapsed .bottom-bar{ transform: rotate(0); }


/***********************
FOOTER
***********************/
#footer{ color:#fff; }
.footer-logo{  }
#footer h2{  }
#footer button{  }
#footer p{ font-size:16px; color:#fff; }
#footer a{ font-size:16px; color:#fff; text-decoration:none; }
#footer .social a{  }
#footer .copyright-fusio, #footer .copyright-fusio a{ font-size:14px; }
/***********************
CONTENT SECTIONS
***********************/
ul.pagination li a{  }
ul.pagination li:hover a, ul.pagination li.active a{  }

#pagecontent{ min-height:300px; }

.container{ max-width:1140px; padding-right: 1.5rem!important; padding-left: 1.5rem!important; }

/*section-hero*/
html, body, .section-hero, .section-hero .container{ height:100%; }
.section-hero{  }
.section-hero h1{  }

/*for wordpress editor*/
.section-contentpage{  }
.section-contentpage h2{  }
.section-contentpage h3{  }
.section-contentpage p{  }
.section-contentpage a{  }
.section-contentpage a:hover{ text-decoration:none; }
.section-contentpage strong{  }
.section-contentpage ul{  }

/* ========================================================
-MOBILE
==========================================================*/
/*less than 576px*/
@media (max-width: 576px) {
	
}

/*between 576px and 768px*/
@media (min-width: 576px) and (max-width: 768px) {
	
}

/*less than 768px*/
@media (max-width: 768px){
	
	.section-highlight .wp-block-image img{ height:250px; }
}

/*between 768px and 992px*/
@media (min-width: 768px) and (max-width: 992px) {
	
}

/*less than 992px*/
@media (max-width: 992px) {
	body:not(.wp-admin){ padding-top:104px; }
	.navbar-brand img{ width:150px; }
	.section-highlight{ margin:0!important; padding:0!important; }
}

/*more than 992px*/
@media (min-width: 992px) {	
	body:not(.wp-admin){ padding-top:122px; }
	.top-nav{ width:100%; }
}

/*between 992px and 1200px*/
@media (min-width: 992px) and (max-width: 1200px) {
	
}

/*more than 1200px*/
@media (min-width: 1200px) {

}