/*
Theme Name: Salumi Monterotti
Theme URI: https://www.awebsome.it/themes/salumimonterotti/
Author: Alessandro De Medio
Author URI: https://www.awebsome.it/
Description: Tema base Salumi Monterotti
Requires at least: 6.4
Tested up to: 6.5
Requires PHP: 7.4
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: salumimonterotti
*/

/*** Vars - inizio ***/
:root {
	--margin-desktop: 0px;
}

/*** Vars - fine ***/

/*** Headings - inizio ***/
h1 strong,
h2 strong,
h3 strong,
h4 strong,
h5 strong,
h6 strong {
	font-weight: 800;
}

/*** Headings - fine ***/

/*** Orders - inizio ***/
@media screen and (min-width: 781px) {
	.order-0 {
		order: 0;
	}

	.order-1 {
		order: 1;
	}

	.order-2 {
		order: 2;
	}

	.order-3 {
		order: 3;
	}

	.order-4 {
		order: 4;
	}

	.order-5 {
		order: 5;
	}

	.order-6 {
		order: 6;
	}

	.order-7 {
		order: 7;
	}

	.order-8 {
		order: 8;
	}
}

/*** Orders - fine ***/

/*** Grid Responsive - inizio ***/
@media screen and (max-width: 781px) {
	.grid-responsive {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}

	.grid-responsive>.wp-block-group {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
}

/*** Grid Responsive - fine ***/

/*** Body - inizio ***/
@media screen and (min-width: 781px) {
	body {
		min-height: 100vh;
		margin: var(--margin-desktop);
		/*background: var(--wp--preset--gradient--gradient-4);*/
	}
}

/*** Body - fine ***/

/*** Read more - inizio ***/
.wp-block-read-more {
	border: 1px solid var(--wp--preset--color--base);
	color: var(--wp--preset--color--base-two);
	margin-left: 0 !important;
	margin-right: 0 !important;
}
/*** Read more - fine ***/

/*** Header - inizio ***/
header {
	z-index: 2;
	position: relative;
}

header .main-bar {
	height: 100px;
}

.wp-block-navigation__responsive-container-open svg {
	width: 32px;
	height: 32px;
}

/*** NAV MOBILE - inizio ***/
.wp-block-navigation__responsive-container-open {
	position: relative;
}

.wp-block-navigation__responsive-container-open::after {
	content: "menu";
	font-family: var(--wp--preset--font-family--body);
	font-weight: 300;
	letter-spacing: 2px;
	font-size: 14px;
	width: 4rem;
	line-height: 32px;
}

#main-menu-container {
	width: auto;
	position: initial !important;
}

#main-menu-container .wp-block-navigation__responsive-container.has-modal-open.is-menu-open {
	padding-right: var(--wp--preset--spacing--50);
	padding-left: var(--wp--preset--spacing--50);
}

#main-menu-container .wp-block-navigation__responsive-container.has-modal-open.is-menu-open .wp-block-navigation__responsive-container-content * {
	box-sizing: border-box;
}

#main-menu-container .wp-block-navigation__responsive-container.has-modal-open.is-menu-open .wp-block-navigation__responsive-container-content>ul {
	margin-top: 2rem;
	gap: 0;
	width: 100%;
	font-size: var(--wp--preset--font-size--normal);
}

#main-menu-container .wp-block-navigation__responsive-container.has-modal-open.is-menu-open .wp-block-navigation__responsive-container-content>ul>li {
	width: 100%;
}

#main-menu-container .wp-block-navigation__responsive-container.has-modal-open.is-menu-open .wp-block-navigation__responsive-container-content>ul>li>a,
#main-menu-container .wp-block-navigation__responsive-container.has-modal-open.is-menu-open .wp-block-navigation__responsive-container-content>ul>li>ul>li>a {
	padding: .3rem 0;
	border-bottom: .5px solid var(--wp--preset--color--contrast-two);;
	display: block;
	width: 100%;
}

#main-menu-container .wp-block-navigation__responsive-container.has-modal-open.is-menu-open .wp-block-navigation__responsive-container-content>ul>li>ul {
	padding: 0 !important;
	width: 100% !important;
}

