/* 
Theme Name: Certe Notti
Theme URI: https://github.com/elementor/hello-theme-child/
Author: Webaze
Author URI: https://webaze.biz
Template: hello-elementor
Version: 2.0.0
Text Domain: certe-notti
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
*/







/************************************************/
/*** # ELEMENTOR GLOBAL STYLES ******************/
/************************************************/
.color-primary {
    color: var(--e-global-color-primary) !important
}

.color-secondary {
    color: var(--e-global-color-secondary) !important
}

.color-text {
    color: var(--e-global-color-text) !important
}

.color-accent {
    color: var(--e-global-color-accent) !important
}

.color-fff {
    color: var(--color-fff) !important
}

.bg-color-primary {
    background-color: var(--e-global-color-primary) !important
}

.bg-color-secondary {
    background-color: var(--e-global-color-secondary) !important
}

.bg-color-text {
    background-color: var(--e-global-color-text) !important
}

.bg-color-accent {
    background-color: var(--e-global-color-accent) !important
}

.bg-color-fff {
    background-color: var(--color-fff) !important
}

.bg-color-f7 {
    background-color: var(--color-f7) !important
}

.text-primary {
    font-family: var(--e-global-typography-primary-font-family);
    font-size: var(--e-global-typography-primary-font-size);
    font-weight: var(--e-global-typography-primary-font-weight);
    line-height: var(--e-global-typography-primary-line-height);
    letter-spacing: var(--e-global-typography-primary-letter-spacing);
    word-spacing: var(--e-global-typography-text-word-spacing);

}

.text-secondary {
    font-family: var(--e-global-typography-secondary-font-family);
    font-size: var(--e-global-typography-secondary-font-size);
    font-weight: var(--e-global-typography-secondary-font-weight);
    line-height: var(--e-global-typography-secondary-line-height);
    letter-spacing: var(--e-global-typography-secondary-letter-spacing);
    word-spacing: var(--e-global-typography-text-word-spacing);
}

.text-accent {
    font-family: var(--e-global-typography-accent-font-family);
    font-size: var(--e-global-typography-accent-font-size);
    font-weight: var(--e-global-typography-accent-font-weight);
    line-height: var(--e-global-typography-accent-line-height);
    letter-spacing: var(--e-global-typography-accent-letter-spacing);
    word-spacing: var(--e-global-typography-text-word-spacing);
}

.text-normal {
    font-family: var(--e-global-typography-text-font-family);
    font-size: var(--e-global-typography-text-font-size);
    font-weight: var(--e-global-typography-text-font-weight);
    line-height: var(--e-global-typography-text-line-height);
    letter-spacing: var(--e-global-typography-text-letter-spacing);
    word-spacing: var(--e-global-typography-text-word-spacing);
}


/************************************************/
/*** # FLUID TYPOGRAPHY *************************/
/************************************************/
body.elementor-default {


    /* https://modern-fluid-typography.vercel.app/ */

    /* PRIMARY: 42 -> 30 */
    --e-global-typography-primary-font-size: clamp(1.875rem, 1vw + 1.25rem, 2.625rem);

    /* SECONDARY: 34 -> 20 */
    --e-global-typography-secondary-font-size: clamp(1.25rem, 1vw + 1rem, 2.125rem);

}


/************************************************/
/*** # MAIN RULES *******************************/
/************************************************/
body {
    font-family: "Montserrat", sans-serif
}

strong,
b,
.strong,
.bold {
    font-weight: bold
}

i,
em {
    font-style: italic
}

/* boostrap classes */
.d-none {
    display: none !important
}

@media (min-width: 1025px) {
    .d-lg-block {
        display: block !important
    }
}

.pt-10 {
    padding-top: 10px
}

.pt-20 {
    padding-top: 20px
}

.pb-10 {
    padding-bottom: 10px
}

.pb-20 {
    padding-bottom: 10px
}

.px-10 {
    padding: 10px
}

.px-20 {
    padding: 20px
}

.bold {
    font-weight: bold !important
}

.text-centered {
    text-align: center
}

.text-transform-none,
.text-transform-none * {
    text-transform: none !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.w-50 {
    width: 50%
}

.magnet {
    will-change: transform;
    transition: transform 0s;
}

.boxed_section {
    max-width: var(--main-container-max-width);
    margin: 0 auto
}

.hide-overflow {
    overflow: hidden;
}

.boxed-col-left {
    padding-left: calc((100% - var(--main-container-max-width))/2)
}

.boxed-col-right {
    padding-right: calc((100% - var(--main-container-max-width))/2)
}

#page-overlay {
    display: none
}

