/*
Theme Name:		Mas Sainte Berthe
Theme URI:		https://www.massainteberthe.com/
Description:	Mas Sainte Berthe theme (Sydney child)
Author:			Amber Creative
Author URI:		https://www.ambercreatives.com/
Template:		sydney
Version:		1.0.0
License:		GNU General Public License v2 or later
License URI:	http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:	massainteberthe
*/

/* –––– FONTS –––– */
/* –––– COLORS –––– */
/* –––– GENERAL –––– */
/* –––– HEADER/NAVIGATION –––– */
/* –––– FIXED NAVIGATION/OFFSET –––– */
/* –––– FOOTER –––– */
/* –––– ORDER FORM PLUGIN –––– */
/* –––– VINCOD PLUGIN –––– */
/* –––– RESPONSIVE –––– */
/* –––– WP ADMIN BAR FIX –––– */
/* –––– DISABLE HOVER STATE ON TOUCH DEVICES –––– */

/* –––– FONTS –––– */

@import url("https://use.typekit.net/gjc5qep.css");

/* 

Brandon Grotesque Regular
font-family: brandon-grotesque, sans-serif;
font-weight: 400;
font-style: normal;

Brandon Grotesque Regular Italic
font-family: brandon-grotesque, sans-serif;
font-weight: 400;
font-style: italic;

Brandon Grotesque Medium
font-family: brandon-grotesque, sans-serif;
font-weight: 500;
font-style: normal;

Brandon Grotesque Bold
font-family: brandon-grotesque, sans-serif;
font-weight: 700;
font-style: normal;

*/

/* –––– COLORS –––– */

:root {
	--msb-black: #3a3a3a;
	--msb-dark-maroon: #752e4a;
	--msb-gold: #dfa358;
	--msb-light-maroon: #90576e;
	--msb-white: #ffffff;
}

.has-black-background-color {
	background-color: var(--msb-black);
}

.has-black-color {
	color: var(--msb-black);
}

.has-dark-maroon-background-color {
	background-color: var(--msb-dark-maroon);
}

.has-dark-maroon-color {
	color: var(--msb-dark-maroon);
}

.has-gold-background-color {
	background-color: var(--msb-gold);
}

.has-gold-color {
	color: var(--msb-gold);
}

.has-light-maroon-background-color {
	background-color: var(--msb-light-maroon);
}

.has-light-maroon-color {
	color: var(--msb-light-maroon);
}

.has-white-background-color {
	background-color: var(--msb-white);
}

.has-white-color {
	color: var(--msb-white);
}

/* –––– GENERAL –––– */

* {
	-webkit-tap-highlight-color: transparent;
}

*:focus {
	outline: none !important;
}

.alignleft {
	margin-bottom: 1.5em;
	margin-right: 1.5em;
}

.content-area .hentry {
	padding-bottom: 0;
}

.content-wrapper {
	overflow-x: unset;
	overflow-y: unset;
}

.edit-link {
	display: none;
}

.entry-content > * {
	margin-bottom: 0px;
}

.entry-content > p {
	margin-bottom: 20px;
}

.entry-content h2 {
	margin-top: 0 !important;
}

.entry-title a {
	color: var(--msb-black);
}

.full-width-section {
	left: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
	position: relative;
	right: 50%;
	width: 100vw;
}

.image-bleed-right {
	position: absolute;
}

.no-margin-top {
	margin-top: 0 !important;
	padding: 0 !important;
}

.page .entry-header,
.single .entry-header {
	margin-bottom: 0;
}

.page .page-wrap .content-wrapper,
.single .page-wrap .content-wrapper {
	padding-bottom: 0;
	padding-top: 0;
}

.page-wrap .content-wrapper {
	padding-bottom: 30px;
	padding-top: 30px;
}

.post-align-left {
	padding: 0 !important;
}

.wp-block-columns {
	margin: 0;
}

.wp-block-group.has-background {
	padding: 30px;
}

.wp-block-image {
	margin: 0;
}

a {
	-moz-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	-webkit-transition: all 0.1s ease-in-out;
	text-decoration: none;
	transition: all 0.1s ease-in-out;
}

address {
	font-style: normal;
	margin: 0 0 20px;
}

b, strong {
	font-weight: 700;
}

body, button, input, textarea {
	color: var(--msb-black);
	font-family: brandon-grotesque, Arial, sans-serif;
	line-height: 2;
	text-rendering: optimizeLegibility;
}

