/*
 Theme Name:     MSC Design
 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
------------------------------------------------------- */
.container {
	width:90%;
}
/*constrain home page header to 1000px to match max of slider */
.home .et_menu_container {max-width:900px;}

body {font-family:century-gothic, sans-serif; background-color:#000;}
#main-content {background: transparent;}
/* lighten menus from 600 to 400 and make uppercase */
#et-top-navigation {
    font-weight: 400;
	text-transform:uppercase;
}

/* dropdown menu backgound color */
ul.sub-menu {
    background: rgba(32,32,32,.9) !important;
}


/* headlines */
body.home h1 {text-transform:uppercase;}

/* post h1 */
.et_pb_title_container h1 {text-transform:uppercase; letter-spacing: 1px; font-size:28px !important;color:#7da4dd !important;}

/* justify and hyphenate only on table or larger */
@media (min-width: 767px) {
	p {text-align:justify;
	  -webkit-hyphens: auto;
	  -ms-hyphens: auto;
	  hyphens: auto;}
}

@media (max-width: 767px) {
	.et_pb_title_container h1 {font-size:24px !important;}
}
@media (max-width: 420px) {
	.et_pb_title_container h1 {font-size:20px !important;}
}

/* home page divi banner depth === this can probably be delete, it was for the Divi native slider */

.et_pb_slider .et_pb_slide_description {height:650px;}

@media (max-width: 1600px) {
.et_pb_slider .et_pb_slide_description {height:550px;}
}
@media (max-width: 1100px) {
.et_pb_slider .et_pb_slide_description {height:500px;}
}
@media (max-width: 700px) {
.et_pb_slider .et_pb_slide_description {height:350px;}
}

/* this colors the background for all Divi sections */
.et_pb_section {
    background-color: #000 !important;
}

/* basic page rules
.et_pb_title_container h1 {font-size: 42px !important; } */

.photocaption {font-size: 14px; font-style:italic;}

/* footer  */
#footer-info {font-size:14px;}

/* PROJECTS PAGE */


/* Change projects gird to hide title until hover, then display on top of image with MSC blue .8 overlay */
@media (min-width:769px) {
	.et_pb_portfolio_item {
    position: relative;
}
.et_pb_portfolio_item h2{ 
    position: absolute;
    top:5%;
    left:5%;
	padding-right:5%;
    display:none;
    transform: translate3d(0px, 0px, 0px);
    transition: all 0.3s ease 0s;
  	text-align:center;
	width:100%;
    }
.et_pb_portfolio_item:hover h2 {
    pointer-events: none; 
  	cursor:pointer;
    display:block;
  z-index:10000;}
}

/* Project title under image in project index page */
.et_pb_portfolio_grid .et_pb_portfolio_item h2 {font-size: 18px !important;color:#fff;}


/* grid image caption size  */
.et_pb_gallery_grid .et_pb_gallery_item h3 {
	font-size: 14px !important; 
	color:#fff;
}

/* gallery grid column spacing */
@media (min-width: 981px) {
.et_pb_gutters3 .et_pb_column_4_4 .et_pb_grid_item {
	width: 23.125%;
	margin: 0 2.5% 2.5% 0;}
}

/* hide gallery lightbox image counter */
.mfp-counter {display:none;}

/* removing download button on HTML5 video player */
video::-internal-media-controls-download-button {
    display:none;
}
video::-webkit-media-controls-enclosure {
    overflow:hidden;
}
video::-webkit-media-controls-panel {
    width: calc(100% + 30px); /* Adjust as needed */
}

/* better bullet spacing and indents for both ol and ul in content */
.entry-content ol {
    list-style-type: decimal;
    list-style-position: outside;
    padding: 0 0 23px 0;
    line-height: 1.7; /* or whatever you p tag is */
    margin-left: 3em;
	}
.entry-content ul {
    list-style-type: disc;
    list-style-position: outside;
    padding: 0 0 23px 0;
    line-height: 1.7; /* or whatever you p tag is */
    margin-left: 1.1em;
	}



/* use icon font for bullets on client lists */
ul.clients {
  list-style: none;
	padding-left:0;
  }
  ul.clients li:before {
  color: #7da4dd;
  font-family: "ETmodules" !important;
  content: "\e04a \0020";
  }
ul.clients li {
	margin-top:4px;
	margin-bottom:4px;
	text-indent: -1.5em;
    padding: 4px 0 4px 1.5em;

}
ul.clients li a {
/*	border: solid 1px #000;
	border-radius: 5px; 
    padding: 4px 9px 4px 36px;
    margin-left: -36px;*/
	color:#fff;
}
ul.clients li a:after {
	content: url(/wp-content/uploads/2019/04/external-link.svg);
	padding-left:6px;
    vertical-align: -3px;
}
ul.clients li a:hover {
	color:#7da4dd;
}

/* blog overrides */
#left-area .post-meta, #left-area .post-meta a, #sidebar .et_pb_widget a {color: #bbb;}
#left-area .post-meta a:hover, #sidebar .et_pb_widget a:hover  {color:#7da4dd;}

/* grid of posts */
.et_pb_blog_grid .et_pb_post {
    padding: 0;
}
.et_pb_image_container {
	margin: 0 0 29px;
}

/* add rule lines between sidebar entries */
.et_pb_widget ul li {
    border-top: 1px #333333 solid;
	padding-top: .5em;}

/* end blog overrides */

/* Testimonial overrides  */
.et_pb_testimonial {
    margin-top: 48px;
}
.et_pb_testimonial_portrait, .et_pb_testimonial_portrait:before {
    border-radius:0;
}
.et_pb_testimonial_author {
	margin-top:12px;
}
.et_pb_testimonial .et_pb_testimonial_meta {
	text-align:right; font-style:italic;
}
/* fix mobile layout problem under 980 px */
@media (max-width: 980px) {
.et_pb_testimonial_description {
	margin-left:0 !important;}
}
/* end testimonial overrides */