/*
Theme Name: Machete Marketing Child Theme
Description: Custom responsive child theme for Machete
Theme URI:   https://machete.co.za
Author: Machete Marketing
Author URI:  https://machete.co.za
Template: machete
Version: 1.0
*/

/* Main */
.material .wpb_content_element,
.material .wpb_row{
    margin-bottom: 0!important;
}
h1, h2, h3{
	margin-bottom:20px!important;
}
p {
    padding-bottom: 20px!important;
}
.smaller{
	font-size:16px;
	line-height:22px;
}
.white{
    color:#fff!important;
}
.blue{
    color:#32A5E5!important;
}
.purple{
    color:#29235C!important;
}
.violet{
    color:#A84D97!important;
}
.pink{
    color:#d9c2d2!important;
}
.yellow{
    color:#F7F7AB!important;
}

/* Header */
#header-outer.transparent #top nav>ul>li[class*=button_solid_color]>a:before,
#top nav > ul > li[class*="button_solid_color"] > a:before, 
#header-outer.transparent #top nav > ul > li[class*="button_solid_color"] > a:before{
	height:38px!important;
}
body #header-outer.transparent #top nav>ul>li[class*="button_bordered"]>a:before{
	    border: 1px solid #d9c2d2!important;
}
#top nav>ul>li[class*=button_bordered]>a:before{
	    border: 1px solid #fff!important;
}

/* Content */

.mobile-show {
	display: none !important;
}

img.full-width{
	width:100%!important;
}

.wpb_gallery .nectar-flickity[data-drag-scale=true]:not(.masonry) .cell>img{
	border-radius:24px;
}

.content-row{
	padding-left:200px!important;
	padding-right:200px!important;
	padding-top:90px!important;
	padding-bottom:90px!important;
	
}
.content-row.no-padding-left{
	padding-left:0px!important;
}
.content-row.no-padding-right{
	padding-right:0px!important;
}
.content-row.no-bottom-padding{
	padding-bottom:0px!important;
}
.content-row.no-top-padding{
	padding-top:0px!important;
}

.box>.vc_column-inner>.wpb_wrapper{
	padding:70px;
	border-radius:24px;
}
.box-heading>.vc_column-inner>.wpb_wrapper{
	padding:20px 50px;
	border-radius: 24px 24px 0 0;
}

.box img{
	border-radius:24px;
}

.margin-right{
	margin-right:-5%!important;
	min-width:55%;
}
.margin-right>.vc_column-inner>.wpb_wrapper{
	padding-right:18%!important;
}
.margin-left{
	margin-left:-5%!important;
	min-width:55%;
}
.margin-left>.vc_column-inner>.wpb_wrapper{
	padding-left:18%!important;
}
.border-radius-right>.vc_column-inner>.wpb_wrapper{
	border-radius: 0 24px 24px 0;
}
.border-radius-left>.vc_column-inner>.wpb_wrapper{
	border-radius:24px 0 0 24px;
}
.lightpink-row .row-bg-wrap,
.lightpink-box>.vc_column-inner>.wpb_wrapper{
	background-color:#D9C2D2!important;
}
.lightblue-row .row-bg-wrap,
.lightblue-box>.vc_column-inner>.wpb_wrapper{
	background-color:#b3d1e2!important;
}
.content-row .vc_column-inner .row-bg-wrap{
	background-color:transparent!important;
	background-image:none;
}



/* Shapes */

.box-shadow-yellow>.vc_column-inner>.wpb_wrapper{
	display:block;
    box-shadow: -300px -60px 0px 1px #fcfcdd !important;
} 
.text-shadow-yellow{
	position: relative;
}
.text-shadow-yellow:before {
    z-index: -1;
    overflow: visible;
    position: absolute;
    display: block;
    content: '';
    width: 100%;
    height: 140%;
    background: #fcfcdd;
    border-radius: 10px;
    top: -30px;
    left: -70%;
}
.circle-shadow-pink>.vc_column-inner>.wpb_wrapper{
	position: relative;
}
.circle-shadow-pink>.vc_column-inner>.wpb_wrapper:after {
    z-index: -1 !important;
    overflow: visible;
    position: absolute;
    display: block !important;
    content: '';
    width: 150px;
    height: 150px !important;
    background: #d9c2d2;
    border-radius: 50%;
    bottom: -70px;
    right: 100px;
    visibility: visible !important;
    opacity: 0.5;
}
.margin-right.box-shadow-yellow>.vc_column-inner>.wpb_wrapper{
	box-shadow: 300px -50px 0px 1px #fcfcdd !important;
}
/* box heading*/
.box-heading.box-shadow-yellow>.vc_column-inner>.wpb_wrapper {
    box-shadow: -100px 30px 0px 1px #fcfcdd !important;
}
.box-heading.circle-shadow-pink>.vc_column-inner>.wpb_wrapper:after {
    bottom: -100px;
    right: -55px;
}

