/*
Theme Name: Oilrigpro Child
Description: Child Theme for oilrigpro Theme
Author: zozothemes
Version: 1.0
Template: oilrigpro
Tags: one-column, two-columns, right-sidebar, flexible-header, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
Text Domain: zozothemes
*/

/*Custom Style Code Right Here */



}
 /* -------------------------- GLOBAL --------------------------  */

.elementor-368 #about-us,
.elementor-368 #company-history,
.elementor-368 #team,
.elementor-368 #equipment {
  scroll-margin-top: 50px;
}

h1 {
font-family: "Poppins", Sans-serif;
}
h2 {
font-family: "Poppins", Sans-serif;
}
h3 {
font-family: "Poppins", Sans-serif;	
}
p {
	font-family: "Poppins", Sans-serif;
}

span.yellow {
	color:#ffc425;
	font-weight:600;
}
span.cea-button-icon.cea-align-icon-right
 {
    padding-left: 10px;
}
 /* -------------------------- HEADER --------------------------  */
    ul.nav.wp-menu > li > a, .header-navbar.navbar .wp-menu li > ul.sub-menu li a {
        font-size: 16px;
		font-weight: 500;
    	font-family: 'Poppins';
    }

.sticky-head.header-sticky .header-navbar a {
    color: #051b05;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Poppins';
}
.header-navbar {
    background-color: transparent;
}

img.cea-liquid-image {
    width: 100%;
    height: auto;
}
span.cea-button-text, i.ti.ti-settings {
    color: #000;
}
span.cea-button-text:hover, i.ti.ti-settings:hover, a.cea-button-link.elementor-button.cea-button.elementor-size-sm.cea-button-animation:hover, a.cea-button-link.elementor-button.cea-button.elementor-size-sm.cea-button-animation:hover span {
    color: #fff !important;
}


header span.cea-button-text {
    font-weight: 400;
}


.oilrigpro-slider-wrapper {
    display: none;
}

li.header-titles-wrapper {
    margin-bottom: -30px;
}
.header-sticky li.header-titles-wrapper {
    margin-bottom: 0;
    max-width: 160px;
}
ul.nav.wp-menu > li.menu-item-has-children > a:after {
    color: #FFC424;
}
.elementor-7921 .elementor-element.elementor-element-2fb3295 .elementor-heading-title {
    font-family: "Poppins";
    font-size: 44px;
    font-weight: 300;
    color: #FFFFFF;
    letter-spacing: 0.61px;
}
header .navbar > div > ul.nav > li, header .navbar > div > ul.nav.element-left > li > ul > li {
    padding-right: 6px;
    padding-left: 6px;
    align-items: center;
    position: relative;
}
ul.nav.navbar-ul.pull-right.justify-content-end.right-element-exist li:first-child {
    display: none;
}
img.img-fluid.sticky-logo {
    padding: 10px;
    max-width: 140px;
}



.elementor-widget-ceaimageanimation, .cea-liquid-main-wrapper, .cea-liquid-wrapper, .cea-liquid-image-wrapper, img.cea-liquid-image  {
    height: 100% !important;
}
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1190px;
}

ul.nav.navbar-ul.element-left.right-element-exist ,ul.nav.navbar-ul.pull-right.justify-content-end.right-element-exist
 {
    max-width: 200px;
}











 /* -------------------------- HOME --------------------------  */

.hero .cea-button-wrapper {
    margin-top: 60px;
}
.ratioed {
    aspect-ratio: 16 / 7;
}
.serviceboxes {
    border-top: 5px solid #FFC327;
    border-bottom: 5px solid #FFC327;
}




.elementor-widget-heading span {
    display: block !important;
}


 /* -------------------------- FOOTER --------------------------  */

.footer-widgets-wrap {
    background-color: transparent;
}
#site-footer span i {
	font-size: 20px !important;
    margin-right: 15px;
    margin-top: 12px;
    display: inline-block;
}

svg.e-font-icon-svg.e-fas-fax {
    width: 20px;
    height: 40px;
    margin-right: 10px;
	margin-top: -7px;
}
.copyright p a {
    color: #000 !important;
    text-decoration: underline;
}

.copyright a {
    color: #000 !important;
}


.site-footer li.cea-icon-list-item {
    margin-left: 20px !important;
}

.site-footer span.cea-icon-list-icon {
    margin-left: -20px;
}
.site-footer i.bi-telephone-outbound {
    margin-top: 0 !important;
    margin-left: -6px;
}
.site-footer ul.nav.flex-column.cea-icon-list {
    gap: 10px;
}

 /* -------------------------- Page Header --------------------------  */


p#breadcrumbs {
    color: #fff;
    font-size: 16px;
}




.elementor-368 .elementor-element.elementor-element-1e27281 .elementor-icon {
    font-size: 51px;
    margin-top: -15px;
}




