/*
Theme Name: Look 13
Author: SB Studio
Author URI: http://www.sb-studio.co.uk
Version: 1.0
*/

/*
RESETS STYLES ———————————————————————————————
*/

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, font, 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 {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: ;background: transparent;}

/*
UNIVERSAL STYLES ———————————————————————————————
*/

html, html a {
    -webkit-font-smoothing: antialiased !important;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
    font-style: normal !important;
    font-weight: normal !important;
}

body {
	background-color: #d6d6d6;
	color: white;
	display: none;
}

body a {
	color: #fff;
	text-decoration: none;
}

body a:hover {
	color: #fff;
	text-decoration: none;
}

strong {
	font-style: normal;
	font-weight: normal;
	color: #5a5a5a;
	font-size: 19px;
	text-transform: uppercase;
}

#head-wrap {
	position: relative;
	width: 964px;
	left: 50%;
	margin-left: -482px;
}

#header {
	position: relative;
	top: 15px;
	height: 80px;
	border-bottom: 5px solid white;
}

#header .header-logo {
	width: auto !important; height: 60px;
}

#header .header-dates {
	float: right; margin-top: 28px;
	font-family:'Brandon Grot W01 Bold', Helvetica, sans-serif;
	font-size: 30px;
	letter-spacing: 2px;
	text-align: right;
	text-transform: uppercase;
	color: #ffffff;
}

#small-menu {
	position: absolute;
	right: 0px;
	top: 0px;
	font-family:'Univers LT W02 45 Light', Helvetica, sans-serif;
	font-size: 14px;
	color: #959595;
}

.small-menu {
	display: inline;
	margin-left: 15px;
	border: 2px solid;
	border-color: transparent;
	transition:border-color .3s linear;
    -o-transition:border-color .3s linear; 
    -moz-transition:border-color .3s linear; 
    -webkit-transition:border-color .3s linear;
}

.small-menu:hover {
	border-colour: #959595;
}

#lower-header {
	position: relative;
	text-align: center;
	height: 160px;
	margin-top: 65px;
	border-bottom: 5px solid white;
	display: none;
}

#social {
	position: absolute;
	right: 0px;
	top: 0px;
	margin-top: -10px;
}

#main-menu {
	position: relative;
	margin-top: 35px;
	font-family:'Brandon Grot W01 Bold', Helvetica, sans-serif;
	font-size: 17px;
	letter-spacing: 2px;
	text-align: center;
	text-transform: uppercase;
	color: white;
	background-color: #d6d6d6;
}

#main-menu-hover {
	position: fixed;
	top: 0px;
	padding-top: 15px;
	width: 100%;
	height: 40px;
	left: 50%;
	margin-left: -50%;
	font-family:'Brandon Grot W01 Bold', Helvetica, sans-serif;
	font-size: 17px;
	letter-spacing: 2px;
	text-align: center;
	text-transform: uppercase;
	color: white;
	background-color: #d6d6d6;
	display: none;
	white-space: nowrap;
	z-index: 9999;
}

#main-menu a, #main-menu-hover a {
	color: white;
	text-decoration: none;
	transition:color .3s linear;
    -o-transition:color .3s linear; 
    -moz-transition:color .3s linear; 
    -webkit-transition:color .3s linear;
}

#main-menu a:hover, #main-menu-hover a:hover {
	color: #959595;
	text-decoration: none;
}

.main-menu {
	display: inline;
	padding-left: 12px;
	padding-right: 12px;
}

#content-wrap {
	position: relative;
	width: 964px;
	left: 50%;
	margin-left: -482px;
	font-family:'Typewriter W01 Regular';
}

#sub-menu {
	position: relative;
	text-align: center;
	margin-top: 25px;
	font-size: 15px;
	letter-spacing: 2px;
}

.sub-menu {
	display: inline;
	margin-left: 8px;
	margin-right: 8px;
	text-transform: uppercase;
}

.sub-menu a {
	color: #5a5a5a !important;
}

.sub-menu a:hover {
	border-bottom: 2px solid white;
	padding-bottom: 2px;
}

/*
———————————————————————————————————————
*/

#foot-wrap {
	position: relative;
	width: 964px;
	left: 50%;
	margin-left: -482px;
}

