/** custom */

:root {
        --font-main: "Raleway", sans-serif;
        --font-alternative: "Raleway", sans-serif;
        
        /** GREEN */
		--color-main: #086555;
        --color-alternative: #51C6D8;

        
        /** SHADOWS OF GREYS */
        --color-darkgrey: #888888;
        --color-grey: #BDBDBD;
        --color-lightgrey: #E4E4E4;
        --color-white: #FFFFFF;
        
        /** BLACKS */
        --color-black: #3A3134;
        --color-loudblack: #000000;

       /** MARGINI */
       --y-full: 4rem;
       --y-half:2rem;
       --y-qrt: 1rem;
}

body {
    font-weight: 500;
}

h1, h2, h3, h4, h5 {
    font-family: var(--font-alternative);
    color: var(--color-black);
    font-weight: bold;
    text-transform: none;
    line-height: 1.3;
}

.pagination {
    margin-left: 0;
    margin-bottom: 1rem;
    padding-top: 1rem;
}

/**
 * Tutti i box hanno margin-bottom:var(--y-full)'
 **/
 main .box 
 {
     padding: 0;
     margin-bottom: var(--y-full);
 }

 main div.grid-container .grid-x {
     margin-bottom: 0;
 }
  

 main div.box.box-type-line {

}

main .box.box-type-grid {
    margin-bottom: 3rem;
}
 
 /**
  * I grid item hanno 1/2
  * **/
 main .box-grid .box-grid-item {
     padding-bottom: 0;
     margin-bottom: 0;
 }
 
 /** Non usiamo lastline */
 main .box-grid .box-grid-item-lastline {
     margin-bottom: inherit;
     margin-bottom: 0;
     background-color: var(--color-lightgrey);
 }

 main .box.box-type-classic.box-grid-item.box-grid-item-lastline {
    margin-bottom: inherit;
    margin-bottom: 0;
    background-color: white;
}
 
 main .box-grid > .box-grid-body > .grid-x > .cell {
     margin-bottom: var(--y-full);
 }

 
 /*Paginazione con margin-top*/
 main .box .box-body .pagination-container {
     text-align: center;
     border-top: solid 1px #ddd;
     border-bottom: solid 1px #ddd;
     margin-top:var(--y-full);
 }

 /*=============
MARGINi
==============*/

main .box-grid > .box-grid-body > .grid-x > .cell {
    margin-bottom: 3rem;
}

main .page-row,
.no-js .owl-carousel, .owl-carousel.owl-loaded {
    margin-bottom: 2rem;
}
 
 /* LARGE */
 @media screen and (min-width: 64rem) {
 
     main .box-grid > .box-grid-body > .large-up-1 > .cell:nth-last-child(-n+1){
         margin-bottom: 0;
 /*        border: solid 1px red;*/
     }
 
     main .box-grid > .box-grid-body > .large-up-2 > .cell:nth-last-child(-n+2){
         margin-bottom: 0;
 /*    border: solid 1px red;*/
     }
 
     main .box-grid > .box-grid-body > .large-up-3 > .cell:nth-last-child(-n+3){
         margin-bottom: 0;
 /*        border: solid 1px red;*/
     }
 
     main .box-grid > .box-grid-body > .large-up-4 > .cell:nth-last-child(-n+4){
         margin-bottom: 0;
 /*        border: solid 1px red;*/
     }
 
  
 }
 
 /* MEDIUM */
 @media screen and (min-width: 40rem) and (max-width: 64rem) {
 
     main .box-grid > .box-grid-body > .medium-up-1 > .cell:nth-last-child(-n+1){
         margin-bottom: 0;
 /*        border: solid 1px blue;*/
     }
 
     main .box-grid > .box-grid-body > .medium-up-2 > .cell:nth-last-child(-n+2){
         margin-bottom: 0;
 /*        border: solid 1px blue;*/
     }
 
     main .box-grid > .box-grid-body > .medium-up-3 > .cell:nth-last-child(-n+3){
         margin-bottom: 0;
 /*        border: solid 1px blue;*/
     }
 
     main .box-grid > .box-grid-body > .medium-up-4 > .cell:nth-last-child(-n+4){
         margin-bottom: 0;
 /*        border: solid 1px blue;*/
     }
 
     main .box {
         padding: 0;
         margin-bottom: var(--y-half);
     }
     main .box .box-head {
         margin-bottom: var(--y-qrt);
     }
     main .box-grid > .box-grid-body > .grid-x > .cell {
         margin-bottom: var(--y-half);
     }
 }
 
 /* SMALL */
 @media screen and (max-width: 40rem) {
 
     main .box-grid > .box-grid-body > .small-up-1 > .cell:nth-last-child(-n+1){
         margin-bottom: 0;
 /*        border: solid 1px green;*/
     }
 
     main .box-grid > .box-grid-body > .small-up-2 > .cell:nth-last-child(-n+2){
         margin-bottom: 0;
 /*        border: solid 1px green;*/
     }
 
     main .box-grid > .box-grid-body > .small-up-3 > .cell:nth-last-child(-n+3){
         margin-bottom: 0;
 /*        border: solid 1px green;*/
     }
 
     main .box-grid > .box-grid-body > .small-up-4 > .cell:nth-last-child(-n+4){
         margin-bottom: 0;
 /*        border: solid 1px green;*/
     }
 
     main .box {
         padding: 0;
         margin-bottom: var(--y-half);
     }
 
     /*ridefinisco i margini dei titoli*/
     main .box .box-head {
         margin-bottom: var(--y-qrt);
         margin-top: var(--y-qrt);
     }
 
     main .box-grid > .box-grid-body > .grid-x > .cell {
         margin-bottom: var(--y-half);
     }
 
     /*ridefinisco i margini della paginazione*/
     main .box .box-body .pagination-container {
         margin-top:var(--y-half);
     }
 }

