/*------------------------------------*\
    
    Trumps - Trump utility classes are enqueued last and therefore have higher specificity
             and will override (trump) styles from global.css and other block & component styles

    Images................Round, Circle, Square Images.
    Visiblity.............Make items visible.
    Hiding................Make items invisible/hidden.
    Screen Readers........Display for screen readers.
    Print.................Display for printing.
    Clears................Clearing floats.
    Text alignment........Align text.
    Lists alignment.......Align ordered and unordered lists.
    Font weights..........Adjust font weights.
    Add/remove margins....Remove margins.
    Add/remove paddings...Remove padding.
    Positioning...........float, center, and stick items.

\*------------------------------------*/


@-ms-viewport { width: device-width; }


/**
 * Images
 */

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}

.object-fit {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
}

.object-fit--contain {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
}



/**
 * Visiblity
 */

.show { display: block !important; }

.visible-xxs,
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg { display: none !important; }

.visible-xxs-block,
.visible-xxs-inline,
.visible-xxs-inline-block,
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block { display: none !important; }

@media (max-width: 599px) {
    .visible-xxs      { display: block !important; }
    table.visible-xxs { display: table; }
    tr.visible-xxs    { display: table-row !important; }
    th.visible-xxs,
    td.visible-xxs    { display: table-cell !important; }

    .visible-xxs-block        { display: block !important; }
    .visible-xxs-inline       { display: inline !important; }
    .visible-xxs-inline-block { display: inline-block !important; }
}


@media (min-width: 600px) and (max-width: 767px) {
    .visible-xs      { display: block !important; }
    table.visible-xs { display: table; }
    tr.visible-xs    { display: table-row !important; }
    th.visible-xs,
    td.visible-xs    { display: table-cell !important; }

    .visible-xs-block        { display: block !important; }
    .visible-xs-inline       { display: inline !important; }
    .visible-xs-inline-block { display: inline-block !important; }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .visible-sm      { display: block !important; }
    table.visible-sm { display: table; }
    tr.visible-sm    { display: table-row !important; }
    th.visible-sm,
    td.visible-sm    { display: table-cell !important; }

    .visible-sm-block        { display: block !important; }
    .visible-sm-inline       { display: inline !important; }
    .visible-sm-inline-block { display: inline-block !important; }
}

@media (min-width: 1025px) and (max-width: 1199px) {
    .visible-md      { display: block !important; }
    table.visible-md { display: table; }
    tr.visible-md    { display: table-row !important; }
    th.visible-md,
    td.visible-md    { display: table-cell !important; }

    .visible-md-block        { display: block !important; }
    .visible-md-inline       { display: inline !important; }
    .visible-md-inline-block { display: inline-block !important; }
}

@media (min-width: 1200px) {
    .visible-lg      { display: block !important; }
    table.visible-lg { display: table; }
    tr.visible-lg    {  display: table-row !important; }
    th.visible-lg,
    td.visible-lg    { display: table-cell !important; }

    .visible-lg-block        { display: block !important; }
    .visible-lg-inline       { display: inline !important; }
    .visible-lg-inline-block { display: inline-block !important; }
}


/**
 * Hiding
 */

.hide,
.hidden-xxs-up { display: none !important; }
.hidden       { display: none !important; visibility: hidden !important; }
.invisible    { visibility: hidden !important; }
.text-hide    {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

@media (max-width: 599px) {
    .hidden-xxs { display: none !important; }
}

    @media (min-width: 600px) {
      .hidden-xs-up { display: none !important; }
    }

@media (min-width: 600px) and (max-width: 767px) {
    .hidden-xs { display: none !important; }
}

    @media (max-width: 767px) {
      .hidden-xs-down { display: none !important; }
    }

    @media (min-width: 768px) {
      .hidden-sm-up { display: none !important; }
    }

@media (min-width: 768px) and (max-width: 1024px) {
    .hidden-sm { display: none !important; }
}

    @media (max-width: 1024px) {
      .hidden-sm-down { display: none !important; }
    }

    @media (min-width: 1025px) {
      .hidden-md-up { display: none !important; }
    }

@media (min-width: 1025px) and (max-width: 1199px) {
    .hidden-md { display: none !important; }
}

    @media (max-width: 1199px) {
      .hidden-md-down { display: none !important; }
    }

@media (min-width: 1200px) {
    .hidden-lg { display: none !important; }
}




/**
 * Screen Readers
 */

.sr-only,
.screen-reader-text,
.wpcf7 .screen-reader-response {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
}


/**
 * Print
 */

.visible-print,
.visible-print-block,
.visible-print-inline,
.visible-print-inline-block { display: none !important; }

@media print {
    .visible-print      { display: block !important; }
    table.visible-print { display: table; }
    tr.visible-print    { display: table-row !important; }
    th.visible-print,
    td.visible-print    { display: table-cell !important; }

    .visible-print-block        { display: block !important; }
    .visible-print-inline       { display: inline !important; }
    .visible-print-inline-block { display: inline-block !important; }

    .hidden-print { display: none !important; }
}


/**
 * Text alignment
 */

.text-left     { text-align:left  !important; }
.text-center   { text-align:center!important; }
.text-right    { text-align:right !important; }


/**
 * Lists alignment
 */

.text-center ul, 
.text-center ol,
.center-list {
	text-align: left !important;
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0;
}

.text-center ul, 
.text-center ol {
    display: inline-block;
}

.center-list {
    display: block;
    width: fit-content;
}


/**
 * Positioning
 */

.affix-top    { position: fixed!important; top:    0!important; }
.affix-bottom { position: fixed!important; bottom: 0!important; }
.affix-left   { position: fixed!important; left:   0!important; }
.affix-right  { position: fixed!important; right:  0!important; }

.pull-right { float: right!important; }
.pull-left  { float: left !important; }

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}


