/* 
Theme Name: Hello Mespack
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Tema per a Mespack
Author: Colaboratori
Author URI: https://colaboratori.cat
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Mespack
--------------------------------------------- */
/* Menu
--------------------------------------------- */


a {
    background-color: transparent;
    color: var(--e-global-color-primary);
    text-decoration: none;
}
h1.page-title{
	font-weight: 700;
}

main#primary { /* fix solution finder */
    max-width: 1300px;
}

p {
    display: block;
    margin-block-start: 0px;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    unicode-bidi: isolate;
}
a.btn-text  {
	/*boto dins un text-editor */
	display: inline-block;
    margin-top:20px;
    padding: 10px 25px;
    background: var(--e-global-color-primary);
    color: white;
    border-radius: 12px;
    font-size: 21px;
    text-decoration: none;
    font-weight: 600;
   	transition: 0.4s;
}
a.btn-text:hover {
	background: var(--e-global-color-secondary);
}

.page-template-default ol, .page-template-default ul {list-style-position: inside;
	margin-bottom: 20px;
}

table{
 font-size: initial;
}
table td, table th {
    border: none;
}
table tr {
    border-bottom: 1px solid var(--e-global-color-4a05f53);
}
.machine-table tr:nth-child(even),
.machine-table tr:nth-child(odd),
.machine-table tr td,
.machine-table tr th {
    background-color: #ffffff!important; /* blanc */
}
.machine-table td.column-selected, .machine-table th.column-selected, .recommend-msg{
	background-color:#e3092c14!important;
}
.machine-table thead th {
    border-bottom: 1px solid #E3092C;
    border-block-start: 0px !important;
}
table.table.machine-table{
	margin-top: 10px;
}

.recommend-msg{
	color: var(--e-global-color-secondary);
}
.recommend-msg i{
	color: var(--e-global-color-primary);
}
/* ATHENA */
/* hotspots */

/*
.iot-hotspots .e-hotspot:nth-child(3) .e-hotspot__button {
    display: flex;
    flex-direction: column-reverse!important;
}
.iot-hotspots .e-hotspot:nth-child(4) .e-hotspot__button {
    display: flex;
    flex-direction: column!important;
}
.iot-hotspots .e-hotspot:nth-child(6) .e-hotspot__button {
    display: flex;
    flex-direction: row-reverse!important;
}
.btn-ico-popups span.elementor-button-icon svg {
    width: 50px;
    margin-top: 10px;
}
.btn-ico-popups span.elementor-button-content-wrapper {
    display: flex;
    align-items: center;
}
*/
.duravant-family {
    max-height: calc(100vh - 90px);
    overflow-y:auto!important;
}
#header-brands-toggle {
	background: #f8f8f8;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(25%,#f8f8f8),to(#e0e0e0));
	background: linear-gradient(to bottom,#f8f8f8 25%,#e0e0e0 100%);
	padding: 0px;
	margin: -2px 15px 0;
	position: relative;
	-webkit-box-shadow: 0 1.5px 0 0 #d0d0d0;
	box-shadow: 0 1.5px 0 0 #d0d0d0;
	z-index: 999;
	height: 35px!important;
}
#header-brands-toggle:after, #header-brands-toggle:before {
	content: "";
	display: block;
	position: absolute;
	top: -1px;
	bottom: -.4px;
	left: -10px;
	width: 15px;
	background: inherit;
	z-index: 1;
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transform: skew(8deg);
	transform: skew(8deg);
	border-radius: 0 0 0 10px;
	-webkit-box-shadow: -2px 1px 0 0 #d5d5d5;
	box-shadow: -2px 1px 0 0 #d5d5d5;
}
#header-brands-toggle:after {
	left: auto;
	right: -10px;
	-webkit-transform: skew(-8deg);
	transform: skew(-8deg);
	border-radius: 0 0 10px;
	-webkit-box-shadow: 2px 1px 0 0 #d5d5d5;
	box-shadow: 2px 1px 0 0 #d5d5d5;
}
@media screen and (max-width: 490px) {
	#languages-button .elementor-button-text  {
		display: none;
	}
	#languages-button .elementor-button-icon {
		font-size: 22px;
	}
}


header .elementor-nav-menu--main a.elementor-item.elementor-item-active{
	background-color: transparent;
	color:var( --e-global-color-primary );
}
header nav ul.elementor-nav-menu li a.elementor-item.elementor-item-active {
    color: var( --e-global-color-primary );
    border-bottom: 1px solid var( --e-global-color-primary );
}
header nav ul.sm-vertical li a.elementor-item.elementor-item-active {
    color: #ffffff;
    background: var( --e-global-color-primary );
}

