/* Theme Name: Festival Emergences Author: Nicolas Derambure (Labomedia) Author URI: http://labomedia.org Description: Theme du Festival Emergences Version: 1.1.0 License: GNU General Public License License URI: license.txt */ /*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */ progress,sub,sup{vertical-align:baseline}button,hr,input{overflow:visible}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}button,input,select,textarea{font:inherit;margin:0}optgroup{font-weight:700}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit} /* ======================= * MOBILE FIRST * ======================= */ /* General */ * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } html { background: url(images/bg.png) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .alignleft { float: left; } .alignright { float: right; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } /* Responsive images/embeds */ .entry-content img, .event-galleries img, .actcul-galleries img, .comment-content img, .widget img, .pf-acdeon-content img {max-width:100%} figure {max-width:100% !important} img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"] {height:auto} img.size-full, img.size-large, img.header-image, img.wp-post-image {max-width:100%; height:auto} img.alignleft, .wp-caption.alignleft, img.alignright, .wp-caption.alignright {margin:0 0 1em} img.aligncenter {margin:1em auto} img.alignnone {margin:1em 0} .wp-caption .wp-caption-text, .gallery-caption {margin:0; padding:5px 0 0; font-size:12px; line-height:18px; font-style:italic; font-weight:300; color:#220e10; text-align:center} div.wp-caption {max-width:368px !important} embed, iframe, object, video { max-width: 100%; } video { width: 100% !important; height: auto !important; } .fluid-width-video-wrapper { margin-bottom:1em; } #primary iframe[src^="https://w.soundcloud.com/player/"] {margin-bottom:16px; width:100% !important} /* Override the Twitter embed fixed width. */ .entry-content .twitter-tweet-rendered { max-width: 100% !important; } img.wp-smiley, .rsswidget img { border: 0; border-radius: 0; box-shadow: none; margin-bottom: 0; margin-top: 0; padding: 0; } .wp-caption.alignleft + ul, .wp-caption.alignleft + ol { list-style-position: inside; } /* Assistive text */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-weight: bold; height: auto; line-height: normal; padding: 15px 23px 14px; position: absolute; left: 5px; top: 5px; text-decoration: none; width: auto; z-index: 100000; /* Above WP toolbar */ } /* Fonts */ /*@font-face { font-family: 'bebas_neueregular'; src: url('fonts/bebas-neue-fontfacekit/BebasNeue-webfont.eot'); src: url('fonts/bebas-neue-fontfacekit/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/bebas-neue-fontfacekit/BebasNeue-webfont.woff') format('woff'), url('fonts/bebas-neue-fontfacekit/BebasNeue-webfont.ttf') format('truetype'), url('fonts/bebas-neue-fontfacekit/BebasNeue-webfont.svg#bebas_neueregular') format('svg'); font-weight: normal; font-style: normal; }*/ @font-face { font-family: 'texgyreadventorregular'; src: url('fonts/texgyreadventor_regular_macroman/texgyreadventor-regular-webfont.eot'); src: url('fonts/texgyreadventor_regular_macroman/texgyreadventor-regular-webfont.eot%3F') format('embedded-opentype'), url('fonts/texgyreadventor_regular_macroman/texgyreadventor-regular-webfont.woff') format('woff'), url('fonts/texgyreadventor_regular_macroman/texgyreadventor-regular-webfont.ttf') format('truetype'), url('fonts/texgyreadventor_regular_macroman/texgyreadventor-regular-webfont.svg') format('svg'); font-weight: normal; font-style: normal; } /* General */ body {font-family:'Open Sans', Helvetica, sans-serif; font-size:16px; line-height:22px; font-weight:400;} strong {font-weight:600} a:link, a:visited {color:#00989A; text-decoration:none} a:hover, a:active, a:focus {color:#000; text-decoration:none} #masthead {max-width:940px; margin:0 auto; padding-top:16px;} .site-main {margin-top:24px; min-height:110px;} .main-inner {position:relative; max-width:940px; margin:0 auto;} h1, h2, h3, h4, #site-navigation, .event-in-list, .head-thumb .event-full, .single-event .event-meta, .menu-footer {font-family:'texgyreadventorregular'; font-weight:normal; text-transform:uppercase} /* COMMONS */ .hentry {margin:0 auto} .entry-header {margin-bottom:24px} .entry-title {margin:0; padding:6px; font-size:28px; line-height:34px; font-weight:normal; color:#fff; background:#00989A; text-align:center} .entry-content {background:#fff;} .entry-content-inner {max-width:768px; margin:0 auto; padding:1px 16px;} .entry-content {font-size:14px; line-height:22px} .entry-content h2 {font-size:28px; line-height:32px; color:#868686} .entry-content h3 {font-size:24px; line-height:28px; color:#868686} .gallery {margin-top:16px} .gallery:before, .gallery:after {content:" "; display:table} .gallery:after {clear:both} .gallery {*zoom:1} .gallery .gallery-item {float:left; margin:0 0 16px; padding:0 8px; text-align:center} .gallery .gallery-item img {display:inline; max-width:100%} .excerpt-more-link {padding:0 5px; font-size:12px; font-weight:300; font-style:italic; color:#fff; background:#00989A} a:hover .excerpt-more-link, a:active .excerpt-more-link, a:focus .excerpt-more-link, .excerpt-more-link:hover, .excerpt-more-link:active, .excerpt-more-link:focus {color:#fff; background:#000} /* Header */ .head-title-desc {position:relative;} .site-title {margin:0; padding:0;} .site-title a {display:block;} .site-title img {max-width:100%; height:auto;} .head-orgas {margin:16px 0 0; padding:0; list-style:none;} .head-orgas a {display:block;} .head-orgas img {display:block; margin:0 auto; max-width:100%; height:auto;} #site-navigation {position:relative} #site-navigation .menu-principal a {transition:background .2s, color .2s;} .fe-page-fbk a {display:block; width:38px; height:38px; background:url(images/sprites.png) 12px 7px no-repeat; transition:background .2s} .fe-page-fbk a:link, .fe-page-fbk a:visited {background-color:#00989A} .fe-page-fbk a:hover, .fe-page-fbk a:active, .fe-page-fbk a:focus {background-color:#000} /* Home */ .fe-home-page-featured a {position:relative; display:block; max-width:940px; margin:0 auto;} .fe-home-page-featured h1 {position:absolute; top:16px; left:7px; margin:0; font-size:26px; line-height:32px;} .fe-home-page-featured span {padding:4px 0; color:#fff; transition:background .2s, box-shadow .2s;} .fe-home-page-featured a:link span, .fe-home-page-featured a:visited span {background:rgba(0,152,154, 0.75); box-shadow:7px 0 0 0 rgba(0,152,154, 0.75),-7px 0 0 0 rgba(0,152,154, 0.75)} .fe-home-page-featured a:hover span, .fe-home-page-featured a:active span, .fe-home-page-featured a:focus span {background:rgba(134, 134, 134, 0.75); box-shadow:7px 0 0 0 rgba(134, 134, 134, 0.75),-7px 0 0 0 rgba(134, 134, 134, 0.75);} .events-list-wrapper {margin-top:24px} .event-in-list {margin:0 0 24px} .event-in-list a {position:relative; display:block; padding:10px 10px 40px; background:#fff} .event-in-list .event-date-thumb {position:relative} .event-in-list .event-date-thumb p {margin:0} .event-in-list img {display:block} .event-in-list .event-date {position:absolute; bottom:10px; left:0} .event-in-list .event-date span {padding:2px 0 2px 8px; font-size:16px; line-height:24px} .event-in-list .event-date span {transition:background .2s} .event-in-list .event-title {margin:10px 0 0; font-size:22px; line-height:28px; font-weight:normal} .event-in-list .event-title {transition:color .2s} .event-in-list .event-full {position:absolute; top:0; left:0; margin:0; width:130px; height:130px; overflow:hidden; text-align:center} .event-in-list .event-full-txt {position:absolute; top:38px; left:-44px; padding:5px 0; width:190px; font-size:20px; line-height:20px; color:#fff; background:#00989A; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg)} .event-in-list footer {position:absolute; bottom:0; left:0; right:0; height:30px; font-size:14px; line-height:30px; color:#fff} .event-in-list .event-note {margin:0; padding-left:10px; background:#000} .event-in-list .event-more {position:absolute; right:0; top:0; bottom:0; width:30px; height:30px; border-top-left-radius:50%; border-top-right-radius:50%; border-bottom-left-radius:50%} .event-in-list .event-more {transition:background .2s} .event-in-list a:link .event-title, .event-in-list a:visited .event-title {color:#00989A} .event-in-list a:hover .event-title, .event-in-list a:active .event-title, .event-in-list a:focus .event-title {color:#868686} .event-in-list a:link .event-date span, .event-in-list a:visited .event-date span {background:#00989A; color:#fff; box-shadow:7px 0 0 0 #00989A,-7px 0 0 0 #fff} .event-in-list a:hover .event-date span, .event-in-list a:active .event-date span, .event-in-list a:focus .event-date span {background:#868686; color:#fff; box-shadow:7px 0 0 0 #868686,-7px 0 0 0 #fff} .event-in-list a:link .event-more, .event-in-list a:visited .event-more {color:#fff; background:#00989A url(images/sprites.png) 10px -113px no-repeat} .event-in-list a:hover .event-more, .event-in-list a:active .event-more, .event-in-list a:focus .event-more {color:#fff; background:#868686 url(images/sprites.png) 10px -113px no-repeat} /* Singe Event */ .head-thumb {overflow:hidden; margin-bottom:24px; padding:0 10px} .head-thumb div {position:relative; margin:0 auto; max-width:940px} .head-thumb img {display:block} .head-thumb .event-full {position:absolute; top:0; left:0; margin:0; width:200px; height:130px; overflow:hidden; text-align:center} .head-thumb .event-full-txt {position:absolute; top:38px; left:-44px; padding:5px 0; width:190px; font-size:20px; line-height:20px; color:#fff; background:#00989A; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg)} .single-event .event-meta, .single-event .event-galleries {margin-bottom:16px; background:#fff} .single-event .event-meta {margin-top:16px; padding:10px; font-size:20px; line-height:24px; text-align:center} .single-event .event-meta1 {padding-bottom:10px} .single-event .event-meta p {margin:0 0 6px} .single-event .event-date {font-size:24px; line-height:28px} .single-event .event-note {color:#00989A} .single-event .event-meta .event-buy {margin:10px 0 2px} .single-event .event-buy a {display:inline-block; padding:5px 8px} .single-event .event-buy a {transition:background .2s} .single-event .event-buy a:link, .single-event .event-buy a:visited {color:#fff; background:#00989A} .single-event .event-buy a:hover, .single-event .event-buy a:active, .single-event .event-buy a:focus {color:#fff; background:#000} /* Partner List */ .partners-list-wrapper {margin:16px 0 0} .partners-list {margin:0 auto; padding:0; list-style:none} .partners-list li {float:left; margin-bottom:16px} /* Icons sharer */ .social-sharers {margin:16px 0} .social-sharers ul {margin:0; padding:0; list-style:none; text-align:right} .social-sharers li {display:inline-block} .social-sharers a {display:block; margin:0 0 0 8px; font-size:14px; line-height:36px; color:#fff; transition:background .2s} .social-sharers a.social-sharer-fbk {padding:0 8px 0 40px; background:url(images/sprites.png) 13px 6px no-repeat} .social-sharers a.social-sharer-twt {padding:0 8px 0 50px; background:url(images/sprites.png) 10px -48px no-repeat} .social-sharers a:link, .social-sharers a:visited {background-color:#00989A} .social-sharers a:hover, .social-sharers a:active, .social-sharers a:focus {background-color:#868686} /* Footer */ #colophon {margin:32px 0 0; padding:0 0 80px} .menu-footer {margin:0; padding:0; list-style:none; text-align:center} .menu-footer li {display:inline} .menu-footer li a {padding:0 7px; font-size:18px; line-height:18px} .menu-footer li a {transition:color .2s} .menu-footer li a:link, .menu-footer li a:visited {color:#00989A} .menu-footer li a:hover, .menu-footer li a:active, .menu-footer li a:focus {color:#868686} /* -------------- Width <= 549px ---------------*/ @media screen and (max-width: 549px) { /* Single Event */ .head-thumb .event-full-txt {top:20px; left:-51px; width:200px; -webkit-transform:rotate(-30deg); -ms-transform:rotate(-30deg); transform:rotate(-30deg)} } /* --------------------- Width <= 767px --------------------- */ @media screen and (max-width: 767px) { /* General */ #masthead {max-width:420px; padding:16px 10px 0} .main-inner {max-width:420px; padding:0 10px} /* COMMONS */ .gallery .gallery-item {width:50%} .gallery .gallery-item:nth-child(2n+1) {clear:left} figure.alignright, figure.aignleft, img.alignright, img.alignleft {float:none} /* Header */ #site-navigation {margin-top:16px;} #site-navigation .menu-toggle {margin:0; font-weight:normal; text-align:center} #site-navigation .menu-toggle span {display:inline-block; padding:0 12px; font-size:20px; line-height:36px; text-transform:uppercase; color:#fff; background-color:#00989A; cursor:pointer} #site-navigation .menu-toggle span {transition:background .2s} #site-navigation .menu-toggle span:hover, #site-navigation .menu-toggle span.toggled-on {background-color:#868686} #site-navigation .menu-principal {display:none; margin:0; padding:0; list-style:none} #site-navigation ul.toggled-on {display:block} #site-navigation .menu-principal li {border-bottom:1px solid #868686} #site-navigation .menu-principal a {display:block; padding:8px 10px; font-size:20px; line-height:28px; text-transform:uppercase} #site-navigation .menu-principal a:link, #site-navigation .menu-principal a:visited {background-color:#fff} #site-navigation .menu-principal a:hover, #site-navigation .menu-principal a:active, #site-navigation .menu-principal a:focus {color:#fff; background-color:#868686} #site-navigation .menu-principal .current-menu-item a {color:#fff !important; background-color:#00989A !important} .fe-page-fbk {position:absolute; top:-53px; left:50%; margin:0 0 0 -19px} .fe-page-fbk a {border-radius:50%} .head-orga-pf {float:left; width:25%} .head-orga-jat {float:right; width:30%} /* Home */ .fe-home-page-featured a {max-width:400px} /* Single Event */ .head-thumb div {max-width:400px} /* Partner List */ .partners-list li {width:50%} .partners-list li:nth-child(2n+1) {clear:left; padding-right:8px} .partners-list li:nth-child(2n+2) {padding-left:8px} } /* --------------------- 768px <= Width <= 989px --------------------- */ @media screen and (min-width: 768px) and (max-width: 989px) { /* General */ #masthead {max-width:728px} .main-inner {max-width:728px} /* Home */ .fe-home-page-featured a {max-width:728px} .event-in-list {margin-bottom:16px; width:50%} .event-in-list:nth-child(2n+1) {clear:left; padding-right:8px} .event-in-list:nth-child(2n+2) {padding-left:8px} .event-in-list a {height:356px} /* Single Event */ .head-thumb div {max-width:728px} .event-meta1 {width:465px} .event-meta2 {width:230px} /* Partner List */ .partners-list {margin-right:-16px} .partners-list li {width:20%; padding-right:16px} .partners-list li:nth-child(5n+1) {clear:left} } /* --------------------- 450px <= Width --------------------- */ @media screen and (min-width: 450px) { /* Home */ .fe-home-page-featured h1 {font-size:36px; line-height:42px} } /* --------------------- 768px <= Width --------------------- */ @media screen and (min-width: 768px) { /* General */ .site-main {margin-top:32px} .entry-content {line-height:28px} /* COMMONS */ img.alignleft, .wp-caption.alignleft {margin:5px 20px 5px 0} img.alignright, .wp-caption.alignright {margin:5px 0 5px 20px} .alignleft.size-medium, .alignright.size-medium, .alignleft .size-medium, .alignright .size-medium {max-width:368px} .gallery figure {width:25%} .gallery figure:nth-child(4n+1) {clear:left} /* Header */ .head-orgas {margin:-16px 0 0;} .head-orgas li {float:right; margin-left:20px;} #site-navigation {margin:24px 0} #site-navigation .menu-toggle {display:none;} #site-navigation .menu-principal {position:relative; margin:0; padding:0; list-style:none; background-color:#eee;} #site-navigation .menu-principal li {display:inline-block;} #site-navigation .menu-principal a {display:block; padding:0 12px; font-size:20px; line-height:38px;} #site-navigation .menu-principal a:link, #site-navigation .menu-principal a:visited {color:#00989A;} #site-navigation .menu-principal a:hover, #site-navigation .menu-principal a:active, #site-navigation .menu-principal a:focus, #site-navigation .menu-principal .current-menu-item a {color:#fff; background:#00989A;} .fe-page-fbk {position:absolute; top:0; right:0; margin:0} /* Home */ .fe-home-page-featured h1 {top:32px} .event-in-list {float:left} .event-in-list a {overflow:hidden} .event-in-list .event-title {overflow:hidden; height:112px} /* Single Event */ .head-thumb .event-full {height:170px} .head-thumb .event-full-txt {left:-52px; width:220px; font-size:28px; line-height:28px} .single-event .event-meta {padding:16px} .single-event .event-meta-inner {margin:0 auto; max-width:728px} .single-event .event-meta1 {float:left; text-align:left} .single-event .event-meta2 {float:right; padding-top:2px; text-align:right} } /* --------------------- 768px <= Width --------------------- */ @media screen and (min-width: 768px) and (max-width: 989px) { /** * COMMONS */ /* Header */ #site-navigation .menu-principal a {font-size:19px} } /* --------------------- 990px <= Width --------------------- */ @media screen and (min-width: 990px) { /* Home */ .events-list {margin-right:-16px;} .event-in-list {margin-bottom:16px; padding-right:16px; width:33.333333%} .event-in-list:nth-child(3n+1) {clear:left} .event-in-list a {height:316px} /* Single Event */ .event-meta1 {width:495px} .event-meta2 {width:230px} /* Partner List */ .partners-list {margin-right:-16px} .partners-list li {width:16.666666%; padding-right:16px} .partners-list li:nth-child(6n+1) {clear:left} } /* Utils */ .visuallyhidden { position:absolute; overflow:hidden; margin:-1px; padding:0; width:1px; height:1px; border:0; clip: rect(0 0 0 0); } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { position:static; overflow:visible; margin:0; width:auto; height:auto; clip:auto; } .clearfix:before, .clearfix:after { content:" "; display:table; } .clearfix:after { clear:both; } .clearfix { *zoom:1; }