/*
Theme Name: BlankSlate - PP
Theme URI: https://opencollective.com/blankslate
Author: Bryan Hadaway
Author URI: https://opencollective.com/blankslate#section-contributors
Description: Donate: https://opencollective.com/blankslate. Learn: https://blankslate.me/. BlankSlate is the definitive WordPress boilerplate starter theme. I've carefully constructed the most clean and minimalist theme possible for designers and developers to use as a base to build websites for clients or to build completely custom themes from scratch. Clean, simple, unstyled, semi-minified, unformatted, and valid code, SEO-friendly, jQuery-enabled, no programmer comments, standardized and as white label as possible, and most importantly, the CSS is reset for cross-browser-compatability, with no intrusive visual CSS styles added whatsoever. A perfect skeleton theme. For support and suggestions, go to: https://github.com/bhadaway/blankslate/issues. Thank you.
Tags: accessibility-ready, one-column, two-columns, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Version: 2024.1
Requires at least: 5.2
Tested up to: 6.5
Requires PHP: 7.0
License: GNU General Public License v3 or Later
License URI: https://www.gnu.org/licenses/gpl.html
Text Domain: blankslate

BlankSlate WordPress Theme 2011-2024
BlankSlate is distributed under the terms of the GNU GPL
*/

@keyframes slide {
  from {
    background-position: 0 0;
  }
  to {
    background-position: -100% 0; 
  }
}