#scroll-top {
	position: relative;
	font-family:'Typewriter W01 Regular', courier, monospace;
	text-transform: uppercase;
	text-align: center;
	font-size: 19px;
	letter-spacing: 1px;
	margin-top: 30px;
	height: 90px;
	border-bottom: 5px solid white;
	cursor: pointer;
}

#footer-menu {
	position: relative;
	margin-top: 35px;
	text-align: center;
	font-family:'Typewriter W01 Regular', courier, monospace;
	letter-spacing: 1px;
	border-bottom: 5px solid white;
	padding-bottom: 28px;
	
}

.footer-menu {
	display: inline-block;
	width: 189px;
	background-color: #e6e6e6;
	color: #787878;
	padding-top: 16px;
	padding-bottom: 16px;
	margin-left: -3px;
	margin-right: -3px;
	margin-bottom: 5px;
	cursor: pointer;
	text-transform: uppercase;
	-webkit-transition: background 0.1s linear;
    -moz-transition: background 0.1s linear;
    -o-transition: background 0.1s linear;
    transition: background 0.1s linear;
}

.footer-menu:hover {
	background-color: #959595;
	color: #e6e6e6;
}

#sub-footer {
	position: relative;
	height: 160px;
	margin-top: 40px;
	font-family:'Brandon Grot W01 Bold', Helvetica, sans-serif;
	text-align: center;
	text-transform: uppercase;
	font-size: 17px;
	line-height: 22px;
	letter-spacing: 1px;
	border-bottom: 5px solid white;
}

.sub-footer {
	width: 482px;
	float: left;
}

#footer {
	position: relative;
	margin-top: 15px;
	font-family:'Univers LT W02 45 Light', Helvetica, sans-serif;
	font-size: 14px;
	height: 150px;
}

.footer {
	width: 482px;
	float: left;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

.footer-small-menu {
	display: inline;
	margin-left: 10px;
}

wh {
	color: white;
}

big {
	font-size: 19px;
	text-transform: uppercase;
}

#dotted-line {
	width: 100%; 
	border-bottom: 1px dotted #5a5a5a;
	margin-top: 20px;
	margin-bottom: 25px;
}

/* 
TEXT PAGES STYLES
*/

.paragraph-block {
	margin-top: 70px;
	color: #5a5a5a;
	font-size: 15px;
	line-height: 20px;
	text-align: center;
}

.paragraph-title {
	font-family:'Brandon Grot W01 Bold', Helvetica, sans-serif;
	font-size: 28px;
	line-height: 34px;
	letter-spacing: 2px;
	text-transform: uppercase;
}

.paragraph-details {
	margin-top: 20px;
	margin-bottom: 20px;
	letter-spacing: 1px;
	color: inherit;
}

.paragraph-details a {
	color: #5a5a5a;
}	

.paragraph-details a:hover {
	color: #5a5a5a;
}	

.paragraph-venue-filter {
	color: #5a5a5a;
	font-size: 15px;
	margin-top: 40px;
	margin-bottom: 40px;
	text-transform: uppercase;
	text-decoration: none !important;
}

.paragraph-venue-filter a {
	text-decoration: none !important;
}

.paragraph-venue-filter a:hover {
	text-decoration: none !important;
}

.paragraph-info {
	padding-left: 160px;
	padding-right: 160px;
}

.paragraph-info a {
	color: #5a5a5a !important;
	text-decoration: underline;
}

.paragraph-info a:hover {
	color: #5a5a5a !important;
	text-decoration: underline;
}

.filter-link {
	text-decoration: none !important;
}

.filter-link a {
	text-decoration: none !important;
}

.filter-link a:hover {
	text-decoration: none !important;
}

#exhibitions a {
	color: #5a5a5a;
	text-decoration: underline;
}

.paragraph-artist {
	font-size: 21px;
	line-height: 28px;
	color: white;
}

#paragraph-image {
	width: 920px;
	height: 610px;
	margin-top: 25px;
	margin-bottom: 10px;
	margin-left: 22px;
	-webkit-box-shadow:inset 0px 0px 0px 20px #ffffff;
    -moz-box-shadow:inset 0px 0px 0px 20px #ffffff;
    box-shadow:inset 0px 0px 0px 20px #ffffff;
    background: no-repeat 50% 50%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.paragraph-copyright {
	color: white;
	font-size: 14px;
	margin-bottom: 15px;
	letter-spacing: 1px;
}

