/*
 Theme Name:   Shirly Riger
 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*****/
ul {list-style-type: none !important}
.contact-header { color: #fff;  text-align: center !important; position: relative; }
.contact-header i {margin-right: 3px}
.contact-header a {font-size: 22px !important; font-weight: 700 !important; padding: 10px !important; background: #DDB776; border-radius: 3px; transition: background-color 0.5s ease}
.contact-header a:hover {background: #9b8053; color: #fff !important; cursor: pointer}
#et-top-navigation {padding-right: 0 !important; float: none!important; display: flex; justify-content: center}
.vertical-align {height: 100%; display: flex; align-items: center;}

.diagonal-section {position: absolute; width: 100%; margin-top: -114px !important;}
.negative-bottom-margin .et_pb_code_inner {top: 12px }
.dark-diagonal .et_pb_code_inner{bottom: -12px; position: relative;}
.why-us-list {display: flex; flex-wrap: wrap; color: #fff; padding: 0 !important}
.text-dark .why-us-list {color: #000;}
.why-us-list li {width: 380px; margin-bottom: 20px; padding: 15px}
.why-us-title{font-size: 27px; font-weight: 600; margin-bottom: 15px}
ul.tags { display: flex; flex-wrap: wrap;}
ul.tags li {padding: 2px 8px; border: 1px solid #fff; margin-left: 5px; margin-bottom: 5px; color: #fff;}
ul.project-pricing {display: flex; justify-content: flex-start; color: #fff;}
ul.project-pricing li{position: relative; padding: 0 15px;}
ul.project-pricing li:first-of-type{border-left: 1px solid #fff;}
ul.project-pricing li p {margin-bottom: 5px; padding-bottom: 0 !important; font-size: 27px}
ul.project-pricing li p.value {font-weight: 700}

/* TESTIMONIALS */
.testimonitals-contaier .testimonial-item{min-height: 380px; padding: 48px; border: 1px solid #D3DCE0; border-radius: 6px; margin: 0 12px; position: relative; }
.testimonitals-contaier .testimonial-item .content {padding-top: 30px; margin-bottom: 30px}
.testimonitals-contaier .testimonial-item .content:before{content: ''; background:url('/wp-content/uploads/2024/11/double_q.png'); position: absolute; top: 30px; left: 50%; width: 43px; height: 26px;}
.testimonitals-contaier .testimonial-item .name {font-size: 20px; text-align: center; font-weight: 600; position: absolute; bottom: 50px; width: 100%; left: 0;}
.custom-arrows {margin: 50px auto; text-align: center}
.custom-arrows a {margin: 0 15px}

/* CONTACT FORM */
form {direction: rtl; text-align: right}
input {height: 50px; padding: 6px 15px; border-radius: 3px}
input[type="number"] {border: 1px solid #DDB776; width: 100%;}
button[type="submit"] {background: #DDB776; color: #fff; text-align: center; min-height: 50px; border: none; font-size: 27px; font-weight: 600; border-radius: 4px; transition: background-color 0.5s ease; padding: 6px 15px; cursor: pointer}
button[type="submit"]:hover {background: #229155;}
.invalid-field {font-size: 13px; font-weight: 300; color: red;}
.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 input[type="text"], input[type="email"], input[type="tel"] { max-width: 100%; font-size: 18px; border: none;}
.wpcf7-form textarea {width: 100%; border-radius: 3px; border: none}
.wpcf7-form label {font-size: 20px; color: #fff; font-weight: 300}
.wpcf7-form input[type="submit"] {padding: 5px 12px; background-color: #DDB776; color: #fff; border-radius: 3px; border: none; min-width: 120px; text-align: center; font-size: 20px; margin: 20px auto; transition: background-color 0.5s ease;}
.wpcf7-form input[type="submit"]:hover {background-color: #fff; color: #DDB776; cursor: pointer;}

/** PROPERTY PAGE **/
.et_pb_fullwidth_header .et_pb_fullwidth_header_container.center .header-content {max-width: 1200px; width: 90%}


.quick-contact-over-map {display: flex; justify-content: center; align-items: flex-start; flex-direction: column; color: #fff;}
.quick-contact-over-map .qc-item {margin-left: 15px; color: #fff;}
.quick-contact-over-map .qc-item a {display: flex; align-items: center}
.quick-contact-over-map .qc-item svg {margin-right: 5px}

/******* FOOTER ********/
.footer-widget {float: right}
#menu-footer-menu li:before {content: ""!important; display: none}
.widget_media_image {margin-bottom: 24px !important}
.widget_nav_menu, .custom-footer-contact {margin-top: 100px !important}
.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 a {font-size: 18px}
.socials {font-size: 30px}
.socials a {margin-left: 15px}

.cc-item {display: flex;justify-content: flex-start; color: #fff; margin-bottom: 30px}
.cc-item img {margin-left: 10px}

@media only screen and (max-width: 768px){
    .et_pb_equal_columns, .column-reverse {display: flex; flex-direction: column-reverse}
    .marketing-projects-section .et_pb_row {border-bottom: 1px solid #f4f4f4}
    .normal-column {display: flex; flex-direction: column;}
    .hp-contact .row .row-item {width: 100%;}
    .testimonitals-contaier .testimonial-item .content {line-height: 1.2; font-size: 18px}
}