:root {
/* Primary Teal */
--primary-large-teal: #008484;
--primary-hover-teal: #00615F;
--cta-link-text-teal: #007B7B;
--cta-link-text-hover-teal: #fff;
--cta-link-background-teal: #e6f4f1;
--cta-link-background-hover-teal: #004445;
--small-teal: #00615F;
--horizontal-rule-teal: #009290;
--brand-color1-rgb: 0, 132, 132;
/* Dark blue */
--primary-large-dblue: #19273D;
--primary-hover-dblue: #0F1A2E;
--small-dblue: #19273D;
--brand-color2-rgb: 25, 39, 61;
/* Orange */
--primary-large-orange: #B95D22;
--primary-hover-orange: #8A4517;
--small-orange: #8A4517;
--brand-color3-rgb: 185, 93, 34;
/* Green - now CARD Cranberry*/
--primary-large-green: #7b2234;
--primary-hover-green: #501622;
--small-green: #5c1a27;
--brand-color4-rgb: 92, 26, 39;
/* CCD Green - now CARD Cranberry*/
--cta-button-ccd: #7b2234;
--cta-button-ccd-text: #fff;
--cta-button-ccd-hover: #501622;
--cta-button-ccd-hover-text: #fff;
/* Medium Blue */
--primary-large-blue: #153F69;
--primary-hover-blue: #15304F;
--small-blue: #153F69;
--brand-color5-rgb: 21, 63, 105;
/* Maroon - now CARD Cranberry */
--primary-large-maroon: #7b2234;
--primary-hover-maroon: #501622;
--small-maroon: #5c1a27;
--brand-color6-rgb: 92, 26, 39;
/* Cranberry (Cannabis & Alcohol Regulation) */
--primary-large-cranberry: #7B2234;
--primary-hover-cranberry: #501622;
--small-cranberry: #5c1a27;
--brand-color9-rgb: 92, 26, 39;
/* White */
--brand-color7: #fff;
--brand-color7-rgb: 255, 255, 255;
/* Black */
--brand-color8: #000000;
--brand-color8-rgb: 0, 0, 0;
/* Gray */
--background-gray: #F5F5F5;
--divider-gray: #DCDCDC;
--hover-gray: #CCCCCC;
--border-gray: #CCCCCC;
/* Danger Alert */
--danger-bg:#FFE4DF;
--danger-border:#8C2F1F;
/* Info Alert */
--info-bg: #E2F6FF;
--info-border: #0081B8;
/* Success Alert */
--success-bg: #EFFAE7;
--success-border: #3A5F1B;
/* Warning Alert */
--warning-bg: #FDEDCF;
--warning-border: #BB8625;
/* Neutral Alert */
--neutral-bg: var(--background-gray);
--neutral-border: #828282;
/* Responsibility Matters */
--rm-background: #d0d9e1;
--rm-bubble-green: rgba(0, 139, 7, .1);
--rm-bubble-purple: rgba(102, 26, 83, .2);
--rm-bubble-red: rgba(231, 0, 19, .1);
--rm-bubble-teal: rgba(0, 145, 143, .2);
--rm-green-bold: #004604;
--rm-purple-bold: #661A52;
--rm-red-bold: #74000A;
--rm-teal-bold: #661A52;
--rm-read-more: #FFA600;
}
html {
position: relative;
}
body:not(.rm-page) #template-page-wrapper { padding:0 !important; }/* the template.mt.gov adds padding we don't want */
a {overflow-wrap:break-word}
b, strong {
font-weight: bolder!important;
}
/*********************************** Added Styles **************************************/
* {
text-wrap: pretty;
orphans:2;
widows:2;
scroll-margin-top:155px;
}
.btn {
padding: .5rem 1.25rem;
min-width:44px;
min-height:44px;
}
.btn-check:checked+.btn,:not(.btn-check)+.btn:active,.btn:first-child:active,.btn.active,.btn.show{
color: #fff;
}
.fit-content, .fit-content-width {
width:fit-content;
}
.fit-content-height {
height:fit-content;
}
.btn-teal {
color: #fff;
background-color: var(--primary-large-teal)!important;
border-color: var(--primary-large-teal)!important;
}
.btn-teal:is(:hover,:focus) {
color: #fff;
background-color: var(--primary-hover-teal)!important;
border-color: var(--primary-hover-teal)!important;
}
.btn-dark-blue {
color: #fff;
background-color: var(--primary-large-dblue)!important;
border-color: var(--primary-large-dblue)!important;
}
.btn-dark-blue:is(:hover,:focus) {
color: #fff;
background-color: var(--primary-hover-dblue)!important;
border-color: var(--primary-hover-dblue)!important;
}
.btn-orange {
color: #fff;
background-color: var(--primary-large-orange)!important;
border-color: var(--primary-large-orange)!important;
}
.btn-orange:is(:hover,:focus) {
color: #fff;
background-color: var(--primary-hover-orange)!important;
border-color: var(--primary-hover-orange)!important;
}
.btn-green {
color: #fff;
background-color: var(--primary-large-green)!important;
border-color: var(--primary-large-green)!important;
}
.btn-green:is(:hover,:focus) {
color: #fff;
background-color: var(--primary-hover-green)!important;
border-color: var(--primary-hover-green)!important;
}
.btn-blue {
color: #fff;
background-color: var(--primary-large-blue)!important;
border-color: var(--primary-large-blue)!important;
}
.btn-blue:is(:hover,:focus) {
color: #fff;
background-color: var(--primary-hover-blue)!important;
border-color: var(--primary-hover-blue)!important;
}
.btn-maroon {
color: #fff;
background-color: var(--primary-large-maroon)!important;
border-color: var(--primary-large-maroon)!important;
}
.btn-maroon:is(:hover,:focus) {
color: #fff;
background-color: var(--primary-hover-maroon)!important;
border-color: var(--primary-hover-maroon)!important;
}
.btn-outline-teal {
--bs-btn-color: var(--primary-large-teal);
--bs-btn-border-color: var(--primary-large-teal);
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: var(--primary-hover-teal);
--bs-btn-hover-border-color: var(--primary-hover-teal);
--bs-btn-focus-shadow-rgb: 25, 39, 61;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: var(--primary-large-teal);
--bs-btn-active-border-color: var(--primary-large-teal);
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: var(--primary-large-teal);
--bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: var(--primary-large-teal);
--bs-gradient: none;
}
.link-teal, .link-teal a, #eventDetailsModal li a {
color: var(--primary-large-teal);
}
.link-teal:is(:focus,:hover) :not(a,p,span), a.link-teal:is(:focus,:hover), .link-teal a:is(:focus,:hover), .teal-sidebar :is(.link-teal, a:not(.btn)), #eventDetailsModal li a:is(:hover,:focus) {
color: var(--primary-hover-teal)!important;
}
.link-dark-blue, .link-dark-blue a {
color: var(--primary-large-dblue);
}
.link-dark-blue:is(:focus,:hover) :not(a,p,span), a.link-dark-blue:is(:focus,:hover), .link-dark-blue a:is(:focus,:hover) {
color: var(--primary-hover-dblue)!important;
}
.link-orange, .link-orange a {
color: var(--primary-large-orange);
}
.link-orange:is(:focus,:hover) :not(a,p,span), a.link-orange:is(:focus,:hover), .link-orange a:is(:focus,:hover), .pad-sidebar :is(.link-orange, a:not(.btn)) {
color: var(--primary-hover-orange)!important;
}
.link-green, .link-green a {
color: var(--primary-large-green);
}
.link-green:is(:focus,:hover) :not(a,p,span), a.link-green:is(:focus,:hover), .link-green a:is(:focus,:hover), .ccd-sidebar :is(.link-green, a:not(.btn)) {
color: var(--primary-hover-green)!important;
}
.link-blue, .link-blue a {
color: var(--primary-large-blue);
}
.link-blue:is(:focus,:hover) :not(a,p,span), a.link-blue:is(:focus,:hover), .link-blue a:is(:focus,:hover), .bit-sidebar :is(.link-blue, a:not(.btn)) {
color: var(--primary-hover-blue)!important;
}
.link-maroon, .link-maroon a {
color: var(--primary-large-maroon);
}
.link-maroon:is(:focus,:hover) :not(a,p,span), a.link-maroon:is(:focus,:hover), .link-maroon a:is(:focus,:hover), .abcd-sidebar :is(.link-maroon, a:not(.btn)) {
color: var(--primary-hover-maroon)!important;
}
.link-light {
color: #fff;
}
.link-light:is(:focus,:hover) {
color: #f8f9fa!important;
}
.link-dark {
color: #212529;
}
.link-dark:is(:focus,:hover) {
color: #1a1e21!important;
}
.border-teal {
--bs-border-opacity: 1;
border-color: rgba(var(--brand-color1-rgb), var(--bs-border-opacity)) !important
}
.btn:focus {box-shadow:0 0 0 .25rem rgba(49,132,253, .5);}
.fw-100 {font-weight:100!important;}
.fw-200 {font-weight:200!important;}
.fw-300, .fw-light {font-weight:300!important;}
.fw-400, .fw-normal {font-weight:400!important;}
.fw-500, .fw-medium {font-weight:500!important;}
.fw-600, .fw-semibold {font-weight:600!important;}
.fw-700, .fw-bold {font-weight:700!important;}
.fw-800 {font-weight:800!important;}
.fw-900 {font-weight:900!important;}
.accordion-button:not(.collapsed::after) {
background-image:unset !important;
mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='currentColor'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
-webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='currentColor'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
background-color: currentColor;
}
.accordion-button::after {
background-image:unset !important;
-webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='currentColor'%3e%3cpath fill-rule='evenodd' d='M8,11.751c-.2002,0-.3882-.0781-.5298-.2197L1.4692,5.5308c-.2925-.292-.2935-.7676-.001-1.0605.1421-.1426.3311-.2212.5317-.2212.2002,0,.3882.0781.5298.2192l5.4702,5.4712,5.4697-5.4702c.1416-.1416.3301-.2197.5303-.2197s.3887.0781.5303.2197c.1416.1411.2207.3301.2207.5308s-.0791.3896-.2207.5312l-5.9995,5.999c-.1411.1416-.3296.2207-.5308.2207Z'/%3e%3c/svg%3e");
mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='currentColor'%3e%3cpath fill-rule='evenodd' d='M8,11.751c-.2002,0-.3882-.0781-.5298-.2197L1.4692,5.5308c-.2925-.292-.2935-.7676-.001-1.0605.1421-.1426.3311-.2212.5317-.2212.2002,0,.3882.0781.5298.2192l5.4702,5.4712,5.4697-5.4702c.1416-.1416.3301-.2197.5303-.2197s.3887.0781.5303.2197c.1416.1411.2207.3301.2207.5308s-.0791.3896-.2207.5312l-5.9995,5.999c-.1411.1416-.3296.2207-.5308.2207Z'/%3e%3c/svg%3e");
background-color: currentColor;
}
/*** Grid Columns ****/
.grid-2-column {
grid-template-columns: repeat(2, 1fr);
}
/*** Form Components ***/
form, .form-check {
display: flex;
margin-bottom: .5rem;
padding-top: 0;
align-items: center;
align-content: center;
justify-content: stretch;
}
:is(form, .form-check) input {
min-width: 1.25em;
min-height: 1.25em;
padding: 0;
}
:is(form, .form-check) input:before {
content:"";
border-width:2px;
}
:is(form, .form-check) input label {
display: inline-flex;
justify-content: center;
align-items: center;
align-content: center;
}
:is(form, .form-check) input:before {
width:1.25rem;
height:1.25rem;
min-width:1.25em;
min-height:1.25em;
margin-top:unset;
}
:is(form, .form-check) input:checked::before {
background-color:var(--border-gray);
border-color:var(--border-gray);
}
[data-page-theme="teal"] :is(form, .form-check) input:before, [data-page-theme="teal"] :is(form, .form-check) input, [data-page-theme="teal"] :is(form, .form-check) textarea, [data-page-theme="teal"] :is(form, .form-check) select, :is(form, .form-check).form-teal input, :is(form, .form-check).form-teal input:before {
border-color:var(--primary-large-teal);
border-radius:.15rem;
}
[data-page-theme="teal"] :is(form, .form-check) input:checked::before, [data-page-theme="teal"] :is(.badge, .fsSubmitButton), :is(form, .form-check).form-teal :is(input[type="checkbox"], input[type="radio"]):checked::before {
background-color:var(--primary-large-teal);
border-color:var(--primary-large-teal);
}
[data-page-theme="teal"] .fsSubmitButton:is(:hover,:focus) {
background-color:var(--primary-hover-teal);
border-color:var(--primary-hover-teal);
}
[data-page-theme="teal"] + hr {
color: var(--horizontal-rule-teal);
}
[data-page-theme="teal"] .msc-item {
background-color: rgb(var(--brand-color1-rgb));
color: #fff;
font-weight: bold;
}
[data-page-theme="dark-blue"] :is(form, .form-check) input:before, [data-page-theme="dark-blue"] :is(form, .form-check) input, [data-page-theme="dark-blue"] :is(form, .form-check) textarea, [data-page-theme="dark-blue"] :is(form, .form-check) select, :is(form, .form-check).form-dark-blue input, :is(form, .form-check).form-dark-blue input:before {
border-color:var(--primary-large-dblue);
border-radius:.15rem;
}
[data-page-theme="dark-blue"] :is(form, .form-check) input:checked::before, [data-page-theme="dark-blue"] :is(.badge, .fsSubmitButton), :is(form, .form-check).form-dark-blue input:checked::before {
background-color:var(--primary-large-dblue);
border-color:var(--primary-large-dblue);
}
[data-page-theme="dark-blue"] .fsSubmitButton:is(:hover,:focus) {
background-color:var(--primary-hover-dblue);
border-color:var(--primary-hover-dblue);
}
[data-page-theme="blue"] :is(form, .form-check) input:before, [data-page-theme="blue"] :is(form, .form-check) input, [data-page-theme="blue"] :is(form, .form-check) textarea, [data-page-theme="blue"] :is(form, .form-check) select, :is(form, .form-check).form-blue input, :is(form, .form-check).form-blue input:before {
border-color:var(--primary-large-blue);
border-radius:.15rem;
}
[data-page-theme="blue"] :is(form, .form-check) input:checked::before, [data-page-theme="blue"] :is(.badge, .fsSubmitButton), :is(form, .form-check).form-blue input:checked::before {
background-color:var(--primary-large-blue);
border-color:var(--primary-large-blue);
}
[data-page-theme="blue"] .fsSubmitButton:is(:hover,:focus) {
background-color:var(--primary-hover-blue);
border-color:var(--primary-hover-blue);
}
[data-page-theme="orange"] :is(form, .form-check) input:before, [data-page-theme="orange"] :is(form, .form-check) input, [data-page-theme="orange"] :is(form, .form-check) textarea, [data-page-theme="orange"] :is(form, .form-check) select, :is(form, .form-check).form-orange input, :is(form, .form-check).form-orange input:before {
border-color:var(--primary-large-orange);
border-radius:.15rem;
}
[data-page-theme="orange"] :is(form, .form-check) input:checked::before, [data-page-theme="orange"] :is(.badge, .fsSubmitButton), :is(form, .form-check).form-orange input:checked::before {
background-color:var(--primary-large-orange);
border-color:var(--primary-large-orange);
}
[data-page-theme="orange"] .fsSubmitButton:is(:hover,:focus) {
background-color:var(--primary-hover-orange);
border-color:var(--primary-hover-orange);
}
[data-page-theme="maroon"] :is(form, .form-check) input:before, [data-page-theme="maroon"] :is(form, .form-check) input, [data-page-theme="maroon"] :is(form, .form-check) textarea, [data-page-theme="maroon"] :is(form, .form-check) select, :is(form, .form-check).form-maroon input, :is(form, .form-check).form-maroon input:before {
border-color:var(--primary-large-maroon);
border-radius:.15rem;
}
[data-page-theme="maroon"] :is(form, .form-check) input:checked::before, [data-page-theme="maroon"] :is(.badge, .fsSubmitButton), :is(form, .form-check).form-maroon input:checked::before {
background-color:var(--primary-large-maroon);
border-color:var(--primary-large-maroon);
}
[data-page-theme="maroon"] .fsSubmitButton:is(:hover,:focus) {
background-color:var(--primary-hover-maroon);
border-color:var(--primary-hover-maroon);
}
[data-page-theme="green"] :is(form, .form-check) input:before, [data-page-theme="green"] :is(form, .form-check) input, [data-page-theme="green"] :is(form, .form-check) textarea, [data-page-theme="green"] :is(form, .form-check) select, :is(form, .form-check).form-green input, :is(form, .form-check).form-green input:before {
border-color:var(--primary-large-green);
border-radius:.15rem;
}
[data-page-theme="green"] :is(form, .form-check) input:checked::before, [data-page-theme="green"] :is(.badge, .fsSubmitButton), :is(form, .form-check).form-green input:checked::before {
background-color:var(--primary-large-green);
border-color:var(--primary-large-green);
}
[data-page-theme="green"] .fsSubmitButton:is(:hover,:focus) {
background-color:var(--primary-hover-green);
border-color:var(--primary-hover-green);
}
/**** Formstack fixes *****/
.imxtQM {
margin-top:.2rem;
}
.gqkVov {
margin-top:0!important;
}
.aSGdV {
margin-top:.5rem;
font-weight: 600;
font-size: 1.25rem;
margin-bottom: .3rem;
}
/*********************************** ol/ul list styling ********************************/
.row :is(ol, ul) {
padding-left: 2.5rem;
}
#template-page-wrapper :is(ol, ul) li:not(.list-group-item) {
line-height:1.5;
margin-bottom:.8em;
}
#template-page-wrapper [data-page-theme="teal"] :is(ol, ul) li::marker {
color: var(--primary-large-teal);
font-weight: 600;
}
#template-page-wrapper [data-page-theme="dark-blue"] :is(ol, ul) li::marker {
color: var(--primary-large-dblue);
font-weight: 600;
}
#template-page-wrapper [data-page-theme="blue"] :is(ol, ul) li::marker {
color: var(--primary-large-blue);
font-weight: 600;
}
#template-page-wrapper [data-page-theme="orange"] :is(ol, ul) li::marker {
color: var(--primary-large-orange);
font-weight: 600;
}
#template-page-wrapper [data-page-theme="maroon"] :is(ol, ul) li::marker {
color: var(--primary-large-maroon);
font-weight: 600;
}
#template-page-wrapper [data-page-theme="green"] :is(ol, ul) li::marker {
color: var(--primary-large-green);
font-weight: 600;
}
/*********************************** BOOTSTRAP MIXIN ***********************************/
.small-teal{
color: var(--primary-hover-teal);
}
a.ms-4 {
margin-left: 2rem;
}
.accordion-button:after {
order: -1;
margin-left: 0;
margin-right: 1rem;
min-width:1.5rem;
min-height:1.5rem;
}
.accordion-button:not(.collapsed){
background-color: transparent;
box-shadow: none;
height:unset!important;
}
.new-accordion-button:not(.collapsed) {
color: var(--brand-color7);
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125);
background-color: transparent;
}
.new-accordion-button.collapsed span {
color: var(--brand-color7);
}
.new-accordion-button:after {
order: -1;
margin-left: 0;
margin-right: 1rem;
mask-image: url("data:image/svg+xml,")!important;
transform: none;
background-color:#fff;
}
.new-accordion-button:not(.collapsed)::after {
mask-image: url("data:image/svg+xml,")!important;
transform: none;
}
/****** CARD MENU WITH SEARCH ******/
.highlight {
background-color: #f2e2bb;
}
input#search-input {
width: 100%;
margin-bottom: 1.25rem;
}
textarea, input, textarea:focus, input:focus {
border: transparent;
border-bottom: 3px solid var(--divider-gray);
}
.card-menu-button::after {
background-image: unset !important;
transform: none;
-webkit-mask-image:url("data:image/svg+xml,") !important;
mask-image:url("data:image/svg+xml,") !important;
background-color:currentColor;
}
.card-menu-button:not(.collapsed)::after {
background-image: unset !important;
-webkit-mask-image:url("data:image/svg+xml,") !important;
mask-image:url("data:image/svg+xml,") !important;
transform: none;
}
.searchable-item.link-teal, [data-page-theme="teal"] a:not(.btn):not(.page-link, .alert-link, .text-body) {
color: var(--primary-hover-teal) !important;
}
.searchable-item.link-blue, [data-page-theme="blue"] a:not(.btn):not(.page-link, .alert-link, .text-body) {
color: var(--primary-hover-blue) !important;
}
.searchable-item.link-maroon, [data-page-theme="maroon"] a:not(.btn):not(.page-link, .alert-link, .text-body) {
color: var(--primary-hover-maroon) !important;
}
.searchable-item.link-green, [data-page-theme="green"] a:not(.btn):not(.page-link, .cta-button-ccd, .alert-link, .text-body) {
color: var(--primary-hover-green) !important;
}
.searchable-item.link-orange, [data-page-theme="orange"] a:not(.btn):not(.page-link, .alert-link, .text-body) {
color: var(--primary-hover-orange) !important;
}
.searchable-item .col {
column-gap: 2rem;
}
.card-accordion ul li {
margin-bottom: .5rem;
}
.cardMenu-widget .card-accordion-item:not(.accordion-open) .card-accordion-heading {
height: 100%;
}
/****** OFFICE SEARCH ******/
.initial-hide{
display: none;
}
/****** JOB POSTINGS ******/
.job-posting-overview-table table {
display: flex;
position: relative;
}
.job-posting-overview-table caption {
bottom: 0;
order: 3;
position: absolute;
visibility: hidden;
}
.job-posting-overview-table thead {
display: flex;
flex-basis: 60%;
float: left;
}
.job-posting-overview-table tbody {
display: flex;
position: relative;
}
.job-posting-overview-table tr {
display: flex;
flex-direction: column;
min-width: -webkit-min-content;
min-width: -moz-min-content;
min-width: min-content;
flex-shrink: 0;
max-width: 50vw;
text-wrap: auto;
flex: 1 1 100%;
width: 100%;
}
.job-posting-overview-table th {
padding: .5rem;
vertical-align: middle;
box-sizing: border-box;
font-size: .9rem;
display: grid;
overflow: overlay;
flex: 1 1 100%;
align-items: anchor-center;
min-width: 100px;
min-height: 70px;
width: 100%;
color: var(--primary-large-teal) !important;
text-align: left !important;
border-width: 1px;
white-space: normal;
background: #fff !important;
}
.job-posting-overview-table td {
padding: .5rem;
vertical-align: middle;
box-sizing: border-box;
font-size: .9rem;
display: grid;
overflow: overlay;
flex: 1 1 100%;
align-items: anchor-center;
min-width: 130px;
min-height: 70px;
width: 100%;
text-align: left !important;
border-width: 1px;
white-space: normal;
}
.job-posting-apply-button {
border-radius: 20px;
}
.job-posting-apply-button:active {
color: #fff;
}
/****** LIST PAGE SEARCH *****/
.page-search-list {
background-color: #F5F5F5;
border: 1px solid #ccc;
border-radius: 5px;
margin-top: 1.75rem;
padding: 1rem;
}
.page-search-list ul {
display: block;
width:100%;
align-items: stretch;
grid-column-gap: 2em;
margin-top: 10px;
column-count: 2;
column-gap:2rem;
column-width: 30ch;
}
.page-search-list ul li {
break-inside: avoid;
}
#template-page-wrapper .page-search-list :is(.page-search-list-items) li {
margin-bottom: .5rem;
width: unset;
}
.page-search-list a {
color: #000;
cursor: pointer;
}
.page-search-list a:hover {
color: var(--primary-hover-teal);
text-decoration: underline !important;
}
/****** BASIC ACCORDIONS******/
.accordion-item {
border-radius: 8px !important;
}
.accordion-button:not(.dor-dblue-accordion,.abcd-accordion,.pad-accordion,.ccd-accordion,.bit-accordion,.dor-teal-accordion):focus-visible span {
color: currentColor;
}
.accordion-button:focus-visible::after {
background-color: currentColor;
}
.accordion-button:focus-visible,
.accordion-button.notebox-button:focus-visible,
.accordion-button.notebox-button:not(.collapsed):focus-visible {
box-shadow: 0 0 0 0.35rem rgba(13, 110, 253, 0.5);
z-index:9;
}
.accordion-body {
padding: 1rem 1.25rem;
}
.accordion-item:not(:first-of-type) {
border: 1px solid rgba(0,0,0,.125);
border-radius: 5px;
}
.bit-accordion, .dor-bg-blue, .bg-blue, .mega-menu .custom-dropdown-menu .drop-down-2 .bg-blue {
background-color: var(--primary-large-blue)!important;
}
.bit-accordion.new-accordion-button:not(.collapsed){
background-color: var(--primary-large-blue);
}
.bit-accordion:hover,.bit-accordion:focus-visible{
background-color: var(--primary-hover-blue)!important;
color:#fff;
}
.ccd-accordion, .dor-bg-green, .bg-green, .mega-menu .custom-dropdown-menu .drop-down-2 .bg-green {
background-color: var(--primary-large-green)!important;
}
.ccd-accordion.new-accordion-button:not(.collapsed){
background-color: var(--primary-large-green);
}
.ccd-accordion:hover,.ccd-accordion:focus-visible{
background-color: var(--primary-hover-green)!important;
color:#fff;
}
.pad-accordion, .dor-bg-orange, .bg-orange, .mega-menu .custom-dropdown-menu .drop-down-2 .bg-orange {
background-color: var(--primary-large-orange)!important;
}
.pad-accordion.new-accordion-button:not(.collapsed){
background-color: var(--primary-large-orange);
}
.pad-accordion:hover,.pad-accordion:focus-visible{
background-color: var(--primary-hover-orange)!important;
color:#fff;
}
.abcd-accordion, .dor-bg-maroon, .bg-maroon, .mega-menu .custom-dropdown-menu .drop-down-2 .bg-maroon {
background-color: var(--primary-large-maroon)!important;
}
.abcd-accordion.new-accordion-button:not(.collapsed){
background-color: var(--primary-large-maroon);
}
.abcd-accordion:hover,.abcd-accordion:focus-visible{
background-color: var(--primary-hover-maroon)!important;
color:#fff;
}
.dor-gray-accordion, .dor-bg-gray, .bg-gray, .mega-menu .custom-dropdown-menu .drop-down-2 .bg-gray {
background-color: var(--background-gray)!important;
border:2px solid var(--border-gray);
}
.dor-gray-accordion.new-accordion-button:not(.collapsed){
background-color: var(--background-gray);
border:2px solid var(--border-gray);
}
.dor-gray-accordion:hover{
background-color: var(--hover-gray)!important;
border:2px solid var(--hover-gray) !important;
}
.dor-gray-accordion.new-accordion-button:not(.collapsed):not([aria-expanded="true"]) span{
color: var(--brand-color8) !important;
}
.accordion-header .dor-gray-accordion.accordion-button.collapsed span {
color: var(--brand-color8) !important;
}
.dor-gray-accordion.new-accordion-button:not(:hover):after{
background-color:var(--bs-body-color);
}
.dor-gray-accordion.new-accordion-button:not(.collapsed)::after {
background-color:var(--bs-body-color);
}
.rm-page .dor-gray-accordion[aria-expanded="true"] {
color: var(--bs-body-color);
}
.rm-page .dor-gray-accordion:hover{
background-color: var(--rm-purple-bold)!important;
color:#fff!important;
border:2px solid var(--hover-gray) !important;
}
.rm-page .accordion-header .dor-gray-accordion.accordion-button.collapsed span {
color: inherit !important;
}
.rm-page .dor-gray-accordion:is(:focus):after{
background-color:#fff;
}
.rm-page .dor-gray-accordion:is(:focus):not(:hover):after {
background-color: var(--bs-body-color);
}
.dor-dblue-accordion, .dor-bg-dark-blue, .bg-dark-blue, .mega-menu .custom-dropdown-menu .drop-down-2 .bg-dark-blue{
background-color: var(--primary-large-dblue)!important;
}
.dor-dblue-accordion.new-accordion-button:not(.collapsed){
background-color: var(--primary-large-dblue);
}
.dor-dblue-accordion:hover, .dor-dblue-accordion:focus-visible{
background-color: var(--primary-hover-dblue)!important;
color:#fff;
}
.dor-teal-accordion, .dor-bg-teal, .bg-teal, .mega-menu .custom-dropdown-menu .drop-down-2 .bg-teal {
background-color: var(--primary-large-teal)!important;
}
.dor-teal-accordion.new-accordion-button:not(.collapsed){
background-color: var(--primary-large-teal);
}
.dor-teal-accordion:hover, .dor-teal-accordion:focus-visible{
background-color: var(--primary-hover-teal)!important;
color:#fff;
}
.custom-backdrop {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 1010;
opacity: 0;
transition: opacity 0.3s ease;
backdrop-filter: blur(4px);
}
.custom-backdrop.show {
opacity: 1;
}
/***** Image Grid *****/
.image-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
width: 70%;
margin: auto;
margin-top: 20px;
transition: width 0.3s ease;
}
.image-grid > div {
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
}
.image-grid img {
width: 100%;
height: auto;
transition: transform 0.3s ease;
}
/*********************************** GLOBAL ***********************************/
body {
display: flex;
flex-direction: column;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
min-height: 100dvh;
}
:is(main, footer) :is(h1,h2,h3,h4,h5,h6) {
font-family:'Montserrat', sans-serif;
line-height:1.5;
grid-column: 1 / -1; /* always span full grid row columns */
}
.col h2 {
margin-bottom: 1rem;
}
.grid nav + h1 {
margin-top: 0 !important; /* remove top margin if display is grid */
}
a:not(.nav-link):not(.dropdown-item):not(.btn):not(.fc-event):not(.cta-link):not(.page-link):not(.rm-display-card-button):not(.read-more-button) {
text-decoration: underline;
font-weight:500;
}
a:not(.nav-link):not(.dropdown-item):not(.btn):not(.fc-event):hover {
text-decoration-thickness:2px!important;
}
a.tel-link, a.publication-link {
color: #000;
}
a.cta-link {
border-bottom: 1px solid;
display: inline-block;
font-weight: bold;
line-height: 1.6;
margin-bottom: 1em;
margin-top: .75rem;
padding: .75rem 1rem;
text-decoration: none;
text-decoration-skip-ink: auto;
transition: all .31s ease;
}
a.cta-link:hover {
border: none;
color: #fff;
}
a.cta-link:focus {
border: 1px solid;
border-bottom: 2px solid;
}
.block-widget .cta-link {
border-bottom: none;
}
.block-widget .cta-link .card {
color: inherit;
}
.block-widget .cta-link .card-text {
padding: 1rem 1.5rem;
}
.notebox-dblue a.cta-link {
background-color: var(--cta-link-background-teal);
color: var(--cta-link-text-teal);
}
.notebox-dblue a.cta-link:hover {
background-color: var(--cta-link-background-hover-teal);
color: var(--cta-link-text-hover-teal);
}
[data-page-theme="teal"] a:not(.alert-link):not(.nav-link):not(.dropdown-item):not(.btn):not(.fc-event):not(.tel-link) {
color: var(--primary-large-teal);
}
[data-page-theme="teal"] a:not(.alert-link):not(.nav-link):not(.dropdown-item):not(.btn):not(.fc-event):not(.tel-link):hover {
color: var(--primary-hover-teal);
}
[data-page-theme="dark-blue"] a:not(.alert-link):not(.nav-link):not(.dropdown-item):not(.btn):not(.fc-event) {
color: var(--primary-large-dblue);
}
[data-page-theme="dark-blue"] a:not(.alert-link):not(.nav-link):not(.dropdown-item):not(.btn):not(.fc-event):hover {
color: var(--primary-hover-dblue);
}
[data-page-theme="blue"] a:not(.alert-link):not(.nav-link):not(.dropdown-item):not(.btn):not(.fc-event) {
color: var(--primary-large-blue);
}
[data-page-theme="blue"] a:not(.alert-link):not(.nav-link):not(.dropdown-item):not(.btn):not(.fc-event):hover {
color: var(--primary-hover-blue);
}
[data-page-theme="orange"] a:not(.alert-link):not(.nav-link):not(.dropdown-item):not(.btn):not(.fc-event) {
color: var(--primary-large-orange);
}
[data-page-theme="orange"] a:not(.alert-link):not(.nav-link):not(.dropdown-item):not(.btn):not(.fc-event):hover {
color: var(--primary-hover-orange);
}
[data-page-theme="maroon"] a:not(.alert-link):not(.nav-link):not(.dropdown-item):not(.btn):not(.fc-event) {
color: var(--primary-large-maroon);
}
[data-page-theme="maroon"] a:not(.alert-link):not(.nav-link):not(.dropdown-item):not(.btn):not(.fc-event):hover {
color: var(--primary-hover-maroon);
}
[data-page-theme="green"] a:not(.alert-link):not(.nav-link):not(.dropdown-item):not(.btn):not(.fc-event):not(.cta-button-ccd) {
color: var(--primary-large-green);
}
[data-page-theme="green"] a:not(.alert-link):not(.nav-link):not(.dropdown-item):not(.btn):not(.fc-event):hover:not(.cta-button-ccd):hover {
color: var(--primary-hover-green);
}
iframe {
border: 0;
}
table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order:before, table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order:after,
table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order:before,
table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order:after {
opacity: 0.8!important;
}
table th {
font-weight: bold;
}
table th .non-bold-th-content {
font-weight: 500;
}
th[data-sortable] button:before {
opacity: 0.3;
position: absolute;
display: block;
bottom: 0.45rem !important;
content: "\25B2";
content: "\25B2"/ "";
width: auto !important;
height: auto !important;
border: none !important;
}
th[data-sortable] button:after {
opacity: 0.3;
position: absolute;
display: block;
top: 0.45rem !important;
content: "\25BC";
content: "\25BC"/ "";
width: auto !important;
height: auto !important;
border: none !important;
}
th[aria-sort="ascending"] button:before,
th[aria-sort="descending"] button:after {
opacity: 0.95 !important;
}
th[aria-sort="ascending"] button:after,
th[aria-sort="descending"] button:before {
opacity: 0.45 !important;
}
table td {
max-width:50vw;
text-wrap:auto!important;
}
fieldset,
form,
table {
margin: 0;
}
figure {
margin: 0 auto 1rem auto;
}
figure img {
display: block;
margin: 0 auto;
}
figure>figcaption {
text-align: center;
margin: 1.25rem 0 2rem 0;
color: gray;
}
.blockquote,
blockquote {
position: relative;
max-width: 80%;
margin: 1.25rem auto;
padding: 2rem 3rem;
border: thin solid lightgray;
text-align: right;
color: gray;
}
blockquote p {
text-align: center;
font-style: italic;
color: initial;
}
blockquote:before,
blockquote:after {
position: absolute;
width: 3.75rem;
height: 3.75rem;
z-index: 10;
display: inline-block;
content: "";
background-image: url("data:image/svg+xml,");
background-repeat: no-repeat;
background-size: 4rem 4rem;
background-color: var(--brand-color4);
}
blockquote:before {
top: -1.25rem;
left: 1.25rem;
}
blockquote:after {
bottom: -1.25rem;
right: -1.25rem;
transform: rotate(180deg);
}
.reverse {
flex-direction: unset;
}
.maroon a {
color: var(--primary-large-maroon);
}
.label {
background-color: var(--primary-large-teal);
border-radius: 1em;
color: white;
padding: 1px 10px;
}
.list-style-none {
list-style-type: none;
}
.list-style-lower-alpha {
list-style-type: lower-alpha;
}
.list-style-lower-roman {
list-style-type: lower-roman;
}
ul.list-style-type-circle {
list-style-type: circle;
}
.list-style-square {
list-style-type: square;
}
/*********************************** TEMPLATE.MT.GOV **************************/
#template-header-wrapper {
display: none;
}
/*Amber Alert*/
body.amber-alert .sticky-top {
top: 112px;
}
#template-header-social li a>i {
color: var(--brand-color7);
}
#template-header-nav ul.dropdown-menu li a:hover, #template-header-nav ul.dropdown-menu li a:focus, #template-search-dropdown .dropdown-item:focus, #template-search-dropdown .dropdown-item:hover, #template-search-dropdown .dropdown-item.active, #template-search-dropdown .dropdown-item:active {
color: white !important;
}
#template-search-dropdown {
float: none;
margin: -3rem 0 0 -9rem !important;
}
#montana-gov-nav > ul {
margin-top: -3rem !important;
}
#montana-gov-dropdown:after {
display: none !important;
width: 0 !important;
height: 0 !important;
}
/***** RESPONSIBILITY MATTERS *****/
.rm-page {
background-color: var(--rm-background);
font-size: calc(14pt + (16 - 14) * ((100vw - 300px) / (1200 - 300)));
}
.rm-page .navbar-toggler .line {
background-color: var(--primary-large-maroon);
}
.rm-page .dropdown-menu.mega-menu input.rounded-start-pill {
border-color: rgba(var(--brand-color6-rgb), var(--bs-border-opacity)) !important;
}
.rm-page .dropdown-menu.mega-menu button.rounded-end-pill {
background-color: var(--primary-large-maroon) !important;
border-color: var(--primary-large-maroon) !important;
}
.rm-page .dropdown-menu.mega-menu button.rounded-end-pill:is(:focus, :hover) {
background-color: var(--primary-hover-maroon) !important;
border-color: var(--primary-hover-maroon) !important;
}
.rm-page h2:not(.winner):not(.text-alert-box-heading):not(.campaign-header):not(.footer-heading) {
color: var(--rm-purple-bold);
font-size: 1.3em;
font-weight: 600;
margin-left: 15px;
}
.rm-page footer h2 {
color: #fff;
}
.rm-page footer :is(li,p) {
font-size: 1rem;
}
.rm-page h2.heading-black {
color: #000;
}
.rm-page h2.thinner-font {
font-weight: 500;
}
.rm-page h2.winner {
margin-left: 15px;
min-height: 40px;
}
.rm-page h2.campaign-header {
color: var(--rm-purple-bold);
}
.rm-page h2.standard-text,
.rm-page h2.winner,
.rm-page h2.campaign-header,
.rm-page h3 {
font-size: calc(14pt + (16 - 14) * ((100vw - 300px) / (1200 - 300)));
}
.rm-page .rm-container a {
color: var(--rm-purple-bold);
font-weight: 600 !important; /* needed to override other styling that relies on the having a classname */
}
.rm-page nav {
font-size: 16px;
}
.rm-page strong.list-title,
.rm-page th,
.rm-page .bold-purple {
color: var(--rm-purple-bold);
font-weight: 600;
}
.rm-page ol {
margin-top: 1em;
}
.rm-page ol ol {
margin-top: unset;
}
.rm-page ol li {
font-size: .9em;
margin-bottom: 1em;
margin-left: 1em;
}
.rm-page ol li::marker {
color: var(--rm-purple-bold);
font-weight: 600;
}
.rm-page .row {
margin-top: 30px;
}
.rm-page .rm-container > .grid {
padding-bottom: 30px;
}
.rm-page .grid > .d-grid {
margin-left: 20px;
margin-right: 20px;
}
.rm-page table {
margin: 0 auto;
width: 95%;
}
/*** Formstack Form styling ***/
.rm-page .fsBody .fsForm {
border: none;
box-shadow: none;
}
/***** direct from WYSIWYG styles ******/
/* h3 content direct from a WYSIWYG */
.rm-page .row > .d-grid > .g-col-12 > h3,
.rm-page .row > .d-grid > .g-col-12 > .recipe > h3 {
margin-left: 15px;
}
/* paragraph content direct from a WYSIWYG */
.rm-page .row > .d-grid > .g-col-12 > p:not(.narrow-width-subheading),
.rm-page .row > .d-grid > .g-col-12 > .recipe > p {
margin-left: 15px;
}
/* lists direct from a WYSIWYG */
.rm-page .row > .d-grid > .g-col-12 > ul,
.rm-page .row > .d-grid > .g-col-12 > .recipe > ul {
margin-left: 30px;
}
/* RM logo direct from a WYSIWYG */
@media (max-width: 992px) {
.rm-page .rm-logo {
height: 75%;
width: 75%;
}
}
/**** END direct from WYSIWYG styles ******/
.rm-page .row[data-page-theme="maroon"] h3 {
color: var(--primary-large-maroon);
}
.rm-page .row .d-grid.grid-template-row {
grid-template-rows: 20% 80%;
}
.rm-page .row .d-grid:not(.grid-template-row) h3 {
min-height: 40px;
}
.rm-page .row .content-alert {
margin: auto;
width: 95%;
}
.rm-page .rm-container h1 + .row {
margin-top: 0;
}
.rm-page .rm-container:not(.separate-page-title), .rm-page .rm-row-container {
background-color: #fff;
border-radius: .5em;
margin: 1em 1em;
padding: 1em 1em;
}
.rm-page .rm-row-container {
margin-left: 0;
width: 100%;
}
.rm-page .page-title {
font-size: 1.75rem;
font-weight: 600;
margin-bottom: 1rem;
text-transform: uppercase;
}
.rm-page .using-blacklight-h2,
.rm-page .awareness-article-h2,
.rm-page .printables-heading {
margin-left: 0 !important;
}
.rm-page .alert-box-aligned-heading {
margin-left: auto;
margin-right: auto;
width: 95%;
}
.rm-page .text-alert-box-heading:before {
display: none;
}
.rm-page .rm-widget-container {
width: 100%;
background-color: white;
margin: auto;
border-radius: 40px;
display: flex;
box-shadow: 2px 4px 20px rgba(0, 0, 0, 0.1);
font-family: "Montserrat", Arial, Helvetica, sans-serif;
box-sizing: border-box;
}
.rm-page .rm-display-card .left-side {
margin: .8vw .8vw;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
padding: .5em 1em;
}
@media (max-width: 992px) {
.rm-page .cards .card_wrapper.directory-image {
margin-top: 0;
}
}
.rm-page .rm-display-card .campaign-box {
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.rm-page .campaign-box:has(> .rounded-frame) {
align-items: center;
margin: auto;
margin-bottom: 2em;
width: 80%;
}
.rm-page .rounded-frame {
border-radius: 50%;
height: 200px;
min-width: 200px;
overflow: hidden;
width: 200px;
}
@media (max-width: 768px) {
.rm-page .campaign-box:has(> .rounded-frame) {
flex-direction: column;
}
.rm-page .campaign-box > .rounded-frame {
margin-bottom: 30px;
}
}
.rm-page .rounded-frame img {
height: 100%;
width: 100%;
}
.rm-page .rounded-frame.awareness-article {
height: 160px;
min-width: 160px;
width: 160px;
}
@media (max-width: 992px) {
.rm-page .rounded-frame.awareness-article {
height: 100px;
margin-bottom: 20px;
min-width: 100px;
width: 100px;
}
}
@media (max-width: 768px) {
.rm-page .rounded-frame.awareness-article {
height: 200px;
margin: 0 auto;
min-width: 200px;
width: 200px;
}
}
.rm-page .campaign-links {
margin-left: 3em;
}
.rm-page .rm-widget-container h2,
.rm-page .rm-row-container h2 {
font-weight: 700;
color: #333;
margin-bottom: 0.7em;
text-align: center;
padding: 0 .6em;
text-transform: uppercase;
}
.rm-page .rm-display-card .rm-display-card-text {
font-size: 1em;
color: #333;
}
.rm-page .rm-display-card .rm-display-card-button {
padding: 1em 1.2em;
border-radius: 50px;
margin: 2em auto;
border: solid 2px var(--rm-purple-bold);
background-color: var(--rm-purple-bold);
color: white !important;
cursor: pointer;
font-weight: 700;
font-size: 1em;
font-family: "Montserrat", Arial, Helvetica, sans-serif;
text-align: center;
text-decoration: none;
}
.rm-page .rm-display-card .round-frame {
width: 200px; /* Set the size of the image */
height: 200px; /* Make sure the height and width are equal */
border-radius: 50%; /* Makes the image circular */
overflow: hidden; /* Ensures the image doesn't extend beyond the border */
margin-right: 1em;
margin-top:1em;
}
.rm-page .rm-display-card .round-frame img {
width: 100%;
height: 100%;
object-fit: cover; /* Ensures the image covers the entire circular area */
}
.rm-page .rm-display-card .rm-display-card-button:hover {
background-color: #fff;
color: var(--rm-purple-bold) !important;
}
.rm-page .rm-awareness-month-tiles {
width: 100%;
max-width: 1000px;
margin:0 auto;
display: flex;
gap: 1vw;
align-items:stretch;
}
.rm-page .rm-awareness-month-tile {
flex: 1 1 auto;
display: flex;
color: #fff;
background: linear-gradient(to bottom, #ffffff 0%, #661a52 100%);
flex-direction: column;
box-shadow: 2px 4px 20px rgba(0, 0, 0, 0.4);
border-radius:25px;
overflow:hidden;
margin-bottom:1em;
}
.rm-page .rm-awareness-month-poster {
width: 100%;
border: none;
}
.rm-page .rm-awareness-month-poster-text {
font-family: "Montserrat", Arial, Helvetica, sans-serif;
box-sizing: border-box;
text-align:center;
display:flex;
align-items:center;
justify-content:center;
}
.rm-page .rm-awareness-month-poster-text h3 {
color: #fff;
font-size:.8em;
font-weight: 600;
padding: 1em 1em 0.5em;
}
.rm-page .rm-awareness-month-tile:is(:hover, :focus) {
background: linear-gradient(to bottom, #fff 0%, rgba(102,26,82,0.2) 100%);
color: var(--rm-purple-bold);
}
.rm-page .rm-awareness-month-tile:is(:hover, :focus) .rm-awareness-month-poster-text h3 {
color: var(--rm-purple-bold);
}
.rm-page .accordion-item {
background-color: var(--rm-background);
border-color: var(--rm-background);
}
.rm-page .mobile-footer .accordion-item {
background-color: var(--primary-large-dblue);
}
.rm-page .mobile-footer .accordion-item:not(:first-of-type) {
border: unset;
}
.rm-page .rm-audio-widget {
margin: 0 auto 3rem;
width: fit-content;
}
.rm-page .rm-audio-widget h3 {
color: var(--primary-large-maroon);
font-size: 1.1em;
font-weight: 600;
}
.rm-page .rm-content-bubble {
border-radius: 20px;
margin: 1.2em auto;
padding: 1em 1.6em;
width: 90%;
}
.rm-page .even-column-layout .rm-content-bubble {
margin: 0 auto;
width: 95%;
}
@media (max-width: 992px) {
.rm-page .even-column-layout .rm-content-bubble {
margin-bottom: 20px;
}
}
@media (max-width: 768px) {
.rm-page .rm-content-bubble .rm-content-bubble-image-container img {
height: 75%;
width: 75%;
}
}
.rm-page .rm-content-bubble.bubble-color-green {
background-color: var(--rm-bubble-green);
}
.rm-page .rm-content-bubble.bubble-color-green strong {
color: var(--rm-green-bold);
}
.rm-page .rm-content-bubble.bubble-color-purple {
background-color: var(--rm-bubble-purple);
}
.rm-page .rm-content-bubble.bubble-color-purple strong {
color: var(--rm-purple-bold);
}
.rm-page .rm-content-bubble.bubble-color-red {
background-color: var(--rm-bubble-red);
}
.rm-page .rm-content-bubble.bubble-color-red strong {
color: var(--rm-red-bold);
}
.rm-page .rm-content-bubble.bubble-color-teal {
background-color: var(--rm-bubble-teal);
}
.rm-page .rm-content-bubble .rm-content-bubble-image-container {
margin-top: 2em;
margin-bottom: 2em;
text-align: center;
}
.rm-page .rm-content-bubble .rm-content-bubble-image-container img.multi-column-image {
width: 100%;
}
.rm-page .social-media-container {
display: flex;
gap: 1vw;
justify-content: center;
margin: 2em auto;
width: 35%;
}
.rm-page .social-media-container img {
height: 75px;
width: 75px;
}
@media (max-width: 768px) {
.rm-page .social-media-container img {
height: 50px;
width: 50px;
}
}
@media (max-width: 450px) {
.rm-page .social-media-container img {
height: 40px;
width: 40px;
}
}
.rm-page .beyond-end {
margin-bottom: 6em;
}
/*** Low ABV of the Week ***/
.rm-page .recipe {
margin-left: 20px;
}
.rm-page .directions-title,
.rm-page .ingredients-title,
.rm-page .recipe-title {
color: var(--rm-purple-bold);
font-weight: 600;
}
.rm-page .directions-title,
.rm-page .ingredients-title {
font-size: calc(14pt + (16 - 14) * ((100vw - 300px) / (1200 - 300)));
}
.rm-page .recipe-title {
font-size: 24px;
}
/*** Billboards ***/
.rm-page .billboard-locations {
font-size: .9em;
}
.rm-page .billboard-img {
height: 75%;
width: 75%;
}
.rm-page .billboard-container {
margin-bottom: 50px;
}
.rm-page .billboard-container .billboard-location {
margin: 0 auto 30px;
width: fit-content;
}
.rm-page .billboard-container img {
display: block;
height: 60%;
margin: 0 auto;
width: 60%;
}
.rm-page .using-blacklight-image {
height: auto;
max-width: 80%;
}
.rm-page .read-more {
display: inline-block;
}
.rm-page .read-more a {
align-items: center;
background-color: var(--rm-read-more);
border: 3px solid var(--rm-read-more);
border-radius: 12px;
color: #000;
display: flex;
flex-direction: row;
flex-wrap: wrap;
font-size: 15px;
justify-content: left;
line-height: 1.8;
padding: 6px 20px;
text-decoration: none;
}
.rm-page .read-more a:focus,
.rm-page .read-more a:hover {
background-color: #000;
color: var(--rm-read-more);
}
.rm-page .printable-title {
font-size: 1.3em;
}
.rm-page .printable-text {
font-size: .9em;
}
.rm-page .printables-image-container img {
box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.2);
display: block;
height: auto;
margin-left: auto;
width: 80%;
}
.rm-page .printable-link-container {
margin-left: auto;
width: 75%;
}
.rm-page .narrow-width-subheading {
margin: 0 auto;
text-align: center;
width: 70%;
}
.rm-page .scholarship-application-heading {
font-size: 1.1em;
}
.rm-page .scholarship-subheading:not(.bold-purple),
.rm-page .scholarship-question,
.rm-page .scholarship-question ~ p,
.rm-page .scholarship-application-heading ~ p {
font-size: .9em;
}
.rm-page .scholarship-subheading:not(.bold-purple) {
margin-top: 20px;
width: 100%;
}
.rm-page .scholarship-pictures-container {
margin-bottom: 30px;
}
.rm-page .scholarship-pictures-container.no-text-below {
margin-bottom: 50px;
}
.rm-page .scholarship-pictures-container .image-grid {
gap: 5px;
grid-template-columns: repeat(2, 1fr);
margin-top: 5px;
}
.rm-page .scholarship-pictures-container .image-grid.one-image {
grid-template-columns: repeat(1, 1fr);
}
.rm-page .scholarship-pictures-container .image-grid.one-image img {
height: unset;
width: unset;
}
.rm-page .scholarship-pictures-container .image-grid > div {
align-items: unset;
}
.rm-page .contact-us-logos {
margin-top: 30px;
}
.rm-page .contact-us-logos img {
height: auto;
width: 100%;
}
@media (max-width: 1200px) {
.rm-page .printable-link-container {
font-size: .75em;
}
}
@media (max-width: 992px) {
.grid .g-col-md-3 {
grid-column: auto / span 12;
}
.grid .g-col-md-9 {
grid-column: auto / span 12;
}
footer .accordion-item {
border-radius: 0 !important;
}
/*** Formstack ***/
.rm-page div[class^="InnerFormBody"] {
padding-top: 0;
}
/*** end ***/
.rm-page .printables-image-container {
margin-top: 20px;
}
.rm-page .printables-image-container img {
margin-right: auto;
}
.rm-page .printable-link-container {
font-size: .9em;
text-align: center;
width: 100%;
}
.rm-page .contact-us-logos {
margin-bottom: 30px;
margin-top: 0;
}
}
@media (max-width: 768px) {
.rm-page .fsPage {
min-width: 300px;
}
.rm-page .awareness-article-h2 {
margin-top: 20px;
}
.rm-page .using-blacklight-image {
max-width: 100%;
}
.rm-page .rm-poster {
height: 50%;
width: 50%;
}
}
@media (max-width: 800px) {
.rm-page .rm-awareness-month-tiles {
flex-wrap: wrap;
row-gap: 10px;
}
.rm-page .rm-awareness-month-tile {
flex: 0 0 100%;
}
.rm-page .rm-awareness-month-poster-text h3 {
font-size:1em;
padding-top:1em;
}
}
@media screen and (max-width: 900px) {
.rm-page .rm-display-card {
flex-direction: column-reverse; /* Changes flex direction to vertical */
width:100%;
}
.rm-page .rm-display-card .round-frame {
margin: auto;
margin-top: 1em;
}
.rm-page .rm-display-card h2 {
text-align: center;
font-size: 2.2em;
}
.rm-page .rm-display-card .left-side {
margin: 0;
}
}
@media (max-width: 640px) {
/*** Formstack Contact Us form ***/
.rm-page .fbXJAN {
max-width: 340px;
}
}
@media (max-width: 540px) {
/*** Formstack Contact Us form ***/
.rm-page .fbXJAN {
max-width: 300px;
}
}
@media only screen and (max-width: 500px) {
.rm-page .fsPage {
min-width: 200px;
}
.rm-page .fbXJAN {
max-width: 250px;
}
.rm-page .rm-display-card h2 {
text-align: center;
font-size: 1.5em;
}
.rm-page .rm-display-card .right-side {
height: 70%;
}
.rm-page .rm-display-card .left-side {
text-align:center;
}
.rm-page .rm-display-card h2 {
width: 90%;
}
}
@media (max-width: 450px) {
.rm-page .fbXJAN {
max-width: 200px;
}
}
/*********************************** TOOLS ************************************/
.container-fluid {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important;
}
.container-full {
width: 100%;
overflow: hidden;
}
.anchor {
display: block;
height: 120px;
margin-top: -7.5rem;
visibility: hidden;
}
/*Callouts*/
.callout {
padding: .75rem 1.25rem;
margin: 0 0 1.25rem;
border-left: 5px solid lightgray;
}
.callout h4 {
margin-top: 0;
margin-bottom: .3rem;
}
.callout p:last-child {
margin-bottom: 0;
}
.callout+.bs-callout {
margin-top: -.3rem;
}
/*********************************** BLOCK COLORS ***********************************/
.blockColor1 {
background-color: var(--brand-color1);
color: var(--brand-color4) !important;
min-height: 150px;
}
.blockColor1 .card-text.block_card {
color: var(--brand-color4) !important;
}
.blockColor1 .card-title {
color: var(--brand-color4) !important;
}
.blockColor1 p {
color: var(--brand-color4) !important;
}
.blockColor2 {
background-color: rgba(var(--brand-color6-rgb), 0.35);
color: var(--brand-color5);
}
.blockColor2 .card-text.block_card {
color: var(--brand-color5);
}
.blockColor2 .card-title {
color: var(--brand-color5);
}
.blockColor3 {
background-color: rgba(var(--brand-color6-rgb), 0.25);
color: var(--brand-color5);
}
.blockColor3 .card-text.block_card {
color: var(--brand-color5);
}
.blockColor3 .card-title {
color: var(--brand-color5);
}
.blockColor4 {
background-color: rgba(var(--brand-color7-rgb), 0.15);
}
.blockColor4 .card-text.block_card {
color: var(--brand-color5);
}
.blockColor4 .card-title {
color: var(--brand-color5);
}
/***********************************Alerts *********************************************/
:is(.alert,.sitewide-alert,.notebox) p:last-child {
margin-bottom: 0;
}
.rm-page .sitewide-alert {
display: none;
}
/*********************************** TEXT BOX ALERTS ***********************************/
p.text-alert-box-body:last-of-type {
margin-bottom: 0;
}
.text-box-alert-c .accordion-button.collapsed:after {
order: 0;
margin-left: .75rem;
transform: rotate(270deg);
}
.text-box-alert-c .text-alert-box-button:not(.collapsed):after {
transform: rotate(0deg);
order: 0;
margin-left: .75rem;
}
.dangerbg {
background-color: var(--danger-bg);
border-color:var(--danger-border)!important;
border-left: 6px solid var(--danger-border);
color: #541C12;
padding: 2rem 0 1.25rem 3.75rem;
margin-bottom: 1rem;
border-width:6px !important;
}
.dangerbg .text-alert-box-button.collapsed {
margin-bottom: 1rem;
}
.dangerbg .text-alert-box-button:focus {
border: 2px solid #541C12;
}
.dangerbg h6 {
color: #541C12;
}
.dangerbg .text-alert-box-heading:before{
content: url("data:image/svg+xml,");
margin-right: .75rem;
}
.dangerbg .no-heading:before{
content: url("data:image/svg+xml,");
margin-right: .75rem;
}
.dangerbg .no-heading .text-alert-box-body {
margin-bottom: 5px;
}
.infobg{
background-color:var(--info-bg);
border-color:var(--info-border)!important;
border-left: 6px solid var(--info-border);
color: #006793;
padding: 2rem 0 1.25rem 3.75rem;
margin-bottom: 1rem;
border-width:6px !important;
}
.infobg .text-alert-box-button.collapsed {
margin-bottom: 1rem;
}
.infobg .text-alert-box-button:focus {
border: 2px solid #006793;
}
.infobg h6 {
color: #006793;
}
.infobg .text-alert-box-heading:before{
content: url("data:image/svg+xml,");
margin-right: .75rem;
}
.successbg{
background-color:var(--success-bg);
border-color:var(--success-border)!important;
border-left: 6px solid var(--success-border);
color: #2E4C16;
padding: 2rem 0 1.25rem 3.75rem;
margin-bottom: 1rem;
border-width:6px !important;
}
.successbg .text-alert-box-button.collapsed {
margin-bottom: 1rem;
}
.successbg .text-alert-box-button:focus {
border: 2px solid #2E4C16;
}
.successbg h6 {
color: #2E4C16;
}
.successbg .text-alert-box-heading:before{
content: url("data:image/svg+xml,");
margin-right: .75rem;
}
.warningbg{
background-color: var(--warning-bg);
border-color:var(--warning-border)!important;
border-left: 6px solid var(--warning-border);
color: #956200;
padding: 2rem 0 1.25rem 3.75rem;
margin-bottom: 1rem;
border-width:6px !important;
}
.warningbg .text-alert-box-button.collapsed {
margin-bottom: 1rem;
}
.warningbg .text-alert-box-button:focus {
border: 2px solid #956200;
}
.warningbg h6 {
color: #956200;
}
.warningbg .text-alert-box-heading:before{
content: url("data:image/svg+xml,");
margin-right: .75rem;
}
.neutralbg{
background-color: var(--neutral-bg);
border-color:var(--neutral-border)!important;
border-left: 6px solid var(--neutral-border);
color: #656565;
padding: 2rem 0 1.25rem 3.75rem;
margin-bottom: 1rem;
border-width:6px !important;
}
.neutralbg .text-alert-box-button.collapsed {
margin-bottom: 1rem;
}
.neutralbg .text-alert-box-button:focus {
border: 2px solid #656565;
}
.neutralbg h6 {
color: #656565;
}
.neutralbg .text-alert-box-heading:before{
content: url("data:image/svg+xml,");
margin-right: .75rem;
}
a.alert-link:is(:hover,:focus) {
font-weight: 600 !important;
}
/*********COLLAPSIBLE TEXT BOX ALERTS ************/
.text-alert-box-button.collapsed {
padding: 0;
max-height: 30px;
}
.text-alert-box-body-c {
padding: .5rem 0 0 0;
}
.alert-item-c {
padding: 1rem 1rem 1rem 2.5rem;
}
.alert-item-c:has(.no-heading) {
padding-left: 1.25rem;
}
.text-alert-box-c.no-heading {
align-items: center;
display: flex;
}
.alert-item-c.infobg {
border-left: 7px solid;
}
.text-alert-box-button:not(.collapsed) {
margin: 0;
padding: 0;
box-shadow: none;
background-color: transparent;
}
.text-alert-accordion-collapse {
padding-left: 0;
}
/*********************************** Text Colors *******************************/
.text-body {
color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity));
}
.text-teal, .text-teal-hover {
color: var(--primary-hover-teal);
}
.text-darkBlue, .text-dark-blue {
color: var(--primary-large-dblue);
}
.text-dark-blue-hover {
color: var(--primary-hover-dblue);
}
.text-orange, .text-orange-hover {
color: var(--primary-hover-orange);
}
.text-maroon {
color: var(--primary-large-maroon);
}
.text-maroon-hover {
color: var(--primary-hover-maroon);
}
.text-blue {
color: var(--primary-large-blue);
}
.text-blue-hover {
color: var(--primary-hover-blue);
}
.text-green, .text-green-hover {
color: var(--primary-hover-green) !important;
}
/*********************************** NOTEBOX ***********************************/
.notebox-heading {
padding: 1.25rem 0 .3rem 2rem;
}
.notebox {
margin-bottom: 2rem;
}
.notebox .notebox-heading {
border-left: none;
}
.notebox-body {
font-size: 1rem;
padding: 0 2.25rem 1.25rem 2rem;
line-height: 1.5;
}
.notebox.no-heading .notebox-body {
padding-top: 1.25rem;
}
.accordion-button.notebox-button{
padding: 0
}
.accordion-button.notebox-button:after {
order: 0;
margin-left: 0;
margin-right: 1rem;
}
.accordion-button.notebox-button:after {
order: 0;
margin-left: .75rem;
margin-right: 1rem;
transform: rotate(270deg);
}
.accordion-button.notebox-button:not(.collapsed) {
color: inherit;
box-shadow: none;
padding: 0;
}
.accordion-button.notebox-button:not(.collapsed):after {
transform: unset;
}
.sideColumn .accordion-button.notebox-button {
padding: 0 1.25rem;
}
.sideColumn .accordion-button.notebox-button:after {
order: -1;
margin: 0;
}
.notebox-teal{
background-color: var(--background-gray);
color: var(--primary-hover-teal)!important;
border-left: 6px solid var(--primary-large-teal);
}
.notebox-dblue{
background-color: var(--background-gray);
color: var(--primary-large-dblue);
border-left: 6px solid var(--primary-large-dblue);
}
.maroon .notebox {
background-color: var(--background-gray);
border-left: 6px solid var(--primary-large-maroon);
color: var(--primary-hover-maroon)!important;
}
.notebox-bit{
background-color: #E5EFFF;
color: var(--primary-hover-blue)!important;
border-left: 6px solid var(--primary-large-blue);
}
.notebox-abcd{
background-color: #fff2f4;
color: var(--primary-hover-maroon)!important;
border-left: 6px solid var(--primary-large-maroon)!important;
}
.notebox-pad{
background-color: #FFF0E5;
color: var(--primary-hover-orange)!important;
border-left: 6px solid var(--primary-large-orange);
}
.notebox-ccd{
background-color: #fff2f4;
color: var(--primary-hover-green)!important;
border-left: 6px solid var(--primary-large-green)!important;
}
.notebox-ccd .notebox-button.collapsed {
background-color: #f9e8eb;
color: var(--primary-hover-green)!important;
}
.notebox-pad .notebox-button.collapsed {
background-color: #FFF0E5;
color: var(--primary-hover-orange)!important;
}
.notebox-abcd .notebox-button.collapsed {
background-color: #f9e8eb;
color: var(--primary-hover-maroon)!important;
}
.notebox-bit .notebox-button.collapsed {
background-color: #E5EFFF;
color: var(--primary-hover-blue)!important;
}
.notebox-dblue .notebox-button.collapsed {
background-color: var(--background-gray);
color: var(--primary-large-dblue)!important;
}
.notebox-teal .notebox-button.collapsed {
background-color: var(--background-gray);
color: var(--primary-hover-teal)!important;
}
.side-col .notebox-heading {
padding: 1.25rem 1rem .5rem;
}
.side-col .notebox-body {
padding: 0 1rem 1.25rem;
line-height: 1.5;
}
/*********************************** HEADER ***********************************/
header {
z-index: 1000;
background-color: #fff;
min-height:90px;
box-shadow: 0px 2px 6px -5px;
grid-template-columns: minmax(200px, 20vw) 1fr;
}
.heading {
color: var(--brand-color1);
font-weight: 500;
}
.heading span:first-child {
font-size: 0.8rem;
}
.heading span:last-child {
font-size: 1.75rem;
}
img#header-logo, img#header-logo-small {
z-index: 99;
max-height:70px;
}
/*********************************** NAVIGATION ***********************************/
.nav-link {
min-width:44px;
min-height:44px;
}
.dropdown-menu .nav-link {min-width:unset;min-height:unset}
.navbar-nav .nav-link {
padding-right: 0;
padding-left: 0;
font-weight:500;
}
.navbar-light .navbar-nav .nav-link {
color: var(--bs-body-color);
}
.navbar-light .navbar-nav .grid-menu.nav-link:is(:hover,:focus,.active,.show) {
background: var(--background-gray);
}
.navbar-dark .navbar-nav .nav-link {
color: rgba(255, 255, 255, .9);
}
.navbar-dark .navbar-nav .nav-link:is(:hover,:focus,.active,.show) {
text-decoration:underline;
}
ul.nav-link:not(:last-child) {
border-bottom: 2px solid white;
}
nav.navbar {
z-index: 99;
}
li.nav-item {
float: right;
display: inline;
order:2;
}
a.nav-link.dropdown-toggle.ps-0 {
float: right;
}
.drop-down-2-menu {
grid-template-columns: 1fr;
}
.mega-menu .custom-dropdown-menu .drop-down-2 .navbar-nav:is(.active,.show) {
width: calc(100% - 333px)!important;
overflow-y: auto;
}
.mega-menu .custom-dropdown-menu .drop-down-2 .navbar-nav:not(.active,.show) {
grid-area: hidden;
}
/* This fixes some funky width issue on the mega menu */
/*@media (min-width:1185px){*/
/* .mega-menu .custom-dropdown-menu .drop-down-2 .navbar-nav:is(.active,.show) {*/
/* width: clamp(calc(60vw - 400px), 100vw, calc(100vw - 475px))!important;*/
/* }*/
/*}*/
/*.mega-menu .custom-dropdown-menu .drop-down-2 .offcanvas {*/
/* width: clamp(320px, 100%, 100%)!important;*/
/*}*/
.mega-menu .custom-dropdown-menu .drop-down-2 .navbar-nav:not(.active,.show) {
display: none!important;
}
.mega-menu .custom-dropdown-menu .standard-menu {
max-height:80%;
}
.standard-menu .navbar-nav .nav-link {
color: var(--primary-large-teal);
}
.standard-menu .navbar-nav a.nav-link:is(:hover,:focus) {
color: var(--primary-hover-teal);
text-decoration:underline;
}
.mega-menu .custom-dropdown-menu button.grid-menu i {
padding-right:0;
color: var(--primary-large-teal);
font-size: 1.25rem;
margin: 0;
width:unset;
height:unset;
}
button.grid-menu:hover>.bi, button.grid-menu:focus-visible>.bi, button.grid-menu.show>.bi {
var(--bs-icon-link-transform, translate3d(0.25em, 0, 0))
}
.dropdown-menu[data-bs-popper] {
left: -0.5rem;
}
.nav_title a {
font-weight: 600;
}
ul.nav.flex-column {
font-weight: 400;
}
/************************3rd level nav - basic dropdown ***********************/
ul.submenu {
background: blue;
color: white;
margin: 0 0 0 -10rem;
}
.tab-content>.tab-pane:not(.show) {
display: none !important;
}
.mega-menu .tab-content .offcanvas-backdrop {
display:none;
}
/*********************************** NAV **************************************/
.dropdown-menu,
.dropdown .dropdown-item {
border: none;
color: var(--brand-color1);
}
nav.navbar .mega-drop .dropdown-menu {
margin: 0;
padding:0;
height: auto;
right: 0;
left: 0;
top: 90px;
}
/** Colored line beneath nav link on focus events **/
.mega-drop :is(a,button).dropdown-toggle:after, .navbar-nav .nav-item:not(.mega-drop) .nav-link:after {
content: "";
display: grid;
vertical-align: unset;
border: 3px solid transparent;
border-width: 0 0 2px;
margin:0;
transform: translate(-8px, 8px);
width: calc(100% + 16px);
transform-origin:center;
transition:.15s all ease-in-out;
}
.mega-drop:is(:hover,:focus) :is(a,button).dropdown-toggle:after, .mega-drop :is(a,button).show.dropdown-toggle:after, .navbar-nav .nav-item:not(.mega-drop,.subdropdown-item):is(:hover,:focus) .nav-link:after {
border-color:var(--primary-large-teal);
}
.rm-page .mega-drop:is(:hover,:focus) :is(a,button).dropdown-toggle:after, .rm-page .mega-drop :is(a,button).show.dropdown-toggle:after, .rm-page .navbar-nav .nav-item:not(.mega-drop,.subdropdown-item):is(:hover,:focus) .nav-link:after {
border-color:var(--primary-large-maroon);
}
/** **/
.icon-link i {
color: currentColor;
display: inline-block;
-webkit-text-stroke: 1px;
margin-bottom:.4rem;
padding-right: 1rem;
}
a.nav-link.dropdown-toggle.dropdown-item.carat-dd {
display: none;
}
.navbar-expand-lg .navbar-nav .mega-drop .dropdown-menu {
position: fixed;
}
#navbarCollapse>ul>li:nth-child(5)>div>ul {
max-width: 70%;
}
.nav-link {
display: inline-block;
color: var(--brand-color4);
}
.header_wrapper .navbar-nav .parent-link-top-nav {
padding-bottom: 1.5rem;
padding-top: .75rem;
}
/*.custom-dropdown-menu {
min-width: 50vw;
}*/
.custom-dropdown-menu .drop-down-1 {
/* xxx */
width:334px;
overflow-x:hidden;
z-index:1;
flex-shrink:0;
display: none;
}
.grid-menu:is(:hover,:focus,:focus-visible), .grid-menu.show {
background: var(--xxx);
}
/*.custom-dropdown-menu .drop-down-2 {*/
/* width: 334px!important;*/
/*}*/
.custom-dropdown-menu .drop-down-2 a {
text-decoration:underline !important;
text-decoration-color:rgba(255,255,255,.75)!important;
}
.custom-dropdown-menu .drop-down-2 a:not(.icon-link):is(:hover,:focus) {
text-decoration-color:#fff!important;
}
.custom-dropdown-menu .drop-down-1 .grid-menu {
padding-left: 2.5rem!important;
}
.custom-dropdown-menu :is(.nav-col-1,.nav-col-2) {
float: left;
line-height: 1.5;
margin-bottom: 1rem;
}
li.subdropdown-item.nav-link {
display: flex;
}
/*Sidebar*/
:not(.sidebar-box-nc).stretched-link:focus-visible::after {
border: 3px solid rgb(13, 110, 253);
}
.sidebar ul {
margin-bottom: 0;
padding-left: 0;
list-style: none;
}
.sidebar .nav-link {
margin-bottom: .25rem;
padding: 0.5rem 0;
color: var(--brand-color1);
line-height: 1.5;
}
.sidebar ul>li>ul {
margin-left: 1rem;
}
.d-md-block {
z-index: 1;
}
.navbar-toggler .line {
width: 1.875rem;
height: .25rem;
background-color: var(--primary-large-teal);
display: block;
margin: .375rem auto;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
border-radius: 9999px;
}
.navbar-toggler[aria-expanded="true"] {
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-transition-delay: 0.6s;
-o-transition-delay: 0.6s;
transition-delay: 0.6s;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.navbar-toggler[aria-expanded="true"] .line {
width: 1.5rem;
}
.navbar-toggler[aria-expanded="true"] .line:nth-child(3) {
width: 0;
}
.navbar-toggler[aria-expanded="true"] .line:nth-child(2),
.navbar-toggler[aria-expanded="true"] .line:nth-child(4) {
-webkit-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.navbar-toggler[aria-expanded="true"] .line:nth-child(2) {
-webkit-transform: translateY(.4375rem);
-ms-transform: translateY(.4375rem);
-o-transform: translateY(.4375rem);
transform: translateY(.4375rem);
}
.navbar-toggler[aria-expanded="true"] .line:nth-child(4) {
-webkit-transform: translateY(-.75rem) rotate(90deg);
-ms-transform: translateY(-.75rem) rotate(90deg);
-o-transform: translateY(-.75rem) rotate(90deg);
transform: translateY(-.75rem) rotate(90deg);
}
.navbar-dark .navbar-toggler {
border-color: transparent;
}
.navbar-toggler:focus {
box-shadow: none;
}
/*********************************** SEARCH ***********************************/
/*
.gsc-control-cse.gsc-control-cse-en {
visibility: hidden;
width: 0;
}
.gsc-search-box.gsc-search-box-tools {
display: none;
}
.gsc-modal-background-image-visible {
visibility: visible;
}
.gsc-control-cse {
padding: 0 !important;
}
*/
/*********************************** ALERTS ******************************/
.alert-info{
background-color: #E2F6FF;
border-left: #0081B8;
color: #006793;
}
.alert-success{
background-color: #EFFAE7;
border-left: #3A5F1B;
color: #2E4C16;
}
.alert-danger{
background-color: #FFE4DF;
border-left: #8C2F1F;
color: #541C12;
}
.alert-warning{
background-color: #FDEDCF;
border-left: #BB8625;
color: #956200;
}
.alert-neutral{
background-color: var(--background-gray);
border-left: #828282;
color: #656565;
}
/*********************************** BREADCRUMBS ******************************/
.breadcrumb {
font-size:90%;
font-size:1.0625rem;
}
.breadcrumb-item.active {
color: #595959;
}
.breadcrumb-item+.breadcrumb-item::before {
float: left;
padding-right: .5rem;
color: #6c757d;
content: "\F285";
font-family: 'bootstrap-icons';
-webkit-text-stroke: 1px;
color: #595959;
}
/*********************************** DISPLAY HEADINGS **********************************/
.display-1{
font-size: 2.25rem;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
letter-spacing: .08em;
}
.display-2{
font-size: 1.5rem;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
letter-spacing: .08em;
line-height: 1.5;
}
.display-3{
font-size: 1.25rem;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
letter-spacing: .08em;
}
.display-4{
font-size: 1rem;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
letter-spacing: .08em;
}
.display-5{
font-size: .75rem;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
letter-spacing: .08em;
}
/*********************************** BUTTONS **********************************/
.vc_do_btn,
.cta-button-container {
margin-bottom: 22px;
}
.cta-button-ccd {
color: #fff;
background-color: var(--primary-large-green);
border-color: var(--primary-large-green);
margin-top: 20px;
}
.cta-button-ccd:hover, .cta-button-ccd:focus, .cta-button-ccd:first-child:active {
color: #fff;
background-color: var(--primary-hover-green);
border-color: var(--primary-hover-green);
}
/** #rebate-flex is specific to /taxes/property-tax-rebate-house-bill-222/index **/
#rebate-flex {
display: flex;
justify-content: center;
}
#rebate-flex .button-container {
background: #000;
border: 1px solid #000;
border-radius: 10px;
margin-bottom: 20px;
padding: 10px 10px 10px 15px;
width: 40%;
}
#rebate-flex .button-container .card-content {
align-items: center;
display: flex;
}
#rebate-flex .button-container .card-content img {
height: 1.8em;
margin-right: 20px;
width: 1.8em;
}
#rebate-flex .button-container .card-content a {
color: #fff !important; /* !important needed to override page theming */
font-size: 1.25em;
}
/*********************************** WIDGETS **********************************/
.content-block:not(:last-child) {
margin-bottom: 2rem;
}
/*********************************** ACCORDIONS/TABS **************************/
.nav-tabs {
display: none;
}
.accordion-header .pe-2 {
color: #fff;
}
/*Nested Accordions*/
/*FAQ*/
.accordion.faq .accordion-header {
position: relative;
}
.accordion.faq .accordion-button::after {
position: absolute;
}
.accordion.faq .accordion-body {
padding-left: 3rem;
padding-right: 3rem;
}
.card-accordion-button:not(.collapsed) {
color: currentColor;
background-color: var(--background-gray);
border-color:transparent;
}
.card-accordion-button:focus-visible {
border: 2px solid currentColor;
}
.accordion-open .card-accordion-button:focus-visible {
width: calc(100% + 4px + 2*(calc(var(--bs-gutter-x)* .5)));
transform: translate(calc(-.5rem - 2px), calc(-2px));
border-bottom: 1px solid;
border-end-end-radius: 0;
border-end-start-radius: 0;
padding-left: calc(1.75rem + 1px);
padding-top: calc(1rem + 1px);
}
.card-accordion-button {
position: relative;
display: flex;
align-items: center;
width: 100%;
padding: 1rem 1.25rem;
/*font-size: 1rem;*/
text-align: left;
background-color: var(--background-gray);
border: 1px solid var(--border-gray);
border-radius: 6px;
overflow-anchor: none;
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, border-radius .15s ease;
}
.card-accordion-button:hover {
background-color: var(--bs-btn-active-bg);
z-index:2;
}
/*.card-accordion-heading {
width:clamp(19ch, 86%, 100%);
}*/
.card-accordion-button.show-subheader {
display: flex;
flex-flow:row wrap;
align-content:start;
}
.card-accordion-button.show-subheader > span {
width: 90%;
}
.card-accordion-button.show-subheader .card-accordion-body {
display: block;
width: 100%;
}
.card-accordion-button.show-subheader .card-accordion-body .p-4 {
padding-left: 2.5rem !important; /* !important necessary to override bs style */
}
.card-accordion-item.accordion-open {
border: 2px solid currentColor;
border-radius: 6px;
background: var(--background-gray);
width: calc(100% - 2*(calc(var(--bs-gutter-x)* .5))) !important;
margin-left: calc(var(--bs-gutter-x)* .5);
}
@media (max-width: 992px) {
.card-accordion-button.show-subheader > span {
width: 80%;
}
}
/*********************************** BANNER ***********************************/
.banner {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
margin-bottom: 0;
height: clamp(600px, 90vh, 100%);
}
/********************************** CALENDAR **********************************/
/*Full Calendar*/
/*Event List Widget*/
/*********************************** CARDS ************************************/
.bgColorTeal, .dropdown .bgColorTeal {
background-color: var(--primary-hover-teal)!important;
}
.bgColorDarkBlue, .dropdown .bgColorDarkBlue {
background-color: var(--primary-large-dblue)!important;
}
.bgColorOrange, .dropdown .bgColorOrange {
background-color: var(--primary-hover-orange)!important;
}
.bgColorMaroon, .dropdown .bgColorMaroon {
background-color: var(--primary-large-maroon)!important;
}
.bgColorBlue, .dropdown .bgColorBlue {
background-color: var(--primary-large-blue)!important;
}
.bgColorGreen, .dropdown .bgColorGreen {
background-color: var(--primary-hover-green)!important;
}
.grid_layout {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-column-gap: 1em;
grid-row-gap: 1em;
}
.grid_layout .col-xl-4 {
flex-basis: calc(100% - 0px);
width: 100%;
}
.card-banner-text {
text-decoration: none;
position: absolute;
padding: .75rem 1rem;
text-align: center;
color: white;
z-index: 2;
left: 0;
margin-top: -2.5rem;
}
.card:not(.publication-card) {
overflow: hidden;
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .15), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
margin-bottom: 1.25rem;
}
.card:is(:hover,:focus):not(.publication-card) {
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}
.publication-card {
height: 100%;
}
.publication-card h3,
.publication-card .h3 {
font-size: 1.25rem;
}
.publication-card.card.block_card {
background-color: var(--background-gray);
border: 1px solid #ccc;
}
.publication-card .card-body {
line-height: 1.5;
padding: 0 1rem 1rem;
}
.publication-card.double-border .card-body {
margin-bottom: 1rem;
padding: 1rem;
}
.publication-card .card-body a {
color: #000;
}
.publication-card .card-content {
padding: 1rem 1rem 0;
}
.publication-card.double-border .card-content {
padding: 1rem 2.75rem;
}
.cards .card_wrapper:nth-child(even) {
padding-left: .75rem;
}
.cards .card_wrapper:nth-child(even) {
padding-right: .75rem;
}
.cards .card_wrapper.directory-image {
display: flex;
justify-content: space-evenly;
width: unset;
}
.cards .card_wrapper.directory-image > .col-12 {
flex: unset;
width: unset;
}
.cards .card_wrapper.directory-image .card {
border: none;
box-shadow: unset;
text-align: center;
}
.cards .card_wrapper.directory-image .card-image {
background-color: unset;
}
.card-body {
margin: 0;
line-height: 1.5;
padding: 2rem .75rem .75rem .75rem;
}
.card-title {
font-size: 1.4rem;
font-weight: bold;
padding-bottom: .25rem;
}
.card-image {
min-height:40px;
max-height: 310px;
height: 100%;
width:100%;
}
.card-image img {
object-fit: cover;
}
img.object-fit {
object-fit: cover;
}
.card.block_card {
background-color: transparent;
}
.card-text p:last-child {
margin-bottom: 0;
}
.card-body:empty {
display: none;
}
.directory-image .card img.rounded-circle {
max-width: unset;
}
.card.block_card img {
max-height: 425px;
}
.card-body i {
margin: 0 auto;
text-align: center;
display: block;
}
.card_title_tile {
text-align: center;
color: var(--brand-color4);
}
.tile_layout {
margin: 0 auto;
}
/*********************************** CARD -blocks image full width ************************************/
.block_fwimg {
display: block;
align-items: center;
margin: 0 auto;
padding: 0 10% 0 8%;
color: var(--brand-color1);
}
.fw_card-bodyhide {
overflow: hidden;
height: 100%;
}
.fw_card-bodyhide img {
padding: 0;
margin: 0;
background-size: cover;
width: 100%;
}
/*********************************** DEADLINES AND EVENTS ************************************/
.de-title {
grid-column:1 / -1;
}
.day-month-box {
color: white;
max-width: 68px;
max-height: 68px;
text-align: center;
}
.day {
font-size: 1.625rem;
margin-bottom: -.5rem;
font-weight: 600;
}
.month {
text-transform: uppercase;
margin:0;
}
.de-link a p {
margin-bottom: 0px ! important;
margin-top: 1.5rem;
padding-left: .75rem;
font-weight: 600;
text-decoration: underline;
}
.arrow {
border: solid black;
border-width: 0 3px 3px 0;
display: inline-block;
padding: 3px;
}
.right {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
/*********************************** MISSION STATEMENT CARDS ************************************/
.side-col {
padding:0;
}
.msc-item .img-fluid {
height: auto;
padding: 2.5rem 2.5rem 2rem;
margin-right: auto;
margin-left: auto;
display: block;
max-width:360px;
}
.msc-item img + p {
padding-top: 1rem !important;
}
.msc-item p {
padding-top: 0 !important;
}
.msc-item p:last-child {
margin-bottom: 0;
}
.ab-control-msc {
border: 1px solid var(--primary-large-maroon);
background-color: var(--primary-large-maroon);
color: white;
padding-bottom: 1.25rem;
}
.can-control-msc {
border: 1px solid var(--primary-hover-green);
background-color: var(--primary-hover-green);
color: white;
padding-bottom: 1.25rem;
}
.property-assessment-msc {
border: 1px solid var(--primary-hover-orange);
background-color: var(--primary-hover-orange);
color: white;
padding-bottom: 1.25rem;
}
.business-tax-msc {
border: 1px solid var(--primary-large-blue);
background-color: var(--primary-large-blue);
color: white;
}
.can-al-reg-msc {
border: 1px solid var(--primary-large-cranberry);
background-color: var(--primary-large-cranberry);
color: white;
padding-bottom: 1.25rem;
}
/***********************************SIDEBARS TEXT BOX************************************/
.sideColumn .notebox {
box-shadow: 0 4px 4px -2px var(--divider-gray), 0 2px 0px -1px rgba(0, 0, 0, 0.06);
}
.sidebar-text-box {
background-color: var(--background-gray);
box-shadow: 0 4px 4px -2px var(--divider-gray), 0 2px 0px -1px rgba(0, 0, 0, 0.06);
height:fit-content;
}
/*.sidebar-text-box .sidebar-box-heading {
font-weight: 600 !important;
letter-spacing: calc(.1 * 1rem);
}*/
.sidebar-text-box.sidebar-hover:is(:hover,:focus) {
background-color:var(--bs-gray-100);
}
.sidebar-box-button {
background-color: transparent;
font-weight: 600 !important;
letter-spacing: calc(.1 * 1rem);
padding: 2.25rem 1.25rem 2.25rem 3.5rem;
justify-content: flex-start;
}
.contentInline {padding:2.25rem 1.25rem 2.25rem 1.25rem;}
.side-col .sidebar-box-button {
padding: 1.25rem;
}
.sidebar-box-button:after {
transform: rotate(270deg);
}
.sidebar-box-button:not(.collapsed) {
color: currentColor;
}
.sidebar-box-button:focus {
outline: 2px solid currentColor;
}
.sidebar-box-c .sidebar-box-heading {
margin: 0;
}
.sidebar-box-body {
transform: translateY(-1rem);
padding: 0 1.75rem .25rem;
}
.sidebar-box-body > div {
max-height: 30ch;/*sidebar max height*/
overflow-y: auto;
}
.sidebar-box-body :is(ul:last-child, ul li:last-child) {
margin-bottom: 0 !important;
}
.sideColumn .sidebar-box-body ul {
list-style: none;
padding:0;
}
.side-col .sidebar-box-body {
padding: .75rem 1.25rem .25rem;
}
.sidebar-accordion-collapse:not(.show) .sidebar-box-body {
opacity:0;
}
.show .sidebar-box-body {
opacity: 1;
transition: .5s opacity ease-in-out
}
.sidebar-box-nc {
padding:2.25rem 1.25rem 2.25rem 3.5rem;
}
.side-col .sidebar-box-nc {
padding: 1.25rem;
}
.sidebar-box-nc :is(h2,h3,h4,h5,h6) {
margin-bottom: 0;
}
.sidebar-box-nc a {
z-index: 2;
position: relative;
}
.sidebar-text-box :is(p,a,span):last-child {
margin-bottom:0;
}
.teal-sidebar{
border-left: 7px solid var(--primary-large-teal);
}
.teal-sidebar.sidebar-hover:is(:hover,:focus) {
border-color: var(--primary-hover-teal);
}
.teal-sidebar :is(h1,h2,h3,h4,h5,h6,a:not(.btn)) {color:var(--primary-hover-teal)}
.teal-sidebar a:not(.btn):hover {color:var(--primary-hover-teal)}
.db-sidebar{
border-left: 7px solid var(--primary-large-dblue);
}
.db-sidebar.sidebar-hover:is(:hover,:focus) {
border-color: var(--primary-hover-dblue);
}
.db-sidebar :is(h1,h2,h3,h4,h5,h6,a:not(.btn)) {color:var(--primary-large-dblue)}
.db-sidebar a:not(.btn):hover {color:var(--primary-hover-dblue)}
.bit-sidebar{
border-left: 7px solid var(--primary-large-blue);
}
.bit-sidebar.sidebar-hover:is(:hover,:focus) {
border-color: var(--primary-hover-blue);
}
.bit-sidebar :is(h1,h2,h3,h4,h5,h6,a:not(.btn)) {color:var(--primary-hover-blue)}
.bit-sidebar a:not(.btn):hover {color:var(--primary-hover-blue)}
.abcd-sidebar{
border-left: 7px solid var(--primary-large-maroon);
}
.abcd-sidebar.sidebar-hover:is(:hover,:focus) {
border-color: var(--primary-hover-maroon);
}
.abcd-sidebar :is(h1,h2,h3,h4,h5,h6,a:not(.btn)) {color:var(--primary-hover-maroon)}
.abcd-sidebar a:not(.btn):hover {color:var(--primary-hover-maroon)}
.pad-sidebar{
border-left: 7px solid var(--primary-large-orange);
}
.pad-sidebar.sidebar-hover:is(:hover,:focus) {
border-color: var(--primary-hover-orange);
}
.pad-sidebar :is(h1,h2,h3,h4,h5,h6,a:not(.btn)) {color:var(--primary-hover-orange)}
.pad-sidebar a:not(.btn):hover {color:var(--primary-hover-orange)}
.ccd-sidebar {
border-left: 7px solid var(--primary-large-green);
}
.ccd-sidebar.sidebar-hover:is(:hover,:focus) {
border-color: var(--primary-hover-green);
}
.ccd-sidebar :is(h1,h2,h3,h4,h5,h6,a:not(.btn)) {color:var(--primary-hover-green)}
.ccd-sidebar a:not(.btn):hover {color:var(--primary-hover-green)}
@media (font-size: 17px) {
.teal-sidebar a:not(.btn) {color:var(--primary-hover-teal)}
.teal-sidebar a:not(.btn):hover {color:var(--primary-large-teal)}
.db-sidebar a:not(.btn) {color:var(--primary-hover-dblue)}
.db-sidebar a:not(.btn):hover {color:var(--primary-large-dblue)}
.bit-sidebar a:not(.btn) {color:var(--primary-hover-blue)}
.bit-sidebar a:not(.btn):hover {color:var(--primary-large-blue)}
.abcd-sidebar a:not(.btn) {color:var(--primary-hover-maroon)}
.abcd-sidebar a:not(.btn):hover {color:var(--primary-large-maroon)}
.pad-sidebar a:not(.btn) {color:var(--primary-hover-orange)}
.pad-sidebar a:not(.btn):hover {color:var(--primary-large-orange)}
.ccd-sidebar a:not(.btn) {color:var(--primary-hover-green)}
.ccd-sidebar a:not(.btn):hover {color:var(--primary-large-green)}
}
/*********************************** CAROUSEL *********************************/
div#carousel {
margin:0;
}
.carousel-caption {
position: absolute;
right: 0;
bottom: 30%;
left: 0;
padding-top: 0;
padding-bottom: 0;
color: var(--brand-color4);
text-align: center;
}
.carousel-banner {
height: 100vh;
}
.carousel-item {
background: transparent;
transition: width .1s ease-out;
}
.carousel-item.active {
display: flex;
}
.carousel-indicators [data-bs-target] {
width: 5px;
height: 5px
}
.carousel-caption a:not(.btn) {
color: white !important;
}
.carousel-caption a:not(.btn):hover {
text-decoration: none !important;
}
button.carousel-control-prev {
width: 5%;
margin-top: 10%;
}
button.carousel-control-next {
width: 5%;
margin-top: 10%;
}
/*********************************** CAROUSEL Icon Block *********************************/
.card-img-overlay {
top: 70px;
border-radius: 0;
text-align: center;
margin: 0 auto;
display: block;
max-width: 224px;
}
.carousel-button {
margin: -80px auto 70px !important;
z-index: 999;
display: block;
position: relative;
max-width: 1250px;
}
#tile-carousel {
max-width: 1230px;
margin: 0 auto;
}
#tile-carousel>div>div.carousel-item.active .card {
background-color: transparent;
min-height: 180px;
}
#tile-carousel img {
max-width: 50px;
margin: 1rem auto 0;
max-height: 50px;
}
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
display: flex;
}
.carousel-inner .carousel-item-end,
.carousel-inner .carousel-item-start {
transform: translateX(0);
}
.carousel-inner .carousel-item-end.active,
.carousel-inner .carousel-item-next {
transform: translateX(25%);
}
.carousel-inner .carousel-item-start.active,
.carousel-inner .carousel-item-prev {
transform: translateX(-25%);
}
/*********************************** TILES ************************************/
.tile {
position: relative;
float: left;
width: 100%;
height: 100%;
overflow: hidden;
border: 0;
cursor: default;
min-height: 125px;
margin-top: .75rem;
}
.tile.shadow-sm:hover,
.accordion-body.tile:hover {
text-decoration: underline;
background-color: var(--brand-color6);
}
.tile.inline-image a {
align-items: center;
display: flex;
}
.accordion-body .tile.inline-image a {
max-width: fit-content;
}
.accordion-body .tile.inline-image a:hover {
color: inherit;
}
.tile.inline-image .overlay {
padding: 0;
position: static;
}
.tile img {
display: block;
position: relative;
width: 100%;
height: 100%;
}
.tile img.height-75 {
height: 75px;
}
.tile img.width-75 {
width: 75px;
}
.tile .overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 4.25rem 1rem 1rem 1rem;
overflow: hidden;
}
.tile h2 {
position: relative;
margin-bottom: 0;
padding: 0;
overflow: hidden;
font-size: 1.125rem;
text-transform: uppercase;
font-weight: 400;
text-align: center;
color: var(--brand-color4);
}
.tile p {
padding: 0 0 .25rem 0;
background-color: rgba(var(--brand-color1-rgb), 0.75);
color: var(--brand-color4);
}
.white_box {
background-color: white;
color: black;
max-width: 45%;
padding: 3.75rem;
}
/*********************************** background Image ****************************/
.bkgimg-caption.text-center {
position: relative;
padding: 2rem;
display: block;
clear: both;
margin: -24% auto 5%;
color: var(--brand-color4);
filter: drop-shadow(2px 4px 6px black);
}
.bkgimg-caption.text-start {
position: relative;
padding: 2rem;
display: block;
clear: both;
margin: -24% 1rem 4%;
color: var(--brand-color4);
filter: drop-shadow(2px 4px 6px black);
}
.bkgimg-caption.text-end {
position: relative;
padding: 2rem;
display: block;
clear: both;
margin: -24% 1rem 0;
color: var(--brand-color4);
float: right;
filter: drop-shadow(2px 4px 6px black);
}
.bkgimg_heading {
font-size: 4rem;
line-height: 5rem;
font-weight: bold;
}
.bkgimg_heading a {
color: var(--brand-color4) !important;
}
.bkgimg_text {
font-size: 2rem;
}
.extra-padding-5 {
padding: 5% 0;
}
.extra-padding-10 {
padding: 10% 0;
}
img.bkimg_slide {
background-position: center;
background-size: cover;
margin: 0 auto 0;
display: block;
width: 100%;
}
/*********************************** NEWS and PRODUCTS *************************************/
.product-gallery {
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
.pagination-container {
align-items: center;
gap: 5px;
}
.pagination-button {
min-width: 30px;
padding: .5rem !important;
}
.pagination-button.current-page {
/* all these !importants are to override bs styles */
background-color: #fff !important;
border: 3px solid !important;
color: #521542 !important;
}
.pagination-dots {
font-weight: 700;
margin-bottom: 0;
margin-top: 1rem;
}
.load-prev-page,
.load-next-page {
padding: .7rem .9rem !important;
}
.load-prev-page.icon-link-hover:hover>.bi, .load-prev-page.icon-link-hover:focus-visible>.bi {
transform: var(--bs-icon-link-transform, translate3d(-0.25em, 0, 0));
}
@media (max-width: 800px) {
.load-page-span {
display: none;
}
}
.loader {
width: 100%;
margin: 1rem auto;
font-size: 6.25rem;
text-align: center;
color: rgba(var(--brand-color7-rgb), 0.15);
-webkit-animation-name: beat;
animation-name: beat;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-duration: 2.5s;
animation-duration: 2.5s;
}
article h2 {
font-weight: 500;
}
.article-title,
.product-title {
font-size: 3rem;
font-weight: 600;
margin: 1rem 0;
color: var(--brand-color1);
line-height: 1.5;
}
.main-gallery [data-title] a {
font-size: 1.25rem !important;
color: var(--bs-body-color) !important;
filter: brightness(.35);
}
.article_img {
font-size: 0;
}
.news-subtitle {
font-size: 1.25rem;
font-weight: 500;
color: var(--brand-color1);
}
img.news-image {
max-width: 350px;
float: left;
padding: 1rem;
color: var(--brand-color1);
margin: 0 1.25rem 1.25rem;
}
.news.container.row,
.product.container.row {
margin: 0 auto;
}
.wpb_single_image .vc_figure {
display: inline-block;
vertical-align: top;
margin: 0;
max-width: 100%;
}
.ccd-purchasing-power {
display: flex;
align-items: center;
justify-content: center;
gap: 50px;
padding-top: 20px;
}
.hr-separator {
margin-bottom: 2rem;
}
.vc_separator {
margin-bottom: 35px;
}
.vc_separator .vc_sep_holder {
height: 1px;
}
.vc_separator .vc_sep_holder .vc_sep_line {
height: 1px;
border-top: 1px solid #EBEBEB;
display: block;
position: relative;
top: 1px;
width: 100%;
}
.vc_sep_width_100 {
width: 100%;
}
ul.meta {margin-bottom:-1.5rem;}
ul.meta li {
transform: translateY(-1.5rem); /* fixes spacing between h1 and date */
}
/*********************************** NEWS and PRODUCT Cards ************************************/
.tags .tag {
background-color: var(--divider-gray);
font-size:.8rem;
}
.tags:empty {
display: none;
}
.news-button {
padding: .75rem 1.25rem;
font-weight: 600;
float: left;
}
.product-button {
font-weight: 600;
padding: .75rem .5rem;
}
.news-gallery .article,
.product-gallery .holiday-product {
max-width: 100%;
text-indent: 0;
margin: 0 auto 2rem;
transition:.05s all ease-in-out;
}
.news-gallery .article {
margin: 0;
padding-bottom: 2em !important;
border-bottom: 1px solid #ededed;
}
.news-gallery .article:hover,
.product-gallery .holiday-product:hover {
outline: .25rem solid var(--hover-gray);
border-radius: .25rem;
}
.news-gallery .article:last-of-type {
border-bottom: unset;
}
.product-gallery .product {
grid-column: 1 / -1;
width: 100%;
}
.date {
font-size: .9375rem;
font-weight: 600;
letter-spacing: .1ch;
}
.title {
font-size: 1.3rem;
font-weight: 600;
color: var(--brand-color8);
}
.title a {
color:var(--bs-body-color)
}
.news-gallery .article img.thumb {
float: right;
max-height: 250px;
}
.product-gallery .holiday-product img.thumb {
margin-right: 10px;
}
.holiday-product-container {
gap: 2rem !important;
}
.holiday-product-detail-img {
max-width: 600px;
}
.news-gallery .summary,
.product-gallery .summary {
margin-bottom: .75rem;
}
#news .category {
margin: 0;
font-weight: 700;
font-size: .75rem;
text-transform: uppercase;
}
.news-gallery .article:last-child,
.product-gallery .holiday-product:last-child {
border-bottom: 0 !important;
}
.news-gallery .thumb,
.product-gallery .thumb {
object-fit: cover;
}
.news-summary {
width: 500px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.news-gallery .news-button {
margin: 2rem auto;
display: block;
}
@media (max-width: 768px) {
.holiday-product-container {
flex-direction: column;
}
}
/*********************************** news gallery list ***********************************/
.news-gallery-list .article_img {
float: right;
max-width: 300px;
}
.news-gallery-list .article {
min-width: 100%;
margin: .75rem auto;
border-bottom: 1px solid var(--brand-color1);
padding: 1.5rem !important;
float: none;
}
.news-gallery-list .summary {
width: 65%;
}
.news-list a {
font-weight: 500 !important;
}
/*********************************** ABCD Products *************************************/
.product-gallery {
grid-template-columns: 1fr;
}
/*********************************** youtube video ***********************************/
.youtube_video iframe {
height: 100%;
min-height: 500px;
margin: 3rem;
}
.arc iframe {
height: 100%;
min-height: 500px;
}
/*********************************** SIDE COLUMN ***********************************/
.side-col {
min-width:320px;
}
.side-col button {
word-wrap: anywhere;
overflow-wrap: anywhere;
}
/*********************************** FOOTER ***********************************/
.footer {
background-color: var(--primary-large-dblue);
color: var(--brand-color7);
width: 100%;
}
.rm-page .footer {
background-color: var(--primary-large-dblue);
}
.footer ul{
list-style-type: none;
padding-left:0;
}
.footer ul li:not(:last-of-type) {
margin-bottom:.75rem;
}
.footer-list {
padding-left: 0;
}
.footer.text-lg-start.row>div>div.footer-col {
float: left;
text-align: left;
margin: 0 1rem;
display: block;
max-width: 30%;
overflow: hidden;
}
.footer-content {
padding: 1rem 1rem 0;
margin: 0 10%;
display: block;
position: static;
}
footer .footer-heading {
min-width: 210px;
}
.footer a:not(.btn) {
color: var(--brand-color5);
}
.footer img {
display: block;
margin: 0 auto;
}
.footer .list-unstyled li {
margin-bottom: 1em;
}
footer .social-links a {
width:44px;
height:44px;
padding:0;
margin-bottom:0!important;
}
footer .social-links a:is(:hover,:focus) {
color:var(--primary-large-teal);
}
.footer .social-links img {
display: block;
width: 1.5rem;
}
.footer-title {
font-size: 1.75rem;
}
.footer-titles {
margin-bottom: 0;
}
.footer-content {
padding: 2rem 2rem 0 2rem;
}
/*********************************** MOBILE FOOTER ***********************************/
.footer-accordion-button:not(.collapsed) {
color: var(--brand-color7);
background-color: var(--primary-large-dblue);
}
.rm-page .footer-accordion-button:not(.collapsed) {
color: #fff;
background-color: var(--primary-large-maroon);
}
.footer-accordion-button {
background-color: var(--primary-large-dblue);
color: var(--brand-color7);
padding: 0 2rem;
min-height: 44px;
font-size: 1.15rem;
}
.rm-page .footer-accordion-button {
background-color: var(--primary-large-maroon);
color: #fff;
}
.footer-accordion-button:after {
background-image: url("data:image/svg+xml,");
}
.footer-accordion-button:not(.collapsed)::after {
background-image: url("data:image/svg+xml,");
}
.mobile-footer .footer-accordion-body {
background-color: #fff;
color: var(--primary-hover-teal);
}
.mobile-footer .social-links.nav ul {
padding: 2rem 2rem 0;
}
.mobile-footer .footer-content{
padding: 0;
}
.mobile-footer .social-links i:before {
font-size: 1.75rem;
}
/*********************************** TABLES ***********************************/
.dt-container {max-width:91vw;min-width:300px;}
.table-responsive select {
height: 2.5rem;
border: 2px solid var(--border-gray);
}
.table-responsive select+label {
font-weight: 500;
font-size: .9rem;
}
.table {
width: 100%;
}
th,
td {
min-width: 100%;
min-width: -moz-available;
}
.table th {
background:var(--primary-large-teal);
color: #fff;
}
.table th:is(:hover,:focus) {
background: var(--primary-hover-teal);
}
.table-responsive {
overflow-x: visible;
-webkit-overflow-scrolling: touch;
}
table.dataTable > tbody > tr:first-child > * {
border-top: inherit!important;
}
table.dataTable > tbody > tr > th, table.dataTable > tbody > tr > td {
padding: .75rem;
}
table.dataTable > thead > tr > th, table.dataTable > thead > tr > td {
padding: .75rem;
border: 1px solid rgba(255, 255, 255, 0.3)!important;
vertical-align: middle;
}
[data-page-theme]:not([data-page-theme="none"]) .table:not(.no-collapse-table) th {
color:#fff;
}
[data-page-theme="teal"] .table th {
background: var(--primary-large-teal);
}
[data-page-theme="teal"] .table th:is(:hover,:focus) {
background: var(--primary-hover-teal);
}
[data-page-theme="dark-blue"] .table th {
background: var(--primary-large-dblue);
}
[data-page-theme="dark-blue"] .table th:is(:hover,:focus) {
background: var(--primary-hover-dblue);
}
[data-page-theme="blue"] .table th {
background: var(--primary-large-blue);
}
[data-page-theme="blue"] .table th:is(:hover,:focus) {
background: var(--primary-hover-blue);
}
[data-page-theme="orange"] .table th {
background: var(--primary-large-orange);
}
[data-page-theme="orange"] .table th:is(:hover,:focus) {
background: var(--primary-hover-orange);
}
[data-page-theme="maroon"] .table th {
background: var(--primary-large-maroon);
}
[data-page-theme="maroon"] .table th:is(:hover,:focus) {
background: var(--primary-hover-maroon);
}
[data-page-theme="green"] .table th {
background: var(--primary-large-green);
}
[data-page-theme="green"] .table th:is(:hover,:focus) {
background: var(--primary-hover-green);
}
table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order:before, table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order:after, table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order:before, table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order:after, table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order:before, table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order:after, table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order:before, table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order:after, table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order:before, table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order:after, table.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order:before, table.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order:after, table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order:before, table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order:after, table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order:before, table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order:after {
opacity: 0.25!important;
line-height: 1.5!important;
}
.mobileTables .datatable-pagination-list-item-link:focus {
z-index: 3;
outline: 0;
box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
button.datatable-pagination-list-item-link {
border: 1px solid #dee2e6!important;
}
.mobileTables .datatable-pagination-list-item-link:hover {
z-index: 2;
background-color: var(--bs-light-border-subtle);
border-color: var(--bs-body-color) !important;
}
.mobileTables .card:is(:hover,:focus) {box-shadow:unset}
.mobileTables .row:last-child {
justify-content: start!important;
}
.mobileTables .row:last-child .col-md-auto {
margin: 0!important;
align-content: center;
}
.dt-search input {min-width:300px}
div.dt-container .dt-paging .dt-paging-button.disabled, div.dt-container .dt-paging .dt-paging-button.disabled:hover, div.dt-container .dt-paging .dt-paging-button.disabled:active {
cursor: not-allowed;}
div.dt-container .dt-paging .dt-paging-button:hover {
border-color:transparent!important;
background:unset!important}
.pagination, .dt-paging-button {
margin: 0!important;
padding: 0!important;
--bs-pagination-color: var(--bs-body-color);
}
.page-item:not(:first-child) .page-link {margin:unset}
.pagination .page-link.disabled, .disabled>.page-link {
background:unset;
}
[data-page-theme] .page-link {
font-size:1rem;
font-weight:500;
height:100%;
display:flex!important;
align-items:center;
}
[data-page-theme] .page-link:is(.first,.previous,.next,.last) {
font-size: 1.25rem;
}
.page-link.active, :is(.active, .datatable-active)>:is(.page-link, .datatable-pagination-list-item-link) {
background:var(--primary-large-teal)!important;
}
[data-page-theme] .page-link.active, [data-page-theme] :is(.active, .datatable-active)>:is(.page-link, .datatable-pagination-list-item-link) {
color:#fff!important;
border-color: var(--hover-gray);
font-size:1rem;
}
[data-page-theme="teal"] .page-link.active, [data-page-theme="teal"] :is(.active, .datatable-active)>:is(.page-link, .datatable-pagination-list-item-link) {
background:var(--primary-large-teal)!important;
}
[data-page-theme="dark-blue"] .page-link.active, [data-page-theme="dark-blue"] :is(.active, .datatable-active)>:is(.page-link, .datatable-pagination-list-item-link) {
background:var(--primary-large-dblue)!important;
}
[data-page-theme="blue"] .page-link.active, [data-page-theme="blue"] :is(.active, .datatable-active)>:is(.page-link, .datatable-pagination-list-item-link) {
background:var(--primary-large-blue)!important;
}
[data-page-theme="orange"] .page-link.active, [data-page-theme="orange"] :is(.active, .datatable-active)>:is(.page-link, .datatable-pagination-list-item-link) {
background:var(--primary-large-orange)!important;
}
[data-page-theme="maroon"] .page-link.active, [data-page-theme="maroon"] :is(.active, .datatable-active)>:is(.page-link, .datatable-pagination-list-item-link) {
background:var(--primary-large-maroon)!important;
}
[data-page-theme="green"] .page-link.active, [data-page-theme="green"] :is(.active, .datatable-active)>:is(.page-link, .datatable-pagination-list-item-link) {
background:var(--primary-large-green)!important;
}
.dt-container .dt-paging .ellipsis {
padding: .4rem 1.5rem!important;
}
.table-bordered.no-collapse-table>:not(caption)>*:not(th,tr) {
border-width: 0 !important;
}
.table-bordered.no-collapse-table>:not(caption)>*>*:not(th,tr) {
border-width: 0 var(--bs-border-width);
}
.table.no-collapse-table>:not(caption)>*>*:not(th,tr) {
background: unset;
color: unset;
}
.datatable-pagination a,
.datatable-pagination button {
border: inherit;
padding: inherit;
color: inherit;
}
.datatable-table th button, .datatable-pagination-list button {
color: inherit;
border: inherit;
}
/*********************************** Cookie Consent **********************************/
#cc-main .cm__btn-group {
display: grid;
grid-template-columns: .5fr .5fr;
grid-auto-columns: minmax(min-content, 1fr);
gap: 1rem;
}
#cc-main .cm__btns button:first-child {
color: #fff;
background-color: var(--primary-large-teal)!important;
border-color: var(--primary-large-teal)!important;
}
#cc-main .cm__btns button:first-child:is(:hover,:focus) {
color: #fff;
background-color: var(--primary-hover-teal)!important;
border-color: var(--primary-hover-teal)!important;
}
#cc-main .cm__btn+.cm__btn, #cc-main .cm__btn-group+.cm__btn-group {
margin-top: unset !important;
}
/*********************************** MEDIA QUERIES ***********************************/
@media (max-width: 1400px) {
.fw_card-bodyhide {
overflow: hidden;
height: 100%;
max-height: 500px;
}
}
@media (max-width: 1200px) {
.top_logo_bar {
margin-top: 0;
}
}
@media (max-width:768px) {
.breadcrumb-item:not(:nth-last-child(2)) {display:none;}
.searchable-item .col {
column-count: 1!important;
}
}
@media (max-width: 991px) {
header {
grid-template-columns: minmax(76px, 7vw) 1fr;
}
#navbarCollapse {
position: fixed;
top: 90px;
left: 0;
overflow-y: auto!important;
width: 100%!important;
height: calc(100% - 90px)!important;
}
#navbarCollapse:after {
content:'';
width:0;
height:0;
position:fixed;
left:0;
top:0;
z-index:-1;
opacity: 0;
transition:.5s all ease-in-out;
}
#navbarCollapse.show:after {
width:100%;
height:100%;
opacity: 1;
}
/*******mobile nav*******************/
button.navbar-toggler.navbar-toggle {
right: 2.2rem;
top: -3.4rem;
position: absolute;
}
.navbar-light .navbar-nav .nav-pills .nav-link.active i.bi-chevron-right {
transform: rotate(90deg) translate(0, 1.5rem);
padding: 0!important;
}
.navbar-collapse.collapse:not(.show) ul, .navbar-collapse.collapsing ul {
opacity: 0;
transition: all .25s ease-in-out;
}
.navbar-collapse.collapse.show ul {
display: flex;
width:100%;
height:fit-content !important;
opacity: 1;
}
#navbarCollapse li a, #navbarCollapse li.dropdown > button {
width:100%;
background:var(--primary-large-teal);
color:#fff;
padding:.5rem 1.5rem;
border-bottom:1px solid #fff;
text-align:start;
}
#navbarCollapse li:not(.subdropdown-item) > :is(a,button):is(:hover,:focus) {
background: var(--primary-hover-teal);
color:#fff;
}
.mega-drop :is(a,button).dropdown-toggle:after, .navbar-nav .nav-item:not(.mega-drop) .nav-link:after {
display:none;
}
.mega-drop button.dropdown-toggle {
display:flex;
}
.mega-drop :is(button).dropdown-toggle:not(.show):after{
display: grid;
content:'\F285';
padding-left: .5rem!important;
color: #6c757d;
font-family: 'bootstrap-icons';
-webkit-text-stroke: 1px;
color: #fff;
vertical-align: unset;
border: unset;
border-width: unset;
margin: 0 0 0 auto;
transform: unset;
width: auto;
transform-origin: center;
transition: .15s all ease-in-out;
}
.mega-drop :is(button).dropdown-toggle.show:after{
display: grid;
content:'\F282';
padding-left: .5em!important;
color: #6c757d;
font-family: 'bootstrap-icons';
-webkit-text-stroke: 1px;
color: #fff;
vertical-align: unset;
border: unset;
border-width: unset;
margin: 0 0 0 auto;
transform: unset;
width: auto;
transform-origin: center;
transition: .15s all ease-in-out;
}
.navbar-collapse.collapse.show .social-links {margin-top:0!important;justify-content: center!important;}
#navbarCollapse .social-links li a {
width: 100%;
background: transparent;
color: var(--primary-large-teal);
padding: 1.5rem 1rem;
border-bottom: none;
}
#navbarCollapse .social-links li a:before, #navbarCollapse .social-links li a:after {display:none!important;}
#navbarCollapse .dropdown-menu a {
width: 100%;
line-height: 1.5;
background: unset;
padding: .5rem 1rem;
border-bottom: unset;
color: var(--primary-large-teal);
}
.dropdown-menu #v-pills-tab-mobile a {
padding: .5rem .5rem;
color: #fff;
}
.dropdown-menu #v-pills-tab-mobile > a {
color:inherit;
}
#v-pills-tab-mobile > :is(button, a) {
z-index:9999;
}
#v-pills-tab-mobile > :is(button.active, button.show, button:hover, a:hover) {
background: var(--background-gray)
}
#v-pills-tab-mobile :is(button.active,button.show) i {
transform:rotate(90deg);
left:.25rem;
position:relative;
padding-right: .25rem;
}
#navbarCollapse .dropdown-menu a:before {
display:none;
}
.custom-dropdown-menu .drop-down-2 {
width: 100%!important;
}
.navbar-expand-lg .navbar-nav .mega-drop .dropdown-menu {
position:relative;
top:unset;
width: 100%;
height: auto;
height: fit-content;
}
.dropdown-menu .dropdown-menu.show {
left:0!important;
}
.custom-dropdown-menu {
width:100%;
height:100%;
}
.mega-menu .custom-dropdown-menu :is(.drop-down-1, .drop-down-2, .standard-menu) {
position:relative!important;
max-height:fit-content!important;
overflow-y:unset;
}
.custom-dropdown-menu .drop-down-1 {
width:100%;
position: relative;
}
.custom-dropdown-menu .dd-navlist-wrapper {
height:unset;
}
.custom-dropdown-menu .drop-down-2 {
width:100%;
overflow-y:unset;
}
.mega-menu .custom-dropdown-menu .drop-down-2 .navbar-nav:is(.active,.show) {
width: 100%!important;
height: auto;
height: fit-content;
max-height: unset;
border-radius: 0 0 .75rem .75rem;
}
.mega-menu .custom-dropdown-menu button.grid-menu i {
color: inherit;
font-size: .9rem;
}
#siteSearchContainer{
width:100%;
height:91px;
order:1;
}
#siteSearch {display:none!important}
#searchDropdown {
display:block;
box-shadow: none!important;
}
#searchDropdown .shadow {box-shadow:none!important}
.rm-page #siteSearchContainer {
order: 2;
}
.rm-page #navbarCollapse li:not(.subdropdown-item) > :is(a,button) {
background: var(--primary-large-maroon);
}
.rm-page #navbarCollapse li:not(.subdropdown-item) > :is(a,button):is(:hover,:focus) {
background: var(--primary-hover-maroon);
}
.rm-page #navbarCollapse .social-links li a {
background: transparent;
color: var(--primary-large-maroon);
}
.rm-page #navbarCollapse .social-links li a:is(:hover,:focus) {
color: var(--primary-hover-maroon);
}
#assessment-docs tbody tr td {
min-width: 300px;
width: 100%;
}
table#assessment-docs,
table#assessment-docs.table {
min-width: 100%;
width: 100%;
}
.environ-doc-sort {
float: left;
}
.environ-doc-table {
float: left;
}
.reverse {
flex-direction: column-reverse;
}
.page-search-list ul {
grid-template-columns: 1fr;
}
/*******************Banner***************/
.banner-text-wrapper.row {
margin-bottom: 10%;
}
.banner-text-content.container {
max-width: 100%;
margin: 0;
}
h1.large_banner_text,
.large_banner_text {
margin: 40% auto 0;
}
.lg_banner_font {
font-size: 3.5rem;
}
.banner_subtitle {
font-size: 1.75rem;
}
.sm_banner_font {
font-size: 4rem;
}
h1.small_banner_text\,.sm_banner_font {
margin-top: 35%;
}
h1.small_banner_text {
margin-top: 35%;
}
/*******************background images***************/
.bkgimg-caption.text-start {
margin: -35% 1rem 10%;
}
.bkgimg-caption.text-center {
margin: -35% auto 10%;
}
.bkgimg-caption.text-end {
margin: -35% 1rem 10%;
}
.bkgimg-caption.text-center {
margin: -35% auto 10%;
}
.block_fwimg {
padding: 0 10% 1.5rem 8%;
}
.bkgimg_text {
font-size: 1.5rem;
}
.bkgimg_heading {
font-size: 3rem;
line-height: 3rem;
font-weight: bold;
}
img.bkimg_slide {
min-height: 30vh;
}
/*******************news***************/
.card.block_fw {
max-height: 100%;
filter: none;
}
.fw_card-bodyhide {
overflow: hidden;
height: 100%;
max-height: 100%;
}
.news .thumb {
filter: none;
width: auto;
height: auto;
}
/*******************carousel***************/
.carousel_banner_heading,
.carousel_banner_heading a {
font-size: 5rem;
line-height: 1.5;
}
/*******************header***************/
.header_wrapper {
background-color: rgba(255, 255, 255, 0.7);
z-index: 2;
max-height: 220px;
display: block;
}
/*****************Mobile Table***********/
.responsiveTablesLarge colgroup {width:0;}
.responsiveTables colgroup {width:0;}
.dt-search input::placeholder {
font-weight: 500;
font-size: .9rem;
opacity: .5;
}
body:not(.rm-page) .table:not(.desktopView):is(.responsiveTablesLarge, .dataTable) {
display: flex;
overflow:hidden;
width: 100%;
position:relative;
justify-content:center
}
body:not(.rm-page) .table:not(.desktopView):is(.responsiveTablesLarge, .dataTable)::after {
content: "";
position: absolute;
top: 0;
right: 0;
width: 3rem;
height: 100%;
background: linear-gradient(to right, rgba(255,255,255,0),rgba(255,255,255,1));
z-index: 9;
}
body:not(.rm-page) table:not(.desktopView):is(.responsiveTablesLarge, .dataTable) thead {
display: flex;
flex-shrink: 0;
min-width: -webkit-min-content;
min-width: -moz-min-content;
min-width: min-content;
float: left;
overflow-x: scroll;
overflow-y: hidden;
scrollbar-color: var(--primary-large-teal);
scrollbar-width: thin;
}
body:not(.rm-page) table:not(.desktopView):is(.responsiveTablesLarge, .dataTable) th {
display: flex;
position: relative;
overflow-x: auto;
overflow-y: hidden;
scrollbar-color: var(--primary-large-teal) var(--background-gray);
scrollbar-width: thin;
}
body:not(.rm-page) table:not(.desktopView):is(.responsiveTablesLarge, .dataTable) tbody {
display: flex;
position: relative;
overflow-x: auto;
overflow-y: hidden;
scrollbar-color: var(--primary-large-teal) var(--background-gray);
scrollbar-width: thin;
}
body:not(.rm-page) table:not(.desktopView):is(.responsiveTablesLarge, .dataTable) :is(thead, tbody) tr {
display: flex;
flex-direction: column;
min-width: -webkit-min-content;
min-width: -moz-min-content;
min-width: min-content;
flex-shrink: 0;
max-width: 50vw;
text-wrap: auto;
flex:1 1 100%;
width: 100%;
}
table:not(.desktopView).dataTable > tbody > tr:first-child > * {border-top:inherit}
body:not(.rm-page) table:not(.desktopView):is(.responsiveTablesLarge, .dataTable) th {max-width:200px;}
body:not(.rm-page) table:not(.desktopView):is(.responsiveTablesLarge, .dataTable) td {max-width:50vw;}
body:not(.rm-page) table:not(.desktopView).dataTable:is(.responsiveTablesLarge, .dataTable) :is(th,td) {
text-align: left!important;
border-width: 1px;
white-space: normal;
}
body:not(.rm-page) .table:not(.desktopView):is(.responsiveTablesLarge, .dataTable) thead th:last-child{
border-bottom: none;
}
body:not(.rm-page) table:not(.desktopView).dataTable:is(.responsiveTablesLarge, .dataTable) > tbody > tr:last-of-type {
z-index: 1;
position: relative;
}
body:not(.rm-page) table:not(.desktopView).dataTable:is(.responsiveTablesLarge, .dataTable) > tbody > tr:last-child > * {
border-bottom: inherit;
}
body:not(.rm-page) .table:not(.desktopView):is(.responsiveTablesLarge, .dataTable) td,
body:not(.rm-page) .table:not(.desktopView):is(.responsiveTablesLarge, .dataTable) th {
padding: .5rem;
vertical-align: middle;
box-sizing: border-box;
font-size: .9rem;
text-overflow: ellipsis;
display:grid;
overflow:overlay;
flex:1 1 100%;
align-items:anchor-center;
min-width: 130px;
min-height: 60px;
width: 100%;
}
.table-bordered>:not(caption)>*>* {
border-width:var(--bs-border-width);
}
table:not(.desktopView).dataTable > tbody > tr:first-child > * {
border-top:inherit;
}
body.rm-page .table:is(.responsiveTablesLarge, .dataTable) {
font-size: 14px;
}
body.rm-page table:not(.desktopView).dataTable thead > tr > th.dt-orderable-asc,
body.rm-page table:not(.desktopView).dataTable thead > tr > th.dt-orderable-desc {
padding-right: 10px;
}
.rm-page .footer a:not(.btn) {
color: var(--primary-large-maroon);
}
}
@media (max-width: 550px) {
.rm-page .table:not(.desktopView):is(.responsiveTablesLarge, .dataTable) {
display: flex;
overflow:hidden;
width: 100%;
position:relative;
justify-content:center
}
.rm-page .table:not(.desktopView):is(.responsiveTablesLarge, .dataTable)::after {
content: "";
position: absolute;
top: 0;
right: 0;
width: 3rem;
height: calc(100% - 11px);
background: linear-gradient(to right, rgba(255,255,255,0),rgba(255,255,255,1));
}
.rm-page table:not(.desktopView):is(.responsiveTablesLarge, .dataTable) thead {
display: flex;
flex-shrink: 0;
min-width: -webkit-min-content;
min-width: -moz-min-content;
min-width: min-content;
float: left;
}
.rm-page table:not(.desktopView):is(.responsiveTablesLarge, .dataTable) tbody {
display: flex;
position: relative;
overflow-x: auto;
overflow-y: hidden;
scrollbar-color: var(--primary-large-teal) var(--background-gray);
scrollbar-width: thin;
}
.rm-page table:not(.desktopView):is(.responsiveTablesLarge, .dataTable) :is(thead, tbody) tr {
display: flex;
flex-direction: column;
min-width: -webkit-min-content;
min-width: -moz-min-content;
min-width: min-content;
flex-shrink: 0;
max-width: 30vw;
text-wrap: auto;
flex:1 1 100%;
}
.rm-page table:not(.desktopView):is(.responsiveTablesLarge, .dataTable) th {max-width:200px;}
.rm-page table:not(.desktopView):is(.responsiveTablesLarge, .dataTable) td {max-width:50vw;}
.rm-page table:not(.desktopView).dataTable:is(.responsiveTablesLarge, .dataTable) :is(th,td) {
text-align: left!important;
border-width: 1px;
text-wrap:auto!important;
}
.rm-page table:not(.desktopView).dataTable:is(.responsiveTablesLarge, .dataTable) th[colspan]:not([colspan="1"]),
.rm-page table:not(.desktopView).dataTable:is(.responsiveTablesLarge, .dataTable) tfoot {
display: none;
}
.rm-page .table:not(.desktopView):is(.responsiveTablesLarge, .dataTable) thead th:last-child{
border-bottom: none;
}
.rm-page table:not(.desktopView).dataTable:is(.responsiveTablesLarge, .dataTable) > tbody > tr:last-of-type {
z-index: 1;
position: relative;
}
.rm-page table:not(.desktopView).dataTable:is(.responsiveTablesLarge, .dataTable) > tbody > tr:last-child > * {
border-bottom: inherit;
}
.rm-page .table:not(.desktopView):is(.responsiveTablesLarge, .dataTable) td,
.rm-page .table:not(.desktopView):is(.responsiveTablesLarge, .dataTable) th {
padding: 1rem;
vertical-align: middle;
box-sizing: border-box;
font-size: .9rem;
text-overflow: ellipsis;
display:flex;
overflow:overlay;
flex:1 1 100%;
}
.rm-page .dt-container {
max-width: 60vw;
min-width: 250px;
}
}
@media (max-width: 500px) {
.rm-page .dt-container {
max-width: 50vw;
min-width: 200px;
}
}
@media (min-width: 1400px) {
.container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
max-width: 80vw;
}
}
@media (min-width: 1024px) {
.grid_layout .col-xl-4 {
flex-basis: calc(33.333% - 20px);
}
}
@media (min-width: 768px) {
.grid_layout .col-xl-4 {
flex-basis: calc(33.333% - 20px);
}
}
@media (max-width: 860px) {
.article {
max-width: 100%;
float: none;
}
/*******************Screen-reader only text -> use to hide text except for users with Screen-readers***************/
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
/*******************background images***************/
.bkgimg-caption.text-center {
padding: 0;
margin: -48% 1rem 7%;
;
}
.bkgimg-caption.text-end {
margin: -48% 1rem 7%;
padding: 0;
}
.bkgimg-caption.text-start {
margin: -48% 1rem 7%;
padding: 0;
}
.bkgimg_heading {
font-size: 2.5rem;
line-height: 1.5;
}
.block_fwimg {
padding: 1.25rem 2.25rem;
}
/*******************footer***************/
.footer-content {
padding: 1rem 0;
margin: 0 5%;
display: block;
position: static;
}
.footer.text-lg-start.row>div>div.footer-col {
max-width: 100%;
}
.block_fwimg {
padding: 1rem;
}
}
/*Medium devices (tablets,768px or less)*/
@media (max-width: 768px) {
#tile-carousel {
max-width: 300px;
margin: 0 auto;
}
.carousel-button {
margin: -115px auto 70px !important;
max-width: 325px;
}
.sticky-top {
top: 0;
}
.sidebar {
border: 0 !important;
text-align: center;
}
/*******************SIDE COLUMN****************/
.sideColumn {
display:grid;
grid-template-columns:1fr;
column-gap:1rem;
row-gap:1.25rem;
}
/*******************Tabs To Accordions***************/
.tab-content>.tab-pane {
display: block !important;
opacity: 1;
}
/*******************newsl***************/
main .news-gallery .article {
max-width: 100%;
}
.news-gallery .article img.thumb {
float: none;
max-height: 250px;
margin: 0 auto;
display: block;
}
.news-gallery .holiday-product img.thumb {
margin-right: 10px;
}
/*******************carousel***************/
.carousel-button {
margin: -81px auto 50px auto !important;
max-width: 60%;
}
.carousel-caption {
position: initial;
padding: 2rem 1rem;
}
.carousel-caption h5,
.carousel-caption p {
text-shadow: none;
}
.carousel-caption a:not(.btn) {
color: initial !important;
}
.carousel-indicators {
display: none;
}
/*******************Tile block***************/
.tile {
position: relative;
float: none;
width: 100%;
height: 100%;
overflow: hidden;
border: 0;
cursor: default;
min-width: 285px;
margin-top: .75rem;
min-height: 96px;
}
/*******************mobile nav***************/
.navbar .nav-link.hover~.dropdown-menu {
display: none;
margin-top: 0;
}
.navbar .nav-link.hover:hover~.dropdown-menu,
.navbar .nav-link.hover~.dropdown-menu:hover {
display: block;
}
.dropdown-item.dropdown-toggle.hover~.dropdown-menu {
display: none;
}
.navbar .dropdown-item.dropdown-toggle.hover:hover~.dropdown-menu,
.navbar .dropdown-item.dropdown-toggle.hover~.dropdown-menu:hover {
display: block;
}
.row.gx-5 {
margin-right: calc(-.5 * 4rem);
margin-left: calc(-.5 * 4rem);
}
.row.gx-5>* {
padding-right: calc(4rem * .5);
padding-left: calc(4rem * .5);
}
.tab-content>.tab-pane:not:is(.active,.show) {
display: none !important;
}
/*******************footer***************/
.footer.text-lg-start.row>div>div.footer-col {
float: none;
text-align: center;
}
.bkgimg_text {
font-size: 1.2rem;
}
}
@media (max-width: 576px) {
/*******************background image***************/
img.bkimg_slide.img-fluid {
min-height: 25vh;
}
.bkgimg-caption.text-center {
padding: 1rem;
margin: -40% auto 10%;
}
.bkgimg-caption.text-start {
padding: 1rem;
margin: -40% auto 10%;
}
.bkgimg-caption.text-end {
padding: 1rem;
margin: -40% auto 10%;
}
.bkgimg_heading {
font-size: 2rem;
line-height: 1.5;
}
.col-xs-12.col-lg-6.pull-right.mt-5.grn-sign-form {
float: none !important;
text-align: center;
margin: 0 -16%;
display: block;
}
.email_signup_title {
font-size: 2rem;
line-height: 3rem;
font-weight: 600;
}
.email_signup_text {
font-size: .875rem;
margin-bottom: 0;
}
main .news-gallery .article {
max-width: 100%;
display: block;
margin: 0 auto;
float: none;
}
/*** mobile menu ***/
li.subdropdown-item.nav-link {
line-height: 1.5;
}
}
/*********************************** LARGE SCREEN RESPONSIVE ***********************************/
/*Medium devices (tablets, 768px or more)*/
@media (min-width: 768px) {
.navbar .nav-link.hover~.dropdown-menu {
display: none;
margin-top: 0;
}
.navbar .nav-link.hover:hover~.dropdown-menu,
.navbar .nav-link.hover~.dropdown-menu:hover {
display: block;
}
.dropdown-item.dropdown-toggle.hover~.dropdown-menu {
display: none;
}
.navbar .dropdown-item.dropdown-toggle.hover:hover~.dropdown-menu,
.navbar .dropdown-item.dropdown-toggle.hover~.dropdown-menu:hover {
display: block;
}
.row.gx-5 {
margin-right: calc(-.5 * 4rem);
margin-left: calc(-.5 * 4rem);
}
.row.gx-5>* {
padding-right: calc(4rem * .5);
padding-left: calc(4rem * .5);
}
/*Tabs To Accordions*/
.nav-tabs {
display: flex;
}
.tab-content .accordion {
border: none;
}
.tab-content .accordion .accordion-header {
display: none;
}
.tab-content .accordion .collapse {
display: block;
}
}
@media (min-width: 992px) {
.container-lg, .container {
padding-left:0;
padding-right:0;
}
.drop-down-2-menu {
grid-template-columns: 334px 1fr;
grid-auto-flow: column;
grid-template-areas:
'bit menu'
'abcd menu'
'pad menu'
'ccd menu'
'collections menu'
'unclaimedProperty menu'
'hidden hidden';
}
.mega-menu .custom-dropdown-menu .drop-down-2 .navbar-nav:is(.active,.show) {
min-height:420px;
height: auto;
left:auto;
position: relative;
top:0;
border-radius: 0;
height: fit-content!important;
width: calc(100vw - 334px)!important;
grid-row:1 / -1!important;
grid-area:menu;
}
.mission-statement-card {
grid-row:1 / -1;
}
.card-content {
margin-top: 0 !important;
}
.navbar-expand-lg .navbar-nav {
flex-direction: row;
float: left;
}
.row.top_nav {
padding: 1rem 2% .25rem 0;
}
.top_nav_wrapper {
float: right;
text-align: right;
padding: 0 .75rem;
margin: 0;
}
.top_nav {
padding: 0 1.25rem;
}
.top_nav li,
.top_nav div li a {
width: 100%;
text-align: right;
padding: 0 .25rem .25rem;
font-size: 1rem;
max-width: 100%;
color: var(--brand-color7) !important;
display: inline;
}
.navbar-expand-lg {
flex-wrap: nowrap;
justify-content: flex-start;
}
.custom-backdrop {
display: none;
}
}
@media (min-width: 1400px) {
.fw_card-bodyhide {
overflow: hidden;
height: 100%;
}
.card.block_fw {
max-height: 560px;
overflow: auto;
}
}
/*********************************** IE - IF YOU ARE STILL USING IE YOU GET WHAT YOU DESERVE ***********************************/
@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
.sticky-top {
top: 0;
}
}