/** Shopify CDN: Minification failed

Line 1105:0 Unexpected "}"
Line 1258:0 Unexpected "}"

**/
/* Sold Out label */
.badge-label{
	color:#FFFFFF;
	background-color:#F80909
} 

/* Product Navigation arrows spacing  */

.product-top-content .product-paginate.owl-nav{
    position: absolute;
    top: -14px;
    right: 30px;
}

.product-top-wrapper .product-paginate.owl-nav .owl-prev{
   left: -26px;
} 

/* Header Video CSS */
.video-background {
width: 100%;
height: auto;
left: 0;
top: 0;
}

.template-index #shopify-section-1555664398945 .page-width {max-width: initial !important;}
/*.template-index .main-content{padding-top: 28px;}*/

@media only screen and (min-width: 750px){
#shopify-section-1551278267809 .section-header {
margin-top: 20px;
}
}

@font-face {
    font-family:"museo-slab";
    src:url("https://use.typekit.net/af/c225e2/000000000000000000011aff/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/c225e2/000000000000000000011aff/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/c225e2/000000000000000000011aff/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
    font-display:swap;font-style:normal;font-weight:700;font-stretch:normal;
}
    
@font-face {
    font-family:"museo-slab";
    src:url("https://use.typekit.net/af/a09522/00000000000000000000ec0b/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3") format("woff2"),url("https://use.typekit.net/af/a09522/00000000000000000000ec0b/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3") format("woff"),url("https://use.typekit.net/af/a09522/00000000000000000000ec0b/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3") format("opentype");
    font-display:swap;font-style:normal;font-weight:800;font-stretch:normal;
}

body {
    margin: 0;
}

* {
    box-sizing: border-box;
}

/* .site-header {
  transition: 0.2s; 
  transition-timing-function: linear;
} */

#main-menu ul.sm-simple li, #main-menu ul.sm-simple-child li {
    border: 1px solid #EFEFEF!important;
    padding-block: 0.1rem;
}

.savy-btn {
  color: white;
  font-family: 'Franklin Gothic Book', 'sans-serif';
  padding-block: 0.5rem;
}

/* .swatch label, .swatch input:checked+label {
  background-color: #fff;
  font-size: 0.6rem;
  color: #111;
}
 */
.sticky {
  border-bottom: 1px solid rgb(179, 46, 39);
}

/* :root {
  font-size: 24px;
}
 */
.car-contain {
    display: grid;
    margin: 0 5%;
    width: 90%;
    max-width: 1600px;
    overflow-y: hidden;
} 

.car-bubble-wrapper {
    max-width: 100vw;
}

.car-wrap {
    text-align: center;
    width: 100%;
    margin: 0;
    padding: 0;
    max-width: 80rem;
    margin: 0 auto;
    height: fit-content;
    padding-block: 1rem 2rem;
  	display: grid;
}

.car-header {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: minmax(5rem, auto);
    grid-template-areas: 
        "bread bread bread"
        "tagline head-img head-img"
        "tagline head-img head-img"
        "tagline head-img head-img";
}

.int-header {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: minmax(1rem, auto);
    grid-template-areas: 
        "bread bread bread";
    padding-block: 0;
    margin-block: 0 1rem;
    height: 2rem;
}

.bread {
    grid-area: bread;
}

.tagline {
    grid-area: tagline;
}

.head-img {
    grid-area: head-img;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("/cdn/shop/files/MMW_ChitChatHardHat_SR1_1920x1080_949c41d5-5578-47ad-8e5e-2d6099aa1f3e.jpg?v=1654616696");
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 40%);
}


.car-jobs {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: minmax(5rem, auto);
    grid-template-areas: 
        "view-jobs view-jobs view-jobs"
        "jImg1 jImg2 jCap3"
        "jImg1 jImg2 jImg3"
        "jImg1 jImg2 jImg3"
        "jImg1 jImg2 jImg3"
        "jImg1 jImg2 jImg3"
        "jCap1 jImg2 jImg3";
    grid-column-gap: 1rem;
}

.view-jobs {
    grid-area: view-jobs;
    margin: 0 auto;
    width: 100%;
    padding-block: 0 3rem;
}

