/*
Theme Name: Stefanie Hertling Online Portfolio
Theme URI: http://www.stefaniehertling.com
Author: Daniel Hounsou
Author URI: http://www.danielhounsou.de
Description: sh wp theme
*/

/* Main Design css file */

body {
font-family: 'Open Sans', sans-serif;
	overflow-y: 				scroll;
	font-size: 					14px;
	background:  				#f5f5f5!important;
	padding-top: 				0px;
	background-color:  			#f5f5f5!important;
	position: relative;
}

body.admin-bar
{
	padding-top: 				0px;
}
body.admin-bar nav.navbar
{
	padding-top: 				30px;
}
body.single, body.page {
	padding-top: 				80px;
} 

 
body.home .navbar-default .navbar-brand {
	color: 						#000;
}
body.home .text-center.dark {
	letter-spacing:				1px;
	font-size: 					1em;
}

#ss2014 {
	margin-top: 				4em;
}
.row.about {
	margin-top: 				4.6em;
}
.row.contact {
	margin-top: 				4.7em;
}
.row.contact h2{
	margin-top: 				1.2em;
}
.row.about h2.text-center {
	margin-bottom: 				1.1em;
}
.video-wrapper {
	margin-bottom: 				2.8em;
}
.row.contact a {
	color: 						#777;}
.row.contact a:hover {
	color: 						#000;
}

.light {
	color: 						#999999;
}

.container {
	max-width: 					100%;
}

.container.nav {
	padding-left: 				0;
	padding-right: 				0;
}

p {
	font-size: 					1em;
	text-align: 				left;
	line-height: 				1.5em;
}

a {
	color: 						#7A7A7A;
	-webkit-transition: 		all 0.2s ease;
	-moz-transition: 			all 0.2s ease;
	-o-transition: 				all 0.2s ease;
	transition: 				all 0.2s ease;
}
a:hover {
	text-decoration: 			none;
	color: 						#000;
	
}

h1,h2,h3,h4,h5,h6 {
	font-family: 				'Roboto Condensed', sans-serif;
}

h1 {
  	font-size: 					1.8em;
  	font-weight: 				300;
  	color: 						#999999;
  	margin-top: 				0;
}
h3 {
	font-size: 					35px;
	height: 					130px;
	line-height: 				180px;
	margin-top: 				50px;
	margin-bottom: 				14px;
}
h3 span.lookbook_icon { 
	background: 				url(images/lookbook_icon.png) center 0px no-repeat;
	padding-top: 				62px;
}
h3 span.campaign_icon { 
	background: 				url(images/campaign_icon.png) center 0px no-repeat;
	padding-top:				73px;
}
h3 span.inspire_icon { 
	background: 				url(images/inspire_icon.png) center 0px no-repeat;
	padding-top:				73px;
}
h3 span.video_icon { 
	background: 				url(images/video_icon.png) center 0px no-repeat;
	padding-top:				73px;
}


h2 {
	font-size: 					40px;
	margin-top: 				0;
	padding-top: 				0;
	margin-bottom: 				25px;
	text-transform: 			uppercase;
	padding-left: 				10%;
	padding-right: 				10%;
}
p.lime {
		color: 					#8C918A;
	
}
p.lime a{
		color: 					#8C918A;
	
}
p.lime a:hover{
		color: 					#000;
	
}
p.date, p.imprint {
	font-family: 				'Roboto Condensed', sans-serif;
	font-size: 					25px;
}
h1.subheadline, h2.subheadline, h2.link {
  	font-size: 					1.9em;
  	font-weight: 				bold;
  	margin-bottom: 				0.2em;
}

h1.subheadline.active {
	color: 						#000;
}
h1.underlined a {
	color: 						#999999;
	font-size: 					1.6em;	
}

.underlined {
	background: 				url(images/headlineLineWhite.png) center bottom no-repeat;
	padding-bottom: 			10px;
	text-transform: 			uppercase;
}

h3 a {
	color: 						#333;

}
h1.subheadline a {
	color: 						#7A7A7A;
	opacity:					0.9;
	-webkit-transition: 		all 0.2s ease;
	-moz-transition: 			all 0.2s ease;
	-o-transition: 				all 0.2s ease;
	transition: 				all 0.2s ease;
	float: 						left;
	margin-bottom: 				0.2em;
}
h1 a:hover {
	color: 						#333;
	opacity:					1;
}

.white{
	
	color: 						#fff;
} 
	

.picker {
	margin-left: 				0;
}

table thead {
	background: 				#C8D3DD;
}

table {
	border:						1px solid #D0D7DD;
}
.table thead>tr>th {
	border-bottom: 				none;
	font-weight: 				600;
}

.label {
	font-weight: 				400;
	margin:						0.3em;
}
.row.line .line {
	margin-top: 				1em;
}
.row .extraline {
	margin-top: 				0.7em;
}

.sp-icon-plan:before{content:"\e803"}
.sp-icon-plan:before{content:"\e803"}
.sp-icon-plan:before{content:"\e803"}
.sp-icon-plan:before{content:"\e803"}
.sp-icon-plan:before{content:"\e803"}
.sp-icon-plan:before{content:"\e803"}
.sp-icon-plan:before{content:"\e803"}

.glyphicon {
	font-size: 0.9em;
}


ul.sub-menu {
	display: none;
	padding-left: 0;
	min-width: 210px;
}

ul.sub-menu li {
	list-style: none;
	
}
ul.sub-menu li a {
font-size: 20px;
padding-left: 25px;
}

.navbar-collapse li{

background: #fff;
}


/*************************************************************************************
*** Slideshow ************************************************************************* 
/*************************************************************************************/


.row.slide_start {
	overflow: hidden;
}


.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }

