/*!
Theme Name: CBD
Theme URI: https://www.cbwebsitedesign.co.uk/
Author: Creative Brand Design
Author URI: https://www.cbwebsitedesign.co.uk/
Description: Creative Brand Design
Version: 6.2
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: cbd
*/

.header__logo img {
	height: auto;
}

.menu__logo > img {
	width: auto;
}

.admin-bar .header {
	top: 32px;
}

.admin-bar .wrapper > main {
	margin-top: 32px;
}

@media (max-width: 991px) {
	.admin-bar .menu__body {
		top: 32px;
		height: calc(100% - 32px);
	}
}

@media (max-width: 782px) {
	.admin-bar .header {
		top: 46px;
	}
	.admin-bar .wrapper > main {
		margin-top: 46px;
	}
	.admin-bar .menu__body {
		top: 46px;
		height: calc(100% - 46px);
	}
}

@media (max-width: 600px) {
	#wpadminbar {
		position: fixed;
	}
}

h1.banner__title {
	font-size: 2rem;
    line-height: 1.2;
    letter-spacing: 0.675rem;
}

.subscribe-form {
	max-width: 20rem;
}

.subscribe-form form {
	position: relative;
}

.subscribe-form .gform_validation_errors {
	display: none;
}

.subscribe-form .gform_ajax_spinner {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

.subscribe-form .gform_required_legend {
	display: none;
}

.subscribe-form .gform_wrapper.gravity-theme .gform_footer {
	margin: 0;
	padding: 0;
}

.subscribe-form .gform_wrapper.gravity-theme .gfield input {
	display: block;
	outline: none;
	border: 0.0625rem solid #fff;
	width: 3.4375rem;
	min-width: 20rem;
	padding: 0.9375rem 5.125rem 0.9375rem 1.75rem;
	background-color: #fff;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.625;
	letter-spacing: 0.05rem;
	color: #000;
}

.subscribe-form .gform_wrapper.gravity-theme input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) {
	line-height: inherit;
	min-height: 100%;
}

.subscribe-form .gform_wrapper.gravity-theme .gfield input::placeholder {
	color: rgba(0, 0, 0, 0.4);
}

.subscribe-form .gform_wrapper.gravity-theme .gform_footer {
	height: 3.615rem;
	position: absolute;
	right: 0;
	top: 0;
}

.subscribe-form .gform_wrapper.gravity-theme .gform_footer button {
    display: flex;
    align-items: center;
    justify-content: center;
	border: none;
	width: 3.4375rem;
	height: 100%;
	background-color: #fff;
	color: #000;
	cursor: pointer;
	transition: background-color 0.35s, color 0.35s;
	margin: 0;
	padding: 0;
	font-size: 0;
}

.subscribe-form .gform_wrapper.gravity-theme .gform_footer button:before {
	content: "\e918";
	font-family: "icomoon";
	font-size: 1rem;
	font-weight: 700;
	position: absolute;
}

.subscribe-form .gform_wrapper.gravity-theme .gform_footer button:hover {
	background-color: #000;
	color: #fff;
}

.form .gform_required_legend {
	display: none;
}

.form .gform_wrapper.gravity-theme .gform_validation_errors {
	padding: 16px;
	border-radius: 0;
}

.form .gform_wrapper.gravity-theme .gform_validation_errors>h2 {
	text-transform: none;
	letter-spacing: inherit;
}

.form .gform_wrapper.gravity-theme .gform_validation_errors>h2 .gform-icon {
	display: none;
}

.form .gform_wrapper.gravity-theme .gform_fields {
	grid-column-gap: calc(30 / var(--media-breakdown));
	grid-row-gap: 1rem;
}

.form .gform_wrapper.gravity-theme .gfield input,
.form .gform_wrapper.gravity-theme .gfield textarea,
.form .gform_wrapper.gravity-theme .gfield select {
  outline: none;
  border: 0.0625rem solid rgba(34, 34, 34, 0.9);
  width: 100%;
  padding: 0.9375rem 1.875rem;
  background-color: rgba(34, 34, 34, 0.9);
  font-size: 1rem;
  line-height: 1.625;
  letter-spacing: 0.05rem;
  color: #fff;
  resize: none;
  transition: all 0.35s ease;
}

.form .gform_wrapper.gravity-theme .gfield input::placeholder,
.form .gform_wrapper.gravity-theme .gfield textarea::placeholder,
.form .gform_wrapper.gravity-theme .gfield select::placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.form .gform_wrapper.gravity-theme .gfield input:hover,
.form .gform_wrapper.gravity-theme .gfield textarea:hover,
.form .gform_wrapper.gravity-theme .gfield select:hover {
	border-color: #daa520;
}

.form .gform_wrapper.gravity-theme .gfield input:focus,
.form .gform_wrapper.gravity-theme .gfield textarea:focus,
.form .gform_wrapper.gravity-theme .gfield select:focus {
	box-shadow: 0 0 0 0.125rem #000;
}

.form .gform_wrapper.gravity-theme .gform_footer {
	position: relative;
	margin: 1.5rem 0 0;
	padding: 0;
	justify-content: center;
}

.form .gform_wrapper.gravity-theme .gform_footer button {
	margin: 0;
}

.form .gform_ajax_spinner {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

.pagination .nav-links {
    display: flex;
    align-items: center;
    margin: -0.25rem -0.5rem;
}

.pagination .page-numbers {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0.25rem;
    min-width: 2.25rem;
    padding: 0.125rem;
    font-size: 1rem;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.5);
    transition: background-color 0.35s, color 0.35s;
}

.pagination .current,
.pagination a.page-numbers:not(.prev, .next):hover {
	color: #daa520;
}

.pagination .prev, 
.pagination .next {
	position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0.0625rem solid #daa520;
    width: 5.3125rem;
    height: 3rem;
    color: #daa520;
    transition: background-color 0.35s, color 0.35s;
    font-size: 0;
}

.pagination .prev:hover, 
.pagination .next:hover {
	background-color: #daa520;
	color: #fff;
}

.pagination .prev {
	margin-right: 1.5rem;
}

.pagination .next {
	margin-left: 1.5rem;
}

.pagination .prev:before,
.pagination .next:before  {
    content: "\e920";
    font-family: "icomoon";
    font-size: 0.5rem;
}

.pagination .prev:before {
    transform: rotate(180deg);
}

.toggle__btn {
	text-transform: uppercase;
}

.category-card__title {
	text-transform: uppercase;
}

.menu__body > ul > li.current-menu-item > a {
	color: #daa520;
}
.hero-block__bg{
	transition: 10s;
}
.swiper-slide-active .hero-block__bg{
  animation: scaleSlider 10s;
}
@keyframes scaleSlider{
  0% {
    transform: scale(1);
  }
  50%{
    transform: scale(1.1);
  }
  1o0%{
    transform: scale(1);
  }
}