/*
Theme Name: Thistle Theatre Child
Theme URI: https://thistletheatre.org
Description: Thistle Theatre Child Theme
Author: Thistle Theatre
Author URI: https://thistletheatre.org
Template: Divi
Version: 1.2
*/

/* Parent stylesheet should be loaded from functions.php not using @import */



/* CSS Document */
 
/* DIVI 4.0 HEADER SHRINK */ 


#top-menu-nav #top-menu a:hover, 
#mobile_menu_slide a:hover, 
#thistle-top-menu .et-menu-nav a:hover {
    color: #d476fb;
    text-shadow: #fd79ff 0px 0px 14px !important;
    opacity: 1;/* adds glow on hover */
}


@media only screen and (min-width: 980px) {
.et_pb_menu__logo {
transition: all 0.3s ease-out 0s;
transform: scale(1);
opacity: 1;
}

.hide-et_pb_menu__logo {
transition: all 0.3s ease-out 0s;
transform: scale(0.0);
opacity: 0;

}
.thistle-top-row {
 transition: all 0.3s ease-out 0s;
 top: -0px !important;
}
.reduce-thistle-top-row {
 transition: all 0.3s ease-out 0s;
 top: -65px !important;
}

}
/* DIVI 4.0 HEADER SHRINK *  END//





/* FA Icon Typography Tweaks*/
.fa-map-marked-alt {
    color: #babc18;
    vertical-align: middle;
    line-height:72px;
   margin-right:10px;
}

/* Typography Tweaks*/
.onsale {
    font-family: "Lato", Arial;
}
#wpex-cart-overlay .wpex-inner {
    background: #8a799d;
}

h1 { font-weight: 300;}
h2 { font-weight: 300; }
h3 { font-weight: 300; }
h4 { font-weight: 300; }
h5 { font-weight: 300; }
h6 { font-weight: 300; }

/* Ticket Options Tweaks*/
.tc-extra-product-options .tmcp-field-wrap .price.tc-price .amount {
    font-size: 1.5em !important;
    font-weight: bold;
}
.magnuson, .crossroads, .sunset {
    background: #996699;
}
#magnusondate, #crossroadsdate, #sunsetdate {
    background: #4a2e66;
    padding: 10px 10px 10px 10px;
    border: none;
    border-radius: 10px;
}
#seasonshow1 {
    background-image: url('https://thistletheatre.org/wp-content/uploads/2019/06/little_red_riding_ticket_bg.png');
    background-color: #57662e;
    background-position: right top;
    background-repeat: no-repeat;
    padding: 10px 10px 10px 10px;
    border: none;
    border-radius: 10px;
    font-size: .95em !important;
}
#seasonshow2 {
    background-image: url('https://thistletheatre.org/wp-content/uploads/2019/06/celebration_of_light_ticket_bg.png');
    background-color: #66422e;
    background-position: right top;
    background-repeat: no-repeat;
    padding: 10px 10px 10px 10px;
    border: none;
    border-radius: 10px;
    font-size: .95em !important;
}
#seasonshow3 {
    background-image: url('https://thistletheatre.org/wp-content/uploads/2019/06/funny_woman_ticket_bg.png');
    background-color: #2e4066;
    background-position: right top;
    background-repeat: no-repeat;
    padding: 10px 10px 10px 10px;
    border: none;
    border-radius: 10px;
    font-size: .95em !important;
}
#seasonshow4 {
    background-image: url('https://thistletheatre.org/wp-content/uploads/2019/06/brother_coyote_ticket_bg.png');
    background-color: #2e6640;
    background-position: right top;
    background-repeat: no-repeat;
    padding: 10px 10px 10px 10px;
    border: none;
    border-radius: 10px;
    font-size: .95em !important;
}

/* For devices 400px and larger: */
@media only screen and (max-width: 800px) {
#seasonshow1, #seasonshow2, #seasonshow3, #seasonshow4 {
    background-image: none;
}
}
.seasonshow5-div .tm-description {
    background: #b33f62;
    padding: 10px 10px 10px 10px;
    border: none;
    border-radius: 10px;
}
#donationbox {
    background: #4a2e66;
    padding: 10px 10px 10px 10px;
    ;
    border: none;
    border-radius: 10px;
}
.tm-box {
    margin: 0;
    padding: 5px;
}

/* PARTNER LOGOS IN FOOTER */
/* Keeps column structure on mobile */

@media only screen and (max-width: 980px) {
    .partner-columns .et_pb_column {
    width: 20%!important;
}
}
 
@media only screen and (max-width: 479px) {
    .partner-columns .et_pb_column {
    width: 20%!important;
}
}


