/*
Theme Name:    Web.com Agency
Version:       1.0.1
Author:        Web.com UK
Author URI:    https://uk.web.com
Template:      bb-theme
License:       GNU General Public License v2 or later
License URI:   http://www.gnu.org/licenses/gpl-2.0.html
*/

/*** Header ***/

/* Search */

.header-search .uabb-search-form.uabb-search-form-input .icon {
	left: 0px;
	margin: 0px;
	bottom: 10px;
}

.header-search input.uabb-search-text {
	padding-left: 24px!important;
}

.header-cta {
	font-size: 14px;
	line-height: 24px;
	text-align: left;
}

/*** Gravity Forms ***/

.ginput_container.ginput_container_consent {
    display: flex;
    align-items: flex-start;
}

.gform_wrapper.gravity-theme .gfield input {
	margin-right: 8px;
}

label.gform-field-label.gform-field-label--type-inline.gfield_consent_label {
    font-size: 14px;
    line-height: 19px;
    font-weight: 400;
}

p.gform_required_legend {
    display: none;
}

.gform_wrapper.gravity-theme .gform_validation_errors {
	display: none;
}

.gform_wrapper div.gfield.gfield_error {
    margin-top: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    background-color: transparent;
    border-top: 0px solid #C89797;
    border-bottom: 0px solid #C89797;
}

.form-heading-column {
    backdrop-filter: blur(5px);
}

/*** Blog Post Grid ***/

.blog-post-grid {
    background: #fff;
    padding: 24px;
	border-bottom: 4px solid #828282;
}

h2.blog-post-grid-title {
    font-size: 36px;
    line-height: 46px;
    margin: 8px 0px 16px 0px;
}

.blog-post-grid-terms {
    margin: 0px;
    background: #181818;
    padding: 2px 8px;
	width: fit-content;
	transition: 0.3s all ease;
}

.blog-post-grid-terms:hover {
	background: #828282;
}

.blog-post-grid-terms a {
	color: #fff;
	font-size: 12px;
	font-weight: 500;
	line-height: 12px;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 2px;
}

.blog-post-grid-meta {
    font-size: 14px;
    line-height: 19px;
    margin: 0px;
}

.blog-post-grid-image {
    margin: 16px 0px 24px 0px;
}

.blog-post-grid-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.blog-post-grid-excerpt p {
    margin-bottom: 24px;
}

.blog-post-grid-button {
    border: 2px solid #000!important;
    background: #fff;
	width: fit-content;
	font-size: 15px;
	font-weight: 500;
    line-height: 15px;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-align: center;
	padding: 12px 24px;
	transition: 0.3s all ease;
}

.blog-post-grid-button a {
	color: #181818;
}

.blog-post-grid-button:hover {
	background: #181818;
}

.blog-post-grid-button:hover a {
	color: #fff;
}

/* Comments */

.fl-comments {
    margin-top: 0px;
}

.fl-comments-list .comment-content {
    border: 0px;
    padding: 15px 15px 5px 15px;
    border-bottom: 2px solid #828282;
    background: #fff;
}

p.comment-moderation {
    font-style: italic;
}

h2.fl-comments-list-title {
    margin: 0px;
    font-size: 24px;
    line-height: 34px;
}

form#fl-comment-form label {
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
}

form#fl-comment-form textarea#fl-comment,
form#fl-comment-form input#fl-email,
form#fl-comment-form input#fl-author,
form#fl-comment-form input#fl-url {
    border-radius: 0px;
    border: none;
	box-shadow: none;
}

input#fl-comment-form-submit {
    border-radius: 0px;
    padding: 16px 24px;
    font-size: 15px;
    line-height: 15px;
    text-transform: uppercase;
    letter-spacing: 2px;
    border: none;
    background-color: #181818;
	transition: 0.3s all ease;
}

input#fl-comment-form-submit:hover {
    background-color: #828282;
	color: #fff;
}



@media only screen and (max-width: 1199px) {

.blog-post-grid {
    padding: 16px;
	border-bottom: 2px solid #828282;
}
	
h2.blog-post-grid-title {
    font-size: 24px;
    line-height: 34px;
}
}

@media only screen and (max-width: 767px) {

.blog-post-grid {
    padding: 15px;
}
}

/*** Blog Post Related ***/

.blog-post-related {
    padding-bottom: 24px;
	border-bottom: 1px solid #828282;
}

h2.blog-post-related-title {
    font-size: 20px;
    line-height: 30px;
    margin: 0px 0px 8px 0px;
}

/* Archive Filter */

.archive-filter h2.widgettitle {
    font-size: 24px;
    line-height: 29px;
    margin: 0px;
	border-bottom: 1px solid #828282;
    padding-bottom: 16px;
}

.archive-filter ul {
    margin-top: 16px;
    margin-bottom: 0px;
    font-size: 14px;
    line-height: 19px;
}

/***** Product Carousel & Product Grid *****/

/*** Product Carousel ***/

.product-image {
	width: 100% !important;
    display: flex;
    height: 450px;
	background-position: center!important;
	background-size: cover!important;
}

