/* Mobile Portrait View */
@media screen and (max-width:767px) {
/* Header en relatif, plus besoin de compenser */
.boxlayout {padding-top: 0px;}
/* Ecran petit, on passe le header en relatif pour qu'il scrolle en même temps que la page */
.header_fixer {position: relative !important; top:0px;}
/* Réduction de la zone cliquable au minimum */
.logo a {margin: auto;}
/* Ajustement taille du sous-titre dans le header */
.logo p{ font-size: 11px;}
.toggle { position:relative; margin-left: 20px;	margin-right: 20px; top: 10px;} 
.sitemenu { margin-top: 10px !important; margin-left: 20px !important; margin-right: 20px !important;}

.logo .featured_link { text-wrap: nowrap; left: 0em; top: -0.3em; font-size: 1.3em;}
.logo .featured_link_highlight { left: 1.4em; top: 0.4em; font-size: 1.8em;}
.logo .featured_link_highlight_shadow { left: 0.03em; top: 0.03em;}
.logo .featured_link_text { left: 0.05em; top: 0.05em;}

/* Si masquage du header_right */
.header_right { display: none;}
.header_fixer { padding-bottom: 45px !important;}
.toggle { top: -15px;} /* -35 */
.sitemenu {top: -25px !important;}
}
/* Mobile Landscape View + UDSGB */
@media screen and (min-width: 481px) and (max-width: 767px){

/* UDSGB */
.logo .uds_title { text-wrap: balance;}
.logo .uds_title_basket { left: 5.47em; top: 1.92em;} /* 4.87 */
.logo .uds_title_basket_shadow { left: 0.05em; top: 0.05em;}
.logo .uds_title_text { top: 0.05em;}
/*.header_fixer {background-position: 37% !important; background-size: cover !important;}*/
/* Ballon à droite pour smartphone en landscape (720p) */
.header_fixer {/*background-position-x: 82% !important;*/ background-size: cover !important;}
/* Ballon à gauche pour smartphone en landscape (720p) */
/*.header_fixer {background-position-x: 37% !important; background-size: cover !important;}*/

/******************************************************************/
/* Si header_right mis en haut à gauche sur Smartphone landscape  */
/******************************************************************/
/*
.container {width: auto !important;}
.logo {left: 0; right: 0; margin: auto; width: 400px !important;}
.header_right {position: absolute !important; float: left !important; top: 0; left: 0; width: auto !important;}
.toggle { position: absolute; bottom: 0px; top: unset; width: 148px;}
*/
 /* et en supprimant l'adresse email du header_right              */
/*
.header_right span { display: none;}
.header_right {
	-webkit-transform: skew(40deg) !important;
    padding-left: 60px !important;
    padding-top: 20px !important;
    margin-top: -10px !important;
    padding-right: 20px !important;
    margin-left: -45px !important;
    border-radius: 5px;
    box-shadow: 2px 2px 2px #555;
}
.contactinfo {-webkit-transform: skew(-40deg) !important;}
*/
/******************************************************************/

.slider_section .nivo-caption .slide_more:before {
	top: 0px;
    height: 27px !important;
    width: 27px;
}

}

@media screen and (max-width: 299px){
/* UDSGB */
.logo .uds_title { text-wrap: balance;}
.logo .uds_title_basket { left: 4.02em; top: 1.92em;}
.logo .uds_title_basket_shadow { left: 0.05em; top: 0.05em;}
.logo .uds_title_text { left: 0.05em; top: 0.05em;}

.logo .featured_link { display:none; text-wrap: balance;}
.logo .featured_link_highlight { display:none; left: 4.02em; top: 1.92em;}
.logo .featured_link_highlight_shadow { left: 0.03em; top: 0.03em;}
.logo .featured_link_text { left: 0.05em; top: 0.05em;}

.header_fixer {/*background-position-x: 72% !important;*/ background-size: cover !important;}
.gt_design_by a:first-child:after {content:'' !important;}
}