.slide_start {
	margin-bottom: 1em;
	margin-top: 0em;
	position: relative;
}

img.sh_logo {
	position: absolute;
	width: 100%;
	z-index: 90;
}




/*************************************************************************************
*** Homepage ************************************************************************* 
/*************************************************************************************/


#homepage .row {
	margin-left: 				auto;
	margin-right: 				auto;
}

.row.start_chapter {
	background-color: 			#FAFAFA;
	padding: 6em;
	padding-top: 6.7em;
}

.row.start-entry {
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 71%, #fafafa 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(71%,#ffffff), color-stop(100%,#fafafa));
	background: -webkit-linear-gradient(top, #ffffff 71%,#fafafa 100%);
	background: -o-linear-gradient(top, #ffffff 71%,#fafafa 100%);
	background: -ms-linear-gradient(top, #ffffff 71%,#fafafa 100%);
	background: linear-gradient(to bottom, #ffffff 71%,#fafafa 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fafafa',GradientType=0 );
}
.row.start-entry p{
	text-align: center;
	color: #999999;
	
	
}

.row.start-entry img {
	margin: 0 auto;
	margin-top: 4em;
}

#homepage_header {
	z-index: 					999;
	text-align: 				right;
	height: 					50px;
	line-height: 				47px;
	display: 					none;					
}
#homepage_header.fixed {
	display: 					block;
	background: 				#fff;
	width: 						100%;
}
#homepage_header.row {
	margin-left: 				auto;
	margin-right: 				auto;
	max-width: 					100%;
	padding-left: 				20px;
	padding-right: 				20px;			
}

#homepage .row {
	position: 						relative;
}

#homepage .row.form {
	margin-bottom: 					2em;
} 
#homepage .row.form .btn {
	width: 							100%;
} 

#homepage .row.claim {
	text-align: 					center;
	margin-bottom: 					70px;
} 
#homepage .row.logo {
	text-align: 					center;
	margin-bottom: 					40px;
}
#homepage .row.intro_text {
	text-align: 					center;
}

#homepage .main_content_wrapper {
	padding-top: 					3em;
}

#homepage .more_content_wrapper {
	background:						#4E708A;
}

