:root {
	--font-main: "Baskervville", serif;
	--font-alternative: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	
	/** COLOR */
	--color-main: #3B536C;
    --color-alternative:#004993;
    --grey-one: #2D3031;
    --grey-two: #808080;
    --grey-three: #555555;
    --grey-four: #cccccc;
    --grey-five: #e6e6e6;

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

	/** RADIUS (?) */
	--radius: 5px;
}

header nav.nav-main {
    border-top: none;
    background-color: var(--color-main);
    z-index: 10000;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
}

header nav.nav-main ul.menu li a:link, header nav.nav-main ul.menu li a:visited,
header nav.nav-main.nav-desktop ul.nav-desktop-icons li a:link, header nav.nav-main.nav-desktop ul.nav-desktop-icons li a:visited,
header nav.nav-main.nav-mobile .nav-desktop-alternative .nda-left .nda-button {
    color: var(--color-lightgrey);
    font-family: var(--font-alternative);
}
header nav.nav-main.nav-desktop ul.nav-desktop-icons li a:link, header nav.nav-main.nav-desktop ul.nav-desktop-icons li a:visited  {
    border: solid 0.145rem var(--color-lightgrey);
}

header nav.nav-main.nav-mobile .nav-desktop-alternative .nda-left .nda-button,
header nav.nav-main.nav-mobile .nav-desktop-alternative .nda-left .nda-logo,
header nav.nav-main.nav-mobile .nav-desktop-alternative.nda-open .nda-left,
header nav.nav-main.nav-mobile .nav-desktop-alternative.nda-open .nda-right .nda-button-close  {
    background-color: var(--color-main);
}

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

nav.sidenav-mobile, header nav.nav-main.nav-mobile .nav-desktop-alternative .nda-left .nda-button, header nav.nav-main.nav-mobile .nav-desktop-alternative .nda-left .nda-logo, header nav.nav-main.nav-mobile .nav-desktop-alternative.nda-open .nda-left, header nav.nav-main.nav-mobile .nav-desktop-alternative.nda-open .nda-right .nda-button-close {
    color: var(--color-lightgrey);
}

nav.sidenav-mobile {
    background-color: var(--color-lightgrey);
}

nav.sidenav-mobile ul li a, nav.sidenav-mobile ul li {
    color: var(--color-main);
}

article.box-textplain div.the-text {
    font-size: 1.25rem;
}

header nav.nav-alternative ul.breadcrumbs {
    display: none;
}

article.box-textplain header p.abstract {
    font-size: 1.5rem;
    line-height: 1.3;
}

article.box-classic .box-classic-content p {
    font-size: 1.1rem;
    margin: 0;
    line-height: 1.3em;
}

/*===========
NEWSLETTER
==============*/
.form_newsletter {
    background: var(--color-lightgrey);
    padding:3rem 0;
}

.form_newsletter h1 {
    font-size: 1.5rem;
    color:black;
}

.form_newsletter h2 {
    font-size: 1.25rem;
    font-family: var(--font-main);
    text-transform: none;
    color:black;
    font-weight: 400;
}

.form_newsletter [type=email] {
    color: black;
}

.form_newsletter form#newsletter-footer-form {
    border: 2px solid;
    border-color:black;
}

.form_newsletter form i.fal {
    color:black;
}
.form_newsletter ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: black;
  }
  .form_newsletter::-moz-placeholder { /* Firefox 19+ */
	color: black;
  }
  
  .form_newsletter :-ms-input-placeholder { /* IE 10+ */
   color:black;
  }
  
  .form_newsletter :-moz-placeholder { /* Firefox 18- */
	color: black;
  }