.view-jobs button {
    border: 2px solid rgb(179, 46, 39);
    font-size: 1rem;
    color:  #fcfcfc;
    background-color:rgb(179, 46, 39);
    border-radius: 5rem;
    padding: 1rem 3rem;
    font-family: "museo-slab", "sans-serif";
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 40%);
    text-shadow: 3px 3px rgb(0 0 0 / 40%);
    cursor: pointer;
    transition: 0.3s;
}

.view-jobs button:hover {
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 60%);
    text-shadow: 4px 4px rgb(0 0 0 / 40%);

}

.jImg1 {
    grid-area: jImg1;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("/cdn/shop/files/solder.jpg?v=1656080655");
}

.jImg2 {
    grid-area: jImg2;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("/cdn/shop/files/hydrant.jpg?v=1656080656");
}

.jImg3 {
    grid-area: jImg3;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("/cdn/shop/files/intern.jpg?v=1656080655");
}

.jCap1 {
    grid-area: jCap1;
}

.jCap3 {
    grid-area: jCap3;
}

.car-header-one {
    background-color: #FFF;
    padding-block: 2rem;
    text-align: left;
}

.car-header-one-img {
    max-width: 100%;
}

.car-header-img {
    width: 60%;
    position: absolute;
    right: 2rem;
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 40%);
}

.car-header-one-info {
    background-color: rgba(2, 88, 135, 1);
    background-blend-mode: multiply;
    color: white!important;
    padding-inline: 1rem;
    padding-block: 4rem; /*NOTE! SHOPIFY LIKES IT THIS WAY */
    block-size: 12rem;
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 40%);
    height: 100%;
    text-align: left;
}

.car-header-one-info h3, .car-jobs-info-1 h3, .car-jobs-info-2 h3 {
    font-family: 'museo-slab', 'sans-serif';
    font-size: 1.6rem;
    line-height: 1.5rem;
    text-shadow: 2px 2px rgb(0 0 0 / 30%);
  	color: white!important;
  	text-transform: none;
    margin-block: 0;
    padding-block-end: 0.5rem;
}

.car-header-one-info p, .car-jobs-info-1 p, .car-jobs-info-2 p {
    font-family:'Franklin Gothic Book', 'Arial Narrow', sans-serif;
    font-size: 1rem;
    line-height: 1rem;
    font-weight: 500;
    text-shadow: 2px 2px rgb(0 0 0 / 20%);
 	color: white!important;
  	text-transform: none;
}

.car-header-one-info a, .car-jobs-info-1 a, .car-jobs-info-2 a {
    font-family:'Franklin Gothic Book', 'Arial Narrow', sans-serif;
    font-size: 1rem;
    line-height: 0.9rem;
    font-weight: 500;
    text-shadow: 2px 2px rgb(0 0 0 / 20%);
 	color: white!important;
  	text-transform: none;
    text-decoration: underline!important;
}

.car-header-one-info-logo {
    left: 5rem;
    top: -10rem;
    position: relative;
    width: 20rem;
    justify-self: baseline;
    float: left;
    z-index: 3;
}

.car-header-one-info-logo img {
    width: 17rem;
}

.car-grid {
    display: grid;
    grid-template-columns: repeat(3, auto);
    padding-inline: 8rem;
}

.car-frame img {
    max-width: 18rem;
}

.car-jobs-info-box {
    /* position: relative; */
    text-align: left;
/*     box-shadow: 0 2px 4px 0 rgb(0 0 0 / 40%) */
}

.car-jobs-info-2, .car-jobs-info-1 {
    /* position: absolute;
    left: 20rem;
    top: -5rem;
    float: right;
    width: 20rem; */
    background-color: rgb(179, 46, 39);
    color: white!important;
    padding-inline: 1rem;
  	padding-block: 1rem;
/*     box-shadow: 0 2px 4px 0 rgb(0 0 0 / 40%) */
}

.car-jobs-info-1 h3, .car-jobs-info-2 h3 {
    font-size: 32px;
    line-height: 28px;
}

.car-jobs-info-1 p, .car-jobs-info-2 p {
    font-size: 18px;
    line-height: 22px;
    margin-block: 0!important;
    font-family: 'museo-slab', 'serif'!important;
}