/* header megamenu */

header .mega-section ul li {
    margin-left: 0px;
    text-indent: 0px;
}
header .mega-section ul li a {
    padding: 1px 6px;
    display: inline-block;
	color:var( --e-global-color-text );
  	background-color:transparent;
 	transition: 0.3s;
 	width: 100%;
}
header .mega-section ul li a:hover{
	color:#ffffff;
	background-color:var( --e-global-color-primary );
}
header .mega-section ul li::before {
	content: none;
}
footer a.elementor-button:hover{
		text-decoration: none;
}
footer a{
	color:white;
	transition: 0.2s;
	text-underline-offset: 2px;
}
footer a:hover{
	color:white;
	text-decoration: underline;
	text-underline-offset: 4px;
	text-decoration-thickness: 0.5px;
}

.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active{
	color:#ffffff;
}

.elementor-widget-n-menu .e-n-menu-item-title .e-n-menu-item-icon {
    width: 10px!important;
}

/* menu tablet / mobil */

.elementor-popup-modal nav.elementor-nav-menu--dropdown a{
	display: flex!important;
	justify-content: space-between!important;
}
.elementor-popup-modal nav.elementor-nav-menu--dropdown ul.sub-menu {
	background-color:#ffffff!important;
}
.elementor-popup-modal nav.elementor-nav-menu--dropdown ul.sub-menu li a {
	color: var( --e-global-color-primary )!important;
	font-family: var(--e-global-typography-text-font-family ), Sans-serif!important;
	text-transform: initial!important;
}
.elementor-popup-modal nav.elementor-nav-menu--dropdown a.elementor-sub-item {
    padding: 10px!important;
}
.elementor-nav-menu--dropdown a:hover, .elementor-13581 .elementor-element.elementor-element-613d9961 .elementor-nav-menu--dropdown a.elementor-item-active{
    color: var(--e-global-color-6bc3531 )!important;
}
header .elementor-nav-menu--dropdown ul.submenu li a:hover, header .elementor-nav-menu--dropdown ul.submenu li a.elementor-item-active {
    color: var(--e-global-color-6bc3531 )!important;
}
ul.elementor-nav-menu--dropdown li.menu-item a.elementor-sub-item:hover, ul.elementor-nav-menu--dropdown li.menu-item a.elementor-sub-item.highlighted {
    color: var(--e-global-color-6bc3531 )!important;
    background-color: #e30b2dab!important;
}



header .elementor-button:focus, header .elementor-button:hover {
    color: inherit;
    background-color: inherit!important;
}


.menu_content{
    position: absolute;
    top:46px;
    opacity: 0;
    pointer-events: none;
}

.menu_content:hover, .menu_content:focus, .menu_content:focus-within{
    opacity: 1;
    pointer-events: visible;
}

.nav_item{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;    
    -ms-flex-align: center;    
    align-items: center;    
    height: 50px;
}



.nav_item:hover + .menu_content, .nav_item:focus-within + .menu_content {
    opacity: 1;
    pointer-events: visible;
}

.nav_item{
padding: 0 12px;
}


/*.nav_item .elementor-heading-title a::after {
  content: "→";

}*/
.nav_item .elementor-heading-title {
    position:relative;
}
.nav_item:hover .elementor-heading-title a::after {
    content: "";
    bottom: -12px;
    background-color: var( --e-global-color-primary ) !important;
    height: 4px !important;
    display: block;
    position: absolute;
    width: 100%;
}

.nav_item:hover .elementor-heading-title {
color: var( --e-global-color-primary ) !important;

}

/* Nou megamenu JetMenu 

li.jet-mega-menu-item--top-level:hover {
	border-bottom: 4px solid var( --e-global-color-primary );
}
li.jet-mega-menu-item--top-level {
	border-bottom: 4px solid transparent;
}
.jet-mega-menu.jet-mega-menu--layout-horizontal .jet-mega-menu-mega-container__inner {
	background-color: transparent!important;
}
.jet-mega-menu-mega-container h3:hover{
	color:white!important;
}
.jet-mega-menu-mega-container div.elementor-heading-title a:hover{
		text-decoration:underline!important;
	}
*/
/* submenu desplegable 
.jet-mega-menu.jet-mega-menu--layout-horizontal .jet-mega-menu-sub-menu .jet-mega-menu-item__inner:hover {
	background-color: var( --e-global-color-primary )!important;
}
.jet-mega-menu.jet-mega-menu--layout-horizontal .jet-mega-menu-sub-menu .jet-mega-menu-item__inner {
	width: 100%!important;
}
.jet-mega-menu-item__dropdown i.fas.fa-chevron-down {
    font-size: 12px;
    margin-left: -5px;
}
*/


