/*************************
Menu structure
*************************/
/* hide region by default */
.region-primary-menu{
    display:none;
}
/* hide if website in maintenance */
body.in-maintenance #menu-icon,
body.in-maintenance #options-icon{
display:none !important;
}
##menu-icon{
    width:50px;
    height:50px;
}
#menu-icon:hover{
	cursor:pointer;
}
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {/* hack for chrome */
    #menu-icon.active{  /* switch to active state */
		margin-top:-5px;
	}
}
/* options icon */
#options-icon{
	display:none;
}
/* show homepage menu item */
body #block-system-main-menu > div > div > ul > li.menu-item-532{
	display:block;
}
/**
 * css/primary-menu
 ============================================================================ */
/* border-top of each menu row */
.region-primary-menu > .block{
    display:block;
}
/* layout of normal menus */
.region-primary-menu .block-menu ul.menu{
    display:flex;
    gap:100px;
    align-items:center;
    justify-content:flex-start;
    padding:0;
    border-top:1px solid #444;
}
.region-primary-menu .block-menu a {
  display: block;
  float: none;
  margin: 4px 0;
    margin-bottom: 4px;
  padding: 0.9em 0 0.9em 10px;
  text-decoration: none;
  color: #333;
  border-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  background: #fff;
  background: none;
  text-shadow: none;
  color: #000;
    font-size: 15px;
    text-transform: lowercase;
    display: inline-block;
}
.region-primary-menu .block-menu a:hover {
    background:none;
    text-decoration:underline;
}
/* for first menu item */
.region-primary-menu .block-menu ul li:nth-child(1) a {
    font-size:30px;
    font-weight:bold;
}
/**************************
Menu of competitions
**************************/
#block-views-block-competition-menu-block-1{
	margin:0px;
	text-align:center;
    overflow:hidden;
}
#block-views-block-competition-menu-block-1 ul{
	margin:0px !important;
	clear:both;
	text-align:center;
}
#block-views-block-competition-menu-block-1 li{
	margin:0px;
	display:inline-block;
	text-align:center;
	float:left !important;
	width:12.5%;
    padding:0px;
}
#block-views-block-competition-menu-block-1 li a{
    display: inline-block;
    white-space: nowrap;
    font-size: 15px;
    color: #000;
	width:100%;
	height:180px;
	font-weight:bold !important;
	text-transform:lowercase !important;
	border:none;
	box-sizing:border-box;
    padding: 35px 0px;
}
#block-views-block-competition-menu-block-1 li a:hover{
    text-decoration:underline;
}
/* hover icons for competition */
#block-views-block-competition-menu-block-1 li a.FantaClassics{
	background:#E0F2FE url('images/icone-classics.png') no-repeat 50% 70%;
	}
#block-views-block-competition-menu-block-1 li a.Giro{
	background:#FEE7EA url('images/icone-giro.png') no-repeat 50% 70%;
	}
#block-views-block-competition-menu-block-1 li a.Tour{
	background:#FEF6A1 url('images/icone-tour.png') no-repeat 50% 70%;
	}
#block-views-block-competition-menu-block-1 li a.Vuelta{
	background:#F18372 url('images/icone-vuelta.png') no-repeat 50% 70%;
	}
#block-views-block-competition-menu-block-1 li a.FantaMundial{
	background:#333 url('images/icone-mundial2.png') no-repeat 50% 70%;
    color:#fff;
	}
#block-views-block-competition-menu-block-1 li a.Autumn.Classics{
	background:#f79902ad url('images/icone-mundial2.png') no-repeat 50% 70%;
	}
#block-views-block-competition-menu-block-1 li a.Fantacup{
	background:#7be1d882 url('images/icone-mundial2.png') no-repeat 50% 70%;
	}
#block-views-block-competition-menu-block-1 li a.Prono.des.femmes{
	background:#f3a5e9c9 url('images/icone-mundial2.png') no-repeat 50% 70%;
	}

/* user fantateams next to icon in desktop */
@media only screen and (min-width: 1025px){
    body.user-logged-in #fantateam-or-play > div.view-fantateams{
        margin-right:20px;
    }
}
/*------------------------------ Responsive for phone portrait and landscape ----------------------------------------*/
@media only screen and (max-width: 680px){
    #block-fantacycling-bartik-branding{
        padding:0 10px;
    }
	/* show and place user login when NOT logged in */
	body:not('user-logged-in') #options-icon{
		display: block !important;
		width: 30px !important;
		height: 30px !important;
		margin-top: 15px;
		margin-right: 5px;
		right:0;
        position:absolute;
	}
	/* menu icon */
	#menu-icon{
		margin-right:0px !important;
		left:0;
		width:35px;
		height:35px;
	}
	/* normal menus */
	div#menu-bar .block-menu ul{
		margin:0px !important;
		padding:25px 0px;
	}
	div#menu-bar .block-menu ul li{
		display:inline;
		list-style:none;
		margin-right:0px;
		box-sizing:border-box;
		width:50%;
	}
	/* competition menu */
	#block-views-block-competition-menu-block-1 li{
		float:none;
		width:100%;
	}
	#block-views-block-competition-menu-block-1 li a{
		display:block;
		width:100%;
		height:50px;
		background-position: left !important;
		padding: 12px 0px;
	}
    /* fantamanager menu */
    #block-views-block-fantamanager-block-fantamanager-header-menu{
        position: absolute;
        z-index: 10;
        top: 5px;
        right: 10px;
    }
    /* user submenu */
	#block-views-auth-user-menu-block #profile-options.active{
		margin-top: 51px;
		box-shadow:none;
		width:100%;
		background:#fff;
	}
    /* hide user fantateams for now */
    #fantateam-or-play{
        display:none;
    }
	/* place maillot + score and ranking */
	#fantateam-or-play .views-field-field-maillot img,
	#fantateam-or-play .views-field-field-score,
	#fantateam-or-play .views-field-field-ranking{
		min-width:15px !important;
		max-width:15px !important;
		margin-top: -19px;
		margin-left: 12px;
		position:absolute;
	}

}