body {overflow-x: hidden; }

a, a:hover {
    color: #0066b3;
    outline:0px !important;
}

/******** HEADER ********/
#masthead  {
    background-color: white;
    -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.75);
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.75);
    border-top:4px solid #cc2b33;
}
/*.site-header .container {
    width: 90%;
}*/
.custom-logo-link img {
    float: left;
    max-height: 110px;
    max-width: 150px;
}
.main-navigation a {
    display: inline-block;
    text-decoration: none;
    color: #141414;
    letter-spacing: 1px;
    font-family: 'oswald';
    text-transform: uppercase;
    font-weight: 500;
    font-size: 15px;
}
.main-navigation a:hover, .main-navigation li.focus > a {
    color: #cc2b33;
}
.main-navigation li a::before {
    border-top: 1px solid #cc2b33;
}
.main-navigation li a::after {
    border-bottom: 1px solid #cc2b33;
}
.menu-item i._mi {
    color: #cc2b33;
}

/******** MAIN IMAGE ********/
.header-info {
    top: 40%;
}
.header-text {
    font-size: 24px;
    text-transform: inherit !important;
    letter-spacing: 0px;
    font-family: 'Source Sans Pro';
    font-weight: 600;
    line-height: 32px;
    text-shadow: 1px 1px 3px black;
}
.header-subtext {
    font-size: 32px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-family: 'Source Serif Pro';
    border-bottom: 1px solid rgba(255,255,255,0.5);
}
.header-image::after {
    background-color: rgba(37, 46, 53, 0.5);
}
/*.header-info .container {
    background-color: rgba(0, 0, 0, 0.6);
    padding: 35px 15px;
    border-radius: 10px;
}*/


/******** PAGE CONTENT ********/
.site-content {
    margin-top: 0px;
}
.home .hentry {
    padding-top: 0px;
}

