/*
 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
------------------------------------------------------- */

/*change the divi slider height (effective only on Project pages)*/
@media only screen and ( min-width:981px ) {
    /* Set the slider height */
    .project-slider, .project-slider .et_pb_container { 
        height: 575px !important; 
    }
    .project-slider, .project-slider .et_pb_slide { 
        max-height: 575px; 

    }
    .project-slider .et_pb_slide_description { 
        position: relative; 
        top: 25%; 
        padding-top: 0 !important; 
        padding-bottom:0 !important; 
        height:auto !important; 
    }
}


/*button style*/
.et_pb_button, .et_pb_button:hover{
	padding:0.7em 1.7em;
	letter-spacing:1.5px;
}

/*increase blurb width*/
.et_pb_blurb_content{
max-width:850px;
}

/*header styles*/
h4{color:#008c99;}

/*add top border to footer*/
#footer-bottom{
  border-top:1px solid rgba(0, 140, 153, 0.2);
}
#footer-info{
	line-height:20px;
}

/*mobile menu changes*/
*/remove blue border line at top*/
.et_mobile_menu {
border-top: 0;
}
/*make menu fixed at top on scroll*/
@media (max-width: 980px) {
#main-header {
position: fixed !important;
}
}
.mobile_nav.opened .mobile_menu_bar:before {
 content: "\4d";
}

/*Go Portfolio styling*/
/*hover title over project thumbnails*/
#gw_go_portfolio_homepage .gw-gopf-style-flex .gw-gopf-post-content h2,
#gw_go_portfolio_projects .gw-gopf-style-flex .gw-gopf-post-content h2{
	font-size:20px !important;
	text-transform: uppercase;
	color:#ffffff !important;
	font-weight:500;
}

#gw_go_portfolio_projects .gw-gopf-style-flex .gw-gopf-post-content h2 a:hover,
#gw_go_portfolio_homepage .gw-gopf-style-flex .gw-gopf-post-content h2 a:hover{
	color:#333333 !important; 
}
/*prevent multiple arrows in gallery lightbox*/
.gw-gopf-mfp-arrow:before, .gw-gopf-mfp-arrow:after { display:none; }

/*put project thumbnails behind fixed footer*/
.gw-gopf-isotope-item{z-index:0;}

    /*---------- [Testimonial Slider ]----------*/
        
        .testimonial-slider,
        .testimonial-slider .et_pb_container {
            height: auto !important;
        }
        .testimonial-slider,
        .testimonial-slider .et_pb_slide {
            max-height: auto;
        }
        .testimonial-slider .et_pb_slide_description {
            position: relative;
            top: 25%;
            padding-top: 20px !important;
            padding-bottom: 10px !important;
            height: auto !important;
	    padding-left:0px;
	    padding-right:0px;
        }
        .testimonial-slider .et_pb_testimonial_portrait {
            display: table-cell;
            float: left;
            position: relative;
            width: 175px !important;
            height: 175px !important;
            margin-right: 30px;
            border: 3px solid #ffffff;
            background-repeat: no-repeat;
            background-position: center;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            background-size: cover;
	    
        }
.et_pb_testimonial_description{
	font-weight:300;
	font-size:18px;
}
    	
.testimonial-slider .et-pb-controllers a {
        border-radius: 0px;
    }
.et_pb_gutters3 .et_pb_column_1_4, .et_pb_gutters3.et_pb_row .et_pb_column_1_4{
	width:23.875%;
}
.et_pb_gutters3 .et_pb_column, .et_pb_gutters3.et_pb_row .et_pb_column{
	margin-right:1.5%;
}

/*fix footer at bottom of page*/
#main-footer{
	position:fixed;
	width:100%;
	bottom:0;
	z-index:3;
}

.entry-content ul {list-style-type: circle !important;padding-top:10px;}
.entry-content ul li{padding:0 0 5px;}

/*fix slide image on mobile and tablet view*/
@media screen and (max-width:900px)
{
.et_pb_fullwidth_slider_0 .et_pb_slide {
background-size: contain!important;
height: 250px !important;
}
}

@media screen and (max-width:479px)
{
.et_pb_fullwidth_slider_0 .et_pb_slide {
background-size: contain!important;
height: 110px !important;
}

}