body { margin: 0px; padding: 0px; background-color: #292b2d; background: url("https://www.beatgogo.it/immagini/sfondolinee.png"), -webkit-gradient(linear, left top,left bottom, from(#8c3656), to(#421526)); }
.headercontainer { height: 518px; background: linear-gradient(rgba(0, 0, 0, 0.4),rgba(0, 0, 0, 0.9)),url('../immagini/currentcover.jpg'); border-bottom: 2px solid #cf0556; }
header { width: 100%; position: absolute; z-index: 20; background: rgba(0,0,0,0.5) !important; height: 60px; }
header > nav { height: 60px; }
nav, .footer { max-width: 1400px; text-align: left; margin-left: auto; margin-right: auto; }
.header-logo { float: left; width: 220px; margin-top: 6px; text-align: center; }
.header-logo img { height: 50px; }
.header-sections { float: right; width: 600px; height: 60px; text-align: center; }
.header-sections ul { display: inline-flex; list-style-type: none; margin: 0px; padding: 0px; height: 60px; }
.header-sections ul li:first-child { padding-left: 0px; }
.header-sections ul li:nth-child(n+2) { padding-left: 30px; }
.header-sections ul li { padding-top: 20px; font-family: 'Roboto'; text-transform: uppercase; }
.header-sections ul li a { color: #E2E2E2; text-decoration: none; font-size: 14px; text-shadow: 0 0 rgba(255,255,255,0.5); text-transform: uppercase; font-weight: 500; transition: border-color 0.1s linear, color 0.1s linear; }
.header-sections ul li a:hover { border-bottom: 2px solid #4486c6; font-weight: 600; color:white; } 
.header-border { height: 2px; background: rgba(255,255,255,0.2); margin-top: 60px; position: absolute; width: 100%; z-index: 20; }
.header-signin button { font-family: 'Roboto'; font-weight: bold; float: left; margin-top: 13px; margin-right: 5px; }
.header-signin button i { padding-right:5px; }
#video-container { position:fixed; bottom:0px; right: 50px; width: 150px; height: 150px; z-index: 10000; }
#video-container-normal { width: 400px; height: 300px; }
.sidebar .searchcontainer #q { width: 259px !important; font-family: 'Roboto'; border: none; padding: 0 10px; height: 34px; margin: 0 !important; outline: none !important; background: rgba(255,255,255,0.85); line-height: 34px; float: left; background-color: #f9f9f9; border-top: 1px solid #b5b9ce; border-bottom: 1px solid #b5b9ce; }
.btn-search { background-color: #860b56;  border-color: #9f2ea4; }
i.search { top: 2px !important; }
.searchindex { margin-top: 35px; }
.topsearch { margin-top: 13px; width: 540px; display: inline-block; }
.spacer { height: 71px; }
.grazie { font-weight: bold; }
.btn-migliora { font-size: 20px !important; background-color: #1568a0; color: white; width:100%; }
.btn-migliora:hover { color: white !important; }
.btn-significato { font-size: 20px !important; background-color: #84314d; color: white !important; width:100%; }
.btn-significato:hover { color: white !important; }
.btn-migliora i, .btn-significato i { padding-right: 10px; }
.datepicker { margin-left: auto; margin-right: auto; }
#datacontainer { width: 220px; margin-left: auto; margin-right: auto; border-radius: 4px; }
.item-container { box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75); border-left: 1px solid #c5c5c5 !important; border-top: 1px solid #c5c5c5 !important; border-bottom: 1px solid #c5c5c5 !important; background-color: #fcfcfc !important; }
.midcontents { display: flex; }
.mid { flex: 1; order: 2; }

.flexartista { display: flex; flex-wrap: wrap; }
.flexartista .tableartistad { padding: 0 5px 0 0; width: 16.6%; }
.flexartista .tableartistad > div:first-child { background-size: cover; height: 70px; }
.flexartista .tableartistad .artistadcontainer { padding: 5px; }
.flexartista .tableartistad .artistadcontainer span { font-weight: bold; }
.flexartista .tableartistad .artistadcontainer .tag { text-align: center; }
.flexartista .tableartistad .artistadcontainer .albumcontainer span { color: #000000; font-weight: bold; }

.lcontainer { margin: 15px 0; width: 250px; }
.lcontainer table { width: 100%; }

.artista_bio { padding: 15px; font-size: 20px; }
.artista_bio span { display: block; font-weight: bold; font-size: 14px; margin-top: 10px; }

.v2_container .v2_bigflags { margin-top: 5px; }
.v2_container .v2_bigflags .langbutton { border: 2px solid #a5a5a5; border-radius: 4px; margin: 2px 4px 2px 0; font-size: 16px; color: black; font-weight: 600; font-family: Poppins; }
.v2_container .v2_bigflags .langbutton:hover { background-color: #f1f1f1; }
.v2_container .v2_bigflags img.langbutton { width: 15px; height: 15px; }

.breadcrumbs {
    list-style: none;
    overflow: hidden;
    font-family: Barlow Condensed;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding: 0px 20px 00px 20px;
    margin-top: -18px;
    font-size: 18px;
    width: 600px;
}
.breadcrumbs a, .breadcrumbs div {
    color: white;
    text-decoration: none;
    padding: 10px 0 10px 5px;
    position: relative;
    display: inline-block;
}
.breadcrumbs a::after {
  content: " > ";
}

.imgicona { height: 30px; width: 30px; border-radius: 50%; border: 1px solid black; }


.nomargin{ margin:0px !important; }
.nomargintop { margin-top: 0px !important; }
.nomarginbottom { margin-bottom: 0px !important; }
.marginboth { margin-top: 15px !important; margin-bottom: 15px !important; }
.margintop { margin-top: 15px !important; }
.margintop2 { margin-top: 2px !important; }
.marginleft { margin-left: 15px !important; }
.marginright { margin-right: 15px !important; }
.nopadding { padding:0px !important; }
.nopaddingr { padding-right: 0px; }
.nopaddingl { padding-left: 0px; }
.nopaddinglr { padding-left: 0px !important; padding-right: 0px !important; }
.padding { padding: 15px; }
.center { text-align: center !important; }
.middle { margin-left: auto !important; margin-right: auto !important; }
.floatleft { float:left; }
.floatright { float:right; }
.h { display: none; }
.v { visibility: hidden; }

#contentcontainer { max-width:1400px;margin-top:-456px;margin-left:auto;margin-right:auto;  }
.contentsmaller { max-width:1170px !important;  }
#transparentcontent { background-color:transparent;min-height:183px; }
#transparentcontent > div:first-child {  }
#transparentcontent > .transparentartists { width: 100%; height: 235px; text-align: center; }
#transparentcontent > div:nth-child(2) { position: relative; top: 20px; right: 30px; float:right; width: 334px; }
#transparentcontent > div:nth-child(2) button { width: 34px; height:34px; border-radius: 0px; float:right; font-size: 17px; top: 2px; left: -3px; }
#transparentcontent h1 { color: white; font-family: 'Dancing Script'; font-size: 37px; font-weight: normal; background-color: rgb(0 0 0 / 9%); padding: 10px 22px; }
#transparentcontent h1 i { font-size: 17px; }
#transparentcontent #search, #q { border: none; padding: 0 10px; width: calc(100% - 34px); height: 34px; margin: 0 !important;  outline: none !important; background: rgba(255,255,255,0.85); line-height: 34px; float: right; font-family: 'Roboto'; border-radius: 18px; border-bottom-right-radius: 0px; border-top-right-radius: 0px; }
.transparentsmaller, .transparentsmaller > div { min-height: 115px !important; height: 115px !important; }
#content { background-color:white;min-height:500px; border-top-left-radius: 3px; border-top-right-radius: 3px; padding: 2px; /* border: 2px solid #cf0556; padding: 0px; */}
#panel-rest { border-top: 2px solid silver; margin-top: 10px; }
#risultati button { width: 100%; margin-top: 5px; margin-bottom: 5px; }
#immagine img { width: 100%; }

.maintab h1, .container-title h3 { padding: 7px; padding-top: 8px; line-height: 1.42857143; font-family: 'Barlow Condensed'; font-size: 20px !important; text-align: center; font-weight: bold; margin: 0px; color: #900732; }
/*.maintab h1, .container-title h3 { background: #336291; font-weight: 600; font-size: 14px; color: #F4F9FF; padding: 10px 4px 10px 10px; display: inline-block; font-family: 'Roboto',Arial,Verdana,sans-serif; text-transform: uppercase; line-height: 16px; width:100%; margin:0px; }*/
.container-box { width:33%; display: inline-block; padding: 5px; border: 1px solid #336291; }
.container-list { text-decoration: none; list-style-type: none; margin-bottom: 0px; padding: 10px; }
.container-list li { }
.container-list i { font-size: 15px; color: #9c0039; padding-right: 10px; }
.container-list a { font-size: 17px; color: #913355; font-weight: bold; }

.content-admin input { border: 2px solid #cccccc; border-radius: 0px; padding: 19px 14px; font-size: 15px; line-height: 1.42857143; color: #555; }
.divisor { border-top: 2px solid silver; margin-top: 10px; }
.tabcanzoni { padding: 20px; padding-top: 10px; }

.footercontainer { width:100%; margin-top: 20px; margin-bottom: 20px; background: #56102d; color: #a2a4a5; font-size: 13px; padding-top: 10px; padding-bottom: 10px; border-top: 1px solid #842c34; border-bottom: 1px solid #842c34; }
.footer .social-links, .footer .footer-disclaimer { text-align: center; color: white; font-size: 15px; font-family: 'Roboto'; margin: 0px; }
.footer .social-links li { list-style-type: none; float: left; font-size: 23px; padding-left: 10px; }
.footer .social-links a { color: #dadadb; }
.footer .social-links a:hover { color: #ffd675; }
.footer .header-logo { width: 200px; }
.footer .footer-disclaimer { text-align: center; }
.footer a { color: #fff; }

.tag {	font-size: 1.3rem; padding: 2px 0 1px; width: 75px; float: none;  margin: 1px !important; font-family: inherit; border-radius: 4px; display: inline-block; text-align: center; text-transform: uppercase; font-size: 9px; }
.flag img { width:20px; }

/* MAIN COLORS */
.primary { background: #913355; color: white; }
a { color: #337ab7; }

/* PAGINATION */
.container-features .pagination { margin: 5px 0px; text-align: center; position: relative; top: 4px; }
.container-pagination { background-color: #f9f9f9; width:100%; height: 50px; }
.pagination>li>a, .pagination>li>span { font-weight: bold; padding:6px; font-size:14px; border: 0px; background-color: transparent; color: #44484b; }
.pagination>li>a:hover { border-bottom: 2px solid #4486c6; font-weight: bold; color: darkred; } 

/* MAIN CAROUSEL */
#content .bigmain > a > img { width: 100%; height: 250px; }
#content .bigmain { padding-right: 2px !important; }
#content .bigmain:nth-child(3) { padding-right: 0px !important; }
#content .bigmain .posteroverlay { background-color: rgba(0,0,0,0.6); height: 80px; width: calc(100% - 2px); top: 170px; position: absolute; float: left;  }
#content .bigmain .postertext { position: absolute; top: 178px; width: 100%; z-index: 2; color: white; padding-left: 10px; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; }
#content .bigmain .postertext div:nth-child(1) { font-size: 11px; border-bottom: 1px solid rgba(255,255,255,0.3); width: 70px; text-transform: uppercase; padding-bottom: 4px; font-family: Roboto; width: 98%; }
#content .bigmain .postertext div:nth-child(2) { font-size: 22px; font-family: 'Barlow Condensed'; font-weight: bold; width: 98%; height: 30px; overflow: hidden; }
#content .bigmain .postertext div:nth-child(2):hover { color:#952d44; text-shadow: -1px -1px 0 #f5f5f5, 1px -1px 0 #f5f5f5, -1px 1px 0 #f5f5f5, 1px 1px 0 #f5f5f5; }
#content .bigmain .postertext div:nth-child(3) { font-size: 12px; font-family: Roboto; }
.newsposter { height: 65px !important; }

#content .midmain > a > img { width: 100%; height: 250px; }
#content .midmain { padding-right: 2px !important; padding-top: 2px !important; }
#content .midmain:nth-child(6) { padding-right: 0px !important; }
#content .midmain .posteroverlay { background-color: rgba(0,0,0,0.6); height: 80px; width: calc(100% - 2px); top: 170px; position: absolute; float: left;  }
#content .midmain .postertext { position: absolute; top: 178px; width: 100%; z-index: 2; color: white; padding-left: 10px; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; }
#content .midmain .postertext div:nth-child(1) { font-size: 11px; border-bottom: 1px solid rgba(255,255,255,0.3); width: 70px; text-transform: uppercase; padding-bottom: 4px; font-family: Roboto; width: 98%; }
#content .midmain .postertext div:nth-child(2) { font-size: 16px; font-family: 'Barlow Condensed'; font-weight: bold; width: 98%; }
#content .midmain .postertext div:nth-child(2):hover { color:#952d44; text-shadow: -1px -1px 0 #f5f5f5, 1px -1px 0 #f5f5f5, -1px 1px 0 #f5f5f5, 1px 1px 0 #f5f5f5; }
#content .midmain .postertext div:nth-child(3) { font-size: 12px; font-family: Roboto; }
.newsposter1 { height: 65px !important; }

#content .smallmain td:first-child { width:100px; vertical-align:middle; }
#content .smallmain td:first-child img { width:100px; height:56px; }
#content .smallmain td:nth-child(2) { width:calc(50% - 50px); color: #913355; }
#content .smallmain td:nth-child(2) a { display: block; }

#content .smallmain .flags { display: block; margin-top:2px; }
#content .smallmain .flags .flag { display: inline-block; padding-right:4px; }

#content .smallmain.artists td:nth-child(2) .tag { display:block; }

#contentcontainer .transparentartists h1 { position:relative;top: 0px; font-size: 2.5rem; line-height: 5.5rem; font-weight: 300; text-shadow: 0 0 20px rgba(0,0,0,0.7); text-transform: none; letter-spacing: 1px; }
#contentcontainer .transparentartists .notice { position: relative; top: -22px; font-weight: 300; color: white; font-family: 'Dancing Script'; font-size: 15px; }
#backgroundContainer { background-size: cover; background-position: center; }

.transparentartists .searchcontainer { float: right; position: absolute; right: 0px; top: 20px; }
.transparentartists .searchcontainer button { float:right; }
.transparentartists .searchcontainer .search, #q { width:500px !important; }

.sidebar { width: 300px; }
.sidebarleft { border-right: 1px solid #ffdfeb; order: 1; }
.sidebarright { border-left: 1px solid #ffdfeb; order: 3; }
.sidebar .concerti-lista li { padding: 8px; }
.contentbar { width: calc(100% - 300px); }
.contentbar .testi { font-size: 13px; }
.contentbar h2 { text-align: center; font-size: 23px; border-bottom: 1px solid #913355; color: #580221;  }

.bigflags { text-align: center; }
.testi .bigflags .flag { display: inline-block; margin-right: 10px; margin-top: 5px; }
.testi .bigflags img { width: 128px; height: 128px; }

.testo { margin-top:20px; text-align:center; font-size: 20px; font-family: 'Barlow Condensed'; }
.adintext { margin-top: 10px; margin-bottom: 10px; width:100%; }

.footer-flags { list-style: none; display: inline-block; margin-top: 16px; }
.footer-flags li { background-color: #913355; padding:5px; border-radius:4px; display: inline-block; margin-right: 5px; margin-bottom: 5px; }
.footer-flags li:hover { background-color: #a54568; }
.footer-flags img { width: 20px; height: 20px; }

.minh1050 { min-height:1050px; }

#searchstring, #searchstring a { display: inline-block; }
.adcontext { max-height: 265px; }
#content .col-md-8 { width: calc(100% - 300px); }
#startsearch { height: 34px; border-radius: 0px; margin-left: -1px; border: 1px solid #2e81a5; border-left: 0px; border-bottom-right-radius: 18px; border-top-right-radius: 18px; }
#startsearch i { position: relative; top: 3px; left: -1px; }

.cookiebar { font-family: 'Roboto' !important; }
.lastlinks { margin-right: 10px; text-decoration: underline; }
.cookietable td:nth-child(1) { font-size: 16px; font-weight: bold; width:100px; }
.flagcontainer { display: inline-block; width: 154px; vertical-align: top; text-align:center; font-size: 11px; margin-right: 10px; }
.flagdesc { margin-top: 2px; color: #580221; text-decoration: underline; }

 .btn-ascoltablack { 
    margin-top: 10px;
    height: 40px;
    width: 30%;
    font-weight: bold;
    background-color: black;
    border: 1px solid black;
    color: white;
    font-weight: bold;
 }
.ascoltabutton { background-color: #f9f7f9; margin-top: 5px; }
.downloadbutton img { width: 100%; }


/* CORRELATI CONTAINER */
.newtitle { background-color: #f5f5f7; padding: 8px; line-height: 1.42857143; border-top: 1px solid #ddd; font-family: 'Barlow Condensed'; font-size: 20px !important; color: black !important; text-align: center; padding-top: 13px; }
.newtitle h3 { font-weight: bold !important; font-size: 20px !important; margin: 0px !important; }
h3 { color: #900732; }
.uppercase { text-transform: uppercase !important; }
.stiletesto { font-size: 20px !important; font-family: 'Barlow Condensed' !important; }
.vedianche { font-size: 25px; color: #1d518a;  padding-left: 10px; margin-bottom: 10px; }
.correlati_container,.correlatisidebar_container { width: 100%; text-align: left; margin-top: 20px; }
.correlatisidebar_album, .correlatisidebar_album > div { height: 105px !important; }
.correlati { width: 226px; height: 75px; display: inline-block; margin-left: 5px; margin-right: 5px; margin-bottom: 10px; background-size: cover; background-image: url('https://www.ballicaraibici.it/immagini/sfondo.png'); box-shadow: 3px 3px 5px 0px rgb(0 0 0 / 75%); }
.correlati_container .correlati, .correlati_container .correlati .overlaycorrelati { width: 253px; }
.correlati .above-overlay { z-index:11; position: absolute; }
.correlati_container, .correlatisidebar_container { color: #011823 !important; font-family: 'Barlow Condensed' !important; font-size: 20px !important; line-height: 25px !important; font-weight: bold; }
.correlatisidebar_container .correlati,.correlatisidebar_container .correlati .label-league,.correlatisidebar_container .correlati .label-teams,.correlatisidebar_container .correlati .overlaycorrelati { width: 288px; }
.correlati_container img { width: 100%; }
.correlatisidebar_container img { width: 100px; float: left; margin-right: 15px; box-shadow: 3px 3px 5px 0px rgb(0 0 0 / 75%); border: 1px solid #676767; }
.correlatisidebar_container > div { display: block; margin-bottom: 5px; padding: 0 5px; margin-right: 5px; height: 75px; line-height: 18px; }
.correlatisidebar_container > div a { font-size: 15px;  font-family: Roboto;  line-height: 18px; font-weight: bold; display: flex; align-items: center; }
.col-sm-2 { padding-right: 5px; padding-left: 5px; height: 208px; }
.opacity-50 { opacity: 0.5; }
.opacity-30 { opacity: 0.3; }
.opacity-70 { opacity: 0.7; }
.bg-black { background-color: #000000!important; }
.overlay, .overlay-image { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 9; background-size: cover; }
.overlaycorrelati { width: 226px; height: 200px; position: absolute; z-index: 9; }
.above-overlay .badge { position: absolute; top: 13px; left: 158px; }
.label-teams { position: absolute; width: 254px; left: -3px; top: 20px; text-align: right; color: white; font-size: 1.1em; font-weight: bold; }
.label-teams:hover { color:#952d44; text-shadow: -1px -1px 0 #f5f5f5, 1px -1px 0 #f5f5f5, -1px 1px 0 #f5f5f5, 1px 1px 0 #f5f5f5; }
.correlati .label-league { font-size: 14px; text-align: center; position: absolute; width: 226px; top: 149px; line-height: 16px; color: white; }
.correlati .label-presenti { position: absolute; bottom: -161px; left: 3px; font-size: 143px; color: white; margin-left: auto; margin-right: auto; letter-spacing: -21px; }
.quantipronostici { color: black; }
.heightinitial { height: initial !important; min-height: initial !important; }

.jukebox_album { width: 100% !important; margin-bottom: 15px; color: #000000; }
.jukebox_album .overlaycorrelati { width: calc(100% - 29px) !important; height:72px; }
.jukebox_overlay { width: calc(100% - 29px) !important; }
#jukebox { font-weight: normal !important; }

.thealbum img { margin: 15px 0; width: 100%; height: 450px; border: 2px solid black; }
.thealbum .thealbumlink { padding: 0 5px; }

.label-nomealbum { text-align: center; color: #e7e7e7; font-size: 38px; }
.label-descalbum { text-align: center; color: white; }
.label-jukeboxalbum { text-align: center; color: #000000; font-family: Roboto; border-top: 2px solid black; border-bottom: 2px solid black; padding: 15px; }

.table-jukebox { text-align: center; }
.table-jukebox tr td, .table-jukebox tr th { text-align: center; }
.testotop { color: white; background-color: rgba(0,0,0,0.5); width: 800px; padding: 15px; margin: 0 auto; }
.btn-migliora2 { font-size: 20px !important; background-color: #1568a0; color: white; width:50%; margin: 0 auto; margin-bottom: 15px; }
.btn-migliora3 { font-size: 20px !important; background-color: #1568a0; border: 1px solid #1568a0; color: white; width:100%; margin: 0 auto; margin-bottom: 15px; }
.btn-migliora3:hover { background-color: #2f86c1; color: white; border: 1px solid #1568a0; }

.concerti { list-style-type: none; font-size: 16px; padding: 5px; }
.concerti li { padding: 4px 0; }
.concerti li a { padding-left: 15px; }
.concertiimg { width:100%; }
.card-container { display: inline-flex; width: 100%; margin-bottom: 10px; }
.card-concerto { border: 1px solid #dedede; min-height: 150px; flex: 1; margin: 0 5px 0 5px; border-radius: 4px; }
.card-body { padding: 10px; }
.card-title { font-size: 18px; color: #900732; margin-bottom: 0; }
.card-subtitle { margin-top: 5px; }
.card-link { position: relative; bottom: -20px; }
.card-text { font-size: 13px; line-height: 15px; }

.concerti-lista { width:100%; padding: 0; }
.concerti-lista li:first-child { border-top: 1px solid #dadada; }
.concerti-lista li { list-style-type: none; border-bottom: 1px solid #dadada; padding: 15px; display: flex; justify-content: space-between; }
.concerti-lista li img { width: 100px; height: 55px; }
.concerti-lista li:nth-of-type(odd){ background-color: #f9f9f9; }
.concerti-lista li:nth-of-type(even){ background-color: #ffffff; }

.concerti-lista .concerti-titlebox { display: flex; margin-left: 15px; flex-flow: row; }
.concerti-lista .concerti-titlebox > div { display: flex; flex-flow: column; margin-left: 15px; font-size: 11px; justify-content: center; }
.concerti-lista .concerti-placebox { display: flex; margin-left: 15px; flex-flow: column; text-align: right; font-size: 11px; justify-content: center; }
.concerti-lista .concerti-titlebox .concerti-url { font-weight: bold; font-size: 18px; }
.concerti-lista .concerti-titlebox .concerti-data { font-size: 12px; }

.concerti-desc { padding: 20px; }
.concerti-desc img { width: 100%; height: 150px; margin-bottom: 20px; }
.concerti-desc .flex { display: flex; width: 100%; }
.concerti-desc .flex img { flex: 1; width: initial; }
.stiletesto-concerti { font-size: 20px !important; font-family: 'Barlow Condensed' !important; }
.concerto_h1_tutti { position: relative;  top: initial !important; right: initial !important; float: initial !important; width: 100% !important; text-align: center; margin: auto; }

.popupunder{
    width: 300px;
	position:fixed;
	top: 60px;
	right: 10px;
	z-index: 20;
	border: 0;
	padding: 20px;
	text-align:center;
	font-size:16px;
}
.popupunder.alert-success{
    border: 1px solid #198b49;
	background:#27AE60;
	color:#fff;
}
.popupunder .close{
	font-size: 10px;
	position:absolute !important;
	right: 2px;
	top: 3px;
}

.popupunder span {
	font-size:90px;
}
.popupunder div {
	font-size:20px;
}

/* V2 Desktop Testi */

.v2_content { margin-top: 50px; }
.v2_container {}
.v2_container nav { text-align: left; margin-right: 100%; }
.v2_container .restriction { margin: 0 15px 15px 15px; padding-bottom: 10px; border-bottom: 2px solid #580221; }
.v2_container .beatlogo {
   font-weight: bold;
   text-transform: uppercase;
   color: #580221;
   padding-left: 0;
}
.v2_container .notice {
    font-size: 12px;
    font-family: Roboto;
    font-weight: 400;    
}
.v2_container .v2_breadcrumbs {
    list-style: none;
    overflow: hidden;
    font-family: Poppins;
    padding: 0 20px 0 0;
    margin-top: 10px;
    font-size: 12px;
    width: 100%;
}
.v2_container .v2_breadcrumbs a, .v2_container .v2_breadcrumbs div {
    color: #580221;
    text-decoration: none;
    padding: 10px 0 5px 5px;
    position: relative;
    display: inline-block;
}
.v2_container .v2_breadcrumbs a:first-child {
    padding-left: 0;
}
.v2_container .v2_breadcrumbs a::after {
  content: " > ";
}
.v2_container h1 {  
    font-family: Poppins,Arial;
    text-transform: uppercase;
    font-weight: bolder;
    padding: 0 !important;
    margin: 0;
    background-image: none !important;
    font-size: 2.7rem !important;
    line-height: 1.1!important;
    letter-spacing: -1px; 
    color: #580221;
}
.v2_container h2 {  
    font-family: Poppins,Arial;
    text-transform: uppercase;
    font-weight: bold;
    padding: 5px !important;
    margin: 15px 0 0 0;
    font-size: 1.7rem !important;
    line-height: 1.1!important;
    color: #580221;
    background-color: #f7f7f7;
}
.v2_container .v2_middle h2 {  
    margin-bottom: 15px;
    font-size: 20px !important;
    font-weight: 400;
}
.v2_container .artistaimmagine {  
    width: 100%;
    margin: 15px 0;
}
.v2_container .v2_testo {
    font-size: 1.5rem;
    text-align: justify;
    font-family: Roboto;
    margin-bottom: 15px;
}

.v2_container .v2_testocanzone {
    font-size: 16px;
    line-height: 1.8;
    text-align: justify;
    font-family: Roboto;
}

.v2_container .v2_bio {
    font-size: 15px;
    text-align: justify;
    font-family: Roboto;
}
.v2_container .artista_successi {
    text-align: left;
    list-style-type: none;
    padding-left: 0;
    font-size: 13px;
}

.v2_container .v2_middlecontent { display: flex; }
.v2_container .v2_middle { order: 2; align-items: start; width: 100%; padding: 0 20px; }
.v2_container .v2_sidebarl { order: 1; min-width: 330px; width: 330px; align-items: start; padding: 0 15px; }
.v2_container .v2_middlepart { display: flex; }
.v2_container .v2_middlepart .v2_leftpart { order: 1; flex: 1; }
.v2_container .v2_middlepart .v2_rightpart { order: 2; flex: 1; }
.v2_container .v2_bigflags { margin-top: 5px; }
.v2_container .v2_bigflags a { border: 2px solid #a5a5a5; border-radius: 4px; margin: 2px 4px 2px 0; font-size: 11px; color: black; font-weight: 600; font-family: Poppins; }
.v2_container .v2_bigflags a:hover { background-color: #f1f1f1; }
.v2_container .v2_bigflags img { width: 15px; height: 15px; position: relative; top: -1px; }

.modify_hovered { background-color: #f1f1f1; color: darkblue; font-weight: bold; cursor: pointer; }
.link_unclickable { color: red; cursor: pointer; }
.testotradotto_input { width: 100%; }
.containertraduzioni_frase { width: 60%; margin: 30px auto; }

.miglioraflags { margin: 15px auto; display: flex; align-items: center; justify-content: center; }
.miglioraflags img { width: 128px; height: 128px; margin: 0 15px; }
.miglioraflags i { font-size: 64px; }

.frase_originale { font-size: 48px; font-family: Poppins; margin: 0 auto; text-align: center; }

.miglioraflags2 { margin: 15px auto; display: flex; align-items: center; justify-content: center; flex-flow: column; }
.miglioraflags2 i { font-size: 64px; }

.traduttori { width: 100%; }
.traduttori th:first-child { width: 70%; }
.traduttori th { font-size: 18px; border-bottom: 1px solid #f1f1f1; }
.traduttori th, td { padding: 5px; }
.traduttori td { font-size: 15px; padding: 5px; }
.traduttori th:nth-child(2), .traduttori td:nth-child(2) { text-align: right; }
.traduttori_completa1 td { background-color: #d0ffbc; }

.tradotto { display: flex; flex-flow: column; align-items: center; justify-content: center; padding: 15px; border: 1px solid #198b49; background: #27AE60; color: #fff; }
.tradotto div { font-size: 30px; text-align: center; margin: 15px 0; }
.tradotto i { font-size: 25px; }

.tonefuse { margin: 15px auto; height: 45px; overflow: hidden; }

/* Nov 2020 Layout */
.libri .correlati, .libri .overlaycorrelati { height: 75px !important; box-shadow: 3px 3px 5px 0px rgb(0 0 0 / 75%); }
.libri .smallbox .correlati, .libri .smallbox .overlaycorrelati { height: 200px; box-shadow: 3px 3px 5px 0px rgb(0 0 0 / 75%); }
.libri .correlati .label-teams { text-align: right; }
.libri .smallbox .correlati .above-overlay .textcontainer { top: 33px; position: relative; }
.libri .correlati .above-overlay .textcontainer { top: 147px; position: relative; }
.libri .correlati .above-overlay .textcontainer > * { top: initial; position: relative; padding: 0 15px; }
.libri .correlati .above-overlay .label-league { margin-top: 3px; }
.libri .correlati .above-overlay .label-author { margin-top: 15px; font-size: 16px; }
.autore { margin-top: 10px; margin-left: 1px; color: #da4698; }

.midcontents { display: flex; }
.midcolumn { order: 2; text-align: center; margin: 0; background-color: white; }
.midcolumn h1, .midcolumn h2 { font-family: 'Barlow Condensed'; }
.midcolumn h2 { font-weight: bold; }
.leftcolumn { order: 1; text-align: center; margin: 0 auto; width: 22%; padding:0; background-color: white; }
.rightcolumn { order: 3; text-align: center; margin: 0 auto; width: 22%; padding:0; background-color: white; }

.secondlogo { display: flex; flex-direction: column; align-items: center; justify-content: center; height:166px; }
.secondlogo img { height: 95px; position: relative; top: 15px; }

.mainmid { list-style-type: none; padding: 0; margin: 0; padding: 10px 0; background-color: #f7f7f7; border: 1px solid #e4e4e4; text-align: center; }
.mainmid i { font-size: 90px; }
.mainmid li { display: inline-flex; width: 8%; }

.mainmid a { font-size: 10px; font-weight: bold; font-family: 'Roboto'; }
.mainmid a:hover { text-decoration: none; }
.mainmid a > div.bot { display: flex; flex-direction: column; align-items: center; justify-content: space-between; }
.mainmid a .titolo { margin-top: 10px; line-height: 8px; }
.mainmid a .autore { margin: 3px 0 0 0; color: #da4698; }
.mainmid li img { height: 65px; width: 100px; box-shadow: 3px 3px 5px 0px rgb(0 0 0 / 75%); border: 1px solid #676767; }
.mainmid a > div.tipo { font-family: 'Dancing Script'; height: 24px; font-size: 15px; }

.librimid { list-style-type: none; padding: 0; margin: 0; padding: 10px 0; background-color: #f7f7f7; border: 1px solid #e4e4e4; text-align: center; }
.librimid i { font-size: 90px; }
.librimid li { display: inline-flex; width: 18%; }
.librimid a { font-size: 10px; font-weight: bold; font-family: 'Roboto'; }
.librimid a:hover { text-decoration: none; }
.librimid a > div { display: flex; flex-direction: column; align-items: center; justify-content: space-between; }
.librimid a .titolo { margin-top: 10px; }
.librimid a .autore { margin-top: 5px; margin-bottom: 10px; line-height: 12px; }
.librimid .albumcontainer { margin-top: 5px; margin-bottom: 10px; line-height: 12px; color: orange; }
.librimid li img { height: 65px; width: 100px; box-shadow: 3px 3px 5px 0px rgb(0 0 0 / 75%); border: 1px solid #676767; }

.label-teams { position: absolute; width: 254px; left: -3px; top: 20px; text-align: right; color: white; font-size: 18px; font-weight: bold; text-shadow: -1px -1px 0 #000000, 1px -1px 0 #000000, -1px 1px 0 #000000, 1px 1px 0 #000000; }
.label-teams:hover, .correlatisidebar_container a:hover .correlati .label-teams { color: #000000; text-shadow: -1px -1px 0 #ff5bb8, 1px -1px 0 #ff5bb8, -1px 1px 0 #ff5bb8, 1px 1px 0 #ff5bb8; }

.label-title {
    position: absolute;
    background-color: black;
    z-index: 10;
    padding: 3px 15px 5px 15px;
    border-bottom-right-radius: 15px;
    color: #ff5bb8;
    font-size: 14px;
    font-family: 'Dancing Script';
}

.overlaycorrelati { height: 72px !important; }
.label-teams, .overlaycorrelati { width: 284px !important; }
.label-league { text-shadow: -1px -1px 0 #000000, 1px -1px 0 #000000, -1px 1px 0 #000000, 1px 1px 0 #000000; }
.correlati { border: 2px solid black; }

.correlatisidebar_container a:hover .correlati { border: 2px solid #ff5bb8; background-position: bottom; transition: background-position 1s; }
.correlatisidebar_container a:hover .correlati .label-title { background-color: #ff5bb8; color: black; }
.correlatisidebar_container a:hover .correlati .label-league { font-size: 25px; }
.mainmid li img:hover, .librimid li img:hover, .canalimid li img:hover { border: 2px solid #ff5bb8; }

#content.libri .smallmain td:first-child img { 
    width: initial; height: 130px; border: 1px solid #b5b5b5; 
    -webkit-box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    3px 3px 5px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         3px 3px 5px 0px rgba(50, 50, 50, 0.75);
}
.tag.primary { 
    -webkit-box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    3px 3px 5px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         3px 3px 5px 0px rgba(50, 50, 50, 0.75);   
    margin-right: 7px !important;
}
.boxshadow {
    box-shadow: 3px 3px 5px 0px rgb(0 0 0 / 75%);
}

.contacts-input { background-color: #f9f9f9; margin-top: 15px; padding: 15px; border: 1px solid #e6e6e6; }
.contacts-input label { display: block; padding: 5px; margin:15px 0 0 0; }
.contacts-input input, .contacts-input textarea { width: 350px; height: 50px; padding: 15px; background-color: #e0e0e0; border: 1px solid #dadada; box-shadow: 3px 3px 5px 0px rgb(0 0 0 / 75%); color: black; font-weight: bold; font-family: 'Roboto'; } 
.contacts-input textarea { height: 100px; width: 550px; }

.loggedbar { background: linear-gradient(to right, #c1446f, #812121) !important; height: 47px; padding: 10px 10px 10px 20px; display: flex; justify-content: space-between; align-items: center; }
.loggedbar .loggedbar-center {  }
.loggedbar .loggedbar-left {  }
.loggedbar .loggedbar-right {  }
.loggedbar ul { list-style-type: none; }

.justify-content-center { justify-content: center; }
.flex { display: flex; }

.traduttori { margin: 10px 0; }
.traduttori span { font-weight: bold; }