/*
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.   ***************/


html, body { margin: 0; padding: 0; background: none; }

html {
  scroll-behavior: smooth;
}

.absolute-footer { display: none; }

#wrapper { position: relative; z-index: 1; background-color: transparent !important; }

.parallax-container { background-color: #151515 !important; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; overflow: hidden; pointer-events: none; z-index: 0; }

.parallax-layer { position: absolute; }
.parallax-layer img { display: block; max-width: none; height: auto; }

.parallax-layer[data-index="0"] img { width: 500px; }
.parallax-layer[data-index="1"] img { width: 900px; }
.parallax-layer[data-index="2"] img { width: 500px; }
.parallax-layer[data-index="3"] img { width: 800px; }
.parallax-layer[data-index="4"] img { width: 800px; }
.parallax-layer[data-index="5"] img { width: 600px; }
.parallax-layer[data-index="6"] img { width: 800px; }
.parallax-layer[data-index="7"] img { width: 600px; }



.double-bkg .col-inner{pointer-events: none;
background-image: 
url('/wp-content/themes/flatsome-child/assets/img/circle1.png'), 
url('/wp-content/themes/flatsome-child/assets/img/circle1.png');
background-position: 
-320px -320px, 
calc(100% + 250px) -50vh;
background-size: 500px , 900px;
background-repeat: no-repeat, no-repeat;
}

.mega-disable-link a{pointer-events: none; }

.molliche {font-size: 16px; margin-bottom: 20px}
.molliche a {color: #d64942;}
.content-area {padding: 30px 0px}

#main {background-color:transparent !important; }

.plain {text-decoration: none !important} 

.stuck .header-main {background-color: #242424}

.rounded img {border-radius: 15px}

.rt-tpg-isotope-buttons{background: #d64942; border-radius: 10px}
.rt-tpg-isotope-buttons button {background: none !important;border-radius: 0px;}
.rt-tpg-isotope-buttons .selected {font-weight: 500 !important}


.no-filter .tpg-iso-filter{display: none}


h1 {font-size: 80px; line-height: 80px}
.h1-home h1 {font-size: 128px; line-height: 128px; margin-bottom: 20px}

.small-tit h2 {font-size: 34px; line-height: 38px; margin: 10px 0px}
.small-tit h3 {font-size: 34px; line-height: 38px; margin: 10px 0px}

.big-tit h3, .big-tit h4 {font-size: 60px; line-height: 65px; margin: 10px 0px}
.grande h4, .grande h3 {font-size: 60px; line-height: 65px; margin: 10px 0px}

h2 {font-size: 60px; line-height: 64px; margin: 10px 0px}
h1 span, h2 span, h3 span, h4 span {color: #d64942}
h3 {font-size: 27px; line-height: 30px;margin: 20px 0px}
h4 {font-size: 27px; line-height: 30px;margin: 20px 0px}

.h5 {font-size: 0.9em; font-weight: 700}
.h6 {font-weight: 700;}




.dark a{color: #d64942 !important;}

.button.is-link:hover, .button.is-underline:hover {box-shadow: none;  color: #fff;}

.lead {font-size: 30px !important; line-height: 36px !important}

.nav-size-large > li > a {font-size: 16px; font-weight: 500 !important}
.nav-spacing-xlarge > li {margin: 0 2.4em;}

/*home*/

.sopra {z-index: 999}
.astronauta img {width: 164px; z-index: 999}
.arrow-big img {width: 52px; float: right; z-index: 999}
.hp-box1 .col-inner{border-radius: 10px; border: 2px solid #fff; height: 267px; font-size: 40px !important; font-weight: 600 !important; line-height: 44px}
.hp-box2 .col-inner {border-radius: 10px; border: 2px solid #d64942; height: 267px; font-size: 40px !important; font-weight: 600 !important; line-height: 44px}
.hp-box1 .col-inner {background: #151515;  transition: all 0.3s ease;}
.hp-box1 .col-inner:hover {background: #747B8B}
.hp-box2 .col-inner {background: #d64942;  transition: all 0.3s ease;}
.hp-box2 .col-inner:hover {background: #FE8680;  border: 2px solid #FE8680;}

.hp-box1  .arrow-big , .hp-box2 .arrow-big  {transform: rotate(0deg);width: 52px !important; height: 52px !important;  transition: all 0.3s ease;margin-right: -5px}

.hp-box1:hover .arrow-big , .hp-box2:hover .arrow-big  {transform: translateY(-190px) rotate(-90deg);}

.no-border .col-inner{border: none !important; height: auto; background: transparent}
.no-border .col-inner:hover{border: none !important; height: auto; background: transparent}

.hp-box1 .col-inner a, .hp-box2 .col-inner a {display: block; position: absolute;  height: 100%;  width: 120%;padding:150px 290px 80px 0px;  top: -160px; text-decoration: none; color: #fff}

.servizi-hp {background:#252525; border-radius:20px;padding:  10px 10px 12px 12px;}


.servizi-elenco-left-hp  { transition: opacity 0.3s ease-in-out; border-bottom: 1px solid #fff;padding:  10px; margin: 20px 0px}

.servizi-elenco-left-hp .icon-inner { position: relative; display: inline-block; }
.servizi-elenco-left-hp .icon-inner img { display: block; width: 100%; margin-top: 10px; transition: opacity 0.4s ease; }
.servizi-elenco-left-hp .icon-inner::after { content: ''; position: absolute; top: 7px; left: 0; width: 100%; height: 100%; background-image: url("/wp-content/themes/flatsome-child/assets/img/zeppelin-hover-left.png"); background-size: contain; background-repeat: no-repeat; background-position: center; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 1; }
.servizi-elenco-left-hp:hover .icon-inner::after { opacity: 1; }

.servizi-elenco-right-hp .icon-inner { position: relative; display: inline-block; }
.servizi-elenco-right-hp .icon-inner img { display: block; width: 100%; margin-top: 10px; transition: opacity 0.4s ease; }
.servizi-elenco-right-hp .icon-inner::after { content: ''; position: absolute; top: 7px; left: 0; width: 100%; height: 100%; background-image: url("/wp-content/themes/flatsome-child/assets/img/zeppelin-hover-right.png"); background-size: contain; background-repeat: no-repeat; background-position: center; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 1; }
.servizi-elenco-right-hp:hover .icon-inner::after { opacity: 1; }

.servizi-elenco-right-hp  { transition: opacity 0.3s ease-in-out; border-bottom: 1px solid #fff;padding:  10px; margin: 20px 0px}



.bkg-red-sfum-rounded { position: relative; border-radius: 24px; overflow: hidden; background: linear-gradient(90deg, #702623, #D64942); background-image: url('/wp-content/themes/flatsome-child/assets/img/ELEVA-A.png'), linear-gradient(90deg, #702623, #D64942); background-repeat: no-repeat, no-repeat; background-position: right center, left top; background-size: auto, cover; }



/*Testimonial*/

.testimonial button::before {content:"";background-image: url('/wp-content/themes/flatsome-child/assets/img/arrow-testimonial.png') ;width: 36px; height: 37px;background-size: 36px 37px; display: inline-block;transition: transform .3s ease-in-out;}
.testimonial button:hover::before {background-image: url('/wp-content/themes/flatsome-child/assets/img/arrow-testimonial.png')}
.testimonial .next::before {transform: rotate(180deg);}
.testimonial .flickity-button-icon {display: none}
.testimonial h4 {color:#d64942; font-size: 18px; margin: 9px 0px -5px 0px}
.testimonial p {font-size: 18px}
.testimonial strong {color:#fff; margin-bottom: 10px}
.testimonial .col-inner {background: #242424;margin-top: 10px; border-radius: 20px;padding: 10px 20px 20px 20px; min-height: 190px}
.testimonial .slider-show-nav .flickity-prev-next-button, .slider:hover .flickity-prev-next-button { opacity: 1;}

/*Blog Post*/

.single-post .entry-content a {text-decoration: underline; color: #d64942}
.single-post .social-icons a {text-decoration: none; color: #fff}

span.widget-title, th {letter-spacing: 0em;line-height: 1.05;text-transform: none;}
.post_comments {display: none}
.widget-area a:hover {text-decoration: underline}

.post-item:hover {background: #242424;  border: 2px solid #fff;}

.masonry-grid-item  {background-color: #242424 !important; border-radius:20px; min-height: 450px;border: 2px solid #151515;transition: all 0.3s ease;padding: 10px !important}
.masonry-grid-item:hover  {border: 2px solid #fff;}

.even-grid-item {background-color: #242424 !important; border-radius:20px; min-height: 450px;border: 2px solid #151515;transition: all 0.3s ease;padding: 10px !important}
.even-grid-item:hover  {border: 2px solid #fff;}

.rt-holder {background: none !important}

footer.entry-meta a {background: #d64942; padding: 2px 4px; color: #fff}
footer.entry-meta a:hover {background: #fff; color: #d64942}

.rt-detail {padding:10px !important; background-color: #242424 !important;margin-top: 30px;}
.rt-img-holder   {border-radius:10px;margin-top: 0px}
.post-meta-user{ position: absolute; top: 260px; font-size: 16px !important; opacity: 0.8}
.rt-detail h4 {font-size: 20px !important; font-weight: 400; line-height: 1.25; margin:0 0 18px;}
.post-item .cat-label, .categories-links {display: none !important}
.post-item {padding:10px;  background-color: rgba(36, 36, 36, 0.5) !important; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); border-radius:20px; min-height: 450px;border: 2px solid rgba(36, 36, 36, 0);transition: all 0.3s ease;}
.post-item img {border-radius:10px;}
.post-item .post-title, .post-item .post-meta{ text-align: left !important}
.post-item .cat-label{ margin:  0px !important; font-size: 16px ; font-weight: bold}
.post-item .post-meta{ position: absolute; top: 20px; font-size: 16px; opacity: 0.8}
.post-item .post-title{ position: absolute; top: 45px}
.post-item .post-title a{ color: #fff}
.post-item .button {position: absolute;top: 130px;text-align: left;  text-transform: none;font-size: 20px; left: 8px; color: #fff;}

.post-item .is-divider {display: none}

.comments-area, .comments-link {display: none}

.entry-category a{color: #fff !important}
.posted-on a {color: #fff !important; pointer-events: none}
.next-prev-nav a {color: #fff}
.recent-blog-posts a {color: #fff}

.archivio .large-columns-3 {display: flex; flex-wrap: wrap; gap: 15px;}
.archivio .large-columns-3 > .col {flex-basis: calc(33.333% - 10px); max-width: calc(33.333% - 10px);}

.archivio h5 { width: 95%}
.archivio .post-title { width: 95%; font-weight: 700;  font-style: normal;top: 45px;  left: 10px;}


/*Bottoni*/

.button, .is-outline {font-weight: normal; font-size: 20px; text-transform: none!important;border: none !important; padding: 0px; text-decoration: none !important}

.is-outline:hover {background: none !important}

.circle-red .icon-angle-right::before {content: ""; background-image: url('/wp-content/themes/flatsome-child/assets/img/arrow-red.png'); width: 67px;height: 67px;background-size: 67px 67px; display: inline-block;transition: all 0.3s ease;margin-left: 10px}
.circle-red:hover .icon-angle-right::before {transform: rotate(-90deg)}

.circle-white .icon-angle-right::before {content: ""; background-image: url('/wp-content/themes/flatsome-child/assets/img/arrow-white.png'); width: 67px;height: 67px;background-size: 67px 67px; display: inline-block;transition: all 0.3s ease;margin-left: 10px}
.circle-white:hover .icon-angle-right::before {transform: rotate(-90deg)}


.circle-transparent .icon-angle-right::before {content: ""; background-image: url('/wp-content/themes/flatsome-child/assets/img/arrow-transparent.png'); width: 67px;height: 67px;background-size: 67px 67px; display: inline-block;transition: all 0.3s ease;margin-left: 10px}
.circle-transparent:hover .icon-angle-right::before {transform: rotate(-90deg)}

.btn-progetto .icon-angle-right::before {content: ""; background-image: url('/wp-content/themes/flatsome-child/assets/img/arrow-small.png'); width: 17px;height: 16px;background-size: 17px 16px; display: inline-block;transition: all 0.3s ease;margin-left: 10px}

.post-item .button::after {content: ""; background-image: url('/wp-content/themes/flatsome-child/assets/img/arrow-small.png'); width: 17px;height: 16px;background-size: 17px 16px; display: inline-block;transition: all 0.3s ease;margin-left: 10px}


.read-more:hover a::after {transform: rotate(-90deg)}
.read-more a {background-color: transparent !important; border: none !important;font-size: 20px !important;width: 340px;padding: 8px 0px !important;}
.read-more a::after {content: ""; background-image: url('/wp-content/themes/flatsome-child/assets/img/arrow-small.png'); width: 17px;height: 16px;background-size: 17px 16px; display: inline-block;transition: all 0.3s ease;margin-left: 10px}

.post-item:hover .button::after {transform: rotate(-90deg)}

.progetti .col:hover .icon-angle-right::before {transform: rotate(-90deg)}

.circle-red:hover .icon-angle-right::before {transform: rotate(-90deg)}

.page-numbers {margin: 50px 0px!important}


/*FAQ*/


.faq .toggle {opacity: 1;width: 50px;}
.faq .accordion-title {font-size: 100%; font-weight: bold;  padding: 1.6em 2.3em;border-top: 1px solid #fff !important;}
.faq .accordion-title.active {background-color: rgba(0,0,0,.0);border-top: 1px solid #fff !important;}
.faq .accordion-item:first-child .accordion-title {border-top: none !important; }
.faq .toggle {right: 0 !important; left: auto; top: 1.4em;}
.faq .toggle .icon-angle-down::before {content:"";background-image: url('/wp-content/themes/flatsome-child/assets/img/arrow-white.png') ;width: 50px; height: 50px;background-size: 50px 50px; display: inline-block;transition: transform .3s ease-in-out;transform: rotate(45deg);}

.faq .toggle:hover .icon-angle-down::before {content:"";background-image: url('/wp-content/themes/flatsome-child/assets/img/arrow-white.png') ;width: 50px; height: 50px;background-size: 50px 50px; display: inline-block;transition: transform .3s ease-in-out;}

.faq .active .toggle .icon-angle-down::before {content:"";background-image: url('/wp-content/themes/flatsome-child/assets/img/arrow-red.png') ;width: 50px; height: 50px;background-size: 50px 50px; display: inline-block;transition: transform .3s ease-in-out;transform: rotate(45deg);}


/*Progetti*/

.progetti .col {background: #242424; border-radius: 24px;border: 2px solid #242424;transition: all 0.3s ease;margin: 13px; flex-basis: 48% !important; max-width: 48% !important;min-height: 420px;}
.progetti .col:hover {background: #242424;  border: 2px solid #fff}

.logo_progetto {float: right; margin:0px 15px 0px 0px;max-width: 120px}
.icona_progetto {margin:0px 0px 0px 15px; }
.icona_progetto img {width: 90px; height: auto}

.portfolio-box-title {font-size: 30px; margin: 30px 15px 0px 15px!important; font-weight: 700}

.box-text-inner p {font-size: 20px; margin: 10px 15px 20px 15px!important; line-height: 24px}
.progetti a {color: #fff !important; text-decoration: none !important}
.box-text-inner p:nth-child(3) {min-height: 55px}
.portfolio-box-category {font-size: 14px !important; margin: 10px 15px 20px 15px!important}

/*.portfolio-inner img {width: auto !important;}*/
.portfolio-element-wrapper .filter-nav   { background:#242424;  border-radius:24px; border: 2px solid #242424}

.portfolio-element-wrapper .nav-uppercase > li > a { font-weight: bolder; font-size: 20px; letter-spacing: .02em; text-transform: inherit;}

.filter-nav { display: flex; }
.filter-nav > li:nth-child(2) {order: 3;}
.filter-nav > li:nth-child(3) {order: 2;}

.grigio-rounded .col-inner{background:#242424;  border-radius:24px; padding: 30px}
.bordo-rounded > .col-inner { border-radius:24px; padding: 30px; border: 2px solid #fff}
.rosso-rounded .col-inner{background:#D64943;  border-radius:24px; }

.ponte img {width: 100% !important}

.btn-progetto {position: absolute; bottom: -15px}

.filtro-grigio a  {color: #fff; text-decoration: none}
.filtro-grigio a:hover,.filtro-grigio .selezionata a  {color: #D64943; text-decoration: none}
.filtro-red a  {color: #fff !important; font-weight: normal;line-height: 0.8em; text-decoration: none}
.filtro-red .selezionata a  {color: #fff !important; font-weight: bold; text-decoration: none}

.rt-pagination .pagination-list > li > a  { background-color: #000 !important}


/*Chi siamo*/

.timeline__content {background-color: transparent; border: 0px ;border-radius:0px;color: #fff; display: block; padding: 1.25rem; position: relative;}
.timeline__item::after {background-color: #D64943;}
.timeline__content .title {font-size: 20px !important;color: #ffffff;font-weight: bold !important;margin-bottom: -10px !important}

.link-elenco-right  { transition: opacity 0.3s ease-in-out; border-bottom: 1px solid #fff;padding:  10px; margin: 20px 0px}
.link-elenco-right  .icon-inner img{ margin-top: -10px; transform: rotate(-45deg);}
.link-elenco-right:hover .icon-inner img {content: url("/wp-content/themes/flatsome-child/assets/img/arrow-white.png");transform: rotate(-45deg);}


/*Team*/

.team .box-text {background: transparent !important}
.team .person-name{text-transform: none; letter-spacing: 0em; font-size: 24px; font-weight: 700; font-style: normal;color: #fff}


.team .person-title{font-size: 0.9em; opacity: 1; letter-spacing: 0em; line-height: 1.2em; display: inline-block; color: #d64942;font-weight: 700 !important; margin-top: 10px;}

/*Progetto*/

.portfolio-summary {display: none}


/*Lavora con noi*/

.lavoro .button, .lavoro .tag-chiusa {position: relative;top: 0px;text-align: left;  text-transform: none;font-size: 20px; left: -2px; float: left}
.lavoro {padding: 0px 20px 20px 20px ;  min-height: 280px}
.lavoro .titolo-lavoro {height: 120px; font-weight: 700; font-style: normal;font-size: 27px;line-height: 30px; margin: 20px 0px;}
.lavoro .tipologia {font-size: 0.8em; color: #fff !important}
.chiusa {background: #472121 !important; }
/*.chiusa a{pointer-events: none}*/
.aperta .tag-chiusa{display: none}
.chiusa .scopri{display: none;}

.fissa {position: sticky;top: 90px;height: 100%; }

.citazione {border: 2px solid #fff; border-radius: 999px; margin: 60px 0px; display: flex; align-items: center; justify-content: center;font-size: 0.9em; padding-right: 30px}
.citazione img{padding: 0px; border-radius: 999px}
.citazione .icon-box-img{margin-right: 20px}
.citazione a{text-decoration: underline}

.posizioni {margin-bottom: 100px}

.single-job h1{font-size: 60px; line-height: 60px}

.row.archivio {display: flex;flex-wrap: wrap; gap: 15px;}
.row.archivio > .large-4 {flex: 0 0 calc(33.333% - 10px);  max-width: calc(33.333% - 10px);}
.lavoro a {color: #fff !important}

/*Contatti*/

.box-contatti {min-height: 100px;}


/*Menu*/


.sidebar-menu .nav-uppercase a {font-weight: normal !important;letter-spacing: .02em;text-transform: none;color: #fff !important}
.mfp-container, .mfp-wrap {background: #D64943}
.header-block-block-1 {width: 100%}

.sidebar-menu .nav-vertical li li.menu-item-has-children > a {color: #000;font-size: 1em; font-weight: normal;text-transform: none;}

.mfp-close {mix-blend-mode: normal; opacity: 1 !important; width: 100%; text-align: center}
.off-canvas-center .nav-vertical > li > a {font-size: 1.2em;}
.mfp-close svg {margin: 20px; width: 40px; height: 40px; }

.sidebar-menu .nav-sidebar-ul {background: rgba(255,255,255,0.10);  width: 90%;  margin: 10px auto !important; padding: 10px 0px !important}
.sidebar-menu .children {background: rgba(255,255,255,0);  width: 100%;  margin: 0px !important; padding: 0px !important}

.nav-icon .button.icon i {font-size: 2.2em;}
body  .header-main .header-button > .button:hover { background-color: transparent !important;}



/*Pagine interne*/
.vai-sopra .section-content{margin-top: -100px}

.sfumatura-grigia .section-bg::after {content: ""; position: absolute; top: 0;  left: 0; width: 100%;  height: 100%; background: linear-gradient(to bottom, rgba(21, 21, 21, 0) 45%, #151515 100%);  pointer-events: none;}

.metodo{border-bottom: 1px solid #fff;min-height: 120px}
.metodo img{ padding-top: .6em !important;}


/*Footer*/

.widget_nav_menu {padding: 0 15px 0px 0px;}
.widget > ul > li + li, ul.menu > li + li { border-top: none !important}
.logo-footer img {width: 152px}
.loghetti-footer img {width: 446px}
.is-outline {color: #fff;}
.social-icons span{color: #fff;font-size: 20px !important;font-weight: normal !important}
.social-icons .button {margin-bottom: -5px}

.footer-form .section-bg-overlay{ background: linear-gradient(90deg, #702623, #D64942) !important;}
#footer a{color: #fff}

/*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 input[type="checkbox"],.wpcf7-form input[type="text"],.wpcf7-form input[type="email"],.wpcf7-form input[type="tel"],.wpcf7-form textarea {padding: 18px 0px; border: none;border-bottom: 1px solid #fff; box-shadow: inset 0 0px 0px rgba(0,0,0,0) !important; line-height: 1.4em ; font-size: 20px; font-weight: 400; margin-bottom: 0.3em; background-color: transparent; color: #fff}

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

.wpcf7-form input[type="submit"] {text-transform: none; background-color: transparent; color: #fff; padding: 0; border: none;  width: 100%; background-image: url('/wp-content/themes/flatsome-child/assets/img/arrow-white.png'); background-repeat: no-repeat; background-position: 50%; text-align: left;font-weight: 300;  height: 68px; margin-top: 50px}

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

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

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

form[data-status="init"] .wpcf7-not-valid-tip {display: none;}

input::placeholder, textarea::placeholder {color: white; opacity: 0.7; }


/*Articoli*/

.entry-meta .byline {display: none}
footer.entry-meta {border-bottom: 0px solid #ececec;}

@media only screen and (max-width: 1310px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.progetti .col {margin: 13px 10px;}
}



@media only screen and (max-width: 1100px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.wpcf7-form input[type="submit"] {background-position: 70%; }
.progetti .col {margin: 13px 8px;}
}

@media only screen and (max-width: 549px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
/*.hp-box1 .arrow-big , .hp-box2 .arrow-big  {transform: translateY(-190px) rotate(0deg);}
}*/

.hp-box1 .col-inner a, .hp-box2 .col-inner a {display: block; position: absolute;  height: 100%;  width: 120%;padding:190px 290px 80px 0px;  top: -160px; text-decoration: none; color: #fff}

.hp-box1 .col-inner, .hp-box2 .col-inner { font-size: 30px !important; line-height: 34px; }

.hp-box1  .arrow-big , .hp-box2 .arrow-big  {transform: rotate(0deg);width: 52px !important; height: 52px !important;  transition: all 0.3s ease;margin-right: 5px;position: absolute; bottom: -70px; }

.hp-box1:hover .arrow-big, .hp-box2:hover .arrow-big {transform: translateY(-140px) rotate(-90deg);}

.bkg-red-sfum-rounded { position: relative; border-radius: 24px; overflow: hidden; background: linear-gradient(90deg, #702623, #D64942); background-image: url('/wp-content/themes/flatsome-child/assets/img/ELEVA-A.png'), linear-gradient(90deg, #702623, #D64942); background-repeat: no-repeat, no-repeat; background-position: 570% center, left top; background-size: auto, cover; }

.wpcf7-form input[type="submit"] {background-position: 90%; }

}

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

.fissa {position: relative;top: auto;height: 100%; }
.progetti .col {margin: 13px 7px;}


.archivio .small-columns-1 {display: flex; flex-wrap: wrap; gap: 15px;}
.archivio .small-columns-1 > .col {flex-basis: calc(50% - 10px); max-width: calc(50% - 10px);}

.row.archivio {display: flex;flex-wrap: wrap; gap: 15px;}
.row.archivio > .medium-6 {flex: 0 0 calc(50% - 10px);  max-width: calc(50% - 10px);}


}


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

h1 {font-size: 54px; line-height: 54px}
.h1-home h1 {font-size: 100px; line-height: 100px; margin-bottom: 20px}
h2 {font-size: 54px; line-height: 54px; margin: 10px 0px}
h1 span, h2 span, h3 span, h4 span {color: #d64942}
h3 {font-size: 27px; line-height: 30px;margin: 20px 0px}
h4 {font-size: 27px; line-height: 30px;margin: 20px 0px}

.small-tit h2 {font-size: 27px; line-height: 30px; margin: 10px 0px}
.small-tit h3 {font-size: 27px; line-height: 30px; margin: 10px 0px}

.big-tit h3, .big-tit h4 {font-size: 54px; line-height: 54px; margin: 10px 0px}
.grande h4, .grande h3 {font-size: 54px; line-height: 54px; margin: 10px 0px}

.progetti .col {background: #242424; border-radius: 30px;border: 2px solid #242424;transition: all 0.3s ease;margin: 5px; flex-basis: 100% !important; max-width: 100% !important;}

.fissa {position: relative;top: auto;height: 100%; }

.archivio .small-columns-1 > .col {flex-basis: 100%; max-width: 100%;}
.row.archivio > .small-12 {flex-basis: 100%; max-width: 100%;}
 
 .citazione {border: 2px solid #fff; border-radius: 20px; margin: 60px 0px; display: flex; align-items: center; justify-content: center;font-size: 0.9em; padding: 10px; text-align: center}
.citazione img{padding: 0px; border-radius: 999px}
.citazione .icon-box-img{margin-right: 0px}
.citazione a{text-decoration: underline}

}