/*
Theme Name: Entertainers
Theme URI: http://entertainers.co.uk
Version: 1.0
Description: A customised version of Divi which adds a number of features needed for Entertainer's new website.
Author: Mia Sparrow
Author URI: http://miasparrow.com
Template: Divi
*/


/***************     CUSTOM CSS - ENTERTAINERS **************/

/***** ALL SITE COPY ******/
/***/
/* COLOURS */
/*
#f2f2f2 - light grey
#343a46 - navy blue
#b8ddde - mint green
#8760a1 - light purple
#514274 - dark purple
#e8505c - red
#58c0d1 - turquoise
*/

/* all text - body, input, textarea, select */
body, input, textarea, select
{font-family: 'FuturaLTPro-Book' !important;
font-size: 16px !important;}

a 
{transition: 0.4s;}

a:hover
{opacity: 0.7;
transition: 0.4s;}

h1
{font-family: 'Cyclone-Background', Impact, Charcoal, sans-serif !important;
text-transform: uppercase;}

h2
{font-family: 'La Belle Aurore', cursive;}


body #page-container .et_pb_button
{text-transform: none;
text-decoration: none;
    font-family: 'La Belle Aurore';
    color: #fff;
    border: none;
    font-size: 30px;
    line-height: 22px !important;
transition: 0.5s;}

body #page-container .et_pb_button:hover
{color: #58c0d1;
transition: 0.5s;
opacity: 1;
background-color: transparent;}



/**** ---- MENU ----- ****/
/* TOP MENU BAR */
/* LOGO */
	@media (max-width: 980px)
{#logo
{min-width: 150px;}}

/* move logo to center */
header#main-header .container
{text-align: center;}

/* move logo to left again */
	@media (max-width: 580px)
{header#main-header .container 
{text-align: left;}}

/* burger menu width */
.mobile_menu_bar.et_pb_header_toggle
{width: 40px;}