@font-face {
    font-family: 'dm_sans9pt_italic';
    src: url('fonts/dmsans-italic-variablefont_opszwght-webfont.ttf') format('ttf'),
         url('fonts/dmsans-italic-variablefont_opszwght-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'dm_sans9pt_regular';
    src: url('fonts/dmsans-variablefont_opszwght-webfont.ttf') format('ttf'),
         url('fonts/dmsans-variablefont_opszwght-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'eb_garamonditalic';
    src: url('fonts/ebgaramond-italic-variablefont_wght-webfont.ttf') format('ttf'),
         url('fonts/ebgaramond-italic-variablefont_wght-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Parisienne-Regular';
    src: url('fonts/Parisienne-Regular.ttf');
    font-weight: normal;
    font-style: normal;
}




@font-face {
    font-family: 'eb_garamondregular';
    src: url('fonts/ebgaramond-variablefont_wght-webfont.ttf') format('ttf'),
         url('fonts/ebgaramond-variablefont_wght-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'avenida_stdregular';
    src: url('fonts/avenida_std_regular-webfont.otf') format('otf'),
         url('fonts/avenida_std_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'raleway-light';
    src: url('fonts/Raleway-Light.ttf') format('ttf'),
         url('fonts/raleway-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/* html,body,applet,object,iframe,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}html{scroll-behavior:smooth}a{text-decoration-skip-ink:auto}a[href^="tel"]{color:inherit;text-decoration:none}button{outline:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{-webkit-appearance:none;appearance:none;border-radius:0}input[type="search"]{-webkit-appearance:textfield}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent} 
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important;word-break:normal}
.screen-reader-text:focus{background-color:#f7f7f7;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;-webkit-clip-path:none;clip-path:none;color:#007acc;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;right:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}
.skip-link{left:-9999rem;top:2.5rem;z-index:999999999;text-decoration:underline}
.skip-link:focus{display:block;left:6px;top:7px;font-size:14px;font-weight:600;text-decoration:none;line-height:normal;padding:15px 23px 14px;z-index:100000;right:auto}
.visually-hidden:not(:focus):not(:active), .form-allowed-tags:not(:focus):not(:active){position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);white-space:nowrap}
*/
body {
    font-family: 'dm_sans9pt_regular';
    font-family: "Raleway-Light";
    margin: 0;
}

.clear {
    clear: both;
}

p {
	line-height: 1.35em;
}

@media screen and (min-width:900px){
	p {
	    font-size: 20px;
	}
	#container ul {
        font-size: 20px;
    }
}

#header img.banner-image {
    max-height: 200px;
    display: block;
    margin: 0 auto;
    max-width: 100%;
}

form input {
    height: 24px;
}

input[type="submit"] {
    font-size: 25px;
    height: 33px;
    background: #57603d;
    color: #fff;
    border-radius: 6px;
    border: none;
}

h1 {
    font-family: 'avenida_stdregular', sans-serif;
    font-weight: normal;
}

.skip-link.screen-reader-text {
    display: none;
}

#header h1 {
    text-align: center;
    margin: 0;
}

h2 {
    font-family: 'avenida_stdregular', sans-serif;
    font-size: 36px;
    font-weight: normal;
}

.mobile-nav {
    display: block;
}
.desktop-nav {
    display: none;
    background: #000;
    color: #fff;
}
.desktop-nav a {
    color: #fff;
}
.desktop-nav ul {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    padding: 0;
    list-style: none;
    font-size: 1.2em;
    line-height: 43px;
    margin: 0;
}

.desktop-nav ul {
    
}

.mobile-nav-inner > span:not(.mobile-nav-toggle) {
    display: flex;
    align-items: center;
}

#menu a {
    font-family: 'dm_sans9pt_regular';
    text-decoration: none;
    color: #fff;
    line-height: normal;
    text-shadow: 0 0 13px #000;
}

.mobile-nav {
    width: 100%;
    height: 45px;
    background-color: #000;
    position: relative;
}

.mobile-nav-toggle {
    height: 40px;
    width: 50px;
    text-align: center;
}

/* .mobile-nav-toggle:after {
    content: "\2261";
    color: #fff;
    font-size: 58px;
    line-height: 36px;
    font-weight: normal;
    font-family: sans-serif;
} */

.menu-toggle {
    color: #fff;
    font-size: 51px;
    line-height: 51px;
    font-weight: normal;
    font-family: Times;
    display: inline-block;
}

.hide-menu {
    display: none;
}

.show-menu {
    display: inline-block;
}

.menu-open .show-menu {
    display: none;
}

.info-modal-close,
.menu-open .hide-menu {
    display: inline-block;
    color: #fff;
    font-family: sans-serif;
    font-size: 32px;
    position: absolute;
    top: 10px;
    left: 10px;
}

.social-icons {
    /* float: right;
    margin-right: 8px; */
}

.social-icon img {
    height: 27px;
    margin-top: 9px;
}

.mobile-nav-inner {
    display: flex;
    justify-content: space-evenly;
}

.mobile-nav li {
    padding: 6px 0;
    font-size: 1.2em;
}

/*
class/workshops
shop info
    directions
    contact
    hours
    phone
*/

/* body.menu-open:before {
    background: rgba(0,0,0,0.4);
    position: fixed;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0;
    display: block;
    content: '';
} */

.menu-open .mobile-nav-toggle {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    bottom: 0;
    right: 0;
    margin: auto;
    display: block;
    height: auto;
    background: rgba(0, 0, 0, 0.7);
}

/* .menu-open .mobile-nav-toggle:after {
    content: "X";
    color: #fff;
    font-family: sans-serif;
    font-size: 32px;
    position: absolute;
    top: 10px;
    left: 10px;
} */

.mobile-nav-wrapper {
    display: none;
}

.menu-open .mobile-nav-wrapper {
    display: block;
    top: 70px;
    position: absolute;
    left: 10%;
}

.store-info-modal {
    display: none;    
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background-color: rgba(0, 0, 0, 0.8);
    color: #fff;
    text-align: center;
    padding-top: 3em;
    overflow: auto;
    z-index: 1;
}

.store-info-modal a {
    color: #fff;
}

.info-open .store-info-modal {
    display: block;
}

.directions-icon {
    height: 17px;
}

.hours-table {
    width: 80%;
    margin: 5px auto 0;
}

.desktop-links {
    display: none;
    position: absolute;
    top: 0;
    width: 11%;
}

.desktop-links-right {
    right: 0;
}

.desktop-links-left {
    left: 0;
    width: 100px;
    height: 100px;
    background: black;
    border-radius: 50%;
    text-align: center;
    justify-content: center;
    align-items: center;
    margin-top: 17px;
    margin-left: 20px;
    box-shadow: 0 0 16px #fff;
}

.desktop-links-left a {
    color: #fff;
    text-decoration: none;
}

.desktop-links-right {
    right: 0;
    background: #000;
    color: #fff;
    justify-content: space-evenly;
    align-items: center;
    flex-wrap: wrap;
    padding: 1em 0.5em 0.5em;
    border-radius: 12px 0 0 12px;
    margin-top: 33px;
    box-shadow: 0 0 16px #fff;
}

.desktop-links-right:before {
    content: 'Follow Us:';
    position: absolute;
    top: 3px;
}

.parlor-pic {
    /*background: url('https://www.theplantedparlour.com/wp-content/uploads/2023/10/IMG_6551-3.jpg') transparent no-repeat center center;*/
    background: url('https://www.theplantedparlour.com/wp-content/themes/blankslate/images/IMG_5143-2.jpg') transparent no-repeat center center;
    background-size: auto;
    width: 100%;
    height: 260px;
    background-size: cover;
    position: absolute;
    background-size: 100% auto !important;
}

#parlor-pic {
  width: 100%;
  height: 260px;
  position: relative;
}

.slide { 
    position: relative; 
}

@media screen and (min-width: 1024px) {
    .menu-open .mobile-nav,
    .mobile-nav {
        display: none;
    }
    
    .desktop-nav {
        display: block;
    }
    .desktop-links {
        display: flex;
    }
    .parlor-pic {
        height: 360px;
    }
    #parlor-pic {
        height: 360px;
    }
}

