/**
 * css/components/buttons
 ============================================================================ */
.green-button a{
    color: #0cb73c !important;
    display: inline-block;
    padding: 15px 25px;
    margin: 0px auto;
    font-weight: bold;
    border: 1px solid #0cb73c;
    background:#fff;
    text-transform:lowercase;
    text-align: center;
    font-size:15px;
    text-shadow: none;
}
.green-button a:hover{
    text-decoration:underline;
    color:#0cb73c;
}
.button{
  padding:0;
  border:none;
  margin-top: 10px;
}
input.button,
.button a {
  display: inline-block;
  padding: 0.5em 1.063em;
  cursor: pointer;
  text-align: center;
  color: #0cb73c !important;
  border-radius: 0;
  background-color: #fff;
  background-image: none;
  background-image: none;
  font-family: 'Poppins';
  font-size: 1.1em;
  font-weight: normal;
  line-height: normal;
  font-weight:bold;
  border:1px solid #0cb73c !important;
  /*border-radius:5px;*/
}
.button:hover,
.button:active,
.button:focus,
.button a:hover,
.button a:active,
.button a:focus,
input.button a:hover,
input.button a:active,
input.button a:focus,
input.form-submit:hover, 
input.form-submit:focus{
  text-decoration:underline;
  background:#fff;
}
.button.is-disabled:hover,
.button.is-disabled:active,
.button.is-disabled:focus,
.button.is-disabled {
  cursor: default;
  color: #717171;
  border-color: #bbb;
  background: #ededed;
}
/**
 * css/components/comments
 ============================================================================ */
.comment__meta {
    display: none;
}
/**
 * css/components/header
 ============================================================================ */
#header {
  font-family: inherit;
}
.region-header{
    padding:0.357em 15px 0 0;
}
#header span,
#header a{
    color:#444;
}
.region-header .block:not(.site-branding){
    font-size:inherit;
}
#block-fantacycling-bartik-branding{
    width:100%;
    box-sizing:border-box;
}
#logo {
    display: block;
}
#user_header_menu{
    float:right;
}
#user_header_menu .views-element-container{
    margin:0;
}
#profile-picture{
    max-width:45px;
}
/* login/signup link when not logged in + in homepage! (don't know why yet) */
body.path-frontpage .region-header .view-fantamanager .view-empty a.login{
    /*padding: 15px 0px;*/
    display: inline-block;
}
/**
 * css/components/breadcrumb
 ============================================================================ */
.region-breadcrumb {
  padding: 0 0 0.25em;
}
/**
 * css/layout, adapted for highlihted region
 ============================================================================ */
 /* override .layout-container new width */
div.highlighted .layout-container{
  box-sizing: border-box;
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
}
@media all and (min-width: 851px) {
  div.highlighted .layout-container {
    max-width: 100%;
  }
}
/* Adapt max width for relevant elements */
div.highlighted .layout-container #block-fantacycling-bartik-page-title h1,
div.highlighted .layout-container nav.tabs,
div.highlighted .layout-container .messages,
div.highlighted .layout-container .comp-breadcrumb .views-field-field-comp-tition,
div.highlighted #block-views-block-fantamanager-block-manager-ranking,
div.highlighted #block-views-block-fantamanager-block-manager-summary{
  box-sizing: border-box;
  max-width: 860px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom:0px;
}

@media all and (min-width: 851px) {
  div.highlighted .layout-container #block-fantacycling-bartik-page-title h1,
  div.highlighted .layout-container nav.tabs,
  div.highlighted .layout-container .messages,
  div.highlighted .layout-container .comp-breadcrumb .views-field-field-comp-tition,
  div.highlighted #block-views-block-fantamanager-block-manager-ranking,
  div.highlighted #block-views-block-fantamanager-block-manager-summary{
    max-width: 1290px;
    margin-bottom:0px;
    /*padding-left: 15px;*/
    padding-right: 15px;
  }
}
/* from highlighted.css */
.region-highlighted {
  margin: 0px;
}

/**
 * Main
 */
/*.layout-main-wrapper {
  min-height: 300px;
}*/
.layout-main {
  margin-top: 20px;
  margin-bottom: 0px;
}
/**
 * css/components/highlighted
 ============================================================================ */
.has-featured-top .region-highlighted{
    background:none;
}
/**
 * css/components/featured-top
 ============================================================================ */
.featured-top {
  margin: 0;
  padding: 50px 0px;
  text-align: center;
  border-bottom: none;
  background: none;
  text-shadow: 1px 1px #fff;
  font-weight: normal;
}
/* flex container */
.region-featured-top{
    display:flex;
    justify-content: space-between;
    align-items: stretch;
    gap:20px;
    overflow-x:auto;
    /*scrollbar-color: lightgrey white;*/
    scrollbar-width: thin;
}
.region-featured-top > div{
    flex-basis:400px;
    min-width:250px;
    padding: 10px 20px 0 20px;
    font-size:12px !important;
    background:#fff;
}
/* grey bg on homepage */
body.path-frontpage .featured-top{
    background:#f9f9f9;
}
/* colors for classics */
#block-fantacycling-bartik-quicktabshomecompetition.classics{
    border-top: 5px solid #008AFF;
}
/* colors for giro */
#block-fantacycling-bartik-quicktabshomecompetition.giro{
    border-top: 5px solid #fe84abbd;
}
/* colors for tour */
#block-fantacycling-bartik-quicktabshomecompetition.tour{
    border-top: 5px solid #ffe033b5;
}
/* colors for Vuelta */
#block-fantacycling-bartik-quicktabshomecompetition.vuelta{
    border-top: 5px solid #df364ef2;
}
/* colors for fantamundial */
#block-fantacycling-bartik-quicktabshomecompetition.mundial{
    border-top: 5px solid #333;
}
/* colors for fantacup */
#block-quicktabshomefantacup{
    border-top: 5px solid #46d2a4;
}
/* fantaleague */
#block-quicktabshomefantaleague{
    border-top: 5px solid #5146d2;
}
/* Prono des femmes */
#block-quicktabshomepronodesfemmes{
    border-top: 5px solid #c618ad;
}
/* Autumn Classics */
#block-fantacycling-bartik-quicktabshomeautumnclassic{
    border-top: 5px solid #F79902A8;
}

/* override default font-size */
.featured-top h2{
    font-size:16px !important;
}
/* title-maillot */
.title-maillot{
    display:inline-block;
    margin-right:15px;
}
/* counter - undo override */
.featured-top .views-field-counter{
    width:auto;
}
@media only screen and (max-width: 680px){
    body.path-frontpage .featured-top {
        padding-bottom:30px;
        border-top: 1px solid #e0e0e0;
    }
}
/**
 * css/components/featured-bottom
 ============================================================================ */
.featured-bottom{
    border-top: none;
    background: none;
    padding:25px 0px;
}
.featured-bottom .block-views > h2{
    text-align:center;
}
.featured-bottom .block-views h2.field-content{
    text-align:left;
}
@media only screen and (max-width: 680px){
    body.path-frontpage .featured-bottom{
        padding:0;
    }
    body.path-frontpage .region-featured-bottom-first{
        background:#fdeea5c7;
        padding:30px 20px;
    }
    body.path-frontpage .region-featured-bottom-second{
        background:#fa89b25e;
        padding:30px 20px;
    }
   .featured-bottom h2{
       text-align:left;
   }
   body.path-frontpage .featured-bottom .more-link a{
       background:#fff;
   }
}

/**
 * css/components/sidebar
 ============================================================================ */
 /* remove right padding */
.sidebar .section{
     padding-right:0px;
}
/**
 * css/components/colors
 ============================================================================ */