/*==========
header e footer
=============*/
header nav.nav-main.nav-desktop img.logo {
    height: 4rem;
}

header nav.nav-main ul.menu li a:link, header nav.nav-main ul.menu li a:visited {
    padding: 0 0 0 2rem;
    color: var(--color-main);
    font-family: var(--font-alternative);
    font-weight: 800;
}

header nav.nav-main ul.menu li a:active, 
header nav.nav-main ul.menu li a:hover {
    padding: 0 0 0 2rem;
    color: black;
    font-family: var(--font-alternative);
    font-weight: 800;
}

header nav.nav-main ul.menu.is-dropdown-submenu li a:link, 
header nav.nav-main ul.menu.is-dropdown-submenu li a:visited {
    padding: 0 2rem 0 2rem;
    color: var(--color-main);
    font-family: var(--font-alternative);
    font-weight: 800;
}

header nav.nav-main.nav-desktop ul.menu li.md-lev-1 ul {
    background: var(--color-main);
    border: none;
    padding: 0.5rem 0rem;
    text-align: left;
}

header nav.nav-main.nav-desktop ul.menu li.md-lev-1 ul li a:link, 
header nav.nav-main.nav-desktop ul.menu li.md-lev-1 ul li a:visited {
    color: white;
}
header nav.nav-main.nav-desktop ul.menu li.md-lev-1 ul li a:hover, 
header nav.nav-main.nav-desktop ul.menu li.md-lev-1 ul li a:active {
    color: var(--color-lightgrey);
}

header nav.nav-main ul.align-center {
    padding: 0;
    margin: 0;
    text-align: right;  
}

header nav.nav-main ul.menu li a span.a-text {
    padding-top: 1rem;
}

.is-dropdown-submenu {
    min-width: 260px;
}

.align-center.menu {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: flex-end;
}

body > footer {
    padding: 0;
    background: var(--color-main);
    font-size: 1rem;
    color: white;
}

body > footer h4 {
    font-size: 1rem;
    color: white;
    font-weight: 800;
    margin-bottom: 1rem;
}
.form_newsletter {
    background: var(--color-alternative);
    padding: 4rem 0;
    color:var(--color-black);
}

.form_newsletter ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: var(--color-black);
    font-family: var(--font-alternative);
    opacity: 1; /* Firefox */
    font-size: 0.9rem;
  }

.form_newsletter h1, .form_newsletter h2 {
    color:var(--color-black);
    text-transform: none;
}

.form_newsletter form#newsletter-footer-form {
    border: 3px solid;
    border-color: var(--color-black);
}

.form_newsletter form i.fal {
    color: var(--color-black);
}

footer .footer-colophon {
    padding: 1rem 0rem;
    background: var(--color-black);
}

nav.sidenav-mobile {
    display: none;
    background-color: var(--color-main);
    padding: 0rem 0rem 0.5rem 0rem;
}

nav.sidenav-mobile ul li a, nav.sidenav-mobile ul li {
    color:white;
}

/*=========
heading di sezione
===========*/

div.box .box-head .box-head-label .subhead {
    font-size: 1.3rem;
    color: var(--color-black);
}

/*=========
testo
===========*/
article.box-textplain header h1 {
    margin-bottom: 2rem;
    line-height: 1.2;
}

/*===========
SQUARE
===========*/
article.box-textonly {
    border: none;
    border-radius: 0px;
    padding: 1.5rem 1rem;
    background-color: var(--color-lightgrey);
}

article.box-textonly div.link {
    position: relative;
    left: 0rem;
    bottom: 0rem;
    font-family: var(--font-alternative);
    font-size: 0.9rem;
    text-transform: uppercase;
    margin-top: 1.5rem;
    font-weight: 800;
}

article.box-square .box-square-content {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: var(--color-black);
    width: 100%;
    border-top-right-radius: 0em 0em;
    padding: 1rem;
}


article.box-square .box-square-content h3 {
    color:#BDBDBD;
}    

article.box-square .box-square-content a:link, article.box-square .box-square-content a:visited {
    color:white;
}

/*===========
BOX CLASSIC
===========*/
article.box-classic .box-classic-content h2 {
    line-height: 1.2;
}