/*
Theme Name: Beaver Builder Child Theme
Theme URI: http://www.wpbeaverbuilder.com
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: The Beaver Builder Team
Author URI: http://www.fastlinemedia.com
template: bb-theme
*/

/* Add your custom styles here... */ 

/*
============================================================================
    Web King Framework to style elements on the fly
============================================================================
*/

p {
    margin-bottom: 20px;
}

.fixed {
    position: fixed;
}

.absolute {
    position: absolute;
}

.relative {
    position: relative;
}

.block {
    display: block;
}

.centerText {
    text-align: center;
}

.center {
    display: block;
    position: relative;
    margin: 0 auto;
    clear: both;
}

/*
================
    Padding
================
*/

.pad5 {
	padding: 5px;
}

.pad10 {
	padding: 10px;
}

.pad15 {
	padding: 15px;
}

.pad20 {
	padding: 20px;
}

.pad25 {
	padding: 25px;
}

.pad35 {
	padding: 35px;
}

.pad50 {
    padding: 50px;
}

.pad100 {
    padding: 100px;
}

.padTop5 {
    padding-top: 5px;
}

.padTop10 {
    padding-top: 10px;
}

.padTop15 {
    padding-top: 15px;
}

.padTop20 {
    padding-top: 20px;
}

.padTop25 {
    padding-top: 25px;
}

.padTop35 {
    padding-top: 35px;
}

.padTop50 {
    padding-top: 50px;
}

.padTop100 {
    padding-top: 100px;
}

.padBtm5 {
    padding-bottom: 5px;
}

.padBtm10 {
    padding-bottom: 10px;
}

.padBtm15 {
    padding-bottom: 15px;
}

.padBtm20 {
    padding-bottom: 20px;
}

.padBtm25 {
    padding-bottom: 25px;
}

.padBtm35 {
    padding-bottom: 35px;
}

.padBtm50 {
    padding-bottom: 50px;
}

.padBtm100 {
    padding-bottom: 100px;
}

.padTopBtm5 {
    padding-top: 5px;
    padding-bottom: 5px; 
}

.padTopBtm10 {
    padding-top: 10px;
    padding-bottom: 10px; 
}

.padTopBtm15 {
    padding-top: 15px;
    padding-bottom: 15px;
}

.padTopBtm20 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.padTopBtm25 {
    padding-top: 25px;
    padding-bottom: 25px;
}

.padTopBtm35 {
    padding-top: 35px;
    padding-bottom: 35px;
}

.padTopBtm50 {
    padding-top: 50px;
    padding-bottom: 50px;
}

.padTopBtm100 {
    padding-top: 100px;
    padding-bottom: 100px;
}

.padSides5 {
    padding-left: 5px;
    padding-right: 5px;
}

.padSides10 {
    padding-left: 10px;
    padding-right: 10px;
}

.padSides15 {
    padding-left: 15px;
    padding-right: 15px;
}

.padSides20 {
    padding-left: 20px;
    padding-right: 20px;
}

.padSides25 {
    padding-left: 25px;
    padding-right: 25px;
}

.padSides35 {
    padding-left: 35px;
    padding-right: 35px;
}

.padSides50 {
    padding-left: 50px;
    padding-right: 50px;
}

.superPad {
    padding-left: 15px;
    padding-right: 15px;
}

@media screen and (min-width: 480px) {
.superPad {
	padding-left: 10%;
	padding-right: 10%;
}
}

@media screen and (min-width: 768px) {
.superPad {
	padding-left: 12%;
	padding-right: 12%;
}
}

@media screen and (min-width: 992px) {
.superPad {
	padding-left: 16%;
	padding-right: 16%;
}
}

@media screen and (min-width: 1200px) {
.superPad {
	padding-left: 20%;
	padding-right: 20%;
}
}

.rowPad {
    padding: 50px 0px;
}

@media screen and (min-width: 768px) {
.rowPad {
    padding: 100px 0px;
}
}

/*
================
    Margins
================
*/

.margin5 {
    margin: 5px;
}

.margin10 {
    margin: 10px;
}

.margin15 {
    margin: 15px;
}

.margin20 {
    margin: 20px;
}

.margin25 {
    margin: 25px;
}

.margin35 {
    margin: 35px;
}

.margin50 {
    margin: 50px;
}

.margin100 {
    margin: 100px;
}

