/*
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: AkrobatExtraBold;
 src: url("fonts/Akrobat-Black.eot")
}
@font-face {
 font-family: AkrobatExtraBold;
 src: url("fonts/Akrobat-ExtraBold.ttf")
}
@font-face {
 font-family: AkrobatBold;
 src: url("fonts/Akrobat-Bold.eot")
}
@font-face {
 font-family: AkrobatBold;
 src: url("fonts/Akrobat-Bold.ttf")
}
@font-face {
 font-family: AkrobatRegular;
 src: url("fonts/Akrobat-Regular.eot")
}
@font-face {
 font-family: AkrobatRegular;
 src: url("fonts/Akrobat-Regular.ttf")
}
@font-face {
 font-family: AkrobatSemiBold;
 src: url("fonts/Akrobat-SemiBold.eot")
}
@font-face {
 font-family: AkrobatSemiBold;
 src: url("fonts/Akrobat-SemiBold.ttf")
}

/* TYPO AND COLOR */

body {
    font-family: AkrobatRegular, sans-serif;
    font-size: 18px;
    line-height: 1.25em;
}

#line img {
	width: 24px;
}

h1 {
    font-family: AkrobatRegular, sans-serif;
    font-size: 27px;
    line-height: 1.2em;
    text-transform: uppercase;
    margin-bottom: 16px;
}

h2,
nav {
    font-family: AkrobatExtraBold, sans-serif;
    font-size: 24px;
    line-height: 1em;
    letter-spacing: 0.02em;
}

h2 {
    margin-bottom: 12.5px;
}

p.big {
    font-size: 36px;
    line-height: 1.25em;
    margin: 40px 0 25px 0;
}

p {
    margin-bottom: 1em;
    width: 92%;
}

body.page-template-template-theatre-offre-scolaire,
body.page-template-template-theatre-espace-pro,
body.page-template-template-theatre-equipe,
body.page-template-template-theatre-a-propos {
	background-color: #fdeaea;
    color: #ee6f70;
}

body.page-template-template-webserie {
	background: rgba(0, 0, 0, 0) linear-gradient(-180deg, rgb(152, 141, 121), rgb(174, 165, 148)) repeat scroll 0% 0%;
	background-attachment: fixed;
    color: #ffed00;
}

body.page-template-template-home {
	background-color: #292525;
	color: #d4d3d3;
}

body.page-template-template-home #part_2 h2 {
	color: #ee6f70;
}

body.page-template-template-home #part_3 h2 {
    color: #ffed00;
}

a {
    text-decoration: none;
}

body.page-template-template-theatre-offre-scolaire a,
body.page-template-template-theatre-espace-pro a,
body.page-template-template-theatre-equipe a,
body.page-template-template-theatre-a-propos a {
    color: #ee6f70;
}

body.page-template-template-webserie a {
    color: #ffed00;
}

.page-template-template-home #part_2,
.page-template-template-theatre-offre-scolaire #part_1,
.page-template-template-theatre-espace-pro #part_1,
.page-template-template-theatre-equipe #part_1,
.page-template-template-theatre-a-propos #part_1 {
	background-image: url('img/ltdy_theatre.jpg');
}

.page-template-template-home #part_3,
.page-template-template-webserie #part_1 {
	background-image: url('img/ltdy_webserie.jpg');
}

.page-template-template-theatre-offre-scolaire nav li:hover,
.page-template-template-theatre-offre-scolaire nav li.current_page_item,
.page-template-template-theatre-espace-pro nav li:hover,
.page-template-template-theatre-espace-pro nav li.current_page_item,
.page-template-template-theatre-equipe nav li:hover,
.page-template-template-theatre-equipe nav li.current_page_item,
.page-template-template-theatre-a-propos nav li:hover,
.page-template-template-theatre-a-propos nav li.current_page_item {
    border-bottom-color:  #ee6f70;
}

p a {
    font-family: AkrobatRegular, sans-serif;
    letter-spacing: normal;
    text-decoration: underline;  
}

a.link,
table a {
    font-family: AkrobatExtraBold, sans-serif;
    letter-spacing: 0.03em;
    text-decoration: none;
}

strong,
.editor strong {
    font-family: AkrobatExtraBold, sans-serif;
    letter-spacing: 0.03em;
}

em,
.editor em {
    font-style: oblique;
    padding-right: 0.15em;
}

body.page-template-template-webserie .saison p {
    font-size: 14px;
    line-height: 1.25em;
}