/* overridden by live-site-styles */

@media (max-width:767px) {
    .no-mobile {
        display: none
    }
}

.low-opacity {
    opacity: 0.16
}

.policies p {
    margin-bottom: 10px
}

.policies a {
    color: var(--e-global-color-accent)
}









/****************************************************************************************/
/* # CERTE NOTTI RULES ********************************************************************/
/****************************************************************************************/

p {margin-block: 0px}


#header_menu li.menu-item:last-child a{
    background-color: var(--e-global-color-secondary);
    padding: 10px 20px;
}
#header_menu li.menu-item:last-child a:hover {
    color: #fff;
}


#whatsapp_button {
    position:fixed;
    bottom:90px;
    right:20px;
    z-index:99;
/*     opacity: 0;
    pointer-events: none;
    transition:opacity .4s ease */
}
/* #whatsapp_button.active {opacity:1; pointer-events: all} */

#telegram_button {
    position:fixed;
    bottom:20px;
    right:20px;
    z-index:99;
/*     opacity: 0;
    pointer-events: none;
    transition:opacity .4s ease */
}
/* #telegram_button.active {opacity:1; pointer-events: all} */

#whatsapp_button svg, #telegram_button svg { filter: drop-shadow( 0px 0px 3px rgba(120, 120, 120, .45)) }


.square_deco {
    line-height: 0;
    position: absolute;
    bottom:0px;
    z-index: -1;
}

.square_deco.sq_left {
    left: 0px;
        transform: translate(-50%, 50%)
    
}
.square_deco.sq_right {
    right: 0px;
        transform: translate(50%, 50%)
    
}

@media (max-width:1140px) {
	.square_deco {display: none}
}

.boxed-col-left{
    padding-left:calc((100% - 1140px)/2)
}

.boxed-col-right{
    padding-right:calc((100% - 1140px)/2)
}

/* .loop_evento_item .elementor-widget-theme-post-featured-image {
	overflow:hidden;
	width:100%;
	
}
.loop_evento_item .elementor-widget-theme-post-featured-image a{
	width:100%;
	
}
.loop_evento_item img {
	width:100%;

} */



.loop_partner_item .elementor-widget-theme-post-featured-image,
.loop_partner_item .elementor-widget-theme-post-featured-image a{
	width:100%;
	
}
.loop_partner_item img {
/* 	width:100%;
    aspect-ratio: 1 / 1;
    object-fit: cover; */
}

.loop_partner_item li.elementor-icon-list-item{ display: none}
.loop_partner_item li.elementor-icon-list-item:has(a){display: block !important}

.articolo_content {
	text-align: center !important;
}

.articolo_content h1,h2,h3,h4,h5,h6{
	line-height: 1;
	min-height: 1em;
}
.articolo_content h1 {font-size: 36px}
.articolo_content h2 {font-size: 26px}
.articolo_content h3 {font-size: 22px}
.articolo_content h4 {font-size: 18px}
.articolo_content h5 {font-size: 14px}
.articolo_content h6 {font-size: 12px}

.articolo_content p{
	font-size: 16px;
	padding-bottom:20px;
	min-height: 1em;
	
}


.carousel_fill_img img {
	aspect-ratio: 1/1;
	object-fit:cover
}

@media (max-width:1140px) {
	header .elementor-nav-menu a {justify-content: flex-end !important; text-align: right}
}

/****************************************************************************************/
/* # CUSTOM PADDINGS ********************************************************************/
/* classi impostate tramite controllo iniettato nel widget 'container' di elementor     */
/****************************************************************************************/

/* default -> non inserisco regole */
.e-con.h_padding_default {}

.e-con.v_padding_default {}

.e-con.h_padding_medium {
    padding-left: 4vw;
    padding-right: 4vw;
    padding-left: 4dvw;
    padding-right: 4dvw;
}

.e-con.h_padding_big {
    padding-left: 7vw;
    padding-right: 7vw;
    padding-left: 7dvw;
    padding-right: 7dvw;
}

.e-con.v_padding_medium {
    padding-top: 4vh;
    padding-bottom: 4vh;
    padding-top: 4dvh;
    padding-bottom: 4dvh;
}

