/*
Theme Name: AAA
Theme URI: http://www.urbantactics.com/
Description: Custom.
Version: 0.1
Author: Sean Deel
Author URI: http://www.seandeel.com/
Tags: academic, cultural

*/

body {
    font-family: 'Roboto', sans-serif;
}
@font-face {
  font-family: 'colombes';
  src: url('fonts/colombes_sans_2-webfont.eot');
  src: url('fonts/colombes_sans_2-webfont.eot?#iefix') format('embedded-opentype'),
       url('fonts/colombes_sans_2-webfont.woff') format('woff'),
       url('fonts/colombes_sans_2-webfont.ttf') format('truetype'),
       url('fonts/colombes_sans_2-webfont.svg#ColombesSansRegular') format('svg');
  font-weight: normal;
  font-style: normal;

}
h1, h2, h3, h4, h5, h6, .colombes {
	font-family: 'colombes', sans-serif;
	text-transform: uppercase;
	font-weight: normal;
}
.container-fluid {
	padding-left: 2em;
	padding-right: 2em;
}
.bg-faded {
	background-color: rgba(247, 247, 249, .8);
}
#logo {
	margin-bottom: 3em;
	padding-top: 3em;
	background-color: rgba(255, 255, 255, .6);
	height: 100%;
}
body.home #logo {
	position: fixed;
}
div.menu-home-page-container {
	font-family: 'Roboto', 'Poppins', sans-serif;
	/*text-transform: uppercase;*/
	font-size: .9rem;
}
/*body.home div.menu-home-page-container {
	font-size: 1.3rem;
}*/
body.home div.menu-home-page-container {
	padding-top: 30px;
}
body.home div.menu-home-page-container a {
	color: #000;
	/*text-shadow: 0px 0px 2px #fff;*/
}
.home-menu {
	padding-bottom: 1em;
}
div.menu-home-page-container ul {
	list-style: none;
	margin: 0;
	padding: 0;
	font-weight: 600;
	text-transform: uppercase;
}
div.menu-home-page-container ul li {
	margin-bottom: .5em;
}
div.menu-home-page-container ul li ul {
	display: none;
	font-family: 'Roboto', 'Arial', sans-serif;
	text-transform: none;
	padding-left: 10px;
	margin-top: 5px;
	/*border-bottom: 1px solid #ddd;*/
	margin-bottom: 10px;
	font-weight: 500;
/*	padding-right: 10px;
	border-right: 1px solid #ddd;*/
}
div.menu-home-page-container ul li.current-menu-parent ul {
	display: block;
/*	border-right: none;
	padding-right: 0;*/
}
div.menu-home-page-container li.current-menu-item ul {
	display: block;
}
div.menu-home-page-container>ul>li.current-menu-item, div.menu-home-page-container>ul>li.current-menu-parent {
	padding-right: 5px;
	border-right: 3px solid #444;
}
li.current-menu-item a {
	color: #777;
}
ul li ul li.current-menu-item a, ul li ul li.current-menu-parent a {
	font-weight: 500;
	color: #f10066;
}
#social-media {
	background-color: transparent;
	font-size: 120%;
}
#social-media div.container-fluid {
	padding-left: 0;
	padding-right: 0;
}
#social-media a, a.soc-med {
	color: #000;
	background-color: #fff;
	border-radius: 100%;
	width: 32px;
	height: 32px;
	display: inline-block;
	line-height: 33px;
	text-align: center;
}
a.soc-med {
	background-color: #bbb;
}
div.soc-med {
	margin-top: 20px;
}
div.soc-med a {
	display: inline-block;
	width: 18%;
}
#social-media a:hover, a.soc-med:hover {
	color: #fff;
	background-color: #000;
}
#social-media li {
	text-align: center;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: 300;
}
.page-header {
	margin-top: 3rem;
}
.project-item {
	margin-bottom: 20px;
}
.project-item img {
	margin-bottom: 0px;
}
.project-item h6 {
	font-weight: 400;
}
.project-item a, .section-heading a, a.no-color, ul.no-color a {
	color: #444;
}
.project-item h6 a {
	display: block;
	color: #fff;
}
.middle {
	border-left: 1px solid #ddd;
	min-height: 500px;
}

#proj-info p {
	line-height: 1.1;
}
#proj-info br {
	display: block;
	margin-bottom: 5px;
}
#proj-info .inner {
	border-top: 3px solid #f10066;
	padding-top: 1em;
}
.fade {
	opacity: 1;
}
.fade.text-right h3 {
	border-bottom: 1px solid #ddd;
	padding-bottom: 1rem;
}
/*.fade {
   opacity: .3;
   transition: opacity 100ms ease-in-out;
   -moz-transition: opacity 100ms ease-in-out;
   -webkit-transition: opacity 100ms ease-in-out;
}

.fade:hover {
	opacity: .9;
}*/
.img-fade {
   transition: opacity 200ms ease-in-out;
   -moz-transition: opacity 200ms ease-in-out;
   -webkit-transition: opacity 200ms ease-in-out;
}