/**
 * Add/remove margins
 */

.push          { margin:       var(--push-small)!important; }
.push-top      { margin-top:   var(--push-small)!important; }
.push-right    { margin-right: var(--push-small)!important; }
.push-bottom   { margin-bottom:var(--push-small)!important; }
.push-left     { margin-left:  var(--push-small)!important; }
.push-ends     { margin-top:   var(--push-small)!important; margin-bottom:var(--push-small)!important; }
.push-sides    { margin-right: var(--push-small)!important; margin-left:  var(--push-small)!important; }

.push-half         { margin:       var(--push-half)!important; }
.push-half-top     { margin-top:   var(--push-half)!important; }
.push-half-right   { margin-right: var(--push-half)!important; }
.push-half-bottom  { margin-bottom:var(--push-half)!important; }
.push-half-left    { margin-left:  var(--push-half)!important; }
.push-half-ends    { margin-top:   var(--push-half)!important; margin-bottom:var(--push-half)!important; }
.push-half-sides   { margin-right: var(--push-half)!important; margin-left:  var(--push-half)!important; }

.flush         { margin:       0!important; }
.flush-top     { margin-top:   0!important; }
.flush-right   { margin-right: 0!important; }
.flush-bottom  { margin-bottom:0!important; }
.flush-left    { margin-left:  0!important; }
.flush-ends    { margin-top:   0!important; margin-bottom:0!important; }
.flush-sides   { margin-right: 0!important; margin-left:  0!important; }


/**
 * Add/remove paddings
 */
.soft          { padding:       var(--soft-small)!important; }
.soft-top      { padding-top:   var(--soft-small)!important; }
.soft-right    { padding-right: var(--soft-small)!important; }
.soft-bottom   { padding-bottom:var(--soft-small)!important; }
.soft-left     { padding-left:  var(--soft-small)!important; }
.soft-ends     { padding-top:   var(--soft-small)!important; padding-bottom:var(--soft-small)!important; }
.soft-sides    { padding-right: var(--soft-small)!important; padding-left:  var(--soft-small)!important; }

.soft-half          { padding:       var(--soft-half)!important; }
.soft-half-top      { padding-top:   var(--soft-half)!important; }
.soft-half-right    { padding-right: var(--soft-half)!important; }
.soft-half-bottom   { padding-bottom:var(--soft-half)!important; }
.soft-half-left     { padding-left:  var(--soft-half)!important; }
.soft-half-ends     { padding-top:   var(--soft-half)!important; padding-bottom:var(--soft-half)!important; }
.soft-half-sides    { padding-right: var(--soft-half)!important; padding-left:  var(--soft-half)!important; }

.hard          { padding:       0!important; }
.hard-top      { padding-top:   0!important; }
.hard-right    { padding-right: 0!important; }
.hard-bottom   { padding-bottom:0!important; }
.hard-left     { padding-left:  0!important; }
.hard-ends     { padding-top:   0!important; padding-bottom:0!important; }
.hard-sides    { padding-right: 0!important; padding-left:  0!important; }


