/**
 * Theme Name:  CROMA Child - Ultimate Creative WP Theme | Shared by VestaThemes.com
 * Theme URI:   http://croma.irontemplates.com/
 * Description: CROMA is a complete solution for everybody in the creative industry. If you are anyone, this theme is for you.
 *
 * Author:      IronTemplates
 * Author URI:  http://irontemplates.com
 *
 * Version:     1.0
 * Template:    croma
 * Text Domain: croma-child
 *
 * License:     GNU General Public License v2 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 *
 */


/* =Theme customization starts here
-------------------------------------------------------------- */

@font-face {
    font-family: 'ITC New Baskerville Std';
    src: url('/wp-content/themes/croma-child/font/NewBaskervilleStd-Italic.eot');
    src: url('/wp-content/themes/croma-child/font/NewBaskervilleStd-Italic.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/croma-child/font/NewBaskervilleStd-Italic.woff2') format('woff2'),
        url('/wp-content/themes/croma-child/font/NewBaskervilleStd-Italic.woff') format('woff'),
        url('/wp-content/themes/croma-child/font/NewBaskervilleStd-Italic.ttf') format('truetype'),
        url('/wp-content/themes/croma-child/font/NewBaskervilleStd-Italic.svg#NewBaskervilleStd-Italic') format('svg');
    font-weight: 500;
    font-style: italic;
}


body{
    background:#000;
    color:#fff;
}
.breadcrumbs{
  background:#f1e8da;
  padding: 5px 10px;
  margin: 5px 15px;
}
.breadcrumbs ul{
 display:block;
}

.breadcrumbs ul li{
 display:inline-block;
}

#menu-main-menu li a{
    color:#fff !important;
    text-transform: uppercase;
}


.container .entry p{
    color:#fff;
}

#post-1055 .row_video p{
    color: #000 !important;
    font-size: 16px !important;
    line-height: 26px !important;
}

#post-1055 .text-video-esplora h3{
 margin:0 !important;
}

.container .entry #tab_biografia p{
 font-size: 18px;
    line-height: 30px;
}



#tab_poeti{
    display:block;
    width:100%;
    margin:0 0 20px;
}

#tab_poeti a{ 
    display:block;
    float:left;
    padding:20px 30px;
    text-transform: uppercase;
    color:#fff;
    background:#222;
    color:#fff;
    border-right:1px solid #000;
}

#tab_poeti a.active{
    background:#a4130e;
}


#ottava_poeta{
    color:#9f5f60 !important;
    padding:20px 10px;
       font-size: 22px;
    line-height: 37px;
   font-family: 'ITC New Baskerville Std';
text-transform: none;

}
#download_poeta{
    padding:10px;
}

#download_poeta h3,
#download_poeta h3 a{
    color:#9bdad7 !important;
}

.box_gara{
    background:#dfdddd;
    width:29%;
    margin:10px 1%;
    float:left;
    min-height:200px;
    padding:10px;
}

.box_gara h2{
    color:#000;
}

.poeti_data_luogo{
    font-size:14px;
    text-transform:uppercase;
    color:rgb(181, 22, 57);
    display:block;
}

.poeti_in_gara{
    color:#fff;
    text-transform:uppercase;
    margin:5px 0;
    font-size:15px;
    display:block;
}

.poeti_tema{
    color:rgb(181, 22, 57);
    text-transform:uppercase;
    margin:5px 0;
    font-size:15px;
    display:block;
}

.box_protagonista{
    background:#dfdddd;
    width:29%;
    margin:10px 1%;
    float:left;
    min-height:200px;
    padding:10px;
}

.link_tutti_poeti{
margin-right: 20px;
    text-transform: uppercase;
    font-size: 12px;
    color: #dfdddd !important;
    float:right;
}


.home .playlist ul li{
    width: 25%;
    float: left;
    clear: none;
}

.lista-poeti-home .box_protagonista{
 width:21%;
}

.box_gara{
    text-align:center;
}

.luogo_gara{
    font-size:18px;
}

