/* ========================================================
Author - FUSIO (https://fusio.net/)
==========================================================*/
/***********************
Imports
***********************/

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

/*color*/
.color-white{ color:#fff; }
.color-black{ color:#000; }
.color-grey{ color:#e3e3e3; }
.color-green{ color:#497c59; }
.color-cream{ color:#fbfcea; }

/*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-green{ background-color:#497c59; }
.bg-color-cream{ background-color:#fbfcea; }

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


@media only screen and (min-width: 1024px){
	.is-root-container{ margin-left:50px!important; margin-right:50px!important; }
}


/***********************
HTML Tags Styles
***********************/
/* basic tags */
body{ background-color:#fff; font-family: 'Lato', sans-serif;  font-weight:100; }
/*Text*/
h1{  }
h2{  }
h3{  }
a{  }
a:hover{ text-decoration:none; }
p{  }
strong{  }

/*list*/
ul{  }


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


/***********************
TOP NAVIGATION
***********************/
.navbar *{ -webkit-transition: all linear 0.25s; -moz-transition: all linear 0.25s; -o-transition: all linear 0.25s; transition: all linear 0.25s; }
.navbar{ border-top:8px solid #497c59; -webkit-transition: all linear 0.25s; -moz-transition: all linear 0.25s; -o-transition: all linear 0.25s; transition: all linear 0.25s; }
.navbar .animated{ animation-duration:0.5s; }
.navbar-brand{ padding-top:0; padding-bottom:0; -o-transition: all ease-in-out 0.5s; transition: all ease-in-out 0.5s; }
.navbar-brand img{ width:350px; -o-transition: all ease-in-out 0.5s; transition: all ease-in-out 0.5s; }
/*on-scroll*/
.navbar.on-scroll{ border-top:4px solid #497c59; background-color:#fbfcea; 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; }
.on-scroll .navbar-brand img{ width:300px; }

.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{ font-size:20px; color:#fff!important; font-weight:600; padding:1rem!important; text-shadow:2px 2px #000; }
.nav-link:hover, .nav-link.active{ text-decoration:underline; }
.navbar.on-scroll .nav-link{ font-size:18px; color:#414141!important; text-shadow:none!important; }

/*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); }
.navbar.on-scroll .icon-bar{ background-color:#497c59; }

/***********************
FOOTER
***********************/
#footer{  }
.footer-logo{ max-width:250px; }
#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:100vh; }
.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){
	
}

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

/*less than 992px*/
@media (max-width: 992px) {
	.navbar-brand img{ width:250px!important; }
	
}

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

}