@media (min-width:600px) {

	.flush-xs         { margin:       0 !important; }
	.flush-xs-top     { margin-top:   0 !important; }
	.flush-xs-right   { margin-right: 0 !important; }
	.flush-xs-bottom  { margin-bottom:0 !important; }
	.flush-xs-left    { margin-left:  0 !important; }
	.flush-xs-ends    { margin-top:   0 !important; margin-bottom:0 !important; }
	.flush-xs-sides   { margin-right: 0 !important; margin-left:  0 !important; }

	.push-xs          { margin:       var(--push-small) !important; }
	.push-xs-top      { margin-top:   var(--push-small) !important; }
	.push-xs-right    { margin-right: var(--push-small) !important; }
	.push-xs-bottom   { margin-bottom:var(--push-small) !important; }
	.push-xs-left     { margin-left:  var(--push-small) !important; }
	.push-xs-ends     { margin-top:   var(--push-small) !important; margin-bottom:var(--push-small) !important; }
	.push-xs-sides    { margin-right: var(--push-small) !important; margin-left:  var(--push-small) !important; }

	.push-half-xs         { margin:       var(--push-half) !important; }
	.push-half-xs-top     { margin-top:   var(--push-half) !important; }
	.push-half-xs-right   { margin-right: var(--push-half) !important; }
	.push-half-xs-bottom  { margin-bottom:var(--push-half) !important; }
	.push-half-xs-left    { margin-left:  var(--push-half) !important; }
	.push-half-xs-ends    { margin-top:   var(--push-half) !important; margin-bottom:var(--push-half) !important; }
	.push-half-xs-sides   { margin-right: var(--push-half) !important; margin-left:  var(--push-half) !important; }

	.push-double-xs         { margin:       var(--push-medium) !important; }
	.push-double-xs-top     { margin-top:   var(--push-medium) !important; }
	.push-double-xs-right   { margin-right: var(--push-medium) !important; }
	.push-double-xs-bottom  { margin-bottom:var(--push-medium) !important; }
	.push-double-xs-left    { margin-left:  var(--push-medium) !important; }
	.push-double-xs-ends    { margin-top:   var(--push-medium) !important; margin-bottom:var(--push-medium) !important; }
	.push-double-xs-sides   { margin-right: var(--push-medium) !important; margin-left:  var(--push-medium) !important; }

	.push-triple-xs         { margin:       var(--push-large) !important; }
	.push-triple-xs-top     { margin-top:   var(--push-large) !important; }
	.push-triple-xs-right   { margin-right: var(--push-large) !important; }
	.push-triple-xs-bottom  { margin-bottom:var(--push-large) !important; }
	.push-triple-xs-left    { margin-left:  var(--push-large) !important; }
	.push-triple-xs-ends    { margin-top:   var(--push-large) !important; margin-bottom:var(--push-large) !important; }
	.push-triple-xs-sides   { margin-right: var(--push-large) !important; margin-left:  var(--push-large) !important; }

	.soft-xs          { padding:       var(--soft-small) !important; }
	.soft-xs-top      { padding-top:   var(--soft-small) !important; }
	.soft-xs-right    { padding-right: var(--soft-small) !important; }
	.soft-xs-bottom   { padding-bottom:var(--soft-small) !important; }
	.soft-xs-left     { padding-left:  var(--soft-small) !important; }
	.soft-xs-ends     { padding-top:   var(--soft-small) !important; padding-bottom:var(--soft-small) !important; }
	.soft-xs-sides    { padding-right: var(--soft-small) !important; padding-left:  var(--soft-small) !important; }

	.soft-half-xs          { padding:       var(--soft-half) !important; }
	.soft-half-xs-top      { padding-top:   var(--soft-half) !important; }
	.soft-half-xs-right    { padding-right: var(--soft-half) !important; }
	.soft-half-xs-bottom   { padding-bottom:var(--soft-half) !important; }
	.soft-half-xs-left     { padding-left:  var(--soft-half) !important; }
	.soft-half-xs-ends     { padding-top:   var(--soft-half) !important; padding-bottom:var(--soft-half) !important; }
	.soft-half-xs-sides    { padding-right: var(--soft-half) !important; padding-left:  var(--soft-half) !important; }

	.soft-double-xs          { padding:       var(--soft-medium) !important; }
	.soft-double-xs-top      { padding-top:   var(--soft-medium) !important; }
	.soft-double-xs-right    { padding-right: var(--soft-medium) !important; }
	.soft-double-xs-bottom   { padding-bottom:var(--soft-medium) !important; }
	.soft-double-xs-left     { padding-left:  var(--soft-medium) !important; }
	.soft-double-xs-ends     { padding-top:   var(--soft-medium) !important; padding-bottom:var(--soft-medium) !important; }
	.soft-double-xs-sides    { padding-right: var(--soft-medium) !important; padding-left:  var(--soft-medium) !important; }

	.soft-triple-xs          { padding:       var(--soft-large) !important; }
	.soft-triple-xs-top      { padding-top:   var(--soft-large) !important; }
	.soft-triple-xs-right    { padding-right: var(--soft-large) !important; }
	.soft-triple-xs-bottom   { padding-bottom:var(--soft-large) !important; }
	.soft-triple-xs-left     { padding-left:  var(--soft-large) !important; }
	.soft-triple-xs-ends     { padding-top:   var(--soft-large) !important; padding-bottom:var(--soft-large) !important; }
	.soft-triple-xs-sides    { padding-right: var(--soft-large) !important; padding-left:  var(--soft-large) !important; }

	.hard-xs          { padding:       0 !important; }
	.hard-xs-top      { padding-top:   0 !important; }
	.hard-xs-right    { padding-right: 0 !important; }
	.hard-xs-bottom   { padding-bottom:0 !important; }
	.hard-xs-left     { padding-left:  0 !important; }
	.hard-xs-ends     { padding-top:   0 !important; padding-bottom:0 !important; }
	.hard-xs-sides    { padding-right: 0 !important; padding-left:  0 !important; }

}

