/* 
 Theme Name:     dm-divi-child-theme
 Author:         Mark Hendriksen
 Author URI:     https://markhendriksen.com
 Template:       Divi
 Version:        1.0
 Description:    A Divi Child Theme 
*/ 


/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */ 

/* ###### CHANGE COLORS ###### */

/* ### BLOG GRID META ### */
.custom_blog .post-meta {
    background-color: #000000;
    color: #fff !important;
}

/* ### BLOG GRID OUTLINE ### */
.custom_blog .et_overlay {
    outline: 1px solid #01e5a9;
} 

/* ### BLOG GRID CATEGORY ### */
.menu_category ul li a,
.menu_category a {
	background-color: #13243d;
    color: #fff;
}

/* ### SLIDE-IN 1 CLOSE CROSS ICON COLOR ### */
.fa-times-circle {
	color: #14243e !important;
}

/* ### SLIDE-IN 1 SCROLL BAR COLOR ### */
@media (max-height: 1080px) {
.slide_in_1_section::-webkit-scrollbar-thumb {
	background-color: #002d5e;
}}

/* ### SLIDE-IN 2 CLOSE CROSS ICON COLOR ### */
.close_form_icon_2 .fa-times-circle {
	color: #ffffff !important;
}

/* ########## END COLORS ########### */

/* ################################## */
/* ########## GRID IMAGES ########### */
/* ################################## */

#main-content .image_grid_1_hover {
    background-image: url(INSERT_IMAGE_URL_HERE)!important;
}

#main-content .image_grid_2_hover {
    background-image: url(INSERT_IMAGE_URL_HERE)!important;
}

#main-content .image_grid_3_hover {
    background-image: url(INSERT_IMAGE_URL_HERE)!important;
}

#main-content .image_grid_4_hover {
    background-image: url(INSERT_IMAGE_URL_HERE)!important;

}

#main-content .image_grid_5_hover {
    background-image: url(INSERT_IMAGE_URL_HERE)!important;
}

#main-content .image_grid_6_hover {
    background-image: url(INSERT_IMAGE_URL_HERE)!important;
}


/* ### PRELOAD IMAGES GRID ### */

.home .clearfix:after{
    width:0; height:0; overflow:hidden; z-index:-1;
    content:	url(INSERT_IMAGE_URL_HERE) 
				url(INSERT_IMAGE_URL_HERE) 
				url(INSERT_IMAGE_URL_HERE) 
				url(INSERT_IMAGE_URL_HERE)
				url(INSERT_IMAGE_URL_HERE)
				url(INSERT_IMAGE_URL_HERE);
}

/* ### GENERAL ### */

#et-main-area {
	overflow-x: hidden;
}

/* ### HEADER & MENU ### */

@media (min-width: 981px) {
.custom_header_row .et_pb_column_3_4 {
	width: 85% !important;
}

.custom_header_row .et_pb_column_1_4 {
	width: 15% !important;
}

.header_button {
	display: table;
	top: 50%;
	margin-top: -38px;
}

.header_button h3 {
	margin-top: -5px;	
}}

@media (max-width: 980px) {
.header_button h3 {
	margin-top: -7px;	
}	
}

@media (min-width: 981px) and (max-width: 1350px) {
.custom_menu_section .et_pb_menu_0_tb_header.et_pb_menu ul li a {
	font-size: 14px !important;	
}

.custom_menu_section .et_pb_text_0_tb_header h3 {
    font-size: 14px !important;
}

.header_column_1 {
	padding-top: 100px !important;
    padding-left: 75px !important;		
}}

/* ### MENU ### */

@media (min-width: 1225px) {
.custom_menu .et-menu>li {
    padding-left: 25px;
    padding-right: 25px;
}}

/* ### DROP DOWN MENU ### */

