/*
Theme Name: Geometry
Description: A theme by Geometry - Brussels - Visit us at http://www.geometry.be
Author: Geometry
Version: 1.0
*/

/* CSS RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
/* END CSS RESET */

@font-face {
 font-family: MontserratMedium;
 src: url("fonts/MontserratMedium.eot")
}
@font-face {
 font-family: MontserratMedium;
 src: url("fonts/MontserratMedium.ttf")
}
@font-face {
 font-family: MontserratBold;
 src: url("fonts/MontserratBold.eot")
}
@font-face {
 font-family: MontserratBold;
 src: url("fonts/MontserratBold.ttf")
}
@font-face {
 font-family: CanelaDeckRegular;
 src: url("fonts/CanelaDeckRegular.eot")
}
@font-face {
 font-family: CanelaDeckRegular;
 src: url("fonts/CanelaDeckRegular.ttf")
}
@font-face {
 font-family: Oswald;
 src: url("fonts/Oswald.eot")
}
@font-face {
 font-family: Oswald;
 src: url("fonts/Oswald.ttf")
}

/* TYPO */

/* global */
body,
#container {
    font-family: MontserratMedium, sans-serif;
    font-size: 14px;
    line-height: 1.45em;
    color: #000000;
}

/* link */
a {
    color: #000000;
    transition: all 0.1s ease;
}

/* strong */
p strong {
    font-family: MontserratBold, sans-serif;
}

/* menu + h1 */
table.tablesorter thead tr th div,
.more-artistes .next-artistes a,
h1,
nav a {
    font-family: Oswald, sans-serif;
    font-size: 19px;
    line-height: 1.2em;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    padding-bottom: 1.2em;
}

/* footer + bloc artistes + categories + read more + close */
article .close,
article .more,
table.tablesorter tr td,
h2,
.bloc_artiste .titre,
#footer div {
    font-family: Oswald, sans-serif;
    font-size: 13px;
    line-height: 1.45em;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

/* icon */
.fa-2x { 
	font-size: 1.3em !important;
	margin-left: -4px;
}

/* paragraph */
p {
    padding-bottom: 1.2em;
}

/* categorie + Upcoming shows */
.upcomingshows,
.bloc_artiste .categorie {
    font-family: CanelaDeckRegular, serif;
    font-size: 14px;
    line-height: 1.45em;
    letter-spacing: 0.3em;
    text-transform: uppercase;
}

/* infos aurore/geometry */
#footer .infos a,
#footer .infos {
    font-family: MontserratMedium, sans-serif;
    font-size: 9px;
    line-height: 1.2em;
    text-transform: none;
    color: #9e9e9e;
}

/* END TYPO */

#container {
    max-width: 1302px;
    width: calc(100% - 48px);
    padding: 30px 24px 215px 24px;
    margin: 0 auto 0 auto;
    overflow: hidden;
}

.full,
header {
    overflow: hidden;
    padding: 0 6px 0 6px;
}

#logo {
    padding: 30px 35px 60px 35px;
    display: block;
    float: left;
    width: 228px;
    heiht: auto;
}

nav {
    display: block;
    float: left;
    width: calc(100% - 579px - 5%);
    padding: 0 2.5% 0 2.5%;
    margin-top: 92px;
}

nav ul,
nav li {
    display: block;
}

nav li {
    width: 25%;
    float: left;
    text-align: center;
}

nav a {
    text-decoration: none;
    padding-bottom: 22px;
    border-bottom: 1px solid #9e9e9e;
    color: #9e9e9e;
    transition: all 0.1s ease;
}

.page-template-template-former nav li#menu-item-23 a,
.single-artistes nav li#menu-item-23 a,
nav li a:hover,
nav li.current-menu-item a,
nav li.current_page_item a {
    color: #000000;
    border-bottom: 3px solid #000000;
}

#baseline {
    padding: 0;
    display: block;
    float: right;
    margin: 87px 0 0 35px;
    border: 1px solid #000000;
    width: 180px;
    padding: 8px 32px 5px 32px;
}

#footer {
	position: fixed;
    width: 100%;
    padding: 0;
    margin: 0;
    bottom: 0;
    background-color: #ffffff;
}

#footer > div {
    max-width: 1290px;
    width: calc(100% - 60px);
    padding: 0 30px 0 30px;
    margin: 0 auto 0 auto;
    overflow: hidden;
}