.car-jobs-img {
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 40%)
}

.car-gray {
    background-color: #fbfbfb;
}

.car-val {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-template-areas: 
        "core"
        "car-val-1"
        "."
        "car-val-2";
    grid-column-gap: 0;
    grid-row-gap: 0;
    border-radius: 100px;
    box-shadow: inset 0 0 100px white, inset 0 0 100px white, inset 0 0 100px white;
    width: 100%;
    padding: 3rem;
    text-align: center;
    padding-block-end: 8rem;
}

.car-val-1 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-area: car-val-1;
    grid-template-areas:
    "doImg passImg canImg"
    "do pass can";
    grid-column-gap: 3rem;
}

.car-val-2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-area: car-val-2;
    grid-template-areas:
    "weImg beImg"
    "we be";
    grid-column-gap: 3rem;
}

.car-val h3, .core-values h3 {
    font-family: 'museo-slab', 'sans-serif';
    font-size: 2rem;
    line-height: 1.8rem;
    /* text-shadow: 1px 1px rgb(0 0 0 / 20%); */
  	text-transform: none;
    margin-block: 0;
    padding-block-end: 0.5rem;
    font-weight: 1000;
    color: rgb(179, 46, 39);
}

.car-val h5 {
    font-family: 'museo-slab', 'sans-serif';
    font-size: 1.2rem;
    line-height: 1rem;
  	text-transform: none;
    margin-block: 0;
    padding-block-end: 0.5rem;
    color: rgb(179, 46, 39);
    font-weight: 1000;
}

.car-val .car-val-1, .car-val .car-val-2 {
    font-family:'Franklin Gothic Book', 'Arial Narrow', sans-serif;
    font-size: 1rem;
    line-height: 1rem;
  	text-transform: none;
    margin-block: 0;
    padding-block-end: 0.5rem;
    color: rgb(0, 0, 0)
}

.core-values {
    grid-area: core;
    margin: 3rem;
}

.core-values p {
    font-family:'Franklin Gothic Book', 'Arial Narrow', sans-serif;
    font-size: 1rem;
    line-height: 1rem;
  	text-transform: none;
    margin-block: 0;
    padding-block-end: 0.5rem;
    color: rgb(0, 0, 0)
}

.doImg, .passImg, .canImg, .weImg, .beImg {
    width: 8rem;
    height: 8rem;
    margin: auto;
}

.doCap, .passCap, .canCap, .weCap, .beCap {
    padding: 2rem 0;
    /* display: flex;
    justify-content: center;
    align-items: center; */
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-template-areas: 
        "auto"
        "auto";
}

.doCap p, .passCap p, .canCap p, .weCap p, .beCap p {
    margin-block: 0;
}

.doImg {
    grid-area: doImg;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(/cdn/shop/files/doTheRightThing.png?v=1657033775);
}

.passImg {
    grid-area: passImg;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(/cdn/shop/files/passionForTheBrand.png?v=1657033775);
}

.canImg {
    grid-area: canImg;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(/cdn/shop/files/canDoWillDoDone.png?v=1657033775)
}

.weImg {
    grid-area: weImg;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(/cdn/shop/files/weBeforeMe.png?v=1657033775);
}

.beImg {
    grid-area: beImg;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(/cdn/shop/files/bePartOfTheSolution.png?v=1657033775);
}

.doCap {
    grid-area: do;
}

.passCap {
    grid-area: pass;
}

.canCap {
    grid-area: can;
}

.weCap {
    grid-area: we;
}

.beCap {
    grid-area: be;
}

.car-int {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-auto-rows: minmax(5rem, auto);
    grid-template-areas: 
        "blank int int int int"
        "int-video int-video int-video int-video int-video"
        "int-video int-video int-video int-video int-video"
        "int-video int-video int-video int-video int-video"
        "int-video int-video int-video int-video int-video"
        "int-video int-video int-video int-video int-video";
    width: 100%;
    text-align: center;
}

.car-int h3 {
    color: white;
    font-family: 'museo-slab', 'sans-serif';
    font-weight: 1000;
    text-transform: none;
    font-size: 1.65rem;
    line-height: 1.6rem;
    text-shadow: 1px 1px rgb(0 0 0 / 50%);
    margin-block: 0.6rem 0;
    padding: 0.5rem;
}

