@charset "UTF-8";
@import url("https://use.typekit.net/zsg0vxs.css");

/* CSS Document */
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}body {line-height:1;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}nav ul {list-style:none;}blockquote, q {quotes:none;}blockquote:before, blockquote:after,q:before, q:after {content:'';content:none;}a {margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}/* change colours to suit your needs */ins {background-color:#ff9;color:#000;text-decoration:none;}/* change colours to suit your needs */mark {background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}del {text-decoration:line-through;}abbr[title], dfn[title] {border-bottom:1px dotted;cursor:help;}/*table {border-collapse:collapse;border-spacing:0;}*//* change border colour to suit your needs */hr {display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0;}input, select {vertical-align:middle;}

:root { 
    /* --global-color-accent-1: #94b7df; */
    --global-color-accent-1: #6c99cc;
    --global-color-accent-1a: #6c99cc;
    --global-color-accent-1h: #527daf;

    --global-color-accent-2: #cd142b;
    --global-color-accent-2a: #a41022;
    --global-color-accent-2h: #7d0c1a;

    --global-color-softball: #D4FA1B;
    --global-color-baseball: #1A568C;

    --global-color-primary-1: #FEFEFE;
    --global-color-primary-2: #2e2e2e;
    --global-color-primary-3: #424242;
    --global-color-primary-4: #9b9b9b;
    --global-color-primary-5: #cccccc;
    --global-color-primary-6: #ebebeb;
    --global-color-primary-7: #f5f5f5;

    --global-color-primary-2-30: rgba(16,7,7,0.3);
    --global-color-primary-2-70: rgba(16,7,7,0.7);
    --global-color-primary-2-80: rgba(16,7,7,0.8);
    --global-color-primary-2-90: rgba(16,7,7,0.9);

    --error: #ff0000;
    --success: #22995b;
    --pending: #ff7a3b;
    --neutral: #7f7f7f;

    --header-font: "stratum-1-web", sans-serif;
    --basic-font: "massilia", sans-serif;font-weight:200;
}

/* PAGE MAIN ELEMENTS */
body { overflow-x:hidden;font-family: var(--basic-font);background-color:var(--global-color-primary-1);font-size:18px;line-height:150%;color:var(--global-color-primary-3); }
img { max-width:100%;display:block; }
#page { min-height: calc(100vh - 387px);padding-top:12px; }
.page-width { width: calc(100% - 24px);margin: 0 auto;max-width: 1280px; }
.page-half-width { width:calc(100% - 24px);margin:0 auto;max-width:830px; }
.half-width { max-width:650px; }
.screen-height { height:90vh; }
.hide { display:none!important; }
.show { display:block; }

/* LINKS */
a:link, a:visited, .link { color:var(--global-color-accent-1);transition:all ease 250ms;cursor:pointer;text-decoration:none; }
a:hover, .link:hover { color:var(--global-color-accent-1h); }

a.link-dark:link, a.link-dark:visited { color:var(--global-color-primary-3); }
a.link-dark:hover { color:var(--global-color-primary-2); }

a.link-light:link, a.link-light:visited { color:var(--global-color-primary-1); }
a.link-light:hover { color:var(--global-color-accent-1h); }


/* MENU */
.menu { border-bottom: 3px solid var(--global-color-accent-2); }
.menu-holder { display: grid;grid-template-columns: 150px auto; }


/* HEADER MENU */
.header-menu-topper { color: var(--global-color-primary-1); }
.header-menu-topper-items { width: calc(100% - 12px); margin: 0 0 0 auto; display: grid; grid-template-columns:auto 25% 10% 10%; grid-gap: 1%; align-items: center; }
.header-menu-topper-item a:link, .header-menu-topper-item a:visited { color:var(--global-color-primary-1); }
.header-menu { width: 100%;height: 50px; }
.header-menu-logo { height: 81px; position: relative; padding: 10px; }
.header-menu-logo img { transition:all ease 250ms;max-height: 100%;display:block;margin:0 auto; }
.header-menu-items { height:50px; }
.header-menu-items-item { position:relative;text-align: center;display:inline-block;vertical-align: top;height:100%;line-height:50px!important; }
.header-menu-items-item:not(:last-child)::after { content: '|';position: absolute;right: 0;top: 0;color: var(--global-color-primary-3);}
.header-menu-items-item a:link, .header-menu-items-item a:visited { height:100%;display:block; }
.header-menu-items-item a:hover { color:var(--global-color-accent-1); }
.header-menu-items-item a span { display: block; color: var(--global-color-primary-1); font-weight: normal; }
.header-menu-items-item.active a:link, .header-menu-items-item.active a:visited, .header-menu-items-item.active a:hover { color:var(--global-color-accent-1);font-weight:bold;cursor:default; }

.list-socials { width:100%;display: grid; grid-template-columns: repeat(5, 40px); grid-gap: 6px; text-align: center; }

/* MOBILE MENU */
.mobile-menu { display:block;position:fixed;top:0;left:0;width:100%;z-index: 800; }
.mobile-menu-header { display:block;position:relative;height:50px;width:100%;z-index:900; }
.mobile-menu-logo { width: 67px; position: relative; top: 3px; left: 12px; }
.mobile-menu-button { font-size: 28px;cursor:pointer;position: absolute; width: 50px; height: 50px; text-align: center; line-height: 50px; color: var(--global-color-primary-2); top: 0; right: 0; }
.mobile-menu-slide { z-index:999;transition:all ease 1s; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--global-color-primary-1); }
.mobile-menu-slide-logo { width: 300px; display: block; margin: 84px auto 24px auto; }
.mobile-menu-items { display: grid; grid-template-columns: 1fr; grid-gap: 12px; text-align: center; }
.mobile-menu-items-item a { display:block; }
.mobile-menu-items-item.active a { background-color: var(--global-color-accent-1); color: var(--global-color-primary-7)!important; padding: 12px; width: calc(100% - 24px); display: block; font-weight: bold; }
.mobile-menu-socials { display: grid; grid-template-columns: repeat(5, 20%); margin: 48px auto; text-align: center; max-width: 400px;width:calc(100% - 24px); }
.mobile-menu-socials-item a { font-size: 36px; }
.mobile-menu-slide-close { position: absolute; top: 24px; right: 24px; z-index: 9999; color: var(--global-color-primary-2);cursor:pointer; }
.mobile-menu-slide.out { left: 100vw; }