@media (min-width: 981px) {
ul.sub-menu:before {
content: "";
    position: absolute;
    left: 20px;
    top: -17px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 20px 17px 20px;
    z-index: 9999;
}

ul.sub-menu li a {
    padding: 5px 0px;
	padding-left: 0px !important;
	font-weight: 400 !important;
	font-size: 14px !important;
	line-height: 1.5em !important;
}

ul.sub-menu li:last-child a {
	border-bottom: 0px solid #eee;
}

ul.sub-menu {
	padding-bottom: 3px !important;
	padding-top: 5px !important;
	top: 40px;
	background-color: #ffffff !important;
	border-radius: 7px;
	box-shadow: 0px -6px 17px 0px rgba(0,0,0,0.2) !important;
}

li#menu-item-11511 > a {
	height: 40px;
    margin-bottom: -26px;		
}

ul.sub-menu:before {
    border-color: transparent transparent #ffffff transparent;
}

ul.sub-menu li a {
    padding: 8px 0px;
    border-bottom: 1px solid rgba(19, 36, 61, 0.23);
}}

@media (min-width: 981px) {
ul.sub-menu li ul.sub-menu:before {
    border-color: transparent transparent rgba(255, 255, 255, 0) transparent !important;
}}

/* ### COLLAPSING MOBILE MENU ### */

.et_mobile_menu .first-level > a,
.et_mobile_menu .third-level > a{
	background-color: transparent;
	position: relative;
}

.et_mobile_menu .first-level > a:after,
.et_mobile_menu .third-level > a:after {
	font-family: 'ETmodules';
	content: '\4c';
	font-weight: normal;
	position: absolute;
	font-size: 16px;
	top: 13px;
	right: 10px;
}

.et_mobile_menu .first-level > .icon-switch:after,
.et_mobile_menu .third-level > .icon-switch:after {
	content: '\4d';
}

.second-level,
.third-level {
	display: none;
}

.reveal-items {
	display: block;
}

.et_mobile_menu .sub-menu {
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0) !important;
}

.et_mobile_menu {
    border-radius: 10px;
}

/* ### HOME ### */

@media (min-width: 981px) and (max-width: 1335px) {
.title_header_home h1 {
	font-size: 76px !important;
}}

@media (min-width: 981px) {
.home_curtain_image {
	width: 55% !important;
    margin-right: -50px!important;
    margin-left: -50px!important;
}}

@media (min-width: 981px) and (max-width: 1275px) {
.home_text_success h2 {
	font-size: 60px !important;
}

.home_text_success_column {
    padding-top: 80px;
    padding-right: 35px!important;
    padding-left: 50px!important;
}}

@media (min-width: 981px) and (max-width: 1550px) {
.curtain_column_1,
.curtain_column_3 {
	transform: unset !important;
}}

@media (min-width: 981px) and (max-width: 1650px) {
.curtain_column_1,
.curtain_column_3 {
	padding-top: 75px !important;
    padding-right: 50px !important;
    padding-bottom: 75px !important;
    padding-left: 50px !important;
}

.curtain_column_1 h2 {
	font-size: 36px !important;		
}

.curtain_column_3 .et_pb_blurb.et_pb_blurb {
    font-size: 26px;
}}

@media (min-width: 981px) and (max-width: 1110px) {
.services_row h3 {
	font-size: 13px !important;
}}

@media (min-width: 1111px) and (max-width: 1350px) {
.services_row h3 {
	font-size: 16px !important;
}}

@media (max-width: 980px) {
.services_row.et_pb_gutters1.et_pb_row .et_pb_column {
	margin-bottom: 10px!important;
}}

@media (min-width: 981px) and (max-width: 1550px) {
.scroll_text_big .et_pb_text {
	font-size: 130px !important;	
}}

@media (min-width: 981px) and (max-width: 1350px) {
.contact_bottom_column_1 {
	padding-top: 100px !important;
    padding-left: 75px !important;			
}}

@media (min-width: 981px) {
.et_pb_text.project_header_1 {
	bottom: 0px !important;
    position: absolute !important;

}}

@media (min-width: 981px) {
.home_column_1,
.home_column_4 {
	width: 65% !important;	
}

.home_column_2,
.home_column_3 {
	width: 35% !important;	
}

.footer_list ul li {
	display: inline-block;
    float: left;
	margin-right: 35px;
}}

.home_list_check .fa-check {
	color: #01ffc0;
}


/* ########################### */
/* ########## GRID ########### */
/* ########################### */

/* ### GRID 1 ### */