#header{
    background-color:#fff;
    background-image:none;
    background:#fff url(images/ligneheader-desktop.png) center bottom no-repeat !important;
    border-top:7px solid #000;
}
@media only screen and (max-width: 871px){
    #header{
        background:#fff url(images/ligneheader-mobile-thin.png) center bottom no-repeat !important;
    }
}

/**
 * css/components/page-title
 ============================================================================ */
.page-title {
  font-size: 50px /*2.5em*/;
  margin:0;
  margin-bottom:25px;
}
body.hide-page-title .page-title,
body.hide-page-title .block-page-title-block{
    display:none;
}
/**
 * css/components/block
 ============================================================================ */
.block .content {
  margin-top: 0px;
  margin-bottom:10px;
}
/**
 * css/components/main-content
 ============================================================================ */
@media all and (min-width: 851px) {
  .main-content {
    position: relative;
    float: left; /* LTR */
  }
  [dir="rtl"] .main-content {
    float: right;
  }
  .layout-two-sidebars .main-content {
    width: 50%;
    margin-right: 30%;
    margin-left: 30%;
  }
  .layout-one-sidebar .main-content {
    width: 70%;
  }
  .layout-no-sidebars .main-content {
    width: 100%;
  }
  .layout-sidebar-first .main-content {
    margin-right: 0; /* LTR */
    margin-left: 25%; /* LTR */
  }
  [dir="rtl"] .layout-sidebar-first .main-content {
    margin-right: 25%;
    margin-left: 0;
  }
  .layout-sidebar-second .main-content {
    margin-right: 30%; /* LTR */
    margin-left: 0; /* LTR */
  }
  [dir="rtl"] .layout-sidebar-second .main-content {
    margin-right: 0;
    margin-left: 30%;
  }
}
.main-content .section {
    padding: 0;
}
/**
 * css/components/sidebar
 ============================================================================ */

@media all and (min-width: 560px) {
  .sidebar {
    position: relative;
    float: left; /* LTR */
    width: 50%;
  }
  [dir="rtl"] .sidebar {
    float: right;
  }
  .layout-one-sidebar .sidebar {
    width: 100%;
  }
}

@media all and (min-width: 851px) {
  .layout-one-sidebar .sidebar {
    width: 30%;
  }
  #sidebar-first {
    width: 25%;
    margin-left: -100%; /* LTR */
  }
  [dir="rtl"] #sidebar-first {
    margin-right: -100%;
    margin-left: 0;
  }
  #sidebar-second {
    clear: none;
    width: 30%;
    margin-left: -30%; /* LTR */
  }
  [dir="rtl"] #sidebar-second {
    margin-right: -30%;
    margin-left: 0;
  }
  .sidebar h2 {
  font-size: 1.429em;
  line-height: 1.2;
    }
    .sidebar .block .content {
      font-size: 0.914em;
      line-height: 1.4;
    }
}
.sidebar tr.even,
.sidebar tr.odd {
  border-bottom: 1px solid #eee;
  background: none;
}
/**
 * css/base/elements
 ============================================================================ */
a,
a.link {
  text-decoration: none;
  border-bottom: none;
}
a:hover,
a:active,
a:focus,
.link:hover,
.link:active,
.link:focus {
  text-decoration: none;
  border-bottom-style: underline;
}
/*.unclickable {
    pointer-events: none;
    background:#ccc;
}*/
/**
 * css/components/headings
 ============================================================================ */
.fontyourface h1, .fontyourface h2, .fontyourface h3, .fontyourface h4, .fontyourface h5, .fontyourface h6{
    letter-spacing: -1px;
}
.fontyourface h1 {
    font-size:50px;
    margin-top:10px;
}
/**
 * css/components/table
 ============================================================================ */
table {
  font-family: inherit;
  font-size: 1em;
  border:none;
}
table tr th {
  border-bottom-style: none;
  background: none;
  border:none;
  padding:10px 0px;
}
tr {
  padding: 0.1em 0.6em;
  border-bottom: 1px solid #ccc;
  background: none;
  border:none;
}
/*
tr:nth-child(even) {
    background:#efefef;
}
*/
tr td,
tr th {
  padding: 4px 9px;
  text-align: left; /* LTR */
  border:none;
  border-bottom: 1px solid #eee;
}
table tr th,
table tr th a,
table tr th a:hover,
table tr th a:focus{
  color: #444;
  font-weight: normal;
  background: #f6f6f2;
}
table tr:hover{
    background:#f6f6f2;
}
@media screen and (max-width: 37.5em) { /* 600px */
    table {
      font-size: 0.8em;
    }
    table img{
        max-width:20px;
    }
    /* exception for homepage */
    body.path-frontpage table img{
        max-width:30px;
    }
}
/**
 * css/classy/components/tablesort
 ============================================================================ */
th.is-active a{
  text-decoration: underlined;
}
th.is-active img {
  display: inline;
}
td.strong,
td.is-active {
  background-color: inherit;
  font-weight:bold;
  font-size:1.2em;
}
/**
 * css/components/tabs
 ============================================================================ */
nav.tabs {
  margin-bottom: 20px;
  font-family: inherit;
  border-bottom:1px solid #eee;
}
.tabs ul.primary {
  font-family: inherit;
}
.tabs ul.primary li a {
  display: block;
  height: auto;
  padding: 20px 0px 15px 0px;
  margin-right:30px;
  color: #444;
  border:none;
  text-shadow: 0 1px 0 #fff;
  font-size: 1.0em;
  line-height: 1.9;
  background:none;
  border:1px solid #fff;
}
.tabs ul.primary li a:hover{
    color:#666;
}
.tabs ul.primary li.is-active a {
  border:none;
  border-bottom: 2px solid #444 !important;
  background-color: #fff;
  font-weight:bold;
}
@media screen and (min-width: 37.5em) { /* 600px */
  .tabs ul.primary {
    overflow: hidden;
    height: auto;
    margin: 0;
    padding: 0 3px;
    white-space: nowrap;
    border: none;
    border-collapse: collapse;
    background: none;
    line-height: normal;
  }
  .tabs ul.primary li {
    display: block;
    float: left; /* LTR */
    margin: 0 5px 0 0; /* LTR */
    vertical-align: bottom;
  }
  [dir="rtl"] .tabs ul.primary li {
    float: right;
    margin: 0 0 0 5px;
  }
  .tabs ul.primary li a {
    float: left; /* not LTR */
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
  }
  .tabs ul.primary li.is-active a {
    border-bottom: 1px solid #000;
  }
}
.tabsbar .quicktabs-main {
  /*! padding: 1rem; */
  padding-top: 2rem;
}
/**
 * /modules/contrib/quicktabs/css/tabsbar.css
 ============================================================================ */
.tabsbar .quicktabs-main {
  padding: 0px !important;
  padding-top: 0px !important;
}
ul.quicktabs-tabs li{
    border-radius:0px;
}
.tabsbar .quicktabs-tabs > li > a{
    color:#444;
    font-weight:bold;
}
.tabsbar .quicktabs-tabs > li.active a{
    border-bottom-style: solid;
    background:#f6f6f2 !important;
    border:1px solid #f6f6f2 !important;
}
/* Autumn classics & Prono des femmes tabs in league */
body.page-node-type-group ul.quicktabs-tabs li.autumn-classics a{
    color:#fcaf02 !important;
}
body.page-node-type-group ul.quicktabs-tabs li.prono-des-femmes a{
    color:#b107f4 !important;
}
body.page-node-type-group ul.quicktabs-tabs li.fantacup a{
    color:#3dcfc2 !important;
}
/*+++++++++++++++++++++++Responsive for phone portrait and landscape+++++++++++++++++++++++*/
@media only screen and (max-width: 680px){
    .tabsbar .quicktabs-tabs > li{
        padding:0 0 0 5px;
        margin:0px;
    }
    .tabsbar .quicktabs-tabs > li > a{
        padding: 10px 3px;
        font-size: 11px;
    }
}
/**
 * css/components/normalise
 ============================================================================ */
