/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
#hero {
  width: 100%;
  height: 100vh;
  background: url("../img/hero.jpg") top right no-repeat;
  background-size: auto;
  background-size: cover;
  position: relative;
}

#hero::before {
  content: "";
  background: rgba(255, 255, 255, 0.5);
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}

@font-face {
	font-family: Fajardose;
	src: url("../fonts/miss-fajardose.regular.ttf") format("truetype");
}

#hero h1 {
	font-family: Fajardose;
	font-size: 110px;
	margin-bottom: 30px;
}

@media (max-width: 992px) {
	#hero h1 {
		line-height: 120px;
	}	
}

.contact .php-email-form button[type=submit] {
  margin-bottom: 25px;
}

.back-to-top {
	bottom: 105px;
}

[type="checkbox"] {
    vertical-align: middle;
}


#shopnews {
  width: 100%;
  height: 100vh;
  background: url("../img/christmas1.jpg") top center no-repeat;
  background-size: auto;
  background-size: cover;
  position: relative;
}

#shopnews::before {
  content: "";
  background: rgba(255, 255, 255, 0.6);
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}

/* --------------------------------------------------------------
Color change - Dark pink #C07D9C
--------------------------------------------------------------*/
.services .iconbox-yellow i {
  color: #C07D9C;
}
.services .iconbox-yellow:hover .icon i {
  color: #fff;
}
.services .iconbox-yellow:hover .icon path {
  fill: #C07D9C;
}

.shop-closed {
  color: #C07D9C;
}

/* --------------------------------------------------------------
Color change - Pale pink #FBDDDF
--------------------------------------------------------------*/

/* --------------------------------------------------------------
Color change - Dark green #9DBBB3
--------------------------------------------------------------*/
a:hover {
  color: #9DBBB3;
}

.services .iconbox-red i {
  color: #9DBBB3;
}
.services .iconbox-red:hover .icon i {
  color: #fff;
}
.services .iconbox-red:hover .icon path {
  fill: #9DBBB3;
}

.contact .info p {
  color: #627973;
}

.contact .php-email-form button[type=submit]:hover {
  background: #9DBBB3;
}
.contact .php-email-form .sent-message {
  display: none;
  color: #fff;
  background: #9DBBB3;
  text-align: center;
  padding: 15px;
  font-weight: 600;
}
.contact .php-email-form .loading:before {
  content: "";
  display: inline-block;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  margin: 0 10px -6px 0;
  border: 3px solid #9DBBB3;
  border-top-color: #eee;
  -webkit-animation: animate-loading 1s linear infinite;
  animation: animate-loading 1s linear infinite;
}
.contact .php-email-form input:focus, .contact .php-email-form textarea:focus {
  border-color: #9DBBB3;
}

#footer .social-links a:hover {
  background: #9DBBB3;
}

.back-to-top:hover {
  background: #9DBBB3;
}

.shop-open {
  color: #9DBBB3;
}
/* --------------------------------------------------------------
Color change - Pale green #E7EEEC
--------------------------------------------------------------*/
.nav-menu a, .nav-menu a:focus {
  background: #E7EEEC;
}

/* --------------------------------------------------------------
Color change - Dim gray #746C6A
--------------------------------------------------------------*/
.services .iconbox-teal i {
  color: #746C6A;
}
.services .iconbox-teal:hover .icon i {
  color: #fff;
}
.services .iconbox-teal:hover .icon path {
  fill: #746C6A;
}

.about img {
	border: 4px solid #746C6A;
}
/* --------------------------------------------------------------
Text selection color
--------------------------------------------------------------*/
::-moz-selection { /* Code for Firefox */
  color: #FBDDDF;
  background: #9DBBB3;
}

::selection {
  color: #FBDDDF;
  background: #9DBBB3;
}

/* ----------------------------------------------------
GDPR 
----------------------------------------------------*/	
.gdpr h1 {
	color: #746C6A;
}
.gdpr h4 {
	color: #746C6A;
}
.gdpr p {
	color: #746C6A;
}
.gdpr .list-item::before {
	content: "●";
	margin-right: 0.75rem;
}

/* ----------------------------------------------------
Cookie policy
----------------------------------------------------*/
.btn-primary {
	background-color: #9DBBB3;
	border-color: #9DBBB3;
}
.btn-primary:hover {
	background-color: #C07D9C;
	border-color: #C07D9C;
}

.d-flex {
	justify-content: center;
}