.car-int p {
    color: #fdfdfd;
    font-family:'Franklin Gothic Book', 'Arial Narrow', sans-serif;
    text-transform: none;
    font-size: 1rem;
    line-height: 1rem;
    margin-block: 0;
    padding-inline: 0.5rem;
    padding-block-end: 0.5rem;
  	font-weight: 400;
    text-shadow: 1px 1px rgb(0 0 0 / 30%);
}

.car-int-head {
    grid-area: int;
    background-color:rgba(2, 88, 135, 1);
    /* display: flex;
    justify-content: center;
    align-items: center; */
    text-align: left;
}

.car-blank {
    grid-area: blank;
    background-color:rgb(179, 46, 39);
    display: flex;
    justify-content: center;
    align-items: center;
}

.car-int-frame {
    grid-area: int-video;
    position: relative;
    overflow: hidden;
    width: 100%;
  /*  padding-top: 56.25%; Apparently not needed */
}

.int-frame {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.car-blank button {
    border: 2px solid white;
    font-size: 1rem;
    color:  #fff;
    background-color:transparent;
    border-radius: 0;
    padding: 0.5rem 0.75rem;
    font-family: "museo-slab", "sans-serif";
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 40%);
    text-shadow: 1px 1px rgb(0 0 0 / 40%);
    cursor: pointer;
    transition: 0.3s;
}

.car-blank button:hover {
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 60%);
    text-shadow: 2px 2px rgb(0 0 0 / 40%);
}

.int-opp {
    display: flex;
    align-items: center;
    justify-content: center;
}

.int-sum {
    grid-area: work-img;    
    background-image: url('/cdn/shop/files/MERRILLINTERN.png?v=1657205179');
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 60vh;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-block-end: 3rem;
}

.int-sum h3 {
    color: white;
    font-family: 'museo-slab', 'sans-serif';
    font-weight: 1000;
    text-transform: none;
    font-size: 3.5rem;
    line-height: 3.4rem;
    text-shadow: 1px 1px rgb(0 0 0 / 50%);
    margin-block: 0.6rem 0;
    padding: 0.5rem;
}

.int-work {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: minmax(5rem, auto);
    grid-template-areas: 
        "work-img work-title work-title"
        "work-img work-p work-p"
        "work-img work-p work-p";
    width: 100%;
    text-align: left;
    margin-block-end: 7rem;
}

.int-work-img {
    grid-area: work-img;    
    background-image: url('/cdn/shop/files/MACHINEINTERN.png?v=1657205179');
    background-repeat: no-repeat;
    background-size: cover;
}

.int-work-title {
    grid-area: work-title;
    background-color: rgb(179, 46, 39);
    text-align: left;
}

.int-work-cap {
    grid-area: work-p;
    padding: 1.1rem;
}

.int-work h3 {
    color: white;
    font-family: 'museo-slab', 'sans-serif';
    font-weight: 1000;
    text-transform: none;
    font-size: 3.5rem;
    line-height: 3.4rem;
    text-shadow: 1px 1px rgb(0 0 0 / 50%);
    margin-block: 0.6rem 0;
    padding: 0.5rem;
}

.int-work p {
    color: rgb(0 0 0 / 90%);
    font-family: 'Franklin Gothic Book', 'Arial Narrow', sans-serif;
    text-transform: none;
    font-size: 1.8rem;
    line-height: 1.8rem;
    margin-block: 0;
    padding-inline: 0.5rem;
    padding-block-end: 0.5rem;
  	font-weight: 1000;
    border-left: 8px solid rgba(2, 88, 135, 1)
}

.int-fri {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: minmax(5rem, auto);
    grid-template-areas: 
        "fri-img fri-img fri-img fri-img"
        "fri-img fri-img fri-img fri-img"
        "fri-img fri-img fri-img fri-img"
        "fri-title fri-title fri-title ."
        "fri-cap fri-cap fri-cap fri-cap"
        "fri-cap fri-cap fri-cap fri-cap";
    width: 100%;
    text-align: left;
    margin-block-end: 3rem;
}

.int-fri-img {
    grid-area: fri-img;    
    background-image: url('/cdn/shop/files/INTERNS.png?v=1657205179');
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 7rem;
}