@media (min-width:768px) {

	.flush-sm         { margin:       0 !important; }
	.flush-sm-top     { margin-top:   0 !important; }
	.flush-sm-right   { margin-right: 0 !important; }
	.flush-sm-bottom  { margin-bottom:0 !important; }
	.flush-sm-left    { margin-left:  0 !important; }
	.flush-sm-ends    { margin-top:   0 !important; margin-bottom:0 !important; }
	.flush-sm-sides   { margin-right: 0 !important; margin-left:  0 !important; }

	.push-sm          { margin:       20px !important; }
	.push-sm-top      { margin-top:   20px !important; }
	.push-sm-right    { margin-right: 20px !important; }
	.push-sm-bottom   { margin-bottom:20px !important; }
	.push-sm-left     { margin-left:  20px !important; }
	.push-sm-ends     { margin-top:   20px !important; margin-bottom:20px !important; }
	.push-sm-sides    { margin-right: 20px !important; margin-left:  20px !important; }

	.push-half-sm         { margin:       var(--push-half) !important; }
	.push-half-sm-top     { margin-top:   var(--push-half) !important; }
	.push-half-sm-right   { margin-right: var(--push-half) !important; }
	.push-half-sm-bottom  { margin-bottom:var(--push-half) !important; }
	.push-half-sm-left    { margin-left:  var(--push-half) !important; }
	.push-half-sm-ends    { margin-top:   var(--push-half) !important; margin-bottom:var(--push-half) !important; }
	.push-half-sm-sides   { margin-right: var(--push-half) !important; margin-left:  var(--push-half) !important; }

	.push-double-sm         { margin:       var(--push-medium) !important; }
	.push-double-sm-top     { margin-top:   var(--push-medium) !important; }
	.push-double-sm-right   { margin-right: var(--push-medium) !important; }
	.push-double-sm-bottom  { margin-bottom:var(--push-medium) !important; }
	.push-double-sm-left    { margin-left:  var(--push-medium) !important; }
	.push-double-sm-ends    { margin-top:   var(--push-medium) !important; margin-bottom:var(--push-medium) !important; }
	.push-double-sm-sides   { margin-right: var(--push-medium) !important; margin-left:  var(--push-medium) !important; }

	.push-triple-sm         { margin:       var(--push-large) !important; }
	.push-triple-sm-top     { margin-top:   var(--push-large) !important; }
	.push-triple-sm-right   { margin-right: var(--push-large) !important; }
	.push-triple-sm-bottom  { margin-bottom:var(--push-large) !important; }
	.push-triple-sm-left    { margin-left:  var(--push-large) !important; }
	.push-triple-sm-ends    { margin-top:   var(--push-large) !important; margin-bottom:var(--push-large) !important; }
	.push-triple-sm-sides   { margin-right: var(--push-large) !important; margin-left:  var(--push-large) !important; }

	.soft-sm          { padding:       var(--soft-small) !important; }
	.soft-sm-top      { padding-top:   var(--soft-small) !important; }
	.soft-sm-right    { padding-right: var(--soft-small) !important; }
	.soft-sm-bottom   { padding-bottom:var(--soft-small) !important; }
	.soft-sm-left     { padding-left:  var(--soft-small) !important; }
	.soft-sm-ends     { padding-top:   var(--soft-small) !important; padding-bottom:var(--soft-small) !important; }
	.soft-sm-sides    { padding-right: var(--soft-small) !important; padding-left:  var(--soft-small) !important; }

	.soft-half-sm          { padding:       var(--soft-half) !important; }
	.soft-half-sm-top      { padding-top:   var(--soft-half) !important; }
	.soft-half-sm-right    { padding-right: var(--soft-half) !important; }
	.soft-half-sm-bottom   { padding-bottom:var(--soft-half) !important; }
	.soft-half-sm-left     { padding-left:  var(--soft-half) !important; }
	.soft-half-sm-ends     { padding-top:   var(--soft-half) !important; padding-bottom:var(--soft-half) !important; }
	.soft-half-sm-sides    { padding-right: var(--soft-half) !important; padding-left:  var(--soft-half) !important; }

	.soft-double-sm          { padding:       var(--soft-medium) !important; }
	.soft-double-sm-top      { padding-top:   var(--soft-medium) !important; }
	.soft-double-sm-right    { padding-right: var(--soft-medium) !important; }
	.soft-double-sm-bottom   { padding-bottom:var(--soft-medium) !important; }
	.soft-double-sm-left     { padding-left:  var(--soft-medium) !important; }
	.soft-double-sm-ends     { padding-top:   var(--soft-medium) !important; padding-bottom:var(--soft-medium) !important; }
	.soft-double-sm-sides    { padding-right: var(--soft-medium) !important; padding-left:  var(--soft-medium) !important; }

	.soft-triple-sm          { padding:       var(--soft-large) !important; }
	.soft-triple-sm-top      { padding-top:   var(--soft-large) !important; }
	.soft-triple-sm-right    { padding-right: var(--soft-large) !important; }
	.soft-triple-sm-bottom   { padding-bottom:var(--soft-large) !important; }
	.soft-triple-sm-left     { padding-left:  var(--soft-large) !important; }
	.soft-triple-sm-ends     { padding-top:   var(--soft-large) !important; padding-bottom:var(--soft-large) !important; }
	.soft-triple-sm-sides    { padding-right: var(--soft-large) !important; padding-left:  var(--soft-large) !important; }

	.hard-sm          { padding:       0 !important; }
	.hard-sm-top      { padding-top:   0 !important; }
	.hard-sm-right    { padding-right: 0 !important; }
	.hard-sm-bottom   { padding-bottom:0 !important; }
	.hard-sm-left     { padding-left:  0 !important; }
	.hard-sm-ends     { padding-top:   0 !important; padding-bottom:0 !important; }
	.hard-sm-sides    { padding-right: 0 !important; padding-left:  0 !important; }

}

