/* 

Template:		 twentyseventeen
Version:		 2.0.0
Text Domain:	 Twenty-Seventeen-child
-------------------------------------------------------------- */ 

/* Trials/Temporary/To sort
------------------------------------------------------- */
.wrap {width:100%; max-width:100% !important;}
.fc-day-grid-event, 
.fc-h-event,
.fc-event,
.fc-start,
.fc-end {
	background-color:#e6e6e6 !important;
	border-color: black !important;
	background:#e6e6e6 !important;
	border: 1px solid black !important;
	font-size:.6em !important;
}
.fc-scroller {
					height:auto !important;
					overflow:visible !important;
}
a.popover-link {
	position:relative;
	float:right;
	color:yellow !important;
	
}
a.popover-close {
	float:left;
	color:#ffa7a7 !important;
	font-weight:800;
}
.fc-content {
	border:none;
}
.fc-center > h2 {
	color:#001e82 !important;
	font-size:1.5em;
	
}
.fc-button {
	background-color:#BF1D2D !important;
	margin-left:0px !important;
}
#calendar-top {
	margin-bottom:20px;
	margin-top:20px;
}
#timezone-container {
	display:inline-block;
	margin-left:20px;
	color: #001e82;
	
}
#category-container {
	display:inline-block; 
	width:auto;
	color: #001e82;
	max-width:100%;
	
}
.leaflet-popup-content .meta {
    display:none;
}
.leaflet-popup-content .storycontent {
  font-size: .75rem;
}
.button {

  -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;

    text-decoration: none;
    color: initial;
}

#calendar-category, #timezone-selector {
	height:40px;
	margin-left:5px;

}
.loading-message {
	display:inline-block;
	margin-left:15px;
	width:40px;
	height:40px;
	}

.concert-tooltip {
	z-index:50;
	background:#8c151e;
	color:white;
	padding:6px;
	font-size:.9em;
	display: none; /* initial load */
	border-radius : 8px;
	opacity: .9;
	-webkit-box-shadow: 14px 14px 21px -5px rgba(209,138,145,0.75);
	-moz-box-shadow: 14px 14px 21px -5px rgba(209,138,145,0.75);
	box-shadow: 14px 14px 21px -5px rgba(209,138,145,0.75);
}

.concert-tooltip p {
	margin-top:0em;
	margin-bottom:0px !important;
}
.loader {
  position:relative;
  top:13px;
  border: 16px solid #f3f3f3; /* Light grey */
  border-top: 16px solid #3498db; /* Blue */
  border-radius: 50%;
  width: 40px;
  height: 40px;
  animation: spin 2s linear infinite;
}

.search-filter-results article .gm-map {
    height: 1.5rem !important;
     width: 20rem !important;
    background-image: none !important;
    background-color: inherit !important;
    padding: 0 !important;
    /* transition: height .75s ease-in-out; */
}
.search-filter-results article .gm-map p {
    text-align: left !important;
    text-decoration: underline;
}
.search-filter-results article .single-concert-map.clicked .gm-map {
    transition: height .75s ease-in-out;
    width: 400px !important;
    height: 200px !important;
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}
.leaflet-control-layers.leaflet-control {
    display: none;
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

header {font-size:16px;} /* must be set so the input fields in the search form do not zoom <Tue., Feb. 05, 2019, 03:29 PM> */ 
.page #primary .nosidebar {width:100%;} 
.page-id-174371529311333 #primary {width:100% !important; max-width:100% !important;} /* makes calendar page full width  */
.page-id-174371529674606 #primary {width:100% !important; max-width:100% !important;}
.page-id-174371529428262 #primary {width:100% !important; max-width:100% !important;} /* makes front page full width  */

select[name="_sft_category[]"] {font-size:16px;}
.chosen-container {font-size:14px;padding-left: 10px;}
.chosen-container-multi .chosen-choices { 
	background-image:none;
	border-color: rgb(152, 198, 221);    
	color: hsl( 200, 50%, 40% );
	border-radius: 3px;
	padding:0.4em;
	margin-top: 5px;
	
}
.navigation-top {
    border: none;
    width: 100%;
    font-size: .8rem;
    position: relative;
}
#top-menu {
    display:flex;
}
.menu-item {
    margin-right: 1.5rem;
    font-size: 1rem;
    color: #5252e4;
}
.main-navigation li {
    border-bottom: none;
}