.product-brand {
    font-size: 16px;
    line-height: 21px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.product-title {
    margin: 16px 0px 24px 0px;
    font-family: 'Playfair Display';
    font-size: 16px;
    line-height: 21px;
    color: #181818;
}

.product-meta {
    padding-top: 24px;
    text-align: center;
}

.product-price,
.product-price span.price {
    font-size: 16px!important;
    line-height: 21px!important;
    font-weight: 300!important;
	color: #181818!important;
}

@media only screen and (max-width: 1199px) {
	
.product-image {
    height: 350px;
}
}

@media only screen and (max-width: 767px) {
	
.product-image {
    height: 380px;
}

.brand-category-carousel .pp-category {
	margin-right: 0%!important;
	margin-bottom: 5%!important;
}
}

/*** Single Product ***/

/* Gallery */

a.woocommerce-product-gallery__trigger {
    display: none;
}

/* Price */

table.variations,
form.variations_form.cart {
    margin: 0px !important;
}

td.value {
    padding-bottom: 16px !important;
}

.woocommerce div.product form.cart .variations label,
.wcrp-rental-products-rental-dates-wrap label {
    text-align: left;
    font-size: 15px;
    line-height: 15px;
    font-weight: 500!important;
	text-transform: capitalize;
}

.litepicker .container__days .day-item.is-start-date,
.litepicker .container__days .day-item.is-end-date {
	background: #181818;
}

.litepicker .container__days .day-item.is-in-range {
	background: #ccc;
}

.litepicker .container__days .day-item:hover {
	box-shadow: inset 0 0 0 1px #181818;
}

.litepicker .container__days .day-item:hover {
	color: #828282;
}

.woocommerce div.product form.cart .variations select {
	padding: 6px;
	border-radius: 0px;
}

.wcrp-rental-products-rental-dates,
.woocommerce .quantity input.qty {
    border-radius: 0px !important;
}

button.single_add_to_cart_button.button.alt,
button.single_add_to_cart_button.button.alt.disabled.wc-variation-selection-needed,
a.button.wc-forward,
.woocommerce table.cart td.actions .button:disabled,
.woocommerce-page table.cart td.actions .button:disabled,
.woocommerce-page table.cart td.actions .button {
	background: transparent!important;
	color: #181818!important;
	padding: 16px 24px!important;
	font-size: 15px!important;
	line-height: 15px!important;
	font-weight: 500!important;
	text-transform: uppercase!important;
	letter-spacing: 2px!important;
	border-radius: 0px!important;
	border: 2px solid #181818;
	transition: 0.3s all ease;
}

button.single_add_to_cart_button.button.alt:hover,
button.single_add_to_cart_button.button.alt.disabled.wc-variation-selection-needed:hover,
a.button.wc-forward:hover,
.woocommerce table.cart td.actions .button:hover,
.woocommerce-page table.cart td.actions .button:hover {
	background: #181818!important;
	color: #fff!important;
	border-radius: 0px!important;
	border: 2px solid #181818!important;
}

.woocommerce table.cart td.actions .coupon .button {
	padding: 6px !important;
	text-transform: capitalize !important;
	letter-spacing: 0px !important;
	border: none;
}

.woocommerce table.cart td.actions .coupon .button:hover {
	padding: 6px!important;
	border: none!important;
}

input#coupon_code {
    border-radius: 0px;
}

form.checkout_coupon.woocommerce-form-coupon button {
    border-radius: 0px !important;
    height: 40px;
    border: none;
    text-transform: capitalize !important;
    font-size: 15px !important;
    line-height: 15px !important;
	background: transparent!important;
	color: #181818!important;
	border: none!important
}

form.checkout_coupon.woocommerce-form-coupon button:hover {
	background: #181818!important;
	color: #fff!important;
}

.fl-theme-builder-woo-notices.fl-row.fl-row-fixed-width {
    display: none;
}

/*** Facets ***/

.facetwp-facet {
	margin-bottom: 0px!important;
}

select.facetwp-sort-select {
    width: 100%;
	border: 2px none #181818;
	padding: 12px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
	height: 44.5px;
	border-radius: 0px;
}

/* select.facetwp-sort-select:hover {
    background: #181818;
    color: #fff;
} */

.facetwp-facet.facetwp-type-checkboxes {
    font-size: 14px!important;
	line-height: 19px!important;
}

h4.mobile-filter-heading {
    font-size: 14px;
    line-height: 24px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 500;
}

/*** Timeline Module ***/

.how-it-works-timeline .pp-timeline .pp-timeline-content-wrapper .pp-timeline-item {
	margin-bottom: 0px;
}

.how-it-works-timeline .pp-timeline .pp-timeline-content-wrapper .pp-timeline-item .pp-timeline-content p {
	margin-bottom: 0px;
}

@media only screen and (max-width: 1199px) {

.pp-timeline-icon,
.pp-timeline .pp-timeline-content-wrapper:after {
    display: none !important;
}
	
.pp-timeline .pp-timeline-content-wrapper .pp-timeline-item .pp-timeline-content {
	width: 100%;
}
	
.pp-timeline-content-wrapper:before {
	border-right-width: 0px!important;
}