/*
Theme name: The Act
Description: Custom Theme
*/

/******* The Act WordPress CSS *******/

/* Common elements styling */
.text,
.post-content ul { margin-left: 25px; }
.text,
.post-content  ol { margin-left: 25px; }
.post-content .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; } 

/******* /The Act WordPress CSS *******/

/*--- Reset ---*/
* { margin: 0; padding: 0; outline: 0; }

/*--- Base ---*/
html,
body { min-height: 100%; }

html { overflow-y: scroll; }
body { font-size: 14px; line-height: 1.2; font-family: 'Open Sans', sans-serif; color: #b08943; background: #000 url(http://www.theactlv.com/wp-content/themes/the-act/images/new-nav-repeat.png) repeat-y 0 0; -webkit-font-smoothing: antialiased; -webkit-font-size-adjust: none; }

a { color: #fff; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }

img { vertical-align: middle; border: 0; }

input, 
textarea, 
select { font-size: 14px; font-weight: bold; color: #b59554; font-family: 'Open Sans', sans-serif; }
textarea { overflow: auto; resize: none; }

h1 { font-size: 24px; font-family: 'trajan-pro', serif; text-transform: uppercase; }

ul,
ol { list-style-position: inside; }

ul,
ol,
p { padding-bottom: 17px; }

/*--- Helpers ---*/
.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.clearfix:before, 
.clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.left,
.alignleft { float: left; }
.right,
.alignright { float: right; }
.hidden { display: none; }
.rel { position: relative; }

/*--- Navigation ---*/
.nav-container { position: absolute; top: 0; left: 0; bottom: 0; z-index: 2; width: 249px; background: url(http://www.theactlv.com/wp-content/themes/the-act/images/new-navigation.png) no-repeat 0 bottom; }
.nav-container .arrow { position: absolute; bottom: 32px; left: 118px; width: 40px; height: 40px; display: none; }
.nav-container .arrow span { position: absolute; top: 15px; left: 12px; width: 16px; height: 11px; background: url(http://www.theactlv.com/wp-content/themes/the-act/images/nav-arrows.png) no-repeat right 0; }
.nav-container .phone,
.nav-container .label { display: none; }
.nav-container.expanded .arrow span { background-position: 0 0; top: 13px; }

.navigation { list-style: none outside none; width: 185px; border-top: 1px solid #ffb96a; border-top: 1px solid rgba(255, 185, 106, .2); margin: 265px 0 0 30px; padding: 0; }
.navigation li { border-bottom: 1px solid #ffb96a; border-bottom: 1px solid rgba(255, 185, 106, .2); padding: 12px 0 10px; font-size: 0; line-height: 0; }
.navigation a { display: block; color: #ad7f35; font-family: 'trajan-pro', serif; font-size: 13px; text-transform: uppercase; line-height: 1.2; }
.navigation a:hover,
.navigation li.current_page_item a { color: #f8dd72; text-decoration: none; }

/*--- Brand ---*/
.brand { position: absolute; top: 44px; left: 35px; width: 171px; height: 182px; background: url(http://www.theactlv.com/wp-content/themes/the-act/images/brand.png) no-repeat 0 0; }

/*--- Socials Nav ---*/
.socials-nav { list-style: none outside none; height: 29px; margin: 10px 0 0 30px; }
.socials-nav li,
.socials-nav a { float: left; height: 29px; width: 29px; position: relative; }
.socials-nav li { padding-left: 1px; }
.socials-nav img { display: block; }
.socials-nav img + img { position: absolute; top: 0; left: 0; opacity: 0; filter: alpha(opacity=0); }
.socials-nav a:hover img { opacity: 0; filter: alpha(opacity=0); }
.socials-nav a:hover img + img { opacity: 1; filter: alpha(opacity=100); }

/*--- Fullscreen ---*/
.fullscreen-container { position: fixed; top: 0; left: 250px; right: 0; height: 100%; z-index: 0; }
.fullscreen-inner { position: absolute; top: 0; left: 0; overflow: hidden; }
.fullscreen-item { float: left; width: 100%; height: 100%; overflow: hidden; position: relative; }
.fullscreen-item img { position: absolute; top: 0; left: 0; display: none; }
body.home .fullscreen-item img { display: inline-block; }
body.home .fullscreen-inner { height: 100%; left: 0 !important; }
.fullscreen-container .caroufredsel_wrapper { z-index: 0 !important; }
.fullscreen-container .arrow-prev,
.fullscreen-container .arrow-next { top: 50%; margin-top: -12px; z-index: 1; }
.fullscreen-container .arrow-prev { left: 100px; }
.fullscreen-container .arrow-next { right: 100px; }

/*--- Main ---*/
.main-container { position: relative; z-index: 1; min-height: 1px; margin-left: 250px; }

/*--- Boxes ---*/
.box { background: #000; border: 1px solid #ceb178; padding: 26px 0 34px; }
.box h1 { text-align: center; padding-bottom: 26px; }
/*--- Ornaments ---*/
.ornament { display: block; margin: 0 auto; }

/*--- Reservations ---*/
.reservations { width: 340px; margin: 0 auto; padding: 110px 0; }
.reservations form { width: 188px; margin: 0 auto; }

/*--- Fields ---*/
.field { border: 0; background: #342912; border-radius: 3px; padding: 3px 10px; width: 168px; }
.field-readonly { background: transparent; padding: 3px 0; width: 188px; }
input.field { height: 20px; }

.form-row { padding-bottom: 10px; *height: 47px; }
.form-row > label { display: block; font-family: 'Open Sans Condensed', sans-serif; line-height: 18px; padding-bottom: 3px; }

/*--- Buttons ---*/
#psyche-auth-button { display:  none; }
.button { display: inline-block; height: 26px; padding: 0 15px; color: #000; font-size: 12px; text-transform: uppercase; line-height: 26px; }
.button {
	background: #b08943;
	background: -moz-linear-gradient(top,  rgba(243,219,123,1) 0%, rgba(230,202,110,1) 20%, rgba(188,147,66,1) 68%, rgba(180,136,57,1) 80%, rgba(174,129,50,1) 92%, rgba(174,129,50,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(243,219,123,1)), color-stop(20%,rgba(230,202,110,1)), color-stop(68%,rgba(188,147,66,1)), color-stop(80%,rgba(180,136,57,1)), color-stop(92%,rgba(174,129,50,1)), color-stop(100%,rgba(174,129,50,1)));
	background: -webkit-linear-gradient(top,  rgba(243,219,123,1) 0%,rgba(230,202,110,1) 20%,rgba(188,147,66,1) 68%,rgba(180,136,57,1) 80%,rgba(174,129,50,1) 92%,rgba(174,129,50,1) 100%);
	background: -o-linear-gradient(top,  rgba(243,219,123,1) 0%,rgba(230,202,110,1) 20%,rgba(188,147,66,1) 68%,rgba(180,136,57,1) 80%,rgba(174,129,50,1) 92%,rgba(174,129,50,1) 100%);
	background: -ms-linear-gradient(top,  rgba(243,219,123,1) 0%,rgba(230,202,110,1) 20%,rgba(188,147,66,1) 68%,rgba(180,136,57,1) 80%,rgba(174,129,50,1) 92%,rgba(174,129,50,1) 100%);
	background: linear-gradient(to bottom,  rgba(243,219,123,1) 0%,rgba(230,202,110,1) 20%,rgba(188,147,66,1) 68%,rgba(180,136,57,1) 80%,rgba(174,129,50,1) 92%,rgba(174,129,50,1) 100%);
}
.button:hover { background: #e3002d; text-decoration: none; }

.button input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; background: #fff; background: rgba(255,255,255,0); filter: alpha(opacity=0); opacity: .1; font-size: 1px; border: none; text-indent: -9999px; }

.button-submit { position: relative; overflow: hidden; margin-top: 15px; }
.button-active,
.button-active:hover { border: 1px solid #e8c965; padding: 0 14px; height: 24px; line-height: 24px; color: #ebcd67; }

.button-active,
.button-active:hover {
	background: rgb(161,142,69);
	background: -moz-linear-gradient(top,  rgba(161,142,69,1) 0%, rgba(157,136,64,1) 9%, rgba(140,115,48,1) 30%, rgba(118,90,24,1) 57%, rgba(108,74,14,1) 70%, rgba(101,66,5,1) 83%, rgba(94,58,4,1) 96%, rgba(94,58,4,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(161,142,69,1)), color-stop(9%,rgba(157,136,64,1)), color-stop(30%,rgba(140,115,48,1)), color-stop(57%,rgba(118,90,24,1)), color-stop(70%,rgba(108,74,14,1)), color-stop(83%,rgba(101,66,5,1)), color-stop(96%,rgba(94,58,4,1)), color-stop(100%,rgba(94,58,4,1)));
	background: -webkit-linear-gradient(top,  rgba(161,142,69,1) 0%,rgba(157,136,64,1) 9%,rgba(140,115,48,1) 30%,rgba(118,90,24,1) 57%,rgba(108,74,14,1) 70%,rgba(101,66,5,1) 83%,rgba(94,58,4,1) 96%,rgba(94,58,4,1) 100%);
	background: -o-linear-gradient(top,  rgba(161,142,69,1) 0%,rgba(157,136,64,1) 9%,rgba(140,115,48,1) 30%,rgba(118,90,24,1) 57%,rgba(108,74,14,1) 70%,rgba(101,66,5,1) 83%,rgba(94,58,4,1) 96%,rgba(94,58,4,1) 100%);
	background: -ms-linear-gradient(top,  rgba(161,142,69,1) 0%,rgba(157,136,64,1) 9%,rgba(140,115,48,1) 30%,rgba(118,90,24,1) 57%,rgba(108,74,14,1) 70%,rgba(101,66,5,1) 83%,rgba(94,58,4,1) 96%,rgba(94,58,4,1) 100%);
	background: linear-gradient(to bottom,  rgba(161,142,69,1) 0%,rgba(157,136,64,1) 9%,rgba(140,115,48,1) 30%,rgba(118,90,24,1) 57%,rgba(108,74,14,1) 70%,rgba(101,66,5,1) 83%,rgba(94,58,4,1) 96%,rgba(94,58,4,1) 100%);
}

/*--- Arrows ---*/
.arrow-prev,
.arrow-next { position: absolute; top: 0; width: 17px; height: 24px; background: url(http://www.theactlv.com/wp-content/themes/the-act/images/arrows.png) no-repeat; }
.arrow-prev { background-position: 0 0; left: 0; }
.arrow-next { background-position: right 0; right: 0; }

.arrow-prev:hover { background-position: 0 bottom; }
.arrow-next:hover { background-position: right bottom; }

/*--- Contact ---*/
.post-content { width: 660px; margin: 0 auto; padding: 110px 0; }
.post-content h1 { text-align: left; }
.post-content .box { padding: 43px 70px; }
.post-content .cols { overflow: hidden; padding: 27px 0; }
.post-content .col { width: 225px; }
.post-content .col.right { text-transform: uppercase; }

/*--- Content Slider ---*/
.content-slider,
.content-slides,
.content-slides .slide { width: 618px; height: 438px; position: relative; overflow: hidden; }
.content-slider { border: 1px solid #a58246; }
.content-slides .slide { float: left; }
.content-slides img { width: 100%; height: 100%; }

.content-slider .caroufredsel_wrapper { z-index: 0 !important; }
.content-slider .paging { position: absolute; bottom: 18px; left: 0; z-index: 1; width: 100%;  text-align: center; font-size: 0; line-height: 0; }
.content-slider .paging a { display: inline-block; width: 10px; height: 10px; border-radius: 10px; background: #fff; margin: 0 2px; }
.content-slider .paging a:hover,
.content-slider .paging a.selected { background: #b08943; }

/*--- Private Parties ---*/
.private-parties { width: 642px; margin: 0 auto; padding: 10px 0; }
.private-parties .box { padding: 26px 10px 34px; }
.private-parties .button-wrap { text-align: center; padding-bottom: 25px; }
.private-parties .button { font-family: 'trajan-pro', serif; font-weight: bold; }
.private-parties h1 { padding-bottom: 15px; }
.private-parties .text { width: 520px; margin: 30px auto 0; text-align: center; }
.private-parties .post.text { text-align: left; }

/*--- Request Information ---*/
.request-info { width: 406px; padding: 101px 106px 110px; }
.request-info .col { width: 188px; }

/*--- The Space ---*/
.the-space { width: 642px; margin: 0 auto; padding: 30px 0; }
.the-space .box { padding: 0 10px 10px; }
.the-space .text { margin: 15px 10px 0; text-align: center; }
.the-space h1 { padding: 8px 0; }

/*--- Grid ---*/
.grid { width: 689px; margin: 0 auto; padding: 22px 0; overflow: hidden; }
.grid h1 { padding-bottom: 10px; }
.grid ul { list-style: none outside none; overflow: hidden; width: 699px; margin-right: -10px; position: relative; }
.grid li { float: left; width: 223px; height: 410px; margin-right: 10px; position: relative; z-index: 0; } 
.grid li a { display: block; color: #171717; }
.grid li a:hover { text-decoration: none; }
.grid .thumb { width: 214px; height: 304px; position: relative; margin: 0 auto; border: 1px solid #bd9348; }
.grid .thumb > img { width: 100%; height: 100%; }
.grid .thumb-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url(images/black-80.png) repeat 0 0; padding-top: 105px; display: none; }
.grid .thumb-overlay img { display: block; margin: 0 auto; }
.grid .thumb-overlay strong { display: block; color: #bb9b59; text-transform: uppercase; text-align: center; padding: 0 20px; margin-top: -4px; }

.grid .meta { background: url(images/grid-item-label.png) no-repeat 0 0; padding: 15px 6px 3px; text-align: center; text-transform: uppercase; white-space: nowrap; }
.grid .meta strong,
.grid .meta span { display: block; text-overflow: ellipsis; overflow: hidden; }
.grid .meta span { font-weight: 600; padding-top: 5px; }

.grid a:hover .thumb-overlay { display: block; }

.grid-press .meta { min-height: 45px; padding-top: 17px; }

#infscr-loading { width: 300px; background: #000; border: 1px solid #bd9348; position: absolute; bottom: 0; left: 50%; margin-left: -151px; text-align: center; padding: 10px 0; z-index: 1; }

/*--- Single Event ---*/
.single-event { width: 593px; margin: 0 auto; padding: 20px 0; }
.single-event .box { padding: 20px; position: relative; }
.single-event .thumb { width: 344px; height: 498px; border: 1px solid #CEB178; }
.single-event .aside { width: 188px; position: relative; z-index: 0; min-height: 500px; }
.single-event .aside > .button { display: block; text-align: left; margin-bottom: 7px; }
.single-event .socials-nav { position: absolute; bottom: 0; left: 0; right: auto; padding: 0; margin: 0; }
.single-event form { padding: 18px 0 0; overflow: hidden; display: none; }

.single-event .overlay { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: url(images/black-80.png) repeat 0 0; z-index: 2; overflow: hidden; display: none; }
.single-event .overlay p { width: 460px; text-align: center; position: absolute; top: 50%; left: 50%; margin: -45px 0 0 -230px; padding-bottom: 0; }
.single-event .overlay strong { color: #bb9b59; text-transform: uppercase; display: block; padding-bottom: 15px; }

/*--- Gallery Grid ---*/
.gallery-grid { overflow: hidden; margin: 0 auto; opacity: 0; }
.gallery-grid .item,
.gallery-grid .item a { float: left;  position: relative; }
.gallery-grid .item img { display: block;  }
.gallery-grid .item iframe { display: none; }
.gallery-grid .label { position: absolute; bottom: 0; left: 0; right: 0; padding: 10px 10px 12px; background: url(http://www.theactlv.com/wp-content/themes/the-act/images/ocher-80.png) repeat 0 0; color: #000; text-align: center; font-family: 'Josefin Sans', sans-serif; line-height: 1; display: none; }
.gallery-grid .label span,
.gallery-grid .label small { display: block; text-transform: uppercase; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.gallery-grid .label span { font-size: 18px; }
.gallery-grid .label small { font-size: 14px; }
.gallery-grid .play { position: absolute; top: 51px; left: 136px; width: 48px; height: 45px; background: url(images/play-btn.png) no-repeat 0 0; display: none; }
.gallery-grid a:hover { text-decoration: none; }
.gallery-grid .item:hover .label,
.gallery-grid .item:hover .play { display: block; }
.gallery-grid .placeholder { background: #000; height: 640px; }

.videos-grid .item,
.videos-grid .item a { height: 200px; overflow: hidden; }
.videos-grid .item  img { height: auto; }
.videos-grid .placeholder { height: 800px; }

/*--- Gallery Album ---*/
.gallery-album,
.album-slides,
.album-slides .slide { width: 654px; height: 387px; position: relative; overflow: hidden; }
.album-slides .slide { float: left; }
.album-slides .slide img { display: block; margin: 0 auto; max-width: 100%; max-height: 100%; }

.gallery-album { border: 1px solid #ae894a; margin: 44px 10px 10px; }
.gallery-album .arrow-prev,
.gallery-album .arrow-next { width: 28px; height: 35px; background-image: url(images/album-arrows.png); top: 50%; margin-top: -18px; opacity: .5; filter: alpha(opacity=50); }
.gallery-album .arrow-prev:hover,
.gallery-album .arrow-next:hover { opacity: 1; filter: alpha(opacity=100); }

.gallery-head { text-align: center; padding: 20px 0; margin: 0 auto; }
.gallery-head a,
.gallery-head h1 { display: inline-block; position: static; vertical-align: top; *display: inline; *zoom: 1;  }
.gallery-head h1 { line-height: 1; padding: 1px 20px 0; }

#colorbox .gallery-head { position: absolute; top: 10px; left: 0; height: 44px; width: 100%; padding: 0; z-index: 1; }

.uv-error { padding-top: 10px; }
.single-events .uv-error { display: none; position: relative; margin: 0 0 30px 0;  }
.not-click { cursor: default; }

/* Comments form */

#respond{border-top:1px solid #e7e7e7; margin:24px 0; overflow:hidden; position:relative}
#respond p{ margin: 0; padding: 0; }
#respond h3 { padding-bottom: 5px; }
#respond .comment-notes{margin-bottom:1em}
.form-allowed-tags{line-height:1em}
.children #respond{margin:0 48px 0 0}
h3#reply-title{margin:18px 0}
#comments-list #respond{margin:0 0 18px 0}
#comments-list ul #respond{margin:0}
#cancel-comment-reply-link{font-size:12px; font-weight:normal; line-height:18px}
#respond .required{ font-weight:bold; background: none; color: red;}
#respond label{ font-size:12px}
#respond input{margin:0 0 9px; width:98%; height: 20px; color: black;}
#respond textarea{width:98%; color: black;}
#respond .form-allowed-tags{font-size:12px; line-height:18px}
#respond .form-allowed-tags code{font-size:11px}
#respond .form-submit{margin:12px 0}
#respond .form-submit input{font-size:14px; font-family: Arial, sans-serif; width:auto; color: black; height: 25px; color: black;}

/* =Comments
-------------------------------------------------------------- */
#comments{clear:both}
#commentform a,
.comment-reply a{font-weight: 600; font-size: 13px;}
.navigation{ padding:0 0 18px 0; font-weight: bold; overflow: hidden;  }
h3#comments-title, 
h3#reply-title{ font-size:20px; font-weight:bold; margin-bottom:0}
h3#comments-title{padding:24px 0}
.commentlist{ font-family: Arial; list-style:none; margin: 20px 0 0 0;}
.commentlist li.comment{border-bottom:1px solid #e7e7e7; line-height:24px; margin:0 0 24px 0; padding:0 0 0 56px; position:relative}
.commentlist li:last-child{border-bottom:none; margin-bottom:0}
#comments .comment-body ul, 
#comments .comment-body ol{margin-bottom:18px}
#comments .comment-body p:last-child{margin-bottom:6px}
#comments .comment-body blockquote p:last-child{margin-bottom:24px}
.commentlist ol{list-style:decimal}
.commentlist .avatar{position:absolute; top:4px; left:0}
.comment-author{}
.comment-author cite{ font-style:normal; font-weight:bold}
.comment-author .says{font-style:italic}
.comment-meta{font-size:12px; margin:0 0 18px 0}
.comment-meta a:link, 
.comment-meta a:visited{ text-decoration:none}
.comment-meta a:active, 
.comment-meta a:hover{}
.commentlist .even{}
.commentlist .bypostauthor{}
.reply{font-size:12px; padding:0 0 24px 0}
.reply a, 
a.comment-edit-link{}
.reply a:hover, 
a.comment-edit-link:hover{}
.commentlist .children{list-style:none; margin:0}
.ajax-loader-overlay { position: absolute; top: 50%; left: 50%; background: url('http://www.theactlv.com/wp-content/themes/the-act/images/loading.gif') no-repeat center center; width: 32px; height: 32px; display: block; z-index: 99999  }

/*----------------------------- Responsive CSS -----------------------------*/

.close-overlay { position: absolute; top: 15px; right: 15px; background: url('images/close.png') no-repeat 0 0; width: 28px; height: 26px; }
.close-overlay:hover { background-position: 0 -26px; }
/*--- Tablets - Portrait & Landscape ---*/
@media (min-width: 768px) and (max-width: 1280px) {

	/*--- Navigation ---*/
	.nav-container { left: 0; }

	/*--- Main ---*/
	.main-container-grid { padding-left: 0; }

	/*--- Fullscreen ---*/
	.fullscreen-container .arrow-prev,
    .fullscreen-container .arrow-next { display: none !important; }

}

/*--- Tablets - Portrait ---*/
@media (min-width: 768px) and (max-width: 1000px) {

	/*--- Grid ---*/
	.grid { width: 456px; }
	.grid ul { width: 466px; }

	/*--- Contact ---*/
	.post-content { width: 482px; }
	.post-content .box { padding: 43px 25px; }
	.post-content .col { width: 215px; }

	/*--- Private Parties & The Space ---*/
	.private-parties,
	.the-space { width: 482px; }
	.private-parties .text,
	.the-space .text { width: auto; }

	/*--- Content Slider ---*/
	.content-slider, 
	.content-slides, 
	.content-slides .slide { width: 458px; height: 325px; }

	/*--- Request Info ---*/
	.request-info { padding: 49px 26px; }

	/*--- Gallery Head ---*/
	.main-container .gallery-head { text-align: right; }

	/*--- Single Event ---*/
	.single-event { width: 482px; }
	.single-event .box { padding: 10px; }
	.single-event .thumb { width: 260px; height: auto; }
	.single-event .thumb img { width: 100%; }
	.single-event .aside { min-height: 378px; }

}

/*--- Smartphones ---*/
@media (max-width: 767px) {

	/*--- Base ---*/
	body { font-size: 10px; background: #000; }

	input, 
	textarea, 
	select { font-size: 10px; }

	ul, 
	ol, 
	p { padding-bottom: 12px; }

	h1 { font-size: 12px; font-weight: normal; }

	/*--- Nav ---*/
	.nav-container { height: 218px; background: url(http://www.theactlv.com/wp-content/themes/the-act/images/mobile-menu.png) repeat-x center 0; top: -166px; left: 0; width: 100%; }
	.nav-container {
		-webkit-background-size: 960px 218px;
		-moz-background-size: 960px 218px;
		background-size: 960px 218px;
	}
	.nav-container .arrow { display: block; }

	/*--- Socials Nav ---*/
	.nav-container .socials-nav { bottom: 33px; right: 0; padding: 0; margin: 0; position: absolute; }
	.nav-container .socials-nav li { padding: 0 6px; }

	/*--- Phone Number ---*/
	.phone { position: absolute; top: 152px; left: 50%; margin-left: -110px; width: 108px; padding: 0; font-size: 8px; font-family: 'trajan-pro', serif; color: #cda662; text-transform: uppercase; text-align: center; }
	.phone a { color: #cda662; text-decoration: underline; }

	/*--- Brand ---*/
	.brand { width: 88px; height: 94px; top: 19px; left: 50%; margin-left: -102px; }
	.brand {
		-webkit-background-size: 88px 94px;
		-moz-background-size: 88px 94px;
		background-size: 88px 94px;
	}

	/*--- Navitation ---*/
	.navigation { position: absolute; top: 3px; left: 50%; margin: 0 0 0 10px; width: 110px; border-top: 0; display: none; }
	.navigation li { padding: 5px 0 4px; }
	.navigation li:last-child { border-bottom: 0; }
	.navigation a { font-size: 9px; }

	.nav-container .arrow { width: 20px; height: 20px; bottom: 3px; left: 50%; margin-left: -12px; }
	.nav-container .arrow span { width: 8px; height: 5px; top: 7px; bottom: auto; left: 6px; }
	.nav-container .arrow span {
		-webkit-background-size: 16px 5px;
		-moz-background-size: 16px 5px;
		background-size: 16px 5px;
	}

	.nav-container .label { display: block; text-align: center; position: absolute; bottom: 33px; left: 0; width: 100%; font-size: 12px; text-transform: uppercase; line-height: 1; font-family: "trajan-pro", serif; color: #cda662; }

	.nav-container.expanded .navigation { display: block; }
	.nav-container.expanded .arrow span { top: 6px; bottom: auto; }
	.nav-container.expanded .label { display: none; }
	.nav-container.expanded .socials-nav { right: auto; left: 50%; bottom: auto; top: 126px; margin-left: -95px; margin-top: 0; position: absolute; }

	/*--- Main Container ---*/
	.main-container { padding: 65px 0; margin-left: 0; }

	/*--- Fullscreen ---*/
	.fullscreen-container { left: 0; }
	.fullscreen-container .arrow-prev, 
	.fullscreen-container .arrow-next { display: none !important; }
	.fullscreen-item:only-child { display: none; }

	/*--- Box ---*/
	.box { border: 0; padding: 0; }
	.box h1 { padding-bottom: 40px; }

	/*--- Ornaments ---*/
	.ornament { display: none; }

	/*--- Reservations ---*/
	.reservations { padding: 0; width: 138px; margin: 0 auto; }
	.reservations form { width: 138px; }

	/*--- Fields ---*/
	.field { padding: 3px 5px; width: 128px; }
	.field-readonly { padding: 3px 0; }
	input.field { height: 14px; }

	.form-row { padding-bottom: 5px; }
	.form-row > label { line-height: 1.2; padding-bottom: 3; }

	/*--- Buttons ---*/
	.button { height: 14px; line-height: 14px; font-size: 8px; padding: 0 5px; }
	.button-submit { margin-top: 7px; }
	.button-active, 
	.button-active:hover { height: 12px; line-height: 12px; padding: 0 4px; }

	/*--- Contact ---*/
	.post-content { width: 255px; padding: 0; }
	.post-content .box { padding: 0; }
	.post-content h1 { padding-bottom: 0; text-align: center; }
	.post-content .cols { padding: 21px 0; }
	.post-content .col { width: auto; float: none; }

	/*--- Grid ---*/
	.grid { width: 223px; padding: 0; }
	.grid h1 { text-align: center; }
	.grid ul { margin: 0; width: auto; }
	.grid li { float: none; margin: 0 auto; }

	#infscr-loading { width: 221px; left: 0; margin: 0; }

	/*--- Private Parties & The space ---*/
	.private-parties,
	.the-space { width: 320px; }
	.private-parties .box,
	.the-space .box { padding: 0; }
	.private-parties .text,
	.the-space .text { width: 90%; margin-top: 15px; }
	.private-parties h1 { padding-bottom: 15px; }
	.private-parties .button-wrap { padding-bottom: 20px; }
	.the-space h1 { padding: 0 0 15px; }

	/*--- Content Slider ---*/
	.content-slider, 
	.content-slides, 
	.content-slides .slide { width: 310px; height: 220px; }
	.content-slider { margin: 0 auto; }

	/*--- Request Info ---*/
	.request-info { padding: 30px 7px; width: 296px; }
	.request-info .col { width: 138px; }

	/*--- Socials Nav ---*/
	.socials-nav { height: 14px; }
	.socials-nav li, 
	.socials-nav a { width: 14px; height: 14px; }
	.socials-nav a img { width: 100%; height: 100%; }

	/*--- Single Event ---*/
	.single-event { width: 310px; padding: 15px 0; }
	.single-event .ornament { display: block; width: 80px; }
	.single-event .box { padding: 10px; border: 1px solid #CEB178; }
	.single-event .thumb { width: 170px; height: 246px; }
	.single-event .thumb img { width: 100%; }
	.single-event .aside { width: 108px; min-height: 248px; }
	.single-event .aside > .button { margin-bottom: 3px; }
	.single-event form { padding-top: 9px; }
	.single-event .field { width: 98px; }
	.single-event .socials { padding-bottom: 0; }

	.single-event .overlay p { font-size: 9px; margin-top: -30px; width: 100%; margin-left: 0; left: 0; }

	/*--- Gallery Grid ---*/
	.gallery-grid { padding-bottom: 60px; }
	.gallery-grid .placeholder { display: none; }
	.gallery-grid .label span { font-size: 10px; }
	.gallery-grid .label small { font-size: 8px; }
	.gallery-grid #infscr-loading { left: 50%; margin-left: -111px; width: 222px; }

	.videos-grid .item a { display: none; }
	.videos-grid .item iframe { display: block; }

	.main-container-grid { padding: 0; }
	.main-container-grid .gallery-head { display: none; }

}