.current_page_item {
    border-bottom: solid 2px #ff0d13;
}

.img-link { /* gets rid of the line underneath Google Calendar image links */
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}

.konzearch-map {margin-bottom: 2em;}
label {font-weight:100;}
h4 {font-weight:100;}
.sf-date-prefix {font-weight:100;padding-bottom: 10px;}
.sf-field-reset {padding-left:1em !important; }
.searchandfilter ul li li {padding-top:0px;}
.searchandfilter ul li { padding-top:0px;}
/* #single-concert-map {padding:2em;} */
.colors-custom input[type="text"] {border-color: hsl;    color: hsl( 200, 50%, 40% );}
.favorites-list {font-size:1em; font-size:16px;}
.dropdown-toggle {display:none;} /* hides extra dropdown angle thingy */

.sf-icon-bookmark::before {font-size:24px;}

.simplefavorite-button {float:right;vertical-align: top;}
.entry-header {display:none;}
.konzearch-tickets {height:90px;}
.konzearchgoogle {width:90%; height:6em; margin:auto;}
span.wpcf7-list-item {display:block !important;}
.ticket_links {display:none;}
.category-news {width:80%;}
.error404.has-sidebar #primary .page-content {float:left;}
.concert-link {display:none; text-decoration: underline;}
.site-title {display:none !important;}
/*.entry-header {display:none !important;}*/
h2 .entry-title {display:none;}
.pagination {border-top:none;
	padding:0em;}
.konzearch-header-ad {
	    display: block;
	    margin-left: auto;
	    margin-right: auto;
	}
.entry-content a img {
	-webkit-box-shadow: none;
	box-shadow: none;
}
.site-content-contain {
	margin-top:0em;
}
#content wrap {margin-top:25px !important;}
.navigation-top wrap {
	margin-top:0px;
	padding-top:0px !important;
	padding-bottom:0px !important;
}
	
.fc-day-grid-container {height:auto !important;} /* controls the height of the calendar scrollbox */

h1 b[itemprop="name"] {
	display:block;
}

h1 span[itemprop="performer"] {
	display:block;
	font-size:.85em;
}

h1 span[itemprop="startDate"] {
	font-size:.75em;
}

h1 span[itemprop="startTime"] {
	font-size:.75em;
}
#konzearch-mobile-banner-ad {display:none;}

/* Favorites Button */
.sf-icon-bookmark::before { font-size:16px;}
.simplefavorite-button.preset {font-size:12px ;}
/*.konzearch-concert-heading { width:70%;}*/

button.share-button {
    height: 3rem;
    width: 2rem;
    background-color: transparent !important;
    color: black;
   }