.paragraph-info-exhibitions {
	padding-left: 160px;
	padding-right: 160px;
	padding-bottom: 30px;
	border-bottom: 5px solid white;
}

.paragraph-times {
	position: relative; 
	margin-top: 15px; 
	height: 200px;
}

.paragraph-times a {
	color: #5a5a5a !important;
	text-decoration: underline;
}

.paragraph-times a:hover {
	color: #5a5a5a !important;
	text-decoration: underline;
}

.paragraph-times-half {
	width: 50%; 
	float: left;
}

.uppercase {
	text-transform: uppercase;
}


/* 
ABOUT PAGE STYLES
*/

.about, .about-page {
	margin-top: 70px;
	padding-left: 160px;
	padding-right: 160px;
	color: #5a5a5a;
	font-size: 15px;
	line-height: 20px;
}

.about a, .about-page a {
	text-decoration: underline;
	color: #5a5a5a;
}

.about a:hover, .about-page a:hover {
	text-decoration: underline;
	color: #5a5a5a;
}

.about p, .about-page p, .paragraph-block p {
	margin-top: 0px;
}

#password {
	background-color: transparent;
	border:none;
	border-bottom: 1px dotted #5a5a5a;
	font-family:'Typewriter W01 Regular', courier, monospace;
	font-size: 15px;
	width: 200px;
	color: #5a5a5a;
	-webkit-font-smoothing: antialiased !important;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
}

.submit {
	background-color: transparent;
	border: none;
	font-family:'Typewriter W01 Regular', courier, monospace;
	font-size: 15px;
	color: #5a5a5a;
	-webkit-font-smoothing: antialiased !important;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
}

/* 
NEWS PAGE STYLES
*/

#news-social, #ex-social {
	position: relative;
	color: #4f757d;
	letter-spacing: 1px;
}

div#ex-social {
	margin-top: 40px !important;
	text-decoration: none !important;
}

.news-social, .ex-social {
	display: inline;
	margin-left: 7px;
	margin-right: 7px;
	color: #5a5a5a !important;
	text-decoration: none !important;
}

.news-social a, .ex-social a {
	color: #5a5a5a !important;
	text-decoration: none !important;
}

.news-social:hover {
	border-bottom: 2px solid #4f757d;
	padding-bottom: 2px;
}

.ex-social:hover {
	text-decoration: none !important;
	border-bottom: 2px solid #4f757d;
	padding-bottom: 2px;
}

.news-image {
	position: relative;
	width: 515px;
	height: 340px;
	background: no-repeat 50% 50%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    left: 50%;
    margin-left: -258px;
    margin-bottom: 10px;
}

/* 
IMAGE PAGE STYLES
*/

#filter-menu {
	position: relative;
	text-align: center;
	margin-top: 25px;
	margin-bottom: -35px;
	font-size: 15px;
	font-family:'Typewriter W01 Regular';
	letter-spacing: 2px;
}

.filter-menu, .calendar-filter-menu {
	display: inline;
	margin-left: 5px;
	margin-right: 5px;
	color: #5a5a5a !important;
}

.filter-menu a, .calendar-filter-menu a {
	color: #5a5a5a !important;
}

.filter-menu a:hover, .calendar-filter-menu a:hover {
	border-bottom: 2px solid white;
	padding-bottom: 2px;
}

#main-grid, #main-grid-exhibition, #main-grid-event, #main-grid-calendar {
	width: auto;
	position: relative;
	margin: 0 auto;
	margin-top: 50px;
	color: white;
	font-family:'Brandon Grot W01 Bold', Helvetica, sans-serif;
	text-align: center;
	text-transform: uppercase;
	font-size: 17px;
	line-height: 21px;
	letter-spacing: 2px;
}

