/* Add here all your CSS customizations */

/*
* Print                           36pt
* Desktop(lg)/Desktop/Tablet(lg)  48px
* Tablet(sm)/Phone                32px
*/

h1 {
    font-size: 2em;
    line-height: 1.25;
}


/*
* Print                           24pt
* Desktop(lg)/Desktop             36px
* Tablet(lg)                      32px
* Tablet(sm)/Phone                26px
*/
h2 {
    font-size: 1.625em;
    line-height: 1.154
}

/*
* Print                           18pt
* Desktop(lg)/Desktop             28px
* Tablet(lg)                      24px
* Tablet(sm)/Phone                22px
*/

h3 { 
    font-size: 1.375em;
    line-height: 1.136;
}

/*
* Print                           14pt
* Desktop(lg)/Desktop/Tablet(lg)/
* Tablet(sm)/Phone                18px
*/
h4 {
	font-size: 1.125em; /*18/16*/
	line-height: 1.1111;
}

h5 {
	font-size: 1em;
}

p {
	font-size: 1em;
    line-height: 1.25;
}


a {
	font-size: 16px;
}

h1.bold, h2.bold, h3.bold, h3.bold, h4.bold, p.bold {
    font-weight: bold;
    color: #2e353e;
}


/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1025px) {
    h2 {
        font-size: 1.75em;
        line-height: 1.25;

    }
    #header .header-nav-main nav > ul > li > a {
        font-size: 1.75em;
        line-height: 1.25;

    }
}

/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {
  
  h1{
        font-size: 2.5em;
        line-height: 1.125;
    }

    h2 {
        font-size: 2em;
        line-height: 1.25;
    }
    h3 {
        font-size: 1.5em;
        line-height: 1.25;
    }
    h4 {
        line-height: 1.2222;
    }
    p {
        line-height: 1.375;
    }
  
}


/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {

}

/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {
   
    .forcefullwidth_wrapper_tp_banner {
        margin-bottom:  -180px !important
    }
    
    .fa-5x {
        font-size: 3em;
    }
    .py-5 {
        padding-bottom: 1rem !important;
        padding-top: 1rem !important;
    }
    
    .tp-caption img {
        zoom: 2
    }
}



@media only screen and (min-width: 768px) {
   .forcefullwidth_wrapper_tp_banner {
        margin-bottom:  -200px !important
    }
}

/*
@media only screen and (max-width: 767px) {
    .forcefullwidth_wrapper_tp_banner {
        margin-bottom:  -300px !important
    }
}
*/

@media (min-width: 992px) {
    #header .header-nav.header-nav-line nav > ul:not(:hover) li > a.active {
        color: #008000;
    }
    #header .header-nav.header-nav-line nav > ul:not(:hover) li > a.active:before {
        background: #008000;
    }
}

@media (max-width: 991px) {
    #header .header-nav-main.header-nav-main-mobile-dark nav > ul > li > a.active {
        background: #008000;
    }
}

html .btn-outline.btn-primary {
    border-color: #008000;
    border-radius: 12px;
}

html .btn-outline.btn-primary:active , html .btn-outline.btn-primary:hover {
    border-color: #008000 !important;
    background: #008000 !important;
}

#header .header-btn-collapse-nav {
    background: #008000;
}