#more_info_button {
	width: 							100%;
	text-align: 					center;
	position: 						fixed;
	bottom: 						20px;
}

#more_info {
	display: 						none;
	position: 						absolute;
	padding-top: 					80px;
}

#homepage h4 {
	font-size: 						1.1em;
	font-weight: 					400;
}

#homepage p {
	font-size: 						0.8rem;
}

#more_info_button .btn.primary {
	border:							none;
	border-radius: 					5px;
	-webkit-box-shadow: 			#1197C2 -1px 2px;
	-moz-box-shadow: 				#1197C2 -1px 2px;
	box-shadow: 					#1197C2 -1px 2px;
}
#more_info_button a{
	font-size: 						0.9em;
}

.more_content_wrapper p, .more_content_wrapper h4 {
	color: 							#fff;
}


.light_bg {
	background-color: 				#fff;
}





/*************************************************************************************
*** Collection ************************************************************************* 
/*************************************************************************************/

.row.collection_info {
margin-top: 7.3em;
margin-bottom: 2em

}
.collection_image {
	overflow: 						auto;
}

.collection_image img, .about_image img {
		margin-bottom: 				2.2em;
	
}

.row.collection_image {
	margin-bottom: 0;
	background: #f5f5f5; /* Old browsers */
	background: -moz-linear-gradient(top, #f5f5f5 0%, #cccccc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f5f5f5 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f5f5f5 0%,#cccccc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f5f5f5 0%,#cccccc 100%); /* IE10+ */
	background: linear-gradient(to bottom, #f5f5f5 0%,#cccccc 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
	padding-bottom: 3em;
}

.row.collection_image.lookbook {
	background: 					none;
}

.lookbook_image {
	opacity: 						0.9;
}
.lookbook_image:hover {
	opacity: 						1;
	cursor: 						pointer;
}

.lookbook_image.selected {
	width: 							66%;
	
}

.lookbook_image.selected img {
	margin-bottom: 					4.5%;
	
}
.row.imprint {
	background: #f5f5f5;
	background: -moz-linear-gradient(top, #f5f5f5 0%, #cccccc 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#cccccc));
	background: -webkit-linear-gradient(top, #f5f5f5 0%,#cccccc 100%);
	background: -o-linear-gradient(top, #f5f5f5 0%,#cccccc 100%);
	background: -ms-linear-gradient(top, #f5f5f5 0%,#cccccc 100%);
	background: linear-gradient(to bottom, #f5f5f5 0%,#cccccc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#cccccc',GradientType=0 );
	padding-top: 					2em;
	padding-bottom: 				1.3em;
}

.row.imprint p {
	text-align: 					center;
}


h1.headline-start {
	margin-top: 					4.6em;
	margin-bottom: 					4em;
	letter-spacing: 				2px;
}
h1.headline-start span {
	letter-spacing: 				1px;
	font-size: 						1em;
	line-height: 					1.2em;
	color: 							#DBDADA;
}

.row.teaser-image {
	  margin-bottom: 				2em;
	  margin-top: 					-2em;
}

.row.headline {
	  margin-bottom: 				-2em;
}

.porject-teaser h3{
	  font-size: 					2em;
}

.line {
	 background: url(images/headlineLineWhite.png) center bottom no-repeat;
	 height: 						10px;
	 margin-bottom: 				1em;
	 margin-top: 					1.3em;
}
.line.last {
	background: url(images/last_bar.png) center bottom no-repeat;
	height: 						5px;
	margin-top: 					-3.1em;
	margin-bottom: 					2.7em;
}
.extraline {
	border-top: 					1px solid #BEBEBE;
	  
	
}

.lookbook img.leftfloat {
	max-width:						31.5% ;
}

.row.collection_info p,.row.about p, .row.contact p{
	text-align: 					center;
}

.row.contact {
	margin-top: 60px;
}


.lookbook_image.col-lg-8 {
	max-height: 					880px;
}



/*************************************************************************************
*** About ******************************************************************* 
/*************************************************************************************/

.row.about {
background: #f5f5f5;
background: -moz-linear-gradient(top, #f5f5f5 0%, #cccccc 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#cccccc));
background: -webkit-linear-gradient(top, #f5f5f5 0%,#cccccc 100%);
background: -o-linear-gradient(top, #f5f5f5 0%,#cccccc 100%);
background: -ms-linear-gradient(top, #f5f5f5 0%,#cccccc 100%);
background: linear-gradient(to bottom, #f5f5f5 0%,#cccccc 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#cccccc',GradientType=0 );
	padding-top: 				3em;
	padding-bottom: 			3em;
}

.row.about p, .row.about h2 {
	color: 						#333;
}


/*************************************************************************************
*** Navigation Bar ******************************************************************* 
/*************************************************************************************/

/*Trigger nav collapse always*/

@media (max-width: 3099px) {
    .navbar-header {
        float: 					none;
    }
    .navbar-toggle {
        display: 				block;
    }
    .navbar-collapse {
        border-top: 			1px solid transparent;
        box-shadow: 			inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: 				none!important;
    }
    .navbar-nav {
        float: 					none!important;
        margin: 				0 -15px;
    }
    .navbar-nav>li {
        float: none;
        width: 100%;
        margin: 0 0em;
        border-bottom: 1px solid black;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
        
    }
}

li#menu-item-18 > a:after  {
	display: block;
    content: "";
    width: 20px;
    height: 20px;
    background: url(images/plus.png) no-repeat left top;
	position: absolute;
	top: 17px;    
	right: 1em;
}

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

li#menu-item-18 > a:after{
        background:url(images/plus@2x.png) no-repeat left top;
        background-size:20px 20px;
        
    }
}



.menu-sh_main_menu-container ul.sub-menu li{
padding-bottom: 0.2em;
padding-top: 1em;
border-bottom: 1px solid black;
padding-bottom: 1em;	
}


}
.menu-sh_main_menu-container ul.sub-menu li:last-child{
border-bottom: none;
}
.menu-sh_main_menu-container ul.sub-menu li:first-child{
border-top: 1px solid black;
}


.menu-sh_main_menu-container {
	margin-top: 3.6em;
}

.navbar-default {
background: none!important;
}

.navbar-default .navbar-toggle {
opacity: 0.8;
margin-top: -10px;
z-index: 99;
padding: 						19px 24px 12px 24px;
font-size: 						14px;
border-radius: 					10px;
border: 						none;
margin-right: 					25px;

}
.navbar-toggle {
background-color: #fff;
}

.navbar-default .navbar-toggle:focus {
	background-color: white;
	opacity: 0.1;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
border-color: none;
}

.navbar-default .navbar-toggle {
border-color: #fff;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
outline: none;
}


.navbar-default .navbar-toggle:hover {
opacity: 0.8;
}


.navbar-collapse {	
top: -1px;
position: absolute;
width: 110%;
	background:#fff;


}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
border-color: none;
}


.navbar-collapse.in {
	opacity: 0.9;
	z-index: 10;
	width: 100%;
}


.navbar {
	  background-color: 			#fff;
	  border: 						none;
	  min-height: 					30px;
	  background-image: none;
	  box-shadow: none;
	  font-size: 14px;
	
}
.navbar-brand {
	  float: 						left;
	  padding: 						10px 15px 7px 15px;
	  font-size: 					15px;
	  line-height: 					20px;
	  color: 						#000;
	  font-weight: 					bold;
}
a.navbar-brand {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
a.navbar-brand.active, a.navbar-brand.active:hover {
	background:						none;
	color: 							#000;
}

a.navbar-brand:hover {
	color: 							#333;
}
.navbar li a {
	  color: 						#7A7A7A;
	  font-family: 					'Roboto Condensed', sans-serif;	  
	 
}

.navbar-default .navbar-toggle{
	  font-family: 					'Roboto Condensed', sans-serif;	
	  font-size: 					 25px;  
}

ul.sub-menu li a:hover {
		color: 						#333;
}
.navbar-nav>li>a {
	  padding-top: 					15px;
	  padding-bottom: 				13px;
	  text-transform: 				uppercase;
	  font-size: 20px;
	  
}

.navbar-nav li.active {
	  text-decoration: 				none;
	  color: 						#000;
}

.menu-sh_main_menu-container ul.sub-menu li.active a {
color: #000;
	
}

.navbar-nav li.active a:hover {
	  background-color: 					#fff;
}


.navbar .navbar-nav>.active>a {
	background-color: 				#fff;
	color: 							#000;
}

.nav>li>a:hover, .nav>li>a:focus {
  	text-decoration: 				none;
  	color: 							#333;
  	background: 					none;
}

.nav>li.active>a:hover, .nav>li.active>a:focus {
	background: 				#fff!important;
}

#navigationbar {
	  background-color: 			#fff;
	  background-image:				none;
}

#navigationbar .logo {
}

#navigationbar ul {
}

#navigationbar ul li {
	  color: 						#FDFDFD;
}

#navigationbar ul li a {
	  color: 						#FDFDFD;

}

#navigationbar i.icon-menu {
}

#navigationbar ul li > a {
}

.navbar-nav {
	  float: 						right;
}



/*************************************************************************************
*** Navigation ******************************************************************* 
/*************************************************************************************/

#navigation {
	position: 					fixed;
	width: 						220px;
	top: 						84px;
	padding-left: 				20px;
	background: 				#eee url('../images/bg.jpg') no-repeat left top;
	margin-top: 				28px;
}
#navigation li {
	line-height:				2.9em;
	padding-bottom: 			0;
}
#navigation a {
	display: 					block;
	color: 						#7A7A7A;
}
#navigation a:hover{
	color: 						#888;	
}
#navigation a.active{
	background-color: 			#fff;
	color: 						#4E708A;	
}
#navigation a:hover i {
	color: 						#4E708A;
}
#navigation a.active i {
	color: 						#4E708A;
}

