/*
Theme Name: European Review
Description: Child theme for Reverie 
Author: Goodea
Template: reverie
*/
 
@import url("../reverie/style.css");

:root{
	--main-color:#0d6baf;
	--alt-main-color:#cbdfed;
}

.the-bg{background:#fff;     position: relative; height: 115px;}
body{font-family: 'Open Sans', sans-serif;}
body.home > #container > #main{margin-top:0;}
h1,h2,h3,h5,h6{font-family: Baskerville, "serif"; color:var(--main-color);}
h4{font-family:"Open sans", sans-serif; font-size:14px; }

.widget .cat-item:hover {background: none;}
.widget .cat-item:hover a{font-weight:800;}

.header-wrapper{     position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
    background-color: #fff;
    box-shadow: 0px 0px 40px rgba(0,0,0,0.3); padding: 20px 8%; }
.header-wrapper header{    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    justify-content: space-between;
    padding:0 !important;
}
    
.header-wrapper header .reverie-header{
        width: 200px;
}

.header-wrapper header .reverie-header img{ filter: brightness(0.7); margin-top:0;}

.header-wrapper header .nav-bar{
    margin:0;     display: flex;
    flex-direction: row;
    align-items: center;
}

.header-wrapper header .nav-bar a{     line-height: 1; text-align: center;     display: flex; font-size: 11px !important; text-transform: uppercase; text-decoration: none !important;
    color: #000;  padding: 0 5px !important;}

/*#main-nav.navbar{background:none; background-color:#fff; height: 114px; border: none; line-height:114px; box-shadow: 0px 0px 40px rgba(0,0,0,0.3); }
h2 a{color:#000 !important;}
.h3, h3 { font-size: 28px; color:var(--main-color);} */


div#new-homepage{
    padding:160px 12% 0px;
    background-size:cover;
    background-position:top;
    background-repeat:no-repeat;
    position:relative;
}
.section-home{padding:40px 12% 0px;}

section.verduci{padding:30px 12% 50px; position: relative;}
section.verduci button{position:absolute; top:50%; transform: translateY(40px);     background: none; border: none; font-size: 18px;}
section.verduci button#goToPrevSlide{left:5%;}
section.verduci button#goToNextSlide{right:5%;}
section.verduci button#goToPrevSlide:after{    content: "\f341";font-family: dashicons;}
section.verduci button#goToNextSlide:after{    content: "\f345";font-family: dashicons;}

div#new-homepage:after {
    content: "";
    height: 100%;
    position: absolute;
    bottom: 0%;
    background-color: linear-gradient();
    left: 0;
    width: 100%;
    z-index: 0;
    background: linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);}

div#new-homepage *{z-index:1;}
div#new-homepage h1{
    color:#fff;
    font-size:55px;
    font-weight:800;
    margin-bottom:50px; z-index: 22;
    display: block;
    position: relative;
}

div#new-homepage .content{
    display: flex;
    flex-direction: row;
    align-items: stretch;
}

div#new-homepage .copertina{
        width: 28%;
    position: absolute;
}

div#new-homepage .copertina img{
    width:100%;
}

div#new-homepage .right-home{
     display:flex;
    flex-direction: column;
    align-content: flex-start;
    align-items: flex-start;
    width:65%;
    padding: 20px 40px;
    justify-content: space-between;     margin-left: 38%;
}
.section-home .content{width:65%;
    padding: 20px 40px; margin-left: 38%;}
.contenuto{
    display:flex;
    flex-direction: column;
    align-content: flex-start;
    align-items: flex-start;
}

.contenuto .impact p{
    font-size: 28px;
    color: #fff;
    line-height: 1.3;
}

div#new-homepage .contenuto .testo {
    margin-top: 20px;
    margin-bottom: 70px;
    
}
div#new-homepage .contenuto .testo p{
    font-size:18px;
    line-height:1.2;
    color:#fff;
}

div#new-homepage .contenuto .testo p a{
    font-weight:800;
    color:#fff;
}

div#new-homepage .contenuto  .testo ul{column-count: 2;
    color: #fff;}
    
    ul.flyout li.active a,
    .nav-bar li ul li.active a,
    .current_page_item > a{color: var(--main-color) !important; font-weight:800; }

.citation span{
    color:#000;
    text-transform:uppercase;
    font-size:18px;
    font-weight:800;
}

.citation .list ul{
    column-count:2;
    margin-top:15px;
}

.citation .list ul li{
    font-size:16px;
    margin-bottom: 10px;
}

.citation .list ul li a{
    color:#000;
}

::marker{
    color:var(--main-color);
}