.int-fri-title {
    grid-area: fri-title;
    background-color: rgba(2, 88, 135, 1);
    text-align: left;
}

.int-fri-cap {
    grid-area: fri-cap;
    padding-block: 1rem;
}

.int-fri h3 {
    color: white;
    font-family: 'museo-slab', 'sans-serif';
    font-weight: 1000;
    text-transform: none;
    font-size: 3.5rem;
    line-height: 3.4rem;
    text-shadow: 1px 1px rgb(0 0 0 / 50%);
    margin-block: 0.6rem 0;
    padding: 0.5rem;
}

.int-fri p {
    color: rgb(0 0 0 / 90%);
    font-family: 'Franklin Gothic Book', 'Arial Narrow', sans-serif;
    text-transform: none;
    font-size: 1.8rem;
    line-height: 1.8rem;
    margin-block: 0;
    padding-inline: 0.5rem;
    padding-block-end: 0.5rem;
  	font-weight: 1000;
    border-left: 8px solid rgb(179, 46, 39);
}

.int-int {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-auto-rows: minmax(5rem, auto);
    grid-template-areas: 
        "int-int-title"
        "int-int-cap";
    width: 100%;
    text-align: center;
    background-color: rgb(179, 46, 39);
    margin-block-end: 3rem;
    padding-inline: 1rem;
}

.int-int-title {
    grid-area: int-int-title;
    text-align: center;
    display: flex;
    align-items: end;
    justify-content: center;
}

.int-int-cap {
    grid-area: int-int-cap;
}

.int-int h3 {
    color: white;
    font-family: 'museo-slab', 'sans-serif';
    font-weight: 1000;
    text-transform: none;
    font-size: 3.5rem;
    line-height: 3.4rem;
    text-shadow: 1px 1px rgb(0 0 0 / 50%);
    margin-block: 0.6rem 0;
    padding-block: 2rem 0;
    padding-inline: 0.5rem 1rem;
}

.int-int p {
    color: white;
    font-family: 'Franklin Gothic Book', 'Arial Narrow', sans-serif;
    text-transform: none;
    font-size: 1.3rem;
    line-height: 1.3rem;
    margin-block: .5rem 1.5rem;
    padding-inline: 0.5rem 1rem;
    padding-block-end: 0.5rem;
}

.priv-head {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-block-start: 0;
}

.priv-writeup {
    display: block;
    width: 50%;
    text-align: left;
}

.priv-logo {
    grid-area: priv-logo;
}

.priv-head-title {
    grid-area: priv-title;
    text-align: center;
    display: flex;
    align-items: end;
    justify-content: center;
}

.priv-head-cap {
    grid-area: priv-cap;
}

.priv-head img {
    text-align: center;
}

.priv-head h3 {
    color: rgb(0, 0, 0);
    font-family: 'museo-slab', 'sans-serif';
    font-weight: 1000;
    text-transform: none;
    font-size: 1.75rem;
    line-height: 1.75rem;
    padding-block: 0;
    margin-block: 0;
}

.priv-writeup h5 {
    color: rgb(179, 46, 39);
    font-family: 'museo-slab', 'sans-serif';
    font-weight: 1000;
    text-transform: none;
    font-size: 1.2rem;
    line-height: 1.2rem;
    padding-block: 0;
    margin-block: 0;
}

.priv-writeup p {
    color: rgb(0, 0, 0);
    font-family: 'Franklin Gothic Book', 'Arial Narrow', sans-serif;
    text-transform: none;
    font-size: 1rem;
    line-height: 1.25rem;
    margin-block: .5rem 1.5rem;
    padding-block-end: 0.5rem;
    width: 100%;
}

.priv-writeup p a {
    text-decoration: none;
    color:rgb(179, 46, 39);
}

.btn .working-in-iowa {
	padding-bottom: 5px;
 	color:#fff;
}

.btn:hover ~ .working-in-iowa{
    color: #9d271f;
}