/* DIVI BACKGROUND OVERRULE*/
#main-content {
    background-color: #330066 !important;
}

/* DIVI BUTTON INLINE OPTION*/
.btn-inline .et_pb_button_module_wrapper {
    display: inline-block;
    margin: 0 5px;
}

.btn-inline {
    text-align: center !important;
}


/* GALLERY PAGE JUMP TARGETS */
/* add class="jumptarget" to all targets. */

.jumptarget::before {
  content:"";
  display:block;
  height:100px; /* fixed header height*/
  margin:-100px 0 0; /* negative fixed header height */
}


/*** BREADCRUMBS ***/
.woocommerce .woocommerce-breadcrumb {
    font-size: 16px;
    font-weight: bold;
    color: #fff;
}
/*** BREADCRUMB LINKS ***/
.woocommerce .woocommerce-breadcrumb a {
    color: #babc18;
}
.woocommerce-breadcrumb {
visibility:hidden;
}

/*** CHANGE COLORS ON THE FILTER DROPDOWN (THIS MAKES OTHER WOO DROPDOWNS MATCH AS WELL) ***/
select.orderby, /* woocommerce class is purposely left off so other dropdowns can match but you can add it if you prefer */ .woocommerce div.product form.cart .variations td select {
    background: #00707a;
    color: #fff !important;
    font-weight: bold;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
}
/*** SINGLE GRID ITEM STYLING ***/
.woocommerce ul.products li.product {
    text-align: center; /* centers titles and prices */
    background: #f5f5f5; /* changes background color */
    padding: 1em; /* adds space around entire product */
    transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
}
.woocommerce ul.products li.product:hover {
    background: #fff; /* changes background color on hover */
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1); /* adds shadow on hover */
    -webkit-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
}
/*** MAKE IMAGES TOUCH EDGES (IF ADDING PADDING ABOVE) ***/
.et_shop_image {
    margin: -1em -1em 0; /* compensates for grid item padding, leave this off if you want space around the images */
}
/*** MAKE TITLES BIGGER AND CHANGE COLOR ON SINGLE GRID AND RELATED PRODUCTS ***/
h2.woocommerce-loop-product__title, .product .related h2 {
    font-size: 22px !important;
    color: #000; /* change color of product titles */
}
/*** CENTER STAR RATING AND MAKE STARS BIGGER ***/
.woocommerce ul.products li.product .star-rating {
    font-size: 18px;
    margin-left: auto !important;
    margin-right: auto !important;
}
/*** CHANGE STAR COLOR FROM THEME COLOR ***/
.woocommerce .star-rating span::before {
    color: #ffa500 !important;
}
/*** MAKE PRICES BIGGER ON GRID AND RELATED PRODUCTS ***/
.woocommerce ul.products li.product .price, .woocommerce ul.products li.product .price del, .woocommerce-page ul.products li.product .price, .woocommerce-page ul.products li.product .price del {
    font-size: 18px;
}
/*** IMAGE OVERLAY BACKGROUND ***/
.woocommerce .et_overlay {
    border: 0;
    background: #00707a; /* For browsers that do not support gradients */
    background: radial-gradient(rgba(0,173,173,1), rgba(0,112,122,0.8)); /* gradient colors */
}
/*** IMAGE OVERLAY ICON COLOR AND SIZE ***/
.woocommerce .et_overlay:before {
    color: #fff;
    font-size: 60px;
    margin: auto;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
/*** SALE BADGE COLOR ***/
.woocommerce span.onsale, .woocommerce-page span.onsale {
    background: #FFA500 !important;
    z-index: 9;
}
.tm-final-totals, .woocommerce div.product p.price, .woocommerce div.product span.price {
    font-size: 1.25em;
}
/*** PRODUCT PAGE IMAGE SHADOW AND MARGIN ***/
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper {
    margin-bottom: 20px;
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
}
/*****************************************************/
/******** WOO CART / CHECKOUT / ACCOUNT PAGES ********/
/*****************************************************/

/*** MAIN FORMS BACKGROUND COLOR ***/
.woocommerce table.shop_table, .woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register, #add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment, #customer_details, h3#order_review_heading, form.woocommerce-EditAccountForm.edit-account {
    border: 0 !important; /* you can add a border if you prefer */
    background: #4a2e66; /* this is the main background color for all forms */
}
/*** FORM AND OTHER PADDING ***/
#customer_details, form.woocommerce-EditAccountForm.edit-account, h3#order_review_heading {
    padding: 30px 20px;
}
/*** ADJUST FORM ROUNDED EDGES ***/
#customer_details {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.woocommerce-checkout-review-order table.shop_table {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
/*** THIS COMPENSATES FOR FIELDS NOT ALIGNING ***/
h3#ship-to-different-address {
    margin-top: -3px;
}
/*** PAYMENT BOX ON CHECKOUT ***/
#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box {
    background-color: #15bf86;
    color: #fff;
}
#add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before {
    border-bottom-color: #15bf86;
}
#add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods {
    border-bottom: 0;
}
/*** BORDERS AND TABLES ***/
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
    border: 0;
}
.woocommerce table.shop_table td, #add_payment_method .cart-collaterals .cart_totals tr td, #add_payment_method .cart-collaterals .cart_totals tr th, .woocommerce-cart .cart-collaterals .cart_totals tr td, .woocommerce-cart .cart-collaterals .cart_totals tr th, .woocommerce-checkout .cart-collaterals .cart_totals tr td, .woocommerce-checkout .cart-collaterals .cart_totals tr th, .woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th, .woocommerce-checkout #main-content .cart-subtotal td {
    border-top: 2px solid #fff;
}
.woocommerce table.shop_table_responsive tr:nth-child(2n) td, .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td {
    background: transparent;
}
.woocommerce-checkout #content-area table th, .woocommerce-checkout #content-area table td {
    padding-left: 20px;
}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
    font-size: 18px;
}
/*** COUPON / EXISTING ACCOUNT / ERROR BOXES BACKGROUND COLOR ***/
.woocommerce-message, .woocommerce-error, .woocommerce-info {
    background: #b33f62 !important;
}
/*** ORDER NOTES ON CHECKOUT ***/
.woocommerce-checkout .woocommerce form .form-row textarea {
    height: 150px; /* height of optional notes box */
}
/*** STATE DROPDOWN SELECT COLOR ***/
.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected] {
    background: #ffa500;
}
/*** QUANTITY BOX ***/
.woocommerce #content .quantity input.qty, .woocommerce .quantity input.qty, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-page #content .quantity input.qty, .woocommerce-page .quantity input.qty, .tm-quantity input.tm-qty {
    font-size: 18px;
    font-weight: 500;
    color: #000 !important;
    background: #FFF !important;
    height: 46px; /* you may need to change this based on your font size */
    border: none;
    border-radius: 3px;
    width: 72.609375px;
    line-height: 23px;
    padding: 5px
}
/*** QUANTITY BOX DONATION ***/
.tm-quantity input.tm-qty {
    font-size: 18px;
    font-weight: 500;
    color: #FFFFFF !important;
    background: #179e83 !important;
    height: 46px; /* you may need to change this based on your font size */
    border: none;
    border-radius: 3px;
    width: 72.609375px;
    line-height: 23px;
    padding: 5px
}
/* IMAGE QTY ICONS */
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
 margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
 background: url('https://beta.thistletheatre.org/wp-content/uploads/2018/12/Double_Arrows-512-e1545710780892.png') no-repeat 50% 50%;
 width: 24px;
 height: 24px;
 padding: 4px;
 position: relative;
 right: 4px;
}
input[type=number] {
    -moz-appearance: textfield;
}
.woocommerce table.shop_table th {
    color: #FFF;
}