#container {
    padding: 1.5em 3% 2em;
}

#content h1 {
    /* font-family: 'eb_garamondregular', serif; */
    font-size: 3em;
    margin-bottom: 10px;
}

#sidebar {
    display: none;
}

#copyright {
    text-align: center;
    font-size: 0.8em;
    margin-bottom: 25px;
}



/* remove when menu is live */
/* .menu li {
	display: none
} */

.subtle-link a {
    color: #000;
    text-decoration: none;
}

.home-lower-three,
.home-upper-three {
   line-height: 1.3em;
   text-align: center;
}

.tribe-events-event-image img {
    max-width:80%;
    height: auto;
}

@media screen and (max-width: 781px) {
    .wp-block-columns.is-layout-flex.wp-container-22.wp-block-columns-is-layout-flex .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow figure {
        text-align: center;
    }

    .wp-block-columns.is-layout-flex.wp-container-22.wp-block-columns-is-layout-flex .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow:after {
        content: '';
        height: 1px; 
        width: 80%;
        background: #000;
    }

    .home-upper-three {
        margin-bottom: 30px;
    }
}

.tribe-events-event-image {
	max-width: 500px;
}

#header {
  background: #fff;
}

.home {
    background: #000;
    color: #e5e5e5;
    margin: 0;
}

.home a,
.home a:visited,
.home a:hover {
    color: #e5e5e5;
}

.mobile-nav-toggle ul {
  text-align: left;
}

#footer-delivery-notice {
    max-width:90%; 
    margin: 0 auto 10px; 
    text-align:center;
}

#bwg_facebook_a,
#bwg_twitter_a {
    
    display:none;
}
/*
#wrapper a {
  color: #fff;
}

#wrapper {
  background: #000;
  color: #fff;
  font-family: ;
}

div#tribe-events-content * {
    color: #fff !important;
}

#mc_embed_signup {
    color: #000 !important;
}*/

.plant-page {
    background: #000;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none;   /* Safari */
    -khtml-user-select: none;    /* Konqueror HTML */
    -moz-user-select: none;      /* Old versions of Firefox */
    -ms-user-select: none;       /* Internet Explorer/Edge */
    user-select: none;           /* Standard syntax */
}
.plant-page nav,
.plant-page #footer-delivery-notice,
.plant-page .desktop-links {
    display:none !important;
}
.plant-page #site-title a {
    pointer-events: none !important;
}
.plant-page .hide-content{
    display: none !important;
}

