/*
Theme Name: Brown Street Studio
Author: Lexia Snowe Digital Arts
Author URI: http://www.lexiasnowe.info
Description: Custom-design theme for Brown St Studio, talent management, creative services and studio space.
Version: 1.0
License: Privately developed website. Theme not for public distribution.
Text Domain: twentythirteen
*/


/* June 2017 Updates */
.thrv_custom_html_shortcode h3 {
    margin-bottom: 1.5em;
}

/**
 * Fonts
 *
 * ----------------------------------------------------------------------------
 */

@import url('http://fonts.googleapis.com/css?family=Source+Sans+Pro');
@import url('http://fonts.googleapis.com/css?family=Open+Sans');
@import url('http://fonts.googleapis.com/css?family=Roboto+Condensed');
@import url('http://fonts.googleapis.com/css?family=Homemade+Apple');


/**
 * Repeatable Patterns
 * ----------------------------------------------------------------------------
 */

.genericon:before,
.menu-toggle:after,
.featured-post:before,
.date a:before,
.entry-meta .author a:before,
.format-audio .entry-content:before,
.comments-link a:before,
.tags-links a:first-child:before,
.categories-links a:first-child:before,
.edit-link a:before,
.attachment .entry-title:before,
.attachment-meta:before,
.attachment-meta a:before,
.comment-awaiting-moderation:before,
.comment-reply-link:before,
.comment-reply-login:before,
.comment-reply-title small a:before,
.bypostauthor > .comment-body .fn:before,
.error404 .page-title:before {
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font: normal 16px/1 Genericons;
	vertical-align: text-bottom;
}

/* Clearing floats */
.clear:after,
.attachment .entry-header:after,
.site-footer .widget-area:after,
.entry-content:after,
.page-content:after,
.navigation:after,
.nav-links:after,
.gallery:after,
.comment-form-author:after,
.comment-form-email:after,
.comment-form-url:after,
.comment-body:after {
	clear: both;
}

.clear:before,
.clear:after,
.attachment .entry-header:before,
.attachment .entry-header:after,
.site-footer .widget-area:before,
.site-footer .widget-area:after,
.entry-content:before,
.entry-content:after,
.page-content:before,
.page-content:after,
.navigation:before,
.navigation:after,
.nav-links:before,
.nav-links:after,
.gallery:before,
.gallery:after,
.comment-form-author:before,
.comment-form-author:after,
.comment-form-email:before,
.comment-form-email:after,
.comment-form-url:before,
.comment-form-url:after,
.comment-body:before,
.comment-body:after {
	content: "";
	display: table;
}

/* Assistive text */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}

.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-weight: bold;
	height: auto;
	line-height: normal;
	padding: 15px 23px 14px;
	position: absolute;
	left: 5px;
	top: 5px;
	text-decoration: none;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}


 

/* Make sure images with WordPress-added height and width attributes are scaled correctly. */
.entry-content img,
.entry-summary img,
.comment-content img[height],
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto;
}

img.size-full,
img.size-large,
img.wp-post-image {
	height: auto;
	max-width: 100%;
}

/* Make sure videos and embeds fit their containers. */
embed,
iframe,
object,
video {
	max-width: 100%;
}

/* Override the Twitter embed fixed width. */
.twitter-tweet-rendered {
	max-width: 100% !important;
}

/* Images */
.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

figure.wp-caption.alignleft,
img.alignleft {
	margin: 5px 20px 5px 0;
}

.wp-caption.alignleft {
	margin: 5px 10px 5px 0;
}

figure.wp-caption.alignright,
img.alignright {
	margin: 5px 0 5px 20px;
}

.wp-caption.alignright {
	margin: 5px 0 5px 10px;
}

img.aligncenter {
	margin: 5px auto;
}

img.alignnone {
	margin: 5px 0;
}

.wp-caption .wp-caption-text,
.entry-caption,
.gallery-caption {
	color: #220e10;
	font-size: 18px;
	font-style: italic;
	font-weight: 300;
	margin: 0 0 24px;
}

div.wp-caption.alignright img[class*="wp-image-"] {
	float: right;
}

div.wp-caption.alignright .wp-caption-text {
	padding-left: 10px;
}

