:root {
	--font-main: 'Roboto', Arial, sans-serif;
	--font-alternative: 'Roboto Condensed', Impact, sans-serif;
	
	/** COLOR */
	--color-main: #d60019;
    --color-alternative:#004993;
    --anpi-green: #00993f;
    --anpi-blue: #004993;
    --anpi-darkblue: #002243;
    --anpi-yellow:#bfa325;
    --anpi-darkyellow: #826E16;
    --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: #E4E4E4;
	--color-white: #FFFFFF;
	
	/** BLACKS */
	--color-black: #3A3134;
	--color-loudblack: #000000;

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

main article.box-classic.box-withtext figure div.badges {
    position: absolute;
    right: 5px;
    bottom: 5px;
}

body {
    font-family:var(--font-main);
    font-weight: 400;
}

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

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

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

main .page-row,
.no-js .owl-carousel, .owl-carousel.owl-loaded {
    margin-bottom: 2rem;
}

/*=============
header
==============*/
header nav.nav-main.nav-desktop .logo {
    cursor:pointer;
}
header nav.nav-main.nav-desktop .logo img.logo {
    height: 4rem;
    margin: 1rem 0rem 2rem 0rem;
}

header nav.nav-main.nav-desktop img.logo {
    height:4rem;
}

h1.header-title {
    display: inline;
    line-height: 7rem;
    padding-left: 1rem;
   color:var(--grey-one);
    font-size: 2.4rem;
    text-transform: uppercase;
}

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

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

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:active, 
header nav.nav-main.nav-desktop ul.menu li.md-lev-1 ul li a:hover {
    color: var(--grey-five);

}

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 ul.align-center {
    padding: 0;
    margin: 0;
    text-align: right;  
}

.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;
}

/*==========
titoli
=============*/
div.box .box-head .box-head-label .head {
    font-size: 1.73rem;
    color: var(--grey-one);
    text-transform: uppercase;
    display: block;
    font-family: var(--font-alternative);
    font-weight: bold;
}

article.box-textplain header h2 {
    font-size: 1.125rem;
    color: var(--grey-three);
}

div.box .box-head {
    border-bottom: solid 1px var(--color-grey);
}


/*=============
NEWS
==============*/

article.box-classic .box-classic-content h3 {
    color: var(--color-darkgrey);
    font-size: 0.875rem;
    margin-bottom: 0.250rem;
}

article.box-textplain header h1 {
    font-size: 2.5rem;
    line-height: 1.2;
}

div.box.box-type-classic {
    /*border: solid 1px var(--grey-four);*/
}

div.box-carousel .box-withtext {
    border: none;
}

article.box-classic .box-classic-content {
    margin-top: 1rem;
}

div.box article.box-withtext figure {
    position: relative;
}    

div.box article.box-withtext figure img {
    transition: none;
    border:solid 1px var(--grey-four);
}

div.box article.box-withtext:hover figure img {
	transform: none;
	transition: none;
}


div.box article.box-withtext .badge {
    display: inline-block;
    min-width: 3em;
    padding: .3em;
    border-radius: 0%;
    font-size: 1rem;
    text-align: center;
    background: var(--color-main);
    color: #fefefe;
    position: absolute;
    left: 5px;
    bottom: 5px;
}


/*pagina dettaglio news*/

article.box-textplain header {
    position: relative;
}

article.box-textplain header .badge {
    display: inline-block;
    min-width: 3em;
    padding: .3em;
    border-radius: 0%;
    font-size: 1rem;
    text-align: center;
    background: var(--color-main);
    color: #fefefe;
    margin-bottom:2rem;
}

/*=============
SQUARE
================*/
article.box-square {
    padding-bottom: 0%;
    position: relative;
}

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

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

article.box-square .box-square-content a:active, 
article.box-square .box-square-content a:hover  {
    color: var(--grey-five);
} 

article.box-square .box-square-content h3 {
    color: var(--grey-five);
}    

/*=============
GUI NEWS
==============*/

article.box-textplain figure {
    border: solid 1px var(--grey-four);
}

article.box-textplain figure {
    border: solid 1px var(--grey-four);
    width: 50%;
    margin: 0 auto 2rem auto;
}

/*=============
textonly
==============*/

article.box-textonly {
	/*border:solid 3px var(--anpi-yellow);*/
	border-radius: 0px;
	padding: 1rem;
	position: relative;
}

article.box-textonly figure {
	display: none;
}

article.box-textonly .box-textonly-content {
	
}
article.box-textonly .box-textonly-content h2 {
	text-transform: initial;
	font-size: 1.1rem;
	margin-top: 0;
	margin-bottom: 1rem;
}

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

/*==========
pagine testuali
==========*/
article.box-textplain header p.abstract {
    color:var(--grey-one);
    font-weight: 600;
}

/**
 * FORM ISCRIZIONE
 * 
 **/

.form_signup_ok {
    background: #FFFFCC;
    color: darkgreen;
    font-weight: bold;
    padding: 1rem 0.5rem;
}

.form_signup_err {
    background: #ECCECE;
    color: darkred;
    font-weight: bold;
    padding: 1rem 0.5rem;
}


/*=============
FOOTER
==============*/
body > footer {
    background: var(--grey-one);
}

body > footer h4 {
    color: var(--grey-yellow);
    font-family:var(--font-alternative);
    font-weight: 700;
}

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

/*=============
MOBILE
==============*/
@media (max-width: 64rem) {
h1.header-title {
    display: inline;
    line-height: 5rem;
    padding-left: 1rem;
    margin-bottom: 0rem;
    font-size: 3rem;
}

}
@media (max-width: 40rem) {
    body > footer {
        padding: 0rem 0;
    }
}

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;
}

nav.sidenav-mobile ul li.mav-search form input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    font-size: 1rem;
    color: white;
    text-shadow: none;
    font-weight: normal;
  }
  nav.sidenav-mobile ul li.mav-search form input::-webkit-input-placeholder{ /* Firefox 19+ */
    font-size: 1rem;
    color: white;
    text-shadow: none;
    font-weight: normal;
  }
  nav.sidenav-mobile ul li.mav-search form input::-webkit-input-placeholder { /* IE 10+ */
    font-size: 1rem;
    color: white;
    text-shadow: none;
    font-weight: normal;
  }
  nav.sidenav-mobile ul li.mav-search form input:-webkit-input-placeholder { /* Firefox 18- */
    font-size: 1rem;
    color: white;
    text-shadow: none;
    font-weight: normal;
  }

  /*==================
  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-main);
    position: relative;
    max-width: 70%;
}

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

#heroimage div.hero-action-container .hero-action .hero-action-text h1,
#heroimage div.hero-action-container .hero-action .hero-action-text p {
   color:white;
}

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

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

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

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

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;
        background: var(--color-main);
        border-top-right-radius: 0em 0em;
        max-width: 100%;
    }
    #heroimage div.hero-action-container .hero-action .hero-action-text p {
        font-size: 1rem;
    }
}