#navigation i{
	margin: 					0 10px;
}

.nav-pills>li>a {
	border-radius: 				2px 0px 0px 2px;
}


#module .nav-pills>li>a {
	border-radius: 				4px;
}

#module .nav-pills>li.active>a {
	background-color: 			#4E708A;
}




/*************************************************************************************
*** Aktuell ******************************************************************* 
/*************************************************************************************/

.journal-entry {
	  opacity: 						1;	 
	  margin-bottom: 				4em;
}
.journal-entry p {
	  font-size: 					1.4em;
	  margin: 						0;
	  font-weight: 					bold;
	  line-height: 1.3em;
}
.journal-entry {
	margin-bottom: 					3em;
}

.journal-entry img, .row.start-entry img {
	margin-bottom: 0.8em;
	opacity: 		0.9;
}

.journal-entry img:hover, .row.start-entry img:hover {
	 opacity: 		1; 
	  
}

.journal-entry h3.bold, h3.bold{
	 margin-top: 					0;
	 font-weight: 					bold;
	 margin-bottom:					0;
	 padding-bottom: 				0;
}

.journal-entry h3, .contact h3 {
	  font-size: 					1.9em;
	  padding-bottom:				0.3em;
	  line-height: 					1.2em;
	  margin-top: 					0;	
}
.journal-entry a.read-more{
		font-size: 					1.5em;
}

