/*
Theme Name: Montroy Andersen DeMarco
Description: 
Author: jhchoi
Template: Divi
*/

/* Hide video controls on webkit */

*::-webkit-media-controls-panel {
	display: none !important;
	-webkit-appearance: none;
}

/* Old shadow dom for play button */

*::--webkit-media-controls-play-button {
	display: none !important;
	-webkit-appearance: none;
}

/* New shadow dom for play button */

/* This one works */

*::-webkit-media-controls-start-playback-button {
	display: none !important;
	-webkit-appearance: none;
}

/* Hide Safari's internal controls */
video::-webkit-media-controls {
	display:none !important;
	-webkit-appearance: none;
}

#main-header {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

/* Disable scrolling nav bar, make sticky again 2017-06-12
body.home #main-header {
	position: absolute;
}
*/

/* Home page */

#home-fifths2 {
	padding: 250px 0;
}

#home-fifths1 .et_pb_module,
#home-fifths2 .et_pb_module {
	width: 20%;
	height: 100%;
	position: absolute;
	top: 0;
	z-index: 1;
	-webkit-transition: all 0.5s; /* Safari */
	transition: all 0.5s;
}

#home-fifths1 .et_pb_module:hover,
#home-fifths2 .et_pb_module:hover {
	width: 25%;
	z-index: 1000;
	cursor: pointer;
}

#home-fifths1 .et_pb_module:first-child,
#home-fifths2 .et_pb_module:first-child {
	left: 0;
}

#home-fifths1 .et_pb_module:nth-child(2),
#home-fifths2 .et_pb_module:nth-child(2) {
	left: 30%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

#home-fifths1 .et_pb_module:nth-child(3),
#home-fifths2 .et_pb_module:nth-child(3) {
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

#home-fifths1 .et_pb_module:nth-child(4),
#home-fifths2 .et_pb_module:nth-child(4) {
	left: 70%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

#home-fifths1 .et_pb_module:last-child,
#home-fifths2 .et_pb_module:last-child {
	right: 0;
}

#home-fifths1 .et_pb_module .et_pb_fullwidth_header_container,
#home-fifths2 .et_pb_module .et_pb_fullwidth_header_container {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
}

#home-fifths1 .et_pb_module hr,
#home-fifths2 .et_pb_module hr {
	width: 50%;
	border-top: 1px solid #fff;
	border-bottom: none;
	height: 1px;
}

#home-fifths1 .et_pb_module .et_pb_fullwidth_header_subhead br,
#home-fifths2 .et_pb_module .et_pb_fullwidth_header_subhead br {
	display: none;
}

#home-fifths1 .et_pb_module,
#home-fifths2 .et_pb_module {
	XXXbackground-size: auto;
}

#featured-projects .et_pb_madgi_extra_mb {
	margin-bottom: 6.186%;
}

/* 3802: After upgrading Divi, a z-index of 2 is given to .et_pb_column, which interferes with the bio overlay */
.post-80 .et_pb_column {
	z-index: unset !important;
}
.post-80 .et_pb_column {
	z-index: unset !important;
}

.et_pb_madgi_teambio {
	margin-bottom: 13% !important;
}

.et_pb_madgi_teambio .et_overlay,
.mix .et_overlay,
.et_pb_madgi_featured_project .et_overlay {
	background:rgba(0,0,0,0.5);
	transition: all .2s ease-in-out;
	text-align: center;
	font-size: 1.25em;
	border: none;
	color: #fff;
}

.et_pb_madgi_teambio .et_overlay::before,
.mix .et_overlay::before,
.et_pb_madgi_featured_project .et_overlay::before {
	content: none;
}

.et_pb_madgi_teambio .et_madgi_overlay_text,
.mix .et_madgi_overlay_text,
.et_pb_madgi_featured_project .et_madgi_overlay_text {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 90%;
}

.et_pb_madgi_teambio .et_portfolio_image,
.mix .et_portfolio_image,
.et_pb_madgi_featured_project .et_portfolio_image {
	overflow: hidden;
}

.et_pb_madgi_teambio .et_portfolio_image img,
.mix .et_portfolio_image img,
.et_pb_madgi_featured_project .et_portfolio_image img {
	transition: all .2s ease-in-out;
}

.mix .et_portfolio_image:hover img,
.et_pb_madgi_featured_project .et_portfolio_image:hover img {
	transform: scale(1.15);
	-ms-transform: scale(1.15);
	-webkit-transform: scale(1.15);
}

.featured-projects {
	-moz-column-width: 350px;
	column-width: 350px;
	-moz-column-gap: 22px;
	column-gap: 22px;
	margin: 0 22px;
	margin-bottom: 2em;
}

.featured-projects .mix {
	width: 100%;
	margin: 0 22px 22px 0;
}

.project-filters-container {
	font-size: 16px;
	text-align: center;
	margin: 0 0 1em 0;
	position: relative;
	height: 50px;
}

.project-filters-heading {
	position: absolute;
	z-index: 500;
	background: #fff;
	left: 50%;
	transform: translateX(-50%);
	border: 1px solid #000;
}