body:not(.elementor-page):not(.panel-layout) .entry-content h2, 
body:not(.elementor-page):not(.panel-layout) .entry-content h3, 
body:not(.elementor-page):not(.panel-layout) .entry-content h4, 
body:not(.elementor-page):not(.panel-layout) .entry-content h5, 
body:not(.elementor-page):not(.panel-layout) .entry-content h6 {
	margin-bottom: 30px;
	margin-top: 30px;
}

button, .roll-button, a.button, .wp-block-button__link, 
input[type="button"], input[type="reset"], input[type="submit"] {
	letter-spacing: 2px !important;
	padding-bottom: 12px !important;
	padding-top: 12px !important;
}

div.wp-block-column.gold-border-left {
	border-left: 1px solid var(--msb-gold);
	padding-left: 2em;
}

form {
	margin-bottom: 15px;
}

h1, h2, h3, h4, h5, h6 {
	font-family: brandon-grotesque, Arial, sans-serif;
	font-weight: 700;
	letter-spacing: 2px !important;
	line-height: 1.4;
	margin-top: 30px;
	margin: 0 0 10px;
	text-rendering: optimizeLegibility;
}

h1, .alpha {
	font-size: 25px;
	letter-spacing: 0;
	line-height: 1.2;
}

h2, .beta {
	font-size: 15px;
	letter-spacing: 0;
	line-height: 1.2;
}

h2#hors-de-france-nos-importateurs {
	color: var(--msb-gold);
}

hr {
	background-color: transparent;
}

html {
	scroll-behavior: scroll;
}

img {
	border-radius: 0;
}

input[type="search"] {
	font-size: 17px;
}

p {
	line-height: 2;
	margin: 0 0 15px;
}

ul, ol {
	margin: 0 0 15px 0;
	padding: 0px 0 0 20px;
}

/* –––– HEADER/NAVIGATION –––– */

#mainnav > div > ul, .header-wrap .fw-menu-container > .row, .header-wrap .container > .row {
	justify-content: space-between;
}

#mainnav li {
	padding: 26px 0 0;
}

#mainnav ul li a {
	font-weight: 700;
}

#masthead-mobile svg {
	fill: var(--msb-dark-maroon);
	height: 30px;
	transform: scale(1, 0.6);
	width: 45px;
}

.container,
.container-fluid {
	margin: 0 auto;
	max-width: 1200px;
	padding-left: 30px;
	padding-right: 30px;
	width: 100%;
}

.header-elements svg {
	height: 30px;
	max-height: 30px;
	width: 60px;
}

.main-header #mainnav > div > ul#contact-menu {
	display: flex;
	justify-content: flex-end;
}

.main-header #mainnav > div > ul#contact-menu li {
	border-bottom: 1px solid var(--msb-gold);
	margin-left: 40px;
	padding-top: 1px;
}

.main-header #mainnav > div > ul#contact-menu li a {
	color: var(--msb-gold);
}

.main-header #mainnav > div > ul#contact-menu li:hover {
	border-bottom: 1px solid transparent;
}

.main-header .site-title a, .main-header .site-description, .main-header #mainnav .menu > li > a, .main-header .header-contact a {
	letter-spacing: 1px;
}

.menu-item {
	color: var(--msb-dark-maroon);
}

.menu-right {
	margin-left: 10px;
	margin-right: -30px;
}

.mobile-header {
	position: sticky;
	top: 0;
	width: 100%;
}

.mobile-header .align-right {
	flex: 0 0 30%;
	max-width: 30%;
}

.site-logo {
	height: 86px;
	width: auto;
}

.sydney-offcanvas-menu .site-branding {
	display: none;
}

.sydney-offcanvas-menu svg,
.sydney-offcanvas-menu .dropdown-symbol .sydney-svg-icon svg {
	height: 34px;
	max-height: none;
	width: 34px;
}

.sydney-svg-icon {
	height: 30px;
	width: 45px;
}

.sydney-svg-icon.icon-cancel {
	height: 30px;
	width: 30px;
}

div.col-sm-4.col-grow-mobile {
	flex: 0 0 70%;
	max-width: 70%;
}

/* –––– FIXED NAVIGATION/OFFSET –––– */

#contact {
	scroll-margin: 117px;
}

.hentry .title-post,
.landing-page-section-titles,
h1:not(.site-title) {
	font-size: 28px !important;
	line-height: 1.2;
	margin: 0;
	padding-top: 30px;
	scroll-margin: 117px;
}

/* –––– FOOTER –––– */

.entry-footer {
	margin-top: 0;
}

.footer-contact-list-1 li:after {
	content: ",";
	display: inline-block;
	padding: 0 5px 0 0;
}