/* burger colour - closed */
.et_divi_100_custom_hamburger_menu__icon div 
{background: #343a46;}

/* padding change at certain widths */
	@media (max-width: 980px)
{#et-top-navigation 
{-webkit-transition: none !important;
-moz-transition: none !important;
transition: none !important;
padding-top: 33px !important;}}

	@media (max-width: 980px)
{.et_header_style_fullscreen .et-fixed-header #et-top-navigation 
{padding: 33px 0 0 !important;}}



/* FULLSCREEN MENU */
.et_header_style_fullscreen .et_slide_in_menu_container.et_pb_fullscreen_menu_opened 
{opacity: 1;}

/* Font size */
.et_header_style_fullscreen .et_slide_in_menu_container .et_mobile_menu li a
{font-size: 26px !important;
padding: 12px 0;}

	@media (max-width: 480px)
{.et_header_style_fullscreen .et_slide_in_menu_container .et_mobile_menu li a
{padding: 14px 0;}}

/* Selected Menu Items */
.et_slide_in_menu_container #mobile_menu_slide li.current-menu-item a
{color: #9998A6;}

/*  fullscreen menu - logo item */
.et_pb_fullscreen_nav_container li.menu-item-28484 a:last-child
{width: 20%;
min-width: 250px;}

.et_pb_fullscreen_nav_container li.menu-item-28484 a:last-child img 
{max-width: 70%;
 margin-bottom: 15%;}

	@media (max-width: 480px)
{.et_pb_fullscreen_nav_container li.menu-item-28484 a:last-child img
{margin-bottom: 5px;
    max-width: 60%;}}



/* CUSTOM MENU LINK 1 - TICKETS */
.m-custom-menu-link-1
{position: absolute;
top: 37%;
right: 5%;}

	@media (max-width: 980px)
{.m-custom-menu-link-1
{right: 7%;
top: 42%;}}

	@media (max-width: 767px)
{.m-custom-menu-link-1
{right: 9%;}}

	@media (max-width: 580px)
{.m-custom-menu-link-1
{display: none;}}

.m-custom-menu-link-1 a
{font-family: 'Cyclone-Background';
text-transform: uppercase;
font-size: 30px;
    line-height: 20px;
    color: #343a46;
    letter-spacing: 1px;
    font-weight: 100;
cursor: pointer;}



/* CUSTOM MENU LINKS 2 - SOCIAL ICONS */
.m-custom-menu-link-2
{position: absolute;
    top: 37%;
    z-index: 9999;}

.m-custom-menu-link-2 .et-social-icons li:first-child
{margin-left: 0;}

.m-custom-menu-link-2 .et-social-icons li
{margin-left: 10px;}

.m-custom-menu-link-2 .et-social-icons li a
{color: #343a46;
    font-size: 22px;
cursor: pointer;
    transition: 0.4s;}

@media (max-width: 580px)
{.m-custom-menu-link-2
{display: none;}}



/****-----    FOOTER     -----****/
#main-footer p#m-policy-and-conditions
{text-align: center;
color: #ffffff !important;}

#main-footer p#m-policy-and-conditions a
{color: #ffffff !important;}

/* social icons */
.et-social-icons li:first-child
{margin-left: 0px;}


/***** -------         GLOBAL SECTIONS     --------******/

/** ------       CONTACT - GLOBAL BOTTOM SECTION     ------**/
html #m-contact-page-bottom
{padding: 320px 0 80px;
 background-position: top center;
-webkit-background-size: contain;
-moz-background-size: contain;
-ms-background-size: contain;
-o-background-size: contain;
background-size: contain;
    background-color: #0c0c14 !important;}

@media (max-width: 480px)
{html #m-contact-page-bottom
{padding: 20% 0 80px !important;
    background-position: top center !important;
-webkit-background-size: 100% !important;
-moz-background-size:  100% !important;
-ms-background-size: 100% !important;
-o-background-size: 100% !important;
    background-size: 100% !important;
    background-color: black !important;}}

#m-contact-page-bottom .m-row1 .et_pb_text
{margin-bottom: 0;}

/* ROW 1 */
#m-contact-page-bottom .m-row1
{width: 60%;}

/* H1 */
#m-contact-page-bottom .m-row1 h1
{font-size: 65px;
line-height: 50px;
    padding: 1%;
    margin-bottom: 10px;}

/* H2 */
#m-contact-page-bottom .m-row1 h2
{display: inline-block;
    position: relative;}

#m-contact-page-bottom .m-row1 h2:before
{content: "";
    position: absolute;
    height: 0px;
    border-bottom: 1px solid #ffffff;
    top: 30%;
    width: 18%;
    left: -27%;}

#m-contact-page-bottom .m-row1 h2:after
{content: "";
    position: absolute;
    height: 0px;
    border-bottom: 1px solid #ffffff;
    top: 30%;
    width: 18%;
    right: -27%;}

/* COLUMN 1 */
@media (max-width: 980px)
{#m-contact-page-bottom .m-row1 .et_pb_column 
{margin-bottom: 0px;}}


/* ROW 2 */
#m-contact-page-bottom .m-row2
{width: 35%;
    padding-top: 0;}

@media (max-width: 768px)
{#m-contact-page-bottom .m-row2 
{width: 50% !important;
    padding: 0;}}

@media (max-width: 480px)
{#m-contact-page-bottom .m-row2 
{width: 65% !important;
    padding: 0;}}




/**------       BOOK TICKETS - GLOBAL CTA     ------**/

#m-booktickets-fwhead-all
{padding: 0 !important;}

#m-booktickets-fwhead-all .et_pb_fullwidth_header .et_pb_fullwidth_header_container.center .header-content 
{width: 65%;
min-width: 550px;}

@media (max-width: 676px)
{#m-booktickets-fwhead-all .et_pb_fullwidth_header .et_pb_fullwidth_header_container.center .header-content 
{width: 100%;
min-width: initial;
max-width: 420px;
padding: 10px 0;}}

@media (max-width: 676px)
{#m-booktickets-fwhead-all .et_pb_fullwidth_header .et_pb_fullwidth_header_container .et_pb_button_two 
{margin-left: 0;}}

#m-booktickets-fwhead-all h1
{color: #ffffff;
    background-color: #514274;
    font-size: 50px;
    line-height: 70px;
    letter-spacing: 1px;
    text-align: center;
    padding: 0 2%;
    display: -webkit-inline-box;
display: -ms-inline-flexbox;
    margin-bottom: 18px;}

@media (max-width: 470px)
{#m-booktickets-fwhead-all h1
{line-height: 40px;
padding: 4% 2%;}}

#m-booktickets-fwhead-all p
{color: #343a46;}

@media (max-width: 520px)
{#m-booktickets-fwhead-all p
{text-align: justify;
    max-width: 375px;
    margin: 0 auto;}}

#m-booktickets-fwhead-all .et_pb_button
{color: #343a46 !important;
transition: 0.5s;}

#m-booktickets-fwhead-all .et_pb_button:hover
{color: #58c0d1 !important;
transition: 0.5s;
background-color: transparent;
opacity: 1;}


/**------       HOST A SHOW - GLOBAL CTA  - main pages   ------**/

#m-hostanyshow-global-fwhead-all
{padding: 0 !important;}

#m-hostanyshow-global-fwhead-all .et_pb_fullwidth_header 
{padding: 10px 0;}

#m-hostanyshow-global-fwhead-all .et_pb_fullwidth_header .et_pb_fullwidth_header_container.center .header-content 
{width: 65%;
min-width: 550px;
    max-width: 650px;}

@media (max-width: 676px)
{#m-hostanyshow-global-fwhead-all .et_pb_fullwidth_header .et_pb_fullwidth_header_container.center .header-content 
{width: 100%;
min-width: initial;
max-width: 420px;
padding: 10px 0;}}


#m-hostanyshow-global-fwhead-all  .et_pb_fullwidth_header .et_pb_fullwidth_header_container.center .header-content h1
{color: #ffffff;
    font-size: 50px;
    line-height: 40px;
    letter-spacing: 1px;
    text-align: center;
    padding: 2%;
    margin-bottom: 18px;}

#m-hostanyshow-global-fwhead-all p
{color: #ffffff;}

@media (max-width: 520px)
{#m-hostanyshow-global-fwhead-all p
{text-align: justify;
    max-width: 375px;
    margin: 0 auto;}}

#m-hostanyshow-global-fwhead-all .et_pb_button
{color: #ffffff !important;
transition: 0.5s;}

#m-hostanyshow-global-fwhead-all .et_pb_button:hover
{color: #343a46 !important;
transition: 0.5s;
background-color: transparent;
opacity: 1;}

#m-hostanyshow-global-fwhead-all a.et_pb_button
 {display: block;}


/**------       HOST THIS SHOW - GLOBAL CTA  - show pages   ------**/

#m-hostthisshow-global-fwhead-all
{}

#m-hostthisshow-global-fwhead-all .et_pb_fullwidth_header 
{padding: 30px 0;}

#m-hostthisshow-global-fwhead-all .et_pb_fullwidth_header .et_pb_fullwidth_header_container.center .header-content 
{width: 65%;
min-width: 550px;
    max-width: 650px;}

@media (max-width: 676px)
{#m-hostthisshow-global-fwhead-all .et_pb_fullwidth_header .et_pb_fullwidth_header_container.center .header-content 
{width: 100%;
min-width: initial;
max-width: 420px;
padding: 10px 0;}}


#m-hostthisshow-global-fwhead-all  .et_pb_fullwidth_header .et_pb_fullwidth_header_container.center .header-content h1
{color: #ffffff;
    font-size: 50px;
    line-height: 70px;
    letter-spacing: 1px;
    text-align: center;
    padding: 0 2%;
    margin-bottom: 18px;}

#m-hostthisshow-global-fwhead-all p
{color: #ffffff;}

@media (max-width: 520px)
{#m-hostthisshow-global-fwhead-all p
{text-align: justify;
    max-width: 375px;
    margin: 0 auto;}}

#m-hostthisshow-global-fwhead-all .et_pb_button
{color: #ffffff !important;
transition: 0.5s;}

#m-hostthisshow-global-fwhead-all .et_pb_button:hover
{color: #343a46 !important;
transition: 0.5s;
background-color: transparent;
opacity: 1;}

#m-hostthisshow-global-fwhead-all a.et_pb_button
 {display: block;}



/*** JUSTIFY BODY TEXT BELOW 520PX ***/

 @media (max-width: 520px)
{.m-textmod-justified
{text-align: justify !important;}}




/********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/



/*~~~~~~~~~~~~~~~~~~~~~~~~~           ALL PAGES         ~~~~~~~~~~~~~~~~~~~~~~~~~~~~**/



/***********-----------------   HOME PAGE    -------------------***********/

/* DESKTOP SLIDER */

/* all slides */
.m-home3-fwslide-sec1 .et_pb_slide .et_parallax_bg
{background-position: center center;}

.m-home3-fwslide-sec1 .et_pb_slide_description 
{-webkit-animation-name: fadeLeft;
    -moz-animation-name: fadeLeft;
    -ms-animation-name: fadeLeft;
    -o-animation-name: fadeLeft;
    animation-name: fadeLeft;
padding: 12% 8% !important;
    min-height: 450px;
text-align: center;}


/**** SLIDE 1 - you win again */
.m-home3-fwslide-sec1 .et_pb_slide_0
{background-color: #000000 !important;}

.m-home3-fwslide-sec1 .et_pb_slide_0 .et_parallax_bg
{background-position-y: 55%;}


	/* device @medias only */
	@media only screen and (max-device-width: 1024px)
{.m-home3-fwslide-sec1 .et_pb_slide_0 .et_parallax_bg
{background-position-y: 43%;
    background-size: 135%;}}



/**** SLIDE 2 - stevie */
.m-home3-fwslide-sec1 .et_pb_slide_1
{}

.m-home3-fwslide-sec1 .et_pb_slide_1 .et_parallax_bg
{background-position-y: 51%;}

	/* device @medias only */
	@media only screen and (max-device-width: 1024px)
{.m-home3-fwslide-sec1 .et_pb_slide_1 .et_parallax_bg
{background-position-y: 38%;
    background-size: 130%;}}



/**** SLIDE 3 - motown */
.m-home3-fwslide-sec1 .et_pb_slide_2
{background-color: #000000 !important;}

.m-home3-fwslide-sec1 .et_pb_slide_2 .et_parallax_bg
{}

	/* device @medias only */
	@media only screen and (max-device-width: 1024px)
{.m-home3-fwslide-sec1 .et_pb_slide_2 .et_parallax_bg
{background-position-y: 35%;
    background-position-x: -20% !important;
    background-size: 116%;}}




/**** SLIDE 4 - Islands in the Stream */
.m-home3-fwslide-sec1 .et_pb_slide_3
{background-color: #020226 !important;}

.m-home3-fwslide-sec1 .et_pb_slide_3 .et_parallax_bg
{background-position-y: 55%;}


	/* device @medias only */
	@media only screen and (max-device-width: 1024px)
{.m-home3-fwslide-sec1 .et_pb_slide_3 .et_parallax_bg
{background-position-y: 43%;
    background-size: 140%;}}



/** TABLET SLIDER **/


.m-home3-fwslide-sec1-tablet
{padding: 0 !important;}

    @media (max-width: 559px)
{.m-home3-fwslide-sec1-tablet
{display: none;}}

.m-home3-fwslide-sec1-tablet .et_pb_slider .et_pb_slide
{background-size: cover;}

.m-home3-fwslide-sec1-tablet .et_pb_slide_description
{padding: 210px 8%;}


/* SLIDE 3 - MoM */
/* device @medias only */
@media only screen and (max-device-width: 768px)
{.m-home3-fwslide-sec1-tablet .et_pb_slider .et_pb_slide_6
{background-size: cover;
    background-position-x: -35%;
background-color: black !important;}}

.m-home3-fwslide-sec1-tablet .et_pb_slider .et_pb_slide_6
{background-size: cover;
    background-position: left center;}




/** MOBILE SLIDER **/

.m-home3-fwslide-sec1-mobile
{padding: 0 !important;}

    @media (min-width: 560px)
{.m-home3-fwslide-sec1-mobile
{display: none;}}

.m-home3-fwslide-sec1-mobile .et_pb_slider .et_pb_slide
{background-size: cover;}

.m-home3-fwslide-sec1-mobile .et_pb_slide_description
{padding: 71% 8%;}





/* all buttons */
.m-home3-fwslide-sec1 .et_pb_slide_description a.et_pb_button
{padding: 15px !important;
    position: relative;
    top: 9em;}

.m-home3-fwslide-sec1 .et_pb_slide_description a.et_pb_button:hover
{background: transparent;}







/**********------------     SHOW LISTINGS (GRID) PAGE     ------------------************/









/**********------------     INDIVIDUAL SHOW PAGE     ------------------************/











/**********-----------     FIND A SHOW PAGE     ------------------*************/

/* SECTION 1 - FULLWIDTH HEADER */
.m-findashow-fwhead-sec1
{padding: 0 !important;}

.m-findashow-fwhead-sec1 .header-content h1
{font-family: 'Cyclone-Background';
    text-transform: uppercase;
    font-size: 65px;
    line-height: 50px;
    padding: 1%;
    margin-bottom: 10px;
color: #343a46 !important;}

.m-findashow-fwhead-sec1 .header-content h2
{display: inline-block;
    position: relative;
color: #343a46 !important;}

.m-findashow-fwhead-sec1 .header-content h2:before
{content: "";
    position: absolute;
    height: 0px;
    border-bottom: 1px solid #343a46;
    top: 30%;
    width: 25%;
    left: -45%;}

.m-findashow-fwhead-sec1 .header-content h2:after
{content: "";
    position: absolute;
    height: 0px;
    border-bottom: 1px solid #343a46;
    top: 30%;
    width: 25%;
    right: -45%;}


/* SECTION 2 - MAIN SECTION */
.m-findashow-search-sec2
{padding: 0 0 !important;}

	@media (max-width: 980px)
	{.m-findashow-search-sec2 .et_pb_row
	{width: 95%;}}

	@media (max-width: 767px)
	{.m-findashow-search-sec2 .et_pb_row
	{width: 80%;}}

	@media (max-width: 420px)
	{.m-findashow-search-sec2 .et_pb_row
	{width: 95%;}}

/* search wrapper */
	@media (max-width: 980px)
	{#em-wrapper .em-search-wrapper
	{width: 85%;
	margin: 0 auto;}}

	@media (max-width: 767px)
	{#em-wrapper .em-search-wrapper
	{width: 100%;}}

	@media (max-width: 420px)
	{#em-wrapper .em-search-wrapper
	{width: 85%;}}

/* whole search section */
#em-wrapper div.css-search
{border: none;}


/**** WHOLE FORM - @MEDIAS 767PX */
/* BOTH main and advanced section */
	@media (max-width: 767px)
	{#em-wrapper div.css-search.has-advanced div.em-search-main, #em-wrapper div.css-search.has-advanced div.em-search-advanced
	{width:  90%;
	margin: 0 auto;
		margin-bottom: 40px !important;}}

	@media (max-width: 510px)
	{#em-wrapper div.css-search.has-advanced div.em-search-main, #em-wrapper div.css-search.has-advanced div.em-search-advanced
	{width:  95%;
	margin: 0 auto;
	margin-bottom: 40px !important;}}


/* all labels - BOTH main and advanced */
	@media (max-width: 767px)
	{#em-wrapper div.css-search.has-advanced div.em-search-main label, #em-wrapper div.css-search .em-search-advanced label
	{display: block;
	margin-bottom: 20px;}}


/* PART 1 - MAIN SEARCH */
/* all input fields */
#em-wrapper div.css-search .em-search-main input[type=text]
{background-color: transparent;
border-bottom: solid 1px #343a46 !important;
    padding: 1% 0;
    margin: 0 4% 0 0;
    border: none;
max-width: 41%;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-ms-border-radius: 0px;
-o-border-radius: 0px;
    border-radius: 0px;}

	@media (max-width: 767px)
	{#em-wrapper div.css-search .em-search-main input[type=text]
	{max-width: 100% !important;
	width: 100% !important;
	margin: 0 auto !important;
	padding: 5px 0 !important;}}


/* 1ST LINE */
#em-wrapper div.css-search.has-advanced div.em-search-main
{padding-bottom: 0;
border-bottom: none;
margin-bottom: 40px;}

/* search name etc. text box */
/* hide plugin icon */
#em-wrapper div.css-search div.em-search-text
{background: none;
background-image: none;
 background-color: transparent;
padding: 0;
margin: 0;
/*background-image: url(http://easytheatre.theminimart.com/wp-content/uploads/2016/10/ENT-search-icon-1.png);
    background-position: 88% 100%;
    background-repeat: no-repeat;
-webkit-background-size: 7% !important;
-moz-background-size:  7% !important;
-ms-background-size: 7% !important;
-o-background-size: 7% !important;
  background-size: 7%;
    padding: 0 0 6px;
font-size: 30px;*/}

/* insert DIVI icon */
#em-wrapper div.css-search div.em-search-text label:after
{font-family: 'ETmodules';
    content: '\55';
    color: #343a46;
    font-weight: bold;
    font-size: 22px;
    position: absolute;
    top: 10px;
    left: 38%;}


/* search area, with google prompt */
/* hide plugin icon */
#em-wrapper div.css-search div.em-search-geo
{background: none;
background-image: none;
 background-color: transparent;
padding: 0;
margin: 0;
/*background-image: url(http://easytheatre.theminimart.com/wp-content/uploads/2016/10/ENT-location-icon-1.png);
    background-position: 88% 100%;
    background-repeat: no-repeat;
-webkit-background-size: 7% !important;
-moz-background-size:  7% !important;
-ms-background-size: 7% !important;
-o-background-size: 7% !important;
  background-size: 7%;
    padding: 0 0 6px;
font-size: 30px;*/}

/* insert DIVI icon */
#em-wrapper div.css-search div.em-search-geo label:after
{font-family: 'ETmodules';
    content: '\e01d';
    color: #343a46;
    font-weight: bold;
    font-size: 22px;
    position: absolute;
    top: 10px;
    left: 82%;}


/* submit button */
#em-wrapper  div.css-search div.em-search-main .em-search-submit 
{position: relative;
    top: 5px;
    right: 5px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: none;
    background: none;
    background-color: #343a46;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
    border-radius: 6px;
    border: none;
    display: -webkit-inline-box;
display: -ms-inline-flexbox;
    color: #ffffff;
    font-weight: bold;
    padding: 8px 10px;
    text-decoration: none;
    text-shadow: 1px 1px 0px #c7c5c7;
    line-height: 16px;
    width: 10%;
    margin: 0;
cursor: pointer;
    min-width: 73px;}

#em-wrapper  div.css-search div.em-search-main .em-search-submit img
{display: none;}

#em-wrapper  div.css-search div.em-search-main .em-search-submit:before
{content: 'Search';
    font-size: 16px;
    font-weight: 400;
    text-shadow: none;}



/* BOTH search and location icons */
	@media (max-width: 980px)
	{#em-wrapper div.css-search div.em-search-text label:after, #em-wrapper div.css-search div.em-search-geo label:after
	{top: 7px;}}

/* search icon */
	@media (max-width: 980px)
	{#em-wrapper div.css-search div.em-search-text label:after
	{left: 42%;}}

	@media (max-width: 767px)
	{#em-wrapper div.css-search div.em-search-text label:after
	{left: 85%;
	top: 4px;}}

/* location icon */
	@media (max-width: 980px)
	{#em-wrapper div.css-search div.em-search-geo label:after
	{left: 91%;}}

	@media (max-width: 767px)
	{#em-wrapper div.css-search div.em-search-geo label:after
	{left: 85%;
	top: 54px;}}

	@media (max-width: 980px)
	{#em-wrapper div.css-search .em-search-main input[type=text]
	{max-width: 45%;
	width: 45%;}}

/* button */
	@media (max-width: 980px)
{#em-wrapper  div.css-search div.em-search-main .em-search-submit
{margin: 20px auto;
    text-align: center;
    position: initial;
    display: block;
    width: 12%;}}

	@media (max-width: 767px)
	{#em-wrapper  div.css-search div.em-search-main .em-search-submit
	{width: 20%;
	margin-left: 0;
	min-width: 95px;}}



/* ADVANCED SEARCH */
#em-wrapper  div.css-search .em-search-advanced
{padding: 0;}

#em-wrapper  div.css-search .em-search-advanced span
{font-size: 16px;
min-width: 110px;}

	@media (max-width: 560px)
	{#em-wrapper  div.css-search .em-search-advanced span
	{min-width: 130px;}}

	@media (max-width: 320px)
	{#em-wrapper  div.css-search .em-search-advanced span
	{min-width: 110px;}}

/* All DIVs within Advanced Search */
	@media (max-width: 767px)
	{#em-wrapper  div.css-search .em-search-advanced div
	{max-width: 80%;
	margin: 0 auto;}}

/* 2ND LINE */
/* whole 2nd line */
#em-wrapper  div.css-search .em-search-advanced div.em-search-scope
{margin-bottom: 50px;
background-color: transparent;
    border-bottom: solid 1px #343a46 !important;
    padding: 0;
    border: none;
    max-width: 52%;
min-width: 570px;}

	@media (max-width: 980px)
	{#em-wrapper  div.css-search .em-search-advanced div.em-search-scope
	{max-width: 95%;}}

	@media (max-width: 767px)
	{#em-wrapper  div.css-search .em-search-advanced div.em-search-scope
	{min-width: 0;
	max-width: 100%;
	width: 100%;
	border-bottom: none !important;}}


/* "Dates" text */
#em-wrapper  div.css-search .em-search-advanced div.em-search-scope label:first-child span
{position: relative;
top: 6px;}

	@media (max-width: 980px)
	{#em-wrapper  div.css-search .em-search-advanced div.em-search-scope label:first-child span
	{position: relative;
	top: 8px;}}

	@media (max-width: 767px)
	{#em-wrapper  div.css-search .em-search-advanced div.em-search-scope label
	{border-bottom: solid 1px #343a46;}}

	@media (max-width: 767px)
	{#em-wrapper  div.css-search .em-search-advanced div.em-search-scope label:first-child span
	{max-width: 20%;
	width: 20%;
	min-width: 40px;}}

/* 2 date boxes and "and" text */
@media (max-width: 767px)
{#em-wrapper div.css-search span.em-events-search-dates
{}}

/* Calendar icons - both */
#em-wrapper div.css-search span.em-events-search-dates label:after
{font-family: 'ETmodules';
    content: '\e023';
    color: #343a46;
    font-weight: bold;
    font-size: 26px;
    position: absolute;
    top: 90px;}

	@media (max-width: 980px)
	{#em-wrapper div.css-search span.em-events-search-dates label:after
	{top: 134px;}}


/* Calendar icon - 1st */
#em-wrapper div.css-search span.em-events-search-dates label:first-child:after
{/*left: 25%;*/
left: 280px;}

	@media (max-width: 980px)
	{#em-wrapper div.css-search span.em-events-search-dates label:first-child:after
	{left: 42%;}}

	@media (max-width: 767px)
	{#em-wrapper div.css-search span.em-events-search-dates label:first-child:after
	{left: 85%;
	top: 180px;}}

/* "and" text */
#em-wrapper div.css-search span.em-events-search-dates label:last-child
{}

/* Calendar icon - 2nd */
#em-wrapper div.css-search span.em-events-search-dates label:last-child:after
{/*left: 49%;*/
left: 540px;}

	@media (max-width: 980px)
	{#em-wrapper div.css-search span.em-events-search-dates label:last-child:after
	{left: 90%;}}

	@media (max-width: 767px)
	{#em-wrapper div.css-search span.em-events-search-dates label:last-child:after
	{left: 85%;
	top: 234px;}}


/* input fields */
#em-wrapper div.css-search span.em-events-search-dates input[type=text]
{padding: 11px 0 0;
    margin: 0 0% 0 2%;
    border: none;
    width: 35%;
background-image: none;
    background-color: transparent;
    cursor: pointer;}

	@media (max-width: 767px)
	{#em-wrapper div.css-search .em-search-advanced input[type=text]
	{max-width: 80%;
	width: 80% !important;
	margin: 0 !important;}}

	@media (max-width: 767px)
	{#em-wrapper div.css-search span.em-events-search-dates label:last-child input[type=text]:first-child
	{margin-left: 10% !important;}}

	@media (max-width: 510px)
	{#em-wrapper div.css-search span.em-events-search-dates label:last-child input[type=text]:first-child
	{margin-left: 6% !important;}}

#em-wrapper div.css-search span.em-events-search-dates label input[type=text]:nth-child(2)
{margin: 0 2% 0 0;}


.ui-widget-content 
{border: 1px solid #343a46 !important;
    background: #eee !important;
    color: #343a46 !important;}

#ui-datepicker-div .ui-widget-header 
{border: none;
    background: #343a46;}

#ui-datepicker-div
{z-index: 10 !important;}



/* ALL DROP DOWN SECTIONS */
#em-wrapper  div.css-search .em-search-advanced 
div.em-search-category, 
#em-wrapper  div.css-search .em-search-advanced 
div.em-search-state, 
#em-wrapper  div.css-search .em-search-advanced 
div.em-search-town,
#em-wrapper  div.css-search .em-search-advanced 
.em-search-geo-units
{padding: 0;
    margin-bottom: 10px;
    width: 52%;
    min-width: 530px;
height: 35px;
border-bottom: solid 1px #343a46;}

	@media (max-width: 767px)
	{#em-wrapper  div.css-search .em-search-advanced 
	div.em-search-category, 
	#em-wrapper  div.css-search .em-search-advanced 
	div.em-search-state, 
	#em-wrapper  div.css-search .em-search-advanced 
	div.em-search-town,
	#em-wrapper  div.css-search .em-search-advanced 
	.em-search-geo-units
	{min-width: 400px;}}


	@media (max-width: 560px)
	{#em-wrapper div.css-search .em-search-advanced 
	div.em-search-category, 
	#em-wrapper div.css-search .em-search-advanced 
	div.em-search-state, 
	#em-wrapper div.css-search .em-search-advanced 
	div.em-search-town,
	#em-wrapper div.css-search .em-search-advanced 
	.em-search-geo-units
	{width: 100%;
	min-width: 300px;
	max-width: 300px;}}

	@media (max-width: 320px)
	{#em-wrapper div.css-search .em-search-advanced 
	div.em-search-category, 
	#em-wrapper div.css-search .em-search-advanced 
	div.em-search-state, 
	#em-wrapper div.css-search .em-search-advanced 
	div.em-search-town,
	#em-wrapper div.css-search .em-search-advanced 
	.em-search-geo-units
	{min-width: 250px;}}


	@media (max-width: 767px)
	{#em-wrapper  div.css-search .em-search-advanced 
	div.em-search-category, 
	#em-wrapper  div.css-search .em-search-advanced .em-search-location,
	#em-wrapper  div.css-search .em-search-advanced 
	.em-search-geo-units
	{margin-left: 0;}}



/** ALL DROPDOWN LISTS **/
#em-wrapper div.css-search .em-search-advanced select
{border: none;
color: #343a46;
font-size: 16px;
height: 30px;
min-width: 60%;
margin-left: 18%;
background: transparent;
background-color: transparent;
-webkit-appearance: menulist;
-moz-appearance: menulist;
-ms-appearance: menulist;
-o-appearance: menulist;
appearance: menulist;}

	@media (max-width: 767px)
	{#em-wrapper div.css-search .em-search-advanced select
	{width: 62%;
	margin-left: 10%;}}

	@media (max-width: 560px)
	{#em-wrapper div.css-search .em-search-advanced select
	{min-width: 0;
	width: 55%;
	max-width: 200px;
	margin-left: 0%;
	white-space: nowrap;}}


/* 3RD LINE - CATEGORY SEARCH */
#em-wrapper  div.css-search .em-search-advanced .em-search-category
{}

/* 4TH + 5TH LINE - COUNTY + CITY/TOWN SEARCH */
#em-wrapper  div.css-search .em-search-advanced .em-search-location
{}

	@media (max-width: 767px)
	{#em-wrapper  div.css-search .em-search-advanced .em-search-location .em-search-location-meta
	{margin-left: 0;}}


/* 4TH - COUNTY  SEARCH */
#em-wrapper  div.css-search .em-search-advanced .em-search-location .em-search-state
{}

/* 5TH - CITY/TOWN  SEARCH */
#em-wrapper  div.css-search .em-search-advanced .em-search-location .em-search-town
{}

/* 6TH - MILE/SEARCH RADIUS  SEARCH */
#em-wrapper div.css-search .em-search-advanced .em-search-geo-units
{}

#em-wrapper div.css-search .em-search-advanced .em-search-geo-units label
{}

	@media (max-width: 767px)
	{#em-wrapper div.css-search .em-search-advanced .em-search-geo-units label
	{display: inline;}}

	@media (max-width: 510px)
	{#em-wrapper div.css-search .em-search-advanced .em-search-geo-units label span
	{min-width: 86px;}}

#em-wrapper div.css-search .em-search-advanced .em-search-geo-units select
{min-width: 0;
margin-left: 0;}

	@media (max-width: 767px)
	{#em-wrapper div.css-search .em-search-advanced .em-search-geo-units select
	{margin-left: 10% !important;}}

	@media (max-width: 510px)
	{#em-wrapper div.css-search .em-search-advanced .em-search-geo-units select
	{margin-left: 0% !important;
	max-width: 26% !important;}}


/* distance - number */
#em-wrapper div.css-search .em-search-advanced .em-search-geo-units select.em-search-geo-distance
{margin-left: 18%;
    width: 18%;}

@media (max-width: 510px)
{#em-wrapper div.css-search .em-search-advanced .em-search-geo-units select.em-search-geo-distance
{margin-left: -5%;
    width: 100%;
max-width: 58%;}}

/* distance - units */
#em-wrapper div.css-search .em-search-advanced .em-search-geo-units select.em-search-geo-unit
{margin-left: 23%;
    width: 18%;}

	@media (max-width: 767px)
	{#em-wrapper div.css-search .em-search-advanced .em-search-geo-units select.em-search-geo-unit
	{}}


	@media (max-width: 510px)
	{#em-wrapper div.css-search .em-search-advanced .em-search-geo-units select.em-search-geo-unit
	{width: 100%;
	max-width: 58%;
	margin-left: 35%;}}



/****    SEARCH RESULTS TABLE   ****/
/* WHOLE TABLE */
#em-wrapper .css-events-list
{margin-top: 10%;}

#em-wrapper .css-events-list table
{border: none;
font-size: 15px;}

/* BG OF HEADER OF TABLE */
#em-wrapper .css-events-list table thead
{background-color: #ffffff;}

/* HEADER OF TABLES TEXT */
#em-wrapper .css-events-list table.events-table thead > tr th
{padding-left: 10px;}

/* ALL TABLE ROWS */
	@media (max-width: 767px)
	{#em-wrapper .css-events-list table tbody tr
	{}}

/* BG OF ODD ROWS */
#em-wrapper .css-events-list table tbody tr:nth-child(odd)
{background-color: #f2f2f2;}

/* BG OF EVEN ROWS */
#em-wrapper .css-events-list table tbody tr:nth-child(even)
{background-color: #ffffff;}

/* HEADER - CELLS */
/*  header cells of table */
#em-wrapper .css-events-list table tr th
{padding: 9px 0px;
    text-align: left;}

	@media (max-width: 767px)
	{#em-wrapper .css-events-list table thead tr
	{display: none;}}

/* TABLE - BODY */
/* body - all cells of table */
#em-wrapper .css-events-list table tr td
{padding: 2% 1%;
border: none;}

	@media (max-width: 767px)
	{#em-wrapper .css-events-list table tr td
	{float: left;}}


/* 1st cell - date in 2 digits */
#em-wrapper .css-events-list table td.m-events-table-day
{font-family: 'Cyclone-Background';
    text-transform: uppercase;
    color: #343a46;
    font-size: 65px;
    line-height: 50px;
    letter-spacing: 4px;
    text-align: right;
    width: 6%;}

	@media (max-width: 767px)
	{#em-wrapper .css-events-list table td.m-events-table-day
	{width: 12%;
	min-width: 58px;
	padding: 15px 5px 2%;}}

	@media (max-width: 600px)
	{#em-wrapper .css-events-list table td.m-events-table-day
	{width: 20%;
	text-align: center;
	padding: 15px 5px 2% 20px;
	min-width: 75px;}}


/* 2nd cell - day, time, month and year */
#em-wrapper .css-events-list table td.m-events-table-time-year
{width: 12%;
font-size: 16px;}

	@media (max-width: 767px)
	{#em-wrapper .css-events-list table td.m-events-table-time-year
	{width: 22%;
	padding: 15px 10px 2%;
	min-width: 125px;}}

	@media (max-width: 600px)
	{#em-wrapper .css-events-list table td.m-events-table-time-year
	{width: 30%;
	text-align: left;}}

/* 2nd cell - top cell - day and time */
#em-wrapper .css-events-list table td.m-events-table-time-year p.m-tablecell-time
{padding-bottom: 5px;}

	@media (max-width: 767px)
	{#em-wrapper .css-events-list table td.m-events-table-time-year p.m-tablecell-time
	{padding-bottom: 0px;}}

/* 2nd cell - bottom cell - month and year */
#em-wrapper .css-events-list table td.m-events-table-time-year p.m-tablecell-year
{font-family: FuturaLTPro-Bold;
color: #7a7a7a;}


/* 3rd cell - Event Name */
#em-wrapper .css-events-list table td.m-events-table-eventname
{width: 20%;
font-size: 16px;}

	@media (max-width: 767px)
	{#em-wrapper .css-events-list table td.m-events-table-eventname
	{width: 30%;
	padding: 15px 10px 2% 0;
	min-width: 180px;
	text-align: left;}}

	@media (max-width: 600px)
	{#em-wrapper .css-events-list table td.m-events-table-eventname
	{width: auto;
	max-width: 40%;
	min-width: 0;}}

	@media (max-width: 420px)
	{#em-wrapper .css-events-list table td.m-events-table-eventname
	{clear: left;
	padding: 5% 20px;
	width: auto;
	max-width: 100%;
	min-width: 0;}}


/* 4th cell - Location */
#em-wrapper .css-events-list table td.m-events-table-location
{width: 25%;}

	@media (max-width: 767px)
	{#em-wrapper .css-events-list table td.m-events-table-location
	{width: 20%;
	max-width: 34%;
	min-width: 117px;
	padding: 15px 5px 2% 0;}}

	@media (max-width: 600px)
	{#em-wrapper .css-events-list table td.m-events-table-location
	{clear: left;
	width: auto;
	padding: 2% 20px;
	max-width: 50%;
	min-width: 0;}}

	@media (max-width: 420px)
	{#em-wrapper .css-events-list table td.m-events-table-location
	{padding: 2% 10px 2% 20px;}}


/* 4th cell - Location - name of theatre */
#em-wrapper .css-events-list table span.m-tablecell-theatre
{color: #343a46;
font-size: 16px;}

/* 5th cell - Location */
#em-wrapper .css-events-list table td.m-events-table-contact
{}

	@media (max-width: 767px)
	{#em-wrapper .css-events-list table td.m-events-table-contact
	{clear: left;
	width: 25%;
	margin-left: 80px;}}

	@media (max-width: 600px)
	{#em-wrapper .css-events-list table td.m-events-table-contact
	{clear: none;
	width: auto;
	max-width: 50%;
	min-width: 0;
	margin: 0 auto;
	padding: 2% 20px;}}

	@media (max-width: 420px)
	{#em-wrapper .css-events-list table td.m-events-table-contact
	{padding: 2% 20px 2% 10px;}}

/* 6th cell - CTAs */
#em-wrapper .css-events-list table td.m-events-table-ctas
{width: 15%;
padding: 0 1% 0 2%;}

	@media (max-width: 767px)
	{#em-wrapper .css-events-list table td.m-events-table-ctas
	{display: inline-flex;
   	width: 25%;
	padding: 15px 10px;}}

	@media (max-width: 600px)
	{#em-wrapper .css-events-list table td.m-events-table-ctas
	{clear: left;
	width: auto;
	max-width: 100%;
	min-width: 0;
	padding: 15px 20px;}}

	@media (max-width: 420px)
	{#em-wrapper .css-events-list table td.m-events-table-ctas
	{padding: 15px 0 15px 20px;}}

#em-wrapper .css-events-list table td.m-events-table-ctas div
{display: flex;}

#em-wrapper .css-events-list table td.m-events-table-ctas a
{font-family: 'Cyclone-Background';
    text-transform: uppercase;
    color: #ffffff;
    font-size: 35px;
    background-color: #514274;
        padding: 8px 2px 8px 8px;
    white-space: nowrap;
    min-width: 140px;
    width: 95%;}

	@media (max-width: 767px)
	{#em-wrapper .css-events-list table td.m-events-table-ctas a
	{min-width: 125px;}}

#em-wrapper .css-events-list table td.m-events-table-ctas .m-event-indvshow-button
{margin-bottom: 5%;}

	@media (max-width: 767px)
	{#em-wrapper .css-events-list table td.m-events-table-ctas .m-event-indvshow-button
	{margin-bottom: 0;
	margin-right: 10px;}}


#em-wrapper .css-events-list table td.m-events-table-ctas .m-event-booktickets-button
{}

#em-wrapper .css-events-list table td.m-events-table-ctas a:after 
{font-family: "ETmodules" !important;
    content: "\35";
    font-size: 35px;
    font-weight: 600;
    line-height: 0;
    position: relative;
    top: 4%;
right: -4px;}

	@media (max-width: 767px)
	{#em-wrapper .css-events-list table td.m-events-table-ctas a:after 
	{top: 4px;
	right: 4px;}}

#em-wrapper .css-events-list table td.m-events-table-ctas .m-event-booktickets-button a:after
{right: -7px;}

	@media (max-width: 767px)
	{#em-wrapper .css-events-list table td.m-events-table-ctas .m-event-booktickets-button a:after
	{right: 4px;}}


/*** PAGINATION ***/

#em-wrapper .css-events-list .em-pagination
{font-size: 18px;
    color: #343a46;}

#em-wrapper .css-events-list .em-pagination a
{color: #343a46;
    padding-bottom: 1px;
    border-bottom: #343a46 solid 1px;}



/* events manager footer */
.page-id-27914 #em-wrapper > p
{color: #ffffff !important;
    background-color: #0c0c14;
    padding-left: 1%;}

.page-id-27914 #em-wrapper > p a
{color: inherit !important;
    font-weight: 600;}







/*********** ABOUT PAGE ****************/


.m-about-team-all ul.et_pb_member_social_links a.et_pb_facebook_icon:before, .m-about-team-all ul.et_pb_member_social_links .et_pb_facebook_icon:before
{content: "\e076" !important;}




/*********** BLOG PAGE ***************/

.m-blog-grid-sec2 .m-row1 .post-content a:after
{font-family: 'ETmodules';
content: "\35";
    font-size: 24px;
    position: relative;
    right: 0px;
    bottom: -6px;}










/****---------------      PLUGINS - CSS    ------------------****/


/************ convert kit CSS *************/

/* thank you message */
.m-ck-membership-form-sec3 #ck_success_msg
{background-color: white;
    height: 100%;
    width: 100%;
    padding: 10% 15% !important;
    border-radius: 2px;
    border: none !important;}

	@media (max-width: 680px)
{.m-ck-membership-form-sec3 #ck_success_msg
{margin: 0 auto;
    width: 95%;}}


.m-ck-membership-form-sec3 .m-thankyou-message-box
{color: #343a46;
    max-width: 480px;
    margin: 0 auto;}

@media (max-width: 680px)
{.m-ck-membership-form-sec3 .m-thankyou-message-box
{}}


/***********Placeholder************/

body .mc4wp-form input[type='email'] 
{height: 2.65em;}





span.em-search-scope.em-events-search-dates.em-date-range {
    width: 100%;
    font-size: 16px;
    min-width: 110px;
}
span.em-search-scope.em-events-search-dates.em-date-range  label:first-child{
	width:300px;
}
#em-wrapper div.css-search .em-search-advanced div.em-search-scope label:first-child span
{
	    /* position: relative; */
    top: 6px;
}