/** RESET **/

.vc_col-has-fill>.vc_column-inner, .vc_row-has-fill+.vc_row-full-width+.vc_row>.vc_column_container>.vc_column-inner, 
.vc_row-has-fill+.vc_row>.vc_column_container>.vc_column-inner, .vc_row-has-fill+.vc_vc_row>.vc_row>.vc_vc_column>.vc_column_container>.vc_column-inner, 
.vc_row-has-fill+.vc_vc_row_inner>.vc_row>.vc_vc_column_inner>.vc_column_container>.vc_column-inner, .vc_row-has-fill>.vc_column_container>.vc_column-inner, 
.vc_row-has-fill>.vc_row>.vc_vc_column>.vc_column_container>.vc_column-inner, .vc_row-has-fill>.vc_vc_column_inner>.vc_column_container>.vc_column-inner, 
.vc_section.vc_section-has-fill, .vc_section.vc_section-has-fill+.vc_row-full-width+.vc_section, .vc_section.vc_section-has-fill+.vc_section {
	padding-top: 0;
}

/** END RESET **/

/* fade in */

.the-main-content {
    animation: fadein 1s;
    -moz-animation: fadein 1s; /* Firefox */
    -webkit-animation: fadein 1s; /* Safari and Chrome */
    -o-animation: fadein 1s; /* Opera */
}
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}

.the-main-content {
	min-height: 900px;
}

/* Max content widths */

.size-auto, 
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
	max-width: 100%;
	height: auto
}

/* Navbar */

.navbar-topbar {
  border-radius: 0;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
}

.navbar .dropdown-menu li {
  width: 100%;
  margin-left: 0 !important;
  
  border-top: 1px solid #00b140;
  line-height: 60px !important;
}


/*
Header logo
If you require a Site title and a logo, an example of how to do this is provided below (use your own logo):

#site-title a {
  display: inline-block;
	padding-left 60px;
  background: url('../../img/logo.png') 0 0 no-repeat;
}
*/

/* Main content */

#content article {
}
#content header {
  margin: 20px 0
}
#content section {
  margin-bottom: 20px
}
#content footer {
  padding-bottom: 20px
}
.page-header {
  background: #f9f9f9 none repeat scroll 0 0;
  border-bottom: 1px solid #eee;
  margin: 40px 0 20px;
  padding: 10px 14px;
}
/* Sidebar */

.sidebar {
  margin-top: 20px
}
.sidebar section {
  margin-bottom: 40px
}
.sidebar ul,
.sidebar ol {
  list-style-type: none;
  padding: 0
}
.sidebar li {
  margin: 10px 0
}

/* Hide form placeholders on focus */

input:focus::-webkit-input-placeholder { color: transparent; }
input:focus:-moz-placeholder { color: transparent; } /* FF 4-18 */
input:focus::-moz-placeholder { color: transparent; } /* FF 19+ */
textarea:focus::-webkit-input-placeholder { color: transparent; }
textarea:focus:-moz-placeholder { color: transparent; } /* FF 4-18 */
textarea:focus::-moz-placeholder { color: transparent; } /* FF 19+ */ 

/* Comments */

#respond {
  margin-top: 40px
}
ol.commentlist {
	counter-reset: li; /* Initiate a counter */
	padding: 0
}
ol.commentlist ul {
  padding: 0
}
ol.commentlist > li {
	position: relative;
	margin: 0 0 20px 0;
	list-style: none /* Disable the normal item numbering */
}
ol.commentlist > li:before {
  content: "Thread " counter(li); /* Use the counter as content */
  counter-increment: li; /* Increment the counter by 1 */
  position:absolute;  
  top: 0;
  right: 0;
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-bottom-left-radius: 4px;
  padding: 5px 20px 5px 10px;
  color: #999
}
ol.commentlist li ol,
ol.commentlist li ul {
  list-style-type: none;
  margin: 0
}

.commentlist li li {
  background: #f9f9f9;
}
.commentlist li li li {
  background: #fff
}
.commentlist li li li li {
  background: #f9f9f9
}
.commentlist li li li li li li {
  background: #fff
}
.commentlist li {
  padding: 20px
}
.commentlist ul li {
  margin-top: 20px;
  margin-bottom: 0
}
.reply p {
  margin: 0
}

/* Site footer */

