/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
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
*/

/* Add your custom styles here */




/* ==============================
   ROBOTO VARIABLE (REGULAR + ITALIC)
   ============================== */

@font-face {
    font-family: "Roboto";
    src: url("fonts/Roboto-VariableFont_wdth,wght.ttf") format("truetype-variations");
    font-weight: 1 1000;      /* range variabile completo */
    font-stretch: 75% 125%;   /* range width variabile */
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Roboto";
    src: url("fonts/Roboto-Italic-VariableFont_wdth,wght.ttf") format("truetype-variations");
    font-weight: 1 1000;      /* range variabile completo */
    font-stretch: 75% 125%;
    font-style: italic;
    font-display: swap;
}

/* ==============================
   APPLICA IL FONT A TUTTO IL SITO
   ============================== */

html *:not(#wpadminbar *):not(.elementor-editor-active *){
    font-family: "owners", system-ui, sans-serif !important;
}

.header_logo_cont img {
    object-fit: contain;
    width: auto;
}




.last_slide_notvisibile .swiper-wrapper > .swiper-slide:last-child {
	visibility: hidden;
}

.marginb_0, .marginb_0 * {
	margin-bottom: 0px;
}

#headermenu_mobile {
    left: -999999px;
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 99999;
}

#headermenu_mobile.opened {
    opacity: 1;
    left: 0;
}

.cta_icon_circle {
    width: 41px;
    height: 41px;
    background-color: #D8E2EA;
    border-radius: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cta_icon_circle img {
    filter: brightness(100);
}


.elementor-custom-embed-play {
    display: flex;
    align-items: center;
    justify-content: center;
}

.elementor-custom-embed-play svg{
    display: none;
}

.elementor-custom-embed-play::after {
    content: "";
    width: 50px;
    height: 50px;
    background-image: url("https://cpm.makedev.it/wp-content/uploads/2025/12/play-button.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;

    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}


.add_ctaplane .elementor-button-content-wrapper:after {
    content: url('https://cpm.makedev.it/wp-content/uploads/2025/12/send.svg');
    display: inline;
    margin-left: 10px;
}


.add_ctaplane .elementor-button-content-wrapper {
    align-items: center;
}

/*PERSONALIZZAZIONE MAKEMARK p {font-size: 24px!important;line-height: 32px!important}*/
.home header {display:none}
p, a, li, label, input, select,
h2, h3, h4, h5, h6, .e-n-accordion-item-title-text,
._form-thank-you{letter-spacing: 1px;}
.corso-template .btn_header a{
    background: linear-gradient(90deg, #13253A, #0686B5);
    clip-path: polygon(4% 0, 100% 0, 100% 100%, 0 100%);
}
.btn_header a,
.btn_openday a{
	border-radius: 0px;
	display: inline-block;
    padding: 9px 15px 9px 36px!important;
    color: #fff;
    font-weight: 700;
    font-size: 18px;
    text-decoration: none;
    background: linear-gradient(90deg, #e71583, #a8211f);
    clip-path: polygon(4% 0, 100% 0, 100% 100%, 0 100%);
    text-transform: uppercase;
}
.btn_openday a {
    padding: 15px 15px 15px 26px !important;
    clip-path: polygon(8% 0, 100% 0, 100% 100%, 0 100%);
    text-transform: none;
}
.mb-0 p {margin-bottom:0px!important}

.elementor-editor-active .overlay_box {
	position: relative!important;
	right: auto!important;
	display: block!important
}
.w-50 {width:50%}
.cursor_pointer {
cursor: pointer}
/*.overlay_box {
    position: fixed;
    top: 0;
    right: -100%;
    width: 100%;
    min-height: 100vh;
    background: #fff;
    box-shadow: -5px 0 15px rgba(0,0,0,0.2);
    transition: right 0.35s ease!important;
    z-index: 999999;
    padding: 25px;
}*/
.overlay_box {
	display: flex;
    align-content: end;
    flex-wrap: wrap;
    position: fixed;
    top: 0;
    right: -100vw;
    width: 100%;
    height: 100vh;
    background: #000000b8;
    transition: right 0.35s ease !important;
    z-index: 999999;
    display: flex;
    justify-content: flex-end;
	overflow-y: auto;
    overflow-x: hidden;
}
.scrolly {
	flex-wrap: nowrap;
    background: #fff;
    width: 50%;
    max-width: 50%;
    height: 100vh;                 
    box-sizing: border-box;
    padding: 25px;

    overflow-y: auto;               
    overflow-x: hidden;
    position: relative;
}
.overlay_box h3 {width: 85%}

.overlay_box.active {
    right: 0;
}

.close_overlay {
    position: absolute;
	top: 34px;
    right: 33px;
    font-size: 26px;
    cursor: pointer;
    font-weight: bold;
}
.bg_blue::after {
content=""}
#programma_openday .close_overlay{
    top: -20px;
    right: -12px;   z-index: 9999;}
.btn_openday a, .cta_openday a {width:100%!important}
.cta_openday a {padding-top: 16px!important;padding-bottom: 16px!important;padding-left:10px!important;padding-right:10px!important;}
#cta_openday {z-index: 99999;}
header {    position: absolute;
    width: 100%;
    top: 0;
    z-index: 9999;}

div#sidebar_openday {
    position: sticky;
    top: 95px;}
#_form_3_ input#firstname, #_form_3_ input#lastname, #_form_3_ input#email, #_form_3_ select#field\[3\], #_form_3_ select#field\[4\], #_form_3_ select#field\[5\] {
	border: 1px solid #c7473f !important;
}
input#firstname, input#lastname, input#email, select#field\[3\],
select#field\[4\], select#field\[5\]{
	border: 1px solid #8c8c8c !important;
	height: 50px!important;
	padding:15px!important
}
#_form_1_ button#_form_1_submit {
    background: linear-gradient(90deg, #e71583, #a8211f)!important;
    color: #fff !important;
	border-radius: 10px!important;
	width: 70%;
}
select#field\[5\] {
    border-radius: 10px 10px 0px 0px !important;
	color: #565656;
}
select#field\[4\] {
    border-radius: 0px 0px 10px 10px !important;
	padding-left: 12px !important;
	color: #565656;
}
select#field\[3\] {
    border-radius: 0px !important;
    border-bottom: 0px !important;
	color: #565656;
	padding-left: 12px !important;
}
._row._checkbox-radio {display:flex!important;align-items: flex-start!important;margin-bottom:15px}
.page-id-1115 #_form_3_ ._row input[type="checkbox"], #_form_1_ ._row input[type="checkbox"] {margin-right: 10px!important;}
.corso-template .overlay_box {align-content: start;}
.corso-template .scrolly,
.page-id-2569 .scrolly{
width: 40%;
    max-width: 40%;}