/* END TYPO */

#line {
    width: 50px;
    height: 100vh;
    background: #292525;
    background: #000000;
    float: left;
    position: fixed;
}

#container {
    width: calc(100% - 50px);
    height: 100vh;
    float: right;
    position: relative;
}

#part_1,
#part_2,
#part_3 {
    width: calc(100% / 3);
    height: 100vh;
    position: absolute;
}

.page-template-template-home #part_2,
.page-template-template-home #part_3,
#part_1 {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
    position: fixed;
    width: calc((100% - 50px) / 3);
}

.page-template-template-home #part_1 {
    width: calc(100% / 3);
}

#part_2 {
    right: calc(100% / 3);
}

.page-template-template-home #part_2 {
    right: calc((100% - 50px) / 3);
}

#part_3 {
    right: 0;
}

.page-template-template-home #part_2 img,
.page-template-template-home #part_3 img,
#part_1 img {
	display: block;
	position: absolute;
	bottom: 75px;
	width: 65%;
	max-width: 36vh;
	left: 50%;
	transform: translate(-50%, 0);
}

.page-template-template-home #part_2 h2,
.page-template-template-home #part_3 h2,
#part_1 h2 {
	display: block;
	position: absolute;
	bottom: 25px;
	width: 100%;
	max-width: 40vh;
	left: 50%;
	transform: translate(-50%, 0);
	text-align: center;
}

#line a {
	display: block;
	position: absolute;
	width: 100%;
	height: 100vh;
}

#line img {
	display: block;
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0);
	bottom: 25px;
}

nav {
    width: calc(100% / 3 * 2 - 50px);
    padding: 25px;
    position: absolute;
    display: block;
    right: 0;
    z-index: 150;    
}

nav li {
    display: inline-block; 
    margin-right: 16px;
    padding: 0;
}

.content {
    margin: 25px 25px 40px 25px;
    margin: 0 25px 0 25px;
    padding-bottom: 30px;
}

.content.first {
    margin-top: 20vh;
}

.content.delete {
    display: none;
}

nav .link a:hover,
nav li:hover,
nav li.current_page_item {
	padding-bottom: 4px;
    border-bottom-width: 3px;
    border-bottom-style: solid;
}

.page-template-template-webserie .prix img,
.page-template-template-theatre-a-propos .prix img {
	width: 160px;
	display: block;
	margin: 0 auto 0 auto;
	max-width: 100%;
}

.page-template-template-webserie .prix img {
	width: 280px;
}

.video-player,
.youtube-player {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    max-width: 100%;
    background: #000;
    margin: 0;
}

.youtube-player iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 100;
    background: transparent;
}

.video-player img,
.youtube-player img {
    bottom: 0;
    display: block;
    left: 0;
    margin: auto;
    max-width: 100%;
    width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    border: none;
    height: auto;
    cursor: default;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    transition: 0.5s all;
    -webkit-filter: brightness(80%);
}

.video-player:hover img,
.youtube-player:hover img {
    -webkit-filter: brightness(50%);
}

.video-player .play,
.youtube-player .play {
    height: 72px;
    width: 72px;
    left: 50%;
    top: 50%;
    margin-left: -36px;
    margin-top: -36px;
    position: absolute;
 	background-image: url('img/ltdy_theatre_play.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
    cursor: pointer;
}

.page-template-template-webserie .video-player .play,
.page-template-template-webserie .youtube-player .play {
 	background-image: url('img/ltdy_webserie_play.png');
}

.video-player .play,
.video-player img {
    cursor: default;
}

#social {
    position: absolute;
    margin: 25px 25px 0 0;
    right: 0;
    z-index: 250;
}

#social img {
    padding-left: 10px;
    width: 28px;
}

.galerie_ecole .carousel-cell,
.galerie_theatre .carousel-cell {
    display: block;
    width: 100%;
}

.galerie_ecole img,
.galerie_theatre img {
    display: block;
    width: 100%;
}

.flickity-button {
    display: none;
}

table td {
    padding-right: 1em;
}

table td.infos {
    padding-right: 0;
}

th {
    text-align: left;
    padding-top: 0.5em;
}

table#archives tr td {
    display: none;
}

table#archives tr:nth-child(1) td,
table#archives tr:nth-child(2) td,
table#archives tr:nth-child(3) td,
table#archives tr:nth-child(4) td,
table#archives tr:nth-child(5) td,
table#archives tr:nth-child(6) td,
table#archives tr:nth-child(7) td,
table#archives tr:nth-child(8) td {
    display: inline;
}