.plant-page header .entry-title {
    display: none;
}
.plant-page #container {
    padding: 0;
    max-width: none;
}

.plant-page #content h1 {
    margin: 0 auto;
    font-size: 13vw;
    position: absolute;
    /*transition: font-size 0.4s;*/
}

.plant-page #content h1.fixed-title {
    color: #000000 !important;
    background: #ffffff !important;
    width: 100%;
    top:0 !important;
    right: 0 !important;
    left: 0 !important;
    text-shadow: none !important;
    font-size: 2.7em !important;
    position: fixed;
    text-indent: 0.5em;
    margin: auto;
    box-shadow: 0 0 11px 3px rgba(0,0,0,0.5) !important;
    text-align: left !important;
    border: none !important;
}

.plant-page article header.header {
    display: none;
}

.plant-page .plant-hero {
    background-image: var(--background);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-color: transparent;
    position: relative;
    background-attachment: fixed; 
    z-index: 2;
}

body.is-mobile-device .plant-hero {
    background-attachment: scroll;
}

.plant-page .entry-content > p {
    background: #f8ffeb;
    margin: 0;
    padding: 20px;
    font-size: 1.4em;
    text-shadow: 0 0 rgba(0,0,0,0.6);
}

.plant-page .entry-content > p.intro-paragraph {
    font-size: 1.6em;
}

.plant-page .intro-name {
    font-family: Times, serif;
    font-weight: bold;
}

.plant-page .image-div {
    border-top: 6px solid #f8ffeb;
    border-bottom: 20px solid #f8ffeb;
}

.culture-table {
    padding: 5px;
}

.culture-table table {
    background: #aae571;
    margin: 0 auto;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}

.culture-table table th {
    font-size:1.4em;
    padding: 6px 0;
}

.culture-table table td {
    padding: 8px;
    border: 1px solid #000;
    font-weight: normal;
}

.plant-page .image-div .image-caption {
    color: #fff;
    display: block;
    padding: 8px;
}

.plant-page #close-link {
    color: #000;
    z-index: 30000;
    font-size: 2.7em;
    position: fixed;
    right: 6px;
    top: 20px;
    text-decoration: none;
    font-weight: bold;
    height: 0.7em;
    display: none;
    line-height: 0;
}


.plant-page.plant-page-title-fixed #close-link {
    display: inline-block;
}

.plant-hero #hero-title + p {
    margin: 0;
}

#back-to-top {
    position: fixed;
    bottom: 0;
    background: black;
    color: #fff;
    padding: 0 8px;
    border-radius: 0 14px 0 0;
    text-decoration: none;
    font-size: 1.3em;
    display: none;
    opacity: 0;
    transition: opacity 0.6s ease;
    z-index: 4;
} 

.plant-page p {
    margin: 0; 
}

.plant-page-title-fixed #back-to-top {
    display: inline-block;
    opacity: 1;
}

#bwg_container1_0 #bwg_container2_0 .bwg-container-0.bwg-standard-thumbnails {
    padding-left: 0 !important;
}

.varieties,
.learn-more {
    background: #f8ffeb;
    font-size: 1.1em;
    transition: max-height 0.5s ease;
}

.learn-more {
    max-height: 3.1em;
    overflow: hidden;
}

.learn-more h2 {
    padding: 8px 10px;
    background: #f2ddc4;
    margin: 0;
    text-align: center;
}

.learn-more p {
    padding: 17px 18px 8px;
    font-size: 1.2em;
}

.learn-more li {
    font-size: 1.2em;
}
.tips-and-tricks-list {
    background: #f8ffeb;
    background: #e2f1f6;
    padding: 10px;
    font-size: 1.2em;
    max-height: 4em;
    overflow: hidden;
    transition: max-height 0.5s ease;
}

