/*
Theme Name: boilerplate 
Theme URI: https://joshua-hall.com
Author: Joshua Hall
Author URI: https://joshua-hall.com
Description: Boiletplate powered by Joshua Hall.
Tags: responsive-layout,one-column,two-columns,three-columns,four-columns,left-sidebar,right-sidebar,custom-background,custom-colors,featured-images,full-width-template,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready
Version: 1.02
*/


@font-face {
    font-family: 'National 2 Narrow';
    src: url('/wp-content/themes/boilerplate/fonts/National2Narrow-Extrabold.woff2') format('woff2'),
        url('/wp-content/themes/boilerplate/fonts/National2Narrow-Extrabold.woff') format('woff'),
        url('/wp-content/themes/boilerplate/fonts/National2Narrow-Extrabold.svg#National2Narrow-Extrabold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'National 2 Narrow';
    src: url('/wp-content/themes/boilerplate/fonts/National2Narrow-Bold.woff2') format('woff2'),
        url('/wp-content/themes/boilerplate/fonts/National2Narrow-Bold.woff') format('woff'),
        url('/wp-content/themes/boilerplate/fonts/National2Narrow-Bold.svg#National2Narrow-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'National 2 Narrow';
    src: url('/wp-content/themes/boilerplate/fonts/National2Narrow-Light.woff2') format('woff2'),
        url('/wp-content/themes/boilerplate/fonts/National2Narrow-Light.woff') format('woff'),
        url('/wp-content/themes/boilerplate/fonts/National2Narrow-Light.svg#National2Narrow-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'National 2 Narrow';
    src: url('/wp-content/themes/boilerplate/fonts/National2Narrow-Black.woff2') format('woff2'),
        url('/wp-content/themes/boilerplate/fonts/National2Narrow-Black.woff') format('woff'),
        url('/wp-content/themes/boilerplate/fonts/National2Narrow-Black.svg#National2Narrow-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'National 2 Narrow';
    src: url('/wp-content/themes/boilerplate/fonts/National2Narrow-Regular.woff2') format('woff2'),
        url('/wp-content/themes/boilerplate/fonts/National2Narrow-Regular.woff') format('woff'),
        url('/wp-content/themes/boilerplate/fonts/National2Narrow-Regular.svg#National2Narrow-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'National 2 Narrow';
    src: url('/wp-content/themes/boilerplate/fonts/National2Narrow-Medium.woff2') format('woff2'),
        url('/wp-content/themes/boilerplate/fonts/National2Narrow-Medium.woff') format('woff'),
        url('/wp-content/themes/boilerplate/fonts/National2Narrow-Medium.svg#National2Narrow-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('/wp-content/themes/boilerplate/fonts/Inter-Regular.woff2') format('woff2'),
        url('/wp-content/themes/boilerplate/fonts/Inter-Regular.woff') format('woff'),
        url('/wp-content/themes/boilerplate/fonts/Inter-Regular.svg#Inter-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}




html {scroll-behavior: smooth; -webkit-font-smoothing: antialiased !important;}
body { margin:0; padding:0 }
::selection { background: var(--primary); background: var(--tertiary) }

/* Structure*/

.container { position: relative; height: 100%; width: 100%;}
.row { height: 100%; position: relative;}
.full-width { width: 100%;  margin: 0 auto;}
.row-width-95 { width: 95%; max-width: 95%; margin: 0 auto; }
.row-width-90 { width: 90%; max-width: 90%; margin: 0 auto; }
.row-width-80 { width: 80%; max-width: 80%; margin: 0 auto; }
.row-width-70 { width: 70%; max-width: 70%; margin: 0 auto; }
.row-width-60 { width: 60%; max-width: 60%; margin: 0 auto; }
.row-width-50 { width: 50%; max-width: 50%; margin: 0 auto; }
.row-width-40 { width: 40%; max-width: 40%; margin: 0 auto; }
.row-width-30 { width: 30%; max-width: 30%; margin: 0 auto; }
.row-width-20 { width: 20%; max-width: 20%; margin: 0 auto; }
.row-width-10 { width: 10%; max-width: 10%; margin: 0 auto; }


/* Widths */

.col1{width: 8.33%;}
.col2{width: 16.66%;}
.col2-5{width: 20.00%}
.col3{ width: 25%;}
.col4{width: 33.33%;}
.col5{width: 41.33%;}
.col6{width: 50%; position: relative;}
.col7{width: 58.33%;}
.col8{width: 66.66%;}
.col9{width: 75%;}
.col10{width: 83.88%;}
.col11{width: 91.66%;}
.col12{width: 100%;}

.height-0 { height:0vh; box-sizing: border-box;}
.height-20 { height:20vh;box-sizing: border-box; }
.height-40 { height:40vh;box-sizing: border-box; }
.height-60 { height:60vh;box-sizing: border-box; }
.height-80 { height:80vh;box-sizing: border-box; }
.height-100 { height:100vh; box-sizing: border-box; }
.height-auto { height: auto; }

.absolute-center {position: absolute;top: 0;left: 0; right: 0; bottom: 0; margin: auto}
.absolute-top {position: absolute;top: 0;left: 0; right: 0; bottom: auto; margin: auto}
.absolute-left {position: absolute;top: 0;left: 0; right: auto; bottom: 0; margin: auto}
.absolute-right {position: absolute;top: 0;left: auto; right: 0; bottom: 0; margin: auto}
.absolute-bottom {position: absolute;top: auto;left: 0; right: 0; bottom: 0; margin: auto}

.flex-row {display: flex;flex-direction: row;}
.flex-column { display: flex; flex-direction: column;}
.justify-center { display: flex; align-items: center; justify-content: center; }
.justify-bottom { display: flex; justify-content: flex-end;}

.flex-wrap {flex-wrap: wrap}
.align-center  {align-items: center; }
.justify-left {  justify-content: left }
.justify-right { justify-content: right }
.justify-spaced { justify-content: space-between;}
.align-top { align-items: flex-start; }
.align-bottom { align-items: flex-end;}
.align-left {  align-items: flex-start }
.align-right {  align-items: flex-end;}
.text-center { text-align:center;}
.text-right { text-align:right;}
.text-left { text-align:left;}

.padding-0 {padding:0 !important}
.padding-b-0 {padding-bottom: 0px}
.padding-t-0 {padding-top: 0px}
.padding-l-0 {padding-left: 0px}
.padding-r-0 {padding-right: 0px}
.padding-10 {padding:10px 0}
.padding-b-10 {padding-bottom: 10px}
.padding-t-10 {padding-top: 10px}
.padding-l-10 {padding-left: 10px}
.padding-r-10 {padding-right: 10px}
.padding-20 {padding:20px 0}
.padding-b-20 {padding-bottom: 20px}
.padding-t-20 {padding-top: 20px}
.padding-l-20 {padding-left: 20px}
.padding-r-20 {padding-right: 20px}
.padding-40 {padding:40px 40px}
.padding-b-40 {padding-bottom: 40px}
.padding-t-40 {padding-top: 40px}
.padding-l-40 {padding-left: 40px}
.padding-r-40 {padding-right: 40px}
.padding-60 {padding:60px 0}
.padding-b-60 {padding-bottom: 60px}
.padding-t-60 {padding-top: 60px}
.padding-l-60 {padding-left: 60px}
.padding-r-60 {padding-right: 60px}
.padding-80 {padding:80px 0}
.padding-b-80 {padding-bottom: 80px}
.padding-t-80 {padding-top: 80px}
.padding-l-80 {padding-left: 80px}
.padding-r-80 {padding-right: 80px}
.padding-100 {padding:100px 0}
.padding-b-100 {padding-bottom: 100px}
.padding-t-100 {padding-top: 100px}
.padding-l-100 {padding-left: 100px}
.padding-r-100 {padding-right: 100px}
.padding-120 {padding:120px 0}
.padding-b-120 {padding-bottom: 120px}
.padding-t-120 {padding-top: 120px}
.padding-l-120 {padding-left: 120px}
.padding-r-120 {padding-right: 120px}
.padding-140 {padding:140px 0}
.padding-b-140 {padding-bottom:140px}
.padding-t-140 {padding-top:140px}
.padding-l-140 {padding-left:140px}
.padding-r-140 {padding-right:140px}


.mobile { display:none !important; }


.gap-0 {gap:0 !important}
.gap-1 {gap:8.33%}
.gap-2 {gap:16.33%}
.gap-05 {gap:05px}
.gap-10 {gap:10px}
.gap-20 {gap:20px}
.gap-30 {gap:30px}
.gap-40 {gap:40px}
.gap-60 {gap:60px}
.gap-80 {gap:80px}
.gap-100 {gap:100px}
.gap-120 {gap:120px}
.gap-140 {gap:140px}

.margin-auto { margin:0 auto; }
.margin-0 {margin:0 !important}
.margin-b-0 { margin-bottom: 0; }
.margin-t-0 { margin-top: 0; }
.margin-l-0 { margin-left: 0; }
.margin-r-0 { margin-right: 0; }
.margin-5 {margin:5px !important}
.margin-b-5 { margin-bottom: 5px; }
.margin-t-5 { margin-top: 5px; }
.margin-l-5 { margin-left: 5px; }
.margin-r-5 { margin-right: 5px; }
.margin-10 {margin:10px !important}
.margin-b-10 { margin-bottom: 10px; }
.margin-t-10 { margin-top: 10px; }
.margin-l-10 { margin-left: 10px; }
.margin-r-10 { margin-right: 10px; }
.margin-20 {margin:20px 0}
.margin-b-20 { margin-bottom: 20px; }
.margin-t-20 { margin-top: 20px; }
.margin-l-20 { margin-left: 20px; }
.margin-r-20 { margin-right: 20px; }
.margin-30 {margin:30px 0}
.margin-b-30 { margin-bottom: 30px; }
.margin-t-30 { margin-top: 30px; }
.margin-l-30 { margin-left: 30px; }
.margin-r-30 { margin-right: 30px; }
.margin-40 {margin:40px 0}
.margin-b-40 { margin-bottom: 40px; }
.margin-t-40 { margin-top: 40px; }
.margin-l-40 { margin-left: 40px; }
.margin-r-40 { margin-right: 40px; }
.margin-60 {margin:60px 0}
.margin-b-60 { margin-bottom: 60px; }
.margin-t-60 { margin-top: 60px; }
.margin-l-60 { margin-left: 60px; }
.margin-r-60 { margin-right: 60px; }
.margin-80 {margin:80px 0}
.margin-b-80 { margin-bottom: 80px; }
.margin-t-80 { margin-top: 80px; }
.margin-l-80 { margin-left: 80px; }
.margin-r-80 { margin-right: 80px; }
.margin-100 {margin:100px 0}
.margin-b-100 { margin-bottom: 100px; }
.margin-t-100 { margin-top: 100px; }
.margin-l-100 { margin-left: 100px; }
.margin-r-100 { margin-right: 100px; }
.margin-120 {margin:120px 0}
.margin-b-120 { margin-bottom: 120px; }
.margin-t-120 { margin-top: 120px; }
.margin-l-120 { margin-left: 120px; }
.margin-r-120 { margin-right: 120px; }


.border-r-10 { border-radius:10px }
.border-r-15 { border-radius:15px }
.border-r-20 { border-radius:20px }
.border-r-30 { border-radius:30px }


.sm-text {display: block; font-size: var(--xsmall); line-height: 1.4;}
.med-text {display: block; font-size: var(--small); line-height: 1.4}
.lrg-text {display: block; font-size: var(--medium); line-height: 1.4}

.image-fill {object-fit: cover; object-position: center;}

a, button, .text-link { cursor: pointer;text-decoration: none;}
a:hover { text-decoration: none;}

h1, h2, h3, h4, h5, h6 { z-index: 2; margin: 0; line-height: 1}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {text-decoration:none; color: inherit; }
h1 {  font-size: var(--xxlarge); font-family: 'National 2 Narrow'; font-weight: 900; line-height: 0.8;}
h2{ font-size: var(--xlarge); font-family: 'National 2 Narrow'; font-weight: 900; line-height: 0.8; }
h3{ font-size: var(--large); font-family: 'National 2 Narrow'; font-weight: 900; line-height: 0.8;}
h4{ font-size: var(--medium); font-family: 'National 2 Narrow'; font-weight: 900; line-height: 0.8; }
h5{ font-size: var(--xssmall); font-family: 'Inter'; font-weight: bold; letter-spacing: 1px;}
h6{ font-size: var(--micro); font-family: 'Inter'; font-weight: bold; letter-spacing: 1px;}
body,p  { font-size: var(--xsmall); font-family: 'Inter'; font-weight: normal}
span {line-height: 1.4; font-family:inherit;}
iframe {border: 0;}

img, svg {width: 100%;}
li, ul {list-style: none; padding: 0;}

.hide { display:none; transition: opacity 0.7s ease-in; opacity: 0;}


.white, .white p { color: var(--white);}
.whitebg { background: var(--white);}
.black, .black p { color: var(--black);}
.blackbg { background: var(--black);}
.grey, .grey p { color: var(--grey);}
.greybg { background: var(--grey);}
.darkgrey, .darkgrey p { color: var(--darkgrey);}
.darkgreybg { background: var(--darkgrey);}
.primary, .primary p { color: var(--primary);}
.primarybg { background: var(--primary);}
.secondary, .secondary p { color: var(--secondary);}
.secondarybg { background: var(--secondary);}
.tertiary, .tertiary p { color: var(--tertiary);}
.tertiarybg { background: var(--tertiary);}
.quartiary, .quartiary p { color: var(--quartiary);}
.quartiarybg { background: var(--quartiary);}
.quinary, .quinary p { color: var(--quinary);}
.quinarybg { background: var(--quinary);}
.hexiary, .hexiary p { color: var(--hexiary);}
.hexiarybg { background: var(--hexiary);}


.uppercase { text-transform: uppercase; }
.lowercase { text-transform: lowercase; }

.primary-font {  font-family: 'National 2 Narrow'; }
.secondary-font { font-family: 'Inter'; }

/* Input */

input.text, input.title, input[type=email], input[type=password], input[type=number],input[type=tel],  input[type=text], select, textarea { background-color: #0605050f; border: 1px solid var(--black); padding: 15px 10px !important;-webkit-appearance: none; border-radius: 3px; box-sizing: border-box; font-size: var(--xsmall) !important; width: -webkit-fill-available;font-family: 'Inter';}
input:-internal-autofill-selected { background: transparent !important;}
select {text-transform: uppercase;color: #8a8a8a;}
 .gf-cache-buster-form-container {width: 100%;}
.gfield_description {font-size: var(--xxsmall);color: var(--black);font-family: 'Inter';}
.gfield_label {color: var(--black);font-family: 'Inter';font-size: var(--xxsmall) !important;text-transform: uppercase;letter-spacing: 1px; font-weight: normal !important;}
.gform-field-label--type-sub {display: none !important;}
.ginput_container_date input {width: 100% !important;}
.gfield textarea { height: 100px; min-height: 100px !important; max-height: max-content;}
.validation_message {background: transparent !important;border: 0 !important;color: var(--white) !important;padding: 0 !important;font-size: var(--xxsmal) !important;text-transform: uppercase;}
.gform_validation_errors {background: #444 !important;border: 0 !important; padding: 10px 20px !important; border-radius: 0 !important;color: white !important;}
.gfield_required { font-family: 'Inter'; font-style: normal !important; font-size: 8px !important; color: var(--primary) !important;}
.gform_validation_errors h2 {color: var(--white) !important;text-transform: uppercase;font-family: 'Inter';font-size: var(--xxsmall) !important;}
.gform_validation_errors>ol { list-style-type: none !important;}
.gform_validation_errors>ol li {color: white !important; list-style-type: none !important;font-family: 'Inter';text-transform: uppercase;font-size: var(--xxsmall) !important;}
.gform_validation_errors>ol li a {color: white !important; font-size: var(--xxsmall) !important;}
.gform-icon--circle-error {display: none !important;}
.gform_previous_button { opacity: 0.8; order: 0;}
.gform_next_button { order: 3;}
.gform_button_select_files {background: transparent;border: 1px solid var(--black);padding: 10px 15px;font-family: 'Inter';color: var(--black);font-size: var(--xxsmall);text-transform: uppercase; letter-spacing: 1px;}
.ginput_container_textarea { margin-top: 20px;}
#gfield_upload_rules_3_25 { opacity: 0.2;text-align: center;}
.gpfup__droparea { border: 1px dashed var(--black);}

.gform_drop_instructions { color: var(--black);text-transform: uppercase; letter-spacing: 1px;}
.form-wrapper {box-sizing: border-box;}
.form-wrapper .gform_button, .form-wrapper .gform_next_button, .form-wrapper .gform_previous_button, .gform_save_link {background: transparent !important;border: 1px solid var(--black); margin: 0 10px 0 0 !important; color: var(--black);padding: 10px 15px 6px;transition: 0.3s ease all;border-radius: 0;text-transform: uppercase;font-size: var(--small);font-family: 'National 2 Narrow';font-weight: bold;letter-spacing: 0;}
.form-wrapper .gform_button:hover, .form-wrapper .gform_next_button:hover, .form-wrapper .gform_previous_button:hover { border: 1px solid var(--tertiary); color: var(--tertiary); transition: 0.3s ease all; }
.gform_page_footer { float: right; width: 100%; display: flex;justify-content: space-between;}
.ts-control {background: var(--white) !important; border-radius: 3px !important; padding: 15px 10px !important; border-color: var(--black); padding: 16px 10px; line-height: 1;}
.ts-control .item {background: var(--grey);padding: 4px 5px;border-radius: 2px;}

.gform_save_link { order: 1;position: relative;}
.gform_save_link svg { display: none !important;}
:focus-visible { outline: none !important; border-style: none none solid; }
::placeholder { font-size: var(--xsmall) }




.lightform input.text, .lightform input.title, .lightform input[type=email], .lightform input[type=password],.lightform input[type=tel], .lightform input[type=number], .lightform input[type=text], .lightform select, .lightform textarea { background: #ffffff12;border: 1px solid var(--white);}
.lightform input::placeholder, .lightform textarea::placeholder { color: var(--white) !important }
.lightform  input, .lightform  select, .lightform  textarea, .gform_save_link {border-color: var(--white) !important;color: var(--white) !important;}
.lightform .gfield_error [aria-invalid=true] {border: 1px solid var(--primary) !important;}
.lightform  input::placeholder , .lightform  select::placeholder, footer textarea::placeholder { color: var(--white) }
.lightform  input:focus-visible, .lightform  textarea:focus-visible {background: #e0e0e033;outline: none;}
.lightform .gfield_label {color: white; display: none}
.lightform .ts-control { background: #ffffff12 !important ; border-color: var(--white); padding: 16px 10px; line-height: 1;}
.lightform .gfield_description { color: var(--white);font-size: var(--xxsmall) !important; text-transform: uppercase;}
.lightform .gfield_password_strength {background: #333 !important;border: 0 !important;color: white;}
.lightform .gform_previous_button { opacity: 0.8 }
.lightform .form-wrapper {box-sizing: border-box;}
.lightform .form-wrapper .gform_button, .lightform .form-wrapper .gform_next_button, .lightform .form-wrapper .gform_previous_button {background: transparent !important; color: var(--black); border: 1px solid var(--black); padding: 8px 15px;transition: 0.3s ease all;  border-radius: 4px;text-transform: uppercase;letter-spacing: 1px; font-size: var(--xxsmall);}
.lightform .form-wrapper .gform_button:hover, .lightform .form-wrapper .gform_next_button:hover, .lightform .form-wrapper .gform_previous_button:hover { border: 1px solid var(--black); background: var(--black);color: var(--white); transition: 0.3s ease all; }
.lightform .gform_next_button { background: var(--primary) !important; color: var(--black) !important;border: 1px solid var(--black) !important;}
.lightform .gform_next_button:hover { background: var(--black); color: var(--primary);border: 1px solid var(--primary);}
.lightform .gform_wrapper.gravity-theme .gfield_label { font-family: 'National 2 Narrow'; font-size: var(--small) !important; font-weight: 700 !important; margin-bottom: 0 !important; letter-spacing: 0;}
.lightform .gfield_description { opacity: 1; font-size: var(--xxsmall);}
.lightform .gform_drop_instructions, .lightform .gpfup__filename { color: white;}
.lightform .gpfup__drag-handle:before { filter: invert(1) }
.lightform .gform_button_select_files {border: 1px solid var(--white);color: var(--white);}
.lightform .gpfup__droparea { border: 1px dashed var(--primary);}

.gpasc-auto-load-notice { background: #101010;padding: 10px 10px; border-radius: 5px;line-height: 1;}
.gpasc-auto-load-notice p {margin: 0; color: var(--white);}
.gpasc-auto-load-notice a { color: var(--primary);}


/* Buttons */
.button-wrapper {}

.primary-button { cursor: pointer; border: 1px solid var(--black); background: var(--white); color: var(--black);  padding: 12px 20px 10px; box-sizing: border-box;text-transform: uppercase;letter-spacing: -1px; text-decoration: none;font-weight: 900;font-size: var(--small);  font-family: 'National 2 Narrow';}
.primary-button:hover {transition: 0.3s ease all;  border: 1px solid var(--black); background: var(--black);  color: var(--white);}
.primary-button a {}

.secondary-button  { cursor: pointer; border: 1px solid var(--black); background: var(--black); color: var(--white);border-radius: 5px; padding: 8px 20px; box-sizing: border-box;  text-transform: uppercase;text-decoration: none;font-weight: bold;font-size: var(--xxsmall);letter-spacing: 1px;  }
.secondary-button:hover {transition: 0.3s ease all;  border: 1px solid var(--black); background: var(--pirmary);  color: var(--black);}
.secondary-button a {}

.tertiary-button { cursor: pointer; }
.tertiary-button:hover {}
.tertiary-button a {}

.text-link { cursor: pointer; }
.text-link:hover {}
.text-link a {}




/* Menu */
header {width: 100%;margin: 0 auto; padding: 0;z-index: 100;position: fixed; box-sizing: border-box; top: 0;left: 0; right: 0;background: var(--white);}

.main-navigation-wrapper {border-bottom: 1px solid var(--black);position: relative;}

.hero {position: relative;}
.menu { display: flex;padding: 15px 0;margin: 0;   align-items: center;}
.menu-item {margin: 0 7px; position: relative;}
.menu-item a {color: var(--black); padding: 10px 0; font-weight: bold; text-decoration: none; text-transform: uppercase;letter-spacing: 1px;}
.menu-item .active:after {display:none;}

.sub-menu {display: none;}
.sub-menu.active { position: absolute;top: 25px; display: block; z-index: 9999; background: var(--white); padding: 5px 0;}
.sub-menu .menu-item { width: max-content; padding: 10px;}
.sub-menu .menu-item:hover {text-decoration: underline;}

.logocontainer { width: 250px;  position: absolute; left: 0; right: 0; margin: auto; top: 60px; z-index: 99;}
.sitelogo {transition: opacity 0.7s ease-in;}
.sitelogo svg {width: auto; height: 60px;}

.secondary-menu {width: auto;align-items: center;}

.menu-actions .primary-button:first-of-type {background: var(--black);color: var(--white);}
.menu-actions .primary-button:first-of-type:hover {background: var(--tertiary);}
.menu-actions .primary-button {font-family: 'National 2 Narrow'; font-weight: 800; font-size: 14px; border-radius: 0; padding: 10px 20px 6px; letter-spacing: 0;line-height: 1;}

.main-logo {position: relative;z-index: 999;}
.menuslide {display: none;width: 100%;position: fixed;background:#1b1b1ba3 ;height: 100%;top: -990px;z-index: 9; padding: 0 0;box-sizing: border-box; border-right: 1px solid var(--black);}
.menuslide.active { display: block; top:0px;}
.menuslide .menu {flex-direction: column; align-items: flex-start; padding: 0; width: 100%;}
.menu-master-menu-container, .menu-logged-in-master-menu-container {height: 100%;box-sizing: border-box; display: flex; align-items: flex-end; width: 50%; background: white;}
.menuslide .menu ul {width: 100%;}
.menuslide .menu-item {margin: 0;position: relative;width: 100%; padding: 20px; box-sizing: border-box; transition: 0.3s ease all}
.menuslide .menu-item:nth-child(1) { background: var(--white); }
.menuslide .menu-item:nth-child(2) { background: var(--secondary); }
.menuslide .menu-item:nth-child(3) { background: var(--primary); }
.menuslide .menu-item:nth-child(4) { background: var(--quartiary); }
.menuslide .menu-item:nth-child(5) { background: var(--tertiary); }
.menuslide .menu-item:nth-child(6) { background: var(--quinary); }

.menuslide .menu-item a {font-family: 'National 2 Narrow'; color: var(--black) ;font-weight: 900; letter-spacing: 0;font-size: var(--medium);transition: 0.3s ease all}
.menuslide .menu-item:hover { background: var(--black); color: var(--white); transition: 0.3s ease all }
.menuslide .menu-item:hover a { color: var(--white);  transition: 0.3s ease all }
.menuslide .current-menu-item:before {content: '';width: 10px;height: 10px;background: var(--black);position: absolute;top: 0;bottom: 0;margin: auto;right: 20px;border-radius: 20px; transition:0.3s ease all;}
.menuslide .current-menu-item:hover:before { background: var(--white); transition:0.3s ease all; }

header .switch.default:before, header .switch.current-menu-item:before {transition: 0.3s ease all; background: var(--black); content: '';height: 100%;width: 100%; margin: auto; position: relative;padding: 15px; top: 0;right: auto; left: 0; box-sizing: border-box; border-radius: 3px; z-index: 0; position: absolute;}

header .main-nav { padding-left: 100px;}
header .menu-flip-switch-container .menu { border: 1px solid var(--black);  margin: 0; padding:0;border-radius: 5px;}
header .switch {text-align: center; position: relative; padding: 10px 20px; border-radius: 3px; line-height: 1;  margin: 0; transition: 0.3s ease all}

header .switch.default a, header .switch.current-menu-item a {color: var(--white);z-index: 9; position: relative;transition: 0.3s ease all}
header .switch.default:hover, header .switch.current-menu-item:hover {background: var(--quartiary); transition: 0.3s ease all}
header .switch:not(.default):hover a { color: var(--tertiary); transition: 0.3s ease all;}

/* Accordion */
.accordion { cursor: pointer;padding: 10px 0;text-align: left; width: 100%;transition: 0.3s;position: relative;width: 100%;box-sizing: border-box;}
.accordion.active {  }
.accordion:before { content: 'Open';font-family: 'Inter';font-size: var(--xxsmall);text-transform: none;font-weight: 500; right: 0; position: absolute;}
.accordion.active:before { content: 'Close';}

.accordion-panel {display: none; overflow: hidden;transition: max-height 0.3s ease-out;}
.accordion-panel.active { display: block;}
.accordion-panel p { margin: 2px 0;}


/* Announcement */
.announcement {padding: 10px !important;}
.announcement-wrapper .swiper-slide { letter-spacing: 1px;}

/* Home Swiper */
.hero-content-row {position: absolute;  z-index: 9;bottom: 0;padding: 40px;left: 0;width: 100%;box-sizing: border-box;}
.module-heading {border-bottom: 1px solid var(--primary); padding-bottom: 10px;}
.hero-content-row h1 {  text-shadow: 0 1px 15px #1e1e1e4a;}

/* Split Content */
.split-content .module-heading { border-bottom: 1px solid var(--black);}
.gallery-slider { height: 400px }
.gallery-slider .swiper-slide {object-fit: cover;  width: fit-content;}
video.swiper-slide {height: 100%;object-fit: cover !important;}

.swiper-pagination-bullet {background: transparent;border: 1px solid var(--black);width: 14px !important;height: 6px !important; border-radius: 7px;}


/* Influencer Steps */
.influencer-steps .module-heading{ border-bottom: 1px solid var(--black); }
.influencer-steps .step-heading { border-bottom: 1px solid var(--black); padding-bottom:10px;}
.influencer-steps-body {overflow: hidden;}
.step-slider {overflow: visible !important;}
.step-slide {width: 25%;min-height: 420px; height: 420px;  justify-content: space-between; transform: rotate(0deg); transition: 0.3s ease all;}
.step-slide:hover { transform: rotate(3deg); overflow: visible; transition: 0.3s ease all;}

.step-content {height: 100%;display: flex; justify-content: space-between;}

.step-pagination {width: fit-content !important;margin: 0;}

/* Brand Steps */
.brand-steps .module-heading{ border-bottom: 1px solid var(--black); }
.brand-steps .step-heading { border-bottom: 1px solid var(--black); padding-bottom:10px;}
.brand-steps-body {overflow: hidden;}


/* FAQ */
.faq-slide {box-sizing: border-box;}
.faq-slide .step-content {min-height: 300px;}
.faq-swiper .step-heading { border-bottom: 1px solid var(--black); padding-bottom:10px;}
.faq-answer a {color: var(--black);font-weight: 600;}
.faq-pagination {width: fit-content !important;margin: 0;}

/* Industry */
.industry-swiper {height: 85vh; border-radius: 0;}
.industry-swiper img {height: 85vh; object-fit: cover; border-radius: 0;}


/* Brands */
.brand-profile { position: absolute;top: 0; bottom: 0; right: 0; left: 0; width: 33vw; height: 58vh; z-index: 9;background: var(--white);margin: auto 5% auto auto;}
.brand-media-row {border-bottom: 2px solid var(--black);height: 60px;overflow: hidden;}
.brand-logo { width: auto; }
.brand-logo img { height: 60px;width: fit-content;border-right: 2px solid var(--black);}
.brand-media-row h1 { font-size: var(--large);margin: 0;text-align: left; padding: 0 20px;}
.brand-actions svg { width: auto; height: 25px; }
.brand-swiper { height: 85vh; }
.brand-swiper .swiper-slide{ height: 85vh; width: auto; object-fit:contain }
.brand-profile h5 {font-size: var(--small);font-family: 'National 2 Narrow';letter-spacing: 0;font-weight: 900;}
.brand-profile-wrapper { height:100%; }
.brand-profile-wrapper .accordion-panel { max-height: 200px;overflow: scroll;}
.brand-contact {padding: 20px;box-sizing: border-box;background: var(--quinary); overflow: scroll}


.profile-content-wrapper {padding: 20px;box-sizing: border-box;background: var(--hexiary);overflow: scroll;}

.tab-button {background: none; border: none;padding: 20px 40px;font-size: var(--small);font-weight: 900; cursor: pointer; color: var(--black);transition: 0.3s;font-family: 'National 2 Narrow';text-transform: uppercase; letter-spacing: 0;}
.tab-button.active {  background: var(--hexiary);color: var(--white);}
.tab-button:hover { background: var(--hexiary);color: var(--white);transition: 0.3s;}
.tab-button:nth-child(2).active { background: var(--quinary); color: var(--black);}
.tab-button:nth-child(2):hover { background: var(--quinary); color: var(--black)}
.tab-content {display: none;  width: 100%;}
.tab-content.active { display: flex; height: 100%;}

.taxonomy-pills.flex-row { width: 75%;flex-wrap: wrap;gap: 5px; display: flex; justify-content: flex-end;}
.taxonomy-pill.white { padding: 6px 10px 4px; background: var(--white); border-radius: 30px; color: var(--black);  font-family: 'National 2 Narrow';  text-transform: uppercase; font-weight: 900;font-size: var(--xsmall);}
.taxonomy-group {border-bottom: 1px solid var(--white);padding: 10px 0;margin-bottom: 0;}

.placeholder {font-size: 17.5vw;font-family: 'National 2 Narrow';font-weight: 900;text-transform: uppercase;line-height: 0.76; position: absolute;width: fit-content;left: 0;top: 0;bottom: 0;height: 100%; overflow: hidden; text-align: left; color: #000000;}



/* Influencer Page */
.influencer-profile { position: absolute;top: 0; bottom: 0; right: 0; left: 0; width: 33vw; height: 58vh; z-index: 9;background: var(--white);margin: auto 5% auto auto;}
.influencer-media-row {border-bottom: 2px solid var(--black);height: 60px;overflow: hidden;}
.influencer-media-row h1 { font-size: var(--large);margin: 0;text-align: left; padding: 0 20px;}
.influencer-actions svg { width: auto; height: 25px; }
.influencer-swiper { height: 85vh; }
.influencer-swiper .swiper-slide{ height: 85vh; width: auto; object-fit:contain }
.influencer-profile h5 {font-size: var(--small);font-family: 'National 2 Narrow';letter-spacing: 0;font-weight: 900;}
.influencer-profile-wrapper { height:100%; }
.influencer-profile-wrapper .accordion-panel { max-height: 200px;overflow: scroll;}
.influencer-contact {padding: 20px;box-sizing: border-box;background: var(--quinary); overflow: scroll}


.influencer-card { width: calc(25% - 10px); position: relative}
.influencer-card > a:before {content: '';position: absolute;background: #00000040;width: 100%; height: 100%; z-index: -0;}
.influencer-card-media {min-height: 500px;object-fit: cover; display:block; max-height: 500px;}
.card-content { position: absolute; top: 0;width: 100%;height: 100%;display: flex;justify-content: flex-end; z-index: 9;padding: 20px; box-sizing: border-box;}
.card-content h4 {width: 100%;margin-bottom: 10px; font-size: var(--small) !important;padding-bottom: 10px;border-bottom: 2px solid var(--white);}
.card-content .stats svg {width: auto;height: 20px;}
.card-content .stats svg path {fill: var(--white);}


/* Coming Soon */
.page-landing-page .main-navigation-wrapper, .page-landing-page footer { display: none;}
.landing-underlay img { min-height: 100vh; object-fit: cover;}
.landing-overlay { position: absolute; inset: 0;margin: auto; z-index: 1; height: fit-content; width: fit-content;}
.landing-overlay h2 {font-family: sans-serif; font-weight: bold;color: white;letter-spacing: -1px;}
.landing-overlay img {max-width: 380px; height: auto;}

/* Brand Lead */
.lead-form {display: none;position: fixed; transition:0.3s ease all; top: 0;left: 0;right: 0; width:100vw; margin: auto; z-index: 9999999999; bottom: 0; height: fit-content; max-height: 100vh;overflow: hidden;}
.lead-form.active {display: flex; justify-content: center;align-items: center; transition:0.3s ease all; }
.lead-form.active:before {content: '';position: fixed;width: 100%;height: 100%;background: var(--black);top: 0;left: 0;opacity: 0.5;transition: 0.3s ease all;}

.brand-lead, .influencer-lead {width: 75vw; margin: 0 auto; border-radius: 20px; border: 2px solid var(--black); overflow: scroll;}

.lead-form input.text, .lead-form input.title, .lead-form input[type=email], .lead-form input[type=password], .lead-form input[type=number], .lead-form input[type=tel], .lead-form input[type=text], .lead-form select, .lead-form textarea { background-color: transparent; border: 1px solid #e2e2e2;border-style: solid;padding: 15px 10px !important;-webkit-appearance: none;border-radius: 5px;box-sizing: border-box;letter-spacing: 0px;font-size: var(--xxsmall) !important;width: -webkit-fill-available;font-family: 'Inter';}
.lead-form ::placeholder { font-family: 'Inter'; text-transform: capitalize; font-size: var(--xsmall); color: var(--black) }
.lead-form .ts-control { background: var(--white) !important;  border-style: solid !important; border: 1px solid #e2e2e2; padding: 12px 15px;border-radius: 5px !important;}
.lead-form .ts-control > input {letter-spacing: 0;}
.brand-lead .step-title, .influencer-lead .step-title {text-align: center;font-size: var(--large);}
.lead-container { padding: 60px 60px 140px;box-sizing: border-box;}
.gform_wrapper {width: 100%;}

.brand-lead  .gform_page_footer , .influencer-lead  .gform_page_footer {float: right;position: absolute;padding: 10px 20px !important;background: var(--black);width: 100%;left: 0;bottom: 0;display: flex;justify-content: flex-end;}
.brand-lead .form-wrapper .gform_button, .brand-lead .form-wrapper .gform_next_button, .brand-lead .form-wrapper .gform_previous_button, .influencer-lead .form-wrapper .gform_button, .influencer-lead .form-wrapper .gform_next_button, .influencer-lead .form-wrapper .gform_previous_button { color: var(--white); border-color: var(--white); }
.brand-lead-toggle { background: var(--primary); border: 0;font-family: 'National 2 Narrow';font-weight: bolder;text-transform: uppercase;width: 95%;padding: 20px 50px; font-size: var(--small);transition: 0.3s ease all; box-sizing: border-box; text-align: center;}
.influencer-lead-toggle { background: var(--quartiary); border: 0;font-family: 'National 2 Narrow';font-weight: bolder;text-transform: uppercase;width: 95%;padding: 20px 50px; font-size: var(--small);transition: 0.3s ease all;}
.toggle-button:hover { background: var(--black); color: var(--white); transition: 0.3s ease all; }

span.close-form {position: absolute;right: 20px;top: 20px; font-family: 'Inter';font-weight: bold; background: var(--black); width: 40px; height: 40px; color: white; display: flex; justify-content: center; align-items: center; font-size: var(--small);}




/* Home Page */


/* Influencer - Register */
.register-content {max-height: 700px;}
.register-content-left .module-heading {border-color: var(--black);}
.register-content-right .module-heading {border-color: var(--white);}

/* 404 Page */
.error-row { height: 100%;}

/* Thankyou Page */
.thankyou-row { height: 100%;}

/* Login Page */
.login-content {max-height: 700px;}
.login-content-left .module-heading {border-color: var(--black);}
.login-content-right .module-heading {border-color: var(--white);}


/* Brand Campaign */
.sector-row { flex-direction: column;gap: 0;}
.example-header {padding: 10px 10px;border-radius: 3px; text-align: center; border: 1px solid var(--black);font-size: var(--xxsmall);width: 100%; background: var(--grey);}
.example-trigger {padding: 10px 10px;border-radius: 3px; text-align: center; font-size: var(--xxsmall);background: transparent;  width: calc(50% - 5px); border: 1px solid var(--white); transition: opacity 0.3s ease; }
.example-trigger.active, .example-trigger:hover{background: var(--primary);transition: 0.3s ease all; }
.example-content {height:0; opacity: 0; visibility: hidden; transition:0.5s ease all; font-size: var(--xxsmall); margin-top:0px; color: var(--black);}
.example-triggers { width: 100%; opacity: 0; visibility: hidden;margin-top:0px;  max-height: 0; overflow: hidden;  transition: opacity 0.3s ease, max-height 0.3s ease, visibility 0.3s ease;}
.example-triggers.active { opacity: 1; margin-top:10px; visibility: visible; max-height: 200px; flex-wrap: wrap; width: 100%;}
.examples-module { background: #eee; padding: 10px;border-radius: 5px;}
.example-trigger {border: 1px solid var(--black);background: #fcfcfc; padding: 10px 10px;border-radius: 3px; text-align: center; font-size: var(--xxsmall);background: transparent;  width: calc(50% - 5px);}

.example-item.active .example-content { display: block;height: fit-content; opacity: 1; visibility: visible; margin-top:10px !important; transition:1s ease all }

.lightform .example-item.active .example-content , .lightform  .example-item.active .example-content p{color: var(--white);}
.lightform .example-trigger.active, .lightform .example-trigger:hover { color: var(--black); }
.lightform .example-header {color: var(--black); border: 1px solid var(--white);background: var(--white);}
.lightform .ginput_preview {color: white;}
.lightform .dashicons-trash:before { color: var(--white); }
.lightform .examples-module { background: #101010; padding: 10px;border-radius: 5px;}
.lightform .example-trigger {background: #fcfcfc; padding: 10px 10px;border-radius: 3px; text-align: center; font-size: var(--xxsmall);background: transparent;  width: calc(50% - 5px); border: 1px solid var(--white);}


/* Modals */
.mfp-content { }
.mfp-close {background: white !important;color: var(--primary) !important; opacity: 1; box-sizing: border-box !important;  top: 20px; right: 20px; border-radius: 26px;}
.mfp-content form { }


/* My Account */
.page-my-account header .main-nav {display: none;}

.account-breadcrumbs {border-bottom: 1px solid var(--black);padding-bottom: 10px;}
.woocommerce-breadcrumb a {color: inherit;}
.woocommerce .woocommerce-breadcrumb {font-family: 'Inter';text-transform: uppercase;letter-spacing: 1px; margin: 0;}


.woocommerce-navigation {border-right: 1px solid var(--black); min-height: 100vh;}
.woocommerce-navigation ul {position: sticky;top: 160px;}

.rume-portal-wrapper .menu-item a {font-family: 'National 2 Narrow'; font-size: var(--large);font-weight: 900;}
.beta-notice {padding-top: 20px; background: #13131313; }
.account-notice {border-top: 1px solid var(--black);padding-top: 20px;}
.summary-module {padding-top: 20px;box-sizing: border-box;width: calc(33.3% - 13.33px) !important;display: flex;flex-direction: column; justify-content: space-between; transform: scale(1);transition: 0.3s ease all;}
.summary-module:hover { transform: scale(1.01);transition: 0.3s ease all;}
.summary-content { margin-top: 200px }


/* Footer */
footer {z-index: 99; position: relative;}

.footer-row, .footer-legal{box-sizing: border-box;}
.footer-menus {border-bottom: 1px solid var(--white);padding-bottom: 10px;}
.footer-subscribe { border-top: 1px solid var(--white);padding-top: 20px;}

footer input, footer select, footer textarea {border-color: var(--white) !important;color: var(--white) !important;}
footer input::placeholder , footer select::placeholder, footer textarea::placeholder { color: var(--white) }
footer input:focus-visible, footer textarea:focus-visible {background: #00000012;outline: none;}

footer .gform_button {background: transparent;border: 0;text-transform: uppercase;letter-spacing: 1px; font-size: var(--xxsmall);}
footer .gform-footer {float: right;}
footer .main-logo {width: 100%;filter: invert(1);}
footer .menu {margin: 0; padding:0}
footer .menu-item a {color: var(--white);text-transform: uppercase;letter-spacing: 1px;}
a.footer-social {color: var(--white);text-transform: uppercase;letter-spacing: 1px;}
.footer-legal a { text-transform: uppercase;letter-spacing: 1px;font-size: var(--xxsmall);}
.footer-legal { border-top: 1px solid var(--white); padding-top: 20px; margin-top: 0;}


@media (max-width: 768px) {
    :root {   
    --xxlarge: 42px !important;
    --xlarge: 38px !important;
    --large: 32px !important;
    --xmedium: 24px !important;
    --medium: 20px !important;
    --small: 14px !important;
    --xsmall: 13px !important;
    --xxsmall: 10px !important;
    --micro: 8px !important;
    --xmicro: 6px !important;
}
    


.mobile {  display: block !important;}
.desktop { display: none !important;}

.landing-page-content { width: 90%; padding:0; box-sizing: border-box}
.woocommerce-navigation { min-height: auto }
header .menu-actions { display :none}
header .main-nav { padding-left:0px;}
header .switch .menu-item a{ font-size: var(--xxsmall);}
.menu-logged-in-master-menu-container { width: 95% !important; }
.menu-master-menu-container { width: 95% !important; }

.menu-actions .primary-button {font-size: var(--xxsmall);padding: 8px 6px 4px;}

.m-flex-column { flex-direction: column }
.m-flex-column > .col2 { width: 100%; box-sizing: border-box;}
.m-flex-column > .col3 { width: 100%; box-sizing: border-box;}
.m-flex-column > .col4 { width: 100%; box-sizing: border-box; }
.m-flex-column > .col5 { width: 100%; box-sizing: border-box;}
.m-flex-column > .col6 { width: 100%; box-sizing: border-box;}
.m-flex-column > .col7 { width: 100%; box-sizing: border-box; }
.m-flex-column > .col8 { width: 100%; box-sizing: border-box;}
.m-flex-column > .col9 { width: 100%; box-sizing: border-box; }
.m-flex-column > .col10 { width: 100%; box-sizing: border-box; }
.m-flex-column .button-wrapper { flex-direction: row; margin-top: 30px; align-items: flex-start;}

.module-heading {max-width: 90%;}
.module-body-left .col10 {width: 100%;}

.announcement-wrapper .swiper-slide {font-size: var(--micro);}

.featured-hero .module-heading { max-width: 100%;}
.hero-content-row h1 {width: 100%;}
video.swiper-slide { height: 100%; object-fit: cover !important; min-height: 500px;}

.gallery-slider {width: 90%; margin: 0 auto; height: fit-content;}
.influencer-steps-body { width: 90%;margin: auto;}
.step-slider {overflow: visible !important;}
.step-slide { width: 100%;  box-sizing: border-box; }

.register-content { max-height: fit-content !important; height: fit-content;}
.form-wrapper { box-sizing: border-box; padding: 20px 0;}
	
.rume-portal-wrapper {box-sizing: border-box;padding: 0; max-width: 90%;margin: auto;}
.woocommerce-navigation { border:0 }
.summary-module { width: 100% !important;}

.example-triggers {flex-wrap: wrap;}
.example-header {padding: 12px 10px; background: var(--grey); width: 100%;}
.example-trigger {padding: 12px 10px;width: 100%;}

.register-content-left .module-heading {margin-bottom: 40px;}

/* Brand Profile */
.placeholder {font-size: 33vw !important;}
.brand-profile {position: relative;width: 100%;height: auto;}
.brand-swiper { height: 70vh;}
.brand-media-row h1 { font-size: var(--medium);}
.brand-profile-wrapper .accordion-panel {max-height: max-content;overflow: scroll;}
.brand-swiper .swiper-slide {height: 70vh; object-fit: cover;}


/* Influencer Profile */
.influencer-profile {position: relative;width: 100%;height: auto;}
.influencer-swiper { height: 70vh;}
.influencer-media-row h1 { font-size: var(--medium);}
.influencer-profile-wrapper .accordion-panel {max-height: max-content;overflow: scroll;}
.influencer-swiper .swiper-slide {height: 70vh; object-fit: cover;}


/* Industry */
.industry-content .module-body { flex-direction: column;}
.industry-content  .module-body h3, .industry-content  .module-body .sm-text { width: 100% !important;}
.industry-content .module-heading { max-width: 100%;}
.thankyou-content {width: 90%;}

footer .row-width-95 { width: 90%;}
.footer-menus { display: none;}
.footer-legal .uppercase { margin-top: 20px; opacity: 0.2;}
}