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


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

/*color*/
.color-white{ color:#fff!important; }
.color-black{ color:#000!important; }
.color-grey{ color:#333!important; }
.color-gold{ color:#a1771c!important; }

footer .color-gold { color:#5c440f!important; }
footer .small .color-gold { color:#dfb251!important; }

/*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:#333; }
.bg-color-light-grey{ background-color:#f1f1f1; }
.bg-color-gold{ background-color:#c39125; }

/*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-smaller{ border-radius:0.5rem; }
.border-radius-circle{ border-radius:50%; }
.border-bottom-grey { position:relative; border-bottom:1px solid #fff; }
.border-bottom-grey:after { content:""; position:absolute; bottom:0; left:0; width:100%; border-bottom:1px solid #c1c1c1; }

.boxshadow-grey{ box-shadow:0px 0px 10px 2px rgba(000,000,000,0.15); }

.text-underline{ text-decoration:underline; }

/***********************
HTML Tags Styles
***********************/
/* basic tags */
body{ background-color:#fff; font-family: 'Roboto', sans-serif;  font-weight:400; padding-top:105px; }
/*Text*/
h1{ font-size:2rem;  }
h2{ font-size:1.3rem; line-height:1.7rem; font-weight:700; }
h3{ font-size:1.15rem; line-height:1.2rem; font-weight:700; }
a{  }
a:hover{ text-decoration:none; }
p{ }
strong{  }

/*list*/
ul{  }

header {padding-top:60px;}


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

.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; }
.nav-link:hover{ color:#c39125; }

/*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:1px solid rgba(0,0,0,.1); }
.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{  }

/*section-hero*/
html, body, .section-hero, .section-hero .container{  }
.section-hero{  }
.section-hero h1{  }

/*for wordpress editor*/
.section-contentpage{ padding:0 0 3rem 0; background-color:#fff; }
.home .section-contentpage { padding:3rem 0; }
.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{  }
.section-contentpage .section-title { display:none; }
.home .section-contentpage .section-title { display:block; }
.home .section-documentlist { background-color:#f1f1f1; }

.section-documentlist thead tr { border:1px solid #333; }
.section-documentlist tbody tr { border:1px solid #ddd; }
.section-documentlist th p {  }
.section-documentlist th p span { font-weight:400; font-size:.9rem; font-style:italic; }
.section-documentlist td { vertical-align: middle; }

/*members list*/
.members-list .is-member:nth-child(0), .members-list .is-member:nth-child(1) { margin:0 30px; }

/*members list*/
#btn-backtop { position:fixed; overflow:hidden; display:block; width:0; height:0; bottom:20px; right:20px; opacity:0; transition:opacity 0.5s ease-in-out;}
#btn-backtop.show { transition:opacity 0.5s ease-in-out; width:20px; height:20px; opacity:1; cursor:pointer; z-index:10; color:#c39124; }

.page .content, .single .content { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;  }
.members .content, .documents .content { width: 100%; padding:0; margin:0; }

/* ========================================================
-MOBILE
==========================================================*/
/*less than 576px*/
@media (max-width: 576px) {
	.page .content, .single .content { max-width: 540px; }
	.members .content, .documents .content { max-width: initial; }
	body { padding-top:80px; }
	.navbar-brand img{ width:175px; height:35px; }
	.on-scroll .navbar-brand img { width:175px; height:35px; }
	h1{ font-size:1.8rem; }
	h2{ font-size:1.4rem; }
	h3{ font-size:1.2rem; }
}

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

/*less than 768px*/
@media (max-width: 768px){
	.page .content, .single .content { max-width: 720px; }
	.members .content, .documents .content { max-width: initial; }
	.navbar-nav{ margin-top:2rem; }
	.nav-link{ text-align: center; font-size:2rem; }
	h1{ font-size:1.5rem;  }
	h2{ font-size:1.3rem; line-height:1.7rem; }
}

/*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) {	
	.page .content, .single .content { max-width: 960px; }
	.members .content, .documents .content { max-width: initial; }
}

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

/*more than 1200px*/
@media (min-width: 1200px) {
	.page .content, .single .content { max-width: 1140px; }
	.members .content, .documents .content { max-width: initial; }
}