.corso-template .close_overlay {top:0px!important;right:0px!important}
.box_overlay .elementor-icon-wrapper {display:flex; align-items: center;justify-content:end}
.box_overlay {cursor:pointer}
.box_overlay:hover p {color:#0684B3!important}
.box_overlay:hover svg {fill:#0684B3!important}
.elementor-carousel-image-overlay.e-overlay-animation-fade {position: absolute;
    bottom:0px;
    width: 100%;
    padding: 10px;
    background: #ffffffbd;}
.elementor-carousel-image-overlay.e-overlay-animation-fade {
	color: #000;
    letter-spacing: 1px;
    height: auto;
    top: auto;
    justify-content: start;
	opacity: 1 !important;
}
.elementor-swiper-button.elementor-swiper-button-next {
bottom: -3.5rem;
    top: auto!important;}
.elementor-swiper-button.elementor-swiper-button-prev svg,
.elementor-swiper-button.elementor-swiper-button-next svg {display:none}
.elementor-swiper-button.elementor-swiper-button-prev {
right: 64px !important;
    left: auto !important;
    bottom: -2.65rem;
    top: auto !important;
}
.elementor-swiper-button.elementor-swiper-button-next {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512.01 512.01'%3E%3Cpath d='M508.62 247.8l-116.36-116.36c-4.18-4.88-11.53-5.45-16.41-1.27-4.88 4.18-5.45 11.53-1.27 16.41.39.46.81.88 1.27 1.27l96.46 96.58H11.64c-6.43 0-11.64 5.21-11.64 11.64s5.21 11.64 11.64 11.64h460.68l-96.46 96.46c-4.88 4.18-5.45 11.53-1.27 16.41s11.53 5.45 16.41 1.27c.45-.39.88-.81 1.27-1.27l116.36-116.36c4.51-4.54 4.51-11.87 0-16.41z'/%3E%3C/svg%3E");
  
  background-repeat: no-repeat;
  background-position: center;
  background-size: 28px 28px; /* regola dimensione */
  height: 28px;
  width:28px
}
.elementor-swiper-button.elementor-swiper-button-prev {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512.01 512.01'%3E%3Cpath d='M508.62 247.8l-116.36-116.36c-4.18-4.88-11.53-5.45-16.41-1.27-4.88 4.18-5.45 11.53-1.27 16.41.39.46.81.88 1.27 1.27l96.46 96.58H11.64c-6.43 0-11.64 5.21-11.64 11.64s5.21 11.64 11.64 11.64h460.68l-96.46 96.46c-4.88 4.18-5.45 11.53-1.27 16.41s11.53 5.45 16.41 1.27c.45-.39.88-.81 1.27-1.27l116.36-116.36c4.51-4.54 4.51-11.87 0-16.41z'/%3E%3C/svg%3E");
  
  background-repeat: no-repeat;
  background-position: center;
  background-size: 28px 28px;
  height: 28px;
  width:28px;transform: rotate(180deg)!important;
}
/* MASCHERA */
#box_scroll{
  overflow: hidden;
}

/* TRACK: ora è la scroll_content (full) */
#box_scroll .scroll_content{
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center;
  justify-content: flex-start !important; /* parte da sinistra */
  width: max-content !important;
  animation: marquee 10s linear infinite;

}
.cpm-menu-item-corso-cat a {padding:0px!important}
#headermenu_mobile {
    display: flex;
    justify-content: left;}

