/**
 * Genesis Framework.
 *
 * Add your custom CSS here 
 *
 * @package Genesis\Templates
 * Author:      Cloud Mountain Marketing LLC
 * Author URI:  https://cloudmountainmarketing.com/
 * @license GPL-2.0+
 */

body{
	font-family: 'Source Sans Pro', sans-serif !important;
}
:focus {
    outline: none !important;
}
/* ## Headings
--------------------------------------------- */
h1,h2,h3,h4,h5,h6 {
	margin: 0 0 0.5em;
	font-weight: 700;
	line-height: 1.236;
}

h1 {
	font-size: 2.3em;
}

h2 {
	font-size: 2em;
}

h3 {
	font-size: 1.8em;
    color: #00A551;
	padding: 0px 20px 12px 0px;
}

h4 {
	font-size: 1.5em;
}

h5 {
	font-size: 1.3em;
}

h6 {
	font-size: 1.2em;
}
.align-center{
	text-align: center;
}
li.menu-item{
    cursor: pointer;
}
li.menu-item:hover{
	background: #0073B0;
}
.sub-menu{
	background-color: #0073B0 !important;
	border: none !important;
	background-image: -webkit-linear-gradient(top, #0073B0, #0073B0);
    background-image: -moz-linear-gradient(top, #0073B0, #0073B0);
    background-image: -ms-linear-gradient(top, #0073B0, #0073B0);
    background-image: -o-linear-gradient(top, #0073B0, #0073B0);
    background-image: linear-gradient(to bottom, #0073B0, #0073B0);
}
.sub-menu li:hover{
	background: #00A551 !important;
}
.site-header {
        display: none;
}
.site-inner{
	margin-top: -48px;
}
.hero-section{
    max-width: 1024px;
    margin: 6px auto;
    padding: 0 !important;
    z-index: -1;
    /* height: 201px; */
    background-attachment: scroll;
    background-position: center top !important;
    background-size: 100% !important;
    background-repeat: no-repeat;
}
 .hero-section:before{
    display: none !important;
    background: none !important;
}
.hero-section .wrap{
	width: 100% !important;
    max-width: 100% !important;
    text-align: left;
    bottom: 0;
    position: absolute !important;
}
.hero-section h1 {
    margin: 0 !important;
    background: rgba(0, 115, 176, 0.55);
    color: #ffffff;
    text-align: left !important;
    padding: 14px 20px 14px 20px !important;
    font-size: 34px;
    text-transform: uppercase;
    max-width: 100% !important;
    margin-top: -70px !important;
    position: relative;
    width: auto !important;
}
/* The sticky class is added to the header with JS when it reaches its scroll position */
.sticky {
    position: fixed !important;
    height: 100px !important;
    z-index: 100 !important;
    top:0 !important;
}

/* Add some top padding to the page content to prevent sudden quick movement (as the header gets a new position at the top of the page (position:fixed and top:0) */
.sticky + .content {
  padding-top: 102px;
}
.panoramic{
	background-image: url(panorama.jpg);
	background-size: auto 130px;
	background-repeat: repeat-x;
	height: 130px;
	background-position: 0px center;
}
.socialicon img{
	display: inline;
	margin-right: 10px;
	width: auto !important;
	height: 35px;
}
.widgetBody p{
	font-size: 15px !important;
	line-height: 17px;
    padding: 0px 30px 0px;
    margin: -1px 0 10px;
}
.widgetBody {
    width: 318px;
    height: 353px;
    margin-top: 24px;
    padding-bottom: 0px;
    overflow: hidden;
}
.widgetBody h1 {
    padding: 20px 30px 1px;
    font-size: 30px;
    line-height: 30px;
}
.widgetBody h3{
	color: #FFFFFF;
    font-family: usual, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
    padding-top: 5px;
}
.widgetBody h1, .widgetBody h2 {
    text-align: left;
    margin-bottom: 5px;
}
.widgetBody input[type="text"]{
	background: #C2C2C2 !important;
    color: #7db43b !important;
    font-size: 18px !important;
    padding: 2px 6px !important;
    margin: 0px 0 !important;
    width: 100% !important;
    border: 2px solid #ddd !important;
    line-height: 18px !important;
    font-weight: normal !important;
    border-radius: 0 !important;
    height: auto !important;
    margin-bottom: 5px !important;
}
.widgetBody.green{
    float: left !important;
}
.widgetBody.middle{
	margin-right: 0 !important;
    margin-left: 15px !important;
    float: left !important;
}
.widgetBody.blue:first-child{
	float: left !important;
    margin-right: 11px !important;
}
.widgetBody.blue{
	margin-right: 0 !important;
    margin-left: 0 !important;
    float: right;
    
}
input[type=button], input[type=submit], input[type=reset] {
    background-color: #C2C2C2 !important;
    border-radius: 16px !important;
    color: #fff !important;
    padding:0 !important;
    text-decoration: none !important;
    margin: -5px 0px !important;
    cursor: pointer !important;
    width: 40% !important;
    font-weight: bold !important;
    border: 2px solid #2d6436 !important;
}
.btn {
    background: #75bf80 !important;
    background-image: -webkit-linear-gradient(top, #75bf80, #00A551) !important;
    background-image: -moz-linear-gradient(top, #75bf80, #00A551) !important;
    background-image: -ms-linear-gradient(top, #75bf80, #00A551);
    background-image: -o-linear-gradient(top, #75bf80, #00A551);
    background-image: linear-gradient(to bottom, #75bf80, #00A551) !important;
    -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.26);
    -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.26);
    box-shadow: 0px 0px 10px rgba(0,0,0,0.26);
    color: #ffffff;
    font-size: 14px !important;
    border-color: #2d6436 !important;
    text-align: center;
    -webkit-border-radius: 28;
    -moz-border-radius: 28;
    border-radius: 28px;
    padding: 6px 20px 6px 20px !important;
    border: solid #2d6436 2px;
    text-decoration: none;
    margin: 0px 5px;
    display: inline-block;
}

.widgetBody form{
	padding: 25px !important;
    margin-top: -30px;
}
.widgetBody form label{
	font-size: 15px;
	height: 15px;
}
.widgetBody form hr{
	height: 0px; 
}
#slider {
    width: 100%;
    overflow: hidden;
	/* Height defined in custom.css */
}
.metaslider .caption-wrap {
    position: absolute;
    display: block;
    /* Other styles defined in custom.css */
}
.metaslider .caption-wrap h1{
	color:#fff;
	font-size: 45px;
    line-height: 45px;
    padding: 20px 20px 10px;
    padding-bottom: 0;
}
.metaslider .caption-wrap h2{
	font-size: 20px;
    line-height: 24px;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 20px;
    margin-top: -10px;
}
.widget_metaslider_widget{
    border: 1px solid #ccc;
}
.widgetBody .metaslider .caption-wrap{
	margin-left: 5px !important;
    background: none !important;
    position: initial;
    border: initial;
    height: 348px;
    margin-top: -356px;
    z-index: 100;
    width: 300px !important;
    padding: 14px;
    font-size: 18px;
}
.widgetBody .metaslider .caption-wrap h1 {
	font-size: initial;
    line-height: initial;
    padding: initial;
}
.widgetBody .metaslider .caption-wrap h2 {
	font-size: initial;
    line-height: initial;
    padding: initial;
}
.Box-White-Headline {
    color: #FFFFFF !important;
    font-family: usual, sans-serif;
    font-size: 28px !important;
    font-weight: 700;
    text-align: left !important;
    padding: 0px 0px 5px !important;
}
.Box-White-Headline a{
	color: #464646 !important;
}
.readmore{
	color: #0073B0;
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
}
.video1 iframe{
	height: 350px;
}
.page .content, .single .content, .error404 .content{
	margin: 0 !important;
    padding: 10px 0;
}
#footer p {
    margin: auto !important;
}
#footer h5 {
    font-size: 14px;
    margin: 0;
}
#topBtn {
    cursor: pointer;
    padding: 0 14px;
    border-radius: 10px;
    background-color: rgba(0,165,81,0.50) !important;
    color: white;
    font-size: 18px;
    background: rgba(0,165,81,0.50) !important;
}
#topBtn:hover {
    background-color: rgba(0,0,0,0.20) !important;
}
.sub-menu{
    left: 14px !important;
    width: 299px !important;
}
.sub-menu .sub-menu{
    left: 0 !important;
}
.site-footer{
    border: none !important;
}
@media (max-width: 600px) {
	.topnav{
		margin-top: -46px;
	    position: relative;
	}
    .topnav.responsive{
        margin-top: -70px !important;
    }
	.nivo-slice, .nivo-slice img, .nivoSlider{
		height: 74px !important;
	}
	#menu {
	    width: 116px !important;
	    border: 3px solid #ffffff;
	    background: #0073B0;
	    padding: 7px 3px !important;
	    top: -11px;
	    right: 19px;
	    text-align: center;
	    position: absolute !important;
	    font-size: 15px;
	}
	.topnav.responsive a{
		 top: 13px !important;
	}
    .metaslider .caption-wrap{
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    .metaslider .caption{
        padding: 0;
    }
}
@media (max-width: 700px) {
    .custom-logo {
        display: none;
    }
}
@media (min-width: 737px) {
    .home #content-wrapper {
        padding: 0;
    }

}
@media (min-width: 768px){
    .page .content, .single .content, .error404 .content {
        padding:30px;
    }
}
@media (min-width: 768px){
    .site-header{
        top: 172px !important;
        z-index: 1 !important;
        width: 1025px !important;
    }
}

/*
  THIS IS FOR TABLET AND MOBILE DEVICE
  SO THAT THE PAGE WILL BE RESPONSIVE
*/
@media (max-width: 895px) {
    #navbar{
        display: none;
    }
    .site-inner {
        margin-top: -44px;
    }
    .panoramic{
        height: 70px;
    }
    #slider{
        margin-top: 39px;
        margin-left: -1px;
        margin-right: auto;
        width: 101%;
    }
    .metaslider .slides img{
        width: auto !important;
    }
    .metaslider .caption-wrap{
        bottom: 14px !important;
    }
    .menulinks {
        min-height: 800px;
    }
    .menulinks .widget-area{
        margin-top: 40px;
    }
    .widgetBody {
        height: auto;
        width: 100% !important;
        float: none !important;
        margin: 0 auto !important;
        padding: 0;
    }
    .widgetBody.green{
        float: none !important;
        margin-top: -8px !important;
    }
    .widgetBody.middle{
        margin-left: auto !important;
    }
    #content-wrapper {
        background-size: 940px  !important;
    }
    .hero-section h1{
        font-size: 24px;
        background:rgb(0, 115, 176);
        width: 100% !important;
        margin-top: -57px !important;
    }
    #column-main {
        padding: 20px;
    }
    .video1 {
        clear: both;
        padding-top: 20px;
        margin: 0 auto;
    }
    .video1 p{
        padding:0;
    }
    .topnav.responsive {
        position: relative;
        z-index: 9;
        margin-top: -70px;
    }
    /*Content*/
    .entry-content h2{
        font-size: 24px;
        line-height: 21px;
    }
    .entry-content h2 a{
        font-weight: normal;
        color: #0073B0;
    }
    .entry-content p {
        line-height: 20px;
    }
    .sidebarWidget{
        margin: 10px 0;
        width: 100% !important;
    }
    .sidebar-primary{
        padding-bottom: 0 !important;
    }
    .footer-credits{
        padding: 0 !important;
    }
    .widgetFooter img{
        margin: 0 auto;
    }
} 
@media (min-width: 896px) {	
    .site-header {
        display: block;
    }
    #slider {
        margin-bottom: 0;
    }
	.site-inner{
		max-width: 1024px !important;
	    margin: 0 auto;
	    margin-top: -50px;
	}
	.content-sidebar-wrap, .wrap{
		width: 1024px !important;
		max-width: 1024px !important;
        z-index: initial !important;
	}
    .entry-content p {
        color: #4d5968;
        line-height: 21px;
        margin: 0 0 10px;
    }
    .page .content:before, .single .content:before, .error404 .content:before{
        box-shadow: none !important;
    }
	header .wrap{
		width: 100% !important;
		max-width: 100% !important;
	}
	.site-header > .wrap {
		height: 43px !important;
	}
	.site-header{
		background: #00A551 !important;
	    position: relative !important;
	    z-index: 1 !important;
	    padding: 0 !important;
        top:-44px !important;
        width:100% !important;
	}
	.site-header li a{
		text-decoration: none !important; 
    	color: #fff  !important;
    	font-size: 16px;
	}
	.site-header .title-area{
		display: none !important;
	}
	.menu-item {
       height: 44px !important;
        padding: 1em 2em !important;
        margin-top: 1px;
    }
    .menu-item-has-children{
        padding-right: 3.3em !important;
    }
	.sub-menu-toggle {
	    right: -14px !important;
        color: #fff !important;
        top: 0px !important;
        z-index: 100;
        position: relative !important;
        display: block !important;
        padding: 4px !important;
	}
    .sidebar{
        z-index: auto !important;
    }
    .sidebar a{
        color: #fff !important;
    }
    .sidebar .search-form{
        margin-left: 20px !important;
    }
	.sub-menu{
		border-radius: 0 12px !important;
	}
	.sub-menu:before {
	   display: none !important;
	}
    .sub-menu-toggle:before{
        border-top-color: #fff !important;
    }
    .sidebar-content .content, .content-sidebar .content {
        width: 64% !important;
        padding: 20px !important;
    }
    .sidebar-primary {
        width: 36% !important;
    }
}