b,
strong {
  font-weight: bold;
}
/* to prevent font weight to be ignored in chrome */
* {-webkit-font-smoothing: antialiased;}

/**
 * Colors
 ============================================================================ */
.fantaclassics .comp-color-strong,
.FantaClassics.comp-color-strong,
.fantaclassics .comp-color-strong-container > div{
    background:#008AFF;
}
.FantaClassics.comp-color-bg,
.FantaClassics .comp-color-bg,
.fantaclassics .comp-color-bg-container > div{
    background:#008affa3;
}
.fantaclassics .comp-color-soft,
.FantaClassics.comp-color-soft,
.FantaClassics .comp-color-soft,
.fantaclassics .comp-color-soft-container > div{
    background:#008aff0a;
}
/* giro */
.giro .comp-color-strong,
.Giro.comp-color-strong,
.Giro .comp-color-strong,
.giro .comp-color-strong-container > div{
    background:#fe84abbd;
}
.giro .comp-color-bg,
.Giro.comp-color-bg,
.Giro .comp-color-bg,
.giro .comp-color-bg-container > div{
    background:url('images/giro-bg.png');
}
.giro .comp-color-soft,
.Giro.comp-color-soft,
.Giro .comp-color-soft,
.giro .comp-color-soft-container > div{
    background:#fe84ab12;
}
/* Tour */
.tour .comp-color-strong,
.Tour.comp-color-strong,
.tour .comp-color-strong-container > div{
    background:#ffe033b5;
}
.tour .comp-color-bg,
.Tour.comp-color-bg,
.Tour .comp-color-bg,
.tour .comp-color-bg-container > div{
    background:#ffe96ea6;
}
.tour .comp-color-soft,
.Tour.comp-color-soft,
.Tour .comp-color-soft,
.tour .comp-color-soft-container > div{
    background:#ffe96e42;
}
/* vuelta */
.vuelta .comp-color-strong,
.Vuelta.comp-color-strong,
.vuelta .comp-color-strong-container > div{
    background:#df364ef2;
}
.vuelta .comp-color-bg,
.Vuelta.comp-color-bg,
.Vuelta .comp-color-bg,
.vuelta .comp-color-bg-container > div{
    background:#d80f2b8c;
}
.vuelta .comp-color-soft,
.Vuelta.comp-color-soft,
.Vuelta .comp-color-soft,
.vuelta .comp-color-soft-container > div{
    background:#e140570f;
}
/* fantamundial */
.fantamundial .comp-color-strong,
.FantaMundial.comp-color-strong,
.fantamundial .comp-color-strong-container > div{
    background:#333;
}
.fantamundial .comp-color-bg,
.FantaMundial.comp-color-bg,
.FantaMundial .comp-color-bg,
.fantamundial .comp-color-bg-container > div{
    background:#333333ab;
}
.fantamundial .comp-color-soft,
.FantaMundial.comp-color-soft,
.FantaMundial .comp-color-soft,
.fantamundial .comp-color-soft-container > div{
    background:#3333330a;
}
/* autumn-classic */
.autumn-classics .comp-color-strong,
.Autumn.Classics.comp-color-strong,
.autumn-classics .comp-color-strong-container > div{
    background:#F79902A8;
}
.autumn-classics .comp-color-bg,
.Autumn.Classics.comp-color-bg,
.Autumn.Classics .comp-color-bg,
.autumn-classics .comp-color-bg-container > div{
    background:#f7990291;
}
.autumn-classics .comp-color-soft,
.Autumn.Classics.comp-color-soft,
.Autumn.Classics .comp-color-soft,
.autumn-classics .comp-color-soft-container > div{
    background:#f799020f;
}
/* fantacup */
.fantacup .comp-color-strong,
.Fantacup.comp-color-strong,
.fantacup .comp-color-strong-container > div{
    background:#3dcfc2b8;
}
.fantacup .comp-color-bg,
.Fantacup.comp-color-bg,
.fantacup .comp-color-bg-container > div{
    background:#73dcd38c;
}
.fantacup .comp-color-soft,
.Fantacup.comp-color-soft,
.Fantacup.comp-color-soft,
.fantacup .comp-color-soft-container > div{
    background:#73dcd31a;
}
/* Prono des femmes */
.prono-des-femmes .comp-color-strong,
.Prono-des-femmes.comp-color-strong,
.Prono.des.femmes.comp-color-strong,
.prono-des-femmes .comp-color-strong-container > div{
    background:#c618ad;
}
.prono-des-femmes .comp-color-bg,
.Prono-des-femmes.comp-color-bg,
.Prono.des.femmes.comp-color-bg,
.Prono.des.femmes .comp-color-bg,
.prono-des-femmes .comp-color-bg-container > div{
    background:#c618ad91;
}
.prono-des-femmes .comp-color-soft,
.Prono-des-femmes.comp-color-soft,
.Prono-des-femmes.comp-color-soft,
.Prono.des.femmes.comp-color-soft,
.Prono.des.femmes .comp-color-soft,
.prono-des-femmes .comp-color-soft-container > div{
    background:#f3a5e97d;
}
/*****
User menus 
 *****/