/* FORMS */
.error-message span { padding: 12px; display: block; margin-bottom: 18px; }
.error-message .success { border-left: 6px solid var(--success);color: var(--success); }
.error-message .error { border-left: 6px solid var(--error);color: var(--error); }

form { width:100%;display:block;margin:0 auto;font-size:100%; }
input, textarea, select, button { font-family:"massilia", sans-serif; }
input, textarea { font-size:100%;border-radius:3px;border:1px solid var(--global-color-primary-5);background:var(--global-color-primary-6);padding:12px;width:calc(100% - 26px); }
select { font-size:100%;border-radius:3px;border:1px solid var(--global-color-primary-5);background:var(--global-color-primary-6);padding:12px;width:100%; }
button { font-size:100%;border:0;background-color:var(--global-color-accent-1);color:var(--global-color-primary-1);padding:6px 24px;text-align:center;font-weight:bold;cursor:pointer;transition:all ease 250ms;border-radius:3px; }
button:hover { background-color:var(--global-color-accent-1h); }
form button { display:block!important;margin-left:auto;margin-right:0; }

.button { border-radius:3px;background-color:var(--global-color-accent-1); color:var(--global-color-primary-1)!important;font-weight:bold;padding:6px 24px;transition:all ease 250ms;cursor:pointer;text-align: center;display: inline-block;position:relative;z-index: 100; }
.button:hover { background-color:var(--global-color-accent-1h); }
.button.block-right { max-width: 200px; }

.text-button { cursor: pointer; color: var(--global-color-accent-1); text-decoration: underline; font-weight: bold; letter-spacing: 0.5px;background-color:transparent;padding:0;margin:0; }
.text-button:hover { color:var(--global-color-accent-1h);background-color:transparent; }