/* COLLECTION STYLES */

  .product-collection-container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    row-gap: 20px;
    column-gap: 50px;
  }

  .product-collection-item {
    display: grid;
    background-color: #fefefe;
    box-shadow: #00000025 0 1px 4px;
    border-radius: 4px;
    border: 1px solid #9d271f;
    grid-template-columns: 3fr;
    grid-template-areas:
        "prod-img"
        "prod-h4"
        "prod-p";
    text-align: center;
    cursor: pointer;
    height: 350px;
  }

  .product-collection-item .prod-img {
    grid-area: prod-img;
    height: 250px!important;
    width: 250px!important;
    margin-left: auto;
    margin-right: auto;
  }

  .product-collection-item .prod-h4 {
    grid-area: prod-h4;
    margin-bottom: 0;
    text-transform: uppercase;
    color: #9d271f;
    line-height: 24px;
    font-family: 'Arvo',sans-serif;
    padding: 5px 15px;
    font-size: 20px!important;
    line-height: 24px!important;
  }

  .product-collection-item .prod-p {
    grid-area: prod-p;
    line-height: 16px;
  }

  .prod-p:hover {
    text-decoration: none; 
    color: #757575;
  }

  .page-head-right {
    color: #9d271f!important;
  }

/* END COLLECTION STYLES */


/* SEARCH STYLES */

#front-search {
  text-align: left;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  width: 100%;
  background-color: #ffffff44;
}

#front-search input {
  color: black !important;
  border: 1px solid gray;
  border-radius: 5px;
  border-bottom: 2px solid #9d271f;
}

@media only screen and (max-width: 800px) {
  #front-search {
    width: 100%;
    height: 30em;
  }
}

/* END SEARCH STYLES */

/* START CONTACT STYLES */

.contact-form-container {
  justify-content: center;
  display: flex;
  margin-top: 75px;
  flex-direction: column;
  align-items: center;
}

.contact-form-container iframe {
  border: 1px solid darkred;
  border-radius: 10px;
  max-width:100%;
  max-height:100vh;
  width: 1280px;
}

/* END CONTACT STYLES */


/* MOBILE STYLES */

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

    .contact-form-container iframe {
      max-width: 640px;
    }
  
    .car-header {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-auto-rows: minmax(1rem, auto);
        grid-template-areas: 
            "bread"
            "head-img"
            "tagline";
    }
    
    .car-jobs {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-auto-rows: minmax(5rem, auto);
        grid-template-areas:
            "view-jobs view-jobs"
            "jImg1 jCap3"
            "jImg1 jImg3"
            "jImg1 jImg3"
            "jImg1 jImg3"
            "jImg1 jImg3"
            "jImg1 jImg3"
            "jCap1 jImg3";
        grid-column-gap: 0rem;
    }

    .jImg1, .jImg2, .jImg3 {
        /*height: 30rem;*/
    }

    .car-header-one-img {
        height: 20rem;
    }

    .car-val h3, .core-values h3 {
        font-size: 2.5rem;
        line-height: 2.5rem;
    }

    .core-values {
        margin: 0 0 2rem 0;
    }

    .car-val {
        grid-template-areas: 
        "core"
        "car-val-1"
        "car-val-2";
        padding: 1rem;
        padding-block-end: 8rem;
    }

    .car-val-1 {
        grid-template-columns: repeat(2, 1fr);
        grid-template-areas:
            "doImg do"
            "passImg pass"
            "canImg can";
    }

    .car-val-2 {
        grid-template-areas:
        "weImg we"
        "beImg be";
    }

    .priv-writeup {
        width: 80%;
    }
}

@media only screen and (max-width: 1028px) {
 
  /* COLLECTION STYLES */

  .product-collection-container {
    grid-template-columns: 1fr 1fr;
    row-gap: 20px;
    column-gap: 20px;
  }

  .product-collection-item .prod-img {
    width: 50%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
  }

  .product-collection-item .prod-h4 {
    line-height: 24px;
  }

  .product-collection-item .prod-p {
    line-height: 18px;
  }

/* END COLLECTION STYLES */
  
}




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

  .social-icons {
    display: none;
  }

}