#block-views-block-fantamanager-block-fantamanager-header-menu{
margin:0px;
display:inline-block;
position:relative;
}
#fantateam-or-play,
#profile-picture{
    display:table-cell;
}
/* user image */
#block-views-block-fantamanager-block-fantamanager-header-menu #profile-picture img{
	margin-left: 30px;
	display:inline-block;
}
#block-views-block-fantamanager-block-fantamanager-header-menu #profile-picture img:hover{
	cursor:pointer;
}
/* fantateam or play */
#fantateam-or-play .views-field-title a{ 
	display: inline-block;
    padding-left: 10px;
}
/* login link */
.not-logged-in #block-views-block-fantamanager-block-fantamanager-header-menu {
	padding:20px 0px;
}
/* login: hide image for desktop and place sign-in/up link */
/*+++++++++++++++++++++++Responsive for phone portrait and landscape+++++++++++++++++++++++*/
@media only screen and (min-width: 681px){
	.view-display-id-block_fantamanager_header_menu .login img{
        display:none;
    }
    .view-display-id-block_fantamanager_header_menu .login .sign-in-up{
        margin-top: 12px;
        display: inline-block;
    }
}
/* align registered teams */
.view-display-id-block_manager_comp_openrun > div > div > span{
	display:table-cell;
    vertical-align:middle;
}
/* green background for fantacup teams */
.view-display-id-block_manager_comp_openrun .Fantacup.comp-color-light{
    background: #a9ecbd73;
    padding: 0 10px;
    border-radius: 10px;
}
/* FantaTeam score */
#block-views-block-fantamanager-block-fantamanager-header-menu .views-field-field-score {
	padding: 0px 5px 0px 15px;
    font-weight:bold;
}
/* user profile submenu */
#profile-picture #profile-options{
	display:none; /* hide by default */
}
#profile-picture:hover #profile-options{
	position: absolute;
    right: 0px;
	box-shadow:0 12px 16px 2px rgba(0, 0, 0, 0.14), 0 6px 20px 5px rgba(0, 0, 0, 0.12), 0 8px 6px -5px rgba(0, 0, 0, 0.4);
	width:300px;
	background:#fff;
	z-index:999;
	display:block;
	border-bottom:7px solid #000;
}
#profile-picture #profile-options ul{
	margin:0px;
	padding:0px !important;
}
#profile-picture #profile-options li{
	list-style:none;
	text-align:left;
}
#profile-picture #profile-options li a{
	color:#000;
	
	font-size:15px;
	display:block;
	padding:15px 7px;
}
/* link styles */
#profile-picture #profile-options li.profile-link a{
	font-size: 20px;
    font-weight: bold;
	background:#efefef;
    display: block;
    overflow: hidden;
}
#profile-picture #profile-options li img{
	margin-left:10px;
	float: left;
	margin-right: 10px;
}
#profile-picture #profile-options li.profile-settings,
#profile-picture #profile-options li.logout{
    padding: 5px 20px;
    border-bottom: 1px solid #efefef;
}
#profile-picture #profile-options li.profile-settings:hover,
#profile-picture #profile-options li.logout:hover{
    background:#efefef;
}
#profile-picture #profile-options li.profile-settings a{
	background:url('images/joystick.png') left no-repeat;
	padding-left:60px;
}
#profile-picture #profile-options li.logout a{
	background:url('images/bicycle.png') left no-repeat;
	padding-left:60px;
}
#profile-picture #profile-options li a:hover{
	background-color:#efefef;
}
/* mes leagues */
#profile-picture #profile-options .view-header{
	text-align: center;
	background: #444;
	color: rgb(255, 255, 255);
	padding: 10px;
}
#profile-picture #profile-options h3{
    display: block;
    background: #444;
    color: #fff;
    padding: 5px 20px;
    text-align: left;
    margin: 0;
}
#profile-picture #profile-options .view-header p{
	margin:0px;
}
#profile-picture .view-leagues .views-row{
    padding:10px;
    border-bottom:1px solid #efefef;
}
#profile-picture .view-leagues .views-row:hover{
    background:#efefef;
}
/**
 * Views
 ============================================================================ */
/* for all views */
.views-element-container {
    margin-bottom:20px;
}
/* border-bttom of grid row (manly for articles) */
.views-view-grid.horizontal .views-row{
    border-bottom:1px solid #eee;
}
/*+++++++++++++++++++++++Responsive for phone portrait and landscape+++++++++++++++++++++++*/
@media only screen and (max-width: 680px){
	body.path-frontpage .views-view-grid.horizontal .views-row,
	body.path-frontpage .mobile-horizontal-scroll > .view-content{
        display: flex;
        justify-content: space-between;
        align-items: stretch;
        gap: 20px;
        overflow:hidden;
        overflow-x: auto;
        padding-bottom: 10px;
        margin-bottom: 10px;
        /*border-bottom: 1px solid #eee;*/
    }
    body.path-frontpage .views-view-grid.horizontal .views-row::-webkit-scrollbar,
    body.path-frontpage .mobile-horizontal-scroll .view-content::-webkit-scrollbar{
      display: none;
    }
    body.path-frontpage .views-view-grid .views-col,
    body.path-frontpage .mobile-horizontal-scroll .view-content > .views-row{
        min-width:80%;
    }
    body.path-frontpage .view-articles .views-field-title h2{
        margin-top:10px;
    }
}
.views-field-counter{
    text-align:center;
    width:25px;
}
/* Titles */
.views-field-title a,
.view-display-id-block_fantateam_inline .views-field-field-maillot,
.view-display-id-block_fantateam_inline .views-field-title,
.view-display-id-block_fantateam_inline_50 .views-field-field-maillot,
.view-display-id-block_fantateam_inline_50 .views-field-title{
    display: table-cell;
    font-weight:bold;
    color:#444;
    text-decoration:none;
    border:none;
    padding:3px 0;
}
/* hide team title in header (but keep in group palmares) */
#header .view-display-id-block_fantateam_inline .views-field-title{
    display:none;
}
/* link on images */
.views-field-field-image a,
.views-field-field-image-1 a,
.views-field-field-maillot a{
    border:none;
}
/*
 Competition breadcrumb 
 */
.block-views-blockcompetition-block-comp-breadcrumb{
    margin-bottom:0;
    color:#fff;
}
.block-views-blockcompetition-block-comp-breadcrumb > div.content{
    margin:0;
}
.comp-breadcrumb .view-content a{
    padding:20px 20px 20px 0;
    color:#fff;
    font-weight:bold;
    text-align:center;
    display:inline-block;
    border:none;
    font-size:15px;
    letter-spacing:-1px;
}
/* if no competition */
.block-views-blockcompetition-block-comp-breadcrumb .no-competition {
    background:#f6f6f2;
}
.block-views-blockcompetition-block-comp-breadcrumb .no-competition a{
    color:#444;
}
/* hover state */
.comp-breadcrumb .view-content a:hover{
    text-decoration:underline;
}
/* rounded corner of fantamanager picture */
.views-field-user-picture img,
#profile-picture img{
    border-radius:100%;
    border:1px solid #eee;
}
/* while fantamanager view is buggy */
/* reduce user icons on homepage in classements */
body.path-frontpage .main-wrapper .views-field-user-picture img,
body.path-frontpage .featured-top .views-field-user-picture img{
    max-width:40px;
}
body.path-frontpage .featured-top .views-field-field-maillot img{
    max-width:29.5px;
}
/* align user img and name on mobile */
@media only screen and (max-width: 680px){
    .view-display-id-block_fantamanager_inline .grid-flex{
        flex-direction:row;
    }
}
/* user image in header -> make round
#user-header img{
    border-radius: 50px;
}*/
/* grid-flex */
div.grid-flex,
.grid-flex-container > div{
    display:flex;
    column-gap: 20px;
}
div.grid-flex-container.space-evenly > div,
div.grid-flex.space-evenly{
     justify-content:space-evenly;
}
div.grid-flex-container.space-between > div,
div.grid-flex.space-between{
     justify-content:space-between;
}
div.grid-flex.gap-70{
    gap: 70px;
}
div.grid-flex.align-items-center{
    align-items:center;
}
div.grid-flex.align-items-baseline,
.grid-flex-container.align-items-baseline > div{
    align-items:baseline;
}
div.grid-flex.align-items-stretch,
.grid-flex-container.align-items-stretch > div{
    align-items:stretch;
}
/*+++++++++++++++++++++++Responsive for phone portrait and landscape+++++++++++++++++++++++*/
@media only screen and (max-width: 680px){
	div.grid-flex.mobile-gap-5{
        gap: 5px;
    }
}
/* fantamanager inline mini - align picture and name*/
.view-display-id-block_fantamanager_inline_mini div.views-row{
    display:flex;
    gap:10px;
}
/* User leagues */
div.view-display-id-block_user_leagues > div{
    display:flex;
    gap:10px;
}
/* table */
.views-table caption{
    font-size: 20px;
    font-weight: bold;
    text-align: left;
}
/* flag in coureurs table */
.view-coureurs .views-table .views-field-field-image,
td.flag{
    width:35px;
}
/* Progression */
.views-field-field-progression{
    font-weight: bold;
    /*width:45px;*/
}
.views-field-field-progression.positive{
  color: #2ad555 !important;
}
.views-field-field-progression.negative{
  color: #d5322a !important;
}
/* line break of titles in list of courses */
.view-courses .view-display-id-block_fantateam_inline .views-field-title,
.view-courses .view-display-id-block_fantateam_inline .views-field-field-maillot,
.view-courses .view-display-id-block_rider_inline a,
.view--display-id-block_comp_courses .views-field-field-face,
.view-courses .score-prono-du-jour{
    display:block;
    text-align:center;
    border:none;
    padding:0;
}
/* design score prono du jour 
    Note: mores styles are defined in banner.css for that specific context
*/
.score-prono-du-jour{
    color:#0cb73c;
    font-weight:bold;
    font-size:16px;
    display:block;
}
/* center edit button and link of prono */
.view-courses .view-prono-du-jour .views-field-edit-node,
.view-courses .view-prono-du-jour .views-field-nothing{
    text-align:center;
}
/* Identity face */
.views-field-field-face img{
    border:1px solid #eee;
    border-radius:100%;
}
/* Resultats courses table layout */
/* rows */
.view-display-id-block_course_classement .field--label-inline{
    display:table-row;
}
/* label */
.view-display-id-block_course_classement .field--label-inline > .field__label{
    display: table-cell;
    font-size: 15px;
    float: right;
    padding-right: 20px;
}
/* rider */
.view-display-id-block_course_classement .field--label-inline > .field__item{
    display: table-cell;
}
/* Prono comp in right column (override flex defaults) */
#sidebar-second .view-pronos-competition div.grid-flex, 
#sidebar-second .view-pronos-competition .grid-flex-container > div {
    column-gap: 0px;
    flex-direction: column;
    text-align: center;
    row-gap: 20px;
}
#sidebar-second .view-pronos-competition div.grid-flex, 
#sidebar-second .view-pronos-competition .grid-flex-container > div > div.views-field-view{
    border-bottom: 1px solid #e0e0e0;
    padding: 20px 0px;
}
/**
 * Figures
 ============================================================================ */
