/*
Theme Name: MB Design
Theme URI: http://www.elegantthemes.com/gallery/
Version: 1.0
Description: Custom theme for the MB Design Kitchen Renovation company. Built on the Divi theme by Elegant Themes.
Author: Andy Ballerstein
Author URI: https://andyballerstein.com
Template: Divi
Text Domain: mbdesign
*/


/*** Hide Divi Sidebar divider ***/
.container:before { background-color:transparent !important; }
.et_pb_widget_area_right { border-left:0 !important; }
.et_pb_widget_area_left { border-right:0 !important; }

/*(h1,h2,h3,h4,h5,h6 {
  font-family: "circe", sans-serif;
}*/

p, li, ol {
  font-weight: 400;
}

.sub-heading h2 {
  padding-bottom: 5px;
}

p a {
  text-decoration: underline;
}

#top-header .container {
  padding-top: 0;
}

#et-secondary-menu {
  position: relative;
  top: 20px;
}

header#main-header.et-fixed-header {
  box-shadow: 0 5px 20px rgba(0,0,0,0.4) !important;
}

#top-menu > li:nth-last-child(2) {
  padding-right: 0;
}

.et_pb_fullwidth_menu--without-logo .et_pb_menu__menu > nav > ul {
	padding-top: 0 !important;
}

.mobile_nav .select_page {
  text-transform: uppercase;
}

.et_mobile_menu li a {
  text-transform: uppercase;
}

body.single-project .content-wrapper {
  margin-top: 1.75rem;
}

.et_pb_fullwidth_portfolio .et_pb_portfolio_image:hover .et_pb_module_header,
.et_pb_fullwidth_portfolio .et_pb_portfolio_image:hover h3 {
  margin-top: 39%;
}

.et_pb_fullwidth_header .et_pb_fullwidth_header_container.left .header-content,
.et_pb_fullwidth_header .et_pb_fullwidth_header_container.right .header-content {
  text-align: center;
}

.mfp-title {
  display: none;
}

.single-project video {
  object-fit: cover;
}

.single-project .wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
  background: #FFFFFF;
  color: #000000;
}

.project-photo {
  margin-bottom: 2em;
}

.project-photo figcaption {
	font-size: 1rem;
	font-style: italic;
	padding-left: 5px;
}

.single-project #right-area {
  padding-bottom: 50px;
}

.nav-single {
  position: relative;
}

.nav-single span a {
  color: #221f1f;
}

.nav-single .nav-all {
  display: inline-block;
  width: 24px;
  position: absolute;
  left: 50%;
  margin-left: -12px;
}

.faq h3 {
	text-transform: none;
}

.faq:last-of-type {
	border-bottom-width: 0;
}

.et_pb_grid_item:hover .et_pb_module_header,
.et_pb_grid_item:hover h3 {
  display: block;
}


/*** Responsive Styles Large Desktop And Above ***/
@media all and (min-width: 1405px) {

}

/*** Responsive Styles Standard Desktop Only ***/
@media all and (min-width: 1100px) and (max-width: 1405px) {

}


/*** Responsive Styles Tablet to Standard Desktop ***/
@media all and (max-width: 1099px) and (min-width: 981px) {


}


/*=== Desktop ===*/
@media only screen and (min-width: 981px) {

  #top-menu li {
    padding-right: 60px;
  }

  .et_right_sidebar #left-area {
    width: 69.125%;
    padding-right: 1.5%;
  }

  #right-area {
    margin-left: 70%;
    padding-top: 0;
  }  
	
	#right-area #sticky-wrapper.is-sticky {
		padding-top: 50px;
	}
	
  #et-top-navigation li.cta {
    position: absolute;
    top: -100px;
  }

  #et-top-navigation li.cta a {
    font-size: 0.9em;
    padding: 5px 2px !important;
    letter-spacing: 2px;
    border-bottom: 1px solid #303A56;
  }
  
	.project .entry-content {
		padding-top: 0;
	}

  .three-column-grid .et_pb_grid_item {
	width: 32% !important;
	margin: 0 2% 2% 0 !important;
	}

  .three-column-grid .et_pb_grid_item:nth-child(3n) {
	margin-right: 0 !important;
	}

  .three-column-grid .et_pb_grid_item:nth-child(3n+1) {
	clear: left;
  }

  .three-column-grid .et_pb_grid_item:nth-child(4n+1) {
	clear: unset !important;
  }

  .three-column-row.et_pb_row .et_pb_column_1_3 {
    width: 32%;
    margin-right: 2%;
  }

  .three-column-row.et_pb_row .et_pb_column_1_3 .et_pb_grid_item {
    margin-bottom: 6%;
  }
}	


/*** Responsive Styles Tablet And Below ***/
@media all and (max-width: 980px) {

  .single-project #content-area {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
  }

  .single-project #right-area {
    order: 1;
    margin-left: 0;
    padding-top: 0;
    padding-bottom: 30px;
  }

  .single-project #left-area {
    order: 2;
    padding-right: 0;
  }

  .project-photo {
    margin-bottom: 1em;
  }

  .et_pb_grid_item {
    width: 48% !important;
    margin: 1% !important;
  }
	
  .three-column-grid .et_pb_grid_item:nth-child(2n) {
	 margin-right: 0 !important;
	}

  .three-column-grid .et_pb_grid_item:nth-child(2n+1) {
	 clear: left;
  }

  .three-column-grid .et_pb_grid_item:nth-child(3n+1) {
	 clear: unset !important;
  }

  .three-column-row.et_pb_row .et_pb_column_1_3 {
    width: 48%;
    margin: 1%;
  }  

  .three-column-row.et_pb_row .et_pb_column_1_3 .et_pb_grid_item {
    width: 100% !important;
  }  
	
  .et_pb_fullwidth_portfolio .et_pb_portfolio_image .meta {
    z-index: 99;
  }

  .sticky-wrapper .sidebar {
    position: static !important;
  }	

}

/*** Responsive Styles Tablet Only ***/
@media all and (min-width: 768px) and (max-width: 980px) {


}

/*** Responsive Styles Smartphone Only ***/
@media all and (max-width: 767px) {

  .et_pb_grid_item {
    width: 100% !important;
    margin: 1% 0 !important;
  }

  body.home .et_pb_grid_item {
    height: auto !important;
  }

  .icon-row .et_pb_column.et_pb_column_1_4 {
    width: 47.5% !important;
    margin-right: 2.5% !important;
  }

  .nav-single span.nav-previous {
    margin-bottom: 10px;
  }

  .nav-single .nav-arrows {
    float: none;
    display: block;
    text-align: center;
    padding: 10px;
  }

  .nav-single .nav-all {
    display: block;
    position: relative;
  }

  .et_pb_fullwidth_header.et_pb_header_with_image .et_pb_fullwidth_header_container.left .header-content,
  .et_pb_fullwidth_header.et_pb_header_with_image .et_pb_fullwidth_header_container.right .header-content {
    margin-right: 0;
    padding-left: 0;
    margin-left: 0;
  }

  .single-project p {
    font-size: 16px;
    line-height: 1.7em;
  }  

  .three-column-row.et_pb_row .et_pb_column_1_3 {
    width: 100%;
    margin: 0;
  }    

}


/*** Responsive Styles Smartphone Portrait ***/
@media all and (max-width: 479px) {

}