/* 
Theme Name: Responsive Child Theme
Theme URI: http://cyberchimps.com/guide/child-theme-example/
Description: Responsive Child Theme
Template: responsive
Version: 1.0.0
Author: CyberChimps
Author URI: https://cyberchimps.com/
License: GNU General Public License
License URI: license.txt

*/

/* =Start From Here
-------------------------------------------------------------- */
/*Michele's Basics*/
/*BASIC*/
body{color:#000000;font-family: 'Open Sans', sans-serif;background:#ffffff;font-size:14px;line-height:1.2;}
body:before{
  content: ' ';
  display: block;
  background-position: center;
  background-size: cover;
  height: 100vh;
  width: 100vw;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: fixed;
  z-index: -10; // This is pretty important.
}

a, a:visited, #footer a{}
a:hover, a:focus, a:active, #footer a:hover{}
h1{font-size:16px;text-align:center;color:#fff;margin-top:60px;}
h2{}
a.button, input[type="reset"], input[type="button"], input[type="submit"] {
    -moz-border-radius: 0;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    -webkit-border-radius:0;
    background:#2964bc;
    box-shadow:none;
    border:1px solid #2964bc;
    border-radius:0;
    color: #fff;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#2964bc, endColorstr=#2964bc)";
    text-shadow:none;
	transition:all .6s;
}
a.button:hover, input[type="reset"]:hover, input[type="button"]:hover, input[type="submit"]:hover{
	-moz-border-radius: 0;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    -webkit-border-radius:0;
    background:#fff;
    box-shadow:none;
    border:1px solid #2964bc;
    border-radius:0;
    color: #2964bc;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#ffffff)";
    text-shadow:none;
}
iframe{margin:0 auto;display:block;clear:both;}
label, textarea,select,input[type="text"],input[type="email"],input[type="tel"],input[type="number"],input[type="url"], img{max-width:100%;font-size:14px;}
a.phone{color:inherit;}
p{margin:10px 0;}

#container, #footer{max-width:1600px;padding:0;}
#wrapper, #content, #content-full{margin-top:0;margin-bottom:0;border:none;background:transparent;}
#wrapper{padding:0 40px;}

#logo{float:none;width:auto;max-width:100%;}
#logo,.site-name a{color:rgba(255,255,255,.5);text-align:center;font-size:22px;}

.intro, .cta-menu h2{font-size:38px;color:#fff;text-shadow:0 0 5px #000;text-align:center;line-height:1.1;font-family:'Oswald', sans-serif;}
.intro-sub{display:block;font-size:70%;margin:20px 0;}

.hbspt-form{text-align:center;}
.hbspt-form form {margin:0;}
.hs_email > label{width:0;height:0;overflow:hidden;color:transparent;display:block;}
/*div.input, div.field, .hs_submit{display:inline-block;margin:0 8px;vertical-align:baseline;}*/
.hs_email, .hs_submit{display:block;}
div.input{margin-top:0;}
.hs_email input, .hs_submit input{width:100%;}
.main-content-wrap{background:rgba(255,255,255,.7);text-align:center;padding:20px 30px;}
.main-content-wrap h2{margin:10px 0;font-size:24px;font-family:'Oswald', sans-serif;color:#2964bc;}

.cta-menu h2{font-size:22px;font-weight:normal;margin-top:40px;margin-bottom:30px;}
/*a.cta{display:block;margin:20px 0;padding:20px;color:#000;text-align:center;font-family:'Oswald', sans-serif;font-weight:bold;font-size:20px;}
.cta-wrap{background:rgba(255,255,255,.8);display:block;padding:20px;}*/
a.cta{display:block;background:transparent !important;margin:0;padding:10px 20px;color:#fff;text-align:center;font-family:'Oswald', sans-serif;font-weight:bold;font-size:18px;text-shadow: 0 0 5px #000;}
.cta-wrap{display:inline-block;vertical-align:middle;}
a.cta:after{content:'➤';color:#2964bc;font-size:16px;display:inline-block;vertical-align:middle;margin-left:8px;text-shadow: 0 0 2px #fff;}

.main-p{color:#fff;clear:both;background:rgba(51,36,15,.1);padding:20px;font-size:16px;}

.end{margin:150px 0 80px;opacity:.5;color:#fff;font-family:'Oswald', sans-serif;font-size:24px;text-align:center;padding:30px;}

@media screen and (min-width:650px){
	.intro{margin:30px 0;}
	.main-content-wrap{width:30%;margin:30px auto;}
}
@media screen and (min-width:840px){
	a.cta{float:left;width:32%;margin:20px 1% 20px 0;box-sizing:border-box;padding:10px;}
}
@media screen and (min-width:1020px){
	a.cta{font-size:20px;}
	a.cta:after{font-size:18px;}
	a.cta{width:30%;margin:20px 3% 20px 0;padding:10px 20px;}
}
@media screen and (min-width:1200px){
	a.cta{font-size:26px;}
}

@media screen and (max-width:650px){
	/*Toggle Sub Menus*/
	.submenu-button {
		position: absolute;
		z-index: 10;
		right: 0;
		top: 0;
		display: block;
		border-left: 1px solid rgba(120, 120, 120, 0.15);
		height: 52px;
		width: 52px;
		cursor: pointer;
	}
	.submenu-button::after {
    content: '';
    position: absolute;
    top: 21px;
    left: 26px;
    display: block;
    width: 1px;
    height: 11px;
    background: #000000;
    z-index: 99;
	}
	.submenu-button::before {
    content: '';
    position: absolute;
    left: 21px;
    top: 26px;
    display: block;
    width: 11px;
    height: 1px;
    background: #000000;
    z-index: 99;
	}
	.submenu-button.submenu-opened:after {
    display: none;
	}
	.current_page_ancestor .submenu-button, li.current_page_item, .js .menu li.current-menu-item > a, .js .menu li.current_page_item > a{background:#d6d6d6;color:#2c347d;font-weight:bold;}
	.current_page_ancestor .submenu-button:before, .current_page_ancestor .submenu-button:after{background:#2c347d;}
	.current_page_ancestor .submenu-button:before{height:2px;}
	.current_page_ancestor .submenu-button:after{width:2px;}
	/*End Toggle Sub Menus*/
}
@media screen and (max-width:400px){
	.main-content-wrap h2{font-size:20px;}
}
@media screen and (max-width:350px){
	#wrapper{padding:0 25px;}
	.main-content-wrap{padding:10px 20px;}
	a.cta{font-size:17px;}
	a.cta:after{margin-left:5px;}
}

/*The last 29 days of the month are the hardest."- Nikola Tesla*/