.footer-contact-list-1 li:last-of-type::after {
	content: "";
	display: inline-block;
	padding: 0;
}

.footer-contact-list-2 li:after {
	content: " ";
	display: inline-block;
	padding: 0 10px;
}

.footer-contact-list-2 li:last-of-type::after {
	content: "";
	display: inline-block;
	padding: 0;
}

.footer-contact-list-3 li:after {
	content: "";
	display: inline-block;
	padding: 0 3px;
}

.footer-contact-list-3 li:last-of-type::after {
	content: "";
	display: inline-block;
	padding: 0;
}

.footer-legal-container {
	display: flex;
	justify-content: center; /* footer text alignment */
}

.footer-social-icons {
	display: flex;
	justify-content: center; /* footer text alignment */
}

.footer-social-icons .wp-block-column {
	height: 30px;
	margin: 0 20px;
	min-width: fit-content;
}

.footer-social-icons .wp-block-column .wp-block-image img {
	height: 30px;
	margin: 0;
	width: auto;
}

.footer-widgets .widget ul, .widget-area .widget ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center; /* footer text alignment */
}

.footer-widgets-grid h2 {
	margin-top: 0;
}

.footer-widgets-grid.align-middle {
	text-align: center; /* footer text alignment */
}

.sidebar-column .widget .widget-title {
	display: none;
}

.sidebar-column .widget:last-of-type p {
	margin-bottom: 0;
}

.site-info {
	font-size: 12px;
	padding-top: 0 !important;
	text-align: center; /* footer text alignment */
	text-transform: uppercase;
}

.site-info p {
	line-height: 1.2;
	margin-bottom: 0;
}

.widget-area .widget {
	margin-bottom: 0;
}

.widget-area .widget ul li {
	padding: 0 10px;
}

.widget-area .widget ul.footer-contact-list-1 li,
.widget-area .widget ul.footer-contact-list-2 li,
.widget-area .widget ul.footer-contact-list-3 li {
	padding: 0;
}

.wp-block-columns.is-not-stacked-on-mobile {
	margin-bottom: 32px;
	margin-top: 30px;
}

.wp-block-columns.is-not-stacked-on-mobile>.wp-block-column {
	flex-basis: 0;
	flex-grow: 0;
}

.wp-block-columns.is-not-stacked-on-mobile>.wp-block-column:not(:first-child) {
	margin-left: 0;
}

ul#menu-legal-menu {
	margin: 0;
	padding: 0 0 0 3px;
}

ul#menu-legal-menu li {
	display: inline;
	list-style: none;
}

ul#menu-legal-menu li a {
	text-decoration: underline;
}

ul#menu-legal-menu li a:hover {
	text-decoration: none;
}

ul#menu-legal-menu li::before {
	content: " – ";
	padding: 0 3px;
}

ul.footer-contact-list-1,
ul.footer-contact-list-2{
	margin: 0 0 20px 0;
}

ul.footer-contact-list-3 {
	margin: 0;
}

/* –––– ORDER FORM PLUGIN –––– */

#simple-order-form {
	margin: 0 auto;
}

#simple-order-form .disabled {
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	pointer-events: none;
	user-select: none;
}

#simple-order-form .order-form-product {
	border-top: 1px solid #f6f6f6;
	padding-top: 15px;
}

#simple-order-form .order-form-product-name {
	width: calc(100% - 150px);
}

#simple-order-form .order-form-product-price {
	text-align: right;
	width: 100px;
}

#simple-order-form .order-form-product-quantity {
	margin-left: 10px;
	text-align: right;
	width: 50px;
}

#simple-order-form .order-form-product-quantity select {
	padding: 0!important;
}

#simple-order-form .order-form-product:last-child {
	border-bottom: 1px solid #f6f6f6;
	padding-bottom: 15px;
}

#simple-order-form .shipping-method input, #simple-order-form .shipping-method label {
	cursor: pointer;
}

.order-form-navigation {
	margin-bottom: 40px;
}

/* –––– VINCOD PLUGIN –––– */

#plugin-vincod {
	line-height: 2 !important;
}

#plugin-vincod .btn-primary, 
#plugin-vincod input[type=submit],
.btn,
.btn-primary {
	background-color: var(--msb-gold) !important;
	border-color: var(--msb-gold) !important;
	border-radius: 0 !important;
	color: var(--msb-white) !important;
	font-size: 16px !important;
	font-weight: 700 !important;
	letter-spacing: 2px !important;
	padding: 11px 20px 9px 20px !important;
	text-transform: uppercase !important;
}

