/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

.privacy-policy .header-nav {display: none}


h1 {font-size: 64px; line-height: 64px}
h2 {font-size: 36px; line-height: 38px; margin: 15px 0px}
h1 span, h2 span, h3 span, h4 span {color: #ff0000}

.titoletto p{font-size: 16px; font-weight: bold; margin-bottom: 0px!important; display: none}
.text a {color: #FF0000}
h3 {font-size: 24px; line-height: 26px;margin: 20px 0px}
h4 {font-size: 20px; line-height: 36px;margin: 20px 0px; color: #ff0000 !important}

.logo-footer img { width: 256px !important; }
.logo a {pointer-events: none}

.absolute-footer{display: none;}

.header {border-bottom:2px solid #ff0000;}

.menu-footer  {text-align: right;}
.menu-footer .col{padding: 0px;}
.menu-footer li {display: inline-block;  list-style: none;border-top:none !important;}
.menu-footer li a{color:#fff ; font-weight: 700; font-size: 16px; padding: 10px 0rem 10px 3.4rem !important}

.rounded img {border-radius: 3%; }


.star-rating::before, .star-rating span::before  { color: #FFC300 !important}

/*button*/

.header .btn-red:hover .icon-angle-right{opacity: 1}
.header .btn-red {color: #fff !important; padding: 0px 20px; font-size: 16px;}

.btn-red {font-size: 16px; font-weight: bold}
.btn-red .icon-angle-right::before {content:"";background-image: url('/lp/wp-content/themes/flatsome-child/assets/img/vector-big.png') ;width: 24px; height: 24px;background-size: 24px 24px; display: inline-block;background-position: center}
.btn-red .icon-angle-right {padding: 0px ;width: 24px; height: 24px;transition: all 0.3s ease;}
.btn-red:hover .icon-angle-right{  opacity: 1;transform: rotate(-45deg); }


.btn-white {font-size: 16px; font-weight: bold; color: #ff0000}
.btn-white:hover {font-size: 16px; font-weight: bold; color: #ff0000; background-color: #fff !important}
.btn-white .icon-angle-right::before {content:"";background-image: url('/lp/wp-content/themes/flatsome-child/assets/img/vector-big-red.png') ;width: 24px; height: 24px;background-size: 24px 24px; display: inline-block;background-position: center}
.btn-white .icon-angle-right {padding: 0px ;width: 24px; height: 24px;transition: all 0.3s ease;}
.btn-white:hover .icon-angle-right{  opacity: 1;transform: rotate(-45deg); }


.slider-nav-circle .flickity-prev-next-button svg {display: none;}

.slider .previous::before {content:"";background-image: url('/lp/wp-content/themes/flatsome-child/assets/img/vector-big-black.png') ;width: 24px; height: 24px;background-size: 24px 24px; display: inline-block;background-position: center;transform: rotate(-180deg); background-color: #F7F8FA; border-radius: 20px; padding: 20px; background-repeat: no-repeat}

.slider .previous:hover::before {content:"";background-image: url('/lp/wp-content/themes/flatsome-child/assets/img/vector-big.png'); background-color: #ff0000; }

.slider .next::before {content:"";background-image: url('/lp/wp-content/themes/flatsome-child/assets/img/vector-big-black.png') ;width: 24px; height: 24px;background-size: 24px 24px; display: inline-block;background-position: center; background-color: #F7F8FA; border-radius: 20px; padding: 20px; background-repeat: no-repeat}

.slider .next:hover::before {content:"";background-image: url('/lp/wp-content/themes/flatsome-child/assets/img/vector-big.png'); background-color: #ff0000; }

.testimonial-box {padding: 20px; background-color: #F7F8FA}
.flickity-page-dots { bottom: 0px;}


.accordion-title.active {color: #ff0000;font-weight: 700;}

.faq .accordion-title {font-size: 20px; font-weight: bold;  padding: 1.6em 2.3em 1.6em 0; }
.faq .accordion-inner { padding:1em 2.3em 1em 0;}
.faq .accordion-title.active {background-color: rgba(0,0,0,.0);border-top: 1px solid #ddd !important;}
.faq .accordion-item:first-child .accordion-title {border-top: none; }

.faq .toggle {right: 0 !important; left: auto; top: 1.4em;}
.faq .toggle .icon-angle-down::before {content:"";background-image: url('/lp/wp-content/themes/flatsome-child/assets/img/faq-closed.png') ;width: 36px; height: 36px;background-size: 36px 36px; display: inline-block;transition: transform .3s ease-in-out;}
.faq .toggle:hover .icon-angle-down::before {content:"";background-image: url('/lp/wp-content/themes/flatsome-child/assets/img/faq-hover.png') ;width: 36px; height: 36px;background-size: 36px 36px; display: inline-block;transition: transform .3s ease-in-out;}
.faq .active .toggle .icon-angle-down::before {content:"";background-image: url('/lp/wp-content/themes/flatsome-child/assets/img/faq-open.png') ;width: 36px; height: 36px;background-size: 36px 36px; display: inline-block;transition: transform .3s ease-in-out;}


/*form*/

.right {width: 50%; float: left; padding: 0px 4px 0px 5px}
.left {width: 50%; float: left; padding: 0px 5px 0px 4px}
.tot {width: 100%; float: left; padding: 0px 4px}
.tot2 {width: 100%; float: left; padding: 20px 4px}
.wpcf7-form select,.wpcf7-form input[type="checkbox"],.wpcf7-form input[type="text"],.wpcf7-form input[type="email"],.wpcf7-form input[type="tel"],.wpcf7-form textarea {padding: 18px 15px; border: none;border: 2px solid #ff0000; box-shadow: inset 0 0px 0px rgba(0,0,0,0) !important; line-height: 1.4em ; font-size: 16px; font-weight: 400; margin-bottom: 0.3em;border-radius: 7px}

.wpcf7-form select{padding:0px 0px 0px 15px;}

.wpcf7-list-item-label {color: #000; font-weight: 300}
.wpcf7-list-item-label a {color: #000 !important; text-decoration: underline}
.accetto {border: none !important;margin-left: 0px; font-size: 110%;color: #000; }
textarea {height: 200px; padding: 10px 15px;}

.wpcf7-form input[type="submit"] {text-transform: none; margin-top: 20px; background-color: #ff0000; color: #fff; padding: 0 1em 0 1em ; border: none; border-radius: 7px; width: 100%; background-image: url('/lp/wp-content/themes/flatsome-child/assets/img/vector-big.png'); background-repeat: no-repeat; background-position: 95%}

.wpcf7-form input[type="submit"]:hover {color: #fff;background-color: #ff0000;}

input[type="submit"]:hover {box-shadow: inset 0 0 0 0px rgba(0,0,0,0);}

.wpcf7 form.sent .wpcf7-response-output {color: #000 !important;}
.wpcf7-response-output {color: #000 !important;}



@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/

h1 {font-size: 54px; line-height: 54px}
h2 {font-size: 36px; line-height: 36px; margin: 15px 0px}

.logo-footer .img{ margin: 0px auto}

.btn-red {font-size: 15px; font-weight: bold; width: 100%;}

.menu-footer ul li {text-align: center !important;}
.menu-footer .col{padding: 0px;}

.menu-footer li {display: block;  list-style: none;border-top:none !important;}
.menu-footer li a{color:#fff ; font-weight: 700; font-size: 17px; padding: 0px 0px !important}
}