.e-con.v_padding_big {
    padding-top: 7vh;
    padding-bottom: 7vh;
    padding-top: 7dvh;
    padding-bottom: 7dvh;
}

/* se non default, reset elementor padding */
.e-con.h_padding_none,
.e-con.h_padding_medium .e-con-inner,
.e-con.h_padding_big .e-con-inner,
.e-con.h_padding_none .e-con-inner {
    padding-left: 0px;
    padding-right: 0px;
}

.e-con.v_padding_none,
.e-con.v_padding_medium .e-con-inner,
.e-con.v_padding_big .e-con-inner,
.e-con.v_padding_none .e-con-inner {
    padding-top: 0px;
    padding-bottom: 0px;
}

@media (max-width:1140px) {
    .e-con.v_padding_medium {
    padding-top: 3vh;
    padding-bottom: 3vh;
    padding-top: 3dvh;
    padding-bottom: 3dvh;
}

    .e-con.v_padding_big {
		padding-top: 4.5vh;
		padding-bottom: 4.5vh;
		padding-top: 4.5dvh;
		padding-bottom: 4.5dvh;
	}

    .e-con.v_padding_medium {}

    .e-con.v_padding_big {}
}


/************************************************/
/*** # CUSTOM ELEMENTOR ANIMATION CLASSES *******/
/************************************************/

.custom_fadeUp_anim {
    animation-name: custom_fadeUp_anim;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --delta-y: clamp(20px, 20%, 40px)
}

@keyframes custom_fadeUp_anim {
    0% {
        transform: translateY(var(--delta-y));
        opacity: 0
    }

    80% {
        opacity: 1
    }

    100% {
        transform: translateY(0%);
    }
}


.custom_slideUp_anim {
    overflow: hidden
}

.custom_slideUp_anim .elementor-widget-container {
    animation-name: custom_slideUp_anim;
    animation-duration: inherit;
    animation-delay: inherit;
}

@keyframes custom_slideUp_anim {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0%)
    }
}


.custom_slideDown_anim {
    overflow: hidden
}

.custom_slideDown_anim .elementor-widget-container {
    animation-name: custom_slideDown_anim;
    animation-duration: inherit;
    animation-delay: inherit;
}

@keyframes custom_slideDown_anim {
    0% {
        transform: translateY(-100%);
    }

    100% {
        transform: translateY(0%)
    }
}

.custom_clipUp_anim {
    animation-name: custom_clipUp_anim
}

.custom_clipDown_anim {
    animation-name: custom_clipDown_anim
}

.custom_clipLeft_anim {
    animation-name: custom_clipLeft_anim
}

.custom_clipRight_anim {
    animation-name: custom_clipRight_anim
}

@keyframes custom_clipUp_anim {
    0% {
        clip-path: inset(100% 0 0 0);
    }

    100% {
        clip-path: inset(0 0 0 0);
    }
}

@keyframes custom_clipDown_anim {
    0% {
        clip-path: inset(0 0 100% 0);
    }

    100% {
        clip-path: inset(0 0 0 0);
    }
}

@keyframes custom_clipLeft_anim {
    0% {
        clip-path: inset(0 0 0 100%);
    }

    100% {
        clip-path: inset(0 0 0 0);
    }
}

@keyframes custom_clipRight_anim {
    0% {
        clip-path: inset(0 100% 0 0);
    }

    100% {
        clip-path: inset(0 0 0 0);
    }
}



.custom_blurIn_anim {
    animation-name: custom_blurIn_anim
}

@keyframes custom_blurIn_anim {
    0% {
        filter: blur(100px);
    }

    100% {
        filter: blur(0px);
    }
}

.custom_scaleIn_anim {
    animation-name: custom_scaleIn_anim;
	animation-timing-function: cubic-bezier(0.33,1.35,0.54,1.23)
}

@keyframes custom_scaleIn_anim {
    0% {
        transform:scale(0);
    }

    100% {
        transform:scale(1);
    }
}


/* MAILCHIMP */
.mc4wp-form-fields input[type="email"] {
	border: none;
	border-radius: 0px
}
.mc4wp-form-fields p:nth-child(2) {
	padding-block:20px
}
.mc4wp-form-fields p:nth-child(2) a{
	color:var(--e-global-color-text);
	text-decoration: underline;
}

.mc4wp-form-fields input[type="submit"] {
	background-color: var(--e-global-color-accent);
}