.site-footer {
  padding: 40px 0
}
.site-footer ul,
.site-footer ol {
  list-style-type: none;
  padding: 0
}
.site-footer li {
  margin: 10px 0
}
.site-sub-footer p {
  text-align: center
}

.site-footer p {
  text-align: center
}

ul.dropdown-menu {
	padding: 0;
	border-radius: 0;
	border: none;
}

.btn-primary {
	border: none !important;
}

li.menu-item  a{
	padding: 0px 10px;
}

.navbar {
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
}

.navbar-brand {
	padding-top: 0;
	padding-bottom: 0;
}

.bg-primary a.navbar-brand { opacity: 1; }

.navbar-nav .nav-link {
	padding-top: 0;
	padding-bottom: 0;
}

.left-footer-text {
	text-align: left;
}

.center-footer-text {
	text-align: center;
}

.right-footer-text {
	text-align: right;
}

.wpb_gmaps_widget .wpb_wrapper {
	padding: 0;
	background: none;
}

.navbar-dark .navbar-toggler {
	background: none;
	border: none;
	cursor: pointer;
	color: #EEE;
	
}

.navbar-dark .navbar-toggler:hover {
	color: #FFF;
}

html body button:focus {
	outline: none;
}

.container-fluid, .container-wide {
	max-width: 1920px;
}

.intro-text {
	font-size: 18px;
	position: relative;
	top: 0.5vw;
	transform: perspective(1px) translateY(0.5vw);
}

.news_section {
	position: relative;
	top: 0.5vw;
	transform: perspective(1px) translateY(0.5vw);
}

.intro-column {
	height: 300px;
	border-right: 2px solid #FFF;
	
}

.stock-column {
	height: 300px;
	border-left: 2px solid #FFF;
}

.right-border-white {
	border-right: 2px solid #FFF;
}

.news-section-title {
	font-size: 18px;
	font-weight: 700;
}

.news-story-title a, .news-story-title {
	font-size: 18px;
	color: #FFF !important;
}

.middle-box-black {
	border-left: 2px solid #333;
	border-right: 2px solid #333;
	margin-left: -15px;
	margin-right: -15px;
	padding-left: 15px;
	padding-right: 15px;
}

img { max-width: 100%; width: 100%; height: auto; }

.wpb_content_element {
	margin-bottom: 15px;
}

.vc_single_image-wrapper {
	border: 1px solid #00b140;
}

.wpb_single_image .vc_figure-caption {
    margin-top: 0;
    font-size: .8em;
    color: #FFF;
    background: #00b140;
    padding: 5px;
}

.navbar-brand img {
	width: auto;
}

html body .wpcf7-submit.btn-primary {
	background-color: #00b140 !important;
	color: #FFF !important;
}

@media screen and (max-width: 1200px){
	html body .navbar li a.nav-link {
		font-size: 14px !important;
	}
	
	#searchform input.form-control {
		max-width: 100px !important;
	}
}

@media screen and (max-width: 994px){
	
	
	.intro-text, .news-section-title, .news-story-title {
		font-size: 16px;
	}
	
	html body .navbar-brand {
		float: none;
		width: 100%;
		display: block;
		text-align: center;
	}
	
	html body .navbar-toggler {
		width: 100%;
	}
	
	#searchform {
		width: 100%;
		text-align: center;
	}
	
	#searchform input.form-control {
		max-width: 100% !important;
		width: 200px;
		display: inline-block;
	}
	
	.navbar-nav .nav-link, li.menu-item  a {
		text-align: center;
	}
	
	html body .navbar li {
		line-height: 40px !important;
	}
	
}

@media screen and (max-width: 768px){
	
	.middle-box-black {
		border-left: none;
		border-right: none;
	}
	
	.hide-mobile { display: none; }
	
	.right-border-white, .intro-column, .stock-column  {
		border: none;
	}
	
	.intro-column, .stock-column  {
		height: auto;
		padding-bottom: 15px;
	}
	
	.intro-area {
		border-bottom: 2px solid #FFF;
		padding-bottom: 15px;
	}
	
	.stock-section {
		border-top: 2px solid #FFF;
		padding-top: 15px;
	}
	
	.left-footer-text, .right-footer-text {
		text-align: center;
	}
}

@media (max-width: 575px){
	.navbar-toggleable-xs .navbar-nav .nav-item {
		line-height: 40px !important;
		text-align: center;
	}
	
	
	
	
}