/*
Theme Name: Total Child Theme
Theme URI: https://vekkerugma.co.za
Description: Your site description. Go to Appearance > Editor to modify this file.
Author: Your Name
Author URI: https://your-site.com
Template: Total
Version: 1.0
*/



/*************** THEME TOTAL SIZES   ***************/
/*<767 /*mobile breakpoint*/
/*<849/*tablet portrait*/
/*<991/*tablet landscape*/
/*<1200/*desktop*/

/*************** ADD CUSTOM CSS HERE.   ***************/
@import url("font-awesome-animation.min.css");

/*----------------------------------- MOBILE ONLY CSS ---------------------------------*/
@media only screen and (max-width: 849px){
	.hidemob,.showtab {display:none!important;}

	#footer-builder img {
		display:block;
		margin-left:auto;
		margin-right:auto;
		padding-right:15px!important;
	}

	#footer-builder h2, #footer-builder td {
		text-align:center!important;
	}

	#footer-builder h2 {font-size: 1em!important;}

	.griddate div, .gridtitle div{
/*		padding:0 10px!important;*/
		margin-bottom:0!important;
		text-align:left!important;
	}
	
	.griddate, .gridtitle {padding:0 10px!important;}
	
	.wieisons p {padding-left:20px; padding-right:20px;}
	
	.kontakrow .upb_row_bg.vcpb-vz-jquery {
	    background-position-x: 43% !important;
	}	
	#kontakgebou div.wpb_column.colblock.vc_column_container.vc_col-sm-4 {
	    padding-bottom: 0 !important;
		padding-top:0!important;
	}

	#kontakgebou div.wpb_column.colblock.vc_column_container.vc_col-sm-4:first-child {
	    padding-top: 15px !important;
	}
	#kontakgebou div.wpb_column.colblock.vc_column_container.vc_col-sm-4:last-child {
    	padding-bottom: 15px !important;
	}
}


/*----------------------------------- TAB ONLY CSS ---------------------------------*/
@media only screen and (min-width: 850px) and (max-width: 959px) {
	.hidetab {display:none!important;}

	}

/*----------------------------------- DESKTOP ONLY CSS ---------------------------------*/
@media only screen and (min-width: 960px) {
	.hidedesk {display:none!important;}
	
	/***** WIE IS ONS *****/

.wieisons-par {
	column-count:2;
	column-gap:50px;
	text-align:justify!important;
}
}
/*----------------------------------- GENERAL ---------------------------------*/
.hidecon, .conhide,
.related-posts.wpex-overflow-hidden.wpex-mb-40.wpex-clr{display:none!important;}
/***LINKS***/
p a,
p a:visited,
.main_color a {
    color: rgba(77,77,77,0.7)!important;
}

table td a:hover,
p a:hover {
  text-decoration:none!important;
  color: #000000!important;
}

/***** TABLES *****/

