/*
		Theme Name: UnderU4Men 2016
		Theme URI: http://www.underu4men.com/
		Author: Jessica Beck
		Author URI: http://beckonweb.com
		Description: Smooth scrolling theme
		Version: 1.0.0
		License: GNU General Public License v2 or later
		License URI: http://www.gnu.org/licenses/gpl-2.0.html
		Text Domain: underu4men
		Tags:
		
		This theme, like WordPress, is licensed under the GPL.
		Use it to make something cool, have fun, and share what you've learned with others.
		
		UnderU4Men is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
		Underscores is distributed under the terms of the GNU GPL v2 or later.
		
		Normalizing styles have been helped along thanks to the fine work of
		Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
		*/
		/*--------------------------------------------------------------
		>>> TABLE OF CONTENTS:
		----------------------------------------------------------------
		# Normalize
		# Typography
		# Elements
		# Forms
		# Navigation
			## Links
			## Menus
		# Accessibility
		# Alignments
		# Clearings
		# Widgets
		# Content
		    ## Posts and pages
			## Asides
			## Comments
		# Infinite scroll
		# Media
			## Captions
			## Galleries
			## Brand Logos
		--------------------------------------------------------------*/
		/*--------------------------------------------------------------
		# Normalize
		--------------------------------------------------------------*/
		html {
			font-family:'Helvetica Neue',sans-serif;
			-webkit-text-size-adjust:100%;
			-ms-text-size-adjust:100%;
		}
		
		body {
			margin:0;
			padding: 0;
			height: 100%;
			overflow-x: hidden;
		}
		
		article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary {
			display:block;
		}
		
		audio,canvas,progress,video {
			display:inline-block;
			vertical-align:baseline;
		}
		
		audio:not([controls]) {
			display:none;
			height:0;
		}
		
		[hidden],template {
			display:none;
		}
		
		a {
			background-color:transparent;
		}
		
		a:active,a:hover {
			outline:0;
		}
		
		abbr[title] {
			border-bottom:1px dotted;
		}
		
		b,strong {
			font-weight:500;
		}
		
		dfn {
			font-style:italic;
		}
		
		h1 {
			font-size:2em;
			margin:.67em 0;
		}
		
		h1.site-title {
			display:none;
		}
		
		mark {
			background:#ff0;
			color:#000;
		}
		
		small {
			font-size:80%;
		}
		
		sub,sup {
			font-size:75%;
			line-height:0;
			position:relative;
			vertical-align:baseline;
		}
		
		sup {
			top:-.5em;
		}
		
		sub {
			bottom:-.25em;
		}
		
		img {
			border:0;
		}
		
		svg:not(:root) {
			overflow:hidden;
		}
		
		figure {
			margin:1em 40px;
		}
		
		hr {
			box-sizing:content-box;
			height:0;
		}
		
		pre {
			overflow:auto;
		}
		
		code,kbd,pre,samp {
			font-family:monospace,monospace;
			font-size:1em;
		}
		
		button,input,optgroup,select,textarea {
			color:inherit;
			font:inherit;
			margin:0;
		}
		
		button {
			overflow:visible;
		}
		
		button,select {
			text-transform:none;
		}
		
		button,html input[type="button"],input[type="reset"],input[type="submit"] {
			-webkit-appearance:button;
			cursor:pointer;
		}
		
		button[disabled],html input[disabled] {
			cursor:default;
		}
		
		button::-moz-focus-inner,input::-moz-focus-inner {
			border:0;
			padding:0;
		}
		
		input {
			line-height:normal;
		}
		
		input[type="checkbox"],input[type="radio"] {
			box-sizing:border-box;
			padding:0;
		}
		
		input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {
			height:auto;
		}
		
		input[type="search"] {
			-webkit-appearance:textfield;
			box-sizing:content-box;
		}
		
		input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {
			-webkit-appearance:none;
		}
		
		fieldset {
			border:1px solid silver;
			margin:0 2px;
			padding:.35em .625em .75em;
		}
		
		legend {
			border:0;
			padding:0;
		}
		
		textarea {
			overflow:auto;
		}
		
		optgroup {
			font-weight:700;
		}
		
		table {
			border-collapse:collapse;
			border-spacing:0;
		}
		
		td,th {
			padding:0;
		}
		
		/*--------------------------------------------------------------
		# Typography
		--------------------------------------------------------------*/
		body,button,input,select,textarea {
			color:#404040;
			font-family:'Helvetica Neue',sans-serif;
			font-size:16px;
			font-size:1rem;
			line-height:1.5;
			font-weight:300;
			letter-spacing:1px;
		}
		
		h1,h2,h3,h4,h5,h6 {
			clear:both;
		}
		
		h1 a,h1.entry-title,h2 a,h2.entry-title,h3 a,h3.entry-title,h4 a,h4.entry-title,h5 a,h5.entry-title,h6 a,h6.entry-title {
			text-decoration:none;
			text-align:center;
		}
		
		h2 {
			font-weight:400;
		}
		
		h3 {
			font-weight:600;
		}
		
		p {
			margin:1.5em;
		}
		
		dfn,cite,em,i {
			font-style:italic;
		}
		
		blockquote {
			margin:0 1.5em;
		}
		
		address {
			margin:0 0 1.5em;
		}
		
		pre {
			background:#eee;
			font-family:"Courier 10 Pitch",Courier,monospace;
			font-size:15px;
			font-size:.9375rem;
			line-height:1.6;
			margin-bottom:1.6em;
			max-width:100%;
			overflow:auto;
			padding:1.6em;
		}
		
		code,kbd,tt,var {
			font-family:Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace;
			font-size:15px;
			font-size:.9375rem;
		}
		
		abbr,acronym {
			border-bottom:1px dotted #666;
			cursor:help;
		}
		
		mark,ins {
			background:#fff9c0;
			text-decoration:none;
		}
		
		big {
			font-size:125%;
		}
		
		footer {
			text-align:center;
			background:#333;
			color:#fff;
			position:relative;
			z-index:100;
			font-size:.7em;
		}
		
		footer #copyright-info {
			text-align:center;
			width: 100%;
			padding: 25px 0;
			clear: both;
		}
		
		.home .hentry {
			margin-bottom:0;
		}
		
		.home .entry-footer {
			display:none;
		}
		
		/*--------------------------------------------------------------
		# Elements
		--------------------------------------------------------------*/
		html {
			box-sizing:border-box;
		}
		
		*,:before,:after {
		/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
			box-sizing:inherit;
		}
		
		body {
			background:#fff;
		/* Fallback for when there is no custom background color defined. */
		}
		
		blockquote,q {
			quotes:"" "";
		}
		
		blockquote:before,blockquote:after,q:before,q:after {
			content:"";
		}
		
		hr {
			background-color:#ccc;
			border:0;
			height:1px;
			margin-bottom:1.5em;
		}
		
		.site-header {
			margin:25px auto 5px;
			text-align:center;
			position: relative;
		    clear: both;
		    top: 10px;
		}
		
		.site-branding img, #barbershop-only img {
			max-width:350px;
			padding-top: 10px;
		}
		
		#barbershop-only img {
			padding-bottom: 20px;
		}
		
		.site-description {
			font-weight:100;
			font-size:1.2em;
			margin:0;
		}
		
		#barbershop-only {
			display:none;
		}
		
		.page-id-19 .site-branding {
			display:none;
		}
		
		.page-id-19 #barbershop-only {
			display:block;
		}
		
		ul,ol {
			margin:0 0 1.5em 3em;
		}
		
		ul {
			list-style:disc;
		}
		
		ol {
			list-style:decimal;
		}
		
		li > ul,li > ol {
			margin-bottom:0;
			margin-left:1.5em;
		}
		
		dt {
			font-weight:700;
		}
		
		dd {
			margin:0 1.5em 1.5em;
		}
		
		img {
			height:auto;
		/* Make sure images are scaled correctly. */
			max-width:100%;
		/* Adhere to container width. */
		}
		
		table {
			margin:0 0 1.5em;
			width:100%;
		}
		
		/*--------------------------------------------------------------
		# Forms
		--------------------------------------------------------------*/
		button,input[type="button"],input[type="reset"],input[type="submit"] {
			border:none;
			background:#74983e;
			color:#fff;
			font-size:12px;
			font-size:.75rem;
			line-height:1;
			padding:.6em 1em .4em;
		}
		
		button:hover,input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover {
			border-color:#fff;
		}
		
		button:active,button:focus,input[type="button"]:active,input[type="button"]:focus,input[type="reset"]:active,input[type="reset"]:focus,input[type="submit"]:active,input[type="submit"]:focus {
			border-color:#fff;
		}
		
		button.more {
			position:relative;
			bottom:0;
			right:0;
			padding:10px 20px;
			border:none;
			text-align:left;
			background:#74983e;
			border-radius:0;
			float:right;
		}
		
		button.more a {
			text-decoration:none;
			font-size:1.3em;
			color:#fff;
			font-weight:700;
			text-shadow:none;
		}
		
		input[type="text"],input[type="email"],input[type="url"],input[type="password"],input[type="search"],textarea {
			color:#666;
			border:1px solid #ccc;
			border-radius:3px;
		}
		
		input[type="text"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="password"]:focus,input[type="search"]:focus,textarea:focus {
			color:#111;
		}
		
		input[type="text"],input[type="email"],input[type="url"],input[type="password"],input[type="search"] {
			padding:3px;
		}
		
		textarea {
			padding-left:3px;
			width:100%;
		}
		
		/*--------------------------------------------------------------
		# Navigation
		--------------------------------------------------------------*/
		/*--------------------------------------------------------------
		## Links
		--------------------------------------------------------------*/
		a {
			color:#666;
		}
		
		a:visited {
			color:#666;
		}
		
		a:hover,a:focus,a:active {
			color:#000;
		}
		
		a:focus {
			outline:thin dotted;
		}
		
		a:hover,a:active {
			outline:0;
		}
		
		/*--------------------------------------------------------------
		## Menus
		--------------------------------------------------------------*/
		#wpadminbar {
			display:none;
		}
		
		.main-navigation {
			clear:both;
			display:block;
			float:right;
			width:100%;
			position:fixed;
			top:0;
			background:#fff;
			z-index:1000;
		}
		
			.main-navigation li {
			float:right;
			position:relative;
			margin-right:20px;
			}
		
			.main-navigation a {
			display:block;
			text-decoration:none;
			padding-bottom: 7px;
			}
		
			.main-navigation .current_page_item > a,.main-navigation .current-menu-item > a,.main-navigation .current_page_ancestor > a {
			border-bottom:1px solid #fff;
			font-weight: bold;
			}
		
		
			.main-navigation ul {
			/*display:none;*/
			list-style:none;
			margin:0;
			padding-left:5em;
			padding-right: 15px;
			
			}
		
				.main-navigation ul li ul.sub-menu {
				z-index: 99999;
				visibility: hidden;
				opacity: 0;
				position: absolute;
				transition: all 0.5s ease;
				top: 5px;
				left: 0;
				display: none;
				background: #fff;
				float: none;
				padding: 10px 5px;
				}
		
					.main-navigation ul li ul.sub-menu li {
					padding: 5px 0 0 5px;
					}
		
					.main-navigation ul ul a {
					width:200px;
					color: #404040;
					text-align: left;
					padding-bottom: 10px;
					}
		
					.main-navigation ul li:hover > ul,.main-navigation ul li.focus > ul {
					visibility: visible;
					opacity: 1;
					display: block;		
					}
			
			
					.main-navigation ul ul ul {
					left:-999em;
					top:0;
					}
		
					.main-navigation ul ul li:hover > ul,.main-navigation ul ul li.focus > ul {
					left:100%;
					}
			
		
					#stores-menu .current_page_item > a,#stores-menu .current-menu-item > a,#stores-menu .current_page_ancestor > a {
					border-bottom:none;
					}
		
				
		ul#logo-menu {
			list-style:none;
			margin:0;
			text-align:center;
			padding:0 0 10px;
		}
		
		ul#logo-menu li {
			display:inline-block;
		}
		
		ul#logo-menu li.linehere::after {
			padding-right:5px;
			padding-left:10px;
			content:"|";
		}
		
		.site-info {
			padding-top:30px;
		}
		
		.site-info ul {
			list-style-type:none;
		}
		
		.site-info a {
			color:#fff;
		}

		
		/* Small menu. */
		.menu-toggle,.main-navigation.toggled ul {
			display:block;
			clear:right;
		}
		
		.main-navigation.toggled ul {
			position:absolute;
			background:#fff;
			z-index:10001;
			top:35px;
			width: 100%;
		    margin-left: 0;
		    text-align: center;
		}
		
		@media screen and (min-width: 999px) {
			.menu-toggle {
				display:none;
			}
			
			.main-navigation ul {
				display:block;
			}
		}
		
		button.menu-toggle {
			color:#fff;
			box-shadow:none;
			text-shadow:none;
			border: none;
			margin-left:0;
			font-size:1em;
			font-weight:700;
			padding-top:5px;
			position:absolute;
			top:0;
			right:0;
		}
		
		.site-main .comment-navigation,.site-main .posts-navigation,.site-main .post-navigation 			{
			margin:0 0 1.5em;
			overflow:hidden;
			}
		
		.comment-navigation .nav-previous,.posts-navigation .nav-previous,.post-navigation .nav-previous {
			float:left;
			width:50%;
		}
		
		.comment-navigation .nav-next,.posts-navigation .nav-next,.post-navigation .nav-next {
			float:right;
			text-align:right;
			width:50%;
		}
		
		.navigation {
		
			display:block;
		
			position:absolute;
			top:0;
			height:30px;
			z-index:1001;
			padding-left: 20px;
		}
		
		.navigation ul {
			display:block;
			list-style:none;
			margin:0;
			padding-left:.5em;
		}
		
			.site-info #footer-menu {
				margin: 35px auto;
				text-align: left;
			}
		
		.navigation ul ul,.site-info .menu ul ul {
			display:none;
		}
		
		.navigation ul ul ul,.site-info .menu ul ul ul {
			left:-999em;
			top:0;
		}
		
		.navigation ul ul li:hover > ul,.navigation ul ul li.focus > ul,.site-info .menu ul ul li:hover > ul,.site-info .menu ul ul li.focus > ul {
			left:100%;
		}
		
		.navigation ul ul a,.site-info .menu ul ul a {
			width:200px;
		}
		
		.navigation ul li:hover > ul,.navigation ul li.focus > ul,.site-info .menu ul li:hover > ul,.site-info .menu ul li.focus > ul {
			left:auto;
		}
		
		.navigation li {
			float:left;
			position:relative;
			margin-right:20px;
		}
			.site-info .menu li {
				display: inline-block;
			position:relative;
			margin-right:20px;
			}
		
		.navigation a,.site-info .menu a {
			display:block;
			text-decoration:none;
		}
		
		nav#stores.navigation {
			position: fixed;
		}
		
		#social-menu {
			width:100%;
			padding-right:50px;
		}
		
		#social-menu li {
			float:right;
			width: 50px;
			height: 50px;
			font-size: 2em;
		}
		
		
		#social-menu li a {
			width: 50px;
			height: 50px;
			text-indent: -999999px;
			position: absolute;
			top: -10px;
		}
		

		
		
		/*--------------------------------------------------------------
		# Instagram
		--------------------------------------------------------------*/
		
		.wdi_media_info, .wdi_bio, .wdi_website {
			display: none !important;
		}
		
		
		
		/*--------------------------------------------------------------
		# Accessibility
		--------------------------------------------------------------*/
		/* Text meant only for screen readers. */
		.screen-reader-text {
			clip:rect(1px,1px,1px,1px);
			position:absolute!important;
			height:1px;
			width:1px;
			overflow:hidden;
		}
		
		.screen-reader-text:hover,.screen-reader-text:active,.screen-reader-text:focus {
			background-color:#f1f1f1;
			border-radius:3px;
			box-shadow:0 0 2px 2px rgba(0,0,0,0.6);
			clip:auto!important;
			color:#21759b;
			display:block;
			font-size:14px;
			font-size:.875rem;
			font-weight:700;
			height:auto;
			left:5px;
			line-height:normal;
			padding:15px 23px 14px;
			text-decoration:none;
			top:5px;
			width:auto;
			z-index:100000;
		/* Above WP toolbar. */
		}
		
		/*--------------------------------------------------------------
		# Alignments
		--------------------------------------------------------------*/
		.alignleft {
			display:inline;
			float:left;
			margin-right:1.5em;
		}
		
		.alignright {
			display:inline;
			float:right;
			margin-left:1.5em;
		}
		
		.aligncenter {
			display:block;
			margin-left:auto;
			margin-right:auto;
		}
		
		/*--------------------------------------------------------------
		# Clearings
		--------------------------------------------------------------*/
		.clear:before,.clear:after,.entry-content:before,.entry-content:after,.comment-content:before,.comment-content:after,.site-header:before,.site-header:after,.site-content:before,.site-content:after,.site-footer:before,.site-footer:after {
			content:"";
			display:table;
		}
		
		.clear:after,.entry-content:after,.comment-content:after,.site-header:after,.site-content:after,.site-footer:after {
			clear:both;
		}
		
		/*--------------------------------------------------------------
		# Widgets
		--------------------------------------------------------------*/
		.widget {
			margin:0 0 1.5em;
			width:100%;
			float:left;
			font-size:.9em;
		/* Make sure select elements fit in widgets. */
		}
		
		.widget select {
			max-width:100%;
		}
		
		.widget ul {
			margin-left:0;
			list-style-type: none;
			padding-left: 0;
		}
			.widget ul li {
				padding: 10px 0;
			}
		
		.widget a {
			text-decoration: none;
			font-weight: 700;
		}
		
		h1.widget-title {
			font-size:1.2em;
			font-weight: 100;
		}
		
		/* Search widget. */
		.widget_search .search-submit {
			display:none;
		}
		
		#secondary {
			display:none;
		}
		
		/*
			Blog
		*/
		
		.single #primary, .archive #primary {
			width: 65%;
			float: left;
			margin-top: 75px;
		}
		
		.single #secondary, .archive #secondary {
			display: block;
		    width: 35%;
		    float: right;
		    margin-top: 135px;
		    padding: 0 5%;
			}
		.single .entry-header h1.entry-title, .archive .entry-header h1.entry-title {
			display: block;
			text-align: left;
			padding: 0;
		}	
		
		.single .entry-header, .archive .entry-header {
			margin: 1.5em;
		}
		
		.single .entry-meta, .archive .entry-meta {
			font-size: .8em;
		}
		
		.entry-footer {
			background: #fff;
			margin: 1.5em;
			color: #000;
		}
			.entry-footer a {
				text-decoration: none;
				font-weight: 700;
			}
			.entry-footer span {
				padding-right: 25px;
			}
		
		#comments {
			margin: 1.5em;
		}
		
		
		/*--------------------------------------------------------------
		# Content
		--------------------------------------------------------------*/
		#content {
			margin:-30px 0 0;
			padding:0;
		}
		
		/*--------------------------------------------------------------
		## Posts and pages
		--------------------------------------------------------------*/
		.sticky {
			display:block;
		}
		
		.entry-header a,.entry-header h1.entry-title,.page-header a,.page-header h1.entry-title {
			color:#000;
		/*background-color: rgba(255, 255, 255, 0.5);*/
			padding:10px;
		}
		
		.home .entry-header a,.home .entry-header h1.entry-title,.home .page-header a,.home .page-header h1.entry-title {
			color:#000;
			background-color:rgba(255,255,255,0.5);
			padding:20px;
		}
		
		.hentry {
			margin:0;
			padding:0;
			background-color:none;
		}
		
		.entry-header h1.entry-title {
			display:none;
		}
		
		.home h2.page-header {
			margin-top:5px;
		}
		
		.home h2.page-header {
			margin-left: 10px;
		}
		
		.home h2.page-header a {
			background:transparent;
			padding-left: 0;
		}
		
		.button {
			border:1px solid;
			border-color:#91E368;
			background:#74983e;
			color:#fff;
			font-size:12px;
			font-size:.75rem;
			line-height:1;
			padding:.6em 1em .4em;
		}
		
		a.button {
			text-decoration:none;
			font-size:1.3em;
			color:#fff;
			font-weight:700;
		}
		
		.send-me {
			display: block;
			width: 100%;
			height: 25px;
			clear: both;
			padding-top: 1em;
		}
		
		.button.more, .button.shopnow {
			
			padding: 0px 0px 3px 0px;
			text-align: left;
			font-weight: 300;
			background: none;
			color: #000;
			border-radius: 0;
			position: relative;
			z-index: 99;
			border: none;
			border-bottom: .5px dashed;
		}
		
		.button.more {
			float: right;
			bottom: 0;
			right: 15px;
		}
		.button.shopnow {
			float: left;
			bottom: 0;
			left: 15px;
		}
		
		.byline,.updated:not(.published) {
			display:none;
		}
		
		.single .byline,.group-blog .byline {
			display:inline;
		}
		
		.page-content,.entry-content,.entry-summary {
			margin:1.5em 0 0;
		}
		
		#barbershop .entry-content {
			margin: 10px 0 0;
		}
			#barbershop .entry-content p {
				margin: 1em;
			}
			#barbershop .entry-content ul {
				margin: 0 0 5px 15px;
			}
		
		.entry-content h2 {
			margin-left: 25px;
		}
		.page-template-about-page .entry-content h2 {
			margin-left: 0;
		}
		
		.page-links {
			clear:both;
			margin:0 0 1.5em;
		}
		
		#content #barbershop {
			display:block;
			margin:0 0 0 60%;
			max-width:40%;
			position:relative;
			padding:30px;
			background-color:rgba(255,255,255,0.9);
			visibility:hidden;
		}
		
		.page-id-19 header#masthead.site-header {
			margin-top: 0;
		}
		
		.booknow {
			position:fixed;
			top:30px;
			right:50px;
			z-index:1000;
		}
		#barbershop a.button {
				font-size: 1em;
				padding: 10px 20px;
				margin: 20px auto;
				display: block;
				border: none;
				text-align: center;
			}
		
		.home .soliloquy-outer-container {
			
		}
		
		.page-template-about-page .page {
			margin:0 50px;
		}
		
		.page-template-about-page a.goto { 
		  padding-top:25px;
		  display: block;
		}
		
		.page-template-about-page #content {
			padding-bottom:50px;
		}
		
		.page-template-about-page .page p {
			margin:1.5em 0;
		}
		
		img.about-image {
			padding: 25px 0 0 10px;
		}
		
		/* Parallax */
		.parallax {
			perspective:1px;
			height:600px;
			overflow-x:hidden;
			overflow-y:auto;
			perspective-origin-x:100%;
		}
		
		.parallax__layer {
			position:absolute;
			top:0;
			right:0;
			bottom:0;
			left:0;
			transform-origin-x: 100%;
		}
		
		.parallax__layer--base {
		transform: translateZ(0);	
			text-align:center;
		}
		
		.parallax__layer--back {
			background-position:left top;
			background-repeat:no-repeat;
			background-attachment:fixed;
			background-size:cover;
			transform: scale(1);
			-moz-transform: none !important;
		}
		
		.page-id-19 .parallax__layer--back {
			transform: none;
			
		}
		.parallax.Apothecary .parallax__layer--back {
			background-position:center top;
		}
		
		.parallax.Gymwear .parallax__layer--back, .parallax.Underwear .parallax__layer--back, .parallax.Barbershop .parallax__layer--back {
			background-position:right top;
		}
		
		.blurb {
			/*background:#fff;*/
			background-color: rgba(255, 255, 255, .7);
			width:35%;
			height: 100%;
			position:absolute;
			right:0;
			top:0;
			text-align:left;
			padding:50px 25px;
			z-index: 98;
			font-weight: 400;
			font-size: .9em;
		}
		
		.blurb.Gymwear, .blurb.Underwear, .blurb.Barbershop {
			left:0;
			right:10%;
		}
		
		.blurb p {
			margin:5px;
		}
		
		.section-headline h1 {
			color: #fff;
		    width: 50%;
		
		    left: 5%;
		    top: 15%;
		    text-align: left;
		    padding: 5px 10px;
		    font-size: 4em;
		    position: relative;
		    z-index: 99;
		}
		
		.section-headline.Gymwear h1, .section-headline.Underwear h1, .section-headline.Barbershop h1{
			
			left: 45%;
		}
		
		.pagetext {
			width: 50%;
			float: left;
		}
		
		
		/*--------------------------------------------------------------
		## Asides
		--------------------------------------------------------------*/
		.blog .format-aside .entry-title,.archive .format-aside .entry-title {
			display:none;
		}
		
		/*--------------------------------------------------------------
		## Comments
		--------------------------------------------------------------*/
		.comment-content a {
			word-wrap:break-word;
		}
		
		.bypostauthor {
			display:block;
		}
		
		/*--------------------------------------------------------------
		# Media
		--------------------------------------------------------------*/
		.page-content .wp-smiley,.entry-content .wp-smiley,.comment-content .wp-smiley {
			border:none;
			margin-bottom:0;
			margin-top:0;
			padding:0;
		}
		
		/* Make sure embeds and iframes fit their containers. */
		embed,iframe,object {
			max-width:100%;
		}
		
		/*--------------------------------------------------------------
		## Captions
		--------------------------------------------------------------*/
		.wp-caption {
			margin-bottom:1.5em;
			max-width:100%;
		}
		
		.wp-caption img[class*="wp-image-"] {
			display:block;
			margin-left:auto;
			margin-right:auto;
		}
		
		.wp-caption .wp-caption-text {
			margin:.8075em 0;
		}
		
		.wp-caption-text {
			text-align:center;
		}
		
		/*--------------------------------------------------------------
		## Galleries
		--------------------------------------------------------------*/
		.gallery {
			margin-bottom:1.5em;
		}
		
		.gallery-item {
			display:inline-block;
			text-align:center;
			vertical-align:top;
			width:100%;
		}
		
		.gallery-columns-2 .gallery-item {
			max-width:50%;
		}
		
		.gallery-columns-3 .gallery-item {
			max-width:33.33%;
		}
		
		.gallery-columns-4 .gallery-item {
			max-width:25%;
		}
		
		.gallery-columns-5 .gallery-item {
			max-width:20%;
		}
		
		.gallery-columns-6 .gallery-item {
			max-width:16.66%;
		}
		
		.gallery-columns-7 .gallery-item {
			max-width:14.28%;
		}
		
		.gallery-columns-8 .gallery-item {
			max-width:12.5%;
		}
		
		.gallery-columns-9 .gallery-item {
			max-width:11.11%;
		}
		
		.gallery-caption {
			display:block;
		}
		
		/* New Page Layout */
		
		.page-template-page-collection #content {
			margin-top: 25px;
		}
		
		.page-template-page-collection .top-pad {
			margin-top:55px;
		}