.data_gara,
.luogo_gara{
    display:block;
    margin:10px 0;
}

#single_album-wave wave{
   background: #333132f0;
   border-radius: 10px;
}

#single_album-wave wave wave{
  height: 20px;  /* Can be anything */
	position: relative;
	background: #861932;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	border-radius: 10px;
	padding: 1px;
	box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
   margin: 23px 0 0 10px;
} 

body .iron-audioplayer .player.hide .currentTime, .iron-audioplayer .player.hide .wave, .iron-audioplayer .player.hide .totalTime{
   display: block !important;
   opacity:1 !important;
}

.vc_column_container .player.hide{
   display: block !important;
   
}

.classic-menu > ul.logo-pull-top{
   padding-top: 160px !important;
}

.page-title h1, h1.page-title, .error404 h1 {
    text-align: center;
    color: #bc946c;
    text-transform: uppercase;
}

.classic-menu > ul > li.current-menu-item > a{
   background: #bc946c !important;
}

.classic-menu > ul > li{
   padding: 0 10px;
}

.single-poeti .artist_sidebar,
.single-poeti .artist_content{
   margin-top: 4px;
}


.page-id-1837 h2,
.page-id-1837 h3{
 color:#fff !important;
}

.trascrizioni{
  margin-top:10px;
  clear:both;
}

#download_trascrizione{
 border: 1px solid #fff;
    color: #fff;
    width: 90%;
    text-align: center;
    display: block;
    padding: 17px 0;
    font-size: 15px;
    text-transform: uppercase;
        margin: 30px 30px;
}

.screen-reader-response{
 display:none;
}

.wpcf7-acceptance{
 background: no-repeat;
    color: #fff;
    border: 0;
    padding: 0;
    font-size: 12px;
}

.wpcf7-acceptance a{
color:#fff !important;
}

#popup_ricerca{
  position: absolute;
    top: 10%;
    left: 50%;
    z-index: 100000000;
    width: 500px;
    margin-left: -250px;
    background: #fff;
    padding: 40px;
    display:none;
}

#popup_ricerca_bg{
     position: absolute;
    top: 0;
    left: 0;
    z-index: 10000000;
    background: #bc946c;
    width: 100%;
    height: 100%;
    opacity: .4;
    display:none;
}

#close_popup_ricerca{
  position:absolute;
  top:-10px;
  right:-10px;
  width:20px;
  height:20px;
  line-height:20px;
  font-size:11px;
  background:#000;
  color:#fff !important;
  border-radius:50%;
  text-align:center;
}


.form_ricerca select{
		width: 400px;
    display: block;
    background: #fff;
    float: left;
    margin: 1%;
    height: 33px;
    font-size: 20px;
	}
 .form_ricerca select.ricerca-anno{
  width:270px;
  height:33px;
 }
 
	.form_ricerca button{
		    margin: 20px auto;
    width: 200px;
    display: block;
    border: 0;
    font-size: 25px;
    background: #a4130e;
    color: #fff;
    border: 0;
    border-radius: 4px;
    padding: 8px;
	}
 
 #popup_ricerca .form_ricerca select{
  width: 30%;
  font-size:15px;
 }



h4.altre_gare{
      text-align: center;
    color: #bc946c;
    text-transform: uppercase;
}
.gare-correlate{
 margin-top:15px;
}

.gare-correlate .box_gara{
     width: 166px;
    margin: 2px;
}
.gare-correlate .box_gara img{
  width: 90px;
  display: block;
  margin: 0 auto;
}

.gare-correlate .box_gara h2{
 font-size:12px;
 min-height:38px;
}

.gare-correlate .box_gara .luogo_gara {
    font-size: 15px;
}

.gare-correlate .box_gara .poetiingara {
    min-height:58px;
    display:block;
}

.box-ricerca-pag-gare p{
     display: block;
    width: 100%;
    margin: 10px;
    text-align: center;
    font-size: 24px;
    padding: 20px 0 0px 1px;
}
.box-ricerca-pag-gare{
     background: #bc946c;
    margin: 0 30px 0 11px;
}