/*========
FOOTER
=============*/
footer {
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

body > footer {
    background: transparent; }

body > footer .footer {
    background-color: var(--color-main);
}

body > footer .footer-colophon {
    background-color: var(--color-lightgrey);
    padding:0.5rem 0rem;
}
body > footer .footer-colophon a {
    color: var(--color-greyone);
    padding:1rem 0rem;
}

body > footer .footer-colophon a:link, 
body > footer .footer-colophon a:visited {
    color: #000;
   line-height: 2.4rem;
    font-family: var(--font-alternative);
}

body > footer h4 {
    font-size: 1rem;
    color: var(--color-lightgrey);
    font-weight: 600;
    margin-bottom: 1rem;
}


 /*==================
  MODULO WIDEMEDIA
  ========*/

  #heroimage div.hero-action-container .hero-action {
    padding: 0;
    background: var(--color-grey);
    padding-left: 300px;
    padding-left: calc(calc(100vw - 75rem + 30px) / 2);
    display: inline-block;
    border-top-right-radius: 2em 2em;
    background: var(--color-main);
    position: relative;
    max-width: 70%;
}

#heroimage div.hero-action-container .hero-action {
    padding: 0;
    background: transparent;
    padding-left: 300px;
    padding-left: calc(calc(100vw - 75rem + 30px) / 2);
    display: inline-block;
    border-top-right-radius: 2em 2em;
    background: var(--color-white);
    position: relative;
    max-width: 70%;
}

#heroimage div.hero-action-container .hero-action .hero-action-text {
    padding: 2rem 1rem 2rem 0;
    background: var(--color-white);
    border-top-right-radius: 0em 0em;
    padding-right: 180px;
    max-width: 80%;
}

#heroimage div.hero-action-container .hero-action .hero-action-text h1 {
    color: var(--color-main);
}

/*=======
colori titoli e titoli di sezione
===============*/

div.box .box-head .box-head-label .head {
   color:var(--color-loudblack);
       font-size: 1.5rem;
}

article.box-line .box-classic-content h1,
#heroimage div.hero-action-container .hero-action .hero-action-text h1 {
    font-size: 1.8rem;
}

#heroimage div.hero-action-container .hero-action .hero-action-text p {
    color:var(--color-loudblack);
 }

#heroimage div.hero-action-container .hero-action .hero-action-text p {
    font-size:1.45rem;
 }

#heroimage div.hero-action-container .hero-action .hero-action-icon {
    background-color: var(--color-white);
}

#heroimage div.hero-action-container .hero-action .hero-action-icon:hover {
    transition: all 0.25s;
    background-color: var(--color-white);
    background-size: 36px 36px;
}

#heroimage div.hero-action-container .hero-action .hero-action-icon {
    /* float: right; */
    padding: 0;
    border-top-right-radius: 0em 0em;
} 

article.box-line .box-classic-content h1 a:link, 
article.box-line .box-classic-content h1 a:visited {
    color: var(--color-main);
}

article.box-line .box-classic-content h1 a:active, 
article.box-line .box-classic-content h1 a:hover {
    color:var(--color-loudblack);
}

article.box-textplain header h1 {
     color: var(--color-main);
     font-size:2.2rem;
     line-height: 1.2;
}

article.box-classic .box-classic-content h3 {
    color:var(--color-loudblack);

}

article.box-classic .box-classic-content a:link, article.box-classic .box-classic-content a:visited {
    color: var(--color-main);
}

article.box-textplain header h2 {
    color:var(--color-loudblack);
}


main .box .box-body .box-author-list .column-list.column-list-cols {
    column-count: 4;
    margin-top: 0.5rem;
}

@media (max-width: 64rem) {
    #heroimage div.hero-action-container .hero-action {
        max-width: 100%;
    }

    #heroimage div.hero-action-container .hero-action .hero-action-text {
        padding: 2rem 1rem 2rem 1rem;
        border-top-right-radius: 0em 0em;
        max-width: 100%;
    }
    #heroimage div.hero-action-container .hero-action .hero-action-text p {
        font-size: 1rem;
        padding-right: 5rem;
    }
    #heroimage {
        background: url(/assets/img/placeholder.jpg) left center;
        background-size: cover;
        position: relative;
        transition: background 0.8s linear;
        overflow-x: hidden ! Important;
        overflow-y: hidden ! Important;
    }

    #heroimage div.hero-action-container .hero-action .hero-action-text h1 {
        font-size: 1.8rem;
    }

    article.box-line .box-classic-content h1 {
        font-size: 2rem;
    }
}