/*
Theme Name: SheetMetalIndia Child Theme
Theme URI: https://example.com
Description: A child theme for Twenty Twenty One.
Author: Your Name
Author URI: https://example.com/
Template: sheetmetalindia
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/
*,
::after,
::before {
    box-sizing: border-box;
}

body{margin: 0; font-size: 1rem; font-weight: 400; line-height: 1.5; text-align: left; background-color: #fff;}
iframe{border: 0px;}
.clearfix::after {display: block; clear: both; content: ""}

:root {
    --p1-900: #003F61;
    --p1-800: #004E78;
    --p1-700: #005C8F;
    --p1-600: #006BA6;
    --p1-500: #E4002B; /*  Base */
    --p1-400: #0994E1;
    --p1-300: #0DA9FF;
    --p1-200: #4ABFFF;
    --p1-100: #86D4FF;
    /* --p1-75: #d7d9de;
    --p1-50: #e4e6e9;
    --p1-25: #f2f2f4; */

    --p2-900: #005725;
    --p2-800: #006D2F;
    --p2-700: #00843A;
    --p2-600: #009A44;
    --p2-500: #EAAA00; /*  Base */
    --p2-400: #49B779;
    --p2-300: #6DC594;
    --p2-200: #92D4AF;
    --p2-100: #B6E2CA;
    /* --p2-75: #f2e9d4;
    --p2-50: #f7f0e2;
    --p2-25: #fbf8f1; */

    --n1-900: #030710;
    --n1-800: #0b1b3b; /*  Base */
    --n1-700: #263451;
    --n1-600: #414e67;
    --n1-500: #5c677c;
    --n1-400: #778092;
    --n1-300: #939aa8;
    --n1-200: #aeb3be;
    --n1-100: #c9ccd3;
    --n1-75: #d7d9de;
    --n1-50: #e4e6e9;
    --n1-25: #f2f2f4;
  }

h1,h2,h3,h4,h5,h6{font-weight:bold !important;} 
h1{font-size: 40px !important; line-height: 52px !important; } 
h2{font-size: 32px !important; line-height: 42px !important; }
h3{font-size: 28px !important; line-height: 36px !important; }
h4{font-size: 24px !important; line-height: 32px !important; }
h5{font-size: 20px !important; line-height: 26px !important; }
h6{font-size: 16px !important; line-height: 22px !important; } 

/* Content - P, List*/
.content-block p{ margin-top: 0; margin-bottom: 1rem;}
p{margin: 0px;}
ul li{font-family: var( --e-global-typography-text-font-family ), Sans-serif;}

ul.content__list {padding: 0px; list-style: none; margin: 0px; }
ul.content__list li {padding-bottom: 2px; display:flex;}
ul.content__list li:last-child {padding-bottom: 0px; }
ul.check-mark li::before {content: "\f00c"; font-family: FontAwesome; display: inline-block; padding-right: 8px;}
ul.p1 li::before {color:var(--p1-500); }
ul.p2 li::before {color: var(--p2-500); }
ul.white li::before {color: #fff; }

/* Text - Links */
a.p1{color: var(--p1-500); text-decoration: none;}
a.p2{color: var(--p2-500); text-decoration: none;}
a.n1{color: var(--n1-800); text-decoration: none;}
a.n1--100{color: var(--n1-100); text-decoration: none;}
a.n1--400{color: var(--n1-400); text-decoration: none;}
a.n1--500{color: var(--n1-500); text-decoration: none;}
a.white{color: #fff; text-decoration: none;}
a.black{color: #000; text-decoration: none;}
a.p1:hover, a.p2:hover, a.n1:hover, a.n1--100:hover, a.n1--400:hover, a.n1--500:hover, a.white:hover, a.black:hover{text-decoration: underline; cursor: pointer;}

/* Menu */
/* button.sub-menu-toggle{display: none;} */

/* Header - Top Bar Background */
.head-half-overlay.right-position::before {right: 0px;  background-color: var(--p1-500);}
.head-half-overlay::before {content: ""; position: absolute; top: 0px; width: 60%; height: 100%; background-position: center center;} 
@media screen and (min-width:768px){
.head-half-overlay::before { width: 80%;} 
}
@media screen and (min-width:1200px){
.head-half-overlay::before {width: 70%;} 
}
@media screen and (min-width:1920px){
  .head-half-overlay::before {width: 60%;} 
}

/* ==================== CSS Properties ========== START ========== */
/* Margins */
.mt--3{margin-top: .75rem !important;}
.mt--5{margin-top: 1.25rem !important;}
.mr--2{margin-right: .5rem !important;}
.mr--5{margin-right: 1.25rem !important;}
.mr--10{margin-right: 2.5rem !important;}
.mb--0{margin-bottom: 0rem !important;}
.mb--1{margin-bottom: .25rem !important;}
.mb--3{margin-bottom: .75rem !important;}
.mb--5{margin-bottom: 1.25rem !important;}
.mb--8{margin-bottom: 2rem !important;}
.mb--10{margin-bottom: 2.5rem !important;}
.mb--20{margin-bottom: 5rem !important;}
.mb--40{margin-bottom: 10rem !important;}
@media (min-width:576px) {

}

@media (min-width:768px) {
  .mt-md--0{margin-top: 0rem !important;}
.mb-md--0{margin-bottom: 0rem !important;}
.mb-md--8{margin-bottom: 2rem !important;}
.mb-md--20{margin-bottom: 5rem !important;}
}

@media (min-width:992px) {
  /* Margins */
 .mt-lg--0{margin-top: 0rem !important;}
/* Display */
 .d-lg--block{display: block;}
}

@media (min-width:1200px) {

}
/* ==================== CSS Properties ========== END ========== */