.page-template-page-collection .soliloquy-outer-container {
	display: none;
}
		
		.page-template-page-collection .topforpages {
			padding-top: 50px;
			width: 100%;
			max-height: 1000px;
			overflow: hidden;
		}
		
		.page-template-page-collection #images-for-page {
			
		}

		
		.page-template-page-collection .bgimg {
			width: 50%;
			z-index: 2;
			position: relative;
			min-height: 1200px;
			float: left;
			display: block;
			background-size:100% auto;
			margin: 0 0 0 1%;
		}

		
		.page-template-page-collection .small-page-images {
			width: 100%;
		}
		
		.page-template-page-collection .small-page-image-top img {
			float: left;
			width: 33%;
			margin: 0 1%;
		}
		.page-template-page-collection .right-caption {
			display: block;
			float: right;
			width: 10%;
			margin: 1%;
		}
		
		.page-template-page-collection .small-page-image-bottom img {
			float: left;
			width: 33%;
			margin: 1%;
		}
		
		.page-template-page-collection p#caption-overlay {
			z-index: 10001;
			left: 50px;
			position: absolute;
			display: block;
			width: 300px;
			color: white;
		}

/*Break Points - Collection Pages */
@media screen and (max-width: 1200px) {
	.page-template-page-collection .bgimg {
		min-height: 800px;
	}
}

