/*
Theme Name:     Sustain_v1 (Divi Child)
Description:    Custom WordPress Theme. Child theme of Divi.
Author:         Jay Hunt, RealWorldWebDesign.us
Template:       Divi
*/

@import url("../Divi/style.css");

@-webkit-keyframes pulsate {
    0% { opacity: 0.3; }
    50% { opacity: 1.0;}
    100% { opacity: 0.3; }
}

ol li ul li { margin-left:20px; }

p {padding-bottom:10px !important; }

/* MAIN NAV --------------------------- */

/* PAGE TITLE SECTION ----------------- */
.inner_page_title h1, .et_pb_fullwidth_post_title_0 h1 { 
    	font-size: 28px;
	font-weight:bold !important; 
	text-shadow: 2px 2px 2px rgba(150, 150, 150, 1);
}

/* HOMEPAGE --------------------------- */
.scroll-down {
    -webkit-animation: pulsate 2s ease-out;
    -webkit-animation-iteration-count: infinite; 
    opacity: 0.5;
}
.homepage_service_blurbs .et-pb-icon { font-size:3em; }
.homepage_service_blurbs .et_pb_main_blurb_image { margin-bottom:10px;}
.homepage_service_blurbs h4 { text-align:center; font-size:1.5em; text-transform:lowercase; }

.homepage_center_image img{
	border-radius: 10px; 
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
}

#homepage_posts article { clear:both; padding:5px; margin-bottom:20px; }
#homepage_posts .et_pb_post h2 {margin-top:5px; font-size:1.2em; display:block; }
#homepage_posts a img {
	height:160px; width:300px;
	float:left;
	margin-right:20px;
}
#homepage_posts .entry-title a { font-weight:bold; }

#homepage_posts_events {  width:auto !important; margin-right: 0% !important; margin-bottom:20px;}
#homepage_posts_events article{ margin-bottom:0px !important; }
#homepage_posts_events p { display:none; } 
#homepage_posts_events h2 { 
	border-top: 1px solid #e7e7e7;
	font-size:0.9em; font-weight:bold; 
	margin-top:0px !important; padding:10px 0px !important; 
}
#homepage_posts_events h2 a:hover { color:#030207; }

.homepage_events ul { list-style-type:none; }
.homepage_events li { 
	text-align:left; 
	border-top: 1px solid #e7e7e7; 
	padding:5px 2px; 
}
.homepage_events li:hover { background-color:#e7e7e7; }
.homepage_events li a{ 
	font-weight:bold;
	color:#00964f;
}
.homepage_events li span {
	font-size:0.8em;
	color:#808080;
	margin-left:3px;
}


.tp-caption.medium_grey {
	background-color: #3a4149 !important;
}


/* ABOUT PAGE  ----------------------------- */
#blurb_blocks .et_pb_module{
    padding:5px;
    background-color:#fff;
    border-radius: 5px; 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
}
#blurb_blocks .et_pb_module p { 
    line-height: 1.5em; 
}
#blurb_blocks .et_pb_module a { color: #009344; font-weight:bold; }
#blurb_blocks .et_pb_module a:hover { color: #000; }
#blurb_blocks .et_pb_module img{;
    border-radius: 5px; 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
}
#blurb_blocks .et_pb_module a:hover > img { border:1px solid #000; }


/* SERVICES PAGE -------------------------- */
.services_blurbs .et-pb-icon { font-size:2.5em; }
.services_blurbs .et_pb_main_blurb_image { margin-bottom:10px;}

.services_blurbs h4 { text-align:center; font-size:1.4em; text-transform:lowercase; }

#strategy ul {padding-bottom:5px; }

/* MAKING CASE PAGE ----------------------- */
.pub_group .wp-caption {
	width:19%;
	min-width:200px;
	min-height:210px;
	background-color:#fff;
	border-color:#fff;
}
.pub_group .wp-caption .wp-caption-text { line-height:1.1em; }
.pub_group .wp-caption:hover { border:1px solid #00964f; }

/* CONTACT PAGE --------------------------- */


/* FOOTER --------------------------- */
#main-footer .et_pb_widget { text-align:center; }
.footer-widget {text-align:center !important; }
#main-footer #text-4 { text-align:right; }
.bottom-nav {text-align:center; }

/* POSTS --------------------------- */
.post-meta { display:none; }
.et_pb_post h2 a, .et_pb_portfolio_item h3 a { color:#00964f; }


/* RESPONSIVE BITS ######################################### */

/* INITIATE MOBILE MENU ON LARGER SCREEN (TABLET) ----------------- */
@media only screen and (min-width : 981px) and (max-width : 1200px) {
    #et_mobile_nav_menu {display:block; margin-bottom:10px; margin-top:5px }
    #top-menu-nav { display:none; }
    .logo_container img {height: 60px; width:200px; }
}
@media (max-width: 768px) {
        .logo_container img {height: 60px; width:170px; }
}
