/*
Theme Name: Giorgio Cannistraro
Description: Tema custom su base avada per lo studio dentistico Giorgio Cannistraro
Author: Francesca Salvini by Creative House
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/


html { scroll-behavior: smooth; }

/* LOGO */
.fusion-logo img { max-height: 60px !important; }

.button-formprenota { margin-right: 20px; }


/* menu hamburger */
.fusion-menu-element-wrapper.collapse-enabled.mobile-mode-collapse-to-button.expanded > ul { border-top: 1px solid rgba(0,0,0,.1); margin-top: 20px;}
#menu-menu-principale { padding-top: 20px; padding-bottom: 20px; }
#menu-menu-principale .menu-item { border: 0; padding: 0; }
#menu-menu-principale .menu-item > a { justify-content: center; }
#menu-menu-principale li:hover > a, #menu-menu-principale li.current-menu-item > a { background: var(--awb-color7) !important;  }


.fusion-main-menu-custom { background: var(--awb-color6) !important; padding-top: 100px !important; }
.w-100 { width: 100%; }
ul#primary-menu { margin: 0; padding: 0; }
ul#primary-menu, ul#primary-menu ul { list-style: none; }
ul#primary-menu li.no-link > a {
	pointer-events: none;
	cursor: default;
	font-size: 1.3em;
	color: var(--awb-color5);
}

ul#primary-menu > li { margin-bottom: 20px; }
ul#primary-menu > li > a { padding: 5px 0; }

ul#primary-menu li ul.sub-menu {
	padding: 5px 0 0 20px !important;
}

ul#primary-menu li ul.sub-menu li a { color: var(--awb-color1); }