/* ITEM */
#box_scroll .box_scroll_scritta{
  display: inline-flex !important;
  align-items: center;
  gap: 24px;
  flex: 0 0 auto !important;
  width: auto !important;
  white-space: nowrap;
}

/* sicurezza */
#box_scroll .box_scroll_scritta *{
  white-space: nowrap;
}

@keyframes marquee{
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}

/* pausa on hover */
#box_scroll:hover .scroll_content{
  animation-play-state: paused;
}



@media (min-width:600px) {
	.text_black_desk p, .text_black_desk h3,
	.text_black_desk .e-n-accordion-item-title-text,
	.text_black_desk li{
		color: #000!important
	}
	.text_black_desk svg {
		fill: #000!important
	}
}

@media (max-width: 600px) {
.corso-template .btn_header a{
    background: linear-gradient(90deg, #13253A, #0686B5);
    clip-path: polygon(6% 0, 100% 0, 100% 100%, 0 100%);
}
#_form_3_ select#field\[3\] {
    font-size: 16px !important;
}
.scrolly, .page-id-2569 .scrolly {
	width: 100%;
	max-width: 100%;
}
input#firstname, input#lastname, input#email {
	border-bottom: none !important;
}
.overlay_box {
    width: 100vw;
}
	.btn_header a,
.btn_openday a{
	display: inline-block;
    padding: 9px 15px 9px 24px!important;
    color: #fff;
    font-weight: 700;
    font-size: 24px;
    text-decoration: none;
    background: linear-gradient(90deg, #D51966, #A92120);
    clip-path: polygon(12% 0, 100% 0, 100% 100%, 0 100%);
    text-transform: uppercase;
}
	.no_navigation_pointer .elementor-swiper-button {
		display: none !important;
	}
	.corso-template .scrolly {    width: 100%;
    max-width: 100%;}
	#box_scroll .scroll_content{
  animation: marquee 3s linear infinite;

}
	iframe#widget2 {height: 116%!important;}
}
input#field_2Autorizzo\ il\ trattamento\ dei\ miei\ dati\.\ Leggi\ privacy {
    margin-top: 6px;
    margin-right: 10px;
}
.corso-template #cta_openday_bottom .cta_openday {background-image: linear-gradient(180deg, #E71583 0%, #A8211F 100%) !important;}
/*alumni mansory grid*/
.masonry{
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 40px;
  row-gap: 24px
  grid-auto-rows: 6px;           /* unità piccola = più precisione */
  align-items: start;            /* evita stretch strani */
}

.masonry > .box_alumni{
  overflow: visible !important;  /* Elementor a volte nasconde */
  align-self: start;             /* importantissimo con container Elementor */
}

.masonry img{
  display:block;                 /* evita baseline-gap */
  width:100%;
  height:auto;
}