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, 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, 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;
    }

html,
body {
    height: 100%;
    }

body {
    display: table;
    width: 100%;
    background-image: url(../../images/background.jpg);
    background-repeat: repeat;
    background-size: 512px auto;
    }

*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body, html { font-size: 100%; padding: 0; margin: 0;}

.page-row {
    display: table-row;
    height: 1px;
    }
 
.page-row-expanded { height: 100%; }

article {
    margin: 1.85em auto;}

aside, details, figcaption, figure, header, hgroup, menu, nav, section {
    margin: 0 auto;
    display: block;
    }

aside { width: 100%; }

.clearfix:before, .clearfix:after { content: ""; display: block; }
.clearfix:after { clear: both; }
.ie6 .clearfix { zoom: 1 }


/* PHOTOGRAPHY
----------------------------------------------------------------------------------------*/

img, embed, object, video { margin: 0 auto; max-width: 100%; height: auto; display: block; }
.ie6 img.full, .ie6 object.full, .ie6 embed, .ie6 video { width: 100%; }

img.lottery_logo {
    max-width: 300px;
    height: auto;
    display: block;
    margin: 1.5em auto;}

a.artscouncil {
    cursor: pointer;
    text-decoration: none;
    outline: none;
    border: 0;}

#gallery {
    max-width: 30em;
	height: auto;
	margin: 0 auto;
    }
	
.wrapper_gallery { overflow: hidden; }

#gallery a img {
    width: 50%;
    float: left;
    position: relative;
    margin: 0;
    }
 
@media only screen and (max-width : 530px),
only screen and (max-device-width : 530px){
    #gallery a img { width: 50%; }
}


/* LAYOUT [SMALL]
----------------------------------------------------------------------------------------*/

#wrapper {
    max-width: 100%;
    margin: 0 auto;}

footer {
    margin: 0 auto;
    display: block;}

#socialnetwork {
    display: block;
    text-align: center;
    width: 100%;
    margin: 0 auto;
    padding: 1.25em 0;}

a.logo {
    font-family: 'Appareo';
    font-weight: 400;
    font-size: 1.75em;
	color: #494949;
    font-variant: small-caps;
	letter-spacing: 0.25em;
	text-decoration: none;
    text-align: center;
	margin: 2em auto 0.75em;
	display: block;
    border-bottom: none;
    }

.smaller {
    font-size: 0.95em;}

header {
    width: 100%;
    z-index: 999;
    top: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;}

.header_content {
    width: 80%;
    margin: 0 auto;}

#content {
    width: 90%;
    max-width: 60em;
    display: block;
    margin: 2.5em auto;
    text-align: center;}

.content {
    max-width: 35em;
    margin: 2em auto;
    display: block;
    padding: 0 5%;}

.content + .content {
    max-width: 35em;
    margin: 2em auto;
    display: block;}

.content_large {
    max-width: 60em;
    margin: 2em auto;
    display: block;
    padding: 0 5%;}

.center { text-align: center; }

.row { margin: 2.5em auto; }

.column { padding: 0 5%; }

.column + .column { margin: 2.5em auto; }

#hero_wrapper {
    display: block;
    margin: 2.5em auto;
    max-width: 1000px;
    padding: 0 5%;}

#hero {
    display: block;
    border: 10px solid #FFF;}


/* FONTS
----------------------------------------------------------------------------------------*/