.elementor-368 .elementor-element.elementor-element-1e27281 {
    margin: 16px 0px calc(var(--kit-widget-spacing, 0px) + 5px) 37px;
}


.elementor-368 .elementor-element.elementor-element-1e27281 {
    margin: 13px 0px calc(var(--kit-widget-spacing, 0px) + 5px) 22px;
}
.elementor-368 .elementor-element.elementor-element-1e27281 .elementor-icon-box-wrapper {
    align-items: start;
    gap: 25px;
}



.elementor-element-2fb3295 span.yellow {
    display: inline-block !important;
}

 /* -------------------------- ABOUT --------------------------  */

.elementor-element.elementor-element-2398ce7.e-con-full.e-flex.e-con.e-child {
    max-width: 690px;
}



 /* -------------------------- RESPONSIVE --------------------------  */
@media only screen and (min-width: 1400px) {
ul.nav.navbar-ul.pull-center.justify-content-center.right-element-exist {
    width: 700px;
}
}

@media only screen and (max-width: 1600px) {
	.padding {
    padding-left: 40px;
    padding-right: 40px;
}
	.padding > .e-child {
    padding: 0;
}
	
	h4.elementor-heading-title.elementor-size-default {
    font-size: 28px !important;
    line-height: 28px !important;
}
	.elementor-divider {
    padding: 10px 0 !important;
}
	
.servicebox {
    padding: 20px;
}

.servicebox p {
    font-size: 14px !important;
    line-height: 18px;
}
.cea-button {
    padding: 8px 12px 8px 8px !important;
}	


.elementor-element.elementor-element-68ccb3c.e-con-full.e-flex.e-con.e-child, .elementor-element.elementor-element-74dce09.e-con-full.e-flex.e-con.e-child {
    gap: 30px;
}

	
	
}

@media only screen and (max-width: 1400px) {
	.elementor-7921 .elementor-element.elementor-element-56db6db .elementor-icon-list-item > .elementor-icon-list-text, .elementor-7921 .elementor-element.elementor-element-56db6db .elementor-icon-list-item > a {
    font-size: 18px;
    font-weight: normal;
    line-height: 18px;
}
.elementor-element.elementor-element-135a34d.e-con-full.e-flex.e-con.e-child {
    display: flex;
    justify-content: flex-end;
}	

.elementor-element.elementor-element-135a34d.e-con-full.e-flex.e-con.e-child {
    justify-content: flex-end;
}
	.servicebox {
    justify-content: space-between;
}

}
@media only screen and (max-width: 1200px) {
	ul.nav.navbar-ul.pull-center.justify-content-center.right-element-exist {
    width: 548px;
}
	ul.nav.navbar-ul.pull-right.justify-content-end.right-element-exist {
    width: 150px;
}
}

@media only screen and (min-width: 1600px) {
body:not(.rtl) .elementor-7921 .elementor-element.elementor-element-e9145e7 {
    left: 280px;
}
}


@media only screen and (max-width: 1400px) {
nav.primary-menu-wrapper {
    width: 557px;
}
}	
	.blueicon span.elementor-icon {
    background: #142538;
    padding: 15px;
    border-radius: 100px;
    font-size: 33px !important;
}

.ch-safety-row h3 {
    letter-spacing: -1px;
}

.ch-safety-grid span {
    font-size: 38px;
}
.gallery figure.gallery-item {
    padding: 10px;
}
div.gallery {
    margin-top: 0;
}
.ch-smll-gallery figure.gallery-item {
    padding: 4px;
}

/* -------------------------- Mobile Audit Fixes -------------------------- */

