/*
Theme Name:  Divi Child
Theme URI:   http://divithemes.reviews
Version:     1.1
Description: Divi child theme.
Author:      Hesham Zebida
Author URI:  http://zebida.com
Template:    Divi
*/

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

/* comments fix */
#comment-wrap {
	max-width: 1080px;
	margin: 0 auto;
	padding: 30px 0 0 0;
}

/*-------------------[1080px]------------------*/
@media only screen and ( max-width: 1080px ) {
	#comment-wrap {
		max-width: 934px;
	}
}

/*-------------------[1024px]------------------*/
@media only screen and ( max-width: 1024px ) {
	#comment-wrap {
		max-width: 934px;
	}
}

/*-------------------[980px]------------------*/
@media only screen and (max-width: 980px) {
	#comment-wrap {
		max-width: 690px;
	}
}

/*-------------------[600px]------------------*/
@media only screen and (max-width: 600px) {
	#comment-wrap {
		max-width: 400px;
	}
}

/*-------------------[479px]------------------*/
@media only screen and ( max-width: 479px ) {
	#comment-wrap {
		max-width: 450px;
	}
ul#surfaces li {  
	width:100%;
	list-style: outside none none; 
	float: none !important; 
	margin: 5px 0px !important;
}

}


/*-------------------[320px]------------------*/
@media only screen and ( max-width: 320px ) {
	#comment-wrap {
		max-width: 274px;
	}
}

/* Kristen's Edits */
.et_pb_contact p textarea {
  border-radius: 4px;
}
ul#surfaces {
  margin: 0 auto;
  text-align: center;
  width: 100% !important;
  padding:0px;
}
ul#surfaces li {
  background: #005aab none repeat scroll 0 0 !important;
  color: #f4f4f4;
  display: inline-block;
  float: none;
  margin: 5px 10px;
  padding: 10px 20px;
  text-align: center;
}
blockquote {
  background: #005aab;
  border-left: 10px solid #c1272d !important;
  /*margin: 1em 10px 2em;*/
  padding: 0em 10px;
  quotes: "\201C""\201D""\2018""\2019";
  color: #f4f4f4;
}
blockquote:before {
  color: #c1272d;
  content: open-quote;
  font-size: 6em;
  line-height: 0.1em;
  margin-right: 0.5em;
  vertical-align: -0.4em;
}
blockquote p {
  display: inline;
  font-size: 24px;
}

/*#menu-item-227 {
  background: #c1272d;
  padding: 10px;
  border-radis:10px;
}*/

/*img#logo {
  width:350px;
  height:
}*/

.et_pb_gutters3 .et_pb_column_2_3 {
  width: 60%;
}

.et_pb_image_0 {
    margin-top: 0px !important;
}

.et_pb_search.et_pb_bg_layout_dark input.et_pb_searchsubmit {
    border: 2px solid #c1272d !important;
    color: #fff;
    background-color: #c1272d !important;
    font-weight: 500;
}

/* Recent Work */
.border-hover .et_pb_column {
 overflow: hidden;
 position: relative;
}
 
.border-hover .et_pb_column img {
 -webkit-transition: all 0.5s ease-in-out;
 -moz-transition: all 0.5s ease-in-out;
 transition: all 0.5s ease-in-out;
}
 
.border-hover .et_pb_column:hover img {
 transform: scale(1.1);
}
 
.border-hover .et_pb_column:hover .et_pb_image:after {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background: rgba(0,0,0,0.5);
 content: '';
}
 
.border-hover .et_pb_column .et_pb_promo_description:before {
 top: 50px;
 right: 35px;
 bottom: 50px;
 left: 35px;
 /*border-top: 1px solid #fff;
 border-bottom: 1px solid #fff;*/
 -webkit-transform: scale(0,1);
 transform: scale(0,1);
 -webkit-transform-origin: 0 0;
 transform-origin: 0 0;
 position: absolute;
 content: '';
 opacity: 0;
 -webkit-transition: opacity 0.35s,
 -webkit-transform 0.35s;
 transition: opacity 0.35s, transform 0.35s;
}
 
.border-hover .et_pb_column .et_pb_promo_description:after {
 top: 50px;
 right: 35px;
 bottom: 50px;
 left: 35px;
 /*border-right: 1px solid #fff;
 border-left: 1px solid #fff;*/
 -webkit-transform: scale(1,0);
 transform: scale(1,0);
 -webkit-transform-origin: 100% 0;
 transform-origin: 100% 0;
 position: absolute;
 content: '';
 opacity: 0;
 -webkit-transition: opacity 0.15s,
 -webkit-transform 0.15s;
 transition: opacity 0.15s, transform 0.15s;
}
 
.border-hover .et_pb_column:hover .et_pb_promo_description:before, .border-hover .et_pb_column:hover .et_pb_promo_description:after {
 -webkit-transition-delay: 0.35s;
 transition-delay: 0.35s;
 opacity: 1;
 -webkit-transform: scale(1);
 transform: scale(1);
}
 
.border-hover .et_pb_column .et_pb_promo_description h2 {
 opacity: 0;
 color: #fff;
 position: absolute;
 top: 100%;
 width: 100%;
 text-align: center;
 -webkit-transition: all 0.5s ease-in-out;
 -moz-transition: all 0.5s ease-in-out;
 transition: all 0.5s ease-in-out;
 margin: 0;
 padding: 0;
}
 