@media screen and (min-width:698px){
    .tips-and-tricks-list {
        max-height: 2em;
    }
}

.tips-and-tricks-list h3 {
    font-family: 'avenida_stdregular', sans-serif;
    font-size: 1.9em;
    text-align: center;
    max-width: 97%;
    margin: auto;
}

.tips-and-tricks-list ol {
    padding-inline-start: 0; 
    list-style-position: inside;
}

.tips-and-tricks-list ol li {
    padding: 5px 0; 
}

.tips-and-tricks-list ol li:nth-of-type(even) {
    text-align: right;
}

.tips-and-tricks-list ol li:nth-of-type(odd) {
    text-align: left;
    direction: ltr; /* Ensures odd items remain left-aligned */
}

.tips-and-tricks-list li {
    font-size: 1.36em;
}

.tips-and-tricks-list li span.tip-title {
    font-family: 'avenida_stdregular', sans-serif;
    display: block;
    font-size: 1.3em;
    padding-right: 29%;
}

.tips-and-tricks-list ol li:nth-of-type(even) span.tip-title {
    padding-right: 0;
    padding-left: 29%;
}

.tips-and-tricks-list li span:last-child {
    font-size: 0.8em
}

.tips-and-tricks-list ol li::marker {
    font-size: 32px;
}

.plant-page .intro-paragraph {
    
}

.variety-img {
    text-align: right;
    padding: 0 20px 10px;
    position: relative;
    margin-top: 37px;
}

.variety:nth-of-type(even) .variety-img {
    text-align: left;
}

.variety-img img {
    max-width: 80%;
}

.variety-desc {
    font-size: 1.2em;
    padding-bottom: 0.5em;
}

.varieties {
    padding: 10px 13px;
    background: #d9e9bc;
    max-height: 2.2em;
    overflow: hidden;
}

.varieties > h2 {
    margin-top: 0;
    text-align: center;
}

.variety {
    position: relative;
    padding: 10px;
    margin-bottom: 25px;
    z-index: 0;
}

.variety:after {
    content: '';
    width: 80%;
    margin: auto;
    left: 0;
    right: 0;
    height: 1px;
    position: absolute;
    bottom: -16px;
    background: rgba(0, 0, 0, 0.3);
}

.variety:nth-of-type(odd) {
    background: #c3d89d;
}

.variety:nth-of-type(even) {
    background: #f8ffeb;
}

.variety-name {
    position: absolute;
    top: 8px;
    right: 75%;
    font-size: 9vw;
    font-weight: bold;
    font-family: 'avenida_stdregular', sans-serif;
    transform: rotate(-90deg);
    text-align: right;
    width: calc((80% * 0.8) - -69px);
    padding-right: 10px;
    transform-origin: right bottom;
    color: #B5CCD2;
    z-index: 2;
    padding-bottom: 2px;
    display: inline-block;
}

.variety:nth-of-type(even) .variety-name {
    right: auto;
    left: 76%;
    transform: rotate(90deg);
    text-align: left;
    padding-left: 10px;
    padding-right: 0;
    font-size: 9vw;
    transform-origin: left bottom;
}

.variety-img:after {
    content: '';
    background: #000;
    display: block;
    position: absolute;
    right: 76%;
    top: 0;
    width: 13%;
    height: auto;
    bottom: 14px;
    margin: auto;
}

.variety:last-child:after {
    display: none;
}

.variety:nth-of-type(even) .variety-img:after {
    left: 76%;
    right: auto;
}

.bwg-icon-times-sm.bwg_close_btn {
    color: #fff;
} 

*.show-div {
    max-height: 10000px !important;
}

#continue-modal {
 display:none;
     position: fixed;
    margin: auto;
    top: 25px;
    bottom: 25px;
    left: 10px;
    right: 10px;
    background: #fff;
    text-align: center; 
    font-size: 2em;
    z-index: 700000000000;
    border: 1px solid;
    box-shadow: 0 0 10px #000;
    border-radius: 14px;
}