.full-home ul li,
.page #main ul li{line-height:1.2; position:relative; display:block; padding-left:15px;}
.page #main ul li{line-height:1.4;}
.full-home ul li:before,
.page #main ul:not(.wp-tag-cloud) li:before{
    content: "";
    height: 6px;
    width: 6px;
    background-color: var(--main-color);
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 6px;}
.full-home .testo ul:not(.wp-tag-cloud) li:before{background-color: #fff;}

.impact-wrapper{position: absolute;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    justify-content: space-between; width:400px;}

.impact-wrapper .impact{ display: flex; flex-direction: column-reverse; width: 199px; background-color:rgba(0,0,0,0.5); padding:20px;}

.impact-wrapper .impact p{color:#fff; margin:0 !important;}
.impact-wrapper .impact p:nth-child(2){    font-size: 22px; line-height: 1;}

.divider-verduci{display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; margin-top:30px; margin-bottom:30px;}
.divider-verduci a{width: 25%;
    height: 67px;
    display: block;}
.divider-verduci img{width:100%;}
.divider-verduci span.line{height:1px; background-color:#666666; width:33%;}

#lightSlider li{height: 100px; padding: 20px; text-align: center;  position: relative;}
#lightSlider li a{position: absolute; left: 50%; top: 50%; width: 80%; transform: translate(-50%, -50%);}
section.pre-articles{margin-bottom: 50px; background-color:var(--alt-main-color); padding:20px 12%;     display: flex; flex-direction: row; align-content: center; align-items: center; justify-content: space-between; }
section.pre-articles div{width:50%;}
section.pre-articles div a{ font-size:32px; color:var(--main-color);display: flex; flex-direction: row; align-items: center; align-content: center; font-family: Baskerville, "serif"; text-decoration:none; justify-content: center;}
section.pre-articles div a img{height:70px; margin-right:20px;}


#main{margin-top:50px;}
.page #main{margin-top:0px;}
section.title-page{padding: 150px 40px 150px; text-align: center; background-image: url(img/er-page-title.jpg); margin-bottom:50px; background-size:cover;
    background-position:center center;}
section.title-page h1{color:#fff; font-size:45px; position:relative;}
section.title-page h1:after{content: "";
    height: 2px;
    width: 150px;
    background-color: #fff;
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -15px;}

h2.current{
    display: block;
    padding: 20px;
    font-family: baskerville;
    font-size: 30px;
    background-color: var(--main-color);
    color: #fff; margin-top:0; margin-bottom: 30px;}

/*#sidebar{    position: sticky; top: 100px;}*/
#sidebar.three.columns{width:29% !important;}
.sidebar-section{border: none !important; margin: 0 !important;}
.sidebar-box article:first-child{border-bottom:30px solid #fff;}
.sidebar-box article:first-child .sidebar-section{    background-color: #fff;padding: 0;}
.sidebar-box article .sidebar-section{background-color:var(--main-color);}
.sidebar-box article .sidebar-section{padding:10px 20px;}
.sidebar-section .submit{    padding: 15px 0; border: 2px solid var(--main-color);}
.sidebar-section .submit a{ font-size:25px; color:var(--main-color);display: flex; flex-direction: row; align-items: center; align-content: center; font-family: Baskerville, "serif"; text-decoration:none; justify-content: center;}
.sidebar-section .submit a img{height:40px; margin-right:20px;}
#sidebar .sidebar-section h6,
#sidebar .sidebar-section h2,
#sidebar .sidebar-section label{ font-weight:700; font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"; font-size: 22px; color: #fff;}
#sidebar .widget_categories .wp-block-categories-dropdown.wp-block-categories:before{content:"Topics"; font-weight:700;     position: relative;
    display: block; margin-bottom:10px; font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"; font-size: 22px; color: #fff;}
.sidebar-box article.widget_text .sidebar-section{background-color:unset;}
.sidebar-box article.widget_text .sidebar-section h6{color:var(--main-color) !important;}
.sidebar-box article.widget_text .sidebar-section p{color:#000;}

form#searchform input#s,
#sidebar .sidebar-section select{ height: 50px; background: none;  border-radius: 0; border: 1px solid #fff; color: #fff; margin: 0;}

form#searchform .row.collapse{display: flex; flex-direction: row; align-content: stretch; align-items: stretch;}

form#searchform .row.collapse .eight.mobile-three.columns{width:80%;}
form#searchform .row.collapse .four.mobile-one.columns{width:20%; position:relative;}
form#searchform .row.collapse .four.mobile-one.columns input[type="submit"]{height: 100%; background: none; border: none !important; border-radius: 0;
    box-shadow: none !important; font-size:0; color:#fff;}
#sidebar .sidebar-section input::placeholder{color:#fff;}
form#searchform .row.collapse .four.mobile-one.columns:before{content: url(img/search-button.svg);
    width: 30px; display:block;    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
#sidebar .sidebar-section .wp-tag-cloud li{    padding: 3px 0;}
#sidebar .sidebar-section .wp-tag-cloud li a{color:#fff !important; font-size:14px !important;}
#sidebar .sidebar-section .wpp-list li a,
#sidebar .sidebar-section .wpp-list li .wpp-author{color:#fff !important;}
#sidebar .screen-reader-text{display:none;}

.pagination-top{display:none;}

body.single .entry-content > div > img{width:100%;}
body:not(.page) .post-box article { padding-right:80px; background-color: #f2f2f2; margin-bottom: 80px;}
body:not(.page) .post-box article header{padding:20px;}
body:not(.page) .post-box article .entry-content{padding:30px;background-color: #fff; position: relative;}
body:not(.page) .post-box article .entry-content:before{content: "";
    display: block;
    height: 1px;
    width: 110%;
    right: 0;
    position: absolute;
    top: 0;
    background-color: var(--main-color);}
body:not(.page) .post-box article .entry-content:after{content: "";
    display: block;
    height: 110%;
    width: 1px;
    right: 0;
    position: absolute;
    top: 0;
    background-color: var(--main-color);}
    
body:not(.page) .post-box article .entry-content h2,
body:not(.page) .post-box article .entry-content h2 a{font-size: 30px; color:#000;}

body:not(.page) .post-box article .entry-content .button{background: none;
    border: none;
    border-bottom: 1px solid var(--main-color);
    font-weight: 700;
    color: var(--main-color);
    text-transform: uppercase;
    line-height: 21px;
    margin: 0;
    padding: 0;
    font-size: 13px;
    border-radius: 0 !important;
    display: inline-flex;
    flex-direction: row-reverse;
    align-items: center;
    align-content: center;
    margin-right: 20px; float: none;
    margin-top: 30px;
   position: relative;
    bottom: 0px;
}
 .nav-bar ul.sub-menu li a{background: #fff !important; border: none !important; padding: 10px !important; text-align: left;}
body:not(.page) .post-box article .entry-content footer{    padding: 10px 0;}
body:not(.page) .post-box article .entry-content footer p a{text-decoration:underline; color:var(--main-color);     font-weight: 700;}
ul.page-numbers{    margin: 20px 0;
    width: 100%;
    display: flex;
    justify-content: space-between;}
    
ul.page-numbers>li>span.current {
    background-color: var(--main-color);
    color: #fff;
}

.cite-article{ border-top:none; border:1px solid var(--main-color); background-color:#fff; padding:20px;}
.related-posts-div{    z-index: 99; display: block;    position: relative; background-color:#fff; padding:20px; border:none;}
.related-posts-div .yarpp > p{font-weight:800; color:var(--main-color);}

.page a.sub-page {
    padding: 20px;
    margin: 30px;
    border: 2px solid var(--main-color);
    display: block;
    text-align: center;
    font-weight: 800;
    font-size: 22px;
    color: var(--main-color); transition:all .2s ease-in-out;
}

.page a.sub-page:hover{text-decoration:unset; background-color:var(--main-color); color:#fff; }

footer#content-info{background-color:var(--main-color);     padding: 40px 0; margin:0;     margin-top:50px;}
footer#content-info .footer-section{padding:0;}
footer#content-info .row.footer-info{display: flex;
    flex-direction: row;
    align-items: center;
    align-content: center;     margin-bottom: 80px;
}
footer#content-info .row.footer-info > div{width:50%;}
footer#content-info .row.footer-info > div.logo img{    width: 300px;}
footer#content-info .row.categorie p{color:#fff; font-size:18px; text-transform:uppercase; font-weight:800;}
footer#content-info article{width: 100%; padding:0;}
footer#content-info article ul{column-count: 4; float: none; margin: 0; padding: 0;}
footer#content-info article ul li{border:none;}
footer#content-info article ul li a{color:#fff; font-size:12px;}
footer#content-info .impact{display:flex; flex-direction:row;}
footer#content-info .impact p{font-size:20px; margin-bottom:5px;}
footer#content-info .impact p:first-child:after{content:": "; margin-right:5px;}
footer#content-info .contenuto{padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #fff;}
footer#content-info .verduci-footer{    display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
footer#content-info .verduci-footer .logo-verduci a{width: 200px; display: block;}
footer#content-info .verduci-footer .linkedin a{    width: 30px; display: block;}
footer#content-info .row.colophon{margin-top: 40px; padding-top: 40px;  border-top: 1px solid #fff;}
footer#content-info .row.colophon p,
footer#content-info .row.colophon p a{text-align: center;  color: #fff; font-size:12px;}
footer#content-info .row.colophon p a{font-weight:800;     overflow: hidden;}

@media (min-width:1251px){
    .nav-bar ul.sub-menu{position:absolute;     margin-top: 10px; padding: 10px; background-color: #fff;     transition: all .4s ease-in-out; height: 0; overflow: hidden;}
    .nav-bar li.open ul.sub-menu{height:auto;}
    .nav-bar ul.sub-menu li a{background: #fff !important; border: none !important; padding: 10px !important; text-align: left;}
    .nav-bar li.menu-item-has-children{position:relative;}
    .nav-bar li.menu-item-has-children > a:after{ content: "⌄"; font-size: 15px; color: #000; display: inline-block; float: left; z-index: 999; margin-left: 4px; line-height: 0.2;}
}
@media (max-width:1500px){
    
.header-wrapper header {flex-direction: column;}
.header-wrapper header .reverie-header { width: 140px;}
    
}

@media (max-width:1250px){
    #main {margin-top: 150px;}
    .the-bg{display:none !important;}
    .header-wrapper header { flex-direction: row;}
    
    .header-wrapper header ul.nav-bar{position: absolute;
    width: 400px;
    top: 77px;
    right: -220%;
    background: #fff !important;
    flex-direction: column;
    align-items: flex-start;
    height: 100vh; z-index: -1;
    padding: 30px 20px; transition:all .5s ease-in-out;}
     .header-wrapper header ul.nav-bar li{padding:15px 0;}
     .header-wrapper.open header ul.nav-bar{right:-10%;}
     .header-wrapper nav{width:60%; text-align:right;}
    .header-wrapper nav:before{content:url(img/er-humb.svg);     height: 30px;
    width: 30px;
    display: block;
    /* text-align: right; */
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%); cursor:pointer;
}
     .reverie-header{width:40%;}
     .header-wrapper header ul.nav-bar li ul.sub-menu{margin-top:10px;}
     .header-wrapper header ul.nav-bar li ul.sub-menu li{    padding: 0;}
    
}

@media (max-width:800px){
    div#new-homepage {padding: 200px 20px 0px;}
    div#new-homepage h1{font-size:35px;}
    .contenuto .impact p { font-size: 18px;line-height: 1.3; margin-bottom:10px;}
    div#new-homepage .contenuto .testo p{font-size:16px;}
    .section-home .content {
    width: 100%;
    padding: 20px 40px;
    margin-left: 0;
}
.section-home {
    padding: 20px;
}
    #sidebar{    position: relative; top: unset;}
    #sidebar.three.columns { width: 100% !important; margin-top: 40px;}
    footer#content-info { padding: 40px;}
    body:not(.page) .post-box article { padding-right: 30px;}
    div#new-homepage .right-home{padding:20px;}
    section.verduci {    padding: 30px 20px 50px;}
    section.pre-articles div a{flex-direction: column; text-align: center; font-size: 20px;}
    section.pre-articles div a img{height:50px; margin-right:0; margin-bottom:10px;}
  
}

@media (max-width:500px){
    div#new-homepage{background-size: cover;}
    div#new-homepage:after{height:100%; bottom:0;}
    div#new-homepage .content {flex-direction: column;}
    div#new-homepage .copertina,
    div#new-homepage .right-home{width:100%; position: relative; margin: 0;}
    .citation{margin:0; color:#fff;}
    div#new-homepage .citation .list ul li a,
    div#new-homepage .citation span{color:#fff;}
    body:not(.page) .post-box article .entry-content h2, body:not(.page) .post-box article .entry-content h2 a{font-size:22px;}
    footer#content-info article ul {column-count: 2;}
    footer#content-info .row.footer-info{flex-direction:column;}
    footer#content-info .row.footer-info > div{width:100%;}
    footer#content-info .row.footer-info > div.logo{margin-bottom:30px;}
    .impact-wrapper{width:100%;}
    .impact-wrapper .impact {width:99%;}
    .citation .list ul li{font-size:12px;}
    .section-home .content {padding: 20px 0;}
    section.verduci {
    padding: 0px 20px 50px;}
    .header-wrapper header ul.nav-bar{padding:20px 50px;}
   .header-wrapper header ul.nav-bar li {
    padding: 10px 0;}
    h1{font-size:20px !important;}
    section.title-page {
    padding: 200px 40px 100px;}
}