.journal-entry p.excerpt {
	margin-top: 					1em;
}

.journal-entry.page {
	margin-bottom: 					0.5em;
}
.journalArchiveEntry {
	margin-bottom: 					0.8em;
}

/*************************************************************************************
*** Projekt Teaser ******************************************************************* 
/*************************************************************************************/

.project-teaser p {
	margin: 						0 0 5px 0;
}

.project-teaser a {
	color: 							#333;
}

.project-teaser a:hover {
}

.projectTeaserEntry {
	margin-bottom: 					1.2em;
	overflow: 						auto;

}

.projectTeaserEntry img{
	width: 							40px;
	opacity: 						0.9;
	border-radius: 1px;		
}
.projectTeaserEntry:hover img{
	opacity: 						1;
}


/*************************************************************************************
*** Aktuell ******************************************************************* 
/*************************************************************************************/


.aktuell .line {
	margin-top: 					0;
}

.aktuell .dark{
	margin-bottom: 					0.4em;
}

.aktuell a .dark {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;	
}

.aktuell a:hover .dark{
	color:		 					#fff;
}


/*************************************************************************************
*** References ******************************************************************* 
/*************************************************************************************/


.row.archive-entries .col-md-3 {
	margin-bottom: 					1em;
}

.archive-entry img {
	opacity: 						0.9;
	
}
.archive-entry:hover img{
	opacity: 						1;
}