@media only screen and (max-width: 767px) {
  html,
  body,
  .oilrigpro-body-inner {
    max-width: 100%;
    overflow-x: hidden;
  }

  .elementor-7921 .elementor-element.elementor-element-39772a9,
  .elementor-7921 .elementor-element.elementor-element-f78d40c,
  .elementor-7921 .elementor-element.elementor-element-b5d693b {
    left: auto !important;
    right: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100% !important;
    transform: none !important;
  }

  .elementor-7921 .elementor-element.elementor-element-f78d40c {
    width: 100% !important;
  }

  .elementor-7921 .elementor-element.elementor-element-e9145e7 {
    right: 0 !important;
    left: auto !important;
    max-width: 110px !important;
  }


  body.mobile-menu-active .header-navbar {
    display: block !important;
    position: fixed !important;
    top: 230px;
    left: 0;
    right: 0;
    z-index: 999999;
    background: transparent !important;
    padding: 0 28px;
  }

  body.mobile-menu-active .header-navbar > .container,
  body.mobile-menu-active .header-navbar .pull-center,
  body.mobile-menu-active .header-navbar .header-navigation-wrapper,
  body.mobile-menu-active .header-navbar .primary-menu-wrapper,
  body.mobile-menu-active .header-navbar .primary-menu {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  body.mobile-menu-active .header-navbar .element-left,
  body.mobile-menu-active .header-navbar .pull-right,
  body.mobile-menu-active .header-navbar .sub-menu {
    display: none !important;
  }

  body.mobile-menu-active .header-navbar .primary-menu {
    margin: 0 !important;
    padding: 8px 0 0 !important;
    flex-direction: column !important;
    gap: 0;
  }

  body.mobile-menu-active .header-navbar .primary-menu > li {
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
    border-bottom: 1px solid rgba(5, 27, 5, 0.12);
  }

  body.mobile-menu-active .header-navbar .primary-menu > li > a {
    display: block !important;
    padding: 14px 0 !important;
    color: #051b05 !important;
    font-family: "Poppins", sans-serif !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
  }

  body.mobile-menu-active .header-navbar .primary-menu > li > a[href$="/contact-us/"] {
    font-size: 0 !important;
  }

  body.mobile-menu-active .header-navbar .primary-menu > li > a[href$="/contact-us/"]::after {
    content: "Contact Us";
    font-size: 18px;
  }
}
h3 span {
    line-height: 1em;
}

 @media only screen and (min-width: 1025px) and (max-width: 1300px) {
.elementor .e-con.e-con-boxed:not(.padding) > .e-con-inner, .pagehead > .e-con-inner {
    box-sizing: border-box;
    padding-right: 0 !important;
    padding-left: 0 !important; 
}
}

@media only screen and (max-width: 1024px) {
    .header-mobilebar.navbar > .container {
        padding: 0 20px !important;
    }
	
}

 @media only screen and (max-width: 768px) {

h2 {
    font-size: 60px;
}

.mobile-menu-floating form.search-form {
    display: none !important;
}

.mobile-menu-floating .clary-mobile-menu > li > a {
    font-size: 30px;
    font-weight: 400;
}

.pagehead .elementor-spacer-inner {
    height: 55px !important;
}

.oilrigpro-content-wrap.container.page {
    padding: 0 !important;
}

.container {
    padding-bottom: 28px !important;
}

ul.nav.mobilebar.pull-right.justify-content-end.right-element-exist {
    display: none;
}

i.bi.bi-list {}

.header-mobilebar ul.nav.mobilebar a i {
    font-size: 40px !important;
    margin-top: 20px !important;
}
    .header-mobilebar .container, .elementor .e-con.e-con-boxed:not(.padding) > .e-con-inner, .pagehead > .e-con-inner {
        box-sizing: border-box;
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
}
/* --- Responsive fixes for About Us page (Elementor template #368) --- */

/* Fix 1: divider block (elementor-element-abff2ac) has desktop-only margins
   with no mobile override, so under 768px it renders full-width with a
   136px top margin and negative right margin, causing a big blank gap
   and right-edge clipping. On mobile (stacked columns) this decorative
   vertical divider isn't needed, so we hide it and reclaim the space. */
@media (max-width: 767px) {
  body .elementor-368 .elementor-element.elementor-element-abff2ac {
    display: none !important;
  }
	.elementor.elementor .elementor-widget-n-tabs.e-n-tabs-mobile .e-n-tabs-content>.e-con {
    margin-top: -30px;
}
    .elementor .e-n-tabs-content .e-con.e-con-boxed:not(.padding) > .e-con-inner {
        padding: 0 !important;
    }
	.e-n-tabs-content .elementor-widget-text-editor {
    padding: 10px 20px 40px 20px;
}
li.elementor-icon-list-item {
    margin-bottom: 10px !important;
}	
	
	
}

/* If you'd rather keep it visible (as a thin horizontal rule) instead of
   hiding it, comment out the block above and use this instead:
@media (max-width: 767px) {
  body .elementor-368 .elementor-element.elementor-element-abff2ac {
    margin: 24px 0 !important;
    min-height: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    border-right: none !important;
    border-bottom: 3px dashed #3A48572E !important;
  }
}
*/

/* Fix 2: text column (elementor-element-0da59fb) uses justify-content:center,
   which vertically centers its content against the taller card-list column
   next to it, pushing the "Advanced Site Preparation" heading down and
   creating uneven top spacing between the two columns. Align it to the top
   instead so both columns start flush. */
@media (min-width: 768px) {
  body .elementor-368 .elementor-element.elementor-element-0da59fb {
    justify-content: flex-start !important;
  }
}

/* Fix 3 (safety net): the text column also has a hard-coded 1006px target
   width at ≥768px, which can squeeze the row at in-between sizes. Capping
   it at 100% keeps it from fighting the flex layout. */
@media (min-width: 768px) and (max-width: 1200px) {
  body .elementor-368 .elementor-element.elementor-element-0da59fb {
    max-width: 100% !important;
  }
}



.elementor-element.elementor-element-cb1e923.e-n-tabs-mobile.elementor-widget.elementor-widget-n-tabs {
    min-height: 637px !important;
}