#continue-modal button {
    font-size:1.3em;
    background: #f8ffeb;
    cursor: pointer;
}

#bwg_container1_0 #bwg_container2_0 .tablenav-pages_0 span.pagination-links_col1 a, #bwg_container1_0 #bwg_container2_0 .tablenav-pages_0 span.pagination-links_col3 a {
    border-radius: 50%;
    display: inline-block;
    margin: 0 6px;
    z-index: 43343434;
    position: relative;
    color: #000;
    padding: 4px 10px;
    font-size: 18px;
}

.gallery-header {
    color: #fff;
    padding: 10px;
    text-align: center;
    position: relative;
    z-index: 1;
    overflow: hidden;
    max-height: 2.3em;
    transition: max-height 0.5s ease;
}

.gallery-header h2 {
    margin-top: 0;
}


.swiper-button-next, .swiper-button-prev {
    opacity: 0;
}
/* would like to get rid of this mysterious paragraph */
.plant-page .entry-content > .gallery-header + p {
    display: none;
}

.plant-page #content:after {
    content: '\00a9 The Planted Parlour LLC \A All Rights Reserved';
    color: #fff;
    white-space: pre-wrap;
    text-align: center;
    display: block;
    border-top: 30px solid #f8ffeb;
    padding-top: 0.2em;
}

.next-slide-button {
    position: absolute;
    background: #000;
    color: #fff;
    right: 33px;
    z-index: 2;
    padding: 5px;
    bottom: 101%;
    box-shadow: 0 0 10px #aae571;
    white-space: nowrap;
    max-width: 37vw;
}

.next-slide-button:after {
    content: "";
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 20px 0 20px 25.6px;
    border-color: transparent transparent transparent #000000;
    transform: rotate(0deg);
    display: block;
    position: absolute;
    top: -6px;
    left: 99%;
}

.prev-slide-button {
    position: absolute;
    bottom: 101%;
    color: #fff;
    background: #000;
    z-index: 2;
    left: 33px;
    padding: 5px 10px 5px 5px;
    box-shadow: 0 0 10px #aae571;
    white-space: nowrap;
    max-width: calc(37vw - 5px);
}

.prev-slide-button:after {
    content: "";
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 20px 0 20px 25.6px;
    border-color: transparent transparent transparent #000000;
    transform: rotate(180deg);
    display: block;
    position: absolute;
    top: -6px;
    right: 99%;
}

.next-slide-button span {
    overflow: hidden;
    white-space: nowrap;
    max-width: 100%;
    display: inline-block;
    height: 15px;
    text-overflow: ellipsis;
    font-size: 0.84em;
    width:auto;
}

.prev-slide-button span {
    overflow: hidden;
    white-space: nowrap;
    max-width: 100%;
    display: inline-block;
    height: 15px;
    text-overflow: ellipsis;
    font-size: 0.84em;
    width:auto;
}

.swiper-wrapper > div:last-child .prev-slide-button,
.swiper-wrapper > div:first-child .next-slide-button,
.swiper-wrapper > div:last-child .prev-slide-button span,
.swiper-wrapper > div:first-child .next-slide-button span {
    max-width: none;
}

.wp_swiper__navigation {
    display: none;
}

.culture-table tbody {
    max-height: 0;
    overflow: hidden;
    display: block;
    transition: max-height 0.6s ease;
}

.culture-table .show-table tbody {
    max-height: 1000px;
}

.culture-table table th:after {
    content: "v";
    transform: rotate(-90deg);
    display: inline-block;
    position: relative;
    left: 5px;
    font-weight: normal;
    transition: transform 0.5s ease;
}

.culture-table table.show-table th:after {
    transform: rotate(0deg);
}

.varieties .swiper-pagination {
    display: none !important;
}

.varieties .swiper-wrapper {
    /*height: auto !important;*/
}

#varieties-light-box {
    display: none;
    position: fixed;
    background: rgba(0, 0, 0, 0.7);
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0;
    z-index: 9599999999;
}

#varieties-light-box img {
    max-width: 96%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

