/*------------------------------------------------------------------

[Table of contents]

01. Typography
02. Header Styling
03. Header Logo
04. Dividers
05. Component Styling
06. Resolution Media Queries
07. Lightbox
08. Font Import

-------------------------------------------------------------------*/

/*------------------------------------------------------------------
[01. Typography]
*/

body{
	font-family: 'Source Sans Pro', sans-serif;
	letter-spacing: 0;
	font-weight: 400;
	font-size: 1.5rem;
	line-height: 1.5;
	color: #083f5d;
}
h1, 
h2, 
h3, 
h4, 
h5, 
h6{
	font-family: 'Source Sans Pro', sans-serif;
}

a {
	color: #083f5d !important;
}

/* Titles */
h1,
h2,
h3,
h4,
h5,
h6{
	line-height: 1.1;
	font-weight: 400;
	text-transform: none;
	color: #083f5d;
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover,
p a:hover,
.text-xlarge a:hover,
.text-large a:hover,
.text-medium a:hover,
.text-small a:hover
{
	color: #ccc !important;
}
h1{
	font-size: 4rem;
}
h2{
	font-size: 3rem;
}
h3{
	font-size: 2rem;
}

h4{
	font-size: 1.862rem;
}
h5{
	font-size: 1.4rem;
}
h6{
	font-size: 1.053rem;
}

/* Text Classes */
.text-xlarge{
	font-size: 2.016rem;
	font-family: 'Source Serif Pro', serif;
}
.text-large{
	font-size: 1.68rem;
	font-family: 'Source Serif Pro', serif;
}
.text-medium{
	font-size: 1.4rem;
	line-height: 2rem;
}
.text-small{
	font-size: 1.167rem;
}

@media only screen and (max-width: 768px){
	h1 {
		font-size: 3.755rem;
	}
	h2{
		font-size: 2.823rem;
	}
	h3 {
		font-size: 2.123rem;
	}
	h4 {
		font-size: 1.596rem;
	}
	h5{
		font-size: 1.2rem;
	}
	h6{
		font-size: 1.053rem;
	}
	.title-xlarge{
		font-size: 5.826rem;
	}
	.title-large{
		font-size: 4.381rem;
	}
	.title-medium{
		font-size: 2.123rem;
	}
	.title-small{
		font-size: 1.2rem;
	}
}

/*------------------------------------------------------------------
[02. Header Styling]
*/

/* Initial Position */
.header-bottom{
	bottom: 0;
}

/* Intial Height */
.header .logo,
.header .header-inner .navigation > ul > li,
.header .header-inner .navigation > ul > li > a:not(.button),
.header .header-inner .dropdown > .nav-icon{
	height: 10rem;
	line-height: 10rem;
}

/* Header Initial Styling */
.header .header-inner{
	background-color: #fff;
	padding-top: 4rem;
	padding-bottom: 2rem;
}

/* Transparent Header Initial & Active Nav Colors */
.header-transparent .header-inner{
	background-color: transparent;
}
.header-transparent .header-inner > .nav-bar{
	border-bottom: none;
}
.header-bottom.header-transparent .header-inner > .nav-bar{
	border-top: 1px solid rgba(255,255,255, 0.2);
	border-bottom: none;
}

/* Background Header - On Scroll! */
.header-background .header-inner{
	background-color: #fff;
}
.header-background .header-inner > .nav-bar{
	border-bottom: none;
}

/* Header Inner Top */
.header .header-inner-top{
	height: 4rem;
	background: #232323;
	color: #fff;
}

/* Mobile Header Styles & Breakpoints */
.mobile .header .header-inner{
	background-color: #fff;
	border-top: none;
	height: 10rem !important;
}
.mobile .header .header-inner{
	border-bottom: none;
}
.mobile .header + .content{
	padding-top: 0;
}
@media only screen and (max-width: 960px){
	.header .header,
	.header .header-inner,
	.header.header-transparent .header-inner{
		background-color: #fff;
	}
	.header .header-inner{
		border-bottom: none;
	}
	.header .header-inner > .nav-bar{
		padding: 0;
	}
}

/*------------------------------------------------------------------
[03. Header Logo]
*/

/* Initial Logo Width */
.header .logo{
	width: 90px;
}

/* Compacted Header Logo Width */
.header-compact .logo{
	width: 90px;
}

/* Initial Logo Styling */
.header .logo a{
	display: block !important;
	position: absolute;
	top: 0;
}
.header-in .logo a,
.header-out .logo a{
	-webkit-transition-duration: 0ms;
	transition-duration: 0ms;
}
.header .logo a:first-child{
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
.header .logo a + a{
	display: none !important;
}

/* Transparent Header Show Light Logo */
.header-transparent .logo a:first-child{
	opacity: 0;
	-webkit-transform: translateY(5rem);
	transform: translateY(5rem);
}
.header-transparent .logo a + a{
	display: block !important;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

/* Header Background Logo Swap to Dark Logo - On Scroll! */
.header-background .logo a:first-child{
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
.header-background .logo a + a{
	display: block !important;
	opacity: 0;
	-webkit-transform: translateY(-5rem);
	transform: translateY(-5rem);
}

/* Logo Nav Dark */
.nav-dark .logo a:first-child{
	display: block !important;
	top: 0;
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
.nav-dark .logo a:last-child{
	display: none !important;
}

/* Logo Mobile Header & Breakpoints */
.mobile .header .logo a:first-child{
	display: block !important;
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
@media only screen and (max-width: 960px){
	.header .logo-inner{
		display: table-cell;
		vertical-align: middle;
	}
	.header .logo a{
		position: relative;
	}
	.header .logo a:first-child{
		opacity: 1;
		top: 0;
		-webkit-transform: translateX(0) !important;
		transform: translateX(0) !important;
	}
	.header .logo a:last-child{
		display: none !important;
	}
}

/*------------------------------------------------------------------
[04. Dividers]
*/

hr,
.divider{
	border: 1px solid #ccc;
	width: 10%;
}

/*------------------------------------------------------------------
[05. Component Styling]
*/

/* Hero Sections */
.hero-1,
.hero-2,
.hero-3,
.hero-4,
.hero-5,
.hero-6{
	height: 50rem;
}
[class*="hero-"].small{
	height: 30rem;
}
[class*="hero-"].window-height{
	height: 100vh;
}
.hero-5 .center .tms-pagination{
	text-align: center;
}

/*------------------------------------------------------------------
[06. Resolution Media Queries]
*/

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (		 min-device-pixel-ratio: 2),
only screen and (			min-resolution: 192dpi),
only screen and (				min-resolution: 2dppx) {

	/* Hero Sections */
	.hero-5-1 .media-column{
		background-image: url(../images/architecture/generic/hero-half-1@2x.jpg);
	}
	.hero-5-2 .media-column{
		background-image: url(../images/team/hero-half-2@2x.jpg);
	}

}

/*------------------------------------------------------------------
[11. Lightbox]
*/

.tm-lightbox{
	background: rgba(255,255,255,1);
}

#tml-content-wrapper.zoomed + #tml-caption span{
	background-color: rgba(0,0,0,0.3);
	border: none;
	color: #fff;
}

/* Standard Modal Mode */
#tm-lightbox.tml-modal-mode {
	background: rgba(0,0,0,0.5) !important;
}
.tml-modal-mode .modal-dialog{
	box-shadow: none !important;
}
.tml-modal-mode #tml-exit{
	color: #111;
}
.tml-exit-light #tml-exit{
	color: #fff;
}
.rounded .modal-dialog,
.rounded .section-block{
	border-radius: 0.3rem;
}

/* Common Modal Mode */
.tml-contact-modal .modal-dialog > div,
.tml-newsletter-modal .modal-dialog > div,
.tml-search-modal .modal-dialog > div,
.tml-promotion-modal .modal-dialog > div{
	padding-left: 0;
	padding-right: 0;
}
.tml-contact-modal .contact-form-container,
.tml-search-modal .search-form-container,
.tml-newsletter-modal .signup-form-container {
	padding-left: 3rem;
	padding-right: 3rem;
}

/* greyscale upon modal opening */
.modal-open .wrapper-inner{
	-webkit-filter: grayscale(100%);
			filter: grayscale(100%);
}
@media only screen and (max-width: 960px){
	.tml-padding-small #tml-content-wrapper{
		left: 5% !important;
		right: 5% !important;
	}
}
@media only screen and (max-width: 768px){
	.tml-modal-mode .modal-dialog{
		width: 100% !important;
	}
	.tml-modal-mode .modal-dialog > div{
		padding-left: 0;
		padding-right: 0;
	}
	.tml-swap-exit-light #tml-exit{
		color: #fff;
	}
	.tml-modal-mode .hero-5{
		padding-bottom: 2rem; 
	}
	.tml-modal-mode .hero-5 .column:first-child:not(.media-column) .split-hero-content{
		margin-top: 4rem;
	}
}

