/* Theme Name: PageLines Framework Description: A responsive drag-and-drop platform for professional websites based on HTML5 and CSS3. PageLines will help you do amazing things faster & easier than ever before. Designed by PageLines in California. Twitter @pagelines Version: 2.2.5 Author: PageLines Author URI: http://www.pagelines.com/ Theme URI: http://www.pagelines.com/tour Tags: rtl-language-support, editor-style, theme-options, one-column, two-columns, three-columns, left-sidebar, right-sidebar, flexible-width, custom-menu, fixed-width, threaded-comments, custom-background, custom-header, custom-colors, custom-menu, photoblogging, translation-ready, white, silver, light, blue, green, yellow License: GPL License URI: http://www.gnu.org/licenses/gpl-2.0.html * Important * Don't add customizations to this file! - Customization CSS in PageLines - Customize PageLines by adding CSS in the settings, child themes, or plugins - Don't add it here; as it will either get overwritten by updates, and will prevent you from updating at all! * Copyright 2008-2012 PageLines, Inc. http://www.pagelines.com/ * * This program is free software; you can redistribute it and/or modify it under * the terms of the GNU General Public License version 2, as published by the * Free Software Foundation. * * You may NOT assume that you can use any other version of the GPL. * * This program is distributed in the hope that it will be useful, but WITHOUT * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS * FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details * * You should have received a copy of the GNU General Public License along with * this program; if not, write to: * * Free Software Foundation, Inc. * 51 Franklin St, Fifth Floor * Boston, MA 02110-1301 USA * * The license for this software can also likely be found here: * http://www.gnu.org/licenses/gpl-2.0.html */ @font-face { font-family: 'bebas_neueregular'; src: url('fonts/bebasneue-webfont.eot'); src: url('fonts/bebasneue-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/bebasneue-webfont.woff') format('woff'), url('fonts/bebasneue-webfont.ttf') format('truetype'), url('fonts/bebasneue-webfont.svg#bebas_neueregular') format('svg'); font-weight: normal; font-style: normal; } /* Button */ .btn-regular { display: inline-block; overflow: hidden; font-size: 14px; line-height: 14px; letter-spacing: 0.10em; font-family: "bebas_neueregular",Arial,Helvetica; text-transform: uppercase; text-align: center; background: #d03366; color: #ffffff; padding: 8px 12px 8px 12px; margin: 0px 10px 0px 0px; border: none; cursor: pointer; } /* Always on Top Menu */ .toplogo { margin-top: -25px; width: 70px; height: 66px; display:none; float: left; } ul.menu-always-on-top li { float: left; border-top-right-radius: 15px; -moz-border-radius-topright: 15px; border-top-left-radius: 15px; -moz-border-radius-topleft: 15px; } ul.menu-always-on-top li:hover { border: none; background: rgba(205,41,104,.95) !important; -webkit-transition: color 500ms ease-in; -moz-transition: color 500ms ease-in; -o-transition: color 500ms ease-in; -ms-transition: color 500ms ease-in; transition: color 500ms ease-in; } ul.menu-always-on-top,ul.menu-always-on-top li ul { list-style: none; z-index: 9998; } ul.menu-always-on-top li:last-child a { background: none; } ul.menu-always-on-top li a { display: table-cell; padding: 0px; vertical-align: middle; -webkit-transition: color 500ms ease-in; -moz-transition: color 500ms ease-in; -o-transition: color 500ms ease-in; -ms-transition: color 500ms ease-in; transition: color 500ms ease-in; } ul.menu-always-on-top li a:hover { -webkit-transition: color 500ms ease-in; -moz-transition: color 500ms ease-in; -o-transition: color 500ms ease-in; -ms-transition: color 500ms ease-in; transition: color 500ms ease-in; } /****************************************************************************** * Menu Depth 2 ******************************************************************************/ ul.menu-always-on-top li:hover ul { opacity: .95; background: rgba(205,41,104,.95) !important; -webkit-transition: opacity 500ms linear; -moz-transition: opacity 500ms linear; -o-transition: opacity 500ms linear; -ms-transition: opacity 500ms linear; transition: opacity 500ms linear; visibility: visible; } ul.menu-always-on-top li ul { padding: 0px; position: absolute; opacity: 0; width: 180px; visibility: hidden; } ul.menu-always-on-top li ul li { float: left; padding: 3px 5px 3px 5px !important; border-bottom: 1px solid rgba(255,255,255,.32) !important; border-top-right-radius: 0px !important; -moz-border-radius-topright: 0px !important; border-top-left-radius: 0px !important; -moz-border-radius-topleft: 0px !important; } ul.menu-always-on-top li ul li:last-child { float: left; padding: 3px 5px 3px 5px !important; border-bottom: none !important; border-top-right-radius: 0px !important; -moz-border-radius-topright: 0px !important; border-top-left-radius: 0px !important; -moz-border-radius-topleft: 0px !important; } ul.menu-always-on-top li ul li a { width: 180px; height: auto; padding: 5px 0 5px 5px; background: none; font-size: 75% !important; -webkit-transition: padding 200ms; -moz-transition: padding 200ms; -o-transition: padding 200ms; -ms-transition: padding 200ms; transition: padding 200ms; } ul.menu-always-on-top li ul li a:hover { -webkit-transition: padding 200ms; -moz-transition: padding 200ms; -o-transition: padding 200ms; -ms-transition: padding 200ms; transition: padding 200ms; } .menu-always-on-top .submit{ box-shadow: 0px 0px 0px !important; } .submit{ border: 1px solid #ff0000; } /* Broadway and Beyond */ .broadway-and-beyond { display: none; } .page-id-80 #tabs-80-0-1 .broadway-and-beyond { display: block; font-size: 100%; font-family:"Open Sans", Georgia, serif !important; font-weight: 400; line-height:1.55em; letter-spacing: .02em !important; height:100%; color: #4c4c4c !important; } .page-id-80 #tabs-80-0-1 .excerpt-regular, .page-id-80 #tabs-80-0-1 .srp-content-box h4, .page-id-80 #tabs-80-0-1 .srp-widget-excerpt { display: none; } .page-id-80 #tabs-80-0-1 h4 { padding: 10px 0px 0px 0px !important; } /* Miscellaneous */ .section-always-on-top-menu.fixed .account, .section-always-on-top-menu.fixed .cart { display: none; } .account { display: inline-block; margin: 10px 0px 0px 85px; } .account a { letter-spacing: .10em; line-height: 12px; color: #ffffff; height: 12px !important; font-family: "bebas_neueregular",Arial,Helvetica !important; text-transform: uppercase !important; text-shadow: 1px 1px #000000; display: inline-block !important; } .cart { display: inline-block; margin: 10px 0px 0px 10px; } .cart a { letter-spacing: .10em; line-height: 12px; color: #ffffff; height: 12px !important; font-family: "bebas_neueregular",Arial,Helvetica !important; text-transform: uppercase !important; text-shadow: 1px 1px #000000; display: inline-block !important; } .span4 { background: url(images/morefoot-left.png) no-repeat top left !important; background-size: 13px 100% !important; min-height: 500px !important; } .span4 h4 { margin-left: 10px !important; } .wordpress-post-tabs .ui-tabs-panel .donatenow, .wordpress-post-tabs .ui-tabs-panel .search, .wordpress-post-tabs .ui-tabs-panel .signup, .wordpress-post-tabs .ui-tabs-panel .membership, .wordpress-post-tabs .ui-tabs-panel .clickhere, .wordpress-post-tabs .ui-tabs-panel .membership-arrow, .wordpress-post-tabs .ui-tabs-panel .buy, .wordpress-post-tabs .ui-tabs-panel .buy-ticket, .wordpress-post-tabs .ui-tabs-panel .donate { position: relative !important; float:right !important; } #postloop img.attachment-full:first-of-type { width: 650px !important; height: 305px !important; } a.anchor{display: block; position: relative; top: -120px; } .category-productions div.entry_content, .category-special-events div.entry_content, .category-productions div.entry_content .divider, .category-special-events div.entry_content .divider { display:none !important; } .pcontent { padding: 10px 0px 10px 0px !important; } div.entry_content div.p.tags { display: none !important; } /* Scroll Gallery */ .scrollgallery { width: 650px !important; position:relative !important; margin-left: -15px !important; } .page-id-24 .scrollgallery { width: 650px !important; position:relative !important; margin-left: 0px !important; } .scrollgallery .scrollGalleryFoot { width: 650px !important; position:relative !important; padding: 0px !important; } .scrollgallery .scrollGalleryFoot .imagearea .imageareaContent .caption_container div { background: rgba(0,0,0,0.25) !important; color: #FFFFFF !important; position:absolute !important; bottom: 0px !important; width: 650px !important; font-size: 85% !important; } /* Morefoot */ #morefoot .grid-element:first-child { background: none !important; } #morefoot .grid-element { background: url(images/morefoot-left.png) no-repeat top left !important; background-size: 13px 100% !important; } /* Buttons */ a.donatenow { position:relative; z-index: 1; float:left; display:block; color: transparent; border:0 !important; padding:0; background: url(images/donatenow.png) no-repeat; height:20px; width:85px; overflow: hidden; } a.donatenow:hover { color: transparent; } a.clickhere { position:relative; z-index: 1; float:left; display:block; color: transparent; border:0 !important; padding:0; background: url(images/clickhere.png) no-repeat; height:20px; width:85px; overflow: hidden; } a.clickhere:hover { color: transparent; } a.membership-arrow { position:relative; z-index: 1; float:left; display:block; color: transparent; border:0 !important; padding:0; background: url(images/membership-arrow.png) no-repeat; height:20px; width:85px; overflow: hidden; } a.membership-arrow:hover { color: transparent; } a.buy { position:relative; z-index: 1; float:left; display:block; color: transparent; border:0 !important; padding:0; background: url(images/buy.png) no-repeat; height:72px; width:74px; overflow: hidden; } a.buy:hover { color: transparent; } a.buy-tickets { position:relative; z-index: 1; float:left; display:block; color: transparent; border:0 !important; padding:0; background: url(images/buy-tickets.png) no-repeat; height:20px; width:85px; overflow: hidden; } a.buy-tickets:hover { color: transparent; } a.donate { position:relative; z-index: 1; float:left; display:block; color: transparent; border:0 !important; padding:0; background: url(images/donate.png) no-repeat; height:72px; width:74px; overflow: hidden; } a.donate:hover { color: transparent; } a.membership { position:relative; z-index: 1; float:left; display:block; color: transparent; border:0 !important; padding:0; background: url(images/membership.png) no-repeat; height:72px; width:74px; overflow: hidden; } a.membership:hover { color: transparent; } a.signup { position:relative; z-index: 1; float:left; display:block; color: transparent; border:0 !important; padding:0; background: url(images/signup.png) no-repeat; height:72px; width:74px; overflow: hidden; } a.signup:hover { color: transparent; } a.search { position:relative; z-index: 1; float:left; display:block; color: transparent; border:0 !important; padding:0; background: url(images/search.png) no-repeat; height:72px; width:74px; overflow: hidden; } a.search:hover { color: transparent; } a.readmore, a.continue_reading_link {font-size: 80% !important; letter-spacing: .10em; color: #747168; height: 12px !important; font-family:"bebas_neueregular",Arial,Helvetica !important; text-transform: uppercase !important; -moz-opacity:0.8; -webkit-opacity:0.8; display:inline-block !important;} a.readmore:before, a.continue_reading_link:before { width: 12px; height: 12px; /* width and height set as dimensions of image */ content: url('images/link.png'); display:inline-block !important; margin: 0px 5px 0px 0px !important; } a.readmore:hover, a.continue_reading_link:hover { text-decoration: none !important; opacity: 1.0 !important; color: #d03366 !important; } a.arrow { position: relative; text-align:left; padding:0px 10px 0px 10px; margin-bottom: .6em; font-size:107.1% !important; letter-spacing: .10em !important; font-family:"bebas_neueregular",Arial,Helvetica !important; text-transform: uppercase !important; background: url('images/arrow.png') no-repeat !important; width: 85px !important; height: 20px !important; color: #FFFFFF !important; display: block; overflow: hidden; } /* Feature Slider */ /* Left */ #feature_slider .text-left .fcontent { background: none !important; width: 50% !important; } #feature_slider .text-left .fcontent .dcol-pad { padding: 10px 20px 0px 30px !important } #feature_slider .text-left .fcontent .fheading h2.ftitle { float:left; padding:20px 0 20px 0 !important; font-size: 3em !important; color: #b3afa3 !important; font-family:"bebas_neueregular",Arial,Helvetica !important; text-transform: uppercase !important; vertical-align: middle; } #feature_slider .text-left .fcontent .ftext { float:left; } #feature_slider .text-left .fcontent .plmore { position:absolute; bottom:0px !important; left:15px !important; color: rgba(116,113,104,.80) !important; font-size: 80% !important; letter-spacing: .10em; font-family:"bebas_neueregular",Arial,Helvetica !important; text-transform: uppercase !important; text-shadow: none !important; } #feature_slider .text-left .fcontent .fexcerpt a.buy { position:absolute; z-index: 3000; font-weight: 0px !important; bottom: 0px !important; right: 10px !important; display:block; color: transparent; border:0 !important; padding:0; background: url(images/buy.png) no-repeat; height:72px; width:74px; } #feature_slider .text-left .fcontent .fexcerpt .blocktext { text-align:left; position:absolute !important; z-index: 3000 !important; margin-top: -100px !important; padding:2px 5px 2px 5px; font-size:107.1% !important; letter-spacing: .10em !important; font-family:"bebas_neueregular",Arial,Helvetica !important; text-transform: uppercase !important; background-color:#d03366 !important; color: #FFFFFF !important; } /* Right */ #feature_slider .text-right .fcontent { background: none !important; width: 50% !important; } #feature_slider .text-right .fcontent .dcol-pad { padding: 10px 20px 0px 30px !important } #feature_slider .text-right .fcontent .fheading h2.ftitle { float:left; padding:20px 0 20px 0 !important; font-size: 3em !important; color: #b3afa3 !important; font-family:"bebas_neueregular",Arial,Helvetica !important; text-transform: uppercase !important; vertical-align: middle; } #feature_slider .text-right .fcontent .ftext { float:left; } #feature_slider .text-right .fcontent .plmore { position:absolute; bottom:0px !important; left:15px !important; color: rgba(116,113,104,.80) !important; font-size: 80% !important; letter-spacing: .10em; font-family:"bebas_neueregular",Arial,Helvetica !important; text-transform: uppercase !important; text-shadow: none !important; } #feature_slider .text-right .fcontent .fexcerpt a.buy { position:absolute; z-index: 3000; font-weight: 0px !important; bottom: 0px !important; right: 10px !important; display:block; color: transparent; border:0 !important; padding:0; background: url(images/buy.png) no-repeat; height:72px; width:74px; } #feature_slider .text-right .fcontent .fexcerpt .blocktext { text-align:left; position:absolute !important; z-index: 3000 !important; margin-top: -100px !important; padding:2px 5px 2px 5px; font-size:107.1% !important; letter-spacing: .10em !important; font-family:"bebas_neueregular",Arial,Helvetica !important; text-transform: uppercase !important; background-color:#d03366 !important; color: #FFFFFF !important; } #features #feature-area { -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; } #feature-footer #featurenav { text-align: right !important; margin-left: 0; margin-top: -250px !important; } #feature-footer .feature-footer-pad { padding: 0px !important; } #feature-footer #featurenav a{ color: transparent !important; background: #b3afa3 !important; -moz-opacity:0.35; -webkit-opacity:0.35; height: 10px; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; line-height:20px; text-align:center; } #feature-footer #featurenav a.activeSlide{ color: transparent !important; background: #b3afa3 !important; -moz-opacity:1.0; -webkit-opacity:1.0; height: 10px; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; line-height:20px; text-align:center; } /* Boxes */ .pp3 { margin-right: 0px !important; } #boxes .grid-element:first-child { background: none !important; margin-left: 2px !important; } #boxes .grid-element { background: url(images/morefoot-left.png) no-repeat top left !important; background-size: 13px 100% !important; padding: 0px 6px 0px 6px !important; } #boxes .grid-element .fboxtitle h3 { margin: 0px !important; padding: 0px 0px 10px 15px !important; } #boxes .grid-element .fboxtitle h3 a{ color: #d03366 !important; text-decoration:none !important; } #boxes .grid-element .fboxtext a.fboxmore {font-size: 80% !important; letter-spacing: .10em; color: #747168; height: 12px !important; font-family:"bebas_neueregular",Arial,Helvetica !important; text-transform: uppercase !important; -moz-opacity:0.8; -webkit-opacity:0.8; display:inline-block !important; padding: 0px 0px 0px 15px !important;} #boxes .grid-element .fboxtext a.fboxmore:before { width: 12px; height: 12px; /* width and height set as dimensions of image */ content: url('images/link.png'); display:inline-block !important; } .home #boxes .grid-element .fboxtext a.fboxmore { display: none !important; } /* Primary Sidebar */ .widget_FacebookLikeBox { background: #f7f7f7 !important; } .widget_text, .widget-easy-twitter-feed-widget-kamn { padding: 10px 30px 0px 25px !important; } .widget_twitter .widget-pad div ul { padding: 0px !important; margin:0px !important; } .widget_twitter .widget-pad div ul li { margin-top: -20px !important; } .widget_twitter .widget-pad div ul li span.entry-content { line-height: 1.5em !important; } .widget_twitter .widget-pad div ul li span.entry-meta { display:none !important; } #sb_universal ul#list_sb_universal li.widget, #sb_universal ul#list_sb_universal li.widget .widget-pad, #sb_universal ul#list_sb_universal li.widget .widget-pad .textwidget { margin: 0px !important; padding: 0px !important; } #sb_primary ul#list_sb_primary li.widget:nth-child(1) { border-top: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .home #sb_primary ul#list_sb_primary li.widget_specialrecentpostsPro { height: 280px !important; margin: 10px 0px 0px 20px !important; } .home #sb_primary ul#list_sb_primary li.widget-easy-twitter-feed-widget-kamn, .home #sb_primary ul#list_sb_primary li.widget_text { background: #DBDBDB !important; border-top-right-radius: 0px !important; -moz-border-radius-topright: 0px !important; } #sb_primary ul#list_sb_primary li.widget { border-top-right-radius: 15px; -moz-border-radius-topright: 15px; border-top: 1px solid #e3e3e3; webkit-box-shadow: inset 0px 1px 5px -1px rgba(0, 0, 0, .35); box-shadow: inset 0px 1px 5px -1px rgba(0, 0, 0, .35); } #sb_primary li#text-6.widget_text .widget-title, #sb_primary li#text-7.widget_text .widget-title { display: none !important; } #sb_primary li#text-9 { background: #f7f7f7 !important; } #sb_primary li#text-6.widget_text { margin-top: -50px !important; border-top: none !important; -webkit-box-shadow: none !important; box-shadow: none !important;} #sb_primary li#text-7.widget_text { background: #f7f7f7; margin-top: -30px !important; padding-bottom: 20px !important; border-top: none !important; -webkit-box-shadow: none !important; box-shadow: none !important;} #sb_primary li#ctawidget-2 { background: #f7f7f7; } #sb_primary .widget-easy-twitter-feed-widget-kamn div ul { padding: 10px 10px 0px 10px !important; } #sb_primary li#dc_jqaccordion_widget-1 .widget-pad, #sb_primary li#dc_jqaccordion_widget-2 .widget-pad, #sb_primary li#dc_jqaccordion_widget-3 .widget-pad, #sb_primary li#dc_jqaccordion_widget-4 .widget-pad, #sb_primary li#dc_jqaccordion_widget-5 .widget-pad, #sb_primary li#dc_jqaccordion_widget-6 .widget-pad, #sb_primary li#dc_jqaccordion_widget-7 .widget-pad, #sb_primary li#dc_jqaccordion_widget-8 .widget-pad, #sb_primary li#dc_jqaccordion_widget-9 .widget-pad, #sb_primary li#dc_jqaccordion_widget-10 .widget-pad { padding: 10px 0px 10px 0px !important; } #sb_primary .widget_text a.follow-us { color: transparent !important; background: url('images/follow-us.png') no-repeat !important; width: 80px !important; height: 28px !important; padding: 0px 20px 20px 0px !important; } #sb_primary .widget_text a.like { color: transparent !important; background: url('images/like.png') no-repeat !important; width: 49px !important; height: 23px !important; padding: 0px 20px 20px 0px !important; } /* Homepage */ #mc4wp-form-1 { margin: 0px !important; position: relative; } #mc4wp-form-1 input[type="text"], #mc4wp-form-1 input[type="email"] { height: 13px; padding: 7px 30px 5px 5px; width: 223px !important; font-size:100% !important; font-family:"bebas_neueregular",Arial,Helvetica !important; color: #4C4C4C !important; background:#FFFFFF !important; border-bottom: 1px solid #999999; -moz-opacity:0.8; -webkit-opacity:0.8; -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; -moz-box-shadow: inset 2px 2px 2px 0px #7C7C7C; -webkit-box-shadow: inset 2px 2px 2px 0px #7C7C7C; box-shadow: inset 2px 2px 2px 0px #7C7C7C; } #mc4wp-form-1 input[type="submit"] { background: url('images/signup.png') no-repeat !important; font-size:0px !important; letter-spacing: .05em !important; width: 72px !important; height: 74px !important; border:none !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; text-shadow: none !important; border-radius: 0px !important; -moz-border-radius: 0px !important; -webkit-border-radius: 0px !important; margin: 10px 0px 0px 100px !important; position:absolute !important; z-index: 3000 !important; } #mc4wp-form-1 .mc4wp-alert.mc4wp-success, #mc4wp-form-1 .mc4wp-alert.mc4wp-error { background: #dbdbdb; width: 240px; height: 65px; position: absolute; padding: 10px; top: 0px; left: 0px; } .hentry #email-container .emailsignup #FSContact1 div input[type="submit"] { position:absolute !important; left: 555px !important; color: transparent !important; border:0 !important; padding:0 !important; background: url(images/email-signup.png) no-repeat !important; float:right !important; height:20px !important; width:85px !important; } .CTAWidget h3.widget-title { margin: 10px 0px 0px 25px !important; } .CTAWidget h1{font-size: 350%; color: #d03366 !important; letter-spacing: 0em !important; text-transform:uppercase !important; margin: 10px 0px 0px 30px !important; padding: 0px !important; line-height: 100% !important; } .CTAWidget h2{font-size: 214%; color: #d03366 !important; letter-spacing: 0em !important; text-transform:uppercase !important; margin: 0px 0px 10px 30px !important; padding: 0px !important; line-height: 100% !important; } .CTAWidget a { margin: 0px 0px 20px 30px !important; } .widget_text .emailsignup { padding-bottom:50px; } .widget_text .emailsignup input.submit { color: transparent; border:0 !important; padding:0; background: url(./images/signup.png) no-repeat; float:right; margin-top:0px; height:72px; width:74px; } .widget-easy-twitter-feed-widget-kamn .widget-pad ul li {padding: 10px 0px 20px 0px !important; } /* Navigation */ #nav { margin-top:275px;} #nav .main_nav li a { font-size:165% !important; line-height:1em !important; letter-spacing: .10em !important; font-family:"bebas_neueregular",Arial,Helvetica !important; text-transform: uppercase !important; color:#FFF !important; background: none !important; text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.75) !important; } #nav .main_nav li a:hover { font-size:165% !important; line-height:1em !important; letter-spacing: .10em !important; font-family:"bebas_neueregular",Arial,Helvetica !important; text-transform: uppercase !important; color:#FFF !important; background: none !important; text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.75) !important; } .main_nav li:hover { background: transparent !important; } #always-on-top-menu { margin-top:20px; } #always-on-top-menu .texture { background: none !important; border: none !important; } #always-on-top-menu .menu-always-on-top li a { font-size:135% !important; line-height:1em !important; font-family:"bebas_neueregular",Arial,Helvetica !important; text-transform: uppercase !important; color:#FFF !important; background: none !important; border-bottom: none !important; text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.75) !important; } #always-on-top-menu .menu-always-on-top li.member-login { display: none; } #always-on-top-menu .menu-always-on-top li ul li a, #always-on-top-menu .menu-always-on-top li.current-page-ancestor ul li a, #always-on-top-menu .menu-always-on-top li.current_page_item ul li a { font-size: 110% !important; text-shadow: none !important; border-bottom: none !important; } #always-on-top-menu .menu-always-on-top li.current-page-ancestor a, #always-on-top-menu .menu-always-on-top li.current_page_item a { border-bottom: 1px solid #FFFFFF !important; } #always-on-top-menu .menu-always-on-top li ul li:hover { background: rgba(149,25,73,.22) !important; border-top-right-radius: 0px !important; -moz-border-radius-topright: 0px !important; border-top-left-radius: 0px !important; -moz-border-radius-topleft: 0px !important; } /* Page Styles */ .min { background-image: url(images/hide.png); width: 70px !important; height: 23px !important; position:absolute !important; z-index:5 !important; margin: 0px 0px 0px 820px !important;} .min:hover {cursor: pointer; } .quote { position:absolute !important; z-index: 3000 !important; width: 200px; top: 25px; right: 165px; } .quote .text { display: block; padding-bottom: 5px; font-size:125% !important; line-height: 130% !important; letter-spacing: .10em !important; color: #FFFFFF !important; text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.75) !important; font-family:"bebas_neueregular",Arial,Helvetica !important; text-transform: uppercase !important; } .quote .author { display: block; padding-bottom: 5px; font-size:100% !important; line-height: 130% !important; letter-spacing: .10em !important; color: #FFFFFF !important; text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.75) !important; font-family:"bebas_neueregular",Arial,Helvetica !important; text-transform: uppercase !important; } .quote a.link { display: block; border: none; background: url('images/quote-link.png') no-repeat !important; width: 67px; height: 21px; } /* Sidebar Content */ #sb_content .widget_nav_menu .widget-title { display: none !important; } #sb_content { width: 650px !important; overflow:hidden!important; margin: -25px 0px 0px 0px !important; } #sb_content .widget_nav_menu { position:relative !important; width: 660px !important; height: 45px !important; margin: 3px 0px 0px -11px !important; padding: 0px 0px 0px 0px !important; background: rgba(221,221,217,1) !important; } #sb_content .widget_nav_menu ul { list-style: none; margin: 0; padding: 0; } #sb_content .widget_nav_menu ul li { float: left; margin: -10px 0px 0px 0px !important; padding: 0;height: 45px !important; max-width: 90px !important; color:rgba(76,76,76,.8) !important; background: url('images/tm-bg.png') no-repeat !important; background-size: 100% 100% !important; } #sb_content .widget_nav_menu ul li a { display: block; padding:8px 10px 8px 10px !important; float: left; text-align: center !important; text-transform: uppercase; font-family:"bebas_neueregular",Arial,Helvetica !important; line-height: 85% !important; font-size: 125% !important; color:rgba(76,76,76,.8) !important; text-decoration: none; } #sb_content .widget_nav_menu ul li:hover, #sb_content .widget_nav_menu ul li.current_page_item { background: url('images/tm-bg-rollover.png') no-repeat !important; background-size: 100% 100% !important; } #sb_content .widget_nav_menu ul li a:hover, #sb_content .widget_nav_menu ul li:hover a { color: #FFFFFF !important; } #sb_content .widget_nav_menu ul li.current_page_item > a { color: #FFFFFF !important; } .entry_content .menu-past-productions-menu-container::-webkit-scrollbar { height:10px; } /* Track */ .entry_content .menu-past-productions-menu-container::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); -webkit-border-radius: 10px; border-radius: 10px; } /* Handle */ .entry_content .menu-past-productions-menu-container::-webkit-scrollbar-thumb { -webkit-border-radius: 10px; border-radius: 10px; width: 20px; background: rgba(76,76,76,.5) !important; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); } .entry_content .menu-past-productions-menu-container::-webkit-scrollbar-thumb:window-inactive { background: rgba(255,0,0,0.4); } .entry_content .menu-past-events-menu-container::-webkit-scrollbar { height:10px; } /* Track */ .entry_content .menu-past-events-menu-container::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); -webkit-border-radius: 10px; border-radius: 10px; } /* Handle */ .entry_content .menu-past-events-menu-container::-webkit-scrollbar-thumb { -webkit-border-radius: 10px; border-radius: 10px; width: 20px; background: rgba(76,76,76,.5) !important; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); } .entry_content .menu-past-events-menu-container::-webkit-scrollbar-thumb:window-inactive { background: rgba(255,0,0,0.4); } /* Past Productions Menu */ .entry_content .menu-past-productions-menu-container { position:relative !important; width: 650px !important; height: 45px !important; margin: 20px 0px 20px -15px !important; padding: 0px 0px 15px 0px !important; overflow-x: scroll !important; overflow-y: hidden !important; } .entry_content .menu-past-productions-menu-container ul { list-style: none !important; margin: 0; padding: 0; width: 3000px !important; height: 45px !important; } .entry_content .menu-past-productions-menu-container ul li { float: left; margin: 0px 5px 0px 0px !important; padding: 0;height: 45px !important; color:rgba(179,175,163,1.0) !important; border-top: 5px solid rgba(205,205,205,1.0); } .entry_content .menu-past-productions-menu-container ul li a { display: block; width: 100% !important; height: 100% !important; padding: 8px 10px 8px 0px !important; float: left; text-align: center !important; text-transform: uppercase; font-family:"bebas_neueregular",Arial,Helvetica !important; line-height: 85% !important; font-size: 125% !important; color:rgba(76,76,76,.8) !important; text-decoration: none; } .entry_content .menu-past-productions-menu-container ul li:hover, .entry_content .menu-past-productions-menu-container ul li.current_page_item { background: url('images/content-menu-arrow-bg.png') no-repeat !important; background-size: 100% 100% !important; border-top: 5px solid rgba(208,51,102,1.0); color: #FFFFFF !important; } .entry_content .menu-past-productions-menu-container ul li.current_page_item > a { color: #FFFFFF !important; } .entry_content .menu-past-productions-menu-container ul li a:hover, .entry_content .menu-past-productions-menu-container ul li:hover a { color: #FFFFFF !important; } .entry_content .menu-past-events-menu-container { position:relative !important; width: 650px !important; height: 45px !important; margin: 20px 0px 20px -15px !important; padding: 0px 0px 15px 0px !important; overflow-x: scroll !important; overflow-y: hidden !important; } /* Past Events Menu */ .entry_content .menu-past-events-menu-container ul { list-style: none !important; margin: 0; padding: 0; width: 3000px !important; height: 45px !important; } .entry_content .menu-past-events-menu-container ul li { float: left; margin: 0px 5px 0px 0px !important; padding: 0;height: 45px !important; color:rgba(179,175,163,1.0) !important; border-top: 5px solid rgba(205,205,205,1.0); } .entry_content .menu-past-events-menu-container ul li a { display: block; width: 100% !important; height: 100% !important; padding: 8px 10px 8px 0px !important; float: left; text-align: center !important; text-transform: uppercase; font-family:"bebas_neueregular",Arial,Helvetica !important; line-height: 85% !important; font-size: 125% !important; color:rgba(76,76,76,.8) !important; text-decoration: none; } .entry_content .menu-past-events-menu-container ul li:hover, .entry_content .menu-past-events-menu-container ul li.current_page_item { background: url('images/content-menu-arrow-bg.png') no-repeat !important; background-size: 100% 100% !important; border-top: 5px solid rgba(208,51,102,1.0); color: #FFFFFF !important; } .entry_content .menu-past-events-menu-container ul li.current_page_item > a { color: #FFFFFF !important; } .entry_content .menu-past-events-menu-container ul li a:hover, .entry_content .menu-past-events-menu-container ul li:hover a { color: #FFFFFF !important; } /* Press Menu */ .entry_content .menu-press-menu-top-container { position:relative !important; width: 650px !important; height: 45px !important; margin: 20px 0px 20px -15px !important; padding: 0px 0px 0px 0px !important; } .entry_content .menu-press-menu-top-container ul { list-style: none !important; margin: 0; padding: 0; } .entry_content .menu-press-menu-top-container ul li { float: left; margin: 0px 5px 0px 0px !important; padding: 0;height: 45px !important; color:rgba(179,175,163,1.0) !important; border-top: 5px solid rgba(205,205,205,1.0); } .entry_content .menu-press-menu-top-container ul li a { display: block; width: 100% !important; height: 100% !important; padding: 8px 10px 8px 0px !important; float: left; text-align: center !important; text-transform: uppercase; font-family:"bebas_neueregular",Arial,Helvetica !important; line-height: 85% !important; font-size: 125% !important; color:rgba(76,76,76,.8) !important; text-decoration: none; } .entry_content .menu-press-menu-top-container ul li:hover, .entry_content .menu-press-menu-top-container ul li.current_page_item { background: url('images/content-menu-arrow-bg.png') no-repeat !important; background-size: 100% 100% !important; border-top: 5px solid rgba(208,51,102,1.0); } .entry_content .menu-press-menu-top-container ul li.current_page_item > a { color: #FFFFFF !important; } .entry_content .menu-press-menu-top-container ul li a:hover, .entry_content .menu-press-menu-top-container ul li:hover a { color: #FFFFFF !important; } /* Grapevine */ .category-grapevine .mcolumn-pad, .category-feature .mcolumn-pad, .category-press-release .mcolumn-pad, .category-interviews .mcolumn-pad, .parent-pageid-24 .mcolumn-pad, .page-id-24 .mcolumn-pad, .parent-pageid-46 .mcolumn-pad, .page-id-46 .mcolumn-pad {padding: 0px !important; margin: 0px !important; } .category-grapevine h1.parent-title, .category-feature h1.parent-title, .category-press-release h1.parent-title, .category-interviews h1.parent-title, .parent-pageid-24 h1.parent-title, .page-id-24 h1.parent-title, .parent-pageid-46 h1.parent-title, .page-id-46 h1.parent-title {display:none !important; } #masthead, #masthead .masthead-img { width: 650px !important; padding: 0px !important; margin: 0px !important; } #masthead header.jumbotron, #masthead .splash { padding: 0px !important; margin: 0px !important; } #masthead .inner, #masthead .mastlinks, #masthead hr.soften { display:none !important; } /* 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,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } /* * Defaults ****************************/ body{ font-size: 83%; font-family:"Open Sans", Georgia, serif !important; font-weight: 400; line-height:1.55em; letter-spacing: .02em !important; height:100%; color: #4c4c4c !important; /* min-height:100%; overflow-x: hidden;*/ } strong { font-weight: 700; } .sticky{} .gallery-caption{} .bypostauthor{} /* * IE ****************************/ a:active, a:focus, input.searchfield:active { outline: none !important; ie-dummy: expression(this.hideFocus=true); } /* * Common Text *****************************/ a:focus{outline:1px dotted invert;} hr{border:0 transparent solid;border-bottom-width:1px;clear:both;height:0} ol,ul{list-style-type:none} .hentry ol{list-style:decimal} .hentry ol ol{list-style:lower-roman} .hentry ol ol ol{list-style:lower-alpha} .hentry ul {list-style-image:url('images/li-background.png') !important;} .pcontent ul {list-style-image:url('images/li-background.png') !important; margin: 0px 0px 0px 20px;} dt {font-weight:bold;} dd {font-style: italic;} sup {font-size:.7em;vertical-align: top;vertical-align:super;} sub {font-size:.7em;vertical-align: bottom;} big {font-size: 1.3em;} abbr, acronym{ border-bottom: .1em dotted; cursor: help; } q:before, q:after{ content: "'";} code,pre {padding: 0 3px 2px;font-family: Menlo, Monaco, "Courier New", monospace;font-size: 12px;} code {padding: 2px 4px;} pre {display: block;padding: 8.5px;margin: 1em;font-size: 12.025px;line-height: 18px;white-space: pre;white-space: pre-wrap;word-break: break-all;word-wrap: break-word;} pre code {padding: 0;color: inherit;background-color: transparent;border: 0; } .pre-scrollable {max-height: 340px;overflow-y: scroll;} /* * Layout Design **********************************/ /* @ Layout Framework */ #site { position:relative; } #wrapper { padding-bottom: 3.5em; } #page, #dynamic-content { min-height: 400px; zoom:1;} .fixed_width #page, .fixed_width #footer, .canvas .page-canvas{ width: 100%; margin: 0 auto; position: relative; } .page-canvas{ margin: 0 auto; } .content { width: 100%; margin: 0 auto; position: relative;} /* @ Layout Spacing */ /* Default Spacing */ section.container, .hentry, .clip_box, .widget{ margin: 0;} section.copy{margin: 1.6em 0;} .content-pad{padding: 15px;} .hentry, .clip_box{margin-bottom: 1.8em} .widget-pad{padding: 10px;} #pagelines_content .clip{ width:47%; } /* Adjustments */ .mcolumn-pad > article .hentry-pad:first-of-type {padding-top: 0;} .mcolumn-pad > :first-child, .copy-pad > :first-child, .scolumn-pad > :first-child, .sidebar_widgets > :first-child{margin-top: 0;} .mcolumn-pad > :last-child, .copy-pad > :last-child, .scolumn-pad > :last-child, .sidebar_widgets > :last-child{margin-bottom: 0;} .clip_box .hentry, .pprow .widget { margin:0; } /* Special Corrections */ #content .content-pad{ padding-top: 10px } #branding .content-pad{ padding-top: 25px; padding-bottom: 25px; } #nav .content-pad, #secondnav .content-pad{ padding-top: 5px; padding-bottom: 5px; } /* @ Layout Floating */ #column-wrap {float: left; width: 650px !important; margin-right: 10px !important; background-color: #FFFFFF !important; border-top-right-radius: 15px; -moz-border-radius-topright: 15px;} #sidebar-wrap{float:right; width: 238px !important; height: 100% !important; background-color: #FFFFFF !important; border-top-right-radius: 15px; -moz-border-radius-topright: 15px; } .two-sidebar-left #column-wrap, .one-sidebar-left #column-wrap{ float: right; } .two-sidebar-left #sidebar-wrap, .one-sidebar-left #sidebar-wrap{ float: left; } .two-sidebar-left #column-main, .one-sidebar-left #column-main{ float: right; } .two-sidebar-center #column-main { float: right;} #column-main { float: left; display: inline; width: 650px !important; } .fullwidth #column-main { float: none; } /* Don't confuse with .full_width design mode added to 'body'.. */ #sidebar1, #sidebar2{ float: left; overflow:hidden; } .clip.hentry { float: left; clear: none; } .clip-right.hentry { float: right; clear: none;} /* @ Layout Column Padding */ .two-sidebar-center #column-main .mcolumn-pad{ padding-right: 20px; padding-left: 20px;} .fullwidth #column-main .mcolumn-pad{ padding-right: 15px; padding-left: 15px;} .one-sidebar-right #column-main .mcolumn-pad, .two-sidebar-right #column-main .mcolumn-pad{ padding: 14px 0px 0px 0px; } .category .one-sidebar-right #column-main .mcolumn-pad { padding: 0px 0px 0px 0px !important; } .hentry { } .one-sidebar-left #column-main .mcolumn-pad, .two-sidebar-left #column-main .mcolumn-pad{ padding: 14px 15px 0 30px; } .hentry-pad{padding: 0px 15px 0px 15px !important;} /* @ Fixed Width Design Mode*/ .fixed_width #page{ padding-top: 12px; } .content-shadow.fixed_width .page-canvas{ -moz-box-shadow: 0 1px 5px rgba(0,0,0, .8); -webkit-box-shadow: 0 1px 5px rgba(0,0,0, .8); box-shadow: 0 1px 5px rgba(0,0,0, .8); } body.fixed_width{ border-top:none; } .fixed_width #footer{ background: transparent; margin: 0 auto; } .fixed_width #morefoot .dcol-pad { padding: 0px; } .fixed_width #branding .content-pad{ padding: 25px; } .fixed_width #header .searchform { margin-right: 10px } .fixed_width #boxes .dcol-pad {padding: 10px;} .iphone #morefoot { width: 650px !important; margin: -300px 0px 15px 15px !important; background-color: #FFFFFF !important; } #morefoot { width: 650px !important; margin: -30px 0px 15px 15px !important; background-color: #FFFFFF !important; } #morefoot .content { width: 650px !important; padding-bottom: 50px; } .home #sb_universal { display:none !important; } .home #sb_fullwidth { display:none !important; } #postloop .category-biography section.post-meta section.bd section.bd .metabar { display:none !important; } #postloop .category-biography section.post-meta section.bd section.bd hgroup.post-title { padding: 35px 0px 0px 0px !important; } #postloop .category-productions section.post-meta section.bd section.bd hgroup.post-title, #postloop .category-special-events section.post-meta section.bd section.bd hgroup.post-title { display:none !important; } .category-productions .hentry-pad, .category-special-events .hentry-pad, .page-id-80 .hentry-pad { padding: 0px !important; } #postloop .category-productions section.post-meta section.bd section.bd .metabar, #postloop .category-special-events section.post-meta section.bd section.bd .metabar { padding: 10px 0px 10px 0px !important; border-bottom: 1px solid rgba(227,227,227,1.0); } /* Typography ****************************/ .divider { width: 100% !important; border-bottom: 1px solid #c6c3ba !important; margin: 0px 0px 30px 0px !important; } h1, h2, h3, h4, h5, h6 { font-family:"bebas_neueregular",Arial,Helvetica !important; font-weight: lighter !important; text-rendering: optimizelegibility !important; font-weight: lighter !important; line-height: 100% !important; letter-spacing: 0em !important; } h1 em, h2 em, h3 em, h4 em, h5 em, h6 em, #nav em{text-transform: lowercase;font-style:italic;} h1, h1.pagetitle{font-size: 300% !important; color: #b3afa3 !important; font-family:"bebas_neueregular",Arial,Helvetica !important; text-transform: uppercase !important; margin-bottom: 20px !important;} .home h1.parent-title { display:none !important; } h1.parent-title{font-size:150% !important; line-height:1.071em !important; color: #d03366 !important; font-family:"bebas_neueregular",Arial,Helvetica !important; text-transform: uppercase !important; margin-bottom: 20px; padding: 20px 0px 0px 20px;} h2{font-size: 200%;} h3{font-size: 164.3%; text-transform:uppercase !important; color: #b3afa3 !important;} h4{font-size: 121.4%; color: #d03366 !important; } h5{font-size: 121.4%; color: #202020 !important; letter-spacing: .10em !important;} h6{font-size: 107.1%; color: #d03366 !important; } .blocktext{ text-align:left; padding:0px 5px 0px 5px; margin-bottom: .6em; font-size:107.1% !important; letter-spacing: .10em !important; font-family:"bebas_neueregular",Arial,Helvetica !important; text-transform: uppercase !important; background-color:#d03366 !important; color: #FFFFFF !important; display: inline-block; } /* @ Header Special Cases */ h1 + img, h2 + img{margin-top:1em;} .hentry .entry-title{ margin:0; } /* @ Paragraphs ****************/ p, .p, .hentry ul, .hentry ol{margin: 1.6em 0;} .entry_content p:first-child, .post-excerpt > p:first-child{margin-top: 0;} .post-excerpt > :last-child, .entry_content > :last-child {margin-bottom: 0;} p {hyphenate: auto;hyphenate-before:2;hyphenate-after:3;hyphenate-lines: 3;orphans:4} p span.pullquote{text-indent:0;} /* @ Font Sizes & Line Heights *******************************/ .main_nav, h6.site-description, .widget-title, #footer li h5 a, .subhead, .main_nav, #postauthor .subtext, .author-details, .post-nav, .current_posts_info, #secondnav{ font-size: 86%; } a.site-title{ font-size: 2.6em; line-height: 1.1em; } .metabar{ font-size: 84%; } .searchfield, .tags{ font-size: 80% } /* Posts Meta & Excerpts */ .hentry, .fpost .post-excerpt {font-size: 1.03em; line-height: 1.55em;} .clip .post-excerpt{ font-size: 90%; line-height: 1.6em} .clip .metabar{font-size: 75%; line-height: 1.6em} /* Sidebars */ .rss-date {font-size:.9em;line-height:1.2em;} #footer .latest_posts li .list-excerpt {font-size: .9em;line-height: 1.6em;} .fcol ul ul{ font-size:.9em; } #breadcrumb .content{ font-size:.8em; } #simple_footer_nav #logo h1 { font-size:2em; } #respond h3 small{ font-size: .9em; } .reply a{ font-size: .8em; } h2.notfound-splash { font-size: 8em; } #wp-calendar caption, #wp-calendar thead th{ font-size: .9em; } .fancybox span{font-size: .9em; } .content-pagination .cp-num, .content-pagination a:hover .cp-num{ line-height: 0.9em; } /* @ Long form content */ .hentry ul, .hentry ol { margin: 1.7em 0 1.7em 1.7em;} .wp-caption-text {font-size: 11px; line-height: 16px;} .wp-caption-dd {font-size: 11px;line-height: 17px; } .wp-caption-dd { font-size: 11px; line-height: 17px; } .drop-cap {display:block;font-style:normal;font-size:8em;float:left;margin:.04em .1em 0 0;line-height:.67em;} /* @ Links & Link Effects */ a {text-decoration:none;} .hentry a:hover{text-decoration: underline;} #subnav ul li a:active{text-decoration:none;} /* * @ Default Type Faces */ /* Primary Font Style */ body, .font1, .font-primary, .commentlist, input{ font-family:Georgia, 'Times New Roman', Times, serif; } body.wp-admin { font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; } input[type="submit"], input[type="button"]{ font-family: 'Lucida Grande', helvetica, arial, sans-serif; } /* * @ Borders */ hr, .fpost, .clip_box, .widget-title, .metabar a, #morefoot .widget-title, #site #dsq-content h3, .navigation_wrap{ } ul.sf-menu ul li:last-child{border-bottom: none} .post.fpost .entry, #soapbox .fboxinfo, #feature-footer.nonav {} #feature-footer, #featurenav a, #feature-footer span.playpause, #featurenav a.activeSlide, textarea:focus, input, textarea, .searchform .searchfield, .wp-caption, #grandchildnav.widget, .clip .clip-thumb img, .author-thumb img, #carousel .content ul li a img, .widget_flickrRSS a img{ } .setup_area{border: 4px dashed transparent;margin: 1em 0;} /* * @ Element & Section Formatting */ /* @ #header */ #header .outline{ position: relative; zoom: 1; z-index:15; /* ie drop-down fix */ } /* Branding Section */ #branding .content{ z-index:10; } #branding .branding_wrap{position: relative;zoom:1;} .site-description { margin-left: .2em;} a.site-title{ display: block; margin: .3em 0 .15em; } #branding .mainlogo-link, #branding .mainlogo-img{ max-width: 100%; display: block; } #branding .icons { display: none; } /* @ Header Icons */ .icons {width: 125px !important; text-align: right;position: absolute !important; z-index: 5 !important; top:0px; right:125px;line-height: 20px;height: 24px;} .icons a { display: block; width: 20px; height: 20px; margin-left: 5px; float: right; text-align: right; } .icons a.youtubelink {display: block;width: 40px; height: 20px; } .icons .twitterlink {background: url(./images/twitter.png) no-repeat;} .icons .youtubelink {background: url(./images/youtube.png) no-repeat;} .icons .emaillink {background: url(./images/email.png) no-repeat;} .icons .facebooklink {background: url(./images/facebook.png);} /* @ Main Nav */ .main_nav_container{ width: 100%; float: left; margin-right: -230px; } .navigation_wrap{position: relative;} .navigation_wrap .main_nav { margin-right: 230px; text-align: left; margin-top: 0px; z-index:28; /* Fancybox Uses 30 */ position:relative; height: 31px; } .sf-menu li:hover ul, .sf-menu li.sfHover ul{ top: 33px; } .main_nav_container.nosearch, .nosearch .main_nav{ margin-right: 0; } /* No search adjustment */ .main_nav ul{ list-style: none; display: block; margin: 0; padding: 0px; float: left; } .main_nav ul li{ position:relative; margin: 0; padding: 0px; float: left; text-align: right; } .main_nav li a{ line-height: 1em; padding: 10px 15px; text-decoration: none; display: block; border-bottom:none; } /*IE6 border color (transparent border fix)*/ *html .main_nav li a{ border-color: white; } /* Drop Down */ .main_nav ul ul {display: none;} .main_nav ul ul li {text-align: left;} /* @ SubNav Area */ #secondnav.container{margin: 0;} #secondnav ul{ list-style:none; margin:0; } #secondnav .secondnav_menu { margin:0 0 0 0px; } #secondnav ul li{float: left;} #secondnav li a{ display: block; padding: 3px 8px; border:none;} /* @ Search Form */ .searchform { width: 215px !important; margin-top: 55px; position:absolute; } #footer #entry-container .contentColumnSearch { margin-left: 673px;position:relative;z-index: 3000; margin-top: 10px; width: 215px !important; } #footer #entry-container .contentColumnSearch h3.search { font-size:121.4% !important; font-family:"bebas_neueregular",Arial,Helvetica !important; text-transform: uppercase !important; color:#d03366 !important; border-bottom: 1px solid #808080; padding:10px;width: 170px; display:block; float:left; } #header .searchform { float: right; } .searchform input { background:transparent; border:none; } .searchform fieldset input.searchfield, #forumsidebar input.forumsearchfield{ font-size:90% !important; font-family:"bebas_neueregular",Arial,Helvetica !important; font-weight: lighter !important; text-rendering: optimizelegibility !important; color: #4C4C4C !important; background:#FFFFFF !important; border-bottom: 1px solid #999999; -moz-opacity:0.9; -webkit-opacity:0.9; -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; -moz-box-shadow: inset 0px 0px 2px 0px #7C7C7C; -webkit-box-shadow: inset 0px 0px 2px 0px #7C7C7C; box-shadow: inset 0px 0px 2px 0px #7C7C7C; } .searchform .searchfield{ height: 13px; padding: 5px 30px 5px 7px; width: 215px !important; } .searchform fieldset input.submit{ margin:0; padding:0; font-size: 0px !important; border: none !important; background: url(images/search-btn.png) no-repeat !important; -moz-border-radius-topleft: none !important; -webkit-border-top-left-radius: none !important; -moz-border-radius-bottomleft: none !important; -webkit-border-bottom-left-radius: none !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; position:absolute; right:20px; top:15px; height:72px; width:74px; } ::-webkit-input-placeholder { color: rgba(0,0,0,.4); } :-moz-placeholder { color: rgba(0,0,0,.4); } :-ms-input-placeholder { color: rgba(0,0,0,.4); } .searchform .searchfield:focus{ width: 215px; } .billboard .searchfield, #notfound .searchfield{ float: none; } .navigation_wrap .searchform { position: absolute; right: 3px; bottom: 2px; } .searchform input { background:transparent; border:none; } .searchform .searchfield, #forumsidebar input.forumsearchfield{ font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", sans-serif; font-size: 11px; } .searchform input.submit { margin:0; padding:0; position:absolute; right:8px; top:4px; height:17px; width:17px; } .searchform input.submit:hover{border: none;background: none;} /* @ The Loop */ /* @ Both Page Content & Posts (.hentry) */ .hentry{ clear: both; } .hentry #entry-container h1 { font-family:"bebas_neueregular",Arial,Helvetica !important; font-size:121.4% !important; letter-spacing: .02em !important; text-transform: uppercase !important; color:#d03366 !important; border-bottom: 1px solid #c6c0b9; padding:25px 10px 10px 10px; margin-bottom: 0px !important;} .hentry #email-container h1 { font-family:"bebas_neueregular",Arial,Helvetica !important; font-size:121.4% !important; letter-spacing: .02em !important; text-transform: uppercase !important; color:#d03366 !important; border-bottom: 1px solid #c6c0b9; padding:25px 10px 10px 10px; margin-bottom: 0px !important;} .home .hentry { background: #dbdbdb !important; padding: 0px !important; margin:0px !important; height: 260px !important; webkit-box-shadow: inset 0px 1px 5px -1px rgba(0, 0, 0, .35) !important; box-shadow: inset 0px 1px 5px -1px rgba(0, 0, 0, .35) !important;} .home #postloop { padding: 0px !important; margin:0px !important; } .hentry #entry-container { width: 350px !important; float: left; margin-right: 10px; margin-left:15px; padding-bottom: 25px;} .home .hentry #entry-container { width: 350px !important; float: left; margin-right: 10px; margin-left:15px; padding-bottom: 15px;} .hentry #entry-container .contentColumn { width: 165px; float: left; margin-right: 10px; padding-top: 20px;} .hentry #email-container .contentColumn { width: 215px; float: left; } .hentry #entry-container .contentColumn-mobile { display: none; } .hentry #right-container { width: 240px; float: left; padding-bottom: 25px; } .home .hentry #right-container { width: 240px; float: left; padding-bottom: 15px; } .hentry #button-container { display: block; height:72px; width: 225px; padding: 15px 0px 0px 0px; } .hentry #email-container { display: block; width: 225px; padding: 0px 0px 25px 0px; } .hentry #entry-container a.membership { position:absolute; bottom: -20px; left: 300px; z-index: 3000; float:left; display:block; color: transparent; border:0 !important; padding:0; background: url(images/membership.png) no-repeat; height:72px; width:74px; } .hentry #email-container .emailsignup #FSContact1 div input { margin-left: 13px !important; } .billboard { padding: 60px 15px; margin: 0 0 2.5em 0; } /* @ Posts */ .fpost .post-excerpt .post-thumb.img {margin-right: 13px} .fpost .post-thumb.img { margin-right: 20px;} .full_img {margin-bottom: .8em;} .post-meta .c_img, .hentry .c_img{ display: block; border: 1px solid transparent; padding: 4px; max-width: 98%;line-height:1em; } .clip .post-meta .c_img { padding: 2px;} .fpost .media .img img{max-width: 100%; height: auto; margin: 0 auto;} .fpost .textcontent { margin: 20px 10px 0 0; } .post.fpost .entry { margin-bottom: 1em; padding: 1em 0; } /* @ Post Title Area */ .post-title-section{ padding-bottom: 6px; } .post-meta { margin-bottom: 1.71em; } .post-nocontent.post-meta { margin-bottom: 0; } .fpost .post-title h2 a:hover{ text-decoration: underline; } .post-comments a:hover{ text-decoration: none; } .metabar em{ font-style: normal;} .metabar a:hover {text-decoration: none;} .fpost .post-excerpt { margin: .6em 0; } .entry_content img { max-width: 100%; } .cnt-comments{ float: left; } .cnt-comments a{ display: block; padding: 4px 10px; } /* @ Clips */ .clip .clip-header { padding: 4px 0 4px 0; display: table-cell; width: 10000px; } .clip .clip-thumb a{ float:left; margin-right: 10px; } .clip .clip-thumb img { padding: 2px; display:block; margin:0 0 0.4em; } .clip .post-excerpt .post-thumb.img {margin-right: 10px} .clip .entry-title, .clip .metabar { padding: 0; } .clip .post-excerpt { margin-bottom:1.5em; margin-top:.5em; } /* @ Post Navigation */ /* @ Post Footer Area */ .pl-sharebar-pad{ line-height: 12px; padding: 10px; } .pl-sharebar-text{ display: inline; vertical-align: top; margin-right: 16px; font: normal 75%/190% "Lucida Grande", Arial, "Lucida Sans Unicode", sans-serif; text-transform: uppercase; letter-spacing: .1em; } .meta-share{ padding-top: 5px; } .meta-share iframe, .meta-share object{ width: auto; } .fb-like{ margin-right: 10px; } .tags {font-style: italic;} /* @ Sidebar */ #sidebar-wrap #sidebar_universal{ padding: 2em 1em 0 1em; } ul.sidebar_widgets{ list-style-type: none; } /* @ Sidebar Widgets */ /* .widget{ overflow: hidden; } Breaks sidebar-wrap bottom */ .home .widget-title{ text-align:left; padding:2px 5px 2px 5px; margin-bottom: .6em; font-size:107.1% !important; font-family:"bebas_neueregular",Arial,Helvetica !important; text-transform: uppercase !important; background-color:#d03366 !important; color: #FFFFFF !important; display: inline-block; } .widget-title { text-align:left; padding:3px 6px 3px 6px; margin-bottom: .6em; font-size:121.4% !important; font-family:"bebas_neueregular",Arial,Helvetica !important; text-transform: uppercase !important; color: #d03366 !important; display: inline-block; } #morefoot .widget-title { color: #ffffff !important; } .widget-easy-twitter-feed-widget-kamn .widget-title { text-align:left; margin: 0px 0px 0px 5px !important; font-size:0px!important; background: url(images/twitter-widget-title.png) no-repeat !important; width: 128px; height: 35px; display: inline-block; } .widget-easy-twitter-feed-widget-kamn .widget-title a { width: 100% !important; height: 100% !important; display:block !important; } .widget ul { margin:0 0 10px .4em; } .widget ul.sub-menu { margin:0px;} .widget ul li{ font-size:.95em; list-style:none; display: block; padding: 0 2px; } .widget_recent_comments.widget li{ padding: 4px; } .widget ul li a:hover{ text-decoration: underline; } .widget ul li ul li{ margin-left: .3em; } /* @ Special Widgets */ .tagcloud{ padding: .7em; line-height:1.4em; } .widget-default{ margin-bottom: .7em; } .widget_search .widget-title {margin-bottom:10px;} .widget_categories .postform {margin:10px 10px;} .rss-date {display:block;line-height:1.2em;} a.rsswidget img{position:relative;top:1px;} #sidebar #widgets { margin-bottom: 1em; } .textwidget { padding: 5px 2px; } #footer .widget_twitter .twitter-item{ padding-bottom:10px; } .twitter-item:nth-child(2n){ font-weight:bolder; } /* @ Post Navigation */ .post-nav, .current_posts_info { clear: both; padding:5px 10px; position: relative; } .post-nav a, .post-nav a:visited { text-decoration: none; } .post-nav a:hover { text-decoration: none; } .post-nav .previous a { float: left; display: block; padding-left: 24px; background: url(images/post-previous.png) no-repeat left center; } .post-nav .next a { float: right; display:block; padding-right: 24px; text-align: right; background: url(images/post-next.png) no-repeat right center; } /* @ Page Navigation */ .page-nav-default {padding: 15px 0;} .page-nav-default .previous-entries { float: left; } .page-nav-default .next-entries { float: right; } /* @ Footer */ #footer { font-size:1em; overflow:hidden; height: 220px; margin: 0 auto; margin-top: 60px !important; width: 900px !important; background: url(https://www.vineyardtheatre.org/images/background/blacktrans.png) repeat !important; } #footer #entry-container .contentColumn a{ font-size:121.4% !important; font-family:"bebas_neueregular",Arial,Helvetica !important; text-transform: uppercase !important; color:#d03366 !important; border-bottom: 1px solid #808080; padding:10px;width: 170px; display:block; float:left;} #footer #entry-container .contentColumn ul li a{ font-size:100% !important; font-family:"bebas_neueregular",Arial,Helvetica !important; text-transform: uppercase !important; color:#FFFFFF !important; padding:5px 5px 0px 10px; width: 170px; border-bottom: none !important; text-decoration:none;} #footer #entry-container { width: 420px !important; float: left; margin-right: 10px; margin-left:15px; } #footer #entry-container .contentColumn { width: 170px; float: left; margin-right: 10px; padding:10px;} #footer .terms { float:left; margin-left: 390px; margin-top:-50px; font-size:100% !important; line-height:15px !important; font-family:"bebas_neueregular",Arial,Helvetica !important; text-transform: uppercase !important; color:rgba(76,76,76,1.0) !important; opacity:1.0 !important; } #footer .terms .copyright{ color:#FFFFFF !important;} #footer .terms a{ color:#4C4C4C !important;} #footer .footcol-pad{ padding: 0 10px; } #footer .footcol ul{ padding: 0 5px; } #footer li {list-style-type:none;} #footer li a:hover {text-decoration: underline;} #footer .widget-title{ padding-left:0; border:0; margin-bottom: .6em; } #footer .findent {padding: 0 5px 0 0;} .latest_posts h5{ margin-bottom: .4em; } .latest_posts {padding:0;} .latest_posts li {margin-bottom: .5em;} .fcol{ width: 152px; float: left; display:inline; padding: 0 20px; } .fcol ul ul{ padding-left:10px; } /* @ Breadcrumb Section */ #breadcrumbs{ padding:10px 5px; } #breadcrumb .content-pad { padding:0 12px; } #breadcrumb .content{ padding:5px 0px; } .breadcrumb a:hover {text-decoration:underline;} /* @ Comments Area */ #respond form{ margin-left: 27px;} h3#comments-title { padding-left: 22px; background:url("sections/comments/icon-comment.png") no-repeat scroll 0 3px transparent; } #respond h3 { padding-left: 25px; background:url("sections/comments/icon-pencil.png") no-repeat scroll 0 3px transparent; } #respond h3 small{ font-style:italic; } .commentlist .comment-meta { margin-bottom: 16px; } .commentlist p{ margin: 0px 0 1em 5px; } /* 404 */ #notfound, #previewing-posttypes{ padding: 100px; min-height: 350px; } /* @ Previewing Alert */ h2.notavail{ margin-bottom: 1.5em; } /* @ PageLines Leaf */ #cred { text-align: center; padding: 15px; } a.plimage { text-align: center;} /* @ Floating and Alignment */ .pad_small{padding: 8px;} .pad_big {padding: 15px 20px;} .aligncenter { display: block; margin-left: auto; margin-right: auto; } /* @ Typekit */ .typekit-badge{ display: none !important; } /* @ Content Pagination */ .content-pagination { clear:both; } .content-pagination .cp-desc { font-style: italic; } .content-pagination a:hover{text-decoration:none;} .content-pagination .cp-num, .content-pagination a:hover .cp-num{ margin: 0 2px; text-decoration: none; display: inline-block; padding: 3px 7px 6px; } /* Default Entry Table (moved to less) */ .iconlist li{margin-bottom: .5em;} .ui-img-big{margin-right: 15px;} .styled-list{list-style-type: none;} /* @ Wordpress Caption */ /* FlickrRSS Widget */ .widget_flickrRSS.widget ul{ margin: 7px 0px 0px 0px; } .widget_flickrRSS.widget ul li{display:inline-block;padding:0;margin:0;border-bottom:none;} .widget_flickrRSS a{display: inline-block; margin: 8px 12px 2px 5px; } .widget_flickrRSS a img{display: block; } .widget_flickrRSS a img { font-size: 10px; border-width: 0px 1px 1px 0px; border-style:solid; padding: 3px; } /* @ Special Posts */ .widget div.srp-thumbnail-box{ padding-right: 15px; } .widget .srp-widget-singlepost{ font-size: .85em; margin: 0; padding: 1.2em 0; } .srp-widget-title-link{ font-size: .9em; line-height: 1.2em; } .srp-widget-excerpt{ line-height: 1.5em; } .srp-widget-thmblink{ display: block; padding: 3px; text-decoration: none; border: none; text-shadow: none; width: 50px; } .srp-widget-thmblink img{display: block;} /* @ WP125 Advertising Widget */ .widget_wp125.widget{ border:none; padding:0; margin:0 0 1em 0; } .widget_wp125.widget .wtitle{display: none;} .widget_wp125.widget .winner { padding:0; line-height: 1px; } #page .widget_wp125 { padding: 0; } #page .widget_wp125 .winner { width:100%; } #page .widget_wp125 .wp125ad{ padding: 0; width: auto; float: left; max-width: 50%; } #page .widget_wp125 .wp125ad a{ margin: 6px; padding: 5px; margin: 2px 5px 5px 5px; display: inline-block; border: 1px solid transparent; } #page .widget_wp125 .wp125ad a img{ width: 125px; height: auto; display: block; } /* @ Pagination & WP-PageNavi Plugin */ #page .wp-pagenavi { margin:1.6em .4em 1.6em 0; font-size: .9em; overflow:hidden; } #page .wp-pagenavi span.pages { border:none; background: transparent; } #page .wp-pagenavi a, #page .wp-pagenavi .current, #page .wp-pagenavi .extend{ padding: 3px 7px 4px 7px; border: none; font-weight: normal; } #page .wp-pagenavi a, #page .wp-pagenavi span{ -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } /* @Disqus */ #site #dsq-content, #site #dsq-content a{ text-shadow: none; } #site #dsq-content .dsq-request-user-info td a{ font-weight: normal; font-size: 1.2em; } #site .dsq-brlink {display: none;} #site #dsq-content .dsq-request-user-info td small a {font-style:italic;} #site #dsq-content h3 { line-height:1.5em; margin-bottom:1em; } #comments p.form-allowed-tags{width: auto;margin-bottom: 1.6em; } /* @Facebook Comments */ #site #dsq-content .dsq-request-user-info td a{ font-weight: normal; font-size: 1.2em; } #site .dsq-brlink {display: none;} #site #dsq-content .dsq-request-user-info td small a {font-style:italic;} #site #dsq-content h3 { line-height:1.5em; margin-bottom:1em; } /* * Responsive Design ****************************************/ body .content img {max-width: 100%; height: auto; width: auto\9; /* ie8 */} body .ie8 img { width: auto; height: auto; } body .entry_content iframe, body .entry_content video, body .entry_content object{max-width: 100%;} @media screen and (max-width:800px){ .responsive #site .content, .responsive #footer .content, html .responsive.fixed_width #page{width: 97%;} .responsive #page #pagelines_content #column-wrap, .responsive #page #pagelines_content #sidebar-wrap, html .responsive.fixed_width #site .content{ width: 100%; } .responsive .one-sidebar-right #column-main .mcolumn-pad, .responsive .two-sidebar-right #column-main .mcolumn-pad {padding:15px;}' #respond form {margin-left: 0;} } @media screen and (max-width:600px) { .responsive .login { display: none; } .responsive #page #pagelines_content #column-wrap #sidebar1, .responsive #page #pagelines_content #column-main { width: 100%; } .responsive .navigation_wrap{text-align: center;} .responsive .navigation_wrap .main_nav, .responsive .navigation_wrap .main_nav_container {margin-right: 0;} .responsive .navigation_wrap .searchform { display: inline-block; position: relative; float: none; margin-top: 10px; } .responsive section.container .content-pad{ padding-right: 0; padding-left: 0; } .responsive #branding .icons { position: static; } .scale_text{ font-size: .85em; } } @media screen and (max-width:450px) { html { -webkit-text-size-adjust: none; } .responsive #page #pagelines_content .clip { width: 100%; } .responsive .clip_box{ margin:0; padding:0; border:0; } .responsive .navigation_wrap .searchfield{ display:inline-block; float: none; } .responsive #page #brandnav .mainlogo-link {float: none} .responsive #page .main_nav .main-nav, #brandnav .brandnav-nav{margin-top: 10px; width: 100%; float: none;} .responsive #page .main_nav ul li{ text-align: left; width: 50%; } .responsive #page .main_nav ul li ul, #page .main_nav ul li ul li{ width: 100%; } .responsive #page .media .post-thumb { float: none; margin-bottom: 8px; } } #column-wrap, #sidebar-wrap, .clip, #column-main, #sidebar1, .content, #page{ transition:all .2s linear; -o-transition:all .2s linear; -moz-transition:all .2s linear; -webkit-transition:all .2s linear; } /* Color Handling **************************/ /* Grey */ .pl-color-grey{ background:#eeeeee; background:-moz-linear-gradient(top,#ffffff 0%,#dcdcdc 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffffff),color-stop(100%,#dcdcdc)); background:-webkit-linear-gradient(top,#ffffff 0%,#dcdcdc 100%); background:-o-linear-gradient(top,#ffffff 0%,#dcdcdc 100%); background:-ms-linear-gradient(top,#ffffff 0%,#dcdcdc 100%); background:linear-gradient(top,#ffffff 0%,#dcdcdc 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#d3d3d3',GradientType=0); } .pl-active-grey:hover{ background:#e1e1e1; background:-moz-linear-gradient(top,#f3f3f3 0%,#cfcfcf 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffffff),color-stop(100%,#cfcfcf)); background:-webkit-linear-gradient(top,#f3f3f3 0%,#cfcfcf 100%); background:-o-linear-gradient(top,#f3f3f3 0%,#cfcfcf 100%); background:-ms-linear-gradient(top,#f3f3f3 0%,#cfcfcf 100%); background:linear-gradient(top,#f3f3f3 0%,#cfcfcf 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#d3d3d3',GradientType=0); } .pl-active-grey:active{ background:#c1c1c1; background:-moz-linear-gradient(top,#afafaf 0%,#d3d3d3 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffffff),color-stop(100%,#d3d3d3)); background:-webkit-linear-gradient(top,#afafaf 0%,#d3d3d3 100%); background:-o-linear-gradient(top,#afafaf 0%,#d3d3d3 100%); background:-ms-linear-gradient(top,#afafaf 0%,#d3d3d3 100%); background:linear-gradient(top,#afafaf 0%,#d3d3d3 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#d3d3d3',GradientType=0); } /* Blue */ .pl-color-blue{ background:-moz-linear-gradient(top,#6E9ED2 0%,#4574B8 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#6E9ED2),color-stop(100%,#4574B8)); background:-webkit-linear-gradient(top,#6E9ED2 0%,#4574B8 100%); background:-o-linear-gradient(top,#6E9ED2 0%,#4574B8 100%); background:-ms-linear-gradient(top,#6E9ED2 0%,#4574B8 100%); background:linear-gradient(top,#6E9ED2 0%,#4574B8 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6E9ED2',endColorstr='#4574B8',GradientType=0); } .pl-active-blue:hover{ background:-moz-linear-gradient(top,#517EBD 0%,#2853A1 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#517EBD),color-stop(100%,#2853A1)); background:-webkit-linear-gradient(top,#517EBD 0%,#2853A1 100%); background:-o-linear-gradient(top,#517EBD 0%,#2853A1 100%); background:-ms-linear-gradient(top,#517EBD 0%,#2853A1 100%); background:linear-gradient(top,#517EBD 0%,#2853A1 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#517EBD',endColorstr='#2853A1',GradientType=0); } .pl-active-blue:active{ background:-moz-linear-gradient(top,#1A3764 0%,#517EBD 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#1A3764),color-stop(100%,#517EBD)); background:-webkit-linear-gradient(top,#1A3764 0%,#517EBD 100%); background:-o-linear-gradient(top,#1A3764 0%,#517EBD 100%); background:-ms-linear-gradient(top,#1A3764 0%,#517EBD 100%); background:linear-gradient(top,#1A3764 0%,#517EBD 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1A3764',endColorstr='#517EBD',GradientType=0); } /* Orange */ .pl-color-orange{ background-color: #faa732; background-image: -moz-linear-gradient(top, #fbb450, #f89406); background-image: -ms-linear-gradient(top, #fbb450, #f89406); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); background-image: -webkit-linear-gradient(top, #fbb450, #f89406); background-image: -o-linear-gradient(top, #fbb450, #f89406); background-image: linear-gradient(top, #fbb450, #f89406); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0); } /* Red */ .pl-color-red{ background-color: #da4f49; background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f); background-image: -ms-linear-gradient(top, #ee5f5b, #bd362f); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f)); background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f); background-image: -o-linear-gradient(top, #ee5f5b, #bd362f); background-image: linear-gradient(top, #ee5f5b, #bd362f); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee5f5b', endColorstr='#bd362f',GradientType=0 ); } /* Transparent Black */ .pl-color-black-trans{ background-image: -moz-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.9) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.8)), color-stop(100%,rgba(0,0,0,0.9))); background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.9) 100%); background-image: -o-linear-gradient(top, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.9) 100%); background-image: -ms-linear-gradient(top, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.9) 100%); background-image: linear-gradient(top, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.9) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#e6000000',GradientType=0 ); } /* * @ CSS Buttons ****************************************/ input[type="submit"], .submit, input[type="button"], .button, input[type="reset"], .reset{ padding: 4px 9px; cursor: pointer; text-decoration: none; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color:#000000; text-shadow:0 1px 0 rgba(255,255,255,0.5); border:1px solid #bbbbbb; background:#eeeeee; background:-moz-linear-gradient(top,#ffffff 0%,#dcdcdc 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffffff),color-stop(100%,#dcdcdc)); background:-webkit-linear-gradient(top,#ffffff 0%,#dcdcdc 100%); background:-o-linear-gradient(top,#ffffff 0%,#dcdcdc 100%); background:-ms-linear-gradient(top,#ffffff 0%,#dcdcdc 100%); background:linear-gradient(top,#ffffff 0%,#dcdcdc 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#d3d3d3',GradientType=0); box-shadow: inset 1px 1px 0px #FFF; } input[type="submit"]:hover, .submit:hover, input[type="button"]:hover, .button:hover, a.button:hover, input[type="reset"]:hover, .reset:hover { text-decoration: none; color:#000000; text-shadow:0 1px 0 rgba(255,255,255,0.5); border:1px solid #aeaeae; background:#e1e1e1; background:-moz-linear-gradient(top,#f3f3f3 0%,#cfcfcf 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffffff),color-stop(100%,#cfcfcf)); background:-webkit-linear-gradient(top,#f3f3f3 0%,#cfcfcf 100%); background:-o-linear-gradient(top,#f3f3f3 0%,#cfcfcf 100%); background:-ms-linear-gradient(top,#f3f3f3 0%,#cfcfcf 100%); background:linear-gradient(top,#f3f3f3 0%,#cfcfcf 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#d3d3d3',GradientType=0); } input[type="submit"]:active, .submit:active, input[type="button"]:active, .button:active, a.button:active, input[type="reset"]:active, .reset:active { color:#000000; text-shadow:0 1px 0 rgba(255,255,255,0.5); border:1px solid #8e8e8e; background:#c1c1c1; background:-moz-linear-gradient(top,#afafaf 0%,#d3d3d3 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffffff),color-stop(100%,#d3d3d3)); background:-webkit-linear-gradient(top,#afafaf 0%,#d3d3d3 100%); background:-o-linear-gradient(top,#afafaf 0%,#d3d3d3 100%); background:-ms-linear-gradient(top,#afafaf 0%,#d3d3d3 100%); background:linear-gradient(top,#afafaf 0%,#d3d3d3 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#d3d3d3',GradientType=0); box-shadow: none; } input[type="image"]{box-shadow: none} /* Blue Button */ .button.bblue, .color-blue{ background:#4574B8; background:-moz-linear-gradient(top,#6E9ED2 0%,#4574B8 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#6E9ED2),color-stop(100%,#4574B8)); background:-webkit-linear-gradient(top,#6E9ED2 0%,#4574B8 100%); background:-o-linear-gradient(top,#6E9ED2 0%,#4574B8 100%); background:-ms-linear-gradient(top,#6E9ED2 0%,#4574B8 100%); background:linear-gradient(top,#6E9ED2 0%,#4574B8 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6E9ED2',endColorstr='#4574B8',GradientType=0); box-shadow: inset 1px 1px 0px #b4d3f6; } .button.bblue:hover{ background:-moz-linear-gradient(top,#517EBD 0%,#2853A1 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#517EBD),color-stop(100%,#2853A1)); background:-webkit-linear-gradient(top,#517EBD 0%,#2853A1 100%); background:-o-linear-gradient(top,#517EBD 0%,#2853A1 100%); background:-ms-linear-gradient(top,#517EBD 0%,#2853A1 100%); background:linear-gradient(top,#517EBD 0%,#2853A1 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#517EBD',endColorstr='#2853A1',GradientType=0); } .button.bblue:active { box-shadow: none; background:-moz-linear-gradient(top,#1A3764 0%,#517EBD 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#1A3764),color-stop(100%,#517EBD)); background:-webkit-linear-gradient(top,#1A3764 0%,#517EBD 100%); background:-o-linear-gradient(top,#1A3764 0%,#517EBD 100%); background:-ms-linear-gradient(top,#1A3764 0%,#517EBD 100%); background:linear-gradient(top,#1A3764 0%,#517EBD 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1A3764',endColorstr='#517EBD',GradientType=0); } .button.bblue, .button.bblue:hover, .button.bblue:active{ color:#FFF; text-decoration: none; text-shadow:0 -1px 0 rgba(0,0,0,0.8); border:1px solid #34588B; } /* @ Widgets Default Formatting */ .wp-caption { text-align: center; padding: 8px; border-radius: 3px; max-width: 98%; margin-bottom: 1em; } .wp-caption-text { text-align: center; margin:0;padding:6px 0 2px; } .wp-caption-dd { padding: 0 4px 5px; margin: 0; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption-dd { padding: 0 4px 5px; margin: 0; } /* WordPress Calendar */ #calendar_wrap { overflow: hidden; padding: 0; } #wp-calendar caption { padding: 2px; font-weight: normal; } #wp-calendar thead th { padding: 2px; } #calendar_wrap {text-align:center;padding: 8px 15px;margin: 0;} #wp-calendar {text-align:center;margin-top:5px;width:100%;border-collapse: collapse;} #wp-calendar caption{font-weight: bold; } #wp-calendar td{padding:4px 8px;} #wp-calendar #today{font-weight: bold;} .widget_tag_cloud .winner div{padding: 15px;} /* Tags */ .widget_archive .winner select { margin: 10px; } /* Archive */ .screen-reader-text {display:none;} /* Search */ #wpstats{width:0px;height:0px;overflow:hidden;} /* @ Comments */ #commentform { margin-top: 10px; } #commentform small { font-size: 90%; } #commentform input[type="text"] {padding: 7px;display: block;} #commentform textarea { padding: 7px; height: 140px; } .wp-comments{ margin: 1.4em 0 0; } .wp-comments-pad{ padding: 20px 0; } p.logged-in-as, p.comment-form-comment, p.form-allowed-tags, p.form-submit{margin: .3em 0;} p.comment-form-comment{margin: .8em 0;} p.form-allowed-tags code{ font-size: 10px; line-height: 1.4em; margin: .4em 0; padding: 0.2em; } #respond {margin: 20px 0;} ol ul #commentform textarea {width: 90%;} #commentform #submit {display: inline;} .form-allowed-tags {font-size: .85em;} .form-allowed-tags code {display: block;font-size:10px;} .nocommentform {display:none} /* List of Comments */ .commentlist { list-style-type:none; margin: 10px 0px 10px 18px; line-height: 1.6em; padding-left:55px; } .commentlist li{ padding: 10px;} .commentlist ul.children {list-style-type: none;margin: 1em 0;} .commentlist cite { font-weight: bold; font-style: normal; } .commentlist img.avatar { float: left; margin: 0 5px 5px -65px; position: relative; padding: 0.12em; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .commentlist .children img.avatar { float: left; margin: 0 10px 5px 0; position: relative; } .commentlist .comment-meta { margin-bottom: 5px; display: block; font-size: 87%; } .nocomments{display:none;} /* @ Floating and Alignment */ .hidden {display: none;} .aligncenter,.alignnone {display: block;margin-left: auto;margin-right: auto;} .center, .textcenter {text-align: center;} .alignleft { float: left; margin: 0px 15px 0px 0px; } .alignright { float: right; margin: 0px 0px 0px 15px; } .left { float: left; } .textleft {text-align: left;} .right { float: right; } .textright {text-align:right;} .clear {clear:both;} .block{display:block;} img.center, img[align="center"] {display: block;margin-left: auto;margin-right: auto;} img.left, img[align="left"] { float:left;margin: 2px 10px 5px 0px;} img.right, img[align="right"] { float:right;margin: 2px 0px 5px 10px;} /* @ Clearfixing */ .fix:after{content:".";display:block;height:0;clear:both;visibility:hidden;} .fix{display:inline-block;} * html .fix{height:1%;} .fix{display:block;} /* Media Queries ---------------------------------------------------------------------------------------------------- */ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) { .icons .twitterlink img { background: url(./images/twitter-2x.png) no-repeat; background-size: 100% 100%; } .icons .youtubelink img { background: url(images/youtube-2x.png) no-repeat; background-size: 100% 100%; } .icons .emaillink img{ background: url(images/email-2x.png) no-repeat; background-size: 100% 100%; } .icons .facebooklink img { background: url(images/facebook-2x.png) no-repeat; background-size: 100% 100%; } a.donatenow { background: url(images/donatenow-2x.png) no-repeat; background-size: 100% 100%; } a.clickhere { background: url(images/clickhere-2x.png) no-repeat; background-size: 100% 100%; } a.membership-arrow { background: url(images/membership-arrow-2x.png) no-repeat; background-size: 100% 100%; } a.buy { background: url(images/buy-2x.png) no-repeat; background-size: 100% 100%; } a.buy-tickets { background: url(images/buy-tickets-2x.png) no-repeat; background-size: 100% 100%; } a.donate { background: url(images/donate-2x.png) no-repeat; background-size: 100% 100%; } a.membership { background: url(images/membership-2x.png) no-repeat; background-size: 100% 100%; } a.signup { background: url(images/signup-2x.png) no-repeat; background-size: 100% 100%; } a.search { background: url(images/search-2x.png) no-repeat; background-size: 100% 100%; } #postloop .entry_content a.how-to-give img { background: url(./images/how-to-give-2x.png) no-repeat; background-size: 100% 100%; } } @media only screen and (max-width: 1023px) { /* Full Styles */ } @media only screen and (max-width: 800px) { } @media only screen and (max-width: 385px) { /* Shared Page Styles */ body.fixed_width #page, body.fixed_width #footer, body.canvas .page-canvas { max-width: 345px !important; } #site .content { width: 345px !important; } .content-pad { padding: 0px; } #column-wrap { float: left; width: 345px !important; margin-right: 0px !important; background-color: #FFFFFF !important; border-top-right-radius: 0px; -moz-border-radius-topright: 0px; } .one-sidebar-right #pagelines_content #column-main { width: 345px !important; } #button-container { position: relative !important; top: 0px !important; right: 0px !important; padding: 10px; } section.copy { margin: 15px 0; } #sidebar-wrap { float: right; width: 345px !important; height: 100% !important; background-color: #FFFFFF !important; border-top-right-radius: 0px; -moz-border-radius-top : 0px; right: 0px; } .textwidget { padding: 20px 2px; } #myatu_bgm_overlay { display: none !important; } #postloop img { width: 345px; display: block; margin-bottom: 0px !important; } #postloop img.attachment-full:first-of-type { width: 345px !important; height: auto !important; } iframe { width: 100%; height: auto; overflow: hidden; } .hentry table td, #comments table td { padding: .15em .2em !important; } .error404 #notfound .searchform { display: none !important; } /* Post Tabs */ .wordpress-post-tabs-skin-default ul.ui-tabs,.wordpress-post-tabs-skin-default ul.ui-tabs-nav{margin:0 !important; text-transform: uppercase; width: 345px !important; } .wordpress-post-tabs-skin-default .ui-tabs .ui-tabs-nav li.ui-corner-top, .wordpress-post-tabs-skin-default .ui-tabs-horizontal-top .wpts_ext { padding-bottom: 0px!important; } .page-id-80 .wordpress-post-tabs-skin-default .ui-tabs .ui-tabs-nav li, .page-id-80 .wordpress-post-tabs-skin-default .ui-tabs .ui-tabs-nav li a, .page-id-80 .wordpress-post-tabs-skin-default .ui-tabs .ui-tabs-nav li.ui-state-active a { width:345px !important; background-size: 100% !important; } /* Header */ .fixed_width #branding .content-pad { padding: 5px; } #branding .mainlogo-link, #branding .mainlogo-img { width: 345px; display: block; } #branding .icons { width: 125px !important; display: block; position: relative !important; overflow: hidden; right: 0px; text-align: right; z-index: 5 !important; line-height: 20px;height: 24px;} .quote { display: none; } /* Footer */ #footer { font-size:1em; overflow:hidden; height: auto; margin: 0 auto; margin-top: 60px !important; width: 345px !important; background: url(https://www.vineyardtheatre.org/images/background/blacktrans.png) repeat !important; } #footer .content { width: 345px !important; } #footer #entry-container { display: block; width: 345px !important; float: none; margin-right: 0px; margin-left: 0px; } #footer #entry-container .contentColumnSearch { display: block; margin-left: 0px; position:relative; z-index: 3450; margin-top: 10px; width: 325px !important; height: auto; overflow: hidden; padding: 10px; } #footer #entry-container .contentColumnSearch h3.search { padding: 10px; width: 240px; display: block; float: none; } .searchform { display: block; float: none; width: 325px !important; height: 85px; margin-top: 20px; position: relative; overflow: hidden; } #footer #entry-container .contentColumn a{ font-size:121.4% !important; font-family:"bebas_neueregular",Arial,Helvetica !important; text-transform: uppercase !important; color:#d03366 !important; border-bottom: 1px solid #808080; padding:10px;width: 240px; display:block; float:none;} #footer #entry-container .contentColumn ul li a{ font-size:100% !important; font-family:"bebas_neueregular",Arial,Helvetica !important; text-transform: uppercase !important; color:#FFFFFF !important; padding:5px 5px 0px 10px; width: 245px; border-bottom: none !important; text-decoration:none;} #footer #entry-container { display: block; width: 325px !important; float: none; margin-right: 0px; margin-left: 0px; } #footer #entry-container .contentColumn { display: block; width: 325px; float: none; margin-right: 0px; padding:10px; overflow: hidden; } #footer .terms { display: block; width: 325px; float: none; padding: 10px; margin-left: 0px; margin-top: 20px; font-size:100% !important; line-height:15px !important; font-family:"bebas_neueregular",Arial,Helvetica !important; text-transform: uppercase !important; color:rgba(76,76,76,1.0) !important; opacity:1.0 !important; } /* Features */ #features #cycle { height: 140px !important; } #features .fcontainer .feature-wrap.bg_cover { background-size: 100%; height: 140px !important; } .fset_height, #feature_slider .text-bottom .fmedia .dcol-pad, #feature_slider .text-bottom .feature-pad, #feature_slider .text-none .fmedia .dcol-pad { height: 140px !important; } #feature-footer { display: none; } /* Boxes */ #boxes .pp3 { display: block !important; float: none !important; width: 325px !important; margin-right: 0% !important; } #boxes .grid-element:first-child { background: none !important; margin-left: 0px !important; } #boxes .fboxgraphic > a > img { width: 200px !important; } /* Content Menus */ #sb_content { width: 345px !important; overflow:hidden !important; margin: -15px 0px 0px 0px !important; } #sb_content .widget-pad { padding: 0px; } #sb_content .widget_nav_menu { position:relative !important; width: 345px !important; height: auto !important; overflow:hidden !important; margin: 0px 0px 0px 0px !important; padding: 0px 0px 0px 0px !important; background: rgba(221,221,217,1) !important; } #sb_content .widget_nav_menu ul { list-style: none; margin: 0; padding: 0; overflow:hidden !important; } #sb_content .widget_nav_menu ul li { display: block; float: none; margin: 0px 0px 0px 0px !important; padding: 0;height: 45px !important; max-width: 345px !important; overflow:hidden !important; color:rgba(76,76,76,.8) !important; background: url('images/tm-bg.png') no-repeat !important; background-size: 100% 100% !important; } /* Homepage */ .home .hentry { background: #dbdbdb !important; padding: 0px !important; margin: 0px !important; height: auto !important; webkit-box-shadow: inset 0px 1px 5px -1px rgba(0, 0, 0, .35) !important; box-shadow: inset 0px 1px 5px -1px rgba(0, 0, 0, .35) !important; } .hentry #entry-container { display: block; width: 325px !important; float: none; margin-right: 0px; margin-left: 0px; padding-bottom: 0px; overflow: hidden; } .hentry #entry-container .contentColumn { display: none; } .hentry #entry-container .contentColumn-mobile { display: block; width: 325px; float: none; margin-right: 0px; padding-top: 20px; overflow: hidden; } .hentry #email-container .contentColumn { display: block; width: 325px; float: none; padding-top: 20px; overflow: hidden; } .hentry #right-container { display: block; width: 325px; float: none; padding-bottom: 0px; overflow: hidden; } .hentry #button-container { display: block; height:72px; width: 325px; padding: 15px 0px 0px 0px; overflow: hidden; } .hentry #email-container { display: block; width: 325px; padding: 0px 0px 0px 0px; overflow: hidden; } .hentry #entry-container h1 { padding: 25px 0px 10px 0px; } #FSContact1 { width: 345px !important; } .hentry #email-container .emailsignup #FSContact1 div input[type="submit"] { position: relative !important; left: 0px !important; float: left !important; } /* Grapevine */ #masthead, #masthead .masthead-img { width: 345px !important; } .scrollgallery { width: 345px !important; position:relative !important; margin-left: -15px !important; } .scrollgallery .scrollGalleryFoot { width: 345px !important; position:relative !important; padding: 0px !important; } .scrollgallery .thumbareaContent img { width: 104px !important; height: 79px !important; display: inline !important; } .scrollgallery .scrollGalleryFoot .imagearea .imageareaContent .caption_container div { display: block; background: rgba(0,0,0,0.25) !important; color: #FFFFFF !important; position:absolute !important; bottom: 0px !important; width: 325px !important; height: auto; overflow: hidden; font-size: 50% !important; } .scrollgallery .scrollGalleryFoot .imagearea img { width: 345px !important; height: auto !important; } .scrollgallery .scrollGalleryFoot .imagearea .imageareaContent { width: 345px !important; height: 200px !important; } .single .scrollgallery { margin-left: -10px !important; } /* Sidebar Universal */ #sb_universal .textwidget iframe { width: 100%; height: auto; overflow: hidden; } /* Morefoot */ #morefoot { width: 345px !important; margin: 0px 0px 15px 0px !important; background-color: #FFFFFF !important; } #morefoot .content { width: 345px !important; padding-bottom: 50px; } #morefoot .grid-element { display: block; width: 325px !important; float: none !important; background: none !important; } #morefoot .srp-widget-singlepost { width: 325px !important; } #morefoot .srp-widget-singlepost div.srp-content-box { position: relative; display: block !important; float: none !important; width: 325px !important; height: auto !important; vertical-align: top !important; } /* Past Productions Menu */ .entry_content .menu-past-productions-menu-container { position:relative !important; width: 345px !important; overflow: hidden !important; margin: 20px 0px 20px -15px !important; padding: 0px 0px 15px 0px !important; overflow-x: scroll !important; overflow-y: hidden !important; } .entry_content .menu-past-productions-menu-container ul { list-style: none !important; margin: 0; padding: 0; width: 2250px !important; height: 45px !important; } /* Past Events Menu */ .entry_content .menu-past-events-menu-container { position:relative !important; width: 345px !important; overflow: hidden !important; margin: 20px 0px 20px -15px !important; padding: 0px 0px 15px 0px !important; overflow-x: scroll !important; overflow-y: hidden !important; } .entry_content .menu-past-events-menu-container ul { list-style: none !important; margin: 0; padding: 0; width: 2250px !important; height: 45px !important; } /* Press Menu */ .entry_content .menu-press-menu-top-container { position:relative !important; width: 345px !important; overflow: hidden !important; margin: 20px 0px 20px -15px !important; padding: 0px 0px 0px 0px !important; } .entry_content .menu-press-menu-top-container ul { list-style: none !important; margin: 0; padding: 0; } /* Special Recent Posts */ .srp-widget-singlepost { width: 315px !important; } .srp-content-box .donatenow, .srp-content-box .search, .srp-content-box .signup, .srp-content-box .membership, .srp-content-box .clickhere, .srp-content-box .membership-arrow, .srp-content-box .buy, .srp-content-box .buy-tickets, .srp-content-box .donate { position: relative !important; overflow: hidden; margin: 0px 0px 10px 0px; } div.srp-thumbnail-box, img.srp-widget-thmb { width: 315px !important; height: auto !important; } .home div.srp-thumbnail-box, .home img.srp-widget-thmb { width: auto !important; height: auto !important; } div.srp-content-box { width: auto !important; } } @media only screen and (max-width: 360px) { /* Shared Page Styles */ body.fixed_width #page, body.fixed_width #footer, body.canvas .page-canvas { max-width: 320px !important; } #site .content { width: 320px !important; } .content-pad { padding: 0px; } #column-wrap { float: left; width: 320px !important; margin-right: 0px !important; background-color: #FFFFFF !important; border-top-right-radius: 0px; -moz-border-radius-topright: 0px; } .one-sidebar-right #pagelines_content #column-main { width: 320px !important; } #button-container { position: relative !important; top: 0px !important; right: 0px !important; padding: 10px; } section.copy { margin: 15px 0; } #sidebar-wrap { float: right; width: 320px !important; height: 100% !important; background-color: #FFFFFF !important; border-top-right-radius: 0px; -moz-border-radius-top : 0px; right: 0px; } .textwidget { padding: 20px 2px; } #myatu_bgm_overlay { display: none !important; } #postloop img { width: 320px; display: block; margin-bottom: 0px !important; } #postloop img.attachment-full:first-of-type { width: 320px !important; height: auto !important; } iframe { width: 100%; height: auto; overflow: hidden; } .hentry table td, #comments table td { padding: .15em .2em !important; } .error404 #notfound .searchform { display: none !important; } /* Post Tabs */ .wordpress-post-tabs-skin-default ul.ui-tabs,.wordpress-post-tabs-skin-default ul.ui-tabs-nav{margin:0 !important; text-transform: uppercase; width: 320px !important; } .wordpress-post-tabs-skin-default .ui-tabs .ui-tabs-nav li.ui-corner-top, .wordpress-post-tabs-skin-default .ui-tabs-horizontal-top .wpts_ext { padding-bottom: 0px!important; } .page-id-80 .wordpress-post-tabs-skin-default .ui-tabs .ui-tabs-nav li, .page-id-80 .wordpress-post-tabs-skin-default .ui-tabs .ui-tabs-nav li a, .page-id-80 .wordpress-post-tabs-skin-default .ui-tabs .ui-tabs-nav li.ui-state-active a { width:320px !important; background-size: 100% !important; } /* Header */ .fixed_width #branding .content-pad { padding: 5px; } #branding .mainlogo-link, #branding .mainlogo-img { width: 320px; display: block; } #branding .icons { width: 125px !important; display: block; position: relative !important; overflow: hidden; right: 0px; text-align: right; z-index: 5 !important; line-height: 20px;height: 24px;} .quote { display: none; } /* Footer */ #footer { font-size:1em; overflow:hidden; height: auto; margin: 0 auto; margin-top: 60px !important; width: 320px !important; background: url(https://www.vineyardtheatre.org/images/background/blacktrans.png) repeat !important; } #footer .content { width: 320px !important; } #footer #entry-container { display: block; width: 320px !important; float: none; margin-right: 0px; margin-left: 0px; } #footer #entry-container .contentColumnSearch { display: block; margin-left: 0px; position:relative; z-index: 3200; margin-top: 10px; width: 300px !important; height: auto; overflow: hidden; padding: 10px; } #footer #entry-container .contentColumnSearch h3.search { padding: 10px; width: 240px; display: block; float: none; } .searchform { display: block; float: none; width: 300px !important; height: 85px; margin-top: 20px; position: relative; overflow: hidden; } #footer #entry-container .contentColumn a{ font-size:121.4% !important; font-family:"bebas_neueregular",Arial,Helvetica !important; text-transform: uppercase !important; color:#d03366 !important; border-bottom: 1px solid #808080; padding:10px;width: 240px; display:block; float:none;} #footer #entry-container .contentColumn ul li a{ font-size:100% !important; font-family:"bebas_neueregular",Arial,Helvetica !important; text-transform: uppercase !important; color:#FFFFFF !important; padding:5px 5px 0px 10px; width: 245px; border-bottom: none !important; text-decoration:none;} #footer #entry-container { display: block; width: 300px !important; float: none; margin-right: 0px; margin-left: 0px; } #footer #entry-container .contentColumn { display: block; width: 300px; float: none; margin-right: 0px; padding:10px; overflow: hidden; } #footer .terms { display: block; width: 300px; float: none; padding: 10px; margin-left: 0px; margin-top: 20px; font-size:100% !important; line-height:15px !important; font-family:"bebas_neueregular",Arial,Helvetica !important; text-transform: uppercase !important; color:rgba(76,76,76,1.0) !important; opacity:1.0 !important; } /* Features */ #features #cycle { height: 100px !important; } #features .fcontainer .feature-wrap.bg_cover { background-size: 100%; height: 120px !important; } .fset_height, #feature_slider .text-bottom .fmedia .dcol-pad, #feature_slider .text-bottom .feature-pad, #feature_slider .text-none .fmedia .dcol-pad { height: 120px !important; } #feature-footer { display: none; } /* Boxes */ #boxes .pp3 { display: block !important; float: none !important; width: 300px !important; margin-right: 0% !important; } #boxes .grid-element:first-child { background: none !important; margin-left: 0px !important; } #boxes .fboxgraphic > a > img { width: 200px !important; } /* Content Menus */ #sb_content { width: 320px !important; overflow:hidden !important; margin: -15px 0px 0px 0px !important; } #sb_content .widget-pad { padding: 0px; } #sb_content .widget_nav_menu { position:relative !important; width: 320px !important; height: auto !important; overflow:hidden !important; margin: 0px 0px 0px 0px !important; padding: 0px 0px 0px 0px !important; background: rgba(221,221,217,1) !important; } #sb_content .widget_nav_menu ul { list-style: none; margin: 0; padding: 0; overflow:hidden !important; } #sb_content .widget_nav_menu ul li { display: block; float: none; margin: 0px 0px 0px 0px !important; padding: 0;height: 45px !important; max-width: 320px !important; overflow:hidden !important; color:rgba(76,76,76,.8) !important; background: url('images/tm-bg.png') no-repeat !important; background-size: 100% 100% !important; } /* Homepage */ .home .hentry { background: #dbdbdb !important; padding: 0px !important; margin: 0px !important; height: auto !important; webkit-box-shadow: inset 0px 1px 5px -1px rgba(0, 0, 0, .35) !important; box-shadow: inset 0px 1px 5px -1px rgba(0, 0, 0, .35) !important; } .hentry #entry-container { display: block; width: 300px !important; float: none; margin-right: 0px; margin-left: 0px; padding-bottom: 0px; overflow: hidden; } .hentry #entry-container .contentColumn { display: none; } .hentry #entry-container .contentColumn-mobile { display: block; width: 300px; float: none; margin-right: 0px; padding-top: 20px; overflow: hidden; } .hentry #email-container .contentColumn { display: block; width: 300px; float: none; padding-top: 20px; overflow: hidden; } .hentry #right-container { display: block; width: 300px; float: none; padding-bottom: 0px; overflow: hidden; } .hentry #button-container { display: block; height:72px; width: 300px; padding: 15px 0px 0px 0px; overflow: hidden; } .hentry #email-container { display: block; width: 300px; padding: 0px 0px 0px 0px; overflow: hidden; } .hentry #entry-container h1 { padding: 25px 0px 10px 0px; } #FSContact1 { width: 320px !important; } .hentry #email-container .emailsignup #FSContact1 div input[type="submit"] { position: relative !important; left: 0px !important; float: left !important; } /* Grapevine */ #masthead, #masthead .masthead-img { width: 320px !important; } .scrollgallery { width: 320px !important; position:relative !important; margin-left: -15px !important; } .scrollgallery .scrollGalleryFoot { width: 320px !important; position:relative !important; padding: 0px !important; } .scrollgallery .thumbareaContent img { width: 104px !important; height: 79px !important; display: inline !important; } .scrollgallery .scrollGalleryFoot .imagearea .imageareaContent .caption_container div { display: block; background: rgba(0,0,0,0.25) !important; color: #FFFFFF !important; position:absolute !important; bottom: 0px !important; width: 300px !important; height: auto; overflow: hidden; font-size: 50% !important; } .scrollgallery .scrollGalleryFoot .imagearea img { width: 320px !important; height: auto !important; } .scrollgallery .scrollGalleryFoot .imagearea .imageareaContent { width: 320px !important; height: 200px !important; } .single .scrollgallery { margin-left: -10px !important; } /* Sidebar Universal */ #sb_universal .textwidget iframe { width: 100%; height: auto; overflow: hidden; } /* Morefoot */ #morefoot { width: 320px !important; margin: 0px 0px 15px 0px !important; background-color: #FFFFFF !important; } #morefoot .content { width: 320px !important; padding-bottom: 50px; } #morefoot .grid-element { display: block; width: 300px !important; float: none !important; background: none !important; } #morefoot .srp-widget-singlepost { width: 300px !important; } #morefoot .srp-widget-singlepost div.srp-content-box { position: relative; display: block !important; float: none !important; width: 300px !important; height: auto !important; vertical-align: top !important; } /* Past Productions Menu */ .entry_content .menu-past-productions-menu-container { position:relative !important; width: 320px !important; overflow: hidden !important; margin: 20px 0px 20px -15px !important; padding: 0px 0px 15px 0px !important; overflow-x: scroll !important; overflow-y: hidden !important; } .entry_content .menu-past-productions-menu-container ul { list-style: none !important; margin: 0; padding: 0; width: 2250px !important; height: 45px !important; } /* Past Events Menu */ .entry_content .menu-past-events-menu-container { position:relative !important; width: 320px !important; overflow: hidden !important; margin: 20px 0px 20px -15px !important; padding: 0px 0px 15px 0px !important; overflow-x: scroll !important; overflow-y: hidden !important; } .entry_content .menu-past-events-menu-container ul { list-style: none !important; margin: 0; padding: 0; width: 2250px !important; height: 45px !important; } /* Press Menu */ .entry_content .menu-press-menu-top-container { position:relative !important; width: 320px !important; overflow: hidden !important; margin: 20px 0px 20px -15px !important; padding: 0px 0px 0px 0px !important; } .entry_content .menu-press-menu-top-container ul { list-style: none !important; margin: 0; padding: 0; } /* Special Recent Posts */ .srp-widget-singlepost { width: 290px !important; } .srp-content-box .donatenow, .srp-content-box .search, .srp-content-box .signup, .srp-content-box .membership, .srp-content-box .clickhere, .srp-content-box .membership-arrow, .srp-content-box .buy, .srp-content-box .buy-tickets, .srp-content-box .donate { position: relative !important; overflow: hidden; margin: 0px 0px 10px 0px; } div.srp-thumbnail-box, img.srp-widget-thmb { width: 290px !important; height: auto !important; } .home div.srp-thumbnail-box, .home img.srp-widget-thmb { width: auto !important; height: auto !important; } div.srp-content-box { width: auto !important; } } @media only screen and (max-width: 320px) { /* Shared Page Styles */ body.fixed_width #page, body.fixed_width #footer, body.canvas .page-canvas { max-width: 280px !important; } #site .content { width: 280px !important; } .content-pad { padding: 0px; } #column-wrap { float: left; width: 280px !important; margin-right: 0px !important; background-color: #FFFFFF !important; border-top-right-radius: 0px; -moz-border-radius-topright: 0px; } .one-sidebar-right #pagelines_content #column-main { width: 280px !important; } #button-container { position: relative !important; top: 0px !important; right: 0px !important; padding: 10px; } section.copy { margin: 15px 0; } #sidebar-wrap { float: right; width: 280px !important; height: 100% !important; background-color: #FFFFFF !important; border-top-right-radius: 0px; -moz-border-radius-top : 0px; right: 0px; } .textwidget { padding: 20px 2px; } #myatu_bgm_overlay { display: none !important; } #postloop img { width: 280px; display: block; margin-bottom: 0px !important; } #postloop img.attachment-full:first-of-type { width: 280px !important; height: auto !important; } iframe { width: 100%; height: auto; overflow: hidden; } .hentry table td, #comments table td { padding: .15em .2em !important; } .error404 #notfound .searchform { display: none !important; } /* Post Tabs */ .wordpress-post-tabs-skin-default ul.ui-tabs,.wordpress-post-tabs-skin-default ul.ui-tabs-nav{margin:0 !important; text-transform: uppercase; width: 280px !important; } .wordpress-post-tabs-skin-default .ui-tabs .ui-tabs-nav li.ui-corner-top, .wordpress-post-tabs-skin-default .ui-tabs-horizontal-top .wpts_ext { padding-bottom: 0px!important; } .page-id-80 .wordpress-post-tabs-skin-default .ui-tabs .ui-tabs-nav li, .page-id-80 .wordpress-post-tabs-skin-default .ui-tabs .ui-tabs-nav li a, .page-id-80 .wordpress-post-tabs-skin-default .ui-tabs .ui-tabs-nav li.ui-state-active a { width:280px !important; background-size: 100% !important; } /* Header */ .fixed_width #branding .content-pad { padding: 5px; } #branding .mainlogo-link, #branding .mainlogo-img { width: 280px; display: block; } #branding .icons { width: 125px !important; display: block; position: relative !important; overflow: hidden; right: 0px; text-align: right; z-index: 5 !important; line-height: 20px;height: 24px;} .quote { display: none; } /* Footer */ #footer { font-size:1em; overflow:hidden; height: auto; margin: 0 auto; margin-top: 60px !important; width: 280px !important; background: url(https://www.vineyardtheatre.org/images/background/blacktrans.png) repeat !important; } #footer .content { width: 280px !important; } #footer #entry-container { display: block; width: 280px !important; float: none; margin-right: 0px; margin-left: 0px; } #footer #entry-container .contentColumnSearch { display: block; margin-left: 0px; position:relative; z-index: 2800; margin-top: 10px; width: 260px !important; height: auto; overflow: hidden; padding: 10px; } #footer #entry-container .contentColumnSearch h3.search { padding: 10px; width: 240px; display: block; float: none; } .searchform { display: block; float: none; width: 260px !important; height: 85px; margin-top: 20px; position: relative; overflow: hidden; } #footer #entry-container .contentColumn a{ font-size:121.4% !important; font-family:"bebas_neueregular",Arial,Helvetica !important; text-transform: uppercase !important; color:#d03366 !important; border-bottom: 1px solid #808080; padding:10px;width: 240px; display:block; float:none;} #footer #entry-container .contentColumn ul li a{ font-size:100% !important; font-family:"bebas_neueregular",Arial,Helvetica !important; text-transform: uppercase !important; color:#FFFFFF !important; padding:5px 5px 0px 10px; width: 245px; border-bottom: none !important; text-decoration:none;} #footer #entry-container { display: block; width: 260px !important; float: none; margin-right: 0px; margin-left: 0px; } #footer #entry-container .contentColumn { display: block; width: 260px; float: none; margin-right: 0px; padding:10px; overflow: hidden; } #footer .terms { display: block; width: 260px; float: none; padding: 10px; margin-left: 0px; margin-top: 20px; font-size:100% !important; line-height:15px !important; font-family:"bebas_neueregular",Arial,Helvetica !important; text-transform: uppercase !important; color:rgba(76,76,76,1.0) !important; opacity:1.0 !important; } /* Features */ #features #cycle { height: 120px !important; } #features .fcontainer .feature-wrap.bg_cover { background-size: 100%; height: 120px !important; } .fset_height, #feature_slider .text-bottom .fmedia .dcol-pad, #feature_slider .text-bottom .feature-pad, #feature_slider .text-none .fmedia .dcol-pad { height: 120px !important; } #feature-footer { display: none; } /* Boxes */ #boxes .pp3 { display: block !important; float: none !important; width: 260px !important; margin-right: 0% !important; } #boxes .grid-element:first-child { background: none !important; margin-left: 0px !important; } #boxes .fboxgraphic > a > img { width: 200px !important; } /* Content Menus */ #sb_content { width: 280px !important; overflow:hidden !important; margin: -15px 0px 0px 0px !important; } #sb_content .widget-pad { padding: 0px; } #sb_content .widget_nav_menu { position:relative !important; width: 280px !important; height: auto !important; overflow:hidden !important; margin: 0px 0px 0px 0px !important; padding: 0px 0px 0px 0px !important; background: rgba(221,221,217,1) !important; } #sb_content .widget_nav_menu ul { list-style: none; margin: 0; padding: 0; overflow:hidden !important; } #sb_content .widget_nav_menu ul li { display: block; float: none; margin: 0px 0px 0px 0px !important; padding: 0;height: 45px !important; max-width: 280px !important; overflow:hidden !important; color:rgba(76,76,76,.8) !important; background: url('images/tm-bg.png') no-repeat !important; background-size: 100% 100% !important; } /* Homepage */ .home .hentry { background: #dbdbdb !important; padding: 0px !important; margin: 0px !important; height: auto !important; webkit-box-shadow: inset 0px 1px 5px -1px rgba(0, 0, 0, .35) !important; box-shadow: inset 0px 1px 5px -1px rgba(0, 0, 0, .35) !important; } .hentry #entry-container { display: block; width: 260px !important; float: none; margin-right: 0px; margin-left: 0px; padding-bottom: 0px; overflow: hidden; } .hentry #entry-container .contentColumn { display: none; } .hentry #entry-container .contentColumn-mobile { display: block; width: 260px; float: none; margin-right: 0px; padding-top: 20px; overflow: hidden; } .hentry #email-container .contentColumn { display: block; width: 260px; float: none; padding-top: 20px; overflow: hidden; } .hentry #right-container { display: block; width: 260px; float: none; padding-bottom: 0px; overflow: hidden; } .hentry #button-container { display: block; height:72px; width: 260px; padding: 15px 0px 0px 0px; overflow: hidden; } .hentry #email-container { display: block; width: 260px; padding: 0px 0px 0px 0px; overflow: hidden; } .hentry #entry-container h1 { padding: 25px 0px 10px 0px; } #FSContact1 { width: 280px !important; } .hentry #email-container .emailsignup #FSContact1 div input[type="submit"] { position: relative !important; left: 0px !important; float: left !important; } /* Grapevine */ #masthead, #masthead .masthead-img { width: 280px !important; } .scrollgallery { width: 280px !important; position:relative !important; margin-left: -15px !important; } .scrollgallery .scrollGalleryFoot { width: 280px !important; position:relative !important; padding: 0px !important; } .scrollgallery .thumbareaContent img { width: 104px !important; height: 79px !important; display: inline !important; } .scrollgallery .scrollGalleryFoot .imagearea .imageareaContent .caption_container div { display: block; background: rgba(0,0,0,0.25) !important; color: #FFFFFF !important; position:absolute !important; bottom: 0px !important; width: 260px !important; height: auto; overflow: hidden; font-size: 50% !important; } .scrollgallery .scrollGalleryFoot .imagearea img { width: 280px !important; height: auto !important; } .scrollgallery .scrollGalleryFoot .imagearea .imageareaContent { width: 280px !important; height: 200px !important; } .single .scrollgallery { margin-left: -10px !important; } /* Sidebar Universal */ #sb_universal .textwidget iframe { width: 100%; height: auto; overflow: hidden; } /* Morefoot */ #morefoot { width: 280px !important; margin: 0px 0px 15px 0px !important; background-color: #FFFFFF !important; } #morefoot .content { width: 280px !important; padding-bottom: 50px; } #morefoot .grid-element { display: block; width: 260px !important; float: none !important; background: none !important; } #morefoot .srp-widget-singlepost { width: 260px !important; } #morefoot .srp-widget-singlepost div.srp-content-box { position: relative; display: block !important; float: none !important; width: 260px !important; height: auto !important; vertical-align: top !important; } /* Past Productions Menu */ .entry_content .menu-past-productions-menu-container { position:relative !important; width: 280px !important; overflow: hidden !important; margin: 20px 0px 20px -15px !important; padding: 0px 0px 15px 0px !important; overflow-x: scroll !important; overflow-y: hidden !important; } .entry_content .menu-past-productions-menu-container ul { list-style: none !important; margin: 0; padding: 0; width: 2250px !important; height: 45px !important; } /* Past Events Menu */ .entry_content .menu-past-events-menu-container { position:relative !important; width: 280px !important; overflow: hidden !important; margin: 20px 0px 20px -15px !important; padding: 0px 0px 15px 0px !important; overflow-x: scroll !important; overflow-y: hidden !important; } .entry_content .menu-past-events-menu-container ul { list-style: none !important; margin: 0; padding: 0; width: 2250px !important; height: 45px !important; } /* Press Menu */ .entry_content .menu-press-menu-top-container { position:relative !important; width: 280px !important; overflow: hidden !important; margin: 20px 0px 20px -15px !important; padding: 0px 0px 0px 0px !important; } .entry_content .menu-press-menu-top-container ul { list-style: none !important; margin: 0; padding: 0; } /* Special Recent Posts */ .srp-widget-singlepost { width: 250px !important; } .srp-content-box .donatenow, .srp-content-box .search, .srp-content-box .signup, .srp-content-box .membership, .srp-content-box .clickhere, .srp-content-box .membership-arrow, .srp-content-box .buy, .srp-content-box .buy-tickets, .srp-content-box .donate { position: relative !important; overflow: hidden; margin: 0px 0px 10px 0px; } div.srp-thumbnail-box, img.srp-widget-thmb { width: 250px !important; height: auto !important; } .home div.srp-thumbnail-box, .home img.srp-widget-thmb { width: auto !important; height: auto !important; } div.srp-content-box { width: auto !important; } } /*///// Phone Styles /////*/ /* iPhone 6 Plus in portrait */ @media only screen and (min-device-width : 540px) and (max-device-width : 960px) and (orientation : portrait) { /* Shared Page Styles */ body.fixed_width #page, body.fixed_width #footer, body.canvas .page-canvas { max-width: 500px !important; } #site .content { width: 500px !important; } .content-pad { padding: 0px; } #column-wrap { float: left; width: 500px !important; margin-right: 0px !important; background-color: #FFFFFF !important; border-top-right-radius: 0px; -moz-border-radius-topright: 0px; } .one-sidebar-right #pagelines_content #column-main { width: 500px !important; } #button-container { position: relative !important; top: 0px !important; right: 0px !important; padding: 10px; } section.copy { margin: 15px 0; } #sidebar-wrap { float: right; width: 500px !important; height: 100% !important; background-color: #FFFFFF !important; border-top-right-radius: 0px; -moz-border-radius-top : 0px; right: 0px; } .textwidget { padding: 20px 2px; } #myatu_bgm_overlay { display: none !important; } #postloop img { width: 500px; display: block; margin-bottom: 0px !important; } #postloop img.attachment-full:first-of-type { width: 500px !important; height: auto !important; } iframe { width: 100%; height: auto; overflow: hidden; } .hentry table td, #comments table td { padding: .15em .2em !important; } .error404 #notfound .searchform { display: none !important; } /* Post Tabs */ .wordpress-post-tabs-skin-default ul.ui-tabs,.wordpress-post-tabs-skin-default ul.ui-tabs-nav{margin:0 !important; text-transform: uppercase; width: 500px !important; } .wordpress-post-tabs-skin-default .ui-tabs .ui-tabs-nav li.ui-corner-top, .wordpress-post-tabs-skin-default .ui-tabs-horizontal-top .wpts_ext { padding-bottom: 0px!important; } .page-id-80 .wordpress-post-tabs-skin-default .ui-tabs .ui-tabs-nav li, .page-id-80 .wordpress-post-tabs-skin-default .ui-tabs .ui-tabs-nav li a, .page-id-80 .wordpress-post-tabs-skin-default .ui-tabs .ui-tabs-nav li.ui-state-active a { width:500px !important; background-size: 100% !important; } /* Header */ .fixed_width #branding .content-pad { padding: 5px; } #branding .mainlogo-link, #branding .mainlogo-img { width: 500px; display: block; } #branding .icons { width: 125px !important; display: block; position: relative !important; overflow: hidden; right: 0px; text-align: right; z-index: 5 !important; line-height: 20px;height: 24px;} .quote { display: none; } /* Footer */ #footer { font-size:1em; overflow:hidden; height: auto; margin: 0 auto; margin-top: 60px !important; width: 500px !important; background: url(https://www.vineyardtheatre.org/images/background/blacktrans.png) repeat !important; } #footer .content { width: 500px !important; } #footer #entry-container { display: block; width: 500px !important; float: none; margin-right: 0px; margin-left: 0px; } #footer #entry-container .contentColumnSearch { display: block; margin-left: 0px; position:relative; z-index: 5000; margin-top: 10px; width: 480px !important; height: auto; overflow: hidden; padding: 10px; } #footer #entry-container .contentColumnSearch h3.search { padding: 10px; width: 240px; display: block; float: none; } .searchform { display: block; float: none; width: 480px !important; height: 85px; margin-top: 20px; position: relative; overflow: hidden; } #footer #entry-container .contentColumn a{ font-size:121.4% !important; font-family:"bebas_neueregular",Arial,Helvetica !important; text-transform: uppercase !important; color:#d03366 !important; border-bottom: 1px solid #808080; padding:10px;width: 240px; display:block; float:none;} #footer #entry-container .contentColumn ul li a{ font-size:100% !important; font-family:"bebas_neueregular",Arial,Helvetica !important; text-transform: uppercase !important; color:#FFFFFF !important; padding:5px 5px 0px 10px; width: 245px; border-bottom: none !important; text-decoration:none;} #footer #entry-container { display: block; width: 480px !important; float: none; margin-right: 0px; margin-left: 0px; } #footer #entry-container .contentColumn { display: block; width: 480px; float: none; margin-right: 0px; padding:10px; overflow: hidden; } #footer .terms { display: block; width: 480px; float: none; padding: 10px; margin-left: 0px; margin-top: 20px; font-size:100% !important; line-height:15px !important; font-family:"bebas_neueregular",Arial,Helvetica !important; text-transform: uppercase !important; color:rgba(76,76,76,1.0) !important; opacity:1.0 !important; } /* Features */ #features #cycle { height: 140px !important; } #features .fcontainer .feature-wrap.bg_cover { background-size: 100%; height: 140px !important; } .fset_height, #feature_slider .text-bottom .fmedia .dcol-pad, #feature_slider .text-bottom .feature-pad, #feature_slider .text-none .fmedia .dcol-pad { height: 140px !important; } #feature-footer { display: none; } /* Boxes */ #boxes .pp3 { display: block !important; float: none !important; width: 480px !important; margin-right: 0% !important; } #boxes .grid-element:first-child { background: none !important; margin-left: 0px !important; } #boxes .fboxgraphic > a > img { width: 200px !important; } /* Content Menus */ #sb_content { width: 500px !important; overflow:hidden !important; margin: -15px 0px 0px 0px !important; } #sb_content .widget-pad { padding: 0px; } #sb_content .widget_nav_menu { position:relative !important; width: 500px !important; height: auto !important; overflow:hidden !important; margin: 0px 0px 0px 0px !important; padding: 0px 0px 0px 0px !important; background: rgba(221,221,217,1) !important; } #sb_content .widget_nav_menu ul { list-style: none; margin: 0; padding: 0; overflow:hidden !important; } #sb_content .widget_nav_menu ul li { display: block; float: none; margin: 0px 0px 0px 0px !important; padding: 0;height: 45px !important; max-width: 500px !important; overflow:hidden !important; color:rgba(76,76,76,.8) !important; background: url('images/tm-bg.png') no-repeat !important; background-size: 100% 100% !important; } /* Homepage */ .home .hentry { background: #dbdbdb !important; padding: 0px !important; margin: 0px !important; height: auto !important; webkit-box-shadow: inset 0px 1px 5px -1px rgba(0, 0, 0, .35) !important; box-shadow: inset 0px 1px 5px -1px rgba(0, 0, 0, .35) !important; } .hentry #entry-container { display: block; width: 480px !important; float: none; margin-right: 0px; margin-left: 0px; padding-bottom: 0px; overflow: hidden; } .hentry #entry-container .contentColumn { display: none; } .hentry #entry-container .contentColumn-mobile { display: block; width: 480px; float: none; margin-right: 0px; padding-top: 20px; overflow: hidden; } .hentry #email-container .contentColumn { display: block; width: 480px; float: none; padding-top: 20px; overflow: hidden; } .hentry #right-container { display: block; width: 480px; float: none; padding-bottom: 0px; overflow: hidden; } .hentry #button-container { display: block; height:72px; width: 480px; padding: 15px 0px 0px 0px; overflow: hidden; } .hentry #email-container { display: block; width: 480px; padding: 0px 0px 0px 0px; overflow: hidden; } .hentry #entry-container h1 { padding: 25px 0px 10px 0px; } #FSContact1 { width: 500px !important; } .hentry #email-container .emailsignup #FSContact1 div input[type="submit"] { position: relative !important; left: 0px !important; float: left !important; } /* Grapevine */ #masthead, #masthead .masthead-img { width: 500px !important; } .scrollgallery { width: 500px !important; position:relative !important; margin-left: -15px !important; } .scrollgallery .scrollGalleryFoot { width: 500px !important; position:relative !important; padding: 0px !important; } .scrollgallery .thumbareaContent img { width: 104px !important; height: 79px !important; display: inline !important; } .scrollgallery .scrollGalleryFoot .imagearea .imageareaContent .caption_container div { display: block; background: rgba(0,0,0,0.25) !important; color: #FFFFFF !important; position:absolute !important; bottom: 0px !important; width: 480px !important; height: auto; overflow: hidden; font-size: 50% !important; } .scrollgallery .scrollGalleryFoot .imagearea img { width: 500px !important; height: auto !important; } .scrollgallery .scrollGalleryFoot .imagearea .imageareaContent { width: 500px !important; height: 200px !important; } .single .scrollgallery { margin-left: -10px !important; } /* Sidebar Universal */ #sb_universal .textwidget iframe { width: 100%; height: auto; overflow: hidden; } /* Morefoot */ #morefoot { width: 500px !important; margin: 0px 0px 15px 0px !important; background-color: #FFFFFF !important; } #morefoot .content { width: 500px !important; padding-bottom: 50px; } #morefoot .grid-element { display: block; width: 480px !important; float: none !important; background: none !important; } #morefoot .srp-widget-singlepost { width: 480px !important; } #morefoot .srp-widget-singlepost div.srp-content-box { position: relative; display: block !important; float: none !important; width: 480px !important; height: auto !important; vertical-align: top !important; } /* Past Productions Menu */ .entry_content .menu-past-productions-menu-container { position:relative !important; width: 500px !important; overflow: hidden !important; margin: 20px 0px 20px -15px !important; padding: 0px 0px 15px 0px !important; overflow-x: scroll !important; overflow-y: hidden !important; } .entry_content .menu-past-productions-menu-container ul { list-style: none !important; margin: 0; padding: 0; width: 2250px !important; height: 45px !important; } /* Past Events Menu */ .entry_content .menu-past-events-menu-container { position:relative !important; width: 500px !important; overflow: hidden !important; margin: 20px 0px 20px -15px !important; padding: 0px 0px 15px 0px !important; overflow-x: scroll !important; overflow-y: hidden !important; } .entry_content .menu-past-events-menu-container ul { list-style: none !important; margin: 0; padding: 0; width: 2250px !important; height: 45px !important; } /* Press Menu */ .entry_content .menu-press-menu-top-container { position:relative !important; width: 500px !important; overflow: hidden !important; margin: 20px 0px 20px -15px !important; padding: 0px 0px 0px 0px !important; } .entry_content .menu-press-menu-top-container ul { list-style: none !important; margin: 0; padding: 0; } /* Special Recent Posts */ .srp-widget-singlepost { width: 470px !important; } .srp-content-box .donatenow, .srp-content-box .search, .srp-content-box .signup, .srp-content-box .membership, .srp-content-box .clickhere, .srp-content-box .membership-arrow, .srp-content-box .buy, .srp-content-box .buy-tickets, .srp-content-box .donate { position: relative !important; overflow: hidden; margin: 0px 0px 10px 0px; } div.srp-thumbnail-box, img.srp-widget-thmb { width: 470px !important; height: auto !important; } .home div.srp-thumbnail-box, .home img.srp-widget-thmb { width: auto !important; height: auto !important; } div.srp-content-box { width: auto !important; } } /* iPhone 6 Plus in landscape */ @media only screen and (min-device-width : 540px) and (max-device-width : 960px) and (orientation : landscape) { /* Regular Styles */ } /* iPhone 6 in portrait */ @media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait) { /* Shared Page Styles */ body.fixed_width #page, body.fixed_width #footer, body.canvas .page-canvas { max-width: 335px !important; } #site .content { width: 335px !important; } .content-pad { padding: 0px; } #column-wrap { float: left; width: 335px !important; margin-right: 0px !important; background-color: #FFFFFF !important; border-top-right-radius: 0px; -moz-border-radius-topright: 0px; } .one-sidebar-right #pagelines_content #column-main { width: 335px !important; } #button-container { position: relative !important; top: 0px !important; right: 0px !important; padding: 10px; } section.copy { margin: 15px 0; } #sidebar-wrap { float: right; width: 335px !important; height: 100% !important; background-color: #FFFFFF !important; border-top-right-radius: 0px; -moz-border-radius-top : 0px; right: 0px; } .textwidget { padding: 20px 2px; } #myatu_bgm_overlay { display: none !important; } #postloop img { width: 335px; display: block; margin-bottom: 0px !important; } #postloop img.attachment-full:first-of-type { width: 335px !important; height: auto !important; } iframe { width: 100%; height: auto; overflow: hidden; } .hentry table td, #comments table td { padding: .15em .2em !important; } .error404 #notfound .searchform { display: none !important; } /* Post Tabs */ .wordpress-post-tabs-skin-default ul.ui-tabs,.wordpress-post-tabs-skin-default ul.ui-tabs-nav{margin:0 !important; text-transform: uppercase; width: 335px !important; } .wordpress-post-tabs-skin-default .ui-tabs .ui-tabs-nav li.ui-corner-top, .wordpress-post-tabs-skin-default .ui-tabs-horizontal-top .wpts_ext { padding-bottom: 0px!important; } .page-id-80 .wordpress-post-tabs-skin-default .ui-tabs .ui-tabs-nav li, .page-id-80 .wordpress-post-tabs-skin-default .ui-tabs .ui-tabs-nav li a, .page-id-80 .wordpress-post-tabs-skin-default .ui-tabs .ui-tabs-nav li.ui-state-active a { width:335px !important; background-size: 100% !important; } /* Header */ .fixed_width #branding .content-pad { padding: 5px; } #branding .mainlogo-link, #branding .mainlogo-img { width: 335px; display: block; } #branding .icons { width: 125px !important; display: block; position: relative !important; overflow: hidden; right: 0px; text-align: right; z-index: 5 !important; line-height: 20px;height: 24px;} .quote { display: none; } /* Footer */ #footer { font-size:1em; overflow:hidden; height: auto; margin: 0 auto; margin-top: 60px !important; width: 335px !important; background: url(https://www.vineyardtheatre.org/images/background/blacktrans.png) repeat !important; } #footer .content { width: 335px !important; } #footer #entry-container { display: block; width: 335px !important; float: none; margin-right: 0px; margin-left: 0px; } #footer #entry-container .contentColumnSearch { display: block; margin-left: 0px; position:relative; z-index: 3350; margin-top: 10px; width: 315px !important; height: auto; overflow: hidden; padding: 10px; } #footer #entry-container .contentColumnSearch h3.search { padding: 10px; width: 240px; display: block; float: none; } .searchform { display: block; float: none; width: 315px !important; height: 85px; margin-top: 20px; position: relative; overflow: hidden; } #footer #entry-container .contentColumn a{ font-size:121.4% !important; font-family:"bebas_neueregular",Arial,Helvetica !important; text-transform: uppercase !important; color:#d03366 !important; border-bottom: 1px solid #808080; padding:10px;width: 240px; display:block; float:none;} #footer #entry-container .contentColumn ul li a{ font-size:100% !important; font-family:"bebas_neueregular",Arial,Helvetica !important; text-transform: uppercase !important; color:#FFFFFF !important; padding:5px 5px 0px 10px; width: 245px; border-bottom: none !important; text-decoration:none;} #footer #entry-container { display: block; width: 315px !important; float: none; margin-right: 0px; margin-left: 0px; } #footer #entry-container .contentColumn { display: block; width: 315px; float: none; margin-right: 0px; padding:10px; overflow: hidden; } #footer .terms { display: block; width: 315px; float: none; padding: 10px; margin-left: 0px; margin-top: 20px; font-size:100% !important; line-height:15px !important; font-family:"bebas_neueregular",Arial,Helvetica !important; text-transform: uppercase !important; color:rgba(76,76,76,1.0) !important; opacity:1.0 !important; } /* Features */ #features #cycle { height: 120px !important; } #features .fcontainer .feature-wrap.bg_cover { background-size: 100%; height: 120px !important; } .fset_height, #feature_slider .text-bottom .fmedia .dcol-pad, #feature_slider .text-bottom .feature-pad, #feature_slider .text-none .fmedia .dcol-pad { height: 120px !important; } #feature-footer { display: none; } /* Boxes */ #boxes .pp3 { display: block !important; float: none !important; width: 315px !important; margin-right: 0% !important; } #boxes .grid-element:first-child { background: none !important; margin-left: 0px !important; } #boxes .fboxgraphic > a > img { width: 200px !important; } /* Content Menus */ #sb_content { width: 335px !important; overflow:hidden !important; margin: -15px 0px 0px 0px !important; } #sb_content .widget-pad { padding: 0px; } #sb_content .widget_nav_menu { position:relative !important; width: 335px !important; height: auto !important; overflow:hidden !important; margin: 0px 0px 0px 0px !important; padding: 0px 0px 0px 0px !important; background: rgba(221,221,217,1) !important; } #sb_content .widget_nav_menu ul { list-style: none; margin: 0; padding: 0; overflow:hidden !important; } #sb_content .widget_nav_menu ul li { display: block; float: none; margin: 0px 0px 0px 0px !important; padding: 0;height: 45px !important; max-width: 335px !important; overflow:hidden !important; color:rgba(76,76,76,.8) !important; background: url('images/tm-bg.png') no-repeat !important; background-size: 100% 100% !important; } /* Homepage */ .home .hentry { background: #dbdbdb !important; padding: 0px !important; margin: 0px !important; height: auto !important; webkit-box-shadow: inset 0px 1px 5px -1px rgba(0, 0, 0, .35) !important; box-shadow: inset 0px 1px 5px -1px rgba(0, 0, 0, .35) !important; } .hentry #entry-container { display: block; width: 315px !important; float: none; margin-right: 0px; margin-left: 0px; padding-bottom: 0px; overflow: hidden; } .hentry #entry-container .contentColumn { display: none; } .hentry #entry-container .contentColumn-mobile { display: block; width: 315px; float: none; margin-right: 0px; padding-top: 20px; overflow: hidden; } .hentry #email-container .contentColumn { display: block; width: 315px; float: none; padding-top: 20px; overflow: hidden; } .hentry #right-container { display: block; width: 315px; float: none; padding-bottom: 0px; overflow: hidden; } .hentry #button-container { display: block; height:72px; width: 315px; padding: 15px 0px 0px 0px; overflow: hidden; } .hentry #email-container { display: block; width: 315px; padding: 0px 0px 0px 0px; overflow: hidden; } .hentry #entry-container h1 { padding: 25px 0px 10px 0px; } #FSContact1 { width: 335px !important; } .hentry #email-container .emailsignup #FSContact1 div input[type="submit"] { position: relative !important; left: 0px !important; float: left !important; } /* Grapevine */ #masthead, #masthead .masthead-img { width: 335px !important; } .scrollgallery { width: 335px !important; position:relative !important; margin-left: -15px !important; } .scrollgallery .scrollGalleryFoot { width: 335px !important; position:relative !important; padding: 0px !important; } .scrollgallery .thumbareaContent img { width: 104px !important; height: 79px !important; display: inline !important; } .scrollgallery .scrollGalleryFoot .imagearea .imageareaContent .caption_container div { display: block; background: rgba(0,0,0,0.25) !important; color: #FFFFFF !important; position:absolute !important; bottom: 0px !important; width: 315px !important; height: auto; overflow: hidden; font-size: 50% !important; } .scrollgallery .scrollGalleryFoot .imagearea img { width: 335px !important; height: auto !important; } .scrollgallery .scrollGalleryFoot .imagearea .imageareaContent { width: 335px !important; height: 200px !important; } .single .scrollgallery { margin-left: -10px !important; } /* Sidebar Universal */ #sb_universal .textwidget iframe { width: 100%; height: auto; overflow: hidden; } /* Morefoot */ #morefoot { width: 335px !important; margin: 0px 0px 15px 0px !important; background-color: #FFFFFF !important; } #morefoot .content { width: 335px !important; padding-bottom: 50px; } #morefoot .grid-element { display: block; width: 315px !important; float: none !important; background: none !important; } #morefoot .srp-widget-singlepost { width: 315px !important; } #morefoot .srp-widget-singlepost div.srp-content-box { position: relative; display: block !important; float: none !important; width: 315px !important; height: auto !important; vertical-align: top !important; } /* Past Productions Menu */ .entry_content .menu-past-productions-menu-container { position:relative !important; width: 335px !important; overflow: hidden !important; margin: 20px 0px 20px -15px !important; padding: 0px 0px 15px 0px !important; overflow-x: scroll !important; overflow-y: hidden !important; } .entry_content .menu-past-productions-menu-container ul { list-style: none !important; margin: 0; padding: 0; width: 2250px !important; height: 45px !important; } /* Past Events Menu */ .entry_content .menu-past-events-menu-container { position:relative !important; width: 335px !important; overflow: hidden !important; margin: 20px 0px 20px -15px !important; padding: 0px 0px 15px 0px !important; overflow-x: scroll !important; overflow-y: hidden !important; } .entry_content .menu-past-events-menu-container ul { list-style: none !important; margin: 0; padding: 0; width: 2250px !important; height: 45px !important; } /* Press Menu */ .entry_content .menu-press-menu-top-container { position:relative !important; width: 335px !important; overflow: hidden !important; margin: 20px 0px 20px -15px !important; padding: 0px 0px 0px 0px !important; } .entry_content .menu-press-menu-top-container ul { list-style: none !important; margin: 0; padding: 0; } /* Special Recent Posts */ .srp-widget-singlepost { width: 305px !important; } .srp-content-box .donatenow, .srp-content-box .search, .srp-content-box .signup, .srp-content-box .membership, .srp-content-box .clickhere, .srp-content-box .membership-arrow, .srp-content-box .buy, .srp-content-box .buy-tickets, .srp-content-box .donate { position: relative !important; overflow: hidden; margin: 0px 0px 10px 0px; } div.srp-thumbnail-box, img.srp-widget-thmb { width: 305px !important; height: auto !important; } .home div.srp-thumbnail-box, .home img.srp-widget-thmb { width: auto !important; height: auto !important; } div.srp-content-box { width: auto !important; } } /* iPhone 6 in landscape */ @media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) { /* Shared Page Styles */ body.fixed_width #page, body.fixed_width #footer, body.canvas .page-canvas { max-width: 627px !important; } #site .content { width: 627px !important; } .content-pad { padding: 0px; } #column-wrap { float: left; width: 627px !important; margin-right: 0px !important; background-color: #FFFFFF !important; border-top-right-radius: 0px; -moz-border-radius-topright: 0px; } .one-sidebar-right #pagelines_content #column-main { width: 627px !important; } #button-container { position: relative !important; top: 0px !important; right: 0px !important; padding: 10px; } section.copy { margin: 15px 0; } #sidebar-wrap { float: right; width: 627px !important; height: 100% !important; background-color: #FFFFFF !important; border-top-right-radius: 0px; -moz-border-radius-top : 0px; right: 0px; } .textwidget { padding: 20px 2px; } #myatu_bgm_overlay { display: none !important; } #postloop img { width: 627px; display: block; margin-bottom: 0px !important; } #postloop img.attachment-full:first-of-type { width: 627px !important; height: auto !important; } iframe { width: 100%; height: auto; overflow: hidden; } .hentry table td, #comments table td { padding: .15em .2em !important; } .error404 #notfound .searchform { display: none !important; } /* Post Tabs */ .wordpress-post-tabs-skin-default ul.ui-tabs,.wordpress-post-tabs-skin-default ul.ui-tabs-nav{margin:0 !important; text-transform: uppercase; width: 627px !important; } .wordpress-post-tabs-skin-default .ui-tabs .ui-tabs-nav li.ui-corner-top, .wordpress-post-tabs-skin-default .ui-tabs-horizontal-top .wpts_ext { padding-bottom: 0px!important; } .page-id-80 .wordpress-post-tabs-skin-default .ui-tabs .ui-tabs-nav li, .page-id-80 .wordpress-post-tabs-skin-default .ui-tabs .ui-tabs-nav li a, .page-id-80 .wordpress-post-tabs-skin-default .ui-tabs .ui-tabs-nav li.ui-state-active a { width:627px !important; background-size: 100% !important; } /* Header */ .fixed_width #branding .content-pad { padding: 5px; } #branding .mainlogo-link, #branding .mainlogo-img { width: 627px; display: block; } #branding .icons { width: 125px !important; display: block; position: relative !important; overflow: hidden; right: 0px; text-align: right; z-index: 5 !important; line-height: 20px;height: 24px;} .quote { display: none; } /* Footer */ #footer { font-size:1em; overflow:hidden; height: auto; margin: 0 auto; margin-top: 60px !important; width: 627px !important; background: url(https://www.vineyardtheatre.org/images/background/blacktrans.png) repeat !important; } #footer .content { width: 627px !important; } #footer #entry-container { display: block; width: 627px !important; float: none; margin-right: 0px; margin-left: 0px; } #footer #entry-container .contentColumnSearch { display: block; margin-left: 0px; position:relative; z-index: 6270; margin-top: 10px; width: 607px !important; height: auto; overflow: hidden; padding: 10px; } #footer #entry-container .contentColumnSearch h3.search { padding: 10px; width: 240px; display: block; float: none; } .searchform { display: block; float: none; width: 607px !important; height: 85px; margin-top: 20px; position: relative; overflow: hidden; } #footer #entry-container .contentColumn a{ font-size:121.4% !important; font-family:"bebas_neueregular",Arial,Helvetica !important; text-transform: uppercase !important; color:#d03366 !important; border-bottom: 1px solid #808080; padding:10px;width: 240px; display:block; float:none;} #footer #entry-container .contentColumn ul li a{ font-size:100% !important; font-family:"bebas_neueregular",Arial,Helvetica !important; text-transform: uppercase !important; color:#FFFFFF !important; padding:5px 5px 0px 10px; width: 245px; border-bottom: none !important; text-decoration:none;} #footer #entry-container { display: block; width: 607px !important; float: none; margin-right: 0px; margin-left: 0px; } #footer #entry-container .contentColumn { display: block; width: 607px; float: none; margin-right: 0px; padding:10px; overflow: hidden; } #footer .terms { display: block; width: 607px; float: none; padding: 10px; margin-left: 0px; margin-top: 20px; font-size:100% !important; line-height:15px !important; font-family:"bebas_neueregular",Arial,Helvetica !important; text-transform: uppercase !important; color:rgba(76,76,76,1.0) !important; opacity:1.0 !important; } /* Features */ #features #cycle { height: 140px !important; } #features .fcontainer .feature-wrap.bg_cover { background-size: 100%; height: 140px !important; } .fset_height, #feature_slider .text-bottom .fmedia .dcol-pad, #feature_slider .text-bottom .feature-pad, #feature_slider .text-none .fmedia .dcol-pad { height: 140px !important; } #feature-footer { display: none; } /* Boxes */ #boxes .pp3 { display: block !important; float: none !important; width: 607px !important; margin-right: 0% !important; } #boxes .grid-element:first-child { background: none !important; margin-left: 0px !important; } #boxes .fboxgraphic > a > img { width: 200px !important; } /* Content Menus */ #sb_content { width: 627px !important; overflow:hidden !important; margin: -15px 0px 0px 0px !important; } #sb_content .widget-pad { padding: 0px; } #sb_content .widget_nav_menu { position:relative !important; width: 627px !important; height: auto !important; overflow:hidden !important; margin: 0px 0px 0px 0px !important; padding: 0px 0px 0px 0px !important; background: rgba(221,221,217,1) !important; } #sb_content .widget_nav_menu ul { list-style: none; margin: 0; padding: 0; overflow:hidden !important; } #sb_content .widget_nav_menu ul li { display: block; float: none; margin: 0px 0px 0px 0px !important; padding: 0;height: 45px !important; max-width: 627px !important; overflow:hidden !important; color:rgba(76,76,76,.8) !important; background: url('images/tm-bg.png') no-repeat !important; background-size: 100% 100% !important; } /* Homepage */ .home .hentry { background: #dbdbdb !important; padding: 0px !important; margin: 0px !important; height: auto !important; webkit-box-shadow: inset 0px 1px 5px -1px rgba(0, 0, 0, .35) !important; box-shadow: inset 0px 1px 5px -1px rgba(0, 0, 0, .35) !important; } .hentry #entry-container { display: block; width: 607px !important; float: none; margin-right: 0px; margin-left: 0px; padding-bottom: 0px; overflow: hidden; } .hentry #entry-container .contentColumn { display: none; } .hentry #entry-container .contentColumn-mobile { display: block; width: 607px; float: none; margin-right: 0px; padding-top: 20px; overflow: hidden; } .hentry #email-container .contentColumn { display: block; width: 607px; float: none; padding-top: 20px; overflow: hidden; } .hentry #right-container { display: block; width: 607px; float: none; padding-bottom: 0px; overflow: hidden; } .hentry #button-container { display: block; height:72px; width: 607px; padding: 15px 0px 0px 0px; overflow: hidden; } .hentry #email-container { display: block; width: 607px; padding: 0px 0px 0px 0px; overflow: hidden; } .hentry #entry-container h1 { padding: 25px 0px 10px 0px; } #FSContact1 { width: 627px !important; } .hentry #email-container .emailsignup #FSContact1 div input[type="submit"] { position: relative !important; left: 0px !important; float: left !important; } /* Grapevine */ #masthead, #masthead .masthead-img { width: 627px !important; } .scrollgallery { width: 627px !important; position:relative !important; margin-left: -15px !important; } .scrollgallery .scrollGalleryFoot { width: 627px !important; position:relative !important; padding: 0px !important; } .scrollgallery .thumbareaContent img { width: 104px !important; height: 79px !important; display: inline !important; } .scrollgallery .scrollGalleryFoot .imagearea .imageareaContent .caption_container div { display: block; background: rgba(0,0,0,0.25) !important; color: #FFFFFF !important; position:absolute !important; bottom: 0px !important; width: 607px !important; height: auto; overflow: hidden; font-size: 50% !important; } .scrollgallery .scrollGalleryFoot .imagearea img { width: 627px !important; height: auto !important; } .scrollgallery .scrollGalleryFoot .imagearea .imageareaContent { width: 627px !important; height: 200px !important; } .single .scrollgallery { margin-left: -10px !important; } /* Sidebar Universal */ #sb_universal .textwidget iframe { width: 100%; height: auto; overflow: hidden; } /* Morefoot */ #morefoot { width: 627px !important; margin: 0px 0px 15px 0px !important; background-color: #FFFFFF !important; } #morefoot .content { width: 627px !important; padding-bottom: 50px; } #morefoot .grid-element { display: block; width: 607px !important; float: none !important; background: none !important; } #morefoot .srp-widget-singlepost { width: 607px !important; } #morefoot .srp-widget-singlepost div.srp-content-box { position: relative; display: block !important; float: none !important; width: 607px !important; height: auto !important; vertical-align: top !important; } /* Past Productions Menu */ .entry_content .menu-past-productions-menu-container { position:relative !important; width: 627px !important; overflow: hidden !important; margin: 20px 0px 20px -15px !important; padding: 0px 0px 15px 0px !important; overflow-x: scroll !important; overflow-y: hidden !important; } .entry_content .menu-past-productions-menu-container ul { list-style: none !important; margin: 0; padding: 0; width: 2250px !important; height: 45px !important; } /* Past Events Menu */ .entry_content .menu-past-events-menu-container { position:relative !important; width: 627px !important; overflow: hidden !important; margin: 20px 0px 20px -15px !important; padding: 0px 0px 15px 0px !important; overflow-x: scroll !important; overflow-y: hidden !important; } .entry_content .menu-past-events-menu-container ul { list-style: none !important; margin: 0; padding: 0; width: 2250px !important; height: 45px !important; } /* Press Menu */ .entry_content .menu-press-menu-top-container { position:relative !important; width: 627px !important; overflow: hidden !important; margin: 20px 0px 20px -15px !important; padding: 0px 0px 0px 0px !important; } .entry_content .menu-press-menu-top-container ul { list-style: none !important; margin: 0; padding: 0; } /* Special Recent Posts */ .srp-widget-singlepost { width: 597px !important; } .srp-content-box .donatenow, .srp-content-box .search, .srp-content-box .signup, .srp-content-box .membership, .srp-content-box .clickhere, .srp-content-box .membership-arrow, .srp-content-box .buy, .srp-content-box .buy-tickets, .srp-content-box .donate { position: relative !important; overflow: hidden; margin: 0px 0px 10px 0px; } div.srp-thumbnail-box, img.srp-widget-thmb { width: 597px !important; height: auto !important; } .home div.srp-thumbnail-box, .home img.srp-widget-thmb { width: auto !important; height: auto !important; } div.srp-content-box { width: auto !important; } } /* iPhone 5 and 5S in portrait */ @media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait) { /* Shared Page Styles */ body.fixed_width #page, body.fixed_width #footer, body.canvas .page-canvas { max-width: 280px !important; } #site .content { width: 280px !important; } .content-pad { padding: 0px; } #column-wrap { float: left; width: 280px !important; margin-right: 0px !important; background-color: #FFFFFF !important; border-top-right-radius: 0px; -moz-border-radius-topright: 0px; } .one-sidebar-right #pagelines_content #column-main { width: 280px !important; } #button-container { position: relative !important; top: 0px !important; right: 0px !important; padding: 10px; } section.copy { margin: 15px 0; } #sidebar-wrap { float: right; width: 280px !important; height: 100% !important; background-color: #FFFFFF !important; border-top-right-radius: 0px; -moz-border-radius-top : 0px; right: 0px; } .textwidget { padding: 20px 2px; } #myatu_bgm_overlay { display: none !important; } #postloop img { width: 280px; display: block; margin-bottom: 0px !important; } #postloop img.attachment-full:first-of-type { width: 280px !important; height: auto !important; } iframe { width: 100%; height: auto; overflow: hidden; } .hentry table td, #comments table td { padding: .15em .2em !important; } .error404 #notfound .searchform { display: none !important; } /* Post Tabs */ .wordpress-post-tabs-skin-default ul.ui-tabs,.wordpress-post-tabs-skin-default ul.ui-tabs-nav{margin:0 !important; text-transform: uppercase; width: 280px !important; } .wordpress-post-tabs-skin-default .ui-tabs .ui-tabs-nav li.ui-corner-top, .wordpress-post-tabs-skin-default .ui-tabs-horizontal-top .wpts_ext { padding-bottom: 0px!important; } .page-id-80 .wordpress-post-tabs-skin-default .ui-tabs .ui-tabs-nav li, .page-id-80 .wordpress-post-tabs-skin-default .ui-tabs .ui-tabs-nav li a, .page-id-80 .wordpress-post-tabs-skin-default .ui-tabs .ui-tabs-nav li.ui-state-active a { width:280px !important; background-size: 100% !important; } /* Header */ .fixed_width #branding .content-pad { padding: 5px; } #branding .mainlogo-link, #branding .mainlogo-img { width: 280px; display: block; } #branding .icons { width: 125px !important; display: block; position: relative !important; overflow: hidden; right: 0px; text-align: right; z-index: 5 !important; line-height: 20px;height: 24px;} .quote { display: none; } /* Footer */ #footer { font-size:1em; overflow:hidden; height: auto; margin: 0 auto; margin-top: 60px !important; width: 280px !important; background: url(https://www.vineyardtheatre.org/images/background/blacktrans.png) repeat !important; } #footer .content { width: 280px !important; } #footer #entry-container { display: block; width: 280px !important; float: none; margin-right: 0px; margin-left: 0px; } #footer #entry-container .contentColumnSearch { display: block; margin-left: 0px; position:relative; z-index: 2800; margin-top: 10px; width: 260px !important; height: auto; overflow: hidden; padding: 10px; } #footer #entry-container .contentColumnSearch h3.search { padding: 10px; width: 240px; display: block; float: none; } .searchform { display: block; float: none; width: 260px !important; height: 85px; margin-top: 20px; position: relative; overflow: hidden; } #footer #entry-container .contentColumn a{ font-size:121.4% !important; font-family:"bebas_neueregular",Arial,Helvetica !important; text-transform: uppercase !important; color:#d03366 !important; border-bottom: 1px solid #808080; padding:10px;width: 240px; display:block; float:none;} #footer #entry-container .contentColumn ul li a{ font-size:100% !important; font-family:"bebas_neueregular",Arial,Helvetica !important; text-transform: uppercase !important; color:#FFFFFF !important; padding:5px 5px 0px 10px; width: 245px; border-bottom: none !important; text-decoration:none;} #footer #entry-container { display: block; width: 260px !important; float: none; margin-right: 0px; margin-left: 0px; } #footer #entry-container .contentColumn { display: block; width: 260px; float: none; margin-right: 0px; padding:10px; overflow: hidden; } #footer .terms { display: block; width: 260px; float: none; padding: 10px; margin-left: 0px; margin-top: 20px; font-size:100% !important; line-height:15px !important; font-family:"bebas_neueregular",Arial,Helvetica !important; text-transform: uppercase !important; color:rgba(76,76,76,1.0) !important; opacity:1.0 !important; } /* Features */ #features #cycle { height: 120px !important; } #features .fcontainer .feature-wrap.bg_cover { background-size: 100%; height: 120px !important; } .fset_height, #feature_slider .text-bottom .fmedia .dcol-pad, #feature_slider .text-bottom .feature-pad, #feature_slider .text-none .fmedia .dcol-pad { height: 120px !important; } #feature-footer { display: none; } /* Boxes */ #boxes .pp3 { display: block !important; float: none !important; width: 260px !important; margin-right: 0% !important; } #boxes .grid-element:first-child { background: none !important; margin-left: 0px !important; } #boxes .fboxgraphic > a > img { width: 200px !important; } /* Content Menus */ #sb_content { width: 280px !important; overflow:hidden !important; margin: -15px 0px 0px 0px !important; } #sb_content .widget-pad { padding: 0px; } #sb_content .widget_nav_menu { position:relative !important; width: 280px !important; height: auto !important; overflow:hidden !important; margin: 0px 0px 0px 0px !important; padding: 0px 0px 0px 0px !important; background: rgba(221,221,217,1) !important; } #sb_content .widget_nav_menu ul { list-style: none; margin: 0; padding: 0; overflow:hidden !important; } #sb_content .widget_nav_menu ul li { display: block; float: none; margin: 0px 0px 0px 0px !important; padding: 0;height: 45px !important; max-width: 280px !important; overflow:hidden !important; color:rgba(76,76,76,.8) !important; background: url('images/tm-bg.png') no-repeat !important; background-size: 100% 100% !important; } /* Homepage */ .home .hentry { background: #dbdbdb !important; padding: 0px !important; margin: 0px !important; height: auto !important; webkit-box-shadow: inset 0px 1px 5px -1px rgba(0, 0, 0, .35) !important; box-shadow: inset 0px 1px 5px -1px rgba(0, 0, 0, .35) !important; } .hentry #entry-container { display: block; width: 260px !important; float: none; margin-right: 0px; margin-left: 0px; padding-bottom: 0px; overflow: hidden; } .hentry #entry-container .contentColumn { display: none; } .hentry #entry-container .contentColumn-mobile { display: block; width: 260px; float: none; margin-right: 0px; padding-top: 20px; overflow: hidden; } .hentry #email-container .contentColumn { display: block; width: 260px; float: none; padding-top: 20px; overflow: hidden; } .hentry #right-container { display: block; width: 260px; float: none; padding-bottom: 0px; overflow: hidden; } .hentry #button-container { display: block; height:72px; width: 260px; padding: 15px 0px 0px 0px; overflow: hidden; } .hentry #email-container { display: block; width: 260px; padding: 0px 0px 0px 0px; overflow: hidden; } .hentry #entry-container h1 { padding: 25px 0px 10px 0px; } #FSContact1 { width: 280px !important; } .hentry #email-container .emailsignup #FSContact1 div input[type="submit"] { position: relative !important; left: 0px !important; float: left !important; } /* Grapevine */ #masthead, #masthead .masthead-img { width: 280px !important; } .scrollgallery { width: 280px !important; position:relative !important; margin-left: -15px !important; } .scrollgallery .scrollGalleryFoot { width: 280px !important; position:relative !important; padding: 0px !important; } .scrollgallery .thumbareaContent img { width: 104px !important; height: 79px !important; display: inline !important; } .scrollgallery .scrollGalleryFoot .imagearea .imageareaContent .caption_container div { display: block; background: rgba(0,0,0,0.25) !important; color: #FFFFFF !important; position:absolute !important; bottom: 0px !important; width: 260px !important; height: auto; overflow: hidden; font-size: 50% !important; } .scrollgallery .scrollGalleryFoot .imagearea img { width: 280px !important; height: auto !important; } .scrollgallery .scrollGalleryFoot .imagearea .imageareaContent { width: 280px !important; height: 200px !important; } .single .scrollgallery { margin-left: -10px !important; } /* Sidebar Universal */ #sb_universal .textwidget iframe { width: 100%; height: auto; overflow: hidden; } /* Morefoot */ #morefoot { width: 280px !important; margin: 0px 0px 15px 0px !important; background-color: #FFFFFF !important; } #morefoot .content { width: 280px !important; padding-bottom: 50px; } #morefoot .grid-element { display: block; width: 260px !important; float: none !important; background: none !important; } #morefoot .srp-widget-singlepost { width: 260px !important; } #morefoot .srp-widget-singlepost div.srp-content-box { position: relative; display: block !important; float: none !important; width: 260px !important; height: auto !important; vertical-align: top !important; } /* Past Productions Menu */ .entry_content .menu-past-productions-menu-container { position:relative !important; width: 280px !important; overflow: hidden !important; margin: 20px 0px 20px -15px !important; padding: 0px 0px 15px 0px !important; overflow-x: scroll !important; overflow-y: hidden !important; } .entry_content .menu-past-productions-menu-container ul { list-style: none !important; margin: 0; padding: 0; width: 2250px !important; height: 45px !important; } /* Past Events Menu */ .entry_content .menu-past-events-menu-container { position:relative !important; width: 280px !important; overflow: hidden !important; margin: 20px 0px 20px -15px !important; padding: 0px 0px 15px 0px !important; overflow-x: scroll !important; overflow-y: hidden !important; } .entry_content .menu-past-events-menu-container ul { list-style: none !important; margin: 0; padding: 0; width: 2250px !important; height: 45px !important; } /* Press Menu */ .entry_content .menu-press-menu-top-container { position:relative !important; width: 280px !important; overflow: hidden !important; margin: 20px 0px 20px -15px !important; padding: 0px 0px 0px 0px !important; } .entry_content .menu-press-menu-top-container ul { list-style: none !important; margin: 0; padding: 0; } /* Special Recent Posts */ .srp-widget-singlepost { width: 250px !important; } .srp-content-box .donatenow, .srp-content-box .search, .srp-content-box .signup, .srp-content-box .membership, .srp-content-box .clickhere, .srp-content-box .membership-arrow, .srp-content-box .buy, .srp-content-box .buy-tickets, .srp-content-box .donate { position: relative !important; overflow: hidden; margin: 0px 0px 10px 0px; } div.srp-thumbnail-box, img.srp-widget-thmb { width: 250px !important; height: auto !important; } .home div.srp-thumbnail-box, .home img.srp-widget-thmb { width: auto !important; height: auto !important; } div.srp-content-box { width: auto !important; } } /* iPhone 5 and 5S in landscape */ @media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) { /* Shared Page Styles */ body.fixed_width #page, body.fixed_width #footer, body.canvas .page-canvas { max-width: 528px !important; } #site .content { width: 528px !important; } .content-pad { padding: 0px; } #column-wrap { float: left; width: 528px !important; margin-right: 0px !important; background-color: #FFFFFF !important; border-top-right-radius: 0px; -moz-border-radius-topright: 0px; } .one-sidebar-right #pagelines_content #column-main { width: 528px !important; } #button-container { position: relative !important; top: 0px !important; right: 0px !important; padding: 10px; } section.copy { margin: 15px 0; } #sidebar-wrap { float: right; width: 528px !important; height: 100% !important; background-color: #FFFFFF !important; border-top-right-radius: 0px; -moz-border-radius-top : 0px; right: 0px; } .textwidget { padding: 20px 2px; } #myatu_bgm_overlay { display: none !important; } #postloop img { width: 528px; display: block; margin-bottom: 0px !important; } #postloop img.attachment-full:first-of-type { width: 528px !important; height: auto !important; } iframe { width: 100%; height: auto; overflow: hidden; } .hentry table td, #comments table td { padding: .15em .2em !important; } .error404 #notfound .searchform { display: none !important; } /* Post Tabs */ .wordpress-post-tabs-skin-default ul.ui-tabs,.wordpress-post-tabs-skin-default ul.ui-tabs-nav{margin:0 !important; text-transform: uppercase; width: 528px !important; } .wordpress-post-tabs-skin-default .ui-tabs .ui-tabs-nav li.ui-corner-top, .wordpress-post-tabs-skin-default .ui-tabs-horizontal-top .wpts_ext { padding-bottom: 0px!important; } .page-id-80 .wordpress-post-tabs-skin-default .ui-tabs .ui-tabs-nav li, .page-id-80 .wordpress-post-tabs-skin-default .ui-tabs .ui-tabs-nav li a, .page-id-80 .wordpress-post-tabs-skin-default .ui-tabs .ui-tabs-nav li.ui-state-active a { width:528px !important; background-size: 100% !important; } /* Header */ .fixed_width #branding .content-pad { padding: 5px; } #branding .mainlogo-link, #branding .mainlogo-img { width: 528px; display: block; } #branding .icons { width: 125px !important; display: block; position: relative !important; overflow: hidden; right: 0px; text-align: right; z-index: 5 !important; line-height: 20px;height: 24px;} .quote { display: none; } /* Footer */ #footer { font-size:1em; overflow:hidden; height: auto; margin: 0 auto; margin-top: 60px !important; width: 528px !important; background: url(https://www.vineyardtheatre.org/images/background/blacktrans.png) repeat !important; } #footer .content { width: 528px !important; } #footer #entry-container { display: block; width: 528px !important; float: none; margin-right: 0px; margin-left: 0px; } #footer #entry-container .contentColumnSearch { display: block; margin-left: 0px; position:relative; z-index: 5280; margin-top: 10px; width: 508px !important; height: auto; overflow: hidden; padding: 10px; } #footer #entry-container .contentColumnSearch h3.search { padding: 10px; width: 240px; display: block; float: none; } .searchform { display: block; float: none; width: 508px !important; height: 85px; margin-top: 20px; position: relative; overflow: hidden; } #footer #entry-container .contentColumn a{ font-size:121.4% !important; font-family:"bebas_neueregular",Arial,Helvetica !important; text-transform: uppercase !important; color:#d03366 !important; border-bottom: 1px solid #808080; padding:10px;width: 240px; display:block; float:none;} #footer #entry-container .contentColumn ul li a{ font-size:100% !important; font-family:"bebas_neueregular",Arial,Helvetica !important; text-transform: uppercase !important; color:#FFFFFF !important; padding:5px 5px 0px 10px; width: 245px; border-bottom: none !important; text-decoration:none;} #footer #entry-container { display: block; width: 508px !important; float: none; margin-right: 0px; margin-left: 0px; } #footer #entry-container .contentColumn { display: block; width: 508px; float: none; margin-right: 0px; padding:10px; overflow: hidden; } #footer .terms { display: block; width: 508px; float: none; padding: 10px; margin-left: 0px; margin-top: 20px; font-size:100% !important; line-height:15px !important; font-family:"bebas_neueregular",Arial,Helvetica !important; text-transform: uppercase !important; color:rgba(76,76,76,1.0) !important; opacity:1.0 !important; } /* Features */ #features #cycle { height: 140px !important; } #features .fcontainer .feature-wrap.bg_cover { background-size: 100%; height: 140px !important; } .fset_height, #feature_slider .text-bottom .fmedia .dcol-pad, #feature_slider .text-bottom .feature-pad, #feature_slider .text-none .fmedia .dcol-pad { height: 140px !important; } #feature-footer { display: none; } /* Boxes */ #boxes .pp3 { display: block !important; float: none !important; width: 508px !important; margin-right: 0% !important; } #boxes .grid-element:first-child { background: none !important; margin-left: 0px !important; } #boxes .fboxgraphic > a > img { width: 200px !important; } /* Content Menus */ #sb_content { width: 528px !important; overflow:hidden !important; margin: -15px 0px 0px 0px !important; } #sb_content .widget-pad { padding: 0px; } #sb_content .widget_nav_menu { position:relative !important; width: 528px !important; height: auto !important; overflow:hidden !important; margin: 0px 0px 0px 0px !important; padding: 0px 0px 0px 0px !important; background: rgba(221,221,217,1) !important; } #sb_content .widget_nav_menu ul { list-style: none; margin: 0; padding: 0; overflow:hidden !important; } #sb_content .widget_nav_menu ul li { display: block; float: none; margin: 0px 0px 0px 0px !important; padding: 0;height: 45px !important; max-width: 528px !important; overflow:hidden !important; color:rgba(76,76,76,.8) !important; background: url('images/tm-bg.png') no-repeat !important; background-size: 100% 100% !important; } /* Homepage */ .home .hentry { background: #dbdbdb !important; padding: 0px !important; margin: 0px !important; height: auto !important; webkit-box-shadow: inset 0px 1px 5px -1px rgba(0, 0, 0, .35) !important; box-shadow: inset 0px 1px 5px -1px rgba(0, 0, 0, .35) !important; } .hentry #entry-container { display: block; width: 508px !important; float: none; margin-right: 0px; margin-left: 0px; padding-bottom: 0px; overflow: hidden; } .hentry #entry-container .contentColumn { display: none; } .hentry #entry-container .contentColumn-mobile { display: block; width: 508px; float: none; margin-right: 0px; padding-top: 20px; overflow: hidden; } .hentry #email-container .contentColumn { display: block; width: 508px; float: none; padding-top: 20px; overflow: hidden; } .hentry #right-container { display: block; width: 508px; float: none; padding-bottom: 0px; overflow: hidden; } .hentry #button-container { display: block; height:72px; width: 508px; padding: 15px 0px 0px 0px; overflow: hidden; } .hentry #email-container { display: block; width: 508px; padding: 0px 0px 0px 0px; overflow: hidden; } .hentry #entry-container h1 { padding: 25px 0px 10px 0px; } #FSContact1 { width: 528px !important; } .hentry #email-container .emailsignup #FSContact1 div input[type="submit"] { position: relative !important; left: 0px !important; float: left !important; } /* Grapevine */ #masthead, #masthead .masthead-img { width: 528px !important; } .scrollgallery { width: 528px !important; position:relative !important; margin-left: -15px !important; } .scrollgallery .scrollGalleryFoot { width: 528px !important; position:relative !important; padding: 0px !important; } .scrollgallery .thumbareaContent img { width: 104px !important; height: 79px !important; display: inline !important; } .scrollgallery .scrollGalleryFoot .imagearea .imageareaContent .caption_container div { display: block; background: rgba(0,0,0,0.25) !important; color: #FFFFFF !important; position:absolute !important; bottom: 0px !important; width: 508px !important; height: auto; overflow: hidden; font-size: 50% !important; } .scrollgallery .scrollGalleryFoot .imagearea img { width: 528px !important; height: auto !important; } .scrollgallery .scrollGalleryFoot .imagearea .imageareaContent { width: 528px !important; height: 200px !important; } .single .scrollgallery { margin-left: -10px !important; } /* Sidebar Universal */ #sb_universal .textwidget iframe { width: 100%; height: auto; overflow: hidden; } /* Morefoot */ #morefoot { width: 528px !important; margin: 0px 0px 15px 0px !important; background-color: #FFFFFF !important; } #morefoot .content { width: 528px !important; padding-bottom: 50px; } #morefoot .grid-element { display: block; width: 508px !important; float: none !important; background: none !important; } #morefoot .srp-widget-singlepost { width: 508px !important; } #morefoot .srp-widget-singlepost div.srp-content-box { position: relative; display: block !important; float: none !important; width: 508px !important; height: auto !important; vertical-align: top !important; } /* Past Productions Menu */ .entry_content .menu-past-productions-menu-container { position:relative !important; width: 528px !important; overflow: hidden !important; margin: 20px 0px 20px -15px !important; padding: 0px 0px 15px 0px !important; overflow-x: scroll !important; overflow-y: hidden !important; } .entry_content .menu-past-productions-menu-container ul { list-style: none !important; margin: 0; padding: 0; width: 2250px !important; height: 45px !important; } /* Past Events Menu */ .entry_content .menu-past-events-menu-container { position:relative !important; width: 528px !important; overflow: hidden !important; margin: 20px 0px 20px -15px !important; padding: 0px 0px 15px 0px !important; overflow-x: scroll !important; overflow-y: hidden !important; } .entry_content .menu-past-events-menu-container ul { list-style: none !important; margin: 0; padding: 0; width: 2250px !important; height: 45px !important; } /* Press Menu */ .entry_content .menu-press-menu-top-container { position:relative !important; width: 528px !important; overflow: hidden !important; margin: 20px 0px 20px -15px !important; padding: 0px 0px 0px 0px !important; } .entry_content .menu-press-menu-top-container ul { list-style: none !important; margin: 0; padding: 0; } /* Special Recent Posts */ .srp-widget-singlepost { width: 498px !important; } .srp-content-box .donatenow, .srp-content-box .search, .srp-content-box .signup, .srp-content-box .membership, .srp-content-box .clickhere, .srp-content-box .membership-arrow, .srp-content-box .buy, .srp-content-box .buy-tickets, .srp-content-box .donate { position: relative !important; overflow: hidden; margin: 0px 0px 10px 0px; } div.srp-thumbnail-box, img.srp-widget-thmb { width: 498px !important; height: auto !important; } .home div.srp-thumbnail-box, .home img.srp-widget-thmb { width: auto !important; height: auto !important; } div.srp-content-box { width: auto !important; } } /* iPhone 2G-4S in portrait */ @media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) { /* Shared Page Styles */ body.fixed_width #page, body.fixed_width #footer, body.canvas .page-canvas { max-width: 280px !important; } #site .content { width: 280px !important; } .content-pad { padding: 0px; } #column-wrap { float: left; width: 280px !important; margin-right: 0px !important; background-color: #FFFFFF !important; border-top-right-radius: 0px; -moz-border-radius-topright: 0px; } .one-sidebar-right #pagelines_content #column-main { width: 280px !important; } #button-container { position: relative !important; top: 0px !important; right: 0px !important; padding: 10px; } section.copy { margin: 15px 0; } #sidebar-wrap { float: right; width: 280px !important; height: 100% !important; background-color: #FFFFFF !important; border-top-right-radius: 0px; -moz-border-radius-top : 0px; right: 0px; } .textwidget { padding: 20px 2px; } #myatu_bgm_overlay { display: none !important; } #postloop img { width: 280px; display: block; margin-bottom: 0px !important; } #postloop img.attachment-full:first-of-type { width: 280px !important; height: auto !important; } iframe { width: 100%; height: auto; overflow: hidden; } .hentry table td, #comments table td { padding: .15em .2em !important; } .error404 #notfound .searchform { display: none !important; } /* Post Tabs */ .wordpress-post-tabs-skin-default ul.ui-tabs,.wordpress-post-tabs-skin-default ul.ui-tabs-nav{margin:0 !important; text-transform: uppercase; width: 280px !important; } .wordpress-post-tabs-skin-default .ui-tabs .ui-tabs-nav li.ui-corner-top, .wordpress-post-tabs-skin-default .ui-tabs-horizontal-top .wpts_ext { padding-bottom: 0px!important; } .page-id-80 .wordpress-post-tabs-skin-default .ui-tabs .ui-tabs-nav li, .page-id-80 .wordpress-post-tabs-skin-default .ui-tabs .ui-tabs-nav li a, .page-id-80 .wordpress-post-tabs-skin-default .ui-tabs .ui-tabs-nav li.ui-state-active a { width:280px !important; background-size: 100% !important; } /* Header */ .fixed_width #branding .content-pad { padding: 5px; } #branding .mainlogo-link, #branding .mainlogo-img { width: 280px; display: block; } #branding .icons { width: 125px !important; display: block; position: relative !important; overflow: hidden; right: 0px; text-align: right; z-index: 5 !important; line-height: 20px;height: 24px;} .quote { display: none; } /* Footer */ #footer { font-size:1em; overflow:hidden; height: auto; margin: 0 auto; margin-top: 60px !important; width: 280px !important; background: url(https://www.vineyardtheatre.org/images/background/blacktrans.png) repeat !important; } #footer .content { width: 280px !important; } #footer #entry-container { display: block; width: 280px !important; float: none; margin-right: 0px; margin-left: 0px; } #footer #entry-container .contentColumnSearch { display: block; margin-left: 0px; position:relative; z-index: 2800; margin-top: 10px; width: 260px !important; height: auto; overflow: hidden; padding: 10px; } #footer #entry-container .contentColumnSearch h3.search { padding: 10px; width: 240px; display: block; float: none; } .searchform { display: block; float: none; width: 260px !important; height: 85px; margin-top: 20px; position: relative; overflow: hidden; } #footer #entry-container .contentColumn a{ font-size:121.4% !important; font-family:"bebas_neueregular",Arial,Helvetica !important; text-transform: uppercase !important; color:#d03366 !important; border-bottom: 1px solid #808080; padding:10px;width: 240px; display:block; float:none;} #footer #entry-container .contentColumn ul li a{ font-size:100% !important; font-family:"bebas_neueregular",Arial,Helvetica !important; text-transform: uppercase !important; color:#FFFFFF !important; padding:5px 5px 0px 10px; width: 245px; border-bottom: none !important; text-decoration:none;} #footer #entry-container { display: block; width: 260px !important; float: none; margin-right: 0px; margin-left: 0px; } #footer #entry-container .contentColumn { display: block; width: 260px; float: none; margin-right: 0px; padding:10px; overflow: hidden; } #footer .terms { display: block; width: 260px; float: none; padding: 10px; margin-left: 0px; margin-top: 20px; font-size:100% !important; line-height:15px !important; font-family:"bebas_neueregular",Arial,Helvetica !important; text-transform: uppercase !important; color:rgba(76,76,76,1.0) !important; opacity:1.0 !important; } /* Features */ #features #cycle { height: 120px !important; } #features .fcontainer .feature-wrap.bg_cover { background-size: 100%; height: 120px !important; } .fset_height, #feature_slider .text-bottom .fmedia .dcol-pad, #feature_slider .text-bottom .feature-pad, #feature_slider .text-none .fmedia .dcol-pad { height: 120px !important; } #feature-footer { display: none; } /* Boxes */ #boxes .pp3 { display: block !important; float: none !important; width: 260px !important; margin-right: 0% !important; } #boxes .grid-element:first-child { background: none !important; margin-left: 0px !important; } #boxes .fboxgraphic > a > img { width: 200px !important; } /* Content Menus */ #sb_content { width: 280px !important; overflow:hidden !important; margin: -15px 0px 0px 0px !important; } #sb_content .widget-pad { padding: 0px; } #sb_content .widget_nav_menu { position:relative !important; width: 280px !important; height: auto !important; overflow:hidden !important; margin: 0px 0px 0px 0px !important; padding: 0px 0px 0px 0px !important; background: rgba(221,221,217,1) !important; } #sb_content .widget_nav_menu ul { list-style: none; margin: 0; padding: 0; overflow:hidden !important; } #sb_content .widget_nav_menu ul li { display: block; float: none; margin: 0px 0px 0px 0px !important; padding: 0;height: 45px !important; max-width: 280px !important; overflow:hidden !important; color:rgba(76,76,76,.8) !important; background: url('images/tm-bg.png') no-repeat !important; background-size: 100% 100% !important; } /* Homepage */ .home .hentry { background: #dbdbdb !important; padding: 0px !important; margin: 0px !important; height: auto !important; webkit-box-shadow: inset 0px 1px 5px -1px rgba(0, 0, 0, .35) !important; box-shadow: inset 0px 1px 5px -1px rgba(0, 0, 0, .35) !important; } .hentry #entry-container { display: block; width: 260px !important; float: none; margin-right: 0px; margin-left: 0px; padding-bottom: 0px; overflow: hidden; } .hentry #entry-container .contentColumn { display: none; } .hentry #entry-container .contentColumn-mobile { display: block; width: 260px; float: none; margin-right: 0px; padding-top: 20px; overflow: hidden; } .hentry #email-container .contentColumn { display: block; width: 260px; float: none; padding-top: 20px; overflow: hidden; } .hentry #right-container { display: block; width: 260px; float: none; padding-bottom: 0px; overflow: hidden; } .hentry #button-container { display: block; height:72px; width: 260px; padding: 15px 0px 0px 0px; overflow: hidden; } .hentry #email-container { display: block; width: 260px; padding: 0px 0px 0px 0px; overflow: hidden; } .hentry #entry-container h1 { padding: 25px 0px 10px 0px; } #FSContact1 { width: 280px !important; } .hentry #email-container .emailsignup #FSContact1 div input[type="submit"] { position: relative !important; left: 0px !important; float: left !important; } /* Grapevine */ #masthead, #masthead .masthead-img { width: 280px !important; } .scrollgallery { width: 280px !important; position:relative !important; margin-left: -15px !important; } .scrollgallery .scrollGalleryFoot { width: 280px !important; position:relative !important; padding: 0px !important; } .scrollgallery .thumbareaContent img { width: 104px !important; height: 79px !important; display: inline !important; } .scrollgallery .scrollGalleryFoot .imagearea .imageareaContent .caption_container div { display: block; background: rgba(0,0,0,0.25) !important; color: #FFFFFF !important; position:absolute !important; bottom: 0px !important; width: 260px !important; height: auto; overflow: hidden; font-size: 50% !important; } .scrollgallery .scrollGalleryFoot .imagearea img { width: 280px !important; height: auto !important; } .scrollgallery .scrollGalleryFoot .imagearea .imageareaContent { width: 280px !important; height: 200px !important; } .single .scrollgallery { margin-left: -10px !important; } /* Sidebar Universal */ #sb_universal .textwidget iframe { width: 100%; height: auto; overflow: hidden; } /* Morefoot */ #morefoot { width: 280px !important; margin: 0px 0px 15px 0px !important; background-color: #FFFFFF !important; } #morefoot .content { width: 280px !important; padding-bottom: 50px; } #morefoot .grid-element { display: block; width: 260px !important; float: none !important; background: none !important; } #morefoot .srp-widget-singlepost { width: 260px !important; } #morefoot .srp-widget-singlepost div.srp-content-box { position: relative; display: block !important; float: none !important; width: 260px !important; height: auto !important; vertical-align: top !important; } /* Past Productions Menu */ .entry_content .menu-past-productions-menu-container { position:relative !important; width: 280px !important; overflow: hidden !important; margin: 20px 0px 20px -15px !important; padding: 0px 0px 15px 0px !important; overflow-x: scroll !important; overflow-y: hidden !important; } .entry_content .menu-past-productions-menu-container ul { list-style: none !important; margin: 0; padding: 0; width: 2250px !important; height: 45px !important; } /* Past Events Menu */ .entry_content .menu-past-events-menu-container { position:relative !important; width: 280px !important; overflow: hidden !important; margin: 20px 0px 20px -15px !important; padding: 0px 0px 15px 0px !important; overflow-x: scroll !important; overflow-y: hidden !important; } .entry_content .menu-past-events-menu-container ul { list-style: none !important; margin: 0; padding: 0; width: 2250px !important; height: 45px !important; } /* Press Menu */ .entry_content .menu-press-menu-top-container { position:relative !important; width: 280px !important; overflow: hidden !important; margin: 20px 0px 20px -15px !important; padding: 0px 0px 0px 0px !important; } .entry_content .menu-press-menu-top-container ul { list-style: none !important; margin: 0; padding: 0; } /* Special Recent Posts */ .srp-widget-singlepost { width: 250px !important; } .srp-content-box .donatenow, .srp-content-box .search, .srp-content-box .signup, .srp-content-box .membership, .srp-content-box .clickhere, .srp-content-box .membership-arrow, .srp-content-box .buy, .srp-content-box .buy-tickets, .srp-content-box .donate { position: relative !important; overflow: hidden; margin: 0px 0px 10px 0px; } div.srp-thumbnail-box, img.srp-widget-thmb { width: 250px !important; height: auto !important; } .home div.srp-thumbnail-box, .home img.srp-widget-thmb { width: auto !important; height: auto !important; } div.srp-content-box { width: auto !important; } } /* iPhone 2G-4S in landscape */ @media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) { /* Shared Page Styles */ body.fixed_width #page, body.fixed_width #footer, body.canvas .page-canvas { max-width: 440px !important; } #site .content { width: 440px !important; } .content-pad { padding: 0px; } #column-wrap { float: left; width: 440px !important; margin-right: 0px !important; background-color: #FFFFFF !important; border-top-right-radius: 0px; -moz-border-radius-topright: 0px; } .one-sidebar-right #pagelines_content #column-main { width: 440px !important; } #button-container { position: relative !important; top: 0px !important; right: 0px !important; padding: 10px; } section.copy { margin: 15px 0; } #sidebar-wrap { float: right; width: 440px !important; height: 100% !important; background-color: #FFFFFF !important; border-top-right-radius: 0px; -moz-border-radius-top : 0px; right: 0px; } .textwidget { padding: 20px 2px; } #myatu_bgm_overlay { display: none !important; } #postloop img { width: 440px; display: block; margin-bottom: 0px !important; } #postloop img.attachment-full:first-of-type { width: 440px !important; height: auto !important; } iframe { width: 100%; height: auto; overflow: hidden; } .hentry table td, #comments table td { padding: .15em .2em !important; } .error404 #notfound .searchform { display: none !important; } /* Post Tabs */ .wordpress-post-tabs-skin-default ul.ui-tabs,.wordpress-post-tabs-skin-default ul.ui-tabs-nav{margin:0 !important; text-transform: uppercase; width: 440px !important; } .wordpress-post-tabs-skin-default .ui-tabs .ui-tabs-nav li.ui-corner-top, .wordpress-post-tabs-skin-default .ui-tabs-horizontal-top .wpts_ext { padding-bottom: 0px!important; } .page-id-80 .wordpress-post-tabs-skin-default .ui-tabs .ui-tabs-nav li, .page-id-80 .wordpress-post-tabs-skin-default .ui-tabs .ui-tabs-nav li a, .page-id-80 .wordpress-post-tabs-skin-default .ui-tabs .ui-tabs-nav li.ui-state-active a { width:440px !important; background-size: 100% !important; } /* Header */ .fixed_width #branding .content-pad { padding: 5px; } #branding .mainlogo-link, #branding .mainlogo-img { width: 440px; display: block; } #branding .icons { width: 125px !important; display: block; position: relative !important; overflow: hidden; right: 0px; text-align: right; z-index: 5 !important; line-height: 20px;height: 24px;} .quote { display: none; } /* Footer */ #footer { font-size:1em; overflow:hidden; height: auto; margin: 0 auto; margin-top: 60px !important; width: 440px !important; background: url(https://www.vineyardtheatre.org/images/background/blacktrans.png) repeat !important; } #footer .content { width: 440px !important; } #footer #entry-container { display: block; width: 440px !important; float: none; margin-right: 0px; margin-left: 0px; } #footer #entry-container .contentColumnSearch { display: block; margin-left: 0px; position:relative; z-index: 4400; margin-top: 10px; width: 420px !important; height: auto; overflow: hidden; padding: 10px; } #footer #entry-container .contentColumnSearch h3.search { padding: 10px; width: 240px; display: block; float: none; } .searchform { display: block; float: none; width: 420px !important; height: 85px; margin-top: 20px; position: relative; overflow: hidden; } #footer #entry-container .contentColumn a{ font-size:121.4% !important; font-family:"bebas_neueregular",Arial,Helvetica !important; text-transform: uppercase !important; color:#d03366 !important; border-bottom: 1px solid #808080; padding:10px;width: 240px; display:block; float:none;} #footer #entry-container .contentColumn ul li a{ font-size:100% !important; font-family:"bebas_neueregular",Arial,Helvetica !important; text-transform: uppercase !important; color:#FFFFFF !important; padding:5px 5px 0px 10px; width: 245px; border-bottom: none !important; text-decoration:none;} #footer #entry-container { display: block; width: 420px !important; float: none; margin-right: 0px; margin-left: 0px; } #footer #entry-container .contentColumn { display: block; width: 420px; float: none; margin-right: 0px; padding:10px; overflow: hidden; } #footer .terms { display: block; width: 420px; float: none; padding: 10px; margin-left: 0px; margin-top: 20px; font-size:100% !important; line-height:15px !important; font-family:"bebas_neueregular",Arial,Helvetica !important; text-transform: uppercase !important; color:rgba(76,76,76,1.0) !important; opacity:1.0 !important; } /* Features */ #features #cycle { height: 140px !important; } #features .fcontainer .feature-wrap.bg_cover { background-size: 100%; height: 140px !important; } .fset_height, #feature_slider .text-bottom .fmedia .dcol-pad, #feature_slider .text-bottom .feature-pad, #feature_slider .text-none .fmedia .dcol-pad { height: 140px !important; } #feature-footer { display: none; } /* Boxes */ #boxes .pp3 { display: block !important; float: none !important; width: 420px !important; margin-right: 0% !important; } #boxes .grid-element:first-child { background: none !important; margin-left: 0px !important; } #boxes .fboxgraphic > a > img { width: 200px !important; } /* Content Menus */ #sb_content { width: 440px !important; overflow:hidden !important; margin: -15px 0px 0px 0px !important; } #sb_content .widget-pad { padding: 0px; } #sb_content .widget_nav_menu { position:relative !important; width: 440px !important; height: auto !important; overflow:hidden !important; margin: 0px 0px 0px 0px !important; padding: 0px 0px 0px 0px !important; background: rgba(221,221,217,1) !important; } #sb_content .widget_nav_menu ul { list-style: none; margin: 0; padding: 0; overflow:hidden !important; } #sb_content .widget_nav_menu ul li { display: block; float: none; margin: 0px 0px 0px 0px !important; padding: 0;height: 45px !important; max-width: 440px !important; overflow:hidden !important; color:rgba(76,76,76,.8) !important; background: url('images/tm-bg.png') no-repeat !important; background-size: 100% 100% !important; } /* Homepage */ .home .hentry { background: #dbdbdb !important; padding: 0px !important; margin: 0px !important; height: auto !important; webkit-box-shadow: inset 0px 1px 5px -1px rgba(0, 0, 0, .35) !important; box-shadow: inset 0px 1px 5px -1px rgba(0, 0, 0, .35) !important; } .hentry #entry-container { display: block; width: 420px !important; float: none; margin-right: 0px; margin-left: 0px; padding-bottom: 0px; overflow: hidden; } .hentry #entry-container .contentColumn { display: none; } .hentry #entry-container .contentColumn-mobile { display: block; width: 420px; float: none; margin-right: 0px; padding-top: 20px; overflow: hidden; } .hentry #email-container .contentColumn { display: block; width: 420px; float: none; padding-top: 20px; overflow: hidden; } .hentry #right-container { display: block; width: 420px; float: none; padding-bottom: 0px; overflow: hidden; } .hentry #button-container { display: block; height:72px; width: 420px; padding: 15px 0px 0px 0px; overflow: hidden; } .hentry #email-container { display: block; width: 420px; padding: 0px 0px 0px 0px; overflow: hidden; } .hentry #entry-container h1 { padding: 25px 0px 10px 0px; } #FSContact1 { width: 440px !important; } .hentry #email-container .emailsignup #FSContact1 div input[type="submit"] { position: relative !important; left: 0px !important; float: left !important; } /* Grapevine */ #masthead, #masthead .masthead-img { width: 440px !important; } .scrollgallery { width: 440px !important; position:relative !important; margin-left: -15px !important; } .scrollgallery .scrollGalleryFoot { width: 440px !important; position:relative !important; padding: 0px !important; } .scrollgallery .thumbareaContent img { width: 104px !important; height: 79px !important; display: inline !important; } .scrollgallery .scrollGalleryFoot .imagearea .imageareaContent .caption_container div { display: block; background: rgba(0,0,0,0.25) !important; color: #FFFFFF !important; position:absolute !important; bottom: 0px !important; width: 420px !important; height: auto; overflow: hidden; font-size: 50% !important; } .scrollgallery .scrollGalleryFoot .imagearea img { width: 440px !important; height: auto !important; } .scrollgallery .scrollGalleryFoot .imagearea .imageareaContent { width: 440px !important; height: 200px !important; } .single .scrollgallery { margin-left: -10px !important; } /* Sidebar Universal */ #sb_universal .textwidget iframe { width: 100%; height: auto; overflow: hidden; } /* Morefoot */ #morefoot { width: 440px !important; margin: 0px 0px 15px 0px !important; background-color: #FFFFFF !important; } #morefoot .content { width: 440px !important; padding-bottom: 50px; } #morefoot .grid-element { display: block; width: 420px !important; float: none !important; background: none !important; } #morefoot .srp-widget-singlepost { width: 420px !important; } #morefoot .srp-widget-singlepost div.srp-content-box { position: relative; display: block !important; float: none !important; width: 420px !important; height: auto !important; vertical-align: top !important; } /* Past Productions Menu */ .entry_content .menu-past-productions-menu-container { position:relative !important; width: 440px !important; overflow: hidden !important; margin: 20px 0px 20px -15px !important; padding: 0px 0px 15px 0px !important; overflow-x: scroll !important; overflow-y: hidden !important; } .entry_content .menu-past-productions-menu-container ul { list-style: none !important; margin: 0; padding: 0; width: 2250px !important; height: 45px !important; } /* Past Events Menu */ .entry_content .menu-past-events-menu-container { position:relative !important; width: 440px !important; overflow: hidden !important; margin: 20px 0px 20px -15px !important; padding: 0px 0px 15px 0px !important; overflow-x: scroll !important; overflow-y: hidden !important; } .entry_content .menu-past-events-menu-container ul { list-style: none !important; margin: 0; padding: 0; width: 2250px !important; height: 45px !important; } /* Press Menu */ .entry_content .menu-press-menu-top-container { position:relative !important; width: 440px !important; overflow: hidden !important; margin: 20px 0px 20px -15px !important; padding: 0px 0px 0px 0px !important; } .entry_content .menu-press-menu-top-container ul { list-style: none !important; margin: 0; padding: 0; } /* Special Recent Posts */ .srp-widget-singlepost { width: 410px !important; } .srp-content-box .donatenow, .srp-content-box .search, .srp-content-box .signup, .srp-content-box .membership, .srp-content-box .clickhere, .srp-content-box .membership-arrow, .srp-content-box .buy, .srp-content-box .buy-tickets, .srp-content-box .donate { position: relative !important; overflow: hidden; margin: 0px 0px 10px 0px; } div.srp-thumbnail-box, img.srp-widget-thmb { width: 410px !important; height: auto !important; } .home div.srp-thumbnail-box, .home img.srp-widget-thmb { width: auto !important; height: auto !important; } div.srp-content-box { width: auto !important; } } /* Samsung Galaxy S5 and S6 in portrait */ @media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3) { /* Shared Page Styles */ body.fixed_width #page, body.fixed_width #footer, body.canvas .page-canvas { max-width: 320px !important; } #site .content { width: 320px !important; } .content-pad { padding: 0px; } #column-wrap { float: left; width: 320px !important; margin-right: 0px !important; background-color: #FFFFFF !important; border-top-right-radius: 0px; -moz-border-radius-topright: 0px; } .one-sidebar-right #pagelines_content #column-main { width: 320px !important; } #button-container { position: relative !important; top: 0px !important; right: 0px !important; padding: 10px; } section.copy { margin: 15px 0; } #sidebar-wrap { float: right; width: 320px !important; height: 100% !important; background-color: #FFFFFF !important; border-top-right-radius: 0px; -moz-border-radius-top : 0px; right: 0px; } .textwidget { padding: 20px 2px; } #myatu_bgm_overlay { display: none !important; } #postloop img { width: 320px; display: block; margin-bottom: 0px !important; } #postloop img.attachment-full:first-of-type { width: 320px !important; height: auto !important; } iframe { width: 100%; height: auto; overflow: hidden; } .hentry table td, #comments table td { padding: .15em .2em !important; } .error404 #notfound .searchform { display: none !important; } /* Post Tabs */ .wordpress-post-tabs-skin-default ul.ui-tabs,.wordpress-post-tabs-skin-default ul.ui-tabs-nav{margin:0 !important; text-transform: uppercase; width: 320px !important; } .wordpress-post-tabs-skin-default .ui-tabs .ui-tabs-nav li.ui-corner-top, .wordpress-post-tabs-skin-default .ui-tabs-horizontal-top .wpts_ext { padding-bottom: 0px!important; } .page-id-80 .wordpress-post-tabs-skin-default .ui-tabs .ui-tabs-nav li, .page-id-80 .wordpress-post-tabs-skin-default .ui-tabs .ui-tabs-nav li a, .page-id-80 .wordpress-post-tabs-skin-default .ui-tabs .ui-tabs-nav li.ui-state-active a { width:320px !important; background-size: 100% !important; } /* Header */ .fixed_width #branding .content-pad { padding: 5px; } #branding .mainlogo-link, #branding .mainlogo-img { width: 320px; display: block; } #branding .icons { width: 125px !important; display: block; position: relative !important; overflow: hidden; right: 0px; text-align: right; z-index: 5 !important; line-height: 20px;height: 24px;} .quote { display: none; } /* Footer */ #footer { font-size:1em; overflow:hidden; height: auto; margin: 0 auto; margin-top: 60px !important; width: 320px !important; background: url(https://www.vineyardtheatre.org/images/background/blacktrans.png) repeat !important; } #footer .content { width: 320px !important; } #footer #entry-container { display: block; width: 320px !important; float: none; margin-right: 0px; margin-left: 0px; } #footer #entry-container .contentColumnSearch { display: block; margin-left: 0px; position:relative; z-index: 3200; margin-top: 10px; width: 300px !important; height: auto; overflow: hidden; padding: 10px; } #footer #entry-container .contentColumnSearch h3.search { padding: 10px; width: 240px; display: block; float: none; } .searchform { display: block; float: none; width: 300px !important; height: 85px; margin-top: 20px; position: relative; overflow: hidden; } #footer #entry-container .contentColumn a{ font-size:121.4% !important; font-family:"bebas_neueregular",Arial,Helvetica !important; text-transform: uppercase !important; color:#d03366 !important; border-bottom: 1px solid #808080; padding:10px;width: 240px; display:block; float:none;} #footer #entry-container .contentColumn ul li a{ font-size:100% !important; font-family:"bebas_neueregular",Arial,Helvetica !important; text-transform: uppercase !important; color:#FFFFFF !important; padding:5px 5px 0px 10px; width: 245px; border-bottom: none !important; text-decoration:none;} #footer #entry-container { display: block; width: 300px !important; float: none; margin-right: 0px; margin-left: 0px; } #footer #entry-container .contentColumn { display: block; width: 300px; float: none; margin-right: 0px; padding:10px; overflow: hidden; } #footer .terms { display: block; width: 300px; float: none; padding: 10px; margin-left: 0px; margin-top: 20px; font-size:100% !important; line-height:15px !important; font-family:"bebas_neueregular",Arial,Helvetica !important; text-transform: uppercase !important; color:rgba(76,76,76,1.0) !important; opacity:1.0 !important; } /* Features */ #features #cycle { height: 120px !important; } #features .fcontainer .feature-wrap.bg_cover { background-size: 100%; height: 120px !important; } .fset_height, #feature_slider .text-bottom .fmedia .dcol-pad, #feature_slider .text-bottom .feature-pad, #feature_slider .text-none .fmedia .dcol-pad { height: 120px !important; } #feature-footer { display: none; } /* Boxes */ #boxes .pp3 { display: block !important; float: none !important; width: 300px !important; margin-right: 0% !important; } #boxes .grid-element:first-child { background: none !important; margin-left: 0px !important; } #boxes .fboxgraphic > a > img { width: 200px !important; } /* Content Menus */ #sb_content { width: 320px !important; overflow:hidden !important; margin: -15px 0px 0px 0px !important; } #sb_content .widget-pad { padding: 0px; } #sb_content .widget_nav_menu { position:relative !important; width: 320px !important; height: auto !important; overflow:hidden !important; margin: 0px 0px 0px 0px !important; padding: 0px 0px 0px 0px !important; background: rgba(221,221,217,1) !important; } #sb_content .widget_nav_menu ul { list-style: none; margin: 0; padding: 0; overflow:hidden !important; } #sb_content .widget_nav_menu ul li { display: block; float: none; margin: 0px 0px 0px 0px !important; padding: 0;height: 45px !important; max-width: 320px !important; overflow:hidden !important; color:rgba(76,76,76,.8) !important; background: url('images/tm-bg.png') no-repeat !important; background-size: 100% 100% !important; } /* Homepage */ .home .hentry { background: #dbdbdb !important; padding: 0px !important; margin: 0px !important; height: auto !important; webkit-box-shadow: inset 0px 1px 5px -1px rgba(0, 0, 0, .35) !important; box-shadow: inset 0px 1px 5px -1px rgba(0, 0, 0, .35) !important; } .hentry #entry-container { display: block; width: 300px !important; float: none; margin-right: 0px; margin-left: 0px; padding-bottom: 0px; overflow: hidden; } .hentry #entry-container .contentColumn { display: none; } .hentry #entry-container .contentColumn-mobile { display: block; width: 300px; float: none; margin-right: 0px; padding-top: 20px; overflow: hidden; } .hentry #email-container .contentColumn { display: block; width: 300px; float: none; padding-top: 20px; overflow: hidden; } .hentry #right-container { display: block; width: 300px; float: none; padding-bottom: 0px; overflow: hidden; } .hentry #button-container { display: block; height:72px; width: 300px; padding: 15px 0px 0px 0px; overflow: hidden; } .hentry #email-container { display: block; width: 300px; padding: 0px 0px 0px 0px; overflow: hidden; } .hentry #entry-container h1 { padding: 25px 0px 10px 0px; } #FSContact1 { width: 320px !important; } .hentry #email-container .emailsignup #FSContact1 div input[type="submit"] { position: relative !important; left: 0px !important; float: left !important; } /* Grapevine */ #masthead, #masthead .masthead-img { width: 320px !important; } .scrollgallery { width: 320px !important; position:relative !important; margin-left: -15px !important; } .scrollgallery .scrollGalleryFoot { width: 320px !important; position:relative !important; padding: 0px !important; } .scrollgallery .thumbareaContent img { width: 104px !important; height: 79px !important; display: inline !important; } .scrollgallery .scrollGalleryFoot .imagearea .imageareaContent .caption_container div { display: block; background: rgba(0,0,0,0.25) !important; color: #FFFFFF !important; position:absolute !important; bottom: 0px !important; width: 300px !important; height: auto; overflow: hidden; font-size: 50% !important; } .scrollgallery .scrollGalleryFoot .imagearea img { width: 320px !important; height: auto !important; } .scrollgallery .scrollGalleryFoot .imagearea .imageareaContent { width: 320px !important; height: 200px !important; } .single .scrollgallery { margin-left: -10px !important; } /* Sidebar Universal */ #sb_universal .textwidget iframe { width: 100%; height: auto; overflow: hidden; } /* Morefoot */ #morefoot { width: 320px !important; margin: 0px 0px 15px 0px !important; background-color: #FFFFFF !important; } #morefoot .content { width: 320px !important; padding-bottom: 50px; } #morefoot .grid-element { display: block; width: 300px !important; float: none !important; background: none !important; } #morefoot .srp-widget-singlepost { width: 300px !important; } #morefoot .srp-widget-singlepost div.srp-content-box { position: relative; display: block !important; float: none !important; width: 300px !important; height: auto !important; vertical-align: top !important; } /* Past Productions Menu */ .entry_content .menu-past-productions-menu-container { position:relative !important; width: 320px !important; overflow: hidden !important; margin: 20px 0px 20px -15px !important; padding: 0px 0px 15px 0px !important; overflow-x: scroll !important; overflow-y: hidden !important; } .entry_content .menu-past-productions-menu-container ul { list-style: none !important; margin: 0; padding: 0; width: 2250px !important; height: 45px !important; } /* Past Events Menu */ .entry_content .menu-past-events-menu-container { position:relative !important; width: 320px !important; overflow: hidden !important; margin: 20px 0px 20px -15px !important; padding: 0px 0px 15px 0px !important; overflow-x: scroll !important; overflow-y: hidden !important; } .entry_content .menu-past-events-menu-container ul { list-style: none !important; margin: 0; padding: 0; width: 2250px !important; height: 45px !important; } /* Press Menu */ .entry_content .menu-press-menu-top-container { position:relative !important; width: 320px !important; overflow: hidden !important; margin: 20px 0px 20px -15px !important; padding: 0px 0px 0px 0px !important; } .entry_content .menu-press-menu-top-container ul { list-style: none !important; margin: 0; padding: 0; } /* Special Recent Posts */ .srp-widget-singlepost { width: 290px !important; } .srp-content-box .donatenow, .srp-content-box .search, .srp-content-box .signup, .srp-content-box .membership, .srp-content-box .clickhere, .srp-content-box .membership-arrow, .srp-content-box .buy, .srp-content-box .buy-tickets, .srp-content-box .donate { position: relative !important; overflow: hidden; margin: 0px 0px 10px 0px; } div.srp-thumbnail-box, img.srp-widget-thmb { width: 290px !important; height: auto !important; } .home div.srp-thumbnail-box, .home img.srp-widget-thmb { width: auto !important; height: auto !important; } div.srp-content-box { width: auto !important; } } /* Samsung Galaxy S5 and S6 in landscape */ @media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3) { /* Shared Page Styles */ body.fixed_width #page, body.fixed_width #footer, body.canvas .page-canvas { max-width: 600px !important; } #site .content { width: 600px !important; } .content-pad { padding: 0px; } #column-wrap { float: left; width: 600px !important; margin-right: 0px !important; background-color: #FFFFFF !important; border-top-right-radius: 0px; -moz-border-radius-topright: 0px; } .one-sidebar-right #pagelines_content #column-main { width: 600px !important; } #button-container { position: relative !important; top: 0px !important; right: 0px !important; padding: 10px; } section.copy { margin: 15px 0; } #sidebar-wrap { float: right; width: 600px !important; height: 100% !important; background-color: #FFFFFF !important; border-top-right-radius: 0px; -moz-border-radius-top : 0px; right: 0px; } .textwidget { padding: 20px 2px; } #myatu_bgm_overlay { display: none !important; } #postloop img { width: 600px; display: block; margin-bottom: 0px !important; } #postloop img.attachment-full:first-of-type { width: 600px !important; height: auto !important; } iframe { width: 100%; height: auto; overflow: hidden; } .hentry table td, #comments table td { padding: .15em .2em !important; } .error404 #notfound .searchform { display: none !important; } /* Post Tabs */ .wordpress-post-tabs-skin-default ul.ui-tabs,.wordpress-post-tabs-skin-default ul.ui-tabs-nav{margin:0 !important; text-transform: uppercase; width: 600px !important; } .wordpress-post-tabs-skin-default .ui-tabs .ui-tabs-nav li.ui-corner-top, .wordpress-post-tabs-skin-default .ui-tabs-horizontal-top .wpts_ext { padding-bottom: 0px!important; } .page-id-80 .wordpress-post-tabs-skin-default .ui-tabs .ui-tabs-nav li, .page-id-80 .wordpress-post-tabs-skin-default .ui-tabs .ui-tabs-nav li a, .page-id-80 .wordpress-post-tabs-skin-default .ui-tabs .ui-tabs-nav li.ui-state-active a { width:600px !important; background-size: 100% !important; } /* Header */ .fixed_width #branding .content-pad { padding: 5px; } #branding .mainlogo-link, #branding .mainlogo-img { width: 600px; display: block; } #branding .icons { width: 125px !important; display: block; position: relative !important; overflow: hidden; right: 0px; text-align: right; z-index: 5 !important; line-height: 20px;height: 24px;} .quote { display: none; } /* Footer */ #footer { font-size:1em; overflow:hidden; height: auto; margin: 0 auto; margin-top: 60px !important; width: 600px !important; background: url(https://www.vineyardtheatre.org/images/background/blacktrans.png) repeat !important; } #footer .content { width: 600px !important; } #footer #entry-container { display: block; width: 600px !important; float: none; margin-right: 0px; margin-left: 0px; } #footer #entry-container .contentColumnSearch { display: block; margin-left: 0px; position:relative; z-index: 6000; margin-top: 10px; width: 580px !important; height: auto; overflow: hidden; padding: 10px; } #footer #entry-container .contentColumnSearch h3.search { padding: 10px; width: 240px; display: block; float: none; } .searchform { display: block; float: none; width: 580px !important; height: 85px; margin-top: 20px; position: relative; overflow: hidden; } #footer #entry-container .contentColumn a{ font-size:121.4% !important; font-family:"bebas_neueregular",Arial,Helvetica !important; text-transform: uppercase !important; color:#d03366 !important; border-bottom: 1px solid #808080; padding:10px;width: 240px; display:block; float:none;} #footer #entry-container .contentColumn ul li a{ font-size:100% !important; font-family:"bebas_neueregular",Arial,Helvetica !important; text-transform: uppercase !important; color:#FFFFFF !important; padding:5px 5px 0px 10px; width: 245px; border-bottom: none !important; text-decoration:none;} #footer #entry-container { display: block; width: 580px !important; float: none; margin-right: 0px; margin-left: 0px; } #footer #entry-container .contentColumn { display: block; width: 580px; float: none; margin-right: 0px; padding:10px; overflow: hidden; } #footer .terms { display: block; width: 580px; float: none; padding: 10px; margin-left: 0px; margin-top: 20px; font-size:100% !important; line-height:15px !important; font-family:"bebas_neueregular",Arial,Helvetica !important; text-transform: uppercase !important; color:rgba(76,76,76,1.0) !important; opacity:1.0 !important; } /* Features */ #features #cycle { height: 140px !important; } #features .fcontainer .feature-wrap.bg_cover { background-size: 100%; height: 140px !important; } .fset_height, #feature_slider .text-bottom .fmedia .dcol-pad, #feature_slider .text-bottom .feature-pad, #feature_slider .text-none .fmedia .dcol-pad { height: 140px !important; } #feature-footer { display: none; } /* Boxes */ #boxes .pp3 { display: block !important; float: none !important; width: 580px !important; margin-right: 0% !important; } #boxes .grid-element:first-child { background: none !important; margin-left: 0px !important; } #boxes .fboxgraphic > a > img { width: 200px !important; } /* Content Menus */ #sb_content { width: 600px !important; overflow:hidden !important; margin: -15px 0px 0px 0px !important; } #sb_content .widget-pad { padding: 0px; } #sb_content .widget_nav_menu { position:relative !important; width: 600px !important; height: auto !important; overflow:hidden !important; margin: 0px 0px 0px 0px !important; padding: 0px 0px 0px 0px !important; background: rgba(221,221,217,1) !important; } #sb_content .widget_nav_menu ul { list-style: none; margin: 0; padding: 0; overflow:hidden !important; } #sb_content .widget_nav_menu ul li { display: block; float: none; margin: 0px 0px 0px 0px !important; padding: 0;height: 45px !important; max-width: 600px !important; overflow:hidden !important; color:rgba(76,76,76,.8) !important; background: url('images/tm-bg.png') no-repeat !important; background-size: 100% 100% !important; } /* Homepage */ .home .hentry { background: #dbdbdb !important; padding: 0px !important; margin: 0px !important; height: auto !important; webkit-box-shadow: inset 0px 1px 5px -1px rgba(0, 0, 0, .35) !important; box-shadow: inset 0px 1px 5px -1px rgba(0, 0, 0, .35) !important; } .hentry #entry-container { display: block; width: 580px !important; float: none; margin-right: 0px; margin-left: 0px; padding-bottom: 0px; overflow: hidden; } .hentry #entry-container .contentColumn { display: none; } .hentry #entry-container .contentColumn-mobile { display: block; width: 580px; float: none; margin-right: 0px; padding-top: 20px; overflow: hidden; } .hentry #email-container .contentColumn { display: block; width: 580px; float: none; padding-top: 20px; overflow: hidden; } .hentry #right-container { display: block; width: 580px; float: none; padding-bottom: 0px; overflow: hidden; } .hentry #button-container { display: block; height:72px; width: 580px; padding: 15px 0px 0px 0px; overflow: hidden; } .hentry #email-container { display: block; width: 580px; padding: 0px 0px 0px 0px; overflow: hidden; } .hentry #entry-container h1 { padding: 25px 0px 10px 0px; } #FSContact1 { width: 600px !important; } .hentry #email-container .emailsignup #FSContact1 div input[type="submit"] { position: relative !important; left: 0px !important; float: left !important; } /* Grapevine */ #masthead, #masthead .masthead-img { width: 600px !important; } .scrollgallery { width: 600px !important; position:relative !important; margin-left: -15px !important; } .scrollgallery .scrollGalleryFoot { width: 600px !important; position:relative !important; padding: 0px !important; } .scrollgallery .thumbareaContent img { width: 104px !important; height: 79px !important; display: inline !important; } .scrollgallery .scrollGalleryFoot .imagearea .imageareaContent .caption_container div { display: block; background: rgba(0,0,0,0.25) !important; color: #FFFFFF !important; position:absolute !important; bottom: 0px !important; width: 580px !important; height: auto; overflow: hidden; font-size: 50% !important; } .scrollgallery .scrollGalleryFoot .imagearea img { width: 600px !important; height: auto !important; } .scrollgallery .scrollGalleryFoot .imagearea .imageareaContent { width: 600px !important; height: 200px !important; } .single .scrollgallery { margin-left: -10px !important; } /* Sidebar Universal */ #sb_universal .textwidget iframe { width: 100%; height: auto; overflow: hidden; } /* Morefoot */ #morefoot { width: 600px !important; margin: 0px 0px 15px 0px !important; background-color: #FFFFFF !important; } #morefoot .content { width: 600px !important; padding-bottom: 50px; } #morefoot .grid-element { display: block; width: 580px !important; float: none !important; background: none !important; } #morefoot .srp-widget-singlepost { width: 580px !important; } #morefoot .srp-widget-singlepost div.srp-content-box { position: relative; display: block !important; float: none !important; width: 580px !important; height: auto !important; vertical-align: top !important; } /* Past Productions Menu */ .entry_content .menu-past-productions-menu-container { position:relative !important; width: 600px !important; overflow: hidden !important; margin: 20px 0px 20px -15px !important; padding: 0px 0px 15px 0px !important; overflow-x: scroll !important; overflow-y: hidden !important; } .entry_content .menu-past-productions-menu-container ul { list-style: none !important; margin: 0; padding: 0; width: 2250px !important; height: 45px !important; } /* Past Events Menu */ .entry_content .menu-past-events-menu-container { position:relative !important; width: 600px !important; overflow: hidden !important; margin: 20px 0px 20px -15px !important; padding: 0px 0px 15px 0px !important; overflow-x: scroll !important; overflow-y: hidden !important; } .entry_content .menu-past-events-menu-container ul { list-style: none !important; margin: 0; padding: 0; width: 2250px !important; height: 45px !important; } /* Press Menu */ .entry_content .menu-press-menu-top-container { position:relative !important; width: 600px !important; overflow: hidden !important; margin: 20px 0px 20px -15px !important; padding: 0px 0px 0px 0px !important; } .entry_content .menu-press-menu-top-container ul { list-style: none !important; margin: 0; padding: 0; } /* Special Recent Posts */ .srp-widget-singlepost { width: 570px !important; } .srp-content-box .donatenow, .srp-content-box .search, .srp-content-box .signup, .srp-content-box .membership, .srp-content-box .clickhere, .srp-content-box .membership-arrow, .srp-content-box .buy, .srp-content-box .buy-tickets, .srp-content-box .donate { position: relative !important; overflow: hidden; margin: 0px 0px 10px 0px; } div.srp-thumbnail-box, img.srp-widget-thmb { width: 570px !important; height: auto !important; } .home div.srp-thumbnail-box, .home img.srp-widget-thmb { width: auto !important; height: auto !important; } div.srp-content-box { width: auto !important; } } /*///// Tablet Styles /////*/ /* iPad in portrait */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { #features #cycle { height: 200px !important; } #features .fcontainer .feature-wrap.bg_cover { background-size: 100%; height: 200px !important; } .fset_height, #feature_slider .text-bottom .fmedia .dcol-pad, #feature_slider .text-bottom .feature-pad, #feature_slider .text-none .fmedia .dcol-pad { height: 200px !important; } #feature-footer { display: none; } } /* iPad in landscape */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { /* Full Styles */ }