/*
 Theme Name:   Alex Site
 Description:  Custom Child Theme
 Author:       heather gardner-madras
 Author URI:   http://heathergm.com
 Template:     Divi
 Version:      1.0.0
*/


/* hgm additions */

.datapost {padding: 4% 0; 
clear: both;
overflow: auto;
}
.datapost:first-child {padding-top: 0!important;}
@media screen and (min-width: 600px) {
.datapic {
width:55%; 
float: left; 
padding-right: 20px;
/* border-right: 2px solid #ddd; */
}

.dataex { 
width: 40%;
float: left;
font-size: 16px;
line-height: 1.5em;
padding-left: 20px;
}

}


.datapic img {
border: 2px solid #777;
}

.dataex-div {
/* padding: 20px 0;  */
float: none; clear: both;
}

.dataex-div hr {
background-color: #014e77;
border: none !important;
height: 1px; 

}

.dataex-div:last-child {
display: none; }

.dataex h3 {
font-size: 24px;
}


.data-sidebar p a { font-size: 15px;}



h4.side-data-source {
	text-transform: uppercase;	
	border-bottom: solid 1px #005582;
	padding-bottom: 3px;
	font-size: medium;
	color: rgb(0, 85, 130);
	margin: 20px 0;
	font-weight: 600;
	}
	
	
/* working with data styles */

.datagroup h4 {
margin: 0 0 10px;
letter-spacing: .02em;
color: #aaa;
font-size: 16px;
text-transform: uppercase;
}

.datagroup p a  {
font-weight: 500!important;
font-size: 20px!important;
font-family: Roboto, sans-serif;
}
@media screen and (min-width: 600px) {
.datagroup {
overflow: auto;
width: 100%;
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid  #eee;
}
.workpub {
float: left;
display: block;
width: 25%;
vertical-align: top;
overflow: auto;
}

.workposts {
width: 75%;
float: left;
overflow: auto;
}

}
/*articles styles */
@media screen and (min-width: 600px) {
.clippic {
width: 20%;
opacity: 0.75;
height: auto!important;
float: left;
left: auto;
margin: 0px;
padding-right: 4%;}

.clippost p {
float: left;
width: 75%;
margin: 0 0 30px 0;
}
}

.clippost a  {
font-weight: 500!important;
font-size: 20px!important;
font-family: Roboto, sans-serif;
}