img.wp-smiley,
.rsswidget img {
	border: 0;
	border-radius: 0;
	box-shadow: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

.wp-caption.alignleft + ul,
.wp-caption.alignleft + ol {
	list-style-position: inside;
}


/**
 * Basic Structure
 * ----------------------------------------------------------------------------
 */

/* reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
ol,ul{list-style:none;margin:0px;padding:0px;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
a{text-decoration:none;}
.txt-rt{text-align:right;}/* text align right */
.txt-lt{text-align:left;}/* text align left */
.txt-center{text-align:center;}/* text align center */
.float-rt{float:right;}/* float right */
.float-lt{float:left;}/* float left */
.clear{clear:both;}/* clear float */
.pos-relative{position:relative;}/* Position Relative */
.pos-absolute{position:absolute;}/* Position Absolute */
.vertical-base{	vertical-align:baseline;}/* vertical align baseline */
.vertical-top{	vertical-align:top;}/* vertical align top */
nav.vertical ul li{	display:block;}/* vertical menu */
nav.horizontal ul li{	display: inline-block;}/* horizontal menu */
img{max-width:100%;}

.clearfix:before,
.clearfix:after,
.wrap:before,
.wrap:after,
hr:before,
hr:after {
   content: ""; display: table;
}

.clearfix:after,
.wrap:after,
hr:after {
  clear: both;
}


img {
	height: auto;
	max-width: 100%;
}


/* Make sure videos and embeds fit their containers. */
embed,
iframe,
object,
video {
	max-width: 100%;
}


/*end reset*/


/**--DEFAULT HYPERLINK STYLE--**/

a 
{
color:#00A3CC;
text-decoration:none;
}

a:link, a:active, a:visited
{
color:#00A3CC;
text-decoration:none;
}

a:hover
{
text-decoration:underline;
}

/**--RECURRING RED TRAIL--**/

span.red-trail
{
	color:#AB2929;
        display:none;
}


body
{
font-family: "Open Sans", "helvetica neue", helvetica, arial, tahoma, verdana, sans-serif;
background:#FFF;
}

header
{
float:left;
width:21%;
background:#F7F7F7;
padding:0 2% 1% 2%;
}


main
{
	float:left;
	width:75%;
	background:#fff;
	padding:0 0;
	margin:0 0 0 0;
}


/**--LOGO--**/

.logo
{
	height:auto;
	width:100%;
}

.logo img
{
	width:100%;
	height:auto;
	display:block;
	border:0;
}


/**--MAIN MENU--**/

.flexy-menu
{
margin: 0;
}	


.nav
{
	width:100%;
	margin:0 0 0 0;
	padding:0 0 0 0;
	clear:both;
}



/**--HOMEPAGE SLIDER--**/

#slider-wrap
{
	width:100%;
	background:#fff;
	height:auto;
}



/**--SIGN UP SIDEBAR BOX--**/


#coming-forma h4
{
	font-family:"Roboto Condensed", "Helvetica neue", helvetica, arial, tahoma, sans-serif;
	font-size:1em;
	color:#434343;
	text-align:left;
	text-transform:uppercase;
	margin:0 0 1em 0;
}


.forma{
	clear:both;
	margin:3em 0 3em 0;
	z-index: 10;
}

.forma input{
	border-radius:4px;
	padding-top:10px;
	padding-bottom:10px;
	border:1px solid #ededed;
font-family: "helvetica neue", helvetica, arial, tahoma, verdana, sans-serif;
	font-weight: bold;
	font-size:12px;
	color:#333;
	background:#ededed;
}
input:focus{
	//border:0;
	outline:none;
}


.forma input:focus
{
	background:#dfdfdf;
	border:1px solid #AB2929;
}



#subscribe
{
    display: block;
	font-family: 'Open Sans', "helvetica neue", helvetica, arial, tahoma, verdana, sans-serif;
	list-style-type:none;
	margin:0 0 0 0;
	padding:0 0 0 0;
	font-size:12px;
//	border:1px solid #fff;
	border-radius:4px;
}

#subscribe li
{
	display:inline;
}

#subscribe li button.btn,
#subscribe li input {
    float: left;
}

#subscribe li button.btn {
    margin-left: 10px;
}

.email-capture
{
	padding-left:5px;
	padding-right:5px;
}

.btn {
  display: inline-block;
  padding: 10px 12px;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.428571429;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
   background:rgb(64, 64, 65);
   color:#fafafa;
  border: 0px;
  border-radius: 4px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
       -o-user-select: none;
          user-select: none;
}