.form-submit, .w100 { width:100%; }
.form-label { color:var(--global-color-primary-3);line-height:120%; }
.form-message span { color: var(--error); font-style: italic; }

.display-none { display:none; }

/* CUSTOM */
.account #form_login { max-width: 600px; }

/* ACCOUNT MENU */
.account-menu { display: flex; flex-wrap: wrap; gap: 6px; border-bottom: 1px solid var(--global-color-primary-5); padding-bottom: 6px; }
.account-menu-item { display: inline-flex; align-items: center; padding: 10px 18px; border-radius: 3px 3px 0 0; color: var(--global-color-primary-3); font-weight: bold; text-transform: uppercase; font-size: 14px; transition: all ease 200ms; }
.account-menu-item:hover { background-color: var(--global-color-primary-7); color: var(--global-color-accent-2); }
.account-menu-item.active { background-color: var(--global-color-accent-2); color: var(--global-color-primary-1); }
.account-menu-item.active:hover { color: var(--global-color-primary-1); }
.account-menu-item-label { font-family: inherit; }

/* ACCOUNT CARDS (orders + events shared look) */
.account-orders-item, .account-events-list-item { border-left: 4px solid var(--global-color-accent-1); border-radius: 3px; transition: all ease 200ms; color: inherit; }
.account-orders-item:hover, .account-events-list-item:hover { transform: translateX(2px); box-shadow: 0 2px 6px rgba(0,0,0,0.08); color: inherit; }

/* ORDERS LIST */
.account-orders-item-header { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px; }
.account-orders-item-date { color: var(--global-color-primary-3); font-size: 14px; margin-top: 2px; }
.account-orders-item-pills { display: flex; flex-wrap: wrap; gap: 8px; }

.account-status-pill { display: inline-flex; align-items: center; gap: 4px; padding: 4px 10px; border-radius: 999px; font-size: 12px; background-color: var(--global-color-primary-6); }
.account-status-pill.success { color: var(--success); }
.account-status-pill.error { color: var(--error); }
.account-status-pill.neutral { color: var(--neutral); }

/* APPOINTMENTS LIST */
.account-events-list-items + .account-events-list-items { margin-top: 36px; }
.account-events-list-item-meta-row { color: var(--global-color-primary-3); margin-top: 4px; font-size: 14px; }
.account-events-list-item-meta-row i { width: 16px; text-align: center; }

