/*************************************************************
MENU ICONS EXAMPLE
*************************************************************/
/*
To add menu icon specify PAGE-ID and ICON CONTENT VALUE:

.fa-menu-{PAGE-ID}:before {
content: "{ICON CONTENT VALUE}";
}

List of ICON CONTENT VALUES: http://astronautweb.co/snippet/font-awesome/

FOR EXAMPLE

i.fa-menu-33:before {
content: "\f004";
}
h
*/

/*************************************************************
ADD YOUR CUSTOM STYLES BELOW THIS LINE
*************************************************************/
p {
  font-size: 18px;
  color: rgb(255, 255, 255);
}

.tri-col-text a {
  color: #ffffff !important;
  transition: color 0.3s;
}

.tri-col-text a:hover {
  color: #DC143C !important;
}

.icon-box p {
  color: #333;
  text-transform: uppercase;
}

h1,
.h1 {
  text-transform: uppercase;
  margin-bottom: 30px;
}

.interior h1,
.interior h2,
.interior h3,
.interior h4,
.interior p,
.interior li{
  color: rgb(255, 255, 255);
}

.topbar-dropdown .list-entry {
	color: #747474 !important;
}

.topbar-dropdown .list-entry:hover {
	color: rgb(220, 20, 60) !important;
}

.btn.btn-light {
  color: #4c5667!important;
}

#dnn_ctr_Login_Login_DNN_cmdLogin,
#dnn_ctr_Login_Login_DNN_cancelLink {
	padding: 5px 10px;
}

#dnn_ctr_Login_Login_DNN_cmdLogin:hover {
	background-color: white;
}

#dnn_ctr_Login_Login_DNN_cancelLink:hover {
  color: #fff!important;
}

.interior a {
  color: rgb(255, 255, 255);
  transition: color 0.3s;
  text-decoration: none;
}

.interior a:hover {
  color: rgb(220, 20, 60);
  text-decoration: none;
}

li a {
  color: rgb(255, 255, 255);
  transition: color 0.3s;
}

#topbar .top-menu > li > a {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 700;
}

#topbar .top-menu > li > a:hover {
  color: #333 !important;
}

  /* LOGO */
#header #header-wrap #logo a > img {
  transition: all .4s ease-in-out;
  max-height: 70px;
  width: auto;
  margin-top: 5px;
}

#header.dark #mainMenu nav > ul > li > a, .dark.wsc_cm_menu nav > ul > li > a {
  font-size: 14px;
}

@media (max-width: 1199px) {
  #header.dark #mainMenu nav > ul > li > a, .dark.wsc_cm_menu nav > ul > li > a {
    font-size: 12px;
  }
}

#header {
  height: 120px;
}

#header #header-wrap #logo {
  height: 120px;
}

#header #header-wrap #logo a > img {
  max-height: 120px;
}

#mainMenu nav, .wsc_cm_menu nav {
  display: flex;
  height: 120px;
}

#mainMenu.menu-hover-background nav > ul > li {
  height: 100%;
}

#header.dark #mainMenu nav > ul > li > a, .dark.wsc_cm_menu nav > ul > li > a {
  align-items: center;
  display: flex;
  height: 100%;
}

#header .header-extras {
  height: 120px;
}

#header .header-extras > ul > li .topbar-dropdown > .title, #header .header-extras > ul > li > a:not(.btn) {
  align-items: center;
  display: flex;
  height: 120px;
}

.dropdown-menu {
  padding: 0;
  border: none;
}

.dropdown-menu li:hover {
  background-color: rgb(220, 20, 60);
}

.dropdown-menu a {
  text-transform: uppercase;
  color: white;
}

body #mainMenu nav > ul > li .dropdown-menu > li > a {
  color: rgb(255 255 255) !important;
  font-size: 14px;
  font-weight: 600;
}

body #mainMenu nav > ul > li .dropdown-menu > li.current > a {
  color: rgb(255 255 255) !important;
}

body #mainMenu nav > ul > li .dropdown-menu > li:hover > a {
  color: rgb(255 255 255) !important;
}

#mainMenu.dark:not(.light):not(.menu-rounded) nav > ul > li .dropdown-menu, .dark #mainMenu:not(.light):not(.menu-rounded) nav > ul > li .dropdown-menu {
  border: none;
}

#mainMenu nav > ul > li .dropdown-menu {
  padding: 0;
}

/* BANNER */
.banner-pane {
  margin-bottom: -10px;
  position: relative;
}

.banner-pane p {
  margin: 0px!important;
}

