/* components/01-visual-styling/01-branding-standards/01-background/background.scss */
/* BEGIN background.scss */
/*
.navy-bg {
	background-color: #0C2340;
}
.color-darkblue {
	color: #0c2340;
}
.cool-orange {
	color: #F15A22;
}
.color-orange {
	color: #d3430d;
}
.color-white {
	color: #fff !important;
}
.bg-cool-grey {
	background-color: #dbdee3;
}
.bg-cool-grey-stripe {
	background-color: #b4b8bc;
}
.color-blue {
	color: $blue-highlight;
}
.light-black {
	color: #232323;
}
.light-grey {
	color: #949494;
}
.color-black {
	color: #000;
}
.bg-orange {
	background-color: #F15B22;
}
.grey-bg {
	background-color: #dbdee3;
}
.darkblue-bg {
	background-color: #0c2340;
}
.dark-grey-bg {
	background-color: #606060;
}
.white-bg {
	background-color: #fff;
}
*/
.blue {
  color: #0C2340;
}

.blue-b {
  color: #495970;
}

.orange {
  color: #F15A22;
}

.orange-a11y {
  color: #D3430D;
}

.white {
  color: #FFFFFF;
}

.white-b {
  color: #F6F6F6;
}

.grey {
  color: #DBDEE3;
}

.grey-b {
  color: #B4B8BC;
}

.grey-c {
  color: #949494;
}

.grey-d {
  color: #606060;
}

.grey-e {
  color: #232323;
}

.blue-highlight {
  color: #025EFC;
}

.blue-bg {
  background-color: #0C2340;
}

.blue-b-bg {
  background-color: #495970;
}

.blue-c-bg {
  background-color: #344c6b;
}

.grey-bg {
  background-color: #DBDEE3;
}

.orange-bg {
  background-color: #F15A22;
}

.white-bg {
  background-color: #FFFFFF;
}

.white-b-bg {
  background-color: #F6F6F6;
}

.orange-a11y-bg {
  background-color: #D3430D;
}

.grey-b-bg {
  background-color: #B4B8BC;
}

.grey-c-bg {
  background-color: #949494;
}

.grey-d-bg {
  background-color: #606060;
}

.grey-e-bg {
  background-color: #232323;
}

/* END background.scss */
/* components/01-visual-styling/01-branding-standards/02-pattern/pattern.scss */
/* BEGIN pattern.scss */
.stripe-bg {
  background: -o-repeating-linear-gradient(45deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 2px, rgba(0, 0, 0, 0.1) 4px, rgba(0, 0, 0, 0) 7px);
  background: repeating-linear-gradient(45deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 2px, rgba(0, 0, 0, 0.1) 4px, rgba(0, 0, 0, 0) 7px);
}

.blue-bg {
  background-color: #0C2340;
}

.blue-b-bg {
  background-color: #495970;
}

.blue-c-bg {
  background-color: #344c6b;
}

.grey-bg {
  background-color: #DBDEE3;
}

.orange-bg {
  background-color: #F15A22;
}

.white-bg {
  background-color: #FFFFFF;
}

.orange-a11y-bg {
  background-color: #D3430D;
}

.grey-b-bg {
  background-color: #B4B8BC;
}

.grey-c-bg {
  background-color: #949494;
}

.grey-d-bg {
  background-color: #606060;
}

.grey-e-bg {
  background-color: #232323;
}

.grey-e {
  color: #232323;
}

/* END pattern.scss */
/* components/01-visual-styling/04-button/03-angled-button/angled-button.scss */
/* BEGIN angled-button.scss */
/* FROM VENDOR */
.orange-action-large-btn .action-btn:hover, .orange-action-large-btn .action-btn:focus {
  background-color: #0C2340;
  color: #fff;
}

.blue-action-large-btn .action-btn:hover, .blue-action-large-btn .action-btn:focus {
  background-color: #D3430D;
  color: #fff;
}

.action-btn i,
.action-btn svg {
  color: #fff;
}

.action-btn {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  padding: 13px 15px 13px 24px;
  font-size: 15px;
  position: relative;
  z-index: 0;
  overflow: hidden;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-evenly;
}

.button-icons-component > div {
  margin-bottom: 15px;
}

.action-btn .action-icon {
  position: absolute;
  right: 15px;
}

