@import url("../Divi/style.css");
@import url('https://fonts.googleapis.com/css?family=Lato:400,700|Roboto+Slab|Roboto:400,700');
/*
Theme Name: Make Your Life Epic
Theme URI: http://www.elegantthemes.com/gallery/divi/
Description: Child theme for the Divi theme
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Template: Divi
Version: 1.6 - WarbyParker
*/

/*** CHILD THEME STYLE RULES - BELOW HERE***/

/** DO NOT ADD NEW RULES ABOVE THIS LINE **/

/**/
/**/
/************* DEFAULT STYLES *************/
/**/
/**/

#page-container {
    padding-top: 0px !important;
}

.container {
    position: relative;
    width: 80%;
    max-width: 980px;
    margin: 0 auto;
}

	#et-info-phone {
	    cursor: default;
	}



/**/
/**/
/******* GLOBAL ELEMENTS ******/
/**/
/**/



/****** BUTTONS *******/

.btn {
	display: inline-block;
    background: rgba(255,255,255,.8);
    padding: .7em 1em;
    border-radius: 0;
    border: 2px solid #ccc;
    color: #333;
    text-transform: uppercase;
    font-weight: 600;
    font-family: "Roboto",sans-serif;
    font-size: 16px;
    transition: all .2s ease-out;
}
	.btn:hover {
		background: rgba(255,255,255,1);
	}
.btn.dark {
	background: rgba(0,0,0,.8);
	color: #fff;
}
	.btn.dark:hover {
		background: #fff;
		color: #333;
	}

.gform_wrapper input[type=submit] {
    position: relative;
    background: rgba(255,255,255,.8);
    color: #333;
    padding: .7em 1em;
    border: 1px solid transparent;
    border-radius: 0;
    font-weight: 500;
    font-size: 20px;
    font-family: "Roboto",sans-serif;
    transition: all .2s ease-out;
}
	.gform_wrapper input[type=submit]:hover {
		background: #fff;
		color: #333;
	}
	
/*** CTA SECTIONS ***/
.cta-left .et_pb_row, .cta-left .et_pb_column,
.cta-right .et_pb_row, .cta-right .et_pb_column {
    min-height: 400px;
    padding: 0;
}
	.cta-left .et_pb_text,
	.cta-right .et_pb_text {
	    position: absolute;
	    top: 50%;
	    transform: translate(0, -50%);
	}
		.cta-left h1, .cta-left h2,
		.cta-center h1, .cta-center h2,
		.cta-right h1, .cta-right h2 {
		    font-family: "Roboto Slab",serif;
		    text-transform: uppercase;
		    font-size: 32px;
		    font-weight: 700;
		}
		.cta-left h4, .cta-left p,
		.cta-center h4, .cta-center p,
		.cta-right h4, .cta-right p {
		    font-size: 20px;
		    font-family: "Roboto",sans-serif;
		}
		.cta-left.dark h4, .cta-left.dark p,
		.cta-center.dark h4, .cta-center.dark p,
		.cta-right.dark h4, .cta-right.dark p {
			color: #333;
		}
		.cta-left .btn, .cta-center .btn, .cta-right .btn {
		    display: inline-block;
		    margin-left: 15px;
		}
		.cta-left.dark .btn, .cta-center.dark .btn, .cta-right.dark .btn {
			background: rgba(0,0,0,.8);
			border: 2px solid #fff;
			color: #fff;
		}
			.cta-left.dark .btn:hover, .cta-center.dark .btn:hover, .cta-right.dark .btn:hover {
				background: #000;
				color: #fff;
			}
	
