/* DIN 2014 Light */
    /*font-family: "din-2014", sans-serif;
    font-weight: 300;
    font-style: normal;*/
/* DIN 2014 Regular */
    /*font-family: "din-2014", sans-serif;
    font-weight: 400;
    font-style: normal;*/
/* DIN 2014 Italic */
    /*font-family: "din-2014", sans-serif;
    font-weight: 400;
    font-style: italic;*/
/* DIN 2014 Bold */
    /*font-family: "din-2014", sans-serif;
    font-weight: 700;
    font-style: normal;*/
/* DIN 2014 Bold Italic */
    /*font-family: "din-2014", sans-serif;
    font-weight: 700;
    font-style: italic;*/
/* DIN 2014 Extra Bold */
    /*font-family: "din-2014", sans-serif;
    font-weight: 800;
    font-style: normal;*/

body {font-family: "din-2014", sans-serif;padding: 1rem 0 0;}

header {position: fixed;top: 0;left: 0;right: unset;width: auto;transform: unset;height: 100vh;padding: 1rem;background-color: white;text-align: center;width: 230px;overflow: auto;}
header #header-container {width:auto;display: flex;align-content: flex-start;flex-direction: column;flex-wrap: nowrap;align-items: flex-start;justify-content: flex-start;}
header #logo.img {position:relative;top: unset;left: unset;transform: unset;max-width: unset;height: auto;}
header #logo img {position:relative;top: unset;left: unset;transform: unset;height: auto;max-width: unset;width: 100%;margin: 0 auto;display: block;}
nav#menu {position: relative;top: unset;right: unset;transform: unset;display: flex;flex-direction: column;flex-wrap: nowrap;}
header nav #main-links {padding:1rem 0;margin: 2rem auto 0;display: flex;flex-direction: column;justify-content: flex-start;}
header nav #main-links li {display:block;margin: 0;/* border-bottom: 1px solid; */}
header nav #main-links li > a {text-wrap:balance;color:#111;display: block;padding: 0.8rem 0;text-wrap: balance;font-weight: bold;/* background-color: #eee; */}
header nav #main-links li > a:hover,
header nav #social a:hover {/* background-color: #e0e0e0; */background-color: var(--green);color: white !important;}
body.single-post.cat-8 #menu li[data-link="riqualificazione-energetica"] a,
body.single-post.cat-9 #menu li[data-link="ristrutturazioni"] a,
body.single-post.cat-10 #menu li[data-link="rifacimento-coperture"] a,
body.single-post.cat-11 #menu li[data-link="riqualificazione-sismica"] a,
body.single-post.cat-12 #menu li[data-link="impiantistica"] a,
body.single-post.cat-13 #menu li[data-link="piazzali-e-parcheggi"] a {color:var(--green);}