.img-fade:hover {
	opacity: .8;
}
#footer-logo {
	margin-right: 20px;
}
#footer {
	margin-top: 3em;
	font-weight: 300;
	font-size: .9rem;
}
hr.content-sep {
	margin-bottom: 3rem;
}
hr.footer-hr {
	margin-top: 4rem;
}
hr {
	border-top: none;
}
.entry-content hr {
	border-top: .0625rem solid rgba(0, 0, 0, .1);
}
/*body.archive div.container, body.single div.container, body.page div.container {
	background-color: rgba(255, 255, 255, .9);
	padding-top: 2em;
	margin-top: 2em;
	padding-bottom: 2em;
}*/
div.news-entry {
	margin-bottom: 2.5em;
}
a:hover {
	text-decoration: none;
}
/*body.single-project .middle h1 span {
	font-size: 5rem;
	color: #fff;
	padding: 0 1rem;
	line-height: 1;
	background-color: #E5008A;
}
body.single-project .middle h1 {
	margin-bottom: 3rem;
}*/
h1.research-title-img, div.single-title {
	background-color: #f10066;
	display: inline-block;
	/*font-size: 5rem;*/
	color: #fff;
	padding: .6rem .8rem;
	margin: -3em .1em 0 1em;
}
div.single-title h1 {
	font-size: 1.75rem;
	font-weight: 300;
	margin: 0;
}
div.single-title p {
	font-weight: 300;
}
p.research-desc-img {
	display: inline-block;
	background-color: #000;
	color: #fff;
	margin: 0 0 0 3em;
	padding: .5rem 1rem;
	clear: both;
}
a, .pagination>li>a, .pagination>li>span, span.pink {
	color: #f10066;
}
a:hover {
	color: #444;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
	background-color: #f10066;
	border-color: #f10066;
}
.pagination>li:first-child>a, .pagination>li:first-child>span {
	border-top-left-radius: 0rem; 
 	border-bottom-left-radius: 0rem;
}
.pagination>li:last-child>a, .pagination>li:last-child>span {
	border-top-right-radius: 0rem;
	border-bottom-right-radius: 0rem;
}
.news-thumb img {
	margin-bottom: 1em;
}
.news-thumb {
	margin-top: .45em;
}
#proj-info ul {
	padding-left: 0;
	list-style: none;
}
.btn-font {
	text-transform: uppercase;
	font-family: 'colombes', sans-serif;
	letter-spacing: .1rem;
	border-radius: 0;
}
#research-header {
	height: 300px;
	background-size: cover;
	background-position: 50% 50%;
	overflow: hidden;
}
.single-title + .research-info {
	margin-top: 3em;
}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
div.expand-div {
	display: none;
}
p, li {
	font-size: .9rem;
}
.project-item-inner {
	position: relative;
	padding-top: 2.6rem;
	overflow: hidden;
}
.project-item-inner .tile-info {
	position: absolute;
	width: 100%;
	margin-top: -2.6rem;
}
.tile-info {
	background-color: #f10066;
	color: #fff;
	z-index: 100;
}
.tile-info p {
	display: none;
	padding: .8rem;
}
.tile-info p a {
	color: #fff;
}
.tile-info h6 {
	margin-bottom: 0;
}
.tile-info h6 a {
	display: block;
	padding: .8rem;
}
#transp-stripe {
	position: fixed;
	background-color: rgba(255, 255, 255, .6);
	height: 100%;
	width: 12%;
}
a.lang-pref span {
	font-size: 90%;
}
a.lang-pref {
	color: #444;
}
a.lang-pref.lang {
	color: #f10066;
}
img.img-desaturate {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
	filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");
	z-index: 50;
}
.op8 {
	opacity: .7;
}
.tile-link {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 150;
}
#slidecaption {
	position: absolute;
	right: 20px;
	bottom: 50px;
	z-index: 400;
	overflow: visible !important;
}
#slidetitle {
	font-family: 'colombes';
	font-size: 3rem;
	text-transform: uppercase;
	display: block;
}
#slidecaption {
    font-family: 'Roboto', sans-serif !important;
}
#controls {
	overflow: visible;
}
#controls-wrapper {
	background-image: none;
}
#tray-button {
	display: none;
}