.grid-block, .grid-block-exhibition, .grid-block-event, .grid-block-calendar {
	display: table;
    vertical-align: middle;
	width: 315px;
	height: 220px;
	margin-left: 3px;
	margin-right: 3px;
	margin-bottom: 9px;
	background: no-repeat 50% 50%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.grid-block-image {
	position: absolute;
	top: 0; left: 0;
	width: 315px;
	height: 220px;
	background: no-repeat 50% 50%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.block-text {
	position: absolute;
	top: 0; left: 0;
	display: table;
	vertical-align: middle;
	width: 315px;
	height: 220px;
}

.block-text-text-wrap {
	display: table-cell;
	vertical-align: middle;
	padding-left: 30px;
	padding-right: 30px;
	width: 100%;
	height: 100%;
}

.hover-past {
	background-color: #959595 !important;
}

.block-text-sub {
	font-family:'Typewriter W01 Regular';
	font-size: 14px;
	margin-top: 20px;
	padding-left: 30px;
	padding-right: 30px;
}

.show {
	background-color: transparent !important;
}

.filter-title {
	font-family:'Typewriter W01 Regular';
	font-size: 28px;
	line-height: 34px;
}

.date-title {
	font-family:'Typewriter W01 Regular';
	font-size: 47px;
	line-height: 40px;
}

.date-title-home {
	font-family:'Typewriter W01 Regular';
	font-size: 24px;
	line-height: 40px;
	letter-spacing: 1px !important;
}

.past {
	background: rgba(0, 0, 0, 0.6); 
	width: 100%; 
	height: 100%;
	z-index: 9999;
	position: absolute;
}

.parallel-symbol {
	position: absolute; 
	bottom: 0; right: 0;
	padding-bottom: 8px; padding-right: 12px;
}

.festival > .parallel-symbol {
	display: none !important;
}

/* 
DATEPICKER STYLES —————— 
*/

#datepicker {
  position: absolute;
  left: 50%;
  margin-left: -149.5px;
  top: 192px;
  z-index: 9999;
}

#datepicker a {
	text-decoration: none;
}

#datepicker a:hover {
	text-decoration: none;
}

#date-wrapper {
	position: absolute;
	text-align: center;
	color: white;
	font-family: 'Typewriter W01 Regular', sans-serif;
	font-size: 14px;
	letter-spacing: 2px;
	background-color: #959595;
	width: 315px;
	height: 449px;
	left: 10px;
	top: 10px;
}

.datepicker-title {
	margin-top: 20px;
}

.datepicker-today {
	background-color: #d6d6d6;
	color: #5a5a5a;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-left: 9px;
	margin-right: 9px;
	text-align: left;
	margin-top: 17px;
	cursor: pointer;
}

.datepicker-week {
	background-color: #d6d6d6;
	color: #5a5a5a;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-left: 9px;
	margin-right: 9px;
	text-align: left;
	margin-top: 5px;
	cursor: pointer;
}

.datepicker-month {
	background-color: #d6d6d6;
	color: #5a5a5a;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-left: 9px;
	margin-right: 9px;
	text-align: left;
	margin-top: 5px;
	cursor: pointer;
}

/* 
FORM STYLES
*/

#mce-EMAIL{
	background-color: transparent;
	border-style: none;
	border: solid 1px white;
	font-family: 'Brandon Grot W01 Medium', Helvetica, sans-serif;
	font-size: 17px;
	letter-spacing: 1.5px;
	width: 320px;
	margin-top: 8px;
	margin-bottom: 5px;
	color: white;
	text-transform: uppercase;
}

#mc-embedded-subscribe{
	background-color: transparent;
	border-style: none;
	font-size: 17px;
	letter-spacing: 1.5px;
	font-family: 'Brandon Grot W01 Medium', Helvetica, sans-serif;
	color: white;
	cursor: pointer;
}

input:focus {
	outline: none; 
}

/* ISOTOPE TRANSITIONS */

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  z-index: 1;
}

.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.5s;
     -moz-transition-duration: 0.5s;
      -ms-transition-duration: 0.5s;
       -o-transition-duration: 0.5s;
          transition-duration: 0.5s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}


/*
MOBILE STYLES ———————————————————————————————
*/

/*
IPHONE
*/

/* iPhone 4 - (portrait) ---------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 2) and (orientation:portrait),
only screen and (min-device-pixel-ratio : 2)  and (orientation:portrait){
.grid-block, .grid-block-event, .grid-block-exhibition {
	width: 478px;
	height: 334px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 11px;
}

#main-grid, #main-grid-event, #main-grid-exhibition {
	font-size: 24px;
	line-height: 28px;
}

.block-text-sub {
	font-size: 21px;
}
}



@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
.grid-block, .grid-block-event, .grid-block-exhibition {
	width: 478px;
	height: 334px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 11px;
}

#main-grid, #main-grid-event, #main-grid-exhibition {
	font-size: 24px;
	line-height: 28px;
}

.block-text-sub {
	font-size: 21px;
}
}