/*! ******************************************************
*
*	Theme Name:     Toolset Starter Child
*   Author:         OnTheGoSystems
*   Author URI:     http://www.onthegosystems.com/
*   Description:    Simple, clear and modern Bootstrap 3-based theme. Perfect base for developing all kinds of responsive sites with Toolsets, including the Layouts plugin (no extra integration needed, you activate Layouts and the drag and drop facilities work out of the box). Uses WordPress theme customizer and supports Font Awesome Icons. Supports WooCommerce integration by styles unification.
*   Version:        1.1
*   License:        GNU General Public License v2 or later
*   License URI:    http://www.gnu.org/licenses/gpl-2.0.html
*   Template:       toolset-starter
*
*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/


/* STAGEBUDDY */
/** NOTE: ADMIN STYLING:  All are in the functionsPHP, they wont work here! **/

/* Remove a bunch of admin-bar stuff - This ONLY for front of site. Admin is in the functions styling! */
#wp-admin-bar-ddl-front-end-editor,  /*This is from types/toolset*/
#wp-admin-bar-custom_node54160 a {color:grey !important;}  /* Grey out Editorial Calender in Admin Bar  */
ul#wp-admin-bar-root-default #wp-admin-bar-site-name {display:none;} /* Remove StageBuddy from front-admin-bar  */

/* A temporary notice for logging in: */
.row.temploginnotice {
    font-size: 9px;
    text-align: center;
    margin-bottom: 6px;
    color: #888;
}


/** Fix WP-TYPES styling **/
a[target="_blank"]:not(.notarget):after {display: none;} /* Remove themes link icons on front end */
figure {max-width:100%;} /* FIX FIX toolset starter them responsive error with captions */
figcaption.wp-caption-text {font-size: 10px;padding-top: 3px;} /* Style Captions smaller and higher */

.dgwt-jg-caption__font--14 {font-size: 11pt !important;letter-spacing: 0 !important;}
.dgwt-jg-caption span {font-weight:normal !important;}

/** Remove "Facebook Comments Plugin" **/
._2pi8 ._5lm5,
._2pi8 ._3-8y,
._2pi8 ._2pi3 {visibility: hidden !important;}
._491z {border-bottom:0 !importnat;} /* Remove hr line under 0 comments */


/** LOGIN-LOGOUT PLUGIN **/
.wrap_login_logout {font-size: 13px;list-style: none; padding:0;text-align: center;} /* overall style*/
.item_login {font-size: 14px;}	/* Login bigger */
ul.wrap_login_logout {margin:0;} /* less space bottom */