.archive-entry p {
	padding-top: 					0.3em;
	min-height: 					3.2em;
	color: 							#333;
}

.archive-entry:hover .dark {
	color: 							#333;
}

.post_nav.archive {
float: right;
}
.post_nav.archive h1 {
float: left;
text-align: right;
font-size: 1.3em;
margin-top: 0.5em;
}
.post_nav.archive h1.subheadline a {
color: #A8A8A8;
opacity: 1;
}
.post_nav.archive h1.subheadline a:hover {
color: #000;
opacity: 1;
}

/*************************************************************************************
*** Single Reference Entry ******************************************************************* 
/*************************************************************************************/



.single-entry-text p {
	  font-weight: 				lighter;
	  font-size: 				1.1em;
	  padding-bottom: 			0.3em;
	  line-height: 				1.5em;
	  margin-top: 				0;
}


p.readMore {
	margin-top: 				1em;
}

.singleReference img {
	margin-bottom: 				1.5em;
}
.post_nav {
float: right;
}
.post_nav h1 {
float: left;
margin: 0 0.5em;
text-align: right;
}

body.single-post img {
	margin-bottom: 				1em;
}




/*************************************************************************************
*** Kontakt ******************************************************************* 
/*************************************************************************************/

.codesOn .i-name {
  display: none;
}
.codesOn .i-code {
  display: inline;
}
.i-code {
  display: none;
}

.adressGermany {
	margin-bottom: 					1em;
}
label {
	font-weight: 					normal;
}
.row.contact form{
	margin-bottom: 					1em;
}
.form-control{
	border-radius: 					2px
}
.form-control:focus {
	border-color: 					#BF66E9;
}
textarea.form-control, input.form-control {
	background: 					#fff;
	-webkit-box-shadow: 			none;
	box-shadow: 					none;
}
/*************************************************************************************
*** Homepage ************************************************************************* 
/*************************************************************************************/

#main_content {
	min-height: 				100%;
	height: 					100%;
}

#more_content {
	display: 					none;
}

ul.meta_navigation li {
	display: 					inline-block;
}


#news, #note_display {
	display: 					none;
}


/* Youtube iFrame */
.youtube_iframe {
	height: 					425px;
	border: 					none;
	width: 						100%;
}


img.leftfloat {
	float: left;
	max-width: 47.5%;
	margin-right: 1em;
	margin-bottom: 1em;
	
}

body.single-kollektion img{
	
	margin-bottom: 1em;
	
}

.page_footer {
	padding-top: 				1em;
	padding-bottom: 			0.3em;	
	font-family: 				'Roboto Condensed', sans-serif;
	
}

ul#menu-footer-navigation {
	text-align: 				right;
}
ul#menu-footer-navigation li {
	list-style: 				none;
}

ul#menu-footer-navigation li a{
	font-size: 					14px;
	font-weight: 				bold;
	line-height: 				1.6em;
	color: 						#777;
}


.about_image {
	border-radius: 				120px;
}

