/*
Theme Name: Uku child (UMLAUT 2020)
Description: Thème enfant de Twenty Eleven
Author: CreativeJuiz
Author URI: http://creativejuiz.com
Version: 1.1.0
Template: uku
*/
@import url("../uku/style.css");
@import url("style_animations.css");

@charset "UTF-8";
@font-face { font-family: ibmp_light; src: url('assets/font/IBMPlexMono-Light.otf'); } 
@font-face { font-family: ibmp; src: url('assets/font/IBMPlexMono-Regular.otf'); } 
@font-face { font-family: ibmp_ital;  src: url('assets/font/IBMPlexMono-TextItalic.otf'); } 
@font-face { font-family: ibmp_bold; src: url('asset/font/IBMPlexMono-SemiBold.otf'); }













/* B O U T I Q U E --------------------------------------------------------- */


/* B O U T I Q U E --------------------------------------------------------- */

/*  txt lien Login / register  */
.uku-standard .shop-menu {
    font-weight: 600;
    font-size: 0.9375rem;
    font-family: ibmp_light;
    letter-spacing: 0px;
     top: 30px;
    right: 80px;
}

.uku-standard a.account-btn span.btn-text {
    font-weight: 600;
    font-size: 0.9375rem;
    font-family: ibmp_light;
    letter-spacing: 0px;
}


/* AGENDA BLOC UMLAUT --------------------------------------------------------- */

.agenda_bloc {
    background-color:#fff;  
    width: 250px; 
    vertical-align: top;
    min-height: 200px; 
    margin-left: 20px; 
    font-size: 11pt; font-family: ibmp_light ;
    margin-left: 20px; margin-bottom: 10px; 
    display: inline-grid;
	
	padding-bottom: 80px;
}

.agenda_infos p {
    margin-bottom: 11px;
}


.agenda_chaque_mois {padding-top: 20px; margin-left: -20px; }

.agenda_img {
    height: 140px;
    max-width: 250px;
    background-position: center;
    background-size: cover;
}

.agenda_date {text-decoration: underline; margin-left: 50px; margin-top: 10px;}

.agenda_titre { font-family: ibmp_ital; margin-top: 10px; font-size: 14pt; }

.agenda_infos {margin-left: 50px; margin-top: 8px; margin-bottom: 0; font-size: 8.5pt; }
.agenda_infos a {text-decoration: underline;}
.agenda_details {
/* margin-top: -15px; font-size: 8.5pt; */
margin-top: -15px;
font-size: 8.5pt;
margin-left: 51px;

font-family: ibmp_ital;
font-size: 8pt;

border: solid 0.3px;
padding: 4px;
}

.agenda_details a {text-decoration: underline;}

.agenda_fleche { /*
width: 29px;
position: absolute;
margin-top: -55px; */
position: absolute;
margin-top: -9px;
margin-left: -44px;
width: 23px;
}





/* MAIN UMLAUT --------------------------------------------------------- */
html, body{
  font-family: ibmp_light; 
  height: 100%; margin :0;
   font-size: .95rem;
}

/*  Redefinit la typo de base 
 --------------------------------------------------------- */
h1.site-title, p.site-title, .entry-summary, .widget, .title-footer, .entry-header p.intro, .entry-content, .entry-content p, .entry-content table, .entry-content dl, .entry-content ul, .entry-content ol, p.section-about-text, p.text-big, p.text-small {
    font-family: ibmp_light; 
}
h1, h2, h3, h4, h5, h6 {font-family: ibmp_light }

/* HEADER UMLAUT --------------------------------------------------------- */
logo{ position: absolute; left: 28px; top: 12px; /* z-index: 5000; */ }
logo img { width: 90px; }
h1.site-title, p.site-title { display: none; }


/* TITRE H1 */
.page h1.entry-title, h1.entry-title {font-family: ibmp_ital; font-weight: 10px; font-size: 5rem; letter-spacing: 0.6rem; font-weight: normal;


/* décalage 1er ligne + marge gauche */
margin-left: -100px;
text-indent: 100px;
line-height: 90px;
}

.site-header-content { z-index:1 }
/* Menu en minuscule */
#desktop-navigation ul li a {text-transform: none; font-family: ibmp_light;}

/* position du menu principal (haut) */
#desktop-navigation ul li {
    padding: 31px 15px 18px;
}
/* Boutons langues */
lg {position: absolute; right: 28px; top: 45px ; font-family: ibmp_light;}
lg a{color: black; text-decoration: none; font-size: 10pt;  }

/* Redefinit la ligne au deussus du titre tout en haut */
#primary .hentry {
border-top: 0px solid #1a1a1a;
}