/*OUT OF STOCK NOTICE */
.woocommerce div.product .out-of-stock, .woocommerce div.product p.stock  {
	margin-top:15px;
    font-size: 1.5em;
}

/*CART ITEMS ALIGN LEFT */
.woocommerce-cart-form p{ 
text-align:left !important;
}

/***************************** DIVI SPACE MENU ICONS *******************************/
/*HIDE DEFAULT CART ICON */
.et-cart-info {
    display: none;
}

@media (min-width: 981px) {
.menu-icons a {
    padding-left: 20px;
}
.menu-icons a:before {
    font-family: 'ETmodules';
    position: absolute;
}
#main-header .menu-icons a:before {
    top: 0;
    left: 0;
}
.sub-menu .menu-icons a:before {
    margin-top: 6px;
    left: 0;
}
#top-header .menu-icons a:before {
    left: 0px;
    top: 0px;
}
/*HIDE PRODUCT PRICE ON SHOP PAGE */
.woocommerce ul.products li.product .price, .woocommerce ul.products li.product .price del, .woocommerce-page ul.products li.product .price, .woocommerce-page ul.products li.product .price del {
    display: none;
}


/************************************ MENU ICONS **********************************/
 /*** QUOTE MARKS ***/ .menu-icon-1 a:before {
    content: "\7c";
}
/*** CLOCK FACE ***/ .menu-icon-2 a:before {
    content: "\7d";
}
/*** CLOSED PADLOCK ***/ .menu-icon-3 a:before {
    content: "\7e";
}
/*** KEY ***/ .menu-icon-4 a:before {
    content: "\e001";
}
/*** CLOUD ***/ .menu-icon-5 a:before {
    content: "\e002";
}
/*** LANDSCAPE IMAGE ICON ***/ .menu-icon-6 a:before {
    content: "\e005";
}
/*** LIGHTBULB ***/ .menu-icon-7 a:before {
    content: "\e007";
}
/*** CAMERA ***/ .menu-icon-8 a:before {
    content: "\e00f";
}
/*** ENVELOPE ***/ .menu-icon-9 a:before {
    content: "\e010";
}
/*** CREDIT CARD ***/ .menu-icon-10 a:before {
    content: "\e014";
}
/*** SHOPPING CART ***/ .menu-icon-11 a:before {
    content: "\e015";
}
/*** LOCATION PIN ***/ .menu-icon-12 a:before {
    content: "\e01d";
}
/*** CALENDAR ***/ .menu-icon-13 a:before {
    content: "\e023";
}
/*** CONTACTS BOOK ***/ .menu-icon-14 a:before {
    content: "\e026";
}
/*** HEART ***/ .menu-icon-15 a:before {
    content: "\e030";
}
/*** COFFEE CUP ***/ .menu-icon-16 a:before {
    content: "\e105";
}
/*** WALLET ***/ .menu-icon-17 a:before {
    content: "\e100";
}
/*** BRIEFCASE ***/ .menu-icon-18 a:before {
    content: "\e0fe";
}
/*** STAR ***/ .menu-icon-19 a:before {
    content: "\e031";
}
/*** HOME ***/ .menu-icon-20 a:before {
    content: "\e009";
}
/*** LINK CHAIN ***/ .menu-icon-21 a:before {
    content: "\e02c";
}
/*** LIKE THUMBS UP ***/ .menu-icon-22 a:before {
    content: "\e106";
}
/*** HOURGLASS ***/ .menu-icon-23 a:before {
    content: "\e0e1";
}
/*** PIE CHART ***/ .menu-icon-24 a:before {
    content: "\e029";
}
}
/************************************* END *****************************************/

