/*
Theme Name: XTX X170
Version: 1.0
Author: Chris Bibbs
Author URI: xtxwebmaster.com
Theme URI:  xtxwebmaster.com
text-domain: xtx */

@media all and (min-width: 300px) {
    * { box-sizing: border-box !important; position: relative; background-repeat: no-repeat !important; background-size: cover; text-decoration: none; scroll-margin-top: 120px; scroll-padding-top: 120px; }
    body, html{ padding: 0; margin: 0; height: 100%; width: 100%; }
    html { scroll-behavior: smooth;}
    h1, h2, h3, h4, h5, h6 { display: block; padding: 0; margin: 0; }
    img { max-width: 100%; height: auto !important; }
    article, article h1, article h2, section, footer, nav, aside, aside header, aside div, aside ul, aside li, aside h3, figure, dl dt, dl dd, article figure, section figure, div figure, .wp-caption > * { width: 100%; float: left; padding: 0; margin: 0; }
    .overlay::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; z-index: 1; background-image: url('overlay.png'); background-color: transparent; background-repeat: repeat; background-size: auto !important; opacity: 0.4 !important; height: 100%; }
    .layout-slideshow .overlay::after { z-index: 9; }
    .overlay div { z-index: 2; }
    .overlay.text-light::before { content: ''; position: absolute; width: 100%; height: 100%; background:rgba(0, 0, 0, 0.4); top: 0; left: 0; }
    .overlay.text-dark::before { content: ''; position: absolute; width: 100%; height: 100%; background:rgba(255,255,255, 0.4); top: 0; left: 0; }
    .transparent { background-color: transparent !important; }
    .full-width { width: 100% !important; float: left; grid-column: span 12; }
    .float-left { float: left; } .float-right { float: right; } .float-center { float: none; margin: 0 auto; }
    .align-center { text-align: center; } .align-left { text-align: left; } .align-right { text-align: right; } .align-justify { text-align: justify; }
    .fixed { position: fixed; } .static { position: static; }
    .grid { display: grid; list-style-type: none !important; padding: 0; margin: 0; } .flex { display: flex; list-style-type: none !important; padding: 0; margin: 0; }
    .wrapper, .panel { width: 100%; display: flex; flex-direction: row; justify-content: center; flex-wrap: wrap; }
    .container { display: grid; width: 90%; grid-template-columns: repeat(12, 1fr); }
    .alert { width: 100%; padding: 12px 24px; display: none; transition: display 600ms ease; } .alert.active { display: flex; transition: display 600ms ease; align-items: center; align-content: center; justify-content: center; } .alert.inactive { display: none; } .alert .closealert { font-size: 2rem; padding-left: 2em; display: inline-block; }
    main .container, .page-title .container, .panel .container, footer .container { z-index: 15; }
    .container.full-width { max-width: 100%; }
    .wrapper.header { position: sticky; top: 0; left: 0; right: 0; transition: 0.4s; z-index: 1400; }
    .header.transparent { background-color: transparent !important; }
    .header .container, .layout-side.header .container { display: grid; grid-template-columns: repeat(12, 1fr); gap: calc(18px + (24 - 18) * ((100vw - 300px) / (1920 - 300))); }
    .header .information .label, .header .information .hide-on-mobile { display: none; }
    .header .information ul { list-style-type: none !important; margin: 0; padding: 0; display: grid; grid-auto-flow: column; gap: 24px; justify-content: center; }
    .header[class*="layout-default"] .toggle, .header.layout-side .toggle { display: flex; justify-content: flex-start; grid-column: span 3; align-items: center; cursor: pointer !important; font-size: 2rem; }
    .header[class*="layout-default"] .logo, .header.layout-side .logo { display: flex; justify-content: center; grid-column: span 6; align-items: center; }
    .header[class*="layout-default"] .logo img, .header.layout-side .logo img { max-height: 60px; width: auto; }
    .header[class*="layout-default"] .information, .header.layout-side .information { display: flex; justify-content: center; grid-column: span 3; align-items: center; }
    .header .information ul li { text-align: center; }
    .navigation .closebtn { width: 100%; float: left; text-align: right; padding: 12px 24px; font-size: 2rem; }
    .navigation, .navigation.side, .header[class*="layout-side"] + nav > .container { position: fixed; margin-left: -999px; height: 100%; width: 300px; grid-template-columns: 1fr; z-index: 1500; left: 0; transition: 0.4s; top: 0; overflow-y: auto; overflow-x: hidden; }
    .navigation ul { background-color: rgba(0,0,0,0.4); }
    .navigation.side a.active + ul.sub-menu { background-color: rgba(0,0,0,0.4) !important; }
    .navigation ul li a { padding: 12px 24px; display: block; } 
    .navigation ul.menu, .navigation ul.menu ul { display: flex; flex-direction: column; justify-content: space-between; list-style-type: none !important; padding: 0; margin: 0; width: 100%; }
    .navigation ul.sub-menu { height: 0; overflow: hidden; transition: max-height 0.15s ease-out; }
    .navigation a.active + ul.sub-menu { height: auto; overflow: visible; transition: max-height 0.25s ease-in; }
    .navigation .menu li[class*="children"] > a::after, .navigation.side .menu li[class*="children"] > a::after { position: absolute; content: '+'; right: 24px; top: 50%; transform: translateY(-50%); }
    .navigation .menu li[class*="children"] > a:active::after, .navigation .menu li[class*="children"]:hover > a::after { content: '-'; }
    .page-title { overflow: hidden; }
    .page-title .breadcrumbs { padding-bottom: 6px; }
    .page-title p:first-of-type, .page-title p:last-of-type { margin: 0; padding: 0; }
    [class*="columns-"], [class*="columns-"].row { display: grid; grid-template-columns: repeat( 12, 1fr ); width: 100%; gap: 24px; grid-column: span 12; }
    .container .row { padding-top: 3rem; } .container .row:first-of-type { padding-top: 0; }
    [class*="columns-"].carousel-active { display: flex !important; flex-wrap: wrap; flex-direction: row; }
    [class*="columns-1"] > .col, [class*="columns-1"] > .gallery-item, [class*="columns-1"] > *, [class*="columns-2"] > .col, [class*="columns-2"] > .gallery-item, [class*="columns-3"] > .col, [class*="columns-3"] > .gallery-item, [class*="columns-4"] > .col, [class*="columns-4"] > .gallery-item { grid-column: span 12; }
    .col { display: flex; flex-wrap: wrap; flex-direction: column; align-content: space-between; justify-content: center; }
    .col > .image, .col > .content { width: 100%; grid-column: span 12; }
    .featured-image img { width: 100%; }
    .image a { display: block; width: 100%; float: left; cursor: pointer; }
    .col > .image a[data-src*="youtube.com"]::before, .col > .image a[data-src*="vimeo.com"]::before, .col > .image a[data-src*=".mp4"]::before, .col > .image a[data-src*=".webm"]::before, .col > .image a[data-src*=".gif"]::before { content: ''; position: absolute; z-index: 3; left: 0; right: 0; background-image:url("video.png"); background-size: 100% auto; background-position: center center; width: 100%; height: 100%; }
    .col > .image a[data-src*="jpg"]::before, .col > .image a[data-src*="png"]::before, .col > .image a[data-src*="bmp"]::before, .col > .image a[data-src*="webp"]::before  { content: ''; position: absolute; z-index: 3; left: 0; right: 0; background-image:url("image.png"); background-size: 100% auto; background-position: center center; width: 100%; height: 100%; }
    .image > figure, .image > a { background: #333; display: block; width: 100%; position: relative; height: 1px; margin: 0; float: left; }
    .standard .image > figure, .standard .image > a { padding-bottom: 75%; }
    .landscape .image > figure, .landscape .image > a { padding-bottom: 56.25%; }
    .square .image > figure, .square .image > a { padding-bottom: 100%; }
    .portrait .image > figure, .portrait .image > a { padding-bottom: 138%; }
    .image img, .image a figure { position: absolute; top: 0; left: 0; object-fit: cover; width: 100%; height: 100% !important; }
    .col > .content { width: 100%; float: left; display: flex; flex-wrap: wrap; align-content: space-between; flex: 1; padding: 2rem; } 
    .single-locations .col > .content { align-content: flex-start; }
    .col > .content .text { width: 100%; flex: 1; padding: 12px 0; }
    .col > .content .link { width: 100%; }
    .layout-block[class*="columns-"] { gap: 0 !important; }
    .layout-block .col { gap: 0 !important; }
    .layout-block .content { padding: 24px; }
    .layout-box { filter: drop-shadow(0px 0px 24px rgba(0, 0, 0, 0.25)); background-color: #fff; padding: 30px !important; }
    .layout-card .col { filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.3)); background-color: #fff; padding: 0px; }
    .layout-card .content { padding: calc(24px + (36 - 24) * ((100vw - 300px) / (1920 - 300))); }
    .layout-card .image > figure, .layout-card .image > a { background: #333; display: block; width: 100%; position: relative; height: 100%; margin: 0; float: left; }
    .layout-overlay .col { padding: 0; margin: 0; }
    .layout-overlay .col > .image { position: relative; z-index: 0; }
    .layout-overlay .col > .image::before { content: ''; width: 100%; height: 100%; position: absolute; z-index: 2; background: #000; opacity: 0.2; top: 0; left: 0; }
    .layout-overlay .col > .content { position: absolute; z-index: 3; padding: 24px; bottom: 0; left: 0; }
    .layout-shadow .image { filter: drop-shadow(0px 0px 24px rgba(0, 0, 0, 0.75))}
    .layout-shadow .content { padding: 24px 0; }
    .layout-slideshow-slide { display: flex; align-items: center; justify-content: center; position: relative; aspect-ratio: 9 / 16; overflow: hidden; width: 100%; height: auto; padding-bottom: 133%; }
    .layout-slideshow-slide .container { z-index: 10; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
    .layout-slideshow-slide img { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; z-index: 9; height: 100% !important; }
    [class*="layout-"].no-gap, .no-gap { gap: 0 !important; }
    .padded { padding-top: calc(24px + (36 - 24) * ((100vw - 300px) / (1920 - 300))); padding-bottom: calc(24px + (36 - 24) * ((100vw - 300px) / (1920 - 300))); }
    .padded-small { padding-top: 12px; padding-bottom: 12px; }
    .padded-medium { padding-top: calc(60px + (60 - 42) * ((100vw - 300px) / (1920 - 300))); padding-bottom: calc(60px + (60 - 42) * ((100vw - 300px) / (1920 - 300))); }
    .padded-large { padding-top: calc(54px + (84 - 54) * ((100vw - 300px) / (1920 - 300))); padding-bottom: calc(54px + (84 - 54) * ((100vw - 300px) / (1920 - 300))); }
    .padded-large-extra { padding-top: calc(78px + (144 - 78) * ((100vw - 300px) / (1920 - 300))); padding-bottom: calc(78px + (144 - 78) * ((100vw - 300px) / (1920 - 300))); }
    .padded-hero { padding-top: 0 !important; padding-bottom: 0 !important; min-height: 80vh; align-content: center !important; }
    .padded-none { padding-top: 0; padding-bottom: 0; }
    .padded-hero { min-height: 90vh; } 
    .padded-lower { padding-bottom: calc(24px + (36 - 24) * ((100vw - 300px) / (1920 - 300))); }
    .padded-upper { padding-top: calc(24px + (36 - 24) * ((100vw - 300px) / (1920 - 300))); }
    .margin-lower { margin-bottom: calc(24px + (36 - 24) * ((100vw - 300px) / (1920 - 300))); }
    .margin-upper { margin-top: calc(24px + (36 - 24) * ((100vw - 300px) / (1920 - 300))); }
    .margin-none { margin-top: 0; margin-bottom: 0; }
    .panel .panel-background { position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; overflow: hidden; }
    .panel .panel-background img { position: absolute; left: 50%; transform: translateX(-50%); width: 100%; height: 100% !important; height: auto; object-fit: cover; }
    .panel .section-header, .panel .section-footer, .panel > [class*="layout"] { position: relative; z-index: 2; }
    .panel .section-header { text-align: center; }
    .panel .section-header .section-title { padding-bottom: 12px; width: 100%; float: left; }
    .panel .section-header .section-subtitle { padding: 0; margin: 0; width: 100%; float: left; }
    .panel .section-footer { display: grid; gap: 12px; grid-auto-flow: column; justify-content: center; align-content: center; }
    .panel .layout-slideshow figure { background-repeat: no-repeat; background-size: cover; background-position: center; height: 1px; }
    .panel .layout-slideshow figure { padding: 0 0 calc(768px + (900 - 768) * ((100vw - 300px) / (1920 - 300))) 0 !important; }
    .post-archive-meta, .post-archive-title { padding-bottom: 12px; }
    .main.layout-flexible { padding: 0 !important; }
    .container .primary, .author-meta-bio, .page-title .container h1, .page-title .container p, .page-title .container span, .container.sidebar-none .primary { grid-column: span 12; width: 100%; }
    .container .sidebar, .author-meta-avatar { grid-column: span 12; width: 100%; }
    .primary .wp-caption { display: flex; flex-direction: column; flex-wrap: wrap; }
    .primary ul[class*="columns-"], .primary table { list-style-type: none !important; margin: 1em 0; width: 100%; float: left; }
    .primary table tr { border-bottom: 1px dotted #ccc; padding: 12px 0 !important; }
    .primary table tr td { padding: 12px 0 !important; }
    .primary .table tr:last-child { border-bottom: none; }
    .sidebar .frm_forms { padding: 0 0 0 0 !important; }
    .sidebar ul, .sidebar .textwidget ul { padding: 0; margin: 0; list-style-type: none !important; }
    .sidebar ul li { padding: 9px 0; width: 100%; float: left; }
    .sidebar ul li a, .sidebar ul > li > ul { padding: 0; }
    .sidebar ul a { font-weight: bold; }
    .sidebar ul ul a { font-weight: normal; }
    .sidebar ul.children { display: none; }
    .sidebar .current-cat-parent ul.children, .sidebar .current-menu-item.menu-item-has-children ul, .sidebar .current-menu-parent ul { display: block; }
    .sidebar .sticky { position: sticky; top: 120px; width: 100%; float: left; }
    .sidebar aside { margin-bottom: 36px; }
    .sidebar aside header { padding: 18px 18px 0 18px; }
    .sidebar aside > div, .sidebar aside > ul { padding: 0 18px 18px 18px; margin: 0; list-style-type: none !important; }
    .author-meta-after-post { display: grid; grid-template-columns: repeat(12, 1fr); }
    .author-meta-avatar, .author-meta-bio { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; flex-direction: row; }
    .sidebar aside table { width: 100%; float: left; text-align: center; }
    .panel .section-header { text-align: center; }
    .panel .section-footer { text-align: center; display: grid; gap: 24px }
    .gallery { width: 100%; float: left; z-index: 2; }
    .gallery p, .gallery br { display: none !important; }
    .gallery a, .gallery img { border: none !important; }
    .gallery dl { display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; align-content: center; justify-content: center; }
    .gallery dl dt { align-self: flex-start; display: flex; align-items: center; align-content: center; justify-content: center; }
    .gallery dl dd { align-self: flex-end; }
    .gallery-item { width: 100% !important; }
    .tabs { overflow: hidden; background-color: #f1f1f1 !important; }
    .tabs-nav { grid-template-columns: repeat(auto-fit, minmax(90px,1fr)); background-color: rgba(0, 0, 0, 0.05); }
    .tabs-nav li a { padding: 12px 24px; text-align: center; display: block; }
    .tabs .tab-pane { display: none; padding: 24px; } 
    .tabs .tab-pane.active { display: block; }
    .tabs .tab-pane { animation: fadeEffect 1s; }
    .overlay.text-light::before { content: ''; position: absolute; width: 100%; height: 100%; background-color:rgba(0, 0, 0, 0.4); top: 0; left: 0; }
    .overlay.text-dark::before { content: ''; position: absolute; width: 100%; height: 100%; background-color:rgba(255,255,255, 0.4); top: 0; left: 0; }
    .screen-reader-text { font-size: 1rem; }
    .header .screen-reader-text { display: none !important; }
    .social, .social .icons .icon { display: flex; align-items: center; align-content: center; justify-content: center; }
    .social .icons { display: grid; gap: 12px; grid-auto-flow: column; justify-content: center; align-content: center; }
    .footer .footer-menu ul { grid-template-columns: 1fr; gap: 6px; }
    .wp-video, video.wp-video-shortcode, .mejs-container, .mejs-overlay.load { width: 100% !important; height: 100% !important; }
    .mejs-container { padding-top: 56.25%; }
    .wp-video, video.wp-video-shortcode { max-width: 100% !important; }
    video.wp-video-shortcode { position: relative; }
    .wp-video { margin: -1em 0 2em 0 !important; }
    .mejs-mediaelement { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
    .video-container .mejs-controls { display: none; }
    .mejs-overlay-play { top: 0; right: 0; bottom: 0; left: 0; width: auto !important; height: auto !important; }
    .post-links, .related-pages { padding: 2em 0 0 0; }
    .layout-accordion .accordion-row { margin-bottom: 12px; }
    .layout-accordion .accordion-row [class*="headline"] { padding: 1em 2em 1em 1em; cursor: pointer !important; }
    .layout-accordion .accordion-row [class*="headline"]::after { content: "+"; right: 18px; top: 50%; transform: translateY(-50%); position: absolute; }
    .layout-accordion .accordion-row [class*="headline"].active::after { content: "—"; right: 18px; top: 50%; transform: translateY(-50%); position: absolute;}
    .layout-accordion .accordion-row [class*="headline"] + .response { height: 0; max-height: 0px; padding: 0em 1em 0em 1em; background-color: #eee; overflow: hidden; opacity: 0.0; transition: max-height 0.2s ease-out, opacity 0.2s ease-out, padding 0.2s ease-out; }
    .layout-accordion .accordion-row [class*="headline"].active + .response { height: auto; max-height: none; padding: 1em 1em 1em 1em; opacity: 1.0; overflow: visible; }
    .downloads-list { padding: 0; margin: 0; list-style-type: none !important; }
    .downloads-list li { width: 100%; float: left; }
    .download-item { padding: 12px 0; border-bottom: 1px dotted #ccc; }
    .download-information, .download-url { display: flex; align-items: center; }
    .post-archive-nav { display: flex; align-items: center; align-content: center; justify-content: center; padding: 24px 0 0 0; }
    .post-archive-nav ul { list-style-type: none; padding: 0; margin: 0; display: flex; justify-content: stretch; }
    .post-archive-nav ul li { float: left; }
    .post-archive-nav ul li a { padding: 12px; margin: 0 6px; background-color: rgba(229, 229, 229, 1); }
    .hidden, #contact.form { display: none; }
    #contact.form { width: 90%; max-width: 480px; overflow: hidden; }
    ul.icons, ul.hours, .footer ul { padding: 0 !important; margin: 0; list-style-type: none !important; }
    ul.hours { display: grid; grid-template-columns: 1fr 2fr; }
    ul.icons li { padding: 0 9px; }
    a.click-here, .click-here a, .add-to-cart .button { display: inline-block; cursor: pointer; padding: 12px 24px !important; border: none; }
    button, input[type="submit"] { cursor: pointer; padding: 12px 24px; border: none; }
    span.click-here { display: inline-block; cursor: pointer; }
    span.click-here a { display: block; float: left; }
    embed, iframe { width: 100%; aspect-ratio: 9 / 11; }
    video, object, iframe[src*='https://www.youtube.com'], iframe[src*='player.vimeo.com'], div[data-href*='https://www.facebook.com'] { width: 100%; aspect-ratio: 16 / 9; margin: 0; clear: both; display: block; height: 100%; }
    textarea, input[type="text"], input[type="email"], input[type="tel"], input[type="number"], input[type="password"], input[type="search"] { box-sizing: border-box; padding: 9px; margin: 0; width: 100%; max-width: 100% !important; display: block; font-size: 14px; border-radius: 0 0 !important; border: 1px solid #ccc; font-family: sans-serif; }
    #searchform input[type="text"], #searchform input[type="email"], #searchform input[type="tel"], #searchform input[type="password"], #searchform input[type="search"] { box-sizing: border-box; padding: 1rem; margin: 0; width: 100% !important; display: inline-block !important; height: 54px; }
    #searchform button { background-color: transparent !important; text-align: center !important; padding: 0 !important; margin: 0 !important; border: none !important; color: inherit !important; display: flex; align-items: center; position: absolute !important; z-index: 10 !important; right: 12px !important; bottom: 20%; }
    input[type="radio"], input[type="checkbox"] { display: inline-block; padding: 0 12px 0 0; margin: 0; }
    input[type="file"], input[type="hidden"] { padding: 0; margin: 0; } 
    label { display: inline-block; padding: 6px 0; margin: 0; box-sizing: border-box; font-size: 1.05em; }
    form { display: block; width: 100%; padding: 0 0 0 0; box-sizing: border-box; float: left; }
    form.cart { display: flex; }
    form.cart div { padding: 0 24px 0 0; }
    div img, figure img, section img, article img, li img, aside img, .size-auto, .size-full, .size-large, .size-medium, dl img { max-width: 100%; height: auto; display: block; }
    .alignnone, .aligncenter, .alignleft, .alignright { max-width: 100%; float: left; margin: 18px 0 18px 0; z-index: 2; width: 100%; }
    .alignnone:first-of-type, .aligncenter:first-of-type, .alignleft:first-of-type, .alignright:first-of-type { margin: 0 0 18px 0; }
    .wp-caption { width: 100% !important; }
    .wp-caption-text { padding-top: 15px; }
    .glide { position: relative; width: 100%; box-sizing: border-box; }
    .glide * { box-sizing: inherit; }
    .glide__track { overflow: hidden; }
    .glide__slides { position: relative; width: 100%; list-style: none; backface-visibility: hidden; transform-style: preserve-3d; touch-action: pan-Y; padding: 0; white-space: nowrap; display: flex; flex-wrap: nowrap; will-change: transform; margin: 0; z-index: 15; }
    .glide__slides--dragging {  user-select: none; }
    .glide__slide { width: 100%; flex-shrink: 0; white-space: normal; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; }
    .glide__slide a { user-select: none; -webkit-user-drag: none; -moz-user-select: none; -ms-user-select: none; }
    .glide__arrows { -webkit-touch-callout: none; user-select: none; display: flex; position: static; width: 100%; justify-content: center; }
    .layout-slideshow .glide__arrows { z-index: 20; position: absolute; bottom: 3rem; }
    .glide__arrow { position: relative; display: block; z-index: 2; color: #333; text-transform: uppercase; padding: 9px 12px; background-color: transparent; border: 2px solid rgba(51, 51, 51, 0.5); border-radius: 4px; box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.1); text-shadow: 0 0.25em 0.5em rgba(0, 0, 0, 0.1); opacity: 1; cursor: pointer; transition: opacity 150ms ease, border 300ms ease-in-out; line-height: 1; }
    .text-light .glide__arrow { color: white; border: 2px solid rgba(255, 255, 255, 0.5); }
    .glide__arrow:focus { outline: none; }
    .glide__arrow:hover { color: #aaa; border-color: #aaa; transition: 150ms ease; }
    .text-light .glide__arrow:hover { color: #fff; border-color: white; }
    .glide__arrow--left { left: -6px; }
    .glide__arrow--right { right: -6px; }
    .glide__arrow--disabled { opacity: 0.33; }
    .glide__bullets { -webkit-touch-callout: none; user-select: none; display: none; width: 100%; float: left; position: relative; z-index: 2; bottom: 0; left: 0; list-style: none; transform: none; justify-content: center; padding-top: 1rem; } 
    .layout-slideshow .glide__bullets { bottom: 60px; padding-top: 0 !important;z-index: 15; position: absolute; }
    .glide__bullet { background-color: rgba(255, 255, 255, 0.5); width: 15px; height: 15px; padding: 0; border-radius: 50%; border: 1px solid #bbb; transition: all 300ms ease-in-out; cursor: pointer; line-height: 0; box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.1); margin: 0 0.25em; }
    .glide__bullet:focus { outline: none; }
    .glide__bullet:hover, .glide__bullet:focus { border: 2px solid #bbb; background-color: rgba(170, 170, 170, 0.5); }
    .text-light .glide__bullet:hover, .text-light .glide__bullet:focus { border: 2px solid white; background-color: rgba(255, 255, 255, 0.5); }
    .glide__bullet--active { background-color: white; }
    .glide--rtl { direction: rtl; }
    .glide--swipeable { cursor: grab; cursor: -moz-grab; cursor: -webkit-grab; }
    .glide--dragging { cursor: grabbing; cursor: -moz-grabbing; cursor: -webkit-grabbing; }
    .fancybox__container { z-index: 1500 !important; }
    .frm_forms fieldset { padding: 2em; margin: 2em 0 !important; border: none; }
    .col .frm_forms fieldset { padding: 0 !important; margin: 0 !important; }
    .frm_forms h3 { padding: 18px 0; width: 100%; float: left; }
    .frm_forms .frm_none_container, .frm_forms .frm_screen_reader { margin-bottom: 0 !important; padding-bottom: 6px !important; }
    .frm_forms p, .frm_forms .frm_description { padding: 0 0 3px 0; margin: 0; width: 100%; float: left; }
    .frm_forms br, fieldset legend, .frm_forms .frm_verify, .frm_forms label[for="g-recaptcha-response"] { display: none !important; }
    .frm_forms .frm_submit p { display: block !important; }
    .frm_forms .frm_form_fields .frm_fields_container, .frm_form_field.frm_section_heading { display: flex; flex-wrap: wrap !important; justify-content: space-between !important; }
    .frm_forms .frm_submit, .frm_forms .form-field { width: 100%; }
    .frm_forms input[type="email"], .frm_forms input[type="tel"], .frm_forms input[type="text"], .frm_forms input[type="submit"], .frm_forms input[type="number"], .frm_forms select, .frm_forms option { border-style: solid; border-width: thin; height: 48px !important; padding: 12px !important; width: 100%; float: left; }
    .frm_forms textarea { border-style: solid; border-width: thin; min-height: 144px !important; padding: 12px !important; width: 100%; float: left; }
    .frm_forms .frm_fields_container .form-field { width: 100%; padding: 0 0 15px 0; }
    ::-webkit-input-placeholder, ::placeholder { color: #222 !important; } 
    .frm_forms .frm_fields_container .form-field.frm_half { width: 48%; }
    .frm_forms .frm_fields_container .form-field.frm_third { width: 30%; }
    .frm_forms .frm_fields_container .form-field.frm_two_thirds { width: 66%; }
    .frm_forms .frm_fields_container .form-field.frm_fourth { width: 22%; }
    .frm_forms .frm_fields_container .form-field.frm_three_fourths { width: 74%; }
    .frm_forms .frm_fields_container .form-field.frm_full { width: 100%; }
    .search-form-wrap { display: grid; grid-template-columns: 9fr 1fr; }
    ul.wc-tabs { list-style-type: none !important; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(270px, 1fr)); width: 100%; float: left; }
    ul.wc-tabs li { background-color: #eee; }
    ul.wc-tabs li a {  padding: 12px 24px; width: 100%; display: block; }
    ul.wc-tabs li.active { background-color: #f2f2f2; }
    .wc-tab { padding: calc(24px + (36 - 24) * ((100vw - 300px) / (1920 - 300))); background-color: #f2f2f2; width: 100%; float: left; }
    .product-search-form-overlay { padding: 2em; background-color: rgba(245, 245, 245, 0.95); z-index: 2000; top: 0; left: 0; position: fixed; opacity: 0; display: none; transition: opacity 0.4s ease; width: 100%; height: 100%; }
    .product-search-form-wrapper { position: absolute; width: 75%; top: 50%; left: 50%; transform: translate(-50%, -50%); }
    .product-search-form-wrapper.wrapper { position: static !important; transform: none !important; }
    .product-search-form-container { width: 100%; }
    .product-search-form-container h3 { padding: 12px 0; }
    .search-form-wrap { display: grid; grid-template-columns: 1fr; grid-gap: 24px; gap: 24px; }
    [class*='product-search'] form { padding: 0 0 0 0 !important; }
    [class*='product-search'] button, #searchform button { background-color: transparent !important; text-align: center !important; padding: 0 !important; margin: 0 !important; border: none !important; color: inherit !important; } }
@media all and (min-width: 600px) {
    body::before { height: 1080px !important; background-size: cover; }
    .layout-slideshow-slide { aspect-ratio: 4 / 3; width: 100%; height: auto; padding-bottom: 75%; }
    [class*="columns-1"] .col { display: grid; grid-template-columns: repeat(12, 1fr); gap: 24px; }
    .text-image .content { order: -1; padding-bottom: 24px; }
    [class*="columns-1"].left > .col { grid-column: span 8; grid-column-end: -3 }
    [class*="columns-1"].right > .col { grid-column: span 8; grid-column-end: -3 }
    [class*="columns-1"] > .col > .image, [class*="columns-1"] > .col > .content, [class*="columns-1"].left > .col > .image, [class*="columns-1"].left > .col > .content, [class*="columns-1"].right > .col > .image, [class*="columns-1"].right > .col > .content, [class*="columns-1"].center > .col > .image, [class*="columns-1"].center > .col > .content  { grid-column: span 12; }
    [class*="columns-1"] .content { align-content: center; }
    [class*="columns-2"] > .col, [class*="columns-2"] > .gallery-item, [class*="columns-3"] > .col, [class*="columns-3"] > .gallery-item, [class*="columns-4"] > .col, [class*="columns-4"] > .gallery-item  { grid-column: span 6; }
    .padded-hero {  min-height: 85vh; } 
    .frm_forms .frm_fields_container .form-field.frm_half { width: 48%; }
    .frm_forms .frm_fields_container .form-field.frm_third { width: 30%; }
    .frm_forms .frm_fields_container .form-field.frm_two_thirds { width: 66%; }
    .frm_forms .frm_fields_container .form-field.frm_fourth { width: 22%; }
    .frm_forms .frm_fields_container .form-field.frm_three_fourths { width: 74%; }
    .frm_forms .frm_fields_container .form-field.frm_full { width: 100%; } }
@media all and (min-width: 900px) {
    .header[class*="layout-default"] .toggle, .header.layout-side .toggle { display: flex; justify-content: flex-start; grid-column: span 3; align-items: center; }
    .header[class*="layout-default"] .logo, .header.layout-side .logo { display: flex; justify-content: center; grid-column: span 6; align-items: center; }
    .header[class*="layout-default"] .information, .header.layout-side .information { display: flex; justify-content: flex-end; grid-column: span 3; align-items: center; }
    [class*="columns-1"] > .col > .image, [class*="columns-1"] > .col > .content, [class*="columns-1"] .glide__track .col > .image, [class*="columns-1"] .glide__track .col > .content { grid-column: span 6; display: flex; align-items: center; }
    [class*="columns-1"].left > .col > .content, [class*="columns-1"].left .glide__track .col > .content, [class*="columns-1"].right > .col > .content, [class*="columns-1"].right .glide__track .col > .content, [class*="columns-1"].center > .col > .content, [class*="columns-1"].center .glide__track .col > .content { grid-column: span 12; }
    .layout-block [class*="columns-1"] > .col > .image img, .layout-block [class*="columns-1"] > .col > .image a { height: 100%; }
    .layout-slideshow-slide { aspect-ratio: 3 / 2; width: 100%; height: auto; padding-bottom: 50%; }
    [class*="columns-1"] .content { align-content: center; }
    .alternate > .col:nth-of-type(odd) .content { order: -1; }
    [class*="columns-1"].center > .col { grid-column: span 8; grid-column-end: -3; }
    [class*="columns-1"].left > .col { grid-column: span 6; }
    [class*="columns-1"].right > .col { grid-column: span 6; grid-column-end: -1; }
    [class*="columns-1"].no-image > .col > .content, [class*="columns-1"].no-text > .col > .image { grid-column: span 12; }
    [class*="columns-3"] > .col, [class*="columns-3"] > .gallery-item { grid-column: span 4; }
    .alignnone { margin: 18px 0 18px 0; } .aligncenter { margin: 18px 0 18px 0; } 
    .alignleft{ margin: 18px 18px 18px 0; } .alignright { float: right; margin: 18px 0 18px 18px; }
    .alignnone:first-of-type { margin: 0 0 18px 0; } .aligncenter:first-of-type { margin: 0 0 18px 0; } 
    .alignleft:first-of-type { margin: 0 18px 18px 0; } .alignright:first-of-type { float: right; margin: 0 0 18px 18px; }
    .alignleft, .alignright { width: 40%; }
    .alignnone, .aligncenter { width: 100%; }
    @keyframes fadeEffect { from {opacity: 0;}to {opacity: 1;} }
    .container { width: 75%; }
    .layout-slideshow .container .container { z-index: 25 !important; }
    .glide__arrows { position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; left: 50%; transform: translateX(-50%); bottom: auto !important; }
    .glide__arrow { position: absolute; display: block; top: 50%; z-index: 2; transform: translateY(-50%); }
    .glide__arrow--left { left: -60px; } .layout-box .glide__arrow--left { left: -84px; } .layout-slideshow .glide__arrow--left { left: 30px; }
    .glide__arrow--right { right: -60px; } .layout-box .glide__arrow--right { right: -84px; } .layout-slideshow .glide__arrow--right { right: 30px; }
    .glide__bullets { display: flex; } }
@media all and (min-width: 1200px) {
    body.desktop::before { height: 900px !important; background-size: cover; }
    .photo-overlay::before { display: none; } .photo-overlay:hover::before { display: block; }
    .header.transparent, .header.layout-default.transparent .navigation, .header.transparent.layout-default-alt + nav, .header.transparent.layout-default-alt + nav .navigation { background-color: transparent !important; }
    .header[class*="layout-default"] .toggle { display: none; }
    .header .logo { justify-content: flex-start; }
    .header[class*="layout-default"] .container { gap: 0; }
    .header[class*="layout-default"] .logo { grid-column: span 4; grid-row: 1 / span 2; justify-content: flex-start }
    .header[class*="layout-default"] .logo img, .header.layout-side .logo img { max-height: 84px; width: auto; }
    .header[class*="layout-default"] .information { grid-column: span 8; grid-row: 1 / span 1; max-height: 999px; transition: max-height 200ms ease; }
    .header[class*="layout-default-alt"] .information { grid-column: span 8; grid-row: 1 / span 2; }
    .header.layout-default .information { padding-bottom: 24px; }
    .header.layout-default .information.hide { max-height: 0; overflow: hidden; padding-bottom: 0; }
    .header[class*="layout-default"] .information ul { display: flex; flex-direction: row; justify-content: flex-end; width: 100%; float: left; list-style-type: none !important; }
    .header[class*="layout-default"] .information ul li { padding: 0 0 0 12px; display: flex; align-items: center; }
    .header.layout-side .toggle { display: flex; justify-content: flex-start; grid-column: span 4; align-items: center; }
    .header.layout-side .logo { display: flex; justify-content: center; grid-column: span 4; align-items: center; }
    .header.layout-side .information { display: flex; justify-content: flex-end; grid-column: span 4; align-items: center; }
    .header.layout-side .information ul { display: table; list-style-type: none; padding: 0; margin: 0; }
    .header.layout-side .information ul li { display: table-cell; text-align: left; }
    .header .information .label, .header .information .hide-on-mobile { display: inline-block; margin-left: 9px; }
    .navigation ul { background-color: initial; }
    .navigation[class*="default"] { grid-column: span 8; grid-row: 2 / span 1; margin-left: 0; display: flex; justify-content: flex-end; position: static; height: auto; width: auto; z-index: auto; overflow-y: initial; overflow-x: initial; }
    .navigation[class*="default"] .menu { width: 100%; display: flex; }
    .navigation.default-alt { grid-column: span 24; grid-row: 2 / span 1; margin-left: 0; grid-column-end: auto; }
    .navigation .menu > li[class*="children"] > a::after { position: absolute; content: '+'; right: -18px; top: 50%; transform: translateY(-50%); }
    .navigation[class*="default"] .closebtn { display: none; }
    .navigation[class*="default"] > [class*="menu"] > ul ul ul { left: 100%; top: 0; z-index: 104; }
    .navigation[class*="default"] > [class*="menu"] > ul { list-style-type: none !important; padding: 0; margin: 0; display: flex; flex-direction: row; justify-content: space-between; }
    .navigation[class*="default"] > [class*="menu"] > ul li { position: relative; }
    .navigation[class*="default"] > [class*="menu"] > ul li ul li { width: 100%; }
    .navigation[class*="default"] > [class*="menu"] > ul li a { padding: 12px 24px; display: block; } 
    .navigation[class*="default"] > [class*="menu"] > ul > li:first-of-type a { padding: 12px 24px 12px 0; }
    .navigation[class*="default"] > [class*="menu"] > ul > li:last-of-type a { padding: 12px 0px 12px 24px; }
    .navigation[class*="default"] > [class*="menu"] > ul li[class*="children"] ul { position: absolute; margin-left: -9999px; z-index: 105; display: flex; flex-direction: column; min-width: 300px; box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.1); height: auto; overflow: initial; }
    .navigation[class*="default"] > [class*="menu"] > ul li[class*="children"] > ul > li[class*="children"] > ul { margin-left: 0 !important; top: 0 !important; left: 100% !important; height: auto !important; align-content: flex-start; align-items: flex-start; flex-direction: row; flex-wrap: wrap; display: none !important; }
    .navigation[class*="default"] > [class*="menu"] > ul li[class*="children"]:hover > ul, .navigation[class*="default"] > [class*="menu"] > ul li[class*="children"].active > ul { margin-left: -12px !important; }
    .navigation[class*="default"] > [class*="menu"] > ul li[class*="children"]:hover > ul > li[class*="children"]:hover > ul, .navigation[class*="default"] > [class*="menu"] > ul li[class*="children"].active > ul > li[class*="children"].active > ul { display: flex !important; }
    .navigation[class*="default"] > [class*="menu"] > ul li[class*="children"] > ul > li a { padding: 12px 24px 12px 24px; }
    .navigation[class*="default"] > [class*="menu"] > ul li[class*="children"] > ul > li:last-of-type a { padding: 12px 24px 12px 24px; }
    .navigation[class*="default"] > [class*="menu"] > ul li[class*="children"] ul { list-style-type: none !important; padding: 0; }
    [class*="columns-1"].layout-block > .col { grid-template-columns: repeat( 12, 1fr ); width: 100%; gap: 24px; }
    [class*="columns-1"].layout-block > .col > .content { display: flex; align-items: center; align-content: center; flex-wrap: wrap; padding: 0; flex-direction: row; }
    [class*="columns-1"].layout-block > .col > .content .text { padding: 2rem; } 
    [class*="columns-1"].layout-block > .col > .content .text + .link { padding: 0 2rem 2rem 2rem; }
    [class*="columns-1"].layout-block.alternate > .col:nth-of-type(odd) .content, [class*="columns-1"].layout-block.text-image > .col > .content { justify-content: flex-end; }
    [class*="columns-1"].layout-block.alternate > .col:nth-of-type(even) .content, [class*="columns-1"].layout-block.image-text > .col > .content { justify-content: flex-start; }
    [class*="columns-1"].layout-block > .col > .content div { flex: none !important; }
    .columns-2 [class*="glide"] .col { width: 49%; margin-left: 5px; margin-right: 5px; }
    .columns-3 [class*="glide"] .col { width: 33%; margin-left: 5px; margin-right: 5px; }
    .columns-4 [class*="glide"] .col { width: 24%; margin-left: 5px; margin-right: 5px; }
    [class*="columns-4"] > .col, [class*="columns-4"] > .gallery-item { grid-column: span 3; }
    .panel.bg-default { background-position: center bottom; background-size: cover; }
    .panel.bg-left { background-position: left top; background-size: cover; }
    .panel.bg-right { background-position: right top; background-size: cover; }
    .panel.bg-full { background-position: center top; background-size: cover; }
    .layout-shadow, .layout-shadow .col { gap: calc(60px + (60 - 24) * ((100vw - 300px) / (1920 - 300))) !important; }
    .layout-slideshow-slide { aspect-ratio: 3 / 1; width: 100%; height: auto; padding-bottom: 33.3%; }
    .sidebar-left, .sidebar-right { grid-template-columns: repeat(12, 1fr); gap: 48px; }
    .sidebar-left .sidebar, .sidebar-right .primary { order: -1; }
    .container .primary, .author-meta-bio, [class*="columns-2"].left .col:nth-of-type(1), [class*="columns-2"].right .col:nth-of-type(2) { grid-column: span 9; }
    .container .sidebar, .author-meta-avatar, [class*="columns-2"].left .col:nth-of-type(2), [class*="columns-2"].right .col:nth-of-type(1) { grid-column: span 3; }
    .download-url { justify-content: flex-end; flex-direction: row; align-content: center; }
    .tabs-nav { grid-template-columns: repeat(auto-fit, minmax(200px,1fr)); background-color: rgba(0, 0, 0, 0.05); } }