.image_grid_1_hover .image_grid_2,
.image_grid_1_hover .image_grid_3,
.image_grid_1_hover .image_grid_4, 
.image_grid_1_hover .image_grid_5,
.image_grid_1_hover .image_grid_6 {
	background-color: rgba(0,0,0,0);
}

/* ### GRID 2 ### */

.image_grid_2_hover .image_grid_1,
.image_grid_2_hover .image_grid_3,
.image_grid_2_hover .image_grid_4, 
.image_grid_2_hover .image_grid_5,
.image_grid_2_hover .image_grid_6 {
	background-color: rgba(0,0,0,0);
}


/* ### GRID 3 ### */

.image_grid_3_hover .image_grid_1,
.image_grid_3_hover .image_grid_2,
.image_grid_3_hover .image_grid_4, 
.image_grid_3_hover .image_grid_5,
.image_grid_3_hover .image_grid_6 {
	background-color: rgba(0,0,0,0);
}


/* ### GRID 4 ### */

.image_grid_4_hover .image_grid_1,
.image_grid_4_hover .image_grid_2,
.image_grid_4_hover .image_grid_3, 
.image_grid_4_hover .image_grid_5,
.image_grid_4_hover .image_grid_6 {
	background-color: rgba(0,0,0,0);
}


/* ### GRID 5 ### */

.image_grid_5_hover .image_grid_1,
.image_grid_5_hover .image_grid_2,
.image_grid_5_hover .image_grid_3, 
.image_grid_5_hover .image_grid_4,
.image_grid_5_hover .image_grid_6 {
	background-color: rgba(0,0,0,0);
}


/* ### GRID 6 ### */

.image_grid_6_hover .image_grid_1,
.image_grid_6_hover .image_grid_2,
.image_grid_6_hover .image_grid_3, 
.image_grid_6_hover .image_grid_4,
.image_grid_6_hover .image_grid_5 {
	background-color: rgba(0,0,0,0);
}


.main_bg_imagegrid {
	-webkit-transition: all .3s ease-in !important;
	-moz-transition: all 0.3s ease-in!important;
	-ms-transition: all 0.3s ease-in!important;
	-o-transition: all 0.3s ease-in!important;
	transition: all 0.3s ease-in!important;
}

/* ### BLOG GRID ### */

.custom_blog .post-meta {
	position: absolute;
    top: 0px;
    left: 0px;
    padding: 5px 10px;
	z-index: 9;
}

.custom_blog .entry-title {
	position: absolute;
    bottom: 12px;
	left: 25px;
	z-index: 9;
}

.custom_blog .et_pb_post {
	position: relative;
}

.custom_blog .et_pb_post .entry-featured-image-url {
    margin-bottom: 0px;
}

.custom_blog .et_pb_image_container {
    margin-bottom: 0px;
}

.custom_blog .et_pb_post {
	padding-bottom: 0px !important;
}

.custom_blog .et_overlay {
	opacity: 1 !important;
	z-index: 1;
}

.custom_blog .et_overlay {
	border:1px solid #000;
    outline-offset: -15px;
} 

.custom_blog a:hover .et_overlay {
    background-color: rgba(0, 0, 0, 0);
}

.menu_category ul li a {
    padding: 12px 20px !important;
    border-radius: 25px;
}

.menu_category a {
    padding: 4px 20px !important;
    border-radius: 25px;
	display: inline-block;
    float: left;
    margin-right: 25px;
	margin-bottom: 15px
}


/* ### BLOG LAYOUT 2 COLUMN ### */
.custom_blog_2 .et_pb_salvattore_content[data-columns]::before {
	content: '2 .column.size-1of2' !important;
}

@media only screen and ( min-width: 981px ) {
	.custom_blog_2 .column.size-1of2 {
	    width: 47.5%!important;
	    margin-right: 2.5%;
}}

@media only screen and ( max-width: 980px ) {
.custom_blog_2 .et_pb_blog_grid .column {
    width: 100% !important;
}}

@media (max-width: 980px) {
.et_pb_column .custom_blog_2 .et_pb_blog_grid .column.size-1of2 .et_pb_post {
    margin-bottom: 30px !important;
}}

