/*==============================================================================
// GLOBAL BASE STYLES
//============================================================================*/

/* ENTIRE SITE background color - goes over top of BG image if want to shade */
.site-content {
  background-color: #000000;
  background: linear-gradient(
    to bottom right, #000 0%, #222 50%, #000 100%);
  margin: 0;
}

/* Base Text Colors and Fonts (Site-Wide) */
.author-name, .entry-header, .main-navigation a, .no-comments, .site .testimonial-entry-title, .site .jetpack_widget_social_icons a, .site .widget_wpcom_social_media_icons_widget a, .site .wp-playlist-light .wp-playlist-caption, .site-title, .site-title a:focus, .site-title a:hover, .widget_akismet_widget .a-stats, .widget_goodreads div[class^=gr_custom_title] a, .widget_goodreads div[class^=gr_custom_container] a, a, blockquote cite, h1, h2, h3, h4, h5, h6, label, .widget_flickr #flickr_badge_uber_wrapper td a:last-child {
	color: #ffffff;
	font-family: poppins;
	text-shadow: 2px 2px 2px black;
}

.author-title, .page-title span, .post-navigation .meta-nav, .site .jetpack-social-navigation a, .site .tiled-gallery-caption, .site-info a, body, select, textarea, #comments #comment-form-share-text-padder textarea, #comments #respond #comment-form-comment textarea, #comments #respond #comment-form-identity #comment-form-nascar p, #comments #respond #comment-form-load-service p, #comments #respond .comment-form-fields div.comment-form-input input, #comments #respond .comment-form-fields label, #comments #respond .comment-form-fields label span.nopublish, #comments #respond .comment-form-fields label span.required, #comments #respond .comment-form-fields p.comment-form-log-out, #comments #respond .comment-form-fields p.comment-form-posting-as, #comments #respond form *, #comments #respond p.comment-subscription-form label {
	color: #ffffff;
	font-family: poppins;
	text-shadow: 2px 2px 2px black;
}

/* Horizontal Rule lines */
hr, .wp-block-separator {
    background-color: #ffffff !important;
    border: none;
    height: 1px;
    opacity: 1;
}

/* TEXT HYPERLINK SITEWIDE */
/* resting */
a {
	text-decoration: underline;
	color: #ffffff !important;
}
/* hover focus active */
a:hover, a:focus, a:active {
	text-decoration: none;
	color: #808080 !important;
}

/* BACK TO TOP button on mobile */
.back-top, .back-top:hover, .back-top:focus, .back-top:active {
	color: white !important;
	text-shadow: 2px 2px 2px black;
	background: #222 !important;
	background-color: #222;
	border: none;
}

/* BLOCK QUOTE - make text smaller, no italics, change line color */
blockquote {
	font-size: 80%;
	font-style: normal;
	border-left: 30px solid transparent;
}

/* Bullet Point Removal To Use Emoji At Beginning Instead - UL CLASS NO-BULLET */
ul.no-bullet {
	list-style: none;
	margin-left: 1em;
	padding-left: 1em;
	text-indent: -1.5em;
}

/* HIDE GOOGLE'S RECAPTCHA FLOATING LOGO */
.grecaptcha-badge {
	visibility: hidden !important;
}

/* COLOPHON - BELOW FOOTERS (where WP logo usually is - and where "social" menu goes) */
#colophon {
	display: none;
}


/*==============================================================================
// LAYOUT AND STRUCTURE
//============================================================================*/

/* MAIN CONTENT AREA - Remove Big Ugly Space between title and content - AND between title and sidebar */
.hentry, aside#secondary.widget-area {
	padding-top: 2em;
}

/* remove gray border chunk between main content and sidebar content when switching to mobile view */
.site-content-wrapper .widget-area {
	border-top: none;
}

/* FOOTER TOP */
#infinite-footer, .widget-footer-top-area {
background-color: #000;
  margin: none;
	padding:3em 0 3em 0;
}

/* FOOTER BOTTOM */
#infinite-footer, .widget-footer-bottom-area {
	color: #fff;
	text-align: center;
	padding: none;
	border: none;
  background-color: #222;
  background: linear-gradient(
    to bottom, #222 0%, #000 100%);
  margin: none;
}


/*==============================================================================
// NAVIGATION
//============================================================================*/

