@font-face {
    font-family: 'MKPQC';
    src: url('../fonts/FF.Mark.Pro.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'MKPQC';
    src: url('../fonts/FF.Mark.Pro.Medium.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'MKPQC';
    src: url('../fonts/FF.Mark.Pro.Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'MKPQC';
    src: url('../fonts/FF.Mark.Pro.Heavy.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}




@font-face {
    font-family: 'HumaneQC';
    src: url('../fonts/Humane VF Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}


@font-face {
    font-family: 'HumaneQC';
    src: url('../fonts/Humane VF Medium.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}


@font-face {
    font-family: 'HumaneQC';
    src: url('../fonts/Humane VF Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}




*{
    font-family: 'MKPQC', sans-serif;
}


html {
    scroll-behavior: smooth;
    /*position: relative;*/ /* added to fix tippy positioning */
}




.body-login{
    padding: 0px 0px 0px 0px;
    /*background-image: url("/images/background_pattern.png");*/
    background-color: #2d487a !important;
    /*background-image: linear-gradient(to bottom, rgba(120, 152, 184, 0.4), rgba(120, 152, 184, 0)), url(../images/background_pattern.png);*/
    background-image: linear-gradient(to bottom, rgba(120, 152, 184, 0.4), rgba(120, 152, 184, 0));
    background-repeat: no-repeat, repeat;
    background-position: top left, top left;
    background-size: auto;
}


body{
    /*padding: 0px 0px 40px 0px;*/
    background-color: #f5f5f5 !important;
}








/* ======================================= */





/* X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) { 
    
    .header-text{ font-size: 24px; line-height: 26px; }
    .header-jumbotron{ min-height: 200px; }

}


/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) { 

    .header-text{ font-size: 30px; line-height: 32px; }
    .header-jumbotron{ min-height: 200px; }

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { 

    .header-text{ font-size: 34px; line-height: 34px; }
    .header-jumbotron{ min-height: 300px; }

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 

    .header-text{ font-size: 40px; line-height: 40px; }
    .featured-image{ max-width: 600px; }
    .header-jumbotron{ min-height: 400px; }
    
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 

    .header-text{ font-size: 40px; line-height: 40px; }
    .featured-image{ max-width: 700px; }
    .header-jumbotron{ min-height: 600px; }
    
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) { 


    .header-text{ font-size: 40px; line-height: 40px; }
    .featured-image{ max-width: 900px; }
    .header-jumbotron{ min-height: 600px; }
    
}





/* ======================================= */






.header-background-gradient{
    /*background: linear-gradient(#282828, #4a4a4a);*/
    /*background: linear-gradient(#004f4c, #d3e88d);*/
    background: linear-gradient(#5c8d5d, #abc153);
    abc153
}

.header-image-bottom-border{
    border-bottom: 1px solid #b0c55e;
}


.section-background-gradient{
    background: linear-gradient(#5c8d5d, #abc153);
}

.section-background-pattern{
    background-image: url(../images/pattern.png);
    background-repeat: repeat-x;
    background-position: right bottom;
}

.section-background-pattern-top{
    background-image: url(../images/pattern_top.png);
    background-repeat: repeat-x;
    background-position: right -120px;
}



.img-drop-shadow{
    filter: drop-shadow(0px 6px 3px rgba(0, 0, 0, 0.20));
}



.header-text{
    color: #b0c55e;
    font-weight: 900;
}

.header-text-white{
    color: #fff !important;
}

.header-section-text{
    color: #b0c55e;
    font-weight: 600;
    font-size: 24px;
}

.sub-header-text{
    color: #666666;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
}

.sub-header-darkback{
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
}





.footer-spacer{
    margin-bottom: 175px;
}

.footer-header{
    color: #b0c55e;    
    line-height: 32px;
}


.footer-link{
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;

    -webkit-transition: color .25s ease-out;
    -moz-transition: color .25s ease-out;
    -o-transition: color .25s ease-out;
    transition: color .25s ease-out;
}


.footer-link:hover{
    color: #b0c55e;
}


.footer-text{
    color: #fff;
    font-size: 14px;
    font-weight: 400;
}


.footer-llc{
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    background-color: #869942;
}

    


/* X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) { 
    
    .footer-header{ font-size: 24px; font-weight: 700; }

}


/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) { 

    .footer-header{ font-size: 26px; font-weight: 700; }

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { 

    .footer-header{ font-size: 30px; font-weight: 900; }

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 

    .footer-header{ font-size: 30px; font-weight: 900; }
    
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 

    .footer-header{ font-size: 30px; font-weight: 900; }
    
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) { 


    .footer-header{ font-size: 30px; font-weight: 900; }
    
}




/* ======================================= */





.rounded-box{
    padding: 0px;
    margin: 10px auto 10px auto;
    border-radius: 10px;
    -webkit-box-shadow: 0px 3px 5px 0px rgba(0,3,5,0.25);
    -moz-box-shadow: 0px 3px 5px 0px rgba(0,3,5,0.25);
    box-shadow: 0px 3px 5px 0px rgba(0,3,5,0.25);
    background-color: #fff;
}



.padding-box{
    padding: 25px;
    position: relative;
}


.padding-box-listing{
    padding: 30px 20px 30px 30px;
}


.box-text-description{
    color: #666;
    font-size: 14px;
    font-weight: 400;
}

.box-header{
    color: #666;
    font-size: 16px;
    font-weight: 600;
}

.box-sub-header{
    color: #666;
    font-size: 13px;
    font-weight: 400;
}






/* 
======================================= 
navbar
=======================================
*/



.navbar-highlighted-link{
    background-color: #b0c55e; 
    padding: 10px 10px 8px 10px; 
    color: #fff; 
    border-radius: 3px;
}


.navbar-toggler {
  border-color: #b0c55e !important;
}

.navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23b0c55e' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}


.navbar-custom{
    background-color: #5c8d5d !important; 
    border-bottom: none;
}


.navbar-custom .dropdown-menu{
    background-color: #3b3a3a !important;
    color: #fff !important;
}



.navbar-custom .navbar-nav .nav-link {
    color: #fff !important;
    text-decoration: none !important;
    font-family: 'HumaneQC', sans-serif !important;
    font-weight: 600 !important;
}

.navbar-custom .navbar-nav .nav-link:hover {
    color: #b0c55e;
}

.navbar-custom .navbar-brand {
    color: #fff;
    text-decoration: none;
}

.navbar-custom .navbar-brand:hover {
    color: #b0c55e;
}


.navbar-custom .navbar-nav > li > a {
    font-size: 14px !important;
    font-weight: 600 !important;
    text-decoration: none;
    color: #fff;
    margin-right: 10px;
    font-family: 'HumaneQC', sans-serif !important;
}

.navbar-custom .navbar-nav > li > a:hover {
    color: #b0c55e;
}




.navbar-custom .dropdown-menu .dropdown-item {
    color: #fff;
    text-decoration: none;
    font-size: 14px !important;
    font-weight: 400 !important;
    font-family: 'HumaneQC', sans-serif !important;
}

.navbar-custom .dropdown-menu .dropdown-item:hover {
    color: #b0c55e;
    background-color: transparent; /* Optional: Keep background same on hover */
}




/* ======================================= */






/* 400px and below */
@media (max-width: 400px) {

    .branding-image-container{ margin-bottom: 155px; }
    .branding-image-responsive{ bottom: -220px; left: 50%; transform: translateX(-50%); width: 750px;}
    .branding-margin-bottom{  margin-bottom: 95px; }

}


/* 401px to 575.98px */
@media (min-width: 401px) and (max-width: 575.98px) {

    .branding-image-container{ margin-bottom: 205px; }
    .branding-image-responsive{ bottom: -280px; left: 50%; transform: translateX(-50%); width: 750px;}
    .branding-margin-bottom{  margin-bottom: 125px; }
}


/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) { 

    .branding-image-container{ margin-bottom: 250px; }
    .branding-image-responsive{ bottom: -355px; left: 50%; transform: translateX(-50%); width: 750px;}
    .branding-margin-bottom{  margin-bottom: 175px; }

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { 

    .branding-image-container{ margin-bottom: 300px; }
    .branding-image-responsive{ bottom: -425px; left: 50%; transform: translateX(-50%); width: 750px;}
    .branding-margin-bottom{  margin-bottom: 175px; }

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 

    .branding-image-container{ margin-bottom: 300px; }
    .branding-image-responsive{ bottom: -425px; left: 50%; transform: translateX(-50%); width: 750px;}
    .branding-margin-bottom{  margin-bottom: 175px; }
    
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 

    .branding-image-container{ margin-bottom: 300px; }
    .branding-image-responsive{ bottom: -425px; left: 50%; transform: translateX(-50%); width: 750px;}
    .branding-margin-bottom{  margin-bottom: 175px; }
    
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) { 


    .branding-image-container{ margin-bottom: 300px; }
    .branding-image-responsive{ bottom: -425px; left: 50%; transform: translateX(-50%); width: 750px;}
    .branding-margin-bottom{  margin-bottom: 175px; }
    
}







/* ======================================= */



a.button-link{
    /*white-space:nowrap;*/
    color: #fff;
    background-color: #b0c55e;
    border: none;
    font-size: 16px;
    font-weight: 600;
    border-radius: 5px;
    padding: 15px 20px 15px 20px;
    text-decoration: none !important;
    display: inline-block;
    text-align: center;
    
    -webkit-transition: background-color .25s ease-out;
    -moz-transition: background-color .25s ease-out;
    -o-transition: background-color .25s ease-out;
    transition: background-color .25s ease-out;
}

a.button-link:hover {
    background-color: #578a5e;
    border: none;
    cursor: pointer;
}




a.contact-link{
    color: #b0c55e;    
    text-decoration: none !important;    
    -webkit-transition: color .25s ease-out;
    -moz-transition: color .25s ease-out;
    -o-transition: color .25s ease-out;
    transition: color .25s ease-out;
}

a.contact-link:hover {
    color: #578a5e;
    border: none;
    cursor: pointer;
}




/* X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) { 
    
    a.contact-link{ font-size: 16px; font-weight: 600; }

}


/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) { 

    a.contact-link{ font-size: 18px; font-weight: 600; }

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { 

    a.contact-link{ font-size: 20px; font-weight: 800; }

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 

    a.contact-link{ font-size: 20px; font-weight: 800; }
    
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 

    a.contact-link{ font-size: 20px; font-weight: 800; }
    
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) { 


    a.contact-link{ font-size: 20px; font-weight: 800; }
    
}





/* ======================================= */




h1{
    font-size: 32px;
    font-weight: 400;
    text-align: center;
    margin:60px auto 25px auto;
}





.ajax-output-msg{
    width:100%;
    margin:20px auto 10px auto;
    padding:15px;
    text-align:center;
    background-color:#2d487a;
    color:#fff;
    font-size: 14px;
    display:none;
}







/* 
======================================= 
scroll to top
=======================================
*/

.scrollToTop {
    width: 35px;
    height: 35px;
    padding: 0px;
    text-align: center;
    text-decoration: none;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none;
    background:url('../images/back_to_top.png') no-repeat 0px 0px;
}

.scrollToTop:hover {
    text-decoration: none;
}



/* 
======================================= 
spinner
=======================================
*/

.spinner {
   position: relative;
   left: 0px;
   top: 0px;
   height:30px;
   width:30px;
   margin:0px auto;
   -webkit-animation: rotation .6s infinite linear;
   -moz-animation: rotation .6s infinite linear;
   -o-animation: rotation .6s infinite linear;
   animation: rotation .6s infinite linear;
   border-left:2px solid rgba(45, 72, 122, .10);
   border-right:2px solid rgba(45, 72, 122, .10);
   border-bottom:2px solid rgba(45, 72, 122, .10);
   border-top:2px solid rgba(45, 72, 122, .8);
   border-radius:100%;
}

@-webkit-keyframes rotation {
   from {-webkit-transform: rotate(0deg);}
   to {-webkit-transform: rotate(359deg);}
}
@-moz-keyframes rotation {
   from {-moz-transform: rotate(0deg);}
   to {-moz-transform: rotate(359deg);}
}
@-o-keyframes rotation {
   from {-o-transform: rotate(0deg);}
   to {-o-transform: rotate(359deg);}
}
@keyframes rotation {
   from {transform: rotate(0deg);}
   to {transform: rotate(359deg);}
}