@media screen and (min-width: 481px){
/* Passage en relatif de l'entry-content pour assurer le positionnement de la barre de recherche */ 
.entry-content {position: relative !important;}

}
@media screen and (max-width: 481px){
/* Passage en relatif de l'entry-content pour assurer le positionnement de la barre de recherche */ 
.wp-block-search {position: relative !important; top: 0px !important;}

}
/* Mobile Landscape View + UDSGB */
@media screen and (min-width: 300px) and (max-width: 481px){
/* UDSGB */
.container {max-width: 300px !important; padding: 0px !important;}
.logo .uds_title { text-wrap: balance;}
.logo .uds_title_basket { left: 4.44em; top: 1.92em;} /* 4.02 5.52 */
.logo .uds_title_basket_shadow { left: 0.05em; top: 0.05em;}
.logo .uds_title_text { left: 0.05em; top: 0.05em;}

.logo .featured_link { text-wrap: nowrap; left: 0em; top: -0.3em; font-size: 1.3em;}
.logo .featured_link_highlight { left: 1.4em; top: 0.4em; font-size: 1.8em;}
.logo .featured_link_highlight_shadow { left: 0.03em; top: 0.03em;}
.logo .featured_link_text {left: 0.02em; top: 0.04em;}
.header_fixer {/*background-position-x: 72% !important;*/ background-size: cover !important;}
/* Disposition du 'En savoir plus' sur smartphone */
.slider_section .nivo-caption .slide_more, .slider_section .nivo-caption p { display:inline;}
.slider_section .nivo-caption .slide_more:before {width: 27px;height: 26px !important;}

}

/* UDSGB */
@media screen and (min-width:768px) and (max-width: 980px){
/* Ajustement positions titre & image dans le header */
.header_fixer .logo { padding: 0px 0px 40px 0px !important;}
/* Ajustement taille du titre dans le header */
.header_fixer .logo h1 {font-size: 40px !important; padding-bottom: 10px;}
.header_fixer .logo img {margin-bottom: -20px;}
/* Ajustement taille du sous-titre dans le header */
.logo p { font-size: 9px;}
.logo .uds_title { text-wrap: nowrap;}
.logo .uds_title_basket { left: 7.9em; top: 1.12em;} /* 7.66 & 1.38 */
.logo .uds_title_basket_shadow { left: 0.05em; top: 0.05em;}
.logo .uds_title_text { left: 0.05em; top: 0.05em;}

.logo .featured_link { text-wrap: nowrap; left: 0em; top: -0.3em; font-size: 1.3em;}
.logo .featured_link_highlight { left: 1.4em; top: 0.4em; font-size: 1.8em;}
.logo .featured_link_highlight_shadow { left: 0.03em; top: 0.03em;}
.logo .featured_link_text {left: 0.02em; top: 0.04em;}

/* Réduction du menu 'toggle' au minimum requis */
.sitenavigation {margin-left: 150px !important; width: 380px;}
/* Positionnement du menu 'toggle' */
.toggle { position: absolute; left: 0; right: 0; bottom: 0;} 
}

