/*
Theme Name:     mikeaponte2017
Description:    child of virtue theme
Author:         Penner Web Design
Template:       virtue

(optional values you can add: Theme URI, Author URI, Version, License, License URI, Tags, Text Domain)
*/
body {-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;}

.gform_wrapper li br {
display: none;
}
.handwriting {
    color: #e05915;
    font-family: "Reenie Beanie",cursive;
    font-size: 68px;
    font-weight: 100;
    text-transform: none;
}
.top-content {
	padding-top: 150px !important
}
.cards-bg h2 {
	margin-bottom:0
}
.page-header {
	border:none;
}
label {float: left;
width: 100%;}
.headerclass {
	/*background-image: url(https://mikeaponte.com/wp-content/uploads/2012/08/top-bg.jpg);
	background-position: top center;
	background-size: cover;*/
	background-color: #2F1240;
}
.headerclass {
    background-color: #2f1240;
    padding-bottom: 8px;
}
body.home .headerclass {
    
    padding-bottom: 0;
}
.button {
    background-color: #cdd422;
    color: #2e2e2e;
    display: inline-block;
    float: none;
    font-size: 22px;
    font-weight: 600;
  
}
.chip-button {
    background-color: #cdd422;
    color: #2e2e2e;
    display: inline-block;
    float: none;
    font-size: 22px;
    font-weight: 600;
    margin: 19px auto;
    max-height: 55px;
    padding: 15px 20px 16px 40px;
}
.chip-button:hover {color:#e05915}
.yellow.button { background-color: #cdd422;
    color: #2e2e2e;
    display: inline-block;
    float: none;
    font-size: 19px;
    font-weight: 400;
    margin: 19px auto;
    max-height: 55px;
    padding: 12px 30px 12px 30px;}
.large{
	font-size: 290%
}
.chip {background-size: 91px 98px;
    background-repeat: no-repeat;}
.orange .chip  {
    background-image: url("https://mikeaponte.com/wp-content/themes/mikeaponte2017/images/orange-chips.png");
    display: inline-block;
    height: 91px;
    margin: -32px 0 0 -97px;
    position: absolute;
    width: 98px;
}

.purple .chip {
    background-image: url("https://mikeaponte.com/wp-content/themes/mikeaponte2017/images/purple-chips.png");
    display: inline-block;
    height: 91px;
    margin: -32px 0 0 -91px;
    position: absolute;
    width: 98px;
}
.green .chip {
    background-image: url("https://mikeaponte.com/wp-content/themes/mikeaponte2017/images/green-chips.png");
    display: inline-block;
    height: 91px;
    margin: -32px 0 0 -96px;
    position: absolute;
    width: 98px;
}
.center {
	text-align:center;
	margin: 0 auto;
	float:none;
	display: block;
}
h2 {
	text-transform:uppercase;
	   padding-bottom: 10px;
}
p {

}
#pg-6-0, #pg-6-1, #pg-6-2, #pl-6 .so-panel {
    margin-bottom: 25px;
}
#nav-main ul.sf-menu a {
	text-transform:uppercase;
}
#homeheader {display:none;}

[class*="wp-image"], [class*="wp-image"]:hover {
	border:none;
 box-shadow:none;}

.dark h1, .dark, .dark p, .dark h2, .dark h3, .dark h4, .dark h5 {
	color:#fff;
}

.dark h4 {color:#cdd422}
#home-top {
    float: none;
    position: relative;
    top: -103px;
	padding: 0 0 0;
}
#logo {
    margin-right: 0;
    position: relative;
    z-index: 1;
	float: left;
}
.homecontent {
	z-index: 0;
}
#mobile-nav-trigger {
  
    z-index: 999999;
}
.kad-mobile-nav .kad-nav-inner li a, .kad-nav-inner .kad-mnav, .nav-trigger-case {
    color: #fff;
}
.nav-trigger-case {
	float: right
}
.mobileclass {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
	z-index: 9999999;
	position: relative
}
.mike-image img {
    margin: 0 0 0;
    vertical-align: top;
}
.cards-bg {
	background-repeat:repeat-x !important;
	background-position: bottom center !important;
}
.homecontent #pg-6-0 {
    margin-bottom: -226px;
}
.container {
   
    padding-left: 0;
    padding-right: 0;
}
.sf-menu a {
    color: #fff;
	margin: 0 15px;
    padding: 0 0 2px 0;
}
#nav-main ul.sf-menu .current-menu-item a, #nav-main ul.sf-menu li a {border-bottom: 1px solid transparent;}
#nav-main ul.sf-menu .current-menu-item>a, #nav-main ul.sf-menu li>a:hover
 {
	color:#cdd422;
border-bottom: 1px solid #cdd422;
}

.mike-image {
	margin-left: -42px;
}


