﻿body { font-size: 16px; font-weight: normal; line-height: 24px; color: #212529; font-family: 'montserrat', sans-serif; }
.white { color: #fff !important;}
.buttongreen-content h2 { color: #087D12; }
.buttonyellow-content h2  { color: #333; }
.buttonred-content h2  { color: #9F1604; }
.wireSafeLogo { text-align: right; }
.carousel-bg-img { background-color:#062b57; background-repeat:no-repeat; background-position: center;  background-size: cover; }
.tab-bg-img {  background-repeat:no-repeat; background-position: center;  background-size: cover; }
#wireSafeCarousel { border-bottom: solid 15px #4565B0; }
.carousel-bg-img a, .carousel-bg-img a:link, .carousel-bg-img a:visited { color: #fff; }
    .carousel-bg-img a:hover { color: #C0AA30; }
.buttongreen { background-color: #087D12; border-bottom: solid 8px #087D12; }
.buttonyellow { background-color: #6f5300; border-bottom: solid 8px #F6CB0A; }
.buttonred { background-color: #9F1604; border-bottom: solid 8px #9F1604; }
.buttongreen-bottomThickness { border-bottom: solid 8px #087D12; }
.buttonyellow-bottomThickness { border-bottom: solid 8px #F6CB0A; }
.buttonred-bottomThickness{ border-bottom: solid 8px #9F1604; }
.buttonCommonBackgound { background-repeat:no-repeat; background-position: center;  background-size: cover; }
.title-header { font-weight: bold; }
a { text-decoration: none; color: #0B233F; }
a:hover { text-decoration: none;  color: #C0AA30; }
.DirectionReverse, .ImageHeadingPlacementTop { display: flex; flex-direction: column-reverse; }
.mediumToLargeScreenTabSection .arrowPositioning { margin-top: -7px; }
.mediumToLargeScreenTabSection .mediumScreenTabContent.inActive { display:none; }
.mediumToLargeScreenTabSection .mediumScreenTabContent.active { display:block; }

.smallScreenAccordionTabSection .accordion .accordion-item span.accordion-button { display: block; padding: 0; }
.smallScreenAccordionTabSection .accordion .accordion-item span.accordion-button .tabTitle { font-size: 24px; }
.smallScreenAccordionTabSection .accordion .accordion-item span.accordion-button::after { content: unset; }
.smallScreenAccordionTabSection .accordion .accordion-item .accordion-body .arrowPositioning { margin-top: -7px; margin-left: calc(50% - 30px); }

.footer a:hover { text-decoration: none; color: #C0AA30; }
.footerContainer { border-top: solid 2px #dedede; }
.footerContainer .footer { font-size: .75em; }
.absoluteFooter{ bottom: 0; position: absolute; width: 100%; }
.ImageSubText { font-weight: bold; color: #555; }
.hyperlinkContainer a.traditionalHover { color: #333; text-decoration: none; background-color: transparent; }
.hyperlinkContainer a.traditionalHover:hover { color: #C0AA30; text-decoration: none; background-color: transparent; }
.wistia_responsive_padding {background-color: #333;}
@media only screen and (max-width: 575px) {
    .wireSafeBrandLogo, .wireSafeLogo { text-align: center; }
    .carousel-bg-img div h1 {font-size: 1.25em;}
    .carousel-bg-img div h2 {font-size: .75em;}
    .carousel-bg-img {height: 150px;}
    .carousel-caption {text-align: left;margin-bottom: 10px;}
}
@media (min-width: 576px) {
    .carousel-bg-img div h1 {font-size: 1.25em;}
    .carousel-bg-img div h2 {font-size: .75em;}
    .carousel-bg-img {height: 150px;}
    .carousel-caption {text-align: left;margin-bottom: 10px;}
}
@media (min-width: 768px) {
    .carousel-bg-img div h1 {font-size: 1.5em;}
    .carousel-bg-img div h2 {font-size: 1em;}
    .carousel-bg-img {height: 200px;}
    .carousel-caption {text-align: left;margin-bottom: 55px;}
}
@media (min-width: 992px) {
    .carousel-bg-img div h1 {font-size: 2em;}
    .carousel-bg-img div h2 {font-size: 1.25em;}
    .carousel-bg-img {height: 250px;}
    .carousel-caption {text-align: left;margin-bottom: 70px;}
}
@media (min-width: 1200px) {
    .carousel-bg-img div h1 {font-size: 2.5em;}
    .carousel-bg-img div h2 {font-size: 1.5em;}
    .carousel-bg-img {height: 400px;}
    .carousel-caption {text-align: left;margin-bottom: 175px;}
}
@media (min-width: 1400px) {
    .carousel-bg-img div h1 {font-size: 3em;}
    .carousel-bg-img div h2 {font-size: 1.75em;}
    .carousel-bg-img {height: 400px;}
    .carousel-caption {text-align: left;margin-bottom: 150px;}
}
@media (max-width: 992px) {.container, .container-md, .container-sm{max-width:100%;}}
@media (max-width: 768px) {.container, .container-md, .container-sm{max-width:100%;}}
@media (max-width: 576px) {.container, .container-md, .container-sm{max-width:100%;}}