.title-container {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.title-container  a {
	-webkit-box-shadow: none;
	box-shadow: none;
}

a { /* gets rid of the line underneath Google Calendar image links */
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}
button.share-button img {
    height: 3rem;
    width: 2rem;
    max-width: unset;
}

/* Logo
------------------------------------------------------- 
from https://medium.com/@bharatkaravadra/how-to-change-the-logo-size-increase-decrease-in-twenty-seventeen-cd2cfd5f657e
*/

@media screen and (min-width: 48em) {
	.custom-logo-link img {
		max-width: 525px;
		max-height: 120px;
		max-width: 100%;
		height: auto;
	}
}

.custom-logo-link img {
    /* display: inline-block; */
    
	
}


.site-header .site-branding {width:100%; margin-bottom: 5px;} /* added by NFB */

/* Site generals
------------------------------------------------------- */


.site-branding {
	padding-top:4em;
	padding-bottom:0em;
}

#comments {padding-top:0em; padding-bottom:2em;}

.site-info {display:none !important;}

.site-header {height:auto;}

/* Main Containers
------------------------------------------------------- */

.site-content {padding-top:0em !important;}

.wrap {
	margin-left:20px; 
	width:97%; 
	max-width:100%; 
	margin-top:10px !important; /* margin-top has to be forced */
	} 
.navigation-top .wrap {
	margin-top: 0px !important;
	
}
.panel-content .wrap {
	padding-top: 0em; }

.entry-content {width:100% !important; float:left !important; }


/* Google ads
------------------------------------------------------- */
/*.page-id-174371529317185 .site-content-contain {display:none;} /* hide the sidebar on the home page, because this feature doesn't seem to work in Quick Adsense */

		//#concerts-mobile-ad {display:none;}	
		/* Google Ads backgrounds */
		.mark, ins {background:transparent;}
		.widget ul li {padding:0em;}
		
		


/* Nav Menu and follow icons
------------------------------------------------------- */
	
	.wpsite_follow_us_div_inline {padding-bottom:0px !important;}

	.ltr {padding-bottom:0px !important;}

	.ncount {padding-bottom:0px !important;}

	.konzearch-menu-item {
		color:#001e82 !important;
		padding-left:1.5em;
		padding-right:.25em;
		font-weight:600;}


	#searchnav {
	    /*#-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .5);
	    #-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
	    #box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .5);
	    #background:white;
		#border:solid;
		#border-color:gray;*/
		/* margin-left:4em;  */
		margin-bottom:0em;
		padding-top:1rem;
		padding-bottom:1rem;
		/* width:90%; */
	}

	.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {background:white;}

/* Email Subscriptions Page 
------------------------------------------------------- */

	.email-subscriptions {width:50%;}


/* NEW Search Bar 
------------------------------------------------------- */
#search-filter-form-174371529427267 {
	margin-left:2em;
	margin-right:2em;
	
}

	.searchandfilter ul {
		display:inline-block !important; 
		
	}
	.searchandfilter li {
		display:inline-block !important; 
		
	}

	.searchandfilter { 
		display:inline-block; 
	}

	.searchandfilter ul {margin-bottom: 5px;}

	.display-posts-listing {width:auto;}
	.count_description { 
		margin-left:2em; 
		color:#808080;} /* Description of concert numbers and orchestra numbers */

	#calendarlink {color:blue; font-weight:800;}

			/* Search fields: */
			/*------------------------------------------------------- */

			#searchnav input[name="_sf_post_date[]"] {font-size: 16px;}
			#searchnav input[name="_sft_category[]"]{ font-size:16px;} /* avoids zoom on mobile??? */
			#searchnav select[name="_sft_category[]"]{ font-size:16px;} /* avoids zoom on mobile??? */


			.sf-field-search {
				margin-left:2em;
			}

			/* Keyword Search: */
			#searchnav input[name="_sf_search[]"] {
				  font-size: 16px; /* Avoids auto zoom on mobile  */
				  position: relative;
			  	  display:inline-block; 
				  width:15em; 
				  margin-bottom: px;}
			 
				 /* Keyword Placeholder Text*/

				 ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
				   color:#DCDCDC;
				 }
				 ::-moz-placeholder { /* Firefox 19+ */
				   color: #DCDCDC;
				 }
				 :-ms-input-placeholder { /* IE 10+ */
				   color: #DCDCDC;
				 }
				 :-moz-placeholder { /* Firefox 18- */
				   color: #DCDCDC;
				 }
			 
			/* Category Dropdown: */
			.select2-container .select2-selection--multiple {
				padding: 0.2em !important;

			}
			#searchnav .select2-container {
			    font-size: 16px; /* Avoids auto zoom on mobile  */
				  display:inline-block; 
				  margin-left:20px; 
				  margin-top: 0px;
					margin-bottom: 0px;
				  margin-right:5px;
				  width:20em !important; /* not sure why this gets overridden */
				}
	
		  	/* Date range selector boxes wrapper: */
			#daterangeselection { 
				 font-size: 16px; /* Avoids auto zoom on mobile  */
				 display:inline-block;
			 }
		
			/* Displayed (not submitted) date selector boxes: */
			
			.sf_date_field ul {
				display:inline-block; 
				width:8em; 			
				/* https://stackoverflow.com/questions/7033420/jquery-date-picker-z-index-issue : */
				//margin-left:1em;
			}
			
			.sf_date_field li {
				display:inline-block; 
				width:8em !important; 
				margin-left: 1em !important;
			}
			
			.input[type=text] sf-datepicker {
				display:inline-block; 
				width:8em !important;  
				margin-bottom: 10px; 
				/* https://stackoverflow.com/questions/7033420/jquery-date-picker-z-index-issue : */
				position: relative; 
				z-index: 100; /* CHANGEd for popup box */
				
			}
		
			/* Search and Reset Buttons */

			.sf-field-submit {		
				padding-right: 2em !important;
				margin-left: 1.5em !important;
	 
	 }
			#resetbutton, #searchbutton {
			  position: relative;
			  margin-left: .5em !important;
				display:inline-block;
			    margin-left: 1.5em !important;}
			
			button, input[type="button"], input[type="submit"] {font-size:100%;}
			#searchbutton {margin-top: 0.75em !important;}



