/* ========================================================
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{ color:#e3e3e3; }

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

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

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


.site-main{  }

/***********************
HTML Tags Styles
***********************/
/* basic tags */
body{ background-color:#fff; font-family: 'futura-pt', sans-serif;  font-weight:400; font-style: normal; }
/*Text*/
h1{ font-family: 'futura-pt', sans-serif;  font-weight:300; }
h2{ font-family: 'futura-pt', sans-serif;  font-weight:300; }
h3{ font-family: 'futura-pt', sans-serif;  font-weight:300; }
a{  }
a:hover{ text-decoration:none; }
p, ul, li, .uagb-icon-list__label{ font-family: 'Roboto', sans-serif; }
p.uagb-desc-text{ font-family: 'futura-pt', sans-serif;  font-weight:300; }
strong{  }

/*list*/
ul{  }


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


/***********************
TOP NAVIGATION
***********************/
.navbar{ background-color: #fff; }
.navbar .container{  }
#menu-main-navigation{  }
.navbar .animated{ animation-duration:0.5s; }
.navbar-brand{ background-color:#fff; border-radius:0 0 20px 20px; -o-transition: all ease-in-out 0.5s; transition: all ease-in-out 0.5s; padding:0.5rem; display: flex; align-items: center; }
.navbar-brand img{ width:100px; -o-transition: all ease-in-out 0.5s; transition: all ease-in-out 0.5s; }
.navbar-brand span{ font-size: 28px; font-family: 'futura-pt', sans-serif;  font-weight:300; color: #0c2551; line-height: 1.1; margin-left: 10px; }
/*on-scroll*/
.navbar.on-scroll{ background-color:;  }
.on-scroll .navbar-brand{ padding:0.4rem 0; }
.on-scroll .navbar-brand img{ width:80px; }

.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-family: 'futura-pt', sans-serif;  font-weight:300; font-size:18px; color:#022452; padding: 0.5rem 1rem !important; }
#menu-main-navigation li:last-child{ background-color: #f8c02d; }

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


/***********************
FOOTER
***********************/
#footer{ border-top: 4px solid #0c2551; }
.footer-brand img{ width:150px; }
#footer h2{  }
#footer button{  }
#footer a{ color:#000; }
#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{  }

.svi-logo{ width:150px!important; }

/* ========================================================
-MOBILE
==========================================================*/
/*less than 576px*/
@media (max-width: 576px) {
	.svi-logo{ width:50px!important; }
	.navbar-brand span{ font-size: 16px; }
}

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

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

/*between 992px and 1200px*/
@media (min-width: 992px) and (max-width: 1200px) {
	.svi-logo{ width:100px!important; }
}

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

}