/** SOCIAL LOGIN PLUGIN **/
.widgettitle { /* or log in with facebook */
    font-size: 12px;
    text-align: center;
    font-family: inherit;
    margin: 3px 0 4px;
}
ul.the_champ_login_ul { width: 38px; height:37px; margin: 0 auto !important; background:#3a5895;;} /* center the facebook button */
.theChampFacebookLogin:hover {background-color:#4A6FC6} /*facebook button hover*/

body.login.login-action-login.wp-core-ui {background: white !important;} /* Make wordpress login screen white*/


/** ******************************* SideBar Advertising blocks ******************************* **/
.sidebarad {
	width:100%;
	padding:0 0 18px 0px;
	-webkit-transition: all .1s ease-in-out;
	transition: all .2s ease-in-out;
}
@media (max-width: 767px){.sidebarad {margin-top:50px;}}
.sidebarad img {border: 1px solid #ccc;}
.sidebarad img {-webkit-transition: all .1s ease-in-out; transition: all .2s ease-in-out;}
.sidebarad img:hover {-webkit-transform: scale(1.05);transform: scale(1.05);}
.loopadborder img {border:1px solid #777; margin-bottom: 10px;}


/** ******************************* Evan General Style Library ******************************* **/
.clearboth {clear:both;}
.pad2 {padding:2px 0;} /** Under Main Pic before tags **/
.pad5 {padding:5px 0;} /** For Adding Row Padding **/
.pad10 {padding:10px 0;}
.pad20 {padding:20px 0;}
.padx {padding:70px 0;}
.hr10{border-top:1px solid #ccc; margin: 10px 0;}
.hr40{border-top:1px solid #ccc; margin: 40px 20px;}
.invertedblueboxtext {background-color:#205990;color:#fff;padding:5px;font-family:oswald;} /* makes text white, blue bar background - used on contact/advertising pages*/
.greybackground {background-color:#ddd;padding-top:20px;} /* Grey Background on Inactive Contests*/
.h3header {font-family:Oswald, arial, sans-serif; font-size:2.2em;color:#777;}
.row hr {margin-top: 10px;}
.color-sborange {color:#D78100;}
.color-sbred {color:#8a1313;}
.shadow1 {box-shadow:2px 2px 5px rgba(0,0,0,.1);}


/** Adjust General CSS **/
body { -webkit-font-smoothing: subpixel-antialiased; color:black;} /* Fix safari thin text */
a:link, a:visited, a:active {color: #29879e;}  /* Color all links */
a:hover, a:focus {text-decoration: none; color:#00b8e6 !important;}
h3,h4,h5,h6 {margin-top:20px; margin-bottom:3px;}  /* Reset all headings to not have the bootstrap top/bottom margin */
:focus {outline:none !important;} /* Remove Dotted outlines on buttons (mostly in firefox) */
input[type="submit"] {background-color:#b3d3ff !important;}


/** TITLES SYSTEM (h1 becomes smaller for SEO purposees and H2 (Fun Title) moves up to be larger) **/
.h1 {      
  font-family:oswald,helvetica,sans-serif;
  font-size:30px;
  text-align:left;
  line-height: 1.1em;
  margin:3px 0 3px;
}
.h2 {      
  font-family:oswald,helvetica,sans-serif;
  font-size: 23px;
  text-align: left;
  line-height:1.1em;
  margin:3px 0 3px;
}
.fontsize30 {font-size: 30px;}
.fontsize24 {font-size: 24px;}
.fontsize23 {font-size: 23px;}
.fontsize16 {font-size: 16px;}
.fontsize15 {font-size: 15px;}
.fontsize12 {font-size: 12px;}
.colorgrey {color:grey !important;}



/** BlockQuote style (Click to Tweet is in uploads folder: bcttstyle.css **/
blockquote {
    margin: 0 30px 12px;
    font-size: 28px;
    font-family: oswald;
    line-height: 32px;
    color: #b10e0e;
    border-left: 0px;
    font-weight: 900;
}


/** WP-FB Autoconnect (sign up with ajax in its own widget.css in the child theme folder **/
.header-signuptext {
	font-size:10px;
	margin:8px 0;
	text-align:center;
}
.fbLoginButton {
	text-align: center;
	width: 90%;
	margin: 8px auto 12px;
}
	
.fbLoginButton img {
	-webkit-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out;
	-webkit-animation: filter-animation .5s infinite;
	animation: filter-animation 5s infinite;
	}
.fbLoginButton img:hover {transform: scale(1.02);}

.widget_autoconnect_premium {font-size:13px !important; margin-bottom:10px;}

/** CRED FORMS **/
label.cred-label {
    font-size: 22px;
    display: block;
    margin: 24px 0 0;
    color: #D78100;
}


/*** EVAN's Hard Coded Social Follow - pasted into a text widget in header (About/Contact/Icons) ***/
.socialheader-boxoutside {width:130px; margin:6px auto;}
.socialheader-contactabout {
    font-family: oswald;
    font-size: 13px;
    line-height: 15px;
}
.socialheader-contactabout-slidemenu {
    font-family: oswald;
    font-size: 16px;
    line-height: 17px;
    color: black;
}
.socialheader-text {
    font-family: helvetica;
    font-size: 10px;
    line-height: 10px;
    margin: 3px 0 0 3px;
}
.socialheader-icons {
    margin-left:19px !important;
    vertical-align: middle;
    float: left;
}

.socialheader-postashow {
    padding: 3px 0;
    font-size: 10px;
    background-color: #4d9ccc;
    text-align: center;
    margin: 4px 0;
    width: 118px;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
	-webkit-animation: filter-animation .5s infinite;
	animation: filter-animation 5s infinite;
}
.socialheader-postashow > a, .socialheader-postashow > a:hover {color:white !important;}
.socialheader-postashow:hover {color:white; background-color: #0084e6; -webkit-transform: scale(1.04);transform: scale(1.04);}

/*** ThemeMyLogin ADDED BY EVAN ***/
.login #loginform, .login #registerform {float:none;}
.login label[for="user_login"],.login label[for="user_pass"] {float:none;}
#facebook-btn-wrap {margin:10px 0 20px;}
.login ul li {background:none;}
#theme-my-login.login {
  border: 1px solid #DDDDDD;
  margin: 10px auto;
  padding: 20px;
  width: 220px;
}


#user_login {color:#888;} /* Grey out user login name since it can't be changed */
#theme-my-login.login.profile {border:0;margin:0;padding:0px;width:auto;} /*Overide login styling */
#your-profile .form-table input {width: 410px; padding:3px 8px !important;} /*single line boxes */
#your-profile .form-table textarea {width:420px;} /*size Bio box */
#your-profile .form-table .description {display:block;} /*Descriptions on next line */
#your-profile #pass-strength-result {float:none;} /* StrengthDescription on next line*/
#your-profile select {font-family:helvetica, sans-serif; width:200px;}
#your-profile h3 {margin-top:20px;}
.tml-avatar {font-size:12px;}
.tml-avatar li {margin-left:40px;}



/*** NOTE: All ThemeMyLogin styles are in it's own css file > theme-my-login.css in child theme folder ***/



/********************** HEADER **********************/
.header {
	position:fixed;
	width:100%;
	background-color: #fff;
	z-index: 110;
}
.header
title { /* Style Social links (socialfeather) in header */
	font-size:12px;
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    margin-top: 10px;
}
#rm-additional-content h2.widgettitle {  /* Style Social links (socialfeather) in slider menu with widget shortrcode */
	font-size:18px;
    margin-top: 30px;
}

/******************** Mobile Stickys *********************/
.mobilesticky-column {
	float: left;
	Width:49.9%;
	padding: 5px 4px 5px 4px;
	line-height: 1.1em;
}
.xmobilesticky-column:last-of-type {padding: 5px 0 5px 0;}
.mobilesticky-h6 {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 1.3em;
}




/******************** SLIDER *********************/
/* SLIDER FILTER SECTION */
.slider-pagination-dots {
    position: absolute;
    z-index: 100;
    top: 14px;
    right: 20px;
}
.sliderarrow-left {
  position:absolute;
  top:140px;
  opacity:0.3;
  z-index:100;
  right:660px;
}
.sliderarrow-left:hover {opacity:0.7;}

.sliderarrow-right {
  position:absolute;
  top:140px;
  opacity:0.3;
  z-index:100;
  right:10px;
}
.sliderarrow-right:hover {opacity:0.7;}


/* SLIDER MAIN SECTION */
/* Outerbox holds the vertical sizing **/

@media (max-width: 6000px) {
  .slider-outerbox {height:420px}
  .slider-picturebox {
	width: 100%;
	height: 350px;
  	overflow:hidden;
    background-color:#000;
	}
.blocknexttoslider {
	width:136px;
	height:390px;
	display:block;
	}
}
@media (max-width: 1200px){
  .slider-outerbox {height:420px}
  .slider-picturebox {height: 350px;}
  .blocknexttoslider {display:none;}
}
@media (max-width: 990px){
  .slider-outerbox {height:340px}
  .slider-picturebox {height: 266px;}
  .sliderarrow-left {left:10px;}
}
@media (max-width: 767px){
  .slider-outerbox {height:410px;}
  .slider-picturebox {height: 350px;}
}
@media (max-width: 640px){
  .slider-outerbox {height:350px;}
  .slider-picturebox {height: 300px;}
}
@media (max-width: 540px){
  .slider-outerbox {height:300px;}
  .slider-picturebox {height: 250px;}
  .sliderarrow-left, .sliderarrow-right {top:100px;}
}
@media (max-width: 480px){
  .slider-outerbox {height:270px;}
  .slider-picturebox {height: 210px;}
  .sliderarrow-left, .sliderarrow-right {top:70px;}
}

.blocknexttoslider-sub1 {
	margin-bottom:15px;
	border: 1px solid #bbb;
}
	

/********** Style the Picture *************/
.sliderpicture {width:100%;}

/******** Text Box Below Picture *********/
.slider-textboxouter {height: 74px;} /* maintain distance to next block on page */
.slider-textbox {
	background-color:#f0f0f5;
	width: 100%;
  	padding: 5px 5px 8px 10px;
  	min-height: 60px;
  	max-height: 60px;
  	overflow:hidden;
}

@media (max-width: 760px){
  .slider-textboxouter {min-height: 74px;}
  .slider-textbox {min-height: 50px; max-height: 68px;} /* 3 lines of text */
}
/******** TITLE ****************/
.slider-title {
	font-family: oswald, helvetica;
    font-weight: normal;
  	font-size: 20px;
  	color: darkred;
  	line-height: 1.2em;
}
@media (max-width: 760px){
  .slider-title {font-size: 16px;}
}
.slider-titleh {color: darkred;}
a.slider-titleh:hover {color: #2794b5;}
/******************** END SLIDER *********************/

/******************** SLIDER-new *********************/

.slider-picturebox1 {
   position: relative;
   width: 100%;
   padding-top: 50%; /* 1:2 Aspect Ratio */
}
.slider-picturebox2 {position:  absolute;top: 0;left: 0;bottom: 0;right: 0;overflow:hidden;}
.slider-addtextoverlay {
  position: absolute;
  top: -4px;
  left: 6px;
  font-family:oswald;
  font-weight:bold;
  font-size:34px;
  color:rgba(180, 180, 180, 0.6);
}




/************ Structure ************/
.wpv-pagination { *zoom: 1 !important;}  /** Try to fix ipadmini infinite scroller **/

/* Used for "Scroll for more" which is at the bottom of every page before pagination ends*/
.footerstyle {
	padding:6px 0 3px;
	background-color:#eee;
	margin:30px 0 65px;
	text-align: center;
}

.feathersharelowerright {
	font-weight:bold;
	color:#099;
	float:right;
}

/** Pagination & Filter Spinner **/
.wpv_slide_loading_img {
    position: fixed !important;
    bottom: 150px !important;
    border:1px solid yellow !important;
    right: 20px !important;
}
.filterspinner {
    position: fixed !important;
    bottom: 150px !important;
    right: 20px !important;
    border:1px solid blue !important;
}


/** HEADER **/
#wpadminbar {position:fixed;}
body.admin-bar #ajaxsearchpro1_1 {top: 45px !important;}		/* Ajax Search Box Plugin */


/** FOOTER BOX --  PUT INTO: in Layouts CSS to fix a Safari issue with it not working!!! **/





/** SideBar Advertising blocks **/
.sidebarad {
	width:100%;
	padding:0 0 18px 0px;
	-webkit-transition: all .1s ease-in-out;
	transition: all .2s ease-in-out;
}
.sidebarad img {-webkit-transition: all .1s ease-in-out; transition: all .2s ease-in-out;}
.sidebarad img:hover {-webkit-transform: scale(1.05);transform: scale(1.05);}
.sidebarad img {border: 1px solid #ccc;}

/** Articles/ Single Posts **/
.filedunder {
  font-family:helvetica,sans-serif;
  font-size:14px;
  color:#aaa;
  margin:0 0 3px 1px;
}
.articlesposttitle {
  font-family:oswald,helvetica,sans-serif;
  font-size:30px;
  color:#000000;
  text-align:left;
  line-height: 1.1em;
  margin:6px 0 12px;
}
.feathershare-topofarticle {padding: 7px 0;}
.articleblock {margin-bottom:10px;}
.bistrotag {    
	font-size: 15px;
    margin-bottom: 14px;
    font-weight: 700;
    color: #29879e;
    border-bottom: 2px #7fa7b3 solid;
    padding-bottom: 3px;
}
.post-authorbio {margin:0 0 0 15px;font-size:14px;}
.authorbox {
    background-color: #f6f6f6;
    padding: 12px;
    margin: 10px 0;
    border: 1px #d0d0d0 solid;
    border-radius: 2px;
}
.articlesbyauthor {margin:0 0 3px 15px;font-size:14px;} /* List of 3 articles by Author on single posts */

/** For the Sub-Banners **/
.subheaderimage-outerbox {overflow:hidden; margin-bottom:6px;}

/** BUDDY PICKS **/
.buddypicks-homepagesubheader {
  font-family:oswald,helvetica,sans-serif;
  font-size:24px;
  color:#777;
  font-weight: 200;
  margin-left: 4px;
}
.buddypicks-homepagesubheader:before {content: "See these shows before you can't!";}

.homepage-smallthumbnailbox {
	margin: 0 10px 16px 0;
    overflow: hidden;
    max-height: 250px;
    width: 20%;
    float: left;
    
}
/** REMOVED SMALL BOX: box-shadow:2px 2px 4px rgba(0,0,0,.1);outline: 1px solid #cacaca; **/


.homepage-picksinfobox {}


@media (max-width: 500px){.buddypicks-homepagesubheader:before {content: "See them before they close!";}}
@media (max-width: 440px){
  .buddypicks-homepagesubheader {font-size:19px; margin-left: 0px;}
  .homepage-picksinfobox {font-size: 13px; line-height: 17px;}
}
@media (max-width: 360px){.homepage-picksinfobox {font-size: 12px; line-height: 16px;}}
@media (max-width: 350px){.buddypicks-homepagesubheader:before {content: "See before they close!";}}	

/** BUDDY PICKS old **/
.homepagepicksbox {
    background-color: #f0f0ff;
    padding: 10px;
    margin: 10px 0;
    border: 1px #c1c1c1 solid;
    border-radius: 10px;
    display:inline-block;
    height:100px;
    width:100%;
    -webkit-transition: all .1s ease-in-out;
	transition: all .2s ease-in-out;
	box-shadow:1px 1px 5px rgba(0,0,0,.2)
}
.homepagepicksbox:hover {-webkit-transform: scale(1.02);transform: scale(1.02); background-color:#e4e4ff;}
.homepagepicks-infobox {width:100%; color:#574384;}
.homepagepicks-picbox {
	width:17%; 
	margin:0 10px 20px 0; 
	float:left; 
	overflow: hidden; 
	max-height:80px; 
	border-radius:10px;
	background-color:black;
	}
.picksbannerhomepage img {border-radius: 4px 0 0 10px;}
.picksmainpage-picbox img {border-radius: 10px;}



/* CONTESTS  */
.nf-response-msg {font-size: 32px; color: red; font-family: oswald;}

/* CONTESTS Home Page */
.contests-homepagesubheader {
  font-family:oswald,helvetica,sans-serif;
  font-size:24px;
  color:#777;
  font-weight: 200;
  margin-left: 4px;
}
@media (max-width: 440px){.buddypicks-homepagesubheader {font-size:19px; margin-left: 0px;}}


/** ----------------------RESPONSIVE SIZE ADJUSTMENTS---------------------------- **/
@media (max-width: 6000px) {
  .sblogo-headerlarge {display:block; margin:auto; width:300px;}
  .sidebarstyle {display:block;}
  .twocolumns {-webkit-column-count: 2;-moz-column-count: 2;column-count: 2;} /*Columns on forms, etc */
  .featuredbox-stickies {display:none;} /** Hide sticky posts on Desktop so slider shows **/
  .mobilenavbarcells {display:none;}
  .padunderheader {padding-top: 140px;}	/** Pad under the fixed header **/
  body.admin-bar .navbarcells {top: 125px;}	/* With Adminbar */
  .subheaderimage {width:860px;} /** For the Sub-Banners **/
  .picksbannerhomepage {width:680px;} /* Picks Banner - Home Page */
}
@media (max-width: 767px) {
  .sidebarstyle {display:none;}
  .socialwidget {display:none;} /* Remove Header Social Feather Widget on mobile */
  .twocolumns ul {padding-left:6px;} /* When columns become 1, change padding from 40px */
  label {font-weight:normal !important;} /* Form Labels no longer bold on mobile */
  .featuredbox-stickies {display:block;}
  .navbarcells {display:none !important;}
  .mobilenavbarcells {display:block;top:94px;}
  body.admin-bar .mobilenavbarcells {top: 140px;}	/* With Adminbar */
  .padunderheader {padding-top: 130px;}	/** Pad under the fixed header **/
  .socialheader-boxoutside {display:none;}
}
@media (max-width: 600px) {
  .sblogo-headerlarge {width:200px;}
  .padunderheader {padding-top: 70px;}	/** Pad under the fixed header **/
  .sidebarstyle {display:none;}
  .twocolumns {-webkit-column-count: 1;-moz-column-count: 1;column-count: 1;} /* 2Columns becomes 1 */
  .mobilenavbarcells {top:63px;}
  body.admin-bar .mobilenavbarcells {top: 109px;}	/* With Adminbar */
  .padunderheader {padding-top:98px;}	/** Pad under the fixed header **/
  .subheaderimage {width:720px;} /** For the Sub-Banners **/
  .picksbannerhomepage {width:580px;} /* Picks Banner - Home Page */
  .homepagepicks-picbox {margin:0 6px 0 0; overflow: hidden; max-height:35px; border-radius:4px;}
}
@media (max-width: 400px) {
}


/** ---Article If no attached header-written one -------- **/
.aboutheadline {
  line-height: 1.1em;
  padding: 10px 14px;
  margin: 15px 0px;
  border-radius: 2px;
  background-color: #f6f6f6;
  border: 1px #666 solid;
}
/** ---Article VIEW:Show Attached Event Header - for pulling in posts-to-posts info ------------------ **/
.revnt-info1 {
  background-color: #d6d6d6;
  border-radius: 1px;
  color: #777;
  font-family: oswald, arial;
  font-size: 16px;
  line-height: 1.2em;
  padding: 5px 6px 5px 20px;
  width: 100%;
  text-align: center;
  margin:3px 0;
}
.revnt-info1 a:link, .revnt-info1 a:visited,.revnt-info1 a:active {color:#1b89c1;}
.revnt-info1 a:hover {color:#00a9ff;}


/** ------------------ DESKTOP NAV ------------------ **/
.navbarcells {
	background-color:#D78100;
	box-shadow:0px 2px 2px rgba(0,0,0,.3);
	margin-bottom:25px;
	position:fixed;
	top:93px;
	width:100%;
	z-index: 110;
	height:41px;  /* keep to 1 level of height */
}
.ddl-navbar-default {background-color:#D78100 !important;} /* Color regular Nav backgruond */
.navbarcells .ddl-navbar-default {background-color:#D78100 !important;} /* Color regular Nav backgruond */
.ddl-navbar-collapse {margin-left:0px !important;} /* remove 40px margin */
.ddl-navbar {
	min-height:0 !important;
	margin-top:0 !important;
	margin-left: -25px !important; /* Left margin of first button (Home) */
	border:0px;
	margin-bottom:0px;
}
.mainmenu nav ul li a {
	font-size:21px;
	color: white;
	font-weight: normal;
}
@media (max-width: 992px) {.mainmenu nav ul li a {font-size:16px;}}

.ddl-nav > li {border-right: 1px solid #b73;} /* button vertical lines */
.ddl-nav > li:last-child {border-right:0px;}  /* Make sure the last vertical line doesn't bounce down */
.ddl-nav > li > a {padding:10px 12px;}  /* paddding buttons */
.ddl-nav > li > a:hover {background-color: #5070b0; color:#ffe9b5 !important;}


/** ------------------ Responsive Menu (sliderout) plugin - adjust for admin-bar when signed in ------------------ **/
.admin-bar .responsive-menu-box {top:46px !important;} /* Slidout Responsive Menu - Hamburger With Adminbar */
/*div#responsive-menu-container {top: 46px;} /* The slidout menu itself needs to be pushed down */

/** ------------------ MOBILE NAV ------------------ **/
/* MobileNavBarTemplate */
.mobilenavbarcells {position:fixed;width:100%;z-index: 110;}
.mobilenavbarcells .col-sm-12 {background-color:#D78100; box-shadow:0px 2px 2px rgba(0,0,0,.4);}
nav3 {
	width:100%;
	display:table;
  	border-collapse:collapse;
    border:none;
    margin-bottom:1px;
}
nav3 nav3row {display:table-row;}
.nav3btn1 {
  display:table-cell;
  background:#D78100;
  color:#fff;
  font-family:oswald,helvetica,sans-serif;
  font-size:16px;
  text-align:center;
  border-right: 1px solid #EFC194;
  line-height:26px;
}
.nav3btn1:last-child {border-right: 0px;}
.nav3btn1:hover {background:#5070b0; color:#fff;}
a.nav3btn1 {color: #fff;}  /* Color all links */

/** MAIN SCROLLER CSS **/
.Scroll-ArticleTitle {  /** Titles above all scrolling lists **/
    font-family: oswald, helvetica;
  	font-size: 23px;
  	margin:0px 0 7px;
    text-align: left;
    line-height:1.2em;
}
.Scroll-ArticleTitleNews {  /** Titles above all scrolling lists **/
    font-family: oswald, helvetica;
  	font-size: 18px;
  	margin:0px 0 7px;
    text-align: left;
    line-height:1.2em;
}
.boxoverlay1 {  /** UpperLeft Red Boxtext over picture boxes (such as "Video") **/
	background: none repeat scroll 0 0 #990000;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
	color: #FFFFFF;
	font-family: oswald,helvetica;
	font-size: 12px;
	left: 0px;
	line-height: 13px;
	padding: 2px 2px;
	position: absolute;
	top: 0px;
	left:15px;
}
.Scroll-Author {
	font-family: oswald, helvetica;
  	font-size: 10px;
  	margin-bottom:7px;
    line-height:1em;
}
.scrollthumb_newscrop {max-height: 90px;overflow: hidden;}
.boxoverlayouter {position: absolute;top: 0px;}/** UpperLeft Red Boxtext over picture boxes (such as "Theater, Dance") **/

.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12,
.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,
.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,
.row {
  padding-right:7px !important;
  padding-left:7px !important;
}

/******************* PICKS SECTION ********************/
.boxbutton {
  color: white;
  font-size: 13px;
  margin: 0 8px 3px 0;
  padding: 2px 8px 3px;
  -webkit-transition: all .1s ease-in-out;
  transition: all .2s ease-in-out;
}
.boxbutton a {color:white !important;}


/******************* TAGS ********************/
.locationtagbox {
  color: white;
  float: left;
  font-size: 11px;
  line-height: 12px;
  margin: 0 4px 2px 0;
  padding: 2px 5px 3px;
  -webkit-transition: all .1s ease-in-out;
  transition: all .2s ease-in-out;
}
@media (max-width: 76px){.locationtagboxmobile {display:none;}} /*Hide TagTags on mobile scroll */
.locationtagbox-red {background-color:#8a1313;}
.locationtagbox-red:hover {background-color:#b90b0b; -webkit-transform: scale(1.1); transform: scale(1.1);}
.locationtagbox-orange {background-color:#D78100;}
.locationtagbox-orange:hover {background-color:#E6A23C; -webkit-transform: scale(1.1);transform: scale(1.1);}
.locationtagbox-blue {background-color:#99b;}
.locationtagbox-blue:hover {background-color:#88b; -webkit-transform: scale(1.1);transform: scale(1.1);}
.locationtagbox-grey {background-color:#aaa;}
.locationtagbox-grey:hover {background-color:#888; -webkit-transform: scale(1.1);transform: scale(1.1);}
.locationtagbox a {color:white !important;}


/******************* EVENT SEARCH STYLING ********************/

/* ************* STYLE REPLACEMENT BUTTONS - PRICING ++RADIO++ ************* */
.wpcf-form-radio-label {
	padding: 2px 10px;
	margin: 4px 0 5px 0;
	font-weight: normal;
	font-family: oswald;
	font-size: 15px;
	background-color: #daffda;
	border: 1px solid #aaa;
	box-shadow: 1px 1px 2px #ddd;
	color: #555;
    webkit-user-select: none; /* Chrome/Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+ */
  	user-select: none; /* Disable selecting the inside text+ */
}
.specialcheckbox input:checked + .wpcf-form-radio-label {background-color:#7b9aa2; color:white;}
.wpcf-form-radio-label:hover {background-color:#98cea9; color:white;}
.wpcf-form-radio-label:active {background-color:#daffda; color:white !important;}


/* ************* STYLE TAXONOMY ++RADIO++ Buttons (Bway-off-etc) *******/
.js-wpv-filter-trigger {display:none;}

label.radios-taxonomies-title {
	padding: 2px 8px;
	margin: 0 0 5px 0;
	font-weight: normal;
	font-family: oswald;
	font-size: 15px;
	background-color: #d3d8fc;
	border: 1px solid #aaa;
	box-shadow: 1px 1px 2px #ddd;
	color: #555;
    webkit-user-select: none; /* Chrome/Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+ */
  	user-select: none; /* Disable selecting the inside text+ */
}
.search-eventtaxonomybox input:checked + .radios-taxonomies-title {background-color:#79b; color:white;}
label.radios-taxonomies-title:hover {background-color:#aeb7e6; color:white;}
label.radios-taxonomies-title:active {background-color:#dde; color:white !important;}

/* ************* TAXONOMIES - REMOVE UNWANTED RADIOS **************/
label[for="event-types-theater"] {display: none;}	/* Remove Parent: THEATER */ 
/* Remove Children of MUSIC */
label[for="event-types-other-music"],
label[for="event-types-classicalopera"],
label[for="event-types-jazzblues"],
label[for="event-types-cabaret"] {display: none;}

/* Remove Children of COMEDY */
label[for="event-types-improv"],
label[for="event-types-sketch"],
label[for="event-types-standup"],
label[for="event-types-burlesque"],
label[for="event-types-magic"],
label[for="event-types-spokenword"],
label[for="event-types-variety"] {display: none;}
	
	
/* ************* CLEAR ALL button ************* */ 
.clearalllabel {
	padding: 1px 3px;
	margin-right: 14px;
	font-weight: normal;
	font-family: oswald;
	font-size: 13px;
	background-color: #d3d8fc;
	border: 1px solid #aaa;
	box-shadow: 1px 1px 2px #ddd;
    webkit-user-select: none; /* Chrome/Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+ */
  	user-select: none; /* Disable selecting the inside text+ */
  	float:right;
}
a.clearalllabel {color: #777;}
a.clearalllabel:hover {background-color:#aeb7e6; color:white !important;}
a.clearalllabel:active {background-color:#dde; color:white !important;}
 
 


/* *** STYLE DATE/TextBox **** */
.wpv_date_input {font-family:oswald; font-size:14px; margin-right:3px;}
.ui-datpicker-trigger {}
.wpv-date-front-end-clear {margin-left:10px !important;}
.ui-datepicker .ui-datepicker-title {color: black;} /* Make sure text in datepicker can be seen */
.datefont {font-family:oswald;font-weight:normal;font-size:15px;line-height:17px;} /* 'choose a date' on calender scroll page */

/* **STYLE OTHER MAIN ELEMENTS **** */  
/** Filter Spinner - each time a filter is clicked **/
.filterspinner {
  text-align:center;
  margin:6px 0 3px;
}
/** Pagination Spinner **/
.wpv_slide_loading_img {
  bottom:2px !important;
  z-index: 100;
  border:0 !important;
  position:absolute !important;
  right:20px !important;
}

/***** Top Large Title ****/	
.search-section-title {
  color:grey;
  font-family: oswald;
  font-size: 34px;
  font-weight: bold;
  line-height: 1.1em;
  padding-bottom:16px;
  text-align:center;
}


/* **** STYLE SEARCH,CLEAR,SUBMIT *** */
.search-sectionblock {margin: 6px 0;}
.search-sectionblock .js-wpv-filter-trigger-delayed {  /* text search area */
	color: grey;
    font-family: oswald,helvetica;
	border: 1px solid #bbb;
	padding: 1px 4px;
}
.search-sectionblock input[type="submit"] {
    color: grey;
  	background-color: #fff;
    font-family: oswald,helvetica;
  	border: 1px solid #aaa;
	padding: 1px 8px 1px;
}
.search-sectionblock input[type="submit"]:hover {color:white;}
.search-sectionblock input[type="submit"]:active {color:white; background:#7587b9 !important;} /* adds blink on click */


/******************* STYLE EVENT LOOP SECTION ********************/
.search-eventcount {
  font-family:oswald, helvetica;
  font-size:19px;
  text-align:center;
  color: #fff;
  margin:12px 0;
  padding:6px;
  background-color:#8b90ce;
}
.search-eventtitle {
  display: block;
  font-family: oswald;
  font-size: 23px;
  line-height: 1.1em;
  margin-bottom:7px;
}
.search-pic {margin-bottom:6px;}
.search-infobox1{margin-bottom:10px;}

.search-largetagbuttons {
  color: white;
  float: left;
  font-family: oswald;
  font-size: 12px;
  line-height: 12px;
  margin: 0px 3px 4px 0;
  padding: 3px 6px 4px;
  background:#89a;
}
.search-tagbuttons {
  color: white;
  float: right;
  font-family: oswald;
  font-size: 11px;
  line-height: 12px;
  margin: 0px 0px 4px 3px;
  padding: 2px 3px 3px;
  background:#89a;
}
.taggreen {background: none repeat scroll 0 0 #8a8;}
.tagyellow {background: none repeat scroll 0 0 #d9a933;}
.tagpink {background: none repeat scroll 0 0 #e69090;}
.tagorange {background: none repeat scroll 0 0 #e80;}
.tagtaxonomy  {background: none repeat scroll 0 0 #378;}

/****** STYLE DATES ********/
.singledateblock {font-size:11px;line-height: 13px;}
.dateblock-oneline {font-size:11px;line-height: 13px;}
.search-venue {
  color: #555;
  font-family: oswald;
  font-size: 13px;
  line-height: 13px;
  margin-bottom: 1px;
}
.search-description {font-size: 15px;}

/** ---------------- END EVENT SEARCH STYLING --------------- **/

/******************* STYLE EVENT SINGLE POST ********************/
.event-moreinfo {float: right;font-size: 9px;line-height: 9px;}
.event-moreinfo a {color:#666;}
.event-moreinfo a:hover {color:#168;}
/**** TAGS ***/
.event-taxonomy {
  font-family:oswald, helvetica;
  font-size:20px;
  color:grey;
  margin: 1px 0 5px;
  line-height:1.1em;
  float: left;
}
.event-tagbuttons {
  color: white;
  float: right;
  font-family: oswald;
  font-size: 13px;
  line-height: 13px;
  margin: 2px 0 1px 3px;
  padding: 3px 6px 4px;
  background:#89a;
}
.taggreen {background: none repeat scroll 0 0 #8a8;}
.tagyellow {background: none repeat scroll 0 0 #d9a933;}
.tagpink {background: none repeat scroll 0 0 #e69090;}
.tagorange {background: none repeat scroll 0 0 #e80}
.spacer1 {margin:15px;}

/**** Bottom Grey Bar ***/
.bottomspacer {
  background: none repeat scroll 0 0 #ccc;
  height: 30px;
  margin: 10px 0;
}
/**** IMAGES AND VIDEO GALLERY ***/
.shadow img {
  -webkit-box-shadow:3px 3px 7px #999;
  box-shadow:3px 3px 7px #999;
}
.event-galleryimagebox {display:inline-block;}
.galleryimage {border:1px solid #888; margin-bottom:4px;}
.galleryvideo {
  float:left; 
  width:140px; 
  margin:0 5px 4px 0; 
  overflow:hidden; 
  height:78px;
  position:relative;
}
.galleryvideo img {width:100%;}

.event-gallerytitle {
  color: grey;
  font-family: oswald,helvetica;
  font-size: 16px;
  line-height: 1.3em;
}
/**** REVIEW ***/
.event-reviewauthor {font-size:10px; color:#888;}

/**** MAIN ***/
.event-infoblock {
  max-height: 90px;
  overflow-y: auto;
  font-size:13px;
  font-weight:bold;
  line-height: 14px;
  margin-bottom:3px;
  padding-bottom:2px; /* Fix scrollbars triggering on IOS */
  word-wrap: break-word; /* Safeguard from long URLs on WEbkit */
  font-family: helvetica, arial;
}
.event-social {
  color: grey;
  font-family: oswald,helvetica;
  font-size: 14px;
  line-height: 1.3em;
  padding: 10px 0 6px;
  text-align: center;
}
.synved-social-container.synved-social-container-share {
  text-align: center !important;
}
.event-venuetitle {text-align:left;}
.event-venueaddress {font-size:10px;}
.event-title {
  background-color: #205990;
  color: white;
  font-family: oswald,helvetica;
  font-size: 30px;
  line-height: 1.3em;
  padding: 3px 4px 5px 7px;
  text-align:left;
}

.event-infosubtitle { 
  font-family:oswald, helvetica;
  font-size:18px;
  color:white;
  background-color:#e18728;
  padding:2px 1px 3px 4px;
  line-height:1.1em;
  margin-bottom: 3px;
}
.event-credbutton {
  background: none repeat scroll 0 0 darkred;
  color: white;
  font-family: helvetica;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.1em;
  margin: 25px 0 0;
  padding: 6px 10px;
  text-align:center;
  border-radius: 15px;
}
.event-credbutton > a {color:white;}
.event-credbutton:hover {background:red;}


.event-bigbox {display: inline-block; margin-bottom: 1px;}
.event-column1 {
  display:block;
  float:left;
  margin-right:10px;
  width:420px;
  min-height: 10px; <!--in case no pictures are there it keeps box space-->
}
.event-column2 {
  display:block;
  float:left;
  width:210px;
}
.event-column-fullwidth {
  display:block;
  width:640px;
}
.event-textblock {text-align:justify; margin-bottom:10px;}
.event-subtitle {
  background-color: #e18728;
  color: white;
  font-family: oswald,helvetica;
  font-size: 24px;
  line-height: 1.3em;
  padding: 1px 1px 1px 4px;
  margin-bottom: 3px;
  margin-top:30px;
}
/**** WHOSWHO ***/
.event-whoswho-InfoTitle {
  font-family: oswald;
  margin-top: 5px;
}
.event-seemore {
  color: white;
  float: right;
  font-family: oswald,helvetica;
  font-size: 12px;
  line-height: 1.3em;
  padding: 8px 10px;
}
.event-seemore:hover {color:#333; background-color:#ffa728;}
/** ---------------- END EVENT SINGLE POST --------------- **/


/** -------- ARCHIVE PAGES ------- **/
.archivepages-title {
	background-color:#700;
	margin:5px 0 10px;
	padding: 5px 10px;
    font-size: 20px;
    font-family: oswald, helvetica;
    color:white;
}


/** ANIMATE THE SEARCH BAR **/
.screen-reader-text {display:none;}
.search-form {
	position: absolute;
	left: 10px;
	top: 15px;
	z-index:1000;
}
.search-field {
	background-color: transparent;
	background-image: url(/wp-content/uploads/pics/search-icon.png);
	background-position: 5px center;
	background-repeat: no-repeat;
	background-size: 24px 24px;
	cursor: pointer;
	height: 37px;
	margin: 3px 0;
	padding: 0 0 0 34px;
	position: relative;
	transition: width 400ms ease-in-out, border-color 400ms ease-in-out;
	width: 0;
	border: 1px solid white;
}
.search-field:focus {
	background-image: none;
	background-color: #fff;
	border: 2px solid black;
	cursor: text;
	outline: 0;
	width: 230px;
	padding: 0 0 0 5px;
}
.search-submit {
  display: none;
}
input[type="search"] {
  -webkit-appearance: textfield;
}

/** Themed Profile pages (Theme my profile) **/
#your-profile .form-table input {width:auto !important; display:none;}  /* shrink "Dissassociate From Facebook" Button, remove*/
.tml-user-description-wrap #description {width:100%;}
.show-password #pass1 {display:none;} /*hide the password with dots since it's confusing */
.wp-hide-pw {display:none !important;} /*hide "Hide/Show" button - confusing */
.tml-profile td {padding: 0 0 10px;} /* Add space between lines */
.tml-profile label {margin-bottom: 1px !important;} /* remove space between lines */



/** Views for CRED forms: Event Form – Input Venue, Event Form – Input WhosWho1,2,3 **/
/** This is all the stuff that comes up inside the Foo box inputs **/
.custom-background {background-color:#fff !important; padding:0 10px;}

.closebutton {color:#018ed3; cursor:pointer; text-align:center;}
.closebutton:hover {color:2b4ec6;}
.tc-columntitles {
  background: none repeat scroll 0 0 #ddd;
  font-weight: bold;
  line-height: 12px;
  margin: 1px 0 5px;
  padding: 3px 0 0 1px;
}
.titlechecker-eventlistrow {display:block;}
.tc-tab {
  font-size:12px;
  white-space:nowrap; 
  overflow:hidden;
  margin-right:10px;
  display:inline-block;
}
.tc-60 {width:60px; text-align:center; color:blue; cursor:pointer;}
.tc-60:hover {text-decoration:underline;}
.tc-100 {width:150px;}
.tc-250 {width:250px;}
.tc-300 {width:300px;}
.tc-bottombox {
  border: 1px solid #ccc;
  float: left;
  padding: 10px;
  width: 352px;
  background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );
}
.tc-bottombox2 {width: 746px; margin:10px 0 10px;}
/* THE BOTTOM BOX - Make Same Height Boxes on Desktop */
@media only screen and (min-width : 600px) {.row-same-height {display:flex;}}

/*THE BOTTOM BOX*/
.tc-bottombox-showtitle {
  border: 1px solid #aaa;
  padding: 10px;
  margin:6px 4px;
  background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );
}



/* CRED REVIEW FORM SIMPLE */
#revformcolor1 {background-color:#fffddd; padding:8px; border: 1px solid #888;}
#revformcolor2 {background-color:#dff; padding:8px;border: 1px solid #888;}
#revformcolor3 {background-color:#fff5dd; padding:8px;border: 1px solid #888;}
#revformcolor4 {background-color:#fdd; padding:8px;border: 1px solid #888;}
#revformcolor5 {background-color:#fdf; padding:8px;border: 1px solid #888;}
.makerelative {display:inline;} // fix so that review form checkbox have text come right after.