/*
.clip-mask-bottom-right {
    --notchSize: 2.0rem;
    clip-path: polygon(100% 0, 100% calc(100% - var(--notchSize)), calc(100% - var(--notchSize)) 100%, 0 100%, 0 0);
    -webkit-clip-path: polygon(100% 0, 100% calc(100% - var(--notchSize)), calc(100% - var(--notchSize)) 100%, 0 100%, 0 0);
}
*/
/*
.action-btn::after {
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 75px;
	height: 100%;
	z-index: -1;
	border-top: 0.0rem solid rgba(255, 255, 255, 0.2);
	border-right: 1.75rem solid rgba(255, 255, 255, 0.2);
	border-left: 3.0rem solid transparent;
	border-bottom: 8.0rem solid rgba(255, 255, 255, 0.2);
}
*/
.action-btn.darkblue-bg:hover, .action-btn.darkblue-bg:focus {
  background-color: #d3430d;
  color: #fff !important;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/* END FROM VENDOR */
.action-btn {
  text-decoration: none;
  width: 50%;
}
@media (max-width: 767.98px) {
  .action-btn {
    width: 100%;
  }
}

.action-btn.btn-large {
  padding-top: 22px;
  padding-bottom: 22px;
  text-decoration: none;
  margin-bottom: 5px;
}

.action-btn.btn-large::after {
  border-bottom: 80px solid rgba(255, 255, 255, 0.2);
}

.action-btn.orange-bg:hover, .action-btn.orange-a11y-bg:hover, .action-btn.orange-bg:focus, .action-btn.orange-a11y-bg:focus {
  background-color: #0C2340;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.blue-action-btn .action-btn {
  background-color: #0C2340;
  color: #FFFFFF;
}

.blue-action-btn .action-btn:hover, .blue-action-btn .action-btn:focus {
  background-color: #D3430D;
}

.orange-action-btn > .action-btn {
  background-color: #D3430D;
  color: #FFFFFF;
}

.orange-action-btn > .action-btn:hover, .orange-action-btn > .action-btn:focus {
  background-color: #0C2340;
  color: #FFFFFF;
}

.orange-action-large-btn .action-btn {
  background-color: #D3430D;
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 600;
}

.blue-action-large-btn .action-btn {
  background-color: #0C2340;
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 600;
}

.nav-tabs-component .nav-tabs > li a {
  font-size: 16px;
  color: #0C2340;
  font-weight: 700;
}

/* END angled-button.scss */
/* components/02-components/06-call-to-actions/02-call-to-action-image/call-to-action-image.scss */
/* BEGIN call-to-action-image.scss */
.content-img-design .images-design img {
  width: 100%;
  height: 100%;
}
@media (max-width: 767.98px) {
  .content-img-design .images-design img {
    margin: 1rem 0 1rem 0px;
  }
}
.content-img-design .heading-paragraph-design .blue-action-btn .action-btn {
  margin-bottom: 5px;
}
.content-img-design .heading-paragraph-design h3 {
  color: #D3430D;
  font-size: 38px;
  font-weight: 700;
}
.content-img-design.offset-left::after {
  margin-left: auto;
}
.content-img-design::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.content-img-design.orange-offset-bg {
  padding-top: 40px;
  padding-bottom: 40px;
  position: relative;
  z-index: 0;
}
.content-img-design.orange-offset-bg .heading-paragraph-design h3 {
  color: #FFFFFF;
}
.content-img-design.orange-offset-bg .heading-paragraph-design .blue-action-btn > .action-btn:hover, .content-img-design.orange-offset-bg .heading-paragraph-design .blue-action-btn > .action-btn:focus {
  background-color: #949494;
}
.content-img-design.orange-offset-bg .paragraph-text * {
  color: #FFFFFF;
}
.content-img-design.orange-offset-bg::after {
  content: "";
  background-color: #D3430D !important;
  z-index: -1;
  max-width: 71%;
  background: -o-repeating-linear-gradient(45deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 2px, rgba(0, 0, 0, 0.1) 4px, rgba(0, 0, 0, 0) 7px);
  background: repeating-linear-gradient(45deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 2px, rgba(0, 0, 0, 0.1) 4px, rgba(0, 0, 0, 0) 7px);
}
@media (max-width: 767.98px) {
  .content-img-design.orange-offset-bg::after {
    max-width: 100vw;
  }
}
.content-img-design.blue-offset-bg {
  padding-top: 40px;
  padding-bottom: 40px;
  position: relative;
  z-index: 0;
}
.content-img-design.blue-offset-bg .heading-paragraph-design h3 {
  color: #FFFFFF;
}
.content-img-design.blue-offset-bg .heading-paragraph-design .orange-action-btn > .action-btn:hover, .content-img-design.blue-offset-bg .heading-paragraph-design .orange-action-btn > .action-btn:focus {
  background-color: #949494;
}
.content-img-design.blue-offset-bg .paragraph-text * {
  color: #FFFFFF;
}
.content-img-design.blue-offset-bg::after {
  content: "";
  background-color: #0C2340 !important;
  z-index: -1;
  max-width: 71%;
  background: -o-repeating-linear-gradient(45deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 2px, rgba(0, 0, 0, 0.1) 4px, rgba(0, 0, 0, 0) 7px);
  background: repeating-linear-gradient(45deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 2px, rgba(0, 0, 0, 0.1) 4px, rgba(0, 0, 0, 0) 7px);
}
@media (max-width: 767.98px) {
  .content-img-design.blue-offset-bg::after {
    max-width: 100vw;
  }
}
.content-img-design.blue-offset-bg .orange-action-btn > .action-btn {
  margin-bottom: 5px;
}
/*
@include media-breakpoint-down(md) {
	.content-img-design {
		.heading-paragraph-design .action-btn {
			width: 100%;
			display: block;
		}
	}
}
*/
/* END call-to-action-image.scss */