/** Generated: 2026-03-17 15:23:38 for WJ v6.1.5, App v3.0.8 **/ /** * Base CSS file (required for all themes) * * @author Tim Jones */ :root{--Lists-PaddingLeft:20px;} *{box-sizing:border-box;outline:none;-webkit-tap-highlight-color:transparent;} :before,:after{box-sizing:inherit;} ::selection{background:#1c94d4;color:white;text-shadow:none;} html,body{font-size:16px;font-family:'Trebuchet MS',sans-serif;margin:0;padding:0;color:black;line-height:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-size-adjust:none;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;} body{background-color:white;} /* Eric Meyer - http://meyerweb.com/eric/tools/css/reset/ */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,svg{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;} article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;} a{color:#1c94d4;text-decoration:none;} a:hover{} a:link{} a:visited{} a:active{} a:focus{outline:2px #1c94d4 solid;} b,strong{} i,em{} u{} s{} ins{text-decoration:none;} del{text-decoration:line-through;} /*============================================================================== Sectional Elements ==============================================================================*/ header{} nav{} main{} article{} section{margin:0 0 20px;} section:last-child{margin-bottom:0;} aside{} section aside{float:left;} section figure{float:left;margin:0 20px 20px 0;} footer{} footer small{} /*============================================================================== Page Elements ==============================================================================*/ h1,h2,h3,h4,h5,h6{margin:0 0 20px;} h1{font-size:36px;} h2{font-size:32px;} h3{font-size:28px;} h4{font-size:24px;} h5{font-size:18px;} h6{font-size:14px;} p{margin:0 0 20px;line-height:1.5;} p:last-child{margin-bottom:0;} span{} hr{border:none;height:1px;background-color:#CCCCCC;margin:20px 0;} br{} blockquote,q{quotes:none;} blockquote{font-style:italic;line-height:1.5;padding:0 20px;} q{font-style:italic;} blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;} cite{} address{} code,pre{margin:20px 0;font-size:14px;font-family:"Courier New",sans-serif;white-space:pre-wrap;display:block;} section code,section pre{margin:20px 0;} section code:last-child,section pre:last-child{margin-bottom:0;} time{} /*============================================================================== Tables ==============================================================================*/ table{width:100%;border-collapse:collapse;border-spacing:0;font-size:16px;font-family:Helvetica,Arial,sans-serif;margin:0 0 20px;border:2px black solid;} table:last-child{margin-bottom:0;} table > caption{padding:10px 0;font-weight:bold;font-size:20px;} th{padding:10px;border-bottom:1px black solid;} td{padding:10px;} tbody > tr:nth-child(odd) > td{background-color:#EEEEEE;} tfoot{} tfoot > tr > td{border-top:1px black solid;font-weight:bold;} /*============================================================================== Images ==============================================================================*/ figure{} figcaption{text-align:center;padding:5px 0;} img{border:none;image-rendering:-webkit-optimize-contrast;/* Fix Chrome rendering */ } @supports (image-rendering: crisp-edges) { img{image-rendering:auto;/* Target and restore Safari rendering */ } } img + figcaption{font-style:italic;} figure img{width:100%;} /*============================================================================== Lists ==============================================================================*/ ul,ol{margin:0 0 20px;padding:0 0 0 var(--Lists-PaddingLeft);} :is(ul,ol) :is(ul,ol){margin-bottom:0;} section ul,section ol{margin-left:20px;} ul ul,ol ol,ul ol,ol ul{margin-bottom:0;} li{margin:0 0 5px;line-height:1.5;} li:last-child{margin-bottom:0;} dl{} dt{} dd{} /*============================================================================== Forms ==============================================================================*/ form{display:block;} fieldset{display:block;} legend{display:block;} label{display:inline-block;} input{border:1px #bebebe solid;line-height:normal;padding:10px;font-size:16px;font-family:inherit;vertical-align:middle;} /* Hide Microsoft clear and reveal icons within text box and password boxes */ input::-ms-clear,input::-ms-reveal{display:none;} input[type=text]{} input[type=password]{} input[type=browse]{} input[type=search]{} input[type=tel]{} input[type=email]{} input[type=url]{} textarea{border:1px #bebebe solid;width:100%;padding:10px;font-size:16px;font-family:inherit;resize:none;vertical-align:middle;} input::-webkit-input-placeholder{} input::-moz-placeholder{} input:-moz-placeholder{} input:-ms-input-placeholder{} input:hover,textarea:hover{} input:active,textarea:active{} input:focus,textarea:focus{} input[disabled],textarea[disabled]{} input[readonly],textarea[readonly]{} /*============================================================================== Radio / Checkbox ==============================================================================*/ input[type=radio]{} input[type=checkbox]{} /*============================================================================== Radio / Checkbox states ==============================================================================*/ input[type=radio]:hover{} input[type=radio]:checked{} input[type=radio]:active{} input[type=radio]:focus{} input[type=radio][disabled]{} input[type=radio][readonly]{} input[type=checkbox]:hover{} input[type=checkbox]:checked{} input[type=checkbox]:active{} input[type=checkbox]:focus{} input[type=checkbox][disabled]{} input[type=checkbox][readonly]{} /*============================================================================== Date / Time Inputs ==============================================================================*/ input[type=time]{} input[type=date]{} input[type=datetime-local]{} /*============================================================================== Date / Time Input States ==============================================================================*/ input[type=time]:hover,input[type=date]:hover,input[type=datetime-local]:hover{} input[type=time]:active,input[type=date]:active,input[type=datetime-local]:active{} input[type=time]:focus,input[type=date]:focus,input[type=datetime-local]:focus{} input[type=time][disabled],input[type=date][disabled],input[type=datetime-local][disabled]{} input[type=time][readonly],input[type=date][readonly],input[type=datetime-local][readonly]{} /*============================================================================== Dropdowns ==============================================================================*/ select{font-family:inherit;} select[multiple]{} select:-moz-focusring{color:transparent!important;text-shadow:0 0 0 #000000!important;} optgroup{} option{} /*============================================================================== Dropdown States ==============================================================================*/ select:hover{} select:active{} select:focus{} select[disabled]{} select[readonly]{} /*============================================================================== Buttons ==============================================================================*/ button,input[type=button],input[type=submit]{vertical-align:middle;} button{font-family:inherit;} input[type=button]{} input[type=submit]{} button::-moz-focus-inner,input[type=button]::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:none;} /*============================================================================== Button States ==============================================================================*/ button:hover,input[type=button]:hover,input[type=submit]:hover{} button:active,input[type=button]:active,input[type=submit]:active{} button:focus,input[type=button]:focus,input[type=submit]:focus{} button[disabled],input[type=button][disabled],input[type=submit][disabled]{} /*============================================================================== Embed ==============================================================================*/ svg{display:block;} canvas{} applet,embed,object,iframe{} audio{display:none;} video{width:100%;display:block;} /*============================================================================== Assistive (for screen readers, etc.) ==============================================================================*/ .sr-only{top:0;left:-2px;width:1px;height:1px;position:absolute;overflow:hidden;} .HeaderSkipContentMain,.HeaderSkipContentFooter{position:absolute;top:-40px;left:-40px;opacity:0;background-color:#FFFFFF;padding:5px;text-decoration:underline;} .HeaderSkipContentMain:focus,.HeaderSkipContentFooter:focus{opacity:1;top:0;left:0;} /** * Base CSS file for Dialog Elements * * @author Tim Jones */ .Dialog{background-color:white;position:absolute;left:0;top:0;min-width:100px;min-height:50px;overflow:hidden;z-index:var(--Dialog-ZIndex,1000);border:none;margin:auto;padding:0;-webkit-box-shadow:3px 3px 3px 0 rgba(0,1,1,0.08);-moz-box-shadow:3px 3px 3px 0 rgba(0,1,1,0.08);box-shadow:3px 3px 3px 0 rgba(0,1,1,0.08);transition:opacity .25s;opacity:0;pointer-events:none;/*align-items: center;*/ /*justify-content: center;*/ } .Dialog.DialogDraggable{margin:0;position:absolute;} dialog[open]{opacity:1;pointer-events:inherit;} .DialogInner{display:flex;flex-direction:column;position:relative;padding:0;margin:0;height:100%;width:100%;} .DialogTitleBar{flex:0 0 auto;min-height:58px;position:relative;} .DialogTitle{width:100%;background-color:black;color:white;font-size:24px;padding:10px;position:relative;background-color:#ffffff;} .DialogInner .DialogTitle{border-bottom:2px #CECECE solid;color:#40484B;font-size:30px;font-weight:400;height:60px;line-height:58px;text-align:center;padding:0 30px;margin:0;position:relative;} .DialogInner .DialogTitleWithStatus .DialogStatus{font-size:12px;padding-left:30px;padding-top:12px;} .DialogDraggable .DialogInner .DialogTitle{cursor:move;} .DialogResizeHandleTop,.DialogResizeHandleLeft,.DialogResizeHandleBottom,.DialogResizeHandleRight,.DialogResizeHandleTL,.DialogResizeHandleTR,.DialogResizeHandleBL,.DialogResizeHandleBR{position:absolute;width:5px;height:5px;} .DialogResizeHandleTop,.DialogResizeHandleBottom{cursor:ns-resize;width:100%;} .DialogResizeHandleLeft,.DialogResizeHandleRight{cursor:ew-resize;height:100%;} .DialogResizeHandleTL,.DialogResizeHandleBR{cursor:nwse-resize;} .DialogResizeHandleTR,.DialogResizeHandleBL{cursor:nesw-resize;} .DialogResizeHandleTop,.DialogResizeHandleTL,.DialogResizeHandleTR,.DialogResizeHandleLeft,.DialogResizeHandleRight{top:0;} .DialogResizeHandleBottom,.DialogResizeHandleBL,.DialogResizeHandleBR{bottom:0;} .DialogResizeHandleLeft,.DialogResizeHandleTL,.DialogResizeHandleBL{left:0;} .DialogResizeHandleRight,.DialogResizeHandleTR,.DialogResizeHandleBR{right:0;} .DialogInner .DialogTitle{font-size:16px;text-align:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block;} .DialogInner .DialogCloseButton{align-items:center;appearance:none;background-color:transparent;border:none;color:black;cursor:pointer;display:flex;height:14px;justify-content:center;margin-top:-7px;padding:0;position:absolute;right:20px;top:50%;transition:.25s;width:14px;z-index:1;} .DialogInner .DialogCloseButton:hover{opacity:.75;} .DialogInner .DialogCloseButton .DialogCloseIcon{aspect-ratio:1 / 1;width:100%;} .DialogInner .DialogContent{flex:1 1 auto;overflow:auto;padding:20px 40px 40px;position:relative;} .DialogContent{width:100%;text-align:center;} .DialogInner .DialogButtons{display:flex;flex-direction:column;align-items:center;flex:0 0 auto;flex-wrap:wrap;gap:12px;justify-content:center;padding:0 0 40px;text-align:center;} .DialogInner .DialogButtons:empty{padding:0;} .DialogInner .DialogButton{display:block;background-color:#528fcc;color:white;padding:0 50px;font-size:14px;min-height:40px;line-height:40px;border:none;cursor:pointer;vertical-align:bottom;appearance:none;transition:.25s;} .DialogInner .DialogButton:hover{background-color:#3C74AA;} /* dialog:not(.DisableBackgroundFade)::backdrop { */ dialog::backdrop{background-color:black;background:rgba(0,0,0,0.3);position:fixed;left:0;top:0;width:100%;height:100%;transition:.25s;backdrop-filter:blur(4px);} /* dialog.DisableBackgroundFade::backdrop { background: none; content: none; pointer-events: none; } */ /*============================================================================== 640px ==============================================================================*/ @media (max-width: 640px) { .Dialog{border-radius:0;height:100%!important;left:0!important;max-height:100%!important;max-width:100%!important;position:fixed!important;width:100%!important;top:0!important;} .DialogInner .DialogContent{padding-inline:24px;} } .EnvironmentBar{position:fixed;left:50%;width:200px;margin-left:-100px;height:24px;line-height:26px;font-size:11px;font-family:Helvetica,Arial,sans-serif;font-weight:bold;text-transform:uppercase;text-align:center;color:white;background-color:rgba(255,0,0,0.85);z-index:1000000;} .EnvironmentBar:focus{bottom:0;top:unset;} .EnvironmentBar[data-environment="Dev"]{background-color:rgba(255,165,0,0.85);} .ErrorContent{padding:100px 20px;} .ErrorTitle{} .ErrorDescription{} .ErrorCode{} .ErrorDetailsData{font-size:12px;} .ErrorDetailsDataKey{width:20%;text-align:left;} .ErrorDetailsDataValue{width:80%;text-align:left;} .ErrorDetailsType{font-size:18px;} .ErrorDetailsLine{margin-bottom:20px;} .ErrorDetailsStackTrace{font-size:12px;} .ErrorDetailsStackTrace thead th{text-align:left;} .ErrorSearchResults{} .ErrorSearchResults p{font-weight:700;} .ErrorSearchResult{margin:20px;padding:10px;font-size:16px;background-color:#fafafa;} .ErrorSearchResultTitle{font-size:18px;margin-top:5px;margin-bottom:5px;} .ErrorSearchResultDescription{font-size:14px;margin-top:5px;margin-bottom:5px;margin-left:10px;} /** * Base CSS file for forms (required for all themes) * * * @author Tim Jones */ :root{--BaseFormVerticalGap:10px;--FormFieldWithInlineLabelColumnGap:var(--BaseFormVerticalGap);--BaseFormHorizontalGap:20px;--BaseFormGroupsMarginBottom:var(--BaseFormHorizontalGap);--BaseFormGroupColumnsMarginBottom:var(--BaseFormHorizontalGap);--BaseFormRowMarginBottom:var(--BaseFormHorizontalGap);} .FormGroups{display:flex;gap:var(--BaseFormHorizontalGap) var(--BaseFormVerticalGap);margin-bottom:var(--BaseFormGroupsMarginBottom);} .FormGroups:last-child{margin-bottom:0;} .FormGroups .FormGroup{flex:1 1;margin:0 0 40px;} .FormGroupTitle{font-size:20px;margin-bottom:10px;padding-bottom:10px;border-bottom:1px #EEEEEE solid;display:block;} .FormGroupColumns{margin-bottom:var(--BaseFormGroupColumnsMarginBottom);display:flex;gap:var(--BaseFormHorizontalGap) var(--BaseFormVerticalGap);} .FormGroupColumns:last-child{margin-bottom:0;} .FormGroupColumns .FormGroupColumn{flex:1 1;} .FormRow{margin:0 0 var(--BaseFormRowMarginBottom);display:flex;gap:var(--BaseFormHorizontalGap) var(--BaseFormVerticalGap);} .FormRow:last-child{margin-bottom:0;} .FormField{width:100%;flex-grow:1;display:inline-block;} .FormField.FormFieldWithInlineLabel{display:flex;align-items:center;gap:0 var(--FormFieldWithInlineLabelColumnGap);} .FormFieldLabel{margin:0 0 10px;display:block;} .FormFieldLabel[for]{cursor:pointer;} .FormFieldWithInlineLabel .FormFieldLabel{display:inline-block;margin-bottom:0;} .FormFieldRadioLabel,.FormFieldCheckboxLabel{display:inline-block;} .FormFieldTextArea{overflow:auto;} .FormFieldStaticBox,.FormFieldTextBox,.FormFieldNumberBox,.FormFieldPasswordBox,.FormFieldEmailBox,.FormFieldPaymentCardBox,.FormFieldDatePicker,.FormFieldTimePicker,.FormFieldTextArea,.FormFieldSelect{width:100%;display:block;} .FormFieldHelp{font-size:12px;font-style:italic;color:#333;padding:5px 0 0;} .FormFieldSelect::-ms-value{background:transparent;color:black;} .FormButtons{align-items:center;display:flex;flex-wrap:wrap;gap:var(--BaseFormHorizontalGap) var(--BaseFormVerticalGap);justify-content:flex-end;} .FormButton,.FormButtonSubmit{display:inline-block;} /*============================================================================== Form Tables ==============================================================================*/ .FormTable{width:100%;min-width:640px;border:none;} .FormTable > thead > tr > th,.FormTableHead th{padding:10px;font-size:14px;text-align:left;font-weight:400;white-space:nowrap;background-color:#333333;color:white;border:none;border-right:1px solid #ffffff;vertical-align:middle;} .FormTable > thead > tr > th:first-child,.FormTableHead th:first-child{border-left:1px solid #333333;} .FormTable > thead > tr > th:last-child,.FormTableHead th:last-child{border-right:1px solid #333333;} .FormTable > thead > tr > th > a,.FormTableHead th > a{color:white;} .FormTable > thead > tr > th > .Icon,.FormTableHead th > .Icon{width:10px;height:10px;margin-right:5px;display:inline-block;} .FormTable > thead > tr > th > .Icon path,.FormTableHead th > .Icon path{fill:#ffffff;} .FormTable > tbody > tr > td{padding:0;color:#343434;background-color:#ffffff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px;height:40px;font-size:14px;text-align:left;font-weight:300;vertical-align:top;border-left:1px solid #bebebe;border-bottom:1px solid #bebebe;} .FormTable > tbody > tr > td:last-child{text-align:right;border-right:1px solid #bebebe;} .FormTableField .FormField{height:100%;display:block;position:relative;} .FormTableField .FormFieldSelectWrapper{height:100%;width:100%;} .FormTableField .FormFieldStaticBox,.FormTableField .FormFieldTextBox,.FormTableField .FormFieldNumberBox,.FormTableField .FormFieldPasswordBox,.FormTableField .FormFieldDate,.FormTableField .FormFieldDatePicker,.FormTableField .FormFieldTimePicker,.FormTableField .FormFieldEmailBox,.FormTableField .FormFieldTextArea,.FormTableField .FormFieldSelect{outline-offset:-2px;width:100%;height:100%;font-size:12px;border:none;padding:0 10px;margin:0;} .FormTableField .FormFieldStateList{outline-offset:-2px;width:100%;height:100%;font-size:12px;border:none;margin:0;} .FormTableField .FormFieldTextArea{padding:10px;} .FormTableField .FormFieldSelect{background-position:right 15px center;padding:0 40px 0 10px;} .FormTableField .FormFieldTextBox:focus,.FormTableField .FormFieldNumberBox:focus,.FormTableField .FormFieldPasswordBox:focus,.FormTableField .FormFieldDate:focus,.FormTableField .FormFieldEmailBox:focus,.FormTableField .FormFieldTextArea:focus,.FormTableField .FormFieldSelect:focus{outline:1px black solid;} .FormTableField .FormFieldLabel{pointer-events:none;opacity:0;position:absolute;} .FormTableField .FormFieldTextArea + .FormFieldLabel{display:none;} .FormTableField .FormFieldTextBox:focus + .FormFieldLabel,.FormTableField .FormFieldNumberBox:focus + .FormFieldLabel,.FormTableField .FormFieldTextArea:focus + .FormFieldLabel,.FormTableField .FormFieldSelect:focus + .FormFieldLabel{position:absolute;left:2px;top:2px;background-color:white;padding:2px;font-size:9px;color:black;opacity:1;transition:opacity .25s;} .FormTableField .FormFieldCheckbox{display:block;margin:9px auto 0;line-height:100%;} .FormTableField .FormFieldAutocomplete{height:100%;} .FormTableField .FormFieldAutocomplete .FormFieldTextBox{font-size:12px;height:100%;border:none;} .FormTableField .FormFieldAutocomplete + .FormFieldLabel{display:none;} .FormTableField .FormFieldUpload{border:none;} .FormTableField .FormFieldUpload .FileUploadActions{right:1px;top:1px;} .FormTableRowActions{width:100%;height:100%;padding:16px 8px;text-align:center;white-space:nowrap;display:block;} .FormTableRowActions .IconButton,.FormTableRowActions .Icon,.FormTableRowActions .IconLink{width:16px;height:16px;margin:0 3px;display:inline-block;} .FormFieldRecaptcha iframe,iframe:is([title*="recaptcha challenge"]),.g-recaptcha-bubble-arrow ~ * iframe{display:block;} .FormPasswordContainer{display:flex;flex-flow:row wrap;} .FormPasswordInputBox{flex:1 1 auto;} .FormShowPasswordContainer{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6px;} .FormShowPasswordContainerText{width:100%;flex-shrink:0;padding:0;} .FormShowPasswordContainerText .ShowPasswordTextLabel{margin-left:auto;text-align:right;} .FormShowPasswordContainerIcon{width:32px;} /* StateList */ .FormFieldStateList.SelectMode .StateListTextbox,.FormFieldStateList.TextBoxMode .FormFieldSelectWrapper{display:none;} /* ADA Error Handling */ .FormFieldInput.FormError{background-image:url(../svg/erroricon2ec6.svg);border-color:#f64a33;background-position:center right 10px;background-repeat:no-repeat;background-size:24px 24px;padding-right:40px;} /** * Base CSS file for Icons (required for all themes) * * @author Tim Jones */ /*============================================================================== Core ==============================================================================*/ .Icon{background-size:contain;background-repeat:no-repeat;vertical-align:baseline;display:inline-block;cursor:pointer;} .Icon:hover{opacity:.75;} /* todo: Support for svg inside .Icon div */ /*============================================================================== Standard Icons ==============================================================================*/ .IconNew,.IconCreate,.IconAdd{} .IconRead,.IconView{} .IconEdit,.IconUpdate{} .IconDelete{} .HeaderInner,.MainContentInner,.FooterInner{} .PageHeader{text-align:center;} .PageHeaderInner{margin:0 auto;padding:200px 20px;} .BreadcrumbArrow{padding:0 5px;} /** Pagination **/ .Pagination{} .PaginationInner{padding:20px 0;display:-ms-flexbox;display:flex;} .PaginationPages{-ms-flex:1 1 100%;flex:1 1 100%;text-align:center;} .PaginationLink{padding:0 5px;text-align:center;white-space:nowrap;display:inline-block;} .PaginationLink > svg{margin:0 5px;width:12px;height:12px;display:inline-block;} .PaginationEllipsis{padding:0 5px;display:inline-block;} /** * Base CSS file for page content * * @author Tim Jones */ .PageBody ul,.PageBody ol{margin:0 0 20px 15px;} .PageBody ul ul,.PageBody ol ol,.PageBody ul ol,.PageBody ol ul{margin-bottom:0;} .PageBody li{margin:0;} /** * Base Tooltip CSS file * * @author Tim Jones */ .Tooltip{max-width:100%;padding:8px 10px;background-color:#d80000;color:white;font-size:12px;position:absolute;text-align:center;z-index:var(--Tooltip-ZIndex,100);} .Tooltip:after{top:100%;left:50%;margin-left:-10px;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:none;border-top-color:#d80000;border-width:10px;} /** * Base CSS file Audio * * @author Tim Jones */ .Audio{} .AudioInner{width:100%;height:300px;} .AudioInner > iframe{width:100%;height:100%;border:none;display:block;} @media (max-width: 640px) { .AudioInner{height:150px;} } /** * Base CSS file Videos * * @author Tim Jones */ .Video{} .VideoInner{width:100%;padding-bottom:56.25%;position:relative;} .Video[rel=Ratio4_3] .VideoInner{width:100%;padding-bottom:75%;} .VideoInner > iframe{width:100%;height:100%;border:none;position:absolute;left:0;top:0;display:block;} /** * Base CSS file Embeds * * @author Shawn Barth */ .Embed{} .EmbedInner{width:100%;padding-bottom:56.25%;position:relative;} .EmbedFormStackInner{width:100%;height:100%;} .Embed[rel=Ratio4_3] .EmbedInner{width:100%;padding-bottom:75%;} .EmbedInner > iframe{width:100%;height:100%;border:none;position:absolute;left:0;top:0;display:block;} .EmbedFormStackInner > iframe{display:block;overflow:hidden;} .FormFieldAutocomplete{position:relative;display:inline-block;} div.AutocompleteContainer{position:absolute;display:none;top:0;left:0;min-width:200px;z-index:5000;border:1px solid #bebebe;border-top:none;background-color:white;-webkit-filter:none!important;text-align:left;} .AutocompleteResults{max-height:300px;overflow:auto;} .AutocompleteResult{display:block;font-size:12px;color:#222222;cursor:pointer;padding:10px;-webkit-transition:background-color 250ms;-moz-transition:background-color 250ms;-o-transition:background-color 250ms;transition:background-color 250ms;vertical-align:middle;} .AutocompleteResult img{max-height:30px;max-width:30px;vertical-align:middle;margin-right:5px;} .AutocompleteResult:hover{color:#FFFFFF;background-color:#444444;} .AutocompleteResult:focus{color:#FFFFFF;background-color:#444444;} .AutocompleteContainer.Active{display:block;} .AutocompleteNoResults{font-size:12px;padding:10px;} .ColorPicker{/*height: 32px;*/ } .ColorPicker-Button{height:32px;width:32px;margin:4px;border:1px solid #bebebe;/*border-radius: 3px;*/ cursor:pointer;transition:250ms;display:inline-block;} .ColorPicker-Button:hover,.ColorPicker-Button:focus{border-color:#3799de;} .ColorPicker-Text{display:inline-block;line-height:38px;vertical-align:top;font-weight:400;font-size:14px;width:70px;} .ColorPicker-Options{position:absolute;display:block;z-index:5000;background-color:#F8F8F8;border:1px solid #bebebe;padding-top:12px;padding-left:14px;padding-right:14px;padding-bottom:8px;margin-top:4px;margin-left:-8px;-webkit-box-shadow:3px 3px 5px 0 rgba(0,0,0,0.5);-moz-box-shadow:3px 3px 5px 0 rgba(0,0,0,0.5);box-shadow:3px 3px 5px 0 rgba(0,0,0,0.5);} .ColorPicker-Options:after{bottom:100%;left:23px;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(248,248,248,0);border-bottom-color:#F8F8F8;border-width:11px;margin-left:-11px;} .ColorPicker-OptionRow{display:block;margin-bottom:7px;} .ColorPicker-OptionRow:last-child{/*margin-bottom: 0;*/ } .ColorPicker-Option{display:inline-block;height:24px;width:24px;margin-right:7px;border:1px solid #bebebe;/*border-radius: 3px;*/ cursor:pointer;transition:250ms;} .ColorPicker-Option:last-child{margin-right:0;} .ColorPicker-Option:hover,.ColorPicker-Option:focus{border-color:#3799de;} .ColorPicker-Input{margin-left:6px;width:90px;} .ui-datepicker{background-color:white;border:2px black solid;display:none;} .ui-datepicker-trigger{display:none!important;} .ui-datepicker-header{position:relative;padding:10px 0;text-align:center;border-bottom:1px black solid;} .ui-datepicker-prev,.ui-datepicker-next{position:absolute;top:50%;margin-top:-12px;width:24px;height:24px;font-size:20px;line-height:22px;cursor:pointer;} .ui-datepicker-prev{left:5px;} .ui-datepicker-next{right:5px;} .ui-datepicker-title{font-weight:bold;} .ui-datepicker-calendar{border:none;} .ui-datepicker-calendar tbody td{text-align:center;font-size:14px;} .MonthPickerField{display:inline-block;} .MonthPickerDialog{width:340px;box-shadow:0 2px 4px 1px rgba(0,0,0,0.1);background-color:white;border:2px #E3E3E3 solid;border-radius:2px;margin-top:12px;position:absolute;z-index:3;display:none;} .MonthPickerDialogVisible{display:block;} .MonthPickerDialogVisible:before{background-color:white;content:"";width:10px;height:10px;position:absolute;left:20px;top:-8px;border:2px #E3E3E3 solid;border-right:none;border-bottom:none;transform:rotateZ(45deg);transition:.25s;} .MonthPickerDialogRight:before{left:auto;right:20px;} .MonthPickerYears{padding:20px 20px 0;} .MonthPickerYearButton{background-color:transparent;position:absolute;border:1px #B3B3B3 solid;border-radius:2px;top:20px;padding:7px 18px;cursor:pointer;transition:.25s;} .MonthPickerYearButton:disabled{opacity:.35;} .MonthPickerYearButton:active{border-color:#528FCC;} .MonthPickerYearButton > img{width:12px;height:12px;display:block;} .MonthPickerYearPrevious{left:20px;} .MonthPickerYearNext{right:20px;} .MonthPickerYear{color:#40484B;font-size:18px;font-weight:600;line-height:28px;text-align:center;} .MonthPickerMonths{padding:20px;flex-wrap:wrap;display:flex;} .MonthPickerMonth{flex:1 1 25%;width:25%;max-width:25%;position:relative;text-align:center;padding:10px;} .MonthPickerMonth > label{position:relative;width:50px;height:50px;line-height:50px;text-align:center;transition:.25s;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;} .MonthPickerMonth > label:after{content:'';width:50px;height:50px;border-radius:25px;transition:.25s;cursor:pointer;position:absolute;left:0;top:0;z-index:-1;} .MonthPickerMonth > input[type=checkbox]{width:0;height:0;margin:0;padding:0;opacity:0;position:absolute;pointer-events:none;z-index:-1;} /* Checkbox Hover */ .MonthPickerMonth > input[type=checkbox]:hover + label{color:#528FCC;} .MonthPickerMonth > input[type=checkbox]:disabled + label,.MonthPickerMonth > input[type=checkbox]:hover:disabled + label{color:#CECECE;cursor:not-allowed;} /* Checkbox Active */ .MonthPickerMonth > input[type=checkbox]:checked + label{color:white;} .MonthPickerMonth > input[type=checkbox]:checked + label:after{background-image:none;background-color:#528FCC;} /* Checkbox Disabled */ .MonthPickerMonth > input[type=checkbox]:checked:disabled + label{color:#40484B;} .MonthPickerMonth > input[type=checkbox]:checked:disabled + label:after{background-color:#EFEFEF;} .MonthPickerQuickLinks{background-color:#EFEFEF;padding:10px;flex-wrap:wrap;display:flex;border-top:2px #E3E3E3 solid;border-bottom:2px #E3E3E3 solid;} .MonthPickerQuickLink{background-color:transparent;border:none;font-size:12px;font-weight:600;color:#95989A;padding:6px;flex:1 1 50%;width:50%;cursor:pointer;transition:.25s;} .MonthPickerQuickLink:hover{color:#528FCC;} .MonthPickerButtons{padding:0 20px 20px;text-align:center;} .MonthPickerButtonClose{background-color:transparent;border:none;font-size:14px;font-weight:600;color:#528FCC;text-decoration:underline;text-transform:uppercase;cursor:pointer;} .PasswordStrengthFeedback{color:#989898;margin-bottom:10px;font-size:14px;} .PasswordStrengthInput{margin-bottom:10px;} .PasswordStrengthMeter{display:none;position:relative;width:100%;height:8px;background-color:#dee0e2;background-size:100% 10px;} .PasswordStrengthMeterInner{position:absolute;height:100%;top:0;left:0;-webkit-transition:width 250ms linear;-moz-transition:width 250ms linear;-o-transition:width 250ms linear;transition:width 250ms linear;} .PasswordStrengthLabel{font-weight:700;display:inline-block;} .PasswordStrengthLabelCont{font-size:14px;margin-top:10px;margin-bottom:10px;display:none;} .PasswordStrength-0 .PasswordStrengthMeterInner{width:0;} .PasswordStrength-1 .PasswordStrengthMeterInner{width:20%;background-color:#ec310c;} .PasswordStrength-2 .PasswordStrengthMeterInner{width:40%;background-color:#ec310c;} .PasswordStrength-3 .PasswordStrengthMeterInner{width:60%;background-color:#ffde01;} .PasswordStrength-4 .PasswordStrengthMeterInner{width:80%;background-color:#1cb36c;} .PasswordStrength-5 .PasswordStrengthMeterInner{width:100%;background-color:#1cb36c;} .PasswordStrengthInfoLink{font-size:14px;display:none;text-decoration:underline;} .PasswordStrengthDialog{} .PasswordStrengthDialog ul{padding-left:20px;padding-bottom:10px;text-align:left;} .PasswordStrengthDialog .Title{font-weight:700;} .ShowPasswordTextLabel{text-align:right;} .ShowPasswordTextLabel .ShowPasswordButton{color:#555555;} /* Redactor II http://imperavi.com/redactor/ Copyright (c) 2009-2016, Imperavi Oy. License: http://imperavi.com/redactor/license/ */ @font-face{font-family:'Redactor';src:url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBkUAAAC8AAAAYGNtYXAXVtKuAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZnzExC8AAAF4AAAcJGhlYWQMgV4/AAAdnAAAADZoaGVhB7gD6QAAHdQAAAAkaG10eKYBDw8AAB34AAAAsGxvY2GR7orEAAAeqAAAAFptYXhwADQApgAAHwQAAAAgbmFtZVDOJQoAAB8kAAABknBvc3QAAwAAAAAguAAAACAAAwP0AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpJwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6Sf//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAADAAAAgAQAAwAADwAjADMAABMhMhYdARQGIyEiJj0BNDYDITIWHQEUBiMhOAExIiY9ATQ2MxMhMhYdARQGIyEiJj0BNDa7AooZIiIZ/XYZIiJnA4oZIiIZ/HYYIyIZgAKKGSIiGf12GSIiAwAiGQoZIiIZChki/wAiGQkZIiIYChki/wAiGQoZIiIZChkiAAADAAAAgAQAAwAAEAAkADUAABMhMhYdARQGIyEiJj0BNDYzESEyFh0BFAYjITgBMSImPQE0NjMRITIWHQEUBiMhIiY9ATQ2MzsCyhkiIhn9NhkiIhkDihkiIhn8dhgjIhkCyhkiIhn9NhkiIhkDACIZChkiIhkKGSL/ACIZCRkiIhgKGSL/ACIZChkiIhkKGSIAAAAAAwAAAIAEAAMAAA8AIwAzAAATITIWHQEUBiMhIiY9ATQ2AyEyFh0BFAYjITgBMSImPQE0NjMTITIWHQEUBiMhIiY9ATQ2+wLKGSIiGf02GSIipwOKGSIiGfx2GCMiGcACyhkiIhn9NhkiIgMAIhkKGSIiGQoZIv8AIhkJGSIiGAoZIv8AIhkKGSIiGQoZIgAAAwEZAEcC5wMAACUALgBLAAAlPgE1NCY1NjQ1NCYnPgE3PAE1NCYnLgEjKgEjIgcRMzIWMzI2NwMyFRQjIiM1MwM6ATMyFhceARUcARUcARUUBgcOASMiJiMiJzUzAp8hJwEBSDckMAEhGyFRLQIFAjiIzwMGAzBYJMpqdx8cRgcFCQUcNBYPEhUSFjQcBAkEFiZAgBlKLAEEAQMHAz1dEBFFKwEDASY/FhgbBv1OAR8bAhZPWqb+/w4ODSgXAgUCAgQCGSwODg8BA+MAAgDAAAADQAOAACcAMwAAJSImJzEnBw4BIzgBMSoBIyImJxE+ATM6ATMhOgEzMhYXEQ4BIyoBIwERNz4BMzIWFzEXEQMACxMI2toIEwsBAgEYIgICIhgBAgECAAECARgiAgIiGAECAf5AmgcUCgsTCJsABwWOjgYGIBcDERggIRf88BchAxD9mGUGBgYGZQJoAAAAAAUAQAAAA8ADgAAPABMAIQAvAD0AAAEhIgYVERQWMyEyNjURNCYDIREhBSEyFhUUBiMhIiY1NDYXITIWFRQGIyEiJjU0NhchMhYVFAYjISImNTQ2A0D9gDVLSzUCgDVLSzX9gAKA/gABgBslJRv+gBslJRsBgBslJRv+gBslJRsBgBslJRv+gBslJQOASzX9gDVLSzUCgDVL/QACgEAlGxslJRsbJcAlGxslJRsbJcAlGxslJRsbJQADAEAAAAPAA4AADwATAE4AAAEhIgYVERQWMyEyNjURNCYDIREhAzEHDgEjOAExKgEjIiYnNDY3MTcjMCIxIiYnNDY3MTc+ATM4ATE6ATMyFhcUBgcxBzMwMjEyFhcUBgcDQP2ANUtLNQKANUtLNf2AAoCIwAUQCQEBAQ4UAgQElOkCDhUBBATABRAJAQEBDhQCBASU6QIOFQEEBAOASzX9gDVLSzUCgDVL/QACgP6t4AYHEg4FCgStEg4FCgTgBgcSDgUKBK0SDgUKBAABAIAAPAOAAwEAbQAAASMuAS8BLgEnLgEnLgE1MDQ1PAE1NDY3PgEzOgEzHgEXHgEXNy4BIyoBByoBIyIGBw4BFRwBFRwBFRQWFx4BHwEhFSEXHgEVHAEVFAYHDgEjKgEjLgEnLgEnBx4BMzoBMzIWMzI2Nz4BNy4BJxcDgPQSKBc7FSMRCA0FBQUPDQ0jEwIEAhMkEQ8cDRocQiQHDgYBBAImRBoZHQ8NEzAdMf6dAcQECQoSDxEqGAEEARMkEREgDiEfTCkCBAMCBwMsTiAdIgEBCAfUAYASHQsbChUNBhIKCxcNAQEBAQEUIg0LDgEGBgUNCFEREwEbGBc/JQEDAQECAhw1FxgmCxdABA4hEQEBARYmDg4QAQcGBRALVxUWAR0aF0QoFCYSAgACAEAAAAPAA4AAGgA2AAABBzMyFhUUBisBIiY9ATQ2MzIWHQE3HgEXFDY/ASMiJjU0NjsBMhYdARQGIyImPQEHLgEnNAY3AcDnRxMaGhOzExoaExIb5hgiBgZ650cTGhoTsxMaGhMSG+YYIgYGBgFA5hsSExoaE7MTGhoTR+cFIxcKD/rmGxITGhoTsxMaGhNH5wUjFwoPBgAAAAADAEAAQAPAA4AAFwAaAB4AAAEjFTMRIREzNSMiBhURFBYzITI2NRE0JgEHISczESMDQICA/YCAgDVLSzUCgDVLS/6LgAEAqlRUAoCA/sABQIBLNf7ANUtLNQFANUsBANog/roAAwBAAAADwAOAAAMAEwAbAAABMycHASEiBhURFBYzITI2NRE0JgMnIwcjEzMTAbiNRkcBiP2ANUtLNQKANUtL5yvIKHPoLuoBgdHRAf9LNf2ANUtLNQKANUv9QHNzAkD9wAAAAAQAPwDAA78C/wAHAAoAaACVAAAlAyMDMzczFycjNwERMDQ1NCYnLgEnLgEnLgEjKgExOAExIgYHBgcGBwYHFT4BNz4BMzoBMzIWFx4BFTAUHQEjJiIjIgYHDgEVHAEVOAEVFBYXHgEXHgEXHgEzOgEzOAExMjY3PgE3FzMnDgEHDgEHKgEjIiYnLgEnLgEnLgE1OAExNDA1NDY3PgE3PgE3PgEzOgE7ARUCQOou6XMpyCtJjEYCgAYFBA8JChcNDh4PAQIKEwoRERAQDwwNHxEQIRACBAIQHgwKC04DBwQfOBgTFwQEAwsHCBMKDBoOAQIBEiIQER8NATtCDR4RDBoOAQEBBw4GBgkEBAUCAgEDAgMIBgYOCAkUCwEBAVPAAj/9wXNzwNH+egEEAgEOGgwLEwgHDAMEBAEBAgQDBAQFOwYKBAQECwkKGg8CASEBEg8OLBoBAgIBCxUKCREHBwsEBAUIBggWDjNoDBYIBwcBAwICBgQECAUFCwUBAQcOBgYLBAUHAgMCQwAAAAcAPwBAA9EDQAAHAAoADgASABYAGgAeAAAlAyMDMzczFycjNyUzESMTFwcnNwcXNwM3JwcXJzcXAkDqLulzKcgrSYxGAcFAQCQttS2tLbUtrS21La0ttS3AAj/9wXNzwNHv/QAC8S21LbUttS390y21LbUttS0AAAEAwABAA0ADQAAqAAABISoBIyIGBw4BBw4BBw4BFRwBFRQWFx4BFx4BFx4BMzoBMxEzETMRMxEzA0D+YAIFAhgsFRMjDw4WCAYHCQcIFw4OIRMVLRgCBAFcgFxoA0AHBgYUDAwdERAiEgIFAhMkEBEdDA0VBwcI/nMCq/1VAqsAAv/xALMEBALcAAUACwAAAS0BJwkBAQ0BFwkBAZ//AAEAUf6jAV0BCQEA/wBQAV3+owEAyMZO/uz+6wHcyMZNARQBFAAGAEAAQAPAA0AAAwAcAB8AIgAyAEIAAAERIREFOgEzMhYXDgEjKgEjKgEjIiYnPgEzOgEzBzcXMTcXASEyFh0BFAYjISImPQE0NhMhMhYdARQGIyEiJj0BNDYBAAIA/qsBAgIVHgMDHhUCAgEBAwEVHwICHxUBAwFcTUh0bf22AwoZIiIZ/PYZIiIZAwoZIiIZ/PYZIiICgP6AAYBKHBQVGxsVFBz2UFCAgAIAIhkKGSIiGQoZIv2AIhkKGSIiGQoZIgAABwBAAIADwAMAAA8AIwAzADcAUABTAFYAAAEzMhYdARQGKwEiJj0BNDYTMzIWHQEUBisBOAExIiY9ATQ2MwEhMhYdARQGIyEiJj0BNDYDESERBTAyMzIWFw4BIyoBMSoBMSImJz4BMzAyMwc3FyM3FwK7yhkiIhnKGSIiGckZIiIZyRgjIhn9wAMKGSIiGfz2GSIiIgHA/tYBARQdAQEdFAEBAQEUHQEBHRQBAVFDQANoYAMAIhkKGSIiGQoZIv8AIhkJGSIiGAoZIv8AIhkKGSIiGQoZIgIA/oABgEocFBQcHBQUHPZQUICAAAAHAEAAgAPAAwAADwAmADYAOgBNAFAAUwAAEzMyFh0BFAYrASImPQE0NhMzMhYdARQwMRQGIzgBMSMiJj0BNDYzESEyFh0BFAYjISImPQE0NgERIREFMDIzMhYXDgEjIiYnPgEzOgEzBzcXJzcXe8oZIiIZyhkiIhnKGSIiGcoZIiIZAwoZIiIZ/PYZIiIBngHA/tYBARQdAQMdFRQdAwEdFAEBAVFEQARlYwMAIhkKGSIiGQoZIv8AIhkJARkiIhkKGSL/ACIZChkiIhkKGSICAP6AAYBKHBQUGxsUFBz2T1ABgIAAAAAABAAAAAAEAAOAAAMAHAAfACIAABMRIREFOgEzMhYXDgEjKgEjKgEjIiYnPgEzOgEzAzcXNRsBAAQA/VQBAQEvQwEBQy8BAQEBAQEvQwEBQy8BAQG3m5Ho2gOA/IADgKxBLy9BQS8uQv3Ft7sEASf+1AAAAAAFAAAAgAQAAwAAEAAkADQANwA7AAATITIWHQEUBiMhIiY9ATQ2MwEhMhYdARQGIyE4ATEiJj0BNDYzESEyFh0BFAYjISImPQE0NicHEQczFSM7A4oZIiIZ/HYZIiIZAcAByRkiIhn+NxgjIhkByhkiIhn+NhkiIqLAgICAAwAiGQoZIiIZChki/wAiGQkZIiIYChki/wAiGQoZIiIZChkiIaEBQIBAAAACAMAAAAOAA4AAGgA1AAAlKgEjIi4CJzQ+AjMyHgIVDgMjKgEjNToBMzI+Ajc0LgIjIg4CFR4DMzoBMwIgAQMBR35eNwFhfHIREXJ8YQE3Xn5HAQMBAQIBNV5HKQFLXlUKClVeSwEpR141AQIBADVdfEdHv614eK2/R0d8XTVVKEZdNTWThV5ehZM1NV1GKAABAbMASAKMAvYAAwAAJRMjAwITeV96SAKu/VIAAQAAAYEEAAIAABMAABMhMhYdARQGIyE4ATEiJj0BNDYzOwOKGSIiGfx2GCMiGQIAIhkJGSIiGAoZIgAAAwAAAL8EAALBACwAMABhAAAlIiYnNzMeATMyFjMyNjcuASMqASMOAQcnNT4BMzI2MzIeAhcOAyMiJiMBIRUhJw4BBycVDgEVFBYXFTMeATMyNjcXFQ4BIyIGIyIuAic+AzMyFjMyFhcHIy4BJwLcKUshAj0TKxcECQRAXggHX0AECQQXLBQ7IEooBAkFNmFKLgQELkphNgUJBP6SASX+20kXLBQ6EhMTEjwTKxcYLBQ7IEooBAkFNmFKLgQELkphNgUJBChLIQI9EysXwBQSWggKAVQ+P1UBCgkBWxEUAShFXjU2XkYoAQFAgNMBCgkBKREtGRotESgICgoJAVsRFAEoRV41Nl5GKAEUEloJCQEAAAAABQAaAIAEAAMAAA8AIwAzADwAYwAAASEyFh0BFAYjISImPQE0NhMhMhYdARQGIyE4ATEiJj0BNDYzESEyFh0BFAYjISImPQE0NgM1Iw4BDwE3FRM1Izc+ATc0NjU0JicuASMiBiM4ATEiBgcOAQcXPgEzMhUOAQ8BFQE7AooZIiIZ/XYZIiIZAooZIiIZ/XYYIyIZAooZIiIZ/XYZIiKdEA4kFAEvVVYvCg0CAQsJCxkOAgICChQICA0EGwUVDCACCwlJAwAiGQoZIiIZChki/wAiGQkZIiIYChki/wAiGQoZIiIZChkiAQjlEBsKJxyl/oAkRw4gEgEBAQwWBwgJAQUGBQ0JFgsOGhAbC2kMAAAFAAAAgAQAAwAAEAAkADQANwA7AAATITIWHQEUBiMhIiY9ATQ2MwEhMhYdARQGIyE4ATEiJj0BNDYzESEyFh0BFAYjISImPQE0NiUXERUzFSM7A4oZIiIZ/HYZIiIZAcAByRkiIhn+NxgjIhkByhkiIhn+NhkiIv4ewICAAwAiGQoZIiIZChki/wAiGQkZIiIYChki/wAiGQoZIiIZChkiIaEBQIBAAAAGAAD/wAQAA8AAEwAnACsALwAzADcAAAEiDgIVFB4CMzI+AjU0LgIDIi4CNTQ+AjMyHgIVFA4CASEVIREhFSEbARcDNxMXAwIAaruLUFCLu2pqu4tQUIu7alCLaTw8aYtQUItpPDxpi/7wAYD+gAGA/oBASjZKSko3SwPAUIu7amq7i1BQi7tqaruLUPyAPGmLUFCLaTw8aYtQUItpPAFAQAEAQP7bAeUb/hsbAeUa/hoAAAAFAAAAgAQAAwAAEAAtAD4AWwBvAAATITIWHQEUBiMhIiY9ATQ2MwEzMjAxMhYVOAExFRQwMRQGIzgBMSMiJj0BNDYzASEyFh0BFAYjISImPQE0NjMBMzIwMTIWFTgBMRUUMDEUBiM4ATEjIiY9ATQ2MzsBMhYdARQGKwE4ATEiJj0BNDYzOwOKGSIiGfx2GSIiGQEACQEZIiIZChkiIhn/AAOKGSIiGfx2GSIiGQHACQEZIiIZChkiIhnACRkiIhkJGCMiGQMAIhkKGSIiGQoZIv8AIhkJARkiIhkKGSL/ACIZChkiIhkKGSIBACIZCQEZIiIZChkiIhkJGSIiGAoZIgAAAAEAwACAA0ADAABBAAA3MDIxMjY1OAExNTQ2MyEHDgEVFBYzMjY3MTc+ATU0Ji8BLgEjIgYVFBYfASE4ATEiDgIVOAExFTgBMRQWMzgBMegBEBhdQwEHhAYGGBAIDwXIBgYGBsgFDwgQGAYGhP74MldBJhcRgBcRoEJehAUOCRAYBwXIBQ8ICA8FyAYGFxEIDgaEJUJXMqARFwAAAAIAQAAAA4ADgAAbADcAAAEHMzIWFRQGKwEiJj0BNDYzMhYdATceARcUNgcBNyMiJjU0NjsBMhYdARQGIyImPQEHLgEnNAY3A4DnRxMaGhOzExoaExIb5hgiBgYG/MDnRxMaGhOzExoaExIb5hgiBgYGA0DmGxITGhoTsxMaGhNH5wUjFwoPBv0A5hsSExoaE7MTGhoTR+cFIxcKDwYAAAABAIAAPgN/A0AAowAAJSIjBz4BNz4BNz4BNz4BNTwBNTwBNTQmJy4BJy4BJy4BIyoBIyoBIyIGBw4BBw4BBw4BFRwBFTgBMRQWFx4BFx4BFx4BFyciKwEVMBQxFBYXHgEzOgExITUuAScuAScuAScuATU8ATE8ATU0Njc+ATc+ATc+ATMyFhceARceARceARUcARUwFBUUBgcOAQcOAQcOAQ8BIToBMTI2Nz4BNTA0MTUC9hcXLRksFBMiDw4XCAgJEA8OKBgaOiAiSSYBAgEBAgEmSSIhOxkZKA4OEAkICBcPDiITFCwXKxcWigYGBQ8IAQEBGRUmEBIdDA0VBwcICwoKGxERJxYWMhkaMRgVKBERGwkKCwgHBxQNDB4RESUVAQEZAQEJDgYFBqgFCRgPDyQUFS4YGjYcAQEBAQEBJkcgHzcXFiMMDA4ODQwkFxc3HyBHJgECAR03GhkuFBQkDw8YCQVAAQgOBQUGkQMQDAweERIpFxcyGgEBAQMBHDQYFiYPDxcICAgICAgXDw8mFhg0HAEDAQEBGjIYFikSER4MDA8EjwYFBQ4IAUAAAAACARUAFgPpAp0ACwA1AAAlJzcjBycjFwczNxcFNSM3PgE3PAE1NCYnLgEjKgEjMCIjIgYHDgEHFz4BNz4BMzIVDgEPARUCzLurXXVqXZ2rYXKAAYGPUhAVAxANECcVAgQCAQEQHQ0LEQQfBQ0ICBMLOQMSD3PI8OWhoeXwq6uwLYAWNB0CAwETIQwLDQgHBhQMGwkNBQUGMxowE7AKAAAAAgEVAMgD6QONAAsANQAAJSc3IwcnIxcHMzcXATUjNz4BNzwBNTQmJy4BIyoBIyoBIyIGBw4BBxc+ATc+ATcyFQ4BDwEVAsy7q111al2dq2FygAGBj1IQFQMQDREoFgEDAQEBARAdDQsRBCAEDQgIFAo5AhMPcsjw5aGh5fCrqwFQLYAWNB0CAwETIQwNDggHBhQMGwgOBQUFATMbLxSwCgAAAAAGAEAAQAPAAwAAAwAHAAsADwATABcAABMhFSElIRUhBSEVISUhFSEFIRUhJSEVIUABov5eAd4Bov5e/iIBov5eAd4Bov5e/iIBov5eAd4Bov5eAwDAwMBAwMDAQMDAwAACAIAAQQOAA0AALQBbAAABMhYVMBQVFAYHNQchMhYVFAYjIRceARUcATEUBiMiJic1Jy4BNTQ2NzE3PgEzATEXHgEVFAYHMQcOASMiJjUwNDE0NjcxNyEGJjU0NjMhJy4BNTwBMTQ2MzIWFwEQFBwIBg4CLBQcHBT91A4HBxwUCxEGYAYICAZgBhELAgBgBwcHB2AGEQsUHAgGDv3WFBwcFAIsDgcHHBQLEQYDQCYaAQEMFgoBEyYaGiYTCRYMAQEaJgoIAYAJFw0MFwqACAv+bYAJFw0MFwqACAolGwENFgkTASYaGiYTCRYMAQEaJgoIAAAABAEAAIADAQMAAAMABwALAA8AAAEnNxcXNycHAwcXNzcXBycBKSnrKcMq7CnDKespwyrsKQIAJ9km2ibaJv6mJton2SfZJwAAAgDQ/8ADEAMOADIANgAAARwBFRQWFx4BMzI2MzoBMzI2Nz4BNTwBNREjERwBFRQGBw4BIyoBIyoBIyImNTQ2NREjAzUhFQESHxseSyoFCgUCBwMsTR8cIVgUERIxGwIEAgIDAzVLAVhCAkABTAMHAylJGhgcAR0aGkgqAwYDAb/+RgEEAhsvEhEUSzUCAwIBtvy3ODgAAAABAMAAgANAAwAAMAAAJSImPQE0JiMhFx4BFRQGIyImJzEnLgE1NDY/AT4BMzIWFRQGBzEHITIeAh0BFAYjAxgQF15C/veEBgYYEAgPBcgGBgYGyAUPCBAYBgaEAQgyV0EmFxGAFxGgQl6EBQ4JEBgHBcgFDwgIDwXIBgYXEQgOBoQmQVgxoBEXAAAAAAYAAACABAADAAAPACMAMwBDAGAAcAAAEyEyFh0BFAYjISImPQE0NhMhMhYdARQGIyE4ATEiJj0BNDYzESEyFh0BFAYjISImPQE0NiMzMhYdARQGKwEiJj0BNDYTMzIwMTIWFTgBMRUUMDEUBiM4ATEjIiY9ATQ2MxEzMhYdARQGKwEiJj0BNDb7AsoZIiIZ/TYZIiIZAsoZIiIZ/TYYIyIZAsoZIiIZ/TYZIiKnChkiIhkKGSIiGQkBGSIiGQoZIiIZChkiIhkKGSIiAwAiGQoZIiIZChki/wAiGQkZIiIYChki/wAiGQoZIiIZChkiIhkKGSIiGQoZIgEAIhkJARkiIhkKGSIBACIZChkiIhkKGSIAAAQAAABABAADQAAXACcASABLAAABISIOAhURFB4CMyEyPgI1ETQuAhMUBiMhIiY1ETQ2MyEyFhUFMQcOASMwIjEqASMiJic1PgEzOgEzMhYXIxceARUUBgcnNycDAP4ANV1GKChGXTUCADVdRigoRl1LSzX+ADVLSzUCADVL/umaBg0IAQECARIbAgIbEgECAQgOBwGaCg0NCoAICwNAKEZdNf8ANV1GKChGXTUBADVdRij+ADVLSzUBADVLSzWjVgMEGRKqEhkEBFUEEwwLEwQdBQYAAQAAAAEAAL19wCtfDzz1AAsEAAAAAADUtozhAAAAANS2jOH/8f/ABAQDwAAAAAgAAgAAAAAAAAABAAADwP/AAAAEAP/x//wEBAABAAAAAAAAAAAAAAAAAAAALAQAAAAAAAAAAAAAAAIAAAAEAAAABAAAAAQAAAAEAAEZBAAAwAQAAEAEAABABAAAgAQAAEAEAABABAAAQAQAAD8EAAA/BAAAwAQA//EEAABABAAAQAQAAEAEAAAABAAAAAQAAMAEAAGzBAAAAAQAAAAEAAAaBAAAAAQAAAAEAAAABAAAwAQAAEAEAACABAABFQQAARUEAABABAAAgAQAAQAEAADQBAAAwAQAAAAEAAAAAAAAAAAKABQAHgBmALAA+AFeAagCBAJqAwADTgOAA7IEeAS0BPQFFgV4Be4GYgacBvAHOAdGB2QH7gh2CMoJJAmmCfQKRAscC2wLvgvuDGgMjAzYDR4NqA4SAAAAAQAAACwApAAHAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAgAAAABAAAAAAACAAcAaQABAAAAAAADAAgAOQABAAAAAAAEAAgAfgABAAAAAAAFAAsAGAABAAAAAAAGAAgAUQABAAAAAAAKABoAlgADAAEECQABABAACAADAAEECQACAA4AcAADAAEECQADABAAQQADAAEECQAEABAAhgADAAEECQAFABYAIwADAAEECQAGABAAWQADAAEECQAKADQAsFJlZGFjdG9yAFIAZQBkAGEAYwB0AG8AclZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMFJlZGFjdG9yAFIAZQBkAGEAYwB0AG8AclJlZGFjdG9yAFIAZQBkAGEAYwB0AG8AclJlZ3VsYXIAUgBlAGcAdQBsAGEAclJlZGFjdG9yAFIAZQBkAGEAYwB0AG8AckZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=) format("truetype");font-weight:normal;font-style:normal;} .redactor-box{position:relative;overflow:visible;border:1px solid rgba(0,0,0,0.07);padding:58px 20px 20px;} .redactor-editor,.redactor-box{background:#fff;} .redactor-editor,.redactor-box,.redactor-box textarea{z-index:auto;} .redactor-link-tooltip{z-index:99;} .redactor-toolbar{z-index:1;} .redactor-box-fullscreen{z-index:1051;} .redactor-air,.redactor-dropdown{z-index:1052;} #redactor-modal-overlay,#redactor-modal-box,#redactor-modal{z-index:1053;} .redactor-body-fullscreen .redactor-link-tooltip{z-index:1099;} .redactor-box-fullscreen{position:fixed;top:0;left:0;width:100%;} .redactor-placeholder:after{position:absolute;top:20px;left:20px;content:attr(placeholder);display:block;color:rgba(0,0,0,0.3);font-weight:normal!important;} .redactor-editor{position:relative;overflow:auto;margin:0;min-height:400px;max-height:600px;padding:0;outline:none;white-space:normal;} .redactor-relative{position:relative;} .redactor-in{cursor:text;} .redactor-editor:focus,.redactor-in:focus{outline:none;} .redactor-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll;} .redactor-script-tag{display:none;} .redactor-editor-img-edit img{cursor:pointer;} .redactor-voice-label{display:none;} .redactor-voice-alert{position:absolute;left:-3000px;} .redactor-toolbar{position:absolute;left:0;top:0;width:100%;height:38px;padding:0!important;background:#fff;border:none;display:flex;justify-content:space-around;align-items:center;box-shadow:0 1px 2px rgba(0,0,0,0.25);} .redactor-toolbar:after{content:"";display:table;clear:both;} .redactor-toolbar li{flex:0 1 auto;} .redactor-toolbar li a{color:rgba(0,0,0,0.75);} .redactor-toolbar li a:hover{outline:none;background-color:#3d79f2;color:#fff;} .redactor-toolbar li a:active,.redactor-toolbar li a.redactor-act{outline:none;background-color:#eee;color:#444;} .redactor-toolbar li a.redactor-button-disabled{opacity:.3;} .redactor-toolbar li a.redactor-button-disabled:hover{color:#333;outline:none;background-color:transparent!important;cursor:default;} .redactor-toolbar li a.redactor-button-focus{color:#fff;background:#000;} .redactor-toolbar.redactor-toolbar-external{z-index:999;border:1px solid rgba(0,0,0,0.1);} .redactor-air{position:absolute;background:rgba(0,0,0,0.9);padding:0;max-width:600px;min-width:200px;border-radius:4px;border:none;} .redactor-air li a{color:rgba(255,255,255,0.75);} .redactor-air li a:hover{outline:none;background-color:#1f78d8;color:#fff;} .redactor-air li a:active,.redactor-air li a.redactor-act{outline:none;background-color:#333;color:rgba(255,255,255,0.5);} .redactor-air li a.redactor-button-disabled{opacity:.3;} .redactor-air li a.redactor-button-disabled:hover{color:rgba(255,255,255,0.3);outline:none;background-color:transparent!important;cursor:default;} .redactor-air li a.redactor-button-focus{color:#333;background:#eee;} .redactor-air,.redactor-toolbar{font-family:Arial,"Helvetica Neue",Helvetica,Tahoma,sans-serif;margin:0!important;list-style:none!important;line-height:1!important;} .redactor-air li,.redactor-toolbar li{vertical-align:top;display:inline-block;margin:0!important;padding:0!important;outline:none;list-style:none!important;} .redactor-toolbar li:before{display:none;} .redactor-air li a,.redactor-toolbar li a{font-size:12px;display:block;text-align:center;padding:11px 13px 9px;cursor:pointer;outline:none;border:none;line-height:1;text-decoration:none;cursor:pointer;zoom:1;} .redactor-air li a.re-bold,.redactor-toolbar li a.re-bold{font-weight:bold;} .redactor-air li a.re-italic,.redactor-toolbar li a.re-italic{font-style:italic;} .redactor-air li a.re-deleted,.redactor-toolbar li a.re-deleted{text-decoration:line-through;} .redactor-air li a.re-underline,.redactor-toolbar li a.re-underline{text-decoration:underline;} .redactor-link-tooltip{font-family:Arial,"Helvetica Neue",Helvetica,Tahoma,sans-serif;position:absolute;padding:10px;line-height:1;display:inline-block;background-color:#000;color:#555!important;font-size:12px;} .redactor-link-tooltip a{font-size:12px;color:#ccc;margin:0 5px;text-decoration:none;} .redactor-link-tooltip a:hover{color:#fff;} .redactor-structure h1,.redactor-structure h2,.redactor-structure h3,.redactor-structure h4,.redactor-structure h5,.redactor-structure h6,.redactor-structure div{position:relative;} .redactor-structure h1:before,.redactor-structure h2:before,.redactor-structure h3:before,.redactor-structure h4:before,.redactor-structure h5:before,.redactor-structure h6:before,.redactor-structure div:before{width:24px;position:absolute;font-size:10px;font-weight:normal;opacity:.3;left:-32px;text-align:right;} .redactor-structure h1:before{content:"H1";} .redactor-structure h2:before{content:"H2";} .redactor-structure h3:before{content:"H3";} .redactor-structure h4:before{content:"H4";} .redactor-structure h5:before{content:"H5";} .redactor-structure h6:before{content:"H6";} .redactor-structure div:before{content:"DIV";} #redactor-image-box{position:relative;max-width:100%;display:inline-block;line-height:0;outline:1px dashed rgba(0,0,0,0.6);} #redactor-image-editter{position:absolute;z-index:5;top:50%;left:50%;margin-top:-11px;margin-left:-18px;line-height:1;background-color:#000;color:#fff;font-size:11px;padding:7px 10px;cursor:pointer;} #redactor-image-resizer{position:absolute;z-index:2;line-height:1;cursor:nw-resize;bottom:-4px;right:-5px;border:1px solid #fff;background-color:#000;width:8px;height:8px;} #redactor-droparea{position:relative;overflow:hidden;padding:64px 24px;border:3px dashed rgba(0,0,0,0.1);} #redactor-droparea.drag-hover{background:rgba(200,222,250,0.75);} #redactor-droparea.drag-drop{background:rgba(250,248,200,0.5);} #redactor-droparea-placeholder{text-align:center;font-size:12px;margin-left:64px;color:rgba(0,0,0,0.7);} .redactor-image-dragover{outline:2px solid #3d79f2;} #redactor-progress{position:fixed;top:0;left:0;width:100%;z-index:1000000;height:10px;} #redactor-progress span{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.2) 50%,rgba(255,255,255,0.2) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.2) 50%,rgba(255,255,255,0.2) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.2) 50%,rgba(255,255,255,0.2) 75%,transparent 75%,transparent);-webkit-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite;display:block;width:100%;height:100%;background-color:#3d58a8;background-size:40px 40px;} @-webkit-keyframes progress-bar-stripes { from{background-position:40px 0;} to{background-position:0 0;} } @-o-keyframes progress-bar-stripes { from{background-position:40px 0;} to{background-position:0 0;} } @keyframes progress-bar-stripes { from{background-position:40px 0;} to{background-position:0 0;} } .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;} @-webkit-keyframes redactorSlideUp { to{padding-top:0;padding-bottom:0;height:0;} } @keyframes redactorSlideUp { to{padding-top:0;padding-bottom:0;height:0;} } .redactor-slideUp{overflow:hidden;-webkit-animation-name:redactorSlideUp;animation-name:redactorSlideUp;} @-webkit-keyframes redactorSlideDown { from{height:0;padding-top:0;padding-bottom:0;} } @keyframes redactorSlideDown { from{height:0;padding-top:0;padding-bottom:0;} } .redactor-slideDown{overflow:hidden;-webkit-animation-name:redactorSlideDown;animation-name:redactorSlideDown;} @-webkit-keyframes redactorFadeIn { from{opacity:0;} to{opacity:1;} } @keyframes redactorFadeIn { from{opacity:0;} to{opacity:1;} } .redactor-fadeIn{-webkit-animation-name:redactorFadeIn;animation-name:redactorFadeIn;} @-webkit-keyframes redactorFadeOut { from{opacity:1;} to{opacity:0;} } @keyframes redactorFadeOut { from{opacity:1;} to{opacity:0;} } .redactor-fadeOut{-webkit-animation-name:redactorFadeOut;animation-name:redactorFadeOut;} .redactor-dropdown{font-family:Arial,"Helvetica Neue",Helvetica,Tahoma,sans-serif;min-width:220px;max-height:254px;color:#000;margin:0;padding:0;font-size:14px;background:#fff;box-shadow:0 5px 20px rgba(0,0,0,0.2);overflow:auto;list-style:none;} .redactor-dropdown-box-backcolor,.redactor-dropdown-box-fontcolor{min-width:200px;} .redactor-dropdown li{border-bottom:1px solid rgba(0,0,0,0.07);} .redactor-dropdown li:last-child{border-bottom:none;} .redactor-dropdown li:hover{background-color:#3d79f2;} .redactor-dropdown li:hover a{color:#fff!important;text-decoration:none;} .redactor-dropdown li.redactor-dropdown-link-inactive{background:none;} .redactor-dropdown li.redactor-dropdown-link-inactive a,.redactor-dropdown li.redactor-dropdown-link-inactive a:hover{background:none;cursor:default;color:#000!important;opacity:.4;background:none;} .redactor-dropdown a{display:block;padding:5px;color:#000;text-decoration:none;} .redactor-dropdown a span{padding:1px 4px;display:inline-block;border-radius:3px;line-height:1.4;} .redactor-dropdown a:focus{outline:none;} .redactor-dropdown a.selected{background-color:#000;color:#fff;} .redactor-dropdown a.redactor-dropdown-link-selected{color:#fff;background:#000;} .redactor-dropdown-box-inline .redactor-dropdown-marked span{background-color:#ffd61e;color:#000;text-decoration:none;} .redactor-dropdown-box-inline .redactor-dropdown-code span{font-family:Menlo,Monaco,Consolas,"Courier New",monospace;background:rgba(0,0,0,0.05);} .redactor-dropdown-box-inline .redactor-dropdown-sample span{font-family:Menlo,Monaco,Consolas,"Courier New",monospace;background:#46a9fc;color:rgba(255,255,255,0.9);} .redactor-dropdown-box-inline .redactor-dropdown-variable span{font-family:Menlo,Monaco,Consolas,"Courier New",monospace;color:rgba(0,0,0,0.5);} .redactor-dropdown-box-inline .redactor-dropdown-shortcut span{font-family:Menlo,Monaco,Consolas,"Courier New",monospace;background:#000;color:rgba(255,255,255,0.85);white-space:nowrap;} .redactor-dropdown-box-inline .redactor-dropdown-cite span{color:rgba(0,0,0,0.5);font-style:italic;} .redactor-dropdown-box-inline .redactor-dropdown-sup span,.redactor-dropdown-box-inline .redactor-dropdown-sub span{font-size:12px;} .redactor-dropdown-box-format .redactor-dropdown-blockquote{color:rgba(0,0,0,0.4);font-style:italic;} .redactor-dropdown-box-format .redactor-dropdown-pre{font-family:monospace,sans-serif;} .redactor-dropdown-box-format .redactor-dropdown-h1,.redactor-dropdown-box-format .redactor-dropdown-h2,.redactor-dropdown-box-format .redactor-dropdown-h3,.redactor-dropdown-box-format .redactor-dropdown-h4,.redactor-dropdown-box-format .redactor-dropdown-h5,.redactor-dropdown-box-format .redactor-dropdown-h6{line-height:24px;font-weight:bold;margin:0!important;padding:0!important;} .redactor-dropdown-box-format .redactor-dropdown-h1{font-size:40px;line-height:32px;} .redactor-dropdown-box-format .redactor-dropdown-h2{font-size:32px;line-height:32px;} .redactor-dropdown-box-format .redactor-dropdown-h3{font-size:24px;} .redactor-dropdown-box-format .redactor-dropdown-h4{font-size:18px;} .redactor-dropdown-box-format .redactor-dropdown-h5{font-size:16px;} .redactor-dropdown-box-format .redactor-dropdown-h6{font-size:14px;text-transform:uppercase;letter-spacing:.04em;} #redactor-modal-overlay{position:fixed;top:0;left:0;margin:auto;overflow:auto;width:100%;height:100%;background-color:rgba(0,0,0,0.6);} #redactor-modal-box{position:fixed;top:0;left:0;bottom:0;right:0;overflow-x:hidden;overflow-y:auto;} #redactor-modal{position:relative;margin:auto;margin-top:16px;padding:0;background:#fff;color:#000;border-radius:5px;box-shadow:0 4px 20px rgba(0,0,0,0.35);font-family:Arial,"Helvetica Neue",Helvetica,Tahoma,sans-serif;font-size:14px;} @media (max-width: 768px) { #redactor-modal{font-size:16px!important;} } #redactor-modal #redactor-modal-header{border-top-right-radius:5px;border-top-left-radius:5px;padding:20px 24px;font-size:16px;font-weight:bold;color:#000;border-bottom:1px solid rgba(0,0,0,0.05);background:#f5f5f5;} #redactor-modal #redactor-modal-close{position:absolute;top:10px;right:4px;width:30px;height:40px;text-align:center;color:rgba(0,0,0,0.4);font-size:30px;font-weight:300;cursor:pointer;-webkit-appearance:none;padding:0;border:0;background:none;outline:none;} #redactor-modal #redactor-modal-close:hover{color:#000;} #redactor-modal #redactor-modal-body{overflow:auto;padding:40px 48px 24px;} #redactor-modal #redactor-modal-body section{margin-bottom:24px;} #redactor-modal #redactor-modal-body label{font-weight:bold;font-size:12px;display:block;margin-bottom:4px;} #redactor-modal #redactor-modal-body label .desc{font-weight:normal;color:rgba(0,0,0,0.5);} #redactor-modal #redactor-modal-body label.checkbox{font-weight:normal;font-size:inherit;} @media (max-width: 768px) { #redactor-modal #redactor-modal-body{padding:24px;} } #redactor-modal select,#redactor-modal input[type="text"],#redactor-modal input[type="password"],#redactor-modal input[type="email"],#redactor-modal input[type="url"],#redactor-modal textarea{box-sizing:border-box;position:relative;z-index:2;margin:0;padding:8px;height:40px;border:1px solid #ddd;border-radius:3px;background-color:white;box-shadow:none;color:#333;width:100%;font-size:14px;font-family:Arial,"Helvetica Neue",Helvetica,Tahoma,sans-serif;} @media (max-width: 768px) { #redactor-modal select,#redactor-modal input[type="text"],#redactor-modal input[type="password"],#redactor-modal input[type="email"],#redactor-modal input[type="url"],#redactor-modal textarea{font-size:16px;} } #redactor-modal select:focus,#redactor-modal input[type="text"]:focus,#redactor-modal input[type="password"]:focus,#redactor-modal input[type="email"]:focus,#redactor-modal input[type="url"]:focus,#redactor-modal textarea:focus{-moz-transition:border .3s ease-in;transition:border .3s ease-in;outline:none;border-color:#aaa;} #redactor-modal textarea{display:block;line-height:1.4em;} #redactor-modal button{padding:13px 24px 14px;margin:0;margin-bottom:8px;margin-right:8px;height:40px;outline:none;border:1px solid transparent;border-radius:4px;background-color:#eee;color:#000;text-align:center;text-decoration:none;font-weight:normal;font-size:13px;font-family:Arial,"Helvetica Neue",Helvetica,Tahoma,sans-serif;line-height:1;cursor:pointer;} #redactor-modal button:hover{color:#777;background:none;background:#ddd;text-decoration:none;} #redactor-modal button.redactor-modal-button-offset{margin-left:24px;} #redactor-modal button#redactor-modal-button-delete{background:none;border-color:#f23d3d;color:#f23d3d;} #redactor-modal button#redactor-modal-button-delete:hover{color:rgba(255,255,255,0.6);background-color:#f23d3d;} #redactor-modal button#redactor-modal-button-action{background:none;color:#fff;background-color:#3d79f2;} #redactor-modal button#redactor-modal-button-action:hover{color:rgba(255,255,255,0.6);background-color:#3263c6;} #redactor-modal .redactor-group:after{content:"";display:table;clear:both;} #redactor-modal .redactor-modal-tab-side{float:left;width:26%;margin-right:6%;} #redactor-modal .redactor-modal-tab-area{float:left;width:66%;} @media (max-width: 768px) { #redactor-modal .redactor-modal-tab-side{float:none;width:auto;margin-right:0;margin-bottom:24px;} #redactor-modal .redactor-modal-tab-area{float:none;width:auto;} } #redactor-modal-tabber{margin-bottom:40px;font-size:12px;} #redactor-modal-tabber a{border:1px solid #ddd;line-height:1;padding:8px 15px;margin-right:-1px;text-decoration:none;color:#000;} #redactor-modal-tabber a:hover{background-color:#1f78d8;border-color:#1f78d8;color:#fff;} #redactor-modal-tabber a.active{cursor:default;background-color:rgba(0,0,0,0.05);border-color:#ddd;color:rgba(0,0,0,0.5);} #redactor-modal-list{margin-left:0;padding-left:0;list-style:none;max-height:250px;overflow-x:auto;} #redactor-modal-list li{border-bottom:1px solid rgba(0,0,0,0.07);} #redactor-modal-list li:last-child{border-bottom:none;} #redactor-modal-list a{padding:10px 5px;color:#000;text-decoration:none;font-size:13px;display:block;position:relative;} #redactor-modal-list a:hover{background-color:#eee;} /** Icons **/ .RedactorIcon{font-family:"Redactor",sans-serif;font-style:normal;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;} .re-html .RedactorIcon:before{content:"\e90e";} .re-format .RedactorIcon:before{content:"\e90d";} .re-undo .RedactorIcon:before{content:"\e925";} .re-redo .RedactorIcon:before{content:"\e91c";} .re-bold .RedactorIcon:before{content:"\e903";} .re-italic .RedactorIcon:before{content:"\e915";} .re-deleted .RedactorIcon:before{content:"\e907";} .re-ul .RedactorIcon:before{content:"\e926";} .re-ol .RedactorIcon:before{content:"\e918";} .re-outdent .RedactorIcon:before{content:"\e919";} .re-indent .RedactorIcon:before{content:"\e913";} .re-image .RedactorIcon:before{content:"\e912";} .re-audio .RedactorIcon:before{content:"\e927";} .re-video .RedactorIcon:before{content:"\e927";} .re-embed .RedactorIcon:before{content:"\e927";} .re-file .RedactorIcon:before{content:"\e909";} .re-table .RedactorIcon:before{content:"\e921";} .re-link .RedactorIcon:before{content:"\e917";} .re-horizontalrule .RedactorIcon:before{content:"\e916";} .re-align-left .RedactorIcon:before{content:"\e901";} .re-align-center .RedactorIcon:before{content:"\e900";} .re-align-right .RedactorIcon:before{content:"\e902";} .re-align-justify .RedactorIcon:before{content:"\f039";} .re-customeelements .RedactorIcon:before{content:"\e904";} .re-fontcolor .RedactorIcon:before{content:"A";font-size:12px;font-weight:bold;text-decoration:underline;} .redactor-toolbar li a.re-fontcolor{padding-left:16px;padding-right:16px;} .re-backcolor .RedactorIcon:before{content:"A";padding:3px 4px;font-size:11px;font-weight:bold;background-color:black;color:white;} .re-fontsize .RedactorIcon:before{content:"\00005C";} .re-inline .RedactorIcon:before{content:"\e914";} .redactor-dropdown-box-customeelements{padding:16px;} .redactor-dropdown-box-customeelements a:hover{background-color:#ccc;} @media (max-width: 1280px) { .redactor-toolbar{flex-wrap:wrap;justify-content:flex-start;height:auto;} } p.RedactorCustomStylesheetError{color:#e1223a;font-size:13px;margin:12px 0;} .FormFieldSlider{position:relative;width:100%;display:inline-block;} .FormFieldSliderTrack{background-color:white;height:12px;border-radius:6px;border:2px #bebebe solid;padding:0 5px;} .FormFieldSliderTrackInner{position:relative;width:100%;height:100%;} .FormFieldSliderButton{background-color:white;position:absolute;left:0;top:0;padding:0;width:20px;height:20px;margin-left:-10px;margin-top:-6px;border-radius:10px;border:2px black solid;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;z-index:1;} .FormFieldSliderButton::-moz-focus-inner{border:none;} .FormFieldSliderButton:focus{border-color:#3799de;z-index:1;} .FormFieldSliderTooltip{background-color:rgba(0,0,0,0.75);color:white;position:absolute;left:0;top:0;font-size:12px;padding:3px 10px;margin-top:-15px;border-radius:5px;z-index:2;opacity:0;visibility:hidden;transition:visibility 0s linear 0.25s,opacity .25s;} .FormFieldSliderTooltip:after{content:'';position:absolute;left:50%;bottom:-6px;margin-left:-6px;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid rgba(0,0,0,0.75);} .FormFieldSliderTooltipActive{opacity:1;visibility:visible;transition-delay:0s;} .FormFieldSliderTrackRange{background-color:#3799de;position:absolute;left:0;top:0;width:0;height:100%;} .FormFieldSliderStandard .FormFieldSliderTrackRange{margin-left:-5px;border-radius:4px;} .FormFieldSliderLabels{position:relative;width:100%;display:-ms-flexbox;display:flex;} .FormFieldSliderLabel{-ms-flex:1 1 auto;flex:1 1 auto;} .FormFieldSliderLabelMin{text-align:left;} .FormFieldSliderLabelMax{text-align:right;} .TimePickerDialog{width:180px;box-shadow:0 2px 4px 1px rgba(0,0,0,0.1);background-color:white;border:2px #E3E3E3 solid;border-radius:2px;margin-top:12px;position:absolute;display:none;z-index:5;} .TimePickerDialogVisible{display:block;} .TimePickerDialogVisible:before{background-color:white;content:"";width:10px;height:10px;position:absolute;left:20px;top:-8px;border:2px #E3E3E3 solid;border-right:none;border-bottom:none;transform:rotateZ(45deg);transition:.25s;} .TimePickerDialogVisible:before{left:auto;right:20px;} .TimePickerInputs{padding:20px 10px;display:flex;} .TimePickerInput{flex:1 1 33%;width:33%;padding:0 10px;text-align:center;} .TimePickerInput > input{width:100%;padding:5px 0;margin:10px 0;border-radius:3px;border-color:#95989A;text-align:center;font-size:14px;color:#40484B;} .TimePickerInput > button{padding:0;background-color:transparent;border:none;text-align:center;cursor:pointer;} .TimePickerInput > button > img{width:16px;height:16px;} :root{--FormFieldToggleBackgroundColor:#ffffff;--FormFieldToggleBorderRadius:calc(var(--FormFieldToggleHeight) / 2);--FormFieldToggleBorderWidth:2px;--FormFieldToggleHeight:calc(var(--FormFieldToggleThumbHeightWidth) + (var(--FormFieldToggleBorderWidth) * 2));--FormFieldToggleThumbHeightWidth:20px;--FormFieldToggleThumbBackgroundColor:black;--FormFieldToggleThumbBorderColor:var(--FormFieldToggleBackgroundColor);--FormFieldToggleActiveBackgroundColor:var(--FormFieldToggleBackgroundColor);--FormFieldToggleActiveThumbBackgroundColor:#3799de;--FormFieldToggleActiveThumbBorderColor:var(--FormFieldToggleActiveBackgroundColor);} .FormFieldToggle{display:inline-block;width:50px;height:var(--FormFieldToggleHeight);border-radius:var(--FormFieldToggleBorderRadius);border:var(--FormFieldToggleBorderWidth) #bebebe solid;position:relative;cursor:pointer;font-size:10px;line-height:var(--FormFieldToggleThumbHeightWidth);color:#000000;background-color:var(--FormFieldToggleBackgroundColor);transition:all .25s;} .FormFieldToggle.ToggleActive{background-color:var(--FormFieldToggleActiveBackgroundColor);} .FormFieldToggle::before{aspect-ratio:1 / 1;content:"";width:var(--FormFieldToggleThumbHeightWidth);height:var(--FormFieldToggleThumbHeightWidth);border-radius:calc(var(--FormFieldToggleThumbHeightWidth) / 2);background-color:var(--FormFieldToggleThumbBackgroundColor);border:2px var(--FormFieldToggleThumbBorderColor) solid;position:absolute;left:0;top:0;transition:.25s;} .FormFieldToggle::after{content:"NO";width:100%;height:100%;font-size:10px;line-height:var(--FormFieldToggleThumbHeightWidth);text-align:right;padding-right:8px;position:absolute;right:0;top:0;} .FormFieldToggle:focus{border-color:#3799de;} .FormFieldToggle.ToggleActive::before{background-color:var(--FormFieldToggleActiveThumbBackgroundColor);border-color:var(--FormFieldToggleActiveThumbBorderColor);left:100%;margin-left:calc(0px - var(--FormFieldToggleThumbHeightWidth));} .FormFieldToggle.ToggleActive::after{content:"YES";text-align:left;padding-left:8px;padding-right:0;left:0;right:auto;} .FormFieldToggle.ToggleReadOnly{border-color:#DEDEDE;color:#A7A7A7;} .FormFieldToggle.ToggleReadOnly:before,.FormFieldToggle.ToggleActive.ToggleReadOnly:before{background-color:#7F7F7F;} .FileUploadContainer{background-color:#EEEEEE;border:1px #bebebe solid;display:flex;height:40px;position:relative;transition:.25s;} .FileUploadButtonWrapper{aspect-ratio:1 / 1;flex:0 0 auto;height:100%;border:1px #EEEEEE solid;background-color:#218fc0;color:#FFFFFF;display:inline-block;} .FileUploadButtonWrapper > div{width:100%!important;height:100%!important;} .FileUploadButtonWrapper object{width:100%;height:100%;display:block;} .FileUpload{background-color:#EEEEEE;border:1px #EEEEEE solid;position:relative;width:195px;height:34px;} .FileUploadButton{background:transparent url(../svg/upload.svg) scroll no-repeat center center;background-size:50% 50%;border:none;cursor:pointer;height:100%!important;width:100%!important;} .FileUploadButton > .ButtonText{display:none;} /* Not used */ .FileUploadIcon{display:none;} /* Not used */ .FileUploadIconProgress{} .FileUploadIconDone{} .FileUploadIconError{} .FileUploadContent{display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;overflow:hidden;padding:5px;} .FileUploadProgressWrapper{position:relative;width:100%;height:15px;border:1px #D2D2D2 solid;background-color:white;margin-bottom:2px;display:block;} .FileUploadProgress{width:0;height:100%;border:1px white solid;background-color:#7CB6E1;position:absolute;left:0;top:0;transition:.25s;} .FileUploadProgress[data-success="1"]{background-color:#78CD5E;} .FileUploadProgress[data-error="1"]{background-color:#DA4949;} .FileUploadNoticeAndRemove{color:#333333;display:flex;font-size:10px;gap:12px;line-height:11px;} .FileUploadNotice{display:block;flex:1 1 auto;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;} .FileUploadRemove{appearance:none!important;background:none!important;border:none!important;color:inherit;cursor:pointer;display:none;flex:0 0 auto;font:inherit!important;padding:0!important;text-decoration:underline;} .FileUploadRemoveActive{display:block;} .FileUploadActions{display:none;flex:0 0 auto;height:100%;padding:0;transition:.25s;} .FileUploadContainer[data-type=Image] .FileUploadActions,.FileUploadContainer[data-type=File] .FileUploadActions{aspect-ratio:1 / 1;display:block;padding:1px;} .FileUploadPreview{background-image:url(../svg/placeholder.svg);background-color:white;background-repeat:no-repeat;background-size:contain;background-position:center center;border:1px #bebebe solid;width:100%;height:100%;display:none;} .FileUploadDownload{background-color:#218fc0;color:white;padding:7px;width:100%;height:100%;display:none;} .FileUploadDownload .Icon{width:22px;height:22px;} .FileUploadContainer[data-type=Image] .FileUploadPreview,.FileUploadContainer[data-type=File] .FileUploadDownload{display:block;cursor:pointer;} .FileUploadDownload svg{width:100%;height:100%;} .FileUploadDownload svg path{fill:#FFFFFF;} /* Type: Mini */ .FileUploadContainer[data-type=Mini]{width:100px;height:100px;} .FileUploadContainer[data-type=Mini] .FileUploadActions{display:block;bottom:0;left:0;right:auto;top:auto;} .FileUploadContainer[data-type=Mini] .FileUploadPreview{display:block;} .FileUploadContainer[data-type=Mini] .FileUploadButtonWrapper{height:40px;} /* Type: DragAndDrop */ .FileUploadDragAndDropOverlay{display:none;} .FileUploadContainer[data-drag-and-drop=true]{background:transparent;border:none;flex-direction:row-reverse;gap:var(--BaseFormHorizontalGap) var(--BaseFormVerticalGap);padding:0;} .FileUploadContainer[data-drag-and-drop=true] .FileUploadButtonWrapper{border:none;} .FileUploadContainer[data-drag-and-drop=true] .FileUploadContent{background-color:#EEEEEE;border:1px #bebebe solid;overflow:unset;position:relative;} .Public .FileUploadContainer[data-drag-and-drop=true] .FileUploadRemove.InterfaceButton{bottom:calc(100% + 4px);position:absolute;right:0;} .FileUploadContainer[data-drag-and-drop=true] .FileUploadContent.DragOver{border-color:black;} .FileUploadContainer[data-drag-and-drop=true] .FileUploadContent .FileUploadDragAndDropOverlay{align-items:center;background-color:inherit;color:#585858;container:FileUploadDragAndDropOverlay / inline-size;display:flex;height:100%;justify-content:center;left:0;padding:0 8px;position:absolute;top:0;width:100%;z-index:10;transition:.25s;} .FileUploadContainer[data-drag-and-drop=true] .FileUploadContent.HideDragAndDropOverlay:not(.DragOver) .FileUploadDragAndDropOverlay{opacity:0;visibility:hidden;pointer-events:none;} .FileUploadDragAndDropOverlayIcon{flex:0 0 auto;height:30px;margin-right:-2px;width:30px;} .FileUploadDragAndDropOverlayIcon > :is(.IconUploadDropFilesHere,.IconUpload,.IconUploadSuccess,.IconUploadError){display:block;fill:currentColor;} .FileUploadDragAndDropOverlayIcon > :is(.IconUpload,.IconUploadSuccess,.IconUploadError){display:none;} .FileUploadContent:is([data-upload-status="InProgress"],[data-upload-status="Success"],[data-upload-status="Error"]):not(.DragOver) .FileUploadDragAndDropOverlayIcon > .IconUploadDropFilesHere{display:none;} .FileUploadContent[data-upload-status="InProgress"]:not(.DragOver) .FileUploadDragAndDropOverlayIcon > .IconUpload,.FileUploadContent[data-upload-status="Success"]:not(.DragOver) .FileUploadDragAndDropOverlayIcon > .IconUploadSuccess,.FileUploadContent[data-upload-status="Error"]:not(.DragOver) .FileUploadDragAndDropOverlayIcon > .IconUploadError{display:block;} .FileUploadDragAndDropOverlayText,.FileUploadDragAndDropOverlayNotice{font-size:17px;line-height:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .FileUploadDragAndDropOverlayNotice,.FileUploadContent:is([data-upload-status="InProgress"],[data-upload-status="Success"],[data-upload-status="Error"]):not(.DragOver) .FileUploadDragAndDropOverlayText{display:none;} .FileUploadContent:is([data-upload-status="InProgress"],[data-upload-status="Success"],[data-upload-status="Error"]):not(.DragOver) .FileUploadDragAndDropOverlayNotice{display:block;} @container FileUploadDragAndDropOverlay (max-width: 154px) { .FileUploadDragAndDropOverlayText{font-size:14px;line-height:16px;white-space:normal;} } .FileUploadContainer[data-drag-and-drop=true] .FileUploadNoticeAndRemove{flex-direction:row-reverse;} .FileUploadContainer[data-drag-and-drop=true] .FileUploadNotice{text-align:right;} .FileUploadContainer[data-type=Image][data-drag-and-drop=true] .FileUploadActions,.FileUploadContainer[data-type=File][data-drag-and-drop=true] .FileUploadActions{padding:0;} /*============================================================================== Image Upload Control ==============================================================================*/ .ImageUpload{} .ImageUploadPreview{} .TabbedContentContainer [role="tablist"]{display:flex;} .TabbedContentContainer [role="tab"]{cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .TabbedContentContainer [role="tab"]:focus{text-decoration:underline;} .TabbedContentContainer [role="tabpanel"]:focus{box-shadow:inset 0 0 0 1px orange;} :root{--CalloutBlockNavigationDotButton-Height:12px;--CalloutBlockNavigationDotButton-Width:var(--CalloutBlockNavigationDotButton-Height);} .CalloutBlock{--CalloutBlockItems-GapWidth:0px;--CalloutBlockItems-ColumnGap:var(--CalloutBlockItems-GapWidth);--CalloutBlockItems-RowGap:var(--CalloutBlockItems-GapWidth);--CalloutBlockItems-Gap:var(--CalloutBlockItems-RowGap) var(--CalloutBlockItems-ColumnGap);--CalloutBlock-ColumnCount:1;background-size:cover;background-position:center center;background-repeat:no-repeat;} .CalloutBlock2Columns{--CalloutBlock-ColumnCount:2;} .CalloutBlock3Columns{--CalloutBlock-ColumnCount:3;} .CalloutBlock4Columns{--CalloutBlock-ColumnCount:4;} .CalloutBlock5Columns{--CalloutBlock-ColumnCount:5;} .CalloutBlock6Columns{--CalloutBlock-ColumnCount:6;} .CalloutBlock7Columns{--CalloutBlock-ColumnCount:7;} .CalloutBlock8Columns{--CalloutBlock-ColumnCount:8;} .CalloutBlock9Columns{--CalloutBlock-ColumnCount:9;} .CalloutBlock10Columns{--CalloutBlock-ColumnCount:10;} .CalloutBlockInner{margin:0 auto;position:relative;text-align:center;} .CalloutBlockItems{--CalloutBlockItem-Width:calc((100% - (var(--CalloutBlockItems-ColumnGap) * (var(--CalloutBlock-ColumnCount) - 1))) / var(--CalloutBlock-ColumnCount));--CalloutBlockItem-MaxWidth:var(--CalloutBlockItem-Width);align-items:stretch;display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--CalloutBlockItems-Gap);justify-content:center;} .CalloutBlockItem{flex:0 0 var(--CalloutBlockItem-Width);max-width:var(--CalloutBlockItem-MaxWidth);} .CalloutBlockItemInner{height:100%;} .CalloutBlockItemImage{background-size:cover;background-position:center center;padding-bottom:56.25%;width:100%;} .CalloutBlockItemLinkIcon{display:inline-block;height:12px;margin:0 0 0 10px;vertical-align:middle;width:12px;} .CalloutBlockItemLinkIcon svg{height:100%;width:100%;} .CalloutBlockButton{text-align:center;} /* Callout Block Carousel */ .CalloutBlockCarousel{--CalloutBlockItems-GapWidth:50px;--CalloutBlockCarouselNavigationDotColor:#CBCBCB;--CalloutBlockCarouselNavigationDotHoverColor:#AAAAAA;--CalloutBlockCarouselNavigationDotActiveColor:#1c94d4;} .CalloutBlockCarousel.CalloutBlock1Rows{--CalloutBlock-RowCount:1;} .CalloutBlockCarousel.CalloutBlock2Rows{--CalloutBlock-RowCount:2;} .CalloutBlockCarousel .CalloutBlockItems{flex-wrap:nowrap;gap:var(--CalloutBlockItems-Gap);overflow-x:scroll;position:relative;/* Change to 'x mandatory' with JS after DOMContentLoaded to prevent random snap bug */ scroll-snap-type:none;/* Hide scroll bar in Firefox */ scrollbar-width:none;} /* Hide scroll bar in Chrome, Safari, Opera */ .CalloutBlockCarousel .CalloutBlockItems::-webkit-scrollbar{display:none;} .CalloutBlockCarousel:not([data-pages="1"]) .CalloutBlockItems{justify-content:start;} .CalloutBlockCarousel .CalloutBlockItem{height:auto;scroll-snap-align:start;width:var(--CalloutBlockItem-Width);} /* Callout Block Carousel Navigation */ .CalloutBlockNavigation{display:none;padding:20px 0 0;width:100%;} /* Show carousel navigation only when multiple pages. */ .CalloutBlockCarousel:not([data-pages="1"]) .CalloutBlockNavigation{display:block;} .CalloutBlockNavigationDots{display:flex;justify-content:center;gap:12px;list-style-type:none;width:100%;} .CalloutBlockNavigationDot{cursor:pointer;margin:0;} .CalloutBlockCarousel[data-pages="2"] .CalloutBlockNavigationDot:nth-child(n + 3),.CalloutBlockCarousel[data-pages="3"] .CalloutBlockNavigationDot:nth-child(n + 4),.CalloutBlockCarousel[data-pages="4"] .CalloutBlockNavigationDot:nth-child(n + 5),.CalloutBlockCarousel[data-pages="5"] .CalloutBlockNavigationDot:nth-child(n + 6),.CalloutBlockCarousel[data-pages="6"] .CalloutBlockNavigationDot:nth-child(n + 7),.CalloutBlockCarousel[data-pages="7"] .CalloutBlockNavigationDot:nth-child(n + 8),.CalloutBlockCarousel[data-pages="8"] .CalloutBlockNavigationDot:nth-child(n + 9),.CalloutBlockCarousel[data-pages="9"] .CalloutBlockNavigationDot:nth-child(n + 10),.CalloutBlockCarousel[data-pages="10"] .CalloutBlockNavigationDot:nth-child(n + 11),.CalloutBlockCarousel[data-pages="11"] .CalloutBlockNavigationDot:nth-child(n + 12),.CalloutBlockCarousel[data-pages="12"] .CalloutBlockNavigationDot:nth-child(n + 13){display:none;} .CalloutBlockNavigationDotButton{appearance:none;background:var(--CalloutBlockCarouselNavigationDotColor);border:0;border-radius:calc(var(--CalloutBlockNavigationDotButton-Height) / 2);color:transparent;cursor:pointer;display:block;font-size:0;height:var(--CalloutBlockNavigationDotButton-Height);outline:none;padding:0;text-align:center;transition:.25s;width:var(--CalloutBlockNavigationDotButton-Width);-webkit-appearance:none;} .CalloutBlockNavigationDotButton:hover,.CalloutBlockNavigationDotButton:focus{background-color:var(--CalloutBlockCarouselNavigationDotHoverColor);} .CalloutBlockNavigationDotActive .CalloutBlockNavigationDotButton{background-color:var(--CalloutBlockCarouselNavigationDotActiveColor);} .CalloutBlockNavigationArrow{appearance:none;border:none;background:transparent;cursor:pointer;left:0;height:30px;margin:0;padding:0;position:absolute;text-align:center;top:0;vertical-align:middle;width:30px;} .CalloutBlockNavigationArrowText{font-size:20px;} .CalloutBlockNavigationArrowIcon{display:inline-block;height:16px;width:16px;} .CalloutBlockNavigationArrowIconImage,.CalloutBlockNavigationArrowIcon > svg{display:block;height:100%;width:100%;} .CalloutBlockNavigationNext{left:auto;right:0;} /* Responsive */ @media (max-width: 1200px) { .CalloutBlockCarousel.CalloutBlock4Columns{--CalloutBlock-ColumnCount:3;} } @media (max-width: 960px) { .CalloutBlockCarousel.CalloutBlock4Columns{--CalloutBlock-ColumnCount:2;} } @media (max-width: 768px) { .CalloutBlockCarousel.CalloutBlock3Columns{--CalloutBlock-ColumnCount:2;} } @media (max-width: 640px) { .CalloutBlockCarousel:is(.CalloutBlock3Columns,.CalloutBlock4Columns){--CalloutBlock-ColumnCount:1;} } .Carousel{position:relative;} .CarouselPrimary{position:relative;} .CarouselSlides{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:start;overflow-x:scroll;overflow-y:hidden;position:relative;scroll-snap-type:none;/* Hide scroll bar in Firefox */ scrollbar-width:none;} /* Hide scroll bar in Chrome, Safari, Opera */ .CarouselSlides::-webkit-scrollbar{display:none;} .CarouselSlide{flex:0 0 100%;height:auto;max-width:100%;scroll-snap-align:start;position:relative;} .CarouselSlideImage{display:block;max-width:100%;} .CarouselSlideVideo .CarouselSlideImagePreview{position:relative;display:inline-block;cursor:pointer;} .CarouselSlideVideo .CarouselSlideImagePreview::before{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);content:" ";background-image:url(../svg/iconplay.svg);background-position:center;background-repeat:no-repeat;background-size:contain;vertical-align:middle;width:100px;height:100px;font-size:100px;fill:#000;text-shadow:0 0 30px rgba(0,0,0,0.5);} .CarouselCaption{background-color:#E1E1E1;padding:5px 10px;text-align:center;display:none;} .CarouselCaptionActive{display:block;} .CarouselFullSize{position:absolute;left:50%;bottom:20px;margin-left:-100px;text-align:center;width:200px;padding:2px 5px;background-color:rgba(255,255,255,0.9);border:1px #4F5357 solid;color:#4F5357;z-index:1;} .CarouselNavigation{position:absolute;width:100%;left:0;top:50%;} .CarouselNavigationArrow{position:absolute;width:30px;height:30px;margin-top:-15px;cursor:pointer;transition:.25s;z-index:2;} .CarouselNavigationArrowDisabled{cursor:not-allowed;opacity:.5;} .CarouselNavigationPrevious{left:20px;top:0;} .CarouselNavigationNext{right:20px;top:0;} .CarouselThumbnails{--CarouselColumns:6;--CarouselGap:10px;--CarouselSlideWidth:calc((100% - (var(--CarouselGap) * (var(--CarouselColumns) - 1))) / var(--CarouselColumns));margin:10px 0 0;position:relative;} .CarouselThumbnailSlides{display:flex;flex-direction:row;flex-wrap:nowrap;gap:10px;justify-content:start;overflow-x:auto;padding:0 30px;position:relative;scroll-padding:0 30px;scroll-snap-type:none;width:100%;/* Hide scroll bar in Firefox */ scrollbar-width:none;} /* Hide scroll bar in Chrome, Safari, Opera */ .CarouselThumbnailSlides::-webkit-scrollbar{display:none;} .CarouselThumbnailSlide{cursor:pointer;flex:0 0 var(--CarouselSlideWidth);height:auto;max-width:var(--CarouselSlideWidth);position:relative;scroll-snap-align:start;transition:.25s;} .CarouselThumbnailSlide:after{border:2px #9A9D9F solid;content:'';height:100%;left:0;opacity:0;position:absolute;top:0;transition:inherit;width:100%;} .CarouselThumbnailSlideImage{display:block;max-width:100%;transition:.25s;} .CarouselThumbnailSlideSelected{opacity:.5;} .CarouselThumbnailSlide:is(:hover,:focus,.CarouselThumbnailSlideSelected):after{opacity:1;} .CarouselThumbnailNavigationArrow{border:none;background-color:#D8D8D8;cursor:pointer;height:100%;padding:0;position:absolute;top:0;transition:.25s;width:25px;z-index:2;} .CarouselThumbnailNavigationArrow:hover,.CarouselThumbnailNavigationArrow:focus{background-color:#BBBBBB;} /* .CarouselThumbnailNavigationArrowDisabled { cursor: not-allowed; opacity: 0.5; } */ .CarouselThumbnailNavigationPrevious{left:0;} .CarouselThumbnailNavigationNext{right:0;} @media (max-width: 960px) { .CarouselThumbnails{--CarouselColumns:4;} } .FilterBar{background-color:#EEEEEE;} .FilterBarClose,.FilterBarSectionClose{display:none;} .FilterBarTitle{padding:20px;} .FilterBarResultsFound{padding:0 20px;} .FilterBarResultsFoundCount{} .FilterBarApplied{padding:20px;} .FilterBarAppliedTitle{margin:0 0 20px;display:block;} .FilterBarAppliedFilterIcon{width:8px;height:8px;margin:0 0 0 10px;vertical-align:middle;display:inline-block;} .FilterBarAppliedFilterIcon svg{width:100%;height:100%;} .FilterBarSections{} .FilterBarSection{} .FilterBarSectionInner{position:relative;} .FilterBarSectionResultsFound{display:none;} .FilterBar:not(.FilterBarDialog) .FilterBarSectionButton{display:none;} .FilterBarSectionTitle{display:block;cursor:pointer;position:relative;} .FilterBarDialog .FilterBarSectionTitle{cursor:unset;} .FilterBarSectionTitleIcon{width:16px;height:16px;margin:0 10px 0 0;vertical-align:middle;display:inline-block;} .FilterBarSectionTitleIcon svg{width:100%;height:100%;} .FilterBarSectionTitleAccordionIcon{width:12px;height:12px;position:absolute;right:20px;top:50%;margin-top:-6px;display:none;} .FilterBarSectionTitleAccordionIcon svg{width:100%;height:100%;} .FilterBarSectionTitleAccordionIconCollapse{display:block;} .FilterBarSectionMinimized .FilterBarSectionTitleAccordionIconCollapse{display:none;} .FilterBarSectionMinimized .FilterBarSectionTitleAccordionIconExpand{display:block;} .FilterBarSectionContent{padding:0;} .FilterBarSectionContent :focus{outline:1px dotted #212121;outline:5px auto -webkit-focus-ring-color;} .FilterBarSectionContent .FilterBarCheckboxHidden{display:none;} .FilterBarShowMore{display:none;} .FilterBarShowMoreVisible{display:block;} .FilterBarShowMoreButton{cursor:pointer;} .FilterBarShowMoreIcon{width:16px;height:16px;margin:0 8px 0 0;vertical-align:middle;display:inline-block;} .FilterBarShowMoreIcon svg{width:100%;height:100%;} .FilterBarSectionApply{display:none;} .FilterBarSectionApplyVisible{position:relative;padding:0 20px 20px;display:block;} .FilterBarSectionApplyButton{} .FilterBarSectionMinimized .FilterBarSectionContent{display:none;} .FilterBarSectionMinimized .FilterBarSectionApplyVisible{display:none;} .FilterBarActions{padding:20px;} .FilterBarAction{display:block;} /* Dialog Mode */ .FilterBarDialog{max-width:640px;width:100%;height:100%;position:fixed;left:0;top:-100%;z-index:var(--FilterBarDialog-ZIndex,20);overflow:auto;opacity:0;visibility:hidden;transition:visibility 0s linear 0.25s,opacity 0.25s,top .25s;} .FilterBarDialogActive{top:0;opacity:1;visibility:visible;transition-delay:0s;} .FilterBarDialog .FilterBarClose,.FilterBarDialog .FilterBarSectionClose{position:absolute;right:20px;top:20px;cursor:pointer;display:block;z-index:1;} .FilterBarDialog .FilterBarTitle{padding:20px;display:block;} .FilterBarDialog .FilterBarSection:first-child{padding-top:0;} .FilterBarDialog .FilterBarSectionMinimized .FilterBarSectionContent{display:block;} .FilterBarDialog .FilterBarSectionButton{width:100%;margin:0;padding:20px 58px 20px 20px;border:none;background-color:transparent;text-align:left;display:block;cursor:pointer;position:relative;} .FilterBarDialog .FilterBarSectionButtonIcon{display:block;width:16px;height:16px;margin:0 10px 0 0;vertical-align:middle;display:inline-block;} .FilterBarDialog .FilterBarSectionButtonIcon svg{width:100%;height:100%;} .FilterBarDialog .FilterBarSectionButtonArrowIcon{width:16px;height:16px;position:absolute;right:20px;top:50%;margin-top:-8px;} .FilterBarDialog .FilterBarSectionButtonArrowIcon svg{width:100%;height:100%;} .FilterBarDialog .FilterBarSectionInner{background-color:white;width:100%;height:100%;position:fixed;left:100%;top:0;z-index:10;overflow:auto;opacity:0;visibility:hidden;transition:visibility 0s linear 0.25s,opacity 0.25s,left .25s;} .FilterBarDialog .FilterBarSectionResultsFound{display:block;} .FilterBarDialog .FilterBarSectionTitleAccordionIcon{display:none;} .FilterBarDialogActive .FilterBarSectionActive .FilterBarSectionInner{box-shadow:0 0 5px 0 rgba(0,0,0,0.5);left:0;opacity:1;visibility:visible;transition-delay:0s;} .FilterBarDialog .FilterBarSectionMinimized .FilterBarSectionApplyVisible{display:block;} .InfoBlock{position:relative;} .InfoBlockInner{position:relative;z-index:3;margin:0 auto;text-align:center;} .InfoBlockColumns{-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;} .InfoBlockColumn{-ms-flex:1 1 auto;flex:1 1 auto;} .InfoBlockIcon{width:50px;height:50px;margin:0 auto 40px;display:block;} .InfoBlockIconImage{width:100%;height:100%;display:block;object-fit:scale-down;} .InfoBlockTitle{font-size:20px;margin-bottom:40px;display:block;} .InfoBlockDescription{display:block;} .InfoBlockButtons{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin:40px 0 0;padding-bottom:8px;} .InfoBlockButton{text-align:center;} .InfoBlockBackgroundImage{display:block;position:absolute;left:0;top:0;z-index:0;width:100%;height:100%;object-fit:cover;} /** Info Block - Standard **/ .InfoBlockStandard .InfoBlockInner{padding:80px 20px;max-width:1000px;} /** Info Block - Image Cutout **/ .InfoBlockImageCutout .InfoBlockColumn{-ms-flex:1 1 50%;flex:1 1 50%;} .InfoBlockImageCutout .InfoBlockContentColumn{text-align:left;} .InfoBlockImageCutout .InfoBlockButtons{justify-content:flex-start;} .InfoBlockImageCutout .InfoBlockImageColumn{-ms-flex-item-align:end;align-self:flex-end;} .InfoBlockImageCutout .InfoBlockImage{width:100%;display:block;} :root{--HeroImagePaddingTopBottom:200px;} .HeroImage{background-size:cover;background-position:center center;background-repeat:no-repeat;text-align:center;} .HeroImageInner{margin:0 auto;padding:var(--HeroImagePaddingTopBottom) 20px;max-width:1000px;} .HeroImageColumns{-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;} .HeroImageColumn{-ms-flex:1 1 auto;flex:1 1 auto;} .HeroImageButtons{} .HeroImageButton{text-align:center;} /** Hero Image - Standard **/ .HeroImageStandard .HeroImageButton{margin:0 20px;} /** Hero Image - Image Cutout **/ .HeroImageImageCutout .HeroImageColumn{-ms-flex:1 1 50%;flex:1 1 50%;} .HeroImageImageCutout .HeroImageButton{margin:0 20px 0 0;} .HeroImageImageCutout .HeroImageContentColumn{text-align:left;} .HeroImageImageCutout .HeroImageImageColumn{-ms-flex-item-align:end;align-self:flex-end;} .HeroImageImageCutout .HeroImageImage{width:100%;display:block;} @media (max-width: 1140px) { :root{--HeroImagePaddingTopBottom:150px;} } @media (max-width: 768px) { :root{--HeroImagePaddingTopBottom:100px;} } .HeroVideo{align-items:center;background-size:cover;background-position:center center;background-repeat:no-repeat;background-color:#333333;color:#ffffff;display:flex;height:10vh;justify-content:center;min-height:630px;max-height:100vh;overflow:hidden;outline:none;position:relative;text-align:center;transition:.5s;} .HeroVideoInner{align-items:center;display:flex;height:100%;justify-content:center;padding:20px;position:relative;transition:background-color .25s;width:100%;z-index:2;} .HeroVideoInner > *{transition:opacity .25s;} .HeroVideoTitle{display:inline-block;margin-bottom:20px;} .HeroVideoPlayIcon{display:block;height:88px;margin:0 auto 13px;width:88px;} .HeroVideoPlayIconImage{display:block;} .HeroVideoEmbed{display:none;height:100%;left:0;position:absolute;top:0;width:100%;z-index:5;} .HeroVideoActive{height:auto;} .HeroVideoActive[data-aspect-ratio="16:9"]{height:56.25vw;} .HeroVideoActive .HeroVideoInner{background-color:#000000;} .HeroVideoActive .HeroVideoInner > *{opacity:0;} .HeroVideoActive .HeroVideoEmbed{display:block;} .HeroVideoPlayText{font-size:14px;font-weight:700;text-transform:uppercase;} .HeroVideoVideoImage{height:100%;left:0;object-fit:cover;position:absolute;top:0;transition:opacity .25s;width:100%;z-index:0;} .HeroVideoActive .HeroVideoVideoImage{opacity:0;} /* Responsive */ @media (max-width: 1120px) { .HeroVideo[data-aspect-ratio="16:9"]{min-height:56.25vw;max-height:100vh;} } @media (max-width: 640px) { .HeroVideo{min-height:375px;} } @media (min-aspect-ratio: 16/9) { /* it's important that this is last so that any other min-height is overridden */ .HeroVideo[data-aspect-ratio="16:9"]{min-height:100vh;} } .HTMLContent .TableWrapper{position:relative;overflow-x:auto;overflow-y:hidden;} .HTMLContent .TableExpand{background:linear-gradient(0deg,#efefef,transparent);bottom:0;height:50px;left:0;position:absolute;width:100%;} .HTMLContent .TableExpandInactive{display:none;} .HTMLContent .TableExpandButton{position:absolute;left:50%;bottom:10px;cursor:pointer;background-color:rgba(52,52,52,0.7);color:#ffffff;text-align:center;font-size:14px;font-weight:700;max-width:max-content;width:calc(100% - 20px);height:unset;min-height:30px;line-height:14px;padding:8px 18px;border-radius:15px;transform:translateX(-50%);transition:.25s;} .HTMLContent .TableExpandButton:hover{background-color:rgba(52,52,52,0.9);} .MapBlock{position:relative;} .MapBlockInner{} .MapBlockEmbed{width:100%;height:540px;display:block;} .MapBlockEmbed iframe{display:block;} .MapBlockOverlay{position:absolute;left:0;top:0;width:100%;height:100%;} .MapBlockOverlayInactive{display:none;} /** * Base Navigation CSS file (required for Navigation templates) * * @author Tim Jones */ .Navigation{} .NavigationList{} .NavigationItem{position:relative;} .NavigationItemInner{transition:.25s;} /*============================================================================== Standard ==============================================================================*/ /*============================================================================== Accordion ==============================================================================*/ .NavigationAccordion .NavigationList{visibility:hidden;display:none;} .NavigationAccordion > .NavigationList,.NavigationAccordion .NavigationItemActive > .NavigationList{visibility:visible;display:block;} /* prevent really long words from breaking layout */ .NavigationAccordion .NavigationItemText{display:block;overflow:hidden;text-overflow:ellipsis;} /*============================================================================== Nested ==============================================================================*/ .NavigationNested .NavigationList{visibility:hidden;display:none;} .NavigationNested > .NavigationList,.NavigationNested .NavigationItemActive > .NavigationList{visibility:visible;display:block;} .NavigationNested .NavigationItemActive.NavigationItemHidden > .NavigationList{overflow:hidden;} .NavigationNested > .NavigationList > .NavigationItemHasChildren > .NavigationList > .NavigationItemHasChildren{position:static;} .NavigationNested > .NavigationList > .NavigationItemHasChildren > .NavigationList > .NavigationItemHasChildren > .NavigationList{position:absolute;left:0;top:0;z-index:1;} :root{--BaseSlidingMenuContentWidth:320px;} .SlidingMenu{} .SlidingMenuBlackout{background-color:rgba(0,0,0,0.8);position:fixed;left:0;top:0;width:0;height:100%;opacity:0;transition:.5s opacity;z-index:var(--SlidingMenuBlackout-ZIndex,100);} .SlidingMenuActive .SlidingMenuBlackout{width:100%;opacity:1;} .SlidingMenuButton{} .SlidingMenuButtonOpen{} .SlidingMenuButtonText{text-transform:uppercase;} .SlidingMenuActive .SlidingMenuButtonOpen{} .SlidingMenuButtonClose{position:fixed;left:0;top:0;opacity:0;z-index:101;visibility:hidden;transition:visibility 0s linear 0.5s,opacity .5s;} .SlidingMenuActive .SlidingMenuButtonClose{opacity:1;visibility:visible;transition-delay:0s;} .SlidingMenuContent{background-color:white;color:black;position:fixed;right:calc(0px - var(--BaseSlidingMenuContentWidth));top:0;width:var(--BaseSlidingMenuContentWidth);height:100vh;z-index:var(--SlidingMenuContent-ZIndex,100);overflow:auto;transition:visibility 0s linear 0.5s,right .5s;visibility:hidden;} .SlidingMenuActive .SlidingMenuContent{right:0;visibility:visible;transition-delay:0s;} .MetricsPage{--MetricsDashboardColorSuccess:#0BB22E;--MetricsDashboardColorFailure:#F94539;--MetricsDashboardGridPadding:24px;--MetricsDashboardHeaderBottomMargin:0px;--MetricsDashboardHeaderHeight:120px;/* Widget inset = 0.83% */ --MetricsDashboardHeaderPadding:28px calc(var(--MetricsDashboardGridPadding) + 0.83%);--MetricsDashboardHeaderHeightCalc:calc(var(--MetricsDashboardHeaderHeight) + var(--MetricsDashboardHeaderBottomMargin));/* Get height of space available for grid, multiply by 2 for width (grid aspect ratio is 2:1). */ --MetricsDashboardGridMaxWidth:calc((100vh - (var(--MetricsDashboardHeaderHeightCalc) + (var(--MetricsDashboardGridPadding) * 2))) * 2);background-color:#FFFFFF;min-height:100vh;} .MainContent.MetricsMainContent{padding:0;} .MainContentInner.MetricsMainContentInner{padding:0;margin:0;max-width:none;} .MetricsDashboardHeader{background-color:#000000;display:flex;align-items:center;justify-content:space-between;height:var(--MetricsDashboardHeaderHeight);margin-bottom:var(--MetricsDashboardHeaderBottomMargin);padding:var(--MetricsDashboardHeaderPadding);width:100%;} .MetricsDashboardHeaderLogo{align-items:center;display:flex;gap:50px;} .MetricsDashboardHeaderLogoImage{width:72px;} .MetricsDashboardHeaderTitle{color:#FFFFFF;font-size:40px;font-weight:bold;margin:0;} .MetricsDashboardControls{display:none;} .MetricsDashboardControlButton{border:1px solid #DDDDDD;border-radius:8px;background-color:#FFFFFF;padding:10px 15px;font-size:16px;line-height:16px;font-weight:500;transition:.25s;cursor:pointer;} .MetricsDashboardControlButton:hover{opacity:.8;} .MetricsAddWidgetSelect{border:1px solid #ddd;border-radius:5px;background-color:#eee;font-size:16px;line-height:16px;padding:10px 5px;min-width:150px;width:100%;} .MetricsGridContainer{padding:var(--MetricsDashboardGridPadding);} .MetricsGrid{margin:0 auto;max-width:var(--MetricsDashboardGridMaxWidth);} .MetricsWidgetBuffer{position:absolute;width:0;height:0;overflow:hidden;display:none;} .MetricsDashboardWidget{--MetricsDashboardWidgetBorderWidth:2px;/* Grid aspect ratio is locked, so use smaller value between width & height percentages. */ --MetricsDashboardWidgetInset:min(1.481vh,0.833vw);--MetricsDashboardWidgetPadding:min(2.962vh,1.666vw);--MetricsDashboardWidgetControlSize:18px;transition:none!important;user-select:none;} .grid-stack-placeholder > .placeholder-content{background-color:rgba(0,0,0,0.1);border:2px dashed gray!important;border-radius:10px;} .WidgetControls{display:flex;flex-direction:row;height:15px;position:absolute;top:16px;right:16px;opacity:0;transition:.25s;} .MetricsDashboardWidget:hover .WidgetControls{opacity:1;} .WidgetControl{width:var(--MetricsDashboardWidgetControlSize);height:var(--MetricsDashboardWidgetControlSize);margin-right:12px;cursor:pointer;transition:.25s;opacity:.8;} .WidgetControl:hover{opacity:1;} .WidgetControl:last-child{margin:0;} .WidgetControlExpand{background-image:url(../svg/metricsmaximize.svg);background-size:100%;} .WidgetControlExpand.Active{background-image:url(../svg/metricsminimize.svg);} .WidgetControlRemove{background-image:url(../svg/metricsremove.svg);background-size:100%;} .WidgetInner{background-color:#FFFFFF;border:var(--MetricsDashboardWidgetBorderWidth) solid #E7E7EA;inset:var(--MetricsDashboardWidgetInset)!important;padding:var(--MetricsDashboardWidgetPadding);overflow:hidden!important;} .WidgetPrimaryContent{display:flex;flex-direction:column;height:100%;margin-bottom:var(--MetricsDashboardWidgetPadding);overflow:hidden;} .MetricsDashboardWidget.Expanded .WidgetPrimaryContent{height:calc(50% - (var(--MetricsDashboardWidgetPadding) + var(--MetricsDashboardWidgetBorderWidth) + var(--MetricsDashboardWidgetInset)));} .WidgetHeader{margin-bottom:12px;} .WidgetTitle{color:#000000;/* Uses smallest font size between 1.25% of GridStack and 1.25% of viewport width, minimum 12px. */ font-size:max(min(calc(var(--MetricsDashboardGridMaxWidth) * 0.0125),1.25vw),12px);font-weight:600;line-height:.92;margin:0 0 5px;} .WidgetSubtitle{color:#000000;font-size:12px;font-weight:500;line-height:1;margin:0;} .WidgetBody{display:flex;align-items:center;justify-content:center;flex:1;position:relative;overflow:hidden;} .WidgetChartContainer{position:relative;width:100%;height:100%;} .WidgetSecondaryContent{height:calc(50% + (var(--MetricsDashboardWidgetBorderWidth) + var(--MetricsDashboardWidgetInset)));overflow-y:auto;} .WidgetTableList{margin:0;padding:0;} .WidgetTableListItem{display:flex;flex-direction:row;align-items:flex-start;list-style:none;margin:0 0 16px;padding:0;} .WidgetTableListItem:last-child{margin:0;} .WidgetTableListItemColor{width:12px;height:100%;margin-right:10px;padding-top:12px;} .WidgetTableListItemColorSwatch{display:block;width:12px;height:12px;} .WidgetTableListItemContent{width:100%;} .WidgetTableListItemHeader{display:flex;flex-direction:row;align-items:center;padding:8px 0;} .WidgetTableListItemHeaderText{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;} .WidgetTableListItemHeaderLabel,.WidgetTableListItemHeaderValue{font-size:18px;font-weight:600;line-height:1;margin:0;} .WidgetTableListItemHeaderLabel{margin-right:10px;} .WidgetTableSubDataList{margin:0;padding:0;} .WidgetTableSubDataListItem{border-top:1px solid #E7E7EA;display:flex;flex-direction:row;align-items:center;justify-content:space-between;list-style:none;margin:0;padding:8px 0;} .WidgetTableSubDataListItemLabel,.WidgetTableSubDataListItemValue{color:#000000;font-size:16px;font-weight:400;line-height:1;margin:0;} .WidgetTableSubDataListItemLabel{margin-right:10px;} /* Widget Resize Handle */ .MetricsDashboardWidget .ui-resizable-handle{background-image:url(../svg/metricsresize.svg)!important;background-size:100%;cursor:nwse-resize!important;right:32px!important;bottom:32px!important;width:var(--MetricsDashboardWidgetControlSize)!important;height:var(--MetricsDashboardWidgetControlSize)!important;transform:none!important;opacity:0;transition:.25s;} .MetricsDashboardWidget:hover .ui-resizable-handle{opacity:.8;} .MetricsDashboardWidget:hover .ui-resizable-handle:hover{opacity:1;} .MetricsDashboardWidget.Expanded .ui-resizable-handle{visibility:hidden;} .WidgetDoughnutLabelTitle,.WidgetHalfTilePrimaryText{color:#000000;/* Uses smallest font size between 2.8% of GridStack and 2.8% of viewport width. */ font-size:min(calc(var(--MetricsDashboardGridMaxWidth) * 0.028),2.8vw);font-weight:700;} .WidgetDoughnutLabelSubtitle,.WidgetHalfTileSecondaryText{color:#000000;/* Uses smallest font size between 1% of GridStack and 1% of viewport width, minimum 12px. */ font-size:max(min(calc(var(--MetricsDashboardGridMaxWidth) * 0.01),1vw),12px);margin:0;} .WidgetDoughnutChartLabel{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);} .WidgetDoughnutLabelTitle{line-height:1.2;margin:0;} .WidgetDoughnut .WidgetDoughnutLabelTitle.MetricGoalMet{color:var(--MetricsDashboardColorSuccess);} .WidgetDoughnut .WidgetDoughnutLabelTitle.MetricGoalFailed{color:var(--MetricsDashboardColorFailure);} .WidgetDoughnutLabelSubtitle{font-weight:700;line-height:1;text-transform:uppercase;} .WidgetHalfTile .WidgetHeader{margin:0;} .WidgetHalfTile .WidgetBody{align-items:flex-end;justify-content:left;} .WidgetHalfTile .WidgetHalfTilePrimaryText{line-height:1;margin:0 var(--MetricsDashboardWidgetInset) 0 0;} .WidgetHalfTile .WidgetHalfTilePrimaryText.MetricGoalMet{color:var(--MetricsDashboardColorSuccess);} .WidgetHalfTile .WidgetHalfTilePrimaryText.MetricGoalFailed{color:var(--MetricsDashboardColorFailure);} .WidgetHalfTile .WidgetHalfTileSecondaryText{font-weight:600;line-height:1.5;} .AjaxLoading{width:35px;height:35px;background-color:white;position:fixed;right:10px;bottom:10px;padding:5px;border-radius:50%;opacity:0;visibility:hidden;pointer-events:none;transition:.25s;box-shadow:0 1px 3px 0 rgba(0,0,0,0.5);} .AjaxLoadingImage{width:25px;height:25px;} .AjaxLoadingActive{opacity:1;visibility:visible;} .Lightbox{background-color:rgba(100,100,100,0.8);position:fixed;left:0;top:0;width:100%;height:100%;z-index:var(--Lightbox-ZIndex,100);opacity:0;visibility:hidden;pointer-events:none;transition:visibility 0s linear 0.5s,opacity .5s;} .LightboxActive{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s;} .LightboxClose{padding:0;position:absolute;right:20px;top:20px;border:2px solid transparent;background-color:transparent;color:#ffffff;font-size:32px;cursor:pointer;transition:border-color .25s;} .LightboxClose:hover,.LightboxClose:active,.LightboxClose:focus{border-color:#ffffff;} .LightboxLoading{position:absolute;left:50%;top:50%;margin-left:-25px;margin-top:-25px;width:50px;height:50px;opacity:0;transition:.5s;} .LightboxLoadingImage{width:100%;height:100%;} .LightboxLoadingActive{opacity:1;transition:.5s;} .LightboxMedia{position:absolute;left:50px;top:50px;width:calc(100% - 100px);height:calc(100% - 100px);opacity:0;transition:.25s opacity;} .LightboxMediaActive{opacity:1;} .LightboxMediaItem{left:50%;top:50%;position:absolute;} .LightboxMediaElement{width:100%;height:100%;} .LightboxCaption{background-color:white;position:absolute;bottom:20px;left:50%;margin-left:-250px;padding:20px;font-size:12px;width:500px;opacity:0;transition:.5s opacity;} .LightboxCaptionActive{opacity:1;} .LightboxCaptionTitle{font-weight:bold;} .LightboxButton{background-color:white;color:black;border:none;font-size:16px;position:absolute;top:50%;margin-top:-20px;width:40px;height:40px;} .LightboxButtonPrevious{left:20px;} .LightboxButtonNext{right:20px;} .GridStack{} :root .grid-stack-item>.ui-resizable-handle{filter:none;} .grid-stack{position:relative;} .grid-stack.grid-stack-rtl{direction:ltr;} .grid-stack.grid-stack-rtl>.grid-stack-item{direction:rtl;} .grid-stack .grid-stack-placeholder>.placeholder-content{border:1px dashed #d3d3d3;margin:0;position:absolute;width:auto;z-index:0!important;text-align:center;} .grid-stack>.grid-stack-item{min-width:8.3333333333%;position:absolute;padding:0;} .grid-stack>.grid-stack-item>.grid-stack-item-content{margin:0;position:absolute;width:auto;overflow-x:hidden;overflow-y:auto;} .grid-stack>.grid-stack-item>.ui-resizable-handle{position:absolute;font-size:.1px;display:block;-ms-touch-action:none;touch-action:none;} .grid-stack>.grid-stack-item.ui-resizable-autohide>.ui-resizable-handle,.grid-stack>.grid-stack-item.ui-resizable-disabled>.ui-resizable-handle{display:none;} .grid-stack>.grid-stack-item.ui-draggable-dragging,.grid-stack>.grid-stack-item.ui-resizable-resizing{z-index:100;} .grid-stack>.grid-stack-item.ui-draggable-dragging>.grid-stack-item-content,.grid-stack>.grid-stack-item.ui-resizable-resizing>.grid-stack-item-content{box-shadow:1px 4px 6px rgba(0,0,0,.2);opacity:.8;} .grid-stack>.grid-stack-item>.ui-resizable-se,.grid-stack>.grid-stack-item>.ui-resizable-sw{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDUxMS42MjYgNTExLjYyNyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTExLjYyNiA1MTEuNjI3OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTMyOC45MDYsNDAxLjk5NGgtMzYuNTUzVjEwOS42MzZoMzYuNTUzYzQuOTQ4LDAsOS4yMzYtMS44MDksMTIuODQ3LTUuNDI2YzMuNjEzLTMuNjE1LDUuNDIxLTcuODk4LDUuNDIxLTEyLjg0NSAgIGMwLTQuOTQ5LTEuODAxLTkuMjMxLTUuNDI4LTEyLjg1MWwtNzMuMDg3LTczLjA5QzI2NS4wNDQsMS44MDksMjYwLjc2LDAsMjU1LjgxMywwYy00Ljk0OCwwLTkuMjI5LDEuODA5LTEyLjg0Nyw1LjQyNCAgIGwtNzMuMDg4LDczLjA5Yy0zLjYxOCwzLjYxOS01LjQyNCw3LjkwMi01LjQyNCwxMi44NTFjMCw0Ljk0NiwxLjgwNyw5LjIyOSw1LjQyNCwxMi44NDVjMy42MTksMy42MTcsNy45MDEsNS40MjYsMTIuODUsNS40MjYgICBoMzYuNTQ1djI5Mi4zNThoLTM2LjU0MmMtNC45NTIsMC05LjIzNSwxLjgwOC0xMi44NSw1LjQyMWMtMy42MTcsMy42MjEtNS40MjQsNy45MDUtNS40MjQsMTIuODU0ICAgYzAsNC45NDUsMS44MDcsOS4yMjcsNS40MjQsMTIuODQ3bDczLjA4OSw3My4wODhjMy42MTcsMy42MTcsNy44OTgsNS40MjQsMTIuODQ3LDUuNDI0YzQuOTUsMCw5LjIzNC0xLjgwNywxMi44NDktNS40MjQgICBsNzMuMDg3LTczLjA4OGMzLjYxMy0zLjYyLDUuNDIxLTcuOTAxLDUuNDIxLTEyLjg0N2MwLTQuOTQ4LTEuODA4LTkuMjMyLTUuNDIxLTEyLjg1NCAgIEMzMzguMTQyLDQwMy44MDIsMzMzLjg1Nyw0MDEuOTk0LDMyOC45MDYsNDAxLjk5NHoiIGZpbGw9IiM2NjY2NjYiLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);background-repeat:no-repeat;background-position:center;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);} .grid-stack>.grid-stack-item>.ui-resizable-se{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);} .grid-stack>.grid-stack-item>.ui-resizable-nw{cursor:nw-resize;width:20px;height:20px;top:0;} .grid-stack>.grid-stack-item>.ui-resizable-n{cursor:n-resize;height:10px;top:0;left:25px;right:25px;} .grid-stack>.grid-stack-item>.ui-resizable-ne{cursor:ne-resize;width:20px;height:20px;top:0;} .grid-stack>.grid-stack-item>.ui-resizable-e{cursor:e-resize;width:10px;top:15px;bottom:15px;} .grid-stack>.grid-stack-item>.ui-resizable-se{cursor:se-resize;width:20px;height:20px;} .grid-stack>.grid-stack-item>.ui-resizable-s{cursor:s-resize;height:10px;left:25px;bottom:0;right:25px;} .grid-stack>.grid-stack-item>.ui-resizable-sw{cursor:sw-resize;width:20px;height:20px;} .grid-stack>.grid-stack-item>.ui-resizable-w{cursor:w-resize;width:10px;top:15px;bottom:15px;} .grid-stack>.grid-stack-item.ui-draggable-dragging>.ui-resizable-handle{display:none!important;} .grid-stack>.grid-stack-item[gs-w="0"]{width:0;} .grid-stack>.grid-stack-item[gs-x="0"]{left:0;} .grid-stack>.grid-stack-item[gs-min-w="0"]{min-width:0;} .grid-stack>.grid-stack-item[gs-max-w="0"]{max-width:0;} .grid-stack>.grid-stack-item[gs-w="1"]{width:8.3333333333%;} .grid-stack>.grid-stack-item[gs-x="1"]{left:8.3333333333%;} .grid-stack>.grid-stack-item[gs-min-w="1"]{min-width:8.3333333333%;} .grid-stack>.grid-stack-item[gs-max-w="1"]{max-width:8.3333333333%;} .grid-stack>.grid-stack-item[gs-w="2"]{width:16.6666666667%;} .grid-stack>.grid-stack-item[gs-x="2"]{left:16.6666666667%;} .grid-stack>.grid-stack-item[gs-min-w="2"]{min-width:16.6666666667%;} .grid-stack>.grid-stack-item[gs-max-w="2"]{max-width:16.6666666667%;} .grid-stack>.grid-stack-item[gs-w="3"]{width:25%;} .grid-stack>.grid-stack-item[gs-x="3"]{left:25%;} .grid-stack>.grid-stack-item[gs-min-w="3"]{min-width:25%;} .grid-stack>.grid-stack-item[gs-max-w="3"]{max-width:25%;} .grid-stack>.grid-stack-item[gs-w="4"]{width:33.3333333333%;} .grid-stack>.grid-stack-item[gs-x="4"]{left:33.3333333333%;} .grid-stack>.grid-stack-item[gs-min-w="4"]{min-width:33.3333333333%;} .grid-stack>.grid-stack-item[gs-max-w="4"]{max-width:33.3333333333%;} .grid-stack>.grid-stack-item[gs-w="5"]{width:41.6666666667%;} .grid-stack>.grid-stack-item[gs-x="5"]{left:41.6666666667%;} .grid-stack>.grid-stack-item[gs-min-w="5"]{min-width:41.6666666667%;} .grid-stack>.grid-stack-item[gs-max-w="5"]{max-width:41.6666666667%;} .grid-stack>.grid-stack-item[gs-w="6"]{width:50%;} .grid-stack>.grid-stack-item[gs-x="6"]{left:50%;} .grid-stack>.grid-stack-item[gs-min-w="6"]{min-width:50%;} .grid-stack>.grid-stack-item[gs-max-w="6"]{max-width:50%;} .grid-stack>.grid-stack-item[gs-w="7"]{width:58.3333333333%;} .grid-stack>.grid-stack-item[gs-x="7"]{left:58.3333333333%;} .grid-stack>.grid-stack-item[gs-min-w="7"]{min-width:58.3333333333%;} .grid-stack>.grid-stack-item[gs-max-w="7"]{max-width:58.3333333333%;} .grid-stack>.grid-stack-item[gs-w="8"]{width:66.6666666667%;} .grid-stack>.grid-stack-item[gs-x="8"]{left:66.6666666667%;} .grid-stack>.grid-stack-item[gs-min-w="8"]{min-width:66.6666666667%;} .grid-stack>.grid-stack-item[gs-max-w="8"]{max-width:66.6666666667%;} .grid-stack>.grid-stack-item[gs-w="9"]{width:75%;} .grid-stack>.grid-stack-item[gs-x="9"]{left:75%;} .grid-stack>.grid-stack-item[gs-min-w="9"]{min-width:75%;} .grid-stack>.grid-stack-item[gs-max-w="9"]{max-width:75%;} .grid-stack>.grid-stack-item[gs-w="10"]{width:83.3333333333%;} .grid-stack>.grid-stack-item[gs-x="10"]{left:83.3333333333%;} .grid-stack>.grid-stack-item[gs-min-w="10"]{min-width:83.3333333333%;} .grid-stack>.grid-stack-item[gs-max-w="10"]{max-width:83.3333333333%;} .grid-stack>.grid-stack-item[gs-w="11"]{width:91.6666666667%;} .grid-stack>.grid-stack-item[gs-x="11"]{left:91.6666666667%;} .grid-stack>.grid-stack-item[gs-min-w="11"]{min-width:91.6666666667%;} .grid-stack>.grid-stack-item[gs-max-w="11"]{max-width:91.6666666667%;} .grid-stack>.grid-stack-item[gs-w="12"]{width:100%;} .grid-stack>.grid-stack-item[gs-x="12"]{left:100%;} .grid-stack>.grid-stack-item[gs-min-w="12"]{min-width:100%;} .grid-stack>.grid-stack-item[gs-max-w="12"]{max-width:100%;} .grid-stack.grid-stack-1>.grid-stack-item{min-width:100%;} .grid-stack.grid-stack-1>.grid-stack-item[gs-w="1"]{width:100%;} .grid-stack.grid-stack-1>.grid-stack-item[gs-x="1"]{left:100%;} .grid-stack.grid-stack-1>.grid-stack-item[gs-min-w="1"]{min-width:100%;} .grid-stack.grid-stack-1>.grid-stack-item[gs-max-w="1"]{max-width:100%;} .grid-stack.grid-stack-animate,.grid-stack.grid-stack-animate .grid-stack-item{-webkit-transition:left .3s,top .3s,height .3s,width .3s;-moz-transition:left .3s,top .3s,height .3s,width .3s;-ms-transition:left .3s,top .3s,height .3s,width .3s;-o-transition:left .3s,top .3s,height .3s,width .3s;transition:left .3s,top .3s,height .3s,width .3s;} .grid-stack.grid-stack-animate .grid-stack-item.grid-stack-placeholder,.grid-stack.grid-stack-animate .grid-stack-item.ui-draggable-dragging,.grid-stack.grid-stack-animate .grid-stack-item.ui-resizable-resizing{-webkit-transition:left 0s,top 0s,height 0s,width 0s;-moz-transition:left 0s,top 0s,height 0s,width 0s;-ms-transition:left 0s,top 0s,height 0s,width 0s;-o-transition:left 0s,top 0s,height 0s,width 0s;transition:left 0s,top 0s,height 0s,width 0s;} .grid-stack.grid-stack-2>.grid-stack-item{min-width:50%;} .grid-stack.grid-stack-2>.grid-stack-item[gs-w="1"]{width:50%;} .grid-stack.grid-stack-2>.grid-stack-item[gs-x="1"]{left:50%;} .grid-stack.grid-stack-2>.grid-stack-item[gs-min-w="1"]{min-width:50%;} .grid-stack.grid-stack-2>.grid-stack-item[gs-max-w="1"]{max-width:50%;} .grid-stack.grid-stack-2>.grid-stack-item[gs-w="2"]{width:100%;} .grid-stack.grid-stack-2>.grid-stack-item[gs-x="2"]{left:100%;} .grid-stack.grid-stack-2>.grid-stack-item[gs-min-w="2"]{min-width:100%;} .grid-stack.grid-stack-2>.grid-stack-item[gs-max-w="2"]{max-width:100%;} .grid-stack.grid-stack-3>.grid-stack-item{min-width:33.3333333333%;} .grid-stack.grid-stack-3>.grid-stack-item[gs-w="1"]{width:33.3333333333%;} .grid-stack.grid-stack-3>.grid-stack-item[gs-x="1"]{left:33.3333333333%;} .grid-stack.grid-stack-3>.grid-stack-item[gs-min-w="1"]{min-width:33.3333333333%;} .grid-stack.grid-stack-3>.grid-stack-item[gs-max-w="1"]{max-width:33.3333333333%;} .grid-stack.grid-stack-3>.grid-stack-item[gs-w="2"]{width:66.6666666667%;} .grid-stack.grid-stack-3>.grid-stack-item[gs-x="2"]{left:66.6666666667%;} .grid-stack.grid-stack-3>.grid-stack-item[gs-min-w="2"]{min-width:66.6666666667%;} .grid-stack.grid-stack-3>.grid-stack-item[gs-max-w="2"]{max-width:66.6666666667%;} .grid-stack.grid-stack-3>.grid-stack-item[gs-w="3"]{width:100%;} .grid-stack.grid-stack-3>.grid-stack-item[gs-x="3"]{left:100%;} .grid-stack.grid-stack-3>.grid-stack-item[gs-min-w="3"]{min-width:100%;} .grid-stack.grid-stack-3>.grid-stack-item[gs-max-w="3"]{max-width:100%;} .grid-stack.grid-stack-4>.grid-stack-item{min-width:25%;} .grid-stack.grid-stack-4>.grid-stack-item[gs-w="1"]{width:25%;} .grid-stack.grid-stack-4>.grid-stack-item[gs-x="1"]{left:25%;} .grid-stack.grid-stack-4>.grid-stack-item[gs-min-w="1"]{min-width:25%;} .grid-stack.grid-stack-4>.grid-stack-item[gs-max-w="1"]{max-width:25%;} .grid-stack.grid-stack-4>.grid-stack-item[gs-w="2"]{width:50%;} .grid-stack.grid-stack-4>.grid-stack-item[gs-x="2"]{left:50%;} .grid-stack.grid-stack-4>.grid-stack-item[gs-min-w="2"]{min-width:50%;} .grid-stack.grid-stack-4>.grid-stack-item[gs-max-w="2"]{max-width:50%;} .grid-stack.grid-stack-4>.grid-stack-item[gs-w="3"]{width:75%;} .grid-stack.grid-stack-4>.grid-stack-item[gs-x="3"]{left:75%;} .grid-stack.grid-stack-4>.grid-stack-item[gs-min-w="3"]{min-width:75%;} .grid-stack.grid-stack-4>.grid-stack-item[gs-max-w="3"]{max-width:75%;} .grid-stack.grid-stack-4>.grid-stack-item[gs-w="4"]{width:100%;} .grid-stack.grid-stack-4>.grid-stack-item[gs-x="4"]{left:100%;} .grid-stack.grid-stack-4>.grid-stack-item[gs-min-w="4"]{min-width:100%;} .grid-stack.grid-stack-4>.grid-stack-item[gs-max-w="4"]{max-width:100%;} .grid-stack.grid-stack-5>.grid-stack-item{min-width:20%;} .grid-stack.grid-stack-5>.grid-stack-item[gs-w="1"]{width:20%;} .grid-stack.grid-stack-5>.grid-stack-item[gs-x="1"]{left:20%;} .grid-stack.grid-stack-5>.grid-stack-item[gs-min-w="1"]{min-width:20%;} .grid-stack.grid-stack-5>.grid-stack-item[gs-max-w="1"]{max-width:20%;} .grid-stack.grid-stack-5>.grid-stack-item[gs-w="2"]{width:40%;} .grid-stack.grid-stack-5>.grid-stack-item[gs-x="2"]{left:40%;} .grid-stack.grid-stack-5>.grid-stack-item[gs-min-w="2"]{min-width:40%;} .grid-stack.grid-stack-5>.grid-stack-item[gs-max-w="2"]{max-width:40%;} .grid-stack.grid-stack-5>.grid-stack-item[gs-w="3"]{width:60%;} .grid-stack.grid-stack-5>.grid-stack-item[gs-x="3"]{left:60%;} .grid-stack.grid-stack-5>.grid-stack-item[gs-min-w="3"]{min-width:60%;} .grid-stack.grid-stack-5>.grid-stack-item[gs-max-w="3"]{max-width:60%;} .grid-stack.grid-stack-5>.grid-stack-item[gs-w="4"]{width:80%;} .grid-stack.grid-stack-5>.grid-stack-item[gs-x="4"]{left:80%;} .grid-stack.grid-stack-5>.grid-stack-item[gs-min-w="4"]{min-width:80%;} .grid-stack.grid-stack-5>.grid-stack-item[gs-max-w="4"]{max-width:80%;} .grid-stack.grid-stack-5>.grid-stack-item[gs-w="5"]{width:100%;} .grid-stack.grid-stack-5>.grid-stack-item[gs-x="5"]{left:100%;} .grid-stack.grid-stack-5>.grid-stack-item[gs-min-w="5"]{min-width:100%;} .grid-stack.grid-stack-5>.grid-stack-item[gs-max-w="5"]{max-width:100%;} .grid-stack.grid-stack-6>.grid-stack-item{min-width:16.6666666667%;} .grid-stack.grid-stack-6>.grid-stack-item[gs-w="1"]{width:16.6666666667%;} .grid-stack.grid-stack-6>.grid-stack-item[gs-x="1"]{left:16.6666666667%;} .grid-stack.grid-stack-6>.grid-stack-item[gs-min-w="1"]{min-width:16.6666666667%;} .grid-stack.grid-stack-6>.grid-stack-item[gs-max-w="1"]{max-width:16.6666666667%;} .grid-stack.grid-stack-6>.grid-stack-item[gs-w="2"]{width:33.3333333333%;} .grid-stack.grid-stack-6>.grid-stack-item[gs-x="2"]{left:33.3333333333%;} .grid-stack.grid-stack-6>.grid-stack-item[gs-min-w="2"]{min-width:33.3333333333%;} .grid-stack.grid-stack-6>.grid-stack-item[gs-max-w="2"]{max-width:33.3333333333%;} .grid-stack.grid-stack-6>.grid-stack-item[gs-w="3"]{width:50%;} .grid-stack.grid-stack-6>.grid-stack-item[gs-x="3"]{left:50%;} .grid-stack.grid-stack-6>.grid-stack-item[gs-min-w="3"]{min-width:50%;} .grid-stack.grid-stack-6>.grid-stack-item[gs-max-w="3"]{max-width:50%;} .grid-stack.grid-stack-6>.grid-stack-item[gs-w="4"]{width:66.6666666667%;} .grid-stack.grid-stack-6>.grid-stack-item[gs-x="4"]{left:66.6666666667%;} .grid-stack.grid-stack-6>.grid-stack-item[gs-min-w="4"]{min-width:66.6666666667%;} .grid-stack.grid-stack-6>.grid-stack-item[gs-max-w="4"]{max-width:66.6666666667%;} .grid-stack.grid-stack-6>.grid-stack-item[gs-w="5"]{width:83.3333333333%;} .grid-stack.grid-stack-6>.grid-stack-item[gs-x="5"]{left:83.3333333333%;} .grid-stack.grid-stack-6>.grid-stack-item[gs-min-w="5"]{min-width:83.3333333333%;} .grid-stack.grid-stack-6>.grid-stack-item[gs-max-w="5"]{max-width:83.3333333333%;} .grid-stack.grid-stack-6>.grid-stack-item[gs-w="6"]{width:100%;} .grid-stack.grid-stack-6>.grid-stack-item[gs-x="6"]{left:100%;} .grid-stack.grid-stack-6>.grid-stack-item[gs-min-w="6"]{min-width:100%;} .grid-stack.grid-stack-6>.grid-stack-item[gs-max-w="6"]{max-width:100%;} .grid-stack.grid-stack-7>.grid-stack-item{min-width:14.2857142857%;} .grid-stack.grid-stack-7>.grid-stack-item[gs-w="1"]{width:14.2857142857%;} .grid-stack.grid-stack-7>.grid-stack-item[gs-x="1"]{left:14.2857142857%;} .grid-stack.grid-stack-7>.grid-stack-item[gs-min-w="1"]{min-width:14.2857142857%;} .grid-stack.grid-stack-7>.grid-stack-item[gs-max-w="1"]{max-width:14.2857142857%;} .grid-stack.grid-stack-7>.grid-stack-item[gs-w="2"]{width:28.5714285714%;} .grid-stack.grid-stack-7>.grid-stack-item[gs-x="2"]{left:28.5714285714%;} .grid-stack.grid-stack-7>.grid-stack-item[gs-min-w="2"]{min-width:28.5714285714%;} .grid-stack.grid-stack-7>.grid-stack-item[gs-max-w="2"]{max-width:28.5714285714%;} .grid-stack.grid-stack-7>.grid-stack-item[gs-w="3"]{width:42.8571428571%;} .grid-stack.grid-stack-7>.grid-stack-item[gs-x="3"]{left:42.8571428571%;} .grid-stack.grid-stack-7>.grid-stack-item[gs-min-w="3"]{min-width:42.8571428571%;} .grid-stack.grid-stack-7>.grid-stack-item[gs-max-w="3"]{max-width:42.8571428571%;} .grid-stack.grid-stack-7>.grid-stack-item[gs-w="4"]{width:57.1428571429%;} .grid-stack.grid-stack-7>.grid-stack-item[gs-x="4"]{left:57.1428571429%;} .grid-stack.grid-stack-7>.grid-stack-item[gs-min-w="4"]{min-width:57.1428571429%;} .grid-stack.grid-stack-7>.grid-stack-item[gs-max-w="4"]{max-width:57.1428571429%;} .grid-stack.grid-stack-7>.grid-stack-item[gs-w="5"]{width:71.4285714286%;} .grid-stack.grid-stack-7>.grid-stack-item[gs-x="5"]{left:71.4285714286%;} .grid-stack.grid-stack-7>.grid-stack-item[gs-min-w="5"]{min-width:71.4285714286%;} .grid-stack.grid-stack-7>.grid-stack-item[gs-max-w="5"]{max-width:71.4285714286%;} .grid-stack.grid-stack-7>.grid-stack-item[gs-w="6"]{width:85.7142857143%;} .grid-stack.grid-stack-7>.grid-stack-item[gs-x="6"]{left:85.7142857143%;} .grid-stack.grid-stack-7>.grid-stack-item[gs-min-w="6"]{min-width:85.7142857143%;} .grid-stack.grid-stack-7>.grid-stack-item[gs-max-w="6"]{max-width:85.7142857143%;} .grid-stack.grid-stack-7>.grid-stack-item[gs-w="7"]{width:100%;} .grid-stack.grid-stack-7>.grid-stack-item[gs-x="7"]{left:100%;} .grid-stack.grid-stack-7>.grid-stack-item[gs-min-w="7"]{min-width:100%;} .grid-stack.grid-stack-7>.grid-stack-item[gs-max-w="7"]{max-width:100%;} .grid-stack.grid-stack-8>.grid-stack-item{min-width:12.5%;} .grid-stack.grid-stack-8>.grid-stack-item[gs-w="1"]{width:12.5%;} .grid-stack.grid-stack-8>.grid-stack-item[gs-x="1"]{left:12.5%;} .grid-stack.grid-stack-8>.grid-stack-item[gs-min-w="1"]{min-width:12.5%;} .grid-stack.grid-stack-8>.grid-stack-item[gs-max-w="1"]{max-width:12.5%;} .grid-stack.grid-stack-8>.grid-stack-item[gs-w="2"]{width:25%;} .grid-stack.grid-stack-8>.grid-stack-item[gs-x="2"]{left:25%;} .grid-stack.grid-stack-8>.grid-stack-item[gs-min-w="2"]{min-width:25%;} .grid-stack.grid-stack-8>.grid-stack-item[gs-max-w="2"]{max-width:25%;} .grid-stack.grid-stack-8>.grid-stack-item[gs-w="3"]{width:37.5%;} .grid-stack.grid-stack-8>.grid-stack-item[gs-x="3"]{left:37.5%;} .grid-stack.grid-stack-8>.grid-stack-item[gs-min-w="3"]{min-width:37.5%;} .grid-stack.grid-stack-8>.grid-stack-item[gs-max-w="3"]{max-width:37.5%;} .grid-stack.grid-stack-8>.grid-stack-item[gs-w="4"]{width:50%;} .grid-stack.grid-stack-8>.grid-stack-item[gs-x="4"]{left:50%;} .grid-stack.grid-stack-8>.grid-stack-item[gs-min-w="4"]{min-width:50%;} .grid-stack.grid-stack-8>.grid-stack-item[gs-max-w="4"]{max-width:50%;} .grid-stack.grid-stack-8>.grid-stack-item[gs-w="5"]{width:62.5%;} .grid-stack.grid-stack-8>.grid-stack-item[gs-x="5"]{left:62.5%;} .grid-stack.grid-stack-8>.grid-stack-item[gs-min-w="5"]{min-width:62.5%;} .grid-stack.grid-stack-8>.grid-stack-item[gs-max-w="5"]{max-width:62.5%;} .grid-stack.grid-stack-8>.grid-stack-item[gs-w="6"]{width:75%;} .grid-stack.grid-stack-8>.grid-stack-item[gs-x="6"]{left:75%;} .grid-stack.grid-stack-8>.grid-stack-item[gs-min-w="6"]{min-width:75%;} .grid-stack.grid-stack-8>.grid-stack-item[gs-max-w="6"]{max-width:75%;} .grid-stack.grid-stack-8>.grid-stack-item[gs-w="7"]{width:87.5%;} .grid-stack.grid-stack-8>.grid-stack-item[gs-x="7"]{left:87.5%;} .grid-stack.grid-stack-8>.grid-stack-item[gs-min-w="7"]{min-width:87.5%;} .grid-stack.grid-stack-8>.grid-stack-item[gs-max-w="7"]{max-width:87.5%;} .grid-stack.grid-stack-8>.grid-stack-item[gs-w="8"]{width:100%;} .grid-stack.grid-stack-8>.grid-stack-item[gs-x="8"]{left:100%;} .grid-stack.grid-stack-8>.grid-stack-item[gs-min-w="8"]{min-width:100%;} .grid-stack.grid-stack-8>.grid-stack-item[gs-max-w="8"]{max-width:100%;} .grid-stack.grid-stack-9>.grid-stack-item{min-width:11.1111111111%;} .grid-stack.grid-stack-9>.grid-stack-item[gs-w="1"]{width:11.1111111111%;} .grid-stack.grid-stack-9>.grid-stack-item[gs-x="1"]{left:11.1111111111%;} .grid-stack.grid-stack-9>.grid-stack-item[gs-min-w="1"]{min-width:11.1111111111%;} .grid-stack.grid-stack-9>.grid-stack-item[gs-max-w="1"]{max-width:11.1111111111%;} .grid-stack.grid-stack-9>.grid-stack-item[gs-w="2"]{width:22.2222222222%;} .grid-stack.grid-stack-9>.grid-stack-item[gs-x="2"]{left:22.2222222222%;} .grid-stack.grid-stack-9>.grid-stack-item[gs-min-w="2"]{min-width:22.2222222222%;} .grid-stack.grid-stack-9>.grid-stack-item[gs-max-w="2"]{max-width:22.2222222222%;} .grid-stack.grid-stack-9>.grid-stack-item[gs-w="3"]{width:33.3333333333%;} .grid-stack.grid-stack-9>.grid-stack-item[gs-x="3"]{left:33.3333333333%;} .grid-stack.grid-stack-9>.grid-stack-item[gs-min-w="3"]{min-width:33.3333333333%;} .grid-stack.grid-stack-9>.grid-stack-item[gs-max-w="3"]{max-width:33.3333333333%;} .grid-stack.grid-stack-9>.grid-stack-item[gs-w="4"]{width:44.4444444444%;} .grid-stack.grid-stack-9>.grid-stack-item[gs-x="4"]{left:44.4444444444%;} .grid-stack.grid-stack-9>.grid-stack-item[gs-min-w="4"]{min-width:44.4444444444%;} .grid-stack.grid-stack-9>.grid-stack-item[gs-max-w="4"]{max-width:44.4444444444%;} .grid-stack.grid-stack-9>.grid-stack-item[gs-w="5"]{width:55.5555555556%;} .grid-stack.grid-stack-9>.grid-stack-item[gs-x="5"]{left:55.5555555556%;} .grid-stack.grid-stack-9>.grid-stack-item[gs-min-w="5"]{min-width:55.5555555556%;} .grid-stack.grid-stack-9>.grid-stack-item[gs-max-w="5"]{max-width:55.5555555556%;} .grid-stack.grid-stack-9>.grid-stack-item[gs-w="6"]{width:66.6666666667%;} .grid-stack.grid-stack-9>.grid-stack-item[gs-x="6"]{left:66.6666666667%;} .grid-stack.grid-stack-9>.grid-stack-item[gs-min-w="6"]{min-width:66.6666666667%;} .grid-stack.grid-stack-9>.grid-stack-item[gs-max-w="6"]{max-width:66.6666666667%;} .grid-stack.grid-stack-9>.grid-stack-item[gs-w="7"]{width:77.7777777778%;} .grid-stack.grid-stack-9>.grid-stack-item[gs-x="7"]{left:77.7777777778%;} .grid-stack.grid-stack-9>.grid-stack-item[gs-min-w="7"]{min-width:77.7777777778%;} .grid-stack.grid-stack-9>.grid-stack-item[gs-max-w="7"]{max-width:77.7777777778%;} .grid-stack.grid-stack-9>.grid-stack-item[gs-w="8"]{width:88.8888888889%;} .grid-stack.grid-stack-9>.grid-stack-item[gs-x="8"]{left:88.8888888889%;} .grid-stack.grid-stack-9>.grid-stack-item[gs-min-w="8"]{min-width:88.8888888889%;} .grid-stack.grid-stack-9>.grid-stack-item[gs-max-w="8"]{max-width:88.8888888889%;} .grid-stack.grid-stack-9>.grid-stack-item[gs-w="9"]{width:100%;} .grid-stack.grid-stack-9>.grid-stack-item[gs-x="9"]{left:100%;} .grid-stack.grid-stack-9>.grid-stack-item[gs-min-w="9"]{min-width:100%;} .grid-stack.grid-stack-9>.grid-stack-item[gs-max-w="9"]{max-width:100%;} .grid-stack.grid-stack-10>.grid-stack-item{min-width:10%;} .grid-stack.grid-stack-10>.grid-stack-item[gs-w="1"]{width:10%;} .grid-stack.grid-stack-10>.grid-stack-item[gs-x="1"]{left:10%;} .grid-stack.grid-stack-10>.grid-stack-item[gs-min-w="1"]{min-width:10%;} .grid-stack.grid-stack-10>.grid-stack-item[gs-max-w="1"]{max-width:10%;} .grid-stack.grid-stack-10>.grid-stack-item[gs-w="2"]{width:20%;} .grid-stack.grid-stack-10>.grid-stack-item[gs-x="2"]{left:20%;} .grid-stack.grid-stack-10>.grid-stack-item[gs-min-w="2"]{min-width:20%;} .grid-stack.grid-stack-10>.grid-stack-item[gs-max-w="2"]{max-width:20%;} .grid-stack.grid-stack-10>.grid-stack-item[gs-w="3"]{width:30%;} .grid-stack.grid-stack-10>.grid-stack-item[gs-x="3"]{left:30%;} .grid-stack.grid-stack-10>.grid-stack-item[gs-min-w="3"]{min-width:30%;} .grid-stack.grid-stack-10>.grid-stack-item[gs-max-w="3"]{max-width:30%;} .grid-stack.grid-stack-10>.grid-stack-item[gs-w="4"]{width:40%;} .grid-stack.grid-stack-10>.grid-stack-item[gs-x="4"]{left:40%;} .grid-stack.grid-stack-10>.grid-stack-item[gs-min-w="4"]{min-width:40%;} .grid-stack.grid-stack-10>.grid-stack-item[gs-max-w="4"]{max-width:40%;} .grid-stack.grid-stack-10>.grid-stack-item[gs-w="5"]{width:50%;} .grid-stack.grid-stack-10>.grid-stack-item[gs-x="5"]{left:50%;} .grid-stack.grid-stack-10>.grid-stack-item[gs-min-w="5"]{min-width:50%;} .grid-stack.grid-stack-10>.grid-stack-item[gs-max-w="5"]{max-width:50%;} .grid-stack.grid-stack-10>.grid-stack-item[gs-w="6"]{width:60%;} .grid-stack.grid-stack-10>.grid-stack-item[gs-x="6"]{left:60%;} .grid-stack.grid-stack-10>.grid-stack-item[gs-min-w="6"]{min-width:60%;} .grid-stack.grid-stack-10>.grid-stack-item[gs-max-w="6"]{max-width:60%;} .grid-stack.grid-stack-10>.grid-stack-item[gs-w="7"]{width:70%;} .grid-stack.grid-stack-10>.grid-stack-item[gs-x="7"]{left:70%;} .grid-stack.grid-stack-10>.grid-stack-item[gs-min-w="7"]{min-width:70%;} .grid-stack.grid-stack-10>.grid-stack-item[gs-max-w="7"]{max-width:70%;} .grid-stack.grid-stack-10>.grid-stack-item[gs-w="8"]{width:80%;} .grid-stack.grid-stack-10>.grid-stack-item[gs-x="8"]{left:80%;} .grid-stack.grid-stack-10>.grid-stack-item[gs-min-w="8"]{min-width:80%;} .grid-stack.grid-stack-10>.grid-stack-item[gs-max-w="8"]{max-width:80%;} .grid-stack.grid-stack-10>.grid-stack-item[gs-w="9"]{width:90%;} .grid-stack.grid-stack-10>.grid-stack-item[gs-x="9"]{left:90%;} .grid-stack.grid-stack-10>.grid-stack-item[gs-min-w="9"]{min-width:90%;} .grid-stack.grid-stack-10>.grid-stack-item[gs-max-w="9"]{max-width:90%;} .grid-stack.grid-stack-10>.grid-stack-item[gs-w="10"]{width:100%;} .grid-stack.grid-stack-10>.grid-stack-item[gs-x="10"]{left:100%;} .grid-stack.grid-stack-10>.grid-stack-item[gs-min-w="10"]{min-width:100%;} .grid-stack.grid-stack-10>.grid-stack-item[gs-max-w="10"]{max-width:100%;} .grid-stack.grid-stack-11>.grid-stack-item{min-width:9.0909090909%;} .grid-stack.grid-stack-11>.grid-stack-item[gs-w="1"]{width:9.0909090909%;} .grid-stack.grid-stack-11>.grid-stack-item[gs-x="1"]{left:9.0909090909%;} .grid-stack.grid-stack-11>.grid-stack-item[gs-min-w="1"]{min-width:9.0909090909%;} .grid-stack.grid-stack-11>.grid-stack-item[gs-max-w="1"]{max-width:9.0909090909%;} .grid-stack.grid-stack-11>.grid-stack-item[gs-w="2"]{width:18.1818181818%;} .grid-stack.grid-stack-11>.grid-stack-item[gs-x="2"]{left:18.1818181818%;} .grid-stack.grid-stack-11>.grid-stack-item[gs-min-w="2"]{min-width:18.1818181818%;} .grid-stack.grid-stack-11>.grid-stack-item[gs-max-w="2"]{max-width:18.1818181818%;} .grid-stack.grid-stack-11>.grid-stack-item[gs-w="3"]{width:27.2727272727%;} .grid-stack.grid-stack-11>.grid-stack-item[gs-x="3"]{left:27.2727272727%;} .grid-stack.grid-stack-11>.grid-stack-item[gs-min-w="3"]{min-width:27.2727272727%;} .grid-stack.grid-stack-11>.grid-stack-item[gs-max-w="3"]{max-width:27.2727272727%;} .grid-stack.grid-stack-11>.grid-stack-item[gs-w="4"]{width:36.3636363636%;} .grid-stack.grid-stack-11>.grid-stack-item[gs-x="4"]{left:36.3636363636%;} .grid-stack.grid-stack-11>.grid-stack-item[gs-min-w="4"]{min-width:36.3636363636%;} .grid-stack.grid-stack-11>.grid-stack-item[gs-max-w="4"]{max-width:36.3636363636%;} .grid-stack.grid-stack-11>.grid-stack-item[gs-w="5"]{width:45.4545454545%;} .grid-stack.grid-stack-11>.grid-stack-item[gs-x="5"]{left:45.4545454545%;} .grid-stack.grid-stack-11>.grid-stack-item[gs-min-w="5"]{min-width:45.4545454545%;} .grid-stack.grid-stack-11>.grid-stack-item[gs-max-w="5"]{max-width:45.4545454545%;} .grid-stack.grid-stack-11>.grid-stack-item[gs-w="6"]{width:54.5454545455%;} .grid-stack.grid-stack-11>.grid-stack-item[gs-x="6"]{left:54.5454545455%;} .grid-stack.grid-stack-11>.grid-stack-item[gs-min-w="6"]{min-width:54.5454545455%;} .grid-stack.grid-stack-11>.grid-stack-item[gs-max-w="6"]{max-width:54.5454545455%;} .grid-stack.grid-stack-11>.grid-stack-item[gs-w="7"]{width:63.6363636364%;} .grid-stack.grid-stack-11>.grid-stack-item[gs-x="7"]{left:63.6363636364%;} .grid-stack.grid-stack-11>.grid-stack-item[gs-min-w="7"]{min-width:63.6363636364%;} .grid-stack.grid-stack-11>.grid-stack-item[gs-max-w="7"]{max-width:63.6363636364%;} .grid-stack.grid-stack-11>.grid-stack-item[gs-w="8"]{width:72.7272727273%;} .grid-stack.grid-stack-11>.grid-stack-item[gs-x="8"]{left:72.7272727273%;} .grid-stack.grid-stack-11>.grid-stack-item[gs-min-w="8"]{min-width:72.7272727273%;} .grid-stack.grid-stack-11>.grid-stack-item[gs-max-w="8"]{max-width:72.7272727273%;} .grid-stack.grid-stack-11>.grid-stack-item[gs-w="9"]{width:81.8181818182%;} .grid-stack.grid-stack-11>.grid-stack-item[gs-x="9"]{left:81.8181818182%;} .grid-stack.grid-stack-11>.grid-stack-item[gs-min-w="9"]{min-width:81.8181818182%;} .grid-stack.grid-stack-11>.grid-stack-item[gs-max-w="9"]{max-width:81.8181818182%;} .grid-stack.grid-stack-11>.grid-stack-item[gs-w="10"]{width:90.9090909091%;} .grid-stack.grid-stack-11>.grid-stack-item[gs-x="10"]{left:90.9090909091%;} .grid-stack.grid-stack-11>.grid-stack-item[gs-min-w="10"]{min-width:90.9090909091%;} .grid-stack.grid-stack-11>.grid-stack-item[gs-max-w="10"]{max-width:90.9090909091%;} .grid-stack.grid-stack-11>.grid-stack-item[gs-w="11"]{width:100%;} .grid-stack.grid-stack-11>.grid-stack-item[gs-x="11"]{left:100%;} .grid-stack.grid-stack-11>.grid-stack-item[gs-min-w="11"]{min-width:100%;} .grid-stack.grid-stack-11>.grid-stack-item[gs-max-w="11"]{max-width:100%;} /* Because the Admin WYSIWYG does not use iframe or Shadow DOM for CSS we have to be careful what we place here, otherwise Build CSS will impact any page with a WYSIWYG on it @todo Josh will be updating Sketch document with notes on how/where each color is used copy those into here */ :root{/* @formatter:off */ --AnchorFocus-BackgroundColor:color-mix(in srgb,var(--Colors-BrandAux02) 10%,transparent);--AnchorFocus-BackgroundColor:color-mix(in srgb,var(--Colors-Brand01) 10%,transparent);/** Font Families **/ /* Typeface1 - Embedded: body, --Controls, --ComponentLinkFont - Dynamic: --PageHeaderFontFamily, --AccentText-FontFamily, --ComponentHeadings-FontFamily */ --Typeface1-FontFamily:sans-serif;--Typeface1-FontFamily:proxima-nova,sans-serif;/* Typeface2 - Embedded: .HomePage .InfoBlockImageCutout .InfoBlockDescription - Dynamic: --PageHeaderSubtitleFontFamily, --ComponentText-FontFamily (core font used for most text) */ --Typeface2-FontFamily:serif;--Typeface2-FontFamily:proxima-nova,sans-serif;--HTMLContentHeadings-FontFamily:sans-serif;--HTMLContentHeadings-FontFamily:proxima-nova,sans-serif;--HTMLContent-FontFamily:serif;--HTMLContent-FontFamily:proxima-nova,sans-serif;--HTMLContentCode-FontFamily:"Courier New",monospace;--Menus-FontFamily:sans-serif;--Menus-FontFamily:proxima-nova,sans-serif;--Forms-FontFamily:sans-serif;--Forms-FontFamily:proxima-nova,sans-serif;/* Brand Colors - Defined twice so that IDE can autofill and Template Variables can override */ --Colors-Brand01:#0d75ad;--Colors-Brand01:#E31B23;--Colors-Brand02:#FF4A00;--Colors-Brand02:#B3151C;--Colors-BrandAux01:#09537a;--Colors-BrandAux01:#991217;--Colors-BrandAux02:#0e7ab4;--Colors-BrandAux02:#800F13;--Colors-BrandAux03:#CE3A00;--Colors-BrandAux03:#660C0F;--Colors-BrandAux04:#EC4D0E;--Colors-BrandAux04:#4D090B;--Colors-InterfaceFocusShadow:hsl(184 100% 50% / 0.51);--Colors-InterfaceFocusShadow:hsl(195 47% 43% / 0.50);--Colors-InterfaceError:#ee0b0b;--Colors-InterfaceError:#ED580A;--Colors-InterfaceAlert:#ffff00;--Colors-InterfaceAlert:#ED580A;--Colors-InterfaceAlertBackground:#052f45;--Colors-InterfaceAlertBackground:#000000;/* @formatter:on */ --Colors-UniversalWhite:#ffffff;--Colors-UniversalBlack:#000000;/* These colors serve the specific purpose of allowing us to re-color text elements more simply and avoid having dozens of other text styles to manage. */ --Colors-UniversalText:var(--Colors-UniversalBlack);--Colors-UniversalHeading:var(--Colors-UniversalBlack);--Colors-UniversalLabel:#545454;--Colors-InterfaceAnchor:var(--Colors-BrandAux02);/* Green */ --Colors-InterfaceConfirmed:#3a9344;/* Red */ --Colors-InterfaceRequired:var(--Colors-InterfaceError);--Colors-InterfaceWarning:var(--Colors-InterfaceError);--Colors-InterfaceDisabled:var(--Colors-Neutral03);--Colors-InterfaceMOCEPriceReduced:#970000;/* Z-Index for items */ --InterfaceFocusRing-ZIndex:20;--Tooltip-ZIndex:100;--Header-ZIndex:105;/* includes Header Sliding Menu */ --FilterBarDialog-ZIndex:110;--PageSidebar-ZIndex:110;--Lightbox-ZIndex:110;--ProductATCDialog-ZIndex:115;/* Interface */ --InterfaceFocusRing-Offset:2px;--InterfaceFocusRing-OffsetColor:var(--Colors-UniversalWhite);--InterfaceFocusRing-BoxShadowSpreadRadius:3px;--InterfaceFocusRing-BoxShadowBlurRadius:6px;--InterfaceFocusRing-Thickness:calc(var(--InterfaceFocusRing-Offset) + var(--InterfaceFocusRing-BoxShadowBlurRadius) + var(--InterfaceFocusRing-BoxShadowSpreadRadius));/* Note: --InterfaceFocusRingForElement-BoxShadow may be overridden at a more specific scope so that --InterfaceFocusRing-OffsetColor can be changed */ --InterfaceFocusRingForElement-BoxShadow:0 0 0 var(--InterfaceFocusRing-Offset) var(--InterfaceFocusRing-OffsetColor),0 0 var(--InterfaceFocusRing-BoxShadowBlurRadius) var(--InterfaceFocusRing-BoxShadowSpreadRadius) var(--Colors-InterfaceFocusShadow);--InterfaceFocusRingForAfter-BoxShadow:0 0 var(--InterfaceFocusRing-BoxShadowBlurRadius) calc(var(--InterfaceFocusRing-BoxShadowSpreadRadius) - var(--InterfaceFocusRing-Offset)) var(--Colors-InterfaceFocusShadow);--InterfaceFocusRingInset-BoxShadow:inset 0 0 var(--InterfaceFocusRing-BoxShadowBlurRadius) calc(var(--InterfaceFocusRing-BoxShadowSpreadRadius) - var(--InterfaceFocusRing-Offset)) var(--Colors-InterfaceFocusShadow);/* Menus */ /* Header and Sliding Menu */ --MainMenu-FontSize:15px;--MainMenu-LineHeight:var(--MainMenu-FontSize);--MainMenuItem-Color:var(--Colors-BrandAux02);--MainMenuItemHover-Color:var(--Colors-BrandAux01);--MainMenuItemFocus-Color:var(--MainMenuItem-Color);--MainMenuItemActive-Color:var(--MainMenuItemHover-Color);--MainMenuItem-DarkModeColor:var(--Colors-Neutral01);--MainMenuItemHover-DarkModeColor:var(--Colors-UniversalWhite);--MainMenuItemFocus-DarkModeColor:var(--MainMenuItemHover-DarkModeColor);--MainMenuItemActive-DarkModeColor:var(--MainMenuItemHover-DarkModeColor);--MainMenuFirstLevelItem-Font:var(--MainMenuFirstLevelItem-FontWeight) var(--MainMenu-FontSize)/var(--MainMenu-LineHeight) var(--Menus-FontFamily);--MainMenuFirstLevelItem-FontWeight:600;--MainMenuFirstLevelItem-TextTransform:uppercase;--MainMenuSecondLevelItem-Font:var(--MainMenuSecondLevelItem-FontWeight) var(--MainMenu-FontSize)/var(--MainMenu-LineHeight) var(--Menus-FontFamily);--MainMenuSecondLevelItem-FontWeight:400;--MainMenuSecondLevelItem-TextTransform:none;--MainSlidingMenu-FontSize:17px;--MainSlidingMenu-LineHeight:var(--MainSlidingMenu-FontSize);--MainSlidingMenuFirstLevelItem-Font:var(--MainSlidingMenuFirstLevelItem-FontWeight) var(--MainSlidingMenu-FontSize)/var(--MainSlidingMenu-LineHeight) var(--Menus-FontFamily);--MainSlidingMenuFirstLevelItem-FontWeight:var(--MainMenuFirstLevelItem-FontWeight);--MainSlidingMenuFirstLevelItem-TextTransform:var(--MainMenuFirstLevelItem-TextTransform);--MainSlidingMenuSecondLevelItem-Font:var(--MainSlidingMenuSecondLevelItem-FontWeight) var(--MainSlidingMenu-FontSize)/var(--MainSlidingMenu-LineHeight) var(--Menus-FontFamily);--MainSlidingMenuSecondLevelItem-FontWeight:var(--MainSlidingMenuFirstLevelItem-FontWeight);--MainSlidingMenuSecondLevelItem-TextTransform:var(--MainSlidingMenuFirstLevelItem-TextTransform);/* Main Content Sidebar Menu for Resources, Shop, Staff, etc. */ --SidebarMenu-FontSize:15px;--SidebarMenu-LineHeight:var(--SidebarMenu-FontSize);--SidebarMenuItem-Color:var(--Colors-BrandAux02);--SidebarMenuItemHover-Color:var(--Colors-BrandAux01);--SidebarMenuItemFocus-Color:var(--SidebarMenuItem-Color);--SidebarMenuFirstLevelItem-Font:700 var(--SidebarMenu-FontSize)/var(--SidebarMenu-LineHeight) var(--Menus-FontFamily);--SidebarMenuSecondLevelItem-Font:400 var(--SidebarMenu-FontSize)/var(--SidebarMenu-LineHeight) var(--Menus-FontFamily);/* Layout */ --OverlayColors-DarkBackground:color-mix(in srgb,var(--Colors-UniversalBlack) 75%,transparent);--OverlayColors-LightBackground:color-mix(in srgb,var(--Colors-UniversalWhite) 75%,transparent);--OverlayColors-Tint01Background:color-mix(in srgb,var(--Colors-BrandAux02) 75%,transparent);--Colors-Neutral01:#f5f5f5;--Colors-Neutral02:#ededed;--Colors-Neutral03:#e3e3e3;--Colors-Neutral04:#b3b3b3;--Colors-Neutral05:#919191;--Colors-Neutral06:#585858;--Colors-Neutral07:#414141;--Colors-Neutral08:#373737;--InlineGutterWidth:24px;--InlineGutterWidthBoxCalc:calc(var(--InlineGutterWidth) * 2);--DefaultContentInnerContentBoxMaxWidth:1400px;--DefaultContentInnerMaxWidth:calc(var(--DefaultContentInnerContentBoxMaxWidth) + var(--InlineGutterWidthBoxCalc));--DefaultContentInnerPaddingBottom:144px;--DefaultContentInnerPaddingTop:110px;--DefaultPageHTMLContentContentBoxMaxWidth:640px;--DefaultPageHTMLContentMaxWidth:calc(var(--DefaultPageHTMLContentContentBoxMaxWidth) + var(--InlineGutterWidthBoxCalc));/* Interactions */ --InteractionTransitionDuration:.25s;--HoverableTransitionDuration:var(--InteractionTransitionDuration);--StateChangeTransitionDuration:var(--InteractionTransitionDuration);/* Page Header */ --PageHeaderColor:var(--Colors-UniversalWhite);--PageHeaderNoBackgroundImageColor:var(--Colors-UniversalHeading);--PageHeaderFontFamily:var(--Typeface1-FontFamily);--PageHeaderSubtitleFontFamily:var(--Typeface2-FontFamily);--PageHeaderBackgroundColor:var(--Colors-Neutral06);--PageHeaderNoBackgroundImageBackgroundColor:var(--Colors-Neutral01);--PageHeaderInner-PaddingTop:53px;--PageHeaderInner-PaddingBottom:54px;/* Layer Styles */ --LayerStyleEffectComponentHoverColor:color-mix(in srgb,var(--Colors-BrandAux04) 20%,transparent);/* Text Styles */ --AccentText-FontFamily:var(--Typeface1-FontFamily);--AccentText-FontStyle:italic;--AccentText-A-Color:var(--Colors-BrandAux03);--AccentText-B-Color:var(--Colors-UniversalWhite);--AccentText-Size1-Font:400 29px/29px var(--AccentText-FontFamily);--AccentText-Size1-LetterSpacing:0;--AccentText-Size2-Font:400 21px/33px var(--AccentText-FontFamily);--AccentText-Size2-LetterSpacing:0;/* HTML Content Headings */ --HTMLContentHeadings-Color:var(--Colors-UniversalHeading);--HTMLContentHeadings-FontWeight:700;--HTMLContentHeadings-LineHeight:1.1;--HTMLContentHeadings-Margin:0 0 20px 0;--HTMLContentHeadings-TextTransform:none;--HTMLContentHeadings-LetterSpacing:0;--HTMLContentHeading1-Color:var(--HTMLContentHeadings-Color);--HTMLContentHeading1-Font:var(--HTMLContentHeadings-FontWeight) var(--HTMLContentHeading1-FontSize)/var(--HTMLContentHeading1-LineHeight) var(--HTMLContentHeadings-FontFamily);--HTMLContentHeading1-FontSize:45px;--HTMLContentHeading1-TextTransform:var(--HTMLContentHeadings-TextTransform);--HTMLContentHeading1-LetterSpacing:var(--HTMLContentHeadings-LetterSpacing);--HTMLContentHeading1-LineHeight:var(--HTMLContentHeadings-LineHeight);--HTMLContentHeading2-Color:var(--HTMLContentHeadings-Color);--HTMLContentHeading2-FontSize:35px;--HTMLContentHeading2-Font:var(--HTMLContentHeadings-FontWeight) var(--HTMLContentHeading2-FontSize)/var(--HTMLContentHeading2-LineHeight) var(--HTMLContentHeadings-FontFamily);--HTMLContentHeading2-TextTransform:var(--HTMLContentHeadings-TextTransform);--HTMLContentHeading2-LetterSpacing:var(--HTMLContentHeadings-LetterSpacing);--HTMLContentHeading2-LineHeight:var(--HTMLContentHeadings-LineHeight);--HTMLContentHeading3-Color:var(--HTMLContentHeadings-Color);--HTMLContentHeading3-FontSize:27px;--HTMLContentHeading3-Font:var(--HTMLContentHeadings-FontWeight) var(--HTMLContentHeading3-FontSize)/var(--HTMLContentHeading3-LineHeight) var(--HTMLContentHeadings-FontFamily);--HTMLContentHeading3-TextTransform:none;--HTMLContentHeading3-LetterSpacing:var(--HTMLContentHeadings-LetterSpacing);--HTMLContentHeading3-LineHeight:var(--HTMLContentHeadings-LineHeight);--HTMLContentHeading4-Color:var(--HTMLContentHeadings-Color);--HTMLContentHeading4-FontSize:23px;--HTMLContentHeading4-Font:var(--HTMLContentHeadings-FontWeight) var(--HTMLContentHeading4-FontSize)/var(--HTMLContentHeading4-LineHeight) var(--HTMLContentHeadings-FontFamily);--HTMLContentHeading4-TextTransform:var(--HTMLContentHeadings-TextTransform);--HTMLContentHeading4-LetterSpacing:var(--HTMLContentHeadings-LetterSpacing);--HTMLContentHeading4-LineHeight:var(--HTMLContentHeadings-LineHeight);--HTMLContentHeading5-Color:var(--HTMLContentHeadings-Color);--HTMLContentHeading5-FontSize:19px;--HTMLContentHeading5-Font:var(--HTMLContentHeadings-FontWeight) var(--HTMLContentHeading5-FontSize)/var(--HTMLContentHeading5-LineHeight) var(--HTMLContentHeadings-FontFamily);--HTMLContentHeading5-TextTransform:var(--HTMLContentHeadings-TextTransform);--HTMLContentHeading5-LetterSpacing:var(--HTMLContentHeadings-LetterSpacing);--HTMLContentHeading5-LineHeight:var(--HTMLContentHeadings-LineHeight);--HTMLContentHeading6-Color:var(--HTMLContentHeadings-Color);--HTMLContentHeading6-FontSize:17px;--HTMLContentHeading6-Font:var(--HTMLContentHeadings-FontWeight) var(--HTMLContentHeading6-FontSize)/var(--HTMLContentHeading6-LineHeight) var(--HTMLContentHeadings-FontFamily);--HTMLContentHeading6-TextTransform:uppercase;--HTMLContentHeading6-LetterSpacing:2px;--HTMLContentHeading6-LineHeight:1;/* HTML Content Elements */ --HTMLContent-Color:var(--ComponentText-A-Color);--HTMLContent-FontSize:var(--ComponentText-Size3-FontSize);--HTMLContent-FontSizeLineHeight:var(--ComponentText-Size3-FontSizeLineHeight);--HTMLContent-FontWeight:var(--ComponentText-Size3-FontWeight);--HTMLContent-Font:var(--HTMLContent-FontWeight) var(--HTMLContent-FontSizeLineHeight) var(--HTMLContent-FontFamily);--HTMLContentCode-FontSizeLineHeight:var(--HTMLContent-FontSize)/calc(var(--HTMLContent-FontSize) + 4px);--HTMLContentCode-Font:400 var(--HTMLContentCode-FontSizeLineHeight) var(--HTMLContentCode-FontFamily);--HTMLContentAnchor-Color:var(--Colors-BrandAux02);--HTMLContentAnchor-Outline:2px solid transparent;--HTMLContentAnchor-TextDecoration:none;--HTMLContentAnchor-Transition:all var(--StateChangeTransitionDuration);--HTMLContentAnchorHover-Color:var(--Colors-BrandAux01);--HTMLContentAnchorHover-TextDecoration:underline;--HTMLContentAnchorFocus-BackgroundColor:var(--AnchorFocus-BackgroundColor);--HTMLContentAnchorFocus-Color:var(--HTMLContentAnchor-Color);--HTMLContentAnchorFocus-Outline:2px solid var(--HTMLContentAnchorFocus-BackgroundColor);--HTMLContentAnchorFocus-TextDecoration:underline;--HTMLContentAnchorActive-Color:var(--Colors-BrandAux04);--HTMLContentListItem-MarginBottom:9px;--HTMLContentListItem-PaddingLeft:7px;--HTMLContentAddress-FontSizeLineHeight:var(--HTMLContent-FontSizeLineHeight);--HTMLContentAddress-Font:400 var(--HTMLContentAddress-FontSizeLineHeight) var(--HTMLContent-FontFamily);--HTMLContentBlockQuote-Color:var(--AccentText-A-Color);--HTMLContentBlockQuote-BackgroundColor:var(--Colors-Neutral01);--HTMLContentBlockQuote-BorderColor:var(--Colors-Brand02);--HTMLContentBlockQuote-Font:var(--AccentText-Size2-Font);--HTMLContentBlockQuote-FontStyle:var(--AccentText-FontStyle);--HTMLContentBlockQuote-LetterSpacing:var(--AccentText-Size2-LetterSpacing);--HTMLContentAvailablePositionShift-Color:var(--Colors-Brand01);--HTMLContentAvailablePositionPay-Color:var(--Colors-Brand01);--HTMLContentTable-Color:var(--HTMLContent-Color);--HTMLContentTable-Font:var(--HTMLContent-FontWeight) var(--HTMLContentTable-FontSizeLineHeight) var(--HTMLContentTable-FontFamily);--HTMLContentTable-FontFamily:var(--HTMLContent-FontFamily);--HTMLContentTable-FontSizeLineHeight:var(--HTMLContent-FontSize)/19px;--HTMLContentTableHeader-BackgroundColor:var(--Colors-Neutral05);--HTMLContentTableHeader-Color:var(--Colors-UniversalWhite);--HTMLContentTableHeader-FontWeight:700;--HTMLContentTablePrimaryCell-BackgroundColor:var(--Colors-Neutral03);--HTMLContentTableSecondaryCell-BackgroundColor:var(--Colors-Neutral02);/* Forms */ --FormFieldRequiredColor:var(--Colors-InterfaceRequired);--FormRequiredFieldsAsteriskColor:var(--FormFieldRequiredColor);--FormSliderColor:var(--Colors-Brand01);--FormFieldSliderButtonBorderColor:var(--FormSliderColor);--FormFieldSliderButtonCenterBackgroundColor:var(--FormFieldSliderButtonBorderColor);--FormFieldSliderButtonFocusBorderColor:var(--FormFieldSliderButtonBorderColor);--FormFieldSliderButtonFocusCenterBackgroundColor:var(--FormFieldSliderButtonFocusBorderColor);--FormFieldSliderTooltipBackgroundColor:var(--FormSliderColor);--FormFieldSliderTrackBackgroundColor:var(--Colors-Neutral04);--FormFieldSliderTrackRangeBackgroundColor:var(--FormSliderColor);--FormFieldLabelFont:var(--ComponentText-Size4-Font);--FormFieldLabelColor:var(--ComponentText-A-Color);--FormFieldLabelLetterSpacing:var(--ComponentText-Size4-LetterSpacing);--FormFieldLabelDisabledColor:var(--FormFieldInputDisabledColor);--FormFieldCheckboxRadioLabelFont:var(--FormFieldInputFont);--FormFieldInputColor:var(--ComponentText-A-Color);--FormFieldInputBackgroundColor:var(--Colors-UniversalWhite);--FormFieldInputBorderColor:var(--Colors-Neutral04);--FormFieldInputBorderRadius:3px;--FormFieldInputBorderWidth:1px;--FormFieldInputFont:var(--ComponentText-Size3-Font);--FormFieldInputHeight:40px;--FormFieldInputHoverBackgroundColor:var(--FormFieldInputBackgroundColor);--FormFieldInputHoverBorderColor:var(--Colors-Brand01);--FormFieldInputHoverColor:var(--FormFieldInputColor);--FormFieldInputFocusBackgroundColor:var(--FormFieldInputBackgroundColor);--FormFieldInputFocusBorderColor:var(--FormFieldInputBorderColor);--FormFieldInputFocusColor:var(--FormFieldInputColor);--FormFieldInputActiveBackgroundColor:var(--FormFieldInputBackgroundColor);--FormFieldInputActiveBorderColor:var(--Colors-Neutral08);--FormFieldInputActiveColor:var(--FormFieldInputColor);--FormFieldCheckboxRadioActiveBackgroundColor:var(--FormFieldInputBackgroundColor);--FormFieldCheckboxRadioActiveBorderColor:var(--Colors-BrandAux02);--FormFieldCheckboxRadioActiveColor:var(--Colors-BrandAux02);--FormFieldInputCheckedBackgroundColor:var(--FormFieldInputBackgroundColor);--FormFieldInputCheckedBorderColor:var(--Colors-Neutral08);--FormFieldInputCheckedColor:var(--FormFieldInputColor);--FormFieldInputErrorBackgroundColor:var(--FormFieldInputBackgroundColor);--FormFieldInputErrorBorderColor:var(--Colors-InterfaceError);--FormFieldInputErrorColor:var(--Colors-InterfaceError);--FormFieldInputDisabledBackgroundColor:var(--FormFieldInputBackgroundColor);--FormFieldInputDisabledBorderColor:var(--Colors-InterfaceDisabled);--FormFieldInputDisabledColor:var(--Colors-Neutral04);/* @todo FormInputFilled/Complete - requires more logic than CSS currently has available but we do have JS logic for "FormFieldHasValue" now */ /* Breadcrumbs */ --BreadcrumbColor:var(--Colors-Neutral06);--BreadcrumbArrowIconColor:var(--Colors-Neutral06);--BreadcrumbStaticColor:var(--Colors-BrandAux01);--PageHeaderNoBackgroundImageBreadcrumbColor:var(--Colors-Brand01);--PageHeaderNoBackgroundImageBreadcrumbBackIconFill:var(--Colors-Brand01);/* Dialog Menu (Resources, Shop) */ --DialogMenu-SideGutterWidth:12px;--DialogMenuTitle-BackgroundColor:var(--Colors-Neutral03);--DialogMenuTitle-Color:var(--ComponentHeading-B-Color);--DialogMenuTitle-Font:var(--ComponentHeading-Size3-Font);--DialogMenuTitle-LetterSpacing:var(--ComponentHeading-Size3-LetterSpacing);--DialogMenuTitle-MinHeight:80px;--DialogMenuTitle-Padding:25px 65px 25px var(--DialogMenu-SideGutterWidth);/* Pagination */ --PaginationLink-MinHeight:var(--MediumButton-MinHeight);--PaginationLink-MinWidth:var(--PaginationLink-MinHeight);--PaginationEllipsis-Font:var(--PaginationLink-Font);--PaginationEllipsis-MinWidth:var(--PaginationLink-MinHeight);--PaginationEllipsis-MinHeight:var(--PaginationLink-MinHeight);--PaginationEllipsis-LineHeight:var(--PaginationLink-MinHeight);--PaginationEllipsis-Color:var(--Colors-Neutral05);--PaginationLink-Font:var(--Controls-Size4-Font);--PaginationLink-LetterSpacing:var(--Controls-Size4-LetterSpacing);/* Component Headings */ --ComponentHeadings-FontFamily:var(--Typeface1-FontFamily);--ComponentHeadings-FontWeight:700;--ComponentHeading-A-Color:var(--Colors-UniversalHeading);--ComponentHeading-A-FontWeight:400;--ComponentHeading-B-Color:var(--ComponentHeading-A-Color);--ComponentHeading-C-Color:var(--Colors-UniversalWhite);--ComponentHeading-C-FontWeight:var(--ComponentHeading-A-FontWeight);--ComponentHeading-D-Color:var(--ComponentHeading-C-Color);--ComponentHeading-Size1-Font:var(--ComponentHeadings-FontWeight) var(--ComponentHeading-Size1-FontSizeLineHeight) var(--ComponentHeadings-FontFamily);--ComponentHeading-Size1-FontSizeLineHeight:48px/53px;--ComponentHeading-Size1-LetterSpacing:0;--ComponentHeading-Size2-Font:var(--ComponentHeadings-FontWeight) var(--ComponentHeading-Size2-FontSizeLineHeight) var(--ComponentHeadings-FontFamily);--ComponentHeading-Size2-FontSizeLineHeight:35px/40px;--ComponentHeading-Size2-LetterSpacing:0;--ComponentHeading-Size3-Font:var(--ComponentHeadings-FontWeight) var(--ComponentHeading-Size3-FontSizeLineHeight) var(--ComponentHeadings-FontFamily);--ComponentHeading-Size3-FontSizeLineHeight:27px/30px;--ComponentHeading-Size3-LetterSpacing:0;--ComponentHeading-Size4-Font:var(--ComponentHeadings-FontWeight) var(--ComponentHeading-Size4-FontSizeLineHeight) var(--ComponentHeadings-FontFamily);--ComponentHeading-Size4-FontSizeLineHeight:19px/21px;--ComponentHeading-Size4-LetterSpacing:0;--ComponentHeading-Size5-Font:var(--ComponentHeadings-FontWeight) var(--ComponentHeading-Size5-FontSizeLineHeight) var(--ComponentHeadings-FontFamily);--ComponentHeading-Size5-FontSizeLineHeight:15px/17px;--ComponentHeading-Size5-LetterSpacing:0;--ComponentHeading-Size6-Font:var(--ComponentHeadings-FontWeight) var(--ComponentHeading-Size6-FontSizeLineHeight) var(--ComponentHeadings-FontFamily);--ComponentHeading-Size6-FontSizeLineHeight:13px/15px;--ComponentHeading-Size6-LetterSpacing:0;/* Component Text */ --ComponentText-FontFamily:var(--Typeface2-FontFamily);--ComponentText-FontWeight:400;--ComponentText-A-Color:var(--Colors-UniversalText);--ComponentText-B-Color:var(--ComponentText-A-Color);--ComponentText-B-FontWeight:700;--ComponentText-C-Color:var(--Colors-UniversalWhite);--ComponentText-D-Color:var(--ComponentText-C-Color);--ComponentText-D-FontWeight:var(--ComponentText-B-FontWeight);--ComponentText-Size1-Font:var(--ComponentText-FontWeight) var(--ComponentText-Size1-FontSizeLineHeight) var(--ComponentText-FontFamily);--ComponentText-Size1-FontSizeLineHeight:23px/29px;--ComponentText-Size1-LetterSpacing:0;--ComponentText-Size2-Font:var(--ComponentText-FontWeight) var(--ComponentText-Size2-FontSizeLineHeight) var(--ComponentText-FontFamily);--ComponentText-Size2-FontSizeLineHeight:19px/25px;--ComponentText-Size2-LetterSpacing:0;--ComponentText-Size3-Font:var(--ComponentText-Size3-FontWeight) var(--ComponentText-Size3-FontSizeLineHeight) var(--ComponentText-FontFamily);--ComponentText-Size3-FontSize:17px;--ComponentText-Size3-FontSizeLineHeight:var(--ComponentText-Size3-FontSize)/var(--ComponentText-Size3-LineHeight);--ComponentText-Size3-FontWeight:var(--ComponentText-FontWeight);--ComponentText-Size3-LineHeight:23px;--ComponentText-Size3-LetterSpacing:0;--ComponentText-Size4-Font:var(--ComponentText-FontWeight) var(--ComponentText-Size4-FontSizeLineHeight) var(--ComponentText-FontFamily);--ComponentText-Size4-FontSizeLineHeight:13px/19px;--ComponentText-Size4-LetterSpacing:0;--ComponentText-Size5-Font:var(--ComponentText-FontWeight) var(--ComponentText-Size5-FontSizeLineHeight) var(--ComponentText-FontFamily);--ComponentText-Size5-FontSizeLineHeight:11px/17px;--ComponentText-Size5-LetterSpacing:0;--ComponentText-Size6-Font:var(--ComponentText-FontWeight) var(--ComponentText-Size6-FontSizeLineHeight) var(--ComponentText-FontFamily);--ComponentText-Size6-FontSizeLineHeight:9px/15px;--ComponentText-Size6-LetterSpacing:0;/* Component Link */ /* Normal */ --ComponentLinkFont:400 19px/21px var(--Typeface1-FontFamily);--ComponentLinkColor:var(--Colors-BrandAux02);--ComponentLinkLetterSpacing:0;--ComponentLinkTextDecoration:none;--ComponentLinkHoverColor:var(--Colors-BrandAux01);--ComponentLinkHoverTextDecoration:underline;/* Small */ --ComponentLinkSmallFont:var(--ComponentText-Size3-Font);--ComponentLinkSmallColor:var(--ComponentLinkColor);--ComponentLinkSmallLetterSpacing:var(--ComponentLinkLetterSpacing);--ComponentLinkSmallHoverColor:var(--ComponentLinkHoverColor);--ComponentLinkSmallHoverTextDecoration:var(--ComponentLinkHoverTextDecoration);/* Controls */ --Controls-FontWeight:700;--Controls-LetterSpacing:0;--Controls-TextTransform:uppercase;--Controls-PageHeaderBottom:15px;/* LightMode: A, B */ --Controls-A-Color:var(--Colors-BrandAux02);--Controls-A-HoverColor:var(--Controls-A-ActiveColor);--Controls-A-FocusColor:var(--Controls-A-Color);--Controls-A-ActiveColor:var(--Colors-BrandAux01);--Controls-A-SelectedColor:var(--Controls-A-ActiveColor);--ControlsButton-A-HoverColor:var(--Controls-A-Color);--Controls-B-Color:var(--Colors-Neutral06);--Controls-B-HoverColor:var(--Controls-B-ActiveColor);--Controls-B-FocusColor:var(--Controls-B-Color);--Controls-B-ActiveColor:var(--Colors-UniversalBlack);--Controls-B-SelectedColor:var(--Controls-B-ActiveColor);--ControlsButton-B-HoverColor:var(--Controls-B-Color);/* DarkMode: C, D */ --Controls-C-Color:var(--Colors-Neutral01);--Controls-C-HoverColor:var(--Controls-C-ActiveColor);--Controls-C-FocusColor:var(--Controls-C-Color);--Controls-C-ActiveColor:var(--Colors-UniversalWhite);--Controls-C-SelectedColor:var(--Controls-C-ActiveColor);--ControlsButton-C-HoverColor:var(--Controls-C-Color);--Controls-D-Color:var(--Colors-Neutral01);--Controls-D-HoverColor:var(--Controls-D-ActiveColor);--Controls-D-FocusColor:var(--Controls-D-Color);--Controls-D-ActiveColor:var(--Colors-UniversalWhite);--Controls-D-SelectedColor:var(--Controls-D-ActiveColor);--ControlsButton-D-HoverColor:var(--Controls-D-Color);/* Size 1 */ --Controls-Size1-Font:var(--Controls-FontWeight) 21px/20px var(--Typeface1-FontFamily);--Controls-Size1-LetterSpacing:var(--Controls-LetterSpacing);/* Size 2 */ --Controls-Size2-Font:var(--Controls-FontWeight) 19px/18px var(--Typeface1-FontFamily);--Controls-Size2-LetterSpacing:var(--Controls-LetterSpacing);/* Size 3 */ --Controls-Size3-Font:var(--Controls-FontWeight) 17px/16px var(--Typeface1-FontFamily);--Controls-Size3-LetterSpacing:var(--Controls-LetterSpacing);/* Size 4 */ --Controls-Size4-Font:var(--Controls-FontWeight) 15px/14px var(--Typeface1-FontFamily);--Controls-Size4-LetterSpacing:var(--Controls-LetterSpacing);/* Size 5 */ --Controls-Size5-Font:var(--Controls-FontWeight) 13px/12px var(--Typeface1-FontFamily);--Controls-Size5-LetterSpacing:var(--Controls-LetterSpacing);/* Size 6 */ --Controls-Size6-Font:var(--Controls-FontWeight) 11px/10px var(--Typeface1-FontFamily);--Controls-Size6-LetterSpacing:var(--Controls-LetterSpacing);/* Input Controls */ --Controls-BackgroundColor:var(--Colors-Neutral01);--Controls-BorderWidth:0;--Controls-BorderColor:transparent;--Controls-BorderRadius:var(--FormFieldInputBorderRadius);--Controls-InputHeight:46px;--Controls-HoverBackgroundColor:var(--Colors-Neutral02);--Controls-HoverBorderColor:var(--Controls-BorderColor);--Controls-FocusBackgroundColor:var(--Colors-Neutral01);--Controls-FocusBorderColor:var(--Controls-BorderColor);--Controls-ActiveBackgroundColor:var(--Colors-Neutral03);--Controls-ActiveBorderColor:var(--Controls-BorderColor);--Controls-SelectedBackgroundColor:var(--Controls-ActiveBackgroundColor);--Controls-SelectedBorderColor:var(--Controls-ActiveBorderColor);--ControlsButton-BackgroundColor:var(--Controls-BackgroundColor);--ControlsButton-BorderColor:var(--Colors-Neutral02);--ControlsButton-BorderWidth:1px;--ControlsButtonHover-BackgroundColor:var(--Colors-UniversalWhite);--ControlsButtonHover-BorderColor:var(--ControlsButton-BorderColor);--ControlsButtonFocus-BackgroundColor:var(--ControlsButtonHover-BackgroundColor);--ControlsButtonFocus-BorderColor:var(--ControlsButton-BorderColor);--ControlsButtonActive-BackgroundColor:var(--Controls-BackgroundColor);--ControlsButtonActive-BorderColor:var(--ControlsButton-BorderColor);--ControlsButtonSelected-BackgroundColor:var(--ControlsButtonActive-BackgroundColor);--ControlsButtonSelected-BorderColor:var(--ControlsButtonActive-BorderColor);} /* Responsive changes applied with body CSS Class(es) so these are scoped to body and not :root */ body{/* Header */ --HeaderInnerContentHeight:var(--HeaderInnerDesktopContentHeight);--HeaderInnerDesktopContentHeight:108px;--HeaderInnerMobileContentHeight:84px;--HeaderTertiaryNavHeight:44px;} body:has(.QuickContactUs){--DefaultContentInnerPaddingBottom:98px;} .Public :is(.InterfaceButton,.Button){--PaginationLink-BorderRadiusLength:var(--MediumButton-BorderRadiusLength);} @media (max-width: 1140px) { body{--HeaderInnerContentHeight:var(--HeaderInnerMobileContentHeight);} } @media (max-width: 768px) { :root{--DefaultContentInnerPaddingTop:88px;} } @media (max-width: 480px) { :root{--DefaultContentInnerPaddingTop:64px;} } :root{/* some values are used for non-button sizing, define those here */ --LargeButton-MinHeight:50px;--MediumButton-MinHeight:40px;--SmallButton-MinHeight:30px;--MenuButtons-MinHeight:var(--Controls-InputHeight);} .Public :is(.InterfaceButton,.Button){--Buttons-Border:var(--Buttons-BorderWidth) var(--Buttons-BorderStyle) var(--Buttons-BorderColor);--Buttons-BorderColor:transparent;--Buttons-BorderRadiusLength:0px;--Buttons-BorderStyle:solid;--Buttons-BorderWidth:2px;--Buttons-FontFamily:var(--Menus-FontFamily);--Buttons-TextTransform:uppercase;--ButtonsFocusRing-BorderRadiusLengthDelta:0px;--LargeButton-BorderRadiusLength:calc(var(--LargeButton-MinHeight) / 2);--LargeButtonFocusRing-BorderRadiusLengthDelta:var(--InterfaceFocusRing-Offset);--LargeButton-LineHeight:16px;--LargeButton-Font:600 17px/var(--LargeButton-LineHeight) var(--Buttons-FontFamily);--LargeButton-Padding:9px var(--LargeButton-PaddingInlineWidth) 9px;--LargeButton-PaddingInlineWidth:calc(var(--LargeButton-MinHeight) / 2);--MediumButton-BorderRadiusLength:calc(var(--MediumButton-MinHeight) / 2);--MediumButtonFocusRing-BorderRadiusLengthDelta:var(--InterfaceFocusRing-Offset);--MediumButton-LineHeight:16px;--MediumButton-Font:600 17px/var(--MediumButton-LineHeight) var(--Buttons-FontFamily);--MediumButton-Padding:4px var(--MediumButton-PaddingInlineWidth) 4px;--MediumButton-PaddingInlineWidth:calc(var(--MediumButton-MinHeight) / 2);--SmallButton-BorderRadiusLength:calc(var(--SmallButton-MinHeight) / 2);--SmallButtonFocusRing-BorderRadiusLengthDelta:var(--InterfaceFocusRing-Offset);--SmallButton-LineHeight:14px;--SmallButton-Font:600 15px/var(--SmallButton-LineHeight) var(--Buttons-FontFamily);--SmallButton-Padding:5px var(--SmallButton-PaddingInlineWidth) 4px;--SmallButton-PaddingInlineWidth:calc(var(--SmallButton-MinHeight) / 2);/* Dark Buttons */ --DarkButton-BackgroundColor:var(--Colors-BrandAux02);--DarkButton-BorderColor:var(--Buttons-BorderColor);--DarkButton-Color:var(--Colors-Neutral01);--DarkButtonHover-BackgroundColor:var(--Colors-BrandAux01);--DarkButtonHover-BorderColor:var(--Buttons-BorderColor);--DarkButtonHover-Color:var(--Colors-UniversalWhite);--DarkButtonActive-BackgroundColor:var(--DarkButton-BackgroundColor);--DarkButtonActive-BorderColor:var(--DarkButton-BorderColor);--DarkButtonActive-Color:var(--DarkButton-Color);--DarkButtonFocus-BackgroundColor:var(--DarkButtonHover-BackgroundColor);--DarkButtonFocus-BorderColor:var(--DarkButtonHover-BorderColor);--DarkButtonFocus-Color:var(--DarkButtonHover-Color);--DarkButtonDisabled-BackgroundColor:var(--Colors-Neutral03);--DarkButtonDisabled-BorderColor:var(--Buttons-BorderColor);--DarkButtonDisabled-Color:var(--Colors-UniversalWhite);/* Light Buttons */ --LightButton-BackgroundColor:var(--Colors-UniversalWhite);--LightButton-BorderColor:var(--LightButton-Color);--LightButton-Color:var(--Colors-BrandAux02);--LightButtonHover-BackgroundColor:var(--Colors-Neutral01);--LightButtonHover-BorderColor:var(--LightButtonHover-Color);--LightButtonHover-Color:var(--Colors-BrandAux01);--LightButtonActive-BackgroundColor:var(--LightButton-BackgroundColor);--LightButtonActive-BorderColor:var(--LightButtonActive-Color);--LightButtonActive-Color:var(--LightButton-Color);--LightButtonFocus-BackgroundColor:var(--LightButtonHover-BackgroundColor);--LightButtonFocus-BorderColor:var(--LightButtonFocus-Color);--LightButtonFocus-Color:var(--LightButtonHover-Color);--LightButtonDisabled-BackgroundColor:var(--Colors-Neutral01);--LightButtonDisabled-BorderColor:var(--LightButtonDisabled-Color);--LightButtonDisabled-Color:var(--Colors-Neutral04);/* Neutral Buttons (Pagination, Carousel Navigation) */ --NeutralButton-BackgroundColor:var(--Colors-Neutral02);--NeutralButton-BorderColor:transparent;--NeutralButton-Color:var(--Colors-Neutral06);--NeutralButtonHover-BackgroundColor:var(--Colors-Neutral03);--NeutralButtonHover-BorderColor:var(--NeutralButton-BorderColor);--NeutralButtonHover-Color:var(--NeutralButton-Color);--NeutralButtonActive-BackgroundColor:var(--Colors-BrandAux02);--NeutralButtonActive-BorderColor:var(--NeutralButton-BorderColor);--NeutralButtonActive-Color:var(--Colors-UniversalWhite);--NeutralButtonFocus-BackgroundColor:var(--NeutralButton-BackgroundColor);--NeutralButtonFocus-BorderColor:var(--NeutralButton-BorderColor);--NeutralButtonFocus-Color:var(--NeutralButton-Color);--NeutralButtonDisabled-BackgroundColor:var(--NeutralButton-BackgroundColor);--NeutralButtonDisabled-BorderColor:var(--NeutralButton-BorderColor);--NeutralButtonDisabled-Color:var(--Colors-Neutral04);/* Menu Buttons */ --MenuButtons-BorderStyle:solid;--MenuButtons-BorderWidth:var(--ControlsButton-BorderWidth);--MenuButtons-BorderRadius:var(--Controls-BorderRadius);--MenuOpenButton-BackgroundColor:var(--ControlsButton-BackgroundColor);--MenuOpenButton-BorderColor:var(--ControlsButton-BorderColor);--MenuOpenButton-Color:var(--Controls-A-Color);--MenuOpenButtonHover-BackgroundColor:var(--ControlsButtonHover-BackgroundColor);--MenuOpenButtonHover-BorderColor:var(--ControlsButtonHover-BorderColor);--MenuOpenButtonHover-Color:var(--ControlsButton-A-HoverColor);--MenuOpenButtonFocus-BackgroundColor:var(--ControlsButtonFocus-BackgroundColor);--MenuOpenButtonFocus-BorderColor:var(--ControlsButtonFocus-BorderColor);--MenuOpenButtonFocus-Color:var(--Controls-A-FocusColor);--MenuOpenButtonActive-BackgroundColor:var(--ControlsButtonActive-BackgroundColor);--MenuOpenButtonActive-BorderColor:var(--ControlsButtonActive-BorderColor);--MenuOpenButtonActive-Color:var(--Controls-A-ActiveColor);--MenuCloseButton-MinHeight:var(--MenuButtons-MinHeight);--MenuCloseButton-Width:var(--MenuButtons-MinHeight);--MenuCloseButton-BackgroundColor:var(--ControlsButton-BackgroundColor);--MenuCloseButton-BorderColor:var(--ControlsButton-BorderColor);--MenuCloseButton-Color:var(--Controls-A-Color);--MenuCloseButtonHover-BackgroundColor:var(--ControlsButtonHover-BackgroundColor);--MenuCloseButtonHover-BorderColor:var(--ControlsButtonHover-BorderColor);--MenuCloseButtonHover-Color:var(--ControlsButton-A-HoverColor);--MenuCloseButtonFocus-BackgroundColor:var(--ControlsButtonFocus-BackgroundColor);--MenuCloseButtonFocus-BorderColor:var(--ControlsButtonFocus-BorderColor);--MenuCloseButtonFocus-Color:var(--Controls-A-FocusColor);--MenuCloseButtonActive-BackgroundColor:var(--ControlsButtonActive-BackgroundColor);--MenuCloseButtonActive-BorderColor:var(--ControlsButtonActive-BorderColor);--MenuCloseButtonActive-Color:var(--Controls-A-ActiveColor);} .Public :is(.InterfaceButton,.Button){align-items:center;appearance:none;background:unset;border:var(--Buttons-Border);border-radius:var(--Buttons-BorderRadiusLength);cursor:pointer;display:inline-flex;justify-content:center;line-height:1;padding:unset;position:relative;text-align:center;text-decoration:none;text-transform:var(--Buttons-TextTransform);transition:var(--HoverableTransitionDuration);z-index:1;} .Public :is(.InterfaceButton,.Button):is(:hover,:focus){text-decoration:none;} .Public :is(.InterfaceButton,.Button)::after{border-radius:calc(var(--Buttons-BorderRadiusLength) + var(--ButtonsFocusRing-BorderRadiusLengthDelta));content:"";height:calc(100% + (var(--Buttons-BorderWidth) * 2) + (var(--InterfaceFocusRing-Offset) * 2));left:calc(0px - var(--Buttons-BorderWidth) - var(--InterfaceFocusRing-Offset));pointer-events:none;position:absolute;top:calc(0px - var(--Buttons-BorderWidth) - var(--InterfaceFocusRing-Offset));width:calc(100% + (var(--Buttons-BorderWidth) * 2) + (var(--InterfaceFocusRing-Offset) * 2));transition:box-shadow var(--HoverableTransitionDuration);z-index:var(--InterfaceFocusRing-ZIndex);} .Public :is(.InterfaceButton,.Button):focus::after{box-shadow:var(--InterfaceFocusRingForAfter-BoxShadow);} .Public a:is(.InterfaceButton,.Button),.Public button.Button{outline:none;} .Public .Button.BlockButton{display:flex;} .Public .Button.LargeButton{--Buttons-BorderRadiusLength:var(--LargeButton-BorderRadiusLength);--ButtonsFocusRing-BorderRadiusLengthDelta:var(--LargeButtonFocusRing-BorderRadiusLengthDelta);font:var(--LargeButton-Font);min-height:var(--LargeButton-MinHeight);padding:var(--LargeButton-Padding);} .Public .Button.MediumButton{--Buttons-BorderRadiusLength:var(--MediumButton-BorderRadiusLength);--ButtonsFocusRing-BorderRadiusLengthDelta:var(--MediumButtonFocusRing-BorderRadiusLengthDelta);font:var(--MediumButton-Font);min-height:var(--MediumButton-MinHeight);padding:var(--MediumButton-Padding);} .Public .Button.SmallButton{--Buttons-BorderRadiusLength:var(--SmallButton-BorderRadiusLength);--ButtonsFocusRing-BorderRadiusLengthDelta:var(--SmallButtonFocusRing-BorderRadiusLengthDelta);font:var(--SmallButton-Font);min-height:var(--SmallButton-MinHeight);padding:var(--SmallButton-Padding);} .Public .Button > *{flex:1 1 100%;} /* Dark Buttons */ .Public .DarkButton,.CalloutBlockItem.LightMode .Button:not(.DarkButton,.LightButton){background-color:var(--DarkButton-BackgroundColor);border-color:var(--DarkButton-BorderColor);color:var(--DarkButton-Color);} .Public .DarkButton:hover,.CalloutBlockItem.LightMode .Button:not(.DarkButton,.LightButton):hover{background-color:var(--DarkButtonHover-BackgroundColor);border-color:var(--DarkButtonHover-BorderColor);color:var(--DarkButtonHover-Color);} .Public .DarkButton:focus,.CalloutBlockItem.LightMode .Button:not(.DarkButton,.LightButton):focus{background-color:var(--DarkButtonFocus-BackgroundColor);border-color:var(--DarkButtonFocus-BorderColor);color:var(--DarkButtonFocus-Color);} .Public .DarkButton:active,.CalloutBlockItem.LightMode .Button:not(.DarkButton,.LightButton):active{background-color:var(--DarkButtonActive-BackgroundColor);border-color:var(--DarkButtonActive-BorderColor);color:var(--DarkButtonActive-Color);} .Public .DarkButton:disabled,.CalloutBlockItem.LightMode .Button:not(.DarkButton,.LightButton):disabled{background-color:var(--DarkButtonDisabled-BackgroundColor);border-color:var(--DarkButtonDisabled-BorderColor);color:var(--DarkButtonDisabled-Color);} /* Light Buttons */ .Public .LightButton,.CalloutBlockItem.DarkMode .Button:not(.DarkButton,.LightButton){background-color:var(--LightButton-BackgroundColor);border-color:var(--LightButton-BorderColor);color:var(--LightButton-Color);} .Public .LightButton:hover,.CalloutBlockItem.DarkMode .Button:not(.DarkButton,.LightButton):hover{background-color:var(--LightButtonHover-BackgroundColor);border-color:var(--LightButtonHover-BorderColor);color:var(--LightButtonHover-Color);} .Public .LightButton:focus,.CalloutBlockItem.DarkMode .Button:not(.DarkButton,.LightButton):focus{background-color:var(--LightButtonFocus-BackgroundColor);border-color:var(--LightButtonFocus-BorderColor);color:var(--LightButtonFocus-Color);} .Public .LightButton:active,.CalloutBlockItem.DarkMode .Button:not(.DarkButton,.LightButton):active{background-color:var(--LightButtonActive-BackgroundColor);border-color:var(--LightButtonActive-BorderColor);color:var(--LightButtonActive-Color);} .Public .LightButton:disabled,.CalloutBlockItem.DarkMode .Button:not(.DarkButton,.LightButton):disabled{background-color:var(--LightButtonDisabled-BackgroundColor);border-color:var(--LightButtonDisabled-BorderColor);color:var(--LightButtonDisabled-Color);} /* Neutral Buttons */ .Public .NeutralButton{background-color:var(--NeutralButton-BackgroundColor);border-color:var(--NeutralButton-BorderColor);color:var(--NeutralButton-Color);} .Public .NeutralButton:hover{background-color:var(--NeutralButtonHover-BackgroundColor);border-color:var(--NeutralButtonHover-BorderColor);color:var(--NeutralButtonHover-Color);} .Public .NeutralButton:focus{background-color:var(--NeutralButtonFocus-BackgroundColor);border-color:var(--NeutralButtonFocus-BorderColor);color:var(--NeutralButtonFocus-Color);} .Public .NeutralButton:active{background-color:var(--NeutralButtonActive-BackgroundColor);border-color:var(--NeutralButtonActive-BorderColor);color:var(--NeutralButtonActive-Color);} .Public .NeutralButton:is(:disabled,.DisabledButton){background-color:var(--NeutralButtonDisabled-BackgroundColor);border-color:var(--NeutralButtonDisabled-BorderColor);color:var(--NeutralButtonDisabled-Color);cursor:not-allowed;} /* Button Icons */ .Public .ButtonIcon{aspect-ratio:1 / 1;flex:0 0 20px;height:20px;} .Public svg.ButtonIcon{fill:currentColor;} .Public .SmallButton .ButtonIcon{margin-block:calc(0px - ((20px - var(--SmallButton-LineHeight)) / 2));} .Public .ButtonIcon svg{width:100%;height:100%;fill:currentColor;} /* Icon Button - a button composed of a single icon */ .Public .IconButton{--Buttons-BorderWidth:0px;} .Public .IconButton{color:var(--Colors-Neutral07);} .Public .IconButton:hover{color:var(--Colors-UniversalBlack);} .Public .IconButton:focus{color:var(--Colors-Neutral08);} .Public .IconButton:active{color:var(--Colors-UniversalBlack);} .Public .IconButton:is(:disabled,.DisabledButton){color:var(--Colors-Neutral05);cursor:not-allowed;} .Public .IconButton .ButtonIcon{flex:0 0 var(--SmallButton-MinHeight);height:var(--SmallButton-MinHeight);} /* display: flex - allows footer to stay stuck to bottom of window even when MainContent is short */ html,body{background-color:#FFFFFF;display:flex;font-family:var(--Typeface1-FontFamily);scroll-behavior:smooth;} html{min-height:100%;} body{flex:1 1 auto;flex-direction:column;width:100%;} a{color:var(--Colors-InterfaceAnchor);transition:var(--StateChangeTransitionDuration);} a:focus{outline-offset:unset;} input,button{font-family:inherit;} button{font-size:16px;} hr{background-color:var(--Colors-Neutral03);} /* fix tab index */ .HeaderSkipContentMain,.HeaderSkipContentFooter{display:none;} .MainContent{flex:1 1 auto;} .Header.TransparentMode + .MainContent{margin-top:calc(0px - var(--HeaderInnerContentHeight));} .NavigationItemPseudoButton{background:none;border:none;font-size:inherit;font-weight:inherit;line-height:inherit;padding:0;text-transform:inherit;} :root{--BaseFormVerticalGap:12px;--BaseFormHorizontalGap:16px;--FormFieldWithInlineLabelColumnGap:12px;} .FormGroup{margin:0 0 40px;} .FormGroup:last-child{margin-bottom:0;} .FormGroupContent{padding:40px 80px;background-color:#efefef;} .FormGroupTitle{border:none;font:var(--ComponentHeading-Size4-Font);color:var(--ComponentHeading-A-Color);letter-spacing:var(--ComponentHeading-Size4-LetterSpacing);padding:0;margin:0 0 29px;} .FormRowForSecurityQuestions{margin-bottom:11px;} .FormFooterRow{border-top:1px solid var(--Colors-Neutral03);flex-wrap:wrap;gap:var(--BaseFormVerticalGap) var(--BaseFormHorizontalGap);justify-content:end;margin-top:48px;padding-top:var(--BaseFormHorizontalGap);} .FormField:has(.FormError){--FormFieldInputColor:var(--FormFieldInputErrorColor);--FormFieldLabelColor:var(--FormFieldInputErrorColor);} .FormField:not(.FormFieldForRadio,.FormFieldForCheckBox):has(.FormFieldInput:disabled),:is(.FormFieldRadioContainer,.FormFieldCheckboxContainer):has(.FormFieldInput:disabled){--FormFieldInputColor:var(--FormFieldInputDisabledColor);--FormFieldLabelColor:var(--FormFieldInputDisabledColor);} .FormFieldLabel{display:inline-flex;color:var(--FormFieldLabelColor);font:var(--FormFieldLabelFont);font-family:var(--Forms-FontFamily);letter-spacing:var(--FormFieldLabelLetterSpacing);margin-bottom:5px;} .FormFieldInput,.FormFieldStaticBox{height:var(--FormFieldInputHeight);font:var(--FormFieldInputFont);font-family:var(--Forms-FontFamily);padding:0 11px 0 12px;color:var(--FormFieldInputColor);border:var(--FormFieldInputBorderWidth) var(--FormFieldInputBorderColor) solid;border-radius:var(--FormFieldInputBorderRadius);background-color:var(--FormFieldInputBackgroundColor);transition:color var(--StateChangeTransitionDuration),border var(--StateChangeTransitionDuration),background-color var(--StateChangeTransitionDuration),padding-right var(--StateChangeTransitionDuration);-webkit-appearance:none;appearance:none;} .FormFieldStaticBox{background-color:var(--FormFieldInputDisabledBackgroundColor);border-color:var(--FormFieldInputDisabledBorderColor);color:var(--FormFieldInputDisabledColor);} .FormFieldInput.FormError{background-color:var(--FormFieldInputErrorBackgroundColor);border-color:var(--FormFieldInputErrorBorderColor);} .FormFieldInput:hover{background-color:var(--FormFieldInputHoverBackgroundColor);border-color:var(--FormFieldInputHoverBorderColor);color:var(--FormFieldInputHoverColor);} .FormFieldInput:focus{background-color:var(--FormFieldInputFocusBackgroundColor);border-color:var(--FormFieldInputFocusBorderColor);box-shadow:var(--InterfaceFocusRingForElement-BoxShadow);color:var(--FormFieldInputFocusColor);} .FormFieldInput:active{background-color:var(--FormFieldInputActiveBackgroundColor);border-color:var(--FormFieldInputActiveBorderColor);color:var(--FormFieldInputActiveColor);} .FormFieldInput:disabled{background-color:var(--FormFieldInputDisabledBackgroundColor);border-color:var(--FormFieldInputDisabledBorderColor);color:var(--FormFieldInputDisabledColor);} .FormFieldSelectWrapper{position:relative;} /* Expand/Arrwo Icon (before) and Error Icon (after) */ .FormFieldSelectWrapper::before,.FormFieldSelectWrapper::after{aspect-ratio:1 / 1;content:"";pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:.25s;z-index:10;} .FormFieldSelectWrapper::before{background-color:var(--Colors-Neutral06);clip-path:path(evenodd,'m3,8c0-.234.081-.46.23-.64.17-.205.414-.333.678-.358.265-.024.528.057.732.228l5.36,4.48,5.37-4.32c.207-.168.472-.246.736-.218.265.028.507.161.674.368.184.209.272.486.244.763-.028.277-.171.53-.394.697l-6,4.83c-.369.303-.901.303-1.27,0l-6-5c-.245-.203-.379-.512-.36-.83Z');right:16px;width:20px;} .FormFieldSelectWrapper:has(:disabled)::before{background-color:var(--FormFieldInputDisabledBorderColor);} .FormFieldSelectWrapper:has(.FormFieldInput.FormError)::before{background-color:var(--FormFieldInputErrorBorderColor);} /** Select Error Icon */ .FormFieldSelectWrapper::after{background:transparent url(../svg/erroricon2ec6.svg) scroll no-repeat center center;background-size:contain;opacity:0;right:42px;visibility:hidden;width:24px;} .FormFieldSelectWrapper:has(.FormFieldInput.FormError)::after{opacity:1;visibility:visible;} .FormFieldSelect{appearance:none;padding:0 40px 0 11px;} .FormFieldSelect::-ms-expand{display:none;} .FormFieldSelect.FormError{background-image:unset;padding-right:72px;} .FormFieldTextArea{min-height:100px;padding-top:5px;padding-bottom:5px;} .FormFieldRadios,.FormFieldCheckList{display:flex;flex-direction:column;gap:12px 12px;} .FormFieldRadiosLabel{font:var(--ComponentHeading-Size4-Font);letter-spacing:var(--ComponentHeading-Size4-LetterSpacing);margin-bottom:20px;} .FormFieldRadioContainer,.FormFieldCheckboxContainer,.FormFieldForCheckBox,.FormFieldForToggle{align-items:flex-start;display:inline-flex;gap:12px 0;} .FormFieldRadio,.FormFieldCheckbox{-webkit-appearance:none;appearance:none;aspect-ratio:1 / 1;cursor:pointer;flex:0 0 auto;height:unset;margin:3px 0 0;padding:0;position:relative;vertical-align:top;width:16px;} .FormFieldRadio::before,.FormFieldCheckbox::before{aspect-ratio:1 / 1;content:"";display:block;opacity:0;position:absolute;transition:var(--StateChangeTransitionDuration);} /* Interface Focus styling */ .FormFieldRadio::after,.FormFieldCheckbox::after,.FormFieldSliderButton::after{border-radius:inherit;content:""!important;height:calc(100% + (var(--FormFieldInputBorderWidth) * 2) + (var(--InterfaceFocusRing-Offset) * 2));left:calc(0px - var(--FormFieldInputBorderWidth) - var(--InterfaceFocusRing-Offset))!important;padding:0!important;position:absolute;pointer-events:none;top:calc(0px - var(--FormFieldInputBorderWidth) - var(--InterfaceFocusRing-Offset))!important;width:calc(100% + (var(--FormFieldInputBorderWidth) * 2) + (var(--InterfaceFocusRing-Offset) * 2));transition:var(--StateChangeTransitionDuration);z-index:var(--InterfaceFocusRing-ZIndex);} .FormFieldRadio:focus::after,.FormFieldCheckbox:focus::after,.FormFieldSliderButton:focus::after{box-shadow:var(--InterfaceFocusRingForAfter-BoxShadow);} .FormFieldRadio{background:var(--Colors-UniversalWhite) scroll no-repeat center center;border:1px var(--FormFieldInputBorderColor) solid;border-radius:100%;} .FormFieldRadio:checked:not(:disabled){background-color:var(--FormFieldInputCheckedBackgroundColor);border-color:var(--FormFieldInputCheckedBorderColor);color:var(--FormFieldInputCheckedColor);} .FormFieldRadio:hover:not(:disabled){background-color:var(--FormFieldInputHoverBackgroundColor);border-color:var(--FormFieldInputHoverBorderColor);color:var(--FormFieldInputHoverColor);} .FormFieldRadio:active:not(:disabled){background-color:var(--FormFieldCheckboxRadioActiveBackgroundColor);border-color:var(--FormFieldCheckboxRadioActiveBorderColor);color:var(--FormFieldCheckboxRadioActiveColor);} .FormFieldRadio::before{background-color:var(--Colors-UniversalBlack);border-radius:100%;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);width:6px;} .FormFieldRadio:checked::before{opacity:1;} .FormFieldRadio:active::before{background-color:var(--FormFieldCheckboxRadioActiveColor);} .FormFieldRadio:disabled::before{background-color:var(--FormFieldInputDisabledBorderColor);} .FormFieldCheckbox{background:var(--Colors-UniversalWhite) scroll no-repeat center center;border:1px var(--FormFieldInputBorderColor) solid;border-radius:0;} .FormFieldCheckbox:checked:not(:disabled){background-color:var(--FormFieldInputCheckedBackgroundColor);border-color:var(--FormFieldInputCheckedBorderColor);color:var(--FormFieldInputCheckedColor);} .FormFieldCheckbox:hover:not(:disabled){background-color:var(--FormFieldInputHoverBackgroundColor);border-color:var(--FormFieldInputHoverBorderColor);color:var(--FormFieldInputHoverColor);} .FormFieldCheckbox:active:not(:disabled){background-color:var(--FormFieldCheckboxRadioActiveBackgroundColor);border-color:var(--FormFieldCheckboxRadioActiveBorderColor);color:var(--FormFieldCheckboxRadioActiveColor);} .FormFieldCheckbox::before{background:var(--Colors-UniversalBlack);clip-path:path(evenodd,'M5.673183,10.732199c-.172787-.000555-.337594-.0728-.455089-.199491l-3.029774-3.223031c-.235845-.251339-.223285-.64628.028054-.882126s.64628-.223286.882125.028054l2.568451,2.736772,5.242881-5.735376c.144975-.18053.378061-.265842.605321-.221555.227262.044287.411257.210878.477836.432635.06658.221757.004773.462146-.16051.62429l-5.69797,6.234103c-.1164.128998-.281353.203566-.45509.205725h-.006234Z');left:0;top:0;width:100%;} .FormFieldCheckbox:checked::before{opacity:1;} .FormFieldCheckbox:active::before{background-color:var(--FormFieldCheckboxRadioActiveColor);} .FormFieldCheckbox:disabled::before{background-color:var(--FormFieldInputDisabledBorderColor);} .FormFieldSliderTrack{background-color:var(--FormFieldSliderTrackBackgroundColor);height:4px;border:none;border-radius:0;} .FormFieldSliderTrackRange{background-color:var(--FormFieldSliderTrackRangeBackgroundColor);} .FormFieldSliderButton{width:16px;height:16px;margin-left:-8px;margin-top:-6px;border-color:var(--FormFieldSliderButtonBorderColor);border-width:1px;transition:border-color .25s;} .FormFieldSliderButton:focus{border-color:var(--FormFieldSliderButtonFocusBorderColor);} .FormFieldSliderButton::before{content:'';position:absolute;left:50%;top:50%;margin-left:-3px;margin-top:-3px;background-color:var(--FormFieldSliderButtonCenterBackgroundColor);border-radius:3px;width:6px;height:6px;transition:.25s;} .FormFieldSliderButton:focus::before{background-color:var(--FormFieldSliderButtonFocusCenterBackgroundColor);} .FormFieldSliderTooltip{background-color:var(--FormFieldSliderTooltipBackgroundColor);border-radius:0;color:var(--Controls-D-Color);font:var(--Controls-Size5-Font);letter-spacing:var(--Controls-Size5-LetterSpacing);margin-top:-10px;padding:1px 6px 2px;} .FormFieldSliderTooltip:after{bottom:-3px;border-color:var(--FormFieldSliderTooltipBackgroundColor) transparent transparent;border-width:3px 3px 0;margin-left:-3px;} .FormFieldSliderLabels{padding:10px 0 0;} .FormFieldSliderLabel{color:var(--ComponentHeading-A-Color);font:var(--ComponentHeading-Size6-Font);letter-spacing:var(--ComponentHeading-Size6-LetterSpacing);} .FormFieldRequired{color:var(--FormFieldRequiredColor);order:10;} .FormFieldRadioLabel,.FormFieldCheckboxLabel,.FormFieldForCheckBox > .FormFieldLabel,.FormFieldForToggle > .FormFieldLabel{font:var(--FormFieldCheckboxRadioLabelFont);font-family:var(--Forms-FontFamily);margin:0;padding-left:12px;} .FormFieldForCheckBox > .FormFieldLabel,.FormFieldForToggle > .FormFieldLabel{order:2;} .FormRequiredFields{color:var(--FormFieldRequiredColor);font:var(--ComponentText-Size4-Font);letter-spacing:var(--ComponentText-Size4-LetterSpacing);} .FormFooterRow .FormRequiredFields{flex:1 1 auto;} .FormRequiredFieldsAsterisk{color:var(--FormRequiredFieldsAsteriskColor);} .FilterBarSectionContent :focus{outline:none;} .FilterBarSectionContent :is(.FormFieldRadios,.FormFieldCheckList){gap:6px 12px;} /* Increase the tap target size by adding padding to the labels */ .FilterBarDialog .FilterBarSectionContent :is(.FormFieldRadios,.FormFieldCheckList){row-gap:0;} .FilterBarDialog :is(.FormFieldRadio,.FormFieldCheckbox){margin-top:15px;} .FilterBarDialog .FormFieldRadioLabel,.FilterBarDialog .FormFieldCheckboxLabel,.FilterBarDialog .FormFieldForCheckBox > .FormFieldLabel,.FilterBarDialog .FormFieldForToggle > .FormFieldLabel{padding-block:12px 12px;} :root{--FormFieldToggleBackgroundColor:var(--Colors-Neutral02);--FormFieldToggleBorderColor:var(--FormFieldToggleBackgroundColor);--FormFieldToggleThumbBackgroundColor:var(--Colors-Neutral05);--FormFieldToggleActiveBackgroundColor:var(--Colors-BrandAux02);--FormFieldToggleActiveBorderColor:var(--FormFieldToggleActiveBackgroundColor);--FormFieldToggleActiveThumbBackgroundColor:var(--Colors-UniversalWhite);} /* Mostly for restoring Controls/Toggle.css after Build .FormFieldInput changes are applied */ .FormFieldToggle{background-color:var(--FormFieldToggleBackgroundColor);border-color:var(--FormFieldToggleBorderColor);border-radius:var(--FormFieldToggleBorderRadius);border-width:var(--FormFieldToggleBorderWidth);height:var(--FormFieldToggleHeight);padding:0;width:48px;} .FormFieldToggle:focus{background-color:var(--FormFieldToggleBackgroundColor);border-color:var(--FormFieldToggleBorderColor);} .FormFieldToggle.ToggleActive{border-color:var(--FormFieldToggleActiveBorderColor);} .FormFieldToggle.ToggleActive:focus{background-color:var(--FormFieldToggleActiveBackgroundColor);} .FormFieldToggle::after{border-radius:calc((var(--FormFieldToggleHeight) + (var(--FormFieldToggleBorderWidth) * 2) + (var(--InterfaceFocusRing-Offset) * 2)) / 2);content:""!important;height:calc(100% + (var(--FormFieldToggleBorderWidth) * 2) + (var(--InterfaceFocusRing-Offset) * 2));left:calc(0px - var(--FormFieldToggleBorderWidth) - var(--InterfaceFocusRing-Offset))!important;padding:0!important;pointer-events:none;top:calc(0px - var(--FormFieldToggleBorderWidth) - var(--InterfaceFocusRing-Offset))!important;width:calc(100% + (var(--FormFieldToggleBorderWidth) * 2) + (var(--InterfaceFocusRing-Offset) * 2));transition:var(--StateChangeTransitionDuration);} .FormFieldToggle:focus::after{box-shadow:var(--InterfaceFocusRingForAfter-BoxShadow);} .Icon:hover{opacity:1;} .NavigationIcon{display:inline-block;} .NavigationIcon svg{width:20px;height:20px;margin:-2.5px 0;fill:currentColor;} .NavigationAccordion .NavigationIconCollapse,.NavigationAccordion .NavigationIconExpand{display:none;} .MainContentNoPageHeader .MainContentInner{padding:0;} .PageHeader{font-family:var(--PageHeaderFontFamily);background-color:var(--PageHeaderBackgroundColor);color:var(--PageHeaderColor);background-size:cover;background-position:center center;transition:background-color .25s;} .Header.TransparentMode + .MainContentNoPageHeader .MainContentInner{padding-top:var(--HeaderInnerContentHeight);} .Header.TransparentMode + .MainContent{--PageHeaderColor:var(--Colors-UniversalWhite);--PageHeaderNoBackgroundImageColor:var(--PageHeaderColor);--PageHeaderNoBackgroundImageBackgroundColor:var(--Colors-Neutral07);} .Header.TransparentMode.HeaderDockedScrolled + .MainContent{--PageHeaderNoBackgroundImageBackgroundColor:var(--Colors-Neutral06);} .PageHeader.PageHeaderNoBackgroundImage{--PageHeaderColor:var(--PageHeaderNoBackgroundImageColor);--PageHeaderBackgroundColor:var(--PageHeaderNoBackgroundImageBackgroundColor);} .PageHeaderWithBackgroundImage{color:var(--PageHeaderColor);} .PageHeaderInner{padding:var(--PageHeaderInner-PaddingTop) var(--InlineGutterWidth) var(--PageHeaderInner-PaddingBottom);} .Header.TransparentMode + .MainContent .PageHeaderInner{padding-top:calc(var(--PageHeaderInner-PaddingTop) + var(--HeaderInnerContentHeight));} .PageHeaderTitle{margin-bottom:0;font-weight:700;font-size:43px;line-height:45px;letter-spacing:-1px;} .PageHeaderSubtitle{margin-top:20px;font-family:var(--PageHeaderSubtitleFontFamily);font-style:italic;font-size:20px;} .Breadcrumbs{} .BreadcrumbsInner{position:relative;margin:0 auto;padding:30px var(--InlineGutterWidth) 0;max-width:var(--DefaultContentInnerMaxWidth);} .MainContentNoPageHeader .BreadcrumbsInner{padding-top:21px;} .BreadcrumbsPages,.BreadcrumbsBack{display:block;font:var(--Controls-Size5-Font);letter-spacing:var(--Controls-Size5-LetterSpacing);text-transform:uppercase;} .BreadcrumbsPages:empty{display:none;} .MainContentNoPageHeader .BreadcrumbsPages,.MainContentNoPageHeader .BreadcrumbsBack{bottom:unset;position:static;top:0;} .Breadcrumb{color:var(--BreadcrumbColor);position:relative;transition:var(--StateChangeTransitionDuration);white-space:nowrap;} .Breadcrumb::after,.BreadcrumbsBackLink::after{border-radius:inherit;content:"";height:calc(100% + (var(--InterfaceFocusRing-Offset) * 2));left:calc(0px - var(--InterfaceFocusRing-Offset));pointer-events:none;position:absolute;top:calc(0px - var(--InterfaceFocusRing-Offset));width:calc(100% + (var(--InterfaceFocusRing-Offset) * 2));transition:box-shadow var(--HoverableTransitionDuration);z-index:var(--InterfaceFocusRing-ZIndex);} .Breadcrumb:focus,.BreadcrumbsBackLink:focus{outline:unset;} .Breadcrumb:focus::after,.BreadcrumbsBackLink:focus::after{box-shadow:var(--InterfaceFocusRingForAfter-BoxShadow);} .BreadcrumbArrow{padding:0 1px;} .BreadcrumbArrow > .BreadcrumbArrowIcon{display:inline-block;width:10px;font-weight:400;color:var(--BreadcrumbArrowIconColor);text-align:center;} .BreadcrumbStatic{color:var(--BreadcrumbStaticColor);} .BreadcrumbsBack{display:none;left:0;padding-inline:var(--InlineGutterWidth);position:absolute;bottom:calc(100% + var(--Controls-PageHeaderBottom));} .BreadcrumbsBackLink{align-items:start;display:flex;} .BreadcrumbsBackIcon{display:inline-block;height:13px;margin-top:-1px;vertical-align:bottom;width:13px;} .BreadcrumbsBackIcon svg{width:100%;height:100%;fill:currentColor;} .BreadcrumbsBackText{} /* Pagination */ .PaginationInner{gap:24px;} .Public .PaginationLink{--Buttons-BorderRadiusLength:var(--PaginationLink-BorderRadiusLength);font:var(--PaginationLink-Font);min-height:var(--PaginationLink-MinHeight);min-width:var(--PaginationLink-MinWidth);text-transform:uppercase;white-space:nowrap;} .Public :is(.PaginationPrevious,.PaginationNext){min-width:100px;} .PaginationLink > .ButtonText{align-items:inherit;display:flex;justify-content:inherit;} .PaginationLink .PaginationArrowIcon{fill:currentColor;height:20px;margin:0;width:20px;} .PaginationLink .PaginationPreviousArrowIcon{margin-left:-7px;} .PaginationLink .PaginationNextArrowIcon{margin-right:-7px;} .PaginationLink .PaginationNextText,.PaginationLink .PaginationPreviousText{margin-top:-1px;} .PaginationEllipsis{align-items:center;color:var(--PaginationEllipsis-Color);display:inline-flex;font:var(--PaginationEllipsis-Font);justify-content:center;min-height:var(--PaginationEllipsis-MinHeight);min-width:var(--PaginationEllipsis-MinWidth);} .PaginationPages{display:flex;justify-content:center;gap:24px;} .Public .PaginationPages .PaginationLink{padding-inline:8px;} .PaginationLinkEnabled.PaginationCurrentPage{background-color:var(--Colors-BrandAux02);color:var(--Colors-UniversalWhite);} @media screen and (max-width: 768px) { .PageHeaderWithBreadcrumbs{--PageHeaderInner-PaddingTop:37px;--PageHeaderInner-PaddingBottom:70px;} .BreadcrumbsInner{padding-block:0;} .MainContentNoPageHeader .BreadcrumbsInner{padding:20px var(--InlineGutterWidth);} .BreadcrumbsPages{display:none;} .BreadcrumbsBack{color:white;display:block;} .MainContentNoPageHeader .BreadcrumbsBack{color:inherit;position:static;padding:0;} .BreadcrumbsBackLink{color:white;position:relative;} .BreadcrumbsBackIcon svg path{fill:white;} .MainContentNoPageHeader .BreadcrumbsBackLink,.PageHeaderNoBackgroundImage + .Breadcrumbs .BreadcrumbsBack,.PageHeaderNoBackgroundImage + .Breadcrumbs .BreadcrumbsBackLink{color:var(--PageHeaderNoBackgroundImageBreadcrumbColor);} .MainContentNoPageHeader .Breadcrumbs .BreadcrumbsBackIcon svg path,.PageHeaderNoBackgroundImage + .Breadcrumbs .BreadcrumbsBackIcon svg path{fill:var(--PageHeaderNoBackgroundImageBreadcrumbBackIconFill);} .PaginationInner,.PaginationPages{gap:12px;} .PaginationNext,.PaginationPrevious{min-width:var(--PaginationLink-MinWidth);padding:0;} .PaginationNextText,.PaginationPreviousText{display:none;} } @media (max-width: 372px) { .PaginationPages{margin:0 12px;} } @media (max-width: 640px) { .PageHeaderTitle{font-size:36px;} } @media (max-width: 348px) { .PaginationPages{gap:8px;} } .Dialog{border-radius:6px;box-shadow:0 0 24px 0 rgba(0,0,0,0.08);} .DialogTitleBar{min-height:unset;} .DialogInner .DialogTitle{border:none;color:var(--ComponentHeading-B-Color);font:var(--ComponentHeading-Size5-Font);height:unset;letter-spacing:var(--ComponentHeading-Size5-LetterSpacing);padding:13px 82px 13px 12px;} .DialogInner .DialogContent{background:transparent linear-gradient(180deg,#EDEDED 0%,#FFFFFF 97%) scroll no-repeat center top;background-size:100% 20px;color:var(--ComponentText-A-Color);font:var(--ComponentText-Size4-Font);letter-spacing:var(--ComponentText-Size4-LetterSpacing);padding:17px var(--InlineGutterWidth) 15px;} .DialogInner .DialogButtons{padding:0 var(--InlineGutterWidth) var(--InlineGutterWidth);} .DialogInner .DialogCloseButton{color:var(--MenuCloseButton-Color);margin:0;min-height:20px;position:absolute;right:12px;top:12px;width:20px;} .DialogInner .DialogCloseButton:hover{color:var(--MenuCloseButtonHover-Color);opacity:1;} .DialogInner .DialogCloseButton:focus{color:var(--MenuCloseButtonFocus-Color);} .DialogInner .DialogCloseButton:active{color:var(--MenuCloseButtonActive-Color);} .DialogInner .DialogCloseButton::after{border-radius:inherit;content:"";height:calc(100% + (var(--InterfaceFocusRing-Offset) * 2));left:calc(0px - var(--InterfaceFocusRing-Offset));pointer-events:none;position:absolute;top:calc(0px - var(--InterfaceFocusRing-Offset));width:calc(100% + (var(--InterfaceFocusRing-Offset) * 2));transition:box-shadow var(--HoverableTransitionDuration);z-index:var(--InterfaceFocusRing-ZIndex);} .DialogInner .DialogCloseButton:focus::after{box-shadow:var(--InterfaceFocusRingForAfter-BoxShadow);} .DialogInner .DialogCloseIcon{fill:currentColor;} /** @CalloutBlockCarouselNavigationDotActiveColor #0888C1 */ :root{--CalloutBlockContent-InlineGutterWidth:var(--Blurb-PaddingInlineWidth);--CalloutBlockTitle-MarginBottom:40px;--CalloutBlockItems-PaddingTop:0px;--CalloutBlockItemInnerLink-BorderRadius:0px;--CalloutBlockNavgationArrow-BorderWidth:2px;--CalloutBlockNavgationArrow-Height:36px;--CalloutBlockNavgationArrow-Width:var(--CalloutBlockNavgationArrow-Height);} .CalloutBlock{--CalloutBlock-PaddingInlineWidth:var(--Blurb-PaddingInlineWidth);/* use this value to get callout block items to align with other content when items need extra inline padding for things like box shadows */ --CalloutBlockInner-InlineGutterOffsetWidth:25px;--CalloutBlockInnerContentBox-MaxWidth:var(--DefaultContentInnerContentBoxMaxWidth);--CalloutBlockInnerContent-MaxWidth:calc(var(--CalloutBlockInnerContentBox-MaxWidth) + (var(--CalloutBlockContent-InlineGutterWidth) * 2));/* abs() isn't supported yet so we use max(DefaultPad - Offset, Offset - DefaultPad) */ --CalloutBlockItems-MaxWidth:calc(var(--CalloutBlockInnerContentBox-MaxWidth) + ((var(--CalloutBlockItems-InlineGutterWidth) + var(--CalloutBlockInner-InlineGutterOffsetWidth)) * 2));--CalloutBlockContent-InlineGutterWidth:calc(var(--CalloutBlockItems-InlineGutterWidth) + var(--CalloutBlockInner-InlineGutterOffsetWidth));--CalloutBlockItems-InlineGutterWidth:max(var(--CalloutBlock-PaddingInlineWidth) - var(--CalloutBlockInner-InlineGutterOffsetWidth),0px);} .CalloutBlockCarousel{--CalloutBlock-PaddingInlineWidth:min(var(--CalloutBlockItems-ColumnGap),var(--Blurb-PaddingInlineWidth));} .CalloutBlockInner{} .CalloutBlock :is(.CalloutBlockInnerContent,.CalloutBlockButtons){margin-inline:auto;max-width:var(--CalloutBlockInnerContent-MaxWidth);padding-inline:var(--CalloutBlockContent-InlineGutterWidth);} .CalloutBlock .CalloutBlockItems{margin-inline:auto;max-width:var(--CalloutBlockItems-MaxWidth);padding-inline:var(--CalloutBlockItems-InlineGutterWidth);} /* Callout Block Carousel */ .CalloutBlockCarousel{--CalloutBlockCarouselNavigationDotActiveColor:var(--Colors-Neutral08);} .CalloutBlockCarousel .CalloutBlockItems{scroll-padding-inline:var(--CalloutBlockItems-InlineGutterWidth);} /* Title */ .CalloutBlockTitle{margin-bottom:calc(var(--CalloutBlockTitle-MarginBottom) - var(--CalloutBlockItems-PaddingTop));} .CalloutBlockTitleLeftAligned{--CalloutBlockTitle-MarginBottom:36px;border-bottom:4px solid var(--Colors-BrandAux02);padding-bottom:7px;text-align:left;} /* Item */ .CalloutBlockItem{--BlurbItemHeadings-Color:var(--BlurbHeading-A-Color);--BlurbItemCopy-Color:var(--BlurbContent-A-Color);} .CalloutBlockItem.DarkMode{--BlurbItemHeadings-Color:var(--BlurbHeading-C-Color);--BlurbItemCopy-Color:var(--BlurbContent-C-Color);} .CalloutBlockItem:is(.LightMode,.DarkMode).TransparentBackground{--BlurbItemHeadings-Color:var(--BlurbHeadings-Color);--BlurbItemCopy-Color:var(--BlurbCopy-Color);} .CalloutBlockItemInner{margin:0 var(--CalloutBlockInner-InlineGutterOffsetWidth);} .CalloutBlockItemContent,.CalloutBlockItemInnerLink{display:flex;flex:1 1 auto;flex-direction:column;position:relative;} .CalloutBlockItemInnerLink:focus{outline:none;} .CalloutBlockItemInnerLink::after{border-radius:inherit;content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;transition:box-shadow var(--HoverableTransitionDuration);z-index:var(--InterfaceFocusRing-ZIndex);} .CalloutBlockItemInnerLink:focus::after{box-shadow:var(--InterfaceFocusRingInset-BoxShadow);} .CalloutBlockItemLinkIcon{margin-left:-3px;width:20px;height:20px;} /* Callout Block Navigation */ .CalloutBlockNavigationDotButton{position:relative;} .CalloutBlockNavigationArrows{align-items:center;display:flex;gap:10px;justify-content:center;} :is(.CalloutBlockNavigationDotButton,.CalloutBlockNavigationArrow)::after{border-radius:calc((var(--CalloutBlockNavgationArrow-Height) + (var(--InterfaceFocusRing-Offset) * 2)) / 2);content:"";height:calc(100% + (var(--CalloutBlockNavgationArrow-BorderWidth) * 2) + (var(--InterfaceFocusRing-Offset) * 2));left:calc(0px - var(--CalloutBlockNavgationArrow-BorderWidth) - var(--InterfaceFocusRing-Offset));pointer-events:none;position:absolute;top:calc(0px - var(--CalloutBlockNavgationArrow-BorderWidth) - var(--InterfaceFocusRing-Offset));width:calc(100% + (var(--CalloutBlockNavgationArrow-BorderWidth) * 2) + (var(--InterfaceFocusRing-Offset) * 2));transition:box-shadow var(--HoverableTransitionDuration);z-index:var(--InterfaceFocusRing-ZIndex);} .CalloutBlockNavigationDotButton::after{border-radius:calc((var(--CalloutBlockNavigationDotButton-Height) + (var(--InterfaceFocusRing-Offset) * 2)) / 2);height:calc(100% + (var(--InterfaceFocusRing-Offset) * 2));left:calc(0px - var(--InterfaceFocusRing-Offset));top:calc(0px - var(--InterfaceFocusRing-Offset));width:calc(100% + (var(--InterfaceFocusRing-Offset) * 2));} :is(.CalloutBlockNavigationDotButton,.CalloutBlockNavigationArrow):focus::after{box-shadow:var(--InterfaceFocusRingForAfter-BoxShadow);} @media (max-width: 1448px) { .CalloutBlock{/* reset so that all non-items content will be the same width based on 1400px --DefaultContentInnerContentBoxMaxWidth whenever --CalloutBlockInner-InlineGutterOffsetWidth is greater than --Blurb-PaddingInlineWidth (24px) */ --CalloutBlockContent-InlineGutterWidth:var(--Blurb-PaddingInlineWidth);} } @media (max-width: 1140px) { .CalloutBlock{--CalloutBlockInner-InlineGutterOffsetWidth:15px;} } :root{--CarouselNavigationArrow-AspectRatio:1 / 1;--CarouselNavigationArrow-Height:var(--MediumButton-MinHeight);--CarouselThumbnailSelected-BorderColor:#9A9D9F;--CarouselThumbnailSlides-ColumnGap:24px;} .Public :is(.InterfaceButton,.Button){--CarouselNavigationArrow-BorderRadiusLength:var(--MediumButton-BorderRadiusLength,100%);} .CarouselFullSize{background-color:transparent;border:1px solid var(--Colors-BrandAux04);bottom:0;height:100%;left:0;margin:0;opacity:0;transition:var(--HoverableTransitionDuration);width:100%;} .CarouselFullSize:is(:hover,:focus){opacity:1;} .CarouselFullSizeIcon{display:none;/*background-color: color-mix(in srgb, var(--Colors-UniversalBlack) 75%, transparent); bottom: 0; height: 30px; left: 0; padding: 8px; position: absolute; width: 30px;*/ } .CarouselFullSizeIcon svg{height:100%;width:100%;} .CarouselFullSize:hover .CarouselFullSizeIcon path,.CarouselFullSize:focus .CarouselFullSizeIcon path{fill:white;} .CarouselFullSizeText{display:none;/*background-color: color-mix(in srgb, var(--Colors-UniversalWhite) 75%, transparent); bottom: 0; font: var(--ComponentText-Size4-Font); letter-spacing: var(--ComponentText-Size4-LetterSpacing); padding: 6px 8px; position: absolute; right: 0; text-transform: uppercase;*/ } .CarouselNavigationArrows{} .Public .CarouselNavigationArrow,.Public .CarouselThumbnailNavigationArrow{--Buttons-BorderRadiusLength:var(--CarouselNavigationArrow-BorderRadiusLength);aspect-ratio:var(--CarouselNavigationArrow-AspectRatio);height:var(--CarouselNavigationArrow-Height);transform:translateY(-50%);width:unset;} .Public .CarouselNavigationArrow,.Public .CarouselThumbnailNavigationArrow{position:absolute;} .CarouselNavigationArrow::after,.CarouselThumbnailNavigationArrow::after{border-radius:inherit;} .CarouselNavigationArrowDisabled,.CarouselThumbnailNavigationArrowDisabled{opacity:1;} .CarouselNavigationArrow .CarouselNavigationArrowIcon,.CarouselThumbnailNavigationArrow .CarouselThumbnailNavigationArrowIcon{fill:currentColor;} .CarouselNavigationNext{right:18px;} .CarouselNavigationPrevious{left:18px;} .CarouselCaption{background-color:var(--Colors-Neutral01);color:var(--ComponentText-A-Color);font:var(--ComponentText-Size3-Font);letter-spacing:var(--ComponentText-Size3-LetterSpacing);padding:8px 12px 9px;text-align:left;} .CarouselThumbnails{margin:12px 0 0;} .CarouselThumbnailSlides{gap:0 var(--CarouselThumbnailSlides-ColumnGap);padding:0 calc(var(--CarouselThumbnailSlides-ColumnGap) + (var(--CarouselNavigationArrow-AspectRatio) * var(--CarouselNavigationArrow-Height)));/* Navigation Button + 12px */ } .CarouselThumbnailSlide{aspect-ratio:1 / 1;} .CarouselThumbnailSlideSelected{opacity:1;} .CarouselThumbnailSlide .CarouselThumbnailSlideImage{height:100%;object-fit:cover;width:100%;} .CarouselThumbnailNavigationArrow{top:50%;} .CarouselThumbnailSlide:after{background-color:var(--LayerStyleEffectProductHoverColor);border:1px solid var(--Colors-BrandAux04);} @media (max-width: 480px) { :root{--CarouselThumbnailSlides-ColumnGap:14px;--CarouselNavigationArrow-Height:var(--SmallButton-MinHeight);} .CarouselNavigationNext{right:12px;} .CarouselNavigationPrevious{left:12px;} } .Public :is(.InterfaceButton,.Button){--LightboxButton-BorderRadiusLength:var(--MediumButton-BorderRadiusLength,100%);} .Lightbox{background-color:rgba(0,0,0,0.8);} .Public .LightboxClose{background-color:var(--MenuCloseButton-BackgroundColor);border:var(--MenuButtons-BorderWidth) var(--MenuCloseButton-BorderColor) var(--MenuButtons-BorderStyle);border-radius:var(--MenuButtons-BorderRadius);color:var(--MenuCloseButton-Color);height:unset;min-height:var(--MenuCloseButton-MinHeight);position:absolute;right:15px;top:15px;width:var(--MenuCloseButton-Width);} .Public .LightboxClose:hover{background-color:var(--MenuCloseButtonHover-BackgroundColor);border-color:var(--MenuCloseButtonHover-BorderColor);color:var(--MenuCloseButtonHover-Color);} .Public .LightboxClose:focus{background-color:var(--MenuCloseButtonFocus-BackgroundColor);border-color:var(--MenuCloseButtonFocus-BorderColor);color:var(--MenuCloseButtonFocus-Color);} .Public .LightboxClose:active{background-color:var(--MenuCloseButtonActive-BackgroundColor);border-color:var(--MenuCloseButtonActive-BorderColor);color:var(--MenuCloseButtonActive-Color);} .Public .LightboxClose::after{border-radius:inherit;} .LightboxCloseIcon{fill:currentColor;} .LightboxMedia{height:calc(100% - 120px);top:60px;width:calc(100% - 100px);} .LightboxMediaWithCaption{width:calc(100% - 400px);} .LightboxMediaItem{z-index:1;} .LightboxMediaElement{box-shadow:0 0 24px rgba(0,0,0,0.5);background-color:#ffffff;} .LightboxCaption{background:#FFFFFF;border-radius:0 8px 8px 0;bottom:auto;box-shadow:0 10px 40px 10px rgba(0,0,0,0.25),0 10px 15px 5px rgba(0,0,0,0.15);box-shadow:0 0 24px 0 rgba(0,0,0,0.50);display:none;height:calc(100% - 200px);left:50%;margin:0;overflow:auto;padding:40px 24px;top:50%;width:337px;z-index:0;} .LightboxMediaWithCaption .LightboxCaption{display:block;} .LightboxCaptionTitle{color:var(--ComponentHeading-B-Color);font:var(--ComponentHeading-Size4-Font);letter-spacing:var(--ComponentHeading-Size4-LetterSpacing);margin:0 0 24px;} .LightboxCaptionDescription{color:var(--ComponentText-A-Color);font:var(--ComponentText-Size3-Font);letter-spacing:var(--ComponentText-Size3-LetterSpacing);} .LightboxButtons{position:absolute;left:50%;top:50%;z-index:2;display:block;} .LightboxButton{color:var(--Colors-Neutral03);height:var(--MediumButton-MinHeight);margin-top:0;transform:translateY(-50%);width:var(--MediumButton-MinHeight);} .Public .LightboxButton{--Buttons-BorderRadiusLength:var(--LightboxButton-BorderRadiusLength);background-color:color-mix(in srgb,var(--Colors-Neutral08) 60%,transparent);border-color:transparent;position:absolute;padding:0;transition-property:background-color,color;} .LightboxButton:hover{background-color:color-mix(in srgb,var(--Colors-Neutral08) 80%,transparent);color:var(--Colors-Neutral03);} .LightboxButton:focus{background-color:color-mix(in srgb,var(--Colors-Neutral08) 80%,transparent);color:var(--Colors-Neutral03);} .LightboxButton:active{background-color:var(--Colors-Neutral08);color:var(--Colors-Neutral03);} .LightboxButton::after{border-radius:100%;} .LightboxButtonPrevious,.LightboxButtonNext{left:auto;right:auto;cursor:pointer;} .LightboxButton .LightboxButtonArrowIcon{width:20px;height:20px;margin:0 auto;display:block;fill:currentColor;} @media (max-width: 768px) { .LightboxMedia{width:calc(100% - var(--InlineGutterWidthBoxCalc));height:calc(100% - 120px);left:50%;top:60px;transform:translateX(-50%);} .LightboxMediaWithCaption{height:calc(100% - 200px);} .LightboxCaption{border-radius:0 0 8px 8px;height:unset;left:50%;max-height:160px;padding:21px 12px 30px;transform:translateX(-50%);width:calc(100% - 24px);} .LightboxButtons{left:0;width:100%;} .LightboxButtonPrevious{left:20px;} .LightboxButtonNext{right:20px;} } :root{--TooltipColor:var(--Colors-InterfaceError);} .Tooltip{background-color:transparent;color:var(--TooltipColor);display:none;font:var(--ComponentText-Size4-Font);letter-spacing:var(--ComponentText-Size4-LetterSpacing);margin-left:-9px;padding:0;pointer-events:none;text-align:right;} .Tooltip:after{display:none;} .TooltipActive{display:block;} .Public{--FileUploadButton-MinHeight:var(--SmallButton-MinHeight);} .Public :is(.InterfaceButton,.Button){--FileUploadButton-BorderRadiusLength:var(--SmallButton-BorderRadiusLength);--FileUploadButton-Padding:var(--SmallButton-Padding);} .FileUploadContainer{align-items:flex-end;background:transparent;border:none;display:flex;gap:var(--BaseFormHorizontalGap) var(--BaseFormVerticalGap);padding:0;} .FileUploadContainer .FileUploadButtonWrapper{aspect-ratio:unset;border:none;height:unset;margin-bottom:2px;} .FileUploadContainer .FileUploadContent{background-color:var(--Colors-Neutral02);border:1px var(--FormFieldInputBorderColor,var(--Colors-Neutral04)) solid;position:relative;} .FileUploadButtonWrapper{background:unset;width:unset;} .Public .FileUploadButton.Button{background-image:none;border-radius:var(--FileUploadButton-BorderRadiusLength);height:var(--FileUploadButton-MinHeight)!important;padding:var(--FileUploadButton-Padding);} .FileUploadButton > .ButtonText{display:inline-block;} .Public .FileUploadRemove.InterfaceButton{color:inherit;visibility:hidden;text-decoration:underline;text-transform:none;} .Public .FileUploadRemove.InterfaceButton:hover,.Public .FileUploadRemove.InterfaceButton:focus{color:inherit;text-decoration:underline;} .Public .FileUploadRemove.FileUploadRemoveActive.InterfaceButton{visibility:visible;} .FileUploadContainer[data-type=Image] .FileUploadActions,.FileUploadContainer[data-type=File] .FileUploadActions{padding:0;width:40px;} .FileUploadContainer[data-type=Image] .FileUploadPreview,.FileUploadContainer[data-type=File] .FileUploadPreview{background-color:var(--Colors-Neutral02);border:1px var(--FormFieldInputBorderColor,var(--Colors-Neutral04)) solid;border-radius:var(--FormFieldInputBorderRadius);} /* Drag and Drop */ .FileUploadContainer[data-drag-and-drop=true]{align-items:center;} .FileUploadContainer[data-drag-and-drop=true] .FileUploadContent{border:none;border-radius:4px;height:100%;min-height:40px;} .FileUploadContainer[data-drag-and-drop=true] .FileUploadButtonWrapper{margin-bottom:0;} .Public .FileUploadContainer[data-drag-and-drop=true] .FileUploadRemove.InterfaceButton{--Buttons-BorderWidth:0px;color:var(--Controls-A-Color);font:var(--ComponentText-Size5-Font)!important;letter-spacing:var(--ComponentText-Size4-LetterSpacing);text-decoration:none;} .Public .FileUploadContainer[data-drag-and-drop=true] .FileUploadRemove.InterfaceButton:hover{text-decoration:underline;} .Public .FileUploadContainer[data-drag-and-drop=true] .FileUploadRemove.InterfaceButton:active{color:var(--Controls-A-ActiveColor);text-decoration:underline;} .FileUploadContainer[data-drag-and-drop=true] .FileUploadContent .FileUploadDragAndDropOverlay{background:var(--Colors-Neutral01);border:1px solid var(--Colors-Neutral04);border-radius:inherit;color:var(--Colors-UniversalText);transition:.25s;} .FileUploadContainer[data-drag-and-drop=true] .FileUploadContent.DragOver .FileUploadDragAndDropOverlay,.FileUploadContainer[data-drag-and-drop=true] .FileUploadContent[data-upload-status="InProgress"] .FileUploadDragAndDropOverlay{border-color:var(--Colors-BrandAux02);} .FileUploadContainer[data-drag-and-drop=true] .FileUploadContent[data-upload-status="Success"]:not(.DragOver) .FileUploadDragAndDropOverlay{border-color:var(--Colors-InterfaceConfirmed);color:var(--Colors-InterfaceConfirmed);} .FileUploadContainer[data-drag-and-drop=true] .FileUploadContent[data-upload-status="Error"]:not(.DragOver) .FileUploadDragAndDropOverlay{border-color:var(--Colors-InterfaceError);color:var(--Colors-InterfaceError);} @media (max-width: 480px) { .FileUploadContainer{flex-wrap:wrap-reverse;height:auto;justify-content:flex-end;} .FileUploadContainer .FileUploadContent{width:100%;} .FileUploadContainer[data-type=Image] .FileUploadContent{width:calc(100% - var(--BaseFormVerticalGap) - 40px);} .FileUploadContainer[data-drag-and-drop=true]{justify-content:flex-start;} } :root{--ErrorPageTitleFontFamily:var(--PageHeaderFontFamily);--ErrorPageTitleColor:var(--PageHeaderColor);--ErrorTitlePaddingBlock:80px;} body{--ErrorPageTitleBackgroundColor:var(--PageHeaderBackgroundColor);} .ErrorTitle{font-family:var(--ErrorPageTitleFontFamily);background-color:var(--ErrorPageTitleBackgroundColor);color:var(--ErrorPageTitleColor);background-size:cover;background-position:center center;margin:0 auto;padding:180px var(--InlineGutterWidth) 80px;font-weight:700;font-size:40px;text-transform:uppercase;text-align:center;} .Header.TransparentMode + .MainContent .ErrorTitle{padding-top:calc(var(--ErrorTitlePaddingBlock) + var(--HeaderInnerContentHeight));} .MainContentNoPageHeader .ErrorTitle{padding-top:80px;} .HeaderWithTertiaryNavigation .ErrorTitle{padding-top:224px;} .HeaderWithTertiaryNavigation.MainContentNoPageHeader .ErrorTitle{padding-top:80px;} .ErrorDescription{margin:0 auto;padding:50px var(--InlineGutterWidth);max-width:calc(640px + var(--InlineGutterWidthBoxCalc));min-height:500px;} .ErrorDetails{margin:0 auto;padding:50px var(--InlineGutterWidth);max-width:calc(1140px + var(--InlineGutterWidthBoxCalc));} .ErrorCode{color:#333333;margin:0 0 20px;font-style:italic;text-align:center;} :root{--HeaderNavFirstLevelItem-Font:var(--MainMenuFirstLevelItem-Font);--HeaderNavSecondLevelItem-Font:var(--MainMenuSecondLevelItem-Font);--HeaderNavigationHeight:50px;} body{/* Header */ --HeaderInnerContentHeight:108px;--HeaderInnerMobileContentHeight:84px;--HeaderTertiaryNavHeight:54px;} .Header{--HeaderNavItem-Color:var(--MainMenuItem-Color);--HeaderNavItemHover-Color:var(--MainMenuItemHover-Color);--HeaderNavItemFocus-Color:var(--HeaderNavItem-Color);--HeaderSubNavBackgroundColor:var(--Colors-UniversalWhite);--HeaderSubNavItem-Color:var(--HeaderNavItem-Color);--HeaderSubNavItemHover-Color:var(--HeaderNavItemHover-Color);--HeaderSubNavItemFocus-Color:var(--HeaderSubNavItem-Color);} .Header:is(.DarkMode,.TransparentMode){--HeaderNavItem-Color:var(--MainMenuItem-DarkModeColor);--HeaderNavItemHover-Color:var(--MainMenuItemHover-DarkModeColor);--HeaderColor:var(--Colors-Neutral01);--HeaderSubNavBackgroundColor:var(--Colors-Neutral08);} .Header.TransparentMode{--HeaderBackgroundColor:transparent;} .Header:is(.DarkMode,.TransparentMode.HeaderDockedScrolled){--HeaderBackgroundColor:var(--Colors-Neutral07);} .Header.LightMode{--HeaderBackgroundColor:var(--Colors-Neutral02);--HeaderColor:var(--Colors-Neutral06);} .Header{background-color:var(--HeaderBackgroundColor);color:var(--HeaderColor);font:var(--HeaderNavFirstLevelItem-Font);position:relative;width:100%;z-index:var(--Header-ZIndex,105);} .HeaderDocked{position:sticky;top:0;transition:background-color .25s;} .Header.TransparentMode.HeaderDockedScrolled{--HeaderBackgroundColor:var(--Colors-Neutral07);} /** Alert Banner **/ .HeaderAlertBanner{background-color:var(--Colors-InterfaceAlertBackground);width:100%;} .HeaderAlertBannerInner{color:var(--Colors-InterfaceAlert);font:var(--ComponentHeading-Size5-Font);letter-spacing:var(--ComponentHeading-Size5-LetterSpacing);text-align:center;padding:8px var(--InlineGutterWidth);} .HeaderAlertBannerInnerLink{color:inherit;} .HeaderAlertBannerInnerLink:is(:hover,:focus) .HeaderAlertBannerText{text-decoration:underline;} /** Tertiary Navigation **/ :root{--HeaderTertiaryNavItem-PaddingInlineWidth:15px;} .Header:is(.DarkMode,.TransparentMode) .HeaderTertiaryNavigation{--HeaderTertiaryNav-BackgroundColor:var(--Colors-Neutral08);--HeaderTertiaryNavItem-BorderColor:var(--Colors-Neutral06);--HeaderTertiaryNav-Color:var(--Colors-Neutral01);--HeaderTertiaryNavItem-HoverColor:var(--Colors-UniversalWhite);--HeaderTertiaryNavItem-FocusColor:var(--HeaderTertiaryNav-Color);--HeaderTertiaryNavItem-ActiveColor:var(--Colors-UniversalWhite);} .Header.LightMode .HeaderTertiaryNavigation{--HeaderTertiaryNav-BackgroundColor:var(--Colors-Neutral01);--HeaderTertiaryNavItem-BorderColor:var(--Colors-Neutral03);--HeaderTertiaryNav-Color:var(--Colors-Neutral06);--HeaderTertiaryNavItem-HoverColor:var(--Colors-UniversalBlack);--HeaderTertiaryNavItem-FocusColor:var(--HeaderTertiaryNav-Color);--HeaderTertiaryNavItem-ActiveColor:var(--Colors-BrandAux02);} .HeaderTertiaryNavigation{background-color:var(--HeaderTertiaryNav-BackgroundColor);width:100%;height:var(--HeaderTertiaryNavHeight);} .HeaderTertiaryNavigation .NavigationIcon{margin-left:0;margin-right:6px;margin-top:-2px;} .HeaderTertiaryNavigation > .NavigationList{height:100%;list-style-type:none;margin:0 auto;max-width:var(--DefaultContentInnerMaxWidth);padding:0 calc(var(--InlineGutterWidth) - var(--HeaderTertiaryNavItem-PaddingInlineWidth));text-align:right;} .HeaderTertiaryNavigation > .NavigationList > .NavigationItem{margin:0;text-align:center;display:inline-block;} .HeaderTertiaryNavigation > .NavigationList > .NavigationItem > .NavigationItemInner{} .HeaderTertiaryNavigation > .NavigationList > .NavigationItem > .NavigationItemInner > .NavigationItemContent{border-left:1px var(--HeaderTertiaryNavItem-BorderColor) solid;color:var(--HeaderTertiaryNav-Color);display:block;font-size:14px;height:var(--HeaderTertiaryNavHeight);line-height:var(--HeaderTertiaryNavHeight);outline:none;/*overflow: hidden;*/ /* causes focus ring to be hidden */ padding:0 var(--HeaderTertiaryNavItem-PaddingInlineWidth);position:relative;transition:var(--HoverableTransitionDuration);} .HeaderTertiaryNavigation > .NavigationList > .NavigationItem > .NavigationItemInner > .NavigationItemInteractiveContent{cursor:pointer;} .HeaderTertiaryNavigation > .NavigationList > .NavigationItem > .NavigationItemInner > .NavigationItemInteractiveContent:hover{color:var(--HeaderTertiaryNavItem-HoverColor);} .HeaderTertiaryNavigation > .NavigationList > .NavigationItem > .NavigationItemInner > .NavigationItemInteractiveContent:focus{color:var(--HeaderTertiaryNavItem-HoverColor);outline:none;text-decoration:none;} .HeaderTertiaryNavigation > .NavigationList > .NavigationItem > .NavigationItemInner > .NavigationItemInteractiveContent:active{color:var(--HeaderTertiaryNavItem-ActiveColor);} .HeaderTertiaryNavigation > .NavigationList > .NavigationItem > .NavigationItemInner > .NavigationItemContent::after{content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;transition:box-shadow var(--HoverableTransitionDuration);z-index:var(--InterfaceFocusRing-ZIndex);} .HeaderTertiaryNavigation > .NavigationList > .NavigationItem > .NavigationItemInner > .NavigationItemContent:focus::after{box-shadow:var(--InterfaceFocusRingInset-BoxShadow);} .HeaderTertiaryNavigation > .NavigationList > .NavigationItem > .NavigationItemInner > .NavigationItemContent > .NavigationIcon svg{fill:currentColor;} /* position is for expanded nav to layout properly */ .HeaderMainContent{position:relative;} .HeaderMainContentInner{align-items:center;display:flex;gap:24px;height:var(--HeaderInnerContentHeight);margin-inline:auto;max-width:var(--DefaultContentInnerMaxWidth);padding-inline:var(--InlineGutterWidth);} .HeaderLogo{align-self:stretch;display:flex;flex:1 1 auto;max-width:20%;padding-block:20px;} .HeaderLogoLink{display:flex;position:relative;} .HeaderLogoLink:focus{outline:none;} .HeaderLogoLink::after{content:"";height:calc(100% + (var(--InterfaceFocusRing-Offset) * 2));left:calc(0px - var(--InterfaceFocusRing-Offset));pointer-events:none;position:absolute;top:calc(0px - var(--InterfaceFocusRing-Offset));width:calc(100% + (var(--InterfaceFocusRing-Offset) * 2));transition:box-shadow var(--HoverableTransitionDuration);z-index:var(--InterfaceFocusRing-ZIndex);} .HeaderLogoLink:focus::after{box-shadow:var(--InterfaceFocusRingForAfter-BoxShadow);} .HeaderLogoImage{display:block;object-fit:contain;object-position:left center;width:100%;} .HeaderLogoImageMobile{display:none;} .HeaderNavigation{flex:1 1;text-align:right;} .HeaderNavigation li{line-height:inherit;} /* Parent Link */ .HeaderNavigation > .NavigationList{display:flex;justify-content:end;list-style-type:none;margin:0;padding:0;} .HeaderNavigation > .NavigationList > .NavigationItem{display:inline-block;margin:unset;} .HeaderNavigation > .NavigationList .InterfaceButton{--Buttons-BorderWidth:0px;} .HeaderNavigation > .NavigationList > .NavigationItem > .NavigationItemInner{font-weight:600;text-transform:uppercase;} .HeaderNavigation > .NavigationList > .NavigationItem > .NavigationItemInner{font:var(--MainMenuFirstLevelItem-Font);text-transform:var(--MainMenuFirstLevelItem-TextTransform);} .HeaderNavigation > .NavigationList > .NavigationItem > .NavigationItemInner > .NavigationItemContent{align-items:center;color:var(--HeaderNavItem-Color);display:flex;gap:0 6px;height:var(--HeaderNavigationHeight);padding-inline:23px 21px;position:relative;transition:var(--HoverableTransitionDuration);white-space:nowrap;} .HeaderNavigation > .NavigationList > .NavigationItem > .NavigationItemInner > .NavigationItemContent::after,.HeaderNavigation > .NavigationList > .NavigationItem > .NavigationList > .NavigationItem > .NavigationItemInner > .NavigationItemContent::after{content:"";height:calc(100% + (var(--InterfaceFocusRing-Offset) * 2));left:calc(0px - var(--InterfaceFocusRing-Offset));pointer-events:none;position:absolute;top:calc(0px - var(--InterfaceFocusRing-Offset));width:calc(100% + (var(--InterfaceFocusRing-Offset) * 2));transition:box-shadow var(--HoverableTransitionDuration);z-index:var(--InterfaceFocusRing-ZIndex);} .HeaderNavigation > .NavigationList > .NavigationItem > .NavigationItemInner > .NavigationItemContent:focus::after,.HeaderNavigation > .NavigationList > .NavigationItem > .NavigationList > .NavigationItem > .NavigationItemInner > .NavigationItemContent:focus::after{box-shadow:var(--InterfaceFocusRingForAfter-BoxShadow);} .HeaderNavigation > .NavigationList > .NavigationItem > .NavigationItemInner > .NavigationItemInteractiveContent:hover{color:var(--HeaderNavItemHover-Color);} .HeaderNavigation > .NavigationList > .NavigationItem > .NavigationItemInner > .NavigationItemInteractiveContent:focus{outline:none;} /* Child Navigation */ .HeaderNavigation > .NavigationList > .NavigationItem > .NavigationList{text-align:left;min-width:225px;max-width:500px;position:absolute;background-color:var(--HeaderSubNavBackgroundColor);box-shadow:0 3px 10px 0 rgba(0,0,0,0.2);left:0;top:100%;padding:3px 22px 7px;margin-top:15px;border-radius:3px;list-style-type:none;opacity:0;transition:.5s;visibility:hidden;} .HeaderNavigation > .NavigationList > .NavigationItem > .NavigationList::before{background-color:inherit;border-radius:inherit;content:" ";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1;} .HeaderNavigation > .NavigationList > .NavigationItem > .NavigationList::after{background-color:inherit;box-shadow:inherit;content:"";height:12px;left:80px;pointer-events:none;position:absolute;top:-8px;transform:rotate(45deg);transform-origin:left top;width:12px;z-index:0;} .HeaderNavigation > .NavigationList > .NavigationItem > .NavigationListRight::after{left:auto;right:80px;} .HeaderNavigation > .NavigationList > .NavigationItemActive > .NavigationList{z-index:1;opacity:1;visibility:visible;} .HeaderNavigation > .NavigationList > .NavigationItem > .NavigationList > .NavigationItem{margin-block:8px 7px;z-index:5;} .HeaderNavigation > .NavigationList > .NavigationItem > .NavigationList > .NavigationItem > .NavigationItemInner{font:var(--MainMenuSecondLevelItem-Font);text-transform:var(--MainMenuSecondLevelItem-TextTransform);} .HeaderNavigation > .NavigationList > .NavigationItem > .NavigationList > .NavigationItem > .NavigationItemInner > .NavigationItemContent{color:var(--HeaderSubNavItem-Color);display:inline-block;padding-block:2px;position:relative;transition:var(--HoverableTransitionDuration);} .HeaderNavigation > .NavigationList > .NavigationItem > .NavigationList > .NavigationItem > .NavigationItemInner > .NavigationItemInteractiveContent:hover{color:var(--HeaderSubNavItemHover-Color);} .HeaderNavigation > .NavigationList > .NavigationItem > .NavigationList > .NavigationItem > .NavigationItemInner > .NavigationItemInteractiveContent:focus{color:var(--HeaderSubNavItemFocus-Color);text-decoration:underline;outline:none;} .HeaderNavigation > .NavigationList > .NavigationItem > .NavigationList > .NavigationItem > .NavigationItemInner > .NavigationItemContent > .NavigationItemText{position:relative;} /* Header Buttons */ .HeaderButtons > .NavigationList{display:flex;gap:24px;list-style-type:none;margin:0;padding:0;} .HeaderButtons > .NavigationList > .NavigationItem{display:inline-block;} .HeaderButtons > .NavigationList > .NavigationItem > .NavigationItemInner > .Button{min-width:150px;white-space:nowrap;} .HeaderButtons > .NavigationList > .NavigationItem > .NavigationList{display:none;} /* Header Sliding Menu */ :root{--HeaderSlidingMenuContentWidth:var(--BaseSlidingMenuContentWidth);--HeaderSlidingMenuOpenButton-MinHeight:var(--MenuButtons-MinHeight);--HeaderSlidingMenuCloseButton-MinHeight:var(--MenuButtons-MinHeight);--HeaderSlidingMenuCloseButton-Width:var(--HeaderSlidingMenuCloseButton-MinHeight);--HeaderSlidingMenuCloseButton-Top:16px;--HeaderSlidingMenuCloseButton-InlineSpaceWidth:var(--HeaderSlidingMenuCloseButton-Top);} .Public :is(.InterfaceButton,.Button){--HeaderSlidingMenuButtons-BorderRadius:var(--MenuButtons-BorderRadius);--HeaderSlidingMenuButtons-BorderStyle:var(--MenuButtons-BorderStyle);--HeaderSlidingMenuButtons-BorderWidth:var(--MenuButtons-BorderWidth);--HeaderSlidingMenuOpenButton-BackgroundColor:var(--MenuOpenButton-BackgroundColor);--HeaderSlidingMenuOpenButton-BorderColor:var(--MenuOpenButton-BorderColor);--HeaderSlidingMenuOpenButton-Color:var(--MenuOpenButton-Color);--HeaderSlidingMenuOpenButtonHover-BackgroundColor:var(--MenuOpenButtonHover-BackgroundColor);--HeaderSlidingMenuOpenButtonHover-BorderColor:var(--HeaderSlidingMenuOpenButton-BorderColor);--HeaderSlidingMenuOpenButtonHover-Color:var(--HeaderSlidingMenuOpenButton-Color);--HeaderSlidingMenuOpenButtonFocus-BackgroundColor:var(--HeaderSlidingMenuOpenButtonHover-BackgroundColor);--HeaderSlidingMenuOpenButtonFocus-BorderColor:var(--HeaderSlidingMenuOpenButtonHover-BorderColor);--HeaderSlidingMenuOpenButtonFocus-Color:var(--HeaderSlidingMenuOpenButtonHover-Color);--HeaderSlidingMenuOpenButtonActive-BackgroundColor:var(--HeaderSlidingMenuOpenButton-BackgroundColor);--HeaderSlidingMenuOpenButtonActive-BorderColor:var(--HeaderSlidingMenuOpenButton-BorderColor);--HeaderSlidingMenuOpenButtonActive-Color:var(--MenuOpenButtonActive-Color);--HeaderSlidingMenuCloseButton-BackgroundColor:var(--MenuCloseButton-BackgroundColor);--HeaderSlidingMenuCloseButton-BorderColor:var(--MenuCloseButton-BorderColor);--HeaderSlidingMenuCloseButton-Color:var(--MenuCloseButton-Color);--HeaderSlidingMenuCloseButtonHover-BackgroundColor:var(--MenuCloseButtonHover-BackgroundColor);--HeaderSlidingMenuCloseButtonHover-BorderColor:var(--HeaderSlidingMenuCloseButton-BorderColor);--HeaderSlidingMenuCloseButtonHover-Color:var(--HeaderSlidingMenuCloseButton-Color);--HeaderSlidingMenuCloseButtonFocus-BackgroundColor:var(--HeaderSlidingMenuCloseButtonHover-BackgroundColor);--HeaderSlidingMenuCloseButtonFocus-BorderColor:var(--HeaderSlidingMenuCloseButtonHover-BorderColor);--HeaderSlidingMenuCloseButtonFocus-Color:var(--HeaderSlidingMenuCloseButtonHover-Color);--HeaderSlidingMenuCloseButtonActive-BackgroundColor:var(--HeaderSlidingMenuCloseButton-BackgroundColor);--HeaderSlidingMenuCloseButtonActive-BorderColor:var(--HeaderSlidingMenuCloseButton-BorderColor);--HeaderSlidingMenuCloseButtonActive-Color:var(--MenuCloseButtonActive-Color);} .Header:is(.DarkMode,.TransparentMode) .HeaderSlidingMenu{/* possible Open Button styling */ } .Header.LightMode .HeaderSlidingMenu{/* possible Open Button styling */ } .HeaderSlidingMenu:is(.DarkMode,.TransparentMode){--HeaderSlidingMenuBlackout-BackgroundColor:rgba(0,0,0,0.5);--HeaderSlidingMenuContent-BackgroundColor:var(--Colors-UniversalBlack);--HeaderSlidingMenuContent-Color:var(--Colors-Neutral02);--HeaderSlidingMenuNavigation-BackgroundColor:var(--Colors-Neutral07);--HeaderSlidingMenuNavItem-BorderColor:var(--Colors-Neutral06);--HeaderSlidingMenuNavItem-Color:var(--MainMenuItem-DarkModeColor);--HeaderSlidingMenuNavItem-HoverColor:var(--MainMenuItemHover-DarkModeColor);--HeaderSlidingMenuNavItem-HoverBackgroundColor:var(--Colors-Neutral08);--HeaderSlidingMenuNavItem-FocusColor:var(--MainMenuItemFocus-DarkModeColor);--HeaderSlidingMenuNavItem-ActiveColor:var(--MainMenuItemActive-DarkModeColor);--HeaderSlidingMenuSubNav-BackgroundColor:var(--HeaderSlidingMenuNavigation-BackgroundColor);--HeaderSlidingMenuSubNavItem-BorderColor:var(--HeaderSlidingMenuNavItem-BorderColor);--HeaderSlidingMenuSubNavItem-HoverColor:var(--HeaderSlidingMenuNavItem-HoverColor);--HeaderSlidingMenuSubNavItem-HoverBackgroundColor:var(--HeaderSlidingMenuNavItem-HoverBackgroundColor);} .HeaderSlidingMenu.LightMode{--HeaderSlidingMenuBlackout-BackgroundColor:rgba(0,0,0,0.5);--HeaderSlidingMenuContent-BackgroundColor:var(--Colors-Neutral01);--HeaderSlidingMenuContent-Color:var(--Colors-Neutral08);--HeaderSlidingMenuNavigation-BackgroundColor:var(--Colors-Neutral02);--HeaderSlidingMenuNavItem-BorderColor:var(--Colors-Neutral01);--HeaderSlidingMenuNavItem-Color:var(--MainMenuItem-Color);--HeaderSlidingMenuNavItem-HoverBackgroundColor:var(--Colors-Neutral03);--HeaderSlidingMenuNavItem-HoverColor:var(--MainMenuItemHover-Color);--HeaderSlidingMenuNavItem-FocusColor:var(--MainMenuItemFocus-Color);--HeaderSlidingMenuNavItem-ActiveColor:var(--MainMenuItemActive-Color);--HeaderSlidingMenuSubNav-BackgroundColor:var(--Colors-Neutral03);--HeaderSlidingMenuSubNavItem-BorderColor:var(--HeaderSlidingMenuNavItem-BorderColor);--HeaderSlidingMenuSubNavItem-HoverColor:var(--HeaderSlidingMenuNavItem-HoverColor);--HeaderSlidingMenuSubNavItem-HoverBackgroundColor:var(--Colors-Neutral02);} .HeaderSlidingMenu .SlidingMenuBlackout{background-color:var(--HeaderSlidingMenuBlackout-BackgroundColor);} .HeaderSlidingMenu{display:none;} .HeaderSlidingMenu .SlidingMenuButton{cursor:pointer;font:var(--Controls-Size3-Font);letter-spacing:var(--Controls-Size3-LetterSpacing);} .HeaderSlidingMenu .SlidingMenuButton::after{border-radius:var(--HeaderSlidingMenuButtons-BorderRadius);} .HeaderSlidingMenu .SlidingMenuButton .ButtonIcon{flex:0 0 30px;width:30px;height:30px;} .HeaderSlidingMenu .SlidingMenuButton > svg{display:inline-block;vertical-align:top;} .HeaderSlidingMenu .SlidingMenuButton > .SlidingMenuButtonText{display:inline-block;margin:-1px 0 0 8.5px;padding-top:1px;} .HeaderSlidingMenu .SlidingMenuButtonOpen{background-color:var(--HeaderSlidingMenuOpenButton-BackgroundColor);border:var(--HeaderSlidingMenuButtons-BorderWidth) var(--HeaderSlidingMenuOpenButton-BorderColor) var(--HeaderSlidingMenuButtons-BorderStyle);border-radius:var(--HeaderSlidingMenuButtons-BorderRadius);color:var(--HeaderSlidingMenuOpenButton-Color);min-height:var(--HeaderSlidingMenuOpenButton-MinHeight);padding:0 15px 0 14px;transition:var(--HoverableTransitionDuration);white-space:nowrap;} .HeaderSlidingMenu .SlidingMenuButtonOpen .ButtonIcon{display:block;fill:currentColor;} .HeaderSlidingMenu .SlidingMenuButtonOpen:hover{background-color:var(--HeaderSlidingMenuOpenButtonHover-BackgroundColor);color:var(--HeaderSlidingMenuOpenButtonHover-Color);border-color:var(--HeaderSlidingMenuOpenButtonHover-BorderColor);} .HeaderSlidingMenu .SlidingMenuButtonOpen:focus{background-color:var(--HeaderSlidingMenuOpenButtonFocus-BackgroundColor);color:var(--HeaderSlidingMenuOpenButtonFocus-Color);border-color:var(--HeaderSlidingMenuOpenButtonFocus-BorderColor);} .HeaderSlidingMenu .SlidingMenuButtonOpen:active{background-color:var(--HeaderSlidingMenuOpenButtonActive-BackgroundColor);color:var(--HeaderSlidingMenuOpenButtonActive-Color);border-color:var(--HeaderSlidingMenuOpenButtonActive-BorderColor);} .HeaderSlidingMenu .SlidingMenuButtonClose{width:var(--HeaderSlidingMenuCloseButton-Width);min-height:var(--HeaderSlidingMenuCloseButton-MinHeight);background-color:var(--HeaderSlidingMenuCloseButton-BackgroundColor);color:var(--HeaderSlidingMenuCloseButton-Color);border:var(--HeaderSlidingMenuButtons-BorderWidth) var(--HeaderSlidingMenuCloseButton-BorderColor) var(--HeaderSlidingMenuButtons-BorderStyle);border-radius:var(--HeaderSlidingMenuButtons-BorderRadius);left:unset;top:var(--HeaderSlidingMenuCloseButton-Top);right:calc(var(--HeaderSlidingMenuCloseButton-InlineSpaceWidth) + var(--HeaderSlidingMenuContentWidth));padding:6px;position:fixed;font-size:16px;z-index:101;} .HeaderSlidingMenu .SlidingMenuButtonClose .ButtonIcon{flex:0 0 20px;width:20px;height:20px;} .HeaderSlidingMenu .SlidingMenuButtonClose svg{fill:currentColor;} .HeaderSlidingMenu .SlidingMenuButtonClose:hover{background-color:var(--HeaderSlidingMenuCloseButtonHover-BackgroundColor);color:var(--HeaderSlidingMenuCloseButtonHover-Color);border-color:var(--HeaderSlidingMenuCloseButtonHover-BorderColor);} .HeaderSlidingMenu .SlidingMenuButtonClose:focus{background-color:var(--HeaderSlidingMenuCloseButtonFocus-BackgroundColor);color:var(--HeaderSlidingMenuCloseButtonFocus-Color);border-color:var(--HeaderSlidingMenuCloseButtonFocus-BorderColor);} .HeaderSlidingMenu .SlidingMenuButtonClose:active{background-color:var(--HeaderSlidingMenuCloseButtonActive-BackgroundColor);color:var(--HeaderSlidingMenuCloseButtonActive-Color);border-color:var(--HeaderSlidingMenuCloseButtonActive-BorderColor);} .HeaderSlidingMenu .SlidingMenuContent{background-color:var(--HeaderSlidingMenuContent-BackgroundColor);color:var(--HeaderSlidingMenuContent-Color);padding:0 0 24px;right:calc(0px - var(--HeaderSlidingMenuContentWidth));text-align:left;width:var(--HeaderSlidingMenuContentWidth);} .HeaderSlidingMenu.SlidingMenuActive .SlidingMenuContent{right:0;} :root{--SlidingMenuSearchFormFieldInputBorderRadius:2px;} .SlidingMenuSearchForm{display:flex;padding:24px;position:relative;} .SlidingMenuSearchForm .FormField{position:relative;} .SlidingMenuSearchForm .FormFieldLabel{margin:0;padding:0 calc(var(--FormFieldInputBorderWidth) + 11px) 0 calc(var(--FormFieldInputBorderWidth) + 12px);font:var(--FormFieldInputFont);font-family:var(--Forms-FontFamily);width:100%;color:var(--FormFieldInputColor);pointer-events:none;position:absolute;left:0;top:50%;transform:translateY(-50%);transition:var(--StateChangeTransitionDuration);display:block;} .SlidingMenuSearchForm .FormFieldInput{--InterfaceFocusRing-OffsetColor:var(--HeaderSlidingMenuContent-BackgroundColor);--InterfaceFocusRingForElement-BoxShadow:0 0 0 var(--InterfaceFocusRing-Offset) var(--InterfaceFocusRing-OffsetColor),0 0 var(--InterfaceFocusRing-BoxShadowBlurRadius) var(--InterfaceFocusRing-BoxShadowSpreadRadius) var(--Colors-InterfaceFocusShadow);border-right:none;border-top-right-radius:0;border-bottom-right-radius:0;} .SlidingMenuSearchForm .FormFieldForTextBox:focus-within .FormFieldLabel,.SlidingMenuSearchForm .FormFieldForTextBox:has(.FormFieldHasValue) .FormFieldLabel{opacity:0;} .SlidingMenuSearchForm .FormFieldLabel .FormFieldRequired{display:none;} .SlidingMenuSearchForm .SlidingMenuSearchSubmit{flex:0 0 48px;height:var(--FormFieldInputHeight);margin:0;padding:0;border-radius:var(--SlidingMenuSearchFormFieldInputBorderRadius);border-top-left-radius:0;border-bottom-left-radius:0;} .SlidingMenuSearchForm .SlidingMenuSearchSubmit > .ButtonText{display:flex;justify-content:center;align-items:center;} .HeaderSlidingMenuNavigation{text-transform:uppercase;font-weight:600;background-color:var(--HeaderSlidingMenuNavigation-BackgroundColor);} .HeaderSlidingMenuNavigation > .NavigationList{list-style-type:none;margin:0 0 30px;padding:0;} .HeaderSlidingMenuNavigation > .NavigationList .NavigationItem{line-height:1;} .HeaderSlidingMenuNavigation > .NavigationList .InterfaceButton{--Buttons-BorderWidth:0px;} .HeaderSlidingMenuNavigation > .NavigationList .NavigationItemContent{position:relative;} .HeaderSlidingMenuNavigation > .NavigationList .NavigationItemContent:focus{outline:none;} .HeaderSlidingMenuNavigation > .NavigationList .NavigationItemContent::after{content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;transition:box-shadow var(--HoverableTransitionDuration);z-index:var(--InterfaceFocusRing-ZIndex);} .HeaderSlidingMenuNavigation > .NavigationList .NavigationItemContent:focus::after{box-shadow:var(--InterfaceFocusRingInset-BoxShadow);} .HeaderSlidingMenuNavigation > .NavigationList > .NavigationItem{margin-bottom:0;} .HeaderSlidingMenuNavigation > .NavigationList > .NavigationItem > .NavigationItemInner{border-bottom:1px solid var(--HeaderSlidingMenuNavItem-BorderColor);font:var(--MainSlidingMenuFirstLevelItem-Font);text-transform:var(--MainSlidingMenuFirstLevelItem-TextTransform);} .HeaderSlidingMenuNavigation > .NavigationList > .NavigationItem > .NavigationItemInner > .NavigationItemContent{padding:16px 20px 15px 15px;color:var(--HeaderSlidingMenuNavItem-Color);transition:var(--HoverableTransitionDuration);display:flex;justify-content:space-between;align-items:flex-start;outline:none;text-align:left;width:100%;} .HeaderSlidingMenuNavigation > .NavigationList > .NavigationItem > .NavigationItemInner > .NavigationItemInteractiveContent:is(:hover,:focus),.HeaderSlidingMenuNavigation > .NavigationList > .NavigationItemActive > .NavigationItemInner > .NavigationItemContent{color:var(--HeaderSlidingMenuNavItem-HoverColor);background-color:var(--HeaderSlidingMenuNavItem-HoverBackgroundColor);} .HeaderSlidingMenuNavigation > .NavigationList > .NavigationItem > .NavigationItemInner > .NavigationItemContent > .NavigationIcon,.HeaderSlidingMenuNavigation > .NavigationList > .NavigationItem > .NavigationList > .NavigationItem > .NavigationItemInner > .NavigationItemContent > .NavigationIcon,.HeaderSlidingMenuNavigation > .NavigationList > .NavigationItem > .NavigationList > .NavigationItem > .NavigationList > .NavigationItem > .NavigationItemInner > .NavigationItemContent > .NavigationIcon{flex:0 0 auto;} .HeaderSlidingMenuNavigation > .NavigationList > .NavigationItem > .NavigationItemInner > .NavigationItemContent > .NavigationIcon svg,.HeaderSlidingMenuNavigation > .NavigationList > .NavigationItem > .NavigationList > .NavigationItem > .NavigationItemInner > .NavigationItemContent > .NavigationIcon svg,.HeaderSlidingMenuNavigation > .NavigationList > .NavigationItem > .NavigationList > .NavigationItem > .NavigationList > .NavigationItem > .NavigationItemInner > .NavigationItemContent > .NavigationIcon svg{fill:currentColor;} .HeaderSlidingMenuNavigation > .NavigationList > .NavigationItemActive > .NavigationItemInner > .NavigationItemContent > .NavigationIcon,.HeaderSlidingMenuNavigation > .NavigationList > .NavigationItem > .NavigationList > .NavigationItemActive > .NavigationItemInner > .NavigationItemContent > .NavigationIcon,.HeaderSlidingMenuNavigation > .NavigationList > .NavigationItem > .NavigationList > .NavigationItem > .NavigationList > .NavigationItemActive > .NavigationItemInner > .NavigationItemContent > .NavigationIcon{transform:rotateZ(180deg);} /* Header Sliding Menu SubNavigation */ .HeaderSlidingMenuNavigation > .NavigationList > .NavigationItem > .NavigationList,.HeaderSlidingMenuNavigation > .NavigationList > .NavigationItem > .NavigationList > .NavigationItem > .NavigationList,.HeaderSlidingMenuNavigation > .NavigationList > .NavigationItem > .NavigationList > .NavigationItem > .NavigationList > .NavigationItem > .NavigationList{background-color:var(--HeaderSlidingMenuSubNav-BackgroundColor);display:none;list-style-type:none;margin:0;overflow:hidden;padding:0;visibility:hidden;} .HeaderSlidingMenuNavigation > .NavigationList > .NavigationItemActive > .NavigationList,.HeaderSlidingMenuNavigation > .NavigationList > .NavigationItem > .NavigationList > .NavigationItemActive > .NavigationList,.HeaderSlidingMenuNavigation > .NavigationList > .NavigationItem > .NavigationList > .NavigationItem > .NavigationList > .NavigationItemActive > .NavigationList{display:block;opacity:1;visibility:visible;z-index:1;} .HeaderSlidingMenuNavigation > .NavigationList > .NavigationItem > .NavigationList > .NavigationItem{margin:0;} .HeaderSlidingMenuNavigation > .NavigationList > .NavigationItem > .NavigationList > .NavigationItem > .NavigationItemInner,.HeaderSlidingMenuNavigation > .NavigationList > .NavigationItem > .NavigationList > .NavigationItem > .NavigationList > .NavigationItem > .NavigationItemInner,.HeaderSlidingMenuNavigation > .NavigationList > .NavigationItem > .NavigationList > .NavigationItem > .NavigationList > .NavigationItem > .NavigationList > .NavigationItem > .NavigationItemInner{border-bottom:1px solid var(--HeaderSlidingMenuSubNavItem-BorderColor);font:var(--MainSlidingMenuSecondLevelItem-Font);text-transform:var(--MainSlidingMenuSecondLevelItem-TextTransform);} .HeaderSlidingMenuNavigation > .NavigationList > .NavigationItem > .NavigationList > .NavigationItem > .NavigationItemInner > .NavigationItemContent,.HeaderSlidingMenuNavigation > .NavigationList > .NavigationItem > .NavigationList > .NavigationItem > .NavigationList > .NavigationItem > .NavigationItemInner > .NavigationItemContent,.HeaderSlidingMenuNavigation > .NavigationList > .NavigationItem > .NavigationList > .NavigationItem > .NavigationList > .NavigationItem > .NavigationList > .NavigationItem > .NavigationItemInner > .NavigationItemContent{align-items:flex-start;color:var(--HeaderSlidingMenuNavItem-Color);display:flex;justify-content:space-between;padding:16px 20px 15px 30px;transition:var(--HoverableTransitionDuration);} .HeaderSlidingMenuNavigation > .NavigationList > .NavigationItem > .NavigationList > .NavigationItem > .NavigationList > .NavigationItem > .NavigationItemInner > .NavigationItemContent{padding-inline:45px 10px;} .HeaderSlidingMenuNavigation > .NavigationList > .NavigationItem > .NavigationList > .NavigationItem > .NavigationList > .NavigationItem > .NavigationList > .NavigationItem > .NavigationItemInner > .NavigationItemContent{padding-inline:60px 10px;} .HeaderSlidingMenuNavigation > .NavigationList > .NavigationItem > .NavigationList > .NavigationItem > .NavigationItemInner > .NavigationItemInteractiveContent:is(:hover,:focus),.HeaderSlidingMenuNavigation > .NavigationList > .NavigationItem > .NavigationList > .NavigationItem > .NavigationList > .NavigationItem > .NavigationItemInner > .NavigationItemInteractiveContent:is(:hover,:focus),.HeaderSlidingMenuNavigation > .NavigationList > .NavigationItem > .NavigationList > .NavigationItem > .NavigationList > .NavigationItem > .NavigationList > .NavigationItem > .NavigationItemInner > .NavigationItemInteractiveContent:is(:hover,:focus){color:var(--HeaderSlidingMenuSubNavItem-HoverColor);background-color:var(--HeaderSlidingMenuSubNavItem-HoverBackgroundColor);} /* Header Sliding Menu Buttons */ .HeaderSlidingMenuButtons{padding:0 20px;} .HeaderSlidingMenuButtons > .NavigationList{display:flex;/*justify-content: stretch;*/ flex-direction:column;gap:24px 0;list-style-type:none;margin:0 auto;padding:0;width:max-content;} .HeaderSlidingMenuButtons > .NavigationList > .NavigationItem{display:block;margin-bottom:0;} .HeaderSlidingMenuButtons > .NavigationList > .NavigationItem > .NavigationItemInner{font-weight:700;text-transform:uppercase;text-align:center;} .HeaderSlidingMenuButtons > .NavigationList > .NavigationItem > .NavigationItemInner > .Button{background-color:var(--LightButton-BackgroundColor);border-color:var(--LightButton-BorderColor);color:var(--LightButton-Color);min-width:150px;width:100%;} .HeaderSlidingMenuButtons > .NavigationList > .NavigationItem > .NavigationItemInner > .Button:hover,.HeaderSlidingMenuButtons > .NavigationList > .NavigationItem > .NavigationItemInner > .Button:focus{background-color:var(--LightButtonHover-BackgroundColor);color:var(--LightButtonHover-Color);border-color:var(--LightButtonHover-BorderColor);} .HeaderSlidingMenuButtons > .NavigationList > .NavigationItem:first-child > .NavigationItemInner > .Button{background-color:var(--DarkButton-BackgroundColor);color:var(--DarkButton-Color);border-color:var(--DarkButton-BorderColor);} .HeaderSlidingMenuButtons > .NavigationList > .NavigationItem:first-child > .NavigationItemInner > .Button:hover,.HeaderSlidingMenuButtons > .NavigationList > .NavigationItem:first-child > .NavigationItemInner > .Button:focus{background-color:var(--DarkButtonHover-BackgroundColor);color:var(--DarkButtonHover-Color);border-color:var(--DarkButtonHover-BorderColor);} .HeaderSlidingMenuButtons > .NavigationList > .NavigationItem > .NavigationList{display:none;} /** SEARCH */ :root{--HeaderSearchMaxWidth:170px;--HeaderSearchFocusWithinMaxWidth:265px;--HeaderFormFieldInputBorderRadius:2px;--HeaderSearchFormFieldInputHeight:var(--FormFieldInputHeight);} .HeaderSearch{display:flex;flex:.1 1 auto;justify-content:flex-end;max-width:var(--HeaderSearchMaxWidth);transition:max-width .25s;} .HeaderSearchForm{display:flex;flex:1 1;justify-content:flex-end;max-width:var(--HeaderSearchMaxWidth);transition:max-width .25s;} :is(.HeaderSearch,.HeaderSearchForm):focus-within{max-width:var(--HeaderSearchFocusWithinMaxWidth);} .HeaderSearchForm .AutocompleteSearchField{width:100%;} .HeaderSearchForm .AutocompleteSearchButton{display:none;} .HeaderSearchForm .FormField{position:relative;} .HeaderSearchForm .FormFieldLabel{margin:0;padding:0 calc(var(--FormFieldInputBorderWidth) + 11px) 0 calc(var(--FormFieldInputBorderWidth) + 12px);font:var(--FormFieldInputFont);font-family:var(--Forms-FontFamily);width:100%;color:var(--FormFieldInputColor);position:absolute;pointer-events:none;left:0;top:50%;transform:translateY(-50%);transition:var(--StateChangeTransitionDuration);display:block;} .HeaderSearchForm .FormFieldLabel .FormFieldRequired{display:none;} .HeaderSearchForm .FormFieldInput{height:var(--HeaderSearchFormFieldInputHeight);border-right:none;border-top-right-radius:0;border-bottom-right-radius:0;} .Header.TransparentMode .HeaderSearchForm .FormFieldInput{--InterfaceFocusRing-OffsetColor:var(--Colors-Neutral07);--InterfaceFocusRingForElement-BoxShadow:0 0 0 var(--InterfaceFocusRing-Offset) var(--InterfaceFocusRing-OffsetColor),0 0 var(--InterfaceFocusRing-BoxShadowBlurRadius) var(--InterfaceFocusRing-BoxShadowSpreadRadius) var(--Colors-InterfaceFocusShadow);} .Header.DarkMode .HeaderSearchForm .FormFieldInput{--InterfaceFocusRing-OffsetColor:var(--HeaderBackgroundColor);--InterfaceFocusRingForElement-BoxShadow:0 0 0 var(--InterfaceFocusRing-Offset) var(--InterfaceFocusRing-OffsetColor),0 0 var(--InterfaceFocusRing-BoxShadowBlurRadius) var(--InterfaceFocusRing-BoxShadowSpreadRadius) var(--Colors-InterfaceFocusShadow);} .HeaderSearchForm .FormFieldForTextBox:focus-within .FormFieldLabel,.HeaderSearchForm .FormFieldForTextBox:has(.FormFieldHasValue) .FormFieldLabel{opacity:0;} .HeaderSearchForm .HeaderSearchSubmit{flex:0 0 48px;height:var(--HeaderSearchFormFieldInputHeight);margin:0;padding:0;border-radius:var(--HeaderFormFieldInputBorderRadius);border-top-left-radius:0;border-bottom-left-radius:0;} .HeaderSearchForm .HeaderSearchSubmit > .ButtonText{display:flex;justify-content:center;align-items:center;} .HeaderMobileItems .HeaderSearchForm{margin:0;} @media (max-width: 1280px) { .HeaderNavigation,.HeaderButtons{font-size:16px;} .HeaderNavigation > .NavigationList > .NavigationItem > .NavigationItemInner > .NavigationItemContent{padding-inline:21px 19px;} } @media (max-width: 1140px) { :root{--HeaderSearchFormFieldInputHeight:var(--HeaderSlidingMenuOpenButton-MinHeight);} body{--HeaderInnerContentHeight:var(--HeaderInnerMobileContentHeight);} .HeaderLogo{flex:1 1 90%;max-width:unset;} .HeaderNavigation{display:none;} .HeaderButtons{display:none;} .HeaderSlidingMenu{flex:1 1;text-align:right;display:block;} body.HeaderSearchLocationAll .HeaderSearch{display:none;} body.HeaderSearchLocationHeader .HeaderSearch{flex:1 1 100%;max-width:none;} } @media (max-width: 640px) { .HeaderLogoImage{display:none;} .HeaderLogoImageMobile{display:block;} } @media (max-width: 480px) { :root{--HeaderSearchFocusWithinMaxWidth:unset;--HeaderSearchFormFieldInputHeight:var(--FormFieldInputHeight);--HeaderSearchTop:7px;--HeaderSearchBottom:24px;} body.HeaderSearchLocationHeader{/* Simulates .HeaderSearch { padding-bottom: 24px; } */ --HeaderInnerContentHeight:calc(var(--HeaderInnerMobileContentHeight) + var(--HeaderSearchTop) + var(--HeaderSearchFormFieldInputHeight) + var(--HeaderSearchBottom));} body.HeaderSearchLocationHeader .HeaderMainContentInner{align-items:flex-start;} body.HeaderSearchLocationHeader :is(.HeaderLogo,.HeaderSlidingMenu){height:var(--HeaderInnerMobileContentHeight);} body.HeaderSearchLocationHeader .HeaderLogoLink{flex:1 1 auto;} body.HeaderSearchLocationHeader .HeaderSlidingMenu{align-items:center;display:flex;} .HeaderTertiaryNavigation > .NavigationList{display:flex;} .HeaderTertiaryNavigation > .NavigationList > .NavigationItem{flex:1 1 auto;} .HeaderTertiaryNavigation > .NavigationList > .NavigationItem:first-child > .NavigationItemInner > a{border-left:none;} body.HeaderSearchLocationHeader .HeaderSlidingMenu{justify-content:flex-end;} .HeaderSearch{bottom:var(--HeaderSearchBottom);left:var(--InlineGutterWidth);margin:0;padding:0;position:absolute;width:calc(100% - var(--InlineGutterWidthBoxCalc));} .HeaderSearchForm{max-width:none;} } @media (max-width: 398px) { :root{--HeaderSlidingMenuContentWidth:calc(100vw - (var(--HeaderSlidingMenuCloseButton-InlineSpaceWidth) * 2) - var(--HeaderSlidingMenuCloseButton-Width));} } @media (max-width: 370px) { .HeaderSlidingMenu{font-size:13px;} .HeaderSlidingMenuNavigation > .NavigationList{font-size:14px;} } .HeaderNavigation.NavigationExpanded > .NavigationList > .NavigationItem{position:unset;} /* Hover assist to cover empty space between .NavigationItem and .SubNavigation */ .NavigationExpanded > .NavigationList > .NavigationItem > .NavigationItemInner{position:relative;} .NavigationExpanded > .NavigationList > .NavigationItem.NavigationItemHasChildren:hover > .NavigationItemInner::before{content:'';display:block;height:100%;left:0;position:absolute;top:100%;width:100%;} /* SubNavigation */ .NavigationExpanded > .NavigationList > .NavigationItem > .SubNavigation > .SubNavigationLevel > .NavigationList{background-color:white;list-style-type:none;min-width:225px;padding-inline:20px;text-align:left;transition:.5s;display:none;opacity:0;transition:.25s;visibility:hidden;height:100%;overflow-y:auto;padding-inline:24px;width:100%;} .NavigationExpanded > .NavigationList > .NavigationItem > .SubNavigation > .SubNavigationLevel > .NavigationList.NavigationListShadowTop::before,.NavigationExpanded > .NavigationList > .NavigationItem > .SubNavigation > .SubNavigationLevel > .NavigationList.NavigationListShadowBottom::after{content:'';left:0;min-height:40px;pointer-events:none;position:absolute;right:0;z-index:6;} .NavigationExpanded > .NavigationList > .NavigationItem > .SubNavigation > .SubNavigationLevel > .NavigationList.NavigationListShadowTop::before{background:linear-gradient(180deg,rgba(255,255,255,1.0),rgba(255,255,255,0.1));top:32px;} .NavigationExpanded > .NavigationList > .NavigationItem > .SubNavigation > .SubNavigationLevel > .NavigationList.NavigationListShadowBottom::after{background:linear-gradient(180deg,rgba(255,255,255,0.1),rgba(255,255,255,1.0));bottom:32px;} .NavigationExpanded > .NavigationList > .NavigationItem > .SubNavigation{background-color:white;border-top:1px solid #e3e3e3;box-shadow:0 8px 10px rgba(0,0,0,0.08);display:flex;gap:10px;height:276px;justify-content:center;left:0;opacity:0;pointer-events:none;position:absolute;top:var(--HeaderInnerContentHeight);transition:.25s;visibility:hidden;width:100%;z-index:3;} .NavigationExpanded > .NavigationList > .NavigationItem > .SubNavigationActive{opacity:1;visibility:visible;} .NavigationExpanded > .NavigationList > .NavigationItem > .SubNavigation > .SubNavigationLevel{height:276px;max-width:428px;padding-block:32px;position:relative;width:100%;} .NavigationExpanded > .NavigationList > .NavigationItem > .SubNavigationActive > .SubNavigation1stLevel::after,.NavigationExpanded > .NavigationList > .NavigationItem > .SubNavigationActive > .SubNavigation2ndLevel:has(.NavigationListActive)::after{background:#e3e3e3;content:'';height:212px;position:absolute;right:-6px;top:32px;width:1px;} .NavigationExpanded > .NavigationList > .NavigationItem > .SubNavigationActive > .SubNavigation1stLevel > .NavigationList{display:block;opacity:1;visibility:visible;} .NavigationExpanded > .NavigationList > .NavigationItem > .SubNavigation > .SubNavigationLevel > .NavigationList.NavigationListActive{display:block;opacity:1;visibility:visible;} .NavigationExpanded > .NavigationList > .NavigationItem > .SubNavigation > .SubNavigation1stLevel > .NavigationList{display:flex;flex-direction:column;justify-content:flex-start;} .NavigationExpanded > .NavigationList > .NavigationItem > .SubNavigation > .SubNavigationLevel{height:276px;padding-block:32px;position:relative;width:100%;} .NavigationExpanded > .NavigationList > .NavigationItem > .SubNavigationActive > .SubNavigationLevel:not(:last-child)::after{max-width:428px;} .NavigationExpanded > .NavigationList > .NavigationItem > .SubNavigation > .SubNavigationLevel > .NavigationListActive{display:block;} .NavigationExpanded > .NavigationList > .NavigationItem > .SubNavigationActive > .SubNavigationLevel > .NavigationList{margin:0;padding:0;z-index:1;} .NavigationExpanded > .NavigationList > .NavigationItem > .SubNavigationActive > .SubNavigationLevel > .NavigationList.NavigationListActive{display:block;} .NavigationExpanded > .NavigationList > .NavigationItem > .SubNavigation > .SubNavigationLevel > .NavigationList > .NavigationItem{position:relative;z-index:5;} .NavigationExpanded > .NavigationList > .NavigationItem > .SubNavigation > .SubNavigationLevel > .NavigationList > .NavigationItem > .NavigationItemInner > .NavigationItemContent{align-items:center;border-radius:4px;color:var(--Colors-Neutral06);display:flex;font-size:15px;font-weight:400;justify-content:space-between;line-height:16px;padding:8px 16px;width:100%;} .NavigationExpanded > .NavigationList > .NavigationItem > .SubNavigation > .SubNavigationLevel > .NavigationList > .NavigationItemActive > .NavigationItemInner > .NavigationItemInteractiveContent{background-color:color-mix(in srgb,var(--Colors-BrandAux02) 10%,transparent);outline:none;text-decoration:none;} .NavigationExpanded > .NavigationList > .NavigationItem > .SubNavigation > .SubNavigationLevel > .NavigationList > .NavigationItem > .NavigationItemInner > .NavigationItemInteractiveContent:focus{outline:none;text-decoration:none;} .NavigationExpanded > .NavigationList > .NavigationItem > .SubNavigation > .SubNavigationLevel > .NavigationList > .NavigationItemActive > .NavigationItemInner > .NavigationItemInteractiveContent{color:var(--Colors-Brand01);outline:none;text-decoration:none;transition:.25s;} .NavigationExpanded > .NavigationList > .NavigationItem > .SubNavigation > .SubNavigationLevel > .NavigationList > .NavigationItemHasChildren{position:unset;} .NavigationExpanded .NavigationIcon{margin-top:0;} .NavigationExpanded > .NavigationList > .NavigationItem > .SubNavigation > .SubNavigationLevel > .NavigationList > .NavigationItem > .NavigationItemInner > .NavigationItemInteractiveContent > .NavigationIcon svg{fill:var(--Colors-Neutral07);transform:rotate(-90deg);} .NavigationExpanded > .NavigationList > .NavigationItem > .SubNavigation > .SubNavigationLevel > .NavigationList > .NavigationItem:hover > .NavigationItemInner > .NavigationItemInteractiveContent > .NavigationIcon svg path,.NavigationExpanded > .NavigationList > .NavigationItem > .SubNavigation > .SubNavigationLevel > .NavigationList > .NavigationItemActive > .NavigationItemInner > .NavigationItemInteractiveContent > .NavigationIcon svg path{fill:var(--Colors-Brand01);} :root{--FooterFont:var(--ComponentText-Size3-Font);--FooterColumnsRowGap:51px;--FooterColumnsColumnGap:40px;--FooterButtonBackgroundColor:var(--DarkButton-BackgroundColor);--FooterButtonBorderColor:var(--DarkButton-BorderColor);--FooterButtonColor:var(--DarkButton-Color);--FooterButtonHoverBackgroundColor:var(--DarkButtonHover-BackgroundColor);--FooterButtonHoverBorderColor:var(--DarkButtonHover-BorderColor);--FooterButtonHoverColor:var(--DarkButtonHover-Color);} .Footer:has(.FooterCustomListBlurb){--FooterColumnsRowGap:46px;} .Footer.DarkMode,.Footer.TransparentMode{--FooterAddressColor:var(--Colors-Neutral02);--FooterAnchorColor:var(--Colors-Neutral03);--FooterAnchorHoverColor:var(--Colors-UniversalWhite);--FooterBackgroundColor:var(--Colors-Neutral07);--FooterBottomColor:var(--ComponentText-C-Color);--FooterCustomListColor:var(--ComponentText-C-Color);--FooterColumnHeadingColor:var(--ComponentHeading-D-Color);--FooterColor:var(--ComponentText-C-Color);--FooterPhoneColor:var(--Colors-Neutral02);--FooterSocialAnchorColor:var(--Colors-Neutral04);--FooterSocialAnchorHoverColor:var(--Colors-UniversalWhite);} .Footer.LightMode{--FooterAddressColor:var(--ComponentText-B-Color);--FooterAnchorColor:var(--Colors-InterfaceAnchor);--FooterAnchorHoverColor:var(--Colors-BrandAux01);--FooterBackgroundColor:var(--Colors-Neutral02);--FooterBottomColor:var(--ComponentText-A-Color);--FooterCustomListColor:var(--ComponentText-A-Color);--FooterColumnHeadingColor:var(--ComponentHeading-B-Color);--FooterColor:var(--ComponentText-A-Color);--FooterPhoneColor:var(--ComponentText-B-Color);--FooterSocialAnchorColor:var(--Colors-Neutral05);--FooterSocialAnchorHoverColor:var(--Colors-BrandAux02);} .Footer{background-color:var(--FooterBackgroundColor);color:var(--FooterColor);flex:0 0 auto;font:var(--FooterFont);} .FooterInner{margin:0 auto;padding:52px var(--InlineGutterWidth) 19px;max-width:var(--DefaultContentInnerMaxWidth);} .FooterContent{display:flex;margin-bottom:60px;} .FooterAbout{margin-right:63px;flex:0 1 330px;width:330px;} .FooterAbout > :last-child{margin-bottom:0;} .FooterAboutLogo{width:100%;max-width:246px;margin-bottom:26px;} .FooterAboutLogoImage{display:block;width:100%;} .FooterAboutDescription{font:var(--ComponentText-Size3-Font);letter-spacing:var(--ComponentText-Size3-LetterSpacing);} .FooterAboutContactInfo{margin-top:20px;} .FooterAboutAddressSection{font:var(--ComponentText-Size3-Font);font-weight:var(--ComponentText-B-FontWeight);color:var(--FooterAddressColor);letter-spacing:var(--ComponentText-Size3-LetterSpacing);} .FooterAboutPhoneSection{margin-top:8px;} .FooterAboutPhone{font:var(--ComponentText-Size1-Font);font-weight:var(--ComponentText-B-FontWeight);color:var(--FooterPhoneColor);letter-spacing:var(--ComponentText-Size1-LetterSpacing);} .FooterAboutPhone:hover,.FooterAboutPhone:focus{outline:none;text-decoration:underline;} .FooterLists{display:flex;/* @todo what basis is best? should it change per column count? */ flex:1 1 768px;gap:var(--FooterColumnsRowGap) var(--FooterColumnsColumnGap);} .FooterColumn{flex:1 1;} /* Navigation */ .Footer :is(.FooterAboutPhone,.NavigationItemContent,.FooterSocialItemLink){display:inline-block;position:relative;} .Footer :is(.FooterAboutPhone,.NavigationItemInteractiveContent,.FooterSocialItemLink)::after{border-radius:2px;content:"";height:100%;left:calc(0px - var(--InterfaceFocusRing-Offset));pointer-events:none;position:absolute;top:0;width:calc(100% + (var(--InterfaceFocusRing-Offset) * 2));transition:box-shadow var(--HoverableTransitionDuration);z-index:var(--InterfaceFocusRing-ZIndex);} .Footer :is(.FooterAboutPhone,.NavigationItemInteractiveContent,.FooterSocialItemLink):focus::after{box-shadow:var(--InterfaceFocusRingForAfter-BoxShadow);} .FooterNavigation{flex:1 1;} .FooterNavigation > .NavigationList{display:flex;gap:var(--FooterColumnsRowGap) var(--FooterColumnsColumnGap);justify-content:flex-end;list-style-type:none;margin:0;padding:0;} .FooterNavigation > .NavigationList > .NavigationItem{flex:1 1;margin:0;max-width:280px;} /* Parent Name */ .FooterNavigation > .NavigationList > .NavigationItem > .NavigationItemInner,.FooterSocialHeading,.FooterCustomListBlurbHeading{color:var(--FooterColumnHeadingColor);font:var(--ComponentText-Size3-Font);font-weight:var(--ComponentText-B-FontWeight);letter-spacing:var(--ComponentText-Size3-LetterSpacing);margin-bottom:13px;text-transform:uppercase;} .FooterNavigation > .NavigationList > .NavigationItem > .NavigationItemInner > .NavigationItemInteractiveContent{transition:var(--HoverableTransitionDuration);color:inherit;} .FooterNavigation > .NavigationList > .NavigationItem > .NavigationItemInner > .NavigationItemInteractiveContent:is(:hover,:focus){outline:none;text-decoration:underline;} .FooterNavigation > .NavigationList > .NavigationItem > .NavigationList{margin:0;padding:0;list-style-type:none;} .FooterNavigation > .NavigationList > .NavigationItem > .NavigationList > .NavigationItem{margin-bottom:11px;} .FooterNavigation > .NavigationList > .NavigationItem > .NavigationList > .NavigationItem:last-child{margin-bottom:0;} /* Child Link */ .FooterNavigation > .NavigationList > .NavigationItem > .NavigationList > .NavigationItem > .NavigationItemInner{font:var(--ComponentText-Size3-Font);letter-spacing:var(--ComponentText-Size3-LetterSpacing);} .FooterNavigation > .NavigationList > .NavigationItem > .NavigationList > .NavigationItem > .NavigationItemInner > .NavigationItemInteractiveContent{transition:var(--HoverableTransitionDuration);color:var(--FooterAnchorColor);} .FooterNavigation > .NavigationList > .NavigationItem > .NavigationList > .NavigationItem > .NavigationItemInner > .NavigationItemInteractiveContent:is(:hover,:focus){outline:none;text-decoration:underline;color:var(--FooterAnchorHoverColor);} .FooterSocial,.FooterCustomListBlurb{margin:0;padding:0;} .FooterSocial{flex:0 1 144px;width:144px;} .FooterSocial:has(.FooterSocialList:empty){display:none;} .FooterSocialHeading{flex:1 1 100%;width:100%;margin-bottom:23px;} .FooterSocialList{align-content:flex-start;align-items:flex-start;display:flex;flex-wrap:wrap;gap:18px;list-style-type:none;margin:0;padding:0;} .FooterSocialItem{line-height:1;margin:0;} .FooterSocialItemLink{color:var(--FooterSocialAnchorColor);display:block;transition:var(--HoverableTransitionDuration);} .Footer .FooterSocialItemLink::after{border-radius:100%;height:calc(100% + (var(--InterfaceFocusRing-Offset) * 2));top:calc(0px - var(--InterfaceFocusRing-Offset));} .FooterSocialItemLink:hover,.FooterSocialItemLink:focus{color:var(--FooterSocialAnchorHoverColor);outline:none;} .FooterSocialItemIcon{width:36px;height:36px;display:block;} .FooterSocialItemIcon > svg{display:block;width:100%;height:100%;} .FooterSocialItemIcon > svg path{fill:currentColor;} .FooterAbout .FooterSocial{margin-top:32px;width:100%;} .FooterAbout .FooterSocialHeading{display:none;} .FooterCustomListBlurb{flex:0 1 200px;width:200px;} .FooterCustomListBlurbContent{color:var(--FooterCustomListColor);font:var(--ComponentText-Size2-Font);letter-spacing:var(--ComponentText-Size2-LetterSpacing);margin-bottom:0;} .FooterCustomListBlurbButtons{margin-top:30px;} .FooterBottom{--FooterBottomItem-SpacingWidth:4px;color:var(--FooterBottomColor);display:block;font:var(--ComponentText-Size4-Font);letter-spacing:var(--ComponentText-Size4-LetterSpacing);margin-left:calc(0px - var(--FooterBottomItem-SpacingWidth));} .FooterCopyright{display:inline-block;margin-left:var(--FooterBottomItem-SpacingWidth);} .FooterBottomNavigation{display:inline;} .FooterBottomNavigation .NavigationList{display:inline;list-style:none;margin:0;padding:0;} .FooterBottomNavigation .NavigationItem{display:inline-block;line-height:inherit;margin:0 0 0 var(--FooterBottomItem-SpacingWidth);padding-left:5px;} .FooterBottomNavigation .NavigationItem::before{content:"";border-left:1px solid;bottom:3px;height:1em;left:0;position:absolute;} .FooterBottomNavigation .NavigationItemInner > .NavigationItemContent{color:inherit;transition:var(--HoverableTransitionDuration);position:relative;} .FooterBottomNavigation .NavigationItemInner > .NavigationItemInteractiveContent:is(:hover,:focus){color:var(--FooterAnchorHoverColor);outline:none;text-decoration:underline;} @media (max-width: 1280px) and (min-width: 1025px) { /* duplicating a lot of CSS from @media (max-width: 1024px) but it's need due to the extra column */ .Footer:has(.FooterCustomListBlurb,.FooterSocialList:not(:empty)) .FooterInner{padding-bottom:68px;} .Footer:has(.FooterCustomListBlurb,.FooterSocialList:not(:empty)) .FooterContent{margin-bottom:var(--FooterColumnsRowGap);display:block;} .Footer:has(.FooterCustomListBlurb,.FooterSocialList:not(:empty)) .FooterAbout{margin:0 auto 88px;max-width:var(--DefaultPageHTMLContentContentBoxMaxWidth);text-align:center;width:100%;} .Footer:has(.FooterCustomListBlurb,.FooterSocialList:not(:empty)) .FooterAboutLogo{margin:0 auto 30px;padding:0;max-width:270px;} .Footer:has(.FooterCustomListBlurb,.FooterSocialList:not(:empty)) .FooterAbout .FooterSocialList{justify-content:center;} .Footer:has(.FooterCustomListBlurb,.FooterSocialList:not(:empty)) .FooterNavigation > .NavigationList > .NavigationItem{max-width:none;} } @media (max-width: 1024px) { .FooterInner{padding-bottom:68px;} .FooterContent{margin-bottom:var(--FooterColumnsRowGap);display:block;} .FooterAbout{margin:0 auto 88px;max-width:var(--DefaultPageHTMLContentContentBoxMaxWidth);text-align:center;width:100%;} .FooterAboutLogo{margin:0 auto 30px;padding:0;max-width:270px;} .FooterAbout .FooterSocialList{justify-content:center;} .FooterNavigation > .NavigationList > .NavigationItem{max-width:none;} } @media (max-width: 1024px) and (min-width: 769px) { /* duplicating a lot of CSS from @media (max-width: 768px) but it's needed due to the extra column */ .Footer:has(.FooterCustomListBlurb,.FooterSocialList:not(:empty)) .FooterLists{flex-wrap:wrap;} .Footer:has(.FooterCustomListBlurb,.FooterSocialList:not(:empty)) .FooterCustomListBlurb{flex:1 1 100%;text-align:center;width:100%;} .Footer:has(.FooterCustomListBlurb,.FooterSocialList:not(:empty)) .FooterCustomListBlurb > *{margin-left:auto;margin-right:auto;max-width:var(--DefaultPageHTMLContentContentBoxMaxWidth);} .Footer:has(.FooterCustomListBlurb,.FooterSocialList:not(:empty)) .FooterCustomListBlurbHeading{margin-bottom:12px;} } @media (max-width: 768px) { :root{--FooterNavigationColumnCount:3;} .FooterAbout{margin-bottom:var(--FooterColumnsRowGap);} .FooterLists{flex-wrap:wrap;} .FooterNavigation > .NavigationList{flex-direction:row;flex-wrap:wrap;display:flex;justify-content:flex-start;} .FooterNavigation > .NavigationList > .NavigationItem{flex:0 1 calc((100% - (var(--FooterColumnsColumnGap) * (var(--FooterNavigationColumnCount) - 1))) / var(--FooterNavigationColumnCount));max-width:unset;width:calc((100% - (var(--FooterColumnsColumnGap) * (var(--FooterNavigationColumnCount) - 1))) / var(--FooterNavigationColumnCount));} .FooterSocial,.FooterCustomListBlurb{flex:1 1 100%;text-align:center;width:100%;} .FooterSocialHeading{margin-bottom:21px;} .FooterSocialList{justify-content:center;} .FooterCustomListBlurb > *{margin-left:auto;margin-right:auto;max-width:var(--DefaultPageHTMLContentContentBoxMaxWidth);} .FooterCustomListBlurbHeading{margin-bottom:12px;} .FooterBottom{display:block;text-align:center;} } @media (max-width: 640px) { :root{--FooterNavigationColumnCount:2;} .FooterSocial,.FooterCustomListBlurb{text-align:left;} .FooterAbout .FooterSocialList,.FooterSocialList{justify-content:flex-start;} } @media (max-width: 480px) { :root{--FooterNavigationColumnCount:1;} .FooterInner{padding-bottom:18px;} .FooterSocialItemIcon{width:48px;height:48px;} } /* HTML Content Elements */ .HTMLContent{color:var(--HTMLContent-Color);} .HTMLContent > :last-child{margin-bottom:0;} .redactor-dropdown-box-format .redactor-dropdown-h1,.redactor-dropdown-box-format .redactor-dropdown-h2,.redactor-dropdown-box-format .redactor-dropdown-h3,.redactor-dropdown-box-format .redactor-dropdown-h4,.redactor-dropdown-box-format .redactor-dropdown-h5,.redactor-dropdown-box-format .redactor-dropdown-h6,.HTMLContent h1,.HTMLContent h2,.HTMLContent h3,.HTMLContent h4,.HTMLContent h5,.HTMLContent h6{color:var(--HTMLContentHeadings-Color);font-family:var(--HTMLContentHeadings-FontFamily);font-weight:var(--HTMLContentHeadings-FontWeight);} .redactor-dropdown-box-format .redactor-dropdown-h1,.HTMLContent h1{font:var(--HTMLContentHeading1-Font);} .redactor-dropdown-box-format .redactor-dropdown-h2,.HTMLContent h2{font:var(--HTMLContentHeading2-Font);} .redactor-dropdown-box-format .redactor-dropdown-h3,.HTMLContent h3{font:var(--HTMLContentHeading3-Font);} .redactor-dropdown-box-format .redactor-dropdown-h4,.HTMLContent h4{font:var(--HTMLContentHeading4-Font);} .redactor-dropdown-box-format .redactor-dropdown-h5,.HTMLContent h5{font:var(--HTMLContentHeading5-Font);} .redactor-dropdown-box-format .redactor-dropdown-h6,.HTMLContent h6{font:var(--HTMLContentHeading6-Font);} .HTMLContent a{color:var(--HTMLContentAnchor-Color);font-style:unset;outline:var(--HTMLContentAnchor-Outline);text-decoration:var(--HTMLContentAnchor-TextDecoration);transition:var(--HTMLContentAnchor-Transition);} .HTMLContent a:hover{color:var(--HTMLContentAnchorHover-Color);text-decoration:var(--HTMLContentAnchorHover-TextDecoration);} .HTMLContent a:focus{background-color:var(--HTMLContentAnchorFocus-BackgroundColor);color:var(--HTMLContentAnchorFocus-Color);outline:var(--HTMLContentAnchorFocus-Outline);text-decoration:var(--HTMLContentAnchorFocus-TextDecoration);} .HTMLContent a:active{color:var(--HTMLContentAnchorActive-Color);} .redactor-dropdown-box-format .redactor-dropdown-p{color:var(--HTMLContent-Color);font:var(--HTMLContent-Font);} .HTMLContent p,.HTMLContent ul,.HTMLContent ol{font:var(--HTMLContent-Font);} .HTMLContent p{margin-bottom:1em;} .redactor-dropdown-box-format .redactor-dropdown-blockquote,.HTMLContent blockquote{color:var(--HTMLContentBlockQuote-Color);font:var(--HTMLContentBlockQuote-Font);font-style:var(--HTMLContentBlockQuote-FontStyle);} .HTMLContent blockquote{background-color:var(--HTMLContentBlockQuote-BackgroundColor);border-color:var(--HTMLContentBlockQuote-BorderColor);border-style:solid;border-width:0 0 0 8px;margin:0 0 65px;padding:10px 18px 15px;text-align:center;} .redactor-editor.HTMLContent table,.HTMLContent .TableWrapper{margin:0 0 35px;} .HTMLContent .TableWrapper{max-height:200px;} .HTMLContent .TableExpandButton.InterfaceButton{position:absolute;} .HTMLContent table{border:none;font:var(--HTMLContentTable-Font);margin:0;} .HTMLContent thead > tr > th{padding:20px;background-color:var(--HTMLContentTableHeader-BackgroundColor);color:var(--HTMLContentTableHeader-Color);border:none;font-weight:var(--HTMLContentTableHeader-FontWeight);text-align:left;} .HTMLContent tbody > tr > td{padding:20px;} .HTMLContent tbody > tr > td{background-color:var(--HTMLContentTableSecondaryCell-BackgroundColor);} .HTMLContent tbody > tr:nth-child(odd) > td{background-color:var(--HTMLContentTablePrimaryCell-BackgroundColor);} .HTMLContent :is(ul,ol) :is(ul,ol){margin-top:var(--HTMLContentListItem-MarginBottom);} .HTMLContent :is(ul,ol) li{background:none;margin-bottom:var(--HTMLContentListItem-MarginBottom);padding-left:var(--HTMLContentListItem-PaddingLeft);position:relative;} .HTMLContent :is(ul,ol) > li::before{position:absolute;left:0;top:0;} .HTMLContent ul{list-style:none;} .HTMLContent ul > li::before{content:"\2022";left:calc(0px - var(--Lists-PaddingLeft));} .HTMLContent ul > li > ul > li,.HTMLContent ul > li > ul > li > ul > li,.HTMLContent ul > li > ul > li > ul > li > ul > li{background:none;} .HTMLContent ol{list-style-type:decimal;} .HTMLContent ol > li > ol > li{list-style-type:upper-alpha;} .HTMLContent ol > li > ol > li > ol > li{list-style-type:lower-alpha;} .HTMLContent ol > li > ol > li > ol > li > ol > li{list-style-type:lower-roman;} hr{background-color:var(--Colors-Neutral03);} .redactor-dropdown-box-format .redactor-dropdown-code,code,pre{font:var(--HTMLContentCode-Font);} .HTMLContent figure{margin-bottom:62px;} .HTMLContent figure img{display:block;} .HTMLContent .Video{margin-bottom:64px;} .HTMLContent .TwoColumns{display:flex;flex-wrap:wrap;gap:12px 0;justify-content:space-between;padding:12px 0;} .HTMLContent .TwoColumns.SideBySideImageRight{flex-wrap:wrap-reverse;} .HTMLContent .TwoColumns > *{flex-basis:48%;} .HTMLContent .TwoColumns figure{margin:0;} .HTMLContent .CustomElementSnippetAvailablePosition{display:flex;gap:40px;padding:0;} .HTMLContent .CustomElementSnippetAvailablePositionContent,.HTMLContent .CustomElementSnippetAvailablePositionButtons{flex:1 1 auto;padding-top:29px;padding-bottom:36px;line-height:1.2;} .HTMLContent .CustomElementSnippetAvailablePositionContent > :last-child{margin-bottom:0;} .HTMLContent .CustomElementSnippetAvailablePositionButtons{flex:0 0 auto;align-self:center;} .HTMLContent .CustomElementSnippetAvailablePosition h3{font-size:22px;margin-bottom:0;} .HTMLContent .CustomElementSnippetAvailablePosition h6{font-size:18px;font-weight:400;margin-bottom:24px;} .CustomElementSnippetAvailablePositionShift{color:var(--HTMLContentAvailablePositionShift-Color);} .CustomElementSnippetAvailablePositionPay{color:var(--HTMLContentAvailablePositionPay-Color);} /* Responsive */ @media (max-width: 640px) { .HTMLContent .TwoColumns > *{flex-basis:100%;} } [role="tab"]:focus{box-shadow:var(--InterfaceFocusRingInset-BoxShadow);text-decoration:unset;} [role="tabpanel"]:focus{box-shadow:var(--InterfaceFocusRingInset-BoxShadow);} .Public{--LoginRegisterIconFill:var(--Colors-Neutral07);} .LoginInner{margin:0 auto;padding:var(--DefaultContentInnerPaddingTop) var(--InlineGutterWidth) var(--DefaultContentInnerPaddingBottom);max-width:var(--DefaultContentInnerMaxWidth);} .Login .FormGroups{flex-wrap:nowrap;gap:38px 49px;justify-content:center;margin:0;} .Login .FormGroup{display:flex;flex-direction:column;margin:0;} .Login .FormGroup{display:flex;flex-direction:column;margin:0;max-width:560px;} .LoginReturningFormGroup{flex:1 1 560px;} .Login .FormGroupTitle{background-color:transparent;color:var(--ComponentText-B-Color);cursor:unset;font:var(--ComponentText-Size1-Font);font-weight:var(--ComponentText-B-FontWeight);letter-spacing:var(--ComponentText-Size1-LetterSpacing);margin:0 0 10px;position:relative;text-align:left;white-space:normal;} .Login .FormGroupTitle[role="tab"]{overflow:unset;} .Login .FormGroupTitle[role="tab"]:focus{box-shadow:unset;} .Login .FormGroupTitle[role="tab"]::after{border-radius:inherit;content:"";height:calc(100% + (var(--InterfaceFocusRing-Offset) * 2));left:calc(0px - var(--InterfaceFocusRing-Offset));pointer-events:none;position:absolute;top:calc(0px - var(--InterfaceFocusRing-Offset));width:calc(100% + (var(--InterfaceFocusRing-Offset) * 2));transition:box-shadow var(--HoverableTransitionDuration);z-index:var(--InterfaceFocusRing-ZIndex);} .Login .FormGroupTitle[role="tab"]:focus::after{box-shadow:var(--InterfaceFocusRingForAfter-BoxShadow);} .Login .FormGroupContentPanels{display:flex;flex:1 1 100%;overflow:hidden;/* @todo define this so that focus on the panel will outline entire visible area */ } body:is([data-module="Login"],.CheckoutLoginPage) .FormGroupContent{background-color:var(--Colors-Neutral01);display:flex;flex:1 1 auto;flex-direction:column;gap:36px 0;padding:28px 36px 36px;} .Login .LoginRegisterFormGuestTab{display:none;} .Login :is(.FormGroupContentPanel,.FormGroupContentInner){flex:1 1 auto;} .Login .FormGroupContentInner p{line-height:unset;} .Login .FormGroupContentInner > :last-child{margin-bottom:0;} .Login .FormGroupContentPanel{min-width:100%;order:1;transition:var(--InteractionTransitionDuration);} .Login .FormGroupContentPanel[hidden]{opacity:0;order:2;visibility:hidden;} .Login .FormButtons{justify-content:flex-start;} /* Login Form Group Help */ .LoginFormGroupHelp{} .LoginFormGroupHelp .FormGroupContent{background-color:#EFEFEF;color:#4E4E4E;font-size:18px;font-weight:300;line-height:1.5;padding:20px;border:none;flex:0 0 auto;} /* Login Returning Form Group */ .FormGroups .LoginReturningFormGroup{flex:0 1 560px;width:50%;} .LoginForgotPasswordLink{margin:5px 0 0;font-size:14px;display:inline-block;} /* Login Register Form Group */ .Login .FormGroups .LoginRegisterFormGroup{flex:0 1 433px;min-width:309px;width:50%;} .LoginRegisterPointList{margin:0 0 20px;padding:0 0 0 10px;list-style-type:none;} .LoginRegisterPointList li{padding:10px 0;} .LoginRegisterPointList .Icon{width:24px;height:24px;margin:-4px 15px 0 0;vertical-align:middle;} .LoginRegisterPointList .Icon path{fill:var(--LoginRegisterIconFill);} /* Login Guest Form Group */ .Login .LoginGuestFormGroup{flex:0 0 309px;} :is(.LoginRegisterFormGroup,.LoginGuestFormGroup) .FormGroupContent,.LoginRegisterFormGuestPanel{color:var(--ComponentText-A-Color);font:var(--ComponentText-Size2-Font);letter-spacing:var(--ComponentText-Size2-LetterSpacing);position:relative;} .LoginGuestCheckoutContent{margin:0;padding-bottom:32px;} @media (max-width: 1140px) { :root{--LoginFormGroupTitleTab-BorderTopWidth:4px;} /* switch to tab view if Guest Checkout is enabled */ .Login .GuestCheckout_true .FormGroupTabList{align-items:end;} .Login .GuestCheckout_true .FormGroupTitle[role="tab"]{background-color:var(--Colors-Neutral02);color:var(--Colors-UniversalLabel);cursor:pointer;font:var(--Controls-Size1-Font);letter-spacing:var(--Controls-Size1-LetterSpacing);margin:0;overflow:hidden;padding:11px 12px;position:relative;transition:background-color var(--InteractionTransitionDuration),color var(--InteractionTransitionDuration);white-space:nowrap;} .Login .GuestCheckout_true .FormGroupTitle[role="tab"]:focus{box-shadow:unset;} .Login .GuestCheckout_true .FormGroupTitle[role="tab"]::before{border-color:var(--Colors-Neutral03);border-style:solid;border-width:0 2px;content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;transition:var(--InteractionTransitionDuration);z-index:1;} .Login .GuestCheckout_true .FormGroupTitle[role="tab"][aria-selected="false"] + .FormGroupTitle[role="tab"]::before{border-left-color:transparent;} .Login .GuestCheckout_true .FormGroupTitle[role="tab"]:first-child::before{border-left-color:transparent;} .Login .GuestCheckout_true .FormGroupTitle[role="tab"]:last-child::before{border-right-color:transparent;} .Login .GuestCheckout_true .FormGroupTitle[role="tab"][aria-selected="true"]::before{border-color:transparent;} .Login .GuestCheckout_true .FormGroupTitle[role="tab"]::after{height:100%;left:0;top:0;width:100%;} .Login .GuestCheckout_true .FormGroupTitle[role="tab"]:focus::after{box-shadow:var(--InterfaceFocusRingInset-BoxShadow);} .Login .GuestCheckout_true .FormGroupTitle[role="tab"][aria-selected="true"]{background-color:var(--Colors-Neutral01);border-color:var(--Colors-Neutral01);color:var(--Colors-UniversalBlack);padding-top:15px;} .Login .LoginRegisterFormGuestTab{display:unset;} .Login .LoginGuestFormGroup{display:none;} } @media (max-width: 768px) { .Login .Form{padding:0;} .Login .FormGroups{flex-wrap:wrap;} .Login .FormGroups .FormGroup{flex-basis:100%;padding:0;margin:0;} .Login .FormGroups .LoginRegisterFormGroup{min-width:unset;width:unset;} .Login .LoginGuestFormGroup:first-child{border-top:none;} .LoginGuestCheckoutContent{margin:0 0 20px;} } @media (max-width: 480px) { .Login .FormGroupContent{padding-inline:24px;} .Login .FormGroupContent.LoginRegisterFormLoginPanel{padding-inline:12px;} /* return to non-tab styling */ .Login .GuestCheckout_true :is(.FormGroupTitle[role="tab"],.FormGroupTitle[role="tab"][aria-selected="true"]){background-color:transparent;border-color:transparent;color:var(--ComponentText-B-Color);cursor:unset;font:var(--ComponentText-Size1-Font);font-weight:var(--ComponentText-B-FontWeight);letter-spacing:var(--ComponentText-Size1-LetterSpacing);margin:0 0 10px;overflow:unset;padding:0;position:relative;white-space:unset;} .Login .GuestCheckout_true .FormGroupTitle[role="tab"]::after{height:calc(100% + (var(--InterfaceFocusRing-Offset) * 2));left:calc(0px - var(--InterfaceFocusRing-Offset));top:calc(0px - var(--InterfaceFocusRing-Offset));width:calc(100% + (var(--InterfaceFocusRing-Offset) * 2));} .Login .GuestCheckout_true .FormGroupTitle[role="tab"]:focus::after{box-shadow:var(--InterfaceFocusRingForAfter-BoxShadow);} .Login .LoginRegisterFormGuestTab{display:none;} .LoginRegisterPointList{font-size:16px;} .Login .LoginGuestFormGroup{display:unset;} } :root{/* @formatter:off */ --BlurbHeadings-FontFamily:sans-serif;--BlurbHeadings-FontFamily:proxima-nova,sans-serif;--BlurbContent-FontFamily:serif;--BlurbContent-FontFamily:proxima-nova,sans-serif;/* @formatter:on */ /* Blurb Layout */ --Blurb-PaddingBlockWidth:24px;--Blurb-PaddingInlineWidth:var(--InlineGutterWidth);/* overwritting --ComponentHeadings-FontFamily within .Blurb does not update the font family because it has already been defined at the :root scope We're reusing many Component properties to keep them in sync while allowing flexibility for Blurbs */ /* Component Headings */ --BlurbHeadings-FontWeight:var(--ComponentHeadings-FontWeight);--BlurbHeading-A-Color:var(--ComponentHeading-A-Color);--BlurbHeading-A-FontWeight:var(--ComponentHeading-A-FontWeight);--BlurbHeading-B-Color:var(--BlurbHeading-A-Color);--BlurbHeading-C-Color:var(--ComponentHeading-C-Color);--BlurbHeading-C-FontWeight:var(--BlurbHeading-A-FontWeight);--BlurbHeading-D-Color:var(--BlurbHeading-C-Color);--BlurbHeading-Size1-Font:var(--BlurbHeadings-FontWeight) var(--BlurbHeading-Size1-FontSizeLineHeight) var(--BlurbHeadings-FontFamily);--BlurbHeading-Size1-FontSizeLineHeight:var(--ComponentHeading-Size1-FontSizeLineHeight);--BlurbHeading-Size1-LetterSpacing:var(--ComponentHeading-Size1-LetterSpacing);--BlurbHeading-Size2-Font:var(--BlurbHeadings-FontWeight) var(--BlurbHeading-Size2-FontSizeLineHeight) var(--BlurbHeadings-FontFamily);--BlurbHeading-Size2-FontSizeLineHeight:var(--ComponentHeading-Size2-FontSizeLineHeight);--BlurbHeading-Size2-LetterSpacing:var(--ComponentHeading-Size2-LetterSpacing);--BlurbHeading-Size3-Font:var(--BlurbHeadings-FontWeight) var(--BlurbHeading-Size3-FontSizeLineHeight) var(--BlurbHeadings-FontFamily);--BlurbHeading-Size3-FontSizeLineHeight:var(--ComponentHeading-Size3-FontSizeLineHeight);--BlurbHeading-Size3-LetterSpacing:var(--ComponentHeading-Size3-LetterSpacing);--BlurbHeading-Size4-Font:var(--BlurbHeadings-FontWeight) var(--BlurbHeading-Size4-FontSizeLineHeight) var(--BlurbHeadings-FontFamily);--BlurbHeading-Size4-FontSizeLineHeight:var(--ComponentHeading-Size4-FontSizeLineHeight);--BlurbHeading-Size4-LetterSpacing:var(--ComponentHeading-Size4-LetterSpacing);--BlurbHeading-Size5-Font:var(--BlurbHeadings-FontWeight) var(--BlurbHeading-Size5-FontSizeLineHeight) var(--BlurbHeadings-FontFamily);--BlurbHeading-Size5-FontSizeLineHeight:var(--ComponentHeading-Size5-FontSizeLineHeight);--BlurbHeading-Size5-LetterSpacing:var(--ComponentHeading-Size5-LetterSpacing);--BlurbHeading-Size6-Font:var(--BlurbHeadings-FontWeight) var(--BlurbHeading-Size6-FontSizeLineHeight) var(--BlurbHeadings-FontFamily);--BlurbHeading-Size6-FontSizeLineHeight:var(--ComponentHeading-Size6-FontSizeLineHeight);--BlurbHeading-Size6-LetterSpacing:var(--ComponentHeading-Size6-LetterSpacing);/* Component Text */ --BlurbContent-FontWeight:var(--ComponentText-FontWeight);--BlurbContent-A-Color:var(--ComponentText-A-Color);--BlurbContent-B-Color:var(--BlurbContent-A-Color);--BlurbContent-B-FontWeight:var(--ComponentText-B-FontWeight);--BlurbContent-C-Color:var(--ComponentText-C-Color);--BlurbContent-D-Color:var(--BlurbContent-C-Color);--BlurbContent-D-FontWeight:var(--BlurbContent-B-FontWeight);--BlurbContent-Size1-Font:var(--BlurbContent-FontWeight) var(--BlurbContent-Size1-FontSizeLineHeight) var(--BlurbContent-FontFamily);--BlurbContent-Size1-FontSizeLineHeight:var(--ComponentText-Size1-FontSizeLineHeight);--BlurbContent-Size1-LetterSpacing:var(--ComponentText-Size1-LetterSpacing);--BlurbContent-Size2-Font:var(--BlurbContent-FontWeight) var(--BlurbContent-Size2-FontSizeLineHeight) var(--BlurbContent-FontFamily);--BlurbContent-Size2-FontSizeLineHeight:var(--ComponentText-Size2-FontSizeLineHeight);--BlurbContent-Size2-LetterSpacing:var(--ComponentText-Size2-LetterSpacing);--BlurbContent-Size3-Font:var(--BlurbContent-FontWeight) var(--BlurbContent-Size3-FontSizeLineHeight) var(--BlurbContent-FontFamily);--BlurbContent-Size3-FontSizeLineHeight:var(--ComponentText-Size3-FontSizeLineHeight);--BlurbContent-Size3-LetterSpacing:var(--ComponentText-Size3-LetterSpacing);--BlurbContent-Size4-Font:var(--BlurbContent-FontWeight) var(--BlurbContent-Size4-FontSizeLineHeight) var(--BlurbContent-FontFamily);--BlurbContent-Size4-FontSizeLineHeight:var(--ComponentText-Size4-FontSizeLineHeight);--BlurbContent-Size4-LetterSpacing:var(--ComponentText-Size4-LetterSpacing);--BlurbContent-Size5-Font:var(--BlurbContent-FontWeight) var(--BlurbContent-Size5-FontSizeLineHeight) var(--BlurbContent-FontFamily);--BlurbContent-Size5-FontSizeLineHeight:var(--ComponentText-Size5-FontSizeLineHeight);--BlurbContent-Size5-LetterSpacing:var(--ComponentText-Size5-LetterSpacing);--BlurbContent-Size6-Font:var(--BlurbContent-FontWeight) var(--BlurbContent-Size6-FontSizeLineHeight) var(--BlurbContent-FontFamily);--BlurbContent-Size6-FontSizeLineHeight:var(--ComponentText-Size6-FontSizeLineHeight);--BlurbContent-Size6-LetterSpacing:var(--ComponentText-Size6-LetterSpacing);} .Blurb{--BlurbHeadings-Color:var(--BlurbHeading-A-Color);--BlurbCopy-Color:var(--BlurbContent-A-Color);--BlurbHeadingsDarkMode-Color:var(--BlurbHeading-C-Color);--BlurbCopyDarkMode-Color:var(--BlurbContent-C-Color);} .Blurb.DarkMode{--BlurbHeadings-Color:var(--BlurbHeadingsDarkMode-Color);--BlurbCopy-Color:var(--BlurbCopyDarkMode-Color);} :root{--BrandSpotlightImageLink-BorderRadius:10px;} .HomePage .BrandSpotlightInner{--BrandSpotlightColumnGap:24px;align-items:flex-start;display:flex;flex-direction:row;gap:var(--BrandSpotlightColumnGap);justify-content:space-between;margin:0 auto;max-width:var(--DefaultContentInnerMaxWidth);padding:var(--Blurb-PaddingBlockWidth) var(--Blurb-PaddingInlineWidth);} .HomePage .BrandSpotlightColumn{width:calc((100% - var(--BrandSpotlightColumnGap)) / 2);} .HomePage .BrandSpotlightLabel{color:var(--BlurbHeading-A-Color);font:var(--BlurbHeading-Size4-Font);font-weight:var(--BlurbHeading-A-FontWeight);letter-spacing:var(--BlurbHeading-Size4-LetterSpacing);margin:0;text-transform:uppercase;} .HomePage .BrandSpotlightTitle{color:var(--BlurbHeading-B-Color);font:var(--BlurbHeading-Size1-Font);letter-spacing:var(--BlurbHeading-Size2-LetterSpacing);margin-bottom:18px;text-transform:uppercase;word-wrap:break-word;} .HomePage .BrandSpotlightImageLink{border-radius:var(--BrandSpotlightImageLink-BorderRadius);position:relative;transition:var(--HoverableTransitionDuration);} .HomePage .BrandSpotlightImageLink::after{border-radius:inherit;content:"";height:calc(100% + (var(--InterfaceFocusRing-Offset) * 2));left:calc(0px - var(--InterfaceFocusRing-Offset));pointer-events:none;position:absolute;top:calc(0px - var(--InterfaceFocusRing-Offset));width:calc(100% + (var(--InterfaceFocusRing-Offset) * 2));transition:box-shadow var(--HoverableTransitionDuration);z-index:var(--InterfaceFocusRing-ZIndex);} .HomePage .BrandSpotlightImageLink:focus::after{box-shadow:var(--InterfaceFocusRingForAfter-BoxShadow);} .HomePage .BrandSpotlightImageLink:hover{opacity:.8;} .HomePage .BrandSpotlightImageDescription{aspect-ratio:7 / 4;background-size:cover;border-radius:inherit;padding:12px;} .HomePage .BrandSpotlightImageDescriptionText{background-color:rgba(0,0,0,0.5);border-radius:10px;color:var(--BlurbContent-C-Color);font:var(--BlurbContent-Size3-Font);letter-spacing:var(--BlurbContent-Size3-LetterSpacing);padding:12px 15px;} .HomePage .BrandSpotlightImage{border-radius:10px;display:block;object-fit:cover;width:100%;} .HomePage .BrandSpotlightRight{display:flex;flex-direction:column;gap:var(--BrandSpotlightColumnGap);} .HomePage .BrandSpotlightRightTop{align-items:flex-end;display:flex;flex-direction:row;gap:var(--BrandSpotlightColumnGap);justify-content:space-between;} .HomePage .BrandSpotlightImage2{aspect-ratio:23 / 16;} .HomePage .BrandSpotlightImage3{aspect-ratio:23 / 12;} .HomePage .BrandSpotlightRightBottom{width:77.48%;} .HomePage .BrandSpotlightImage4{aspect-ratio:111 / 73;} /* Responsive */ @media (max-width: 768px) { .HomePage .BrandSpotlightInner{flex-direction:column;} .HomePage .BrandSpotlightColumn{width:100%;} .HomePage .BrandSpotlightRightTop{flex-direction:column;} .HomePage .BrandSpotlightRightBottom{width:100%;} } @media (max-width: 640px) { .HomePage .BrandSpotlightLabel{font-size:15px;letter-spacing:.71px;line-height:20px;} .HomePage .BrandSpotlightTitle{font-size:36px;line-height:42px;letter-spacing:1.71px;} } .HomePage .ContentTileBlock{--CalloutBlockInnerContentBox-MaxWidth:100%;--CalloutBlockInner-InlineGutterOffsetWidth:0px;--CalloutBlock-PaddingInlineWidth:0px;} .HomePage .ContentTileBlock .CalloutBlockInner{padding-block:0;} .HomePage .ContentTileBlock .CalloutBlockItem.DarkMode{background-color:var(--Colors-Neutral08);} .HomePage .ContentTileBlock .CalloutBlockItemInner{margin:0;padding:0;position:relative;} .HomePage .ContentTileBlock .CalloutBlockItemImage{height:100%;left:0;padding:0;position:absolute;top:0;width:100%;z-index:1;} .HomePage .ContentTileBlock .CalloutBlockItemContent{justify-content:space-between;padding:91px max(10%,24px);position:relative;z-index:2;} .HomePage .ContentTileBlock .CalloutBlockItemTitle{font:var(--BlurbHeading-Size3-Font);letter-spacing:var(--BlurbHeading-Size3-LetterSpacing);margin:0 auto;max-width:640px;} .HomePage .ContentTileBlock .CalloutBlockItemDescription,.HomePage .ContentTileBlock .CalloutBlockItemDescription.HTMLContent :is(p,ul,ol){font:var(--BlurbContent-Size2-Font);letter-spacing:var(--BlurbContent-Size2-LetterSpacing);} .HomePage .ContentTileBlock .CalloutBlockItemDescription{margin:0 auto;max-width:640px;} .HomePage .ContentTileBlock .CalloutBlockItemTitle + .CalloutBlockItemDescription{margin-top:24px;} .HomePage .ContentTileBlock .CalloutBlockItemTitle + .CalloutBlockItemViewURL,.HomePage .ContentTileBlock .CalloutBlockItemDescription + .CalloutBlockItemViewURL{margin:40px auto 0;max-width:640px;width:100%;} .HomePage .ContentTileBlock .CalloutBlockItemLink{font-style:normal;text-decoration:none;transition:.25s;} .HomePage .ContentTileBlock .CalloutBlockItemLinkIcon{display:none;} /* Responsive */ @media (max-width: 1860px) { .HomePage .CalloutBlock.CalloutBlock6Columns.ContentTileBlock .CalloutBlockItem{flex:0 0 calc(100% / 3);max-width:calc(100% / 3);} } @media (max-width: 1560px) { .HomePage .CalloutBlock.CalloutBlock5Columns.ContentTileBlock .CalloutBlockItem{flex:1 0 calc(100% / 3);max-width:50%;} } @media (max-width: 1280px) { .HomePage .ContentTileBlock.CalloutBlock4Columns{--CalloutBlock-ColumnCount:2;} } @media (max-width: 1140px) { .HomePage .ContentTileBlock .CalloutBlockItemContent{padding:86px 24px;} } @media (max-width: 960px) { .HomePage .CalloutBlock.CalloutBlockStatic.ContentTileBlock .CalloutBlockItem{flex:0 0 100%;margin-bottom:0;max-width:100%;} } @media (max-width: 768px) { .HomePage .CalloutBlock.CalloutBlockStatic.ContentTileBlock .CalloutBlockItem{margin:0;} } @media (max-width: 640px) { .HomePage .CalloutBlock.CalloutBlockStatic.ContentTileBlock .CalloutBlockItem{margin:0;} } .HomePage .InfoBlock.FeaturedAboutUs{background-color:#FFFFFF;padding:72px var(--Blurb-PaddingInlineWidth);} .HomePage .FeaturedAboutUs .InfoBlockInner{background-color:#FFFFFF;box-shadow:0 3px 12px 0 rgba(0,0,0,0.12);border-radius:4px;max-width:1000px;padding:27px;margin:0 auto;} .HomePage .FeaturedAboutUs .InfoBlockIcon{width:110px;height:60px;margin:0 auto 48px;} .HomePage .InfoBlockStandard.FeaturedAboutUs .InfoBlockTitle{color:#363636;margin-bottom:16px;} .HomePage .InfoBlockStandard.FeaturedAboutUs .InfoBlockDescription{color:#636363;font-size:18px;line-height:28px;max-width:750px;} .HomePage .FeaturedAboutUs .InfoBlockButtons{margin-top:36px;} .HomePage .HeroImage + .InfoBlock.FeaturedAboutUs,.HomePage .HeroImageSlider + .InfoBlock.FeaturedAboutUs,.HomePage .MobileHeroImage + .InfoBlock.FeaturedAboutUs{display:inline-block;width:100%;} .HomePage .HeroImage + .FeaturedAboutUs .InfoBlockInner,.HomePage .HeroImageSlider + .FeaturedAboutUs .InfoBlockInner,.HomePage .MobileHeroImage + .FeaturedAboutUs .InfoBlockInner{margin-block:-60px 30px;position:relative;z-index:1;} /* Responsive */ @media (max-width: 640px) { .HomePage .HeroImageSlider + .FeaturedAboutUs .InfoBlockInner{margin:0 auto;position:relative;} .HomePage .InfoBlock.FeaturedAboutUs{padding-left:24px;padding-right:24px;} } .HomePage .FeaturedBrands{--CalloutBlockItems-GapWidth:36px;--CalloutBlockTitle-MarginBottom:24px;--CalloutBlockInner-InlineGutterOffsetWidth:0px;} .HomePage .FeaturedBrands .CalloutBlockInner{padding-block:72px;} .HomePage .FeaturedBrands .CalloutBlockItemContent{padding:0;} .HomePage .FeaturedBrandsLink{display:block;height:100%;position:relative;width:100%;} .HomePage .FeaturedBrandsLink:focus{outline:none;} .HomePage .FeaturedBrandsLink::after{border-radius:inherit;content:"";height:calc(100% + (var(--InterfaceFocusRing-Offset) * 2));left:calc(0px - var(--InterfaceFocusRing-Offset));pointer-events:none;position:absolute;top:calc(0px - var(--InterfaceFocusRing-Offset));width:calc(100% + (var(--InterfaceFocusRing-Offset) * 2));transition:box-shadow var(--HoverableTransitionDuration);z-index:var(--InterfaceFocusRing-ZIndex);} .HomePage .FeaturedBrandsLink:focus::after{box-shadow:var(--InterfaceFocusRingForAfter-BoxShadow);} .HomePage .FeaturedBrands .CalloutBlockItemImage{box-shadow:0 6px 12px 0 rgba(0,0,0,0.12);display:block;padding-bottom:0;transition:var(--HoverableTransitionDuration);} .HomePage .FeaturedBrands .CalloutBlockItemImageWrapper .FeaturedBrandsLink:hover .CalloutBlockItemImage{box-shadow:0 12px 18px 0 rgba(0,0,0,0.24);} .HomePage .FeaturedBrands .CalloutBlockItem:last-child .CalloutBlockItemImage{float:right;} /* Responsive */ @media (max-width: 960px) { .HomePage .FeaturedBrands .CalloutBlockInner{padding-block:30px;} .HomePage .FeaturedBrands.CalloutBlockStatic .CalloutBlockItems{justify-content:space-around;} .HomePage .FeaturedBrands.CalloutBlockStatic .CalloutBlockItem{margin-bottom:30px;} .HomePage .FeaturedBrands.CalloutBlock6Columns .CalloutBlockItem{max-width:320px;flex-basis:320px;} .HomePage .FeaturedBrands .CalloutBlockItemContent{padding:0;} } @media (max-width: 768px) { .HomePage .FeaturedBrands.CalloutBlock2Columns .CalloutBlockItem,.HomePage .FeaturedBrands.CalloutBlock6Columns .CalloutBlockItem{flex-basis:100%;max-width:400px;} .HomePage .FeaturedBrands.CalloutBlockStandard.CalloutBlockStatic .CalloutBlockItem:last-child{margin-bottom:0;} } @media (max-width: 640px) { .HomePage .FeaturedBrands .CalloutBlockInner{padding-block:30px;} .HomePage .FeaturedBrands.CalloutBlockStandard.CalloutBlockStatic .CalloutBlockItem{margin-bottom:12px;} .HomePage .FeaturedBrands .CalloutBlockItemInner{margin:0;} .HomePage .FeaturedBrands .CalloutBlockItemContent{padding:0;} } @media (max-width: 400px) { .HomePage .HeroImage + .FeaturedBrands,.HomePage .HeroImageSlider + .FeaturedBrands,.HomePage .MobileHeroImage + .FeaturedBrands{padding:0;} .HomePage .HeroImage + .FeaturedBrands .FeaturedBrandsInner,.HomePage .HeroImageSlider + .FeaturedBrands .FeaturedBrandsInner,.HomePage .MobileHeroImage + .FeaturedBrands .FeaturedBrandsInner{padding-top:0;} } .FeaturedBrandsFullWidth{background-size:cover;padding:30px 0;} .FeaturedBrandsFullWidth .FeaturedBrandsFullWidthInner{padding:0 50px;width:100%;max-width:1378px;margin:0 auto;} .FeaturedBrandsFullWidth .FeaturedBrandsFullWidthLink{display:block;position:relative;text-align:center;} .FeaturedBrandsFullWidth .FeaturedBrandsFullWidthLink:focus{outline:none;} .FeaturedBrandsFullWidth .FeaturedBrandsFullWidthLink::after{border-radius:inherit;content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;transition:box-shadow var(--HoverableTransitionDuration);z-index:var(--InterfaceFocusRing-ZIndex);} .FeaturedBrandsFullWidth .FeaturedBrandsFullWidthLink:focus::after{box-shadow:var(--InterfaceFocusRingInset-BoxShadow);} .FeaturedBrandsFullWidth .FeaturedBrandsFullWidthLink .FeaturedBrandsFullWidthImage{display:block;padding-bottom:0;box-shadow:0 6px 12px 0 rgba(0,0,0,0.12);transition:.25s;max-width:100%;} .FeaturedBrandsFullWidth .FeaturedBrandsFullWidthLink:hover .FeaturedBrandsFullWidthImage{box-shadow:0 12px 18px 0 rgba(0,0,0,0.24);transition:var(--HoverableTransitionDuration);} @media (max-width: 960px) { .FeaturedBrandsFullWidth .FeaturedBrandsFullWidthInner{padding:0 64px;} } @media (max-width: 640px) { .FeaturedBrandsFullWidth .FeaturedBrandsFullWidthInner{padding:12px 0 0;margin:0;} .FeaturedBrandsFullWidth .CalloutBlockItemContent{padding:6px 0;} .FeaturedBrandsFullWidth.CalloutBlockStatic.CalloutBlock2Columns .CalloutBlockItem{margin-bottom:0;} .FeaturedBrandsFullWidth .FeaturedBrandsFullWidthLink .FeaturedBrandsFullWidthImage{margin:0 auto;width:100%;max-width:400px;} } @media (max-width: 400px) { .HomePage .HeroImage + .FeaturedBrandsFullWidth,.HomePage .HeroImageSlider + .FeaturedBrandsFullWidth,.HomePage .MobileHeroImage + .FeaturedBrandsFullWidth{padding:0;} .HomePage .HeroImage + .FeaturedBrandsFullWidth .FeaturedBrandsFullWidthInner,.HomePage .HeroImageSlider + .FeaturedBrandsFullWidth .FeaturedBrandsFullWidthInner,.HomePage .MobileHeroImage + .FeaturedBrandsFullWidth .FeaturedBrandsFullWidthInner{padding-top:0;} } .HomePage .FeaturedDeal{background-color:#FFFFFF;padding:var(--Blurb-PaddingBlockWidth) var(--Blurb-PaddingInlineWidth);} .HomePage .FeaturedDeal .InfoBlockInner{max-width:var(--DefaultContentInnerMaxWidth);padding:0 30px;text-align:left;} .HomePage .FeaturedDeal .InfoBlockInner::before{background-image:linear-gradient(0deg,#6E1811,#B8201C);clip-path:polygon(30px 0%,calc(100% - 30px) 0,100% 30px,100% calc(100% - 30px),calc(100% - 30px) 100%,30px 100%,0% calc(100% - 30px),0% 30px);content:'';height:calc(100% - 50px);left:0;position:absolute;top:25px;width:100%;} .HomePage .FeaturedDeal .InfoBlockColumns{column-gap:36px;position:relative;} .HomePage .FeaturedDeal .InfoBlockImageColumn{aspect-ratio:1 / 1;border-radius:12px;filter:drop-shadow(0 4px 9px rgba(0,0,0,0.3));flex:1 0 auto;max-width:500px;width:100%;} .HomePage .FeaturedDeal .InfoBlockContentColumn{padding:68px 0 75px;} .HomePage .FeaturedDeal .InfoBlockImageColumn .InfoBlockImage{clip-path:polygon(12px 0%,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0% calc(100% - 12px),0% 12px);display:block;width:100%;} .HomePage .FeaturedDeal .InfoBlockLabel{color:var(--HomePageInfoBlockTitle-Color);background-image:url(../svg/featureddeallabelbackground0c6d.svg);background-position:left;background-repeat:no-repeat;background-size:contain;display:block;font:700 65px/1 var(--BlurbHeadings-FontFamily);letter-spacing:4.83px;margin-bottom:30px;padding:21px 24px 22px 54px;text-transform:uppercase;} .HomePage .FeaturedDeal .FeaturedDealProductBrand{color:var(--HomePageInfoBlockTitle-Color);display:block;font:var(--BlurbHeading-Size4-Font);letter-spacing:var(--BlurbHeading-Size4-LetterSpacing);margin-bottom:3px;padding-left:54px;text-transform:uppercase;} .HomePage .FeaturedDeal .InfoBlockTitle{font:var(--BlurbHeading-Size1-Font);letter-spacing:var(--BlurbHeading-Size1-LetterSpacing);margin-bottom:13px;padding-left:54px;/* Text overflow ellipsis */ display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;} .HomePage .FeaturedDeal .InfoBlockDescription{font:var(--BlurbContent-Size2-Font);letter-spacing:var(--BlurbContent-Size2-LetterSpacing);margin-bottom:31px;padding-left:54px;/* Text overflow ellipsis */ display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;} .HomePage .FeaturedDeal .InfoBlockButtons{justify-content:flex-start;margin:0;padding:0 0 0 54px;} .HomePage .FeaturedDeal .InfoBlockButton{min-width:150px;} .HomePage .FeaturedDeal .ProductPrice{color:inherit;margin:unset;} .HomePage .FeaturedDeal .ProductPriceOriginal{margin-right:10px;text-decoration:line-through;} .HomePage .FeaturedDeal .ProductLowerPriceIcon{display:none;} .HomePage .FeaturedDeal .ProductPriceInCartDialogHeading,.HomePage .FeaturedDeal .ProductPriceInCartDialogContent,.HomePage .FeaturedDeal .ProductLowerPriceArrowIcon{display:none;} /* Responsive */ @media (max-width: 1300px) { .HomePage .FeaturedDeal .InfoBlockLabel{font-size:32px;letter-spacing:1px;line-height:60px;} .HomePage .FeaturedDeal .FeaturedDealProductBrand{font-size:12px;} .HomePage .FeaturedDeal .InfoBlockTitle{font-size:25px;line-height:23px;} .HomePage .FeaturedDeal .InfoBlockDescription{font-size:16px;line-height:18px;} } @media (max-width: 1024px) { .HomePage .FeaturedDeal{padding:12px;} .HomePage .FeaturedDeal .InfoBlockInner{padding:12px 0 0;max-width:500px;} .HomePage .FeaturedDeal .InfoBlockInner::before{height:100%;left:12px;top:0;width:calc(100% - 24px);} .HomePage .FeaturedDeal .InfoBlockColumns{flex-direction:column;} .HomePage .FeaturedDeal .InfoBlockContentColumn{padding:0 34px 24px;} .HomePage .FeaturedDeal .InfoBlockLabel{background-image:url(../svg/featureddeallabelbackgroundmobile0c6d.svg);background-position:center -35px;background-size:250px 130px;padding:24px 0 15px;margin:0 0 -15px;text-align:center;} .HomePage .FeaturedDeal .FeaturedDealProductBrand,.HomePage .FeaturedDeal .InfoBlockTitle,.HomePage .FeaturedDeal .InfoBlockDescription,.HomePage .FeaturedDeal .InfoBlockButtons{padding-left:0;} .HomePage .FeaturedDeal .InfoBlockTitle{margin-bottom:10px;} .HomePage .FeaturedDeal .InfoBlockDescription{margin-bottom:22px;} } @media (max-width: 375px) { .HomePage .FeaturedDeal .InfoBlockLabel{font-size:22px;} } /** Home Page - Featured Deals @CalloutBlockItemBorderHoverColor #0d75ad @CalloutBlockItemTitleColor #000000 @CalloutBlockButtonBackgroundColor #0d75ad @CalloutBlockButtonFontColor #FFFFFF @ProductLowerPriceColor #F64A33 **/ .HomePage .FeaturedDeals{--CalloutBlockItems-GapWidth:12px;--CalloutBlockContent-InlineGutterWidth:0px;padding:30px 50px;background-size:cover;} .HomePage .FeaturedDeals .CalloutBlockInner{background:var(--Colors-UniversalWhite);box-shadow:0 3px 12px 0 rgba(0,0,0,0.12);border-radius:4px;max-width:1278px;padding:50px;} .HomePage .FeaturedDeals.DarkMode .CalloutBlockInner{background:var(--Colors-Neutral07);} .HomePage .FeaturedDeals .CalloutBlockIcon{display:block;background-repeat:no-repeat;margin:0 auto 6px;object-fit:contain;width:111px;height:63px;} .HomePage .FeaturedDeals .CalloutBlockItems{justify-content:space-between;max-width:1128px;margin:0 auto;} .HomePage .FeaturedDeals .CalloutBlockItemInner{margin:0;} .HomePage .FeaturedDeals .CalloutBlockItemInnerLink{border:1px solid var(--Colors-Neutral03);border-radius:4px;padding:0 25px;transition:.25s;} .HomePage .FeaturedDeals:where(.DarkMode) .CalloutBlockItemInnerLink{border-color:var(--Colors-Neutral05);} .HomePage .FeaturedDeals .CalloutBlockItemInnerLink:hover{border-color:#0d75ad;} .HomePage .FeaturedDeals .CalloutBlockItemImage{width:120px;height:120px;margin:12px auto 6px;padding:0;} .HomePage .FeaturedDeals .CalloutBlockItemContent{text-align:left;padding:8px;position:relative;} .HomePage .FeaturedDeals .CalloutBlockItemTitle{display:flex;flex-direction:column;font-size:28px;font-weight:400;margin-bottom:0;transition:.25s;line-height:36px;} .HomePage .FeaturedDeals .ProductPrice{flex:0 0 auto;white-space:break-spaces;} .HomePage .FeaturedDeals .ProductPriceOriginal{font-size:18px;line-height:20px;} .HomePage .FeaturedDeals .ProductPriceDiscount{padding:0 10px 0 0;} .HomePage .FeaturedDeals .ProductPriceContact{font-size:24px;display:inline-block;} .HomePage .FeaturedDeals .CalloutBlockItemInnerLink:hover .CalloutBlockItemDescription,.HomePage .FeaturedDeals .CalloutBlockItemInnerLink:focus .CalloutBlockItemDescription{text-decoration:underline;transition:.25s;} .HomePage .FeaturedDeals .CalloutBlockItemDescription{font-weight:600;} .HomePage .FeaturedDeals .ProductPriceInCartDialog{background-color:#FFFFFF;box-shadow:0 2px 10px rgba(0,0,0,0.3);max-width:334px;z-index:-1;bottom:34px;left:36px;position:absolute;opacity:0;} .HomePage .FeaturedDeals .ProductPriceInCartDialog.ProductPriceInCartDialogActive{z-index:3;opacity:1;} .HomePage .FeaturedDeals .ProductPriceInCartDialogHeading{background-color:#EFEFEF;font-size:14px;font-weight:600;padding:12px 16px;color:#4E4E4E;} .HomePage .FeaturedDeals .ProductPriceInCartDialogContent{font-size:12px;padding:8px 18px 14px;color:#4E4E4E;} .HomePage .FeaturedDeals .ProductLowerPriceIcon{vertical-align:middle;} .HomePage .FeaturedDeals .ProductLowerPriceIcon svg{margin-right:8px;margin-bottom:4px;width:20px;height:20px;} .HomePage .FeaturedDeals .ProductLowerPriceIcon svg path{fill:#F64A33;} .HomePage .FeaturedDeals .ProductLowerPriceIcon svg circle{stroke:#F64A33;} .HomePage .FeaturedDeals .ProductLowerPriceArrowIcon{display:none;} .HomePage .FeaturedDeals .ProductPriceInCart{font-size:18px;line-height:18px;display:inline-block;} /* Responsive */ @media (max-width: 960px) { .HomePage .FeaturedDeals{background-size:contain;background-color:#FFFFFF;padding:40px 24px;} .HomePage .FeaturedDeals .CalloutBlockInner{padding:50px 24px;} } @media (max-width: 640px) { .HomePage .FeaturedDeals{padding:30px 24px;} } .HomePage .FeaturedHighlights{padding:30px 0;} .HomePage .FeaturedHighlights .CalloutBlockItems{align-items:flex-start;} .HomePage .FeaturedHighlights .CalloutBlockItem{position:relative;top:0;transition:.25s;} .HomePage .FeaturedHighlights .CalloutBlockItem:hover{top:-8px;} .HomePage .FeaturedHighlights .CalloutBlockItemInner{background:var(--Colors-UniversalWhite);box-shadow:0 12px 24px -12px rgba(0,0,0,0.25);border-radius:6px;transition:.25s;} .HomePage .FeaturedHighlights .CalloutBlockItem.DarkMode .CalloutBlockItemInner{background:var(--Colors-Neutral07);} .HomePage .FeaturedHighlights .CalloutBlockItem:hover .CalloutBlockItemInner{box-shadow:0 12px 24px -12px rgba(0,0,0,0.5);} .HomePage .FeaturedHighlights .CalloutBlockItemContent{flex-direction:row;gap:20px;text-align:left;justify-content:space-between;align-items:center;} .HomePage .FeaturedHighlights .CalloutBlockItemTitle{display:none;} .HomePage .FeaturedHighlights .CalloutBlockItemDescription{max-width:450px;margin-top:20px;} .HomePage .FeaturedHighlights .CalloutBlockItemViewURL{min-width:15%;text-align:right;} .HomePage .FeaturedHighlights .CalloutBlockItemLink{text-decoration:none;} .HomePage .FeaturedHighlights .CalloutBlockItemLink:focus{text-decoration:underline;} .HomePage .FeaturedHighlights .CalloutBlockItemLinkButtonIcon{width:50px;height:50px;} .HomePage .FeaturedHighlights .CalloutBlockItemImage{border-radius:6px 6px 0 0;} /* Responsive */ @media (max-width: 960px) { .HomePage .FeaturedHighlights .CalloutBlockItemContent{padding-bottom:20px;} } @media (max-width: 640px) { .HomePage .FeaturedHighlights .CalloutBlockItem{flex-basis:100%;max-width:100%;margin-top:0!important;} .HomePage .FeaturedHighlights .CalloutBlockItem:first-of-type{margin-bottom:32px;} } .HomePage .FeaturedHighlightsWithOffsetButton{--FeaturedHighlightsButtonOffset:20px;} .HomePage .FeaturedHighlightsWithOffsetButton .CalloutBlockItems{align-items:flex-start;} .HomePage .FeaturedHighlightsWithOffsetButton .CalloutBlockItem{margin-bottom:var(--FeaturedHighlightsButtonOffset);} .HomePage .FeaturedHighlightsWithOffsetButton .CalloutBlockItemInner{background:#ffffff;border-radius:16px;box-shadow:0 12px 24px -12px rgba(0,0,0,0.5);} .HomePage .FeaturedHighlightsWithOffsetButton .CalloutBlockItemImage{border-radius:16px 16px 0 0;padding:0;aspect-ratio:71 / 39;} .HomePage .FeaturedHighlightsWithOffsetButton .CalloutBlockItemContent{align-items:start;justify-content:space-between;text-align:left;padding:25px 20px 40px;position:relative;} .HomePage .FeaturedHighlightsWithOffsetButton .CalloutBlockItemTitle{display:block;font:var(--BlurbHeading-Size4-Font);letter-spacing:var(--BlurbHeading-Size4-LetterSpacing);margin:0 0 13px;} .HomePage .FeaturedHighlightsWithOffsetButton .CalloutBlockItemTitle:empty{display:none;} .HomePage .FeaturedHighlightsWithOffsetButton .CalloutBlockItemDescription{font:var(--BlurbContent-Size2-Font);margin:0;max-width:unset;} .HomePage .FeaturedHighlightsWithOffsetButton .CalloutBlockItemViewURL{bottom:calc(var(--FeaturedHighlightsButtonOffset) * -1);position:absolute;right:24px;} .HomePage .FeaturedHighlightsWithOffsetButton .CalloutBlockItemLink:has(.CalloutBlockItemLinkButtonIcon)::after{border-radius:inherit;content:"";height:calc(100% + (var(--InterfaceFocusRing-Offset) * 2));left:calc(0px - var(--InterfaceFocusRing-Offset));pointer-events:none;position:absolute;top:calc(0px - var(--InterfaceFocusRing-Offset));width:calc(100% + (var(--InterfaceFocusRing-Offset) * 2));transition:box-shadow var(--HoverableTransitionDuration);z-index:var(--InterfaceFocusRing-ZIndex);} .HomePage .FeaturedHighlightsWithOffsetButton .CalloutBlockItemLink:has(.CalloutBlockItemLinkButtonIcon):focus::after{box-shadow:var(--InterfaceFocusRingForAfter-BoxShadow);} .HomePage .FeaturedHighlightsWithOffsetButton .CalloutBlockItemLinkButtonIcon{width:50px;height:50px;} .HomePage .FeaturedHighlightsWithOffsetButton .CalloutBlockItemLinkIcon{display:none;} /* Responsive */ @media (max-width: 960px) { .HomePage .FeaturedHighlightsWithOffsetButton .CalloutBlockItemDescription{font-size:17px;} } @media (max-width: 640px) { .HomePage .FeaturedHighlightsWithOffsetButton .CalloutBlockItem{max-width:none;} .HomePage .FeaturedHighlightsWithOffsetButton.CalloutBlockStatic .CalloutBlockItem:first-of-type{margin-bottom:56px;} .HomePage .FeaturedHighlightsWithOffsetButton .CalloutBlockItemImage{aspect-ratio:7 / 6;} .HomePage .FeaturedHighlightsWithOffsetButton .CalloutBlockItemViewURL{bottom:calc(var(--FeaturedHighlightsButtonOffset) * -1);position:absolute;right:50%;transform:translateX(50%);} } .HomePage .FeaturedLocations{--CalloutBlockTitle-MarginBottom:0px;--CalloutBlockInner-InlineGutterOffsetWidth:0px;} .HomePage .FeaturedLocations .CalloutBlockInner{padding-block:72px;} .HomePage .FeaturedLocations .CalloutBlockItems{margin-top:8px;} .HomePage .FeaturedLocations .CalloutBlockItemInner{margin:0;text-align:left;} .HomePage .FeaturedLocations .CalloutBlockItemContent{padding-inline:0;} .HomePage .FeaturedLocations .CalloutBlockItemTitle{align-items:flex-end;display:flex;font:var(--BlurbHeading-Size3-Font);justify-content:flex-start;letter-spacing:var(--BlurbHeading-Size3-LetterSpacing);margin-bottom:19px;} .HomePage .FeaturedLocations .CalloutBlockItemIcon{height:auto;margin-bottom:28px;width:100%;} .HomePage .FeaturedLocations .CalloutBlockItemNameContainer{display:flex;flex-direction:column;margin-bottom:11px;} .HomePage .FeaturedLocations .CalloutBlockItemName{color:var(--HomePageCalloutBlockItemTitleColor);font:var(--BlurbHeading-Size4-Font);letter-spacing:var(--BlurbHeading-Size4-LetterSpacing);} .HomePage .FeaturedLocations .CalloutBlockItemPosition{color:var(--HomePageCalloutBlockItemTitleColor);display:inline-block;font:var(--BlurbContent-Size4-Font);letter-spacing:var(--BlurbContent-Size4-LetterSpacing);} .HomePage .FeaturedLocations .CalloutBlockItemDescription{font:var(--BlurbContent-Size3-Font);letter-spacing:var(--BlurbContent-Size3-LetterSpacing);margin-bottom:16px;} .HomePage .FeaturedLocationsWithButton .CalloutBlockItemInner{text-align:center;} .HomePage .FeaturedLocationsWithButton .CalloutBlockItemTitle{justify-content:center;} .HomePage .FeaturedLocationsWithButton .CalloutBlockItemNameContainer{margin-bottom:16px;} .HomePage .FeaturedLocationsWithButton .CalloutBlockItemDescription{margin-bottom:32px;} .HomePage .FeaturedLocationsWithButton .CalloutBlockItemLinkIcon{display:none;} .HomePage .FeaturedMiniSlider{--CalloutBlockItems-GapWidth:0px;padding-block:72px;} .HomePage .FeaturedMiniSlider .CalloutBlockInner{max-width:1280px;padding:0;} .HomePage .FeaturedMiniSlider .CalloutBlockItemInner{margin:0;} .HomePage .FeaturedMiniSlider .CalloutBlockItemImage{display:block;padding:0;} .HomePage .FeaturedMiniSlider .CalloutBlockItemContent{display:none;} .HomePage .FeaturedMiniSlider .CalloutBlockNavigation{padding:0;} /* Responsive */ @media (max-width: 1380px) { .HomePage .FeaturedMiniSlider{padding-block:102px;} } @media (min-width: 641px) { .HomePage .FeaturedMiniSlider .CalloutBlockNavigationDots{display:none;} .HomePage .FeaturedMiniSlider .CalloutBlockNavigationArrow{width:8%;border:none;border-radius:0;background-image:linear-gradient(270deg,rgba(0,0,0,0.00) 0%,rgba(0,0,0,0.60) 100%);background-color:transparent;position:absolute;left:0;margin:0;top:0;z-index:1;cursor:pointer;height:100%;transition:.25s;} .HomePage .FeaturedMiniSlider .CalloutBlockNavigationArrow:focus{background-color:transparent;} .HomePage .FeaturedMiniSlider .CalloutBlockNavigationArrow:hover{width:9%;background-image:linear-gradient(270deg,rgba(0,0,0,0.00) 0%,rgba(0,0,0,0.80) 100%);transition:.25s;} .HomePage .FeaturedMiniSlider .CalloutBlockNavigationArrow:active{opacity:1;} .HomePage .FeaturedMiniSlider .CalloutBlockNavigationArrow::after{border-radius:inherit;height:100%;left:0;width:100%;top:0;} .HomePage .FeaturedMiniSlider .CalloutBlockNavigationArrow:focus::after{box-shadow:var(--InterfaceFocusRingInset-BoxShadow);} .HomePage .FeaturedMiniSlider .CalloutBlockNavigationArrow.CalloutBlockNavigationNext{left:unset;right:0;background-image:linear-gradient(90deg,rgba(0,0,0,0.00) 0%,rgba(0,0,0,0.60) 100%);} .HomePage .FeaturedMiniSlider .CalloutBlockNavigationArrow.CalloutBlockNavigationNext:hover{background-image:linear-gradient(90deg,rgba(0,0,0,0.00) 0%,rgba(0,0,0,0.80) 100%);} .HomePage .FeaturedMiniSlider .CalloutBlockNavigationArrowIcon{height:48px;width:48px;} .HomePage .FeaturedMiniSlider .CalloutBlockNavigationArrowIcon svg{fill:var(--Colors-UniversalWhite);} } @media (max-width: 640px) { .HomePage .FeaturedMiniSlider{padding:30px 0;} .HomePage .FeaturedMiniSlider.CalloutBlockCarousel .CalloutBlockInner{max-width:400px;padding:0;} } .HomePage .FeaturedPartners{--CalloutBlockTitle-MarginBottom:24px;--CalloutBlockInner-InlineGutterOffsetWidth:0px;--CalloutBlockItems-GapWidth:12px;} .HomePage .FeaturedPartners .CalloutBlockInner{padding-block:30px;max-width:none;} .HomePage .FeaturedPartners .CalloutBlockItems{--CalloutBlockItem-MaxWidth:459px;justify-content:center;} .HomePage .FeaturedPartners .CalloutBlockItemInner{margin:0;} .HomePage .FeaturedPartners .CalloutBlockItemContent{padding:0;} .HomePage .FeaturedPartners .FeaturedPartnersLink{display:block;height:100%;position:relative;width:100%;} .HomePage .FeaturedPartners .FeaturedPartnersLink:focus{outline:none;} .HomePage .FeaturedPartners .FeaturedPartnersLink::after{border-radius:inherit;content:"";height:calc(100% + (var(--InterfaceFocusRing-Offset) * 2));left:calc(0px - var(--InterfaceFocusRing-Offset));pointer-events:none;position:absolute;top:calc(0px - var(--InterfaceFocusRing-Offset));width:calc(100% + (var(--InterfaceFocusRing-Offset) * 2));transition:box-shadow var(--HoverableTransitionDuration);z-index:var(--InterfaceFocusRing-ZIndex);} .HomePage .FeaturedPartners .FeaturedPartnersLink:focus::after{box-shadow:var(--InterfaceFocusRingForAfter-BoxShadow);} .HomePage .FeaturedPartners .CalloutBlockItemImage{display:block;filter:drop-shadow(0 6px 6px rgba(0,0,0,0.12));padding-bottom:0;transition:.25s;} .HomePage .FeaturedPartners .CalloutBlockItemImageWrapper .FeaturedPartnersLink:hover .CalloutBlockItemImage{filter:drop-shadow(0 12px 8px rgba(0,0,0,0.24));} /* Responsive */ @media (max-width: 1299px) { .HomePage .FeaturedPartners.CalloutBlockStatic:is(.CalloutBlock5Columns,.CalloutBlock6Columns){--CalloutBlock-ColumnCount:4;} } @media (max-width: 1140px) { .HomePage .CalloutBlockItemContent{padding:0;} } @media (max-width: 960px) { .HomePage .FeaturedPartners.CalloutBlockStatic:is(.CalloutBlock4Columns,.CalloutBlock5Columns,.CalloutBlock6Columns){--CalloutBlock-ColumnCount:3;} .HomePage .FeaturedPartners.CalloutBlockStatic:is(.CalloutBlock4Columns,.CalloutBlock5Columns) .CalloutBlockItem{margin-bottom:0;} } @media (max-width: 768px) { .HomePage .FeaturedPartners.CalloutBlockStatic.CalloutBlock3Columns .CalloutBlockItem{margin-bottom:0;} } @media (max-width: 640px) { .HomePage .FeaturedPartners.CalloutBlockStatic:is(.CalloutBlock3Columns,.CalloutBlock4Columns,.CalloutBlock5Columns,.CalloutBlock6Columns){--CalloutBlock-ColumnCount:2;} .HomePage .FeaturedPartners.CalloutBlockStatic:is(.CalloutBlock1Columns,.CalloutBlock2Columns) .CalloutBlockItem{margin-bottom:0;} } @media (max-width: 400px) { .HomePage .HeroImage + .FeaturedPartners,.HomePage .HeroImageSlider + .FeaturedPartners,.HomePage .MobileHeroImage + .FeaturedPartners{padding:0;} .HomePage .HeroImage + .FeaturedPartners .FeaturedPartnersInner,.HomePage .HeroImageSlider + .FeaturedPartners .FeaturedPartnersInner,.HomePage .MobileHeroImage + .FeaturedPartners .FeaturedPartnersInner{padding-top:0;} } /** Home Page - Featured Popular Categories **/ .HomePage .FeaturedPopularCategories{--CalloutBlockInner-InlineGutterOffsetWidth:17px;background-color:#ffffff;background-size:cover;background-position:bottom;} .HomePage .FeaturedPopularCategories .CalloutBlockInner{padding-block:30px;} .HomePage .FeaturedPopularCategories .CalloutBlockIcon{display:block;width:111px;height:63px;background-repeat:no-repeat;margin:0 auto 6px;object-fit:contain;} .HomePage .FeaturedPopularCategories .CalloutBlockItem{margin-bottom:34px;} .HomePage .FeaturedPopularCategories .CalloutBlockItemInner{background-color:var(--Colors-UniversalWhite);margin-block:0 34px;box-shadow:0 6px 12px 0 rgba(0,0,0,0.12);top:0;position:relative;transition:.25s;height:100%;} .HomePage .FeaturedPopularCategories .CalloutBlockItem.DarkMode .CalloutBlockItemInner{background-color:var(--Colors-Neutral07);} .HomePage .FeaturedPopularCategories .CalloutBlockItem:hover .CalloutBlockItemInner{box-shadow:0 12px 18px 0 rgba(0,0,0,0.24);position:relative;top:-8px;transition:.25s;} .HomePage .FeaturedPopularCategories .CalloutBlockItemInner .CalloutBlockItemInnerLink{height:100%;} .HomePage .FeaturedPopularCategories .CalloutBlockItemInnerLink:focus .CalloutBlockItemLink{text-decoration:underline;} .HomePage .FeaturedPopularCategories .CalloutBlockItemContent{padding:16px 0 0;} .HomePage .FeaturedPopularCategories .CalloutBlockItemImage{background-size:96px;background-repeat:no-repeat;background-position:center;margin-top:20px;padding:0;height:100px;} .HomePage .FeaturedPopularCategories .CalloutBlockItemTitle{margin-bottom:12px;} .HomePage .FeaturedPopularCategories .CalloutBlockItemLink{font-weight:700;font-style:normal;text-decoration:none;} .HomePage .FeaturedPopularCategories .CalloutBlockItemInner:hover .CalloutBlockItemLink{text-decoration:underline;} /* Responsive */ @media (max-width: 768px) { .HomePage .FeaturedPopularCategories.CalloutBlockStatic.CalloutBlock4Columns .CalloutBlockItem{flex:1 1 50%;} } @media (max-width: 640px) { .HomePage .FeaturedPopularCategories{--CalloutBlockTitle-MarginBottom:32px;--CalloutBlockInner-InlineGutterOffsetWidth:0px;} .HomePage .FeaturedPopularCategories .CalloutBlockInner{padding-block:40px 56px;} .HomePage .FeaturedPopularCategories.CalloutBlockStatic.CalloutBlock4Columns .CalloutBlockItem{margin-bottom:8px;flex:1 1 100%;} .HomePage .FeaturedPopularCategories .CalloutBlockItemInner{margin-block:0;} .HomePage .FeaturedPopularCategories .CalloutBlockItemInnerLink{flex-direction:row;display:flex;} .HomePage .FeaturedPopularCategories .CalloutBlockItemImage{width:95px;height:72px;background-size:contain;margin:6px;} .HomePage .FeaturedPopularCategories .CalloutBlockItemContent{align-items:center;flex-direction:row;justify-content:space-between;margin:0 25px 0 14px;padding:0;} .HomePage .FeaturedPopularCategories .CalloutBlockItemTitle{margin:0;text-align:left;} .HomePage .FeaturedPopularCategories .CalloutBlockItemLinkText{display:none;} .HomePage .FeaturedPopularCategories .CalloutBlockItemLinkIcon{width:16px;height:16px;} } .FeaturedPremiumBrands{background-color:#FFFFFF;display:block;} .FeaturedPremiumBrands:focus{outline:none;} .FeaturedPremiumBrands::after{border-radius:inherit;content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;transition:box-shadow var(--HoverableTransitionDuration);z-index:var(--InterfaceFocusRing-ZIndex);} .FeaturedPremiumBrands:focus::after{box-shadow:var(--InterfaceFocusRingInset-BoxShadow);} .FeaturedPremiumBrandsImage{width:100%;vertical-align:middle;} .HomePage .FeaturedProducts{--CalloutBlockTitle-MarginBottom:48px;--CalloutBlockItems-GapWidth:32px;--CalloutBlockInner-InlineGutterOffsetWidth:0px;} .HomePage .FeaturedProducts .CalloutBlockInner{padding-block:72px;} .HomePage .FeaturedProducts .CalloutBlockItems{justify-content:space-between;} .HomePage .FeaturedProducts .CalloutBlockItem .CalloutBlockItemInnerLink:focus .CalloutBlockItemTitle{text-decoration:underline;} .HomePage .HeroImage + .FeaturedProducts:not(:has(.CalloutBlockTitle)) .CalloutBlockItems,.HomePage .HeroImageSlider + .FeaturedProducts:not(:has(.CalloutBlockTitle)) .CalloutBlockItems,.HomePage .MobileHeroImage + .FeaturedProducts:not(:has(.CalloutBlockTitle)) .CalloutBlockItems{margin-block:-46px 0;} .HomePage .FeaturedProducts .CalloutBlockItem:hover .CalloutBlockItemTitle{text-decoration:underline;} .HomePage .FeaturedProducts .CalloutBlockItemInner{background-color:var(--Colors-UniversalWhite);box-shadow:0 6px 12px 0 rgba(0,0,0,0.12);margin:0 auto;max-width:294px;position:relative;top:0;transition:.25s;} .HomePage .FeaturedProducts .CalloutBlockItem.DarkMode .CalloutBlockItemInner{background-color:var(--Colors-Neutral07);} .HomePage .FeaturedProducts .CalloutBlockItemInner:hover{box-shadow:0 12px 18px 0 rgba(0,0,0,0.24);top:-8px;} .HomePage .FeaturedProducts .CalloutBlockItemInnerLink{padding:24px 24px 48px;} .HomePage .FeaturedProducts .CalloutBlockItemImage{padding-bottom:61.52%;} .HomePage .FeaturedProducts .CalloutBlockItemContent{padding:24px 0 0;} .HomePage .FeaturedProducts .CalloutBlockItemTitle{margin:0 0 9px;} .HomePage .FeaturedProducts .CalloutBlockItemDescription{font-weight:600;margin:0;} .HomePage .FeaturedProducts .CalloutBlockItemViewURL{display:none;} .HomePage .FeaturedProducts .CalloutBlockItemContentNoTitle .CalloutBlockItemInner{margin:0 8px 8px;} .HomePage .FeaturedProducts .CalloutBlockItemContentNoTitle .CalloutBlockItemContent{padding:0;} .HomePage .FeaturedProducts .CalloutBlockItemContentNoTitle .CalloutBlockItemInnerLink:focus{outline:-webkit-focus-ring-color auto 5px;} /* Responsive */ @media (max-width: 960px) { .HomePage .FeaturedProducts .CalloutBlockItems{justify-content:space-around;} .HomePage .FeaturedProducts.CalloutBlockStatic:is(.CalloutBlock4Columns,.CalloutBlock5Columns) .CalloutBlockItems{--CalloutBlockItem-MaxWidth:47%;} .HomePage .FeaturedProducts .CalloutBlockItemInner{margin:0 auto;} } @media (max-width: 640px) { .HomePage .FeaturedProducts.CalloutBlockStatic:is(.CalloutBlock4Columns,.CalloutBlock5Columns) .CalloutBlockItems{--CalloutBlockItem-MaxWidth:400px;} .HomePage .FeaturedProducts .CalloutBlockInner{padding-block:36px;} .HomePage :is(.HeroImage,.HeroImageSlider,.MobileHeroImage) + .FeaturedProducts .CalloutBlockTitle{padding-top:0;} .HomePage .FeaturedProducts .CalloutBlockItems{justify-content:center;} .HomePage .HeroImage + .FeaturedProducts .CalloutBlockItems,.HomePage .HeroImageSlider + .FeaturedProducts .CalloutBlockItems,.HomePage .MobileHeroImage + .FeaturedProducts .CalloutBlockItems{margin-block:0;} .HomePage .FeaturedProducts.CalloutBlockStatic.CalloutBlock4Columns .CalloutBlockItem{margin:0 auto 32px;} .HomePage .FeaturedProducts.CalloutBlockStatic.CalloutBlock4Columns .CalloutBlockItem:last-of-type{margin-bottom:0;} } /** Home Page - Featured Products by Selection **/ .HomePage .FeaturedProductsBySelection{--CalloutBlockTitle-MarginBottom:24px;padding:30px 0;} .HomePage .FeaturedProductsBySelection .CalloutBlockItemImage{padding-bottom:100%;} .HomePage .FeaturedProductsBySelection .ProductPrice{white-space:break-spaces;} .HomePage .FeaturedProductsBySelection .CalloutBlockItemDescription{font-size:17px;line-height:21px;font-weight:500;margin-top:28px;} .HomePage .FeaturedResources{--CalloutBlockInner-InlineGutterOffsetWidth:0px;background-position:center top;} .HomePage .FeaturedResources.CalloutBlockCarousel{--CalloutBlockItems-PaddingTop:16px;} .HomePage .FeaturedResources .CalloutBlockInner{padding-block:72px;} /* Native carousel requires hidden overflow; spacing around CalloutBlockInner * must be adjusted to account for CalloutBlockItems increased padding.*/ .HomePage .FeaturedResources.CalloutBlockCarousel .CalloutBlockInner{padding-bottom:50px;} .HomePage .FeaturedResources.CalloutBlockCarousel .CalloutBlockItems{/* Minimum padding needed to prevent box-shadow overflow * while also preventing shadows creeping into other slides. */ padding-block:var(--CalloutBlockItems-PaddingTop) 22px;scroll-padding-block:var(--CalloutBlockItems-PaddingTop) 22px;} .HomePage .FeaturedResources .CalloutBlockItemInner{background-color:var(--Colors-UniversalWhite);box-shadow:0 6px 12px 0 rgba(0,0,0,0.12);border-radius:4px;position:relative;top:0;transition:var(--HoverableTransitionDuration);} .HomePage .FeaturedResources .CalloutBlockItem.DarkMode .CalloutBlockItemInner{background-color:var(--Colors-Neutral07);} .HomePage .FeaturedResources.CalloutBlockCarousel .CalloutBlockItemInner{margin:0;} .HomePage .FeaturedResources .CalloutBlockItem:hover .CalloutBlockItemInner{box-shadow:0 12px 18px 0 rgba(0,0,0,0.24);position:relative;top:-8px;transition:.25s;} .HomePage .FeaturedResources .CalloutBlockItemInner .CalloutBlockItemInnerLink{border-radius:inherit;} .HomePage .FeaturedResources .CalloutBlockItemInner .CalloutBlockItemInnerLink:focus .CalloutBlockItemLinkText{text-decoration:underline;} .HomePage .FeaturedResources .CalloutBlockItemContent{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;padding:24px;justify-content:space-between;text-align:left;} .HomePage .FeaturedResources .CalloutBlockItemTitle{margin-bottom:5px;} .HomePage .FeaturedResources .CalloutBlockItemDescription{margin-bottom:22px;} .HomePage .FeaturedResources .CalloutBlockItemImage{border-top-left-radius:inherit;border-top-right-radius:inherit;padding-bottom:50%;} .HomePage .FeaturedResources .CalloutBlockItemLink{font-weight:700;font-style:normal;text-decoration:none;} .HomePage .FeaturedResources .CalloutBlockItemInner:hover .CalloutBlockItemLink{text-decoration:underline;} .HomePage .FeaturedResources .CalloutBlockItemInner:focus .CalloutBlockItemLink{text-decoration:underline;} .HomePage .FeaturedResources.CalloutBlockCarousel .CalloutBlockNavigation{padding:0;} /* Responsive */ @media (max-width: 1140px) { .HomePage .FeaturedResources.CalloutBlockCarousel{--CalloutBlockItems-GapWidth:30px;} } @media (max-width: 768px) { .HomePage .FeaturedResources{--CalloutBlockTitle-MarginBottom:18px;} .HomePage .FeaturedResources .CalloutBlockInner{padding-block:50px 30px;} .HomePage .FeaturedResources .CalloutBlockItem{margin-bottom:0;} .HomePage .FeaturedResources .CalloutBlockItemInner{margin:0;} .HomePage .FeaturedResources .CalloutBlockNavigationDots{padding:8px 0 0;} .HomePage .FeaturedResources .CalloutBlockNavigationArrow:focus g{fill:#FFFFFF;} } @media (max-width: 640px) { .HomePage .FeaturedResources .CalloutBlockItemContent{text-align:center;} } @media (max-width: 480px) { .HomePage .FeaturedResources.CalloutBlockCarousel{--CalloutBlockItems-GapWidth:36px;} } .HomePage .FeaturedSearches{--CalloutBlockInner-InlineGutterOffsetWidth:0px;--CalloutBlockItems-GapWidth:12px;background-color:#FFFFFF;} .HomePage .FeaturedSearches .CalloutBlockInner{padding-block:72px;} .HomePage .FeaturedSearches .CalloutBlockItems{--CalloutBlockItem-MaxWidth:230px;} .HomePage .FeaturedSearches .CalloutBlockItemInner{margin:0;} .HomePage .FeaturedSearches .CalloutBlockIcon{max-width:110px;} .HomePage .FeaturedSearches .CalloutBlockItemContent{justify-content:center;padding:0;} .HomePage .FeaturedSearches .CalloutBlockItemTitle{color:inherit;font:inherit;margin:0;width:100%;word-wrap:break-word;} .HomePage .FeaturedSearches .CalloutBlockItemViewURL{display:none;} /* Responsive */ @media (max-width: 960px) { .HomePage .FeaturedSearches .CalloutBlockInner{padding-block:24px 50px;} .HomePage .FeaturedSearches.CalloutBlockStatic.CalloutBlock5Columns .CalloutBlockItem{margin-bottom:0;} } @media (max-width: 768px) { .HomePage .FeaturedSearches{--CalloutBlock-ColumnCount:2;} } @media (max-width: 640px) { .HomePage .FeaturedSearches{--CalloutBlock-ColumnCount:1;} } :root{--FeaturedServicesCalloutBlockItemHoverBorderColor:var(--Colors-Brand02);} .HomePage .CalloutBlock.FeaturedServices{--CalloutBlockTitle-MarginBottom:48px;background-color:#FFFFFF;} .HomePage .FeaturedServices .CalloutBlockInner{padding-block:72px;} .HomePage .FeaturedServices .CalloutBlockItemInner{background-color:var(--Colors-UniversalWhite);border:solid 1px var(--Colors-Neutral03);border-radius:4px;transition:var(--HoverableTransitionDuration);} .HomePage .FeaturedServices .CalloutBlockItem:where(.DarkMode) .CalloutBlockItemInner{background-color:var(--Colors-Neutral07);border-color:var(--Colors-Neutral05);} .HomePage .FeaturedServices .CalloutBlockItemInner:hover{border-color:var(--FeaturedServicesCalloutBlockItemHoverBorderColor);} .HomePage .FeaturedServices .CalloutBlockItemContent{padding:24px 24px 48px;} .HomePage .FeaturedServices .CalloutBlockItemIcon{width:112px;height:112px;margin:0 auto 24px;} .HomePage .FeaturedServices .CalloutBlockItemTitle{margin:0;} .HomePage .FeaturedServices .CalloutBlockItemTitle:has(+ *){margin-bottom:10px;} .HomePage .FeaturedServices .CalloutBlockItemDescription{font-size:14px;} .HomePage .FeaturedServices .CalloutBlockItemLink{font-weight:700;font-style:normal;text-decoration:none;} .HomePage .FeaturedServices .CalloutBlockItemInner:hover .CalloutBlockItemLink,.HomePage .FeaturedServices .CalloutBlockItemInnerLink:focus .CalloutBlockItemLinkText{text-decoration:underline;} /* Responsive */ @media (max-width: 640px) { .HomePage .FeaturedServices .CalloutBlockInner{padding-block:72px;} .HomePage .FeaturedServices .CalloutBlockItemInner{margin:0;} } :root{--FeaturedSpecialsItemHoverBorderColor:var(--Colors-Brand02);--FeaturedSpecialsCalloutBlockNavigationColor:var(--Colors-Brand01);--FeaturedSpecialsCalloutBlockNavigationDotActiveBackgroundColor:var(--FeaturedSpecialsCalloutBlockNavigationColor);} .HomePage .FeaturedSpecials{--CalloutBlockTitle-MarginBottom:36px;--CalloutBlockItems-GapWidth:36px;--CalloutBlockInner-InlineGutterOffsetWidth:0px;} .HomePage .FeaturedSpecials.CalloutBlockCarousel{background-color:#FFF;} .HomePage .FeaturedSpecials .CalloutBlockInner{padding-block:72px;} .HomePage .FeaturedSpecials .CalloutBlockItemInner{margin:0 18px;} .HomePage .FeaturedSpecials.CalloutBlockCarousel .CalloutBlockItemInner{margin:0;} .HomePage .FeaturedSpecials .CalloutBlockItemInnerLink{display:flex;flex-direction:row;align-items:center;background-color:var(--Colors-UniversalWhite);border:solid 1px var(--Colors-Neutral03);border-radius:4px;padding:24px;width:100%;height:100%;transition:.25s;} .HomePage .FeaturedSpecials .CalloutBlockItem:where(.DarkMode) .CalloutBlockItemInnerLink{background-color:var(--Colors-Neutral07);border-color:var(--Colors-Neutral05);} .HomePage .FeaturedSpecials .CalloutBlockItemInnerLink:hover{border-color:var(--FeaturedSpecialsItemHoverBorderColor);} .HomePage .FeaturedSpecials .CalloutBlockItemInnerLink:focus .CalloutBlockItemLinkText{text-decoration:underline;} .HomePage .FeaturedSpecials .CalloutBlockItemTitle{font:var(--BlurbHeading-Size3-Font);letter-spacing:var(--BlurbHeading-Size3-LetterSpacing);margin-bottom:4px;} .HomePage .FeaturedSpecials .CalloutBlockItemDescription{margin-bottom:16px;flex:none;} .HomePage .FeaturedSpecials .CalloutBlockItemImage{padding-bottom:0;width:148px;height:148px;} .HomePage .FeaturedSpecials .CalloutBlockItemContent{padding:0 0 0 24px;text-align:left;} .HomePage .FeaturedSpecials .CalloutBlockItem[href]:hover .CalloutBlockItemLink{text-decoration:underline;} .HomePage .FeaturedSpecials .CalloutBlockItem:focus .CalloutBlockItemLink:not(.Button){text-decoration:underline;} /* Responsive */ @media (max-width: 870px) { .HomePage .FeaturedSpecials .CalloutBlockItemImage{width:112px;height:112px;} } @media (max-width: 768px) { .HomePage .FeaturedSpecials.CalloutBlockCarousel{--CalloutBlock-ColumnCount:1;} .HomePage .FeaturedSpecials .CalloutBlockInner{padding-block:40px 24px;} .HomePage .FeaturedSpecials .CalloutBlockItemInner{margin:0;} } @media (max-width: 640px) { .HomePage .FeaturedSpecials .CalloutBlockInner{padding-block:40px;} .HomePage .FeaturedSpecials .CalloutBlockItemInner{flex-direction:column;} .HomePage .FeaturedSpecials.CalloutBlockStatic.CalloutBlock2Columns .CalloutBlockItem{padding:16px 0 16px 10px;margin-bottom:16px;} .HomePage .FeaturedSpecials .CalloutBlockItemInnerLink{display:block;margin:0 auto;} .HomePage .FeaturedSpecials.CalloutBlockStatic.CalloutBlock2Columns .CalloutBlockItem:last-child{margin-bottom:0;} .HomePage .FeaturedSpecials .CalloutBlockItemImage{width:64px;height:64px;margin:0 auto 17px;} .HomePage .FeaturedSpecials .CalloutBlockItemTitle{margin-bottom:0;} .HomePage .FeaturedSpecials .CalloutBlockItemDescription{margin-bottom:28px;} .HomePage .FeaturedSpecials .CalloutBlockItemLink{font-size:14px;} .HomePage .FeaturedSpecials .CalloutBlockItemContent{padding:0;text-align:center;} .HomePage .FeaturedSpecials .CalloutBlockCarousel .CalloutBlockInner{padding:40px 24px 30px;} } .HomePage .FeaturedSpecialsWithButton{--CalloutBlockInner-InlineGutterOffsetWidth:0px;--FeaturedSpecialsWithButtonItem-PaddingLeft:20px;--FeaturedSpecialsWithButtonItemInner-PaddingInlineWidth:30px;} .HomePage .FeaturedSpecialsWithButton .CalloutBlockItem{height:auto;padding:24px 0 24px var(--FeaturedSpecialsWithButtonItem-PaddingLeft);transition:.25s;} .HomePage .FeaturedSpecialsWithButton .CalloutBlockItemInner{background-color:var(--Colors-Neutral01);border-radius:18px;display:flex;flex-direction:row;justify-content:space-between;margin:0 0 0 24px;padding:24px var(--FeaturedSpecialsWithButtonItemInner-PaddingInlineWidth);} .HomePage .FeaturedSpecialsWithButton .CalloutBlockItem.DarkMode .CalloutBlockItemInner{background-color:var(--Colors-Neutral07);} .HomePage .FeaturedSpecialsWithButton .CalloutBlockItemImageColumn{display:flex;flex:0 0 37.533%;flex-direction:column;width:37.533%;} .HomePage .FeaturedSpecialsWithButton .CalloutBlockItemImage{aspect-ratio:20 / 13;filter:drop-shadow(0 6px 6px rgba(0,0,0,0.12));height:unset;margin:0 0 36px calc(0px - (var(--FeaturedSpecialsWithButtonItemInner-PaddingInlineWidth) + var(--FeaturedSpecialsWithButtonItem-PaddingLeft)));padding-bottom:0;transform:rotate(-2deg);width:calc(100% + 50px);} .HomePage .FeaturedSpecialsWithButton .CalloutBlockItemLink{inline-size:max-content;} .HomePage .FeaturedSpecialsWithButton .CalloutBlockItemLinkIcon{display:none;} .HomePage .FeaturedSpecialsWithButton .CalloutBlockItemContent{flex:0 0 54.068%;padding:0;text-align:left;width:54.068%;} .HomePage .FeaturedSpecialsWithButton .CalloutBlockItemTitle{margin-bottom:14px;} .HomePage .FeaturedSpecialsWithButton .CalloutBlockItemDescription{flex:0 0 auto;margin:0;} .HomePage .FeaturedSpecialsWithButton .CalloutBlockItemContent .CalloutBlockItemLink{display:none;} /* Responsive */ @media (max-width: 1200px) { .HomePage .FeaturedSpecialsWithButton .CalloutBlockItem{padding-left:0;} .HomePage .FeaturedSpecialsWithButton .CalloutBlockItemInner{flex-direction:column;gap:18px;padding:18px 24px;} .HomePage .FeaturedSpecialsWithButton .CalloutBlockItemImageColumn{flex:0 0 auto;width:100%;} .HomePage .FeaturedSpecialsWithButton .CalloutBlockItemImage{height:unset;margin:-48px 0 0;width:100%;} .HomePage .FeaturedSpecialsWithButton .CalloutBlockItemContent{flex:1 1 auto;width:100%;} .HomePage .FeaturedSpecialsWithButton .CalloutBlockItemTitle{margin-bottom:2px;} .HomePage .FeaturedSpecialsWithButton .CalloutBlockItemDescription{flex:1 1 auto;margin-bottom:14px;} .HomePage .FeaturedSpecialsWithButton .CalloutBlockItemImageColumn .CalloutBlockItemLink{display:none;} .HomePage .FeaturedSpecialsWithButton .CalloutBlockItemContent .CalloutBlockItemLink{display:inline-flex;width:fit-content;} } @media (max-width: 960px) { .HomePage .FeaturedSpecialsWithButton.CalloutBlockCarousel{--CalloutBlock-ColumnCount:2;} .HomePage .FeaturedSpecialsWithButton .CalloutBlockItem{max-width:none;} } @media (max-width: 768px) { .HomePage .FeaturedSpecialsWithButton.CalloutBlockCarousel{--CalloutBlock-ColumnCount:1;} } .HomePage .InfoBlockImageCutout.FeaturedStoryRight,.HomePage .InfoBlockImageCutout.FeaturedStoryLeft{padding:72px;width:100%;} .HomePage .FeaturedStoryRight .InfoBlockInner,.HomePage .FeaturedStoryLeft .InfoBlockInner{max-width:1326px;margin:0 auto;} .HomePage .FeaturedStoryRight .InfoBlockColumns,.HomePage .FeaturedStoryLeft .InfoBlockColumns{gap:72px;} .HomePage .FeaturedStoryLeft .InfoBlockColumns{flex-direction:row-reverse;} .HomePage .FeaturedStoryRight.InfoBlockImageCutout .InfoBlockColumn,.HomePage .FeaturedStoryLeft.InfoBlockImageCutout .InfoBlockColumn{flex-basis:auto;} .HomePage .FeaturedStoryRight.InfoBlockImageCutout .InfoBlockContentColumn,.HomePage .FeaturedStoryLeft.InfoBlockImageCutout .InfoBlockContentColumn{padding-left:0;padding-right:0;width:52.036%;} .HomePage .InfoBlockImageCutout.FeaturedStoryRight .InfoBlockImageColumn,.HomePage .InfoBlockImageCutout.FeaturedStoryLeft .InfoBlockImageColumn{align-self:auto;width:42.534%;} .HomePage .InfoBlockImageCutout.FeaturedStoryRight .InfoBlockImage{margin-left:auto;width:100%;} .HomePage .InfoBlockImageCutout.FeaturedStoryLeft .InfoBlockImage{width:100%;} .HomePage .InfoBlockImageCutout.FeaturedStoryRight .InfoBlockTitle,.HomePage .InfoBlockImageCutout.FeaturedStoryLeft .InfoBlockTitle{font-weight:700;margin:0;} .HomePage .InfoBlockImageCutout.FeaturedStoryLeft .InfoBlockDescription,.HomePage .InfoBlockImageCutout.FeaturedStoryRight .InfoBlockDescription{margin:0;} .HomePage .FeaturedStoryLeft .InfoBlockTitle + .InfoBlockDescription,.HomePage .FeaturedStoryRight .InfoBlockTitle + .InfoBlockDescription{margin-top:18px;} .HomePage .FeaturedStoryLeft .InfoBlockButtons,.HomePage .FeaturedStoryRight .InfoBlockButtons{margin:0;padding:0;} .HomePage .FeaturedStoryLeft .InfoBlockTitle + .InfoBlockButtons,.HomePage .FeaturedStoryRight .InfoBlockTitle + .InfoBlockButtons,.HomePage .FeaturedStoryLeft .InfoBlockDescription + .InfoBlockButtons,.HomePage .FeaturedStoryRight .InfoBlockDescription + .InfoBlockButtons{margin-top:34px;} /* Responsive */ @media (max-width: 768px) { .HomePage .FeaturedStoryRight .InfoBlockColumns,.HomePage .FeaturedStoryLeft .InfoBlockColumns{gap:36px;} .HomePage .InfoBlockImageCutout.FeaturedStoryRight .InfoBlockContentColumn,.HomePage .InfoBlockImageCutout.FeaturedStoryLeft .InfoBlockContentColumn{padding:0;} .HomePage .InfoBlockImageCutout.FeaturedStoryRight .InfoBlockContentColumn,.HomePage .InfoBlockImageCutout.FeaturedStoryLeft .InfoBlockContentColumn{text-align:left;} .HomePage .InfoBlockImageCutout.FeaturedStoryRight .InfoBlockImage,.HomePage .InfoBlockImageCutout.FeaturedStoryLeft .InfoBlockImage{max-width:unset;} } @media (max-width: 640px) { .HomePage .InfoBlockImageCutout.FeaturedStoryRight,.HomePage .InfoBlockImageCutout.FeaturedStoryLeft{padding:30px 24px;} } /** Home Page - Featured Weekly Product @InfoBlockPriceFontColor #0d75ad @InfoBlockButtonColor #0d75ad **/ :root{--FeaturedWeeklyProductPrice-Color:var(--Colors-Brand01);} .HomePage .FeaturedWeeklyProduct{padding:30px;background-repeat:no-repeat;background-size:cover;background-position:center;} .HomePage .FeaturedWeeklyProductInner{padding:50px;max-width:1120px;margin:10px auto;background-color:#FAFAFA;} .HomePage .FeaturedWeeklyProductIcon{display:block;width:111px;height:63px;background-repeat:no-repeat;margin:0 auto 6px;object-fit:contain;} .HomePage .FeaturedWeeklyProductTitle{color:var(--BlurbHeadings-Color);font:var(--BlurbHeading-Size3-Font);letter-spacing:var(--BlurbHeading-Size3-LetterSpacing);text-align:center;} .HomePage .FeaturedWeeklyProduct .InfoBlockImageColumn{margin-right:48px;width:100%;height:100%;max-width:215px;min-height:215px;border-radius:50%;border:solid 1px #D4D4D4;background-color:#FFFFFF;display:flex;justify-content:center;align-items:center;} .HomePage .FeaturedWeeklyProduct .InfoBlockImageColumn .InfoBlockImage{width:120px;height:120px;} .HomePage .FeaturedWeeklyProduct .InfoBlockTitle{font-size:32px;font-weight:400;color:#363636;letter-spacing:-.75px;margin-bottom:26px;} .HomePage .FeaturedWeeklyProduct .InfoBlockPrice{font-size:20px;color:var(--FeaturedWeeklyProductPrice-Color);margin-bottom:14px;font-weight:600;} .HomePage .FeaturedWeeklyProduct .InfoBlockButtons{margin-top:0;justify-content:flex-start;} .HomePage .FeaturedWeeklyProduct .InfoBlockButton{min-width:150px;} .HomePage .FeaturedWeeklyProduct .ProductLowerPriceIcon{display:none;} .HomePage .FeaturedWeeklyProduct .ProductPriceInCartDialogHeading,.HomePage .FeaturedWeeklyProduct .ProductPriceInCartDialogContent,.HomePage .FeaturedWeeklyProduct .ProductLowerPriceArrowIcon{display:none;} /* Responsive */ @media (max-width: 768px) { .HomePage .FeaturedWeeklyProductInner{padding:50px 24px;margin:10px 18px 0;} } @media (max-width: 640px) { .HomePage .FeaturedWeeklyProductInner{padding:36px 24px;} .HomePage .FeaturedWeeklyProduct .InfoBlockColumns{flex-direction:column;} .HomePage .FeaturedWeeklyProduct .InfoBlockImage{width:175px;height:175px;} .HomePage .FeaturedWeeklyProduct .InfoBlockTitle{font-size:24px;font-weight:400;color:#363636;letter-spacing:-.55px;margin-bottom:26px;} .HomePage .FeaturedWeeklyProduct .InfoBlockPrice{font-size:16px;margin-bottom:6px;} .HomePage .FeaturedWeeklyProduct .InfoBlockImageColumn{margin:0 auto 24px;} } :root{--HomePageHeroImageSubtitle-Font:var(--BlurbContent-Size3-Font);--HomePageHeroImageSubtitle-LetterSpacing:var(--BlurbContent-Size3-LetterSpacing);--HomePageHeroImageTitle-Font:var(--BlurbHeading-Size1-Font);--HomePageHeroImageTitle-LetterSpacing:var(--BlurbHeading-Size1-LetterSpacing);} .Blurb.HeroImage{--HeroImageCopy-Color:var(--BlurbCopy-Color);--HeroImageHeadings-Color:var(--BlurbHeadings-Color);--HomePageHeroImage-BackgroundColor:var(--Colors-Neutral02);} .Blurb.HeroImage.DarkMode{--HomePageHeroImage-BackgroundColor:var(--Colors-Neutral08);} .HomePage .HeroImage{background-color:var(--HomePageHeroImage-BackgroundColor);background-position:center center;background-size:cover;position:relative;} .HomePage .HeroImage.AlignContentLeft{text-align:left;} .HomePage .HeroImageInner{max-width:var(--DefaultContentInnerMaxWidth);padding-inline:var(--InlineGutterWidth);position:relative;z-index:3;} .HomePage .HeroImage.AlignContentLeft .HeroImageInner{width:100%;} .HomePage .HeroImage :is(.HeroImageTitle,.HeroImageSubtitle,.HeroImageButtons){margin-inline:auto;max-width:640px;} .HomePage .HeroImageTitle{color:var(--HeroImageHeadings-Color);font:var(--HomePageHeroImageTitle-Font);letter-spacing:var(--HomePageHeroImageTitle-LetterSpacing);margin-bottom:18px;} .HomePage .HeroImageSubtitle{color:var(--HeroImageCopy-Color);font:var(--HomePageHeroImageSubtitle-Font);letter-spacing:var(--HomePageHeroImageSubtitle-LetterSpacing);margin-bottom:42px;} .HomePage .HeroImage.AlignContentLeft :is(.HeroImageTitle,.HeroImageSubtitle,.HeroImageButtons){margin-inline:unset;} .HomePage .HeroImageButtons{display:flex;flex-wrap:wrap;gap:40px;justify-content:center;} .HomePage .HeroImage.AlignContentLeft .HeroImageButtons{justify-content:start;} .HomePage .HeroImageButton{margin:0;min-width:215px;} .HomePage .HeroImageButton > *{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} /** Hero Image - Standard */ .HomePage .Header.TransparentMode + .MainContent .HeroImageStandard:first-child .HeroImageInner{padding-top:calc(var(--HeroImagePaddingTopBottom) + var(--HeaderInnerContentHeight));} .HomePage .HeroImageStandard .HeroImageImage{margin:0 0 40px;max-width:100%;} .HomePage .HeroImageStandard .HeroBackgroundImage{display:block;height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%;z-index:0;} /** Hero Image - Image Cutout */ .HomePage .HeroImageImageCutout .HeroImageInner{max-width:1200px;padding:150px 50px 0;} .HomePage .Header.TransparentMode + .MainContent .HeroImageImageCutout:first-child .HeroImageInner{padding-top:calc(150px + var(--HeaderInnerContentHeight));} .HomePage .HeroImageImageCutout .HeroImageContentColumn{padding-bottom:150px;padding-right:50px;} @media (max-width: 1140px) { /** Hero Image - Image Cutout */ .HomePage .HeroImageImageCutout .HeroImageInner{padding-top:170px;} .HomePage .Header.TransparentMode + .MainContent .HeroImageImageCutout:first-child .HeroImageInner{padding-top:calc(170px + var(--HeaderInnerContentHeight));} .HomePage .HeroImageImageCutout .HeroImageContentColumn{padding-bottom:100px;padding-right:30px;} } @media (max-width: 960px) { .HomePage .HeroImage.AlignContentLeft{text-align:center;} .HomePage .HeroImage.AlignContentLeft :is(.HeroImageTitle,.HeroImageSubtitle,.HeroImageButtons){margin-inline:auto;} .HomePage .HeroImage.AlignContentLeft .HeroImageButtons{justify-content:center;} } @media (max-width: 768px) { :root{--HomePageHeroImageTitle-Font:var(--BlurbHeading-Size2-Font);--HomePageHeroImageTitle-LetterSpacing:var(--BlurbHeading-Size2-LetterSpacing);} .HomePage .HeroImageTitle{margin-bottom:8px;} .HomePage .HeroImageSubtitle{margin-bottom:40px;} /** Hero Image - Image Cutout **/ .HomePage .HeroImageImageCutout .HeroImageInner{padding-block:150px 80px;} .HomePage .Header.TransparentMode + .MainContent .HeroImageImageCutout:first-child .HeroImageInner{padding-top:calc(150px + var(--HeaderInnerContentHeight));} .HomePage .HeroImageImageCutout .HeroImageColumns{flex-wrap:wrap;} .HomePage .HeroImageImageCutout .HeroImageContentColumn{flex:1 1 100%;max-width:500px;padding:0;text-align:center;} .HomePage .HeroImageImageCutout .HeroImageImageColumn{display:none;} } @media (max-width: 640px) { .HomePage .HeroImageButtons{gap:20px;margin:0 auto;max-width:280px;} .HomePage .HeroImageButton{min-width:0;width:100%;} .HomePage .HeroImageButton:last-child{margin:0;} } @media (max-width: 480px) { .HomePage .HeroImageTitle{margin-bottom:20px;} .HomePage .HeroImageSubtitle{margin-bottom:20px;} } :root{--HeroImageBlockImageLink-BorderRadius:0px;} .HomePage .HeroImage.HeroImageBlocks{background-color:#FFFFFF;} .HomePage .HeroImageBlocks .HeroImageInner{align-items:center;display:flex;flex-direction:row;justify-content:space-between;max-width:var(--DefaultContentInnerMaxWidth);padding:var(--Blurb-PaddingBlockWidth) var(--Blurb-PaddingInlineWidth);} .HomePage .Header.TransparentMode + .MainContent .HeroImageBlocks:first-child .HeroImageInner{padding-top:calc(var(--Blurb-PaddingBlockWidth) + var(--HeaderInnerContentHeight));} .HomePage .KeywordChips + .HeroImageBlocks .HeroImageInner{padding-top:0;} .HomePage .HeroImageBlocks .HeroImageBlocksLeft{width:67.36%;} .HomePage .HeroImageBlocks .HeroImageBlocksRight{align-self:stretch;display:flex;flex-direction:column;justify-content:space-between;width:30.97%;} .HomePage .HeroImageBlocks .HeroImageBlockImageLink{border-radius:var(--HeroImageBlockImageLink-BorderRadius);display:block;position:relative;transition:var(--HoverableTransitionDuration);} .HomePage .HeroImageBlocks .HeroImageBlockImageLink:hover{opacity:.8;} .HomePage .HeroImageBlocks .HeroImageBlockImageLink:focus{outline:none;} .HomePage .HeroImageBlocks .HeroImageBlockImageLink::after{border-radius:inherit;content:"";height:calc(100% + (var(--InterfaceFocusRing-Offset) * 2));left:calc(0px - var(--InterfaceFocusRing-Offset));pointer-events:none;position:absolute;top:calc(0px - var(--InterfaceFocusRing-Offset));width:calc(100% + (var(--InterfaceFocusRing-Offset) * 2));transition:box-shadow var(--HoverableTransitionDuration);z-index:var(--InterfaceFocusRing-ZIndex);} .HomePage .HeroImageBlocks .HeroImageBlockImageLink:focus::after{box-shadow:var(--InterfaceFocusRingForAfter-BoxShadow);} .HomePage .HeroImageStandard.HeroImageBlocks .HeroImageImage{border-radius:inherit;display:block;margin:0;width:100%;} /* Responsive */ @media (max-width: 768px) { .HomePage .HeroImageBlocks .HeroImageInner{flex-direction:column;gap:24px;} .HomePage .HeroImageBlocks .HeroImageBlocksLeft{width:100%;} .HomePage .HeroImageBlocks .HeroImageBlocksRight{gap:24px;width:100%;} } /** Hero Image - Slider */ .HomePage .HeroImageSlider{--CalloutBlockItems-GapWidth:0px;--CalloutBlockItems-MaxWidth:unset;position:relative;} .HomePage .HeroImageSlider .CalloutBlockInner{padding:0;} .HomePage .HeroImageSlider .CalloutBlockItems{align-items:center;} .HomePage .HeroImageSlider .CalloutBlockItemInner{margin:0;} .HomePage .HeroImageSlider .CalloutBlockItemImage{display:block;padding:0;} .HomePage .HeroImageSlider .CalloutBlockItemContent{display:none;} .HomePage .HeroImageSlider .CalloutBlockNavigation{padding:0;} @media (min-width: 641px) { .HomePage .HeroImageSlider .CalloutBlockNavigationDots{display:none;} .HomePage .HeroImageSlider .CalloutBlockNavigationArrow{width:8%;border:none;border-radius:0;background-image:linear-gradient(270deg,rgba(0,0,0,0.00) 0%,rgba(0,0,0,0.60) 100%);background-color:transparent;position:absolute;left:0;margin:0;top:0;z-index:1;cursor:pointer;height:100%;transition:.25s;} .HomePage .HeroImageSlider .CalloutBlockNavigationArrow:focus{background-color:transparent;} .HomePage .HeroImageSlider .CalloutBlockNavigationArrow:hover{width:9%;background-image:linear-gradient(270deg,rgba(0,0,0,0.00) 0%,rgba(0,0,0,0.80) 100%);transition:.25s;} .HomePage .HeroImageSlider .CalloutBlockNavigationArrow:active{opacity:1;} .HomePage .HeroImageSlider .CalloutBlockNavigationArrow::after{border-radius:inherit;height:100%;left:0;width:100%;top:0;} .HomePage .HeroImageSlider .CalloutBlockNavigationArrow:focus::after{box-shadow:var(--InterfaceFocusRingInset-BoxShadow);} .HomePage .HeroImageSlider .CalloutBlockNavigationArrow.CalloutBlockNavigationNext{left:unset;right:0;background-image:linear-gradient(90deg,rgba(0,0,0,0.00) 0%,rgba(0,0,0,0.60) 100%);} .HomePage .HeroImageSlider .CalloutBlockNavigationArrow.CalloutBlockNavigationNext:hover{background-image:linear-gradient(90deg,rgba(0,0,0,0.00) 0%,rgba(0,0,0,0.80) 100%);} .HomePage .HeroImageSlider .CalloutBlockNavigationArrowIcon{height:54px;width:54px;} .HomePage .HeroImageSlider .CalloutBlockNavigationArrowIcon svg{fill:var(--Colors-UniversalWhite);} } @media (max-width: 640px) { /** Hero Image - Slider **/ .HomePage .HeroImageSlider{display:flex;flex-wrap:wrap;justify-content:center;padding-bottom:30px;} .HomePage .HeroImageSlider .HeroImageSliderImage{display:none;} .HomePage .HeroImageSlider .HeroImageSliderImageOnly{display:block;} .HomePage .HeroImageSlider .HeroImageSliderMobileImage{display:block;} .HomePage .HeroImageSlider .slick-list{order:1;max-height:320px;overflow:hidden;} .HomePage .HeroImageSlider .HeroPreviousArrow,.HomePage .HeroImageSlider .HeroNextArrow{width:36px;height:36px;align-self:flex-start;background:transparent;position:relative;border:solid 2px var(--HomePageHeroImageSliderBorderColor);border-radius:100%;margin:20px 5px 0;} .HomePage .HeroImageSlider .HeroPreviousArrow svg{transform:rotate(180deg);margin:0 auto;} .HomePage .HeroImageSlider .HeroNextArrow svg{margin:0 auto;} .HomePage .HeroImageSlider .HeroPreviousArrow svg g,.HomePage .HeroImageSlider .HeroNextArrow svg g{fill:var(--HomePageHeroImageSliderArrowFill);} .HomePage .HeroImageSlider .HeroPreviousArrow:focus svg g,.HomePage .HeroImageSlider .HeroNextArrow:focus svg g{fill:#FFFFFF;} .HomePage .HeroImageSlider .HeroPreviousArrow:hover,.HomePage .HeroImageSlider .HeroNextArrow:hover{width:36px;background-image:none;} .HomePage .HeroImageSlider .HeroPreviousArrow{order:3;left:auto;padding:0 8px 0 6px;} .HomePage .HeroImageSlider .HeroPreviousArrow:focus,.HomePage .HeroImageSlider .HeroNextArrow:focus{background-color:var(--HomePageHeroImageSliderArrowFocusBackgroundColor);} .HomePage .HeroImageSlider .HeroNextArrow{order:4;right:auto;transform:rotate(0deg);padding:0 6px 0 8px;} .HomePage .HeroImageSlider .SliderNavigationDots{order:2;width:100%;display:flex;justify-content:center;padding:20px 0 0;margin:0;} .HomePage .HeroImageSlider .SliderNavigationDots li{list-style-type:none;margin:0;line-height:0;} .HomePage .HeroImageSlider .SliderNavigationDots li button{font-size:0;border-radius:100%;height:12px;width:12px;padding:0;border:none;background-color:rgba(0,0,0,0.35);margin:0 6px;cursor:pointer;} .HomePage .HeroImageSlider .SliderNavigationDots li.slick-active button{background-color:var(--HomePageHeroImageSliderActiveDotBackgroundColor);} } /** Hero Video */ .HomePage .HeroVideo{transition:.25s;} .HomePage .HeroVideoTitle{font-weight:700;font-size:32px;margin-bottom:40px;transition:.25s;} .HomePage .HeroVideoPlayIcon{transition:.25s;} @media (max-width: 640px) { /** Hero Video **/ .HomePage .HeroVideoTitle{font-size:26px;} } @media (max-width: 480px) { .HomePage .HeroVideoTitle{margin-bottom:30px;} .HomePage .HeroVideoPlayIcon{width:60px;height:60px;margin-bottom:30px;} } /* Hero Image With Background Video */ .HomePage .HeroImage{display:flex;justify-content:center;align-items:center;overflow:hidden;} /* 1920x1080 */ .HomePage .HeroImageStandard.HeroImageWithBgVideo.HeroImageWithBgVideo16_9{height:56.25vw;} /* 1920x804 */ .HomePage .HeroImageStandard.HeroImageWithBgVideo.HeroImageWithBgVideo160_67{height:41.875vw;} .HomePage .HeroImageStandard.HeroImageWithBgVideo .HeroImageInner{height:unset;margin:0;padding:100px 60px;} .HomePage .Header.TransparentMode + .MainContent .HeroImageStandard.HeroImageWithBgVideo:first-child .HeroImageInner{padding-top:calc(100px + var(--HeaderInnerContentHeight));} .HomePage .HeroImageStandard.HeroImageWithBgVideo .HeroBgVideoContainer{position:absolute;left:50%;top:50%;z-index:1;width:100vw;transform:translateX(-50%) translateY(-50%);} .HomePage .HeroImageStandard.HeroImageWithBgVideo .HeroBgVideoContainer::before{content:"";display:block;height:0;} .HomePage .HeroImageStandard.HeroImageWithBgVideo .HeroBgVideoContainer16_9::before{padding-bottom:56.25%;} .HomePage .HeroImageStandard.HeroImageWithBgVideo .HeroBgVideoContainer160_67::before{padding-bottom:41.875%;} .HomePage .HeroImageStandard.HeroImageWithBgVideo iframe{display:block;position:absolute;left:0;top:0;z-index:1;width:100%;height:100%;} @media (max-width: 1440px) { /* Hero Image With Background Video */ .HomePage .HeroImageStandard.HeroImageWithBgVideo.HeroImageWithBgVideo16_9{height:810px;/* 1440px * (56.25 / 100) */ } .HomePage .HeroImageStandard.HeroImageWithBgVideo.HeroImageWithBgVideo160_67{height:603px;/* 1440px * (41.875 / 100) */ } .HomePage .HeroImageStandard.HeroImageWithBgVideo .HeroBgVideoContainer{width:1440px;} } @media (max-width: 768px) { .HomePage .HeroImageStandard.HeroImageWithBgVideo .HeroBgVideoContainer{width:1440px;} } @media (max-width: 640px) { .HomePage .HeroImageStandard.HeroImageWithBgVideo.HeroImageWithBgVideo160_67{height:auto;} .HomePage .HeroImageStandard.HeroImageWithBgVideo .HeroImageInner{padding:200px 27px 83px;} .HomePage .HeroImageStandard.HeroImageWithBgVideo .HeroBgVideoContainer{display:none;} } .HomePage .InfoBlock.HorizontalAboutUs{background-color:#FFFFFF;} .HomePage .HorizontalAboutUs .InfoBlockInner{max-width:var(--DefaultContentInnerMaxWidth);padding:var(--Blurb-PaddingBlockWidth) var(--Blurb-PaddingInlineWidth);margin:0 auto;} .HomePage .HorizontalAboutUs .InfoBlockTitle{border-bottom:4px solid var(--Colors-BrandAux02);font:var(--BlurbHeading-Size3-Font);letter-spacing:var(--BlurbHeading-Size3-LetterSpacing);margin-bottom:45px;padding-bottom:7px;text-align:left;} .HomePage .HorizontalAboutUs .InfoBlockContent{display:flex;flex-direction:row;justify-content:space-between;text-align:left;} .HomePage .HorizontalAboutUs .InfoBlockInnerTitle{color:var(--Colors-BrandAux03);flex:0 0 38.194%;font:var(--BlurbHeading-Size1-Font);font-weight:var(--BlurbHeading-A-FontWeight);letter-spacing:var(--BlurbHeading-Size1-LetterSpacing);width:38.194%;} .HomePage .HorizontalAboutUs .InfoBlockDescription{color:var(--BlurbCopy-Color);flex:0 0 58.333%;font:var(--BlurbContent-Size1-Font);letter-spacing:var(--BlurbContent-Size1-LetterSpacing);width:58.333%;} .HomePage .HorizontalAboutUs .InfoBlockLink{background-color:transparent;border-radius:unset;color:var(--Colors-BrandAux02);display:inline-block;font-family:inherit;font-size:inherit;font-weight:400;outline:var(--HTMLContentAnchor-Outline);transition:var(--HTMLContentAnchor-Transition);} .HomePage .HorizontalAboutUs .InfoBlockLink:hover{background-color:transparent;} .HomePage .HorizontalAboutUs .InfoBlockLink:hover{color:var(--HTMLContentAnchorHover-Color);text-decoration:var(--HTMLContentAnchorHover-TextDecoration);} .HomePage .HorizontalAboutUs .InfoBlockLink:focus{background-color:var(--HTMLContentAnchorFocus-BackgroundColor);box-shadow:unset;color:var(--HTMLContentAnchorFocus-Color);outline:var(--HTMLContentAnchorFocus-Outline);text-decoration:var(--HTMLContentAnchorFocus-TextDecoration);} /* Responsive */ @media (max-width: 840px) { .HomePage .HorizontalAboutUs .InfoBlockTitle{margin-bottom:22px;} .HomePage .HorizontalAboutUs .InfoBlockContent{flex-direction:column;gap:20px;} .HomePage .HorizontalAboutUs .InfoBlockInnerTitle{flex-basis:100%;font:var(--BlurbHeading-Size2-Font);font-weight:var(--BlurbHeading-A-FontWeight);letter-spacing:var(--BlurbHeading-Size2-LetterSpacing);width:100%;} .HomePage .HorizontalAboutUs .InfoBlockDescription{flex-basis:100%;width:100%;} } .HomePage .InfoBlockStandard.HorizontalInfoBlock .InfoBlockInner{align-items:center;display:flex;flex-direction:row;gap:16px 72px;max-width:1188px;padding:74px 24px;text-align:left;} .HomePage .InfoBlockStandard.HorizontalInfoBlock .InfoBlockTitle{flex:1 1 35%;margin:0;} .HomePage .InfoBlockStandard.HorizontalInfoBlock .InfoBlockDescription{flex:1 1 58%;margin:0;max-width:640px;} .HomePage .HorizontalInfoBlock .InfoBlockButtons{flex:0 0 auto;justify-content:left;margin:0;padding:0;} .HomePage .HorizontalInfoBlock .InfoBlockButton{min-width:150px;} /* Responsive */ @media (max-width: 768px) { .HomePage .InfoBlockStandard.HorizontalInfoBlock .InfoBlockInner{align-items:flex-start;flex-direction:column;padding-block:57px;} } @media (max-width: 480px) { .HomePage .InfoBlockStandard.HorizontalInfoBlock .InfoBlockInner{padding-block:40px;} } .HomePage .InfoBlockVideo{padding:64px 24px;} .HomePage .InfoBlockVideo .InfoBlock{background:none;} .HomePage .InfoBlockVideo .InfoBlockInner{padding:0;margin:0 auto 40px;} .HomePage .InfoBlockVideo .InfoBlockTitle{display:inline-block;position:relative;} .HomePage .InfoBlockVideo .InfoBlockButtons{display:none;} .HomePage .InfoBlockVideo .HeroVideo{aspect-ratio:16 / 9;height:auto;max-width:1127px;margin:0 auto;min-height:unset;} .HomePage .InfoBlockVideo .HeroVideo:focus{outline:none;} .HomePage .InfoBlockVideo .HeroVideo::after{border-radius:inherit;content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;transition:box-shadow var(--HoverableTransitionDuration);z-index:var(--InterfaceFocusRing-ZIndex);} .HomePage .InfoBlockVideo .HeroVideo:focus::after{box-shadow:var(--InterfaceFocusRingInset-BoxShadow);} .HomePage .InfoBlockVideo .HeroVideoTitle{display:none;} /* Responsive */ @media (max-width: 640px) { .HomePage .InfoBlockVideo .InfoBlock .InfoBlockInner{padding:0;} } @media (max-width: 480px) { .HomePage .InfoBlockVideo .HeroVideoPlayIcon{margin-bottom:17px;} } :root{--KeywordChipsCalloutBlockTitle-Width:100px;--KeywordChipsCalloutBlockTitle-MarginRight:calc(32px - var(--InterfaceFocusRing-Thickness));} .HomePage .CalloutBlock.KeywordChips{background-color:transparent;} .HomePage .KeywordChips .CalloutBlockInner{display:flex;flex-direction:row;align-items:center;max-width:var(--DefaultContentInnerMaxWidth);padding:var(--Blurb-PaddingBlockWidth) var(--Blurb-PaddingInlineWidth);} .HomePage .Header.TransparentMode + .MainContent .KeywordChips:first-child .CalloutBlockInner{padding-top:calc(var(--Blurb-PaddingBlockWidth) + var(--HeaderInnerContentHeight));} .HomePage .KeywordChips .CalloutBlockInnerContent{padding-inline:0;margin-right:var(--KeywordChipsCalloutBlockTitle-MarginRight);} .HomePage .KeywordChips .CalloutBlockTitle{color:var(--BlurbContent-A-Color);display:inline;font:var(--BlurbContent-Size4-Font);letter-spacing:var(--BlurbContent-Size4-LetterSpacing);margin:0;width:var(--KeywordChipsCalloutBlockTitle-Width);text-align:left;} .HomePage .KeywordChips .CalloutBlockTitleLeftAligned{border:unset;padding-bottom:0;} .HomePage .KeywordChips .CalloutBlockItems{background-image:/* White Shadow "Covers" */ /* Black Overlay Shadows */ linear-gradient(to right,white,white),linear-gradient(to right,white,white),linear-gradient(to right,rgba(0,0,0,.25),rgba(0,0,0,0)),linear-gradient(to left,rgba(0,0,0,.25),rgba(0,0,0,0));background-attachment:local,local,scroll,scroll;background-color:#FFFFFF;background-position:left center,right center,left center,right center;background-repeat:no-repeat;background-size:30px var(--SmallButton-MinHeight),30px var(--SmallButton-MinHeight),20px var(--SmallButton-MinHeight),20px var(--SmallButton-MinHeight);column-gap:20px;flex:1 0 auto;flex-wrap:nowrap;justify-content:space-between;overflow-x:auto;padding:var(--InterfaceFocusRing-Thickness);width:calc(100% - var(--KeywordChipsCalloutBlockTitle-Width) - var(--KeywordChipsCalloutBlockTitle-MarginRight));} .HomePage .KeywordChips .CalloutBlockItem{flex:1 0 auto;margin:0;max-width:unset;} .HomePage .KeywordChips .CalloutBlockItemInner{margin:0;} .HomePage .KeywordChips .CalloutBlockItemContent{padding:0;} .HomePage .KeywordChips .CalloutBlockItemLink{background-color:transparent;} .HomePage .KeywordChips .CalloutBlockItemTitle{color:inherit;display:block;font:var(--MainMenuSecondLevelItem-Font);margin:0;white-space:nowrap;} /* Responsive */ @media (max-width: 768px) { :root{--KeywordChipsCalloutBlockTitle-MarginRight:auto;} .HomePage .KeywordChips .CalloutBlockInner{flex-direction:column;align-items:flex-start;} .HomePage .KeywordChips .CalloutBlockTitle{margin:0 0 9px;width:100%;} .HomePage .KeywordChips .CalloutBlockItems{width:100%;} } .HomePage .LabeledFeaturedStoryRight,.HomePage .LabeledFeaturedStoryLeft{background-color:#FFFFFF;display:block;} .HomePage .LabeledFeaturedStoryRight .InfoBlockInner,.HomePage .LabeledFeaturedStoryLeft .InfoBlockInner{max-width:var(--DefaultContentInnerMaxWidth);margin:0 auto;padding:var(--Blurb-PaddingBlockWidth) var(--Blurb-PaddingInlineWidth);} .HomePage .LabeledFeaturedStoryRight .InfoBlockColumns,.HomePage .LabeledFeaturedStoryLeft .InfoBlockColumns{gap:45px 3.54%;} .HomePage .LabeledFeaturedStoryLeft .InfoBlockColumns{flex-direction:row-reverse;} .HomePage .LabeledFeaturedStoryRight .InfoBlockContentColumn,.HomePage .LabeledFeaturedStoryLeft .InfoBlockContentColumn{flex:0 0 49.38%;text-align:left;} .HomePage .LabeledFeaturedStoryRight .InfoBlockImageColumn,.HomePage .LabeledFeaturedStoryLeft .InfoBlockImageColumn{flex:0 0 47.08%;} .HomePage .LabeledFeaturedStoryRight .InfoBlockImage,.HomePage .LabeledFeaturedStoryLeft .InfoBlockImage{display:block;margin:0 auto;width:100%;} .HomePage .LabeledFeaturedStoryRight .InfoBlockLabel,.HomePage .LabeledFeaturedStoryLeft .InfoBlockLabel{color:var(--BlurbHeadings-Color);font:var(--BlurbHeading-Size4-Font);letter-spacing:var(--BlurbHeading-Size4-LetterSpacing);} .HomePage .LabeledFeaturedStoryRight .InfoBlockTitle,.HomePage .LabeledFeaturedStoryLeft .InfoBlockTitle{color:var(--Colors-BrandAux03);font:var(--BlurbHeading-Size1-Font);font-weight:var(--BlurbHeading-A-FontWeight);letter-spacing:var(--BlurbHeading-Size1-LetterSpacing);margin:0 0 7px -5px;text-transform:uppercase;} .HomePage .LabeledFeaturedStoryRight .InfoBlockDescription,.HomePage .LabeledFeaturedStoryLeft .InfoBlockDescription{font:var(--HomePageInfoBlockDescription-Font);letter-spacing:var(--HomePageInfoBlockDescription-LetterSpacing);} .HomePage .LabeledFeaturedStoryRight .InfoBlockButtons,.HomePage .LabeledFeaturedStoryLeft .InfoBlockButtons{justify-content:flex-start;} /* Responsive */ @media (max-width: 768px) { .HomePage .LabeledFeaturedStoryRight .InfoBlockColumns{flex-direction:column-reverse;} .HomePage .LabeledFeaturedStoryLeft .InfoBlockColumns{flex-direction:column;} .HomePage .LabeledFeaturedStoryRight .InfoBlockContentColumn,.HomePage .LabeledFeaturedStoryLeft .InfoBlockContentColumn,.HomePage .LabeledFeaturedStoryRight .InfoBlockImageColumn,.HomePage .LabeledFeaturedStoryLeft .InfoBlockImageColumn{flex:0 0 100%;} .HomePage .LabeledFeaturedStoryRight .InfoBlockTitle,.HomePage .LabeledFeaturedStoryLeft .InfoBlockTitle{font:var(--BlurbHeading-Size2-Font);font-weight:var(--BlurbHeading-A-FontWeight);letter-spacing:var(--BlurbHeading-Size2-LetterSpacing);} } .HomePage .ParagraphCarouselRight,.HomePage .ParagraphCarouselLeft{--CalloutBlockInner-InlineGutterOffsetWidth:0px;--CalloutBlockInnerContentBox-MaxWidth:1200px;padding-block:104px 80px;} .HomePage .ParagraphCarouselRight.CalloutBlockCarousel,.HomePage .ParagraphCarouselLeft.CalloutBlockCarousel{--CalloutBlock-ColumnCount:1;} .HomePage .ParagraphCarouselRight .CalloutBlockInner,.HomePage .ParagraphCarouselLeft .CalloutBlockInner{padding-block:0;} .HomePage .ParagraphCarouselRight .CalloutBlockItemInner,.HomePage .ParagraphCarouselLeft .CalloutBlockItemInner{gap:24px;margin:0;} .HomePage .ParagraphCarouselRight .CalloutBlockItemInner{flex-direction:row-reverse;} .HomePage .ParagraphCarouselLeft .CalloutBlockItemInner{flex-direction:row;} .HomePage .ParagraphCarouselRight .CalloutBlockItemImage,.HomePage .ParagraphCarouselRight .CalloutBlockItemContent,.HomePage .ParagraphCarouselLeft .CalloutBlockItemImage,.HomePage .ParagraphCarouselLeft .CalloutBlockItemContent{flex:0 1 50%;width:50%;} .HomePage .ParagraphCarouselRight .CalloutBlockItemImage,.HomePage .ParagraphCarouselLeft .CalloutBlockItemImage{aspect-ratio:16 / 9;background-size:contain;background-repeat:no-repeat;margin:0 auto;padding:0;} .HomePage .ParagraphCarouselRight .CalloutBlockItemContent,.HomePage .ParagraphCarouselLeft .CalloutBlockItemContent{justify-content:center;max-width:640px;padding:0;text-align:left;} .HomePage .ParagraphCarouselRight .CalloutBlockItemDescription,.HomePage .ParagraphCarouselLeft .CalloutBlockItemDescription{flex:none;} /* Responsive */ @media (max-width: 768px) { .HomePage .ParagraphCarouselRight .CalloutBlockItemInner,.HomePage .ParagraphCarouselLeft .CalloutBlockItemInner{flex-direction:column;gap:36px;} .HomePage .ParagraphCarouselRight .CalloutBlockItemImage,.HomePage .ParagraphCarouselRight .CalloutBlockItemContent,.HomePage .ParagraphCarouselLeft .CalloutBlockItemImage,.HomePage .ParagraphCarouselLeft .CalloutBlockItemContent{flex-basis:auto;width:100%;} .HomePage .ParagraphCarouselRight .CalloutBlockItemImage,.HomePage .ParagraphCarouselLeft .CalloutBlockItemImage{max-width:520px;} .HomePage .ParagraphCarouselRight .CalloutBlockItemContent,.HomePage .ParagraphCarouselLeft .CalloutBlockItemContent{margin:0 auto;text-align:center;} } @media (max-width: 640px) { .HomePage .ParagraphCarouselRight.CalloutBlockCarousel .CalloutBlockInner,.HomePage .ParagraphCarouselLeft.CalloutBlockCarousel .CalloutBlockInner{padding:0;} } .HomePage .StoryWithTopics{--StoryWithTopicsCalloutBlockItemsColumns:2;--StoryWithTopicsCalloutBlockItemsColumnGap:74px;--StoryWithTopicsCalloutBlockItemWidth:calc((100% - ((var(--StoryWithTopicsCalloutBlockItemsColumns) - 1) * var(--StoryWithTopicsCalloutBlockItemsColumnGap))) / var(--StoryWithTopicsCalloutBlockItemsColumns));} .HomePage .StoryWithTopics .CalloutBlockInner{display:flex;flex-direction:row;gap:74px 36px;max-width:var(--DefaultContentInnerMaxWidth);padding:var(--Blurb-PaddingBlockWidth) var(--Blurb-PaddingInlineWidth);} .HomePage .StoryWithTopics .InfoBlock{background:none;display:flex;flex-shrink:0;} .HomePage .StoryWithTopics .InfoBlockStandard .InfoBlockInner{flex-shrink:0;max-width:360px;padding:0;text-align:left;width:100%;} .HomePage .StoryWithTopics .InfoBlockStandard .InfoBlockTitle{margin-bottom:6px;} .HomePage .StoryWithTopics .InfoBlockStandard .InfoBlockDescription{font:var(--BlurbContent-Size2-Font);letter-spacing:var(--BlurbContent-Size2-LetterSpacing);max-width:unset;} .HomePage .StoryWithTopics .InfoBlockButtons{justify-content:flex-start;margin-top:20px;} .HomePage .StoryWithTopics .InfoBlockBackgroundPicture{display:none;} .HomePage .StoryWithTopics .CalloutBlockItems{gap:24px var(--StoryWithTopicsCalloutBlockItemsColumnGap);padding-inline:0;} .HomePage .StoryWithTopics .CalloutBlockItem{flex-basis:var(--StoryWithTopicsCalloutBlockItemWidth);max-width:var(--StoryWithTopicsCalloutBlockItemWidth);width:var(--StoryWithTopicsCalloutBlockItemWidth);} .HomePage .StoryWithTopics .CalloutBlockItemInner{margin:0;padding:0;} .HomePage .StoryWithTopics .CalloutBlockItemInnerLink{display:flex;flex-direction:row;} .HomePage .StoryWithTopics .CalloutBlockItemImage{height:112px;margin-right:18px;padding:0;width:112px;} .HomePage .StoryWithTopics .CalloutBlockItemContent{text-align:left;padding:0;} .HomePage .StoryWithTopics .CalloutBlockItemTitle{margin-bottom:1px;} .HomePage .StoryWithTopics .CalloutBlockItemDescription{margin:0;} .HomePage .StoryWithTopics .CalloutBlockItemLink{display:none;} /* Responsive */ @media (max-width: 1200px) { .HomePage .StoryWithTopics .CalloutBlockInner{flex-direction:column;} .HomePage .StoryWithTopics .InfoBlockStandard .InfoBlockInner{max-width:700px;} } @media (max-width: 768px) { .HomePage .StoryWithTopics{--StoryWithTopicsCalloutBlockItemsColumns:1;} .HomePage .StoryWithTopics .CalloutBlockItems{flex-direction:column;} } .HomePage .WaysToShop{--CalloutBlockTitle-MarginBottom:36px;} .HomePage .WaysToShop .CalloutBlockItemContent{padding:30px 20px;} .HomePage .WaysToShop .CalloutBlockItemTitle{margin-bottom:11px;} .HomePage .WaysToShop .CalloutBlockItemLink{text-transform:uppercase;} .HomePage .WaysToShop .CalloutBlockItemLinkIcon{display:none;} .QuickContactUs{--QuickContactUsHeadingAndDescriptionMaxWidth:550px;--QuickContactUsHeadingMaxWidth:var(--QuickContactUsHeadingAndDescriptionMaxWidth);--QuickContactUsDescriptionMaxWidth:var(--QuickContactUsHeadingAndDescriptionMaxWidth);} .QuickContactUs{background:var(--Colors-UniversalWhite) scroll no-repeat center center;color:var(--Colors-UniversalText);position:relative;} .QuickContactUsInner{padding:82px var(--InlineGutterWidth) 96px;position:relative;margin:0 auto;max-width:calc(798px + var(--InlineGutterWidthBoxCalc));z-index:1;} .QuickContactUsInnerContent{margin-bottom:50px;} .QuickContactUsHeading{color:inherit;font:var(--ComponentHeading-Size2-Font);letter-spacing:var(--ComponentHeading-Size2-LetterSpacing);text-align:center;margin:0 auto 19px;max-width:var(--QuickContactUsHeadingMaxWidth);display:block;} .QuickContactUsDescription{color:inherit;font:var(--ComponentText-Size2-Font);letter-spacing:var(--ComponentText-Size2-LetterSpacing);text-align:center;margin:0 auto;max-width:var(--QuickContactUsDescriptionMaxWidth);display:block;} .QuickContactUsBackgroundImage{display:block;position:absolute;left:0;top:0;z-index:0;width:100%;height:100%;object-fit:cover;} .QuickContactUs .FormFieldRecaptcha{flex:1 0 auto;} @media (max-width: 768px) { .QuickContactUsHeading{font:var(--ComponentHeading-Size3-Font);letter-spacing:var(--ComponentHeading-Size3-LetterSpacing);} .QuickContactUsForm .FormRow{flex-wrap:wrap;} .QuickContactUsForm .FormField{width:100%;} } @media (max-width: 480px) { .QuickContactUsInner{padding:40px var(--InlineGutterWidth);} } .FormThemeContainedLabels{--BaseFormVerticalGap:24px;--BaseFormHorizontalGap:var(--BaseFormVerticalGap);--BaseFormGroupsMarginBottom:var(--BaseFormHorizontalGap);--BaseFormGroupColumnsMarginBottom:var(--BaseFormHorizontalGap);--BaseFormRowMarginBottom:var(--BaseFormHorizontalGap);} .FormThemeContainedLabels .FormField{position:relative;} .FormThemeContainedLabels .FormField::after{border-radius:var(--FormFieldInputBorderRadius);content:"";height:calc(100% + (var(--InterfaceFocusRing-Offset) * 2));left:calc(0px - var(--InterfaceFocusRing-Offset));pointer-events:none;position:absolute;top:calc(0px - var(--InterfaceFocusRing-Offset));width:calc(100% + (var(--InterfaceFocusRing-Offset) * 2));transition:box-shadow var(--HoverableTransitionDuration);z-index:var(--InterfaceFocusRing-ZIndex);} .FormThemeContainedLabels .FormField:focus-within::after{box-shadow:var(--InterfaceFocusRingForAfter-BoxShadow);} .FormThemeContainedLabels .FormFieldLabel{border-radius:calc(var(--FormFieldInputBorderRadius) - 1px) calc(var(--FormFieldInputBorderRadius) - 1px) 0 0;color:var(--FormFieldInputColor);font:var(--FormFieldInputFont);font-family:var(--Forms-FontFamily);left:var(--FormFieldInputBorderWidth,1px);margin:-2px 0 0;padding:4px 12px 0;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:var(--HoverableTransitionDuration);width:calc(100% - var(--FormFieldInputBorderWidth,1px) * 2);} .FormThemeContainedLabels .FormFieldInput{height:60px;padding-block:22px 14px;} .FormThemeContainedLabels .FormFieldInput:focus{box-shadow:unset;} .FormThemeContainedLabels .FormFieldTextArea{height:auto;min-height:160px;} .FormThemeContainedLabels .FormFieldForTextArea .FormFieldLabel{background:linear-gradient(180deg,var(--Colors-UniversalWhite) 90%,transparent);padding-bottom:5px;top:25px;} .FormThemeContainedLabels .FormFieldSelectWrapper::before,.FormThemeContainedLabels .FormFieldSelectWrapper::after{top:calc(50% + 4px);} .FormThemeContainedLabels .FormFieldForSelect + .FormFieldLabel{display:none;} .FormThemeContainedLabels .FormField:focus-within .FormFieldLabel,.FormThemeContainedLabels .FormFieldHasValue .FormFieldLabel,.FormThemeContainedLabels .FormFieldForSelect .FormFieldLabel,.FormThemeContainedLabels .FormFieldForCountryList .FormFieldLabel{color:var(--FormFieldLabelColor);font:var(--FormFieldLabelFont);font-family:var(--Forms-FontFamily);letter-spacing:var(--FormFieldLabelLetterSpacing);margin-top:0;top:var(--FormFieldInputBorderWidth,1px);transform:translateY(0%);z-index:5;} .FormThemeContainedLabelsTooltip{margin-left:-8px;margin-top:-21px;} :root{--FormFieldColorList-Color:var(--Colors-Brand01);} /*.FormGroupTitle { font-size: 19px; font-weight: 300; text-transform: none; } .FormFieldLabel { font-weight: 600; }*/ .FormFieldPaymentCardBox,.FormFieldPINBox{width:100%;} /*============================================================================== Color List ==============================================================================*/ .FormField .ColorListSelectedChoices{font-weight:700;font-size:14px;color:var(--FormFieldColorList-Color);padding:0 0 0 6px;} .FormField .ColorListChoice{padding:5px;position:relative;display:inline-block;} .FormField .ColorListChoice label{display:none;} .FormField .ColorListChoice input{width:100%;height:100%;position:absolute;left:0;top:0;opacity:0;cursor:pointer;} .FormField .ColorListChoice .ColorListChoiceSwatch{width:36px;height:36px;border:3px #EBEBEB solid;border-radius:18px;margin:0;margin-bottom:5px;pointer-events:none;transition:.25s;} .FormField .ColorListChoice .ColorListChoiceSwatch:after{content:"";width:38px;height:38px;border:1px transparent solid;border-radius:18px;position:absolute;left:4px;top:4px;box-sizing:border-box;transition:.25s;} .FormField .ColorListChoice input:focus + .ColorListChoiceSwatch{border-color:#CCCCCC;} .FormField .ColorListChoiceChecked .ColorListChoiceSwatch:after{border-color:var(--FormFieldColorList-Color);} .FormField .ColorListChoice label{text-align:center;text-transform:none;font-size:11px;} /* Tertiary Navigation */ .HeaderTertiaryNavigationInner{display:flex;margin-inline:auto;max-width:var(--DefaultContentInnerMaxWidth);padding-inline:calc(var(--InlineGutterWidth) - var(--HeaderTertiaryNavItem-PaddingInlineWidth));} .HeaderTertiaryNavigationMobile{display:none;} .HeaderTertiaryNavigationList{margin:0;padding:0;height:100%;-ms-flex:1 1 auto;flex:1 1 auto;} .HeaderTertiaryNavigationListRight{text-align:right;} .HeaderTertiaryNavigationLink{padding:0 var(--HeaderTertiaryNavItem-PaddingInlineWidth);font-size:14px;font-weight:300;height:var(--HeaderTertiaryNavHeight);line-height:var(--HeaderTertiaryNavHeight);border-right:1px var(--HeaderTertiaryNavItem-BorderColor) solid;outline:none;color:var(--HeaderTertiaryNav-Color);transition:var(--StateChangeTransitionDuration);cursor:pointer;display:inline-block;position:relative;white-space:nowrap;} .HeaderTertiaryNavigationListRight .HeaderTertiaryNavigationLink{border-left:1px var(--HeaderTertiaryNavItem-BorderColor) solid;border-right:none;} .HeaderTertiaryNavigationLink:hover{color:var(--HeaderTertiaryNavItem-HoverColor);} .HeaderTertiaryNavigationLink:focus{text-decoration:underline;outline:none;} .HeaderTertiaryNavigationLinkIcon{vertical-align:middle;margin:-3px 8px 0 0;width:30px;height:30px;} .HeaderTertiaryNavigationLinkIcon svg{width:100%;height:100%;} .HeaderTertiaryNavigationLinkIcon svg,.HeaderTertiaryNavigationArrow svg{fill:currentColor;} .HeaderTertiaryNavigationArrow{margin:-3px 0 0 8px;width:12px;height:12px;display:inline-block;} /* Header Quick Order */ .HeaderQuickOrder{background-color:#FFFFFF;padding:25px;border-radius:3px;box-shadow:0 3px 10px 0 rgba(0,0,0,0.2);position:absolute;opacity:0;visibility:hidden;left:10px;top:64px;transition:visibility 0s linear 0.25s,opacity .25s;z-index:10;} .HeaderQuickOrder:after{top:-16px;left:182px;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:none;border-bottom-color:#ffffff;border-width:8px;} .HeaderQuickOrderActive{opacity:1;visibility:visible;transition-delay:0s;} .HeaderQuickOrder .FormField{margin-bottom:20px;position:relative;} .HeaderQuickOrder .FormFieldLabel{margin:0;padding:15px;font-weight:400;width:100%;color:#484848;position:absolute;left:0;top:0;pointer-events:none;transition:.25s;} .HeaderQuickOrder .FormFieldLabel .FormFieldRequired{display:none;} .HeaderQuickOrder .FormFieldInput:focus + .FormFieldLabel,.HeaderQuickOrder .FormFieldHasValue + .FormFieldLabel{font-size:12px;top:42px;left:-15px;} .HeaderQuickOrder .FormButtonSubmit{height:40px;line-height:42px;float:right;cursor:pointer;} /* Header Logo Print */ .HeaderLogoImagePrint{display:none;} @media (max-width: 768px) { .HeaderTertiaryNavigationDesktop .HeaderTertiaryNavigationListRight .HeaderTertiaryNavigationLink:first-child{display:none;} } @media (max-width: 640px) { .HeaderTertiaryNavigationDesktop{display:none;} .HeaderTertiaryNavigationMobile{display:-ms-flexbox;display:flex;} .HeaderTertiaryNavigationLink{max-width:33.33%;-ms-flex:1 1 33.33%;flex:1 1 33.33%;text-align:center;} } @media (max-width: 480px) { .HeaderTertiaryNavigationLink{font-size:13px;padding:0 10px;} .HeaderTertiaryNavigationLinkIcon{margin-right:6px;width:12px;height:12px;} } :root{--OrderHistoryItemName-Color:var(--Colors-UniversalText);--OrderHistoryItemPriceDiscount-Color:var(--Colors-UniversalText);--OrderHistoryItemPriceCustomerDiscount-Color:var(--Colors-UniversalText);--OrderHistoryTotals-Font:var(--ComponentText-Size4-Font);--OrderHistoryTotals-LetterSpacing:var(--ComponentText-Size4-LetterSpacing);--OrderHistoryTotalsDiscount-Color:var(--Colors-UniversalText);--OrderHistoryTotalsTotal-Color:var(--Colors-UniversalText);} .OrderHistoryTop{border-bottom:1px var(--Colors-Neutral03) solid;display:flex;justify-content:space-between;margin:0 0 20px;padding:0 0 20px;} .OrderHistoryActions{display:flex;flex:1 1 auto;justify-content:flex-end;} .OrderHistoryActionIcon{display:none;} .OrderHistoryDetails{padding:30px 0;margin:0 0 30px;position:relative;color:var(--Colors-UniversalText);flex-wrap:wrap;display:flex;} .OrderHistoryDetailsSection{flex:1 1 33.33%;max-width:33.33%;overflow:hidden;padding-right:20px;} .OrderHistoryDetailsSection:last-child{padding-right:0;} .OrderHistoryDetailsSectionTitle{display:block;font:var(--HTMLContentHeading4-Font);letter-spacing:var(--HTMLContentHeading4-LetterSpacing);margin-bottom:20px;} .OrderHistoryDetailsSection a{color:inherit!important;} .OrderHistoryDetailsSection a:focus{outline:none;text-decoration:underline;} .OrderHistoryDetailsSection a[href^="mailto"]{word-break:break-all;} .OrderHistoryItems{margin:0 0 30px;} .OrderHistoryItemsHeader{border-bottom:1px var(--Colors-Neutral03) solid;display:flex;} /* Should match .CheckoutCartItemsHeaderLabel */ .OrderHistoryItemsHeaderLabel{color:var(--Colors-UniversalText);font:var(--ComponentText-Size4-Font);letter-spacing:var(--ComponentText-Size4-LetterSpacing);padding-right:20px;} .OrderHistoryItemsHeaderItems,.OrderHistoryItemContent{-ms-flex:1 1 auto;flex:1 1 auto;} .OrderHistoryItemsHeaderPrice,.OrderHistoryItemPriceCell{flex:0 0 170px;max-width:170px;} .OrderHistoryItemPrice{align-items:baseline;display:inline-flex;flex-direction:row-reverse;flex-wrap:wrap-reverse;gap:0 5px;justify-content:start;} .OrderHistoryItemsHeaderQuantity,.OrderHistoryItemQuantity{max-width:70px;-ms-flex:0 0 70px;flex:0 0 70px;} .OrderHistoryItemsHeaderTotalPrice,.OrderHistoryItemTotalPrice{max-width:100px;-ms-flex:0 0 100px;flex:0 0 100px;} .OrderHistoryItemsHeaderTotalPrice{padding-right:0;} .OrderHistoryItem{position:relative;border-bottom:1px var(--Colors-Neutral03) solid;padding:20px 0;display:-ms-flexbox;display:flex;} .OrderHistoryItemCell{color:var(--Colors-UniversalText);padding-right:20px;} .OrderHistoryItemCellHeader{display:none;} .OrderHistoryItemImage{max-width:120px;-ms-flex:0 0 120px;flex:0 0 120px;} .OrderHistoryItemImageThumbnail{width:100%;} .OrderHistoryItemContent{overflow:hidden;} .OrderHistoryItemName{color:var(--OrderHistoryItemName-Color);display:block;font:var(--ComponentHeading-Size4-Font);letter-spacing:var(--ComponentHeading-Size4-LetterSpacing);margin:0 0 1px;} .OrderHistoryItemName:focus{outline:none;text-decoration:underline;} .OrderHistoryItemOptions{margin:0 0 10px;font-size:13px;} .OrderHistoryItemOptionName{padding-right:5px;} .OrderHistoryItemComments{margin:0 0 10px;font-size:13px;} .OrderHistoryItemShippingMethod,.OrderHistoryItemQuantity,.OrderHistoryItemPriceCell,.OrderHistoryItemTotalPrice{color:var(--Colors-UniversalText);font:var(--ComponentText-Size2-Font);font-weight:var(--ComponentText-B-FontWeight);letter-spacing:var(--ComponentText-Size2-LetterSpacing);} .OrderHistoryItemPriceOriginal{font:var(--ComponentText-Size3-Font);letter-spacing:var(--ComponentText-Size3-LetterSpacing);text-decoration:line-through;vertical-align:baseline;} .OrderHistoryItemPriceDiscount{color:var(--OrderHistoryItemPriceDiscount-Color);} .OrderHistoryItemPriceCustomerDiscount{padding-left:5px;color:var(--OrderHistoryItemPriceCustomerDiscount-Color);} .OrderHistoryItemPriceCustomerPricingIcon{vertical-align:middle;margin:-4px 0 0 10px;} .OrderHistoryItemTotalPrice{padding-right:0;} .OrderHistoryButtons{text-align:right;position:relative;} .OrderHistoryButton{background-color:var(--OrderHistoryAction-BackgroundColor);border-radius:3px;color:white;font:var(--OrderHistoryAction-Font);text-align:center;padding:0 15px;margin:0 0 0 10px;height:34px;line-height:36px;border:none;transition:var(--StateChangeTransitionDuration);cursor:pointer;white-space:nowrap;display:inline-block;} .OrderHistoryButton:hover{opacity:.85;} .OrderHistoryButton:focus{opacity:.75;outline:none;} .OrderHistoryTotalsSection{border-bottom:1px var(--Colors-Neutral03) solid;padding-bottom:30px;margin-bottom:30px;} .OrderHistoryTotals{margin:0 0 0 auto;max-width:250px;color:var(--Colors-UniversalText);font:var(--OrderHistoryTotals-Font);letter-spacing:var(--OrderHistoryTotals-LetterSpacing);border:none;} .OrderHistoryTotalsRow:nth-child(odd) > td,.OrderHistoryTotalsRow > td{background-color:transparent;padding:5px 0;} .OrderHistoryTotalsValue{font:var(--ComponentText-Size3-Font);font-weight:var(--ComponentText-B-FontWeight);letter-spacing:var(--ComponentText-Size3-LetterSpacing);text-align:right;} .OrderHistoryDiscountRow .OrderHistoryTotalsValue{color:var(--OrderHistoryTotalsDiscount-Color);} .OrderHistoryTotalRow{font:var(--ComponentHeading-Size4-Font);letter-spacing:var(--ComponentHeading-Size4-LetterSpacing);} .OrderHistoryTotalRow td{padding-top:10px;} .OrderHistoryTotalRow .OrderHistoryTotalsValue{color:var(--OrderHistoryTotalsTotal-Color);} @media screen and (max-width: 768px) { .OrderHistoryItemsHeaderPrice,.OrderHistoryItemPriceCell{max-width:120px;flex:0 0 120px;} } @media screen and (max-width: 640px) { .OrderHistoryActions{display:none;} .OrderHistoryItemsTitle{margin-bottom:10px;} .OrderHistoryItemsHeaderLabel{display:none;} .OrderHistoryItem{-ms-flex-wrap:wrap;flex-wrap:wrap;} .OrderHistoryItemCell{max-width:75%;-ms-flex:1 1 75%;flex:1 1 75%;padding:10px 0;} .OrderHistoryItemImage,.OrderHistoryItemCellHeader{max-width:25%;-ms-flex:1 1 25%;flex:1 1 25%;font-size:14px;color:#4E4E4E;padding:10px 20px 10px 0;display:block;} .OrderHistoryDetailsSection{max-width:100%;-ms-flex:1 1 100%;flex:1 1 100%;margin:0 0 20px;} .OrderHistoryDetailsSection:last-child{margin:0;} } @media screen and (max-width: 480px) { .OrderHistoryDetails{padding:0;font-size:14px;} .OrderHistoryItemCell{max-width:65%;-ms-flex:1 1 65%;flex:1 1 65%;} .OrderHistoryItemImage,.OrderHistoryItemCellHeader{max-width:35%;-ms-flex:1 1 35%;flex:1 1 35%;font-size:12px;} .OrderHistoryItemName{font-size:14px;} .OrderHistoryItemOptions{font-size:12px;} .OrderHistoryTotals{margin:0 auto;} }