/* ORDER DETAIL */
.account-order-back a { color: var(--global-color-primary-3); font-size: 14px; }
.account-order-back a:hover { color: var(--global-color-accent-2); }
.account-order-date { color: var(--global-color-primary-3); }
.account-order-status { border-left: 4px solid var(--global-color-accent-1); border-radius: 3px; }
.account-order-status-row { display: flex; flex-wrap: wrap; gap: 24px; align-items: center; }
.account-order-status-block { display: flex; flex-direction: column; gap: 6px; }
.account-order-status-actions { margin-left: auto; display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.account-order-status-actions form { margin: 0; }
.account-order-status-actions i { font-size: 12px; color: var(--global-color-primary-3); margin-left: 8px; }
.account-order-item { border-left: 4px solid var(--global-color-accent-1); border-radius: 3px; }
.account-order-item-header { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; gap: 12px; }
.account-order-item-details { flex: 1; min-width: 0; }
.account-order-item-options .order-item-options-item { margin-top: 4px; }
.account-order-totals { border-top: 1px solid var(--global-color-primary-5); margin-top: 12px; }
.account-order-totals-label { display: inline-block; }
.account-order-totals-value { display: inline-block; }

/* APPOINTMENT DETAIL */
.account-event-meta { border-left: 4px solid var(--global-color-accent-1); border-radius: 3px; }
.account-event-meta .account-events-list-item-meta-row { font-size: 16px; margin-top: 8px; }
.account-event-meta .account-events-list-item-meta-row:first-child { margin-top: 0; }
.account-event-back a { color: var(--global-color-primary-3); font-size: 14px; }
.account-event-back a:hover { color: var(--global-color-accent-2); }

/* HOUSEHOLD */
.account-household-item { border-left: 4px solid var(--global-color-accent-1); border-radius: 3px; }
.account-household-item-header { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px; }
.account-household-item-meta { color: var(--global-color-primary-3); font-size: 14px; margin-top: 4px; }
.account-household-item-meta > span + span { margin-left: 12px; padding-left: 12px; border-left: 1px solid var(--global-color-primary-5); }
.account-household-item-meta > span:empty { display: none; }
.account-household-item-actions { display: flex; gap: 8px; flex-wrap: wrap; }
.account-household-item-actions .button { padding: 6px 14px; font-size: 14px; }
.account-household-item-remove { background-color: var(--global-color-primary-5)!important; color: var(--global-color-primary-1)!important; }
.account-household-form-fields .form-input + .form-input { margin-top: 0; }
.account-household-form-fields .form-input-locked { padding: 12px; border: 1px solid var(--global-color-primary-5); background: var(--global-color-primary-6); border-radius: 3px; color: var(--global-color-primary-3); font-style: italic; }
.account-household-form-back a { color: var(--global-color-primary-3); font-size: 14px; }
.account-household-form-back a:hover { color: var(--global-color-accent-2); }

/* ALIGNMENT */
.display-ib { display:inline-block; }
.valign-top { vertical-align: top; }
.valign-bottom { vertical-align: bottom; }
.block { display:block; }
.block-center { display:block;margin-left:auto;margin-right:auto; }
.block-right { display:block;margin-left:auto;margin-right:0; }
.ab-lr-center { left:50%;transform:translate(-50%, 0); }
.block-right { display:block;margin-left:auto;margin-right:0; }
.h100 { height:100%; }
.skew-left { transform: skew(-26deg); }
.skew-right { transform: skew(26deg); }
.bump-right { position:relative;left:12px; }
.bump-left { position:relative;right:22px; }

/* TEXT ELEMENTS */
.lh100 { line-height:100%; }
.text-ar { text-align:right; }
.text-ac { text-align:center; }
.text-italic { font-style:italic; }
.text-bold { font-weight:bold; }
.text-normal { font-weight:normal!important; }
.text-cc { text-transform:capitalize; }
.text-up { text-transform:uppercase; }
p { margin-bottom:12px; }
.header-font { font-family:var(--header-font); }

/* TEXT SIZE */
.text-size-1 { font-size:48px; }
.text-size-2 { font-size:36px;color:var(--global-color-primary-2); }
.text-size-3 { font-size:24px; }
.text-size-4 { font-size:18px; }
.text-size-5 { font-size:14px; }

/* PAGE HEADERS */
.section-header { font-size: 48px; font-weight:bold; font-family: var(--header-font);text-transform:capitalize; position: relative; z-index: 10; border-bottom: 1px solid var(--global-color-accent-2); display: block; line-height: 48px; padding-bottom: 3px; margin-bottom: 3px; color: var(--global-color-accent-2); }


/* SLIDES */
.slider { width: 100%;height:80vh;position:relative;top:-12px; }
.slider-slide { width: 100%; height: 100%; position:relative; }
.slider-slide-content { position:absolute;bottom:0;z-index: 100; }
.slider-slide-content-text { font-size:24px;padding:6px 0; }
.slide-gradient { background: var(--global-color-primary-1); background: linear-gradient(0deg, var(--global-color-primary-2-90) 20%, rgba(0,0,0,0) 60%, rgba(0,0,0,0) 100%);color:var(--global-color-primary-1); }
.slide-overlay { background:rgba(0,0,0,0.5); }
.slide-content-holder { width:100%; height:100%;position:relative;z-index: 200; }
.slider-slide-images { position:absolute;z-index: 10;left:0;top:0;width:100%;height:100%;background-color:var(--global-color-primary-2); }
.slider-slide-image { overflow:hidden;opacity:0;transition:all ease 1500ms;width:100%;height:100%;background-size:cover;background-position:center center;top:0;left:0;position:absolute;z-index: 10; }
.slider-slide-image.active { opacity:0.9; }
.slider-slide-image video { width: 100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:all ease 1500ms; }
.slider-slide-image.none { display:none; }

/* BORDERS */
.bt-3 { border-top:1px solid var(--global-color-primary-3); }
.bb-3 { border-bottom:1px solid var(--global-color-primary-3); }
.bb-5 { border-bottom:1px solid var(--global-color-primary-5); }
.border-6-bottom { border-bottom:6px solid; }
.border-accent-color-1 { border-color: var(--global-color-accent-1); }
.br-3 { border-radius:3px; }

/* SHADOWS */
.box-glow { box-shadow: 8px 5px 9px 0px var(--global-color-primary-1); }
.box-shadow { box-shadow: 0px 0px 10px 0px var(--global-color-primary-2-30); }
.text-shadow { text-shadow: 2px 5px 5px var(--global-color-primary-2-80); }


/* TEXT COLORS */
.text-accent-color-1 { color:var(--global-color-accent-1); }
.text-accent-color-2 { color:var(--global-color-accent-2); }
.text-primary-color-1 { color:var(--global-color-primary-1); }
.text-primary-color-2 { color:var(--global-color-primary-2); }
.text-primary-color-3 { color:var(--global-color-primary-3); }
.text-primary-color-4 { color:var(--global-color-primary-4); }
.text-primary-color-5 { color:var(--global-color-primary-5); }
.text-primary-color-6 { color:var(--global-color-primary-6); }
.confirm, .success { color:var(--success); }
.warning, .error { color:var(--error); }
.pending { color:var(--pending); }
.neutral { color:var(--neutral); }

/* BACKGROUND COLORS */
.bg-accent-color-1 { background-color:var(--global-color-accent-1); }
.bg-accent-color-2 { background-color:var(--global-color-accent-2); }
.bg-primary-color-1 { background-color:var(--global-color-primary-1); }
.bg-primary-color-2 { background-color:var(--global-color-primary-2); }
.bg-primary-color-3 { background-color:var(--global-color-primary-3); }
.bg-primary-color-4 { background-color: var(--global-color-primary-4); }
.bg-primary-color-5 { background-color:var(--global-color-primary-5); }
.bg-primary-color-6 { background-color:var(--global-color-primary-6); }
.bg-primary-color-7 { background-color:var(--global-color-primary-7); }

/* SPORTS COLORS */
.sport { text-transform: uppercase;font-weight: bold;padding: 5px 12px 2px 12px;font-size: 14px;margin-right:6px; }
.sport-color-1 { background-color:#0e1857!important; color:#4db7ff;border-radius:4px; }
.sport-color-2 { background-color: #44095c!important;  color: #ecafff;border-radius:4px; }
.sport-color-3 { background-color:#655000!important;  color:#ffd619;border-radius:4px; }
.sport-color-5 { background-color: #09515c!important;  color: #19ffe9;border-radius:4px; }
.sport-color-4, .sports-color-6 { background-color:#652b00!important;  color:#ff8519;border-radius:4px; }

/* GRIDS */
.grid-1 { display:grid;grid-template-columns:1fr; }
.grid-2-left { display: grid; grid-template-columns: 300px auto; grid-gap: 24px; }
.grid-2-left-xs { display:grid;grid-template-columns:150px auto;grid-gap:24px; }
.grid-2-left-icon { display:grid;grid-template-columns:30px auto;grid-gap:24px; }
.grid-2-left-s { display:grid;grid-template-columns:25% auto;grid-gap:2.5%; }
.grid-2-left-m { display:grid;grid-template-columns:33% auto;grid-gap:2.5%; }
.grid-2-left-l { display:grid;grid-template-columns:65% auto;grid-gap:2.5%; }
.grid-2-right { display: grid;grid-template-columns: auto 400px;grid-gap: 24px; }
.grid-2-right-s { display: grid;grid-template-columns: auto 250px;grid-gap: 24px; }
.grid-2-right-xs { display:grid;grid-template-columns:auto 150px;grid-gap:24px; }

.grid-3-left-xs { display:grid;grid-template-columns:150px 150px auto;grid-gap:24px; }
.grid-3-right-xs { display:grid;grid-template-columns:auto 150px 175px;grid-gap:24px; }

.grid-2-even { display:grid;grid-template-columns: repeat( 2, calc(50% - 12px) );grid-gap:24px; }
.grid-3-even { display: grid; grid-template-columns: repeat(3, calc(33.333333% - 8px)); grid-gap: 12px; }
.grid-4-even { display: grid; grid-template-columns: repeat( 4, calc(25% - 18px)); grid-gap: 24px; }
.grid-5-even { display: grid; grid-template-columns: repeat( 5, calc(20% - 19.2px)); grid-gap: 24px; }
.grid-6-even { display: grid; grid-template-columns: repeat( 6, calc(16.66666666666667% - 20px)); grid-gap: 24px; }

.grid-ac { align-items:center; }
.grid-ae { align-items:end; }
.grid-span-2 { grid-column-start:1;grid-column-end:span 2; }
.grid-ib > div { display:inline-block; }


/* LISTS */
ul li { margin-left: 24px;line-height:150%; }


/* SPACING */
.padding-axxl { padding:72px; }
.padding-txxl { padding-top:72px; }
.padding-bxxl { padding-bottom:72px; }
.padding-tbxxl { padding-top:72px;padding-bottom:72px; }
.padding-lxxl { padding-left:72px; }
.padding-rxxl { padding-right:72px; }
.padding-lrxxl { padding-left:72px;padding-right:72px; }

.padding-axl { padding:60px; }
.padding-txl { padding-top:60px; }
.padding-bxl { padding-bottom:60px; }
.padding-tbxl { padding-top:60px;padding-bottom:60px; }
.padding-lxl { padding-left:60px; }
.padding-rxl { padding-right:60px; }
.padding-lrxl { padding-left:60px;padding-right:60px; }

.padding-al { padding:48px; }
.padding-tl { padding-top:48px; }
.padding-bl { padding-bottom:48px; }
.padding-tbl { padding-top:48px;padding-bottom:48px; }
.padding-ll { padding-left:48px; }
.padding-rl { padding-right:48px; }
.padding-lrl { padding-left:48px;padding-right:48px; }

.padding-am { padding:36px; }
.padding-tm { padding-top:36px; }
.padding-bm { padding-bottom:36px; }
.padding-tbm { padding-top:36px;padding-bottom:36px; }
.padding-lm { padding-left:36px; }
.padding-rm { padding-right:36px; }
.padding-lrm { padding-left:36px;padding-right:36px; }

.padding-as { padding:24px; }
.padding-ts { padding-top:24px; }
.padding-bs { padding-bottom:24px; }
.padding-tbs { padding-top:24px;padding-bottom:24px; }
.padding-ls { padding-left:24px; }
.padding-rs { padding-right:24px; }
.padding-lrs { padding-left:24px;padding-right:24px; }

.padding-axs { padding:12px; }
.padding-txs { padding-top:12px; }
.padding-bxs { padding-bottom:12px; }
.padding-tbxs { padding-top:12px;padding-bottom:12px; }
.padding-lxs { padding-left:12px; }
.padding-rxs { padding-right:12px; }
.padding-lrxs { padding-left:12px;padding-right:12px; }

.padding-axs-full-width { width: calc(100% - 24px); }

.padding-axxs { padding:6px; }
.padding-txxs { padding-top:6px; }
.padding-bxxs { padding-bottom:6px; }
.padding-tbxxs { padding-top:6px;padding-bottom:6px; }
.padding-lxxs { padding-left:6px; }
.padding-rxxs { padding-right:6px; }
.padding-lrxxs { padding-left:6px;padding-right:6px; }

.margin-txxl { margin-top:72px; }
.margin-bxxl { margin-bottom:72px; }
.margin-tbxxl { margin-top:72px;margin-bottom:72px; }
.margin-lxxl { margin-left:72px; }
.margin-rxxl { margin-right:72px; }
.margin-lrxxl { margin-left:72px;margin-right:72px; }

.margin-txl { margin-top:60px; }
.margin-bxl { margin-bottom:60px; }
.margin-tbxl { margin-top:60px;margin-bottom:60px; }
.margin-lxl { margin-left:60px; }
.margin-rxl { margin-right:60px; }
.margin-lrxl { margin-left:60px;margin-right:60px; }

.margin-tl { margin-top:48px; }
.margin-bl { margin-bottom:48px; }
.margin-tbl { margin-top:48px;margin-bottom:48px; }
.margin-ll { margin-left:48px; }
.margin-rl { margin-right:48px; }
.margin-lrl { margin-left:48px;margin-right:48px; }

.margin-tm { margin-top:36px; }
.margin-bm { margin-bottom:36px; }
.margin-tbm { margin-top:36px;margin-bottom:36px; }
.margin-lm { margin-left:36px; }
.margin-rm { margin-right:36px; }
.margin-lrm { margin-left:36px;margin-right:36px; }

.margin-ts { margin-top:24px; }
.margin-bs { margin-bottom:24px; }
.margin-tbs { margin-top:24px;margin-bottom:24px; }
.margin-ls { margin-left:24px; }
.margin-rs { margin-right:24px; }
.margin-lrs { margin-left:24px;margin-right:24px; }

.margin-txs { margin-top:12px; }
.margin-bxs { margin-bottom:12px; }
.margin-tbxs { margin-top:12px;margin-bottom:12px; }
.margin-lxs { margin-left:12px; }
.margin-rxs { margin-right:12px; }
.margin-lrxs { margin-left:12px;margin-right:12px; }

.margin-txxs { margin-top:6px; }
.margin-bxxs { margin-bottom:6px; }
.margin-tbxxs { margin-top:6px;margin-bottom:6px; }
.margin-lxxs { margin-left:6px; }
.margin-rxxs { margin-right:6px; }
.margin-lrxxs { margin-left:6px;margin-right:6px; }


@media all and ( max-width:1023px ) {
    #page { padding-top:50px; }

    .menu { display:none; }
    .mobile-menu { display:block; }
    .mobile-show { display:block; }

    .active a:link, .active a:visited { color:var(--global-color-accent-1); }

    .grid-6-even, .grid-2-right, .grid-2-left, .grid-2-left-m, .grid-2-left-l, .grid-2-even, 
    .grid-3-even, .grid-5-even, .grid-4-even, .grid-2-left-xs, .grid-3-left-xs, .grid-3-right-xs { grid-template-columns: 1fr;grid-gap:12px; }
    .grid-2-right { grid-gap:0; }

    .m-padding-ts { padding-top:12px; }

    .m-text-ar { text-align:right; }

    .m-grid-5-even { display: grid; grid-template-columns: repeat( 5, calc(20% - 9.6px)); grid-gap: 12px; text-align: center; }

    .padding-al { padding:12px!important; }

    .more { margin:12px 0 0 auto;display:block;max-width:175px;left:-36px; }

    .page-menu-items { display:none; }

    .slider-slide-image video { height: 100%!important;width:auto!important; }

    .footer-menu { padding: 36px 0; text-align: center; }
    .footer-main { padding-left:24px;padding-right:24px;width:calc(100% - 48px); }

    .instructor-image img { display: block;width: 250px; }
}

@media all and ( min-width:1024px ) {
    .menu { display:block; }
    .mobile-menu { display:none; }
    .mobile-show { display:none; }

    .footer-main { display:grid;grid-template-columns: 30% 20% auto;grid-gap:5%; }

    /* INSIDE MENUS */
    .page-menu-items { position:relative;display:grid;grid-template-columns:repeat(4, 25%); }
    .page-menu-item { cursor:pointer;transition:all ease 250ms; }
    .page-menu-item:hover, .page-menu-item.active { color:var(--global-color-accent-2); }
    .page-menu-items-marker { transition:all ease 250ms;background-color:var(--global-color-accent-2);width:25%;height:3px;position:absolute;left:0;bottom:0; }


    /* INSIDE SLIDES */
    .page-information-slideshow { position: relative;}
    .page-information-slide { position:relative;top:0;left:-100vw;transition:all ease 1s;display:none; }
    .page-information-slide.active { left:0;display:block; }

}