#plugin-vincod .h1, 
#plugin-vincod .h2, 
#plugin-vincod .h3, 
#plugin-vincod .h4, 
#plugin-vincod .h5, 
#plugin-vincod .h6, 
#plugin-vincod h1, 
#plugin-vincod h2, 
#plugin-vincod h3, 
#plugin-vincod h4, 
#plugin-vincod h5, 
#plugin-vincod h6 {
	color: var(--msb-black) !important;
	line-height: 1.4 !important;
}

#plugin-vincod .initialism, #plugin-vincod .text-uppercase {
	letter-spacing: 2px !important;
}

#plugin-vincod .nav-pills a h2, 
#plugin-vincod .nav-tabs a h2 {
	font-size: 12px !important;
}

#plugin-vincod .nav-tabs {
	border-bottom: 1px solid #eeeeee !important;
}

#plugin-vincod .nav-tabs > li > a {
	background-color: #eeeeee !important;
	color: var(--msb-black) !important;
}

#plugin-vincod .nav-tabs > li > a:hover {
	border-color: #eeeeee #eeeeee #eeeeee !important;
}

#plugin-vincod .nav-tabs > li.active > a {
	background-color: var(--msb-white) !important;
	border-color: #eeeeee #eeeeee var(--msb-white) !important;
	color: var(--msb-black) !important;
}

#plugin-vincod .nav-tabs > li.active > a:hover {
	border-color: #eeeeee #eeeeee var(--msb-white) !important;
}

#plugin-vincod .product-image img {
	padding: 0 20px !important;
}

#plugin-vincod .product-link h2 {
	background-color: #ffffff !important;
	border: none !important;
	font-size: 16px !important;
	font-weight: 700 !important;
	letter-spacing: 2px !important;
	margin-top: 20px !important;
	padding: 30px 20px 28px 20px !important;
	width: 100% !important;
}

#plugin-vincod .product-link h2:hover {
	background-color: #eeeeee !important;
	color: var(--msb-black) !important;
}

#plugin-vincod .product-medias h2 {
	font-size: 16px !important;
}

#plugin-vincod .product-name .vintage-btn-group .btn, 
#plugin-vincod .product-name .vintage-btn-group input[type=submit] {
	background-color: #eeeeee !important;
	border: none !important;
}

#plugin-vincod .product-name .vintage-btn-group .vintage-name {
	padding: 27px 30px 24px 30px !important;
	width: calc(100% - 160px) !important;
}

#plugin-vincod .product-name .vintage-btn-group .vintage-name.full-width {
	color: var(--msb-black) !important;
	font-size: 28px !important;
	font-weight: 300;
	text-align: center !important;
}

#plugin-vincod .product-name .vintage-btn-group .vintage-year {
	padding: 39px !important;
	width: 160px !important;
}

#plugin-vincod .product-name .vintage-btn-group h1 {
	padding: 10px 0 !important;
}

#plugin-vincod .vincod-container {
	padding-top: 40px !important;
}

/* –––– RESPONSIVE –––– */

@media screen and (min-width: 1200px) {

	.wp-block-group__inner-container {
		margin: 0 auto;
		max-width: calc(1200px - (30px * 2));
	}

}

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

}

@media screen and (min-width: 0px) and (max-width: 1024px) {

	/* –––– HEADER/NAVIGATION –––– */

	.sydney-offcanvas-menu #mainnav {
		display: flex;
		flex-direction: column-reverse;
		float: none;
	}

}

@media screen and (min-width: 992px) and (max-width: 1024px) {

	/* –––– GENERAL –––– */

	h2 {
		font-size: 22px !important; /* h2 fix */
	}

	/* –––– HEADER/NAVIGATION –––– */
	
	.site-logo { 
		max-height: 86px !important; /* logo breakpoint fix */
	}

}

@media screen and (min-width: 0px) and (max-width: 991px) {

	/* –––– FOOTER –––– */
	
	.footer-widgets-grid {
		padding-bottom: 40px !important;
		padding-top: 40px !important;
	}

	.site-info {
		padding-bottom: 40px !important;
	}

	.wp-block-columns.is-not-stacked-on-mobile {
		margin-bottom: 22px;
		margin-top: 20px;
	}

}