/*************************************************************************************
*** Mobile Breakpoints *************************************************************** 
/*************************************************************************************/

@media only screen and (max-width: 767px) {
	#navigation { 
	display: 					none; 
	}
	#module { 
	margin-left: 				0px; 
	} 
	.no_mobile {
	display: 					none;
	}
	.navbar-nav {
	float: 						left;
	width: 						100%;
	}
	.navbar{
	background-color: 			#fff;
	}
	.navbar-nav {
	margin: 					0 -7px;
	}
	.navbar-collapse {
	background-color: 			#fff;
	border-bottom: 				none;
	}
	.navbar-collapse ul li a{
	color: #000;
	
	}
	.navbar-nav>li>a {
	padding-top: 				15px;
	padding-bottom:				13px;
	}
	.navbar-nav>li {
	border-radius:    			0;
	margin: 					0 0.5em;	
	border-bottom: 1px solid black;	
	}
	.nav>li>a:hover, .nav>li>a:focus {
	border-radius:    			2px;
	opacity: 					1;
	}
	.nav>li.active>a:hover, .nav>li.active>a:focus {
	border-radius:    			2px;
	background:					#474747;
	color:						#eee;
	opacity: 					1;
	}
	.navbar-nav li.active {
	background:					none;
	color:						#eee!important;
	opacity: 					1;	
	}
	.navbar-nav li.active a {
	color: 						#eee;
	}
	.icon-bar {
	background-color: 				#eee;
	}
	.navbar-brand {
	  float: 						left;
	  padding: 						16px 15px 0 15px;
	  font-size: 					1.1em;
	  line-height: 					20px;
	  color: 						#FDFDFD;
	  font-weight: 					normal;
	}
	a.navbar-brand.active {
	background:						#333;
	color: 							#FDFDFD;
	}
	.navbar-toggle {
	position: 						relative;
	float: 							right;
	padding: 						19px 24px 12px 24px;
	margin-top: 					8px;
	margin-right: 					25px;
	margin-bottom: 					8px;
	border: 						none;
	border-radius: 					10px;
	font-size: 						14px;
	}
	
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background-color: 				#F5F5F5;
	color: 							#000;
	outline: 						none;
	}
	
	.collection_image img, .about_image img {
		margin-left: auto;
		margin-right: auto;
	}
	
	.youtube_iframe {
		height: 					270px;
	}
	
	.navbar-collapse.in {
	overflow: visible;
	width: 106%;
	}
	
	
}

@media only screen and (max-width: 768px) { 
	.youtube_iframe {
		height: 					432px;
	}
	.row.collection_image {
		margin-bottom: 0;
	}
}
@media only screen and (max-width: 670px) { 
	.youtube_iframe {
		height: 					377px;
	}
	img.leftfloat {
	float: 							left;
	max-width: 						100%;
	}
	body.admin-bar nav.navbar {
	padding-top: 					0px;
	}

.collection_image img {
	margin-bottom:			 		1em;
}
.lookbook_image.selected img {
	margin-bottom: 6%;
}

}

@media only screen and (max-width: 500px) { 
.youtube_iframe {
	height: 						280px;
}
h2 {
	padding-left: 					10%;
	padding-right: 					10%;
}
.lookbook_image.selected {
	width: 							100%;
}


}

@media only screen and (max-width: 320px) { 
	#navigation { 
	display: 					none; 
	} 
	#module { 
	margin-left: 				0px; 
	} 
	.no_mobile {
	display: 					none;
	}
	.youtube_iframe {
		height: 				180px;
	}	
	.post_nav.archive h1 {
	font-size: 1em;
	margin-top: 0.9em;
	}
	
	ul.sub-menu {
		display: none;
		padding-left: 0;
		min-width: 210px;
	}
	
	.navbar-collapse.in {

	width: 110%;
	}
	
	.slide_start img.img-responsive{
		width: 720px;
		height: 480px;
		max-width: 1114px;
		margin-left: -200px;
	}
}