/*
Theme Name: Klapproof
Theme URI: bigwebmedia.co.za
Description: Klapproof website
Author: BigWebMedia
Author URI: bigwebmedia.co.za
Template: sydney
Version: 1.60
*/

/* Generated by Orbisius Child Theme Creator (http://orbisius.com/products/wordpress-plugins/orbisius-child-theme-creator/) on Sun, 29 Mar 2020 22:47:51 +0000 */ 
/* The plugin now uses the recommended approach for loading the css files.*/

.site-logo {
	max-height: 476px;
}
.site-header.fixed {
	position: relative !important;
}
.header-clone{height: 0 !important;}
.site-header { top:0 !important;
	background-color: rgba(39,53,158,1) !important;
	padding: 0;transform: skewy(-8deg);position: relative;
}
.site-header .header-wrap{transform: skewy(8deg);}
h1, h2, h3, h4, h5, h6 {
	font-family: gotham !important;
}
#skewer{transform: skewy(-8deg) !important;}
#skewer .panel-grid-cell{transform: skewy(8deg);}
#skewer h1{transform: skewy(-8deg) !important; font-size: 5vw !important;margin: 0;}
.site-header.float-header {
	padding: 0px;
}
#middle #middletop{}
#middle #middlebottom{}
#middle #middlebottom h1{font-size: 3.5vw;margin: 0;}
#middle #middlebottom img {
	margin-top: -155px;
	margin-bottom: 20px;
}
p {

    font-family: gothaml;
}
#middle #middlebottom{}
#texter{transform: skewy(-8deg) !important;position: relative;
    z-index: 1;}

#how{transform: skewy(-8deg) !important;max-height: 210px;position: relative;
    z-index: 2;}
#how > .panel-grid-cell{transform: skewy(8deg);}
#howlogo{margin-top: -15px;}
#howlogo img{max-width: 400px;}
#howlady{margin-top: -185px;}
#howlady img{max-width: 165px;}
#middle .mother{}
#middle .mother img {
	max-width: 400px;
	margin-top: -100px !important;
}
#how h1{transform: skewy(-8deg) !important;font-size: 3vw !important;margin: 0;}
#skewertext{transform: skewy(-8deg) !important;}
#middle{transform: skewy(-8deg) !important;position: relative;
    z-index: 3;}
#klapper h3{margin: 0;}
.baller{transform: skewy(-8deg) !important;}
.baller > .panel-grid-cell{transform: skewy(8deg);}
#klapper p{}
.man img {
	max-width: 115px !important;
	margin-top: -100px !important;
	margin-bottom: 0 !important;
}
.linkers a {
	float: left;
	display: table;
	width: 50%;
}
.page-wrap .content-wrapper {
	background-color: #27359E;
}
#texter .su-row{max-width: 480px;}
.linkers a img {
	margin: 0;
	width: 87%;
}
strong{font-family: gotham !important;font-weight: normal;}
#mainnav {
	float: none;
	margin: 0 auto;
	display: table;
}
#mainnav ul li a {
	font-family: gotham !important;
}
.site-footer{transform: skewy(-8deg) !important;text-align: center;}
.man #middlebottom{max-height: 100px;}
.thing h1{font-size: 3vw !important;}
.thinger #middlebottom{max-height: 270px;}
#klapper .ball{}
#klapper .ball img{max-width: 240px;}
#klapper{transform: skewy(-8deg) !important;}
#klapper > .panel-grid-cell{transform: skewy(8deg);}
@media only screen and (max-width: 1366px) {
#middle #middlebottom h1{font-size: 5vw ;margin: 0;}
#how h1{transform: skewy(-8deg) !important;font-size: 4.5vw !important;margin: 0;}
#howlady {
	margin-top: -165px;
}
#howlady img {
	max-width: 145px;
}

.thing h1{font-size: 4vw !important;}
}
@media only screen and (max-width: 980px) {
    .thinger #middlebottom {
        max-height: inherit;
    }
    #mainnav-mobi {
        top: 0 !important;
    }
    .thing h1 {
        font-size: 40px !important;
    }
    .man img {
        max-width: 115px !important;
        margin-top: 0px !important;
        margin-bottom: 0 !important;
        margin: 0 auto;
    }
    .man #middlebottom {
        max-height: inherit;
    }
.btn-menu {
	float: none;
	margin: -30px auto 50px;
}
#middle .mother img {
	max-width: 400px;
	margin-top: 0px !important;
}
#how h1 {
	transform: skewy(-8deg) !important;
	font-size: 50px !important;
	margin: 0;
	text-align: left;
}
#how {
	transform: skewy(-8deg) !important;
	max-height: inherit;
	position: relative;
	z-index: 2;
}
#skewer h1 {
	transform: skewy(-8deg) !important;
	font-size: 50px !important;
	margin: 0;
}
#howlady {
	margin-top: 0px;
}
#middle #middlebottom img {
	margin-top: 0px;
	margin-bottom: 0px;
}
#middle #middlebottom h1 {
	font-size: 46px;
	margin: 15px 0;
}
#skewertext .siteorigin-widget-tinymce p br{clear:none;display: none;}
}