td {border:0!important; padding-top:0!important; padding-bottom:5px!important;}
table {width: auto;}
table .fas, table .fal, table .far {color:#0f2a47; width:30px!important;}
#footer table .fas, #footer table .fal, #footer table .far, #footer table .fa  {color:#fff;}

/*SOCIAL ICONS*/
/*.aio-icon, .vc_row .aio-icon {
    height: 2em;
    width: 2em;
    Line-height:2em;
	background-color:#fff;
	transition: background-color .25s ease-in-out;
}
.aio-icon.circle:hover {background-color:rgba(255,255,255,0.75)!important;}
.aio-icon i {line-height:30px; color:#b6b0b5;}

.ult-just-icon-wrapper.social {display: inline-block!important;}
/**/

/*--------------------------------- TYPOGRAPHY -------------------------------*/
.whitetxt, .whitetxt p, .whitetxt strong, .whitetxt H1, .whitetxt H2, .whitetxt H3, .whitetxt H4, .whitetxt H5, .whitetxt H6, .whitetxt a {color: #ffffff !important;}

.shadowtxt, .shadowtxt p, .shadowtxt strong, .shadowtxt H1, .shadowtxt H2, .shadowtxt H3, .shadowtxt H4, .shadowtxt H5,.shadowtxt H6 {text-shadow: 1px 1px 2px #000000;}

.justtxt {text-align: justify!important;}

.lighttxt, .lighttxt p, .lighttxt strong, .lighttxt H1, .lighttxt H2, .lighttxt H3, .lighttxt H4, .lighttxt H5, .lighttxt H6, .lighttxt a {font-weight:300!important;}

.subhead h2 {margin-bottom:10px!important;}

h2 {text-transform: unset!important;}

h4 {
    text-transform: uppercase;
    font-size: 1.3em!important;
}

.subhead h3 {
    text-transform: unset;
    font-weight: 200!important;
    letter-spacing: 3px!important;
	margin-top:10px!important;
}

h3 a.vc_gitem-link {
    letter-spacing: 0px!important;

}

h3 a.vc_gitem-link:hover {
    letter-spacing: 1px!important;
}

/*.steps h3 {color:#fff!important;}*/




/*box-shadow: 0px 2px 6px 0px hsla(0, 0%, 0%, 0.2);*/

/*--------------------------------- ELEMENTS -------------------------------*/

/*COOKIE*/

div#cookie-law-info-bar {
	background-color:rgba(255,255,255,0.7)!important;
}/*cookie bar*/

.cli-bar-message {
    font-weight: 300!important;
    line-height: 1.5em;
}/*cookie message*/

.cli-switch input:checked + .cli-slider {
    background-color: #a92733!important;
}/*cookie settings activated fields*/

.cli-tab-footer.wt-cli-privacy-overview-actions a {
    background-color: #a92733!important;
}/*cookie settings save button*/

a.medium.cli-plugin-button.cli-plugin-main-button.cli_settings_button,
a#wt-cli-accept-all-btn,
a#wt-cli-privacy-save-btn {
    border-radius: 25px;
}/*cookie buttons*/

/**/

/***** BUTTONS *****/
span.ticon {color:#009570!important;}
span.ticon:hover {color:#8ec84b!important;}
.post-tags a:hover {
	color:#ffffff!important';'
	background: rgb(142,200,75);
background: linear-gradient(230deg, rgba(142,200,75,1) 0%, rgba(197,222,134,1) 6%, rgba(106,199,173,1) 31%, rgba(0,149,112,1) 100%)!important;	
	border: 1px solid #fff!important;
}

.vc_btn3.vc_btn3-style-modern,
.vc_btn3,
.vc_btn3.vc_btn3-color-danger.vc_btn3-style-modern,
a.vc_general.vc_btn3.vc_btn3-size-xs.vc_btn3-shape-square.vc_btn3-style-modern.vc_btn3-color-default,
.vekbtn a.vc_general,
.gform_button.button {
    border-radius: 0px!important;
    padding: 8px 15px;
    margin-bottom: 0!important;
/*	background-color:#5d0f80!important;
/*	background-color: rgb(139,94,166)!important;
	background-color: radial-gradient(circle, rgba(139,94,166,1) 29%, rgba(93,15,128,1) 82%)!important;
/*    background-color: #610F82!important;*/
    color: #fff!important;
    background-image: none;
/*    box-shadow: 0px 0px 13px 0px rgb(150 150 150 / 50%);*/
    border: none!important;
	margin-bottom:3px!important;
	font-size:1em!important;
	font-weight:normal!important;
/*	background: rgb(0,149,112)!important;
	background: linear-gradient(45deg, rgba(0,149,112,1) 0%, rgba(142,200,75,1) 100%)!important;*/
	background: rgb(142,200,75);
background: linear-gradient(230deg, rgba(142,200,75,1) 0%, rgba(197,222,134,1) 6%, rgba(106,199,173,1) 31%, rgba(0,149,112,1) 100%)!important;
	transition: 0s background!important;
	    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -ms-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
	   transition: .5s all;   
}

@media only screen and (max-width: 849px){

.vc_btn3.vc_btn3-style-modern,
.vc_btn3,
.vc_btn3.vc_btn3-color-danger.vc_btn3-style-modern,
a.vc_general.vc_btn3.vc_btn3-size-xs.vc_btn3-shape-square.vc_btn3-style-modern.vc_btn3-color-default,
.vekbtn a.vc_general,
.gform_button.button{
	max-width:unset!important;
	width:auto!important;
	display:block!important;
	margin-left:auto!important;
	margin-right:auto!important;
	min-width: 250px!important;
}

.vc_btn3.vc_btn3-style-modern {
	    padding: 15px 25px;
		display:unset!important;
}
}

.vc_btn3.vc_btn3-style-modern:hover, .vc_btn3.vc_btn3-color-danger.vc_btn3-style-modern:hover,
.vc_btn3:hover,
a.vc_general.vc_btn3.vc_btn3-size-xs.vc_btn3-shape-square.vc_btn3-style-modern.vc_btn3-color-default:hover,
.vekbtn a.vc_general:hover,
.gform_button.button:hover {
 /* box-shadow: 0px 10px 14px rgb(150 150 150 / 40%);
  transform: translateY(-1px);*/
/*	background-color:#8b5ea6!important;
	border-color:#8b5ea6!important;*/
background: rgb(84,40,125);
background: linear-gradient(135deg, rgba(84,40,125,1) 0%, rgba(133,102,163,1) 18%, rgba(0,186,230,1) 92%, rgba(32,136,193,1) 100%)!important;
	 transition-delay:3s!important;
	    -webkit-transition: .5s all;   
    -webkit-transition-delay: 5s; 
    -moz-transition: .5s all;   
    -moz-transition-delay: 5s; 
    -ms-transition: .5s all;   
    -ms-transition-delay: 5s; 
    -o-transition: .5s all;   
    -o-transition-delay: 5s; 
    transition: .5s all;   
    transition-delay: 5s; 
	
}
/*.vekbtn {margin-bottom:0!important;}*/

/**/

.contactblock table,
.contactblock table td {
    max-width: 200px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}	

.colblock, .whiteblock {padding: 30px;}
.whiteblock p {line-height: 2; text-align:justify;}
.colblock {background-color:#f0f2f3!important;}
 .colblock .heading-right-icon .aio-icon-description *{text-align: left!important;}

.vc-hoverbox-block,
.vc-hoverbox-wrapper.vc-hoverbox-direction--reverse .vc-hoverbox-back {
    min-height: 300px!important;
}

#footer-builder {background-color:#212331!important;}

/*--------------------------------- HEADER -------------------------------*/

#site-header-inner {height: 120px;}
#site-header-inner {
    padding-top: 10px;
}
/*#site-header-sticky-wrapper.not-sticky #site-logo-inner img {
    display: none!important;
}/*home page logo when not sticky

div#site-navigation-wrap {
    margin-top: -40px;
}/*desktop nav*/
div#mobile-menu {
    margin-top: -30px!important;
}/*mobile nav*/

.wpex-sticky-header-holder.is-sticky #site-header {
    opacity: 1!important;
}

form.sidr-class-mobile-menu-searchform {
    display: none!important;
}

/*--------------------------------- FOOTER -------------------------------*/

#footer-builder h2 {
    margin-top: 0px;
    font-size: 1.3em;
    margin-bottom: 5px;
}