/* AddtoAny Plugin
------------------------------------------------------- */

		.a2a_kit { 
			position:relative;
			float:right; 
		}

/* Sidebar
------------------------------------------------------- */

.widget_text ul li:last-child, .widget_text ol li:last-child {padding-bottom:1em;}


/* TO SORT
------------------------------------------------------- */

.widget_text ul {margin-left:0em;}


/* Calendar View Page 
------------------------------------------------------- */
		.fc-day-grid-event .fc-content {
			white-space:normal;
			padding-top:1em;
			padding-bottom:1em;
			padding-left:.5em;
			padding-right:.5em;
			color:black !important;
			box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);

		}

		/* Tooltips for the Calendar View page */

		.ui-tooltip {width:500px;}
		.ui-tooltip .concert-info, 
		.ui-tooltip .programlist, 
		.ui-tooltip .performerlist, 
		.ui-tooltip .concert-info, 
		.ui-tooltip .additional_description
		 {margin-left:0%;}


/* for Left Sidebar (currently unused) 
------------------------------------------------------- */
	/* Float sidebar left and format page */
	/* (also changed index.php) */

		.has-sidebar #secondary {
			width:21%;
		}

		.has-sidebar:not(.error404) #primary {
		     display: inline-block;
			 width:78%;
			 max-width:none !important;
		} 

/* Concert information formatting
------------------------------------------------------- */
		.konzearch-concert-heading { 
			display:inline-block;
			//width:80%;
			}
		.link-share {
			display:inline-block;
			width:auto;
			vertical-align: top;
			float:right;
		}
		.concert {
			padding:2em;  
			margin-top:2px; 
			margin-bottom:2px; 
			background:#e6e6e6;
			box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
			transition: 0.3s;
		}
		
		h1 {
			font-size: 1.5em;
		    font-weight: 400;
        }
	
		.konzearch-event-title {display:none;} /* getting rid of these */
		
		article.konzearch-events-new {	
			border-radius: 10px; 
			margin-top:2px; 
			margin-bottom:3em; 
			background:#e6e6e6;
		    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
			transition: 0.3s;
			border: 1px solid #C0C0C0;
			padding:2em;  
		}

		.konzearch-events ul { list-style-type: none; } /* No bullets in lists */
		.concert-link a {color: blue; font-weight:600;}

		.konzearch-events-new p {margin-bottom:0em !important;} /* HACK */
		.p {margin-bottom:0em;}

		.concert-info {
            margin-top:1em;
           
        }

		.concertlocation { margin-top:1em; margin-left:20px;}
		.programlist { 
            margin-top:1em;
            /* margin-left:20px; */
        }
		.performerlist {
            margin-top:1em;
            /* margin-left:20px; */
        }
		.additional_description { margin-top:1em; margin-left:20px;}

		.ticket_links {
			margin-top:1.5em;
			
			
		}
		.ticket_links a { 
			font-weight:800;
			color: white;
			background-color:#7CFC00;
			padding:5px;
		}

