/*
	Theme Name: Genesis Sample
	Theme URI: http://www.studiopress.com/
	Description: This is the sample theme created for the Genesis Framework.
	Author: StudioPress
	Author URI: http://www.studiopress.com/

	Version: 2.2.4

	Tags: black, red, white, one-column, two-columns, three-columns, left-sidebar, right-sidebar, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready

	Template: genesis
	Template Version: 2.2.3

	License: GPL-2.0+
	License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/


/* # Table of Contents
- HTML5 Reset
	- Baseline Normalize
	- Box Sizing
	- Float Clearing
- Defaults
	- Typographical Elements
	- Headings
	- Objects
	- Gallery
	- Forms
	- Tables
	- Screen Reader Text
- Structure and Layout
	- Site Containers
	- Column Widths and Positions
	- Column Classes
- Common Classes
	- Avatar
	- Genesis
	- Search Form
	- Titles
	- WordPress
- Widgets
	- Featured Content
- Plugins
	- Genesis eNews Extended
	- Jetpack
- Skip Links
- Site Header
	- Title Area
	- Widget Area
- Site Navigation
	- Accessible Menu
	- Site Header Navigation
	- After Header Navigation
	- Footer Navigation
- Content Area
	- Entries
	- Entry Meta
	- Pagination
	- Comments
- Sidebars
- Footer Widgets
- Site Footer
- Media Queries
	- Max-width: 1340px
	- Max-width: 1200px
	- Max-width: 1023px
	- Max-width: 860px
- Print Styles
*/


.site-inner {
margin:0;
padding:0;

}
.site-inner, .wrap {
max-width:none;
}

/* begin custom styles */

body, html {padding:0;margin:0;
text-rendering:geometricPrecision;
    -webkit-font-feature-settings: "kern" 1;
}
body {font-family: 'Raleway', sans-serif;}

body{margin:0;padding:0;}
a, a:visited, a:hover {text-decoration:none;color:white;}
a:hover {color:#a0a0a0;}
/** panels **/

.panel_1 {width:100%;height:100vh;}
.panel_1 .text{position:relative;top:50%;transform:translateY(-50%);text-align:center;font-size:30px;font-weight:300;color:white;text-transform:uppercase;letter-spacing:8px;}
.panel {width:100%;height:1000px;max-height:1000px;min-height:600px;}
.panel .text{position:relative;top:50%;transform:translateY(-50%);text-align:center;font-size:30px;font-weight:300;color:white;text-transform:uppercase;letter-spacing:4px;}
.panel {opacity:0;}

#logo_wrapper h1 {padding:0;margin:0;}
/** colors **/
.greatjones_black {
background:#262a2b;
background:rgba(38,42,43,.9);
}
.box_color1 {
background:rgba(67,70,75,.6);
}
.box_color2 {
background:rgba(163,163,163,.6);
}

/** font styling **/
h1, h2, h3, h4, h5, h6 {
text-transform:uppercase;
}
h1 {
font-weight:300;
}

h4{
font-weight:300;
font-size:9px;
margin:0;
}
.sub_text {
font-size:12px;
font-weight:300;
line-height:1.5;
}

/** menu stuff */

#headerWrapper {
    overflow: hidden;
    position: fixed;
    width: 100%;
    z-index: 9009;
    line-height: 1;
	bottom:0;
	border-top:1px solid #dedede;
}


#headerWrapper header {
    padding: 26px 0;
    position: relative;
	background:white;
}
#logo_wrapper {
position:relative;
top:0;
}
#menu {
width:100%;
text-align:center;
position:fixed;
bottom:20px;
z-index:9999;	
text-transform:uppercase;
color:white;
letter-spacing:4px;
font-size:9px;
}
#menu ul {list-style:none;margin:0;padding:0;}
#menu ul > li {display:inline;margin-left:25px;margin-right:25px;}

/** end menu **/

/** page sections */
.scroll_wrap {
width:1000px;
max-width:1000px;
min-width:600px;
height:100%;
margin-left:auto;
margin-right:auto;
margin-top:50px;
margin-bottom:50px;
}
.explore_wrap {
padding-top:25px;
padding-bottom:25px;
width:80%;
margin-left:auto;
margin-right:auto;
}
.explore_wrap h2 {
margin-top:25px;
margin-bottom:25px;
padding:0;
font-weight:200;
}

.current_wrap {
padding-top:25px;
padding-bottom:25px;
width:80%;
margin-left:auto;
margin-right:auto;
}
.represented_wrap {
padding-top:25px;
padding-bottom:25px;
width:80%;
margin-left:auto;
margin-right:auto;
}

.studio_info_wrap {
padding-top:25px;
padding-top:0px;
text-align:center;
text-transform:none;
margin-left:auto;
margin-right:auto;
display:inline-block;
}
.photogs_wrap {
    display: flex;
    width: calc(100% - 40px);
    flex-wrap: wrap;
    justify-content: center;
    padding-left: 20px;
    padding-right: 20px;
}
.line_divider {width:10%;border-bottom:1px solid white;margin-left:auto;margin-right:auto;line-height:0;margin-top:25px;margin-bottom:25px;}
.divider {height:35px;width:100%;}
.mobile_detect {display:none;}
/** media queries **/

@media only screen and (max-width:992px) {
	.panel_1 h1{
	font-size:40px;
	}
	.scroll_wrap {min-width:0;width:100%;}
}
@media only screen and (max-width:768px)  {
	.mobile_detect{display:inline;}
	.panel {opacity:1;}
	.panel_1 h1{
	font-size:30px;
	}
	#menu {font-size:7px;letter-spacing:2px;}
	.scroll_wrap {min-width:0;width:100%;}
	.panel_1 {background:url('./img/LB-1.jpg') center no-repeat;background-size:cover;}
	body {background:none;}
	.greatjones_black {background:rgba(38,42,43,.9);}
	.greatjones_black {background:red;}
	.box_color1{background:rgba(67,70,75,.9);}
	.panel {width:100%;height:auto;max-height:none;min-height:0;}
	.panel .text{position:relative;top:auto;transform:translateY(0%);text-align:center;font-size:30px;font-weight:300;color:white;text-transform:uppercase;letter-spacing:4px;}
	.panel {opacity:1;}
	.scroll_wrap {
	width:100%;
	max-width:none;
	min-width:0;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:0px;
	}
	#contact {margin-bottom:0px !important;}
}
@media only screen and (max-width:480px) {
	.mobile_detect{display:inline;}
	.panel_1 h1{
	font-size:40px;
	}
	#menu {font-size:7px;letter-spacing:2px;}
	.scroll_wrap {min-width:0;width:100%;}
}
@media only screen and (max-width:320px) {
	.mobile_detect{display:inline;}
	.panel_1 h1{
	font-size:40px;
	}
	.scroll_wrap {min-width:0;width:100%;}
}

