@charset "utf-8";
/*   
Theme Name: Natural Distributing
Theme URI: https://hainescreative.com
Description: This is a Haines Creative Theme for ND
Author: Guy Haines
Author URI: https://hainescreative.com
Version: 1
*/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	font-family: 'Roboto';

}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
strong, b {font-weight: bold;}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a {text-decoration: none; color: #4a7098;}
a:hover {text-decoration: none;}
.clear {clear: both !important;}

em {font-style: italic;}

body {
	font-size: 18px;
	color: #000; 
	background: #fff;
	position: relative;
}

.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999999;
	background: url(images/load.gif) center no-repeat #fff;
	background-size: 100px;
}


h1 {
	font: normal 48px 'Roboto Condensed', 'Roboto', sans-serif; 
	color:#000; 
	margin: 0 0 15px 0;
	text-transform: uppercase;
}
h2 {
	font: normal 48px 'Roboto Condensed', 'Roboto', sans-serif; 
	color:#000; 
	margin: 0 0 15px 0;
	text-transform: uppercase;
}
h3 {
	font: bold 28px 'Roboto', sans-serif; 
	color:#000; 
	margin: 0 0 15px 0;
}
h4 {
	color: #000;
	font: 600 24px 'Roboto', sans-serif;
}
h5 {
	font: 300 21px 'Roboto', sans-serif; 
	color: #000; 
	margin-bottom: 10px;
}

h6 {
	font: 18px 'Roboto', sans-serif; 
	color: #000; 
	text-transform: uppercase;
}
@media all and (min-width: 1200px) {
	.container {width: 100%; max-width: 1600px; padding: 0 30px;}
}


.fleft, .alignleft {float: left; padding: 0 15px 15px 0;}
.fright, .alignright {float: right; padding: 0 0 15px 15px;}

.verytop {background: #ededed; color: #000; padding: 12px 0; font-size: 16px;}
.verytop a {color: #000; display: inline-block; margin-right: 15px;}
.verytop i, .verytop a i {color: #000;}


header#mainheader {
	min-height: 110px; 
	width: 100%;
	background: #fff;
	z-index: 99999;
	position: relative;
	padding-top: 10px;
	padding-bottom: 10px;
	box-shadow: 0 4px 5px 0px rgba(0,0,0,.1);
	left: 0;
}
header#mainheader ul.menu {padding-top: 10px;}
header#mainheader ul.menu li {
	color: black;
	display: inline-block;
	float: left;
	margin: 8px 4px;
	padding: 5px;
}
header#mainheader ul.menu li a {
	color: #000;
	text-decoration: none;
	padding-bottom: 4px;
}

header#mainheader ul.menu li a:hover {
	border-bottom: 1px solid #000;
}

button:hover {opacity: .8;}
.navbar {margin: 0; z-index: 99999;}


.navbar-default {
	border: none; 
	background: none;
	padding: 40px 0 10px 0;
}
.navbar-header {
  	float: right;
}
.navbar-brand {height: auto; padding: 0;}
.navbar-brand img {max-width: 120px !important; width: 100%; height: auto;}