.banner-phone {
  position: absolute;
  bottom: 35%;
  left: calc(50% - 600px);
  width: 1200px;
  height: 100px;
  background-color: rgba(34, 34, 34, 85%);
  color: white;
  text-align: center;
  text-transform: uppercase;
  align-items: center;
  display: flex;
  justify-content: center;
  z-index: 1;
}

@media (max-width: 1400px) {
  .banner-phone {
    bottom: 25%;
  }
}

@media (max-width: 900px) {
  .banner-phone {
    bottom: 55%;
    left: 0;
    padding: 0 15px;
    position: relative;
    width: 100%;
  }
}

.banner-phone span.sep {
  color: white;
  font-size: 24px;
  margin-bottom: 5px;
  padding: 0 15px;
}

.banner-phone h2 {
  font-weight: 800;
  color: white;
  font-size: clamp(18px, 2.5vw, 34px);
  margin-bottom: 0;
}


.banner-phone a {
  transition: color 0.3s ease;
}

.banner-phone a:hover {
  color: rgb(255, 255, 255)!important;
}

.banner-phone span {
  color: rgb(220, 20, 60);
}

.btn + .btn {
  margin-left: 0;
}

.banner-buttons {
  position: absolute;
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: center;
  bottom: 30%;
  margin: 0 auto;
  gap: 30px;
  z-index: 1;
}

@media (max-width: 1400px) {
  .banner-buttons {
    bottom: 20%;
  }
}

@media (max-width: 900px) {
  .banner-buttons {
    background-color: #333;
    flex-direction: column;
    position: relative;
  }
}


.button-item.btn.btn-primary {
  background-color: rgb(220, 20, 60);
  padding: 18px 100px;
}

@media (max-width: 1550px) {
  .button-item.btn.btn-primary {
    padding: 18px 50px;
  }
}

@media (max-width: 1150px) {
  .button-item.btn.btn-primary {
    padding: 18px 20px;
  }
}

.button-item.btn.btn-primary:hover {
  background-color: rgb(255, 255, 255);
  border: 1px solid rgb(255, 255, 255);
  color: rgb(220, 20, 60);
  opacity: 1;
}

.button-item.btn.btn-primary:hover span {
  color: rgb(220, 20, 60);
}


.banner-buttons span {
  font-size: 18px;
  color: white;
  font-weight: 700;
  transition: color 0.3s;
}

.wsc_banner_panes img{
  position: relative;
  z-index: 1;
}

.wsc-section1 {
  overflow: visible;
}


/* 3 PANE */
.tri-col-wrap {
  position: relative;
  overflow: hidden;
  margin-top: -170px;
  max-height: 250px;
  height: 250px;
}

@media (max-width: 1450px) {
  .tri-col-wrap {
    margin-top: -100px;
  }
}

@media (max-width: 1199px) {
  .tri-col-wrap {
    height: 100%;
    margin-top: 0px;
    max-width: 50%;
    margin: 0 auto 30px;
    width: 350px;
  }
}

@media (max-width: 767px) {
  .tri-col-wrap {
    max-width: 100%;
  }
}

.tri-col-wrap:hover .tri-col-text {
  max-height: 100%;
}

.tri-col-wrap img {
  width: 100%!important;
  height: 100%!important;
}

.tri-col-text{
  position: absolute;
  left: 0;
  top: 0;
  background-color: rgba(220, 20, 60, 0.8);
  color: #ffffff!important;
  width: 100%;
  font-size: 24px;
  line-height: 40px;
  padding: 0 10px;
  display: block;
  max-height: 16%;
  transition: max-height 0.3s ease;
  height: 100%;
}

.tri-col-wrap span {
  position: absolute;
  color: #ffffff;
  opacity: 0;
  bottom: 5px;
  right: 5px;
  font-size: 18px;
  font-weight: 600;
  transition: opacity 0.3s ease;
}

.tri-col-wrap:hover span {
  opacity: 1;
}

.tri-col-wrap {
  cursor: pointer;
}

.intern-video {
  display: flex;
  justify-content: center;
  position: relative;

}

.play-overlay {
  color: rgba(0, 0, 0, 0.7);
  position: absolute;
  font-size: 100px;
  top: 35%;
  left: calc(50% - 50px);
  transition: color 0.3s ease;
}

.home-video-thumb:hover .play-overlay {
  color: rgba(255, 255, 255, 0.6);
}

.modal.in .modal-dialog {
  -webkit-transform: translate(0,150px);
  -ms-transform: translate(0,150px);
  -o-transform: translate(0,150px);
  transform: translate(0,150px);
}

