/*
 Theme Name:   Dispatch Child Theme
 description: >-
   A child theme of the Twenty Fifteen default WordPress theme
 Author:       Deon Barnard
 Template:     dispatch
 Version:      1.0.0
*/
/*Theme defaults*/
body {
	line-height:1.2em;
	font-family: 'Open Sans', sans-serif;
	color:#000;
	/*overflow-x: hidden;*/
}
h1, h2, h3, h4, h5, h6, .title {
	font-family: 'Open Sans', sans-serif;
	/*font-weight:bold;*/
}

.hgrid {
    max-width: 100%;
}
.hgrid-span-9 {
    width: 100%;
}
[class*="hgrid-span-"], [class*="hcolumn-"] {
    padding: 0;
}
#content {
    margin-top: 0px;
}
.entry-grid {
    margin-bottom: 0em;
    min-width: inherit;
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
#main.main {
    padding-bottom: 0px;
}
#page-wrapper {
    border-top: none;
}

.entry-the-content {
    margin: 0px;
}
.entry-content {
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.loop-meta-wrap{
	display:none;
}
/*Theme defaults end*/
.web-container{
	width: 80%;
	margin: 0 auto;
}
#header{
	background-color: #fff;
}
.contrast-typo a{
	color: #2a2a2a;
	font-weight: normal;
}
.contrast-typo a:hover{
	font-weight: 700;
	color: #1d4d5d;
}
.active-menu-item{
	background-image: url("https://vanstade.co.za/wp-content/uploads/2019/06/Artboard-3.png");
	background-repeat: no-repeat;
    background-position: center bottom;
}
.active-menu-item > a{
	font-weight: 800;
	color: #1d4d5d;
}
.menu-item:after{
	color: #000;
    font-size: 1.2em;
    position: absolute;
    top: 14px !important;
    right: -10px !important;
    content: '|';
    font-weight: 400;
}
.menu-item:last-child:after{
	display: none;
}
#menu-primary-items {
	margin-right: 15%;
}
#menu-primary-items > li {
	height: 55px;
}
#mid-post-footer{
	background-color: #2a2a2a;
	padding-top: 30px;
}
#post-footer{
	background-color: #2a2a2a;
	padding: 0;
	font-style: normal;
	font-family: 'Open Sans', sans-serif;
	border-top: none;
}
.footer-block{
	text-transform: uppercase;
	text-align: center;
    padding: 50px 0 30px 0;
}
.footer-block h6{
	color: #fff;
}
.gform_wrapper .top_label .gfield_label {
	display: none;
}
.gform_wrapper .top_label input.large, .gform_wrapper .top_label select.large{
	padding: 15px 25px;
	margin-bottom: 15px;
	width: 100% !important;
}
#enquire-form .wpb_raw_html h1{
	color: #fff;
	text-align: center;
}
.gform_wrapper .top_label li.gfield.gf_left_half {
    margin: 0 0;
    width: 49.5%;
}
.gform_wrapper .top_label li.gfield.gf_right_half {
    margin: 0 0;
    width: 49.5%;
}
.gform_wrapper .top_label li.gfield.gf_left_half {
    margin-right: 1%;
}
.gform_wrapper .top_label li.gfield.gf_right_half select.large{
	width: 99.9% !important;
}
.gform_wrapper {
    max-width: 100%;
}
.first-text-line > .wpb_wrapper > p:nth-of-type(1){
	border-left:3px solid #0f293a;
	padding:5px 5px;
}
.center-text{
	text-align: center;
}
.vc_custom_1560319011039 {
    background-position: right top;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: #f3f3f3;
}
.service-button{
	color: #fff;
    border: none;
    background-color: #777;
    padding: 10px 40px;
}
.sa_owl_theme .owl-nav .owl-prev {
    left: unset !important;
    right: 45px;
}
.sa_owl_theme .owl-nav button {
    top: 111% !important;
}
.service-button:hover{
	background-color: #0f293a;
}
.gform_wrapper .gform_footer {
    padding: 0 0 .625em;
    margin: 1em 0 0;
    clear: both;
}
.big{
	font-size: 3.5em;
    font-weight: 700;
    color: #1d4d5d;
}
.small-h{
	font-size: 1.5rem;
    color: #2a2a2a;
    margin-top:5px;
    display: block;
}
#gform_fields_1 input[type="text"]:focus{
	border: 3px solid #1d4d5d;
	background-color: transparent;
}
#gform_fields_1 input[type="text"]:focus::placeholder{
	font-weight: 800;
}
.page-header{
	position: absolute;
    top: 4rem;
    left: 10vw;
}
.gform_wrapper textarea.large {
	padding: 15px 25px;
	width: 100%;
}
.gform_wrapper textarea.large:focus {
	border: 3px solid #1d4d5d;
	background-color: transparent;
}
.gform_wrapper textarea.large:focus::placeholder {
	font-weight: 800;
}
.gform_wrapper .gform_footer {
	margin-top: 0;
}
.split-line figure, .split-line .vc_single_image-wrapper, .split-line img{
	width: 100%;
}
#about-img{
	z-index:-1;
}
#gform_submit_button_1, #gform_submit_button_3{
	width: 100%;
	padding: 15px 0;
	border: none;
	box-shadow: none;
	background: #1d4d5d;
}
#slider_69{
	margin-bottom:0 !important;
}
#slider_69_slide01, #slider_69_slide02, #slider_69_slide03, #slider_69_slide04, #slider_69_slide05, #slider_69_slide06, #slider_69_slide07, #slider_69_slide08, #slider_69_slide09, #slider_69_slide10{
	padding:0 !important;
	min-height: auto !important;
}
.header-line h5{
	border-left: 5px solid #1d4d5d;
	padding-left: 7px;
}
.owl-carousel .owl-item img {
    display: block !important;
    margin: 0 auto;
    padding-top: 3rem;
}
#input_3_3{
	color: #000 !important;
}
#input_3_4{
	color: #000 !important;
}
#input_3_4{
	background-color:#fff;
}
#contact-row{
	background-size: contain;
    background-repeat: no-repeat;
    background-color: #e4e4e4;
}
#contact-row input[type="text"]::placeholder, select::placeholder{
	color: #000;
}
#contact-row input[type="text"]:focus, select:focus{
	border: 3px solid #1d4d5d;
	background-color: #fff;
}
#contact-row textarea:focus {
	border: 3px solid #1d4d5d;
	background-color: #fff;
}
.slide-box > h6{
	color: #fff;
    text-align: center;
    padding: 0 0 3rem 0;
    margin: 0;
}
#our-attorneys h1{
	text-align: center;
}
.button-blue{
	background-color: #1d4d5d;
    border: none;
    color: #fff;
    padding: 15px 60px;
}
#p-with-border{
    border: 1px dotted #fff;
    color: #fff;
    margin: auto;
    padding: 60px;
    height: 90%;
    width: 80%;
}
#enquire-form input, select{
	background-color: transparent;
	color: #fff;
}
#enquire-form input::placeholder{
	color: #fff;
}
#enquire-form select{
	color: #fff;
}
#enquire-form option{
	background-color: #1d4d5d;
}
#enquire-form #gform_submit_button_2{
	width: 100%;
	background-color: #0f293a;
	padding: 15px 0;
	box-shadow: none;
}
.home-content-block{
	padding: 10vh;
}
.wpb_gmaps_widget .wpb_wrapper {
    background-color: #fff;
    padding: 0;
}
.wpb_gmaps_widget .wpb_map_wraper iframe {
	margin-top:0;
}
.footer-menu-item{
	float: right;
}
.footer-menu-item > .menu-item > a{
	color: #fff;
}
.footer-menu-item > .active-menu-item{
    background-image: unset;
}
.footer-menu-item > .menu-item:after {
	color: #fff;
}
#home-top-img .vc_column-inner{
	background-size: cover;
}
#home-bottom-img .vc_column-inner{
	background-size: cover;
	background-position: center top;
}
#about-top-img .vc_column-inner{
	background-size: cover;
}
#input_2_4:focus{
	border: 1px solid #aaaaaa;
	background: #1d4d5d;
}
@media only screen and (max-width: 1366px) {
	.page-header {
	    top: 3rem;
	}
}
@media only screen and (max-width: 800px) {
	.page-header {
	    top: 1.9rem;
	}
	.big{
		font-size: 2.5em;
	}
	.small-h{
		font-size: 1rem;
	}
	.web-container{
		width: 90%;
		margin: 0 auto;
	}
	#home-top-img .vc_column-inner{
		height: 20rem;
	}
	#home-bottom-img .vc_column-inner{
		height: 20rem;
		background-position: center;
	}
	#about-top-img .vc_column-inner{
		height: 20rem;
		background-position: center;
	}
}
@media only screen and (max-width: 799px){
	#menu-primary-items {
	    background: #fff;
	    border-top: none;
	    text-align: center;
		display: contents;
	}
	
	#menu-primary-items > li {
		padding-top: 20px;
	}
	
	.mobilemenu-fixed #menu-primary-items {
	    left: -282px;
	}
}
@media only screen and (max-width: 425px) {
	.wpb_gmaps_widget .wpb_map_wraper iframe {
		margin-top:0;
		height: 13rem;
	}
	.page-header {
	    top: 0.3rem;
	}
	.big{
		font-size: 1.5em;
	}
	.small-h{
		font-size: 1rem;
	}
	#p-with-border {
	    padding: 36px;
	}
	#footer-contact-form{
		width: 90%;
    	margin: 0 auto;
	}
	.home-content-block{
		width:90%;
		margin:0 auto;
	}
	.slide-box{
		min-height: 208px !important;
	}
	.home-content-block{
		padding: 1vh;
	}
}
@media only screen and (max-width: 375px) {
	#p-with-border {
	    padding: 31px;
	}
	.big{
		font-size: 1.5em;
	}
	.small-h{
		font-size: 0.8rem;
		margin-top:0;
	}
}
@media only screen and (max-width: 320px) {
	.big{
		font-size: 1.2em;
	}
	.small-h{
		font-size: 0.8rem;
		margin-top:0;
	}
	#p-with-border {
	    padding: 26px;
	}
}