@media only screen and (max-width: 800px) {
    
    .car-jobs {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-template-areas:
            "view-jobs"
            "jImg1"
            "jImg1"
            "jImg1"
            "jImg1"
            "jImg1"
            "jCap1"
            "jImg3"
            "jImg3"
            "jImg3"
            "jImg3"
            "jImg3"
            "jCap3";
        grid-row-gap: 0rem;
    }

    .car-header-one-img {
        height: 12rem;
    }

    .car-val-1 {
        grid-template-columns: repeat(1, 1fr);
        grid-template-areas:
            "doImg"
            "do"
            "passImg"
            "pass"
            "canImg"
            "can";
    }

    .car-val-2 {
        grid-template-columns: repeat(1, 1fr);
        grid-template-areas:
        "weImg"
        "we"
        "beImg"
        "be";
    }

    
    .int-work {
        grid-template-areas: 
            "work-title work-title work-title"
            "work-img work-p work-p"
            "work-img work-p work-p";

    }

    .int-fri {
        grid-template-areas: 
        "fri-img fri-img fri-img fri-img"
        "fri-img fri-img fri-img fri-img"
        "fri-img fri-img fri-img fri-img"
        "fri-title fri-title fri-title fri-title"
        "fri-cap fri-cap fri-cap fri-cap"
        "fri-cap fri-cap fri-cap fri-cap";
    }
    
    .car-int {
        grid-template-columns: repeat(1, 1fr);
        grid-template-areas: 
            "int"
            "blank"
            "int-video"
            "int-video"
            "int-video";
    }

      
    .car-blank button {
		height: 100%;
        width: 100%;
    }
  
/*   .slide-image-only img {
    display: none;
  }
  
  .slide-image-only {
   	background-image: url('/cdn/shop/files/MMD_AF_19_SR4_1920_curr_mob.jpg?v=1657558089');
    background-size: cover;
    background-repeat: none;
    min-height: 90vh;
  } */
}

@media only screen and (min-width: 769px) {
  .socials-icons-nav {
    display: none;
  }
}

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

  .socials-icons-nav {
    display: block;
  }
  
  .home-logo {
        margin-block-start: 1rem!important;
  }
  
  .home-parallax {
    background: no-repeat center right fixed;
  }

    /* COLLECTION STYLES */

  .product-collection-container {
    grid-template-columns: 1fr;
    row-gap: 20px;
    column-gap: 0;
  }

  .product-collection-item .prod-img {
    width: 50%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
  }

  .product-collection-item .prod-h4 {
    line-height: 28px;
  }

  .product-collection-item .prod-p {
    line-height: 20px;
  }

/* END COLLECTION STYLES */
  
}

@media only screen and (max-width: 600px) {
    
    .car-contain {
        margin: 0;
        width: 100vw;
    }

    .car-bubble-wrapper {
        width: 100vw;
    }

    .car-wrap {
        width: 100vw;
        max-width: 100vw;
    }

    .car-header-one-info {
        width: 100vw;
    }

    .car-header-one-img {
        height: 12rem;
    }

    
    .view-jobs {
        width: 95%;
    }
    
    .car-int {
        grid-template-columns: repeat(1, 1fr);
        grid-template-areas: 
            "int"
            "blank"
            "int-video"
            "int-video";
    }

    .int-int {
        min-height: 60vh;
    }

    .int-work h3 {
        font-size: 2rem;
        line-height: 2rem;
        margin-block-end: 0.5rem;
    }

    .int-sum h3, .int-fri-title h3, .int-int-title h3 {
        font-size: 2rem;
        line-height: 2rem;
    }

    .int-int-cap p, .int-fri p, .int-work-cap p {
        font-size: 1.2rem;
        line-height: 1.2rem;
    }

    .int-sum {
        margin-block-end: 3rem;
        min-height: 90vh;
        background-image: url('/cdn/shop/files/MOBILE-MERRILLINTERN.png?v=1657205179');
    }

    .int-work {
        margin-block-end: 0rem;
        grid-template-columns: repeat(1, 1fr);
        grid-template-areas: 
            "work-img"    
            "work-title"
            "work-p";
    }

    .int-work-img {
        min-height: 70vh;
    }

    .int-work-cap {
        padding: 1.1rem 0;
    }

    .int-fri, .int-work, .int-work-cap {
        margin-block-end: 0;
        padding-block-end: 0;
    }

    .priv-head, .priv-writeup {
        padding-inline-start: 1rem;
    }
}