.marginTop5 {
    margin-top: 5px;
}

.marginTop10 {
    margin-top: 10px !important;
}

.marginTop15 {
    margin-top: 15px;
}

.marginTop20 {
    margin-top: 20px;
}

.marginTop25 {
    margin-top: 25px;
}

.marginTop35 {
    margin-top: 35px;
}

.marginTop50 {
    margin-top: 50px;
}

.marginTop100 {
    margin-top: 100px;
}

.marginBtm5 {
	margin-bottom: 5px;
}

.marginBtm10 {
	margin-bottom: 10px;
}

.marginBtm15 {
	margin-bottom: 15px;
}

.marginBtm20 {
	margin-bottom: 20px;
}

.marginBtm25 {
	margin-bottom: 25px;
}

.marginBtm35 {
	margin-bottom: 35px;
}

.marginBtm50 {
	margin-bottom: 50px;
}

.marginBtm100 {
	margin-bottom: 100px;
}

.marginBtm150 {
	margin-bottom: 150px;
}

.marginTopBtm5 {
    margin-top: 5px;
	margin-bottom: 5px;
}

.marginTopBtm10 {
    margin-top: 10px;
	margin-bottom: 10px;
}

.marginTopBtm15 {
    margin-top: 15px;
	margin-bottom: 15px;
}

.marginTopBtm20 {
    margin-top: 20px;
	margin-bottom: 20px;
}

.marginTopBtm25 {
    margin-top: 25px;
	margin-bottom: 25px;
}

.marginTopBtm35 {
    margin-top: 35px;
	margin-bottom: 35px;
}

.marginTopBtm50 {
    margin-top: 50px;
	margin-bottom: 50px;
}

.marginTopBtm100 {
    margin-top: 100px;
	margin-bottom: 100px;
}

.marginSides5 {
	margin-left: 5px;
	margin-right: 5px;
}

.marginSides10 {
	margin-left: 10px;
	margin-right: 10px;
}

.marginSides15 {
	margin-left: 15px;
	margin-right: 15px;
}

.marginSides20 {
	margin-left: 20px;
	margin-right: 20px;
}

.marginSides35 {
	margin-left: 35px;
	margin-right: 35px;
}

.marginSides50 {
	margin-left: 50px;
	margin-right: 50px;
}

.marginRight5 {
    margin-right: 5px;
}

.marginRight10 {
    margin-right: 10px;
}

.marginRight15 {
    margin-right: 15px;
}

.marginRight20 {
    margin-right: 20px;
}

.marginRight25 {
    margin-right: 25px;
}

.marginRight35 {
    margin-right: 35px;
}

.marginRight50 {
    margin-right: 50px;
}

.marginRight100 {
    margin-right: 100px;
}

.marginLeft5 {
    margin-left: 5px;
}

.marginLeft10 {
    margin-left: 10px;
}

.marginLeft15 {
    margin-left: 15px;
}

.marginLeft20 {
    margin-left: 20px;
}

.marginLeft25 {
    margin-left: 25px;
}

.marginLeft35 {
    margin-left: 35px;
}

.marginLeft50 {
    margin-left: 50px;
}

.marginLeft100 {
    margin-left: 100px;
}

/*
================
    Styles
================
*/

.silverBack {
    background-color: silver;
}

.whiteBack {
	background-color: white;
}

.smokeBack {
	background-color: whitesmoke;
}

.blackBack {
    background-color: black;
}

.lightBack {
    background-color: #fafafa;
}

.smokeText {
    color: whitesmoke;
}

.whiteText {
    color: white;
}

.blackText {
    color: black;
}

.lightText {
    color: #fafafa;
}

.boxShadow {
    box-shadow: 3px 3px 3px rgba(107,107,107,0.5);
	
}

.boxShadow2 {
    box-shadow: 5px 5px 5px #f5f5f5;
}

.transparent {
    opacity: 0;
}

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

.brclear {
    clear:both;
    height:0;
    margin:0;
    font-size: 1px;
    line-height: 0;
}

.viewportHeight {
    height: 100vh;
    min-height: 600px;
}

.borderShadow {
	-webkit-box-shadow: 10px 10px 20px -1px rgba(207,207,207,1);
	-moz-box-shadow: 10px 10px 20px -1px rgba(207,207,207,1);
	box-shadow: 10px 10px 20px -1px rgba(207,207,207,1);
}