/* NAVIGATION AREA */
.site-header {
	border-bottom: 1px solid #222;
	text-align: center;
	box-shadow: 0px 0px 10px black;
	padding: none;
	margin: none;
	font-size: 100%;
	font-family: poppins;
  background-color: #222;
  background: linear-gradient(
    to bottom, #222 0%, #000 100%);
}

/* NAVIGATION BUTTONS - at rest */
nav#site-navigation.main-navigation a {
	border: 1px solid #222;
	border-radius: .2em;
	cursor: pointer;
	display: block;
	line-height: 1;
	padding: .1em .3em;
	text-align: center;
	background-color: none;
	color: white !important;
	text-decoration: none;
	text-transform: none;
	margin: none;
	font-weight: normal;
	letter-spacing: normal;
	transition: background-color .5s linear, color .5s linear, border-color .5s linear, text-shadow .5s linear;
}

/* NAVIGATION BUTTONS - active */
nav#site-navigation.main-navigation a:hover, nav#site-navigation.main-navigation a:focus {
	border: 1px solid white;
	border-radius: .2em;
	cursor: pointer;
	display: block;
	line-height: 1;
	padding: .1em .3em;
	text-align: center;
	background-color: #222;
	color: white;
	text-decoration: none;
	text-transform: none;
	margin: none;
	font-weight: normal;
	letter-spacing: normal;
	transition: background-color .5s linear, color .5s linear, border-color .5s linear, text-shadow .5s linear;
}

/* NAVIGATION - CURRENT MENU ITEM and children */
.current-menu-item, .current-page-ancestor {
	border: none !important;
	border-radius: .2em;
	cursor: pointer;
	display: block;
	line-height: 1;
	padding: none;
	text-align: center;
	background-color: #222;
	color: white;
	text-decoration: none;
	text-transform: none;
	margin: none;
	font-weight: normal;
	letter-spacing: normal;
	transition: background-color .5s linear, color .5s linear, border-color .5s linear, text-shadow .5s linear;
}

/* MOBILE MENU corner button - at rest */
button#menu-toggle.menu-toggle {
	margin: 20px 0px 0px 0px;
	padding: .5em 1em .5em 1em;
	border: 1px solid white;
	rgba(255, 255, 255, .05)
	color: white;
	text-transform: uppercase;
	transition: background-color .5s linear, color .5s linear, border-color .5s linear, text-shadow .5s linear;
	text-shadow: none;
}
/* MOBILE MENU corner button - active */
button#menu-toggle.menu-toggle.toggled-on, button#menu-toggle.menu-toggle:hover, button#menu-toggle.menu-toggle:focus, button#menu-toggle.menu-toggle:active {
	margin: 20px 0px 0px 0px;
	padding: .5em 1em .5em 1em;
	border: 1px solid white;
	background: white;
	color: black !important;
	text-transform: uppercase;
	transition: background-color .5s linear, color .5s linear, border-color .5s linear, text-shadow .5s linear;
	text-shadow: none;
}


/*==============================================================================
// HEADERS AND TITLES, and FRONT PANEL PAGE CHILDREN BACKGROUND COLOR
//============================================================================*/