.page-template-template-theatre-equipe .equipe {
	text-align: center;
	position: relative;
}

.page-template-template-theatre-equipe .credits p,
.page-template-template-theatre-equipe .canine p,
.page-template-template-theatre-equipe .equipe p {
	text-align: left;
}

.page-template-template-theatre-equipe .equipe img {
	width: 220px;
	max-width: 70%;
	display: block;
	margin: 0 auto 1em auto;
}

.page-template-template-theatre-equipe .equipe h1 {
	text-align: center;
}

.page-template-template-webserie .link,
.page-template-template-theatre-a-propos .link,
.page-template-template-theatre-equipe .link {
 	background-image: url('img/ltdy_theatre_link.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left center;
	display: inline-block;
	padding-left: 1.5em;
    font-family: AkrobatExtraBold, sans-serif;
    text-align: center;
}

.page-template-template-webserie .link {
 	background-image: url('img/ltdy_webserie_link.png');
	padding-left: 1.4em;
}

.page-template-template-theatre-equipe .link {
	margin: 0 auto 1em auto;
}

.page-template-template-theatre-equipe .credits,
.page-template-template-theatre-equipe .canine {
    margin-top: 15vh;
    text-align: center;
}

.file {
 	background-image: url('img/ltdy_theatre_file.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left center;
	display: inline-block;
	padding-left: 1.5em;
    font-family: AkrobatExtraBold, sans-serif;
    text-align: center;
    margin-bottom: 25px;
}

.documents h2 {
	margin-bottom: 12.5px;
}

.documents a:last-child {
	margin-bottom: 0;
}

.page-template-template-home #part_2 {
	z-index: 500;
}

.page-template-template-home #part_2 a,
.page-template-template-home #part_3 a {
	display: block;
	position: absolute;
	width: 100%;
	height: 100vh;
	z-index: 50;
}

.page-template-template-home #part_1 img {
	display: block;
	position: static;
	width: 16%;
	max-width: 90px;
	min-width: 55px;
	left: 50%;
	transform: none;
}

.page-template-template-home #part_1 {
	position: absolute;
}

.page-template-template-home #part_2,
.page-template-template-home #part_3 {
	position: fixed;
}


body.page-template-template-home #part_2,
body.page-template-template-home #part_3 {
	-webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    transition: 0.5s all;
    -webkit-filter: brightness(100%);
}

body.page-template-template-home #part_2:hover,
body.page-template-template-home #part_3:hover {
    -webkit-filter: brightness(70%);
}

.page-template-template-webserie .youtube-player div img {
    display: none;
}

body.page-template-template-webserie .saison .link {
    margin-bottom: 16px;
    margin-top: 16px;
}

body.page-template-template-webserie .poster {
	width: 100%;
	display: block;
	margin-top: 1em;
	margin-bottom: 1em;
}

body.page-template-template-webserie .inverties {
	width: 160px;
	display: block;
	max-width: 100%;
	margin-bottom: 1em;
}

#line .mobile {
	display: none;
}











body.page-template-template-serie {
	background-color: #dfd7ce;
	color: #292525;
}

body.page-template-template-serie a {
	color: #292525;
}

.page-template-template-serie #part_1 img {
	display: block;
	position: static;
	width: 16%;
	max-width: 90px;
	min-width: 55px;
	left: 50%;
	transform: none;
}

.page-template-template-serie .playlist-thumbs:before,
.page-template-template-serie .playlist-thumbs:after {
  content: "";
  display: table;
}

.page-template-template-serie .playlist-thumbs:after {
  clear: both;
}

.watch-now {
  width: 100%;
}



.page-template-template-serie button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 1px solid;
  padding: 0.5em 1em;
  background: none;
  font-size: 1em;
  cursor: pointer;
  margin-top: 50px;
}

.page-template-template-serie #part_2_3 {
  right: 0;
  width: calc(100% / 3 * 2);
  height: 100vh;
  position: absolute;
  background-color: #c9bcae;
}

.page-template-template-serie #left,
.page-template-template-serie #right {
  width: calc(100% / 2);
  float: left;
}


#player {
	margin: 0 auto;
}

.page-template-template-serie #youtube-player {
	width: 85%;
	margin: 0 auto;
}

.page-template-template-serie #youtube-player img {
	width: 100%;
}