#footer > div > div {
    border-top: 1px solid #000000;
    padding: 30px 0 30px 0;
    overflow: hidden;
}

#footer > div > div > div {
    float: left;
}

#footer > div > div > div:nth-child(1) {
	float: right;
    text-align: right;
    width: 50%;
}

#footer > div > div > div:nth-child(2) {
    width: 25%;
}

#footer > div > div > div:nth-child(3) {
    text-align: center;
    width: 25%;
}

#footer > div > div > div:nth-child(2) > div {
    text-align: center;
    display: inline-block;
    padding-left: 35px;
}

.flickity-button,
.flickity-button:hover {
    background: none;
    border: none !important;
    color: transparent !important;
}

.previous {
    background: url("img/prev.png") no-repeat center center !important;
}

.next {
    background: url("img/next.png") no-repeat center center !important;
}

.intro {
    width: calc(50% - 12px);
    padding: 0 6px 0 6px;
    margin: 45px auto 0 auto;
}

.intro h1 {
    text-align: center;
}

/* Bandsintown */

.bit-nav-bar-container {
    display: none !important;
}

/* End Bandsintown */

.carousel-cell img {
    background-position: center center;
    background-size: cover;
    display: block;
}

.bloc_artiste {
    width: calc(25% - 12px);
    padding: 0;
    margin: 0 6px 12px 6px;
    background-color: #ededed;
    position: relative;
    float: left;
}

.bloc_artiste img {
    background-position: center center;
    background-size: cover;
    display: block;
    width: 100%;
    height: auto;
}

.bloc_artiste a {
    display: block;
}

.bloc_artiste > div {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}

.bloc_artiste .titre {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    width: 100%;
}

.bloc_artiste span {
    background-color: #ffffff;
    display: inline-block;
    padding: 8px 12px 8px 12px;
    max-width: 75%;
}

.bloc_artiste .categorie {
    background: none;
    padding: 0;
    cursor: default;
}

.single-artistes.left {
    float: left;
    width: calc(50% - 24px);
    padding: 0 18px 0 6px;
}

.single-artistes.right {
    float: right;
    width: calc(50% - 24px);
    padding: 0 6px 0 18px;
}

.more-artistes {
    padding-top: 3em;
}

.more-artistes .social-artistes {
    float: left;
    width: 75%;
}

.more-artistes .next-artistes {
    float: right;
    width: 25%;
    text-align: right;
}

.more-artistes .next-artistes a {
    color: #9e9e9e;
    display: inline-block;
    padding-top: 10px;
    padding-bottom: 0;
    text-decoration: none;
}

.more-artistes .next-artistes a:hover {
    color: #000000;
}

.embed-container { 
	position: relative; 
	padding-bottom: 56.25%;
	overflow: hidden;
	max-width: 100%;
	height: auto;
} 

.embed-container iframe,
.embed-container object,
.embed-container embed { 
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.videos > div:nth-child(odd) { 
    float: left;
    width: calc(50% - 6px);
    padding: 12px 6px 0 0;
}

.videos > div:nth-child(even) { 
    float: left;
    width: calc(50% - 6px);
    padding: 12px 0 0 6px;
}

#artist-table .date { 
    display: none;
}

.bloc_shows { 
    width: calc(50% - 12px);
    padding: 0 25% 0 25%;
    margin: 0 6px 0 6px;
}

.table-style { 
    background-color: #ededed;
    padding: 20px;
    margin: 25px 0  10px 0;
}

.bloc_shows .table-style { 
    margin: 0;
}

#artist-table { 
    background-color: #ededed;
    width: 100%;
}

table.tablesorter thead tr th {
    background-image: none !important;
    border: none !important;
}

table.tablesorter thead tr th div {
    text-align: left;
}

table.tablesorter tr td a {
	padding-top: 0.4em;
    padding-bottom: 0.4em;
    padding-right: 5%;
}

table.tablesorter thead tr th:first-child div,
table.tablesorter tr td.datedisplay a {
	padding-left: 0.4em !important;
}

table.tablesorter thead tr th:last-child div,
table.tablesorter tr td.country a {
	padding-right: 0.4em !important;
	text-align: right;
}

table.tablesorter tr td.country {
	width: 5%;
}

table.tablesorter tr td.ticket {
    padding-right: 0;
    text-align: right;
}

.displaydelete {
    display: none;
}

