/*
 Theme Name:   Divi Child Plus
 Theme URI:    /divi-child-plus/
 Description:  A modified child theme of Divi
 Author:       Web Wizards
 Author URI:   https://webwizards.ca/
 Template:     Divi
 Version:      1.2.2
 Tags:         responsive-layout, accessibility-ready
 Text Domain:  divi-child-plus
*/

@import "modified.css";

/* SITE */
html, body {
	/*background: linear-gradient(180deg,#000000 0%,#00233f 50%,#000000 100%);*/
	background-color:#000;
}

/* HEADER */

.current-menu-item a {
	color:#FBAD08!important;
}
.nav li ul {
    width: 300px!important;
}
.et_pb_menu_0_tb_header.et_pb_menu ul li li a {
	color:#fff!important;
}
.et_pb_menu_0_tb_header.et_pb_menu ul li li.current-menu-item a {
	color:#FBAD08!important;
}
.et_pb_menu .et_pb_menu__search-input {
    color: #fff!important;
}

input.et_pb_menu__search-input {
	max-width: 300px;
}
.et_pb_menu_0_tb_header.et_pb_menu ul li li a {
    text-transform: initial!important;
    font-size: 14px!important;
	padding:0!important;
}
.et-db #et-boc .et-l .nav li li {
    position: relative;
    line-height: 1.4em;
    padding-bottom: 10px;
}
.et_mobile_menu ul li li a{
    color: #FFF;
}

.et-db #et-boc .et-l .et_pb_menu_0_tb_header.et_pb_menu .nav li ul.sub-menu a:hover, 
.et-db #et-boc .et-l .et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu a:hover {
    color: #FBAD08 !important;
	opacity:1!important;
}
.et-db #et-boc .et-l .et_pb_menu_0_tb_header.et_pb_menu .nav li a:hover, 
.et-db #et-boc .et-l .et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu a:hover {
    color: #FBAD08 !important;
	opacity:1!important;
}
.et-db #et-boc .et-l .et_pb_menu__wrap .mobile_menu_bar {
    -webkit-transform: translateY(-3%);
    transform: translateY(-3%);
}
.et_pb_menu .et_pb_menu__search {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
}
button.et_pb_menu__icon.et_pb_menu__search-button {
    margin-left: 30px!important;
}

@media (min-width:981px) and (max-width:1200px){
	.et_pb_menu_0_tb_header .et_pb_menu_inner_container>.et_pb_menu__logo-wrap, .et_pb_menu_0_tb_header .et_pb_menu__logo-slot {
    max-width: 180px!important;
}
}
/* Make mobile menu fullwidth */
.et_mobile_menu {
min-width: 100vw;
margin-left: -10vw;
}

/*make the Divi mobile dropdown menu scrollable*/
.et_mobile_menu {
overflow: scroll !important;
max-height: 80vh;
}






/* SERVICES */
@media (min-width: 981px) {
.services-template-default #left-area {
    padding-bottom: 0;
	}
}
.services-template-default .container {
width: 100%;
max-width: 100%;
}
.services-template-default .et_post_meta_wrapper{
display: none;
}
.services-template-default .et_post_meta_wrapper .entry-title {
display:none;
}
.services-template-default #main-content .container {
padding-top: 0!important;
}
.services-template-default .container.et_menu_container {
max-width: 1080px;
}

/* SERVICES BlURB HOVER */

/* Colored Boxes */

.colored-box-text a{
	opacity:0;
	margin-top:20px;
	transition: all .3s ease;
	position:relative;
}
.colored-box-container {
    height: 370px;
	transition: ease-in-out .5s;
    background-size: 170%;
}
.colored-box-container:hover {
    background-size: 200%;
    transition: ease-in-out .5s;
}
.colored-box-container .colored-box-overlay {
	transition: all .3s ease;
	background-color: rgb(0,0,0,0.5);
    border-bottom:4px solid #fbad1a;
}
.colored-box-container:hover .colored-box-overlay {
	background-color: rgba(0,0,0,0.85);
}
.colored-box-container:hover a{
	opacity:1;
}
.colored-box-container .colored-box-text {
	margin-top:30px;
	transition: all .3s ease;
}
.colored-box-container:hover .colored-box-text {
	margin-top:0;
}
.colored-box-text a:before {
    content: '';
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    height: 2px;
    background: #fff;
    opacity: 1;
    transition: all .3s ease;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.colored-box-text a:hover:before {
    opacity: 0;
    -webkit-transform: translateY(5px);
    transform: translateY(5px)
}

.related-projects-btn {
	width:100%;
	text-align:center;
}
.mfp-bottom-bar .mfp-title{
	display:none;
}


.hover-blurb .et_pb_blurb_content {
	cursor: pointer;
}
.pa-hover-blurb .et_pb_blurb_description {
	display: none
}
.hover-blurb .et_pb_blurb_container,
.hover-blurb .et_pb_image_wrap {
	transition: all 0.4s ease-in-out;
}
.hover-blurb .et_pb_module_header {
	position: absolute;
	left: 60%;
	transform: translateX(-60%);
	pointer-events: none;
	width: 100%;
}
.hover-blurb .et_pb_blurb_description {
	padding: 0 5%;
}
.hover-blurb .et_pb_blurb_content:hover .et_pb_blurb_container {
	position: absolute;
	top: 35%;
	transform: translateY(-35%);
	color: #ffffff !important;
	cursor: pointer;
}
.hover-blurb .et_pb_blurb_content:hover .et_pb_image_wrap:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #000;
	left: 0;
	top: 0;
	opacity: 0.5;
	border-radius: 15px!important;
}
.hover-blurb .et_pb_blurb_content:hover .et_pb_module_header {
	position: relative;
	text-align: center;
}
.hover-blurb .et_pb_blurb_content:hover .et_pb_blurb_container .et_pb_module_header {
	color: #ffffff;
	font-size: 2rem;
}
.hover-blurb .et_pb_blurb_content:hover .et_pb_blurb_description {
	display: block;
}
/*.hover-blurb .et_pb_blurb_content:hover .et_pb_image_wrap {
	transform: scale(1.10);
}*/