.classic-menu.responsive ul li,
.classic-menu.responsive .responsive-header{
     background: #231f20;
}

.box-ricerca-pag-gare .form_ricerca select.ricerca-anno{
 width:230px;
}



 .page-id-999 h1,
  .page-id-999 h1 span,
 .page-id-999 .single-post h2,
  .page-id-999 h2 span{
      color: #fff !important;
    font-weight: bold !important;
 }

 .page-id-999 .single-post h2 i{
  color: #7c1e17 !important;
 }

#testo_percorso{
 font-size:18px;
 line-height:32px;
}

.museo_contatti{
  font-size:18px;
 line-height:32px;
}

.page-id-999 #testo_viaggio h1,
.page-id-999 #testo_viaggio h2{
 color:#969696 !important;
 text-align: justify;
}

@media(max-width:1000px){
 .box_protagonista{
  width:90%;
 }
 
 .classic-menu.responsive{
  background:#232020;
 }
 
 .box_gara{
  width:90%;
 }
 #tab_poeti a{
  width:70%;
 }
 
 .poeti.type-poeti{
 padding-top: 60px;  
 }
}

.prenota_testo .vc_separator h4{
 color:#fff;
 font-size: 18px !important;
}
.prenota_testo .wpb_wrapper li{
  color:#fff;
  font-size: 14px !important;
    line-height: 25px !important;
}
.page-id-1061 .container{
 max-width: 1100px;
    margin: 0 auto;
}

.page-id-1061 .container .entry p{
  font-size: 14px !important;
    line-height: 25px !important;
}

.page-id-1061 .container h2,
.page-id-1061 .container h4{
  color:#fff;
}

:root .has-vivid-red-color{
    background: none;
    color: #9f5f60 !important;
    padding: 20px 10px;
    font-size: 22px;
    line-height: 37px;
    font-family: 'ITC New Baskerville Std';
    text-transform: none;
}

:root .has-vivid-red-color p{
 color: #9f5f60 !important;
}

.page-id-1229 .wp-block-media-text__content{
  font-size: 18px !important;
    line-height: 35px !important;
}


.page-id-1061 .container h2, .page-id-1061 .container h4 {
    color: #fff !important;
    text-align: center;
    font-weight: bold;
    margin:10px 0;
    padding-bottom:10px;
    border-bottom:1px solid #fff;
}

#tab_foto a{
     width: 43%;
    display: block;
    float: left;
    margin: 1%;
    background: #f1e8da;
    padding: 12px;
}

.footer-wrapper{
 padding:40px 20px;
}

#footer_domus{
 width:400px;
 float:right;
 padding:10px;
}

.footer-wrapper img{
 display:block;
 float:left;
 margin-top:10px;
 margin-right:20px;
 width:100px;
}


.footer-wrapper #footer_domus img{
 width: 80px;
    margin: 0 20px;
}

h2, .single-post h1{
 color:#fff;
}

.single-poeti .single-post h1{
  color:#a4130e;
}

.single-post h1{
 line-height:36px;
}

.links-block{
 display:none;
}

.single-post a{
 color:#c2996f;
}

.single-post .media-block a{
     background-color: transparent !important;
}


.single-post .media-block a:hover{
     color: #a4130e !important;
}


.single-post #sidebar .panel__heading h3{
 color:#9E9E9E;
}
.cat-item.cat-item-1{
 display:none;
}

.single-post .entry{
  font-size: 16px !important;
    line-height: 30px !important;
}

.container2{
   margin: 0 auto;
    width: 1100px;
}

#menu-main-menu_footer{
   display: block;
 width:80%;
    float: left;
}

.footer_social a{
 font-size:14px;
}

.footer_social a:hover{
 color: rgb(181, 22, 57);
}

#menu-main-menu_footer a{
 text-transform:uppercase;
}