span.figure{
    font-weight:bold;
    font-size:40px;
    display:block;
    color:#888;
    margin-top:55px;
    line-height: 40px;
}
/* ranking */
.views-field-field-ranking span.figure{
    color: #444/*#e6b828*/;
    font-size: 100px;
    line-height:100px;
    text-align: right;
    margin-top:0;
}
/**
 * Figures
 ============================================================================ */
/* align team and score in palmares table */
.view-display-id-block_group_comp_leader > div > div {
    display: flex;
    align-items: baseline;
    gap: 20px;
}
div.view-display-id-block_group_comp_palmares th.views-field-title,
div.view-display-id-block_group_comp_palmares th.views-field-nothing{
    width:25%;
}
div.view-display-id-block_group_comp_palmares th.views-field-view{
    width:50%;
}
/**
 * User page
 ============================================================================ */
/* user banner */
body.path-user .region-highlighted{
    padding-top:50px;
}
body.path-user span.figure{
    margin-top:0;
}
body.path-user .address{
    display:flex;
    gap:5px;
}
body.path-user .view-display-id-block_manager_victoires_icons{
    gap:10px;
}
/* hide victoires finales / fantaleague / pronos legend when empty */
body.path-user .view-display-id-block_manager_stats .empty-victoires-finales .views-field-nothing,
body.path-user .view-display-id-block_manager_stats .empty-victoires-pronos .views-field-nothing-1,
body.path-user .view-display-id-block_manager_stats .empty-victoires-fantaleague .views-field-nothing-2{
    display:none;
}
/**
 * Galerie Maillots
 ============================================================================ */
.view-display-id-page_maillots_gallery .views-view-grid .views-col{
    text-align:center;
}
/**
 * Coureur
 ============================================================================ */
body.page-node-type-coureur #block-fantacycling-bartik-page-title{
    display:none;
}
/**
 * Coureur Identity
 ============================================================================ */
 /* margin for coureur banner */
body.page-node-type-coureur-identity .layout-main{
    margin-top:50px;
}
/* adjust alignment of title with face */
body.page-node-type-coureur-identity .view-coureur-identity .views-field-nothing{
    padding-top:15px;
}
/* face */
body.page-node-type-coureur-identity .views-field-field-face img{
    background:#f6f6f2;
}
/**
 * fantateam
 ============================================================================ */
body.page-node-type-equipe .view-display-id-eva_fantateam_header{
    margin-top:30px;
}
/* hiden tasks in fantateam page, so that edit action is hidden */
body.page-node-type-equipe #block-fantacycling-bartik-local-tasks{
    display:none;
}
div.maillot-fantateam{
    position:relative;
    max-width:275px;
}
div.maillot-fantateam p{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align:center;
    max-width:100px;
    /*padding-top:15px;*/
}
body.page-node-type-equipe div.view-display-id-block_user_leagues > div{
    margin-top:13px;
}
/* title when pathauto fails */
body.page-node-type-equipe #block-fantacycling-bartik-page-title{
    display:none;
}
/* hide tasks tabs */
body.page-node-type-equipe #block-fantacycling-bartik-local-tasks--2{
    display:none;
}
/* a bit of paddign to compensate for the automatic maillot styling alignment */
body.page-node-type-equipe .view-display-id-block_fantateam_name_manager{
    padding-top:10px;
}
/**
 * Remplacant
 ============================================================================ */
body.page-node-type-equipe .views-field-field-remplacant-joining-day{
	font-weight:bold;
	color:#0cb73c;
}
body.page-node-type-equipe .remplacant .views-field-field-points-remplacant,
body.page-node-type-equipe .remplacant .views-field-field-remplacant-joining-day{
	font-weight:bold;
	color:#0cb73c;
}

body.page-node-type-equipe .remplacant .views-field-field-score,
body.page-node-type-equipe .remplacant .views-field-field-coefficient{
	color:#f7361f;
}
/**
 * prono du jour form
 ============================================================================ */
#edit-field-pronostic-course{
    pointer-events: none;
}
/**
 * Etape & classqiues
 ============================================================================ */
 /* hide title in case pathauto rule ws not applied */
body.page-node-type-course #block-fantacycling-bartik-page-title,
body.page-node-type-classique #block-fantacycling-bartik-page-title{
    display:none;
}
.view-display-id-block_course_header h1{
    font-size:65px;
    margin-bottom:10px;
}
/**
 * Competition
 ============================================================================ */
