/*
Theme Name: First Theme
Theme URI: https://firstinternet.co.uk
Description: Child theme for Botiga
Author: First Internet
Template: botiga
Version: 1.0.0
Text Domain: botiga-child
*/

.background.teal {
	background-color: #B5EDF0!important;
}

html:lang(en-US) footer .bhfb-row-wrapper.bhfb-main_footer_row {
	display: none;
}

html:lang(en-US) footer .bhfb-below_footer_row {
	background-color: #04764f !important;
	padding-top: 25px;
	font-family: 'Anton', sans-serif;
    letter-spacing: .7px;
    font-weight: 400;
    color: #FFF;
}

html:lang(en-US) .top-bar-secondary-navigation {
	display: none;
}

.hmpg-video {
	box-shadow: 0px 10px 23px 0px rgba(0, 0, 0, 0.3);
}

.fi-category-banner {
    width: 100vw;
    margin-left: calc(50% - 50vw);
}

.fi-category-banner img {
    width: 100%;
    height: auto;
    display: block;
}

.wtb-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 16px;
	align-items: center;
	justify-items: start;
}

.wtb-grid .wtb-item {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 5px;
	border: 1px solid rgba(0, 0, 0, 0.08);
	border-radius: 0;
	background: #fff;
	text-decoration: none;
}

.wtb-grid .wtb-item img {
	max-width: 100%;
	height: auto;
	max-height: 80px;
	object-fit: contain;
}

.wtb-grid .wtb-item:hover, .wtb-grid .wtb-item:focus {
	outline: none;
	box-shadow: none;
}

@media (max-width: 768px) {
	.wtb-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 480px) {
	.wtb-grid {
		grid-template-columns: 1fr;
	}
}

.wtb-title {
    grid-column: 1 / -1;   /* span all columns */
    margin: 0 0 16px;
}

.wtb-items {
    grid-column: 1 / -1;   /* keep buttons on the next row too */
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* or whatever you want for the buttons */
    gap: 16px;
    align-items: center;
    justify-items: start;
}

h3.bv-reviews-heading {
    text-align: center !important;
}


h3 .wp-block-accordion-heading__toggle-title,
h3.product-sizes__title {
	font-size: 20px !important;
}

.wp-block-accordion-heading__toggle:hover .wp-block-accordion-heading__toggle-title {
	text-decoration: none !important;
}

.wp-block-accordion-panel {
	margin-block-start: 0;
}

.related.products h2 {
	text-align: center !important;
}

.related.products h2.woocommerce-loop-product__title a.botiga-wc-loop-product__title {
	font-size: 18px !important;
	color: #013c4c !important;
}

.related.products>.products {
	border-top: none !important;
    padding-top: 0 !important;
    margin-top: 0 !important;
}

ul.products li.product>* {
    margin-bottom: 0 !important;
}

.copyright-area p,
.copyright-area p a,
.copyright-area p a:hover {
	color: #777777 !important;
	font-family: Anton, sans-serif;
	font-size: 17px;
	line-height: 24px;
}

/*===============================
Header Styles
=================================*/

@media (min-width: 1025px) {
    .bhfb-row.bhfb-cols-layout-fluid-desktop.bhfb-cols-3 {
        grid-template-columns: auto 1fr auto;
    }
}

.botiga-dropdown .ws-svg-icon {
    width: 16px !important;
    height: 16px !important;
    margin-top: -12px !important;
}

.botiga-dropdown .menu-item a {
    padding: 6px 10px 6px 20px !important;
}

.social-area {
	padding-left: 25px;
}

.social-area .widget {
    margin: 0 0 0 !important;
    padding-bottom: 0 !important;
}

#secondary a.botiga-mega-menu-link img {
	vertical-align: middle !important;
}

li#menu-item-2552-en {
	display: none;
}

.entry-header {
	padding-top: 60px;
}

.hyrox-content h2.woocommerce-loop-product__title a {
	font-size: 18px !important;
	color: #013c4c!important;
}

h2.woocommerce-loop-product__title {
	font-size: 18px !important;
	color: #013c4c !important;
}

/*===============================
FAQS Styles
=================================*/

.faqs-section h3 .wp-block-accordion-heading__toggle-title {
	font-size: 27px !important;
}

.faqs-section .wp-block-accordion-item {
    border-bottom: 1px solid #e0dada;
}

.faqs-section .wp-block-accordion-panel {
	padding: 20px 15px;
}

.single-product .faqs-section p {
	margin-block-start: 0px;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/*===============================
Contact Form Styles
=================================*/

.gform_wrapper form.contact-us-form .ginput_container input,
.gform_wrapper form.contact-us-form .ginput_container select,
.gform_wrapper form.contact-us-form .ginput_container textarea {
	border-radius: 5px !important;
	background: #FFF;
	color: #013C4C;
	font-size: 1.5rem;
	border: 2px solid #D8D8D8;
	font-family: 'Anton', sans-serif;
	letter-spacing: 0.5px;
}

.gform_wrapper form.contact-us-form .ginput_container select {
	padding-top: 10px;
}

.gform_wrapper form.contact-us-form label.gfield_label {
	color: #924c96;
	font-weight: normal;
	color: #013C4C;
	font-size: 1.6rem;
	border: none !important;
	font-family: 'Anton', sans-serif;
	letter-spacing: 0.6px;
}

.gform_wrapper form.contact-us-form ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #013C4C;
	opacity: 1
}

.gform_wrapper form.contact-us-form :-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #013C4C;
}

.gform_wrapper form.contact-us-form ::-ms-input-placeholder { /* Microsoft Edge */
	color: #013C4C;
}