.modal-content {
  border-radius: 10px!important;
  background-color: rgb(160, 160, 160);
}

.modal-header {
  border-bottom: none;
}

.close {
  color: #000;
  opacity: 1;
  font-size: 30px;
  text-shadow: none;
  transition: color 0.3s;
}

.tri-col-text a:hover {
  color: #ffffff !important;
}

p a:visited,
a:visited {
  color: rgb(255, 255, 255) !important;
}

a:hover {
  color: rgb(220, 20, 60) !important;
}

.tabs-navigation a {
    background-color: #fff !important;
    border: 0 !important;
    color: #333!important;
  }
  
  .tabs-navigation a:hover {
    background-color: rgba(51, 51, 51, 0.5) !important;
    color: #fff !important;
}

/* NEWS */

.news-pane h2 {
  color: white;
  text-align: center;
  margin-top: 100px;
}

.testimonial .testimonial-item {
  background-color: transparent;
  border: 2px solid rgb(238, 238, 238);
  padding: 40px 10px 10px 10px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  color: white;
  min-height: 330px;
  height: 100%;
}

.testimonial .testimonial-item h3,
.testimonial .testimonial-item p {
  color: white;
}



/* FOOTER */

.footer-contact h3 {
  color: white;
  padding-left: 50px;
}

.footer-contact a span {
  color: rgb(255, 255, 255);
  transition: color 0.3s ease;
  font-size: 16px;
}

.footer-contact a span:hover {
  color: #DC143C;
}

.contact-flex {
  display: flex;
  flex-direction: column;
}

.address-flex {
  display: flex;
  justify-content: space-around;
  margin-left: -10px;
}

.contact-row2 {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
}

.contact-flex span {
  color: white;
  font-size: 18px;
}

.contact-flex i {
  color: white;
  font-size: 22px;
  padding-right: 5px;
}



/* About Us page text wrap image */
#dnn_ctr1481_HtmlModule_lblContent img {
  float: left;
  margin: 0 15px;
}

.about-header {
  position: absolute;
  bottom: 0;
  left: 0;
  color: white;
  background-color: rgba(37, 37, 37, 0.8);
  padding: 20px 0 20px 380px;
  width: 1920px;
  text-transform: uppercase;
  font-weight: 600;
}

.about-content img {
  margin: 0 0 20px 20px;
}


.tabs-navigation li a {
  font-weight: 700;
  font-size: 18px;
}

/* COUNTER */
.counter-border:not(:last-child) {
  border-right: 1px solid black;
}


.icon-box.effect:not(.text-center) > .counter span {
  margin: 0;
  text-align: center;
  color: rgb(51, 51, 51);
}

.icon-box.effect.center.clean:not(:last-child) {
  border-right: 1px solid black;
}

.icon-box.effect.center.clean:not(:last-child)

.icon-box.center > p {
  color: rgb(51, 51, 51);
  font-size: 18px;
}

.panel-danger {
  border: 7px solid rgb(169, 68, 66);
}

.panel-danger > .panel-heading {
  color: rgb(169, 68, 66);
  background-color: rgb(242, 222, 222);
  border-color: rgb(169, 68, 66);
  border-bottom: 5px solid rgb(169, 68, 66);
}

/* Child links */
#dnn_ctr1522_HtmlModule_lblContent a {
  font-size: 18px;
  font-weight: 700;
}

#dnn_ctr1522_HtmlModule_lblContent {
  padding-top: 65px;
}

.breadcrumb-wrapper {
  color: white;
  padding-top: 40px;
  transition: color 1s ease 0s;
}

.breadcrumb-wrapper a{
  transition: color 0.3s ease 0s;
}

.breadcrumb-wrapper a:hover {
  color: rgb(220, 20, 60);
}


/* FORMS */
.form-group span {
  color: rgb(220, 20, 60);
  margin-left: 5px;
}

.checkbox span {
  color: rgb(255, 255, 255);
}

.text-light span:not(.btn-label) {
  color: rgb(220, 20, 60);
}

.form-group .form-button {
    color: rgb(255, 255, 255);
}

.text-light a:not(.btn) {
  color: rgb(37, 37, 37);
}

.form-group label {
  color: rgb(255, 255, 255);
}

table {
  width: 100%;
  border-collapse: unset;
}

td {
  padding: 10px;
  color: rgb(255, 255, 255);
}

thead span {
  font-weight: 900;
  text-transform: uppercase;
}

.ui-timepicker-div, 
.ui-datepicker-current {
    display: none;
}

