/*
Theme Name: Joca Jeans
Author: Luca Forzan - LF Design
Author URI: https://lf-design.it/
Version: 1.0
Text Domain: joca
*/

/* General */
body {
	font-family: var( --e-global-typography-text-font-family ), Sans-serif;
	margin: 0;
}
.elementor-widget-button .elementor-button {
	font-family: var( --e-global-typography-text-font-family ), Sans-serif!important;
	padding: 11px 35px!important;
}
*:focus {
    outline: none;
}
a {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
#main-header > .elementor-container,
#main-content > .elementor > .elementor-section > .elementor-container,
#main-footer > .elementor-container,
#main-content > .elementor > .elementor-section.elementor-section-full_width > .elementor-container {
	padding-left: 0;
	padding-right: 0;
}
#main-content {
	margin-top: 89px;
}

p {
	margin: 0 0 10px 0;
}

/* Header */
#main-header {
	position: fixed;
	z-index: 999;
	left: 0;
	right: 0;
	background-color: transparent;
}
#main-header .elementor-container{
	border-bottom: 1px solid #C3C3C3;
}
#main-header .elementor-nav-menu {
    text-transform: uppercase;
}
#main-header .elementor-nav-menu .elementor-item {
	font-size: 30px;
	font-weight: 500;
	line-height: 39px;
	letter-spacing: -0.02em;
	color: #fff;
}
.elementor-menu-toggle {
	border-width: 0!important;
	padding: 0!important;
	font-size: 40px!important;
}
#main-header .elementor-nav-menu--dropdown .elementor-item {
	font-size: 18px;
	line-height: 34px;
}
#main-header .elementor-nav-menu--dropdown {
	padding: 10px 24px 30px 24px;
}
#main-header .elementor-nav-menu--dropdown .cta {
	margin-left: 0;
	text-align: center;
	font-size: 14px;
	line-height: 20px;
	margin-top: 10px;
}
#main-header .elementor-nav-menu--dropdown .cta .elementor-item {
	font-size: 14px;
	line-height: 20px;
}

/*------------------------ CLASSI FOOTER ---------------------------*/
#divisore_footer{
	padding: 40px 0px;
}
.elementor-widget .elementor-icon-list-item {
    margin: 0;
    padding: 0;
    position: relative;
    padding: 10px 15px!important;
    border: 1px solid #716B6B;
}
#link-utili a{
	text-decoration: underline;
}
#rivenditore_cta a{
	color: #fff;
	text-decoration: underline;
}

.elementor-widget .elementor-icon-list-item:hover{
	background-color: #ADB5BD!important;
	color: #181818!important;
}

/*------------------------ CLASSI DI PADDING ---------------------------*/
.pad_tot{
	padding-top: 80px;
	padding-bottom: 80px;
}
.pad_top{
	padding-top: 80px;
}
.pad_bot{
	padding-bottom: 80px;
}
.pad_bot_min{
	padding-bottom: 20px;
}
.pad_top_min{
	padding-top: 20px;
}
.pad_tot_min{
	padding-top: 20px;
	padding-bottom: 20px;
}

/*------------------------ CLASSI GENERICHE DI INTESTAZIONE ---------------------------*/
#intestazione_pagina h1{
	font-size: 80px;
	font-weight: 600;
	line-height: 104px;
	letter-spacing: -0.02em;
	color: #fff;
	text-transform: uppercase;
}
#intestazione_pagina p{
	font-size: 24px;
	font-weight: 400;
	line-height: 28.8px;
	letter-spacing: -0.01em;
	color: #F4EBEB;
}
#intestazione_pagina span{
	font-size: 20px;
	font-weight: 600;
	line-height: 24px;
	letter-spacing: -0.01em;
	color: #F4EBEB;
}
#intestazione_pagina {
	padding-bottom: 20px;
}

/*------------------------ SLIDER ---------------------------*/