header nav #main-links li > a:active,
header nav #social li > a:active {background-color: #dadada;}
header nav #main-links li.active {border-color: #69B94D;}
header nav #main-links li.active > a {color: var(--green);text-decoration:none;}
header nav ul#social {/* position:relative; *//* top: unset; *//* transform: unset; *//* text-align:center; */}
header nav li > a {color:#111;}
header nav li[data-link="block-317"],
header nav li[data-link="block-319"],
header nav li[data-link="block-320"],
header nav li[data-link="block-321"],
header nav li[data-link="block-322"],
header nav li[data-link="block-323"],
header nav li[data-link="block-324"] {display: none !important;}

main {position: relative;padding-left: 230px;}
main.force-viewport-height {height:calc(100vh - 1rem);}
main.force-viewport-height #footer {position:absolute;bottom:0;left: 230px;width:calc(100% - 230px);}

:root {
    --containerWidth: 960px;
    --green: #69b84d;
    --greenDarker: #59A93D;
}
#text-313 {margin: 0 0 3rem;}
#text-313 .container.narrow {width:var(--containerWidth);}
#text-313 .main-text {columns:2;}
#text-313 .main-text p {margin: 0 0 0.5rem;text-align: justify;hyphens: auto;}
#text-313 .main-text p.hide {/* display:none; */}
#text-313 #text-313-tutto {background-color: white;color:#111;border-radius: 20px;border: 1px solid #aaa;padding: 0.8em 1em;font-size: 11px;font-weight: 600;cursor:pointer;position: absolute;left: 0;top: calc(100% + 1em);}
#text-313 #text-313-tutto:hover {color:#888;}
#text-313 #text-313-tutto:active {color:#000;}

#slider-315 {height:auto;margin: 1rem 0 0;}
#slider-315 .swiper-slide:after {content:"";opacity:0;position:absolute;inset:0;background-image:url("/site/edilsg.net/images/891/orig.gif");background-size:contain;background-position: center;}
#slider-315 .swiper-slide img {/* aspect-ratio: 16/10; *//* object-fit: contain; */display: block;/* filter: grayscale(1); */}
#slider-315 .swiper-slide:hover::after {opacity:1;}

#grid-316 {background-color: #fff;margin: 4rem 0;}
#grid-316 .container {display:flex;flex-wrap:nowrap;justify-content:space-between;}
#grid-316 .grid-item {width: 11%;padding: 0;transition: 0.1s;background-color: white;margin: 0 0 1rem;}
#grid-316 .grid-item h4 {font-size:15px;height:2lh;text-align:center;margin: 0;position: absolute;top: calc(100% + 1rem);width: 100%;}
#grid-316 .grid-item .extended {display:none;}
#grid-316 .grid-item img {width: 100%;margin: 0 auto;/* border: 2px solid #111; */padding: 0;border-radius: 3px;transition:0.2s;}
#grid-316 .grid-item:hover {background-color: var(--green);transition: 0.1s;}
#grid-316 .grid-item:hover img {/* scale:1.05; */border-color: var(--green);transition: 0.4s;filter: invert(100%);}

#form-317 form {margin:0 auto 0 0;}

#text-318 {width:var(--containerWidth);margin: 5rem auto 2rem;padding: 3rem 0;border-top:1px solid #aaa;}
#text-318 > div {display:inline-block;width:50%;vertical-align:top;}
#text-318 > div .container {width:100%;}
#text-318 > div h2 {display:none;}

/* bloques posts featureds */
.posts-featured .swiper-wrapper {flex-wrap: wrap;justify-content: space-between;gap: 2rem;}
.posts-featured h4 {display: none;}
.posts-featured .post {width: 48%;padding: 0;/* aspect-ratio: 4/3; */margin: 0;}
.posts-featured .post h4 {display: block;position: absolute;opacity:0;top: 40%;width: 80%;left: 10%;font-size: 30px;margin: 0;line-height: 1.1;text-align: center;color: hsl(105 43% 40% / 1);z-index: 3;transition: 0.2s;transition-delay: 0s;text-wrap: balance;}
.posts-featured .post .abstract {position: absolute;opacity:0;top: 40%;width: 80%;left: 10%;font-weight: bold;margin: 0;text-align: center;transform: translateY(calc(-100% - 0.5rem));/* color: hsl(105 43% 40% / 1); */z-index: 3;text-wrap: balance;font-size: 1.2em;transition: 0.2s;transition-delay: 0s;}
.posts-featured .post img {visibility: visible !important;opacity: 1 !important;aspect-ratio: 4/3 !important;object-fit: cover !important;transition:0.2s;}
.posts-featured .post .img::before {content:"";/* background-color: hsl(104deg 62.24% 20.87%); */background-color: rgba(255,255,255,0.9);position:absolute;inset:0;z-index: 3;/* mix-blend-mode: color; */opacity: 0;transition: 0.2s;}
.posts-featured .post:hover h4,
.posts-featured .post:hover .abstract {opacity: 1;transition-delay: 0.1s;/* text-shadow: 0px 0px 3px hsl(104 62% 11% / 0.7); */}
.posts-featured .post:hover .img {filter:grayscale(05);}
.posts-featured .post:hover .img::before {opacity: 1;}
.posts-featured .cta-button {display:none;}

body.coperture .posts-featured .post,
body.riqualificazione-sismica .posts-featured .post,
body.impiantistica .posts-featured .post {/* cursor: default; */}

body.coperture .posts-featured .post h4,
body.riqualificazione-sismica .posts-featured .post h4,
body.impiantistica .posts-featured .post h4,
body.news .posts-featured .post h4, {opacity:1;top:unset;position:relative;padding:1rem 0;background-color:white;}

#posts-featured-314,
#posts-featured-328,
#posts-featured-329,
#posts-featured-330,
#posts-featured-331,
#posts-featured-334,
#posts-featured-332 {}

/* intro texto de cada seccion */
#text-335 .container,
#text-336 .container,
#text-337 .container,
#text-338 .container,
#text-339 .container,
#text-340 .container,
#text-341 .container {width: var(--containerWidth);}

#text-335 h2,
#text-336 h2,
#text-337 h2,
#text-338 h2,
#text-339 h2,
#text-340 h2,
#text-341 h2 {}

#text-335 .main-text,
#text-336 .main-text,
#text-337 .main-text,
#text-338 .main-text,
#text-339 .main-text,
#text-340 .main-text/*,
#text-341 .main-text*/ {columns: 2;column-gap: 2em;}
#text-341 .main-text {width:60%;}

#text-335 .main-text p,
#text-336 .main-text p,
#text-337 .main-text p,
#text-338 .main-text p,
#text-339 .main-text p,
#text-340 .main-text p,
#text-341 .main-text p {margin: 0 0 1em;text-align: justify;hyphens: auto;}

#grid-343 {background-color:white;}
#grid-343 .title,
#grid-343 .extended {display:none;}
#grid-343 .grid-item {padding: 0;vertical-align: middle;margin: 0 2rem 0 0;}
#grid-343 .grid-item .grid-img {width: 70%;margin: 0 auto 0 0;}

#post-back-button {display: none;}

#blog-post {display: flex;flex-direction: column;}
body:not(.cat-15) #blog-post #post-img {width: var(--containerWidth);margin: 2rem auto 1rem;height: auto;aspect-ratio: auto;}
body:not(.cat-15) #blog-post #post-img .swiper-wrapper {display: flex;flex-wrap: wrap;columns: 3;justify-content: space-between;gap: 1rem;}
body:not(.cat-15) #blog-post #post-img .swiper-slide {width: 32%;cursor: pointer;aspect-ratio: 4/3;}
body:not(.cat-15) #blog-post #post-img .swiper-slide:nth-child(1) {display:none;}
body:not(.cat-15) #blog-post #post-img .swiper-slide:hover {opacity:0.9;}
body:not(.cat-15) #blog-post #post-img .swiper-slide:active {opacity:0.8;}
body:not(.cat-15) #blog-post .swiper-button-prev,
body:not(.cat-15) #blog-post .swiper-button-next {display:none;}
body:not(.cat-15) #blog-post #post-img .swiper-slide img {cursor:zoom-in;/* height: auto; */}
body:not(.cat-15) #blog-post #blog-post-text {order: -1;}
/*#blog-post #post-img .swiper-slide::after{content:attr(alt-img);position:absolute;bottom:0;left:0;background:rgba(0,0,0,0.5);color:white;width:100%;text-align:center;opacity:0;transition:opacity 0.3s;text-wrap: balance;padding:10px 0;}
#blog-post #post-img .swiper-slide:hover::after{opacity:1;}*/

#blog-post #post-text table {border-collapse:collapse;}
#blog-post #post-text table td {border:1px solid #ccc;padding:1rem;}
#blog-post #post-text table td p {margin:0;}
body.cat-15 #blog-post #post-img {aspect-ratio: 3/1;display: none;}
body.cat-15 #blog-post .swiper-button-prev,
body.cat-15 #blog-post .swiper-button-next {background-color:rgba(0,0,0,0.2);}
body.cat-15 #blog-post .swiper-button-prev,
body.cat-15 #blog-post .swiper-button-next {color:#ccc;}

.form form button {background-color:var(--green);border-radius: 3px;}
.form form button:hover {background-color: var(--greenDarker);border-radius: 3px;}
a[href^="mailto:"] {color:var(--green);}
#footer, #madebyguroo {position:relative;z-index: 10;}
#footer #footer-info {width:80%;}
#footer #social {width:20%;}

#whatsapp {z-index: 23;background-color: var(--green);color: white;}

@media screen and (min-width:1600px){
    header {/* position:absolute; */left:50%;transform: translateX(calc(var(--containerWidth) / 2 * -1 - 100% - 2rem));}
    main {padding:0;}
}

@media screen and (max-width: 768px){
    body {padding-top: var(--headerHeight);}
    .container {width: 100% !important;padding:0 10px;}
    :root{
        --headerHeight: 12vh;
    }
    header {width: 100%;height: var(--headerHeight);padding: 0;}
    header .container {}
    header #logo.img {height: 80%;top: 4%;max-width: 70%;}
    header #logo img {width: auto;height: 100%;display: inline-block;margin: 0;}
    nav#menu {position: fixed;top: var(--headerHeight);/* height: calc(100vh - var(--headerHeight)); */z-index: 100;padding: 2vh 0 0;}
    header #hamburger {top: 42%;}
    header nav #main-links {}
    header nav #main-links li {margin: 0 0 0.5rem;}
    header nav #main-links li > a {font-size: 13px;}
    header nav #main-links li > a:hover,
    header nav #social a:hover {}
    header nav #main-links li > a:active,
    header nav #social li > a:active {}
    header nav #main-links li.active {}
    header nav #main-links li.active > a {}
    header nav ul#social {}
    header nav li > a {}
    #menu #social li {border:0;}
    header nav li[data-link="block-317"],
    header nav li[data-link="block-319"],
    header nav li[data-link="block-320"],
    header nav li[data-link="block-321"],
    header nav li[data-link="block-322"],
    header nav li[data-link="block-323"],
    header nav li[data-link="block-324"] {}

    main {padding: 0;}
    main.force-viewport-height {}
    main.force-viewport-height #footer {width:100%;}


    :root {
        --containerWidth: 960px;
        --green: #69b84d;
        --greenDarker: #59A93D;
    }
    #text-313 {margin:0 0 1rem;}
    #text-313 .container {}
    #text-313 .main-text {columns: 1;}
    #text-313 .main-text p {/* text-align: justify; *//* word-break: break-all; */}
    #text-313 #text-313-tutto {position: relative;left: unset;}

    #slider-315 {margin: 0;}
    #slider-315 .container {padding:0;}
    #slider-315 .swiper-slide img {}

    #grid-316 {margin: 1rem 0;}
    #grid-316 .container {flex-wrap:wrap;justify-content: space-between;display: block;}
    #grid-316 .grid-item {width: 30% !important;padding: 0 0 0rem !important;display: inline-block;margin: 0 1.5% 3rem;}
    #grid-316 .grid-item h4 {/* position: relative; *//* top: unset; *//* margin: 0.6rem 0 0; *//* order: 1; *//* height: auto; */top: 100%;}
    #grid-316 .grid-item .extended {}
    #grid-316 .grid-item img {/* width: 60%; */order: -1;}
    #grid-316 .grid-item:hover img {}

    #form-317 form {}

    #text-318 {width: 100%;margin: 0rem 0 0rem;border: 0;}
    #text-318 > div {display: block;width: 100%;text-align: center;}
    #text-318 > div .container {}
    #text-318 > div h2 {}

    #hamburger span {background-color:#000;}

    /* bloques posts featureds */
    .posts-featured .swiper-wrapper {gap: 1rem;}
    .posts-featured h4 {}
    .posts-featured .post {width: calc(50% - 0.5rem);margin: 0 0 1rem;background: transparent;}
    .posts-featured .post h4 {position: relative;top: unset;left: unset;width: 100%;opacity: 1;color: #111;background-color: unset;font-size: 15px;margin: 0.5rem 0 0;text-align: left;}
    .posts-featured .post .abstract {position: relative;top: unset;left: unset;width: 100%;background-color: unset;color: #111;opacity: 1;font-size: 12px;text-align: left;transform: unset;}
    .posts-featured .post img {}
    .posts-featured .post .img::before {}
    .posts-featured .post:hover h4,
    .posts-featured .post:hover .abstract {}
    .posts-featured .post:hover .img::before {}
    .posts-featured .cta-button {}

    #posts-featured-314,
    #posts-featured-328,
    #posts-featured-329,
    #posts-featured-330,
    #posts-featured-331,
    #posts-featured-334,
    #posts-featured-332 {}

    /* intro texto de cada seccion */
    #text-335 .container,
    #text-336 .container,
    #text-337 .container,
    #text-338 .container,
    #text-339 .container,
    #text-340 .container,
    #text-341 .container {}

    #text-335 h2,
    #text-336 h2,
    #text-337 h2,
    #text-338 h2,
    #text-339 h2,
    #text-340 h2,
    #text-341 h2 {}

    #text-335 .main-text,
    #text-336 .main-text,
    #text-337 .main-text,
    #text-338 .main-text,
    #text-339 .main-text,
    #text-340 .main-text,
    #text-341 .main-text {columns: 1;}

    #text-335 .main-text p,
    #text-336 .main-text p,
    #text-337 .main-text p,
    #text-338 .main-text p,
    #text-339 .main-text p,
    #text-340 .main-text p,
    #text-341 .main-text p {}
    #text-341 .main-text {width:100%;}

    #post-back-button {}

    #blog-post {padding: 0;}
    #blog-post #post-img {width: 100% !important;aspect-ratio: 16/10;margin: 0 !important;}
    #blog-post #post-img .swiper-wrapper {columns: unset !important;display: unset !important;flex-wrap: nowrap !important;justify-content: unset !important;}
    #blog-post #post-img .swiper-slide {width: 100% !important;aspect-ratio: unset !important;margin: 0 0 1rem;}
    #blog-post #post-img .swiper-slide:hover {opacity:1;}
    #blog-post #post-img .swiper-slide:active {opacity:1;}
    #blog-post #post-img .swiper-slide::after {color:#111 !important;position: relative;bottom: unset;left: unset;background: unset;opacity: 1;display: block;width: 100vw;#blog-post #post-img .swiper-slide: :after;#blog-post #post-img .swiper-slide: :after;z-index: 1;}
    #blog-post #post-img img {width: 100%;height: auto !important;object-fit: unset;object-position: unset;}
    #blog-post .swiper-button-prev,
    #blog-post .swiper-button-next {}
    #blog-post #blog-post-text {}
    #blog-post #post-title {padding:0;font-size:1.5em;margin:1rem 0 0.2rem;}
    #blog-post #post-extract {padding:0;margin-top:0;}

    .form form button {}
    .form form button:hover {}
    a[href^="mailto:"] {}
    #footer, #madebyguroo {}
    #footer-info p {margin:0.5em 0;}
    #footer #social {padding:0;display: block;margin:0 0 0.5rem;width: auto;}

    #cookies-alert {left: 3%;padding: 0.5rem;width: 94%;}
    #cookies-alert p {font-size: 60%;}
    #cookies-alert p button {margin:0.5rem 0 0;display: block;font-size: 11px;}
    #whatsapp {z-index: 10;/* right: 10px; */bottom: 20px !important;/* background-color: var(--green); *//* color: white; */}

}