@media (min-width: 600px) and (max-width: 781px) {
	
	/* –––– GENERAL –––– */

	.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:not(:only-child) {
		flex-basis: 0 !important;
		flex-grow: 1;
	}

}

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

		/* –––– FOOTER –––– */

		.footer-legal-container {
			flex-direction: column;
		}

		.footer-legal-menu {
			margin: 8px 0 10px 0;
		}

		ul#menu-legal-menu {
			padding: 0;
		}

		ul#menu-legal-menu li {
			display: block;
		}

		ul#menu-legal-menu li::before {
			content: "";
			padding: 0;
		}

		/* –––– VINCOD PLUGIN –––– */

		#plugin-vincod .nav-pills>li, #plugin-vincod .nav-tabs > li {
			margin: 6px 4px 0 0 !important;
		}

		#plugin-vincod .nav-tabs {
			border-bottom: none !important;
		}

		#plugin-vincod .nav-tabs > li.active > a {
			border-color: #eeeeee #eeeeee #eeeeee !important;
		}

		#plugin-vincod .nav-tabs > li.active > a:hover {
			border-color: #eeeeee #eeeeee #eeeeee !important;
		}

		#plugin-vincod .product-name .vintage-btn-group .vintage-name {
			padding: 17px 30px 24px 30px !important;
			width: 100% !important;
		}

		#plugin-vincod .product-name .vintage-btn-group .vintage-year {
			padding: 20px 0 0 0 !important;
			width: 100% !important;
		}

		#plugin-vincod .text-right {
			text-align: left !important;
		}

}

@media screen and (min-width: 0px) and (max-width: 599px) {
	
	/* –––– GENERAL –––– */

	.image-bleed-right {
		position: relative;
	}

	div.wp-block-column.gold-border-left {
		border-left: none;
		margin-top: 30px;
		padding-left: 0;
	}

}

@media screen and (min-width: 0px) and (max-width: 575px) {
	
	/* –––– GENERAL –––– */
	
	.page-wrap .content-wrapper {
		padding-bottom: 20px;
		padding-top: 20px;
	}

	.wp-block-group.has-background {
		padding: 20px 20px;
	}

	body:not(.elementor-page):not(.panel-layout) .entry-content h2, 
	body:not(.elementor-page):not(.panel-layout) .entry-content h3, 
	body:not(.elementor-page):not(.panel-layout) .entry-content h4, 
	body:not(.elementor-page):not(.panel-layout) .entry-content h5, 
	body:not(.elementor-page):not(.panel-layout) .entry-content h6 {
		margin-bottom: 20px;
		margin-top: 20px;
	}

	div.wp-block-column.gold-border-left {
		margin-top: 10px;
	}

	/* –––– HEADER/NAVIGATION –––– */
	
	.container,
	.container-fluid {
		padding-left: 20px;
		padding-right: 20px;
	}

	/* –––– FIXED NAVIGATION/OFFSET –––– */

	#contact {
		scroll-margin: 103px;
	}

	.hentry .title-post,
	.landing-page-section-titles,
	h1:not(.site-title) {
		font-size: 24px !important;
		padding-top: 20px;
		scroll-margin: 103px;
	}

	/* –––– FOOTER –––– */

	.footer-legal-container {
		display: flex;
		justify-content: left; /* footer text alignment */
	}

	.footer-social-icons {
		display: flex;
		justify-content: left; /* footer text alignment */
	}

	.footer-social-icons .wp-block-column {
		margin: 0 20px 0 0;
	}

	.footer-widgets .widget ul, .widget-area .widget ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: left; /* footer text alignment */
	}

	.footer-widgets-grid {
		padding-bottom: 30px !important;
		padding-top: 30px !important;
	}

	.footer-widgets-grid.align-middle {
		text-align: left; /* footer text alignment */
	}

	.site-info {
		font-size: 12px;
		padding-bottom: 30px !important;
		padding-top: 0 !important;
		text-align: left; /* footer text alignment */
		text-transform: uppercase;
	}

	/* –––– ORDER FORM PLUGIN –––– */

	.order-form-checkout {
		margin: 10px auto;
	}

}

@media screen and (min-width: 0px) and (max-width: 319px) {
	
	/* –––– HEADER/NAVIGATION –––– */

	.mobile-header .align-right {
		padding-left: 0;
	}

}

/* –––– WP ADMIN BAR FIX –––– */

@media screen and (min-width: 783px) {

	.admin-bar .sydney-offcanvas-menu,
	.admin-bar .mobile-header {
		top: 32px;
	}

}

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

	.admin-bar .sydney-offcanvas-menu,
	.admin-bar .mobile-header {
		top: 46px;
	}

}

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

	#wpadminbar {
		position: fixed;
	}

}

/* –––– DISABLE HOVER STATE ON TOUCH DEVICES –––– */

@media (hover: none) {

}