.slider.layout-intro .swiper-slide {
	min-height: 100vh;
	background-size: cover;
	background-position: center;
}
.slider.layout-intro .slide-overlay {
	min-height: 100vh;
	display: flex;
	align-items: flex-end;
}
.slide-container {
	width: 1440px;
	padding: 0 20px;
	max-width: 100%;
	margin: 0 auto;
}
.slider.layout-intro .slide-container {
	margin-top: 200px;
	margin-bottom: 80px;
	display: flex;
}
.slider.layout-intro .slide-container .slide-col-left {
	width: 42%;
}
.slider.layout-intro .slide-container .slide-col-right {
	width: 58%;
}
.slider.layout-intro .slide-description {
	color: #fff;
	font-size: 16px;
	font-weight: 400;
	line-height: 25.2px;
	width: 412px;
	max-width: 100%;
	margin-top: 30px;
	margin-bottom: 30px;
	min-height: 264px;
}
.slider.layout-intro .slide-title {
	margin: 0;
	font-family: "Oswald", sans-serif;
	color: #fff;
	text-transform: uppercase;
	font-size: 104px;
	line-height: 135.2px;
	font-weight: 600;
	letter-spacing: -2%!important;
	min-height: 406px;
}
.slide-prev, .slide-next {
	width: 58px;
	height: 58px;
	display: inline-block;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.swiper-button-disabled {
	opacity: 0.5;
	cursor: default;
}
.slide-navigation {
	display: none;
}
.slider.layout-intro .slide-prev, .slider.layout-intro .slide-next,
.slider-blog .slide-prev, .slider-blog .slide-next {
	background-image: url('data:image/svg+xml,<svg width="58" height="58" viewBox="0 0 58 58" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M23.6667 29L33.9167 18.75L32.3333 17.0833L20.4167 29L32.3333 40.9167L33.9167 39.25L23.6667 29ZM28.9855 -2.53653e-06C32.9952 -2.18599e-06 36.7655 0.760855 40.2965 2.28258C43.8276 3.80436 46.8991 5.86958 49.5111 8.47825C52.123 11.087 54.1908 14.1546 55.7145 17.6812C57.2382 21.2077 58 24.9758 58 28.9855C58 32.9952 57.2391 36.7655 55.7174 40.2965C54.1956 43.8276 52.1304 46.8991 49.5218 49.511C46.913 52.123 43.8454 54.1908 40.3188 55.7145C36.7923 57.2382 33.0242 58 29.0145 58C25.0048 58 21.2345 57.2391 17.7035 55.7174C14.1724 54.1956 11.1009 52.1304 8.489 49.5217C5.877 46.913 3.80917 43.8454 2.2855 40.3188C0.761835 36.7923 2.18346e-06 33.0242 2.53399e-06 29.0145C2.88453e-06 25.0048 0.76086 21.2345 2.28258 17.7035C3.80436 14.1724 5.86959 11.1009 8.47825 8.48891C11.087 5.87696 14.1546 3.80916 17.6812 2.2855C21.2077 0.76183 24.9758 -2.88706e-06 28.9855 -2.53653e-06ZM29 2.33333C21.5556 2.33333 15.25 4.91666 10.0833 10.0833C4.91667 15.25 2.33333 21.5555 2.33333 29C2.33333 36.4444 4.91667 42.75 10.0833 47.9167C15.25 53.0833 21.5556 55.6667 29 55.6667C36.4444 55.6667 42.75 53.0833 47.9167 47.9167C53.0833 42.75 55.6667 36.4444 55.6667 29C55.6667 21.5556 53.0833 15.25 47.9167 10.0833C42.75 4.91666 36.4444 2.33333 29 2.33333Z" fill="white"/></svg>');
}
.slide-next {
	-webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    -o-transform:rotate(180deg);
    transform:rotate(180deg);
	margin-left: 18px;
}

.layout-side .swiper-slide > a {
	height: 510px;
	display: block;
	background-size: cover;
	background-position: center;
}
.layout-side .swiper-slide > a:hover {
	opacity: 0.95;
}
.layout-side .slide-col-left {
	width: 30%;
}
.layout-side .slide-col-right {
	width: 70%;
}
.layout-side .slide-container {
	display: flex;
	align-items: flex-end;
}
.layout-side .slide-prev, .layout-side .slide-next {
	background-image: url('data:image/svg+xml,<svg width="58" height="58" viewBox="0 0 58 58" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M23.6667 29L33.9167 18.75L32.3333 17.0833L20.4167 29L32.3333 40.9167L33.9167 39.25L23.6667 29ZM28.9855 -2.53653e-06C32.9952 -2.18599e-06 36.7655 0.760855 40.2965 2.28258C43.8276 3.80436 46.8991 5.86958 49.5111 8.47825C52.123 11.087 54.1908 14.1546 55.7145 17.6812C57.2382 21.2077 58 24.9758 58 28.9855C58 32.9952 57.2391 36.7655 55.7174 40.2965C54.1956 43.8276 52.1304 46.8991 49.5218 49.511C46.913 52.123 43.8454 54.1908 40.3188 55.7145C36.7923 57.2382 33.0242 58 29.0145 58C25.0048 58 21.2345 57.2391 17.7035 55.7174C14.1724 54.1956 11.1009 52.1304 8.489 49.5217C5.877 46.913 3.80917 43.8454 2.2855 40.3188C0.761835 36.7923 2.18346e-06 33.0242 2.53399e-06 29.0145C2.88453e-06 25.0048 0.76086 21.2345 2.28258 17.7035C3.80436 14.1724 5.86959 11.1009 8.47825 8.48891C11.087 5.87696 14.1546 3.80916 17.6812 2.2855C21.2077 0.76183 24.9758 -2.88706e-06 28.9855 -2.53653e-06ZM29 2.33333C21.5556 2.33333 15.25 4.91666 10.0833 10.0833C4.91667 15.25 2.33333 21.5555 2.33333 29C2.33333 36.4444 4.91667 42.75 10.0833 47.9167C15.25 53.0833 21.5556 55.6667 29 55.6667C36.4444 55.6667 42.75 53.0833 47.9167 47.9167C53.0833 42.75 55.6667 36.4444 55.6667 29C55.6667 21.5556 53.0833 15.25 47.9167 10.0833C42.75 4.91666 36.4444 2.33333 29 2.33333Z" fill="%231C1B1F"/></svg>');
}
.slider-blog {
	padding-left: 10px!important;
	padding-right: 10px!important;
}
.slider-blog .swiper-slide {
	width: 436px;
}
.slider-blog.swiper {
	overflow: visible;
}
.slide-post-link-image {
	display: block;
	height: 324px;
	background-size: cover;
	background-position: center;
}
.slider-blog .slide-caption {
	padding: 32px 16px;
}
.slider-blog .slide-post-date {
	font-weight: 600;
	font-size: 16px;
	line-height: 19.2px;
	color: #ADB5BD;
	letter-spacing: -1%;
}
.slider-blog h3 {
	font-family: "Oswald", sans-serif;
	font-size: 28px;
	font-weight: 400;
	line-height: 36.4px;
	letter-spacing: -2%;
	color: #E9ECEF;
	text-transform: uppercase;
	margin: 14px 0 26px 0;
}
.slider-blog h3 a {
	color: #E9ECEF;
}
.slider-blog .slide-post-button {
	display: inline-block;
	text-transform: uppercase;
	font-family: "Oswald", sans-serif;
	font-weight: 500;
	line-height: 23.71px;
	font-size: 16px;
	color: #E9ECEF;
	border: 3px solid #ADB5BD;
	padding: 10px 30px;
	min-width: 100px;
	text-align: center;
}
.slider-blog .slide-post-button:hover {
	background-color: #ADB5BD;
	color: #181818;
}
.slider-overflow-hidden {
	overflow: hidden;
	width: 100%;
}
.slider-blog-bottom {
	display: flex;
	margin-top: 58px;
	align-items: center;
}
.slider-blog-bottom h6 {
	font-size: 16px;
	line-height: 25.6px;
	font-weight: 400;
	font-family: "Oswald", sans-serif;
	color: #ADB5BD!important;
	text-transform: uppercase;
	margin: 0;
	width: 115px;
}
.slider-blog-bottom .slide-navigation {
	width: calc(100% - 115px);
	text-align: right;
}
.slide-overlay {
	background-color: rgba(0, 0, 0, 0.5);
}

/*------------------------ CLASSI PER BLOG ---------------------------*/
.elementor-post__read-more{
    padding: 10px 30px;
    border: 3px solid #ADB5BD;
}
.elementor-post__read-more:hover{
	background-color: #ADB5BD!important;
	color: #181818!important;
	border: 3px solid #ADB5BD;
}
.elementor-post__text {
    order: 2;
}
.elementor-post__meta-data {
    order: 1;
    border-top: none!important;
}
.elementor-post__meta-data span{
    font-family: Roboto;
	font-size: 16px;
	font-weight: 600;
	line-height: 19.2px;
	letter-spacing: -0.01em;
}

/*------------------------ CLASSI PER ARTICOLI ---------------------------*/
#article_body h3{
	font-size: 26px;
	font-weight: 500;
	line-height: 33.8px;
	letter-spacing: -0.01em;
	text-transform: uppercase;
	padding-bottom: 10px;
}
#article_body p{
	font-family: Roboto;
	font-size: 18px;
	font-weight: 400;
	line-height: 32.4px;
	color: #616161;
}
#article_body .pad_tot{
	padding-top: 30px;
	padding-bottom: 30px;
}
#article_body .pad_top{
	padding-top: 30px;
}
#article_body .pad_bot{
	padding-bottom: 30px;
}
#article_body a{
	color: #2f72ff;
}
#article_body ul{
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    line-height: 32.4px;
    color: #616161;
}