/*.post-type-archive-esplora .news-grid-wrap{
 width:24%;
}

.post-type-archive-esplora .news-grid-wrap.right{
 float:left;
 margin-right: 0.5%;
    margin-left: 0px;
}
*/
.single-esplora .menu-item-1070 a,
.post-type-archive-esplora .menu-item-1070 a{
 background:#bc946c !important;
}

.single-esplora .menu-item-1070 a:hover,
.post-type-archive-esplora .menu-item-1070 a:hover{
 background:#bc946c !important;
}


#credits{
 display:inline-block;
 margin-top:10px;
 color:#fff;
}

 .various img{
        width:283px;
    }
    .row_video{
        background:#fff;
        width:100%;
        margin-bottom:10px;
    }
    .row_video:after {
  content: "";
  display: table;
  clear: both;
}
     .row_video a.img_audio,
    .row_video a.img_yt{
        padding: 0;
    line-height: 0;
    min-height: 0;
    height: 158px;
    display: block;
    width: 283px;
    float:left;
    position:relative;
    background: #dfdddd;
    }
    
    .row_video p{
     padding:0 10px 0 0;
    }
    
     .row_video a.img_audio:after,
    .row_video a.img_yt:after{
        display:block;
        content: "";
        width:283px;
        height:159px;
        position:absolute;
        top:0;
        left:0;
        background: url(/wp-content/uploads/2020/03/video-player-icon_bianco.png);
            background-size: 100px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    }
    
    #post-1076 .row_video a.img_yt:after{
     background: url(/wp-content/themes/croma-child/icona-video.png);
      background-size: 50%;
    background-repeat: no-repeat;
    background-position: 50%;
    }
     .row_video a.img_audio:after{
           background: url(/wp-content/themes/croma-child/onda-audio.png);
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: 50%;
     }
    
    .text-video-esplora{
        width: 814px;
    float: left;
    padding: 10px 0 0 40px;
    width: 822px;
    height: 148px;
    }
    
    .text-video-esplora h3{
        font-weight: bold;
    }
    
   .text-video-esplora:hover{
        background:#a4130e;
        color:#fff;
    }
    
    .text-video-esplora:hover h3{
        color:#fff !important;
    }
    



@media(max-width:600px){
 .form_ricerca select{
  width:100% !important;
  height:50px;
 }
 #post-133 .vc_custom_1456438692076{
  margin-top:20px !important; 
 }
 
 .lista-poeti-home .box_protagonista{
  width:90%;
 }
 
 .lista-poeti-home .box_protagonista#scopri_tutti{
    height: 50px;
    min-height: 0;
}
#post-133 .vc_custom_1583317081588{
 margin-bottom:10px !important;
}

 #post-133 form{
  padding:0 25px;
 }
 
 .footer-row{
  padding:3px 10px;
 }
 
 .container2{
  width:100%;
 }
}
#menu-main-menu_footer {
    width: 77%;
    padding: 20px 18px;
    margin: 0 auto;
    text-align: center;
}

.footer-row li {
    padding: 13px 0 0 15px;
    position: relative;
    text-align: center;
    display: inline-block;
    font-size: 12px;
}
 
 .footer-row li:after{
  display:none;
 }
 
 .footer_social{
  width: 100px;
    margin: 0 auto !important;
 }
 
 .footer_social li a{
  font-size:17px;
 }
 
 #footer_domus {
       width: 400px;
    float: right;
    padding: 10px;
    line-height: 18px;
}

.footer-wrapper #footer_domus img {
    width: 100px;
    margin: 0 12px 0 -1px;
    display: block;
    float: left;
}

#post-1061.hentry{
 padding:0 20px;
}

#post-1094 form{ padding:0 25px;}
 



@media(max-width:800px){
 .home .single-post h2{
  line-height: 30px !important;
 }
 .container .entry p{
  text-align:center !important;
 }
 
 .home .playlist ul li {
    width: 100%;
    float: none;
    clear: both;
}

.text-video-esplora{
    float: left;
    padding: 20px;
    width: 86%;
    height: auto;
}

.footer-wrapper img{
     width: 42%;
}

.gare-correlate .box_gara{
 width:93%;
}
 
}