/* ### BLOG LAYOUT 4 COLUMN ### */
.custom_blog_4 .et_pb_salvattore_content[data-columns]::before {
	content: '4 .column.size-1of4' !important;
}

@media only screen and ( min-width: 981px ) {
.custom_blog_4 .column.size-1of4 {
	width: 23.875%!important;
	margin-right: 1.5%;
}

.custom_blog_4 div.column.size-1of4:last-child {
	margin-right: 0%;	
}

.custom_blog_4 .et_pb_post {
    margin-bottom: 0px !important;
}}

@media only screen and ( max-width: 980px ) {
.custom_blog_4 .et_pb_blog_grid .column {
    width: 100% !important;
}}


/* ### SINGLE CASE ### */

@media (min-width: 981px) and (max-width: 1350px) {
.single_case_column_2 {
	padding-right: 75px !important;
    padding-left: 75px !important;	
}}

@media (min-width: 981px) and (max-width: 1630px) {
.single_case_column_1 {
	padding-right: 75px !important;
    padding-left: 75px !important;	
}}

@media (min-width: 981px) and (max-width: 1150px) {
.single_case_column_1 h3 {
    font-size: 38px !important;
}}

@media (min-width: 1151px) and (max-width: 1500px) {
.single_case_column_1 h3 {
    font-size: 50px !important;
}}

.et-l--footer .et_builder_inner_content {
	z-index: 999;
}

.et-tb .slide_in_1_section, 
.et-tb .slide_in_1_tab	{
	display: none;
}

/* ####### SLIDE-IN 2 ####### */

.slide_in_2_section {
	position: fixed !important;
    right: 0px;
    bottom: 0px;
    z-index: 9999999;
	transform: translateY(100%);
	transition: all .4s ease-in-out,width .2s ease-in-out,top .4s ease-in-out !important;
}

.show_form_2 {
	transform: translateY(-15px);
}

.close_form_icon_2 .fa-times-circle {
	font-size: 18px;
	cursor: pointer;
}

.et_pb_section.slide_in_2_label_section {
	position: fixed !important;
    right: 0px !important;
    bottom: 0px !important;
	left:unset;
	top: unset;
    z-index: 9999999;	
}

.slide_in_2_label_section {
	transform: scale(1);
	transition: 0.4s ease-in-out;
	transition-delay: 0.2s;
}

.hide_label_slide_in_2 {
	transform: scale(0);
}

.slide_in_1_contact_form .et_contact_bottom_container {
	width: 100%;	
}

.slide_in_1_contact_form .et_pb_button {
	width: 97%;
    margin-left: 3%;
}

.slide_in_1_contact_form .et_pb_button:hover {
    padding: .3em .1em .3em .1em !important;
}

@media (max-width: 980px) {
.label_slide_in_column_1 {
	width: 70% !important;
	margin-right: 0%;
	margin-bottom: 0px;
}

.label_slide_in_column_2 {
	width: 20% !important;
	margin-bottom: 10px;
}

.slide_in_column_1 {
	width: 80% !important;	
	margin-bottom: 0px;
}

.slide_in_column_2 {
	width: 20% !important;	
	margin-bottom: 0px;
}

.show_form_2 {
	transform: translateY(0px);
}

.slide_in_2_section {
	width: 100%;
}}

@media (max-width: 479px) {
.slide_in_2 {
	transform: scale(0.7);
	transform-origin: bottom right;
	margin-top: 13px!important;
    margin-right: -11px !important;
}

.label_close_icon {
    top: -6px !important;
    right: -23px !important;
}}

/* ####### SLIDE-IN 2 VISUAL BUILDER ####### */
.et-tb .slide_in_2_label_section {
	position: fixed!important;
	top: unset !important;
	bottom: 0px !important;
    right: 0px;
}

.et-tb .slide_in_2_section {
	position: fixed!important;
	transform: translateY(-100px);
	bottom: 0px !important;
    right: 0px !important;
	left: unset !important;
}

.hide_label_and_slide_in_2 {
	transform: scale(0);
}

/*
.et-tb .slide_in_2_section,
.et-tb .slide_in_2_label_section {
	display: none;
}*/