/* Tablet View */  
@media screen and (max-width:1169px) and (min-width:768px) { 
.header_right { border-radius: 2px; box-shadow: -2px 2px 10px #b14717;	-moz-box-shadow: -2px 2px 10px #b14717; -webkit-box-shadow: -2px 2px 10px #b14717;}
/* pour visibilité génée par la barre de scrolling */
.header_right {right: -180px !important;}  /* -180px avec contact@udsgbasket.fr, -154px avec udsgbm@orange.fr */
}

/*  + UDSGB */
@media screen and (max-width:1169px) and (min-width:981px) { 
.header_fixer { background-position: right top !important;}
.header_fixer .logo h1 {font-size: xxx-large !important;}
.logo .uds_title {text-wrap: nowrap;}
/*.logo .uds_title_basket { left: 7.66em; top: 2.18em;}*/
.logo .uds_title_basket {left: 8em; top: 1.06em;} /* 1.38em */
.logo .uds_title_basket_shadow {left: 0.05em; top: 0.05em;}
.logo .uds_title_text {left: 0.05em; top: 0.05em;}

.logo .featured_link { text-wrap: nowrap; left: 0em; top: -0.3em; font-size: 1.3em;}
.logo .featured_link_highlight { left: 1.4em; top: 0.4em; font-size: 1.8em;}
.logo .featured_link_highlight_shadow {left: 0.05em; top: 0.05em;}
.logo .featured_link_text {left: 0.02em; top: 0.04em;}
.sitenavigation {margin-right: 15px;}
}

@media screen and (max-width: 980px){
.toggle { z-index:99999 !important;}
/* Ajout d'un signet '»' devant le nom du sous-menu */
.sitemenu ul li a:before{content:"\00BB \00a0";}
/* Ajustement de la couleur du texte du menu sélectionné */
.sitemenu ul li a:hover, .sitemenu ul li.current_page_item a { color: #ffffff !important;}
/* Mise en gras des menus parents */
.sitemenu > .menu-menu-principal-container > .menu > .menu-item > a { font-weight: bolder;}
.sitemenu > .menu-menu-principal-container > .menu > .menu-item .menu-item a.parent { font-weight: bold;}

/* Affichage du menu 'toggle' sur passage aux résolutions tablette et smartphone */
.toggleMenu { display: block !important;}
/* Ajout des ombres portées */
.toggleMenu { box-shadow: 2px -2px 2px #333 inset; -moz-box-shadow: 2px -2px 2px #333 inset; -webkit-box-shadow: 2px -2px 2px #333 inset;}
.sitemenu {display: none;}
.wp_trademark {float:none !important;text-align:center !important;text-wrap:balance !important;}
.wp_powerd_by {float:none !important;text-align:center !important;text-wrap:balance !important;}
.wp_powerd_by:before{content:'' !important;}
.gt_design_by {float:none !important;text-align:center !important;text-wrap:balance !important;}
}

@media screen and (min-width:768px) {
/* UDSGB */
.header_right {display:flex;} /* pour ajout des icones de réseaux sociaux */
/* Réduction de la zone cliquable au minimum */
.logo a {width: fit-content !important;}
/* Ajustement latéral du menu */
.sitemenu .menu { margin-left: 15px;}
}

/* 950px pris arbitrariemeent pour activer les animations de transition avant la taille de 981px */
@media screen and (min-width:950px) { 
/* Animation de tranisition pour le changement de taille du titre sur changement de résolution */
.logo .uds_title { transition: all 0.2s ease;}
.logo .uds_title_basket { transition: all 0.2s ease;}

/* Animation de tranisition pour le changement de taille du titre sur changement de résolution */
.logo .featured_link { transition: all 0.2s ease;}
.logo .featured_link_highlight { transition: all 0.2s ease;}
}

@media screen and (min-width:981px) { 
/* Pour compenser le header en position 'fixed' */
.boxlayout {padding-top: 167px;}
/* Position 'fixed pour le header (disponibilité du menu à tout instant) */
.header_fixer {position: fixed; top:0px;}
/* Ajustement de la hauteur du header pour compatiblité avec size > 1170px */
.header_fixer .logo { padding: 0px 0px 25px 0px !important;}
/* Ajustement taille du sous-titre dans le header */
.logo p { font-size: 11px;}
/* Passage du menu en italique */
.sitemenu .menu > .menu-item { -webkit-transform: skew(-40deg) !important; -moz-transform: skew(-40deg) !important; -ms-transform: skew(-40deg) !important; -o-transform: skew(-40deg) !important;}
.sitemenu .menu > .menu-item > a, .sitemenu .menu > .menu-item > ul.sub-menu  { -webkit-transform: skew(40deg) !important; -moz-transform: skew(40deg) !important; -ms-transform: skew(40deg) !important; -o-transform: skew(40deg) !important;}
/* Ajustement de la police pour les menus titre */
.sitemenu .menu > .menu-item > a { line-height: 8px;}
/* Ajout des ombres portées et des animations */
/*.sitemenu .menu > .menu-item { box-shadow: 5px -5px 50px #555; -moz-box-shadow: 5px -5px 50px #555;	-webkit-box-shadow: 5px -5px 50px #555;	transition: all 0.5s ease-out;}*/
/* Mise à jour des ombres portées */
.sitemenu .menu > .menu-item { box-shadow: 2px -2px 2px #555 inset; -moz-box-shadow: 2px -2px 2px #555 inset; -webkit-box-shadow: 2px -2px 2px #555 inset; transition: all 0.5s ease-out;}

/* Ajout d'une bordure en bas de menu */
.sitemenu .menu > .menu-item { border-style: solid !important; border-radius: 5px !important; border-width: 0px !important; border-color: #dd3333 !important; border-bottom: 1px solid #373737 !important;}
/* Ajout des ombres portées */
.sitemenu .menu .sub-menu > .menu-item { box-shadow: 2px -2px 2px #555 inset; -moz-box-shadow: 2px -2px 2px #555 inset; -webkit-box-shadow: 2px -2px 2px #555 inset;}
/* Ajout des animations de sous-menus et esthétisme */
.sitemenu .menu .sub-menu > .menu-item { border-bottom: 1px solid; border-radius: 5px; margin: 2px 0px; transition: all 0.5s ease-out;}
.sitemenu .menu .sub-menu .sub-menu > .menu-item:first-child { margin-top: 0 !important;}

/* Ajustement latéral des sous-menus */
.sitemenu .menu > .menu-item > .sub-menu { margin-left: 30px;}
/* Mise en couleur des menus possédant des sous-menus */
.sitemenu .menu .menu-item-has-children { background-color: #dd3333;}
.sitemenu .menu .menu-item-has-children > a { color: white !important;}

/* ajustement de l'affichage des sous-menu sur scrolling */
.submenu { position: absolute !important; margin-bottom: -50px !important;}

/* Suppression du menu 'toggle' sur passage aux résolutions pc */
.toggle {display: none;}
/* Affichage du menu 'sitemenu' sur passage aux résolutions pc */
.sitemenu {display: block !important; transition: all 0.5s ease-out; animation: bounce-in-right 0.5s ease;}  
}

 /* + UDSGB */
@media screen and (min-width:1170px) { 
/* UDSGB */
.header_fixer {width: 1210px; margin: auto;}

.logo .uds_title { text-wrap: nowrap;}
.logo .uds_title_basket { left: 8em; top: 1.06em;} /* 1.38em */
.logo .uds_title_basket_shadow { left: 0.05em; top: 0.05em;}
.logo .uds_title_text { left: 0.05em; top: 0.05em;}

.logo .featured_link { text-wrap: nowrap; left: 0em; top: -0.3em; font-size: 1.3em;}
.logo .featured_link_highlight { left: 1.4em; top: 0.4em; font-size: 1.8em;}
.logo .featured_link_highlight_shadow { left: 0.03em; top: 0.03em;}
.logo .featured_link_text { left: 0.02em; top: 0.04em;}
.header_fixer { background-position: right top !important; }
.header_right { border-radius: 10px; box-shadow: -2px 2px 10px #b14717;	-moz-box-shadow: -2px 2px 10px #b14717; -webkit-box-shadow: -2px 2px 10px #b14717;}
/* Ajout cadre et ombre portée sur l'event sur la date */
.tribe-events-calendar-list__event-date-tag-datetime { border: 1px solid black !important; box-shadow: 0px 0px 5px #ddd; -moz-box-shadow: 0px 0px 5px #ddd; -webkit-box-shadow: 0px 0px 5px #ddd;}
}