body #block-fantacycling-bartik-page-title{
    padding:30px 0;
}
body.competition:not(.page-node-type-equipe) h1{
    color:#fff;
}
/* Palmares and règlement tabs */
.block-local-tasks-block ul.tabs li:nth-child(6),
.block-local-tasks-block ul.tabs li:nth-child(7){
    float:right;
}
.block-local-tasks-block ul.tabs li:nth-child(6) a,
.block-local-tasks-block ul.tabs li:nth-child(7) a{
    margin-right:0px;
    margin-left:30px;
}
/* DEACTIVATE for LEAGUE page: Palmares and règlement tabs */
body.page-node-type-group .block-local-tasks-block ul.tabs li:nth-child(6),
body.page-node-type-group .block-local-tasks-block ul.tabs li:nth-child(7){
    float:none;
}
body.page-node-type-group .block-local-tasks-block ul.tabs li:nth-child(6) a,
body.page-node-type-group .block-local-tasks-block ul.tabs li:nth-child(7) a{
    margin-left:0px;
    margin-right:30px;
}
/* Hide tabs for fantacup */
body.fantacup.competition ul.tabs.primary li:nth-child(4){
    display:none;
}
/* Hide tabs for fantamundial */
body.fantamundial.competition:not(.page-node-type-classique) ul.tabs.primary li:nth-child(3),
body.fantamundial.competition:not(.page-node-type-classique) ul.tabs.primary li:nth-child(4){
    display:none;
}
/* Hide tabs for Autum classics and Pronos des femmes without fantateams */
body.autumn-classics-no-fantateam:not(.page-node-type-classique) ul.tabs.primary li:nth-child(2),
body.autumn-classics-no-fantateam:not(.page-node-type-classique) ul.tabs.primary li:nth-child(3),
body.prono-des-femmes:not(.page-node-type-classique) ul.tabs.primary li:nth-child(2),
body.prono-des-femmes:not(.page-node-type-classique) ul.tabs.primary li:nth-child(3){
    display:none;
}
/* Hide "Plus" tab for Fantaclassics, Autum classics, Pronos des femmes, FantaMundial and Fantacup */
body.fantaclassics ul.tabs.primary li:nth-child(8),
body.fantacup ul.tabs.primary li:nth-child(8),
body.autumn-classics ul.tabs.primary li:nth-child(8),
body.prono-des-femmes ul.tabs.primary li:nth-child(8),
body.fantamundial.competition ul.tabs.primary li:nth-child(8){
    display:none;
}
/* Hide Palmares for Pronos des femmes 2023 
body.prono-des-femmes .block-local-tasks-block ul.tabs li:nth-child(6){
    display:none;
}*/
/* competition leaderboard */
.competition-leaderboard{
    margin-top:30px;
}
.competition-leaderboard .grid-flex > div{
    padding:20px;
    text-align:center;
    width:20%;
    display:block;
}
.competition-leaderboard .grid-flex > div a,
.competition-leaderboard .grid-flex . views-field-name{
    display:block;
    color:#444;
}
.competition-leaderboard .grid-flex > div a:hover{
    display:block;
    color:#444;
    border:none;
}
.competition-leaderboard .grid-flex > div .views-field-field-face img{
    background:#fff;
}
.competition-leaderboard .view-display-id-block_amount_fantateams_leaderboard .field-content{
    font-size: 30px;
    font-weight: bold;
    padding: 50px 0;
    display: block;
}
/* competition stats + in fantamanager competition summary page */
#competition-stats > div,
div.view-display-id-block_manager_summary_fantateams_pronos_du_tour > .view-footer > div{
    width:50%;
    padding:20px 40px;
    margin-bottom:20px;
    box-sizing:border-box;
}
#competition-stats > div:empty{
    display:none;
    background:#fff;
}
@media only screen and (max-width: 680px){
    body.competition:not(.page-node-type-equipe) h1{
        font-size:20px;
    }
    body #block-fantacycling-bartik-page-title{
        padding:11px 0;
    }
    .competition-leaderboard {
        font-size:11px;
    }
}
/**
 * Pronos du jour (node page)
 ============================================================================ */
body.page-node-type-pronostic-du-jour .tabs{
	display:none;
}
/**
 * Pronos competition (node page)
 ============================================================================ */
body.page-node-type-pronostics-competition .tabs{
	display:none;
}
/**
 * Article
 ============================================================================ */
body.page-node-type-article .node__content{
    max-width: 720px;
    text-align: left;
    /*font-size:1.271em;*/
    color:#444;
}
body.page-node-type-article #block-fantacycling-bartik-page-title{
    padding:0px;
    padding-top:30px;
}
body.page-node-type-article .field--name-field-accroche{
    font-weight: bold;
    font-size: 19px;
    border-bottom: 1px dotted #ccc;
    margin-bottom: 30px;
    clear: both;
    letter-spacing:-1px;
}
body.page-node-type-article .field--name-body{
    clear: both;
}
/* in view */
.view-articles img{
    border:1px solid #eee;
}
/**
 * front
 ============================================================================ */
/* ensure view footer link are right aligned */
body.path-frontpage .view-footer a{
    display:block;
    float:right;
    font-size:15px;
}
/* homepage view-footer links */
body.path-frontpage .more-link{
    margin-top:15px;
}
body.path-frontpage .view-footer a,
body.path-frontpage .more-link a{
    float: left;
    margin-top: 0px;
    /*margin-bottom:20px;*/
    text-align: left;
    display: inline-block;
    padding: 7px 10px;
    background: #f4f4f4;
    color: #444;
    font-weight:bold;
    font-size:11px;
    border:none !important;
}
body.path-frontpage .view-footer a:hover,
body.path-frontpage .more-link a:hover{
    text-decoration:underline;
}
/* center and remove bg for more links in classements */
body.path-frontpage .region-featured-top .more-link{
    text-align:center;
    margin-top:0px;
}
body.path-frontpage .region-featured-top .view-footer a,
body.path-frontpage .region-featured-top .more-link a{
    float:none;
    margin:10px 0 0 0;
}
body.path-frontpage .block-views-blockcompetition-block-comp-home,
body.path-frontpage .block-views-blockcompetition-block-comp-home > div.content{
    margin-bottom:0;
}
body.path-frontpage .block-views-blockcourse-block-course-du-jour-home,
body.path-frontpage .block-views-blockcourse-block-course-du-jour-home > .content{
   overflow:hidden;
   position:relative;
   margin-bottom:0px;
}
/* layout of main area */
body.path-frontpage .region-content{
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
}
body.path-frontpage .view-display-id-block_articles_latest_home .views-row{
    margin:0;
}
/*******
courses à venir 
********/
body.path-frontpage .block-views-blockarticles-block-articles-latest-home{
    width:67%;
    padding-right: 50px;
    box-sizing: border-box;
}
body.path-frontpage .block-views-blockcourses-block-upcoming{
    width:33%;
    line-height:16px;
}
/* display only 3 items in desktop design */
@media only screen and (min-width: 681px){
    body.path-frontpage .view-display-id-block_upcoming > div > .views-row{
        display: none;
    }
    body.path-frontpage .view-display-id-block_upcoming > div > .views-row:nth-child(-n+3){
        display: block;
    }
}
/* 2 column layout per item */
body.path-frontpage .view-display-id-block_upcoming > div > .views-row > .views-field-nothing > span.field-content{
    display:flex;
    gap:20px;
    border-bottom:1px solid #eee;
    padding:14.7px 0px;
}
.view-course .course-date{
    font-weight: bold;
    margin-bottom: 2px;
    display: inline-block;
    padding: 2px;
}
.view-course h3{
    margin-top:5px;
    margin-bottom:10px;
}
.view-course h3 a{
    color:#444;
}
.view-course h3 a:hover,
.view-course #image a:hover{
    color:#055a8e;
    text-decoration:none;
    border:none;
}
/* trick for desktop image until responsive images work, bug open in drupal.org */
@media only screen and (min-width: 681px){
    body.path-frontpage .view-display-id-block_upcoming #image{
        width:100px;
        height:100px;
        overflow:hidden;
    }
}
/* pronos in upcoming block */
body.path-frontpage .block-views-blockcourses-block-upcoming .view-prono-du-jour .views-field-nothing{
    text-align:left;
}
body.path-frontpage .block-views-blockcourses-block-upcoming .button p{
    margin-bottom:0px;
}
body.path-frontpage .block-views-blockcourses-block-upcoming .button a{
    font-size:13px;
    text-transform:lowercase;
}
body.path-frontpage .block-views-blockcourses-block-upcoming .view-display-id-block_user_upcoming_prono{
    padding: 0.5em 1.063em;
    font-size: 13px;
    background:#eee;
}
body.path-frontpage .block-views-blockcourses-block-upcoming .view-display-id-block_user_upcoming_prono .view-content .views-row{
    display: flex;
    gap: 10px;
    justify-content: space-between;
    align-items: baseline;
}
body.path-frontpage .block-views-blockcourses-block-upcoming .views-field-field-face{
    display:none;
}
body.path-frontpage .block-views-blockcourses-block-upcoming p{
    margin:0;
}
/* styling of homepage section titles */
body.path-frontpage #block-fantacycling-bartik-views-block-articles-block-articles-latest-home > h2,
body.path-frontpage #block-fantacycling-bartik-views-block-articles-block-articles-focus-home-2 > h2,
body.path-frontpage #block-fantacycling-bartik-views-block-articles-block-articles-fantakult-home > h2,
body.path-frontpage #block-fantacycling-bartik-views-block-who-s-online-who-s-online-block > h2,
body.path-frontpage .block-views-blockcourses-block-upcoming h2,
body.path-frontpage .featured-top h2.section-title{
    text-align:left;
    font-size:25px !important;
}
body.path-frontpage .featured-top h2.section-title{
    margin-top:0;
}