/* Smaller Screen
----------------------------------------------------------------------------------------------------------- */
	@media (max-width:1400px) { 
		
		
		/* Search fields: */
		/*------------------------------------------------------- */
			#displaydate1, #displaydate2  {
				width:14em;
			 }
			 
			/* Keyword Search: */
			#searchnav input[name="ofsearch"] { width:16em; }

		}
		
		/* Mobile
		----------------------------------------------------------------------------------------------------------- */

			@media (max-width:700px) { 
                .konzearch-map {
                    margin-left: .5rem;
                    margin-right: .5rem;
                }
                .search-filter-results article .gm-map.clicked {
                    width: 300px !important;
                }
                /* .search-filter-results article .gm-map {
                    height: 1rem !important;
                } */
                .konzearch-map #geo-mashup {
                    height: 1000px !important;
                }

				#secondary {display: block;}
						#primary {float:none; width:100% !important;} /* figure out something better than this hack */
				.sf-icon-bookmark::before { font-size:12px;}
				.simplefavorite-button.preset {font-size:10px ;}
				.konzearch-concert-heading { width:70%;}
				
				#konzearch-google-skyscraper {display:none;}
				#nextendaccordionmenuwidget-2 {display:none !important;}
				#konzearch-mobile-banner-ad {display:block;}
				.wrap { 
					margin-top:0px !important;
					padding-top:0px;
			
				}
		
				.custom-logo-link img {
					max-width: 90%; /* keeps the hamburger from getting on top of the logo */
				}
				/* Site generals
				------------------------------------------------------- */
				.has-sidebar #secondary {width:18%; float:right;}
				.has-sidebar:not(.error404) #primary {display:inline-block;}
				.site-branding {padding:0em;}
				.wrap {max-width: 100%; margin-left:1%;  margin-right:1%; padding-right: .5em; padding-left:0em;
				}
		
				/*
				To return to full width concert listing:
				.has-sidebar #secondary {width:100%; float:left;}
				.has-sidebar:not(.error404) #primary {width: 100%; float:right;} 
				*/
		
				.page-header {
				    padding-bottom: 0em;
				}
	
		
	

				/* Nav Menu and follow icons
				------------------------------------------------------- */

					.konzearch-menu-item {
						padding-left:.5em;
						padding-right:.5em;
					}
					#searchnav {
						width:98%;
						padding: .5rem;
					    -webkit-box-shadow: none;
					    -moz-box-shadow: none;
					    box-shadow: none;
					    background:inherit;
						border:none;
						border-color:none;
						background-color:inherit;
					}
					

					/* NEW Search Bar 
					------------------------------------------------------- */
					#search-filter-form-174371529427267 {
						margin-left:5px;
						margin-right:5px;
					}		
					#searchnav select[name="_sft_category[]"] {
						  display:inline-block; 
						  margin-top:5px; 
						  margin-bottom: 5px;
						  width:98%;}	
					.searchandfilter ul {
							display:inline-block !important; 
                    }
	
                    .searchandfilter li {
                        margin-top:2px !important;
                        margin-bottom:2px !important;
                        width:98%;
                        padding-top: 2px !important;
                        padding-bottom: 2px !important;
    
    
                    }

                    .searchandfilter ul {margin-bottom: 5px;}
                    .display-posts-listing {width:auto;}

                    /* Search fields: */
                    /*------------------------------------------------------- */
                    #searchnav label {width:100%;}
                    #searchnav input[name="_sf_search[]"] {width:100%;}
                    .sf-input-text {width:auto;}
                    .sf-field-search {
                        width:98% !important;
                        margin-left:0em;
                    }
            
                    /* Keyword Search: */
                    #searchnav input[name="_sf_search[]"] {
                            width:98% !important; 
                            margin-bottom: 5px;
                        }
                        

                        /* Category Dropdown */
                        #searchnav select[name="_sft_category[]"], #searchnav .select2-container { 
                            margin-left:0px; 
                            margin-right:0px;
                            margin-bottom: 5px;
                            width:98% !important; }

                            /* Keyword Placeholder Text*/
                            ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
                            color:#DCDCDC;
                            }
                            ::-moz-placeholder { /* Firefox 19+ */
                            color: #DCDCDC;
                            }
                            :-ms-input-placeholder { /* IE 10+ */
                            color: #DCDCDC;
                            }
                            :-moz-placeholder { /* Firefox 18- */
                            color: #DCDCDC;
                            }
    

                    

                    .sf-field-post_date {width:100%;}
            
                    .sf_date_field ul {
                        width:100%; 							
                
                    }

                    .sf_date_field li {
                        width:45%;
                        margin-left: 5px !important;
                        margin-right: 5px !important;
                
                    }

                    .sf-datepicker {
                        display:inline-block; 
                        width:10em; 
                        margin-bottom: 10px; 
                        /* https://stackoverflow.com/questions/7033420/jquery-date-picker-z-index-issue : */
                        position: relative; 
                        z-index: 100; /* CHANGEd for popup box */
    
                    }

                    /* Search and Reset Buttons */

                    .sf-field-submit {
                        // position: relative;			
                        padding-right:0px !important;
                        padding-left:0px !important;
                        margin-right: auto !important;
                        margin-left: auto !important;
                
                }

                    #resetbutton, #searchbutton {
                        position: relative;
                        margin-left: .5em !important;
                        display:inline-block;
                        margin-left: 1.5em !important;}

                    button, input[type="button"], input[type="submit"] {font-size:1em;}
                    #searchbutton {margin-top: 0.75em !important;}
		

				/* Email Subscriptions Page 
				------------------------------------------------------- */

					.email-subscriptions {width:100%;}

				/* Concert Descriptions */
				/*------------------------------------------------------- */
				.konzearch-events-new h1 { font-size: 1.25em;}
				.konzearch-events-new {
					max-width:100%;
					padding-left:10px;
					padding-right:10px;
					margin-bottom:1em;
					font-size: .75em;
				}
			
				.programlocation { margin-left:0px;}
				.programlist { margin-left:0px;}
				.performerlist { margin-left:0px;}
				.konzearch-event-description {
					float:none; 
					padding-left:0px;
					width:100%;}

				/* Calendar */

				.fc-time-grid-container {
					font-size:1em;

				}
				.fc-center > h2 {
					font-size:14px !important;
				}
				.fc-center {
					max-width:25%;
					text-align:center;

				}
				#timezone-container {
					margin-left:0px;
				}
				.fc-button {
					font-size:10px !important;
				}
				.fc-day-header {
					font-size:10px;
				}
				.fc-time {
					font-size:10px;
				}
				.fc-today-button {
					margin-left:0px !important;
				}

}
/* Very small screens */
@media (max-width:450px) { 
    .concert-info {
        flex-direction: column 
    }
    .konzearch-concert-heading {  
        width:85%; /* gets the heading out of the way of the favorites star, which does not get downsized */
    }
}