/* Project Page */
.et_pb_filterable_portfolio .et_pb_portfolio_filters li a.active {
    color: #fff;
    background-color: #00000000;
}

/* 3 Column Portfolio */
@media (min-width: 981px) {
    .three-column-portfolio .et_pb_grid_item {
        width: 29.66%!important;
        margin-right: 5.5%!important;  
    }
  
    .three-column-portfolio .et_pb_grid_item:nth-child(3n) {
        margin-right: 0!important;
    }
  
    .three-column-portfolio.et_pb_grid_item:nth-child(4n) {
        margin-right: 5.5%!important;
    }
  
    .three-column-portfolio .et_pb_grid_item.et_pb_portfolio_item:nth-child(4n+1) {
        clear: none!important;
    }
    .three-column-portfolio .et_pb_grid_item.first_in_row {
        clear: unset;
    }
}
.et_pb_portfolio_item .et_pb_module_header a, .et_pb_portfolio_item .post-meta a, .et_pb_portfolio_item h3 a {
    height: 36px;
    display: block;
}

/* Projects */
.et_pb_gallery_image {
  padding-top: 100%;
  display: block;
  border-bottom:4px solid #fbad1a;
}
.et_pb_gallery_item img {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
}


/* Contact Page */
.et_pb_contact_form_0 .input, .et_pb_contact_form_0 .input[type="checkbox"]+label, .et_pb_contact_form_0 .input[type="radio"]+label, .et_pb_contact_form_0 .input[type="checkbox"]:checked+label i:before, .et_pb_contact_form_0 .input::placeholder {
    color: #FFFFFF !important;
}
div.wpforms-container-full .wpforms-field-label, .wp-core-ui div.wpforms-container-full .wpforms-field-label {
    color: #fff!important;
}

div.wpforms-container-full input[type=text],
div.wpforms-container-full input[type=email],
div.wpforms-container-full .wpforms-form textarea.wpforms-field-medium{
    background: #000!important;
    border: 1px solid #fff!important;
    color: #fff!important;
}

div.wpforms-container-full input::placeholder {
  color: #999!important;
}

div.wpforms-container-full input[type=submit]:not(:hover):not(:active), div.wpforms-container-full button[type=submit]:not(:hover):not(:active), div.wpforms-container-full .wpforms-page-button:not(:hover):not(:active), .wp-core-ui div.wpforms-container-full input[type=submit]:not(:hover):not(:active), .wp-core-ui div.wpforms-container-full button[type=submit]:not(:hover):not(:active), .wp-core-ui div.wpforms-container-full .wpforms-page-button:not(:hover):not(:active) {
    background-color: #00233f!important;
    border: 1px solid #fff!important;
}
div.wpforms-container-full input[type=submit]:not(:hover):not(:active), div.wpforms-container-full button[type=submit]:not(:hover):not(:active), div.wpforms-container-full .wpforms-page-button:not(:hover):not(:active), .wp-core-ui div.wpforms-container-full input[type=submit]:not(:hover):not(:active), .wp-core-ui div.wpforms-container-full button[type=submit]:not(:hover):not(:active), .wp-core-ui div.wpforms-container-full .wpforms-page-button:not(:hover):not(:active) {
    background-color: #00233f!important;
    border: 1px solid #fff!important;
}
div.wpforms-container-full input[type=submit]:hover, div.wpforms-container-full input[type=submit]:active, div.wpforms-container-full button[type=submit]:hover, div.wpforms-container-full button[type=submit]:active, div.wpforms-container-full .wpforms-page-button:hover, div.wpforms-container-full .wpforms-page-button:active, .wp-core-ui div.wpforms-container-full input[type=submit]:hover, .wp-core-ui div.wpforms-container-full input[type=submit]:active, .wp-core-ui div.wpforms-container-full button[type=submit]:hover, .wp-core-ui div.wpforms-container-full button[type=submit]:active, .wp-core-ui div.wpforms-container-full .wpforms-page-button:hover, .wp-core-ui div.wpforms-container-full .wpforms-page-button:active {
    border: 1px solid #fff!important;
}