@media (min-width:1025px) {

	.flush-md         { margin:       0 !important; }
	.flush-md-top     { margin-top:   0 !important; }
	.flush-md-right   { margin-right: 0 !important; }
	.flush-md-bottom  { margin-bottom:0 !important; }
	.flush-md-left    { margin-left:  0 !important; }
	.flush-md-ends    { margin-top:   0 !important; margin-bottom:0 !important; }
	.flush-md-sides   { margin-right: 0 !important; margin-left:  0 !important; }

	.push-md          { margin:       20px !important; }
	.push-md-top      { margin-top:   20px !important; }
	.push-md-right    { margin-right: 20px !important; }
	.push-md-bottom   { margin-bottom:20px !important; }
	.push-md-left     { margin-left:  20px !important; }
	.push-md-ends     { margin-top:   20px !important; margin-bottom:20px !important; }
	.push-md-sides    { margin-right: 20px !important; margin-left:  20px !important; }

	.push-half-md         { margin:       var(--push-half) !important; }
	.push-half-md-top     { margin-top:   var(--push-half) !important; }
	.push-half-md-right   { margin-right: var(--push-half) !important; }
	.push-half-md-bottom  { margin-bottom:var(--push-half) !important; }
	.push-half-md-left    { margin-left:  var(--push-half) !important; }
	.push-half-md-ends    { margin-top:   var(--push-half) !important; margin-bottom:var(--push-half) !important; }
	.push-half-md-sides   { margin-right: var(--push-half) !important; margin-left:  var(--push-half) !important; }

	.push-double-md         { margin:       var(--push-medium) !important; }
	.push-double-md-top     { margin-top:   var(--push-medium) !important; }
	.push-double-md-right   { margin-right: var(--push-medium) !important; }
	.push-double-md-bottom  { margin-bottom:var(--push-medium) !important; }
	.push-double-md-left    { margin-left:  var(--push-medium) !important; }
	.push-double-md-ends    { margin-top:   var(--push-medium) !important; margin-bottom:var(--push-medium) !important; }
	.push-double-md-sides   { margin-right: var(--push-medium) !important; margin-left:  var(--push-medium) !important; }

	.push-triple-md         { margin:       var(--push-large) !important; }
	.push-triple-md-top     { margin-top:   var(--push-large) !important; }
	.push-triple-md-right   { margin-right: var(--push-large) !important; }
	.push-triple-md-bottom  { margin-bottom:var(--push-large) !important; }
	.push-triple-md-left    { margin-left:  var(--push-large) !important; }
	.push-triple-md-ends    { margin-top:   var(--push-large) !important; margin-bottom:var(--push-large) !important; }
	.push-triple-md-sides   { margin-right: var(--push-large) !important; margin-left:  var(--push-large) !important; }

	.soft-md          { padding:       var(--soft-small) !important; }
	.soft-md-top      { padding-top:   var(--soft-small) !important; }
	.soft-md-right    { padding-right: var(--soft-small) !important; }
	.soft-md-bottom   { padding-bottom:var(--soft-small) !important; }
	.soft-md-left     { padding-left:  var(--soft-small) !important; }
	.soft-md-ends     { padding-top:   var(--soft-small) !important; padding-bottom:var(--soft-small) !important; }
	.soft-md-sides    { padding-right: var(--soft-small) !important; padding-left:  var(--soft-small) !important; }

	.soft-half-md          { padding:       var(--soft-half) !important; }
	.soft-half-md-top      { padding-top:   var(--soft-half) !important; }
	.soft-half-md-right    { padding-right: var(--soft-half) !important; }
	.soft-half-md-bottom   { padding-bottom:var(--soft-half) !important; }
	.soft-half-md-left     { padding-left:  var(--soft-half) !important; }
	.soft-half-md-ends     { padding-top:   var(--soft-half) !important; padding-bottom:var(--soft-half) !important; }
	.soft-half-md-sides    { padding-right: var(--soft-half) !important; padding-left:  var(--soft-half) !important; }

	.soft-double-md          { padding:       var(--soft-medium) !important; }
	.soft-double-md-top      { padding-top:   var(--soft-medium) !important; }
	.soft-double-md-right    { padding-right: var(--soft-medium) !important; }
	.soft-double-md-bottom   { padding-bottom:var(--soft-medium) !important; }
	.soft-double-md-left     { padding-left:  var(--soft-medium) !important; }
	.soft-double-md-ends     { padding-top:   var(--soft-medium) !important; padding-bottom:var(--soft-medium) !important; }
	.soft-double-md-sides    { padding-right: var(--soft-medium) !important; padding-left:  var(--soft-medium) !important; }

	.soft-triple-md          { padding:       var(--soft-large) !important; }
	.soft-triple-md-top      { padding-top:   var(--soft-large) !important; }
	.soft-triple-md-right    { padding-right: var(--soft-large) !important; }
	.soft-triple-md-bottom   { padding-bottom:var(--soft-large) !important; }
	.soft-triple-md-left     { padding-left:  var(--soft-large) !important; }
	.soft-triple-md-ends     { padding-top:   var(--soft-large) !important; padding-bottom:var(--soft-large) !important; }
	.soft-triple-md-sides    { padding-right: var(--soft-large) !important; padding-left:  var(--soft-large) !important; }

	.hard-md          { padding:       0 !important; }
	.hard-md-top      { padding-top:   0 !important; }
	.hard-md-right    { padding-right: 0 !important; }
	.hard-md-bottom   { padding-bottom:0 !important; }
	.hard-md-left     { padding-left:  0 !important; }
	.hard-md-ends     { padding-top:   0 !important; padding-bottom:0 !important; }
	.hard-md-sides    { padding-right: 0 !important; padding-left:  0 !important; }

}