@media screen and (min-width: 1200px) {
	.page-template-page-collection .bgimg {
		min-height: 900px;
	}
}

@media screen and (min-width: 1800px) {
	.page-template-page-collection .bgimg {
		min-height: 1200px;
	}
}
		
		/* Location Pages */
		
		.right-page-images {
			display: block;
			float: right;
			width: 30%;
			padding-right: 10px;
			padding-top: 50px;
		}
		
		.right-page-images img {
			
		}
		
		.entry-content.location-page {
			width: 60%;
			float: left;
			padding-left: 10px;
		}
		
		.page-template-location-page article {
			padding: 20px;
		}
		
		/* 404/Archive Styles */
		
		.error404 .page-content {
			padding: 50px;
		}
		.error404 .widget {
			width: 50%;
		}
		
		.archive .page-title {
			font-weight:100;
			padding: 10px 50px;
		}
		
		/* New Blog Layout */
		
		#upedia-masthead {
			height: 150px;
			padding-top: 100px;
			
		}
		
		#upedia-masthead img.upedia {
			max-height: 75px;
			margin: 5px auto;
			display: block;
		}
		#upedia-menu {
		/*text-transform: lowercase;*/
			clear:both;
			text-align: left;
			height: 1em;
			display: flex;
			align-items: center;
			justify-content: center;
			padding: 0;
			margin: 0;
		}
		
		#upedia-menu ul {
			display:none;
			list-style:none;
			margin:0;
			padding: 0;
		}
		
		
		
		#upedia-menu li {
			float:left;
			position:relative;
			margin-right:5px;
			list-style-type: none;
			font-size: .9em;
		}
		
		#upedia-menu li a {
			display:block;
			text-decoration:none;
			
		}

		
		.blog #primary.content-area {
			width: 100%;
			padding-top: 50px;
		}
		
		.blog article {
			display: block;
			width: 32%;
			float: left;
			/*padding: 10px;*/
			font-size: .9em;
			max-height: 400px;
		}
		
		.blog article p {
			margin: 1em;
			letter-spacing: normal;
		}
		
		.blog .entry-header h1.entry-title {
			display: block;
			text-align: left;
			padding: 0;
			font-size: 1em;
			letter-spacing: normal;
		}	
		
		.blog .entry-header {
			margin: 1.5em;
		}
		
		#bloghead {
			max-height: 175px;
			overflow: hidden;
		}
		.blog a.read-more {
			display: block;
			clear:both;
			text-align: right;
			padding-top: 10px;
			text-decoration: none;
			color: #0085ff;
		}
		
		.blog .entry-meta {
			font-size: .8em;
		}
		
		.single .nav-links, .single .comments-area, .single .entry-meta {
			display: none;
		} 
		
		.single #main, .single h3 {
			margin-left: 50px;	
		}
		
		.single h1, h1.entry-title, .archive h1 {
			font-weight:400;
		}
		
		body.page-template .soliloquoy-outer-container {
			padding-top: 70px;
		}
		
		.ss-inline-share-wrapper {
			text-align: center;
		}
		
		
		
		/*--------------------------------------------------------------
		## Brand Logos
		--------------------------------------------------------------*/
		.brand-logos {
			position:relative;
			width: 50%;
			float: right;
			padding: 0 50px;
			/*margin-top: 150px;*/
		}
		
		#left-logos, #left-logos-bottom {
			padding-left:20px;
			margin-bottom:10px;
			float:left;
		}
		
		#center-logos, #center-logos-bottom {
			padding-left:20px;
			margin-bottom:10px;
			float:left;
		}
		
		#right-logos, #right-logos-bottom {
			padding-left:20px;
			margin-bottom:10px;
			float:left;
		}

		
		.sq-logo {
			max-height:150px;
			max-width:150px;
		}

		
		/* Arrow */
		.fa {
			width:60px;
			display:block;
			text-align:center;
			color:#eee;
			font-size:3em!important;
			line-height:60px;
			text-rendering:auto;
			-webkit-font-smoothing:antialiased;
		}
		
		.fa-angle-double-down:before {
			content:"\f103";
		}
		
		.bounce {
			position:fixed;
			bottom:12%;
			left:50%;
			width:60px;
			height:60px;
			margin-left:-30px;
			-webkit-border-radius:50%;
			-moz-border-radius:50%;
			-ms-border-radius:50%;
			border-radius:50%;
			animation:bounce 2s infinite;
			-webkit-animation:bounce 2s infinite;
			-moz-animation:bounce 2s infinite;
			-o-animation:bounce 2s infinite;
		}
		
		@-webkit-keyframes bounce {
			0%,20%,50%,80%,100% {
				-webkit-transform:translateY(0);
			}
			
			40% {
				-webkit-transform:translateY(-30px);
			}
			
			60% {
				-webkit-transform:translateY(-15px);
			}
		}
		
		@-moz-keyframes bounce {
			0%,20%,50%,80%,100% {
				-moz-transform:translateY(0);
			}
			
			40% {
				-moz-transform:translateY(-30px);
			}
			
			60% {
				-moz-transform:translateY(-15px);
			}
		}
		
		@-o-keyframes bounce {
			0%,20%,50%,80%,100% {
				-o-transform:translateY(0);
			}
			
			40% {
				-o-transform:translateY(-30px);
			}
			
			60% {
				-o-transform:translateY(-15px);
			}
		}
		
		@keyframes bounce {
			0%,20%,50%,80%,100% {
				transform:translateY(0);
			}
			
			40% {
				transform:translateY(-30px);
			}
			
			60% {
				transform:translateY(-15px);
			}
		}
		
		/* arrow */
		
		@media screen and (max-width: 1000px) {
			
			html,body
			{
		    width: 100%;
		    height: 100%;
		    margin: 0px;
		    padding: 0px;
		    overflow-x: hidden; 
			overflow-y: scroll;
			-webkit-overflow-scrolling: touch;
			}
			
				.page-content, .entry-content, .entry-summary {
				padding-top: 25px;
				}
		
				.parallax {
				height: 250px;
				}
			
				.parallax__layer--back {
				background-repeat:no-repeat;
				background-attachment:scroll;
				-webkit-background-size:cover;
				-moz-background-size:cover;
				background-size:cover;
				-o-background-size:cover;
				height:250px;
				width: 100%;
				overflow:hidden;
				transform: none;
				}
			
				.parallax__layer--back.barbershop-image {
				height: auto;
				transform: none;
				padding-top: 50px;
				}
			
				.parallax.Gymwear footer #copyright-info {
				margin-right:0;
				display:block;
				clear:both;
				padding:30px 25px 0 0;
				}
			
				.blurb {
				width: 50%;
				padding: 25px 25px 15px 25px;
				font-size: .5em;
				}
			
				#footer-menu.menu {
				margin:0;
				padding:10px 2em;
				width:100%;
				height:auto;
				display: block;
				clear: both;
				
				}
			
				footer #copyright-info {
				margin:10px;
				padding-top:50px;
				clear:both;
				width:100%;
				text-align:center;
				}
			
				.site-info {
				padding-bottom:50px;
				}	
			
				.main-navigation ul[aria-expanded="false"] {
				height:45px;
				display: none;
				}
				
				.main-navigation ul[aria-expanded="true"] {
					display:block;
				}
				
					.main-navigation a {
					color: #000 !important;
					}
			
					#primary-menu li {
					width: 100%;
					padding: 20px 0;
					border-bottom: 1px solid #eee;
					}
						#primary-menu li.current-menu-item a{
						border-bottom: none;
						}
			
					#stores.navigation {
					width:60%;
					font-size:.8em;
					position:absolute;
					z-index:10001;
					}
			
						#stores.navigation li#menu-item-135 {
						clear:left;
						}
			
				.brand-logos {
				width:100%;
				}
			
				.brand-logos .sq-logo {
				width:75px;
				height:75px;
				}
			
				#social-menu {
				padding-left:0;
				margin-left:0;
				padding-right:0;
				}
			
				.site-branding img,#barbershop-only img {
				max-width:90%;
				padding-top: 40px;
				}
				
				#content #barbershop {
				display:block;
				margin:0 0 0 auto;
				max-width:400px;
				position:relative;
				padding:30px;
				background-color:rgba(255,255,255,0.9);
				visibility:hidden;
				}
		
					.booknow {
					position:fixed;
					top:30px;
					right:10px;
					z-index:1000;
					}
					
					#barbershop a.button {
					font-size: .8em;
					padding: 20px 5px;
					margin: 10px auto;
					}
			
				.section-headline h1 {
				font-size: 1em;
				width: 100%;
				padding: 13px;
				position: relative;
				text-align: left;
				}
				.section-headline.Gymwear h1 {
				left:auto;
				padding-right: 25px;
				text-align: right;
				}
		
					.blog #secondary, .single #secondary, .archive #secondary {
					display: none;
					}
			
					.blog #primary, .single #primary, .archive #primary {
					width: 100%;
					}
					
					.blog article {
					display: block;
					width: 100%;
					float: left;
					/*padding: 10px;*/
					font-size: .9em;
					max-height: 400px;
					}
			/* New Page Layout - mobile */
		
						.page-template-page-collection #content {
						margin-top: 25px;
						}
		
						.page-template-page-collection .top-pad {
						margin-top:0px;
						}
		
						.page-template-page-collection .topforpages {
						padding-top: 50px;
						width: 100%;
						max-height:unset;
						overflow: auto;
						}
		
						.page-template-page-collection .bgimg {
						width: 100%;
						z-index: 2;
						position: relative;
						min-height: 500px;
						display: block;
						background-size:100% auto;
						margin: 0 0 100px 0;
						}
						.page-template-page-collection p#caption-overlay {
						z-index: 10001;
						position: relative;
						display: block;
						width: 85%;
						color: black;
						top: 480px;
						left: 0px;
						}		
		
						.page-template-page-collection .small-page-images {
						width: 100%;
						}
		
						.page-template-page-collection .small-page-image-top img {
						width: 100%;
						margin: 0;
						}
						.page-template-page-collection .right-caption {
						width: 85%;
						margin: 25px;
						}
		
						.page-template-page-collection .small-page-image-bottom img {
						float: left;
						width: 100%;
						margin: 0;
						}
		
						.page-template-page-collection .pagetext {
						width:100%;
						}

					
		} /* 1000 px */

