/* Layout ********************************************************************************************************/ body { font-size:15px; overflow-x: hidden; } /* Descendants of #container */ .wrap, #header > .wrap, #main > .wrap, #widget-front-une> .wrap, #widget-front-zooms> .wrap, #widget-front-artistes > .wrap , #widget-projets > .wrap { margin: 0 auto; box-sizing: border-box; padding-left: 25px; padding-right: 25px; position: relative; } #top > .wrap, #footer > .wrap { margin: 0 auto; box-sizing: border-box; padding-left: 15px; padding-right: 15px; position: relative; } .layout-1c-narrow #container > .wrap, .layout-1c-narrow #main .wrap { max-width: 750px; padding:0 } .layout-1c-narrow #main .wrap #content{ text-align:center; padding:30px } /* Colonnes */ .col-2, .col-3,.col-4,.col-5,.col-6 { position:relative; margin-bottom:30px} .col-2.last, .col-3.last,.col-4.last,.col-5.last,.col-6.last { margin-bottom:0} /* TOP ********************************************************************************************************/ #top { position:relative; text-align:center; margin-bottom:30px } #top>.wrap { overflow:hidden; padding-top:15px; } #top .widget, #top ul { margin:0 0 0 20px} #triangle-top { width: 0; height: 0; border-top: 200px solid; border-left: 1950px solid transparent; position:absolute; top:0; right:0} /* Social menu */ #menu-social { display:inline-block; margin-left:10px; margin-bottom:10px} .entry-socials{ font-size:16px; line-height:20px; margin-bottom:35px; padding: 15px; text-align:center } #menu-social ul { list-style: none; margin: 0; } #main .entry-socials ul { list-style: none; margin: 0 0 0 -20px; } #menu-social ul li { display: inline-block; margin:0 0 0 5px; } .entry-socials ul li { display: inline-block; margin:0 0 0 20px; } #menu-social li a, .entry-socials li a { position: relative; display: block; text-decoration: none; line-height:25px; } #menu-social li a::before { font-size:24px!important;line-height:25px!important; color:#FFF; display: block } .entry-socials li a::before { font-size:30px!important;line-height:30px!important; color:#FFF; display: block } #menu-social li a:hover, .entry-socials li a:hover { opacity: 0.75; } /* Newsletter + Home menu */ #menu-home, #menu-news { display:inline-block; margin-left:8px; margin-bottom:10px} #menu-news { margin-left:0px} #menu-home ul, #menu-news ul { list-style: none; margin: 0; } #menu-home ul li, #menu-news ul li { display: inline-block; margin:0 0 0 5px; } #menu-home li a, #menu-news li a { position: relative; display: inline-block; text-decoration: none; line-height:25px } #menu-home li a::after { font-size:30px!important;line-height:25px!important; color:#FFF; margin-left:5px } #menu-home li a:hover, #menu-news li a:hover { opacity: 0.75; } #top .search-form {display:inline-block; margin-left:12px; margin-bottom:10px } #top .search-form label span{ margin-right:5px} #top .search-form input[type="search"] { line-height:23px; font-size:12px; padding: 0 3px; } #top .search-form input[type="submit"] { display:none} /* HEADER ********************************************************************************************************/ #header { position: relative; text-align:center } #branding { position: relative; width:240px; max-width:100%; margin:0 auto } .custom-logo{ display:block} #site-title { margin: 0; padding: 0; font-size: 2.125rem; border: none; } #site-title a:hover, #site-title a:focus { text-decoration: none; opacity: 0.75; border-bottom: 1px solid; } #site-description { padding: 0; font-size: 1.125rem; font-weight: 400; border: none; opacity: 0.5; } #menu-main-menu { margin: 25px 0 55px 0; text-align:center} #menu-main-menu>ul { list-style:none; margin:0; display: inline-block; } #menu-main-menu li { position: relative; } #menu-main-menu>ul>li { margin-left:-17px} #menu-main-menu li a { font-size: 19px; line-height:20px; text-transform: uppercase; text-decoration:none; display: block; margin: 0; padding: 4px 4px 6px 6px; width:auto;} #menu-main-menu li.current_page_item > a::after, #menu-main-menu li.current-menu-ancestor > a::after, #menu-main-menu li.current-menu-parent > a::after, #menu-main-menu li.current_page_ancestor > a::after , #menu-main-menu li.current_page_parent > a::after , .cat-festival.singular-event #menu-main-menu li.menu-item-1095> a::after , .cat-saison.singular-event #menu-main-menu li.menu-item-1096> a::after , .singular-projet #menu-main-menu li.menu-item-1097> a::after { content: '\f431'; display: inline-block; margin: -2px 0 0; font: normal 14px/1 'Genericons'; vertical-align: middle; -webkit-font-smoothing: antialiased; padding-left:3px; } #menu-main-menu li > a:only-child::after { content: ''; } #menu-main-menu ul ul { margin:0; max-height:0; overflow:hidden ;visibility:hidden; position:static; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; } #menu-main-menu li.current_page_item > ul, #menu-main-menu li.current-menu-ancestor > ul, #menu-main-menu li.current-menu-parent > ul, .cat-festival.singular-event #menu-main-menu li.menu-item-1095>ul, .cat-saison.singular-event #menu-main-menu li.menu-item-1096>ul, .singular-projet #menu-main-menu li.menu-item-1097>ul { max-height:1000px;visibility: visible; padding-bottom:10px; } #menu-main-menu li li { margin-left: 0; display:block; } #menu-main-menu li li:first-child a { border-top: 0 } #menu-main-menu li li a { position: relative; padding:5px 10px; font-size: 15px; line-height: 20px; border-top: 1px solid; } .menu-toggle{ display: none} /*#menu-main-menu #menu-item-1251 {display: none;} temporaire: on masque la boutique dans le menu */ /* MAIN ********************************************************************************************************/ .main { padding: 0; word-wrap: break-word; word-break: normal; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } .main, .content { position:relative } .page-template-programmations .main, .archive-event .main, .taxonomy-event-tag .main { background-color:#e2e2e2; padding-bottom:50px; margin-bottom:-50px; } .page-template-programmations .main>article>.wrap, .archive-event #content , .taxonomy-event-tag #content { margin-top:-40px } #content{ } /* Make sure sidebar doesn't appear in customizer. */ .layout-1c #sidebar-right, .layout-1c-narrow #sidebar-right { display: none; } .singular-post #sidebar-right, .singular-event #sidebar-right, .archive-event #sidebar-right, .taxonomy-event-tag #sidebar-right, .singular-projet #sidebar-right, .search #sidebar-right { display: block; } /* FOOTER ********************************************************************************************************/ #footer { overflow: hidden; padding: 0; font-size:15px; text-align: center; text-transform:uppercase; position:relative; } #triangle-footer { width: 0; height: 0; border-bottom: 100px solid #000; border-right: 1950px solid transparent; position:absolute; bottom:0; left:0} #footer, #footer a { text-decoration:none} #footer ul { margin:60px 0 20px 0} #footer ul li { line-height:20px; display:inline-block; margin-left:10px} #footer ul li:first-child { margin-left:0} /* Pages ********************************************************************************************************/ .singular-event .entry-intro { font-size:16px; line-height:20px} /* Pages Infos */ .page-template-informations #content { } #main ul.infos-venues { list-style:none; margin:0 0 30px 0} /* Pages Billetteries */ .page-template-informations .gutter, .page-template-2cols .gutter{ display: none} /* Pages Partenaires */ .page-partenaires #content, .archive-partenaire #content { text-align:center;} #main ul.partenaires {margin-left:0} #main ul.partenaires li { display:inline-block; margin: 0 0 35px 0} #main ul#partenaires-accueil li { width:21%; } #main ul#partenaires-projet li { width:21%; display:inline-block; margin: 0 0 5px 2.5%} .page-partenaires .entry-medias, .archive-partenaire .entry-medias, ul#partenaires-projet .entry-medias, ul#partenaires-accueil .entry-medias { min-width:100%;width:100%;display:flex; align-items:center; justify-content:center; } .page-partenaires .entry-medias img, .archive-partenaire .entry-medias img, ul#partenaires-projet .entry-medias img { max-height:100%; width:auto; } .page-partenaires .entry-header, .archive-partenaire .entry-header{ height:60px; } /* Archive Artistes */ .archive-artiste #content ul { list-style:none; margin :0} .archive-artiste #content>ul { } .archive-artiste #content ul li { margin-bottom:0; line-height:19px } .archive-artiste #content ul ul li:last-of-type {margin-bottom:25px} .archive-artiste #content>ul>li { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; display:block; float:left; width:100% } /* Single Artiste */ #slideshow-artiste { margin-bottom:30px; overflow:hidden} #slideshow-artiste>a { display:block; background:#000; width:100%} #slideshow-artiste>a img { margin-bottom:0} .singular-artiste .col-2 .entry-medias{ margin-top:-20px } .singular-artiste .col-2 .button, .singular-projet aside .button, .singular-post aside .button, .blog aside .button, /* et en attntadant la mise en prod ... */ .page-template-temp-home-blog aside .button { margin-bottom: 30px; display:block; } /* Single Projet */ .singular-projet aside .entry-medias { position: relative; overflow:hidden; } /* Agenda */ #main ul.eo-events { margin:0; padding:0; list-style:none; text-align:left} #main ul.eo-events li { position:relative; margin-bottom:40px; } #main ul.eo-events li img { display:block; margin:0; min-width: 100%;width: 100%; height: auto} #main ul#eo-events-programmations li { background-color:#FFF} #main ul#eo-events-programmations li.eo-event-past { opacity:0.6} #main ul#eo-events-programmations .entry-medias a { display:block; overflow:hidden} #main ul#eo-events-programmations .entry-medias a:hover img { -ms-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05); } #main ul#eo-events-programmations .entry-content { padding:15px 10px 10px 10px; text-align:center} #main ul#eo-events-programmations .entry-summary { font-size:16px; height:60px; min-height:60px; overflow:hidden; margin-bottom:30px; line-height:1.3} #main ul#eo-events-programmations .entry-summary p { margin-bottom:0} #main ul#eo-events-programmations .entry-venue { text-transform:uppercase; margin-bottom:10px} #main ul#eo-events-programmations span.buttonspan {font-family: 'Isidora-Medium', Arial, Helvetica, sans-serif; padding:0 20px 2px 20px; margin-bottom:10px} /* Cross links between saisons */ .saison-reference-link { text-align: center; } /* Collection no slideshow */ #main ul.collection{ margin:0; padding:0; list-style:none} #main ul.collection.page-playlists{ margin-top:40px} #main ul.collection li , ul.collection li { margin-bottom:30px; position:relative} #main .title ul.collection{ margin:20px 0 0 0; padding:0; list-style:none} #main .title ul.collection li , ul.collection li { margin-bottom:0; } .collection li .entry-medias { position:relative} .collection li .entry-medias img { display:block; margin:0; min-width:100%} .entry-hover .entry-summary a.button { font-style:normal } a.play-youtube, a.play-deezer, a.play-spotify, a.play-qobuz, a.play-apple, a.play-amazon, a.play-soundcloud { display:inline-block; width:50px; height:50px; background-size: contain; margin:0 3px; border:none!important; } a.play-youtube:hover, a.play-deezer:hover, a.play-spotify:hover, a.play-qobuz:hover, a.play-apple:hover, a.play-amazon:hover, a.play-soundcloud:hover { opacity:0.8} a.play-youtube { background:url(../images/youtube-logo.png) no-repeat center center; background-size: contain } a.play-deezer { background:url(../images/deezer-logo.png) no-repeat center center; background-size: contain } a.play-spotify { background:url(../images/spotify-logo.png) no-repeat center center; background-size: contain } a.play-qobuz { background:url(../images/qobuz-logo.png) no-repeat center center; background-size: contain } a.play-apple { background:url(../images/apple-logo.png) no-repeat center center; background-size: contain } a.play-amazon { background:url(../images/amazon-logo.png) no-repeat center center; background-size: contain } a.play-soundcloud { background:url(../images/soundcloud-logo.png) no-repeat center center; background-size: contain } .yotu-videos { margin-left: -25px; margin-right:-25px; margin-bottom:30px} /* Collection Slideshow */ .cycle-slideshow.collection {margin: 20px 0 0 -30px; padding:0 120px 0 0; } .cycle-slideshow.collection li { margin-left:30px;margin-bottom:0;} /* Collection Carousel Singular pages */ .singular-projet #main ul.collection { margin: 0 0 35px -5px; padding:0 20px 0 0; } .singular-projet #main ul.collection li{ float: none; margin-left:5px; width: auto} /* Presse */ #main ul.presse { margin:0 0 0 -2.857142857142857%; list-style:none } #main ul.presse li{ float: left; width:22.22222222222222%; margin-left:2.777777777777778%; margin-bottom:20px} #main ul.presse li .entry-medias{ position:relative; } #main ul.presse li img{ display:block; margin:0; } /* Blog: Home & Category */ .fiche-actu-blog .entry-medias img { width: 100%; margin-bottom: 0; } .fiche-actu-blog .date-parution, .fiche-actu-blog .cat-listing { display: block; margin-right: 10px; } .fiche-actu-blog .entry-medias a { height: 0; padding-bottom: 71%; overflow: hidden; } /* Blog: Single */ .singular-post #main { padding-top: 20px;} /************* à ranger ensuite */ .content .cat-listing li, .cat-listing li a, aside .cat-item a{ display: inline-block; margin-right: 2px; } .singular-post aside .cat-item, aside .cat-listing li { list-style: none; display:block; } .fiche-actu-blog .cat-listing li, .singular-post aside .tag-item { list-style: none; display: inline-block; margin-right: 10px; } .tag-listing li, .tag-listing li a, aside .tag-item a { display: inline-block; margin-right: 2px; } @media screen and (min-width: 1028px) { .singular-post .entry {overflow: visible;} .singular-post .entry-header {position: relative;} .singular-post .entry-header figure {position: absolute; top: 30px; right: -57.8999%; width: 50%; display: block; height: 0; padding-bottom: 35.5%; overflow: hidden;} .singular-post aside { margin-top: 27%; margin-top: calc(22.6666% + 60px); } .singular-post aside .cat-item { display: block; } .singular-post aside .tag-item { display: block; } } .singular-post .entry-header img {width: 100%;} .singular-post #main .entry-footer ul, .singular-post .entry-footer a { margin-left: 5px; } /* Sidebars and Widgets ********************************************************************************************************/ .sidebar { } .widget { margin: 0 0 30px 0; padding: 0; position:relative } .widget-cats-artistes, .widget-tags-artistes, aside .bloc-liste-tags, aside .bloc-liste-cats, aside .bloc-liste-icones { padding:20px 15px; } .widget-cats-artistes .entry { padding:5px 0; } .widget-cats-artistes .entry.past { opacity:0.4; } .widget-cats-artistes .entry.past:hover, .widget-cats-artistes .entry.current { opacity:1; } .widget-cats-artistes .entry>a { text-decoration:none; } .widget-cats-artistes .entry-date { margin-top:5px } .widget-collabs{ padding:20px 15px; text-align:center} #main .widget-collabs ul { margin-left:0; margin-bottom:0} .widget-collabs li { display: block} .widget-collabs li a { display:inline-block} .widget-collabs li:before { content:"•"; vertical-align: text-top; margin-right:5px; display:inline-block; margin-top:-5px} #widget-front-artistes{padding:35px 0 50px 0 } .singular-projet #widget-projets , .home #widget-front-artistes{padding:35px 0 90px 0 } .singular-projet #widget-projets , .home #widget-front-artistes{ margin-bottom:-110px;} .widget-front-partenaires{ text-align:center} #widget-front-artistes ul#front-artistes { margin:0 0 0 -1.904761904761905%; list-style:none} #widget-front-artistes ul#front-artistes li { position:relative; float: left; width:18.13084112149533%; margin-left:1.869158878504673%; margin-bottom:20px} #widget-front-artistes ul#front-artistes li .entry-medias { position:relative; } #widget-front-artistes ul#front-artistes li .entry-medias img{ display:block; } #widget-zooms article { margin-bottom:30px; overflow:visible} #widget-zooms article img, #widget-zooms article .embed-wrap { margin-bottom:0} #widget-front-une{ padding:0} #slideshow-accueil{ } #slideshow-accueil .entry{ opacity:0; overflow: visible; -webkit-transition: all 0.8s; -moz-transition: all 0.8s; transition: all 0.8s;} #slideshow-accueil img { display:block; margin-bottom:0} /* pager */ .cycle-pager { text-align: center; width: 100%; z-index: 1000; position: absolute; bottom:0; overflow: hidden; } .cycle-pager span { font-size: 30px; display: inline-block;cursor: pointer; margin-right:5px } .cycle-pager > * { cursor: pointer;} .collection-slideshow { position:relative} .cycle-prev, .cycle-next { text-align: center; z-index: 1000; position: absolute; top:calc(50% - 50px); overflow: hidden; cursor:pointer } .cycle-prev { left:0 } .cycle-next { right:0 } .collection-slideshow .cycle-prev, #widget-projets .cycle-prev { left:-80px } .collection-slideshow .cycle-next, #widget-projets .cycle-next { right:-80px } .cycle-prev:after, .cycle-next:after { content: '\f431'; display: inline-block; margin:0; font: normal 70px/1 'Genericons'; color:#D00C1E;/* original: #d72245;*/ vertical-align: middle; -webkit-font-smoothing: antialiased; transform: rotate(90deg); } .cycle-next:after {transform: rotate(-90deg); } /*.appel-achat .entry:last-of-type{ text-align:center; }*/ .home .content .entry { text-align:center; } .home .content .entry img { aspect-ratio: 3 / 2; object-fit: cover; } #widget-front-zooms{ } #widget-front-zooms article { margin-bottom:50px; overflow:visible; } #widget-front-zooms img, #widget-front-zooms .embed-wrap {margin :0; display:block} #slideshow-zoom { overflow:hidden; z-index:99} #widget-front-agenda article { margin-bottom:0; margin-left:-12.5%; padding: 5px 5px 5px 12.5%;} /* Captions */ .wp-caption { max-width: 100%; height:0; } .singular-post .content .wp-caption { height: initial; position: relative;} .wp-caption .wp-caption-text { position: absolute; bottom:0; padding: 4px 35px 6px 25px; left:-20px; height:25px; margin:0; z-index:1000 } #slideshow-accueil .wp-caption .wp-caption-text { bottom:10px; left:auto; right:-30px; text-align:right } header.title .wp-caption .wp-caption-text { bottom:10px; left:auto; right:-30px; text-align:right } #widget-zooms .wp-caption .wp-caption-text { bottom:10px; left:auto; right:-30px; text-align:right } .wp-caption .wp-caption-text:before{ position:absolute;content:"";bottom:35px; width: 0; height: 0; border-style: solid; border-width: 0 0 15px 20px; border-color: transparent transparent #d72246 transparent; left:0px; } header.title .wp-caption .wp-caption-text:before, #slideshow-accueil .wp-caption .wp-caption-text:before, #widget-zooms .wp-caption .wp-caption-text:before{ display:none} header.title .wp-caption .wp-caption-text:after, #slideshow-accueil .wp-caption .wp-caption-text:after, #widget-zooms .wp-caption .wp-caption-text:after{position:absolute;content:"";bottom:35px; width: 0; height: 0; border-style: solid;border-width: 25px 0 0 30px; border-color: transparent transparent transparent #D00C1E;/* original: #d72246;*/ right:0px; } .singular-post .content .wp-caption .wp-caption-text { position: relative; left: 0; padding: 0 10px; background: none; color: #D00C1E;/* original: #d72245;*/ font-style: italic; font-size: 13px; height: auto; text-align: center; } .singular-post .content .wp-caption .wp-caption-text:before { display: none; }