/* SIDEBAR */
.tabs.tabs-vertical > .tabs-navigation {
  width: 100%;
  margin-top: 15px;
}

.tabs-navigation li a {
  transition: color 0.3s;
}

@media (max-width: 991px) {
  .tabs {
    display: none;
  }
}


/* FAQs */
.accordion {
  border: 1px solid rgb(255, 255, 255);
}

.accordion button {
  color: rgb(180, 180, 180);
  transition: color 0.3s;
  text-decoration: none;
}

.btn-link:focus, .btn-link:hover {
  text-decoration: none;
}

.card-body {
  color: rgb(255, 255, 255);
  margin-left: 20px;
}

.cpr-doc-wrapper {
    margin: 50px 0;
}





.faq-wrapper {
  max-width: 900px;
  width: 100%;
}

.faq-item {
  border: 1px solid rgb(255, 255, 255);
  border-radius: 4px;
  margin-bottom: 0.7rem;
}

.faq-head {
  align-items: center;
  border-radius: 4px;
  border-bottom: 1px solid transparent;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  padding: 15px;
  position: relative;
  transition: border-bottom 0.4s, border-radius 0.3s;
}

.faq-head::before {
  background-color: rgba(169, 68, 66, 0.75);
  border-radius: 4px 0 0 4px;
  content: '';
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: opacity 0.3s, background-color 0.3s;
  width: 6px;
}

.faq-head:hover::before {
  opacity: 1;
}

.faq-item.active .faq-head::before {
  background-color: rgba(169, 68, 66, 1);
  border-radius: 4px 0 0 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 4px 0 0 0;
  content: '';
  height: 100%;
  left: 0;
  opacity: 1;
  position: absolute;
  top: 0;
  width: 6px;
}

.faq-item.active .faq-head {
  border-radius: 4px 0 0 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}

.faq-title {
  align-items: center;
  color: rgb(255, 255, 255);
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  z-index: -1;
}

.faq-icon {
  color: rgb(255 255 255);
  font-size: 1.6rem;
  line-height: 1;
  transition: transform 0.3s;
  z-index: -1;
}

.faq-item.active .faq-icon {
  transform: rotateZ(180deg);
}

.faq-body {
  border-radius: 0 0 4px 4px;
  background-color: transparent;
  height: 0;
  overflow: hidden;
  transition: height 0.3s;
}

.faq-content {
  color: rgb(255, 255, 255);
  padding: 20px;
}

.recruit-wrap a {
  color: rgb(255, 255, 255);
  transition: color 0.3s;
}

.training-resources {
  column-count: 2;
}
.modal-backdrop {
  z-index: -1;
}
.fmSeoHelperDispatch > p, .fmSeoHelperDispatch h1, .fmSeoHelperDispatch h2, 
.fmSeoHelperDispatch h3, .fmSeoHelperDispatch h4, .fmSeoHelperDispatch li, .fmSeoHelperDispatch tr, .fmSeoHelperDispatch td {
      color: #000 !important;
}
.fmSeoHelperDispatch .dnnFormMessage > * {
  color: #000;
}
.fm-success-alert {
    background-color: #DC143C !important;
    border: none !important;
}
.fm-success-alert button span {
    color: rgb(255,255,255) !important;
}

/* Form Submissions */
.admin-search-form p {
    color: #000;
}
.panel-default h1, 
.panel-default h2, 
.panel-default h3, 
.panel-default h4, 
.panel-default h5, 
.panel-default h6, 
.panel-default td, 
.panel-default th, 
.panel-default h1, 
.panel-default p, 
.panel-default li{
    color: #000;
}

.lightbox > div {
  height: 100%;
  width: 100%;
}

.fluid-width-video-wrapper {
  height: 100%;
}

.lightbox-close {
  top: 130px!important;
}

.icon-sxc-options {
  font-family: "FontAwesome";
}

.wsc-logins-wrapper {
  display: none;
}

.copyright-text {
  align-items: center;
  display: flex;
  gap: 10px;
  justify-content: center;
}

a.LoginLink {
  color: rgb(86, 86, 86)!important;
  transition: color 0.3s;
}

a.LoginLink:hover {
  color: rgb(220, 20, 60)!important;
}

.copyright-text a {
  transition: color 0.3s;
}


.int-link {
	color:#dc143c;
}
.int-link:hover {
	text-decoration:underline;
	color:white;
}
.int-link a {
	color:#dc143c;
}

.int-link:hover a, .int-link a:hover {
	color:white !important;
}