/* 
 Theme Name:     Traci Ruble_Child Theme
 Author:         TraciRuble
 Author URI:     http://traciruble.com
 Template:       Divi
 Version:        V1.0
 Description:   A Child Theme built using the elegantmarketplace.com Child theme maker
Developed by Andrew Palmer for Elegant Marketplace www.elegantmarketplace.com Free to use and duplicate as many times as you like
 Wordpress Version: 4.8.2
*/ 


/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */

@media (max-width: 980px){
	
	#s_k9dk9{
		font-size: 36px !important;
	}
	
	}
.editor-loaded[data-editable] {

    padding: 0;
    max-width: 100% !important;
    scale: 1.1;

}
.seven-columns .et_pb_module {width: 14.28%; float: left;}

@media (max-width: 980px){
.seven-columns .et_pb_module {width: 25%;}
	
}
 
@media all and (max-width: 767px) {
.seven-columns .et_pb_module {width: 100%;}
}

h1{ font-sze: 35px !important;}

@media only screen and (min-width: 1330px){
	#main-content {
    	max-width: 80%;
    	margin: 0 auto;
    	box-shadow: 12px 0 15px -4px rgba(215, 215, 215, 0.8), -12px 0 8px -4px rgba(215, 215, 215, 0.8);
	}
}

/* Vantage Contact Form 7 Submit Button */

.wpcf7 input[type="submit"] {
padding: 12px 20px;
border-top: solid 1px #d2d2d2;
border-left: solid 1px #c3c3c3;
border-right: solid 1px #c3c3c3;
border-bottom: solid 1px #9f9f9f;
background: #ffffff;
background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #dfdfdf), color-stop(1, #ffffff));
background: -ms-linear-gradient(bottom, #dfdfdf, #ffffff);
background: -moz-linear-gradient(center bottom, #dfdfdf 0%, #ffffff 100%);
background: -o-linear-gradient(#ffffff, #dfdfdf);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dfdfdf', GradientType=0);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-size: 12px;
font-weight: bold;
color: #646464;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.125), inset 0 1px 0 rgba(255, 255, 255, 0.5);
-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.125), inset 0 1px 0 rgba(255, 255, 255, 0.5);
box-shadow: 0 1px 1px rgba(0,0,0,0.125), inset 0 1px 0 rgba(255, 255, 255, 0.5);
width: auto;
text-decoration: none;
cursor: pointer;
-webkit-appearance: button;
line-height: 1;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

span.wpcf7-not-valid-tip {
    color: #000;
    font-size: 1em;
    font-weight: normal;
    display: block;
}
/* ----------- TIME LINE CUSTOM CSS --------------------------- */ 
.timeline_label{
text-align: center !important;
}
.et_pb_vertical_timeline_0 .cd-timeline-content {
    box-shadow: 0 4px 0 #e13731;
    background: #e13731;
    color: #fff;
}

.border-hover .et_pb_column {
 overflow: hidden;
 position: relative;
}
 
.border-hover .et_pb_column img {
 -webkit-transition: all 0.5s ease-in-out;
 -moz-transition: all 0.5s ease-in-out;
 transition: all 0.5s ease-in-out;
}
 
.border-hover .et_pb_column:hover img {
 transform: scale(1.1);
}
 
.border-hover .et_pb_column:hover .et_pb_image:after {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background: rgba(0,0,0,0.4);
 content: '';
}
 
.border-hover .et_pb_column .et_pb_promo_description:before {
 top: 50px;
 right: 30px;
 bottom: 50px;
 left: 30px;
 border-top: 1px solid #fff;
 border-bottom: 1px solid #fff;
 -webkit-transform: scale(0,1);
 transform: scale(0,1);
 -webkit-transform-origin: 0 0;
 transform-origin: 0 0;
 position: absolute;
 content: '';
 opacity: 0;
 -webkit-transition: opacity 0.35s,
 -webkit-transform 0.35s;
 transition: opacity 0.35s, transform 0.35s;
}
 
.border-hover .et_pb_column .et_pb_promo_description:after {
 top: 30px;
 right: 50px;
 bottom: 30px;
 left: 50px;
 border-right: 1px solid #fff;
 border-left: 1px solid #fff;
 -webkit-transform: scale(1,0);
 transform: scale(1,0);
 -webkit-transform-origin: 100% 0;
 transform-origin: 100% 0;
 position: absolute;
 content: '';
 opacity: 0;
 -webkit-transition: opacity 0.35s,
 -webkit-transform 0.35s;
 transition: opacity 0.35s, transform 0.35s;
}
 
.border-hover .et_pb_column:hover .et_pb_promo_description:before, .border-hover .et_pb_column:hover .et_pb_promo_description:after {
 -webkit-transition-delay: 0.15s;
 transition-delay: 0.15s;
 opacity: 1;
 -webkit-transform: scale(1);
 transform: scale(1);
}
 
.border-hover .et_pb_column .et_pb_promo_description h2 {
 opacity: 0;
 color: #fff;
 position: absolute;
 top: 37%;
 width: 100%;
 text-align: center;
 -webkit-transition: all 0.5s ease-in-out;
 -moz-transition: all 0.5s ease-in-out;
 transition: all 0.5s ease-in-out;
 margin: 0;
 padding: 0;
}
 
.border-hover .et_pb_column .et_pb_promo_description p {
 opacity: 0;
 color: #fff;
 position: absolute;
 top: 42%;
 width: 100%;
 text-align: center;
 -webkit-transition: all 0.5s ease-in-out;
 -moz-transition: all 0.5s ease-in-out;
 transition: all 0.5s ease-in-out;
}

@media only screen and (min-width: 320px){
.border-hover .et_pb_column:hover .et_pb_promo_description h2 {
    opacity: 100;
    top: 40%;
    max-width: 200px;
    text-align: center;
    color: #fff;
    margin-left: 80px;
    margin-top: -20px;
}
}
 
@media only screen and (min-width: 1600px){
.border-hover .et_pb_column:hover .et_pb_promo_description h2 {
 opacity: 100;
 position: absolute;
 top: 40%;
 width: 100%;
 text-align: center;
 color: #fff;
 max-width: 300px;
 padding-left: 120px;
}
}

@media only screen and (min-width: 1920px){
.border-hover .et_pb_column:hover .et_pb_promo_description h2 {
 opacity: 100;
 position: absolute;
 top: 40%;
 width: 100%;
 text-align: center;
 color: #fff;
 max-width: 400px;
 padding-left: 120px;
}
}


 
.border-hover .et_pb_column:hover .et_pb_promo_description p {
 opacity: 100;
 position: absolute;
 top: 50%;
 width: 100%;
 text-align: center;
 color: #fff;
}
 
.border-hover .et_pb_promo {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}
 
.border-hover .et_pb_promo_button {
 opacity: 0;
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}
.border-hover .et_pb_promo_description {
 position: static !important;
}


@media only screen and (min-width: 360px){
#signup_email{
    width: 287px !important;
    height: 45px !important;
    margin-bottom: 30px !important;
}
}