/*
 Theme Name:   Delta Building Maitenance
 Theme URI:    https://connvisor.com
 Description:  Child Theme - Connvisor
 Author:       Connvisor
 Author URI:   https://connvisor.com
 Template:     Divi
 Version:      1.0.1
*/

/*****Add any custom CSS below this line*****/
.primary-color{color: #0D59F0;}
.et_pb_button {direction: ltr;}
#main-header{background-color: #0C0C0C !important;}
.mobile_menu_bar:before{color: #fff !important}
#top-menu li li a {font-size: 18px !important}
#et-top-navigation {float: none!important; display: flex; justify-content: space-between; align-items: center; padding-right: 25% !important}
.social-header-cta {z-index: 10 !important; display: flex; align-items: center; position: relative; top: -17px}
.social-header-cta .et_pb_button {margin-top: 0 !important; font-size: 18px !important; margin-right: 10px}
.social-header-cta a {display: inline-block; width: 24px; height: 24px; margin-left: 5px}
.social-header-cta .header-call {display: flex; background-color: #0D59F0; color: #fff; text-align: center; color: #fff; padding: 8px 15px; width: auto; height: auto;font-size: 18px; border-radius: 50px; margin-right: 15px }
.mt-15 {margin-top: 15px;}

/* override cookiesYes */
.cky-accordion-chevron {
  margin-right: 0 !important;
  margin-left: 22px !important;
}
.cky-notice-btn-wrapper {flex-direction: row-reverse !important}


.et-pb-controllers {direction: ltr;}
.flex-middle-height {height: 100% !important; display: flex; align-items: center;}
.flex-middle-height-no-height{display: flex; align-items: center;}
ul {list-style-type: none !important}
input[type="text"], input[type="tel"], input[type="email"]{height: 50px; border-radius: 4px; border: 1px solid #D3DCE0;background: #fff; width: 100%; direction: rtl; text-align: right; padding: 4px; font-size: 18px}
input[type="submit"]{background: #0D59F0; text-align: center; color: #fff; border: none; border-radius: 30px; height: 50px; width: 100%; max-width: 150px; font-size: 20px}
.wpcf7-form, .hp-contact {width: 100%; max-width: 100%; direction: rtl;}
.wpcf7-form .row {display: flex; justify-content: space-between; align-items: start; margin-bottom: 15px; flex-wrap: wrap; width: 100%;}
.hp-contact .row .row-item{width: calc(33.33% - 5px)}
.wpcf7-form textarea {width: 100%; border-radius: 4px; border: 1px solid #D3DCE0;background: #fff; font-size: 18px}

.horizontal-form {display: flex; justify-content: space-between; align-items: start; position: relative; gap: 15px}
ul.why-us-list {display: flex; flex-wrap: wrap; justify-content: space-between; }
ul.why-us-list li {width: 48%; max-width: 336px; background: #fff; margin-bottom: 30px; padding: 32px; border-radius: 6px; text-align: right;}
ul.why-us-list li .why-us-image {margin-bottom: 16px; width: 80px; height: 80px;}
ul.why-us-list li .why-us-title {font-size: 27px; font-weight: 700; color: #000; margin-bottom: 16px}
ul.why-us-list li .why-us-content {font-weight: 400; color: #000;}

.contact-section {position: relative;}
.contact-section::after{content: url('images/abs-logo.svg'); position: absolute; left: 0;  bottom: -50%;z-index: 10}
#services-included-section::after{content: url('images/abs-logo.svg'); position: absolute; left: 0;  bottom: -6%;z-index: 10}

.row-item label, .message label{color: #fff; font-size: 14px;}
#dark-large-label .row-item label, #dark-large-label .message label {color: #000;}

.contact-page-social {display: flex; flex-wrap: wrap; gap: 15px; max-width: 100px;}
.contact-page-social a {flex: 0 0 calc(50% - 10px); box-sizing: border-box; text-align: center; align-items: center; display: flex; color: #000;}
.contact-page-social a svg {margin-left: 5px}
ul.inner-list {padding-right: 40px; position: relative;}
ul.inner-list li::before{content: url("assets/svg/list-item-check.svg"); position: absolute; right: 0;}
ul.inner-list li {margin-bottom: 10px;}

/******* FOOTER ********/
.footer-widget {float: right}
#menu-main li:before {content: ""!important; display: none}
.widget_media_image {margin-bottom: 24px !important}
.widget_nav_menu a {font-size: 20px !important; font-weight: 600}
.et_pb_widget {text-align: right; float: right}

.custom-footer-contact h4 {font-size: 27px; font-weight: 500}
.cf-item {margin-bottom: 15px;}
.cf-item i {margin-left: 5px}
.cf-item a {font-size: 18px}
.socials {font-size: 30px}
.socials a {margin-left: 15px}
.footer-widget, .footer-widget li, .footer-widget li a, #footer-info {font-size: 16px !important}
.cc-item {display: flex;justify-content: flex-start; color: #fff; margin-bottom: 30px}
.cc-item img {margin-left: 10px}

#footer-widgets .sub-menu li {padding-right: 0 !important}

@media only screen and (max-width: 1200px){
    .contact-section::after{display: none}
    #services-included-section::after{display: none;}
    .flex-middle-height {height: auto !important}
}
@media only screen and (max-width: 768px){
    .mobile-column-reverse {flex-direction: column-reverse; display: flex}
    ul.why-us-list li {width: 100%; text-align: center; margin: 15px auto}
    li .why-us-image {margin: auto}
    .social-header-cta {display: none;}
    .horizontal-form {flex-direction: column;}
    .horizontal-form .input-item {width: 100%; margin-bottom: 15px;}
    .hp-contact .row {display: flex; flex-direction: column}
    .hp-contact .row .row-item {width: 100%;}
}