.project-filters-heading span {
	margin-right: 2em;
	position: relative;
	display: inline-block;
	padding: 0.3em 0;
	min-width: 340px;
}

.project-filters-heading span:after {
	font-family: "ETmodules" !important;
	content: "\33";
	vertical-align: middle;
}

.project-filters-heading:hover span:after {
	content: "\32";
}

.project-filters-heading ul {
	display: none;
	text-align: left;
	list-style-type: none;
}

.project-filters-heading ul li {
	font-size: 16px;
	line-height: 25px;
}

.project-filters-heading ul li.filter.mixitup-control-active {
	color: #ff0000;
}

.project-filters-heading:hover,
.project-filters-heading ul li:hover {
	cursor: pointer;
}

.project-filters-heading ul li:hover {
	opacity: 0.5;
}

.project-filters-heading:hover ul {
	display: block;
}

.project-filters-heading span:last-of-type {
	margin-right: 0;
}

.project-filters {
	display: none;
}

.bx-wrapper .bx-viewport {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.madgi-slider-controls,
.madgi-slider-direct {
	display: flex;
}

.madgi-slider-controls {
	margin: 1em 0;
}

.madgi-slider-controls img {
	display: inline-block;
}

.madgi-slider-controls .madgi-slider-prev {
	margin-right: 20px;
}

.madgi-slider-controls .madgi-slider-next {
	margin-left: 20px;
}

.madgi-slider-direct-box {
	width: 20px;
	height: 20px;
	display: inline-block;
	background: #ccc;
	margin: 10px 10px 0 0;
}

.madgi-slider-direct-box:last-child {
	margin: 10px 0;
}

.madgi-slider-direct-box.madgi-slider-direct-box-selected {
	background: #000;
}

/* Popout navigation menu */

.et_slide_in_menu_container .madgi-hamburger {
	width: 80%;
	max-width: 1920px;
	position: relative;
	margin: auto;
}

.et_header_style_fullscreen .et_slide_in_menu_container span.mobile_menu_bar.et_toggle_fullscreen_menu {
	top: -10px;
	right: 0;
}

.et_header_style_fullscreen .et_slide_in_menu_container .et_mobile_menu li a {
	font-size: 1.5em;
}

.et_header_style_fullscreen .et_slide_in_menu_container a {
	font-size: 1em;
}

.et_header_style_fullscreen ul#mobile_menu_slide {
	height: auto;
}

.et_header_style_fullscreen .et_pb_fullscreen_nav_container {
	height: 100%;
}

.madgi_nav_contact,
.madgi_nav_contact a,
.madgi_nav_contact p {
	color: #fff;
	text-align: center;
	font-size: 0.9em;
}

.madgi_nav_contact {
	margin: 1em 0;
	display: table-row;
}

.madgi_nav_contact .madgi-social-icons {
	margin: 0 0 20px 0;
}

.madgi_nav_contact .madgi-social-icons div a {
	margin-right: 20px;
}

.madgi_nav_contact .madgi-social-icons-row1,
.madgi_nav_contact .madgi-social-icons-row2 {
	display: inline;
}

/* News landing page */

.madgi-news-articles {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
}

.madgi-news-articles .madgi-news-article {
	flex-basis: 25%;
	min-height: 500px;
	-webkit-transition: all 0.5s; /* Safari */
	transition: all 0.5s;
}

.madgi-news-articles .madgi-news-article .madgi-news-article-headers {
	background: #fff;
	z-index: 5000;
	padding: 1em 0;
	position: relative;
	top: 0;
	-webkit-transition: all 0.5s; /* Safari */
	transition: all 0.5s;
}

.madgi-news-articles .madgi-news-article .et_portfolio_image {
	font-size: 0;
}

.madgi-news-articles .madgi-news-article .et_portfolio_image:after {
	content: '\A';
	position: absolute;
	width: 100%;
	height:100%;
	top:0;
	left:0;
	background:rgba(0,0,0,0.6);
	opacity: 0;
	transition: all 1s;
	-webkit-transition: all 1s;
}

.madgi-news-articles .madgi-news-article:hover .et_portfolio_image:after {
	opacity: 1;
}

.madgi-news-articles .madgi-news-article h3,
.madgi-news-articles .madgi-news-article h4 {
	font-size: 18px;
	margin: 1em auto;
	width: 90%;
}

.madgi-news-articles .madgi-news-article h5 {
	margin: 1em auto;
	width: 90%;
	visibility: hidden;
	-webkit-transition: all 0.5s; /* Safari */
	transition: all 0.5s;
}

.madgi-news-articles .madgi-news-article h3 {
	font-weight: bold;
}

.madgi-news-articles .madgi-news-article:hover h5 {
	visibility: visible;
}

.madgi-news-articles .madgi-news-article:hover .madgi-news-article-headers {
	top: -100px;
}

/* Single blog page */

body.single-post .et_pb_section {
	padding: 0;
}

.single.et_pb_pagebuilder_layout.et_full_width_page #main-content .container {
	width: 80%;
	max-width: none;
}