.playlist { 
overflow:hidden; 
padding-bottom:56.25%; 
padding-bottom:50%;
position:relative; 
height:0;
}

.playlist iframe {
left:0; 
top:0; 
height:100%;
width:100%;
position:absolute;
}


.page-template-template-serie .video-thumb {
  float: left;
  margin: 0.5rem 0.5rem 0 0;
  border: 0 solid black;
  padding: 0;
  display: inline-block;
  width: 140px;
  height: 70px;
  background-size: cover;
  background-position: center center;
}

.page-template-template-serie .video-thumb.is-active {
	opacity: 0.2;
}

.page-template-template-serie .content.first {
  margin-top: 10vh;
}

.page-template-template-serie #part_2_3 .content.first {
  margin-top: 16vh;
}












@media only screen and (max-width : 1100px) {

#part_2 {
    width: calc(100% / 3 * 2);
    right: 0;
}

.content.first.second {
    margin-top: 0;
}



}









@media only screen and (max-width : 750px) {

/* TYPO AND COLOR */

body {
    font-size: 16px;
    line-height: 1.25em;
}

h1 {
    font-size: 23px;
    line-height: 1.2em;
    margin-bottom: 16px;
}

h2,
nav {
    font-size: 20px;
    line-height: 1em;
    letter-spacing: 0.02em;
}

p.big {
    font-size: 30px;
    line-height: 1.25em;
    margin: 35px 0 20px 0;
}

body.page-template-template-webserie .saison p {
    font-size: 14px;
    line-height: 1.25em;
}

/* END TYPO */

.page-template-template-home #part_2 h2, 
.page-template-template-home #part_3 h2,
#part_1 h2 {
    bottom: 15px;
}

.page-template-template-home #part_2 img, 
.page-template-template-home #part_3 img, 
#part_1 img {
    bottom: 65px;
}

#line img {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 120px;
}

#line img {
	display: none;
}

#line img.mobile {
	display: block;
}

#line {
    width: 100%;
    height: 36px;
    position: absolute;
    z-index: 10000;
}

#line a {
    display: block;
    position: absolute;
    width: 100%;
    height: 36px;
}

#container {
    width: 100%;
}

#part_1,
#part_2 {
    width: 100%;
}

#part_1 {
	top: 36px;
    height: 70vh;
    position: absolute;
}

#part_2 {
    margin-top: calc(70vh + 36px);
}

.content {
    margin: 15px 15px 30px 15px;
    margin: 0 15px 0 15px;
    padding-bottom: 30px;
}

.content.first {
    margin-top: 150px;
}

body.page-template-template-webserie .content.first {
    margin-top: 75px;
}

.content.first.second {
    margin-top: 0;
}

#social {
    margin-right: 15px;
}

#social {
    top: calc(70vh + 51px);
    margin-top: 0;
}

nav {
    width: calc(100% - 120px);
    padding: 15px;
    top: calc(70vh + 36px);
    left: 0;
}

#social img {
    padding-left: 4px;
    width: 20px;
}

nav li {
    margin-right: 16px;
    padding: 0;
    padding-bottom: 7px;
    display: block;

}

nav li:hover, 
nav li.current_page_item,
nav li.current_page_item:hover {
    padding-bottom: 12px;
    border-bottom-width: 0;
}

nav li:hover {
    padding-bottom: 7px;
}

nav li.current_page_item a {
    border-bottom-color: #ee6f70;
    padding-bottom: 2px;
    border-bottom-width: 3px;
    border-bottom-style: solid;
}

.page-template-template-theatre-equipe .credits, 
.page-template-template-theatre-equipe .canine {
    margin-top: 30px;
}

.page-template-template-home #part_2,
.page-template-template-home #part_3 {
    width: 100%;
    height: 65vh;
    position: absolute;
    top: 36px;
}

.page-template-template-home #part_3 {
    top: calc(36px + 65vh);
}

.page-template-template-home #part_2 img, 
.page-template-template-home #part_3 img, 
#part_1 img {
    width: 50%;
}

.page-template-template-home #part_2 a,
.page-template-template-home #part_3 a {
    width: 100%;
    height: 58vh;
}

.page-template-template-home #part_2 {
   right: 0;
   left: 0;
   margin-top: 0;
}

.page-template-template-home #part_1 {
    width: 100%;
    top: calc(130vh + 36px);
}

.page-template-template-home .content.first {
    margin-top: 0;
}

.page-template-template-home #part_1 img {
    display: none;
}


}