.upcomingshows {
    padding-bottom: 1.2em;
    text-align: center;
    border-bottom: 1px solid #000000;
    margin-bottom: 2em;
	margin-right: 0.4em;
	margin-left: 0.4em;
}

table.tablesorter thead tr th {
    cursor: default !important;
}

tr:hover { 
	background: #ffffff; 
}

tr.null:hover,
thead tr:hover { 
	background: none; 
}

td a {
    display: block;
    text-decoration: none;
}

td a.null {
    cursor: default;
}

.table-style.past { 
    padding-top: 0;
}

article .photo { 
    width: calc(25% - 24px);
	padding: 0 18px 0 6px;
    margin-left: 25%;
    float: left;
}

article .content { 
    width: calc(50% - 24px);
    padding: 0 6px 0 18px;
    float: right;
}

article .photo img { 
    width: 100%;
    height: auto;
    background-position: center center;
    background-size: cover;
    display: block;
}

article h2 { 
    padding-bottom: 1.2em;
}

article h1 { 
    padding-bottom: 1.2em;
    padding-top: 0.6em;
    border-top: 1px solid #000000;
}

article .contenu { 
    position: relative;
}

.full-content { 
    height: 0;
    overflow: hidden;
}

article .close,
article .more { 
    display: block;
    float: right;
    clear: both;
    margin-top: 3em;
    color: #9e9e9e;
    text-decoration: none;
}

article .close:hover,
article .more:hover {
    color: #000000;
}

article {
    clear: both;
    display: block;
    margin-bottom: 25px;
    overflow: hidden;
}

#footer a { 
    text-decoration: none;
}

#footer a.links { 
    display: block;
    float: right;
}

#footer .infos { 
    display: block;
    float: right;
    padding-top: 7px;
    padding-right: 15px;
}

#menu_close,
#menu_hamburger { 
    display: none;
}

table.tablesorter tr td.artist-former {
    padding: 0.4em;
}

.page-template-template-former table.tablesorter thead tr th:last-child div {
    text-align: left;
}

.page-template-template-former #artist-table,
.page-template-template-former .table-style {
    background-color: #ffffff;
}

.bloc_artiste.former .categorie {
    cursor: pointer;
}

#fwb {
	height: 2.6em;
	width: auto;
	margin-left: 3em;
}

.bloc_artiste.shop {
	background: none;
}

.bloc_artiste.shop h2 {
	padding-top: 1.2em;
	padding-bottom: 2.4em;
	text-align: center;
}

#shop > div:nth-child(4n+5) {
    clear: both;
}

#shop a {
    text-decoration: none
}


































/* MAX-WIDTH 1150PX */

@media (max-width: 1150px) {

thead tr th:last-child { 
    display: none;
}

td.country { 
    display: none;
}

}















































/* MAX-WIDTH 1070PX */

@media (max-width: 1070px) {
	
/* TYPO */

/* global */
body,
#container {
    font-size: 12px;
}

/* menu + h1 */
table.tablesorter thead tr th div,
.more-artistes .next-artistes a,
h1,
nav a {
    font-size: 17px;
}

/* footer + bloc artistes + categories + read more + close */
article .close,
article .more,
table.tablesorter tr td,
h2,
.bloc_artiste .titre,
#footer div {
    font-size: 12px;
}

/* categorie + Upcoming shows */
.upcomingshows,
.bloc_artiste .categorie {
    font-size: 12px;
}

/* END TYPO */

nav { 
    position: absolute;
    right: 30px;
	width: calc(85% - 298px);
	padding: 0;
	margin-top: 85px;
}

#baseline { 
    display: none;
}

#container {
	width: calc(100% - 28px);
	padding: 20px 14px 205px 14px;
}

#logo {
    padding: 20px 15px 40px 25px;
}

.home .carousel-cell img {
	min-width: 100vw;
    height: 40vh;
}

.single-artistes.left {
    width: calc(50% - 18px);
    padding: 0 12px 0 6px;
}

.single-artistes.right {
    width: calc(50% - 18px);
    padding: 0 6px 0 12px;
}

#footer > div {
    width: calc(100% - 40px);
    padding: 0 20px 0 20px;
}

article .photo {
    width: calc(25% - 18px);
    padding: 0 12px 0 6px;
}

article .content {
    width: calc(50% - 18px);
    padding: 0 6px 0 12px;
}

#footer .infos { 
    display: none;
}

}







/* MAX-WIDTH 1000PX */