.navbar-toggle {
  margin: 10px 20px 8px 0;
  z-index: 999999;
  border: none;
}
.navbar-default .navbar-toggle .icon-bar {background: #000;}
.navbar-collapse {
  height: auto;
  float: left;
  padding: 0;
  position: relative;
  right: 0;
}


.navbar-nav {
	text-align: left;
	height: auto;
}
.navbar-collapse {
	box-shadow: none;
}
.navbar-nav>li {
  	float: left;
	margin: 2px;
	padding: 0;
}


.navbar-nav>li>a {
	padding: 9px;
}

.navbar-default .navbar-nav>li>a {
	color: #000;
	font: bold 16px 'Roboto', helvetica, sans-serif;
	text-decoration: none;
	text-transform: capitalize;
}

.navbar-default .caret {color: #aaa;}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li.current-menu-item a, .navbar-default .navbar-nav>li.current-page-parent a.dropdown-toggle, .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover  {
	color: #000; 
	background: none;
}

.navbar-default .navbar-nav>li.current-menu-item ul.dropdown-menu li a {
	color: #000 !important;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
	background-color: transparent !important;
	color: #000 !important;
}

@media all and (min-width: 992px) {

	.navbar-nav>li>a {
		margin-left: 25px;
	}
	ul.nav li.dropdown:hover > ul.dropdown-menu{ display: block; }
	ul.nav li.dropdown > ul.dropdown-menu {top: 96%; padding-top: 10px; left: 0px;}
	ul.nav li.dropdown > ul.dropdown-menu li.dropdown > ul.dropdown-menu {top: -14px; padding-top: 10px; left: 100%;}
	.navbar-header {margin-right: 40px;}
	
	.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {background-color: #04463C;}

}
@media (max-width: 991px) {

	.navbar-default .navbar-collapse, 
	.navbar-default .navbar-form {
		border: none !important;
	}

	.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {background: #dedede; color: black;}
	
	.navbar-header, #navbar {float: left; width: 100%; padding: 15px 0 0 0;}
	
	#navbar {
		background: rgba(230,230,230,.6);
		z-index:99999;
	}

	header > .container {padding: 0;}
	.socialLinks {padding: 0 15px 15px 0;}
    .navbar-default .navbar-toggle {
		margin-top: -70px; 
		margin-bottom: 20px;
		margin-right: 25px;
		float: right;
		display: block;
    }
    .navbar-default {position: static;min-height: 20px;margin: 0;padding: 0 5px;}
    .navbar-left,.navbar-right {
        float: none !important;
    }
    a.navbar-brand img {margin-top: 20px;}
    .container-fluid>.navbar-collapse, .container-fluid>.navbar-collapse2, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-collapse2, .container>.navbar-header {margin: 0;}
    .navbar-nav .open .dropdown-menu {
		position: static;
		float: none;
		width: auto;
		margin-top: 0;
		background-color: transparent;
		border: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
 	}

 	
 	.navbar-nav .open .dropdown-menu li, .navbar-default .navbar-nav>li { width: 100%;}
	.navbar-default .navbar-nav>li>a {font-size: 18px; }
	.navbar-default {}

	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background: none;}
    .navbar-collapse, .navbar-collapse2 {
		border: none;
        float: none;
        
    }
    .navbar-fixed-top {
		top: 0;
	}
    .navbar-collapse.collapse, .navbar-collapse.collapse2 {
        display: none !important;
    }
    .navbar-nav {
        float: none!important;
		height: auto;
		margin: 0;
	}
	.navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding: 10px;
    }
    .collapse.in{
  		display:block !important;
	}
	.navbar-nav>li {margin: 0;  margin-bottom: 10px;}
	.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li.current-menu-item a, .navbar-default .navbar-nav>li.current-page-parent a.dropdown-toggle,
	.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover, .navbar-default li a:hover {
		background: #dedede; 
		color: #333;
	}
	.navbar-default li a:hover .caret {color: #ccc;}
	.dropdown-menu {color: black; font-size: 16px;}
	.navbar-nav .open .dropdown-menu li:hover {background: #dedede; color: #333;}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {color: #333;}
	.dropdown-menu>li>a {color: black;}
	#navbar {
		background: #fff;
	}

}
.navbar-default .navbar-nav>li.menuBtn>a {color: white; background: #04463C; border-radius: 10px; padding: 9px 18px;}
.navbar-default .navbar-nav>li.menuBtn>a:hover {color: white; background: #04463C; opacity: .85; border-bottom: none; text-decoration: none;}


/* Banner */

.bigBanner {
	height: 750px;
	background-size: cover !important;
	width: 100%;
	padding-top: 380px;
	text-align: left;
	background-position: bottom center;
}

@media all and (max-width: 991px) {
	.bigBanner {padding-top: 120px}
}
@media all and (max-width: 767px) {
	.bigBanner {padding-top: 60px}
}
.bigBanner h2 {
	color: #fff;
	font-size: 56px;
	line-height: 72px;
	margin-top: 80px;
	font-weight: 500;
	max-width: 710px;
	font-family: "Roboto Condensed", "Roboto", sans-serif;
	font-weight: normal;
	text-transform: uppercase;
}

.aboutBanner {
	height: 650px;
	background-size: cover !important;
	width: 100%;
	padding-top: 380px;
	text-align: left;
	background-position: center center;
}


.aboutBanner h2 {
	color: #fff;
	font-size: 56px;
	line-height: 72px;
	margin-top: 80px;
	font-weight: 500;
	max-width: 710px;
	font-family: "Roboto Condensed", "Roboto", sans-serif;
	font-weight: normal;
	text-transform: uppercase;
}




.interiorBanner {
	min-height: 290px;
	background-size: cover !important;
	background-position: center center;
	width: 100%;
	padding-top: 70px;
	text-align: left;
}

.interiorBanner h5, .interiorBanner h3 {color: white;}


.interiorBanner h2 {
	font-weight: bold; 
	margin-bottom:0; 
	color: white;
	margin-top: 50px; 
	font-size: 44px;
	line-height: 54px;
}

.mainContent {
	min-height: 230px; 
	padding: 90px 0;  
	margin: 0 auto;
	background: #F3F3EB;
	color: #000;
	font-size: 18px;
	line-height: 28px;	
}

.page-template-page .mainContent img {border-radius: 12px;}
.page-template-page-products .mainContent img {border-radius: 12px;}
.mainContent.notreDame {
	background: #0C2340;
	color: #C99700;
}
.mainContent.notreDame h1,
.mainContent.notreDame h2,
.mainContent.notreDame h3 {
	color: #C99700;
	text-transform: uppercase;
}

button {
	text-align: center;
	appearance: none;
	-webkit-appearance: none;
	outline: none;
	background: #04463C;
	color: #fff;
	text-transform: capitalize;
	font-size: 16px;
	padding: 6px 32px;
	display: inline-block;
	border: none;
	margin: 25px auto;
	line-height: 32px;
	border-radius: 10px;
	font-weight: bold;
	text-decoration: none;
}


.mainContent a button {
	text-decoration: none;
}
@media all and (max-width: 767px) {
	.mainMain {min-height: 500px;}
}
.mainContent.subContent {
	min-height: 500px; 
}
.mainContent hr {
	height: 2px; 
	color: #4d565c; 
	background: #4d565c; 
	margin: 20px auto; 
	text-align: center;
}

.cta-button {
	font-size: 28px; 
	line-height: 40px; 
	color: white;
	background: #4467b0;
	font-weight: bold;
	text-align: left;
	padding: 24px 32px;
	text-transform: uppercase;
}

.cta-button span {word-break: keep-all; display: inline-block;}
.mainContent ul li {
	list-style: square; 
	margin: 4px 0 4px 25px;	
}

.mainContent ol {
    list-style-type: decimal;
    padding-left: 15px;
    margin: 16px 0;
    font-weight: bold;
}

.mainContent ol li {
    margin-bottom: 8px;
    line-height: 1.5;
}
.mainContent img {max-width: 100%; height: auto;}
.mainContent a {color: #4a7098; text-decoration: underline; cursor: pointer;}
.mainContent a:hover {opacity: .8;text-decoration: underline;}

.underBanner {
	background: #249E60 url(images/under-banner-circle.png) bottom 40px right 40px / 190px 190px no-repeat;
	color: white;
	padding: 100px 0;
}

@media all and (max-width: 991px) {
	.underBanner {padding-bottom: 200px}

}

.what-customers-are-saying {padding-top: 50px;}
.what-customers-are-saying h3 {
	font: normal 48px "Roboto Condensed", "Roboto", sans-serif;
	color: #000;
	text-transform: uppercase;
}
.quote-what-customers {font-size: 120px; color: #04463C;}

.service-box {
    text-align: left;
    margin-bottom: 30px;
}

.service-image-wrapper {
    display: block;
    width: 100%;
    max-width: 100%;
    margin: 0 auto 15px;
    aspect-ratio: 4.7 / 5;
    overflow: hidden;
    border-radius: 12px;
}

.service-image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.service-title {
    display: block;
    color: inherit;
    text-decoration: none;
}

.service-title h3 {
    margin: 0;
    font-size: 36px;
    font-weight: 600;
    font-family: "Roboto Condensed", "Roboto", sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	text-decoration: none;
	color:#000;
}
.service-title {color: #000 !important; text-decoration: none !important;}

.contact-iframe {width: 100%; z-index: 100;}
.overlayiframe {
    background: transparent;
    position: relative;
    width: 100%;
    height: 600px;
    top: 600px;
    margin-top: -600px;
    z-index: 99999999;
}
.contact-iframe iframe {width: 100%;}
.main-banner {
	min-height: 450px;
	background-size: cover;
	background-attachment: fixed;
	padding: 95px 0;
	background-position: center center;
}
.main-banner p {padding: 9px 0; color: white;}
.main-banner h3 {margin-bottom: 25px; color: white;}


.theContent {line-height: 28px; font-family: 'Roboto';}
.mainContent p, .woocommerce-tabs p {padding: 9px 0;}

.largerContent {font-size: 26px; line-height: 48px;}

@media all and (min-width: 992px) {
	.largerContent {padding-top: 100px;}
}

@media (min-width: 992px) {
    .col-fifth {
        flex: 0 0 20%;
        max-width: 20%;
    }
}

.contactContent {font-size: 24px; font-weight: bold; color: #23439b;}
.contactContent i {font-size: 44px; color: #4568b0;}
.contactContent p { margin-bottom: 32px;}

/* Services Templates */

.hero-section {
    background: #F3F3EB;
    position: relative;
    overflow: hidden;
    padding: 100px 0;
}

.hero-section:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 30%;
    background: #249E60;
    z-index: 1;
}

@media all and (max-width: 991px) {
	.hero-section:before {width: 60px;}	
}

@media all and (max-width: 767px) {
	.hero-section:before {width: 0px;}	
}

.hero-content-wrapper {
    position: relative;
    z-index: 2;
}

.hero-image-col {
    padding: 0;
}

.hero-image {
    display: block;
    width: 100%;
    max-width: 440px;
    margin: 0 auto 15px;
    aspect-ratio: 4.7 / 5;
	max-height: 500px;
    overflow: hidden;
    border-radius: 12px;
    object-fit: cover;
}

.hero-text-col {
    padding-top: 100px;
    padding-bottom: 80px;
    line-height: 28px;
}

.hero-text-inner {
    height: 100%;
}



@media all and (min-width: 992px) {
    .hero-content-wrapper {
        display: table;
        width: 100%;
        table-layout: fixed;
    }

    .hero-image-col,
    .hero-text-col {
        display: table-cell;
        float: none;
        vertical-align: top;
    }

    .hero-image {
        height: 100%;
    }
}

@media all and (max-width: 991px) {
    .hero-image-col {
        padding-bottom: 40px;
    }

    .hero-text-col {
        padding-top: 40px;
    }

}


/* SERVICES Pages */
.darkGreenSection {
    background: #04463C;
    color: white;
    padding-top: 120px;
}

.green-separator {
    position: relative;
    height: 220px;
    background: #04463C;
    clip-path: polygon(0 0, 100% 0, 100% 45%, 0 100%);
    z-index: 2;
	margin-top: -1px;
}

.prefooter-bg {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    min-height: 700px;
    position: relative;
    margin-top: -140px;
}
.prefooter-bg img {
	position: absolute; 
	top: -50px; 
	right: 40px; 
	z-index: 999;
	max-width: 220px;
}

.nicetable {margin: 10px auto 25px auto; width: 100%; font-size: 80%;}
.nicetable sup {font-size: 13px;}
.nicetable th {background: #ddd; border: 1px solid #999; padding: 2%;}
.nicetable td {padding: 10px; width: auto; border:1px solid #34577a;}

.home-service {padding: 35px;}
.home-service img {border-radius: 50%; margin-bottom: 15px;}

.featuresection {
	padding: 105px 15px; 
	background-size: cover; 
	background-position: center center;
	background-attachment: fixed;
	color: white;
	text-align: center;
	margin-bottom: 20px;
	min-height: 340px;
}
.featuresection button {padding: 8px 20px;}
.featuresection h2, .featuresection h5 {color: white;}


@media all and (min-width: 768px) {
	.two-col-list {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
	}
}
#sidebar {padding: 0 20px;}
#sidebar button {margin: 4px auto; width: 100%;}

#sidebar .side-block {background: #00539b; padding: 20px;}

#sidebar h4 {color: #fff; font-size: 24px; font-weight: bold;}
#sidebar a {
	color: #000; 
	text-decoration: none; 
	display: block;
}
#sidebar a:hover {opacity: .8;}
#sidebar img.brand-img {max-width: 280px; height: auto; margin: 16px auto;}



.footer {
	font-size: 14px;
	color: white;
	background: #000;
	padding: 45px 0 25px 0;
	text-align: center;
}
.footer img.footer-logo {max-width: 120px; height: auto;}

.footer h2 {color: white;}

.footer p {padding: 15px 0; font-size: 15px; line-height: 28px;}

.footer a {color: #fff;}
.footer ul.menu {margin-top: 0px;}
.footer ul.menu li {
	display: inline-block;
	padding: 10px; 
	font: 14px 'Roboto', sans-serif;
} 
.footer-col, .footer-col-last {padding: 35px 15px;}

.footbox {min-height: 200px; padding: 0;}

@media all and (min-width: 992px) {
	.col-one, .col-two {padding: 0;}
}

.footer i {
	background: none; 
	font-size: 30px; 
	margin: 10px 5px 10px 0;
	padding: 9px;
	color: #fff;
}


@media all and (min-width: 768px) {
	.footer-col, .footer-col-last {
		min-height: 170px;
	}
}


@media all and (min-width: 992px) {
	.footer-col {
		border-right: 1px solid #555;
	}
}

.copyright {
	font-size: 14px;
	line-height: 19px;
	color: #fff;
	padding: 15px 0 35px 0;
	text-align: center;
}
	
.copyright a {color: #fff; text-decoration: none; cursor: pointer;}
.copyright a:hover {color: #eee; text-decoration: underline;}

/* FORM */

.footer-form {
	margin: 25px auto 0 auto;
	box-shadow: 0 0 3px #333;
	padding: 0;
}
.text-side {padding: 55px 15px 15px 55px; line-height: 29px;}
.text-side h5 {font-size: 42px;}
.text-side h3 {font-size: 24px; margin-bottom: 14px;}


.form-bg {background: none; padding: 20px 0;}
body .gform_wrapper ul li.gfield {
	margin-top: 1px !important;
	margin-right: 0 !important;
	padding-right: 0 !important;}
.gform_wrapper li.hidden_label input {margin-top: 0 !important;}

.gform_wrapper .gform_body {width: 100% !important;}
.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
	width: 100% !important;
	font-size: 15px !important;
	border: none!important;
	outline: none !important;
	padding: 15px 12px !important;
	color: #222 !important;
	background: #fff !important;
	border-radius: 8px  !important;
}


.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file])::-webkit-input-placeholder,
.gform_wrapper textarea::-webkit-input-placeholder{ 
  color: #555 !important;
}
.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file])::-moz-placeholder, 
.gform_wrapper textarea::-moz-placeholder {
  color: #555 !important;
}
.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):-ms-input-placeholder, 
.gform_wrapper textarea:-ms-input-placeholder {
  color: #555 !important;
}
.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):-moz-placeholder, 
.gform_wrapper textarea:-moz-placeholder {
  color: #555 !important;
}
.gform_wrapper textarea {
	font-size: 15px !important;
	border: none !important;
	outline: none !important;
	padding: 15px 12px !important;
	height: 120px !important;
	width: 100% !important;
	float: right;
	color: #222 !important;
	background: #fff !important;
	border-radius: 8px  !important;
}

.gform_wrapper .gform_footer {
	padding: 3px 0 0 0 !important; 
	margin-top: 0 !important;
	text-align: left;
}
	
.gform_wrapper .gform_footer input.button, 
.gform_wrapper .gform_footer input[type=submit], 
.gform_wrapper .gform_page_footer input.button, 
.gform_wrapper .gform_page_footer input[type=submit] {
    width: 100% !important; 
    max-width: 200px !important;
    padding: 12px 40px 12px 24px !important; /* Extra right padding for arrow */
    text-align: center  !important; 
    outline: none;
    border: none;
    background: #04463C !important;
    margin: 10px 0 !important;
    color: white;
    position: relative;
    text-transform: uppercase;
    font: 18px 'Roboto', sans-serif !important;
    font-weight: bold !important;
    float: left !important;
    clear: both !important;
    border-radius: 12px !important;
}



.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
    background-color: rgba(255,223,224,.25);
     margin-bottom: 0px!important; 
     border-top: none !important; 
     border-bottom:  none !important; 
     padding-bottom: 0px !important; 
     padding-top: 0px !important; 
    box-sizing: border-box;
}
.gform_wrapper .field_description_below .gfield_description {padding-top: 0 !important;}
.gform_wrapper .validation_message {
    padding: 5px !important;
    background: rgba(255,255,255,.6);
}

.gform_wrapper div.validation_error {    
	border: 1px solid red !important;
	color: white !important;
}
div#gform_confirmation_wrapper_1 {
    padding: 8px !important;
    border: 1px solid black !important;
	display: inline-block;
}

#field_2_5 textarea {margin-top: 8px;}

@media all and (min-width: 768px) {
	li#field_2_1, li#field_2_2,
	li#field_2_3, li#field_2_4, li#field_2_6 {
		width: calc(50% - 5px) !important;
		float: left !important;
		clear: none !important;
	}
	li#field_2_1, li#field_2_4, li#field_2_7 {margin-right: 10px !important;}
	li#field_2_7 {float: left; clear: both; width: 100%;}
	input#gform_submit_button_2 {
		float: right;
		width: 100%;
		max-width: 300px;
	}
}


