/*
Theme name: Mithril Responsive
Description: Custom Theme
*/

/******* Mithril Responsive WordPress CSS *******/

/* Common elements styling */

.post .entry ul { margin-left: 25px; }
.post .entry ol { margin-left: 25px; }
.post .entry a img { border: 0 }

p img { padding: 0;	max-width: 100%; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { margin: 2px 0 2px 7px; display: inline; }
img.alignleft { margin: 2px 7px 2px 0; display: inline; }
.alignright { float: right; display: inline; }
.alignleft { float: left; display: inline; }
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }

/* Calendar widget */
#wp-calendar { empty-cells: show; margin: 10px auto 0; }
#wp-calendar #next a { padding-right: 10px; text-align: right; }
#wp-calendar #prev a { padding-left: 10px; text-align: left; }
#wp-calendar a { display: block; }
#wp-calendar caption { text-align: center; width: 100%; }
#wp-calendar td { padding: 3px 0; text-align: center; }
.wp-caption { border: 1px solid #ddd; text-align: center; padding-top: 4px; margin: 10px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0;}

/* Big images in rich text editor should not break page layout */
.post .entry { overflow: hidden; } 

/******* /Mithril Responsive WordPress CSS *******/

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

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

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

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

* { margin: 0; padding: 0; outline: 0; }

body, html { height: 100%; }

body {
	font-size: 12px;
	line-height: 1.3;
	font-family: arial, sans-serif;
	color: #000;
	background: #0f0f0f;
	min-width: 100%;
	-webkit-text-size-adjust: none;
}

a { color: #0252aa; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
a img { border: 0; }

input, textarea, select { font-size: 12px; font-family: arial, sans-serif; }
textarea { overflow: auto; }

p { font: 15px/24px "helveticaneuelt_stdregular", arial, sans-serif; color:#545759; }

h3 { padding: 0 0 25px; font: 20px/24px "futura_heavyregular", arial, sans-serif; color:#00264c; text-transform: uppercase; }
.posts-section .entry > h3 { padding-bottom: 10px; }

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }

.wrapper {
   min-height: 100%;
   height: auto !important;
   height: 100%;
   margin: 0 auto -68px; /* The bottom margin is the negative value of the footer's height */
}

.shell { max-width: 1200px; margin: 0 auto; }

/*
	Header
*/

#header { position:relative; height:68px;  background: #fff; z-index: 5; -webkit-transform: translate3d(0,0,0); }

#logo { width: 196px; margin: 0 auto; padding: 25px 0; }
#logo a { display:block; height:16px; background: url(images/logo.png) no-repeat 0 0; }

nav { position:absolute; top: 0; right:0; width:134px; height:68px; background: #fff url(images/nav-bg.png) no-repeat center center; cursor: pointer; }
nav ul { display:none; position:absolute; top:100%; left: 0; width: 100%; background-color:#fff;  text-align:center; list-style: none; }
nav ul li a { display:block; padding: 15px 0; font: 14px/18px "futuramedium", arial, sans-serif; color:#00264c; text-transform: uppercase; }
nav ul li a:hover { text-decoration:none;  }
nav ul li + li { border-top: 1px solid #d4d4d4;  }

/*
	Footer
*/

#footer-push {
   height: 68px; /* #footer-push must be the same height as #footer */
}

#footer { position:relative; z-index: 3; height:16px;  padding: 26px 0; background-color:#fff;  -webkit-transform: translate3d(0,0,0); }
#footer .shell > ul { margin-left: -26px; }
.subpage #footer { background-color:#fff;  }

#footer ul li { display:inline; margin-right:24px;  }
#footer ul li a { font: 12px/14px 'futura_bookregular', arial, sans-serif; color:#00264c; text-transform: uppercase; letter-spacing: 2px; }
#footer .copy p { font: 10px/14px "futura_bookregular", arial, sans-serif; color:#00264c; text-transform: uppercase; letter-spacing: 2px; }
#footer .copy p a { color:#00264c; }

/*
	Content
*/

#content { position:relative; z-index: 2; }

.slider { position:fixed; overflow: hidden; top: 0; left: 0; width:100%; height:100%;  }

.slider ul.slides { height:100%;  }
.slider ul.slides li { position:relative; height:100%;  }
.slider ul.slides li + li { display:none; }
.slider ul.slides li img { width:auto; height:auto; min-width:100%; min-height: 100%; vertical-align: bottom;}
.slider ul.slides li .text { position:absolute; bottom: 32.85774946921444%; left: 0; width:43.95833333333333%;  padding-left:133px;  background: url(images/text-blue-line.png) repeat-y 0 0; }
.slider ul.slides li .text h4 { padding: 0 0 20px; font: 29px/37px "futura_heavyregular", arial, sans-serif; color:#00264c; text-transform: uppercase; }
.slider ul.slides li .text a,
.slider ul.slides li .text-box a { display:inline-block; *display:inline; zoom: 1; padding: 13px 24px; border: 2px solid #00264c; font: 13px/13px "futura_heavyregular", arial, sans-serif; color:#00264c; text-transform: uppercase; letter-spacing: 2px; }
.slider ul.slides li .text a:hover { text-decoration:none;  }
.slider ul.slides li .text-box { position:absolute; top: 50%; left: 0; width:100%; }
.slider ul.slides li .text-box .inner { display:block; width:50%;  padding: 10px 2%; margin: 0 auto; border: 2px solid #fff; text-align:center;  }
.slider ul.slides li .text-box h4 { font: 27px/37px "futuramedium", arial, sans-serif; color:#fff; text-transform: uppercase; letter-spacing: 1px; }

.main { position:relative; overflow: hidden; margin: 0 auto; opacity: 0; }
.main .shell { max-width:990px;  padding: 65px 105px; background: url(images/white-bg.png); }

.team-list { font-size:0;  }
.team-list li { opacity: 0; position:relative; display:inline-block; *display:inline; zoom: 1; width:333px; vertical-align: top; text-align:left; }
.team-list li > img { position:relative; z-index: 2; width:auto; max-width: 100%; }
.team-list li .BWfade { z-index: 4; }
.team-list li .overlay { display:none; position:absolute; top: 0; left: 0; width:100%; height:100%; background: url(images/team-overlay.png); z-index: 12; }
.team-list li .icon { display:block; position:absolute; bottom: 0; left: 0; width:100%; background: url(images/blue-bg.png); z-index: 6; }
.team-list li .icon h5 {  padding: 17px 45px 17px 16px; font: 20px/24px "futura_heavyregular", arial, sans-serif; color:#fff; text-transform: uppercase; }
.team-list li .icon span { position:absolute; top: 50%; right:20px; width: 25px; height:25px; margin-top:-12px;  background: url(images/icon.png) no-repeat 0 0; cursor: pointer;  }
.team-list li .text { position:absolute; top: 0; left: 0; width:100%; height:100%; overflow: auto; background-color:#00264c; 
	transition: all, .5s;
	-moz-transition: all, .5s;
	-webkit-transition: all, .5s;
	-o-transition: all, .5s;
 }
.team-list li.last .text { left: auto; right: 0; }
.team-list li .text .inner { padding: 108px 30px 0; }
.team-list li .text h4 { padding: 18px 0 15px; background: url(images/white-line.png) no-repeat 0 0; font: 30px/34px "helveticaneuelt_stdregular", arial, sans-serif; color:#fff; text-transform: uppercase; }
.team-list li .text p { font: 13px/20px "helveticaneuelt_stdregular", arial, sans-serif; color:#a2aaad; }
.team-list li .text .soc-list { position:absolute; bottom: 19px; right: 18px; text-align:right;  }
.team-list li .text .soc-list li { display:inline; margin-left:5px; text-align:right;  }

.team-list li.clicked .BWfade{ display:none!important; }
.team-list li.clicked .icon { font-size: 0; line-height: 0; text-indent: -4000px; background: none; }
.team-list li.clicked .text { left: 100%; }
.team-list li.clicked.last .text { right: 100%; left: auto; }

.team-list li.single-element .text { top: 0; }
.team-list li.clicked.single-element .text { top: 100%; left: 0;  }

.single-img img { display:block; width:auto; height:auto; max-width: 100%; }

/*
	Sidebar
*/

.sidebar { min-width: 310px; padding: 10px 2% 0 0; }

.widget { list-style: none; }
.widget h2 { padding: 17px 0 40px; background: url(images/title-border.png) no-repeat 0 0; font: 49px/54px "futura_heavyregular", arial, sans-serif; color:#00264c; text-transform: uppercase; }

/*
	Main Content
*/

.main-content {  overflow: hidden; }
.main-content p { padding-bottom: 15px; }
.main-content ul,
.main-content ol { padding: 0 0 15px 25px; }

.team-holder .shell { max-width: 1000px; padding: 70px 100px; }
.team-holder .team-list { margin: 0 auto; text-align:left;  }




.post { padding: 0 0 65px; }
.post .featured-image { height:150px; max-width: 40%; line-height:150px; padding-right:20px; margin-right:25px; background: url(images/border.png) no-repeat right 0; }
.post .featured-image img { max-width: 100%; width:auto; height:auto;  vertical-align: middle; }
.post .entry { overflow: hidden; }
.post .entry p { padding: 0 0 20px; font: 13px/22px "helveticaneuelt_stdregular", arial, sans-serif; color:#545759; }
.post .entry a.read-more { display:inline-block; *display:inline; zoom: 1; padding: 15px 29px; background-color:#3a3f44;  font: 13px/16px "futuramedium", arial, sans-serif; color:#fff; text-transform: uppercase; }
.post .entry a.read-more:hover { text-decoration:none;  }

#contact-map { width: 990px; height: 364px; }

.posts-navigation a { display: block; color: #3a3f44; padding: 2px 0px; font-family: "futuramedium", arial, sans-serif; text-transform: uppercase; }
.posts-navigation .alignleft a { background: url('images/nav-arrows.png') no-repeat 0 0; padding-left: 16px; }
.posts-navigation .alignright a { background: url('images/nav-arrows.png') no-repeat right bottom; padding-right: 16px; }

.page-template-template-contact-php .main-content .entry { float: right; margin-right: 20px; }

.infowindow { width: 200px; }
.infowindow-head { min-height: 50px; color: #666; }
.infowindow-bottom { min-height: 20px; }
.infowindow-bottom a { display: block; }

/*Ipad*/
@media screen and (max-width: 1270px){
	#footer .shell > ul { margin-left: 0px; }
}

@media screen and (max-width: 1220px){
	.shell { padding: 0 10px; }

	.team-holder .team-list { max-width: 999px; margin: 0 auto; }

	.main .shell { max-width: 100%; padding-left:50px; padding-right:50px;  }
	.team-holder .shell { padding: 50px 10px; max-width: 1180px; }
	.sidebar { min-width: 210px; }
 
	#contact-map { width: 100%; height: 300px; }

}

@media screen and (max-width: 1020px){
	
	.team-holder .team-list { max-width: 666px; }

}

/*Mobile*/
@media screen and (max-width: 700px){

	#header { position: fixed; top: 0; left: 0; width: 100%; z-index: 99; }

	#logo { margin: 0 0 0 10px; }

	.nav { width:86px;  }

	h3 { padding-bottom:25px;  font-size:17px; line-height:29px;  }
	p { font-size:14px; line-height:23px;  }

	.wrapper { margin-bottom:-113px!important;  }
	#footer-push { height:113px;  }
	#footer { padding: 5px 0; background-color:#fff; height:auto;  }
	#footer .copy { display:none; }
	#footer ul { float:none; display:block; }
	#footer ul li { display:block; padding-bottom:5px; text-align:center;  }

	.main { padding: 10px 0 40px; }
	.main .shell { padding: 20px 10px; }

	#content { padding: 68px 0 0; }

	.home .slider {}

	.slider ul.slides li .text-box .inner { width:auto;   }
	.slider ul.slides li .text { padding-left:50px; width:80%;  }
	.slider ul.slides li .text h4 { font-size:24px; line-height:28px;  }
	.slider ul.slides li .text-box h4 { font-size:24px; line-height:28px;  }

	.sidebar { width:auto; display:block; float:none;  }

	.widget h2 { padding-bottom:20px;  font-size:30px; line-height:34px;  }


	.post { padding-bottom:35px;  }
	.post .featured-image { height:auto; line-height:0; margin-bottom:10px;  float:none; display:block; background: none; padding: 0; max-width: 100%; }
}

@media screen and (max-width: 690px){
	.team-holder .team-list { max-width: 333px; }
	.page-template-template-contact-php .main-content .entry { float: none; margin-right: 0px; }

	.page-template-template-home-php .slider { position: relative; max-width: 100%; overflow: hidden; }
	.page-template-template-home-php .slider .slides { width: 170%; }
	.page-template-template-home-php .slider .slides,
	.page-template-template-home-php .slider .slides li { height: auto; min-height: 0; }
	.page-template-template-home-php .slider ul.slides li img { width: 100%; height: auto; }
}

@media screen and (max-width: 500px){
	.team-list { margin-bottom:-30px;  }
	.team-list li { width:100%; }

	.team-list li img { width:100%; height:auto;   }

}