 /*
Theme Name: 151 Miglia da 10
Theme URI: http://calabughi.com
Author: Martina Montagnani per Calabughi srl
Author URI: http://calabughi.com
Description: Restyling a cura di Martina Montagnani del tema realizzato da Pasqui Andrea per 151 Miglia
Version: 2.0
* Text Domain: 151
*/ 
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
html {
  scroll-behavior: smooth;
}
html, body{float:left;width:100%;}
.wp-typography  li{margin-left: 20px;}
 a{color:#e02c32; font-weight:bold;}
.main-navigation {
	clear: both;.main-navigation li
	display: block;
	float: left;
	width: 100%;
	
	text-align: center;
    padding-left: 0;
    margin-left: 0;
   color: #fff;
    
    padding-bottom: 10px;
    margin-bottom: 0;
    z-index: 4;
    position: relative;
	
    
}


.row:before, .row:after, .clearfix:before, .clearfix:after{display:inline-block!important;}
.main-navigation ul {
	display:none;
	opacity:0;
	list-style: none;
	margin: 0;
	padding-left: 0;
	float:left;
	/*line-height:100px;*/
	
	
}

.zm_alr_register_form_container{margin-top:20px;}

#primary-menu{float:right;}

.edizione_corrente{display:none;}
.main-navigation li ul li{ margin-left:0;text-align: left;line-height: 2em; width:100%;}

.main-navigation ul ul {
	
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
	   
	background: rgba(1, 11, 28, 0.7);
    padding-left: 10px;
    
    width: 200px;
	
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}

.main-navigation ul ul a {
	 line-height: 0px;
}

.sub-menu{border-top:6px solid #e02c32;line-height:50px!important;border-left: 1px solid #000;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;}


.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
	-webkit-transition: left 1s ease-in-out;
       -moz-transition:  left 1s ease-in-out;
        -ms-transition: left 1s ease-in-out;
         -o-transition:  left 1s ease-in-out;
            transition:  left 1s ease-in-out;
	
}

.main-navigation li {
	float: left;
	position: relative;
	
	display: inline;
    text-align: center;
    margin-left: 10px;
    margin-right: 10px;
}

.main-navigation a {
	/*display: block;*/
	text-decoration: none;
	font-family: "Muli";
    line-height:80px;
    text-transform: uppercase;
   
    
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	opacity:1;
}

a.button-iscriviti:hover, .bando:hover{color:#fff; text-decoration:none; }

a.button-iscriviti::before, a.button-iscriviti::after{margin-top: -12px;}

.bando::after, .bando::before{margin-top: -300px;}
	
a.button-iscriviti::before, a.button-iscriviti::after, .bando::after, .bando::before{
	/*content:"-";*/

    position: absolute;
    top: 50%;
    
}

.logo{
    /*margin: 0.625rem 0;*/
}

.page{font-family: "Muli", sans-serif;
}
.admin-bar #nav-bg {margin-top:32px;}


a:hover, a:focus{color:inherit; outline: none;}
.bando, a.button-iscriviti{position:relative;}

a.button-iscriviti::before, .bando::before{left: 0;}
a.button-iscriviti::after, .bando::after{right: 0;}
a.button-iscriviti:hover:after, .bando:hover:after{
	transition: all 0.5s ease-in-out;
	margin-right: 10px;}

a.button-iscriviti:hover:before, .bando:hover:before{
	transition: all 0.5s ease-in-out;
	margin-left: 10px;}

main>article:not(.page-la-regata){
    padding-top: 2.938rem;
}
.evidenza{background: rgb(1, 11, 28);}


.contenitore-feature:before {
    background: rgb(0 27 59 / 60%);
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
	mix-blend-mode: multiply;
    
}
.contenitore-feature{background-position:center center;}
.bg-home{background: rgba(1, 11, 28,0.5);}
/*.bg-inner{background: rgba(1, 11, 28,1);}*/
.primary-nav{
    /*height:100px;*/
}
.primary-footer-nav li a:before {
    content: "\f061";
	color: #e02c32;
	font-family: "FontAwesome";
	margin-left: -10px;
    padding-right: 15px;
}
.primary-footer-nav li a:hover{text-decoration:none;}
.primary-footer-nav li a:hover:before
{
margin-left:0;	
	
	transition: All 0.5s ease;
    -webkit-transition: All 0.5s ease;
    -moz-transition: All 0.5s ease;
    -o-transition: All 0.5s ease;
}
.primary-footer-nav li a{text-align: left;    padding-left: 30px;margin-left: -10px;
    padding-right: 15px;}

/*inizio media*/
@media screen and (min-width: 769px) {
	.menu-toggle {
		display:none;
		opacity:0;
	}
	.main-navigation ul {
		display:block;
		opacity:1;
	}
}

@media screen and (max-width: 768px) {
	li.yrc-video.yrc-item-small.yrc-item-none.yrc-item.yrc-just-listed.yrc-full-scale,li.yrc-video.yrc-item-large.yrc-item-none.yrc-item.yrc-just-listed.yrc-full-scale{width:100%;}
	.contenitore-payoff{margin-top:200px;}
	.utente{
    float: left;
    width: 100%;
    text-align: center;
    padding-top: 10px;
	color:#fff;}
	body:not(.home) article:not('.page-la-regata'){padding-top: 120px;}
	body:not(.home) article.archive-subscription a article{padding-top: 0px!important;}
	body:not(.home) article.subscription-details{padding-top: 60px;}
    .page-la-regata .pagina-title{
        display:none;
    }

	.contenitore-logo{text-align:center;}
	.language-chooser{display:none;}
	.home .yrc-pagination{display:block;}
	.home li.yrc-video.yrc-item-small.yrc-item-none.yrc-item.yrc-just-listed.yrc-full-scale, .home li.yrc-video.yrc-item-large.yrc-item-none.yrc-item.yrc-just-listed.yrc-full-scale {width:33.3%;}
	.home .yrc-item:nth-last-child(-n+3){display:block;}
	
	.home .yrc-item{display:none;}
	.home #yrc-shell-0 .yrc-item{margin-bottom:0!important;}
.home #yrc-shell-0 .yrc-section-action, #yrc-shell-0 .yrc-section-action, #yrc-shell-0 .yrc-load-more-button, .yrc-search button, .yrc-player-bar, .yrc-player-bar span, .yrc-search-form-top button{background:#000!important;}
	
	body:not(.home)  .primary-header{
        background: #fff;
    }
    .primary-header{
        position: fixed;
    
    height: 80px;

		    padding-right: 15px;
    padding-left: 15px;
}
	.secondary-header{float: right;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -10px;}
	#toggle {
  display: block;
  width: 28px;
  height: 30px;
  margin: 30px auto 10px;
	top: 0;
    position: fixed;
   
    margin-top: 50px;
}

#toggle span:after,
#toggle span:before {
  content: "";
  position: absolute;
  left: 0;
  top: -9px;
}
#toggle span:after{
  top: 9px;
}
#toggle span {
  position: relative;
  display: block;
}
	.home .utente{color:var(--main-color);}
	.home #toggle span, .home #toggle span:after, .home #toggle span:before{background-color:var(--main-color);}
	