/*------------------------ SEZIONI NERE ---------------------------*/
.sec_black p,
.sec_black h2 {
    color: #fff!important;
}

.sec_black p>em>a {
    color: #fff!important;
    text-decoration: underline!important;
}

/*------------------------ PULSANTI ---------------------------*/
.pulsante_inverso .elementor-button{
	color: #18191A!important;
	font-family: "Oswald", sans-serif!important;
	font-size: 16px;
	font-weight: 500;
	line-height: 23.71px;
	background-color: #fff!important;
	border: 1px solid #fff!important;
	border-radius: 5px!important;
}
.pulsante_inverso .elementor-button:hover{
	color: #fff!important;
	background-color: #18191A!important;
	border: 1px solid #fff!important;
	border-radius: 5px!important;
}

.pulsante_dritto .elementor-button{
	color: #18191A!important;
	font-family: "Oswald", sans-serif!important;
	font-size: 16px;
	font-weight: 500;
	line-height: 23.71px;
	color: #fff!important;
	background-color: #18191A!important;
	border: 1px solid #18191A!important;
	border-radius: 5px!important;
}
.pulsante_dritto .elementor-button:hover{
	color: #18191A!important;
	background-color: #fff!important;
	border: 1px solid #18191A!important;
	border-radius: 5px!important;
}

/*------------------------ CLASSI RESPONSIVE ---------------------------*/
@media (max-width: 1024px) {
	#divisore_footer{
		padding: 20px 0px;
	}
	.elementor-posts .elementor-post__card .elementor-post__meta-data {
	    padding: 10px 30px!important;
	    margin-bottom: 0;
	    border-top: 1px solid #eaeaea;
	}
	#intestazione_pagina h1 {
	    font-size: 45px;
	    line-height: 60px;
	}

	/*------------------------ SLIDER ---------------------------*/
	.slider.layout-intro .slide-container, .layout-side .slide-container {
		flex-direction: column-reverse;
	}
	.slider.layout-intro .slide-container .slide-col-left, .slider.layout-intro .slide-container .slide-col-right,
	.layout-side .slide-col-left, .layout-side .slide-col-right {
		width: 100%;
	}
	.slider.layout-intro .slide-description {
		min-height: 0;
	}
	.slider.layout-intro .slide-title {
		font-size: 54px;
		line-height: 64px;
		min-height: 0;
	}
	.layout-side .slide-navigation {
		margin-top: 30px;
	}
	.slider-blog .swiper-slide {
		width: 90%;
	}

	
}