/* PAGE TITLES */
.entry-title {
	line-height: 1;
	text-align: center;
	text-shadow: 2px 2px 2px black;
	color: white;
	font-size: 175%;
	font-weight: bold;
	background-image: linear-gradient(to right, transparent, #222, transparent);
	padding: .25em 0 .25em 0em;
}

/* SECTION TITLES on NEWS page, FRONT PANEL PAGES etc */
.sectiontitle {
	line-height: 1;
	text-align: left;
	text-shadow: 2px 2px 2px black;
	color: white;
	font-size: 125%;
	font-weight: bold;
	background-image: linear-gradient(to right, #222, transparent);
	padding: .25em 0 .25em .25em;
	margin-bottom: .5em;
}

/* WIDGET TITLES - MAIN WIDGET AREAS BOTTOM AND SIDE */
.widget-title {
	text-align: center;
	margin-top: 5em;
}

/* POSTS (PREVIOUS AND NEXT) TEXT HOVER COLOR - ON A POST PAGE */
.post-navigation a:focus .post-title,
.post-navigation a:hover .post-title {
	color: white;
}

/* DO NOT DISPLAY TITLE on HOME PANEL PAGES... Also BG colors of divider quotes*/
/*HOME - WELCOME*/ .post-11660 .entry-title,
/*VIDEO*/ .post-31470 .entry-title, 
/*REVIEWS*/ .post-31608 .entry-title,
/*PUBLIC SHOWS*/ .post-36087 .entry-title,
/*SHOW TYPES*/ .post-31622 .entry-title,
/*SIGN UP*/ .post-36106 .entry-title,

/*QUOTE OUTLOOK*/ .post-36035 .entry-title {display: none;}
	/*QUOTE OUTLOOK*/ .post-36035
	{      background-image:  url('https://funnymagicshow.com/wp-content/uploads/2026/01/HEADER_comedy-magician-nathan-tricky-allen_curtain-red.png'); background-size: cover;
  padding: none;}

/*QUOTE JUICE*/ .post-36038 .entry-title {display: none;}
	/*QUOTE JUICE*/ .post-36038
	{      background-image:  url('https://funnymagicshow.com/wp-content/uploads/2026/01/HEADER_comedy-magician-nathan-tricky-allen_curtain-red.png'); background-size: cover;
  padding: none;}

/*QUOTE HERALD*/ .post-36041 .entry-title {display: none;}
	/*QUOTE HERALD*/ .post-36041
	{      background-image:  url('https://funnymagicshow.com/wp-content/uploads/2026/01/HEADER_comedy-magician-nathan-tricky-allen_curtain-red.png'); background-size: cover;
  padding: none;}

/*QUOTE INSIDE*/ .post-36044 .entry-title {display: none;}
	/*QUOTE INSIDE*/ .post-36044
	{      background-image:  url('https://funnymagicshow.com/wp-content/uploads/2026/01/HEADER_comedy-magician-nathan-tricky-allen_curtain-red.png'); background-size: cover;
  padding: none;}

/*QUOTE GAZETTE*/ .post-36095 .entry-title {display: none;}
	/*QUOTE GAZETTE*/ .post-36095
	{      background-image:  url('https://funnymagicshow.com/wp-content/uploads/2026/01/HEADER_comedy-magician-nathan-tricky-allen_curtain-red.png'); background-size: cover;
  padding: none;}

/*QUOTE SEATTLE*/ .post-36506 .entry-title {display: none;}
	/*QUOTE SEATTLE*/ .post-36506
	{      background-image:  url('https://funnymagicshow.com/wp-content/uploads/2026/01/HEADER_comedy-magician-nathan-tricky-allen_curtain-red.png'); background-size: cover;
  padding: none;}

/*BACKGROUNDS - specific to front page panels*/
/*HOME - WELCOME*/ .post-11660 {
  background: linear-gradient(
    to bottom, #222 0%, #000 100%);
}
/*VIDEO*/ .post-31470 {
  background: linear-gradient(
    to bottom right, #222 0%, #000 100%);
}
/*REVIEWS*/ .post-31608 {
  background: linear-gradient(
    to bottom left, #222 0%, #000 100%);
}
/*PUBLIC SHOWS*/ .post-36087 {
  background: linear-gradient(
    to bottom right, #222 0%, #000 100%);
}
/*SHOW TYPES*/ .post-31622 {
background-color: #000000;
  background: linear-gradient(
    to bottom left, #222 0%, #000 100%);
}
/*SIGN UP*/ .post-36106 {
background-color: #000000;
  background: linear-gradient(
    to bottom right, #222 0%, #222 50%, #222 100%);
}


/*==============================================================================
// HEADER IMAGE & FEATURED IMAGE
//============================================================================*/

/* HEADER IMAGE does not display site-wide */
.header-image {
	display: none;
}
/* HEADER IMAGE never hyperlinks */
.header-image a {
	pointer-events: none;
}

/* Header Image DOES Display on */
/* HOME Front Page */ 
.home .header-image,
/* IOWA Landing Page */ 
.page-id-5985 .header-image, 
/* WISCONSIN Landing Page */
.page-id-5980 .header-image, 
/* ILLINOIS Landing Page */
.page-id-5999 .header-image, 
/* MINNESOTA Landing Page */
.page-id-5997 .header-image { 
    display: block;
    background-image:   url('https://funnymagicshow.com/wp-content/uploads/2026/01/HEADER_comedy-magician-nathan-tricky-allen_live-on-stage.png'), 
 url('https://funnymagicshow.com/wp-content/uploads/2026/01/HEADER_comedy-magician-nathan-tricky-allen_curtain-red.png');
    background-repeat: no-repeat, no-repeat;
    background-size: auto 100%, cover;
    background-position: center, center;
    padding: 0;
    border-bottom: none;
}


/*==============================================================================
// BUTTONS (GENERAL AND SPECIFIC)
//============================================================================*/

/* BUTTONS - GENERAL - Resting */
.button, a.buttonprominent, .buttonprominent, .button.minimal:focus, .button.minimal:hover, .featured-content .flex-control-paging .flex-active, .featured-content .flex-control-paging a:hover, .featured-content .hentry.has-post-thumbnail .button, .featured-content .hentry.has-post-thumbnail .button.minimal:focus, .featured-content .hentry.has-post-thumbnail .button.minimal:hover, .main-navigation .button.minimal a:focus, .page-template-panel-page .hentry.has-post-thumbnail .button, .page-template-panel-page .hentry.has-post-thumbnail .button.minimal:focus, .page-template-panel-page .hentry.has-post-thumbnail .button.minimal:hover, .search-form .search-submit:before, button, input[type="button"], input[type="reset"], input[type="submit"], ins, mark, .milestone-widget .milestone-header, .widget-footer-top-area .button, .widget-footer-top-area .button.minimal, .widget-footer-top-area .button.minimal, .widget-footer-top-area .milestone-widget .milestone-header, .widget-footer-top-area button, .widget-footer-top-area input[type="button"], .widget-footer-top-area input[type="reset"], .widget-footer-top-area input[type="submit"],
.post-password-form input[type="submit"] {
	border: 1px solid white;
	border-radius: .2em;
	box-shadow: 1px 1px 2px black;
	cursor: pointer;
	display: block;
	font-family: poppins;
	font-size: 100%;
	line-height: 1;
	padding: .4em;
	text-align: center;
	background-color: rgba(255, 255, 255, .05);
	color: white;
	text-decoration: none !important;
	text-transform: none;
	margin: auto;
	font-weight: bold !important;
	letter-spacing: normal;
	transition: background-color .5s linear, color .5s linear, border-color .5s linear, text-shadow .5s linear;
	text-shadow: 2px 2px 2px black;
}

/* BUTTONS GENERAL - HOVER and ACTIVE */
buttonprominent:hover, .buttonprominent:hover, a.buttonprominent:hover, buttonprominent:focus, .buttonprominent:focus, a.buttonprominent:focus, button:hover, .button:hover, a.button:hover, button:focus, .button:focus, a.button:focus, .widget-footer-top-area .button:hover, .widget-footer-top-area .button.minimal:hover, .widget-footer-top-area .button.minimal:hover, .widget-footer-top-area .milestone-widget .milestone-header, .widget-footer-top-area button, .widget-footer-top-area input:hover[type="button"], .widget-footer-top-area input:hover[type="reset"], .widget-footer-top-area input:hover[type="submit"], .post-password-form input:hover[type="submit"],
.widget-footer-top-area input:focus[type="button"], .widget-footer-top-area input:focus[type="reset"], .widget-footer-top-area input:focus[type="submit"],
input:hover[type="button"], input:hover[type="reset"], input:hover[type="submit"], input:focus[type="button"], input:focus[type="reset"], input:focus[type="submit"],
.post-password-form input:focus[type="submit"] {
	border: 1px solid white;
	border-radius: .2em;
	box-shadow: 1px 1px 2px black;
	cursor: pointer;
	display: block;
	font-family: poppins;
	font-size: 100%;
	line-height: 1;
	padding: .4em;
	text-align: center;
	background-color: white;
	color: black !important;
	text-decoration: none !important;
	text-transform: none;
	margin: auto;
	font-weight: bold !important;
	letter-spacing: normal;
	transition: background-color .5s linear, color .5s linear, border-color .5s linear, text-shadow .5s linear;
	text-shadow: none !important;
}

/* CTA BOOKINGS BUTTON - resting */
.buttonCTAbookings {
	border: 1px solid white;
	border-radius: .2em;
	box-shadow: 1px 1px 2px black;
	cursor: pointer;
	display: block;
	font-family: poppins;
	font-size: 100%;
	line-height: 1;
	padding: .4em;
	text-align: center;
	background-color: #fff;
	color: black !important;
	text-decoration: none !important;
	text-transform: none;
	margin: auto;
	font-weight: bold !important;
	letter-spacing: normal;
	transition: background-color .5s linear, color .5s linear, border-color .5s linear, text-shadow .5s linear;
	text-shadow: none;
}
/* CTA BOOKINGS BUTTON - active hover focus */
.buttonCTAbookings:hover, .buttonCTAbookings:focus {
	border: 1px solid white;
	border-radius: .2em;
	box-shadow: 1px 1px 2px black;
	cursor: pointer;
	display: block;
	font-family: poppins;
	font-size: 100%;
	line-height: 1;
	padding: .4em;
	text-align: center;
	background-color: black;
	color: white !important;
	text-decoration: none;
	text-transform: none;
	margin: auto;
	font-weight: bold;
	letter-spacing: normal;
	transition: background-color .5s linear, color .5s linear, border-color .5s linear, text-shadow .5s linear;
	text-shadow: none;
}

/* SECRETS BUTTON - RESTING */
.buttonsecret {
	border: 2px solid white;
	border-radius: .2em;
	cursor: pointer;
	display: block;
	font-family: poppins;
	font-size: 100%;
	line-height: 1;
	padding: .69231em 1.5em;
	text-align: center;
	background-color: rgba(255, 255, 255, .05);
	color: white;
	text-decoration: none !important;
	text-transform: none;
	margin: auto;
	font-weight: bold;
	letter-spacing: normal;
	transition: background-color .5s linear, color .5s linear, border-color .5s linear, text-shadow .5s linear, background-image .5s linear;
	text-shadow: 2px 2px 2px black;
	background-image: url("https://funnymagicshow.com/wp-content/uploads/2023/04/SECRETS_button-img_shocked-face_75opacity.png");
	background-size: auto 120%;
	background-position: left;
	background-repeat: no-repeat;
}
/* SECRETS BUTTON - HOVER and FOCUS */
.buttonsecret:hover, .buttonsecret:focus {
	border: 2px solid white;
	border-radius: .2em;
	cursor: pointer;
	display: block;
	font-family: poppins;
	font-size: 100%;
	line-height: 1;
	padding: .69231em 1.5em;
	text-align: center;
	background-color: white;
	color: black !important;
	text-decoration: none;
	text-transform: none;
	margin: auto;
	font-weight: bold;
	letter-spacing: normal;
	transition: background-color .5s linear, color .5s linear, border-color .5s linear, text-shadow .5s linear, background-image .5s linear;
	text-shadow: none;
	background-image: url("https://funnymagicshow.com/wp-content/uploads/2023/04/SECRETS_button-img_shocked-face_75opacity.png");
	background-size: auto 150%;
	background-position: left;
	background-repeat: no-repeat;
}

/* TICKET BUTTON - on TOUR page goes to specific gigs - resting */
.buttonticket {
	border: 2px solid white;
	border-radius: .2em;
	cursor: pointer;
	display: block;
	font-family: poppins;
	font-size: 100%;
	line-height: 1;
	padding: .69231em 1.5em;
	text-align: center;
	background-color: rgba(255, 255, 255, .05);
	color: white;
	text-decoration: none;
	text-transform: none;
	margin: auto;
	font-weight: bold;
	letter-spacing: normal;
	transition: background-color .5s linear, color .5s linear, border-color .5s linear, text-shadow .5s linear, background-image .5s linear;
	text-shadow: 2px 2px 2px black;
	background-image: url("https://funnymagicshow.com/wp-content/uploads/2018/05/iowa-comedian-magician-comedy-magic-shows-live-show-event.png");
	background-size: 125px auto;
	background-position: left;
	background-repeat: no-repeat;
}
/* TICKET BUTTON - active hover focus */
.buttonticket:hover, .buttonticket:focus {
	border: 2px solid white;
	border-radius: .2em;
	cursor: pointer;
	display: block;
	font-family: poppins;
	font-size: 100%;
	line-height: 1;
	padding: .69231em 1.5em;
	text-align: center;
	background-color: white;
	color: black !important;
	text-decoration: none;
	text-transform: none;
	margin: auto;
	font-weight: bold;
	letter-spacing: normal;
	transition: background-color .5s linear, color .5s linear, border-color .5s linear, text-shadow .5s linear, background-image .5s linear;
	text-shadow: none;
	background-image: url("https://funnymagicshow.com/wp-content/uploads/2018/05/iowa-comedian-magician-comedy-magic-shows-live-show-event.png");
	background-size: 150px auto;
	background-position: left;
	background-repeat: no-repeat;
}


/*==============================================================================
// BOXES AND CONTAINERS
//============================================================================*/

/* FRONT PAGE PANELS - reduce padding at bottom and remove border */
.page-template-panel-page .hentry {
	padding-bottom: 1em;
	border-bottom: none !important;
	border-top: none !important;
}

/* BUY TICKETS NOW BOX - box on specific event pages */
.buyticketsnowbox {
	border: 1px solid white;
	border-radius: .2em;
	display: block;
	padding: .69231em 1.5em;
	text-align: center;
	text-shadow: 2px 2px 2px black;
	background: rgba(255, 255, 255, .05) url("https://funnymagicshow.com/wp-content/uploads/2018/05/iowa-comedian-magician-comedy-magic-shows-live-show-event.png");
	background-size: 20%;
	background-position: top left;
	background-repeat: no-repeat;
}

/* BUY NOW BOX --- used on merch pages etc */
.buynowbox {
	border: 1px solid white;
	border-radius: .2em;
	display: block;
	padding: .69231em 1.5em;
	text-align: center;
	text-shadow: 2px 2px 2px black;
	background: rgba(255, 255, 255, .05);
}

/* BUY YOURMAGICMAKER BOX --- used on merch pages etc */
.buyyourmagicmakerbox {
	border: 1px solid white;
	border-radius: .2em;
	display: block;
	padding: .69231em 1.5em;
	text-align: center;
	text-shadow: 2px 2px 2px black;
	background: radial-gradient(circle closest-corner at center 30%, #ffffff, #3E69DC, transparent);
}

/* SHOW TYPES - SERVICES BOX */
.services-box {
	background: rgba(255, 255, 255, .05);
	color: white;
	text-shadow: 2px 2px 2px black;
	border: 1px solid #222;
	border-radius: .2em;
	padding: 1em 1em 0 1em;
	margin-bottom: 1em;
	text-align: left;
	overflow: hidden;
}

/* STORE ITEM BOX */
.store-box {
	background: rgba(255, 255, 255, .05);
	color: white;
	text-shadow: 2px 2px 2px black;
	border: 1px solid #3f3f3f;
	border-radius: .2em;
	padding: 20px 20px 20px 20px;
	margin: none;
	text-align: center;
	overflow: hidden;
}

/* TESTIMONIALS BOX */
.testimonial-box {
	background: rgba(255, 255, 255, .05);
	color: white;
	text-shadow: 2px 2px 2px black;
	border: 1px solid #222;
	border-radius: .2em;
	padding: 15px;
	margin-bottom: 1em;
	text-align: center;
	overflow: hidden;
}
.testimonial-stars {
	content: url(https://funnymagicshow.com/wp-content/uploads/2018/05/5-Star-Reviews_Magician-Comedian-100x17.png);
	width: 100px;
	display: block;
	margin: 0 auto .5em auto;
	float: none;
	line-height: .5;
}
.testimonial-quote {
	font-size: 95%;
	font-weight: bold;
	margin-top: 0px;
	line-height: 1.1;
}
.testimonial-attribute {
	font-size: 70%;
	margin-top: .65em;
	line-height: 1.1;
}


/*==============================================================================
// PLUGINS, SHORTCODES, AND MEDIA QUERIES
//============================================================================*/

/* PAST APPEARANCES logos SIZING - Media Queries */
/* on mobile */
@media (max-width: 895px) {
	.stackedlogos {
		min-width: 100%;
	}
}
/* on desktop */
@media (min-width: 896px) {
	.stackedlogos {
		width: 50%;
	}
}

/* DISPLAY POSTS SHORTCODE - Resting */
div.nta-posts-grid .listing-item {
	border: 1px solid white;
	border-radius: .2em;
	box-shadow: 1px 1px 2px black;
	cursor: pointer;
	display: block;
	font-family: poppins;
	font-size: 100%;
	line-height: 1;
	padding: .69231em 1.5em;
	text-align: left;
	background-color: rgba(255, 255, 255, .05);
	color: white;
	text-decoration: none;
	text-transform: none;
	margin-bottom: 1em;
	font-weight: bold;
	letter-spacing: normal;
	transition: background-color .5s linear, color .5s linear, border-color .5s linear, text-shadow .5s linear, background-image .5s linear;
	text-shadow: 2px 2px 2px black;
	background-image: url("https://funnymagicshow.com/wp-content/uploads/2018/06/iowa-comedian_iowa-magician_news.png");
	background-size: 125px auto;
	background-position: top right;
	background-repeat: no-repeat;
}
/* DISPLAY POSTS SHORTCODE - Hover/Focus */
div.nta-posts-grid .listing-item:hover, div.nta-posts-grid .listing-item:focus {
	border: 1px solid white;
	border-radius: .2em;
	box-shadow: none;
	cursor: pointer;
	display: block;
	font-family: poppins;
	font-size: 100%;
	line-height: 1;
	padding: .69231em 1.5em;
	text-align: left;
	background-color: white;
	color: black !important;
	text-transform: none;
	margin: auto;
	font-weight: bold;
	letter-spacing: normal;
	transition: background-color .5s linear, color .5s linear, border-color .5s linear, text-shadow .5s linear, background-image .5s linear;
	text-shadow: none;
	background-image: url("https://funnymagicshow.com/wp-content/uploads/2018/06/iowa-comedian_iowa-magician_news.png");
	background-size: 150px auto;
	background-position: right;
	background-repeat: no-repeat;
	text-decoration: none;
	margin-bottom: 1em;
}
div.nta-posts-grid .listing-item a.title {
	font-weight: bold;
	display: block;
	border: none;
	text-decoration: none;
	box-shadow: none;
	color: white;
	text-shadow: 2px 2px 2px black;
	transition: background-color .5s linear, color .5s linear, border-color .5s linear, text-shadow .5s linear;
}
div.nta-posts-grid .listing-item a.title:hover, div.nta-posts-grid .listing-item a.title:focus {
	font-weight: bold;
	display: block;
	color: black !important;
	border: none;
	text-decoration: none;
	box-shadow: none;
	text-shadow: none;
	transition: background-color .5s linear, color .5s linear, border-color .5s linear, text-shadow .5s linear;
}
div.nta-posts-grid .listing-item span.date {
	font-size: 75%;
	display: block;
	font-style: italic;
	font-weight: normal;
}
div.nta-posts-grid .listing-item span.excerpt {
	display: none;
}


/*==============================================================================
// COLLAPSE-O-MATIC (FAQ)
//============================================================================*/

/* COLLAPSE-O-MATIC - FAQ - at rest */
.collapseomatic {
	border: 1px solid white;
	border-radius: .2em;
	box-shadow: 1px 1px 2px black;
	cursor: pointer;
	display: block;
	font-family: poppins;
	font-size: 100%;
	font-weight: normal;
	letter-spacing: normal;
	line-height: 1;
	padding: .4em;
	text-align: left;
	background-color: rgba(255, 255, 255, .05);
	color: #ffffff;
	text-decoration: none;
	text-transform: none;
	background-image: none;
	margin: .3em 0 .3em 0em;
	transition: background-color .5s linear, color .5s linear, border-color .5s linear, text-shadow .5s linear;
	text-shadow: 2px 2px 2px black;
}
/* COLLAPSE-O-MATIC - FAQ - hover and focus (colomat-close is also the active state) */
.collapseomatic.colomat-hover, .collapseomatic.colomat-close {
	border: 1px solid white;
	border-radius: .2em;
	box-shadow: 1px 1px 2px black;
	cursor: pointer;
	display: block;
	font-family: poppins;
	font-size: 100%;
	font-weight: normal;
	letter-spacing: normal;
	line-height: 1;
	padding: .4em;
	text-align: left;
	background-color: white;
	color: black;
	text-decoration: none;
	text-transform: none;
	background-image: none;
	margin: .3em 0 .3em 0em;
	transition: background-color .5s linear, color .5s linear, border-color .5s linear, text-shadow .5s linear;
	text-shadow: none;
}

/* COLLAPSE-O-MATIC expand buttons for CONTACT PAGE - at rest */
.collapseomatic.contact {
	border: 2px solid white !important;
	border-radius: .2em !important;
	box-shadow: 1px 1px 2px black;
	cursor: pointer;
	display: block;
	font-family: poppins;
	font-size: 100%;
	line-height: 1;
	padding: .4em;
	text-align: center !important;
	background-color: rgba(255, 255, 255, .05);
	color: white;
	text-decoration: none;
	text-transform: none;
	margin: auto;
	font-weight: bold !important;
	letter-spacing: normal;
	transition: background-color .5s linear, color .5s linear, border-color .5s linear, text-shadow .5s linear;
	text-shadow: 2px 2px 2px black;
}
/* COLLAPSE-O-MATIC expand buttons for CONTACT PAGE - hover and focus */
.collapseomatic.contact.colomat-hover, .collapseomatic.contact.colomat-close {
	border: 2px solid white !important;
	border-radius: .2em !important;
	box-shadow: 1px 1px 2px black;
	cursor: pointer;
	display: block;
	font-family: poppins;
	font-size: 100%;
	line-height: 1;
	padding: .4em;
	text-align: center !important;
	background-color: white;
	color: black;
	text-decoration: none;
	text-transform: none;
	margin: auto;
	font-weight: bold !important;
	letter-spacing: normal;
	transition: background-color .5s linear, color .5s linear, border-color .5s linear, text-shadow .5s linear;
	text-shadow: none;
}

/* COLLAPSE-O-MATIC - EXPAND THEN VANISH BUTTON - RESTING */
.collapseomatic.expandthenvanishbutton {
	border: 1px solid white;
	border-radius: .2em;
	box-shadow: 1px 1px 2px black;
	cursor: pointer;
	display: block;
	font-family: poppins;
	font-size: 100%;
	font-weight: normal;
	letter-spacing: normal;
	line-height: 1;
	padding: .4em;
	text-align: center;
	background-color: rgba(255, 255, 255, .05);
	color: #ffffff;
	text-decoration: none;
	text-transform: none;
	background-image: none;
	margin: 1em 0 1em 0;
	transition: background-color .5s linear, color .5s linear, border-color .5s linear, text-shadow .5s linear;
	text-shadow: 2px 2px 2px black;
}
/* COLLAPSE-O-MATIC - EXPAND THEN VANISH BUTTON - hover and focus */
.collapseomatic.expandthenvanishbutton.colomat-hover {
	border: 1px solid white;
	border-radius: 0em;
	box-shadow: 1px 1px 2px black;
	cursor: pointer;
	display: block;
	font-family: poppins;
	font-size: 100%;
	font-weight: normal;
	letter-spacing: normal;
	line-height: 1;
	padding: .4em;
	text-align: center;
	background-color: white;
	color: black;
	text-decoration: none;
	text-transform: none;
	background-image: none;
	margin: 1em 0 1em 0;
	transition: background-color .5s linear, color .5s linear, border-color .5s linear, text-shadow .5s linear;
	text-shadow: none;
}
/* COLLAPSE-O-MATIC - EXPAND THEN VANISH BUTTON - AS IT IS OPEN - DO NOT DISPLAY */
.collapseomatic.expandthenvanishbutton.colomat-close {
	border: none;
	display: block;
	line-height: 0;
	font-size: 0%;
	padding: 0px;
	background-color: black;
	color: transparent;
	text-decoration: none;
	text-transform: none;
	background: none;
	margin: 0px;
	transition: background-color .5s linear, color .5s linear, border-color .5s linear, text-shadow .5s linear;
	text-shadow: none;
}

/* COLLAPSE-O-MATIC content is same width - does not indent */
.collapseomatic_content {
	margin-left: 0 !important;
	margin-bottom: 1em;
	margin-top: .5em;
}

/*==============================================================================
// CONTACT FORMS (WP STANDARD AND CF7)
//============================================================================*/

/* CONTACT FORMS - WP STANDARD - Resting Fields */
input[type="text"],
input[type="email"],
input[type="name"],
input[type="textarea"],
input[type="password"],
input[type="checkbox"],
input[type="checkbox-multiple"],
input[type="dropdown"],
textarea,
select,
.contact-form .contact-form__select-wrapper select {
	background-color: white !important;
	color: black !important;
	text-shadow: none;
	outline-color: none;
	border: 2px solid black;
}

/* CONTACT FORMS - WP STANDARD - Active/Hover Fields */
input[type="text"]:focus,
input[type="email"]:focus,
input[type="name"]:focus,
input[type="textarea"]:focus,
input[type="password"]:focus,
input[type="checkbox"]:focus,
input[type="checkbox-multiple"]:focus,
input[type="dropdown"]:focus,
textarea:focus,
select:focus,
input[type="text"]:hover,
input[type="email"]:hover,
input[type="name"]:hover,
input[type="textarea"]:hover,
input[type="password"]:hover,
input[type="checkbox"]:hover,
input[type="checkbox-multiple"]:hover,
input[type="dropdown"]:focus,
textarea:hover,
select:hover,
.contact-form .contact-form__select-wrapper select {
	background-color: white !important;
	color: black !important;
	text-shadow: none;
	outline-color: darkred;
	border: 2px solid black;
}

/* CONTACT FORMS - STANDARD - do not display "required" word */
.contact-form label span.required, .grunion-label-required {
	display: none;
}

/* DROPDOWN OPTIONS IN STANDARD CONTACT FORMS - remove drop shadows */
.ui-selectmenu-menu, .ui-selectmenu-text {
	text-shadow: none;
}

/* CONTACT FORM 7 (CF7) STABILITY & SPACING */
/* Forces the email field to always be 100% wide and stable */
.wpcf7-form-control-wrap input[type="email"] {
	width: 100% !important;
	box-sizing: border-box;
}
/* Adds 0.75em spacing above ALL CF7 submit buttons */
.wpcf7-submit {
	margin-top: .75em !important;
	margin-bottom: 0 !important;
}