/* Collection Page Big Image on iPad*/
		
		@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1000px){
			
			.page-template-page-collection .bgimg {
						width: 100%;
						z-index: 2;
						position: relative;
						min-height: 1000px;
						display: block;
						background-size:100% auto;
						margin: 0 0 100px 0;
						}
						.page-template-page-collection p#caption-overlay {
						z-index: 10001;
						position: relative;
						display: block;
						width: 85%;
						color: black;
						top: 980px;
						left: 0px;
						}	
}
		
		@media screen and (max-width: 600px) {
			
				#upedia-menu #menu-item-752 {
				display: none;
				}
				
		}/* 600 px */
		
		/* End Mobile */
					
					/* 2017 Changes */
					
					.main-navigation {
						background-color: #9b9a9a;
						font-size: .9em;
						height: 65px;
									}
					.main-navigation a {
						color: #fff;
					}
					
					.main-navigation ul {
						font-size: 1em;
						color: #fff;
						margin: 22px 0 0 0;
		
					}
					
					.newlogo {
						float: left;
					}
					
					.newlogo img {
						height: 50px;
						padding: 15px 5px 1px 20px;
					}
					
					.site-header {
						display: none;
					}
					
					footer {
						
						background-color: #9b9a9a;
					}
					
					#content .underu-brands, .top-pad {
						margin-top: 95px;
					}
					
					.underu-brands {
						padding: 10px 50px;
					}
					
					.location-title {
						text-align: center;
					}
					
					ul#brands-nav, ul.brand-rows {
						list-style-type: none;
						margin: 0;
						padding: 0;
					}
					
					ul#brands-nav {
						text-align: center;
					}
						ul#brands-nav li, ul.brand-rows li {
							display: inline-block;
						}
							ul#brands-nav li a, .underu-brands h3 {
								text-decoration: none;
								padding: 0 20px;
								font-weight: 100;
								letter-spacing: 3px;
							}
							
							ul.brand-rows img {
								height: auto;
								max-width: 100px;
								position: relative;
								left: 0;
							}
							
						ul.brand-rows li a span{
								display: block;
								padding-top: 25px;
								-webkit-transition: all 0.4s ease-out;
								-moz-transition: all 0.4s ease-out;
								-o-transition: all 0.4s ease-out;
								transition: all 0.4s ease-out;
								position: relative;
								width: 100px;
								height: 100px;
								top: 10px;
								left: 0;
								opacity: 0;
								background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0.85) 0%);
								background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0.85) 0%);
								background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0.85) 0%);
								background: linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0.85) 0%);

							}
								ul.brand-rows li a:hover span {
									 top:-100px;
									 opacity: 1;
								}
							
							ul.brand-rows li {
							padding: 10px 20px;
							height: 100px;
							overflow: hidden;
							}
							
							ul.brand-rows li a {
								color:green;
								font-weight: 900;
								display: block;
								text-decoration: none;
								}