/*
Theme Name: Divi Child Theme
Description: Divi Child Theme
Author:  John Langlois
Author URI:  https://foggybottomwebdesign.com
Template: Divi
Version:  1.0.3
*/
/* =Theme customizations
* CSS is now enqued in functions.php
------------------------------------------------------- */
body{font-family: "Open Sans", Arial, sans-serif;
	font-size: 15px;
}
.blurb_box{
	padding:1em;
	border: 6px solid #d9d9d9;
	background: #ffffff;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f5f5f5));
	background: -webkit-linear-gradient(#ffffff, #f5f5f5);
	background: -moz-linear-gradient(center top, #ffffff 0%, #f5f5f5 100%);
	background: -moz-gradient(center top, #ffffff 0%, #f5f5f5 100%);
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.03);
	-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.03);
	-moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.03);
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.circular_image{
	border-radius:50%;
	overflow:hidden;
	border: 6px solid #FFF;
	
}
.circular_image img{
	width:300px;
	height:300px;
}
/* The CSS */
.videoWrapper {
	background-size:contain;
     position: relative;
     padding-bottom: 56.25%;
     height: 0;
     width: 100%;
}

.videoWrapper video {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;

	
}
.videoWrapper iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;

	
}
.avatar {
    float: left;
    background: #fff;
    padding: 4px;
    -webkit-box-shadow: 0 1px 4px -2px #333;
    box-shadow: 0 1px 4px -2px #333;
    margin-right: 15px;
}
.gallery_display img{
	padding:0.32em;
	box-shadow: inset 0px 0px 18px 0px rgba(0,0,0,0.3);
}
}
/*Control blog list image size  JEL 06/26/18 */
.et_pb_post a img {
	clear:left;
    height: auto;
    float: left;
    max-width: 250px;
    left: 0px;
    padding: 1em;
}


body.single article.has-post-thumbnail > img:nth-of-type(1) { width:auto !important; height:auto !important; }
body.single article.has-post-thumbnail .et_post_meta_wrapper > img:nth-of-type(1) { width:auto !important; height:auto !important; }
@media only screen and (min-width: 981px) {
	.et_pb_posts .et_pb_post img,
	.et_pb_posts .et_overlay {
		width: 38%;
		height: 180px !important;
		margin-right: 4%;
		float: left;
	}
	.et_pb_posts .entry-title,
	.et_pb_posts .post-meta,
	.et_pb_posts .post-content { 
	    float: right; 
	    width: 58%; 
	}
	body.rtl .et_pb_posts .et_pb_post img,
	body.rtl .et_pb_posts .et_overlay {
		float: right;
		margin-left: 4%;
		margin-right: 0;
	}
	body.rtl .et_pb_posts .entry-title,
	body.rtl .et_pb_posts .post-meta,
	body.rtl .et_pb_posts .post-content { 
	    float: left; 
	}
}



/*blog image size*/
@media all and (min-width: 981px) {
.et_pb_image_container img, .et_pb_post a img {
max-width: 50%;
vertical-align: bottom;
}
}


/* site defaults */


/*mobile*/
@media (max-width: 400px) { 
  html { background: blue; }
}

/* tablet */
@media (min-width: 401px) and (max-width: 800px) {
  html { background: green; } 
}

/* This doesn't have to exist unless your design needs it, as these settings are above */
@media (min-width: 801px) and (max-width: 1199px) {
  html { background: red; }
}

/* large desktop and browsers that know a media query*/
@media (min-width: 1200px) {
  }
}