/*
 Theme Name:   Mulphy
 Theme URI:    https://mulphy.com
 Description:  Deanocciola theme
 Author:       Mauro Bono
 Author URI:   https://maurobono.com
 Template:     generatepress
 Version:      1.0
*/

/* == VARIABILI == */
:root {
	--gp-slideout-width: 90%!important;
}

/* == CLASSI UTILI == */
.dea-text-outlined {
    color: var(--brand-alt);
    -webkit-text-fill-color: var(--dea-background);
    -webkit-text-stroke-width: 1.4px;
    -webkit-text-stroke-color: var(--brand-alt);
}

.dea-pulsante-con-icona .gb-icon {
	transform:translateY(-1px);
}

@media (max-width:767px) {
	.dea-order-reversed {
		flex-direction:column-reverse;
	}	
}

/* == MODIFICHE A STILI DI DEFAULT DI GENERATEPRESS == */
.separate-containers .inside-article {
  padding: 40px 0px 40px 0px;
}

/* == TOPBAR == */
/* Link Social */
.topbar ul.wp-block-social-links {
  margin-bottom:1em!important;
  gap:8px;
}

@media (max-width:767px) {
  .topbar ul.wp-block-social-links li a svg {
    width:18px;
    height:18px;
  }
}

/* Visualizzazione Mobile della Topbar */
@media (max-width:767px) {
	.dea-topbar-grid {
		flex-wrap:nowrap!important;
	}
}

/* == HEADER == */
/* Menu and Search Icon Order */
.main-navigation .inside-navigation {
  flex-direction: row-reverse;
}

.main-navigation .main-nav ul li:first-child a {
  padding-left:0;
}

.main-navigation .main-nav ul li:last-child a {
  padding-right:0;
}
.header .menu-toggle {
  padding-inline: 2px !important;
}

.header .main-navigation.offside {
  width:78%;
}

.dea-pulsante-carrello {
	display:none;
}

@media (max-width:820px) {
	.dea-pulsante-carrello {
		display:block;
	}
	
	.dea-pulsante-shop {
		display:none!important;
	}
}

/* == MENU MOBILE E SLIDE-IN MENU == */
button.menu-toggle {
	padding-left:0;
}

.slideout-navigation {
	background:var(--dea-background);
}

.slideout-navigation .slideout-menu li {
	padding-left:20px;
	padding-right:20px;
	text-align:left!important;
}

.slideout-navigation .slideout-menu li:first-child a {
	padding-left:12px!important;
}

.slideout-navigation button.slideout-exit {
	text-align:right!important;
}


@media (max-width:820px) {
	.slideout-menu {
		margin-left:5rem!important;
	}
	.slideout-navigation .slideout-menu li:last-child a {
  padding-right:12px!important;
}
}

@media (max-width:767px) {
	.slideout-menu {
		margin-left:1rem!important;
	}
	
}

/* == ICONE SOCIAL == */
.social-networks .wp-block-outermost-icon-block a {
    border-radius:50%;
    padding:5px;
}

/* == SEZIONE CON EFFETTO TEXT MARQUEE == */
.dea-marquee-text {
    overflow: clip;
}

.dea-marquee-text-track {
    display: flex;
    align-items:center;
    padding-left: 2rem;
    gap: 2em;
    width: max-content;
    animation: marquee-move-text var(--speed, 90s) linear infinite var(
      --direction,
      forwards
    );
}

.dea-marquee-text p {
    font-family: var(--gp-font--skillet);
    font-size: 5rem;
    line-height: 5rem;
    letter-spacing: 0px;
    text-align: left;
    margin-bottom: 0px;
    color: var(--dea-background);
	font-weight:normal;
}

.dea-marquee-text-track .icon .icon-container svg {
    width:18px!important;
    height:18px!important;
    transform:translateY(8px);
}

@media (max-width:820px) {
	.dea-marquee-text p {
		font-size:3rem;
		line-height:3rem;
	}
	
	.dea-marquee-text-track .icon .icon-container svg {
		width:16px!important;
		height:16px!important;
		transform: translateY(6px);
	}
}

@keyframes marquee-move-text {
  to {
    transform: translateX(-50%);
  }
}

/* == TABELLA VALORI NUTRIZIONALI == */
.dea-tabella-valori-nutrizionali table tbody tr:nth-child(even) {
    background:rgba(21, 54, 0, 0.1);
}