.full-width-dark-bg { 
      background:rgba(0, 0, 0, 0.5);
      color: white;
      padding: 3px 0;
      position: relative;
    }
    .full-width-dark-bg:before, .full-width-dark-bg:after {
      content: "";
      background: rgba(0, 0, 0, 0.5);
      position: absolute;
      top: 0;
      bottom: 0;
      width: 9999px;
    }
    .full-width-dark-bg:before {
      right: 100%;
    }
    .full-width-dark-bg:after {
      left: 100%;
    }
    
    .full-width-dark-bg:nth-of-type(1), .full-width-dark-bg:nth-of-type(1):before, .full-width-dark-bg:nth-of-type(1):after { background: rgba(0, 0, 0, 0.5); }
    .full-width-dark-bg:nth-of-type(2), .full-width-dark-bg:nth-of-type(2):before, .full-width-dark-bg:nth-of-type(2):after { background: rgba(0, 0, 0, 0.5); }
    .full-width-dark-bg:nth-of-type(3), .full-width-dark-bg:nth-of-type(3):before, .full-width-dark-bg:nth-of-type(3):after { background: rgba(0, 0, 0, 0.5); }
.footercredits {
	width:50%;
	float:right;
	padding-bottom: 0;
    padding-top: 0;
	text-align: right;
}
.footer-links {
	width:50%;
	float: left
}
.footercredits p, .footer-links p {
	font-size: 0.7em;
}
.footerclass .button, .footerclass input.button {font-weight: 300;
color:#000;}
.contentclass {padding-bottom: 0}
.footerclass {background-color: #03050e;}
#containerfooter {font-size: 17px;}
#containerfooter h3 {font-weight: 400;}
#containerfooter, .footerclass a, #containerfooter h3 {color: #fff}
#containerfooter {background-image: url(images/footer-bg.jpg);
background-size: cover;
background-repeat: repeat-y;}
ul.advanced-recent-posts, ul.advanced-recent-posts li {list-style: none;
	margin-left: 0;
	padding-left: 0;
}
input {
	float:left;
	margin-bottom: 9px; 
}
input.button {
	float: left;
	clear: left
}
.gform_wrapper ul.gfield_checkbox li, .gform_wrapper ul.gfield_radio li {
    padding: 10px !important;
}
.twentyone-text {
padding-top:70px !important
}
 .gform_wrapper .gfield_radio li input[type="radio"] {
	margin: 9px;
}
.gform_wrapper .gfield_checkbox li input, .gform_wrapper .gfield_checkbox li input[type="checkbox"] {
	margin: 8px;
}
@media screen and (max-width: 1199px) {
.top-content {
	padding-top: 62px !important
}
	.sf-menu a {
   
    margin: 0 8px;
	}
}


@media screen and (max-width: 991px) {
	.green .chip, .purple .chip, .orange .chip {margin: -32px 0 0 -76px;}
.nav-trigger-case {
    float: none;
	clear: both;
	width: 100%;
	display: block;
	margin-top: 0 !important;
		top: 0 !important;
}
	
	.mike-image {
    margin-left: -42px;
    padding-top: 79px;
}
	.homecontent #pg-6-0 {
		margin-bottom: -200px;
	}
	.chip-button {
		padding: 15px 20px 16px 20px;
		font-size: 15px;
		
	}
	.chip {
		background-size: 71px 78px;}
}
@media screen and (max-width: 780px) {
	.chip-button {
    background-color: #cdd422;
    color: #2e2e2e;
    display: inline-block;
    float: none;
    font-size: 22px;
    font-weight: 600;
    margin: 19px auto;
    max-height: 55px;
    padding: 15px 20px 16px 40px;
}
.chip-button:hover {color:#e05915}
	
.yellow.button { background-color: #cdd422;
    color: #2e2e2e;
    display: inline-block;
    float: none;
    font-size: 19px;
    font-weight: 400;
    margin: 19px auto;
    max-height: 55px;
    padding: 12px 30px 12px 30px;}
	
	.top-content {
	padding-top: 84px !important
}
	.mike-image {
	display: none

	}
	#logo {
		float:none;
		margin: 0 auto;
	}
}
@media screen and (max-width: 789px) {
	.container {
 
    padding-left: 15px;
    padding-right: 15px;
}
	.twentyone-text {
padding-top:0px !important;
		margin-top:-80px;
}
}

@media screen and (max-width: 400px) {
	.large {
    font-size: 200%;
}
	.chip-button {
		font-size: 17px;
	}
	body h1 {

    line-height: 40px !important;
    font-size: 37px !important;
}
	body h4 {
  
  line-height: 25px !important;
   font-size: 18px !important;
}
	.homecontent #pg-6-0 {
		margin-bottom: -100px;
	}
	.media {
		display: none !important;
	}
	.top-content {
		padding-bottom: 0px !important;
	}
	.widget {
    margin-top: 0;
}
}