@media (min-width:1200px) {

	.flush-lg         { margin:       0 !important; }
	.flush-lg-top     { margin-top:   0 !important; }
	.flush-lg-right   { margin-right: 0 !important; }
	.flush-lg-bottom  { margin-bottom:0 !important; }
	.flush-lg-left    { margin-left:  0 !important; }
	.flush-lg-ends    { margin-top:   0 !important; margin-bottom:0 !important; }
	.flush-lg-sides   { margin-right: 0 !important; margin-left:  0 !important; }

	.push-lg          { margin:       20px !important; }
	.push-lg-top      { margin-top:   20px !important; }
	.push-lg-right    { margin-right: 20px !important; }
	.push-lg-bottom   { margin-bottom:20px !important; }
	.push-lg-left     { margin-left:  20px !important; }
	.push-lg-ends     { margin-top:   20px !important; margin-bottom:20px !important; }
	.push-lg-sides    { margin-right: 20px !important; margin-left:  20px !important; }

	.push-half-lg         { margin:       var(--push-half) !important; }
	.push-half-lg-top     { margin-top:   var(--push-half) !important; }
	.push-half-lg-right   { margin-right: var(--push-half) !important; }
	.push-half-lg-bottom  { margin-bottom:var(--push-half) !important; }
	.push-half-lg-left    { margin-left:  var(--push-half) !important; }
	.push-half-lg-ends    { margin-top:   var(--push-half) !important; margin-bottom:var(--push-half) !important; }
	.push-half-lg-sides   { margin-right: var(--push-half) !important; margin-left:  var(--push-half) !important; }

	.push-double-lg         { margin:       var(--push-medium) !important; }
	.push-double-lg-top     { margin-top:   var(--push-medium) !important; }
	.push-double-lg-right   { margin-right: var(--push-medium) !important; }
	.push-double-lg-bottom  { margin-bottom:var(--push-medium) !important; }
	.push-double-lg-left    { margin-left:  var(--push-medium) !important; }
	.push-double-lg-ends    { margin-top:   var(--push-medium) !important; margin-bottom:var(--push-medium) !important; }
	.push-double-lg-sides   { margin-right: var(--push-medium) !important; margin-left:  var(--push-medium) !important; }

	.push-triple-lg         { margin:       var(--push-large) !important; }
	.push-triple-lg-top     { margin-top:   var(--push-large) !important; }
	.push-triple-lg-right   { margin-right: var(--push-large) !important; }
	.push-triple-lg-bottom  { margin-bottom:var(--push-large) !important; }
	.push-triple-lg-left    { margin-left:  var(--push-large) !important; }
	.push-triple-lg-ends    { margin-top:   var(--push-large) !important; margin-bottom:var(--push-large) !important; }
	.push-triple-lg-sides   { margin-right: var(--push-large) !important; margin-left:  var(--push-large) !important; }

	.soft-lg          { padding:       var(--soft-small) !important; }
	.soft-lg-top      { padding-top:   var(--soft-small) !important; }
	.soft-lg-right    { padding-right: var(--soft-small) !important; }
	.soft-lg-bottom   { padding-bottom:var(--soft-small) !important; }
	.soft-lg-left     { padding-left:  var(--soft-small) !important; }
	.soft-lg-ends     { padding-top:   var(--soft-small) !important; padding-bottom:var(--soft-small) !important; }
	.soft-lg-sides    { padding-right: var(--soft-small) !important; padding-left:  var(--soft-small) !important; }

	.soft-half-lg          { padding:       var(--soft-half) !important; }
	.soft-half-lg-top      { padding-top:   var(--soft-half) !important; }
	.soft-half-lg-right    { padding-right: var(--soft-half) !important; }
	.soft-half-lg-bottom   { padding-bottom:var(--soft-half) !important; }
	.soft-half-lg-left     { padding-left:  var(--soft-half) !important; }
	.soft-half-lg-ends     { padding-top:   var(--soft-half) !important; padding-bottom:var(--soft-half) !important; }
	.soft-half-lg-sides    { padding-right: var(--soft-half) !important; padding-left:  var(--soft-half) !important; }

	.soft-double-lg          { padding:       var(--soft-medium) !important; }
	.soft-double-lg-top      { padding-top:   var(--soft-medium) !important; }
	.soft-double-lg-right    { padding-right: var(--soft-medium) !important; }
	.soft-double-lg-bottom   { padding-bottom:var(--soft-medium) !important; }
	.soft-double-lg-left     { padding-left:  var(--soft-medium) !important; }
	.soft-double-lg-ends     { padding-top:   var(--soft-medium) !important; padding-bottom:var(--soft-medium) !important; }
	.soft-double-lg-sides    { padding-right: var(--soft-medium) !important; padding-left:  var(--soft-medium) !important; }

	.soft-triple-lg          { padding:       var(--soft-large) !important; }
	.soft-triple-lg-top      { padding-top:   var(--soft-large) !important; }
	.soft-triple-lg-right    { padding-right: var(--soft-large) !important; }
	.soft-triple-lg-bottom   { padding-bottom:var(--soft-large) !important; }
	.soft-triple-lg-left     { padding-left:  var(--soft-large) !important; }
	.soft-triple-lg-ends     { padding-top:   var(--soft-large) !important; padding-bottom:var(--soft-large) !important; }
	.soft-triple-lg-sides    { padding-right: var(--soft-large) !important; padding-left:  var(--soft-large) !important; }

	.hard-lg          { padding:       0 !important; }
	.hard-lg-top      { padding-top:   0 !important; }
	.hard-lg-right    { padding-right: 0 !important; }
	.hard-lg-bottom   { padding-bottom:0 !important; }
	.hard-lg-left     { padding-left:  0 !important; }
	.hard-lg-ends     { padding-top:   0 !important; padding-bottom:0 !important; }
	.hard-lg-sides    { padding-right: 0 !important; padding-left:  0 !important; }
}