#main-menu-container .wp-block-navigation__responsive-container.has-modal-open.is-menu-open .wp-block-navigation__responsive-container-content>ul>li>ul>li {
	padding: .3rem 1rem;
	width: 100%;
}

/* inizio menu mobile */
/* @media screen and (max-width: 600px) { */

.wp-block-navigation__responsive-container {
	top: 0;
	background-color: var(--wp--preset--color--base-two) !important;
	bottom: auto;
	padding: 0 !important;
}

#main-menu-container .wp-block-navigation__responsive-container.has-modal-open.is-menu-open {
	z-index: 999999;
	height: 100vh;
	overflow: auto;
	position: absolute;
	top: 0;
}

#main-menu-container .wp-block-navigation__responsive-container.has-modal-open.is-menu-open .wp-block-navigation__responsive-container-close {
	padding: 0 1rem;
	font-weight: bold !important;
	color: var(--wp--preset--color--contrast) !important;
}

button[aria-expanded="false"]~ul {
	display: none !important;
}

button[aria-expanded="true"]~ul {
	display: flex !important;
}

#main-menu-container .wp-block-navigation__responsive-container.has-modal-open.is-menu-open .wp-block-navigation__responsive-dialog {
	margin-top: 0px;
}

#main-menu-container .wp-block-navigation__responsive-container.has-modal-open.is-menu-open .wp-block-navigation__responsive-container-content {
	padding-top: 0 !important;
}

#main-menu-container .wp-block-navigation__responsive-container.has-modal-open.is-menu-open .wp-block-navigation__responsive-container-content>ul {
	padding: 2rem 1rem;
}

#main-menu-container .wp-block-navigation__responsive-container.has-modal-open.is-menu-open .wp-block-navigation__responsive-container-content>ul li {
	padding: 0
}

#main-menu-container .wp-block-navigation__responsive-container.has-modal-open.is-menu-open .wp-block-navigation__responsive-container-content>ul>li ul {
	padding: 0 1rem;
}

#main-menu-container .wp-block-navigation__responsive-container.has-modal-open.is-menu-open .wp-block-navigation__responsive-container-content>ul li a {
	color: var(--wp--preset--color--contrast) !important;
	display: block;
	padding: 12px 0 !important;
	letter-spacing: normal;
	font-weight: bold;  text-align: right;
}

#main-menu-container .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content>ul>li ul {
	background-color: var(--wp--preset--color--base) !important;
}

#main-menu-container .wp-block-navigation__responsive-container.has-modal-open.is-menu-open .wp-block-navigation__responsive-container-content>ul li button.wp-block-navigation__submenu-icon {
	display: block;
	color: var(--wp--preset--color--contrast) !important;
	font-size: 2rem;
	position: absolute;
	padding: 7px 10px;
	border: .5px solid var(--wp--preset--color--contrast) !important;
	height: auto;
	width: auto;
	margin-top: 10px;
	right: 0;
}

.wp-block-navigation__responsive-container-close svg,
.wp-block-navigation__responsive-container-open svg {
	width: 32px !important;
	height: 32px !important;
}

.wp-block-navigation__responsive-container-close svg {
	margin-right: 16px;
	margin-top: 24px;
}

.wp-block-navigation {
	position: inherit !important;
}

/* } */

#main-menu-container .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content>ul>li ul {
	background-color: var(--wp--preset--color--base);
	padding: 1rem !important;
}

#main-menu-container .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content>ul li ul li a {
	border-bottom: .5px solid var(--wp--preset--color--contrast);
	padding: 12px 0 !important;
	color: var(--wp--preset--color--contrast);
	display: block;
	letter-spacing: normal;
	font-weight: bold;
	text-transform: none;
}

/* fine menu mobile */

/*** NAV MOBILE - fine ***/

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

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

/* @media screen and (min-width: 782px) {
	header #header-top #header-content {
		width: 100%;
	}
} */
/*** Header - fine ***/

/*** Main - inizio ***/
/* @media screen and (min-width: 781px) { */

main {
	margin-top: 0;
}