/* BLOG */

.blogArea {
	background: #ededed;
	padding: 25px 0;
	width: 100%;
	min-height: 400px;
}

.blogArea h3 {
	color: #223242;
	font: bold 46px 'Roboto';
	margin: 20px auto;
	text-align: center;
	text-transform: uppercase;
}


h1.blog-heading {
	padding: 10px 0 40px 0;
}
a .blogPostWrapper {text-decoration: none;}
a.blogPostWrapperLink {
    position: absolute;
    width: 100%;
    height: 100%;
    padding-top: 120px;
    cursor: pointer;
}
.blogPostWrapper {
	min-height: 450px; 
	padding:  0; 
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	width: calc(100% - 20px);
	cursor: pointer;
	text-decoration: none;
	position: relative;
	margin: 10px;
}


.blogPostWrapper div.post {max-width: 600px;}

.blogPostWrapper h2, 
.blogPostWrapper .meta, 
.blogPostWrapper .entry {
	color: white !important;
	text-decoration: none;
}

.blogPostWrapper:hover {opacity: .8;text-decoration: none;}

body.page-template-page-blog a, body.page-template-page-blog a:hover {text-decoration: none;}

body.page-template-page-blog .mainContent {padding-bottom: 0;}


blockquote { 
	background: #e4e4e4; 
	border-left: 0.625em solid #4a7098; 
	margin: 1.5em 0; 
	padding: 1.2em 1em; 
	quotes:"\201C""\201D"; 
	line-height: 1.5; 
}

@media all and (min-width: 992px) {
	blockquote {max-width: 65%; float: left;}
	blockquote:nth-of-type(even) {float: right;}
}
blockquote:before { 
	color: #4a7098; 
	content: open-quote; 
	font-size: 4.5em; 
	line-height: .1em; 
	margin-right: .25em; 
	vertical-align: -.4em; 
	font-weight:bold; 
}
blockquote :first-child { display: inline; }
blockquote :last-child { margin-bottom: 0; }



.meta {margin-top: 9px;}

.entry {margin-top: 20px;}

.label {color: black; font-size: 21px; padding: 10px 0;}
.checkbox input[type=checkbox], 
.checkbox-inline input[type=checkbox], 
.radio input[type=radio], 
.radio-inline input[type=radio] {
	position: relative !important;
}

#sidebar a[href*="uncategorized"] {
    display: none;
}

.modal-dialog {
    background: #e4e4e4;
    top: 12%;
}
.modal-content {
	background: none;
	border-radius: 0;
}
.modal-header {padding: 0 15px; border: none;}
.modal-header h5 {margin: 12px 0 0 0;}
.modal-header .close {
    margin-top: -20px !important;
    margin: 0;
}