/* Why was this here?  TODO */
body.et_pb_pagebuilder_layout.single.et_full_width_page .et_post_meta_wrapper,
body.et_pb_pagebuilder_layout.single.et_full_width_page #page-container .et_pb_row, .et_pb_pagebuilder_layout.single.et_full_width_portfolio_page #page-container .et_pb_row {
	XXXwidth: 100%;
	XXXmax-width: none;
}

.et_pb_madgi_teambio .et_pb_madgi_teambio_popup {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #fff;
	z-index: 50000;
	overflow: auto;
}

.et_pb_madgi_teambio .et_pb_madgi_teambio_popup .et_pb_row {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.et_pb_madgi_teambio .et_pb_madgi_teambio_popup .close_button {
	position: absolute;
	right: -50px;
	top: -30px;
	cursor: pointer;
	background: url('/wp-content/uploads/2017/04/close-icon.png') no-repeat;
	background-size: 25px 25px;
	width: 25px;
	height: 25px;
}

.et_pb_madgi_teambio .et_pb_madgi_teambio_popup .close_button:before {
/*
	color: #000;
	content: "\4d";
	font-family: "ETmodules" !important;
	font-size: 50px;
*/
}

.social-bio {
	text-indent: -99999px;
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-right: 1em;
}

.social-bio-instagram {
	background: url('/wp-content/uploads/2017/04/MADGI-bio-sm-icons_instagram.png') no-repeat;
	background-size: 14px 14px;
}

.social-bio-instagram:hover {
	background: url('/wp-content/uploads/2017/04/MADGI-bio-sm-icons_instagram-hover.png') no-repeat;
	background-size: 14px 14px;
}

.social-bio-linkedin {
	background: url('/wp-content/uploads/2017/04/MADGI-bio-sm-icons_linkedin.png') no-repeat;
	background-size: 14px 14px;
}

.social-bio-linkedin:hover {
	background: url('/wp-content/uploads/2017/04/MADGI-bio-sm-icons_linkedin-hover.png') no-repeat;
	background-size: 14px 14px;
}

.social-bio-twitter {
	background: url('/wp-content/uploads/2017/04/MADGI-bio-sm-icons_twitter.png') no-repeat;
	background-size: 14px 14px;
}

.social-bio-twitter:hover {
	background: url('/wp-content/uploads/2017/04/MADGI-bio-sm-icons_twitter-hover.png') no-repeat;
	background-size: 14px 14px;
}

@media all and (max-width: 1200px) {
	.madgi-news-articles .madgi-news-article {
		flex-basis: 33.333333333%;
	}
}

@media all and (max-width: 980px) {
	#home-fifths1 .et_pb_module,
	#home-fifths2 .et_pb_module {
		position: relative;
		left: 0 !important;
		width: 100%;
		-webkit-transform: none !important;
		-ms-transform: none !important;
		transform: none !important;
	}

	#featured-projects .et_pb_madgi_extra_mb {
		margin-bottom: 30px;
	}

	#home-fifths1 .et_pb_module:hover,
	#home-fifths2 .et_pb_module:hover {
		width: 100%;
	}

	#home-fifths1 .et_pb_module hr,
	#home-fifths2 .et_pb_module hr {
		width: 25%;
	}

	#home-fifths2 {
		padding: 0;
	}

	#home-fifths2 .et_pb_fullwidth_header {
		padding: 250px 0;
	}

	.et_header_style_fullscreen .et_slide_in_menu_container span.mobile_menu_bar.et_toggle_fullscreen_menu {
		top: 3px;
	}

	.madgi-news-articles .madgi-news-article {
		flex-basis: 50%;
	}

	.et_pb_madgi_teambio .et_pb_madgi_teambio_popup .close_button {
		right: 0;
		top: 0;
	}
}

@media all and (max-width: 980px) {
	.et_pb_madgi_teambio {
		margin-bottom: 30px !important;
	}
}

@media all and (max-width: 600px) {
	.madgi-news-articles .madgi-news-article {
		flex-basis: 100%;
	}

	.madgi-slider-direct {
		flex-wrap: wrap;
	}
}

@media all and (max-width: 479px) {
	.et_pb_madgi_teambio .et_pb_madgi_teambio_popup .close_button {
		top: 20px;
	}

	.et_pb_madgi_teambio .et_pb_madgi_teambio_popup .et_pb_row {
		top: 0;
		transform: translateX(-50%);
	}
}

@media all and (max-width: 400px) {
	.madgi-slider-controls .madgi-slider-prev,
	.madgi-slider-controls .madgi-slider-next {
		display: none;
	}

	.madgi_nav_contact .madgi-social-icons-row2 {
		display: block;
		margin-top: 15px;
	}

	.madgi_nav_contact .madgi-social-icons div a:last-child {
		margin-right: 0;
	}
}

.back-to-news {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
.et_portfolio_image img {
	vertical-align: initial!important;
}
.mix .et_portfolio_image{
	-webkit-clip-path: content-box!important;
	clip-path: content-box!important;
}
.et_portfolio_image{
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1); 
}