#toggle span,
#toggle span:after,
#toggle span:before {
  width: 100%;
  height: 5px;
  background-color: #000;
  transition: all 0.3s;
  backface-visibility: hidden;
  border-radius: 2px;
}

/* on activation */
#toggle.on span {
  background-color: transparent;
}
#toggle.on span:before {
  transform: rotate(45deg) translate(5px, 5px);
}
#toggle.on span:after {
  transform: rotate(-45deg) translate(7px, -8px);
}
#toggle.on + #menu-mobile {
  opacity: 1;
  visibility: visible;
	display:block;
	
	position: fixed;
    top: 0;
    left: 0px;
    right: 0px;
    bottom: 0px;
    margin-top: 10rem;

}
	
	#menu-mobile .menu-menu-mobile-container{height: 100%;
    overflow: scroll;}
	
		#getting-started .date .number, #getting-started .date span {font-family:"Obvia", sans-serif;}


/* menu appearance*/
#menu-mobile {
  position: relative;
  color: #fff;
  
  padding: 10px;
  margin: auto;
  
  text-align: center;
  font-family: "Muli", sans-serif;
    text-transform: uppercase;
  background:rgba(0,0,0,0.9);
  box-shadow: 0 1px 8px rgba(0,0,0,0.50);
  /* just for this demo */
  opacity: 0;
  visibility: hidden;
	display:none;
  transition: opacity .4s;
	border-top: 6px solid #e02c32;
}
#menu-mobile:after {
  position: absolute;
  top: -25px;
  left:25px;
  content: "";
  display: block;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 20px solid #e02c32;
}
	
	#menu-mobile .sub-menu{border:none;}
#menu-mobile ul, li, li a {
  list-style: none;
  display: block;
  margin: 0;
  padding: 0;
	line-height:2.5em;
}
#menu-mobile li a {
  
  color: #fff;
  text-decoration: none;
  transition: all .2s;
	text-align:left;
	border-bottom:1px solid rgba(255,255,255,0.2);
}
#menu-mobile li a:hover,
#menu-mobile li a:focus {
  background: #e02c32;
  color: #fff;
}
	.articolo .col-md-3{padding-left:inherit;}
	.page-template-template-news .container .row{padding: 0;
    margin: 0;}
	.page-template-template-news .container .row .col-md-9 h2{
	font-size: 1.2em;
    margin-top: 20px;
	}
}