/* Navigation */
.tml-nav{
	color: #999;
	opacity: 0.7;
}
.tml-nav:hover{
	color: #000;
}

/*------------------------------------------------------------------
[08. Font Import]
*/

/* source-sans-pro-300 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/source-sans-pro/source-sans-pro-v21-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/source-sans-pro/source-sans-pro-v21-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro/source-sans-pro-v21-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro/source-sans-pro-v21-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro/source-sans-pro-v21-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro/source-sans-pro-v21-latin-300.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-300italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/source-sans-pro/source-sans-pro-v21-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/source-sans-pro/source-sans-pro-v21-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro/source-sans-pro-v21-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro/source-sans-pro-v21-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro/source-sans-pro-v21-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro/source-sans-pro-v21-latin-300italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-regular - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/source-sans-pro/source-sans-pro-v21-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/source-sans-pro/source-sans-pro-v21-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro/source-sans-pro-v21-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro/source-sans-pro-v21-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro/source-sans-pro-v21-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro/source-sans-pro-v21-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/source-sans-pro/source-sans-pro-v21-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/source-sans-pro/source-sans-pro-v21-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro/source-sans-pro-v21-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro/source-sans-pro-v21-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro/source-sans-pro-v21-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro/source-sans-pro-v21-latin-italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-serif-pro-300 - latin */
@font-face {
  font-family: 'Source Serif Pro';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/source-serif-pro/source-serif-pro-v15-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/source-serif-pro/source-serif-pro-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-serif-pro/source-serif-pro-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-serif-pro/source-serif-pro-v15-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-serif-pro/source-serif-pro-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-serif-pro/source-serif-pro-v15-latin-300.svg#SourceSerifPro') format('svg'); /* Legacy iOS */
}
/* source-serif-pro-300italic - latin */
@font-face {
  font-family: 'Source Serif Pro';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/source-serif-pro/source-serif-pro-v15-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/source-serif-pro/source-serif-pro-v15-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-serif-pro/source-serif-pro-v15-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-serif-pro/source-serif-pro-v15-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-serif-pro/source-serif-pro-v15-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-serif-pro/source-serif-pro-v15-latin-300italic.svg#SourceSerifPro') format('svg'); /* Legacy iOS */
}
/* source-serif-pro-regular - latin */
@font-face {
  font-family: 'Source Serif Pro';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/source-serif-pro/source-serif-pro-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/source-serif-pro/source-serif-pro-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-serif-pro/source-serif-pro-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-serif-pro/source-serif-pro-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-serif-pro/source-serif-pro-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-serif-pro/source-serif-pro-v15-latin-regular.svg#SourceSerifPro') format('svg'); /* Legacy iOS */
}
/* source-serif-pro-italic - latin */
@font-face {
  font-family: 'Source Serif Pro';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/source-serif-pro/source-serif-pro-v15-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/source-serif-pro/source-serif-pro-v15-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-serif-pro/source-serif-pro-v15-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-serif-pro/source-serif-pro-v15-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-serif-pro/source-serif-pro-v15-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-serif-pro/source-serif-pro-v15-latin-italic.svg#SourceSerifPro') format('svg'); /* Legacy iOS */
}