/* Header page
--------------------------------------------- */
/*#page-header .elementor-widget-divider .elementor-icon {
    font-size: 100px;
}
#page-header .elementor-widget-divider .elementor-icon svg {
    height: 40px;
    }*/

/* Dividers
--------------------------------------------- */
.elementor-widget-divider .elementor-icon {
	font-size: 100px!important;
}
.elementor-widget-divider .elementor-icon svg {
	height: 40px !important;
}

/*gallery no-crop*/
.e-gallery-image {
	background-position: center center!important;
	background-size: contain!important;
	background-repeat: no-repeat!important;
}

/*horitzontal scroll*/
/*.premium-hscroll-sections-wrap {
    min-height: auto!important;
    }*/
    .premium-hscroll-pagination {
    	display: none!important;
    }

    /*arrow list*/
/*.elementor-widget-text-editor li::marker {
    content: url("https://mespack.com/wp-content/uploads/2021/08/arrow-list.svg");
    }*/
    .elementor-widget-text-editor li::before {
    	content: url(https://mespack.com/wp-content/uploads/2021/08/arrow-list.svg);
    	left: -8px;
    	position: relative;
    }
    .elementor-widget-text-editor ul {
    	padding-left: 0px;
    	list-style: none;
    }
    .elementor-widget-text-editor li {
    	margin-left: 50px;
    	text-indent: -38px;
    }

    /*tooltip*/
    .e-hotspot__tooltip {
		max-width: 90vw;
		white-space: normal;
		box-sizing: border-box;
	}

    .tooltipster-box .tooltipster-content {
    	margin: 15px!important;
    }
    .tooltipster-box .tooltipster-content li::before {
    	content: url(https://mespack.com/wp-content/uploads/2021/08/arrow-list.svg);
    	left: -8px;
    	position: relative;
    }
    .tooltipster-box .tooltipster-content li {
    	margin-left: 50px;
    	text-indent: -38px;
    }
    .tooltipster-box .tooltipster-content ul {
    	padding-left: 0px;
    	list-style: none;
    }

    /*llista models*/
    .model.elementor-post .elementor-post__thumbnail__link {
    	background-color: transparent;
    	padding: 20px;
    }

    .model.elementor-post .elementor-post__title {
    	border-bottom: solid 1px #D6D9DC;
    	padding-bottom: 10px;
    }

    /* llista check (athena) */

.llista-check li {
    display: block;
    border-top: 1px solid #D6D9DC;
    padding: 10px 0px 0px 0px;
}
.elementor-widget-text-editor.llista-check li i {
	 color: var(--e-global-color-primary)!important;
	 float:right;

}
.elementor-widget-text-editor.llista-check li::before {
    	content:none;
    	left: 0px;
    	position: relative;
    }
    .elementor-widget-text-editor.llista-check ul {
    	padding-left: 0px;
    	list-style: none;
    }
    .elementor-widget-text-editor.llista-check li {
    	margin-left: 0px;
    	text-indent: 0px;
    }




/* boto leaflet */
.premium-modal-trigger-container .premium-modal-trigger-btn {
    -webkit-transition: none!important; 
    transition: none!important; 
}
.premium-modal-trigger-btn .premium-modal-box-icon, .premium-modal-trigger-btn i, .premium-modal-trigger-btn>svg {
    -webkit-transition: none!important; 
    transition: none!important; 
}
/* boto about us -> solution finder */

.elementor-15056 .elementor-element.elementor-element-63e7cf6 .elementor-button{
	background-color: #E3092C00!important;
}



/* gravity Forms
--------------------------------------------- */
.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {

	padding: 5px 0px!important;
}

.gform_wrapper textarea {

	padding: 5px 0px!important;
}

.gform_wrapper input[type="text"], .gform_wrapper input[type="email"], .gform_wrapper input[type="url"], .gform_wrapper input[type="password"], .gform_wrapper input[type="tel"], .gform_wrapper textarea {
	border: none !important;
	border-bottom: 1px solid #000!important;
	border-radius: 0px!important;
	color: var( --e-global-color-secondary )!important;
	
}

.gform_wrapper .form-legal {
	margin-top: 50px!important;
	font-size: 13px!important;
}
.gform_wrapper select {
	padding: 13px 16px 13px 0px!important;
	color: #757575!important;
	/* border: 1px solid rgb(0 0 0 / 80%)!important;*/
	border: none !important;
	border-bottom: 1px solid #000!important;

}
.gform_wrapper button, .gform_wrapper input[type="button"], .gform_wrapper input[type="reset"], .gform_wrapper input[type="submit"] {
	border: none!important;
	border-radius: 3px!important;
	background: #e3092c!important;
	color: rgb(255 255 255 / 100%)!important;
	line-height: 1!important;
	padding: 20px!important;
}
.image-choices-field .image-choices-choice-text, .image-choices-field .image-choices-choice-price {
	font-size: 16px!important;
	font-weight: normal;
	line-height: 1.4!important;
	padding-top: 16px!important;
}
.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit] {
	font-size: 18px!important;
}
li.gfield.gfield_error {
    background-color: transparent!important;
    border: none!important;
    padding: 0 auto!important;
    color: red!important;
}
.gform_validation_errors>h2.hide_summary{
	padding: 0 20px;
    text-align: left;
    color: var(--e-global-color-primary)!important;
}
.gform_legacy_markup_wrapper .validation_message, .gform_legacy_markup_wrapper h2 {
	color: var(--e-global-color-primary)!important;
}
@media only screen and (max-width: 728px) {
	body.page-template #gform_1 .image-choices-field.gf_list_5col .image-choices-choice, .gform_wrapper .gfield.image-choices-field.gf_list_5col li.image-choices-choice {
		width: 46% !important;
	}
}



