@import "../../../atlanta/assets/css/rtl.min.css";

/* Your CSS code goes here
-------------------------------------- */

body.rtl .sf-menu>li>a>span {
	border-left:1px solid #323131;
	border-right:none;
}
body.rtl .sf-menu>li:last-child>a>span {
	border-left:none;
}
body.rtl .wpml-ls-legacy-list-horizontal a {
	direction:ltr;
}
.rtl .wpml-ls-legacy-list-horizontal .wpml-ls-flag+span {
    margin-left: .4em;
    margin-right: 0;
}


body.rtl .gform_wrapper form .gform_footer input.button {
	text-align:center !important;
}
body .sf-menu ul {
    width: 19em !important;
}

body.rtl .gform_wrapper form .gform_footer input.button, 
body.rtl .gform_wrapper form .gform_footer input[type=image], 
body.rtl .gform_wrapper form .gform_page_footer input.button, 
body.rtl .gform_wrapper form .gform_page_footer input[type=image], 
body.rtl .gform_wrapper form .gform_footer input.button:hover, 
body.rtl .gform_wrapper form .gform_footer input[type=image]:hover, 
body.rtl .gform_wrapper form .gform_page_footer input.button:hover, 
body.rtl .gform_wrapper form .gform_page_footer input[type=image]:hover {
	text-align:center !important;
}

@media (max-width: 767px) {
	body.rtl #header.logo-left .logo .navbar-toggle, body.rtl .sticky-header.logo-left .logo .navbar-toggle {
		float:right;
	}
	body.rtl .mobile-head-sec a, body.rtl .mobile-head-sec a.tmenu0, body.rtl .mobile-head-sec a.tmenu0 {
		float:right;
	}
	body.rtl  .mobile-menu a span i {
		float:right;
	}
	body.rtl .mobile-head-sec a:last-child, body.rtl .mobile-head-sec a:last-child.tmenu0, body.rtl .mobile-head-sec a:last-child.tmenu0 {
		border-right:2px solid #c6c6c6;
	}
	body.rtl .mobile-head-sec a:first-child, body.rtl .mobile-head-sec a:first-child.tmenu0, body.rtl .mobile-head-sec a:first-child.tmenu0 {
		border-right:none;
	}
	body.rtl .nav-main .navbar-collapse .mobile-menu>li .sub-menu a {
		padding-right: 50px;
	}
	.mobile-menu .menu-item-has-children>a:after {
		right:auto;
		left: 10px;
		padding-right:0;
		padding-left: 10px;
	}
}