/*+++++++++++++++++++++++Responsive for phone portrait and landscape+++++++++++++++++++++++*/
@media only screen and (max-width: 680px){
    /* layout of main area */
    body.path-frontpage .region-content,
    body.path-frontpage .region-content > div{
        display: block;
        overflow:hidden;
    }
    body.path-frontpage .block-views-blockarticles-block-articles-latest-home{
        margin-bottom:0px;
        border-top: 1px solid #e0e0e0;
        padding-right:0px;
    }
    body.path-frontpage .block-views-blockarticles-block-articles-latest-home .views-view-grid.horizontal > .views-row{
        border:none;
        padding-bottom:0px;
        margin-bottom:0px;
    }
    /* layout of courses à venir */
    body.path-frontpage .block-views-blockarticles-block-articles-latest-home,
    body.path-frontpage .block-views-blockcourses-block-upcoming{
        width:100%;
    }
    body.path-frontpage .view-display-id-block_upcoming.mobile-horizontal-scroll > .view-content{
        gap:10px;
        padding-bottom: 10px;
        margin-bottom: 0px;
    }
    body.path-frontpage .view-display-id-block_upcoming.mobile-horizontal-scroll .view-content > .views-row{
        min-width:42%;
    }
    body.path-frontpage .view-display-id-block_upcoming > div > .views-row > .views-field-nothing > span.field-content{
        display: block;
        position:relative;
        border-bottom: none;
        padding:0px;
        height:250px;
    }
    body.path-frontpage .view-display-id-block_upcoming #image{
        position:absolute;
        background:#000;
    }
    body.path-frontpage .view-display-id-block_upcoming #image img{
        width:200px;
        height:300px;
        opacity:0.9;
    }
    body.path-frontpage .view-display-id-block_upcoming #course-infos{
        padding: 0 10px;
        width: 100%;
        position: absolute;
        bottom: 10px;
        box-sizing: border-box;
    }
    body.path-frontpage .view-display-id-block_upcoming #course-infos h3 img{
        display:none;
    }
    body.path-frontpage .view-display-id-block_upcoming #course-infos,
    body.path-frontpage .view-display-id-block_upcoming #course-infos a{
        text-align:center;
        font-size:15px;
        color:#fff;
        display:block;
    }
    body.path-frontpage .view-display-id-block_upcoming #course-infos .competition-type{
        display:none;
    }
    /* pronos */
    body.path-frontpage .block-views-blockcourses-block-upcoming .view-display-id-block_user_upcoming_prono{
        background:none;
        padding-bottom:0px;
    }
    body.path-frontpage .block-views-blockcourses-block-upcoming .view-display-id-block_user_upcoming_prono .view-content .views-row{
        display:block;
    }
    body.path-frontpage .block-views-blockcourses-block-upcoming .view-prono-du-jour a{
        line-height:12px !important;
        font-size:12px !important;
        padding:8px 5px;
        border:none !important;
    }
    body.path-frontpage .block-views-blockcourses-block-upcoming .view-display-id-block_user_upcoming_prono .views-field-title a{
        color:#444 !important;
        background:#fff;
    }
    body.path-frontpage .block-views-blockcourses-block-upcoming .view-display-id-block_user_upcoming_prono a.modifier-prono{
        margin-top:10px;
        border:none !important;
        font-weight:bold;
    }
    /* faire son prono */
    body.path-frontpage .block-views-blockcourses-block-upcoming .view-prono-du-jour .views-field-nothing{
        text-align:center;
        border:none !important;
    }
    body.path-frontpage .block-views-blockcourses-block-upcoming .view-prono-du-jour .views-field-nothing .prono-for-logged-in.button a{
        padding:8px 15px;
    }
    body.path-frontpage .block-views-blockcourses-block-upcoming .view-prono-du-jour .prono-for-logged-in.button {
        margin:0 10px;
    }
    /* homepage H2 of sections bigger on Mobile */
	body.path-frontpage #block-fantacycling-bartik-views-block-articles-block-articles-latest-home > h2,
	body.path-frontpage #block-fantacycling-bartik-views-block-articles-block-articles-focus-home-2 > h2,
	body.path-frontpage #block-fantacycling-bartik-views-block-articles-block-articles-fantakult-home > h2,
	body.path-frontpage #block-fantacycling-bartik-views-block-who-s-online-who-s-online-block > h2,
	body.path-frontpage .block-views-blockcourses-block-upcoming h2,
	body.path-frontpage .featured-top h2.section-title{
        margin-bottom:13px;
    }
    body.path-frontpage .featured-top h2.section-title{
        padding-left:20px;
    }
    /* flag in tables */
    /* flag in coureurs table */
    .view-coureurs .views-table .views-field-field-image,
    td.flag{
        width:20px;
    }
    /* counter */
    .views-field-counter{
        width:10px;
    }
}
/**
 * fantateams h2h
 ============================================================================ */
.view-display-id-page_fantateams_h2h .view-content > .grid-flex > .views-field-view-3,
.view-display-id-page_fantateams_h2h .view-content > .grid-flex > .views-field-view-4{
    max-width: 50%;
    width:48%;
}
.view-display-id-page_fantateams_h2h .view-content > .grid-flex > .views-field-view-3{
    border-bottom: 3px solid #0cb73c;
}
.view-display-id-page_fantateams_h2h .view-content > .grid-flex > .views-field-view-4{
    border-bottom: 3px solid #0b6197;
    
}
/* jump select */
div.h2h-jump-select{
    padding: 15px;
    background: #f6f6f2;
    border-radius: 5px;
    margin: 30px 0 0;
    display: flex;
    gap: 20px;
}
div.h2h-jump-select > .views-label{
    padding-top:2px;
}
.commonRider{
    background-color:#cbf6b3;
}
.h2h .grid-flex.gap-70{
    gap: 25px;
}
.h2h .views-field-field-ranking span.figure{
    text-align:left;
    margin-top:20px;
}
.h2h .views-field-view-node{
    margin-top:20px;
}
@media only screen and (max-width: 680px){
    .view-display-id-page_fantateams_h2h .view-content > .grid-flex > .views-field-view-3,
    .view-display-id-page_fantateams_h2h .view-content > .grid-flex > .views-field-view-4{
        max-width: 100%;
        width:100%;
        box-sizing:border-box;
    }
    div.h2h-jump-select{
        display: block;
    }
    div.h2h-jump-select > .views-label{
        padding-top:0px;
    }
    div.h2h-jump-select select.ViewsJumpMenu{
        max-width:100%;
    }
}
/**
 * user login / signup
 ============================================================================ */