.dea-tabella-valori-nutrizionali table,
.dea-tabella-valori-nutrizionali table tbody tr td {
    border:none;
}

.dea-tabella-valori-nutrizionali table {
    border-top:1px solid var(--brand-alt);
}

.dea-tabella-valori-nutrizionali table tbody tr td {
    border-bottom:1px solid var(--brand-alt);
}

.dea-tabella-valori-nutrizionali table tbody tr td {
    padding:8px 12px;
}

.dea-tabella-valori-nutrizionali table tbody tr:nth-child(3) td,
.dea-tabella-valori-nutrizionali table tbody tr:nth-child(5) td {
    padding-left:30px;
}

/* == SEZIONE CERTIFICAZIONI == */
.dea-certificazioni-wrapper {
    display:grid;
    grid-template-columns:repeat(6, 1fr);
    gap:30px;
}

.dea-certificazioni-wrapper .dea-singola-certificazione {
    width:169px;
    height:169px;
    border-radius:50%;
    background:var(--brand-alt);
}

@media (max-width:1024px) {
	.dea-certificazioni-wrapper {
    grid-template-columns:repeat(4, 1fr);
}
	
	.dea-certificazioni-wrapper .dea-singola-certificazione {
		width:120px;
		height:120px;
	}
}

@media (max-width:767px) {
	.dea-certificazioni-wrapper {
    grid-template-columns:repeat(3, 1fr);
		gap:20px;
}
	
	.dea-certificazioni-wrapper .dea-singola-certificazione {
		width:90px;
		height:90px;
	}
}

/* == SINGOLO PRODOTTO - BREADCRUMBS == */
@media (max-width:767px) {
	.dea-breadcrumbs {
		margin-bottom:20px;
	}
	.dea-breadcrumbs .breadcrumb-item {
    font-size:13px;
	}
}

/* == SINGOLO PRODOTTO - CLAIMS == */
@media (max-width:820px) {
    .dea-product-claims-wrapper {
        gap:0px!important;
    }
    .dea-product-claims-wrapper .single-claim-wrapper figure img {
        max-width:32px;
    }
}

/* == SINGOLO PRODOTTO - SEZIONE TABS == */
@media (max-width: 1024px) {
    .dea-prodotto-sezione-tabs {
        padding-top: 50px!important;
    }
}

/* == SLIDER PRODOTTI == */
.dea-slider-prodotti .gutslider-content-inner {
    height:100%!important;
    padding-top:5rem!important;
}

.dea-slider-prodotti__titolo {
    margin-bottom:-45px!important;
}

.dea-slider-prodotti .swiper-slide {
    padding-top:2rem;
}

.dea-slider-prodotti .swiper-slide .gutslider-content-inner {
    padding:0;
    max-width:92%;
}

.dea-slider-prodotti .gutslider-prev svg,
.dea-slider-prodotti .gutslider-next svg {
	width:1.5em;
	height:1.5em;
}

.dea-slider-prodotti .gutslider-prev,
.dea-slider-prodotti .gutslider-next,
.dea-slider-prodotti .gutslider-prev:hover,
.dea-slider-prodotti .gutslider-next:hover {
    background:var(--brand-alt);
}

.dea-slider-prodotti .gutslider-prev {
    top:30px;
    left:unset;
    right:70px;
}

.dea-slider-prodotti .gutslider-next {
    top:30px;
}

@media (max-width:1024px) {
	.dea-slider-prodotti .gutslider-prev svg,
.dea-slider-prodotti .gutslider-next svg {
	width:1em;
	height:1em;
	}
	
	.dea-slider-prodotti .gutslider-prev,
.dea-slider-prodotti .gutslider-next {
    width:28px;
    height:28px;
}

.dea-slider-prodotti .gutslider-prev {
    top:40px;
    right:50px;
}

.dea-slider-prodotti .gutslider-next {
    top:40px;
}
	
}

/* == CATEGORIE PRODOTTO - SLIDER == */
.dea-slider-categorie .swiper-slide {
    padding-top:5rem;
}

.dea-slider-categorie .swiper-slide .gutslider-content-inner {
    padding:0;
}

.dea-slider-categorie .gutslider-prev svg,
.dea-slider-categorie .gutslider-next svg {
	width:1.5em;
	height:1.5em;
}