main .entry-content>.wp-block-cover.alignfull:nth-of-type(1),
main>.wp-block-cover.alignfull:nth-of-type(1) {
	margin-top: -100px !important;
	z-index: 0 !important;
	position: relative !important
}

/* } */
/*** Main - fine ***/

/*** Home - inizio ***/
.home main .entry-content>.wp-block-cover.alignfull {
	overflow: unset;
}

/*@media screen and (min-width: 781px) {
	.home .home-claim {
		position: relative;
		top: 60px;
	}
}*/

/*** Home - fine ***/

/*** Prodotti - inzio ***/
.product-title:after {
	content: '.';
	color: var(--wp--preset--color--contrast);
}
/*** Prodotti - fine ***/

/*** Blockquote - inzio ***/
blockquote {
	margin: 0 auto;
	max-width: 400px;
  }
  
  blockquote:after, blockquote:before {
	/* color: green; */
	font-size: 4.0rem;
	line-height: 1rem;
	margin: 0 calc(50% - 24px);
  } 
  
  blockquote:after {                                                       
	content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="white" width="24" height="24" viewBox="0 0 24 24"><path d="M11 9.275c0 5.141-3.892 10.519-10 11.725l-.984-2.126c2.215-.835 4.163-3.742 4.38-5.746-2.491-.392-4.396-2.547-4.396-5.149 0-3.182 2.584-4.979 5.199-4.979 3.015 0 5.801 2.305 5.801 6.275zm13 0c0 5.141-3.892 10.519-10 11.725l-.984-2.126c2.215-.835 4.163-3.742 4.38-5.746-2.491-.392-4.396-2.547-4.396-5.149 0-3.182 2.584-4.979 5.199-4.979 3.015 0 5.801 2.305 5.801 6.275z"/></svg>');
	vertical-align: bottom;
  }
  
  blockquote:before {                                     
	content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="white" width="24" height="24" viewBox="0 0 24 24"><path d="M13 14.725c0-5.141 3.892-10.519 10-11.725l.984 2.126c-2.215.835-4.163 3.742-4.38 5.746 2.491.392 4.396 2.547 4.396 5.149 0 3.182-2.584 4.979-5.199 4.979-3.015 0-5.801-2.305-5.801-6.275zm-13 0c0-5.141 3.892-10.519 10-11.725l.984 2.126c-2.215.835-4.163 3.742-4.38 5.746 2.491.392 4.396 2.547 4.396 5.149 0 3.182-2.584 4.979-5.199 4.979-3.015 0-5.801-2.305-5.801-6.275z"/></svg>');
	vertical-align: top;
  }
/*** Blockquote - fine ***/

/*** Cover with text - inizio ***/
/* .cover-with-text:before {
	content: '';
	position: absolute;
	top: 10px;
	left: 10px;
	right: 10px;
	bottom: 10px;
	border: 1px solid var(--wp--preset--color--base);
	z-index: 1;
	opacity: .5;
}

.cover-with-text:hover:before {
	background-color: var(--wp--preset--color--base-two);
	transition: background-color 1s;
}

.posts-list .wp-block-cover {
	cursor: pointer;
} */

/*** Cover with text - fine ***/

/*** Slider - inizio ***/
.wp-block-cb-carousel .slick-slide {
	padding: 0 !important;
}

button.slick-arrow {
	position: absolute;
	z-index: 2;
}

.slick-next,
.slick-prev

/*,
.iedSlider-controls .next a,
.iedSlider-controls .prev a*/
	{
	width: 50px;
	height: 50px;

}

.slick-next

/*,
.iedSlider-controls .next a*/
	{
	right: 2rem;
}

.slick-next:before

/*,
.iedSlider-controls .next a::before*/
	{
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="white" class="size-6"><path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5" /></svg>');
}

.slick-prev

/*,
.iedSlider-controls .prev a*/
	{
	left: 2rem;
}

.slick-prev:before

/*,
.iedSlider-controls .prev a::before*/
	{
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="white" class="size-6"><path stroke-linecap="round" stroke-linejoin="round" d="M15.75 19.5 8.25 12l7.5-7.5" /></svg>');
}