.btn:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.btn:hover,
.btn:focus {
  color: #fff;
  text-decoration: none;
   background:#080808;
}

.btn:active,
.btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
          box-shadow: none;
}


/**--SOCIAL MEDIA BUTTONS--**/

ul#social-media
{
	list-style-type:none;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

ul#social-media li
{
	float:right;
	margin:0 0 0 0.5em;
	padding:0 0 0 0;
	color:#999;
}

ul#social-media li a
{
		color:#999;
}

ul#social-media li a:hover
{
color:	#AB2929;
}


/**--FOOTER STYLES--**/



#secondary-links-wrap
{
	width:100%;
	margin:4em 0 3em 0;
	padding:0 0 0 0;
	clear:both;
        display:none;
}

#secondary-links-wrap-columns
{
	padding:0 0 0 0;
	margin:0 2em;
}

.secondary-links-column
{
	width:33%;
	float:left;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

.secondary-links-column ul
{
	width:94%;
	margin:0 5% 0 1%;
	padding:0 0 0 0;
	list-style-type:none;
	line-height:1.5;
}

.secondary-links-column ul li
{
	margin:0 0 0 0;
	padding:0 0 0 0;
}

.secondary-links-column ul li.secondary-links-group-header
{
	font-family: "Roboto Condensed", "helvetica neue", helvetica, arial, tahoma, verdana, sans-serif;
	color:#535353;
	font-size:0.9em;
	text-transform:uppercase;
	margin-bottom:0.5em;
}

.secondary-links-column ul li.secondary-links-group-entry
{
font-family: "Source Sans Pro", "helvetica neue", helvetica, arial, tahoma, verdana, sans-serif;
color:#999;
font-size:0.9em;
text-transform:lowercase;
}

.secondary-links-column ul li.secondary-links-group-entry a
{
font-family: "Source Sans Pro", "helvetica neue", helvetica, arial, tahoma, verdana, sans-serif;
color:#999;
font-size:100%;
text-decoration:none;
font-weight:normal;
}

.secondary-links-column ul li.secondary-links-group-entry a:hover
{
color:#AB2929;
}


#legal-wrap
{
	width:100%;
	margin:3em 0;
	font-family:"Source Sans Pro", "Helvetica neue", helvetica, arial, tahoma, sans-serif;
	font-size:0.85em;
	text-transform:uppercase;
	line-height:1.5;
	clear:both;
	background:#fff;
}

#legal-wrap ul
{
	list-style-type:none;
	margin:1.5em 2em 0.5em 2em;
	padding:0 0 0 0;
	color:#797979;
}

#legal-wrap ul li
{
	float:left;
	margin:0 0.75em;
}

#legal-wrap ul li a
{
	font-family:"Source Sans Pro", "Helvetica neue", helvetica, arial, tahoma, sans-serif;
	font-size:100%;
	text-decoration:none;
	font-weight:normal;
	color:#AB2929;
}

#legal-wrap ul li a:hover
{
	color:#cacaca;
}




/**
 * 404
 * ----------------------------------------------------------------------------
 */

.error404 .page-header {
	background-color: #fff;
}

.error404 .page-title {
	line-height: 0.6;
	margin: 0;
	padding: 300px;
	position: relative;
	text-align: center;
	width: auto;
}

.error404 .page-title:before {
	color: #e8e5ce;
	content: "\f423";
	font-size: 964px;
	line-height: 0.6;
	overflow: hidden;
	position: absolute;
	left: 7px;
	top: 28px;
}

.error404 .page-wrapper {
	background-color: #e8e5ce;
}

.error404 .page-header,
.error404 .page-content {
	margin: 0 auto;
	max-width: 1040px;
	padding-bottom: 40px;
	width: 100%;
}









/**
 * 6.1 Widgets
 * ----------------------------------------------------------------------------
 */

.widget {
	background-color: rgba(247, 245, 231, 0.7);
	font-size: 14px;
	-webkit-hyphens: auto;
	-moz-hyphens:    auto;
	-ms-hyphens:     auto;
	hyphens:         auto;
	margin: 0 0 24px;
	padding: 20px;
	word-wrap: break-word;
}

.widget .widget-title {
	font: 300 italic 20px "Source Sans Pro", Helvetica, sans-serif;
	margin: 0 0 10px;
}

.widget ul,
.widget ol {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.widget li {
	padding: 5px 0;
}

.widget .children li:last-child {
	padding-bottom: 0;
}

.widget li > ul,
.widget li > ol {
	margin-left: 20px;
}

.widget a {
	color: #bc360a;
}

.widget a:hover {
	color: #ea9629;
}

/* Search widget */
.search-form .search-submit {
	display: none;
}

/* RSS Widget */
.widget_rss .rss-date {
	display: block;
}

.widget_rss .rss-date,
.widget_rss li > cite {
	color: #a2a2a2;
}

/* Calendar Widget */
.widget_calendar table,
.widget_calendar td {
	border: 0;
	border-collapse: separate;
	border-spacing: 1px;
}

.widget_calendar caption {
	font-size: 14px;
	margin: 0;
}

.widget_calendar th,
.widget_calendar td {
	padding: 0;
	text-align: center;
}

.widget_calendar a {
	display: block;
}

.widget_calendar a:hover {
	background-color: rgba(0, 0, 0, 0.15);
}

.widget_calendar tbody td {
	background-color: rgba(255, 255, 255, 0.5);
}

.site-footer .widget_calendar tbody td {
	background-color: rgba(255, 255, 255, 0.05);
}

.widget_calendar tbody .pad, .site-footer .widget_calendar tbody .pad {
	background-color: transparent;
}








/**
 * 8.0 Media Queries
 * ----------------------------------------------------------------------------
 */

/* Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See http://core.trac.wordpress.org/ticket/25888.
 */
@-ms-viewport {
	width: device-width;
}
@viewport {
	width: device-width;
}

/*----responsive-design----*/
@media only screen and (max-width:1440px) and (min-width:1366px){
}
@media only screen and (max-width:1366px) and (min-width:1280px){
}
@media only screen and (max-width:1280px) and (min-width:1024px){
}
@media only screen and (max-width:1134px) and (min-width:1089px){
    #subscribe li button.btn {
        margin: 0 0 0 2px;
    }
}
@media only screen and (max-width:1089px) and (min-width:1024px){
    #subscribe li button.btn {
        margin: 5px 0;
    }
}
@media only screen and (max-width:1024px) and (min-width:768px){
    #subscribe li button.btn,
    #subscribe li input {
        display: block;
    }
    #subscribe li button.btn {
        margin: 5px 0;
    }
}
@media only screen and (max-width:768px) and (min-width:640px){
	header
	{
	float:none;
	width:100%;
	background:#F7F7F7;
	padding:0 0;
height:auto;
	}
	main
	{
		float:none;
		width:100%;
	}
	#subscribe
	{
		margin:0 2%;
	}
	.Email{
		padding-left:0.5%;
		width:75%;
	}
	.btn
	{
		width:24%;
	}
	ul#social-media
	{
		margin:0 2% 1em 2%;
	}
}
@media only screen and (max-width:640px) and (min-width:480px){
	header
	{
	float:none;
	width:100%;
	background:#F7F7F7;
	padding:0 0;
height:auto;
	}
	main
	{
		float:none;
		width:100%;

	}
	#subscribe
	{
		margin:0 2%;
	}
	.Email{
		padding-left:0.5%;
		width:75%;
	}
	.btn
	{
		width:24%;
	}
	ul#social-media
	{
		margin:0 2% 1em 2%;
	}
}
@media only screen and (max-width:480px) and (min-width:320px){
	
         #mytable, table, thead, tbody, th, td, tr
         {
         display:block;
         }
         
        header
	{
	float:none;
	width:100%;
	background:#F7F7F7;
	padding:0 0;
height:auto;
	}
	main
	{
		float:none;
		width:100%;
	}
	#subscribe
	{
		margin:0 2%;
	}
	.Email{
		padding-left:0.5%;
		width:75%;
	}
	.btn
	{
		width:24%;
	}
	ul#social-media
	{
		margin:0 2% 1em 2%;
	}
}
@media only screen and (max-width:320px) and (min-width:240px){
	header
	{
	float:none;
	width:100%;
	background:#F7F7F7;
	padding:0 0;
height:auto;
	}
	main
	{
		float:none;
		width:100%;
	}
	#subscribe
	{
		margin:0 2%;
	}
	.Email{
		padding-left:0.5%;
		width:75%;
	}
	.btn
	{
		width:24%;
	}
	ul#social-media
	{
		margin:0 2% 1em 2%;
	}
}