/*
You can add your own CSS here.

Click the help icon above to learn more.
*/

/*  Main Page   */

.main-bottom-margins {
	padding-left: 15% !important;
	padding-right: 15% !important;
}

/* Contact Form */
.contact-form {
	opacity: 0.7;
	background-color: #ffffff;
}

.wpcf7-form-control {
	width: 100%;
}

.wpcf7-submit {
    width: 100px;
    height: 40px;
    color: #45566a !important;
    background: white;
    border-radius: 2px !important;
		margin-top: 10px;
}

.wpcf7-mail-sent-ok  {
	color:  #398f14 !important;
	background: rgba(255,255,255,0.7);
}

.col-splash {
	box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.2);
	height: 350px !important;
}

@media (max-width: 782px) {
	.col-splash {
		height: 300px !important;
	}
}

@media (max-width: 767px) {
.main-bottom-margins {
    padding-left: 5% !important;
    padding-right: 5% !important;
	}	
}

@media (max-width: 767px) {
.main-bottom-margins {
    padding-left: 7.5% !important;
    padding-right: 7.5% !important;
	}	
}

/* Pricing Page */

ul li.checkmark {
	counter-reset: foo;
  display: table;
	line-height: 1.6;
}

ul li.checkmark:before {
	content: url(https://rfprepared.wpcomstaging.com/wp-content/uploads/2018/04/checkmark.png);
}

ul > li.checkmark {
	counter-increment: foo;
	display: table-row;
}

ul > li.checkmark::before {
	display: table-cell;
	text-align: right;
}

.pricing-shadow {
    -moz-box-shadow: 1px 2px 3px rgba(0, 0, 0,0.3);
    -webkit-box-shadow: 1px 2px 3px rgba(0, 0, 0, .3);
	  -ms-box-shadow: 1px 2px 3px rgba(0, 0, 0,0.3);
		-o-box-shadow: 1px 2px 3px rgba(0, 0, 0,0.3);
    box-shadow: 1px 2px 3px rgba(0, 0, 0, .3);
}

.pricing-shadow-short {
		border-left: 0.5px solid #efefef;
	border-right: 0.5px solid #efefef;
	margin-top: 27px;
    -moz-box-shadow: 1px 2px 3px rgba(0, 0, 0,0.3);
    -webkit-box-shadow: 1px 2px 3px rgba(0, 0, 0, .3);
	  -ms-box-shadow: 1px 2px 3px rgba(0, 0, 0,0.3);
		-o-box-shadow: 1px 2px 3px rgba(0, 0, 0,0.3);
    box-shadow: 1px 2px 3px rgba(0, 0, 0, .3);
}


.prize-icon {
	margin-top: 15px;
}

.split-bckgrd-color {
	height: 100%;
  width: auto; 
	border-left: 1px solid #efefef;
	border-right: 1px solid #efefef;
  background: linear-gradient(to bottom, #ffffff 0%, #ffffff 50%, #b9b9b9 50%, #b9b9b9 100%) !important;
}

@media only screen and (max-width: 1229px) {
	#go-blank-space {
		height: 12px !important;
	}
}

@media only screen and (max-width: 991px) {
	#basic-blank-space {
		height: 440px !important;
	}
	#more-blank-space {
		height: 370px !important; 
	}
	#go-blank-space {
		height: 32px !important;
	}	
}

@media only screen and (max-width: 768px) {
	.pricing-gap {
		height: 40px !important;
	}
	.pricing-shadow-short {
		margin-top: 0px;
		margin-bottom: 10px;
	}
	#basic-blank-space {
		height: 0px !important;
	}
	#more-blank-space {
		height: 0px !important; 
	}
	#go-blank-space {
		height: 0px !important;
	}		
}

/*  Menu Fix  */

#close-menu {
	margin-top: 80px !important;
}

.fa .fa-long-arrow-left {
    margin-top: 80px !important;
    color: #999;
}

@media (min-width: 768px) and (max-width:991px)  {
	.toggle-nav {
    color: #353535;
    display: inline-block;
    position: relative;
    width: 30px;
    height: 30px;
    cursor: pointer;
    vertical-align: middle;
	}	
}


/* footer bar fixes */

#footerbar strong {
	color: #757575;
}