/*
Theme Name: Ervideira
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress theme example child theme.
Author: Nick
Author URI: https://oceanwp.org/
Template: oceanwp
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */

body {
	font-family: 'Montserrat', sans-serif;
	font-size: 15px;
	background: #ffffff;
}

p {
	margin-bottom: 15px;
}

.page-content p {
	line-height: 1.5;
}

.page-content ul {
	list-style: disc;
	padding-left: 20px;
	margin-bottom: 30px;
}

.page-content ul li {
	margin-bottom: 10px;
}

.home #main-header {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}

.elementor-editor-active #main-header {
	position: relative;
}

.top-items {
	z-index: 1000;
}

.col-home-left {
	max-width: 540px;
	float: right;
}

.col-home-left:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: -32px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 32px 0 32px 32px;
	border-color: transparent transparent transparent #2d3141;
	z-index: 1000;
}

.col-home-right {
	max-width: 540px;
	float: left;
}

.col-home-right:before {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: -32px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 32px 32px 32px 0;
	border-color: transparent #ff552e transparent transparent;
	z-index: 10000;
}

#footer .info i {
	color: #C5B4AA;
}

.page-content .woocommerce {
	max-width: 1200px;
	margin: 0 auto;
}

.wine_details .row {
	display: flex;
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #efefef;
}

.wine_details .row:last-child {
	border-bottom: none;
}

.wine_details .row .label {
	width: 30%;
	font-weight: 300;
}

.wine_details .row .value {
	flex: 1;
}

.gm-style-iw {
	padding: 5px 10px !important;
}

.gm-style-iw button {
	display: none !important;
}

.gm-style-iw .gmpInfoWindowtitle {
	font-weight: 500 !important;
}

#content .woocommerce {
    max-width: 1200px;
    margin: 0 auto;
}

.single .entry-title {
	border-bottom: none;
}

.tax-locations a {
	pointer-events: none;
}

/**
* Timeline Inovacao
*/

#inovacao-timeline .ee-timeline__item.timeline-item:nth-child(even) {
	text-align: right;
}

#inovacao-timeline .ee-timeline__item.timeline-item img {
	border-radius: 200px;
}

.ee-timeline--vertical.ee-timeline .timeline-item__card__arrow:after {
	border: none !important;
}

#inovacao-timeline .ee-timeline__item.timeline-item h2 {
	margin-bottom: 5px;
}

/**
* Uber Menu and ShiftNav
*/

ul.ubermenu-nav {
	display: flex !important;
    justify-content: space-between;
}

ul.ubermenu-nav li {
	align-self: flex-end;
}

.ubermenu-submenu {
	border-top: none !important;
}

.home #shiftnav-toggle-main-button i {
	color: #2d3241 !important;
}

#shiftnav-toggle-main .shiftnav-toggle-burger:hover {
	background: none;
}

ul.ubermenu-nav li.ubermenu-current-product-ancestor > a {
	color: #E95737 !important;
}

/**
* Remove title from store main page
*/

.archive.tax-product_cat.term-wines h1,
.archive.post-type-archive.post-type-archive-product h1 {
	display: none;
}


.wcmenucart-cart-icon .wcmenucart-count {
	min-width: 24px !important;
	height: 22px !important;
	font-size: 14px !important;
	line-height: 1.3 !important;
}


.archive.tax-product_cat form.cart,
.archive.post-type-archive-product form.cart {
	display: flex !important;
	justify-content: center !important;
	border: none !important;
	padding: 0 !important;
}

.woo-menu-icon {
	padding-left: 20px;
	margin-left: 20px;
	padding-top: 8px;
	padding-bottom: 8px;
	border-left: 1px solid #ffffff22;
}

.home .woo-menu-icon {
	border-left: 1px solid #efefef;
}

.single-product form.cart {
	border: none !important;
}

.wcmenucart-total span {
	color: #ffffff !important;
}

.home .wcmenucart-total span {
	color: #333333 !important;
}

.wdr_table_content_advance_con {
	width: 80%;
	margin: 20px auto;
}

.wdr_table_content_advance_con div {
	display: flex;
	justify-content: space-between;
	padding: 5px 15px;
	background: #efefef;
	color: #2D3141;
	border-radius: 5px;
}


.woocommerce-account .site-main {
	padding: 50px 0;
}

.minimum-order {
	text-align: center;
	font-size: 14px;
}

#book-experience form textarea,
#book-experience form input {
	min-height: auto !important;
}

.single-page-article .woocommerce {
	padding: 50px 0;
}

.wpml-ls-legacy-list-horizontal {
	border: none;
}

.wpml-ls-legacy-list-horizontal li a {
	padding:0;
	color: #ffffff;
	text-transform: uppercase;
	margin-left: 10px;
	font-weight: 400;
	font-size: 13px;
	padding-bottom: 4px;
}