/* DONATION CART WIDGET */
.wdgk_donation_content input.wdgk_donation {
    font-size:20px;
	 font-weight:600;
    width: 100px;
    height: 40px;
    padding: .618em 1em;  
    margin-bottom: 3px;
}
.wdgk_donation_content a.button.wdgk_add_donation {
	width: auto;
  height: auto;
	border: 0;
	font-weight: 700;
	border-radius: 3px;
	margin-left:3px;
    cursor: pointer;
	line-height: 1;
    padding: .600em 1em;    
}

/* DONATION CART WIDGET CTA */
.wdgk_donation_content_cta {
    font-size:20px;
	 font-weight:600;
    width: 100%;
    margin-bottom: 25px;
	display:block;
}

/* DONATION CART WIDGET MOBILE */
@media (max-width: 980px) {
	
	.wdgk_donation_content input.wdgk_donation {
    font-size:20px;
	 font-weight:600;
    width: auto;
    height: 40px;
    padding: .618em 1em;  
    margin-bottom: 10px;

}
.wdgk_donation_content a.button.wdgk_add_donation {
	width: auto;
  height: auto;

	border: 0;
	font-weight: 700;
	border-radius: 3px;
	margin-left:0px;
 cursor: pointer;
	line-height: 1;
    padding: .600em 1em;    
}
	
	.wdgk_donation_content_cta {
    font-size:20px;
	 font-weight:600;
    width: 100%;
    margin-bottom: 25px;
	display:block;
}
	
}

.tmcp-select {
    background-color: rgb(255, 255, 255);
    border-bottom-color: rgb(187, 187, 187);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-image-outset: 0;
    border-image-repeat: stretch stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
    border-left-color: rgb(187, 187, 187);
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: rgb(187, 187, 187);
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: rgb(187, 187, 187);
    border-top-style: solid;
    border-top-width: 1px;
    box-sizing: border-box;
    color: rgb(78, 78, 78);
    display: inline;
    font-family: "Open Sans";
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    max-width: 100%;
    padding-bottom: 3px;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 3px;
    text-align: start;
    visibility: visible;
    width: 472.9px;
    -moz-osx-font-smoothing: grayscale;
}

/* HIDE SEASON PHOTO ON SHOP PAGE */

.woocommerce div.product div.images .woocommerce-product-gallery__image--placeholder {
display: none !important;
}

#product-215690 > div > div.summary.entry-summary {
width: 100% !important;
}

.no-product-images .summary {
width: 100% !important;
}