/* ========================================================
Author - FUSIO (https://fusio.net/)
==========================================================*/
/***********************
Imports
***********************/
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700');
@import url('https://fonts.googleapis.com/css2?family=Poiret+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&display=swap');


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

/*color*/
.color-white{ color:#fff!important; }
.color-black{ color:#000!important; }
.color-grey{ color:#e3e3e3; }
.color-light-grey{ color:#f9f9f9; }
.color-teal{ color:#006272; }
.color-green{ color:#748422; }

/*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:#e3e3e3; }
.bg-color-light-grey{ background-color:#f9f9f9; }
.bg-color-teal{ background-color:#006272; }
.bg-color-green{ background-color:#748422; }

/*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; }

/*border*/
.border-radius{ border-radius:2rem; }
.border-radius-small{ border-radius: 0.25rem; }
.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; } 
}

/* Pagination */
nav.pagination.navigation{ margin:0 auto; display: table; font-size: calc(12px + (18 - 12) * ((100vw - 300px) / (1600 - 300))); }
nav.pagination.navigation span{ background-color:#ddd; color: #75832a!important; padding:0.5rem; }
nav.pagination.navigation a{ background-color:#75832a; border:0; color:#fff; padding:0.5rem; font-family: 'foundersgrotesk_regular', sans-serif; opacity:1; text-decoration:none; }
nav.pagination.navigation a:hover{ background-color:#2f8190; border:0; color:#fff; }
nav.pagination.navigation .current{ color:#75832a!important; background-color:transparent!important; opacity:1; }



/* 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:80px; 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; }

.img-bg{ border-radius:0.25rem; overflow:hidden; width:100%; min-height:150px; background-size:cover; background-repeat:no-repeat; background-position:center center; }
.img-bg-small{ min-height:100px; }
.img-bg-medium{ min-height:200px; }
.img-bg-big{ min-height:400px; }
.img-bg-biggest{ min-height:500px; }

.btn, .tribe-common-c-btn{ background-color:#748422!important; color:#fff!important; border-radius:0.25rem!important; }


/***********************
HTML Tags Styles
***********************/
/* basic tags */
body:not(.wp-admin){ background-color:#fff; font-family: 'Roboto', sans-serif;  font-weight:400;padding-top:110px; }
/*Text*/
h1{ font-family: 'Effra', sans-serif; font-weight:300; }
h2{ font-family: 'Effra', sans-serif; font-weight:300; }
h3{ font-family: 'Effra', sans-serif; font-weight:300; }
a{  }
a:hover{ text-decoration:none; }
h2 a, h3 a{ text-decoration:none; }
h2 a:hover, h3 a:hover{ text-decoration:underline; color:#000; }
p{ }
strong{  }
#pagecontent iframe{ max-width:100%; }
#pagecontent .resources-box iframe{ max-width:100%; height:100%; }
#pagecontent img{ max-width:100%; height:auto; }

/*list*/
ul{  }


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

.form-search-events{ padding:1rem; border:10px solid #e4e4e4; }
.form-search-events input{ border:0!important; }

/***********************
TOP NAVIGATION
***********************/
.navbar{ border-bottom:0px solid #216271; -o-transition: all ease-in-out 0.1s; transition: all ease-in-out 0.1s; }
.navbar .animated{ animation-duration:0.5s; }
.navbar-brand{ padding:1rem 0; -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{ border-bottom:4px solid #216271; 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:1rem 0; }
.on-scroll .navbar-brand img{ width:150px; }

.nav-link{ font-family: 'Effra', sans-serif; font-weight:400!important; color:#006272; font-size: calc(18px + (20 - 18) * ((100vw - 400px) / (1800 - 400))); padding: 0.25rem 1rem!important; }

.top-nav ul li a{ font-family: 'Roboto', sans-serif;  font-weight:400!important; font-size: calc(12px + (14 - 12) * ((100vw - 400px) / (1800 - 400))); padding:0.15rem 0.5rem!important; }

.main-nav ul li:last-child a{ background-color:#748422; color:#fff; border-radius:0.25rem; }
.main-nav ul.dropdown-menu li:last-child a{ background-color:transparent; color:inherit; border-radius:0; }

/*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:40px; 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); }

.news-container { height:500px; overflow:hidden; }
.news-container.loading,.news-container.loaded { height:inherit; overflow:initial; }

.news-loading-wrap { position: absolute; width:100%; height:500px; background-color:#fff; z-index:10; display:flex; justify-content:center; align-items:center; opacity:1; transition:all 0.5s ease; }
.news-loading {
	display: block;
	width: 100px;
	height: 9px;
	background-image: url(../images/loading.gif)
}
.news-container.loading .news-loading-wrap { opacity:0; transform:all 0.3s ease;  }
.news-container.loaded .news-loading-wrap { opacity:0; transform:all 0.5s ease; display:none; }

.section-news-content img:not(.featured-img){ margin:1rem; }
.section-news-content a{ color:#000; }

/***********************
FOOTER
***********************/
#footer{  }
.footer-logo{  }
#footer h2{  }
#footer button{  }
#footer ul li a{  }
#footer .social a{  }
/***********************
CONTENT SECTIONS
***********************/
ul.pagination li a{  }
ul.pagination li:hover a, ul.pagination li.active a{  }

#pagecontent{ min-height:300px; }

/*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{  }


.tribe-event-categories{  }
.tribe-event-categories li{ display:table; border-radius:0.25rem; margin: 0!important; padding: 0!important; }
.tribe-event-categories li a{ display:table; text-transform:lowercase; font-weight:400!important; color:#fff; padding:0.15rem 0.25rem; font-size: calc(12px + (12 - 12) * ((100vw - 400px) / (1800 - 400))); }

.tribe-common-l-container.tribe-events-l-container{ padding-top: 0!important; }

.highlight-categories a{ text-decoration:none; display:inline-block; margin:0.25rem; border-radius:0.25rem!important; padding:0.25rem 1rem; font-size: calc(16px + (22 - 16) * ((100vw - 400px) / (1800 - 400))); }

.finished { opacity:0.3; }
.finished:hover { opacity:1; }
.finished .tribe-events-calendar-list__event-title { background-color:#818181 !important; border-color:#818181 !important; }

.finished img {
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
  filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */
}

/* Disable grayscale on hover */
.finished img:hover,  .finished:hover img{
  -webkit-filter: grayscale(0);
  filter: none;
}

.tribe-events-content .book-link {  
	margin-top: 20px;   
	font-family: 'Effra', sans-serif;
	font-weight: 400!important;
	font-size: calc(18px + (32 - 18) * ((100vw - 400px) / (1800 - 400)));
	padding: 0.25rem 1rem!important; 
	background-color: #748422;
	color: #fff;
	border-radius: 0.25rem;
	border-color:#748422;
	transition:all 0.5s ease;
}
.tribe-events-content .book-link:hover {  
	background-color: #006272;
	color: #fff;
	border-color:#006272;
	transition:all 0.5s ease;
}
.tribe-event-categories { display:flex; }
.tribe-event-categories li { margin-right:15px !important; }

.education-portal-side-events .tribe-events-widget .tribe-events-widget-events-list__view-more{ color:#000!important; }

.education-portal-side-events .tribe-events-widget .tribe-events-widget-events-list__view-more-link, 
.education-portal-side-events .tribe-events-widget .tribe-events-widget-events-list__view-more-link:active, 
.education-portal-side-events .tribe-events-widget .tribe-events-widget-events-list__view-more-link:focus, 
.education-portal-side-events .tribe-events-widget .tribe-events-widget-events-list__view-more-link:hover,
.education-portal-side-events .tribe-events-widget .tribe-events-widget-events-list__view-more-link:visited{ display:none!important; width:100%; text-align:center; color:#fff!important; background-color:#420d40!important; border-radius:0.25rem!important; padding:0.25rem 0.5rem!important; }

.gallery-columns-3 { display:flex; margin:0 -1rem;}
.gallery-columns-2 .gallery-item { flex:0 0 auto; width:50%; padding:1rem;}
.gallery-columns-3 .gallery-item { flex:0 0 auto; width:33%; padding:1rem; }
.gallery-columns-4 .gallery-item { flex:0 0 auto; width:25%; padding:1rem; }

@media (max-width: 768px){
	.gallery-columns-2,.gallery-columns-3,.gallery-columns-4 {flex-direction:column; }
	.gallery-columns-2 .gallery-item { flex:0 0 auto; width:100%; padding:1rem;}
	.gallery-columns-3 .gallery-item { flex:0 0 auto; width:100%; padding:1rem; }
	.gallery-columns-4 .gallery-item { flex:0 0 auto; width:100%; padding:1rem; }
}
/* ========================================================
-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){
	body.home:not(.wp-admin){ padding-top: 70px; }
	.tribe-common-l-container.tribe-events-l-container{ padding: 0; }
}

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

/*less than 992px*/
@media (max-width: 992px) {
	nav.navbar{ align-items: start; }
	.navbar-nav .nav-link{ text-align:center; font-size:1.2rem; }
	.top-nav ul.navbar-nav li a{ text-align:center; font-size:1rem; }
	.top-nav{ margin-top:1rem; }
}

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

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

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

}