/* flickity gallery */
.nectar-flickity[data-control-style=material_pagination]:not(.masonry) .flickity-viewport, .nectar-flickity[data-controls=material_pagination]:not(.masonry) .flickity-viewport {
    margin: 40px 0 130px 0!important;
}
.nectar-flickity[data-controls=material_pagination] .flickity-page-dots {
    bottom: -55px;
}
.nectar-flickity[data-controls=material_pagination] .flickity-page-dots .dot:before,
.swiper-container[data-bullet_style="scale"] .slider-pagination .swiper-pagination-switch i{
    background-color: #B3D1E2!important;
    box-shadow: none!important;
	transform: scale(2)!important;
}
.nectar-flickity[data-controls=material_pagination] .flickity-page-dots .dot.is-selected:before,
.swiper-container[data-bullet_style="scale"] .slider-pagination .swiper-active-switch i{
    transform: scale(2)!important;
    box-shadow: none!important;
    background-color: #32A5E5!important;
}



/* UL */

ul.list {
    list-style-position: outside;
    margin-bottom: 15px;
	margin-top:-10px;
}
ul.list li {
    list-style-type: none;
    margin-bottom: 3px!important;
}
ul.list li:before {
    content: "\2022";
    color: #fff;
    font-size: 25px;
    line-height: 25px;
    display: block;
    padding-right: 10px;
    margin-left: -25px;
    width: 25px;
    margin-bottom: -25px;
    font-family: Arial,Helvetica,sans-serif;
}



/* Buttons */
.nectar-button:focus{
	color:#fff!important;
}
body[data-form-submit=regular] .container-wrap input[type=submit]{
    margin: 0 auto;
	min-width:150px;
}
.nectar-button,
.nectar-button.large{
    padding: 6px 25px!important;
}
.nectar-button,
.nectar-button.large,
.button_solid_color,
.button_bordered{
	text-transform:uppercase;
    font-size: 16px!important;
font-weight:400!important;
	letter-spacing:1px;
}

/* Forms */
*:focus {
    outline: 0 !important;
}


/* Footer */
.global-footer p{
    color:#32A5E5!important;
	font-size: 16px!important;
	line-height: 22px!important;
}
.global-footer a{
    color:#32A5E5!important;
}
.global-footer ul li {
    list-style:none;
	margin-bottom:10px;
}


.global-footer .fa{
	color:white!important;
	font-size: 21px;
	margin-left:15px;
	text-decoration:none!important;
}

/* Responsive */

body.material #slide-out-widget-area.slide-out-from-right .off-canvas-menu-container>.menu>li a {
    text-decoration: none;
}

@media (max-width: 1546px){
.content-row{
	padding-left:10%!important;
	padding-right:10%!important;	
}

	

}

@media (max-width: 1351px){
	#header-outer[data-lhe="animated_underline"] #top nav > ul > li > a{
    margin-left: 10px!important;
    margin-right: 10px!important;
	font-size: 14px;
}
}

@media (max-width: 999px){

#header-outer header {
    padding-top: 10px;
}
.content-row.no-padding-left,
.content-row.no-padding-right,
.margin-left>.vc_column-inner>.wpb_wrapper,
.margin-right>.vc_column-inner>.wpb_wrapper{
	padding-left:10%!important;
	padding-right:10%!important;	
}
.box>.vc_column-inner>.wpb_wrapper{
	padding:10%;
	border-radius:24px!important;
	margin-bottom:30px!important;
}

.content-row{
	padding-top:70px!important;
	padding-bottom:70px!important;	
}
.margin-right,
.margin-left{
	margin-right:0%!important;
	margin-left:0%!important;
	min-width:100%;
}
}

@media only screen and (min-width: 691px) and (max-width: 999px) {
    .one-fourths.span_3, .one-fourths.vc_col-sm-3:not([class*=vc_col-xs-]), .one-fourths.vc_span3 {
        margin-bottom: 0!important;
    }
}
@media only screen and (max-width: 690px) {
    .wpb_column:not([class*=vc_col-xs]) {
        margin-bottom: 0!important;
    }
}

@media (max-width: 690px){
.content-row{
	padding-top:50px!important;
	padding-bottom:50px!important;
}
}