.article-lists h2 { color: #aaa;}
.clipposts, .clippost
{overflow: auto;
clear: both;
}

.clippost {
padding-bottom: 8px;

}








/* From Alex's dev site */
.book-section-title h2 {
	text-transform: uppercase;	
	font-size: 18px;
	color: #aaa!important;
} 

body .pegasus_blog_2 article .published .day {
     background: -webkit-linear-gradient(0deg, #fe506c, #fc6a2a) !important;
     font-size: 30px !important;
     font-weight: 700 !important;
	color: #1d5a5b !important; }

body #page-container .pegasus_blog_2 article:hover h2 a,
body #page-container .pegasus_blog_2 article:hover h2 { color: #1d5a5b  !important; }

body .pegasus_blog_2 article {
	padding-left: 0px;
}


.clip-portfolio img {
 padding-left: 20px;
 padding-right: 10px;
	padding-bottom: 2px;
	margin-bottom: 5px;
}

.clip-portfolio .et_pb_image_container, .et_pb_blog_grid .et_main_video_container, .et_pb_blog_grid .et_audio_content, .et_pb_blog_grid .et_pb_post .et_pb_slider div {
	margin-bottom: -25px;
	margin-top:5px;
}

.clip-portfolio h2 {
 padding-top: 40px;
padding-bottom: 0px;
}

book-cover-thumb img {
 max-width:40% !important;
 height:auto;
 padding-left: 4px;
 padding-right: 4px;
	padding-bottom: 2px;
}






/*
.et-fixed-header #top-menu a {
color: #ec4c0b !important;
}*/

.et-fixed-header #top-menu li.current-menu-ancestor>a, .et-fixed-header #top-menu li.current-menu-item>a {color: #0a0908 !important;}

/* two columns as per https://intercom.help/elegantthemes/en/articles/2310880-change-blog-module-columns-number */
.data-grid .et_pb_salvattore_content[data-columns]::before {
	content: '2 .column.size-1of2' !important;
}
@media only screen and ( min-width: 981px ) {
	.data-grid .column.size-1of2 {
	    width: 46%!important;
	    margin-right: 4%;
	}
}
/* show photo w blog post for data journaalism page as per http://montereydev.com/archives/2014/modify-the-divi-blog-fullwidth-layout/ */
.data-grid .et_pb_post a img{
  max-width: 250px!important;   
  float: left;
  left: 0;
  padding-right: 14px;}
 
@media only screen and (max-width: 980px) {
.data-grid .et_pb_post a img{
  float:none;
	max-width: 250px!important;}}

/* box shadow on individual items in data journalism page */
.data-grid article {
	box-shadow:  0px 12px 18px -6px rgba(0,0,0,0.3);
	padding: 19px;
	box-sizing: border-box;
	margin-bottom: 8%;
		 }

/*style bookbuy menu 
.et_pb_menu_1.et_pb_menu .nav li ul.sub-menu a {
	color: #ffffff!important;
	border-top: solid white 1px;
	margin-right: 0px;
	right: 0;
	left: 0;
}*/

/* submenu styling from ronpat on https://www.sitepoint.com/community/t/no-border-in-submenu/37331/3 */
.et_pb_menu_1.et_pb_menu .nav ul li {
	float: left; 
	position: relative; 
	line-height: 20px;
	color: #014E77;
	border-top:1px solid white;
	width: 100%;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 0px;
}


.et_pb_menu_1.et_pb_menu .nav ul li:hover {
	background: #014E77;
	color: #014E77;
	border-top:1px solid white;
	width: 100%;
	}


.et_pb_menu .et_pb_menu__menu > nav > ul > li > ul, .et_pb_fullwidth_menu .et_pb_menu__menu > nav > ul > li > ul {
    top: calc(100% - 1px);
    left: -9px;
    width: 217%;
}

.et_pb_menu_1.et_pb_menu .nav ul li:first-child {
	margin-top: -22px;
	width: 100%
}

.et_pb_menu_1.et_pb_menu .nav ul li:last-child {
	margin-bottom: -19px;
	width: 100%
}

.book-section-title h2 {
	border-bottom: solid 1px;
/*border-bottom-color: #c70210;*/
	padding-bottom: 3px;
}

.book-blurb p, ul {
    padding: 0;
    margin: 0;
}

.et_pb_row_30:before {
	background:#015582l;
}

/* image align center in mobile view only */
    @media (max-width:980px) {
   div.et_pb_module.et_pb_image.et_pb_image_4
    {
   	width:80%;
    margin:0 auto;
    text-align:left !important;
		}}


/* white hamburger menu */
span.mobile_menu_bar:before {
color: #ffffff !important;
}

/* no hamburger menu for books on mobile 
@media screen and (max-width: 980px) {
div.et_mobile_nav_menu.bookbutton{
        display: none!important;
	}}

*/
/* 
@media only screen and (max-width:1325px) and (min-width:81px) {
  #top-menu, .fullwidth-menu, nav#top-menu-nav, nav.fullwidth-menu-nav {
    display:block!important;
  }
  #et_mobile_nav_menu,	.et_mobile_nav_menu{ 
    display: none!important;
  }
}
 */

/*------------------------------------------------*/
/*---------[GQ ALIGN BUTTONS TO BOTTOM]-----------*/
/*------------------------------------------------*/
 
 
        /* buttons fixed to the bottom */
            .gq_r_fixed_buttons .et_pb_column {
                padding-bottom:30px;}
            .gq_r_fixed_buttons .et_pb_button_module_wrapper {
                position: absolute;
                bottom: 0;
                left: 0;
                right: 0;
                margin: auto;}


@media only screen and (min-width: 81px) {
	.data_portfolio .et_pb_post img,
	.data_portfolio .et_overlay {
		/*height: 180px !important;*/
		display: block;
		width: 80%;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 20px;
		margin-top: 20px;
		/*float: left;
		left: 0;
		margin-right: 25px;*/
	}
	body.rtl .et_pb_posts .et_pb_post img,
	body.rtl .et_pb_posts .et_overlay {
		/*float: right;
		right: 0;
		margin-left: 25px;
		margin-right: 0;*/
	}
	.data_portfolio .post-content-inner p {
	    display: block;
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		padding-bottom: 10px;

	
}



/* small logos on clippings page as adapted from https://divibooster.com/show-blog-module-featured-images-to-the-left-of-post-titles-and-extracts/ */

.et_pb_post .entry-featured-image-url {
		margin-bottom: 0px !important;
}


@media only screen and (min-width: 81px) {
	.clip_portfolio .et_pb_post img,
	.clip_portfolio .et_overlay  {
/*		height: 40px !important; */
		width:120px;
		opacity: 0.75;
		height: auto !important;
		float: none;
		left: auto;
		margin: 0px;
	}
	body.rtl .et_pb_posts .et_pb_post img,
	body.rtl .et_pb_posts .et_overlay {
		float: none;
		right: auto;
		margin: 0px;
	}

/* 

.et_pb_post {
	margin-bottom:20px; }	} 
}
 */

.sidebar-text p {
padding-bottom: 0;
}
.sidebar-text {
width: 95%;
}

.sidebar-text p a, .blog-menu a {
	display: block;
	font-size: 14px;
	text-transform: uppercase;	
	line-height: 18px;
	padding-bottom: 5px !important;
	margin-bottom: 5px;
	border-bottom: 1px solid #eee;
	color: #015582 ;
	float: none;
	font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif;
letter-spacing: 1px;
width: 100%;
}

.blog-menu .et-menu nav, .blog-menu.et_pb_menu .et_pb_menu__menu > nav > ul, .blog-menu.et_pb_fullwidth_menu .et_pb_menu__menu > nav > ul {
display: block;
}

.blog-body h2 a {
font-size: 24px;
}

.post-meta {
font-size: 14px;
	text-transform: uppercase;	
	font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif;
	color: #aaa;
}

article {
padding-bottom: 30px;
margin-bottom: 30px !important;
border-bottom: 1px solid #ccc;
}

.internal-links a {
	text-transform: uppercase;	
} 

/* hgm new */
@media screen and (min-width: 1024px) and (max-width: 1280px) {
.home div.et_pb_section.et_pb_section_0
{
background-position: right;
}
}

@media screen and (max-width: 1024px) {
.home div.et_pb_section.et_pb_section_0
{
background-position: left;
}
}

@media (max-width: 1010px) {
.home .et_pb_column_0  {
width: 100%;
}
}

@media (max-width: 600px) {
.remotehead {
background-position: left;
}

}