/**
 * Navy sections — typography + WYSIWYG chrome (8133:744, 8133:764)
 *
 * Background utilities `.bg-navy` / `.bg-navy-shapes` live in global.css (earlier).
 * These rules load after components/wysiwyg.css (same specificity as `.wysiwyg__wrapper p`, etc.) — no `:root` prefix needed.
 */
.bg-navy h3,
.bg-navy .h3,
.bg-navy h4,
.bg-navy .h4,
.bg-navy h5,
.bg-navy .h5,
.bg-navy h6,
.bg-navy .h6,
.bg-navy .sub-heading,
.bg-navy-shapes h3,
.bg-navy-shapes .h3,
.bg-navy-shapes h4,
.bg-navy-shapes .h4,
.bg-navy-shapes h5,
.bg-navy-shapes .h5,
.bg-navy-shapes h6,
.bg-navy-shapes .h6,
.bg-navy-shapes .sub-heading,
.bg-dark-blue h2,
.bg-dark-blue .h2,
.bg-dark-blue h3,
.bg-dark-blue .h3,
.bg-dark-blue h4,
.bg-dark-blue .h4,
.bg-dark-blue h5,
.bg-dark-blue .h5,
.bg-dark-blue h6,
.bg-dark-blue .h6,
.bg-dark-blue .sub-heading {
    color: var(--white);
}

