/*
 Theme Name:  Connvisor Child theme
 Theme URI:    https://divilife.com
 Description:  Child Theme for Divi
 Author:       Tim Strifler
 Author URI:   https://divilife.com
 Template:     Divi
 Version:      1.0.0
*/

body{
    direction: rtl;
}
/*#et-top-navigation{
    float: right;    
}*/
form {
    direction: rtl !important;
    text-align: right;
}
.et_header_style_left .logo_container{position: static; width: auto; height: auto;}
#et-secondary-nav .menu-item-has-children>a:first-child, #top-menu .menu-item-has-children>a:first-child {padding-right: 0 !important; padding-left: 20px; }
#et-secondary-nav .menu-item-has-children>a:first-child:after, #top-menu .menu-item-has-children>a:first-child:after{
    left: 0 !important; right: auto !important;
}
#top-menu li li a {text-align: right;}
h2 {color: #995178 !important;}
h2:after {content: " "; border-bottom: 4px solid #FF8D61; margin: auto; display: block; padding-top: 15px; width:100px;}
h2.text-right:after{ margin-right: 0; }
h4 {font-size: 24px; color: #22161d; }
h4.title{font-weight: 600 !important;}

.bx-wrapper {direction: ltr !important;}
.bx-wrapper .bx-controls {opacity: 1;}
#et-top-navigation a{font-weight: 400}
.container.et_menu_container{display: flex; justify-content: space-between}
#top-menu li{padding-right: 30px}
#top-menu>li:last-child:last-child {padding-right: 30px}
#header-extra-info {display: flex; align-items: center; justify-content: space-between}
.social-media-container{display: flex;align-items: center}
.social-media-container .fa{padding: 0 10px; color: #995178}
#header-extra-info .header-phone{display: flex;padding-right: 40px; color: #995178;flex-direction: row-reverse; align-items: center}
.header-phone a{color: #995178;}
.header-phone .fa{padding: 0 5px;}
.et_pb_button_one.et_pb_button:hover{
    padding-right: 1rem !important;
    padding-left: 2rem !important;
}
.home .et_pb_fullwidth_header_0 .et_pb_button{min-width: 150px}
.experties-container{display: flex;justify-content: space-between; flex-wrap: wrap}
.experties-item{width: 30%; margin-bottom: 5%;}
.exp-read-more {color: #fff; background-color: transparent; border: 1px solid #995178; border-radius: 4px; padding: 4px 15px; font-size: 18px; color: #995178; margin-top: 15px; display: block; width: 110px; position: relative}
.exp-read-more:hover{background-color: #995178; color: #fff; width: 120px; transition: width 0.3s;}
.exp-read-more .fa {font-size: 16px; position: absolute; left: 10px; top: 10px;}
#image-gallery-section {
    overflow: hidden;
    height: 100%;
}
p.exp-content{min-height: 280px}
#image-gallery-section .gallery{overflow:hidden; height:100%;width:100%; display:block;margin:0; padding:0; position:relative;
    background:#000;  }

#image-gallery-section .imgWrap{ float:left; width:20%; height:100%; overflow:hidden; position: relative; background-repeat:no-repeat; background-position: center; background-size: cover; transform: translate3d(0,0,0); opacity: 0.8; transition: all .6s cubic-bezier(0.250, 0.460, 0.450, 0.940); min-height: 700px;}

#image-gallery-section .imgWrap:last-child{float: left;}

#image-gallery-section .current { width:36%; transition: all .6s cubic-bezier(0.250, 0.460, 0.450, 0.940); opacity: 1;
  cursor: pointer; }
#image-gallery-section .notCurrent { width:16%;  transition: all .6s cubic-bezier(0.250, 0.460, 0.450, 0.940); }
/************* FOOTER FORM *************/
#footer-form form{ margin: 30px auto;}
.field-item{margin-bottom: 30px;}
input[type="text"], input[type="tel"], input[type="email"] { width: 100%; max-width: 400px; height: 50px; border: 1px solid #fff; border-radius: 4px; background-color: transparent; padding-right: 30px; padding-left: 30px; direction: rtl !important;
    text-align: right !important; color: #fff;}

.wave-img::before{content: url(https://events.tlalimgroup.com/wp-content/uploads/2020/04/decoration_white.png); position: absolute; bottom: 0; z-index: 1; height: 75px; width: 100%;}

input[type="text"]:focus, input[type="tel"]:focus, input[type="email"]:focus{
    border: 1px solid #fff;
	color:#fff;
}

#footer-form form .form-wrapper{
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
}
#footer-form form .form-wrapper .input-side, #footer-form form .form-wrapper .cb-side{width: 40%; }
#footer-form form .form-wrapper .cb-side {direction: rtl; text-align: right; color: #fff; }
#footer-form p{font-size: 20px; }
/************** CUSTOM CHECKBOXES ***************/
.cb-side .wpcf7-form-control{display: block; column-count: 2;}
.cb-side span.wpcf7-list-item {width: 100%; margin-bottom: 15px;}

/* Hide the browser's default checkbox */
.cb-side input[type="checkbox"]{ 
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
.wpcf7-list-item {
  display: block;
  position: relative;
  padding-right: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Create a custom checkbox */
.wpcf7-list-item .checkmark {
  position: absolute;
  top: 0;
  right: 0;
  height: 25px;
  width: 25px;
  background-color: transparent;
    border: 1px solid #fff;
}

/* On mouse-over, add a grey background color */
.wpcf7-list-item:hover .checkmark {
  background-color: rgba(92, 10, 72, 1);
}

/* When the checkbox is checked, add a blue background */
.checkmark-checked {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.checkmark-checked:after {
  display: block;
}

/* Style the checkmark/indicator */
.wpcf7-list-item .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
#footer-form .top-decoration{
    position: absolute;
    opacity: 0.18;
    background-color: #faa275;
    top: -37%;
    width: 22%;
    height: 328px;
    left: 15px;
    border-radius: 50%;
}
#footer-form .bottom-decoration{
    position: absolute;
    opacity: 0.18;
    background-color: #faa275;
    bottom: -140px;
    width: 20%;
    height: 367px;
    right: -11.5%;
    border-radius: 50%;
}
input[type="submit"]{
    width: 100%;
    background-color: #ff8c61;
    border-radius: 4px;
    height: 50px;
    border: none;
    color: #fff;
    font-size: 18px;
    min-width: 150px;
}

/************** END OF FORM *********************/

/**********TESTIMONIALS **********************/
#testimonials{ overflow: hidden; }
#testimonials .top-decoration{
    position: absolute;
    opacity: 0.18;
    background-color: #faa275;
    bottom: -231px;
    width: 34%;
    height: 549px;
    left: -20%;
    border-radius: 50%;
    
}
#testimonials .bottom-decoration{
    position: absolute;
    opacity: 0.18;
    background-color: #faa275;
    top: -239px;
    width: 501px;
    height: 495px;
    right: 20px;
    border-radius: 50%;
    
}
/**********END OF TESTIMONIALS ***************/
#footer-widgets {direction: rtl; text-align: right; flex-direction: column-reverse;}
#footer-widgets ul li:before{display: none;}
#footer-widgets .fa{
    display: inline-block;
    border-radius: 50%;
    color: #FF8D61;
    background-color: #5C0A28;
	line-height:32px;
	width:32px;
	height:32px;
	text-align:center;
}
.footer-widget{ margin-left: 5.5% !important; margin-right: 0 !important; display: flex;}
.footer-widget:first-child {margin-left: 0 !important;}
.footer-widget:nth-child(2) {justify-content: center;}
.fwc-item {margin-bottom: 15px}
.fwc-item .fa {margin-left: 15px;}
.social-icons-container{     display: flex;  margin-top: 15px; }

.two-columns-blurb .et_pb_column_4_4 {display: flex;}
.two-columns-blurb .et_pb_column_4_4 .et_pb_blurb {width: 50%;}
.et_pb_blurb_container{ direction: rtl; text-align: right;}
.et_pb_blurb_container p.title{font-weight: 700; text-align: center;}

/********** HORIZONTAL FORM **********/
.horizontal-form-container {display: flex; justify-content: space-between; direction: rtl; text-align: right;}
.horizontal-form-container .item {margin-left: 10px;}
.horizontal-form-container .item:last-of-type{margin-left: 0;}
.horizontal-form-container input[type="submit"] {background-color: #5c374c}

/********** CONTACT PAGE FORM ********/
.contact-us-input-form-container input[type="text"],
.contact-us-input-form-container input[type="tel"], 
.contact-us-input-form-container input[type="email"]{    
    max-width: 800px;    
    border: 1px solid #5c374c;    
	color:#000;
}
.contact-us-input-form-container textarea{
	width: 100%;
	border-radius: 4px;
	max-width: 800px;
    border: 1px solid #5c374c;
	min-height: 120;
	padding-right: 30px; padding-left: 30px;
	color:#000;
}

form input,form textarea{
	font-size: 18px !important; 
}

.bx-prev{
	background: url('images/left.png') !important;
	left: -40px !important;
	background-repeat: no-repeat !important;
}

.bx-next{
	background: url('images/right.png') !important;
	right: -40px !important;
	background-repeat: no-repeat !important;
}
/*********** FOOTER ******/
#footer-widgets .footer-widget a, #footer-widgets .footer-widget li a, #footer-widgets .footer-widget li a:hover { color: #5C374C !important}
#footer-widgets .footer-widget { color: #5C374C !important}


::-webkit-input-placeholder { /* Edge */
  color: #fff;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #fff;
}

::placeholder {
  color: #fff;
}
.contact-us-input-form-container ::-webkit-input-placeholder { /* Edge */
  color: #7B7B7B;
}
.contact-us-input-form-container :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #7B7B7B;
}
.contact-us-input-form-container ::placeholder{
  color: #7B7B7B;    
}
#footer-form input[type="text"]:focus, #footer-form  input[type="tel"]:focus, #footer-form  input[type="email"]:focus {
	color: #fff !important;
}

body.home div.wpcf7-mail-sent-ok,body.home div.wpcf7-validation-errors,body.home div.wpcf7-acceptance-missing,.et_pb_module.horizontal-form div.wpcf7-mail-sent-ok,.et_pb_module.horizontal-form div.wpcf7-validation-errors,.et_pb_module.horizontal-form div.wpcf7-acceptance-missing{color:#ffffff;}

.ww-row:nth-child(odd) { text-align: left;margin: 15px auto;}
@media only screen and (max-width: 840px){
    #header-extra-info{display: none}
    .et_header_style_left #logo, .et_header_style_split #logo{max-width: 70%;}    
    .container.et_menu_container{flex-direction: row-reverse;}
    #et-top-navigation {padding-left: 0 !important; flex: 1}
    .logo_container{text-align: left !important}
    .et_pb_fullwidth_header.et_pb_fullwidth_header_0{background-size: contain !important; }
    .experties-container {flex-wrap: nowrap; justify-content: flex-start; flex-direction: column;}
    .experties-container .experties-item{width: 100%;}
    .experties-container .experties-item p.exp-content{min-height: 0}
    
    
    /***** FOOTER FORM ***/
    #footer-form form .form-wrapper{flex-direction: column-reverse; justify-content: flex-start;}
    #footer-form form .form-wrapper .input-side, #footer-form form .form-wrapper .cb-side{width: 100%;}
    #footer-form form {margin-bottom: 0;}
    .bx-prev {left: -30px !important;}
    #testimonials .et_pb_slider_0{max-width: 100% !important;}
    #testimonials .et_pb_slider .et_pb_slide_0 .et_pb_slide_description,#testimonials .et_pb_slider_fullwidth_off .et_pb_slide_0 .et_pb_slide_description{
        padding: 0 10px !important;
    }
    .et-pb-controllers a:last-child{margin-right: 10px;}
    .footer-widget:nth-child(2){justify-content: flex-start;}
    
    /***** ABOUT PAGE ******/
    .two-columns-blurb .et_pb_column_4_4{flex-direction: column;}
    .two-columns-blurb .et_pb_column_4_4 .et_pb_blurb {width: 100%;}
    .et_pb_blurb_0.et_pb_blurb{padding-right: 0 !important; }    
    
    /**** HORIZONTAL FORM ***/
    .horizontal-form-container {flex-direction: column;}
    .horizontal-form-container .item {margin-left: 0; margin-bottom: 16px;}
}
.mobile_menu_bar:before{color: #fff !important;}
ul#mobile_menu{text-align: right;}
.et-pb-controllers { bottom: -20px; width: 100%; direction: ltr; }
#main-content{overflow:hidden;}

#footer-widgets > div:nth-child(1){display:flex;flex-direction:column;}

@media (max-width:1450px){
	#et-top-navigation{padding-left:60px !important;}
}
@media (max-width:1310px){
	#et-top-navigation{padding-left:0 !important;}
	#top-menu li {padding-right: 20px;}
	#top-menu>li:last-child:last-child { padding-right: 20px; }
}
@media(min-width:981px){
	#header-extra-info-mob{display:none;}
}
.header-extra-info-mob{display:none;}
@media(max-width:980px){
	.fix-flex{display:flex;flex-direction:column-reverse;}
	.et_pb_column .et_pb_row_inner, .et_pb_row { padding: 40px 0; }
	.experties-item { margin-bottom: 20%; }
	#header-extra-info-mob{position: absolute; left: 0; margin-left: 100px; top: 50%; transform: translateY(-50%); height: 35px; width: 35px; background-color: #ffffff; border-radius: 50%;}
	#header-extra-info-mob .header-phone .fa{padding: 0; text-align: center; line-height: 35px; width: 100%;}
	.header-extra-info-mob{display:block;position: absolute;left: 0;top: 50%;transform: translateY(-50%);height: 35px;width: 35px;background-color: #ffffff;border-radius: 50%;margin-left: 150px;}
	.header-extra-info-mob .header-phone .fa { padding: 0; text-align: center; line-height: 35px; width: 100%; }
	.container.et_menu_container{flex-direction: row-reverse;}
	#header-extra-info{display:none;}
	.logo_container { text-align: left !important; }
	#image-gallery-section .imgWrap{display:none;}
	#footer-form .top-decoration{top:-50%;}
	#et-top-navigation {padding-left:0 !important;flex: 1;}
}
@media(max-width:767px){
	.wave-img .et_pb_fullwidth_header{min-height:500px !important;}
	.wave-img .et_pb_fullwidth_header .et_pb_fullwidth_header_container{min-height:400px !important;}
}