#footer-builder table {margin-top: 5px;}

#footer-builder td {
    padding: 0!important;
}

#footer-builder a {
	font-weight:300!important;
}

#footer-builder a:hover {
    text-decoration: none!important;
    color: rgba(255,255,255,0.7)!important;
}




/*--------------------------------- CONTENT -------------------------------*/

/*.glo-box div.aio-icon-box {min-height:500px!important;}*/

.blocktxt h2 {
    font-weight: 700;
    letter-spacing: 1px;
}
.blocktxt h3 {
    font-weight: 300!important;
}
.blocktxt h2, .blocktxt h3{
    margin: 0;
    padding: 0 40px;
}

.blocktxt p{
    margin-top: 20px;
    padding: 0 40px;
}

/*.block1 h2 {color:#0085c6!important;}*/

.steps h3 {
    font-weight: 300;
    letter-spacing: 2px;
    text-transform: unset;
    line-height: 1.25;
    font-size: 1.2em;
}


/***** RAAK BETROKKE *****/

.betrokke {
    padding: 30px 20px;
/*    border: 1px solid;*/
    margin-bottom: 45px;
/*	min-height:640px!important;*/
}

.betrokke em {
     color: black; 
}

.betrokke img {
    max-width: 300px!important;
}

.betrokke .vcex-icon-box-icon {
    color: rgb(15,24,71);
	font-size:40px!important;
}