.bg-navy .sub-heading,
.bg-navy-shapes .sub-heading {
    color: var(--medium-brown);
}

.bg-navy h2,
.bg-navy-shapes h2 {
    color: var(--white);
}

.bg-navy h2 .h2-accent,
.bg-navy-shapes h2 .h2-accent {
    color: var(--medium-brown);
}

.bg-navy p,
.bg-navy ul li,
.bg-navy-shapes p,
.bg-navy-shapes ul li {
    color: var(--white);
}

.bg-navy p a,
.bg-navy-shapes p a {
    color: var(--white);
}

.bg-navy code,
.bg-navy-shapes code {
    color: var(--light-blue);
    background: rgba(0, 0, 0, 0.2);
    padding: 0.125em 0.35em;
    border-radius: 0.25rem;
    font-size: 0.95em;
}

.bg-navy .blockquote-wrap blockquote,
.bg-navy-shapes .blockquote-wrap blockquote {
    background: var(--light-blue);
    color: var(--text-color);

	li {
		color: var(--text-color)
	}
}

.bg-navy .blockquote-wrap blockquote p,
.bg-navy-shapes .blockquote-wrap blockquote p {
    color: var(--primary-color);
}

/* Lists — Figma 8133:764 */
.bg-navy ul li::before,
.bg-navy-shapes ul li::before {
    background: #0e1e48;
}

.bg-navy ul li::after,
.bg-navy-shapes ul li::after {
    color: var(--medium-brown);
}

.bg-navy .table-toolbar,
.bg-navy-shapes .table-toolbar {
    background: var(--text-color);
}

.bg-navy .table-structure thead th,
.bg-navy-shapes .table-structure thead th {
    background: var(--light-blue);
    color: var(--primary-color);
}

.bg-navy .table-structure tbody tr:nth-child(odd),
.bg-navy-shapes .table-structure tbody tr:nth-child(odd) {
    background: var(--primary-color);
}

.bg-navy .table-structure tbody tr:nth-child(even),
.bg-navy-shapes .table-structure tbody tr:nth-child(even) {
    background: rgba(14, 30, 72, 0.64);
}

.bg-navy .table-structure tbody td,
.bg-navy-shapes .table-structure tbody td {
    color: var(--white);
}

.bg-navy .wysiwyg-tertiary,
.bg-navy-shapes .wysiwyg-tertiary {
    color: var(--white);
}

.bg-blue,
.bg-blue-shapes,
.btn-white,
.bg-white-shapes,
.bg-light-blue,
.bg-light-blue-shapes {
	li a:not(.btn),
    p a:not(.btn) {
		color: var(--text-color);
		font-weight: 500;
	}
}

.bg-navy p a:not(.btn),
.bg-navy-shapes p a:not(.btn) {
    color: var(--white);
	font-weight: 500;
}

.bg-white p a:not(.btn),
.bg-white-shapes p a:not(.btn) {
    color: var(--text-color);
	font-weight: 500;
}

@media (min-width: 1200px) {

    .bg-navy,
    .bg-navy-shapes,
	.bg-dark-blue,
	.bg-dark-blue-shapes {
		li a:not(.btn):hover,
		li a:not(.btn):focus,
		p a:not(.btn):hover,
		p a:not(.btn):focus {
			color: var(--medium-brown);
			font-weight: 700;
		}
    }

    .bg-navy .wysiwyg-tertiary:hover,
    .bg-navy .wysiwyg-tertiary:focus,
    .bg-navy-shapes .wysiwyg-tertiary:hover,
    .bg-navy-shapes .wysiwyg-tertiary:focus {
        color: var(--medium-brown);
    }

    .bg-navy .wysiwyg-tertiary:hover .icon-right-cta-arrow,
    .bg-navy .wysiwyg-tertiary:focus .icon-right-cta-arrow,
    .bg-navy-shapes .wysiwyg-tertiary:hover .icon-right-cta-arrow,
    .bg-navy-shapes .wysiwyg-tertiary:focus .icon-right-cta-arrow {
        color: var(--medium-brown);
    }

	.bg-blue,
	.bg-blue-shapes,
	.btn-white,
	.bg-white-shapes,
	.bg-light-blue,
	.bg-light-blue-shapes {
		li a:not(.btn):hover,
		li a:not(.btn):focus,
		p a:not(.btn):hover,
		p a:not(.btn):focus {
			color: var(--heading-color);
			font-weight: 700;
		}
	}
	
	.bg-blue-shapes p a:not(.btn),
	.btn-white p a:not(.btn),
	.bg-white-shapes p a:not(.btn),
	.bg-white p a:not(.btn):hover,
	.bg-white-shapes p a:not(.btn):hover,
	.bg-light-blue p a:not(.btn):hover,
	.bg-light-blue-shapes p a:not(.btn):hover {
		&:hover {
			color: var(--heading-color);
			font-weight: 700;
		}
	}
}