/* LAST MODIFIED: APRIL 4 2024 */

body { margin: 0; padding: 0; overflow-x: hidden; background-color: #da2939!important; }
body.subpage  { background-color: black!important; }

/* Styles for iPad Air 5th generation in landscape mode */
@media only screen 
and (min-width: 820px) 
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 2) {

  .kiosk { grid-template-columns: 55.84% 44.16%!important; }
  .navbar-inner { height: 126px!important; }
  #row2 a { font-size: 23pt!important; }
  .subpage .guts { grid-template-rows: 30% 64% 6%!important; }
  .subpage a.first, .subpage a.second, .subpage a.third, .subpage a.fourth { width: 50%!important; }
  .slidein { margin-top: -45px!important; } 
  #slidebox .closebox { top: 145px!important; right: 773px!important;}
  .slidein p {font-size: 19pt!important; }
  .carousel { max-width: 90%; margin: -40px auto 0 auto;}
  #carouselwrapper .carousel-cell { max-width: 658!important; max-height: 755!important; } /* NOT WORKING */

}


/* UNIVERSAL */
.guts { background-repeat: no-repeat; background-size: contain; background-position: top center; background-color: #9e3034; }
.footerv { background-color: white; }
.flickity-page-dots { left: 0px!important; display: block; margin: 0 auto!important; }

/* HOME */


.clearlinks#home-breeders { height: 23%; }
.clearlinks#home-broilers { height: 24%; }
.clearlinks#home-layers { height: 23%; }
.clearlinks#home-turkeys { height: 23.4%; float: none; clear: both; }

/* HOME FPO COLORS */

.clearlinks.first { background: rgba(255, 255, 255, 0.5); }
.clearlinks.second { background: rgba(255, 0, 0, 0.5); }
.clearlinks.third { background: rgba(255, 255, 0, 0.5); }
.clearlinks.fourth { background: rgba(0, 0, 255, 0.5); }
.clearlinks.first, .clearlinks.second, .clearlinks.third, .clearlinks.fourth { --animate-duration: 1s; }
.animate__animated.animate__delay-1s{-webkit-animation-delay:250ms!important;animation-delay:250ms!important;-webkit-animation-delay:var(--animate-delay); }
.animate__animated.animate__delay-2s{-webkit-animation-delay:500ms!important;animation-delay:500ms!important;-webkit-animation-delay:var(--animate-delay); }
.animate__animated.animate__delay-3s{-webkit-animation-delay:750ms!important;animation-delay:750ms!important;-webkit-animation-delay:var(--animate-delay); }
.animate__animated.animate__delay-4s{-webkit-animation-delay:1000ms!important;animation-delay:1000ms!important;-webkit-animation-delay:var(--animate-delay); }
.animate__animated.animate__delay-5s{-webkit-animation-delay:1250ms!important;animation-delay:1250ms!important;-webkit-animation-delay:var(--animate-delay); }
.animate__animated.animate__delay-6s{-webkit-animation-delay:1500ms!important;animation-delay:1500ms!important;-webkit-animation-delay:var(--animate-delay); }

/* LOAD MYRIAD FONT */

@font-face {
    font-family: 'Myriad-Pro-Bold-Condensed';
    src:url('fonts/Myriad-Pro-Bold-Condensed.woff') format('woff'),
        url('fonts/Myriad-Pro-Bold-Condensed.woff2') format('woff2'),
        url('fonts/Myriad-Pro-Bold-Condensed.eot'),
        url('fonts/Myriad-Pro-Bold-Condensed.eot?#iefix') format('embedded-opentype'),
        url('fonts/Myriad-Pro-Bold-Condensed.ttf') format('truetype');

    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* V1 */

.main, .circles { background-size: 100% auto!important; background-repeat: no-repeat!important; }
.main { width: 100vw;
    height: 56.25vw; /* height:width ratio = 9/16 = .5625  */
    max-height: 100vh;
    max-width: 177.78vh; /* 16/9 = 1.778 */
    min-height: 600px; background-color: #da2939; }
.circles { width: 100%; height: 100%; animation-duration: 1s; /* don't forget to set a duration! */ }

.right { width: 70%; height: 100%; float: right; }
.slidein { width: 100%;  }
.slideimg { height: 100%; background-image: url(images/fpo.jpg); }
.slidewrapper { padding: 20px 20px 20px 20px; background-color: rgba(255,255,255,0.8); border-radius: 10px;  }
.slidewrapper img { margin: -50px auto 20px auto; display: block; }
.slidewrapper h2 { margin-top: 0;}
.slidein h2 { color: #c00; font-family: 'Myriad-Pro-Bold-Condensed'; font-size: 44pt; text-align: center; }  
.slidein p { color: black; font-family: 'Myriad-Pro-Bold-Condensed'; font-size: 32pt; text-align: center; }
.slider { overflow: hidden; }
.slidein { position: absolute; width: 50%; top: 10% }
.slidewrapper { float: left; width: 100%; margin-top: 25%; margin-left: 100px; }
#clearme { height: 1px; }

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.videobox { padding: 8%;}

.row a { display: block; background-repeat: no-repeat; width: 100%; background-size: contain;  }

.f2 a, .footer a { text-align: right; color: white; text-decoration: none; font-family: 'montserratmedium';  }
.footernav { text-align: center; text-transform: uppercase; font-size: 18pt!important; color: white; text-decoration: none;  margin: 0; padding-bottom: 14px; }
.footernav a { display: inline; margin: 0 8px; }
.footernav a:hover { color: black; }

a.cta { background: #da2939; color: white; border-radius: 5px; text-decoration: none; padding: 6px 12px; }
a:hover.cta, a:active.cta { color: white; text-decoration: none; }
.lity-iframe .lity-container { max-width: 100%!important; }

/* EXPAND COLLAPSE */

.collapsible {
    background-color: #800000;
    color: white;
    cursor: pointer;
    padding: 18px;
    width: 70%;
    border: none;
    outline: none;
    text-align: center;
    color: white;
    font-size: 32pt;
    letter-spacing: -1;
    margin: 20px auto;
    display: block;
    clear: both;
}

.collapsible-exception {
    background-color: transparent;
    padding: 18px;
    border: none;
    outline: none;
    text-align: center;
    color: white;
    font-size: 32pt;
    letter-spacing: -1;
}

.active, .collapsible:hover {
    background-color: black;
}

.expand-content {
    padding: 0 18px;
    display: none;
    overflow: visible;
}

/*.kiosk .contact { display: none; }*/

/* KIOSK NAV */

.kiosknav {
    display: grid;
    grid-template-columns: repeat(4, 25fr);
    grid-template-rows: repeat(2, 50fr);
    grid-column-gap: 34px;
    grid-row-gap: 34px;
    padding: 34px;
}

/* BOTTOM ROW NAV BUTTONS */

#row2 a { text-indent: 0px; color: white; font-family: 'Myriad-Pro-Bold-Condensed'; text-align: center; display: block; float: left; border-radius: 10px; margin: 10px 1.66% 10px 1.66%; width: 30%;
padding: .25em; font-size: 28pt;  background: rgb(218,41,57); background: linear-gradient(0deg, rgba(185,35,48,1) 0%, rgba(218,41,57,1) 100%);  }
#row2 a:link, #row2 a:hover { text-decoration: none; }


/* 4-BUTTON BOTTOM ROW
#row2 .resources { grid-area: 1 / 1 / 2 / 2; }
#row2 .solutions { grid-area: 1 / 2 / 2 / 3; }
#row2 .thanks { grid-area: 1 / 3 / 2 / 4; }
*/
.kiosknav a:active { opacity: 0.5; }

.kiosknav div { background-color: black; }
.kiosknav.navbar-collapse div { background-color: transparent; }
.kiosknav .storage { grid-area: 1 / 1 / 2 / 2; }
.kiosknav .handling { grid-area: 1 / 2 / 2 / 3; }
.kiosknav .drying { grid-area: 1 / 3 / 2 / 4; }
.kiosknav .structures { grid-area: 1 / 4 / 2 / 5; }
.kiosknav a:active { opacity: 0.5; }

.kiosknav .storage { background-image: url(imagesk/nav-storage-bg.jpg); }
.kiosknav .handling { background-image: url(imagesk/nav-handling-bg.jpg); }
.kiosknav .drying { background-image: url(imagesk/nav-drying-bg.jpg); }
.kiosknav .structures { background-image: url(imagesk/nav-structures-bg.jpg); }
.kiosknav .resources { background-image: url(imagesk/nav-resources-bg.jpg); }
.kiosknav .contact { display:none!important; background-image: url(dealer/jwmag.jpg); background-position: center center; background-color: white;  }
.kiosknav .solutions { background-image: url(imagesk/nav-solutions-bg.jpg); }
.kiosknav .thanks { background-image: url(imagesk/nav-thanks-bg.jpg); }
.kiosknav div { background-size: cover; background-repeat: no-repeat; }

/* 2K KIOSK */
@media (min-width: 1235px) 
and (min-height: 2195px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 1.75) {

 /* KIOSK WITH QR TOGGLE */
            .kiosk {
                display: grid;
                grid-template-columns: 100%;
                grid-template-rows: 12.7vh 4.3vh 61vh 22vh;
                grid-column-gap: 0px;
                grid-row-gap: 0px;
            }
  
}

/* KIOSK ONLY */

.contact img { display: none; }


.kiosk .header, .kiosk .guts { width: 100%; }
.vidbox { width: 100%; overflow: hidden; }
.vidbox, .homelink { position: fixed; right: 0; bottom: 0; width: 100%; height: 100%; }
a.enterbutton { width: 100%; height: 100%; display: block; text-indent: -1920px;  }

#myVideo {
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
}

img.twocol { float: left; }

.guts { background-repeat: no-repeat; background-size: contain; background-position: top center; }

.kiosk { display: grid;
    grid-template-columns: 100%;
    grid-template-rows: 10vh 70vh 20vh;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
}
.header { grid-area: 1 / 1 / 2 / 2; }
.guts { grid-area: 2 / 1 / 3 / 2; overflow: hidden; }
.footerv { grid-area: 3 / 1 / 4 / 2; }

.resources .kiosk { grid-template-rows: 12.7vh 4.3vh 61vh 22vh; }
.resources .header { grid-area: 1 / 1 / 2 / 2; }
.resources .roundedswitchwrapper { grid-area: 2 / 1 / 3 / 2; background-image: url(images/resources-bg.jpg); background-size: 100% auto; background-position: top center; }
.resources .guts { grid-area: 3 / 1 / 4 / 2; overflow: hidden; background-image: url(images/resources-guts-bg.jpg); background-color: #a7202b; background-size: 100% auto; background-position: bottom center; }
.resources .footerv { grid-area: 4 / 1 / 5 / 2; }

.resources .guts .linkblock img { margin-left: 0!important; margin-right: 0!important; }

.resources .guts { display: flex; flex-wrap: wrap; justify-content: center; } 
.resources .guts .linkblock { display: inline-flex; float: none; flex-direction: column;  }
.resources .guts .linkblock img, .resources .guts .linkblock a { float: none!important;  }

.footerv {
display: grid;
grid-template-columns: repeat(4, 25fr);
grid-template-rows: 72.5fr 27.5fr;
grid-column-gap: 0px;
grid-row-gap: 0px;
}

.row1-1 { grid-area: 1 / 1 / 2 / 2; }
.row1-2 { grid-area: 1 / 2 / 2 / 3; }
.row1-3 { grid-area: 1 / 3 / 2 / 4; }
.row1-4 { grid-area: 1 / 4 / 2 / 5; }
#row2 { grid-area: 2 / 1 / 3 / 5; }

/* HIGHLIGHT BOTTOM NAV */

.row1-1,
.row1-2,
.row1-3,
.row1-4 { opacity: 0.5; }

#home .row1-1,
#home .row1-2,
#home .row1-3,
#home .row1-4,
.distributors .row1-1,
.distributors .row1-2,
.distributors .row1-3,
.distributors .row1-4,
.whyct .row1-1,
.whyct .row1-2,
.whyct .row1-3,
.whyct .row1-4,
.resources .row1-1,
.resources .row1-2,
.resources .row1-3,
.resources .row1-4 { opacity: 1.0; }

.breeders .row1-1,
.broilers .row1-2,
.layers .row1-3,
.turkeys .row1-4 { opacity: 1.0; }


.header img, .footerv img { display: block; margin: 0 auto; max-width: 100%; max-height: 100%; }

a.clearlinks { display: block; width: 100%; text-indent: -1920px; }
a.clearlinks.twocol { width: 50%; float: left; }

.guts a, .guts a:active, .guts a:hover { -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}

a.clearlinks#homelink,
a.clearlinks#backlink { height: 6.6%; }

.guts .solution { margin: 0 auto; background-color: white; }

/*ug style*/
.ipad_div{
    display: none  !important;
}
.normal_div{
    display: block;
}

/* CLOSEBOX KIOSK ONLY */

@media only screen and (min-width: 2100px) {
#slidebox .closebox { top: 25%!important; right: 42%!important;  }
}

#slidebox .closebox { top: 18%; right: 42%; color: red; }

/* ACTIVE PAGE HIGHLIGHTS */

/* #storage .storage img, .storage-child .storage img,
#handling .handling img, .handling-child .handling img,
#drying .drying img, .drying-child .drying img,
#structures .structures img, .structures-child .structures img,
#resources .resources img,
#contact .contact img,
#solutions .solutions img {  filter: invert(10%) sepia(77%) saturate(7461%) hue-rotate(9deg) brightness(82%) contrast(111%); } */


/* MOBILE MESSAGE */

@media only screen and (min-width: 1000px) {
    .slidewrapper img { width: 264px; }
    .mobilemessage { display: none; }
    .main { display: block; }
}

@media only screen and (max-width: 1000px) {
    .slidewrapper img { width: 200px; }
    .mobilemessage { display: block; }
    .main { display: none; }
}
.mobilemessage { padding: 40px; }
.mobilemessage p { font-family: 'montserratmedium'; color: white; }
.mobilemessage p a { color: black; text-decoration: none; }

a.vidlink { display: block; float: left; width: 25%; max-width: 264px; margin-right: 20px; }
a.vidlink img { width: 100%; }

.closebox {
    z-index: 9994;
    width: 35px;
    height: 35px;
    position: fixed;
    right: 0;
    top: 0;
    -webkit-appearance: none;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    padding: 0;
    color: #fff;
    font-style: normal;
    font-size: 35px;
    font-family: Arial, Baskerville, monospace;
    line-height: 35px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    border: 0;
    background: none;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
#slidebox .closebox { top: 237px; right: 897px; color: red; }

.closebox:active { text-decoration: none; color: white; }

/* RESOURCES */

#resources .guts img { width: 200px; height: 258px; margin: 20px; }
#resources .guts #videoresources { clear: both; float: none; }
#resources .guts #videoresources img { width: 300px; height: 169px; margin: 20px; }
#resources .guts { overflow-y:scroll!important; text-align: center; }
#resources .guts:-webkit-scrollbar { display: none!important; }

#resources .topbox_content { width: 100vw; }
#resources .topbox_skin_darkroom .topbox_prev,
#resources .topbox_skin_darkroom .topbox_next { padding: 1vw; background-color: rgba(0, 0, 0, .4); }
#resources .topbox_skin_darkroom .topbox_close:before,
#dealer .topbox_skin_darkroom .topbox_close:before { content: "×"; }

#resources p { color: white; text-align: left; font-size: 12pt;}
#resources p span { width: 10%; display: inline-block; background: #800000; text-align: center; border-radius: 5px; font-size: 10pt; font-weight: bold; padding: 5px 0; margin-right: 10px; }

#resources h1, #resources h2 { clear: both; width: 100%; }


/* BROCK SOLUTION */

.solution { width: 600px; padding: 40px; font-family: 'montserratmedium'; }
.solution h1 { text-align: center; color: #da2939; font-size: 17pt;}
.solution p { font-size: 11pt; line-height: 1.5em; }
.solution #logo { text-align: center; margin: 0 auto; display: block;
    width: 32%;}

a.homelink, a.homelink img { opacity: 1!important; }

/* HOTSPOT ROLLOVERS */
.a a, .f1 a, .f2 a, .sidebar a, .menu a, .footer a {opacity: 1!important; }
.sidebar a {opacity: 1!important; }
.grid a { transition: opacity .25s ease-in-out; opacity: 0; }
.grid a:hover { opacity: 1; }

.a a#giveaway img, .sidebar a#giveaway img { opacity: 1; }
#giveaway { display: none; }

.a img, .sidebar img { width: 100%; height: auto; }

.grid img { width: 100%; }
.grid .slidewrapper img { width: auto; }

/* SIDEBAR */

.a a, .sidebar a { margin-bottom: 20px; }
.a a img, .sidebar a img { transition: opacity .25s ease-in-out; opacity: 0; }
.div1 a { margin-bottom: 20px; transition: opacity .25s ease-in-out; opacity: 0; }
.a a:hover img, .sidebar a:hover img { opacity: 1; }

a#systems { background-image: url(images/systems-bg-a.jpg); }
a#thanks { background-image: url(images/thanks-bg-a.jpg); }

.animated {
    animation: animate-color 0.2s linear;
    animation-iteration-count: 5;
}

#storage .main { background-image: url(images/storage-main.jpg); }
#storage .circles { background-image: none; }

.slides .circles { background-image: none; }


/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on December 7, 2020 */

@font-face {
    font-family: 'roboto_condensedlight';
    src: url('fonts/robotocondensed-light-webfont.woff2') format('woff2'),
    url('fonts/robotocondensed-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'montserratmedium';
    src: url('fonts/montserrat-medium-webfont.woff2') format('woff2'),
    url('fonts/montserrat-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/* BACKGROUNDS */

#home .main { background-image: url(home-photo.jpg); }
#home .circles { background-image: url(home-hotspots169.jpg); }
#home .circles43 { background-image: url(home-hotspots.jpg); }

#storage-nonstiff .main { background-image: url(images/storage-nonstiff-bg2.jpg); }
#storage-nonstiff .circles { background-image: url(images/storage-nonstiff-bg.jpg); }

#storage-stiff .main { background-image: url(images/storage-stiff-bg-noarrows.jpg); }
#storage-stiff .circles { background-image: url(images/storage-stiff-bg.jpg); }

#storage-hopperbottom .main { background-image: url(images/storage-hopperbottom-bg-noarrows.jpg); }
#storage-hopperbottom .circles { background-image: url(images/storage-hopperbottom-bg.jpg); }



/* GRID */

.f1, .menu { background-color: #da2939; padding-top: 10px; }
.f2, .footer {background-color: #da2939; padding-top: 10px; padding-right: 20px; }

.grid { display: grid; grid-column-gap: 0px; grid-row-gap: 0px; height: 100%;}

.homegrid {
    grid-template-columns: 20fr 23.4fr 27fr 29.5fr;
    grid-template-rows: 95% 5% repeat(2, 1fr);
}

.homegrid .a { grid-area: 1 / 1 / 2 / 2; }
.homegrid .aa { grid-area: 1 / 2 / 2 / 3; }
.homegrid .b { grid-area: 1 / 3 / 2 / 4; }
.homegrid .c { grid-area: 1 / 4 / 2 / 5; }
.homegrid .f2,
.div6 { grid-area: 2 / 1 / 3 / 5; }

.a, .sidebar { background-color: #da2939; padding: 0 20px; }

.imggrid {
    grid-template-columns: 25% 75% repeat(3, 1fr);
    grid-template-rows: 95% 5% repeat(3, 1fr);
}






/* SINGLES */

.singles .imggrid {
    grid-template-columns: 20fr 80fr;
    grid-template-rows: 95fr 5fr;
}

.singles .div1 { grid-area: 1 / 1 / 2 / 2; }
.singles .div2 { grid-area: 1 / 2 / 2 / 3; }

.singles .div2 { background-color: white; padding: 40px; }
.singles .div2 p { line-height: 1.25em; }
.singles .div2 p,
.singles .div2 h1,
.singles .div2 h2 { font-family: 'montserratmedium';  }

.singles .div2 p a { opacity: 1; color: gray; text-decoration: none;  }
.singles .div2 h2 { font-size: 16pt; font-weight: normal;  }



/* NAVBAR + HAMBURGER MENU */ 
.navbar, .navbar-inner, .navbar-inner a { height: 100%; }
.header { background-image: url(images/navbar-bg.jpg); background-position: bottom center; background-repeat: no-repeat; background-size: contain; }
.subpage .header { background-image: url(images/navbar-bg-black.gif); }
.subpage .header { background-position-y: 117%; background-color: #da2939; }
.navbar { padding: 0!important;  }
.navbar-inner { width: 100%;  }
.navbar-toggler { display: none; height: 100%!important; max-height: 239px; background-repeat: no-repeat; background-position: center center; border: none!important;   }
.navbar-toggler { background-image: url(images/hamburger.gif); width: 50px; height: 50px; }
.navbar-collapse { background-color: white !important; height: 100vh; z-index: 10000; }
.navbar-brand { display: block; width: 100%; height: 100%; margin: 0!important; padding: 37px!important; text-indent: -90000px; background-image: url(images/chore-time-logo.svg); background-repeat: no-repeat; background-size: contain; background-position: center center; }



/* SUBPAGES */

.slides .a { grid-area: 1 / 1 / 2 / 2; }
.subb { grid-area: 1 / 2 / 2 / 3; }
.f1 { grid-area: 2 / 1 / 3 / 2; background-color: #da2939; padding-top: 10px; }
.f2 { grid-area: 2 / 2 / 3 / 3; background-color: #da2939; padding-top: 10px; padding-right: 20px; }


/* 16/9 BOX */

[style*="--aspect-ratio"] > :first-child {
    width: 100%;
}
[style*="--aspect-ratio"] > img {
    height: auto;
}
@supports (--custom:property) {
    [style*="--aspect-ratio"] {
        position: relative;
    }
    [style*="--aspect-ratio"]::before {
        content: "";
        display: block;
        padding-bottom: calc(100% / (var(--aspect-ratio)));
    }
    [style*="--aspect-ratio"] > :first-child {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
    }
}


.kioskpdf { display: block; }
.ipadjpg { display: none; }

/* HAMBURGER MENU */
.bg_navbar .footerv { display: grid!important; }

.bg_navbar .footerv { grid-template-columns: repeat(2, 50fr);
grid-template-rows: repeat(3, 33%); }

.bg_navbar .row1-1 { grid-area: 1 / 1 / 2 / 2; }
.bg_navbar .row1-2 { grid-area: 1 / 2 / 2 / 3; }
.bg_navbar .row1-3 { grid-area: 2 / 1 / 3 / 2; }
.bg_navbar .row1-4 { grid-area: 2 / 2 / 3 / 3; }
.bg_navbar #row2 { grid-area: 3 / 1 / 4 / 3; display: block; } 
.bg_navbar #row2 a { width: 100%; clear: both; float: none; }


/* HORIZONTAL */ 
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1400px)
  and (orientation: landscape)
  and (-webkit-min-device-pixel-ratio: 2) {
  
  .kiosk { 
  display: grid;
grid-template-columns: 50% 50%;
grid-template-rows: 25fr 75fr; 
grid-column-gap: 0px;
grid-row-gap: 0px; 
height: 100vh;
width: 100vw;
}
.header { grid-area: 1 / 2 / 2 / 3; } 
.guts { grid-area: 1 / 1 / 3 / 2; background-position: left; } 
.footerv { grid-area: 2 / 2 / 3 / 3; } 
.navbar-inner { height: 200px; }

.slidein { top: 35%!important; }
.slidewrapper { float: left; width: 58%; }
.slidewrapper .closebox { right: 34%; }

#row1, #row2 {
display: grid;
grid-template-columns: repeat(2, 50fr);
grid-template-rows: repeat(2, 1fr); 
grid-column-gap: 34px;
grid-row-gap: 34px; 
padding: 34px 34px 0 34px ;
}
#row1 .storage, #row2 .resources { grid-area: 1 / 1 / 2 / 2; } 
#row1 .handling, #row2 .solutions { grid-area: 1 / 2 / 2 / 3; } 
#row1 .drying, #row2 .thanks { grid-area: 2 / 1 / 3 / 2; } 
#row1 .structures { grid-area: 2 / 2 / 3 / 3; } 
#row2 img { display: block; }

.carousel, .flickity-viewport, .carousel img { max-width: 100%!important; max-height: 100%!important; }
.carousel-cell { max-width: 779px!important; max-height: 820px!important; } /* MOVED TO HEAD OF HTML */

.collapsible { font-size: 16pt; }

.kioskpdf { display: none; }
.ipadjpg { display: flex; flex-wrap: wrap; justify-content: center; }



/* TEMP */
#row1 div, #row2 div { height: 100px; }
#row1 img, #row2 img { height: 100px; }

}

/* HORIZONTAL NEW iPAD AIR */ 
@media only screen
  and (width: 820px)
  and (height: 1106px)
  and (orientation: landscape)
  and (-webkit-min-device-pixel-ratio: 2) {
  
  .kiosk { grid-template-columns: 50% 50%!important; }
  .carousel-cell { height: 500px!important;}
  


}




/* VERTICAL - iPAD AIR  */ 
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (orientation : portrait)
  and (-webkit-min-device-pixel-ratio: 2) {
  
  .kiosk { 
  grid-template-columns: 1fr;
grid-template-rows: 13.6fr 86.4fr;
grid-column-gap: 0px;
grid-row-gap: 0px; 
height: 100vh; }
#kiosk { width: 100vw; position: absolute; }

.resources .kiosk { grid-template-rows: 13.6fr 5fr 81.4fr; }
.resources .kiosk .header { grid-area: 1 / 1 / 2 / 2; }
.resources .kiosk .roundedswitchwrapper{ grid-area: 2 / 1 / 3 / 2; }
.resources .kiosk .roundedswitchwrapper{ background-image: url(images/resources-bg.jpg); background-size: 100% auto; background-position: top center;  }
.resources .kiosk .guts { grid-area: 3 / 1 / 4 / 2;  }
.resources .kiosk .guts { background-image: url(images/resources-guts-bg.jpg); background-color: #a7202b; background-size: 100% auto; background-position: bottom center; }
.resources .kiosk .footerv { display: none; }

.header { grid-area: 1 / 1 / 2 / 2; min-height: 160px!important; } 
.guts { grid-area: 2 / 1 / 3 / 2; background-position: bottom; } 
.footerv { display: none!important; }

.subpage .guts { grid-template-rows: 20% 74% 6%!important; }
.subpage a.first, .subpage a.second, .subpage a.third, .subpage a.fourth { font-size: 24pt!important; }
.subpage .header { background-position-y: 100%; }
.safari-mobile #slidebox .closebox { right: 418px; top: 365px; }

.slidein { top: 30%!important; width: 50%; }
/* PREVIOUSLY FLOAT NONE */
.slidewrapper { float: left; margin: 0 auto; width: 100%; }
.slidewrapper img, .slidewrapper a.vidlink { float: none;  display: block; }
.slidewrapper a.vidlink { width: 100%; }
#slidebox .closebox { right: 517px; top: 417px; }
.slidein h2 { font-size: 28pt; }
.slidein p { font-size: 22pt; }

.navbar { z-index: 500; }
.navbar-inner { min-height: 160px!important; height: 100%!important; }
.navbar-toggler { display: block; position: absolute; top: 0; right: 20px!important; max-height: 400px!important; }
.navbar-brand { min-height: 160px!important; }

.collapsible { font-size: 16pt; }

x.carousel-cell { height: 941px; width: 820px; } /* MOVED TO HEAD OF HTML */


.kioskpdf { display: none; }
.ipadjpg { display: block; }

}

/* iPAD PRO VERTICAL */
@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
  
  
    .kiosk { 
  grid-template-columns: 1fr;
grid-template-rows: 6.7fr 93.3fr;
height: 100vh; }
#kiosk { width: 100vw; position: absolute; }

.header,
.navbar-inner,
.navbar-brand { min-height: 92px!important; }
.header { background-size: cover; }
.subpage .header { background-position-y: 100%; }

.slidein { top: 25%!important; }
.slidewrapper img { margin-top: -50px!important; }

.closebox { right: 20%; top: 350px; }

}


/* iPAD PRO HORIZONTAL */
@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
  
  body { background-color: white!important;}
  
  .kiosk { 
grid-template-columns: 60.3fr 39.7fr;
grid-template-rows: 15% 85%;
}
.kiosk .guts { grid-area: 1 / 1 / 3 / 2; }
.kiosk .header { grid-area: 1 / 2 / 2 / 3; background-image: url(images/navbar-bg-tab-horiz.gif); }
.kiosk .footerv { grid-area: 2 / 2 / 3 / 3; } 

x.resources .kiosk { grid-template-rows: 7fr 18fr 75fr; }
.resources .kiosk { grid-template-columns: repeat(2, 1fr); grid-template-rows: 8% 7% 85%; }
.resources .kiosk .header { grid-area: 1 / 2 / 3 / 3; }
.resources .kiosk .roundedswitchwrapper{ grid-area: 1 / 1 / 2 / 2; }
.resources .kiosk .roundedswitchwrapper{ background-image: none; background-color: #a7202b;   }
.resources .kiosk .guts { grid-area: 2 / 1 / 4 / 2; }
.resources .kiosk .guts { background-image: url(images/resources-guts-bg.jpg); background-color: #a7202b; background-size: 100% auto; background-position: bottom center; }
.resources .kiosk .footerv { grid-area: 3 / 2 / 4 / 3; }

.footerv { grid-template-columns: repeat(2, 50fr); grid-template-rows: repeat(3, 30%); }

.row1-1 { grid-area: 1 / 1 / 2 / 2; }
.row1-2 { grid-area: 1 / 2 / 2 / 3; }
.row1-3 { grid-area: 2 / 1 / 3 / 2; }
.row1-4 { grid-area: 2 / 2 / 3 / 3; }
#row2 { grid-area: 3 / 1 / 4 / 3; display: block; } 
#row2 a { width: 100%; clear: both; float: none; }

.navbar-brand { max-height: 150px;}

.slidein { width: 35%; top: 15%!important; }
.slidewrapper { width: 100%; }
.slidein h2 { font-size: 32pt; }
.slidein p { font-size: 22pt; }

.subpage a.first, .subpage a.second, .subpage a.third, .subpage a.fourth { font-size: 22pt!important; }
/* FORMERLY FLOAT NONE */
.slidewrapper { float: left; margin-left: auto; margin-right: auto; margin-top: 15% }
.slidewrapper .closebox { right: 47%; top: 270px; }
}

/* RESOURCE QR CODES */
a.qrlinks { display: none; width: 150px; margin: 0 auto;}
.qrcodes_on a.qrlinks { display: block; }
.linkblock { display: block; width: 200px; float: left; margin: 20px; transition: height 1s ease;}
#videoresources .linkblock { width: 300px; height: 200px; }
#videoresources .linkblock img { margin-left: 0!important; margin-right: 0!important; }
#resources .guts .qrlinks img { margin-top: -100px; }
#resources .guts .qrlinks img,
#resources .guts #videoresources .qrlinks img { width: 150px; height: 150px;  }
#resources .guts #videoresources .qrlinks img { margin-top: -50px; }

.linkblock { height: 300px; }
.qrcodes_on .linkblock { height: 370px;}
.qrcodes_on #videoresources .linkblock { height: 300px;}

.roundedswitchbox { float: left; }
p.roundedswitchtext { float: left; margin-right: 20px; margin-top: 6px; }
.roundedswitchwrapper .wrapper { float: right; padding-right: 10%; padding-top: 20px;}

#videoresources .wrapper { display: flex; justify-content: center; flex-wrap: wrap; }

/* TOGGLE SWITCH */

/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.gotham { font-family: 'Myriad-Pro-Bold-Condensed'; }