/*
Theme Name:         Tag Site 2017
Theme URI:          http://tag.hexagram.ca/
Description:        Technoculture Art & Games Web Site
Version:            4.0
Author:             Max Stein
Author URI:         http://manwho.codes/
*/

html, body { margin:0px; padding:0px; }

body { font-family: 'Quicksand', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif'; font-size:13px; letter-spacing:3%; }


.container { max-width:75vw; }
//.container { max-width:855px; }

a:link, a:visited {
	color: #666;
}
a:focus, a:hover {
	color: #666;
	text-decoration: underline;
}

footer a:hover { text-decoration:none; }

header { position:relative; }
header, header p { line-height:150%; }

.navbar-staff { background:#8ae8d8; color:#fff; margin-bottom:0px; min-height:auto; font-size:13px; }

footer .navbar-staff { margin-top:-10px; }
header div.title { background:#15d1b1; padding:20px 0px; font-size:12px; }
header div.title .container { position:relative; }
header .navbar-main { background:#fff; margin:30px 0px; font-size:14px; border:none; }

footer > .container .row  { position:relative; }

.social-menu { position:absolute; z-index:1000; }
.social-menu img, .social-menu i { padding:0px 2px; }
.social-menu a:hover img, .social-menu a:hover i { opacity:0.7; }

.social-menu i { font-size:36px; color:#000; }

header .social-menu { top:50%; margin-top:-18px; height:36px; right:2px; }
footer .social-menu { top:45px; margin-top:-15px; height:30px; right:2px; }

.nav li a { padding-left:15px; padding-right:15px; }
.nav>li>a:focus { background:#fff; }

.navbar-staff li a { color:#fff; padding-top:10px; padding-bottom:10px; }
.navbar-staff li a:hover, .navbar-staff li a:focus, .navbar-staff li a:active { color:#fff; padding-top:10px; padding-bottom:10px; background:#8ae8d8; text-decoration:underline; }

.navbar-main li a { color:#666; text-transform:uppercase; }

.navbar-search { margin-right:0px; }
.navbar-search li a { border-bottom:2px solid #8ae8d8; padding-left:4px; padding-right:4px;  }
.navbar-search li a input { display:none; }
.navbar-search li a:hover, .navbar-search li.focus a { border-bottom:2px solid #8ae8d8; width:120px; padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px; }
.navbar-search li a:hover input, .navbar-search li.focus a input { display:block; }
.navbar-search li a:hover i, .navbar-search li.focus i { display:none; }

#sitesearch.form-control {
    width: 100%;
    height: auto;
    padding: 15px 0px;
    margin-top:2px;
    text-align:center;
    font-size: 14px;
    line-height: 100%;
    color: #666;
    background-color: transparent;
    background-image: none;
    border: none;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    font-weight:400;
}


#header-logo { float:left; height:112px; margin:10px 0px; }

#header-description { width:238px; float:left; margin:20px 30px; padding:10px 0px; float:left; }
#header-description p { padding:0px; margin:0px; }

#newsletter { font-family:"Times"; }

h1 { font-size:34px; line-height:52px; text-transform:uppercase; color:#666; }
h1 a { color:#666; }
h1.active a { color:#15d1b1; }
h1.title { font-weight:700; color:#000; margin:0px; padding:0px; }
aside h1, aside h2, aside h3, aside ul li { margin:0px; padding:0px; position:relative; }

aside h1 a span {
  word-break: break-word;
}

.splash #focus a h3 { display:none; position:absolute; transform: translate(-50%,-50%); left:50%; top:50%; margin:0px; color:#000; z-index:100; font-weight:700; letter-spacing:1.5px; text-align:center; width:75%; }



h2 { font-size:21px; text-transform:uppercase; color:#666; line-height:30px; }
h2.title { font-weight:700; color:#000; margin:0px; padding:0px; }
h2.title a { color:#15d1b1; }
h2.title a:active, h2.title a:focus, h2.title a:hover { text-decoration:none; opacity:0.8; }

//.research-creation h2.title { color:#15d1b1; font-size:21px; }
.research-creation h2.title { color:#15d1b1; font-size:18px; }
h2.subtitle { font-size:17px; text-transform:none; margin:0px; padding:0px; line-height:140%; }

aside h2.title { font-size:25px; text-transform:lowercase; color:#15d1b1; }

.carousel a:hover { text-decoration:none; }
.carousel a:hover div { opacity:0.9; }

h2.carousel-indicator { margin-right:-5px; }
h2.carousel-indicator a { color:#666; padding:0px 5px }
h2.carousel-indicator a.active { border-bottom:2px solid #15d1b1; color:#000; }

h3 { font-size:18px; font-weight:500; text-transform:uppercase; }

h4.goback, h4.follow { text-transform:none; font-weight:normal; margin-bottom:20px; padding:0px; color:#15d1b1; }
h4.goback a, h4.follow a { color:#15d1b1; }

h4.goback a:hover, h4.goback a:active, h4.goback a:focus { color:#15d1b1; text-decoration:none; }
h4.goback a:hover span.arrow, h4.goback a:active span.arrow, h4.goback a:focus span.arrow { text-decoration:underline; }
h4.goback span.arrow { font-size:26px; }

h4.goback i.arrow, h4.follow i.arrow { font-size:26px; position:relative; top:4px; padding-bottom:7px; margin-bottom:-7px; }
h4.goback a:hover i.arrow, h4.goback a:active i.arrow, h4.goback a:focus i.arrow, h4.follow a:hover i.arrow, h4.follow a:active i.arrow, h4.follow a:focus i.arrow { text-decoration:none; border-bottom:2px solid #15d1b1; padding-bottom:5px; }

h4.follow { padding:10px 0px; margin:0px; }

h4 { font-size:16px; font-weight:700; text-transform:uppercase; color:#666; }
h4.date { line-height:30px; }
h4.date span { border-bottom:5px solid #15d1b1; }
h4.title { color:#15d1b1; padding-top:10px; }
h4.title a { color:#15d1b1; }

h5 { font-size:14px; font-weight:700; text-transform:uppercase; }
h5.subtitle { font-size:11px; color:#666; margin-bottom:30px; line-height:30px; font-weight:500; text-transform:none; }

#people { display:none; }

.people-container h5.title { font-size:12px; font-weight:700; color:#15d1b1; line-height:17px; padding:5px 15px 0px 15px; }
.people-container h5.subtitle { font-size:12px; font-weight:500; color:#000; text-transform:none; line-height:20px; padding:0px 15px 15px 15px; }
.people-container:hover div, .people-container div.current { background:#15d1b1; }
.people-container:hover img { opacity:0.6; }
.people-container:hover h5, .people-container div.current h5 { color:#fff; }

.people-container {
  -webkit-transition: width 500ms, height 500ms; /* Safari */
	transition: width 500ms, height 500ms; /* Safari */
}

.people-container a:hover, .people-container a:active, .people-container a:focus { text-decoration:none; }

.bio-container { display:none; margin-top:-30px; margin-bottom:30px; }
.bio-container div { background:#15d1b1; color:#fff; padding:15px 15px; }

.bio-container a:link, .bio-container a:visited {
    color: #fff; text-decoration:underline;
}
.bio-container a:hover {
	text-decoration:none;
}

.people-container.col-xs-4 { padding-left:10px; padding-right:10px; }
.people-container.col-xs-3, .people-container.col-xs-6, .bio-container.col-xs-12 { padding-left:15px; padding-right:15px; }
.people-container.col-xs-3 h5.title { padding:5px 10px 0px 10px; }
.people-container.col-xs-3 h5.subtitle { padding:0px 10px 10px 10px; }

.element-container { position:relative; background:#15d1b1; overflow:hidden; border-bottom:6px solid #15d1b1; }

.isotope .element-item {
    padding-bottom: 40px;
}
.class-container { padding:0px; padding-left:15px; margin-right:-15px; }
.class { border:1px solid #15d1b1; margin-left:-1px; margin-top:-1px; padding:20px; height:200px; }
.class-container a:hover, .class-container a:active, .class-container a:focus { text-decoration:none; }
.description-container { padding:0px; padding-left:15px; margin-right:-15px; padding-right:15px; }

.description-container a { color:#fff; text-decoration:underline; }
.description-container a:hover { color:#fff; text-decoration:none; }

.description-container { display:none; }
.class-description { border:1px solid #15d1b1; margin-left:-1px; margin-top:-1px; padding:20px; background:#15d1b1; color:#fff; }


.class h4.title { color:#15d1b1; line-height:22px; text-transform:uppercase; padding:5px 15px 0px 15px; margin:0px; }
.class h4.subtitle { font-weight:500; line-height:22px; color:#15d1b1; text-transform:none; line-height:20px; padding:0px 15px 0px 15px; margin:0px; }
.class p { padding:10px 15px 0px 15px; color:#666; line-height:22px; margin:0px; }
.class p.small { padding-top:10px; }

.class:hover, .class.active { background:#15d1b1; }
.class:hover h4, .class:hover p, .class.active h4, .class.active p { color:#fff; }

#upcoming { margin-top:-15px; }
#past { margin-top:40px; }

.info-block { position:absolute; top:0px; left:0px; padding-top:5px; }
.element-container img { opacity:0.65; }
.info-block .author { display:none; }

.element-item:hover img { opacity:0; }
.element-item:hover .info-block .name, .element-item:hover .info-block .title { display:none; }
.element-item:hover .info-block .author { display:block; }

.research-creation .col-xs-12, .research-creation .col-sm-3 { padding-left:3px; padding-right:3px; }

.research-creation ul li a.active { color:#15d1b1; }

.isotope h2.title, .isotope p { color:#fff; padding:5px 10px; margin:0px; line-height:120%; 
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}


.button-group { margin:30px 0px; }
.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
		background:transparent;
    border: 2px solid transparent;
    border-radius: 0px;
		color:#666;
}

.btn.active, .btn:active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 2px solid #15d1b1;
		color:#15d1b1;
}

.entry-content h5.title { margin-top:20px; }

.single .research-creation .btn { border: 2px solid #15d1b1; color:#15d1b1; margin-top:10px; }

.single .research-creation .btn:hover { color:#8ae8d8; border: 2px solid #8ae8d8; }

.single .research-creation .info p { margin:0px; padding:0px; }
.single .research-creation .info p:first-child { padding-top:5px; }
.single .research-creation .info p:last-child { padding-bottom:10px; }

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: 0;
    outline-offset: 0px;
}

.values-container .inner-content { padding:15px; border:1px solid #15d1b1; margin-top:-1px; cursor:pointer; }
.values-container .inner-content.active { background:#15d1b1; color:#fff; border-bottom:1px solid #fff; border-top:1px solid #fff; }

.values-container .inner-content i.fa-arrow-down { font-size:21px; color:#32d1b1; display:block; text-align:center; }
.values-container .inner-content i.fa-arrow-up { font-size:21px; color:#fff; text-align:center; display:none; }

.values-container .inner-content.active i.fa-arrow-down { display:none; }
.values-container .inner-content.active i.fa-arrow-up { display:block; }

.values-container .inner-content.active h2, .values-container .inner-content.active a { color:#fff; }

.glossary-container h5 { font-weight:normal; text-transform:none; }

.glossary-container > p { margin-bottom:20px; }

.modal-body a { color:#000; text-decoration:underline; }
.modal-body a:hover { text-decoration:none; }

.PDS_Poll { }
.pds-box { width:100%; }

.poll-container { margin-bottom:60px; margin-top:40px; }

#PDI_container9368162 .pds-box {
    font-family: 'Quicksand', Helvetica, Arial, sans-serif!important;
    background: #fff;
    border: 1px solid #15d1b1!important;
    width:100%!important;
		font-size: 11px!important;
    text-align: left;
    color: #666!important;
    -webkit-border-radius: 0px!important;
    -moz-border-radius: 0px!important;
    border-radius: 0px!important;
}
.pds-question { margin-bottom:15px!important; }
#PDI_container9368162 .pds-box-outer { padding:20px!important; }
#PDI_container9368162 .pds-answer-group { display:inline-block!important; width:33%; padding:0px 0px 0px 0px!important; margin-bottom:0px!important; margin-top:0px!important; }

#pds-answer9368162 { position: relative!important; top: -14px!important; }
		
#PDI_container9368162 .pds-clear { display: block; clear: none!important; }

#PDI_container9368162 .pds-answer { border-top:none!important; border-bottom:none!important; }

#PDI_container9368162 .pds-vote-button {
    color: #fff!important;
    padding: 6px 12px!important;
    white-space: nowrap;
    background: #15d1b1!important;
    -webkit-border-radius: 0px!important;
    -moz-border-radius: 0px!important;
    border-radius: 0px!important;
    border: none!important;
    cursor: pointer;
    font-size: 12px;
    font-family: "Quicksand", Verdana, Arial!important;
    text-decoration: none;
    line-height: 25px;
		font-size:16px!important;
    font-weight: 700;
    margin: 0px!important;
		text-transform:uppercase!important;
}

#PDI_container9368162 .pds-question-top {
    font-size: 13px!important;
    line-height: 130%;
    color: #15d1b1!important;
    font-weight: 500!important;
    padding: 5px 0 10px;
}

#PDI_container9368162 .pds-answer label { color:#666!important; font-weight:500!important; text-transform:lowercase!important; }
#PDI_container9368162 .pds-links { display: none!important; }

aside ul { margin:20px 0px 0px 0px; list-style-type:none; padding:0px; }
aside ul li { font-size:18px; text-transform:lowercase; font-weight:400; line-height:160%; padding:0px; margin:0px; }
aside ul li a { color:#666; }
aside ul li a:focus, aside ul li a:hover { color:#15d1b1; text-decoration:none; }

article { margin-top:30px; }
article:first-child { margin-top:15px; }
article:first-child h3 { margin-top:0px; padding-top:0px; }
//.col-sm-7 article:first-child { margin-top:10px; }

article .entry-content a { text-decoration:underline; color:#000; }
article .entry-content a:hover, article .entry-content a:focus { text-decoration:none; }

article .entry-content h2 { color:#32d1b1; }

.banner img { }
.banner-text { background:#15d1b1; padding:20px 10px; width:100%; }
.banner-text p { font-size:16px; font-weight:100; }
.banner-text p, .banner-text a, .banner-text h2.title { color:#fff; padding:0px; margin:0px; line-height:150%; }

hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #15d1b1; }

small { font-size:10px; }

.content { margin-top:40px; }

.content p, footer p { font-size:13px; line-height:22px; }
.carousel-container { margin-top:40px; }
.carousel { margin-top:20px; }

footer { background:#15d1b1; margin-top:60px; padding:10px 0px; }
footer h5 { margin:40px 0px 20px 0px; }
footer hr { border-top: 1px solid #000; margin-top:30px; }
footer img { margin-right:5px; margin-bottom:5px; }

article img { margin:20px 0px; max-width:100%; height:auto; }
article img.alignleft { float:left; margin:0px 20px 20px 0px;  }
article img.alignright { float:right; margin:0px 0px 20px 20px; }

.blog-thumb img { margin:5px 0px 0px 0px; }

.alignright { float: right; }
.alignleft { float: left; }

.wp-caption { clear:both; margin:0px auto; float:none; margin-top:20px; margin-bottom:20px; }
p.wp-caption-text { font-size:85%; line-height:140%; padding-top:5px; }

.pager a { color:#15d1b1; font-weight:500; font-size:16px; }
.pager span { color:#666; font-weight:500; font-size:16px; }
.pager span.arrow { font-size:26px; }
.pager a:hover, .pager a:active, .pager a:focus span.arrow { text-decoration:none; }
.pager a:hover span.arrow, .pager a:active span.arrow { text-decoration:underline; }

.pager .page-numbers { padding:0px 2px; }
.pager .prev { padding-right:30px; }
.pager .next { padding-left:30px; }

.pager i.arrow { font-size:26px; position:relative; top:4px; padding-bottom:7px; }
.pager a:hover i.arrow, .pager a:active i.arrow { text-decoration:none; border-bottom:2px solid #15d1b1; padding-bottom:5px; }


//article p { clear:both; }

.input-group-addon {
    padding: 5px 20px 5px 20px;
    font-size: 24px;
    font-weight: 100;
    line-height: 1;
    color: #999;
    text-align: center;
    background-color: #f1f1f2;
    border: none;
    border-radius: 0px;
}


#quicksearch.form-control {
    display: block;
    width: 100%;
    height: auto;
    padding: 12px 12px;
		text-align:left;
    font-size: 20px;
    line-height: 1.42857143;
    color: #666;
    background-color: #f1f1f2;
    background-image: none;
    border: none;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
		font-weight:400;
}

.navbar-main li a:hover { background:transparent; color:#000; }

.form-control:focus {
    border-color: transparent;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.wpcf7-form-control:focus {
	border-color: #66afe9;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
}


@media screen and (min-width: 767px) {
	header .navbar-main ul { margin-left:-15px; }
	ul.nav li.dropdown:hover ul.dropdown-menu { display: block; }
	header .navbar-main li.active ul.dropdown-menu, header .navbar-main li.current-menu-ancestor ul.dropdown-menu { margin-top:-15px; }
	header .navbar-main ul.dropdown-menu { margin-left:0px; margin-top:0px; padding:0px; }
	.navbar-main li.active a, .navbar-main li.current-menu-ancestor a { color:#000; }

	.navbar-main li.active:after, .navbar-main li.current-menu-ancestor:after { content:""; margin:0px auto; display:block; position:relative; top:0px; width:14px; height:14px; border-radius:14px; background:#15d1b1; }
	.navbar-main .dropdown-menu li:after { display:none; }
	li.dropdown:hover>a { background:#15d1b1; color:#fff; cursor:default; }
	aside li.active a { color:#15d1b1; }
	aside .active:before { content:""; margin:0px auto; left:-30px; display:block; position:absolute; transform:translate(0,-50%); top:50%; width:14px; height:14px; border-radius:14px; background:#15d1b1; }
	
}

.dropdown-menu li.active { color:#fff; background:#8ae8d8; }

.nav>li.dropdown:hover>a:focus { background:#15d1b1; }

.dropdown-menu { border:1px solid #15d1b1; border-radius:0px; box-shadow:none; }

.dropdown-menu>li>a { border:1px solid #15d1b1; margin:-1px; padding:10px 15px; }

.dropdown-menu li.active a { color:#fff; background:#8ae8d8; }
.dropdown-menu li a:hover, .dropdown-menu li a:focus, .dropdown-menu li.active a:hover, .dropdown-menu li.active a:focus { background:#8ae8d8; color:#fff; }

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover { background:#15d1b1; color:#fff; }




/* responsive section */

.navbar-main .navbar-toggle {
    border-color: #ddd;
}

.navbar-toggle {
    position: relative;
    float: none;
    padding: 19px 10px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    background-color: #15d1b1;
    background-image: none;
    border: none;
    border-radius: 0px;
		width:100%;
}


.navbar-main .navbar-toggle .icon-bar {
    background-color: #fff; margin-left:auto; margin-right:auto;
}

.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 0px;
}

.navbar-main .navbar-toggle:focus, .navbar-main .navbar-toggle:hover {
    background-color: #8ae8d8;
}



@media screen and (max-width: 1150px) and (min-width:1100px) {
	.navbar-nav>li>a, .dropdown-menu>li>a { padding-left:12px; padding-right:12px; }
}

@media screen and (max-width: 1100px) {
	.container { max-width:100%; }
}

@media screen and (max-width: 992px) and (min-width: 768px){
	.navbar-search { width:100%; }
	.navbar-search li { float:none; }
	.navbar-search li a { width:21px; margin:0px auto; }
	.navbar-search li a:hover, .navbar-search li.focus a {
		width:200px;
	}
}

.mobile { display:none; }

@media screen and (max-width: 767px) {
	.desktop { display:none; }
	.mobile { display:block; }
	
	header .social-menu { left:18px; top:20px; height:26px; }
	header .social-menu img, header .social-menu i { padding:0px 2px; }
	
	footer .social-menu { top:45px; margin-top:-13px; height:26px; right:4px; }
	footer .social-menu img, footer .social-menu i { padding:0px; }

	.social-menu i { font-size:24px; }

	header #header-logo { text-align:center; width:100%; margin-top:40px; }
	header #header-description { display:none; }
	header .navbar-main { background:#fff; margin: 0px 0px 30px 0px; border-top:1px solid #fff; border-bottom:1px solid #8ae8d8; }
	
	.navbar-main li a { color: #666; text-transform: uppercase; text-align:center; width:200px; margin-left:auto; margin-right:auto; }
	
	.carousel-container { margin-top:0px; }
	.carousel-indicator { display:none; }
	.carousel-inner>.item { display:block; margin-bottom:30px; left: 0; position:static; -webkit-transform: none; transform: none; }
	.carousel-inner>.active.left { left:0; }
	.carousel-inner>.item.active.right, .carousel-inner>.item.next, .carousel-inner>.item.active.left, .carousel-inner>.item.prev, .carousel-inner>.item.active, .carousel-inner>.item.next.left, .carousel-inner>.item.prev.right { -webkit-transform: none; transform: none; }

	.dropdown-menu { padding-top:0px; }

	#navbar .navbar-search { margin-left:0px; }

	#sitesearch.form-control {
  	padding: 10px 0px;
	}
	
	.navbar-search li a:hover, .navbar-search li.focus a {
		width:200px;
	}
	.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a {
		padding: 10px 15px;
	}

	aside { margin-bottom:20px; }

	h1 { font-size:20px!important; line-height:150%; }
	h2 { font-size:18px!important; line-height:150%; }
	h4 { font-size:16px!important; line-height:150%; }
	
	#quicksearch.form-control {
		font-size: 14px;
	}
	.class-container { padding:0px; padding-left:10px; margin-right:-10px; }
	.class { border:1px solid #15d1b1; margin-left:-1px; margin-top:-1px; padding:10px 5px; height:250px; }

	.class h4.title { color:#15d1b1; line-height:160%; text-transform:uppercase; padding:5px 10px 0px 10px; margin:0px; }
	.class h4.subtitle { font-weight:500; line-height:160%; color:#15d1b1; text-transform:none; padding:0px 10px 0px 10px; } 
	.class p { padding:5px 10px 0px 10px; color:#666; line-height:160%; margin:0px; }
	.class p.small { padding-top:5px; }
	.class-container a:hover, .class-container a:active, .class-container a:focus { text-decoration:none; }
	.description-container { padding:0px; padding-left:10px; margin-right:-15px; padding-right:10px; }

	.class:hover, .class.active { background:#15d1b1; }
	.class:hover h4, .class:hover p, .class.active h4, .class.active p { color:#fff; }
	
	hr { border-top: 1px solid #15d1b1; margin-top:10px; margin-bottom:10px; }
	
	aside ul { margin: 10px 0px 0px 0px; }
		
	aside ul li { display:inline; padding-right:10px;  font-size: 14px; line-height: 160%; }
	
	footer .navbar-staff li { float:left; }
	
}

.square { margin-bottom:20px; }

/*
.container { 
-webkit-transition: opacity 750ms;
-moz-transition: opacity 750ms;
-ms-transition: opacity 750ms;
-o-transition: opacity 750ms;
transition: opacity 750ms;
}

.container { background:#fff; position:relative; margin-top:20px; padding:20px 25px; max-width:1100px; }
.container.bg { background:transparent; margin-top:10px; padding:0px 0px 10px 0px; color:#fff; }

#banner { position:relative; }

#header-logo { float:left; margin:0px 20px 20px 15px; width:201px; height:147px; background:url('_/img/tag-logo.jpg'); }


.element-item p.small { font-size:13px!important; }

#header-description { float:left; margin-top:43px; line-height:130%; width:285px; }

#alien {
	z-index:3;
	display: block;
	width: 72px;
	height: 36px;
	position: absolute;
	top: 20px;
	left: 4px;
	background: url("_/img/alien.gif") no-repeat;
}

#header-scene-container { clear:both; margin:0px 15px; position: relative; }

#header-scene { background: url("_/img/cityscape.gif") left top repeat-x; height:137px; margin-top:10px;	margin-bottom:20px; }

a { color:#000; }

.bubble{
	z-index:2;
	padding: 0px;
	background: #dbdbdb;
}

.bubble:after{
	content: '';
	position: absolute;
	border-style: solid;
	border-color: #dbdbdb transparent;
	display: block;
	width: 0;
	z-index: 1;
}

.bubble-open{
	position:absolute;
	top:30px;
	right:200px;
	width: 340px;
	padding:20px 0px 20px 10px;
	color:#fff;
	line-height:125%;
	display:none;
}

.bubble-open:after{
	border-width: 30px 15px 0;
	bottom: -30px;
	left: 100px;	
}

.bubble-open-inner { width:320px; }

.bubble-closed{
	position:absolute;
	top:138px;
	right:395px;
	width:50px;
	height:40px;
	padding:0px;
}

.bubble-closed:after{
	border-width: 30px 5px 0;
	bottom: -30px;
	left: 15px;	
}

.nav {
	position: relative;
	left: 0;
	display: block;
	float: left;
	margin: 0px 0px 0px -8px;
	padding:0px;
	list-style:none;
	z-index:2000;
}

.nav>li {
	display: block;
	float: left;
}

.nav>li>a {
	padding: 8px 8px;
	line-height: 19px;
	color:#000; font-size:15px;
	text-decoration: none;
}

.nav>li>a:hover { text-decoration:none; opacity:0.7; background:none; }
	
.navbar-main {
    background-image: none;
    filter: none;
    box-shadow: none;
    background:none;
    border:none;
}

.navbar {
    position: relative;
    min-height: 33px;
    margin-bottom: 0px;
}

ul.list-unpadded { padding-left:0px; margin-left:15px; list-style-position:outside; }

.alignleft { float:left; }
.alignright { float:right; }

img.alignleft { margin-bottom:10px; margin-right:20px; }
img.alignright { margin-bottom:10px; margin-left:20px; }

.search-field { background:#dbdbdb; height:30px; border:none; border-radius:2px 0px 0px 2px; color:#fff; font-family:"Quicksand"; size:24px; width:135px; padding-left:5px; outline:none; position:relative; left:10px; }

.search-img { height:30px; background:#dbdbdb; outline:none; position:relative; left:0px; padding:7px; top:11px; border-radius:0px 2px 2px 0px; }

h1, h2, h3, h4, h5 { word-wrap: break-word; }

h3 { font-weight:bold; text-transform:uppercase; color:#00c775; }
h3 a { color:#00c775; }
.title { text-transform:uppercase; font-weight:600; margin-bottom:10px; padding-bottom:0px; }
.subtitle { margin-top:10px; padding-top:0px; }

.current-menu-item a { color:#00c775!important; font-weight:bold; }


//.entry-content a { color:#00c775; }
.entry-content p a { font-weight:bold; }
//hr { border-color:#00c775; }

.highlights-container:hover { opacity:0.8; }
//.highlights img { border:1px solid #eee; margin:8px 0px; }

#sliders-container { opacity:0; padding:0px; height:0px; margin-top:0px; }
#photostream div:first-child { margin:inherit; }
.slider { padding:10px; position:relative; }
.slider div { width:100%; }
//.slider img { border:1px solid #eee; margin:8px 0px; }

.people-container img { display:block; }

.bio-container { display:none; }

.container .row { margin-top:20px; margin-bottom:20px; }
.container .row:first-child { margin-top:0px; margin-bottom:0px; }

#footer img { margin:10px 10px 20px 10px; }

a img:hover { opacity:0.8; }

.embed-responsive { margin-bottom:20px; }

section { margin-bottom:40px; }
section section { margin-bottom:20px; }





.articlesandbookchapters { background-color:#009D91!important; color:#fff!important; }
.booksandeditedcollections { background-color:#FFA700!important; color:#fff!important; }
.conferencepapersandtalks { background-color:#FB000D!important; color:#fff!important; }
.games { background-color:#87EA00!important; color:#fff!important; }
.theses { background-color:#FF2800!important; color:#fff!important; }
.workshopspanelsroundtables { background-color:#8506A9!important; color:#fff!important; }

.articlesandbookchapters p { color:#fff!important; }
.booksandeditedcollections p { color:#fff!important; }
.conferencepapersandtalks p { color:#fff!important; }
.games p { color:#fff!important; }
.theses p { color:#fff!important; }
.workshopspanelsroundtables p { color:#fff!important; }


button:focus {outline:0;}
button { background:#fff; color:#000; border:none; border-radius:2px; padding:5px; text-align:left; }
button:hover { cursor:pointer; }
#filters button { width:100%; text-align:left; }
#sorts button { padding:5px; margin-top:5px; }

div { word-wrap: break-word; }

#sidebar.affix {
  position: fixed;
  top:5px;
}

#past-events a:hover { text-decoration:none; opacity:0.9; }

#sidebar { overflow-x:hidden; overflow-y:auto; }

#sidebar.affix-bottom {
  position: absolute;
}

.search-container { margin-top:-44px; float:right; margin-right:15px; }
#sidebar.affix, #sidebar.affix-bottom { width:240px; }

@media screen and (max-width: 1200px) {
	#sidebar.affix, #sidebar.affix-bottom { width:207.5px; }
	.search-field { width:125px; }
	.nav>li>a { font-size:14px; }
}


@media screen and (min-width: 768px) and (max-width: 992px) {
	#sidebar.affix, #sidebar.affix-bottom { width:152.5px; }
	#sidebar.affix-bottom { margin-bottom:200px; }

	.nav>li>a { font-size:14px; padding:0px 4.43749976px; }
	.search-field { height:20px; }
	.search-img { height:20px; padding:4px; top:5px; }
	.search-container { margin-top:2px; margin-bottom:-41px; float:none; text-align:center; size:12px; }
}

@media screen and (min-width: 768px) {
	header { height:370px; }
}


.mobile-only { display:none; }
.full-only { display:block; }


.container .isotope { margin:0px; margin-top:10px; z-index:10; }

//.isotope p.title { max-height:42px; overflow:hidden; }

#filters button:focus, #sorts button:focus { background:#00c775; color:#fff; outline:none; box-shadow:none; }

#filters button:active, #sorts button:active { background:#fff; color:#000; outline:none; box-shadow:none; }

#filters button.active, #sorts button.active { background:#00c775; color:#fff; border:none; border-radius:2px; font-weight:bold; }
#filters button.active:hover, #sorts button.active:hover { background:#00c775; color:#fff; border:none; border-radius:2px; font-weight:bold; }
#filters button.active:focus, #filters button.active:active, #sorts button.active:focus, #sorts button.active:active { background:#00c775; color:#fff; border:none; border-radius:2px; font-weight:bold; }


.selector { transition: opacity 0.5s; }
.selector:hover { opacity:0.7; cursor:pointer; }
.selector.active:hover { opacity:1.0; }
.selector p { font-size:12px !important; line-height:120%; padding:0px 5px 0px 0px; }

.sticky #filters { width:100%; }

.filter-container { border-top:1px solid #ccc; margin-top:0px; padding:10px 0px 10px 0px; }
.filter-list .filter-inner { overflow:auto; min-height:125px;  }
.research-color { width:13px; height:13px; float:left; margin-top:2px; margin-right:5px; border-radius:2px 2px 2px 2px; }

.info-content { position:absolute; display:none; z-index:200; border-radius:0px 0px 6px 6px; border:1px solid #000; padding:10px; }


.info-block { transition: background 0.5s; }
.info-block:hover { background:rgba(0,0,0,0)!important; }


.info-block { float:left; }
.info-block p { position:absolute; left:10px; word-wrap: break-word; font-size:15px!important; line-height:120%; color:#fff; font-weight:400; }
.info-block p.year { top:10px; }
.info-block p.title { top:30%; font-weight:bold; }
.info-block p.author { bottom:0px; }


.bubble-open{
	right:120px;
}
.bubble-closed{
	right:315px;
}
.bubble-open:after{
	left: 100px;	
}
.bubble-closed:after{
	left: 15px;	
}

@media screen and (max-width: 1200px) {
	.bubble-open{
		right:-10px;
	}
	.bubble-closed{
		right:185px;
	}
}

@media screen and (max-width: 992px) {
	.bubble-open{
		top:50px;		
		right:50px;
		z-index:10000;
	}
	.bubble-closed{
		z-index:10000;
		top:158px;
		right:245px;
	}
}

@media screen and (max-width: 768px) {
	#header-logo { float:none; margin: 10px auto; }
	#header-description, #header-scene-container, .bubble { display:none; }
	.container { margin-top:10px; padding:10px 15px; }
	#sliders-container { padding:10px 15px; margin-top:10px!important; }
	
	.search-form { position: absolute; top: 45px; }
	
	.mobile-only { display:block; }
	.full-only { display:none; }
		
	.selector.reveal { min-height:200px; }
	aside { display:none; }
	aside.mobile { display:block; }
	aside.mobile #sidebar.affix, aside.mobile #sidebar.affix-top, aside.mobile #sidebar.affix-bottom { position:relative; top:0; bottom:0; width:inherit; }
	
	.info-block p.author { display:none; }
	.info-block p { font-size:12px!important; }
}
@media screen and (max-width: 500px) {
	.selector.reveal { min-height:250px; }
}
*/