.betrokke h3 {
    color: rgb(15,24,71);
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
}

/***** BEDIENINGE *****/

#bedieninge.vcex-module.vcex-icon-box.vcex-icon-box-three.wpex-relative.wpex-text-center.betrokke {
    min-height: 640px!important;
}

.vcex-module.vcex-icon-box.vcex-icon-box-three.wpex-relative.wpex-text-center.betrokke {
    padding: 0 !important;
}

.vcex-icon-box-symbol.wpex-mb-20 {
    margin-bottom: 0px!important;
}

.vcex-icon-box-content p strong {
    color: #bbb;
    font-weight: normal!important;
}

/***** WIE IS ONS *****/

.vc_tta-panel-body {
    background-color: #fbfbfb !important;
}


/***** KONTAK ONS *****/

.cntct div.aio-icon-component.style_1 {max-width:200px!important;}
.cntct div.aio-icon-header h3,
.cntct div.aio-icon-description.ult-responsive{
    text-align: left!important;
}

/*.wpb_map_wraper iframe {
    filter: grayscale(1);
}*/

/*gebou image*/
#kontakgebou .vc_column-inner {
    background-size: cover!important;
    background-repeat: no-repeat;
	background-position:center center;
}

/*    
 * background-size:cover!important;
 * background-position: center;*/

/***** GRAVITY *****/

p.gform_required_legend {
    display: none;
}

div#gform_wrapper_1 {
    margin-top: 30px;
}

.gform_legacy_markup_wrapper .gform_footer input.button, .gform_legacy_markup_wrapper .gform_footer input[type=submit], .gform_legacy_markup_wrapper .gform_page_footer input.button, .gform_legacy_markup_wrapper .gform_page_footer input[type=submit] {
    border-radius: 0;
    padding: 0.5em 1em;
}

.textarea.small {
    width: 100%!important;
}

.gfield label {
 /*   margin-top: 7px!important;*/
    font-size: 1em!important;
} /*tickbox labels*/

.gform_legacy_markup_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
    border-radius: 0!important;
}

.gfield_checkbox .gchoice {min-height:15px!important;}

.gfield_checkbox .gchoice label.gform-field-label, .gfield_checkbox .gchoice input {
	margin-top: 5px!important;
	font-size:1.4em!important;
}

.gfield_description, 
.ginput_container_radio ul.gfield_radio label,
.gfield--type-checkbox label {
    font-size: 1em!important;
}/*radio */

li.gchoice label {
    font-size: 1.4em!important;
}/*checkbox*/

input[type="date"], input[type="time"], input[type="datetime-local"], input[type="week"], input[type="month"], input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], textarea {
	color:#000000!important;
	border-radius:0!important;
}

.gform_legacy_markup_wrapper ul.gform_fields li.gfield {
    padding-right: 0!important;
	border-radius:0!important;
}
/*li.gfield {
    margin-bottom: 0!important;
	margin-bottom:0!important;
}*/