.gform_wrapper form.contact-us-form .ginput_container input:focus,
.gform_wrapper form.contact-us-form .ginput_container select:focus,
.gform_wrapper form.contact-us-form .ginput_container textarea:focus {
	border: 2px solid #013C4C;
}

.gform_wrapper form.contact-us-form .ginput_container input,
.gform_wrapper form.contact-us-form .ginput_container select {
	height: 60px;
}

.gform_wrapper form.contact-us-form .ginput_container input#input_1_4_1 {
	height: 20px;
}

.gform_wrapper form.contact-us-form .marketingData input {
	height: auto;
}

.gform_wrapper form.contact-us-form .marketingData .ginput_container {
	margin-bottom: 30px;
}

.gform_wrapper .top_label li.gfield.gf_left_half,
.gform_wrapper .top_label li.gfield.gf_right_half {
	vertical-align: bottom;
}

.gform_wrapper li.hidden_label input {
	margin-top: 0px;
}

.gform_wrapper form.contact-us-form .gfield.marginB0 {
	margin-bottom: 0;
}

.gform_wrapper form.contact-us-form .gform_footer .gform_button,
.gform_wrapper form.contact-us-form .gform_footer .et_pb_section .gform_button {
	line-height: normal!important;
	padding: 10px 30px!important;
	font-family: 'Anton', sans-serif!important;
	letter-spacing: 0.5px!important;
	font-weight: normal !important;
	font-size: 20px!important;
	background: #169B70 !important;
	color: #FFF !important;
	border: 2px solid #169B70 !important;
	box-shadow: 0 5px 7.83px 1.17px rgba(0,0,0,.11)!important;
	border-radius: 0px !important;
	text-align: center !important;
	width: 30% !important;
}

.gform_wrapper form.contact-us-form .gform_footer .gform_button:hover,
.gform_wrapper form.contact-us-form .gform_footer .et_pb_section .gform_button:hover {
	background: #FFF !important;
	color: #169B70 !important;
	border: 2px solid #169B70 !important;
}

/*===============================
Shop Styles
=================================*/

.header-drop-shadow h2,
.header-drop-shadow h1 {
	text-shadow: 0 1px 3px rgba(0, 0, 0, .3);
}


.shop-banner {
    width: 100%;
    background: #f5f5f5;
    padding: 3rem 2rem;
    margin-bottom: 2rem;
    text-align: center;
}

.shop-banner h1 {
    font-size: 2rem;
    margin: 0;
}

footer h5 {
	color: #ffffff !important;
}

.woocommerce-sorting-wrapper {
	display: none;
}

#sb_instagram .sbi_follow_btn a {
	border-radius: 0 !important;
	padding: 13px 40px !important;
	font-size: 20px !important;
	font-family: 'Anton', sans-serif !important;
}

#sb_instagram .sbi_follow_btn a:hover {
	background: #02a77f !important;
}

#sb_instagram .sbi_follow_btn svg {
    font-size: 20px !important;
    margin-bottom: 1px !important;
    margin-right: 10px !important;
}


#onetrust-banner-sdk #onetrust-button-group {
    flex-direction: row !important;
}

#onetrust-consent-sdk #onetrust-banner-sdk *:focus,
#onetrust-consent-sdk #onetrust-banner-sdk:focus {
    outline-color: transparent !important;
    outline-width: 0px !important;
}

#onetrust-consent-sdk #onetrust-pc-btn-handler,
#onetrust-consent-sdk #onetrust-pc-btn-handler.cookie-setting-link,
#onetrust-consent-sdk #ot-dialog-cancel-handler {
	color: #000000 !important;
	border-color: #ffffff !important;
	background-color: #FFFFFF !important;
}

html:lang(en-AU) .category-content,
html:lang(id-ID) .category-content {
	background-image: linear-gradient(180deg, #F7D314 0%, #29c4a9 100%) !important;
}

#primary-menu .pll-parent-menu-item {
	display: none;
}

@media (max-width: 768px) {
	.bhfb-footer .bhfb-row-wrapper {
		padding-top: 30px;
	}

	.footer-widget img {
		width: 100px !important;
	}

	.wtb-items {
    	grid-template-columns: repeat(2, 1fr);
	}

	#primary-menu .pll-parent-menu-item {
		display: block;
	}

	#primary-menu .pll-parent-menu-item img {
		vertical-align: middle;
	}

	.botiga-offcanvas-menu {
		padding: 60px 15px 30px 0;
		max-width: 768px;
	}

	.bhfb .sub-menu.botiga-dropdown-ul,
	.bhfb .sub-menu.botiga-dropdown-ul li.botiga-dropdown-li {
		background-color: #fff !important;
	}

	li.menu-item-2935-en,
	li.menu-item-2936-en,
	li.menu-item-2937-en {
		display: none !important;
	}

	.bhfb-mobile_offcanvas .mobile-menu-close {
    	top: 25px;
    	right: 3px;
	}

	.botiga-dropdown .menu-item a {
		font-family: 'Anton', sans-serif;
		font-size: 18px;
	}

	.site-main.no-sidebar {
	    padding-left: 0 !important;
	    padding-right: 0 !important;
	}

	.athemes-blocks-block-container-wrapper {
		padding-right: 0 !important;
		padding-left: 0 !important;
	}

	.wp-block-media-text>.wp-block-media-text__content {
		padding: 0 !important;
	}

	.gform_wrapper form.contact-us-form .gform_footer .gform_button,
	.gform_wrapper form.contact-us-form .gform_footer .et_pb_section .gform_button {
		width: 100% !important;
	}
}