#light-box-inner span {
    position: absolute;
    z-index: 3;
    right: 8px;
    top: 0;
    color: #fff;
    font-size: 3em;
    text-shadow: 0 0 10px #000;
} 

.pet-friendly {
    background: #aac065;
    padding: 2px 20px;
    border-top: 14px solid #f8ffeb;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pet-friendly h3 {
    margin: 0;
    padding: 0 1em;
    text-indent: 1em;  
}

.pet-friendly img {
    float: left;
    height: 40px;
    width: auto;
}

#planted-parlour-difference-modal,
#pet-friendly-modal {
    position: fixed;
    text-align: center;
    z-index: 60000000;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    padding: 120px 15% 0;
    color: #000;
    display: none;
    font-size: 1.25em;
    background: url('https://www.theplantedparlour.com/wp-content/uploads/2025/12/pet-friendly.png') no-repeat center 10px #aac065;
    background-size: auto 90px;
}

#planted-parlour-difference-modal {
    background: #fff;
    padding: 10px 18px;
    text-align: left;
    overflow: auto;
}

img.illuminated-logo-white {
    float: left;
    width: 40%;
}

#planted-parlour-difference-modal #light-box-inner span,
#pet-friendly-modal #light-box-inner span {
    color: #000;
    text-shadow: none;
}

#planted-parlour-difference {
    background: url('https://www.theplantedparlour.com/wp-content/uploads/2026/01/parlour-difference.png') no-repeat center center #fff;
    background-size: auto 62%;
    width: 28vw;
    height: 28vw;
    border-radius: 50%;
    position: fixed;
    bottom: 12px;
    right: 7px;
    display: none;
    box-shadow: 0 0 9px rgba(0,0,0,0.6);
    max-width: 80px;
    max-height: 80px;
}

#copyright svg {
    display: none;
    width: 28vw;
    height: 28vw;
    position: fixed;
    bottom: 12px;
    right: 7px;
    z-index: 2;
    max-width: 80px;
    max-height: 80px;
}

.plant-page #planted-parlour-difference,
.plant-page #copyright svg {
    display: inline-block;
}

.plant-page #copyright .plant-page-footer-outer {
    transform-origin: right bottom;
    animation: pp-diff 20s infinite; 
    position: fixed;
    bottom: 5px;
    right: 10px;
    z-index: 5000;
}

.bwg-icon-info-circle.bwg_ctrl_btn.bwg_info[title="Show info"] {
    animation: pp-info 17s infinite;
}

.bwg-icon-info-circle.bwg_ctrl_btn.bwg_info[title="Show info"]:after
 {
    content: 'More Info Here!';
    position: absolute;
    left: 0;
    bottom: calc(120% + 30px);
    color: #ffedae;
    display: inline-block;
    text-shadow: 0 0 5px #000;
    background: rgba(0, 0, 0, 0.6);
    padding: 0;
    opacity: 1;
    overflow: hidden;
    height: 0;
    animation: pp-info2 17s infinite;
}

.bwg_image_info {
    background: #fff !important;
}

#copyright svg {
    animation: pp-spin 30s infinite;
}

@keyframes pp-spin {
  0%   {transform: rotate(0);}
  94%   {transform: rotate(0);}
  100% {transform: rotate(720deg);}
}

@keyframes pp-info {
  0%   {transform: scale(1);}
  29%  {transform: scale(1);}
  30%  {transform: scale(1.1);}
  31% {transform: scale(1);}
  32%  {transform: scale(1.15);}
  33%  {transform: scale(1);}
  100% {transform: scale(1);}
}

@keyframes pp-info2 {
  0%   {height: 0; opacity: 0; padding: 0;}
  20%  {height: auto; opacity: 0; padding: 4px;}
  23%  {height: auto; opacity: 1; padding: 4px;}
  38% {height: auto; opacity: 1; padding: 4px;}
  39%  {height: auto; opacity: 1; padding: 4px;}
  100% {height: 0; opacity: 0; padding: 0;}
}