@font-face {
    font-family: 'Appareo Italic';
    src: url(../../fonts/appareo_black_italics-webfont.eot);
    src: url(../../fonts/appareo_black_italics-webfont.eot?#iefix) format('embedded-opentype'),
         url(../../fonts/appareo_black_italics-webfont.woff2) format('woff2'),
         url(../../fonts/appareo_black_italics-webfont.woff) format('woff'),
         url(../../fonts/appareo_black_italics-webfont.ttf) format('truetype'),
         url(../../fonts/appareo_black_italics-webfont.svg#appareoblack_italic) format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Appareo';
    src: url(../../fonts/appareo_black-webfont.eot);
    src: url(../../fonts/appareo_black-webfont.eot?#iefix) format('embedded-opentype'),
         url(../../fonts/appareo_black-webfont.woff2) format('woff2'),
         url(../../fonts/appareo_black-webfont.woff) format('woff'),
         url(../../fonts/appareo_black-webfont.ttf) format('truetype'),
         url(../../fonts/appareo_black-webfont.svg#appareoblack) format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'Awesome';
	src:url(../../fonts/fontawesome-webfont.eot);
	src:url(../../fonts/fontawesome-webfont.eot?#iefix) format('embedded-opentype'),
		url(../../fonts/fontawesome-webfont.woff) format('woff'),
		url(../../fonts/fontawesome-webfont.ttf) format('truetype'),
		url(../../fonts/fontawesome-webfont.svg#fontawesome-webfont) format('svg');
	font-weight: normal;
	font-style: normal;
}


/* TYPOGRAPHY
----------------------------------------------------------------------------------------*/

body {
    font-family: 'Appareo';
    color: #494949;}

h1 {
    font-weight: 400;
    font-variant: small-caps;
    letter-spacing: 0.2em;
    color: #494949;
    text-align: center;
    font-size: 1.85em;
    margin-bottom: 1em;}

h2 {
    font-weight: 500;
    letter-spacing: 0.02em;
    color: #494949;
    text-align: center;
    font-size: 0.75em;
    line-height: 1.25em;}

h3 {
    font-weight: 500;
    letter-spacing: 0.02em;
    color: #494949;
    text-align: left;
    font-size: 1.25em;
    line-height: 1.25em;}

h4 {
    font-weight: 500;
    letter-spacing: 0.02em;
    color: #494949;
    text-align: left;
    font-size: 1.25em;
    line-height: 1.25em;}

h5 {
    font-weight: 400;
    font-variant: small-caps;
    letter-spacing: 0.2em;
    color: #494949;
    text-align: center;
    font-size: 0.85em;
    margin-bottom: 1em;}

p {
    font-size: 1em;
    color: #494949;
    font-weight: 400;
    line-height: 1.618em;
    margin: 0 auto;
    letter-spacing: 0.01em;}

.firstthreewords {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1em;
    letter-spacing: 0.1em;}

p.center { text-align: center; }

p.bigger { font-size: 1.25em; font-weight: 700; }

p + p { margin-top: 1em; }

p.right { text-align: right; }

b, strong { font-weight: 500; }
i, em { font-style: italic; }
small { font-size: 80%; }

::selection { background: #f0b4b4; color: #FFF; }
::-moz-selection { background: #f0b4b4; color: #FFF;}

a { text-decoration: none; outline: none; cursor: pointer; color: inherit; }

a.link {
    line-height: 1.618em;
    margin: 0 auto;     
    color: #9b4138;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }

a.link:hover {
    color: #494949;}

#socialnetwork {
    width: 100%;
    max-width: 150px;
    margin: 0 auto;
    padding: 1.25em 0;}

a#facebook, a#twitter, a#instagram, a#pinterest {
    color: #2e2e2e;
    font-size: 1.25em;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; 
    }

a#facebook:hover {
    color: #3b5997;}

a#twitter:hover {
    color: #4597d1;}

a#instagram:hover {
    color: #517fa4;}

a#pinterest:hover {
    color: #cb2027;}


/* TWITTER
----------------------------------------------------------------------------------------*/

img.twitter_soldier {
    max-width: 125px;
    display: block;
    margin: 0 auto;}

.user:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .user             { zoom: 1; } /* IE6 */
*:first-child+html .user { zoom: 1; } /* IE7 */

#latesttweet {
    max-width: 500px;
    padding: 0 0 2em 0;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 500px auto;
    }

#latesttweet ul li { list-style: none; }

#latesttweet ul li + li { margin: 2.5em auto 0 auto; }

.user {
    max-width: 150px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    }

.user a { border-bottom: none; color: #9b4138;}

.user a > span {
    margin: 0.5em auto 0 auto;
    display: block;
    }

.user span:last-child {
    margin: 0 auto;}

.interact { display: none; }

p.interact { display: none; }

[data-scribe="element:name"] { display: none; }

[data-scribe="element:avatar"] { display: none; }

[data-scribe="element:screen_name"], p.timePosted {
    color: #6c6c6c;
    font-size: 0.8em;
    font-family: 'Appareo';
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    }



/* NAVIGATION
----------------------------------------------------------------------------------------*/

.navigation {
  	display: block;
  	position: relative;
	max-width: 100%;
	text-align: center;}

.navigation, .footer_navigation {
    margin: 2.5em auto;}

.navigation li {
    position: relative;
	display: inline-block;
	padding: 1% 2% 1% 2%;}

.navigation li a {
	font-family: 'Appareo';
	font-weight: 400;
    font-size: 0.85em;
	color: #494949;
    text-transform: uppercase;
	letter-spacing: 0.25em;
	text-decoration: none;
	-webkit-transition: color 0.2s ease-in-out;
	-moz-transition: color 0.2s ease-in-out;
	-o-transition: color 0.2s ease-in-out;
	transition: color 0.2s ease-in-out;}

.navigation li a:hover, .navigation li.current a {color: #9b4138;}
.navigation_button { display: none }

@media screen and (max-width: 40em) {
    
.js .navigation {
    clip: rect(0 0 0 0);
    max-height: 0;
    position: absolute;
    display: block;
    overflow: hidden;}
    
.navigation {
    top: 0;
    width: 100%;
    position: relative;}
	
.navigation li {
	display: block;
	padding: 2% 1% 2% 1%;}

.navigation li:last-child {
	display: block;
	padding: 2% 1% 4% 1%;}
	
.navigation.opened { max-height: 9999px }
  
.navigation_button {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: block;
    margin: 2.5em auto 0;
    padding: 0;
    text-align: center;
    overflow: hidden;}

a.navigation_button:before { font-family: 'Awesome'; font-size: 1.5em; content: '\f0c9'; }

@media screen and (min-width: 76em) {
  .navigation { width: 18em }
}

}


/* VIDEO
----------------------------------------------------------------------------------------*/

.video {
    max-width: 50em;
    margin: 0 auto;
    display: block;}

.video_container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden; 
    max-width: 100%;
    margin: 0 auto;
    height: auto;}

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


/* RESOLUTION
----------------------------------------------------------------------------------------*/

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dppx) { 

    body {
    background-image: url(../../images/background@2x.jpg);
    background-repeat: repeat;
    background-size: 512px auto;
    }
	
}


/* TIME LINE
----------------------------------------------------------------------------------------*/

.timeline_container {
	width: 95%;
	max-width: 69em;
	margin: 4em auto;
	padding: 0 1.875em 3.125em;
}

.cbp_tmtimeline {
	margin: 30px 0 0 0;
	padding: 0;
	list-style: none;
	position: relative;
}

/* The line
.cbp_tmtimeline:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	width: 10px;
	background: #FFF;
	left: 20%;
	margin-left: -10px;
} */

/* The date/time */
.cbp_tmtimeline > li .cbp_tmtime {
	display: block;
	width: 20%;
	padding-right: 50px;
	position: absolute;
}

.cbp_tmtimeline > li .cbp_tmtime span {
	display: block;
	text-align: right;
    font-size: 1.25em;
	color: #494949;
}

.cbp_tmtimeline > li:nth-child(odd) .cbp_tmtime span:last-child {
	color: #494949;
}

/* Right content */
.cbp_tmtimeline > li .cbp_tmlabel {
	margin: 0 0 15px 25%;
	background: #FFF;
	color: #fff;
	padding: 2em;
	font-weight: 300;
	position: relative;
	border-radius: 5px;
}

.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel {
	background: #FFF;
}

.cbp_tmtimeline > li .cbp_tmlabel h2 { 
	margin-top: 0px;
	padding: 0 0 10px 0;
	border-bottom: 1px solid rgba(255,255,255,0.4);
}

/* The triangle */
.cbp_tmtimeline > li .cbp_tmlabel:after {
	right: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-right-color: #FFF;
	border-width: 10px;
	top: 10px;
}

.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel:after {
	border-right-color: #FFF;
}

/* The icons */
.cbp_tmtimeline > li .cbp_tmicon {
	width: 40px;
	height: 40px;
	font-family: 'ecoico';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	font-size: 1.4em;
	line-height: 40px;
	-webkit-font-smoothing: antialiased;
	position: absolute;
	color: #fff;
	background: #46a4da;
	border-radius: 50%;
	box-shadow: 0 0 0 8px #afdcf8;
	text-align: center;
	left: 20%;
	top: 0;
	margin: 0 0 0 -25px;
}

.cbp_tmicon-phone:before {
	content: "\e000";
}

.cbp_tmicon-screen:before {
	content: "\e001";
}

.cbp_tmicon-mail:before {
	content: "\e002";
}

.cbp_tmicon-earth:before {
	content: "\e003";
}

/* Example Media Queries */
@media screen and (max-width: 65.375em) {

	.cbp_tmtimeline > li .cbp_tmtime span:last-child {
		font-size: 1.25em;
	}
}

@media screen and (max-width: 47.2em) {
	.cbp_tmtimeline:before {
		display: none;
	}

	.cbp_tmtimeline > li .cbp_tmtime {
		width: 100%;
		position: relative;
		padding: 0 0 20px 0;
	}

	.cbp_tmtimeline > li .cbp_tmtime span {
		text-align: left;
	}

	.cbp_tmtimeline > li .cbp_tmlabel {
		margin: 0 0 30px 0;
		padding: 1em;
		font-weight: 400;
		font-size: 95%;
	}

	.cbp_tmtimeline > li .cbp_tmlabel:after {
		right: auto;
		left: 20px;
		border-right-color: transparent;
		border-bottom-color: #FFF;
		top: -20px;
	}

	.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel:after {
		border-right-color: transparent;
		border-bottom-color: #FFF;
	}

	.cbp_tmtimeline > li .cbp_tmicon {
		position: relative;
		float: right;
		left: auto;
		margin: -55px 5px 0 0px;
	}	
}




/* FLEXSLIDER
----------------------------------------------------------------------------------------*/

.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

@font-face {
	font-family: 'flexslider-icon';
	src:url(../../fonts/fontawesome-webfont.eot);
	src:url(../../fonts/fontawesome-webfont.eot?#iefix) format('embedded-opentype'),
		url(../../fonts/fontawesome-webfont.woff) format('woff'),
		url(../../fonts/fontawesome-webfont.ttf) format('truetype'),
		url(../../fonts/fontawesome-webfont.svg#fontawesome-webfont) format('svg');
	font-weight: normal;
	font-style: normal;
}

/* FlexSlider Necessary Styles
*********************************/
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 90%; display: block; height: 100%; border: 10px solid #fff;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider { z-index: 999; margin: 40px 0 60px 0; position: relative; zoom: 1; }
.flex-viewport { max-height: 1000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  { text-decoration: none; display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: #575757; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.flex-direction-nav .flex-prev { left: 50px; }
.flex-direction-nav .flex-next { right: 50px; text-align: right; }
.flexslider:hover .flex-prev { opacity: 0.7; }
.flexslider:hover .flex-next { opacity: 0.7; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
.flex-direction-nav a:before  { font-family: "flexslider-icon"; font-size: 40px; line-height:1; display: inline-block; content: '\f104'; }
.flex-direction-nav a.flex-next:before  { content: '\f105'; }

/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }

/* Control Nav */
.flex-control-nav {width: 100%; display: block; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
  .flex-direction-nav .flex-next { opacity: 1; right: 10px;}
}