/*
 Theme Name:   [Whatever You Need] - CUSTOM THEME
 Theme URI:    https://erichmann.com
 Description:  Custom, Premium WordPress theme
 Author:       Erich Mann Design
 Author URI:   https://erichmann.com
 Template:     framework
 Version:      1.0.0
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  framework-child
*/

@import url("../framework/style.css");

/* =Theme customization starts here
-------------------------------------------------------------- */
/*
ADD THEME STYLES HERE
*/
html, body, #everything{font-family: 'Cabin', sans-serif; line-height:1.6;}
.title, h1, h2, h3 {font-family: 'Andada', serif; margin-left:0 !important; padding-left:0!important;}

.wpcf7-form{width:100%; max-width:650px; float:left; clear:left; }
.wpcf7-form label, .wpcf7-form  p{display:block; width:100%; float:left; clear:left; margin-top:15px;}
.wpcf7-form input, .wpcf7-form textarea{width:95%; border:solid 1px gray; float:left; clear:left; border-radius:5px; padding:3px; margin:3px;} 
.wpcf7-form .wpcf7-submit{width:100px; height:25px; text-align:center;}
.wpcf7-form{width:80% !important; margin:auto !important; float:left !important; clear:both !important; display:block !important; background:#fff !important; padding:5% !important;}
.wpcf7-form .p {display:block; float:left; clear:left; height:auto; width:97%; padding:0px; margin:0px 0px 15px 0px; border-radius:3px; background:#f3f3f3; padding:1.5%;}
.wpcf7-form .p label{width:27%; line-height:30px; float:left; clear:left; display:inline; padding:0; margin:0;}
.wpcf7-form .p span{width:70%; float:right; clear:right; display:inline;}
.wpcf7-form .wpcf7-radio {width:100%; float:left; clear:none; display:inline; padding:0; margin:0;} 

.wpcf7-form .wpcf7-radio .first{width:50%; float:left; padding:0; margin:0; }
.wpcf7-form .wpcf7-radio .last{width:50%; float:left; padding:0; margin:0; }
div.wpcf7-mail-sent-ok { border: none !important;}
.wpcf7-form .accept-box{width:100% !important; float:left !important; clear:left !important; margin-top:15px !important; margin-bottom:15px !important;}
.wpcf7-form .accept-box .accept-txt{width:65px !important; height:25px !important; line-height:25px !important; float:left !important; clear:left !important; margin-right:10px !important;}
.wpcf7-form .accept-box .acceptance-880{  width: 25px !important; height:25px !important; float: left !important; display:inline !important; padding:0px !important; line-height: 25px !important; margin: 0 !important; }

.header{background:#524fa2; padding:0 !important; margin:0!important;}
.secondary-nav{background:#3d3b79; width:100%; float:left; clear:left; padding:5px 0px 5px 0px;}
.menu a {color:#fff;}

.bjqs-caption {
display: block;
width: 90%;
padding: 2% 5% 2% 5%;
position: absolute;
right: 0px;
margin-top: 22% !important;
top: 0;
z-index: 99;
line-height: 1.75;
color: #FFFFFF !important;
font-size: 1.1em;
background: #333;
opacity: .9;
color: transparent !important;
background: transparent !important;
}



.logo-box{width:200px; height:10px; float:left; clear:left;}

#logo {width: 100%; min-height: 80px; color: transparent; text-indent: -999px; float: left; clear: left; min-width: 200px;
color: transparent; background: transparent no-repeat center top; position: absolute; z-index: 9999 !important;  width: 300px; height: 250px; margin: -65px; }

.menu-primary-container, .menu-secondary-container{  width: 100%;   float: right; height:40px; }
#menu-primary {width:100%; margin-bottom:10px;}
#menu-primary .menu-item, #menu-secondary .menu-item {float:right; clear:none; display:inline; margin-right:15px;}
#menu-primary .menu-item a, #menu-secondary .menu-item a{font-size: 1.1em; text-shadow: 0 0 5px black; line-height:40px;}
#menu-primary .menu-item a:hover, #menu-secondary .menu-item a:hover{text-decoration:underline; text-shadow: 0 0 10px black; }
#menu-primary .current-menu-item a{text-decoration:underline; text-shadow: 0 0 10px black; }
.phone-booth{width:100%; /* min-width:600px; */ float:left; clear:left; background-color: rgb(82, 79, 162); overflow:hidden; height:auto; padding:0; margin:0; height:80px;}

.phone-section{width:50%; float:left; clear:none; padding:0; margin:0; display:block; }

.angle-block{float:right; clear:none; margin:0; padding:0; height: 80px; width: 20px; border-top: 80px solid black;  border-left: 40px solid transparent; overflow:hidden;}
.phone-block{line-height:80px; float:right; clear:none; padding-left:5px !important; font-weight:bold; width:75%; height:80px; background-color: rgb(82, 79, 162); color:white; background:black; font-size:1.6em; text-indent:30px;}


.phone-filler{width: 25%; float: left;height: 80px; display:none !important;}
		
.mobile-menu, .mobile-menu a{color:black !important;}

.mbile-menu li{margin:0px !important;}

#mobile-toggle{width:50px !important;}
.toggle-bar {background-color: #fff !important;  
width: 100%;
float: left;
display: block;
clear: both;
height: 5px;
padding: 0;
margin: 0 0 7px 0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}

.footer{background:#524fa2; padding:0 !important; margin:0!important; border-top: solid 5px #413e81;}


.button{ 
border-radius:3px; 
padding:10px 15px 10px 15px; 
float:left; 
clear:left; 
display:block; 
background:#c8412e; 
color:#fff; 
margin-top:25px 0px 25px 0px !important; }

.button:hover{color:#fff; text-decoration:underline;}
.button:visited{color:#fff;}


.tall-600{min-height:550px !important; height:auto !important; overflow:hidden !important; float:left !important; clear:left !important; width:94% !important; margin: 0% 3% 0% 3% !important;}
.tall-400{min-height:400px !important; height:auto !important; overflow:hidden !important; float:left !important; clear:left !important; width:94% !important; margin: 0% 3% 25px 3% !important;}

.post .tall-600 img, .tall-400 img {width:96%  !important; height:auto; background:#eaeaea; padding:2%;  } 
.post .tall-600 h2, .tall-400 h2{text-align:center; margin:5px 0px 5px 0px; padding:5px 0px 5px 0px; font-weight:normal; font-size:2.2em; float:left; clear:left;}
.post .tall-600 p .tall-400 p {width:90%; float:left; clear:left; margin:10px 5% 10px 5%;}
 






@media only screen and (max-width:960px), only screen and (max-device-width: 960px){
.mobile-center{text-align:center !important;}
.phone-booth{background:black;}
.phone-section{width:100% !important; float:left; clear:left;}
.phone-filler{display:none !important;}
.phone-block{width: 100% !important;}
.logo-box {
min-width: 250px!important;
width: auto !important;
height: auto !important;
float: left!important;
clear: left!important;
margin-top: -20px !important;
}
#logo{margin: -30px !important;}
#menu-mobile .menu-item a {
display: block;
width: 98%;
float: left;
margin: 0 0 15px 0;
padding: 1%;
background: #fff;
border-radius: 5px;
font-size: 1.5em;
box-shadow: 0 0 5px black;
}
#logo {
width: 100%!important; 
min-height: 200px!important; 
color: transparent!important; 
text-indent: -999px!important; 
float: left!important; 
clear: left!important; 
position: static!important;
background-size: 100% !important;
background-repeat: no-repeat !important;
height: 280px;
background-position: 0;
}


#mobile-toggle { margin: 150px 20px 0 0 !important;}
	
}

.entry-title {margin-top:50px !important; float:left; clear:left;}

.sidebar {
background: #fff;
padding: 5px;
margin: 25px 0 0 0;
border-left: solid 1px #eaeaea;
margin:50px 0px 50px 0px!important;
}
.sidebar .widget .page_item{display:block; width:100%; float:left; margin:0px; list-style-type:left;}




#banner-fade {
max-width: 1024px;
position: relative;
height: auto !important;
margin: 35px 0px 0px !important;
padding: 0px;
clear: left !important;
float: left !important;
width: 100% !important;
display: block !important;
box-shadow: 0px 0px 0px black; 
border: 0px solid #FFF;
display: block !important;
}

.post, .the_content{width:100%; float:left; clear:left; margin:0; padding:0;}

.footer {color#fff; font-size:1em; font-weight:normal!important;}
.footer  .widget{margin-bottom:25px !important;}
.footer .widget h3{color:#fff; border-bottom:solid 1px #fff; text-shadow:0 0 1px black; font-weight:normal;}
.footer .widget, .footer .widget a {color:#fff;}
.footer .widget ul .left{width:49%; float:left; clear:left; display:block;}
.footer .widget ul .right {width:49%; float:right; clear:right; display:block;}
.footer .widget ul li a {width:100%; float:left;}
.footer .widget blockquote{margin:0; padding:0; width:100%; float:left;}
.footer .widget blockquote p{margin:0; padding:0; width:100%; float:left;}
.copy{width:100%; float:left; clear:left; margin:0; padding:15px 0px 15px 0px; background:black;}
.copy .copy-box{width:80%; margin:auto; color:white; font-weight:normal;}

.footer a:hover, .copy a:hover{text-decoration:underline;}

/* .home-img-grid{max-height:200px; width:auto!important;} */
.the_content{#fff; float:left; clear:left; width:100%;}


#menu-sidebar{width:100%; padding:0; margin:0;}
#menu-sidebar li{width:100%;}
#menu-sidebar li a{color:black; padding:0; line-height:30px;}
#menu-sidebar li a:hover{text-decoration:underline;}





#menu-primary .menu-item a, #menu-secondary .menu-item a {
font-size: 1;
text-shadow: 0 0 5px black;
line-height: 40px;
}

#menu-primary .menu-item, #menu-secondary .menu-item {
float: right;
clear: none;
display: inline;
margin-right: 5px;
}


.bonded, .ontime, .climeb, .pullweeds, .scrubtoilets, .juggle, .woddhours, .driveinma, .lheavyt{
width:150px !important; float:left !important;
}


form .grid-33 label{width:100% !important;}

.post, .the_content {
overflow: hidden;
}