/* 
 Theme Name:     Healthy Tri-State 2018
 Author:         Jodie Burdette
 Author URI:     http://the-osp.com 
 Template:       Divi
 Description:    A custom Divi child theme
 Version:        1.0
*/ 

@import url("../Divi/style.css");

/* Stick Footer to bottom */
#main-content {min-height:100vh!important;}

p {padding-bottom: 1.7em;}
h1,h2,h3,h4,h5,h6 {padding-bottom: 20px;}

.et_pb_post .entry-featured-image-url {width: 35%; float: left; margin-right: 2rem !important;}

/* Bullet Indent */
#left-area ul, .entry-content ul, .comment-content ul, body.et-pb-preview #main-content .container ul {padding-left: 3em;}
.entry-content ul li {padding-bottom: 1.5em !important;}


/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */ 
#top-menu li {line-height: 1.7em; text-align: center;}
#footer-info {float: none !important; text-align: center !important;}
.et_pb_widget_area_left {border-right: 0px solid rgba(0,0,0,.1); text-align: center;}
.widgettitle {color: #ee212d; text-align: center;}
.et_pb_widget_area_left ul li {padding-top: 0em !important; padding-bottom: 0em !important;}
#left-area ul {padding-left: 0em !important;}
.nf-form-fields-required {display: none;}
.label-above .nf-field-label {margin-bottom: 0px; line-height: 1.0em !important;}


/* ----------- PUT YOUR Mobile Responsive CSS BELOW THIS LINE --------------------------- */ 
@media only screen and (max-width: 1141px) {
}

@media only screen and (min-width: 981px) {
	.et_vertical_nav #page-container #main-header{width: 300px; text-align: center;}
	.et_vertical_nav #main-header #top-menu li ul {left: 250px;}
	.address {font-weight: 300 !important;}
	#footer-info {margin-left: -100px;}
}

	@media only screen and (min-width:769px) {
.et_vertical_nav span.logo_helper {display: none;}
.et_vertical_nav #main-header #logo {margin-bottom: 28px;}
.et_vertical_nav #main-header .container {margin-left: 25px !important;margin-right: 25px !important; height: 100% !important;}
.facebook, .twitter, .envelope {padding: 7px 13px 7px 13px;font-size: 2.0em;}
.icon-wrapper a {display: inline-block !important;}
.directions {font-size: 1.2em;font-weight: 400;padding-top: 0;text-align: center;}
.line {border-top: 1px solid;color: #fff;margin: 8px auto auto;width: 20%;}
.hours {color: #ffffff;font-size: 10px;font-weight: 300;text-align: center;}
.cta-1 {margin-top: 5px !important;font-size: 1.3em;font-weight: 600;text-align: center;}
.cta-2{font-size: 1.1em;font-weight: 300;letter-spacing: 0.02em;text-align: center;}
#page-container {background: #d6d4d1;}
	}
 
@media only screen and (max-width:768px) {
.directions, .line, .cta-1, .cta-2, .cta-3 {display: none !important;}
}