/*
 Theme Name:     Divi Child Theme
 Theme URI:      http://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     http://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/
 
@import url("../Divi/style.css");
 
/* =Theme customization starts here
------------------------------------------------------- */
a {-o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s;}
.right {text-align: right;}
.left {text-align: left;}
.et_featured_image {margin: 0 auto;text-align: center;width:100%;height:auto;}
/*.et_featured_image img {margin-bottom: -100px;}*/
/*.et_featured_image p {margin-top:100px;}*/
div#content-area.clearfix {width:60% !important;margin:0 auto;}
#main-content .container {margin-top:0;}

.related-posts {width: 60%;margin:0 auto;padding:10px;}
.related-holder {height:100%;
	display: flex;
	-webkit-justify-content:space-around;
	justify-content: space-around;
	-webkit-align-items: flex-start;
	align-items:flex-start;
	flex-flow:row nowrap;}
.related-item {
	margin: 0; 
	height: auto;
	flex-grow: 1;
	align-self:flex-start;
	flex-basis:25%;
	/*padding: 0 10px 0 0;*/
	overflow: hidden;
	white-space: normal;
	border-radius: 4px;
	/*padding: 10px;*/
}
/*.related-item p {width:95%;overflow: hidden;font-size:1.9rem;height:100%;margin:10px 0;line-height:2.4rem;padding:0;font-weight: 300;}*/
.related-item p a {color:#000;}
.related-posts h2 {text-transform:lowercase !important;font-variant: small-caps;font-size: 1.2em;}
.related-posts ul {list-style-type: none !important;}
div.related-item img.attachment-thumbnail.size-thumbnail.wp-post-image {width:100%;}

ul.archivepage {
	list-style-type: none !important;width: 7%;float: left;display: block;
}

.contact-form input[type=text], .contact-form textarea, .contact-form input[type=email] {
	width:50%;
	height:2rem;
	height: 2rem;
	font-family: "Open Sans", Helvetica, sans-serif;
	font-size: 1rem;
	padding: 20px;
	border-radius: 4px;
	border: 1px solid #c4c4c4;
}
.contact-form input[type=text]:focus, .contact-form textarea:focus, .contact-form input[type=email]:focus {
	/* Rectangle: */
	background: rgba(255,252,219,0.21);
	/*border: 1px solid #979797;*/
	box-shadow: 0px 0px 47px 7px rgba(9,14,255,0.07), inset 0px 0px 10px 0px rgba(0,0,0,0.10);
}

input:matches([type="button"], [type="submit"], [type="reset"]):active {
	color:#666;
	background-color: #c4c4c4;
	border-radius: 4px;
	width:25%;
}

input.pushbutton-wide {
	width: 300px;
	height: 3rem;
	font-size: 1rem;
	font-family: "Open Sans", Helvetica, sans-serif !important;
	color: #222;
	background: #FFFFFF;
	border: 4px solid #FFA004;
	border-radius: 7px;
}

input.pushbutton-wide:active {
	width:300px;
	color: #222;
	background: #FFFFFF;
}

.related-item {border-radius: 0 !important;padding:2px;}
.related-item p {font-size: 1rem;line-height: 1.1rem;margin: 0 0 1em 0;}
.related-item p a {font-size: .8rem;line-height: .8rem;}
.photoinfo {text-align:right;padding-right: 1rem;}
.single .et_pb_post, .single .post {margin-bottom: 0;padding-bottom: 0;}
.et_pb_widget a {color: #cccccc !important;}
/*div#content-area.clearfix {width: 80%; margin: 0 auto;}
*/
#left-area {width:100%;}
.et_pb_gutter.et_pb_gutters2.et_right_sidebar #main-content .container:before {display:none !important;}
.et_pb_gutter.et_pb_gutters2 #left-area {width:100%;}
div.sharedaddy.sd-sharing-enabled {margin: 3rem 0;}
.pagination {margin-top: 2rem;}


/*RESPONSIVE*/
@media screen and (max-width: 768px) {
	.single .et_pb_post {margin:0 !important;padding: 0 !important;}
	div#content-area.clearfix {width:93% !important;margin: 28px auto 0 auto !important;}
	.related-posts {width:96% !important;padding: 10px 0 !important;}
	.related-item {flex-basis: 50%;border-radius: 0 !important;}
	.related-holder {flex-flow: row wrap;}
	.related-item img.attachment-thumbnail.size-thumbnail.wp-post-image {width:100%;overflow: hidden;margin-bottom: -.4rem;/*margin-top: -100px;*//*height: 50%;*/}
	.related-item p {font-size: 1.2rem;line-height: 1.5rem;margin: 0 0 1em 0;}
	.related-item p a {font-size: .9rem;margin:0 .4rem;line-height: 1px;}
	/*#main-content .container {padding-top:0;}*/
	.photoinfo {font-size: .7rem;}
	header#main-header {position: relative !important;top:0 !important;}
	#main-content .container, .et_pb_post .entry-content {padding-top: 0 !important;}
	.pagination {margin:2rem 0;}
}