/*
Theme Name:     Stratus - Child Theme
Theme URI:      https://demo.themovation.com/stratus/intro/
Template:       stratusx
Author:         Themovation
Author URI:     http://themovation.com
Version:        4.0
Text Domain:    stratus
Domain Path:    /languages/
*/


/* = Theme customization starts here
-------------------------------------------------------------- */

html.wp-dark-mode-active body form input[type="submit"],html.wp-dark-mode-active .with_frm_style .frm_submit input[type="submit"] {
    background-color: rgb(36, 37, 37) !important;
    border-color: rgb(58, 61, 61) !important;
    color: rgb(229, 224, 216) !important;
	    border: 1px solid #fff !important;
}
html.wp-dark-mode-active .frm_submit.wp-dark-mode-bg-image {
    background: #fff;
    overflow: hidden;
    border: 1px solid #fff;
}


/*
.navbar .navbar-nav {
    margin-top: 45px !important;
}
.custom-icon .elementor-icon 
{
	display:none !important;
}
.elementor-element.elementor-element-0777d53 .elementor-swiper-button.elementor-swiper-button-prev, .elementor-269 .elementor-element.elementor-element-0777d53 .elementor-swiper-button.elementor-swiper-button-next {
    color: #000000 !important;
}
.elementor-689 .elementor-element.elementor-element-45cea3dc.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated
{
	    padding: 20px 19px 20px 83px;
}



.headhesive--stick #logo .logo-main {
    display: inline !important;
    max-height: unset !important;
}
.footer .widget img {
	width:40%; 
}
 
.footer {
 
    padding: 20px 0 0; 
}
.footer-btm-bar {
    background: #23272a;
    padding: 10px 0 0px;
}
.footer-widgets.row {
    margin-bottom: 0px;
}

.footer .widget {
     margin-bottom: 20px;
}
.headhesive--stick
{
 
    padding: 5px 0;
}
.headhesive--stick.navbar .navbar-nav > li > a{
	color:#fff !important;
}
.footer .footer-copyright p{
	    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2%;
}
  
 
header.headhesive--stick
{
	height:auto !important;
}
.btn-ghost-primary
{
	border-radius:0px!important;
}
header.banner.navbar.navbar-default.navbar-static-top
{
	    position: absolute;
    width: 100%;
  
    background: transparent;
}
header.banner.navbar.navbar-default.navbar-static-top a{
	color:#fff;
}
@media screen and (max-width:767px)
{
	.headhesive--clone #logo img {
    max-height: 80px !important;
    width: auto;
}
	#logo img {
    max-height: 40px !important;
    width: auto;
}
	header.banner.navbar.navbar-default.navbar-static-top
	{
		border:0
	}
	.navbar-default .navbar-toggle {
    border-color: #fff;
    background: rgba(240, 240, 240, 0.88);
          padding: 8px 6px;
  
}
	 .headhesive--stick #logo .logo-main,   .headhesive--clone #logo img {
        max-height: 50px !important;
        width: auto;
    }
	.navbar .navbar-nav {
    margin-top: 0px !important;
    background: #e1e2e2;
    border-top: 0px !important;
}
	header.banner.navbar.navbar-default.navbar-static-top a {
    color: #000;
}
}
.elementor-element .swiper .elementor-swiper-button-prev
{
	left:-40px !important;
}
.elementor-element .swiper .elementor-swiper-button-next
{
	right:-40px !important;
}


@media screen and (max-width:991px) {
	.footer-widgets { 
       display:flex;
    }
}
@media screen and (max-width:767px) {
	.footer .widget img {
    max-width: 30% !important;
}
	.footer-widgets { 
       display:block;
    }
}
.headhesive--stick #logo .logo-main {
    display: inline !important;
    max-height: 70px !important;
}
.customBg .elementor-background-slideshow__slide__image{
    background-size: cover;
    background-position: bottom;
}
.navbar-default
{
	border-color:transparent;
}
html[dir="rtl"]
{
	footer
	{
		direction:ltr;
	}
}

.wp-dark-mode-active .custom_bg_dark > .elementor-widget-wrap.elementor-element-populated.wp-dark-mode-bg-image
{
background-image:url("https://happytech.sa/wp-content/uploads/2024/12/2@11x.png");
}
html[dir="rtl"] .elementor-widget-themo-service-block.elementor-position-left .th-service-block-w .elementor-icon-box-icon
{
	margin-left:20px;
	margin-right:0;
}

html[dir="rtl"] .elementor-widget-themo-service-block.elementor-position-left .th-service-block-w .elementor-icon-box-wrapper.th-show-icon
{
	text-align:right !important;
}
.custom_icon img.wp-dark-mode-bg-image {
    width: 7% !important;
    height: 100%;
    object-fit: fill;
    filter: brightness(0) saturate(100%) invert(98%) sepia(0%) saturate(2610%) hue-rotate(301deg) brightness(83%) contrast(90%);
}
html[dir="rtl"] .frm12, .frm_full, .frm_full .wp-editor-wrap,html[dir="rtl"]  .frm_full > input:not([type='checkbox']):not([type='radio']):not([type='button']), .frm_full select, .frm_full textarea
{
	text-align:right;
	font-family:"cairo"
}
.btn-standard-dark-form form .frm_submit input[type=submit], .btn-standard-dark-form form .frm_submit input[type=submit]:hover{
	font-family:"cairo"
}
html[dir="rtl"] .elementor-widget-themo-service-block .th-service-block-w .elementor-icon-box-title {
    unicode-bidi: plaintext;
}
.th-dark-tr.banner[data-transparent-header="true"]:not(.headhesive--clone) .navbar-nav > li > a, .th-dark-tr.banner[data-transparent-header="true"]:not(.headhesive--clone) .navbar-nav > li > a:hover, .th-dark-tr.banner[data-transparent-header="true"]:not(.headhesive--clone) .navbar-nav > li.active > a, .th-dark-tr.banner[data-transparent-header="true"]:not(.headhesive--clone) .themo_cart_icon a i {
    color: #fff !important;
}
body,html,h1,h2,h3,h4,p{
	font-family:"Cairo" !important;
}
.our_value .elementor-icon svg
{
	width:100% !important;
	height:100% !important
}
.th-contact-info-widget .icon-block i.fa-mobile {
    font-size: 21px;
}

.th-contact-info-widget .icon-block .fa.fa-mobile-phone:before, .fa.fa-mobile:before { 
    content: "\f10b";
}
.elementor-1470 .elementor-element.elementor-element-e5a34f4:not(.elementor-motion-effects-element-type-background), .elementor-1470 .elementor-element.elementor-element-e5a34f4 > .elementor-motion-effects-container > .elementor-motion-effects-layer,
.elementor-689 .elementor-element.elementor-element-e5a34f4:not(.elementor-motion-effects-element-type-background), .elementor-689 .elementor-element.elementor-element-e5a34f4 > .elementor-motion-effects-container > .elementor-motion-effects-layer,
.elementor-1282 .elementor-element.elementor-element-188ee1b7:not(.elementor-motion-effects-element-type-background), .elementor-1282 .elementor-element.elementor-element-188ee1b7 > .elementor-motion-effects-container > .elementor-motion-effects-layer,
.elementor-1920 .elementor-element.elementor-element-e5a34f4:not(.elementor-motion-effects-element-type-background), .elementor-1920 .elementor-element.elementor-element-e5a34f4 > .elementor-motion-effects-container > .elementor-motion-effects-layer
{
	margin-top:50px;
}


@media screen and (max-width:767px)
{
	    .elementor-60 .elementor-element.elementor-element-5092e427 {
        padding: 5px 0px 20px 0px;
    }
}


.conactus
{
	background-size:cover !important;
}

@media screen and (max-width:1500px)
{
.conactus
{
	background-size:cover !important;
}
	.elementor-section-boxed .elementor-container {
    width: calc(100% - 10px);
}
    .elementor-60 .elementor-element.elementor-element-c748833 > .elementor-element-populated {
        padding: 30px 9px 30px 10px;
    }
	.elementor-60 .elementor-element.elementor-element-4b92ef7:not(.elementor-motion-effects-element-type-background), .elementor-60 .elementor-element.elementor-element-4b92ef7 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-color: transparent;
    background-image: linear-gradient(180deg, #E5E5E5 90%, #FFFFFF 100%);
}
	    .elementor-60 .elementor-element.elementor-element-4b92ef7 {
        padding: 30px 0px 0px 0px;
    }
    .elementor-60 .elementor-element.elementor-element-49a13c5a .elementor-heading-title {
        font-size: 20px;
    }
.th-form-stacked {
    width: 100%;
    padding: 0;
}
}

.wp-dark-mode-active .elementor-widget-themo-service-block.elementor-view-default .th-service-block-w .elementor-icon svg,
.wp-dark-mode-active .removeWhite.elementor-widget.elementor-widget-image.wp-dark-mode-bg-image img
{
 
	filter: brightness(0) saturate(100%) invert(77%) sepia(4%) saturate(0%) hue-rotate(87deg) brightness(89%) contrast(85%);
}

.wpglobus_language_name {
    padding-left: 0;
    background-image: unset !important;
}
@media screen and (min-width:1700px)
{
	.elementor-699 .elementor-element.elementor-element-734c26ff:not(.elementor-motion-effects-element-type-background), .elementor-699 .elementor-element.elementor-element-734c26ff > .elementor-motion-effects-container > .elementor-motion-effects-layer {
   
    background-size: cover !important;
}
}
 
html.wp-dark-mode-active body  form input[type=submit], .wp-dark-mode-active  .with_frm_style .frm_submit input[type=submit]{
  background-color: rgb(255 255 255) !important;
    border-color: rgb(255 255 255) !important;
    color: rgb(0 0 0) !important;
}

 
@media screen and (max-width:1600px)
{
	.conactus {
    background-size: cover !important;
}
	
}

html[data-wp-dark-mode-active]:not([data-wp-dark-mode-preset="0"]) body input:not(.wp-dark-mode-ignore):not([type="radio"]):not([type="checkbox"]):not([type="text"]),.wp-dark-mode-active .frm_submit.wp-dark-mode-bg-image input {
   background:#fff !important;
   background-color:#fff !important;
	color:#000 !important; 
	    border: 1px solid #fff !important;
}

html[dir="rtl"] .with_frm_style .frm_message,html[dir="rtl"]  .frm_success_style
{
	text-align:right;
}
html.wp-dark-mode-active body .frm_submit.wp-dark-mode-bg-image {
    background: #fff !important;
    overflow: hidden;
    border: 1px solid #fff !important;
	border-color:#fff !important;
}
html[data-wp-dark-mode-active]:not([data-wp-dark-mode-preset="0"]) body input:not(.wp-dark-mode-ignore):not([type="radio"]):not([type="checkbox"]):not([type="text"]), .wp-dark-mode-active .frm_submit.wp-dark-mode-bg-image input{
	 background: #fff !important;
    overflow: hidden;
    border: 1px solid #fff !important;
	border-color:#fff !important;
}

.fadeInUp {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
	 -webkit-animation-delay: 0.5s;
  -moz-animation-delay: 0.5s;
  animation-delay: 0.5s;
}
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

html.wp-dark-mode-active div#frm_field_50_container.dark_mode
{
	display:flex;
	background:#fff !important;
	background-color:#fff !important;
	
}
html.wp-dark-mode-active div#frm_field_50_container.dark_mode input{
 
	background-color:#fff !important;
	background:#fff !important;
}
div#frm_field_50_container.dark_mode {
  display: flex
;
    background: #fff !important;
    background-color: #fff !important;
    border: 2px solid #fff !important;
	padding:0px !important;
}
.frm_style_formidable-style.with_frm_style .frm_error, .frm_style_formidable-style.with_frm_style .frm_limit_error
{
	padding:10px 0;
}

@media screen and (max-width:767px)
{
	.image_box .elementor-widget-container.wp-dark-mode-bg-image img{
           width: 100%;
        padding: 4px;
}
.image_box .elementor-column.elementor-col-50.elementor-inner-column.elementor-element.elementor-element-dd0919e.wp-dark-mode-bg-image,
	.image_box .elementor-column.elementor-col-50.elementor-inner-column.elementor-element.elementor-element-f16e7ae.wp-dark-mode-bg-image,
	.image_box .elementor-column.elementor-col-50.elementor-inner-column.elementor-element.elementor-element-7dc4abf.wp-dark-mode-bg-image,
	.image_box .elementor-column.elementor-col-50.elementor-inner-column.elementor-element.elementor-element-2c4dcde.wp-dark-mode-bg-image,
	.image_box .elementor-column.elementor-col-50.elementor-inner-column.elementor-element.elementor-element-f76e59c.wp-dark-mode-bg-image,
	.image_box .elementor-column.elementor-col-50.elementor-inner-column.elementor-element.elementor-element-9c6b08e.wp-dark-mode-bg-image
	{
		width:50%;
	}
}
input[type="submit"]
{
  background: #48A9A6 !important;
	background-color: #48A9A6 !important;
}

.with_frm_style .frm_message, .frm_success_style
{
	border:0;
	    margin-bottom: -10px !important;
	border-radius:unset!important
}
 
.wpglobus_language_name
{
	font-family:'Cairo' !important;
}
@media (max-width: 767px) {
    .elementor-1470 .elementor-element.elementor-element-38dd1be9 .elementor-heading-title {
        font-size: 30px;
    }
} 
*/