.slick-next::before,
.slick-prev::before {
	font-size: 50px;
	color: transparent !important;
}

/*** iedSlider - inizio ***/
/*.iedSlider-wrap {
	padding-left: calc(var(--wp--style--root--padding-left) * -1);
	padding-right: calc(var(--wp--style--root--padding-right) * -1);
	margin: 0 !important;
	box-sizing: border-box;
	position: relative;
}

.iedSlider-wrap .iedSlider-controls {
	position: absolute;
	top: 60%;
	left: 0;
	transform: translateY(-50%);
	z-index: 9;
	display: flex;
	justify-content: space-between;
	width: 100%;
	margin: 0 !important;
}

.iedSlider-wrap .iedSlider-controls>div {
	margin: 0 !important;
	max-width: 100%;
	justify-content: space-between;
	width: 100%;
}

.iedSlider-wrap .iedSlider-controls button {
	align-items: center;
	background-color: transparent;
	height: 24px;
	width: 24px;
	border: none;
	cursor: pointer;
	display: flex;
	justify-content: center;
	padding: 0 !important;
	margin: 0 !important;
	position: relative;
}

.iedSlider-controls .prev a::before,
.iedSlider-controls .next a::before {
	content: '>';
	font-size: 50px;
	width: 50px;
	height: 50px;
	display: block;
	filter: invert(1);
}
.iedSlider-controls .prev a,
.iedSlider-controls .next a {
	background-color: transparent !important;
	color: transparent !important;
}

.iedSlider-wrap .iedSlider-container {
	padding: 0;
}

.iedSlider-wrap .iedSlider-container>div {
	margin: 0 !important;
	max-width: 100vw;
}

.iedSlider-wrap .iedSlider-container ul {
	display: flex !important;
	flex-wrap: nowrap !important;
	overflow-x: auto !important;
	overflow-y: hidden !important;
	scroll-behavior: smooth;
	-webkit-overflow-scrolling: touch;

}

.iedSlider-container ul {
	width: 100%;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	overflow-x: hidden;
	overflow-y: hidden;
	margin: 0;
	padding: 0;
	column-gap: .5rem;
}

.iedSlider-container ul li {
	position: relative;
	flex: 0 0 calc(100% - .5rem) !important;
}

@media screen and (min-width: 601px) {
	.iedSlider-container ul {
		column-gap: 0;
	}

	.iedSlider-container ul li {
		flex: 0 0 100% !important;
	}
}*/
/*** iedSlider - fine ***/
/*** Slider - fine ***/

/*** Footer - inizio ***/
footer {
	margin: 0;
}

/*** Footer - fine ***/

/*** CF7 - inizio ***/
.wpcf7 label {
	font-weight: 700;
}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea {
	background-color: var(--wp--preset--color--base);
	color: var(--wp--preset--color--base-two);
	width: 100%;
	border: 1px solid var(--wp--preset--color--base-two);
	padding: .5rem .7rem;
	box-sizing: border-box;
}

/* .wpcf7 input[type="checkbox"] {} */

.wpcf7-list-item {
	display: inline-block;
	margin: 0 1em 0 0 !important;
}

.wpcf7-list-item>label {
	font-weight: 400;
}

.wpcf7 input[type="submit"] {
	padding: .5rem .7rem;
	border: 1px solid var(--wp--preset--color--base-two);
	color: var(--wp--preset--color--base-two);
	text-transform: uppercase;
	font-weight: 700;
	width: 100%;
	box-sizing: border-box;
}

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

	.wpcf7 input[type="text"],
	.wpcf7 input[type="email"],
	.wpcf7 input[type="tel"],
	.wpcf7 textarea,
	.wpcf7 input[type="submit"] {
		width: 50%;
	}
}

/*** CF7 - fine ***/

/*** Mobile / Desktop hide/show - inizio ***/
.mobile-hide {
	display: none;
}

@media screen and (min-width: 782px) {
	.mobile-hide {
		display: inherit;
	}

	.desktop-hide {
		display: none !important;
	}
}

/*** Mobile / Desktop hide/show - fine ***/