/* mockups model page
--------------------------------------------- */
.packaging-mockup, .packaging-mockup img {
	width: 35%!important;
	height: auto!important;
	padding: 0px!important;
	margin: -35px -10px 20px -10px!important;
	float:right;
}

@media only screen and (max-width: 900px) {
	.packaging-mockup, .packaging-mockup img {
		width: 33%!important;
		height: auto!important;
		padding: 0px!important;
		margin: -15px -5px 20px -5px!important;
	}
}
@media only screen and (max-width: 728px) {
	.packaging-mockup, .packaging-mockup img {
		width: 35%!important;
		height: auto!important;
		padding: 0px!important;
		margin: 0px -10px 20px -10px!important;
	}
}

/* main standard features model page
--------------------------------------------- */

.llegenda {
	font-family: var( --e-global-typography-7b1924f-font-family ), Sans-serif;
	font-size: 13px;
	line-height: 16px;
	font-weight: 200;
}

ul.main-standard-features li {
	margin-left: 50px;
	text-indent: -38px;
}
ul.main-standard-features {
    list-style: none;
    padding: 0px;
}
ul.main-standard-features li::before {
	content: url(https://mespack.com/wp-content/uploads/2021/08/arrow-list.svg);
	left: -8px;
	position: relative;
}
ul.main-standard-features li a {
	transition-duration: .3s!important;
}
ul.main-standard-features li a {
	transition-duration: .3s!important;
}
ul.main-standard-features li:hover a {
	color: #ea4335;
	margin-left: 6px;
}


/* llistat series models */

.elementor-widget-theme-post-excerpt p {
    margin: 0px;
}
.elementor-widget-theme-post-excerpt {
	margin: 20px 0px;
}

/* solution finder
--------------------------------------------- */

.search-wrapper p {
	margin: 0px 0px 20px 0px;
}

p.description span.bullet {
	background-color: #E3092C;
	border-radius: 50%;
	padding: 2px 8px;
	color: white;
	margin-right: 10px;
	width: 26px;
	height: 26px;
	display: inline-block;
}
p.description {
	font-weight: 700;
	line-height: 21px!important;
}

.form-product-material .form-section{
  width:50%!important;
}

@media only screen and (max-width: 728px) {
	.form-product-material .form-section{
  width:auto;
}

}


.form-product-material div.form-section:first-child .simple-radio {
  padding-right: 25px!important;
}



/* Solution finder: Resultats de cerca */

.model-image img {
	max-height: 200px;
}
.model-image {
	background-color: white;
	margin-bottom: 0px;
	padding: 15px;
	height: 240px;
	display: flex;
	overflow: hidden;
}

.machine-name.column-selected {
	border-top: 3px solid #E3092C!important;
}
.no-results h3 {
	font-weight: 500!important;
	padding-right: 10%!important;
}



@media only screen and (max-width: 728px) {
	.machine-result-list .machine-page-wrapper {
		width: 100%!important;
	}
}


/* notícies next prev */

.elementor-post-navigation__next.elementor-post-navigation__link {
	padding-left: 25px;
}
.elementor-post-navigation__prev.elementor-post-navigation__link {
	padding-right: 25px;
}


/* titols loop màquines més petits per noms llargs
--------------------------------------------- */
body.page-id-2087 .loop-model h3.elementor-heading-title.elementor-size-default {
	font-size: 31px!important;
}



/* titols toggles màquines hydroforma (taules picades html)
--------------------------------------------- */

h2.elementor-toggle-title {
	font-family: var( --e-global-typography-7b1924f-font-family ), Sans-serif;
	font-size: var( --e-global-typography-7b1924f-font-size );
	font-weight: var( --e-global-typography-7b1924f-font-weight );
	text-transform: var( --e-global-typography-7b1924f-text-transform );
	font-style: var( --e-global-typography-7b1924f-font-style );
	line-height: var( --e-global-typography-7b1924f-line-height );
	letter-spacing: var( --e-global-typography-7b1924f-letter-spacing );
	border-bottom: 1px solid;
	border-color: var( --e-global-color-4a05f53 );
	padding: 40px 0px 10px 0px;
}

.menu_portfolio .elementor-widget-heading:hover h3 a, .menu_portfolio_models .elementor-widget-heading:hover h3 a{
	color: #ffffff; 
}

.home .elementor-slides .swiper-slide-inner {
	padding: 0px!important;
}

/* form golden ticket */
#gform_wrapper_13 .gform_required_legend {
	display: none;
}