.dea-slider-categorie .gutslider-prev,
.dea-slider-categorie .gutslider-next,
.dea-slider-categorie .gutslider-prev:hover,
.dea-slider-categorie .gutslider-next:hover {
    background:var(--brand-alt);
}

.dea-slider-categorie .gutslider-prev {
    top:30px;
    left:unset;
    right:70px;
}

.dea-slider-categorie .gutslider-next {
    top:30px;
}

@media (max-width:1024px) {
	.dea-slider-categorie .swiper-slide {
    	padding-top:2rem;
	}
	.dea-slider-categorie .wp-block-gutsliders-any-content .gutslider-content-inner {
		max-width:95%!important;
	}
	
	.dea-slider-categorie .gutslider-prev svg,
.dea-slider-categorie .gutslider-next svg {
	width:1em;
	height:1em;
	}
	
	.dea-slider-categorie .gutslider-prev,
.dea-slider-categorie .gutslider-next {
    width:28px;
    height:28px;
}

.dea-slider-categorie .gutslider-prev {
    top:40px;
    right:50px;
}

.dea-slider-categorie .gutslider-next {
    top:40px;
}
	
}

/* == MODULO DI CONTATTO - CF7 == */
.wpcf7-form {
	accent-color:var(--brand-alt)!important;
}

.dea-modulo-di-contatto-wrapper > .gb-container > .wp-block-contact-form-7-contact-form-selector {
    width:100%;
}

.dea-cf7-double-column {
    display:grid;
    grid-template-columns:repeat(2, 1fr);
	gap:20px;
}

.dea-cf7-single-column label,
.dea-cf7-double-column label {
    font-weight:600;
    color:var(--brand-alt);
}

.wpcf7-form-control-wrap input,
.wpcf7-form-control-wrap select,
.wpcf7-form-control-wrap textarea {
    width:100%;
    border:1px solid var(--brand-alt)!important;
    border-radius:12px;
    background-color:transparent!important;
}

.dea-optin p > .wpcf7-form-control-wrap input {
    border:1px solid;
    width:auto; 
}

.dea-optin p .wpcf7-list-item {
	margin-left:0!important;
}

.wpcf7-submit {
	background-color: var(--brand-alt) !important;
    border-bottom-left-radius: 24px;
    border-bottom-right-radius: 24px;
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
    border: 1px solid var(--brand-alt)!important;
    color: var(--dea-background) !important;
    display: inline-flex;
    padding: 12px 48px!important;
    transition: all 0.35s ease-in-out 0s;
}

.wpcf7-submit:hover {
	background-color:transparent!important;
	color:var(--brand-alt)!important;
}

/* ARTICOLO */
.dea-contenuto-articoli :is(h1,h2,h3,h4,h5,h6) {
    color:var(--brand-alt);
    font-weight:400;
	line-height:80%;
}

.dea-contenuto-articoli h2 {
    font-size:clamp(2.5rem, 2.1795rem + 1.0256vw, 3rem);
}

.dea-contenuto-articoli h3 {
    font-size: clamp(2.125rem, 1.8045rem + 1.0256vw, 2.625rem);
}

.dea-contenuto-articoli h4 {
    font-size: clamp(1.75rem, 1.4295rem + 1.0256vw, 2.25rem);
}

.dea-contenuto-articoli :is(h5,h6) {
    font-size: clamp(1.375rem, 1.0545rem + 1.0256vw, 1.875rem);
}

.dea-contenuto-articoli :is(strong,b) {
    color:var(--brand-alt);
    font-weight:700;
}

.dea-contenuto-articoli :is(a) {
    font-weight:700;
    text-decoration:underline;
}

.dea-contenuto-articoli :is(p) {
    font-size:clamp(1rem, 0.9199rem + 0.2564vw, 1.125rem);
    font-weight:400;
    line-height:140%;
}

/* PAGINA RISULTATI DI RICERCA */
p.search-for {
    font-size: clamp(0.875rem, 0.7949rem + 0.2564vw, 1rem);
    line-height: 140%;
    margin-bottom: 0px;
    color: var(--brand-alt);
}

h1.search-title {
    font-size: clamp(2.375rem, 1.8942rem + 1.5385vw, 3.125rem);
    line-height: 80%;
    font-weight: 400;
    margin-bottom: 50px;
    color: var(--brand-alt);
}