/******** HOME PAGE ********/
.home .ht-main-header {
    display:none;
}
.scroll-down {
    position: relative;
    margin-top: 50px;
    animation: MoveUpDown 1s linear infinite;
}
@keyframes MoveUpDown {
  0% {
    bottom: 30px;
  }
  50% {
    bottom: 38px;
  }
  100% {
    bottom: 30px;
  }
}
.home-2 {
    border-left:3px solid white;
    border-right:3px solid white;
}
#color-overlay {
    position:relative;
}
#color-overlay:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+3,000000+33,000000+66,000000+100&amp;0.1+3,0.68+32,0.68+65,0.1+100 
background: -moz-linear-gradient(top, rgba(0,0,0,0.1) 3%, rgba(0,0,0,0.68) 32%, rgba(0,0,0,0.68) 33%, rgba(0,0,0,0.68) 65%, rgba(0,0,0,0.66) 66%, rgba(0,0,0,0.1) 100%); 
background: -webkit-linear-gradient(top, rgba(0,0,0,0.1) 3%,rgba(0,0,0,0.68) 32%,rgba(0,0,0,0.68) 33%,rgba(0,0,0,0.68) 65%,rgba(0,0,0,0.66) 66%,rgba(0,0,0,0.1) 100%); 
background: linear-gradient(to bottom, rgba(0,0,0,0.1) 3%,rgba(0,0,0,0.68) 32%,rgba(0,0,0,0.68) 33%,rgba(0,0,0,0.68) 65%,rgba(0,0,0,0.66) 66%,rgba(0,0,0,0.1) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a000000', endColorstr='#1a000000',GradientType=0 ); */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+3,000000+33,000000+66,000000+100&amp;0.1+3,0.48+32,0.48+65,0.1+100 
background: -moz-linear-gradient(top, rgba(0,0,0,0.1) 3%, rgba(0,0,0,0.48) 32%, rgba(0,0,0,0.48) 33%, rgba(0,0,0,0.48) 65%, rgba(0,0,0,0.47) 66%, rgba(0,0,0,0.1) 100%); 
background: -webkit-linear-gradient(top, rgba(0,0,0,0.1) 3%,rgba(0,0,0,0.48) 32%,rgba(0,0,0,0.48) 33%,rgba(0,0,0,0.48) 65%,rgba(0,0,0,0.47) 66%,rgba(0,0,0,0.1) 100%); 
background: linear-gradient(to bottom, rgba(0,0,0,0.1) 3%,rgba(0,0,0,0.48) 32%,rgba(0,0,0,0.48) 33%,rgba(0,0,0,0.48) 65%,rgba(0,0,0,0.47) 66%,rgba(0,0,0,0.1) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a000000', endColorstr='#1a000000',GradientType=0 ); */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+3,000000+33,000000+66,000000+100&amp;0.1+4,0.58+33,0.68+65,0.58+65,0.1+100 */
background: -moz-linear-gradient(top, rgba(0,0,0,0.1) 3%, rgba(0,0,0,0.1) 4%, rgba(0,0,0,0.58) 33%, rgba(0,0,0,0.58) 65%, rgba(0,0,0,0.57) 66%, rgba(0,0,0,0.1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0.1) 3%,rgba(0,0,0,0.1) 4%,rgba(0,0,0,0.58) 33%,rgba(0,0,0,0.58) 65%,rgba(0,0,0,0.57) 66%,rgba(0,0,0,0.1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0.1) 3%,rgba(0,0,0,0.1) 4%,rgba(0,0,0,0.58) 33%,rgba(0,0,0,0.58) 65%,rgba(0,0,0,0.57) 66%,rgba(0,0,0,0.1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a000000', endColorstr='#1a000000',GradientType=0 ); /* IE6-9 */
  }
.first-section h2 {
    position:relative;
    z-index:9;
    font-size: 38px;
    color: #FFF !important;
    font-weight: 400 !important;
    margin-bottom: 25px;
    line-height: 1.2;
    font-family: 'Oswald', sans-serif !important;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-shadow:1px 1px 6px black;
}
.first-section p {
    position:relative;
    z-index:9;
    font-family: 'Pontano Sans', sans-serif !important;
    font-weight: 600 !important;
    font-size: 19px !important;
    line-height: 1.4 !important;
    text-shadow:1px 1px 6px black;
}
.box-2 {
    border-left: 1px solid #e1e1e1;
}

/******** FOOTER ********/
.footer-info .container, .site-info .container {
    width: 95%;
}
.footer-wrapper {
    background-color: #202529;
    background-image: url('https://ksfairplan.com/wp-content/uploads/2018/01/wheat-field.jpg');
    background-size: cover;
    background-position: 100% 12%;
    border-top:4px solid #0066b3;
}
.footer-widgets, .site-footer, .footer-info {
    background-color: transparent;
}
.footer-widgets, .footer-info, .site-footer, .footer-widgets a, .footer-info a, .site-footer a {
    color: #bdc2c2;
}
.site-footer a:hover, .footer-info a:hover, .footer-widgets a:hover {
    color: #cc2b33;
}
.footer-contact-block .fa {
    color: #cc2b33;
}
.footer-contact-block span, .site-copyright, .footer-navigation {
    font-family: 'Oswald', sans-serif;
    font-size: 16px;
    font-weight:bold;
}
.site-footer {
    background-color: rgba(23, 26, 29, 0.5);
}
.site-copyright {
    padding-right: 0px !important;
    width: 100% !important;
    text-align: center !important;
}
.footer-navigation {
    display:none;
}


/********** RESPONSIVE MEDIA QUERIES **********/
@media only screen and (max-width: 1200px) {
    #masthead .col-md-4 {width: 20%;}
    #masthead .col-md-8 {width: 78%;}
}

@media only screen and (max-width: 1199px) {
    .home-2 {padding: 110px 35px 110px 35px !important;}
}

@media only screen and (max-width: 1050px) {
    .first-section h2 {font-size: 35px;}
    .first-section p {font-size: 17px !important; line-height: 1.2 !important;}
}

@media only screen and (max-width: 1040px) {
    .main-navigation a {letter-spacing: 0.5px; font-weight: 500; font-size: 14px;}
}

.btn-menu {color:black;}

@media only screen and (max-width: 1024px) and (min-width: 850px) {
.btn-menu {color:black;}
	.main-navigation,
	.header-clone,
	.large-header {
		display: block !important;
	}	
	.mobile-nav,
	.small-header {
		display: none !important;
	}
       .btn-menu {display:none;}
#mainnav-mobi {position: relative; background-color: transparent; top: 20px;}
#mainnav-mobi ul {float: right;}
#mainnav-mobi li {display: inline;}
.site-branding {margin-bottom: 0px;}
.header-clone {height:0px !important; display:none !important;}
}

@media only screen and (max-width: 991px) {
    .site-header .container {width: 98% !important;} 
}

@media only screen and (max-width: 780px) {
    .home-1, .home-3 {display:none;}
    .home-2 {padding: 50px 35px 60px 35px !important; border-left:0px; border-right:0px;  margin-top:-34px !important; margin-bottom:-30px !important;}
    .home-2 .so-widget-sow-editor {background: rgba(0, 0, 0, 0.55); padding: 2px 10px;}
    #color-overlay:before {display:none;}
    .box-2 {border-left: 0px;}
}

@media only screen and (max-width: 500px) {
    .mob-menu-logo-holder {text-align: left !important; padding-left: 15px !important;}
}

@media only screen and (max-width: 400px) {
    .home-2 {padding: 50px 20px 50px 20px !important;}
    .first-section h2 {font-size: 23px;}
    .first-section p {font-size: 16px !important;  line-height: 1.4 !important;}
}

@media only screen and (max-width: 300px) {
    .mob-menu-header-holder {height: 150px;}
    .mobmenur-container {position: relative !important; background-color: white !important; z-index: 999; width: 100%; height: 45px; padding-top: 5px; top: 5px !important; margin-right: 0px; border-top: 1px solid black;}
    .mob-menu-logo-holder {text-align: center !important; padding-left: 0px !important;}
    .home-2 {padding: 80px 20px 40px 20px !important;}
}