/* 
 Theme Name:     Divilabs
 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 META ###### */
.custom_blog .post-meta a {
    background-color: #00df7d;
    color: #fff !important;
}

/* ###### BIG NUMBERS SERVICES ###### */
.number_services {
	color: #e1e5ef;
}

/* ###### LINE DROPDOWN MENU ###### */
.sub-menu li a:before {
	color: #00df7d;
}

/* ###### CONTACT FORM MESSAGE ###### */
.custom_contact_form .et-pb-contact-message,
.custom_contactform .et-pb-contact-message {
	color: #fff !important;
}

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

body #page-container .et_pb_section .text_button:after {
	top:  8px !important;
}

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

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

.custom_blog .post-meta a {
    padding: 7px 15px;	
}

.custom_blog .et_pb_post {
	position: relative;
}

.number_services {
    font-size: 50px;
    padding-right: 15px;
    vertical-align: bottom;
}

/* ### RESPONSIVE ### */
@media (min-width: 981px) and (max-width: 1300px) {
.cta_header_button {
padding: 0.3em 8px!important;
	font-size: 13px !important;
}

.custom_row_width,
.special_section_row_width .et_pb_row {
	width: 90% !important;	
}}

@media (min-width: 981px) and (max-width: 1400px) {
.work_hone_row .et_pb_column {
	padding-top: 200px;
    padding-right: 35px;
    padding-bottom: 35px;
    padding-left: 35px;		
}	

.home_testimonial h3 {
	font-size: 36px !important;	
}
	
.work_hone_row h3 {
	font-size: 36px !important;	
}}

@media (min-width: 1401px) and (max-width: 1860px) {
.work_hone_row h3 {
	font-size: 48px !important;	
}}

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

/* ### POST ### */
.single-post h2,
.single-post h3 {
	padding-top: 20px;
} 

/* ### TESTIMONIAL ### */
.custom_testimonial {
	background-position: bottom 15px right 25px !important;
}

.sub-menu li a:before {
  	content: "\2015";
    font-size: 26px;
	padding-right: 10px;
	top: 3px;
    position: relative;
}

.sub-menu li a {
	padding-left: 0px !important;
	font-size: 14px !important;
}

/* ########################### */
/* ####### SLIDING CTA ####### */
/* ########################### */

.sliding_cta_bright {
	position: fixed !important;
    right: 0px;
    top: 0px;
    z-index: 9999999;
    height: 100%;
	transform: translateX(100%);
	box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 10px;
    transition: 0.8s ease-out;
}



.sliding_cta_bright {	
	width: 450px !important;
}
	
.sliding_cta_bright_tab {
    z-index: 999999;
	width:500px !important;
}

.sliding_cta_bright_tab:hover {
	cursor: pointer;
}

.sliding_cta_bright_tab_text {
	transform: translate(-100%, -100%) rotate(-90deg);
    transform-origin: right bottom 0px;
    position: absolute;
    top: 0px;
	left: -10px;
}

@media all and (max-width: 479px) {
.sliding_cta_bright {	
	width: 90% !important;
}
	
.sliding_cta_bright_tab {
	width:100% !important;
}

.sliding_cta_bright_tab_text {
	left: -5px;
}}

.show_form {
	transform: translateX(0px);
}

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

.close_form_icon {
	text-align: right !important;
}

.close_icon p {
	text-align: right !important;
}

.custom_contact_form .et_contact_bottom_container {
	width: 100%;	
}

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

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



@media (max-height: 1080px) {
.sliding_cta_bright {
	max-height: 100vh;
	padding-bottom:50px !important;
	overflow-y: scroll;
}
	
.sliding_cta_bright::-webkit-scrollbar {
    width: 10px;
}
 
.sliding_cta_bright::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}}

/* ####################################### */
/* ####### HIDE FOR VISUAL BUILDER ####### */
/* ####################################### */

.et-fb .sliding_cta_bright {
	display: none;
}