@media (max-width: 1000px) {

thead tr th:last-child { 
    display: inline;
}

td.country { 
    display: inline;
}

.bloc_shows {
	width: calc(100% - 12px);
    padding: 0;
}

#footer > div > div > div:nth-child(3) {
	display: none;
}

#footer > div > div > div:nth-child(2) {
  width: 50%;
}


}


















































/* MAX-WIDTH 800PX */

@media (max-width: 800px) {

/* TYPO */

/* global */
body,
#container {
    font-size: 11px;
}

/* menu + h1 */
table.tablesorter thead tr th div,
.more-artistes .next-artistes a,
h1,
nav a {
    font-size: 16px;
}

/* footer + bloc artistes + categories + read more + close */
article .close,
article .more,
table.tablesorter tr td,
h2,
.bloc_artiste .titre,
#footer div {
    font-size: 10px;
}

/* categorie + Upcoming shows */
.upcomingshows,
.bloc_artiste .categorie {
    font-size: 11px;
}

/* END TYPO */

#menu_close,
#menu_hamburger { 
    position: absolute;
    display: block;
    right: 30px;
    top: 40px;
}

#menu_close { 
	z-index: 250;
	display: none;
}

nav { 
    position: absolute;
    display: none;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
	width: 100vw;
	height: 100vh;
	padding: 0;
	margin: 0;
	z-index: 150;
	background-color: #ffffff;
}

nav .menu-menu-principal-container { 
    position: relative;
	width: 100vw;
	height: 100vh;
}

#menu-menu-principal {
	position: absolute;
	top: 50%; 
	transform: translateY(-50%);
	width: 100vw;
}

nav li {
    width: 100%;
    margin: 35px 0 35px 0;
    float: left;
    text-align: center;
}

.intro {
    width: 100%;
    padding: 0;
}

.bloc_shows {
    width: calc(100% - 12px);
    padding: 0;
}

.bloc_artiste {
    width: calc(50% - 12px);
    padding: 0;
    margin: 0 6px 12px 6px;
}

#footer {
    position: static;
}

#container {
    padding-bottom: 45px;
}

.single-artistes.left,
.single-artistes.right {
    width: calc(100% - 12px);
    padding: 0 6px 0 6px;
}

.single-artistes.right {
	margin-bottom: 40px;
}

.single-artistes .carousel-cell img {
	min-width: 100vw;
    height: 40vh;
}

article .photo {
    width: calc(25% - 18px);
    padding: 0 12px 0 6px;
    margin-left: 0;
}

article .content {
    width: calc(75% - 18px);
    padding: 0 6px 0 12px;
}

#footer .infos {
    display: none;
}

#footer > div > div > div:nth-child(2),
#footer > div > div > div:nth-child(3) {
    width: 50%;
}

#footer > div > div > div:nth-child(1) {
    float: right;
}

#footer > div > div {
    padding: 20px 0 20px 0;
}

#footer > div > div > div:nth-child(2) > div {
    padding-left: 0;
    padding-bottom: 10px;
    width: 100%;
}

thead tr th:nth-child(4),
thead tr th:last-child { 
    display: none;
}

td.country,
td.venue { 
    display: none;
}

#container {
    width: calc(100% - 18px);
    padding-left: 9px;
    padding-right: 9px;
}

#footer > div {
    width: calc(100% - 26px);
    padding-left: 13px;
    padding-right: 13px;
}

.table-style {
    padding: 20px 10px 10px 10px;
}

.more-artistes .social-artistes {
    width: 85%;
}

.more-artistes .next-artistes {
    width: 15%;
}

.page-template-template-former thead tr th.sorter-false {
    display: table-cell;
}

#shop > div:nth-child(4n+5) {
    clear: none;
}

#shop > div:nth-child(2n+3) {
    clear: both;
}

}

















/* MAX-WIDTH 500PX */

@media (max-width: 500px) {
	
#fwb {
    display: none;
}

}




























/* MAX-WIDTH 400PX */

@media (max-width: 400px) {
	
#logo {
    padding: 20px 20px 30px 20px;
    max-width: calc(100% - 40px);
    margin: 0 auto 0 auto;
}

#logo svg {
    width: 100%;
}

.bloc_artiste {
    width: calc(100% - 12px);
}

.videos > div:nth-child(odd),
.videos > div:nth-child(even) { 
    width: 100%;
    padding: 12px 0 0 0;
}

}