#smart_functions .optional figcaption::after {
    content: "*";
}
#smart_functions .optional2 figcaption::after {
    content: "**";
}


/* amagem els editors visuals (elementor i edit page) per a les traduccions */
body.lang-es li#wp-admin-bar-elementor_edit_page, body.lang-es li#wp-admin-bar-edit {
	display: none;
}
header ul.elementor-nav-menu {
	min-width: 200px;
}


[class^="picto-mic"] {
    display: inline-block;
    width: 45px;
    height: 45px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
    margin-right: 10px;
}
.picto-mic1 {
    background-image: url('https://mespack.com/wp-content/uploads/2025/08/pictos-MIC-01.png');
}
.picto-mic2 {
    background-image: url('https://mespack.com/wp-content/uploads/2025/08/pictos-MIC-02.png');
}
.picto-mic3 {
    background-image: url('https://mespack.com/wp-content/uploads/2025/08/pictos-MIC-03.png');
}
.picto-mic4 {
    background-image: url('https://mespack.com/wp-content/uploads/2025/08/pictos-MIC-04.png');
}
.picto-mic5 {
    background-image: url('https://mespack.com/wp-content/uploads/2025/08/pictos-MIC-05.png');
}
.picto-mic6 {
    background-image: url('https://mespack.com/wp-content/uploads/2025/08/pictos-MIC-06.png');
}
.picto-mic7 {
    background-image: url('https://mespack.com/wp-content/uploads/2025/08/pictos-MIC-07.png');
}
.picto-mic8 {
    background-image: url('https://mespack.com/wp-content/uploads/2025/08/pictos-MIC-08.png');
}
.picto-mic11 {
    background-image: url('https://mespack.com/wp-content/uploads/2025/09/ico-turnkey-1.svg');
}
.picto-mic12 {
    background-image: url('https://mespack.com/wp-content/uploads/2025/09/ico-turnkey-2.svg');
}
.picto-mic13{
    background-image: url('https://mespack.com/wp-content/uploads/2025/09/ico-turnkey-3.svg');
}
.picto-mic14 {
    background-image: url('https://mespack.com/wp-content/uploads/2025/09/ico-turnkey-4.svg');
}
.picto-mic15 {
    background-image: url('https://mespack.com/wp-content/uploads/2025/09/ico-turnkey-5.svg');
}
.picto-mic16 {
    background-image: url('https://mespack.com/wp-content/uploads/2025/09/ico-turnkey-6.svg');
}
.picto-mic17 {
    background-image: url('https://mespack.com/wp-content/uploads/2025/09/ico-turnkey-7.svg');
}
.caption-right figure.wp-caption {
    display: flex;
    align-items: center;
    column-gap: 20px;
}
.border-none .e-n-accordion details div {
	border:none;
}