/* ====== NAVIGATION ====== */
nav{
  padding: 20px;
}
#bar .dropdown-menu, #bar .dropdown-menu li{
  background-color: #671132;
}
#bar li a, #stickyNav li a{
	color: white;
}
#bar .dropdown-menu li a, #stickyNav .dropdown-menu li a{
  color: white;
}
.btn-primary{
  background-color: #671132;
  border-color: #671132;
}
.btn-primary:hover{
  background-color: #e17aa2;
  border-color: #e17aa2;
}
h1, h2, h3, h4, h5, h6, a:hover{
  color: #671132;
}
@media( max-width: 991px ){
  .overlayCollapse{
    background-color: #671132;
    padding: 0;
  }
  .overlayCollapse.show{
    padding: 15px 0;
  }
  #bar .overlayCollapse li a{
    color: <?php echo $white ?>;
  }
}
/* ====== NAVIGATION END ====== */

/* ====== FOOTER ====== */
.purpleBg{
  background-color: #671132;
  color: white!important;
}
.footer{
  background-color: #efefef;
  color: #671132!important;
}
.footer a, .footer a:hover, .footer a:active, .footer a:focus{
  color: #671132;
}
footer .wpcf7-form-control{
  background: transparent!important;
  border: 0!important;
  border-bottom: solid 1px white!important;
  color: white!important;
}
footer .wpcf7-form-control::placeholder{
  color: white!important;
}
/* ====== FOOTER END ====== */

/* ====== FORM ====== */
.wpcf7-form-control.wpcf7-submit, .nf-form-content button, .nf-form-content input[type=button], .nf-form-content input[type=submit]{
  background: #671132!important;
  color: white!important;
  border: 0!important;
}
.wpcf7-form-control.wpcf7-submit:hover, .nf-form-content button:hover, .nf-form-content input[type=button]:hover, .nf-form-content input[type=submit]:hover{
  background: white!important;
  color: #671132!important;
}
/* ====== FORM END ====== */

/* ====== CALL TO ACTION ====== */
#callToAct{
	position: fixed;
	right: 0;
	top: 50%;
  transform: translate(0, -50%);
	z-index: 500;
}
.callLink{
	display: block;
	margin-bottom: 10px;
	width: 60px;
	height: auto;
}
.primary{
  background-color: #671132;
  color: white!important;
}
.secondary{
  background-color: #e17aa2;
  color: white!important;
}
.primary h1, .primary h2, .primary h3, .primary h4, .primary h5, .primary h6, .primary p, .primary span, .primary a, .primary a:hover, .secondary h1, .secondary h2, .secondary h3, .secondary h4, .secondary h5, .secondary h6, .secondary p, .secondary span, .secondary a, .secondary a:hover{
  color: white!important;
}
.purpleBg p, .purpleBg a, .purpleBg h1, .purpleBg h2, .purpleBg h3, .purpleBg h4, .purpleBg h5, .purpleBg h6{
  color: white!important;
}
.purpleBg{
  z-index: 200;
}
.greyBg{
  background-color: #828282;
  color: white!important;
}
.greyBg p, .greyBg a, .greyBg h1, .greyBg h2, .greyBg h3, .greyBg h4, .greyBg h5, .greyBg h6{
  color: white!important;
}
/* ====== CALL TO ACTION END ====== */

.filterIcon{
  filter: brightness(0) invert(1);
}
.darkOverlay{
  background-color: rgba(103,17,50,.6);
  color: white;
  transition: .3s;
}
.lightOverlay{
  background-color: rgba(229,212,206,.6);
  color: rgb(103,17,50);
  transition: .3s;
}
.darkOverlay p, .lightOverlay p{
  text-transform: uppercase;
  font-weight: 700;
  font-size: 30px;
}
.darkOverlay, .lightOverlay{
  padding-top: 100%;
}
.darkOverlay > .position-absolute, .lightOverlay > .position-absolute{
	width: 75%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.capIcon{
  max-height: 80px;
  padding: 0 auto;
  transition: .3s;
}
.capLink:hover .lightOverlay{
  background-color: rgba(229,212,206,.9);
  transition: .3s;
}
.capLink:hover .darkOverlay{
  background-color: rgba(103,17,50,.9);
  transition: .3s;
}
.capLink:hover .lightOverlay .capIcon, .capLink:hover .darkOverlay .capIcon{
  transform: rotate(360deg);
  transition: .3s;
}

@media screen and ( max-width:1200px ){
	.darkOverlay p, .lightOverlay p{
	  font-size: 24px;
	}
}

@media screen and ( max-width: 992px ){
	.darkOverlay p, .lightOverlay p{
	  font-size: 18px;
	}
}