.border-hover .et_pb_column .et_pb_promo_description p {
 opacity: 0;
 color: #fff;
 position: absolute;
 top: 100%;
 width: 100%;
 padding: 1.5em;
 text-align: center;
 -webkit-transition: all 0.5s ease-in-out;
 -moz-transition: all 0.5s ease-in-out;
 transition: all 0.5s ease-in-out;
}
 
.border-hover .et_pb_column:hover .et_pb_promo_description h2 {
 opacity: 1;
 position: absolute;
 top: 125%;
 width: 100%;
 text-align: center;
 color: #fff;
}
 
.border-hover .et_pb_column:hover .et_pb_promo_description p {
 opacity: 1;
 position: absolute;
 top: 325%;
 width: 100%;
 padding: 1.5em;
 text-align: center;
 line-height: 20px;
 color: #fff;
}
 
.border-hover .et_pb_promo {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}
.et_pb_promo_description > h2 {
  border: 1px solid;
  display: inline-block;
  float: none;
  left: 0;
  margin: 0 auto !important;
  padding: 4px 0 !important;
  right: 0;
  width: 80% !important;
}
.et_mobile_menu {
  background: rgba(0, 0, 0, 0) linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), rgba(255, 255, 255, 0.28), rgba(255, 255, 255, 0.75), white, white) repeat scroll 0 0 !important;
}
#mobile_menu li > a:hover {
  background-color: rgba(0, 0, 0, 0.2) !important;
}
#main-header .container {
  width: 100%;
}
.border-hover .et_pb_promo_button {
 opacity: 0;
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 175%;
}

.border-hover .et_pb_promo {
    position: absolute;
    top: -10px;
    left: 0;
    width: 100%;
    height: 50%;
}

.et_pb_promo_description {
  font-size:15px;
  line-height: 1em;
}

/* Logo */

#logo {
   max-height: 275% !important;
}

/* Recent Work Words */
.border-hover .et_pb_column .et_pb_promo_description p {
  -webkit-transition: height 0.5s ease-in-out; 
  -moz-transition: height 0.5s ease-in-out;
  transition: height 0.5s ease-in-out;
}

/* logo container */

header#main-header {
  background: rgba(255,0,0,1); /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0), rgba(255,255,255,.28), rgba(255,255,255,.75), white, white); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0), rgba(255,255,255,.28), rgba(255,255,255,.75), white, white); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0), rgba(255,255,255,.28), rgba(255,255,255,.75), white, white); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0), rgba(255,255,255,.28), rgba(255,255,255,.75), white, white); /* Standard syntax */
}

/*------------------------------------------------*/
/*-------[Swap Logo on Scroll - Quiroz.co]--------*/
/*------------------------------------------------*/
 
#logo2 {display: none;}
.et-fixed-header #logo {display:none;}
.et-fixed-header #logo2 {display:inline;}
.et-fixed-header #logo2 {
  max-height: 40px;
  -webkit-transition: height 0.5s ease-in-out; 
  -moz-transition: height 0.5s ease-in-out;
  transition: height 0.5s ease-in-out;
}
@media only screen and (max-width:1152px){
.border-hover .et_pb_column:hover .et_pb_promo_description p {  
  top: 36%;  
  font-size: 13px;
}
.border-hover .et_pb_column:hover .et_pb_promo_description h2 {  
  top: 17%;  
}}
@media only screen and (max-width:1089px){
.et_pb_promo_description {position: absolute;top: 50%;}
.border-hover .et_pb_column:hover .et_pb_promo_description h2, .border-hover .et_pb_column:hover .et_pb_promo_description p{position:static;}
.et_pb_column.et_pb_column_1_4 {width: 50%;}
.border-hover .et_pb_column:hover .et_pb_promo_description p {font-size: 16px;line-height: 26px;}
}


@media only screen and (max-width:800px){
.border-hover .et_pb_column:hover .et_pb_promo_description p {font-size: 14px;line-height: 19px;}	
}

@media only screen and (max-width:700px){
.border-hover .et_pb_column:hover .et_pb_promo_description p {padding-top: 7px;line-height: 17px;top: 27%;}
.et_pb_promo_description {top: 27%;}	
}


@media only screen and (max-width:621px){
.page-id-8 .et_pb_column.et_pb_column_1_4.et_pb_column_6, .page-id-8 .et_pb_column.et_pb_column_1_4.et_pb_column_7,.page-id-8 .et_pb_column.et_pb_column_1_4.et_pb_column_8,.page-id-8 .et_pb_column.et_pb_column_1_4.et_pb_column_9 {width: 100% !important;}
.border-hover .et_pb_column:hover .et_pb_promo_description p {line-height: 28px;}
.et_pb_promo_description {line-height: 64px;top: 40%;}
}
@media only screen and (max-width:431px){
	.page-id-8 .et_pb_column.et_pb_column_1_4.et_pb_column_6, .page-id-8 .et_pb_column.et_pb_column_1_4.et_pb_column_7,.page-id-8 .et_pb_column.et_pb_column_1_4.et_pb_column_8,.page-id-8 .et_pb_column.et_pb_column_1_4.et_pb_column_9 {width: 100% !important;}
}


#top-menu li a, .et_search_form_container input {
    font-weight: bold;
    font-style: normal;
    text-transform: none;
    text-decoration: none;
}
#logo {
    max-height: 175% !important;
}