/*fine media*/	
.search-header{margin: 0 auto;}

.custom-select{background:none; padding:0;}


#sidebar, #content{margin-top:160px;}

#sidebar {padding-top:80px;text-transform: uppercase;
    font-family: "Gibson";}


#sidebar a {color:#484848;}
.box-image{background-size:cover;
	height:230px;
	background-position: center center;
	
}

.articolo .col-md-3{padding-left:0;}
.articolo{
    /*margin-bottom: 2em!important;*/
    /*border-bottom: 6px solid #e02c32;*/
}

.read-more{
    font-style: italic;
    color: #484848;text-align: right;
    width: 100%;
    float: left;}

/*pagination*/
.pagination {
clear:both;
padding:20px 0;
position:relative;
font-size:11px;
line-height:13px;
	float:right;
}
.pagination .active a {background:#e02c32;}
.pagination span, .pagination a {
display:block;
float:left;
margin: 2px 2px 2px 0;
padding:6px 9px 5px 9px;
text-decoration:none;
width:auto;
color:#fff;
background: #555;
	    border-radius: 50%;
}

.pagination a:hover{
color:#fff;
background: #e02c32;
}
.pagination a{color:#fff!important}

.pagination .current{
padding:6px 9px 5px 9px;
background: #e02c32;
color:#fff;
}

 .articolo a{color:#212529;}

.page-template-template-news i a{color:#e02c32;}


.cookie-policy p a{color:#fff!important;}
.cookie-policy p a:hover {
    color: #FFF;
    background: red;
	text-decoration: underline;
}

.consenso span{color: #B94A48;
    background-color: #F2DEDE;
    border: 1px solid #EED3D7;
    padding: 8px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    margin: 0 0 10px;
    float: left;}
    .txtblanco {COLOR: #ffffff}
.fondoAzulado {BACKGROUND-COLOR: #ebf1f4; font-size:0.8em;}
.fondoAzuladoOn {BACKGROUND-COLOR: #cfdde3}
.fondoAzuladoOsc {BACKGROUND-COLOR: #ff8000}
.fondoAzulOsc {BACKGROUND-COLOR: #003399}
.fondoBlanco {BACKGROUND-COLOR: #ffffff; font-size:0.8em;}
.fondoSubtituloA {BACKGROUND-COLOR: #ff8000}
.fondoSubtituloB {BACKGROUND-COLOR: #fff0e8}
.titulo1 {FONT-WEIGHT: bold; FONT-SIZE: 18pt; COLOR: #003399; FONT-FAMILY: tahoma, verdana, arial}
.titulo2 {FONT-WEIGHT: bold; FONT-SIZE: 14pt; COLOR: #003399; FONT-FAMILY: tahoma, verdana, arial}
.titulo3 {FONT-WEIGHT: bold; FONT-SIZE: 14pt; COLOR: #003399; FONT-FAMILY: tahoma, verdana, arial}
.titulo4 {FONT-WEIGHT: bold; FONT-SIZE: 12pt; COLOR: #003399; FONT-FAMILY: tahoma, verdana, arial}
.titulo5 {FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #003399; FONT-FAMILY: tahoma, verdana, arial}
.titulo6 {FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #003399; FONT-FAMILY: tahoma, verdana, arial}
.bodyFixed{overflow:hidden;}
.single main, .single{float:left;width:100%;}

footer{float: left;
    width: 100%;}
@media (max-width: 950px) { 
	.main-navigation a{font-size:0.9em;}
	.main-navigation li{margin-left:5px; margin-right:5px;}
}

.didascalia{padding-top: 10px;
    padding-bottom: 30px;
    text-align: center;}
    
    .profile-card{text-align: center;}

.dashboard .subscription-form .team-table{width:100%;}
.gc{background-color: #e02c32;
    color: #fff;
    }

.gc:hover{color:#fff;}

.subscription-grid{min-height:200px;}
#sidebar ul .cat-item-64{display:none;}

.search-year option[value="2020"] { display:none;}

/*#yrc-shell-0 .yrc-item a{max-height: 119px;}*/
.profile-card img{box-shadow: 0px 0px 25px rgb(0 0 0 / 10%);
    border-radius: 10px;}

.main-navigation ul .wpml-ls-menu-item a{display:inline;}
.home header  .active .sub-menu a{color:#000;}
header .active a{color:#fff;}
.active .sub-menu a{color:#000;}
.wpml-ls-item ul{width:40px!important;}