.home .wpml-ls-legacy-list-horizontal li a {
	color: #2D3241;
}

.wpml-ls-legacy-list-horizontal li.wpml-ls-current-language a {
	color: #E95737;
	border-bottom: 3px solid #c03a2a;
}


#wppb-register-user-registo-no-clube-ervideira input[type="checkbox"]:checked::before {
	font-family: "FontAwesome";
}

.termos-condicoes:hover {
	cursor: pointer;
}


/**
* Age Gate
*/

.age-gate-logo {
	max-width: 60%;
}

.age-gate-heading img {
	margin-bottom: 50px;
}

h2.age-gate-subheading {
	line-height: 1.2;
	margin-bottom: 30px;
}

.age-gate-remember-wrapper {
	margin-top: 30px;
}

.gallery {
	margin-bottom: 50px;
}

.timeline-row img {
	border-radius: 150px !important;;
}

.timeline-row .content {
    padding: 0 30px 30px;
}

.timeline-row.img-left .content {
	text-align: right;
	border-right: 4px solid #ff552e;
}

.timeline-row.img-right .content {
	text-align: left;
}

.timeline-row.img-right .empty {
	border-right: 4px solid #ff552e;
}

.timeline-row.img-right .empty::after {
	content: '';
	display: block;
	width: 20px;
	height: 20px;
	background: #ff552e;
	position: absolute;
	top: 0;
	right: 0;
	transform: translateX(12px);
	border-radius: 20px;
}

.timeline-row.img-left .empty::after {
	content: '';
	display: block;
	width: 20px;
	height: 20px;
	background: #ff552e;
	position: absolute;
	top: 0;
	left: 0;
	transform: translateX(-12px);
	border-radius: 20px;
}


/**
* Responsive
*/

@media (max-width: 1180px) {

    #main-header {
        position: relative;
    }
}

@media (max-width: 1024px) {

	.ee-timeline--vertical.ee-timeline-align--center.ee-timeline .ee-timeline__line {
		margin-left: 13px !important;
	}

	.ee-timeline--vertical.ee-timeline-align--center.ee-timeline .timeline-item__card-wrapper {
		width: 100%;
		margin-bottom: 50px;
	}

	.ee-timeline--vertical.ee-timeline-align--center.ee-timeline .timeline-item__card-wrapper img.alignright {
		float: left;
		margin-left: 0;
		margin-right: 1.5em;
	}

	#inovacao-timeline .ee-timeline__item.timeline-item:nth-child(even) {
		text-align: left;
	}

	.col-home-left,
	.col-home-right {
		max-width: 100%;
		float: none;
		clear: both;
	}

	.col-home-left:after,
	.col-home-right:before {
		display: none;
	}

}

@media (max-width: 768px) {

	.timeline-row .content {
		padding-right: 20px;
		padding-bottom: 30px;
	}

	.timeline-row img {
		max-width: 60% !important;
		margin-bottom: 30px;
	}

	.timeline-row .content::after {
		content: '';
		display: block;
		width: 20px;
		height: 20px;
		background: #ff552e;
		position: absolute;
		top: 0;
		left: 0;
		transform: translateX(-12px);
		border-radius: 20px;
	}

	.timeline-row.img-right .content,
	.timeline-row.img-left .content {
		text-align: left;
		border-left: 4px solid #ff552e !important;;
	}
	.timeline-row.img-left .content {
		border: none;
	}

	.timeline-row.img-right .empty {
		border: none;
	}

	.timeline-row.img-right .empty::after,
	.timeline-row.img-left .empty::after {
		display: none;
	}
}

@media (max-width: 640px) {

	.ee-timeline--vertical.ee-timeline-align--center.ee-timeline .timeline-item__card-wrapper img {
		max-width: 100px;
		margin-bottom: 2em;
	}

	#inovacao-timeline .ee-timeline__item.timeline-item h2 {
		font-size: 18px;
	}

	.ee-timeline--vertical.ee-timeline-align--center.ee-timeline .timeline-item__card-wrapper p {
		font-size: 14px;
	}

}

/*
Fix para o update do Elementor. Algures entre a versão 3.12.1 e 3.19.0 a class .elementor-section-boxed desapareceu das sections.
Pelo o que consegui perceber só está presente quando é uma section de um post
*/
@media only screen and (max-width: 959px) {
    .container,body.content-full-screen #content-wrap .elementor-section.elementor-section-boxed>.elementor-container {
        max-width: 90%
    }
	.separate-layout .container,.separate-layout.content-full-screen #separate-layout .elementor-section.elementor-section-boxed>.elementor-container {
        max-width: 95%
    }
}