/*** IMAGE / FORM SECTIONS ***/
.image-form .et_pb_column {
    padding: 40px;
    min-height: 400px;
    position: relative;
}
	.image-form .et_pb_column .image-form-content {
	    position: absolute;
	    top: 0;
	    bottom: 0;
	    left: 50%;
	    transform: translate(-50%);
	    width: 80%;
	    height: 80%;
	}
	.image-form-content.form {
	    padding: 40px;
	    box-sizing: border-box;
        min-height: 400px;
	}
		.image-form-content.form h4 {
		    font-size: 28px;
		    text-transform: uppercase;
		    font-family: "Roboto Slab",serif;
		    font-weight: 700;
		    text-align: center;
		}
		.image-form-content.form input:not([type=submit]) {
		    height: 35px;
		    padding: 10px 5px;
		    box-sizing: border-box;
		}
		.image-form-content.form input[type=submit] {
		    display: block;
		    width: 100%;
		    background: #fff;
		    border: 2px solid #a41b18;
		    color: #a41b18;
		    font-size: 20px;
		    margin-bottom: 10px;
		    text-transform: uppercase;
		}


/**** HEADER *****/
#header {
    padding: 20px 0;
}
	#logo {
	    max-width: 250px;
	    width: 25%;
	    float: left;
	    max-height: 100%;
	}
	
	#et-info {
	    width: 60%;
	    float: right;
	    text-align: right;
	}
	
	#top-navigation {
	    max-width: 700px;
	    width: 70%;
	    float: right;
	}
		nav#top-menu-nav {
		    float: right;
		}

	/**** SOCIAL MEDIA ICONS ****/
	
	#et-info-phone {
		color: #333;
		font-size: 20px;
		font-weight: 700;
		font-family: "Roboto",sans-serif;
		display: inline-block;
		position: relative;
		top: -2px;
	}
		#et-info-phone:before { display: none; }
	
	.et-social-icons {
	    margin-top: -7px;
	}
		.et-social-icons li {
		    display: inline-block;
		    margin-left: 15px;
		}
			#header .et-social-icon a {
			    color: #fff;
			    background: #333;
			    border-radius: 50%;
			    font-size: 14px;
			    width: 25px;
			    height: 25px;
			    padding: 0 !important;
			    line-height: 28px;
			    text-align: center;
			    margin: 0 -5px;
			}



/********* RESPONSIVE < 1023px *********/
/***************************************/
@media screen and (max-width: 1023px){
	
	
#top-menu-nav {
	display: none;
}

#et_mobile_nav_menu {
    display: none;
}

	.mobile_menu_bar {
	    display: block;
	    position: relative;
	    line-height: 0;
	}
	
}


@media screen and (max-width: 980px) {
	#et-info {
	    width: 100%;
	    text-align: center;
	    display: block;
	    float: none;
	}
		.et-social-icons, #footer-info {
		    float: right;
		    text-align: center;
		}
		.et-social-icons { display: block; }
}


/********* RESPONSIVE < 630px *********/
/****************************************/
@media screen and (max-width: 630px){
/*** GLOBALS ***/
	.btn {
	    display: block;
	    margin: 15px auto;
	    max-width: 250px;
	}

/*** CTA SECTIONS ***/
	.cta-left, .cta-right {
	    position: relative;
	}
		.cta-left:before, .cta-right:before, .cta-center:before {
		    content: "";
		    display: block;
		    position: absolute;
		    top: 0;
		    bottom: 0;
		    left: 0;
		    right: 0;
		    background: rgba(0,0,0,.5);
		}
		.cta-left.dark:before, .cta-right.dark:before, .cta-center.dark:before {
			background: rgba(255,255,255,.5);
		}
	
/*** IMAGE / FORM ***/
	.image-form .et_pb_column {
	    padding: 40px 0;
	}
		.image-form .et_pb_column .image-form-content {
		    position: relative;
		    top: 0;
		    bottom: 0;
		    left: 0;
		    transform: none;
		    width: 100%;
		    height: auto;
		    padding: 20px;
		}
		.image-form-content.form {
		    padding: 40px 20px;
		    box-sizing: border-box;
		    min-height: 100%;
		}

/**** HEADER ****/	
	#et-info {
	    width: 100%;
	    text-align: center;
	    display: block;
	    float: none;
	}
		.et-social-icons { display: block; }
	
	#logo {
	    width: 49%;
	    float: none;
	    margin: 0 auto 10px;
	    display: block;
	}
	
	
	
}