/* 
 Theme Name:     forter-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 ######### */

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



/* ### BLOG GRID META COLORS ### */
.custom_blog .post-meta {
    background-color: rgba(203,234,112,0.7);
    color: #fff !important;
}


/* #####  TESTIMONIAL BORDER ##### */
.single_testimonial {
	outline: 1px solid #cbea70;
}

/* ### SIDEBAR MENU ### */
.et_pb_widget_area .menu .menu-item {
	border-bottom: 1px solid #144980;
}

.et_pb_widget_area .menu .menu-item:hover {
	background-color: #e8e8e8;
}

.et_pb_widget_area .menu .menu-item:hover a {
	color: #cc1c1c;
}

.et_pb_widget_area .menu .menu-item a {
	color: #000;
}

.et_pb_widget_area .menu .current-menu-item {
	background-color: #e8e8e8 !important;
}

.et_pb_widget_area .menu .current-menu-item a {
	color: #cc1c1c !important;
}

.widget_nav_menu .menu {
	background-color: #144980;
    padding: 35px !important
}

.et_pb_widget_area .menu .menu-item {
	background-color: #ffffff;	
}

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

body {
	font-weight: 400 !important;
}


/* #####  FIXED HEADER + MENU ##### 

@media only screen and (min-width: 981px) {
#main-header.et-fixed-header {
	position: fixed;
    padding-top:30px;
}
*/	
@media only screen and (min-width: 981px) {
#page-container {
	padding-top:100px;
}

.et-tb #page-container {
	padding-top:0px;
}}

.admin-bar #main-header {
	top: 32px;
}


/* #####  HEADER + MENU ##### */

.custom_menu.et_pb_menu .et_pb_menu__wrap {
    justify-content: flex-end;
}

@media all and (min-width: 981px) and (max-width: 1270px) {
.custom_menu_column_1 {
	width: 80% !important;
}
	
.custom_menu_column_2 {
	display:none;
}}

@media all and (min-width: 1550px) {
.custom_menu_column_1 {
	width: 74% !important;
}

.custom_menu_column_2 {
	width: 13% !important;	
}

.custom_menu_column_3 {
	width: 13% !important;	
}

.et_pb_menu .et-menu>li {
    padding-right: 11px;
    padding-left: 50px !important;
}}

.custom_header .et_pb_row {
	overflow: visible;
}

/* #####  HOME SERVICE SECTION ##### */

.service_column_home {
	border: 3px solid rgba(245, 243, 243, 0.9);
}

.service_column_home .et_pb_text {
    outline-offset: -15px;
}

/* #####  TESTIMONIALS ##### */

.testimonial_home h3,
.single_testimonial h3 {
	padding-bottom: 35px;
}

.single_testimonial {
    outline-offset: -15px;
}

/* #####  CONTACT BOTTOM ##### */

.contact_bottom_border {
    outline-offset: -25px;
}

/* ### 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(203,234,112,0.7);
}

/* ###### SINGLE POST ###### */

.single .et_pb_post {
    margin-bottom: 0px !important;
}
.single .post {
    padding-bottom: 0px !important;
}

/* ### MAP FULL HEIGHT ### */

@media only screen and (min-width: 981px) {
.contact_map, 
.contact_map .et_pb_map {
	height: 100% !important;
}}

/* ###### SIDEBAR MENU ###### */

.et_pb_widget_area .menu .menu-item {
	padding: 15px 20px 15px 20px;
	-webkit-transition: all .3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.et_pb_widget_area .menu .menu-item a {
	-webkit-transition: all .3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.et_pb_widget_area .widget_nav_menu {
	margin-bottom: 0px !important;
}

.et_pb_widget_area .widget_nav_menu ul li {
    margin-bottom: 0em;
}

.et_pb_widget.widget_nav_menu {
    padding: 0px;
    border-radius: 0px;
}

.et_pb_widget.widget_nav_menu {
    border: unset;
    border-top: unset;
}

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

.sliding_cta_forter {
	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_forter {	
	width: 450px !important;
}
	
.sliding_cta_forter_tab {
    z-index: 999999;
	width:500px !important;
}

.sliding_cta_forter_tab:hover {
	cursor: pointer;
}

.sliding_cta_forter_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_forter {	
	width: 90% !important;
}
	
.sliding_cta_forter_tab {
	width:100% !important;
}

.sliding_cta_forter_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_forter {
	max-height: 100vh;
	padding-bottom:50px !important;
	overflow-y: scroll;
}
	
.sliding_cta_forter::-webkit-scrollbar {
    width: 10px;
}
 
.sliding_cta_forter::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}}

.et-tb .sliding_cta_forter, 
.et-tb .sliding_cta_forter_tab	{
	display: none;
}