.col-left { border-right: 1px solid #fff; }
.col-right { display: flex; align-items: flex-start; height: calc( 100vh - 150px); justify-content: flex-end; }
.col-right .text-custom { align-self: center; text-align: right; }
.col-right .text-custom a { color: var(--awb-color5); }
.col-right .text-custom a:hover { color: var(--awb-color1); }

.fusion-flyout-active .fusion-header-v6-content .fusion-logo { z-index: 9995 !important;}
.fusion-flyout-active .button-formprenota { display: none; }
.fusion-flyout-active .fusion-flyout-menu-toggle:hover .fusion-toggle-icon-line { background-color: var(--awb-color1) !important; }





/* HOMEPAGE */
/* cercio di sfondo alle immagini */
.bkg-circle {
    background-color: #f3f2f0;
    border-radius: 50%;
    width: 800px;
    height: 800px;
    position: absolute;
    z-index: -1;
    border: 50px solid #fff;
}
.bkg-circle.right { right: -250px; top: -100px; }
.bkg-circle.left { left: -250px; bottom: -250px; }



/* BOX APPROCCI */
.home .fusion-content-boxes { margin-bottom: 30px !important; }
.fusion-content-boxes.content-boxes-clean-vertical .content-box-column { padding: 25px; }
.fusion-content-boxes.content-boxes-clean-vertical .col { border-radius: 50px; box-shadow: 5px 5px 10px rgba(0,0,0,.2); }
.fusion-content-boxes.content-boxes-icon-on-top .heading img { border-radius: 50px; }
.fusion-content-boxes .heading .content-box-heading { text-transform: uppercase; font-weight: 700;  }
.fusion-content-boxes .link-area-box-hover { background-color: var(--awb-color6) !important; transition: all .3s; }


/* BOX TRATTAMENTI */
.home .section-trattamenti .content-box-wrapper { padding: 30px 75px !important; }
.section-trattamenti .content-box-heading {
	position: relative;
	margin-bottom: 75px !important;
	min-height: 65px;
}
.section-trattamenti .heading-link .content-box-heading::after {
	content: '';
    background-image: url('https://www.giorgiocannistraro.it/wp-content/uploads/2022/09/sorriso-small.png');
    position:absolute;
    left: calc(50% - 75px);
    width: 155px;
    height: 35px;
    background-repeat: no-repeat;
    bottom: -65px;
}
.section-trattamenti .link-area-box-hover .content-box-heading::after {
    background-image: url('https://www.giorgiocannistraro.it/wp-content/uploads/2022/09/sorriso-bianco-e1662978324636.png');
    transition: all .3s;
}
.section-trattamenti .fusion-read-more { color: var(--awb-color5); font-weight: 700; }
.section-trattamenti .fusion-read-more::after { content: ''; }


/* pagina CASI CLINICI */
.link-open-lightbox {
	text-align: center;
	margin: 10px auto 0;
	color: var(--awb-color5);
	font-size: 17px;
	font-weight: 700;
}
.post-36 .link-open-lightbox {
	display: inline-block;
	margin: 25px auto 0;
	padding: 13px 29px;
	border-radius: 20px;
	line-height: 1;
	background: var(--awb-color6);
	font-weight: 700;
}
.post-36 .link-open-lightbox:hover { color: #fff; }
.single-caso-studio .single-caso-studio-image-before { border-bottom: 3px solid #fff; }
.single-caso-studio:first-of-type .image-before-after img { border-right: 2px solid #fff; }
.single-caso-studio:last-of-type .image-before-after img { border-left: 2px solid #fff; }
.single-caso-studio .image-before-after img { object-fit: cover; object-position: center; height: auto; }
.single-caso-studio a { color: var(--awb-color5); }
.single-caso-studio a:hover { color: var(--awb-color1); }


/* SECTION SLOGAN */
.border-left { border-left: 5px solid #c5c5c5; padding-left: 50px; }
.smile-rotate { transform: rotateZ(-15deg); top: -50px; right: -180px; }

/* FORM FOOTER */
.frm_forms { padding: 50px; background-color: #e3ded8; border-radius: 50px; }
.frm_forms .frm_submit { text-align: center; }


/* TRATTAMENTI - PAGINA */
.fusion-content-boxes .content-box-wrapper { padding: 30px !important; }
.fusion-content-boxes .fusion-read-more-button { margin-top: 0 !important; margin-bottom: 20px; }

/* faq / toggles */
.fusion-accordian .fusion-panel { padding: 20px; }
.fusion-accordian .panel-heading .panel-title a { font-weight: 700 !important; }


/* APPROCCIO/MOCKUP - PAGINA */
.fusion-content-boxes .heading img {
	border-radius: 50px;
	height: 300px;
	object-fit: cover;
	object-position: center;
}

.number-step {
	position: absolute;
	top: -115px;
	font-size: 60px;
	color: #c8beb2;
	font-weight: 700;
}


/* TESTIMONIANZE - PAGINA */
/*.section-testimonianze .link-area-link-icon-hover .heading .content-box-heading { color: var(--awb-color5) !important; }*/
.section-testimonianze .link-area-box-hover .fusion-button { color: var(--awb-color1) !important; }
.section-testimonianze .heading .content-box-heading { margin-bottom: 20px; }
.section-testimonianze .content-container { margin-bottom: 0; }

#contpuls{display: none !important;}



/*-------------------------------------------------------------------------------------------------------------
## RESPONSIVE
---------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1024px) {
	.fusion-content-boxes.content-boxes-clean-vertical .content-box-column { padding: 15px; }
	.fusion-content-boxes .heading img { height: 200px; }
	.home .section-trattamenti .content-box-wrapper { padding: 30px !important; }
	.smile-rotate { right: -35px; }
}


@media screen and (max-width: 768px) {

	.fusion-header-has-flyout-menu .fusion-flyout-menu { align-items: flex-start; }


	.col-left { border-right: 0; }
	.col-right { height: auto; justify-content: center; border-top: 1px solid #fff; }
	.col-right .text-custom { text-align: center; }

	/* home */
	.section-mockup .fusion-content-boxes .content-box-column { width: 100% !important; margin-bottom: 0; }
	.section-trattamenti .fusion-content-boxes .content-box-column { width: 50% !important; margin-bottom: 0; clear: none; }
	.single-caso-studio .image-before-after img { height: 250px; }
	.bkg-circle.left { bottom: -150px; }


	/* elenco con bordo + sorrisone */
	.border-left { padding-left: 25px; }
	.border-left p { line-height: 1.3; }
	.smile-rotate { top: 0; }


}
@media screen and (max-width: 750px) { 
/* tolgo il bottone prenota dalla barra in alto */
	.button-formprenota { display: none; }
 }



@media screen and (max-width: 480px) {

	.fusion-flyout-menu-icons { margin-top: 5px !important; }
	#contpuls{display: flex !important;}
	.pulsmob{padding:5px;text-align: center;flex: 1;background-color:#c8beb2;border-top: 1px solid #333;border-bottom: 1px solid #333;}

	.fusion-logo img { max-height: 35px !important; }
	.fusion-header-has-flyout-menu .fusion-flyout-menu-icons .fusion-toggle-icon-line { width: 30px; }


	.col-left { padding: 0; }
	.col-right { display: none; }


	/* in home tolgo il cerchio di sfondo */
	.home .bkg-circle { display: none; }

	.fusion-content-boxes .heading img { height: auto; }
	.section-trattamenti .fusion-content-boxes .content-box-column { width: 100% !important; }
	.fusion-content-boxes .heading .content-box-heading { font-size: 24px !important; }

	/* casi reali */
	.single-caso-studio .image-before-after img { border: none !important; }



	/* FAQ */
	.fusion-accordian .fusion-toggle-icon-right .fusion-toggle-heading { font-size: 28px; }


	/* FORM */
	.frm_forms { padding: 25px; }
}