/* efface la ligne sous du titre h1 */
.page h1.entry-title, .page h1.entry-title{
border-bottom: 0px solid #1a1a1a;
}

/*  lien login shop" */
a.account-btn span.btn-text {
    width: 200px;
    margin-left: -111px;
    text-transform: none !important;
    font-size: 10pt;
}

/* efface la ligne en haut, du header */
#masthead, #site-branding {
	border-bottom: 0px solid #1a1a1a;
}

/* efface la ligne en haut dans les pages particulières */
.page-template-default #primary .hentry, .page-fullwidth #primary .hentry, .page-template-no-sidebar #primary .hentry, .error404 #primary .page {
    border-top: 0px solid #1a1a1a;
}


/*
Marge du contenu principale !
.front-section, .singlepost-wrap, .recommended-posts-wrap, .footer-wrap, .big-footer-feature, .slider-on.slider-boxed .featured-content, .headerimg-on.header-boxed .header-image
*/
@media screen and (min-width: 66.250em) {
.blog-wrap {
    margin-left: 34.25%;
    margin-right: 0%;
}
}

/* Taille du texte courrant */
.entry-content p, .entry-content ol, .entry-content ul, .entry-content dl, .big-thumb .entry-header p.intro, .section-one-column-one .type-post .entry-summary, .section-three-column-one .type-post .entry-summary, p.text-small, .single-post .entry-content blockquote cite, .page .entry-content blockquote cite, .entry-content h5, .entry-content h6, address {
    font-size: .95rem;
}


.event{ margin-bottom: 10px;  font-family: ibmp_light; font-size: 10pt; width: 320px; float: left; }
.event_date{margin-left:20px; text-decoration: underline; background-color: white;  }
.event_titre{ font-family: ibmp_ital; font-size: 14pt; margin-top: 5px; background-color: white; }
.event_infos{margin-left:20px; margin-top: 2px; background-color: white;}
.event img {position: absolute; margin-left: 250px; width: 25px; background-color: white;}

/* actu {width: 100%; height: 400px; left: 0;} */
actu { 
width: 8000px;
height: 126px;
left: -50%;
display: block;
margin-left: -339px;
}


#groupes_umlaut { 
position: absolute;
width: 25%;
top: 400px;

left: 73px;
}

#groupes_umlaut ul, #groupes_umlaut li {  list-style-type:none; margin: 0; padding: 0; }
#groupes_umlaut li { background-color:white; display: inline; padding: 1px; line-height: 170%;  }

/*

#artistes_umlaut ul, #artistes_umlaut li {  list-style-type:none; margin:0; display:inline; }
 #artistes_umlaut li {
list-style-type: none;
display:inline-flex;

margin-right: 0px;
margin-bottom: 0px;

width: 150px;
height: 178px;
background-color: aqua;
margin-bottom: 10px;
margin-right: 10px;
}
*/
#artistes_umlaut{margin-top: 10px;}

#artistes_umlaut, #artistes_associes, #groupes_umlau{
}

/* SOUS TITRE H2 */
#artistes_umlaut h2, #artistes_associes h2, #groupes_umlaut h2, #id-2988 h2, #id-2985 h2{
font-family: ibmp_ital; font-size: 14pt; margin-top: 30px; background-color: white ; display:block;
}

.nom_artiste {
position: absolute;
width: 160px;
}
.img_artiste{width: 170px;}

.vignettes {
display: inline-block;
width: 180px;
height: 165px;
margin-right: 10px;
margin-top: 20px;
margin-bottom: 20px;

}
.margin_top {margin-top: 30px;}






/* PAGE ARTISTE --------------------------------------------------------- */

.titre_artiste h1 {margin-bottom: 0px; margin-left: 34.25%; word-spacing: 100vw; }




article actu {margin-left: 0px; margin-top: 40px; position: absolute; }



#img_artiste img { width: 530px; margin-bottom: 30px; }

/* text de crédit à côté de l'image */
#img_artiste p{
transform-origin: 0px 0px;
transform: rotate(-90deg);
position: absolute;
background-color: #fff;
margin-left: 535px;
font-size: 8pt;
margin-top: -34px;
}

.marge_gauche{ /* margin-left: 34.25%; */}

#bloc_artiste { /* background-color:#ad74a2bf; */ margin-left: 34.25%; margin-top: 60px; padding-bottom: 220px; }

.titre_artiste {margin-top: 100px; }


/*  marge spécial en haut de la page umlaut */

.marge_txt_umlaut {
height: 10px;
display: block;}


/* Position du footer pour la pgae d'accueil */
.footer_absolut {
z-index: 100;
position: absolute;
bottom: 0px;
width: 100%;
}

/* rollover image produits */
#liste_publications ul li a:hover {
    background-color: white !important;
	color:#000;
}