/* page background */
body.login-signup-password #page{
	background:url('images/fond-rainbow.png') top;
	overflow:hidden;
}
body.login-signup-password #main-wrapper{
	padding:20px;
    box-sizing:border-box;
    max-width:610px;
}
#user-login-form{
    position: relative;
    overflow: hidden;
}
/* page title */
body.login-signup-password #block-fantacycling-bartik-page-title{
    text-align:center;
}
body.login-signup-password h1{
    color:#fff;
}
/* create accunt link */
#user-login-form .actions-suffix{
    display: inline-block;
    float: none;
    position: relative;
    bottom: auto;
    right: auto;
    margin: 10px;
}
#user-login-form .actions-suffix a,
#user-login-form .actions-suffix a:hover{
  font-weight:bold;
  display:block;
  padding:10px;
  background:#0cb73c;
  border-radius:5px;
  color:#fff;
  clear:both;
  font-size: 1.1em;
  border:none;
}
/* login button */
input[type=submit]{
    height:auto;
}
/************************************************************************************
Captcha
************************************************************************************/
.captcha__element{
	border: 1px solid #ccc;
    background: #e1f3fc;
	border:none;
	padding:15px;
	box-sizing:border-box;
	max-width:100%;
}
.captcha__element > .form-item-captcha-response{
	background: #e1f3fc url(images/captcha.png) no-repeat left;
	padding:10px;
	padding-left:120px !important;
}
#edit-captcha-response{
	border:none;
	padding:10px;
	font-size:17px;
	color:#328bb7;
	background:#fff;
	margin:20px 0px;
}
/*+++++++++++++++++++++++Responsive for phone portrait and landscape+++++++++++++++++++++++*/
@media only screen and (max-width: 680px){
	.captcha.form-wrapper .fieldset-wrapper{
	background: #e1f3fc url(images/captcha.png) no-repeat top left;
	padding-top:120px;
	padding-left:0px;
	}
}
/*****************************************************************************************************
Responsive: Phone portrait
*****************************************************************************************************/
@media only screen and (max-width: 680px){
    /* region-header */
    .region-header{
        padding:0.357em 0 0 0;
    }
    /* user pix + name inline */
    .view-display-id-block_manager_leagues_inline .grid-flex{
        flex-flow: row wrap;
    }
    /* mobile detected user current fantateams */
    #user_current_fantateams{
        border-top:1px solid #e0e0e0;
    }
    #user_current_fantateams .views-element-container{
        padding:10px 0px;
        margin-bottom:0px;
    }
    #user_current_fantateams .grid-flex-container{
        justify-content: space-evenly;
    }
    #user_current_fantateams .grid-flex-container > div{
        flex-direction: row;
        gap: 20px;
    }
    #user_current_fantateams .views-field-field-maillot img{
        width:20px;
        height:20px;
    }
    #user_current_fantateams .view-display-id-block_manager_comp_openrun > div > div > span{
        font-size:11px;
    }
    /* layout */
    div.highlighted .layout-container #block-fantacycling-bartik-page-title h1,
    div.highlighted .layout-container nav.tabs,
    div.highlighted .layout-container .messages,
    div.highlighted .layout-container .comp-breadcrumb .views-field-field-comp-tition,
    div.highlighted #block-views-block-fantamanager-block-manager-ranking,
    div.highlighted #block-views-block-fantamanager-block-manager-summary{
      box-sizing: border-box;
      max-width: 860px;
      margin-right: auto;
      margin-left: auto;
      margin-bottom:0px;
      padding:0 15px;
    }
    .layout-main {
      padding:0 15px;
    }
    /* right col */
    .sidebar .section{
        padding:10px 0;
    }
    /* page title */
    .fontyourface h1 {
        font-size:30px;
        margin-top:10px;
    }
    /* h2 */
    .main-content h2,
    .sidebar h2,
    .view-header h2{
        font-size:16px;
    }
    /* except for articles on front */
    body.path-frontpage .main-content h2{
        font-size:20px;
    }
    /* main text 
    body{
        font-size:12px;
    }*/
    /* homepage feature-top (original) 
    body.path-frontpage .region-featured-top{
        display:block;
    }*/
    body.path-frontpage .region-featured-top .views-col{
        border-bottom: 1px solid #ccc;
        padding: 10px 0;
    }
    /* homepage feature-top (flexbox for horizontal scrolling) */
    body.path-frontpage .region-featured-top{
        display: flex;
        overflow-x: auto;
        padding-left: 20px;
        padding-right: 20px;
    }
    body.path-frontpage .region-featured-top::-webkit-scrollbar { /* to hide scrollbar */
        display: none;
    }
    .region-featured-top > div{
        padding: 10px;
        min-width:230px;
    }
    body.path-frontpage .region-featured-top .views-col{
        border-bottom: 1px solid #ccc;
        padding: 10px 0;
    }
    /* grid-flex */
    div.grid-flex,
    .grid-flex-container > div,
    div.grid-flex.gap-20,
    div.grid-flex.gap-70{
        flex-direction: column;
        gap: 10px;
    }
    div.grid-flex.responsive-row{
        flex-direction: row;
    }
    div.grid-flex-container .responsive-row{
        flex-direction: row;
    }
    .mobile-wrap {
        flex-wrap: wrap;
    }
    .mobile-width-50{
        gap:10px 0px !important;
    }
    .mobile-width-50 > div{
        width:50%;
        box-sizing:border-box;
    }
    /* figure */
    span.figure{
        margin-top: 0px;
        display:inline-block;
    }
    /* ranking */
    .views-field-field-ranking span.figure{
        text-align:left;
    }
    /* Tables */
    .views-table-wrapper{
        overflow-x: scroll;
    }
    /* Countdown */
    .coutdown-numbers{
        display:none;
    }
    /* face on identity page */
    body.page-node-type-coureur-identity .views-field-field-face img{
        width:100px;
    }
    /* hide faces on cotes course view */
    .view-display-id-block_cotes_courses .views-field-field-face {
        display:none;
    }
    /* competition stats */
    #competition-stats > div{
        width:100%;
    }
    #competition-stats > div, 
    div.view-display-id-block_manager_summary_fantateams_pronos_du_tour > .view-footer > div{
        padding:20px;
    }
    /* Palmares and règlement tabs */
    .block-local-tasks-block ul.tabs li:nth-child(6),
    .block-local-tasks-block ul.tabs li:nth-child(7){
        float:none;
    }
    .block-local-tasks-block ul.tabs li:nth-child(6) a,
    .block-local-tasks-block ul.tabs li:nth-child(7) a{
        margin-right:30px;
        margin-left:0px;
    }
    /* resize maillto to center text (absolute position) */
    .maillot-fantateam{
        width:275px;
    }
    /* site header layout */
    #logo {
        display: flex;
        justify-content: space-between;
    }
    /* resize and center fantacycling logo */
    a.site-logo{
        display: inline-block;
        text-align: center;
        margin:-5px 0 0 0;
    }
    a.site-logo img{
        width: 175px;
    }
    /* avoid margin of #user_header_menu sub-container */
    #user_header_menu .views-element-container{
        margin:0;
    }
    /* resize site header user image */
    #user_header_menu img{
        width:30px;
        height:30px;
    }
    /* make up for the 5px difference between user menu and site menu width */
    #user_header_menu{
        padding-left:5px;
    }
    /* hide sign-in-up */
    .sign-in-up{
        display:none;
    }
    /* competiton leaderboard boxes */
    .view-display-id-eva_competition_leaderboard .grid-flex{
        flex-flow: row wrap;
    }
    /* Tasks tabs */
    .block-local-tasks-block ul.primary{
        display:flex;
        flex-flow: row wrap;
        border-bottom:none !important;
    }
    .tabs ul.primary li a{
        font-size:0.75em;
        padding: 15px 0px 10px 0px;
        margin-right: 10px;
        line-height: 1.2;
    }
}