/*   
Theme Name: Psychedelic Network 2022 LATEST
Theme URI: https://psychedelic-network.org/
Description: Custom theme for Psychedelic Network
Author: Phil Hambley
Author URI: https://www.scribbletribe.com
Version: 1.0.3
*/

html {scroll-behavior: smooth; max-width: 1680px; margin: 0 auto; background: #fff;}
.content-wrapper {background: #fefefe !important;}
.bg-offwhite {background: #fbfaf9;}
.bg-primary-dark {background: #343f52;}
.bg-white-80 {background: rgba(255,255,255,0.8) !important; overflow: auto; z-index: 1; position: relative;}
.whitespace-wrap {white-space: normal;}
.plyr {border-radius: 0 !important;}
.cli-modal-backdrop {background-color: #fff !important;}
.resource-flex {display: flex;}

/* Spinning Cube */

.spinning-cube {position: relative;/* z-index: 0 */;overflow: hidden; /* padding-top: 80px; */}
.spinning-cube:before {position: fixed;left: calc(50% - 500px);top: calc(50% - 500px);width: 1000px;height: 1000px;background-image: url('img/backgrounds/cube.svg');content: '';z-index: 0;}
.spinning-cube:before {animation: rotating 100s linear infinite;}

@-webkit-keyframes rotating {
    from{-webkit-transform: rotate(0deg);}
    to{-webkit-transform: rotate(360deg);}
}

.spinning-molecule {position: relative;z-index: 0;overflow: hidden; /* padding-top: 80px; */}
.spinning-molecule:before {position: absolute;left: calc(50% - 500px);top: calc(50% - 500px);width: 1000px;height: 1000px;background-image: url('img/backgrounds/molecule.svg');content: '';z-index: -1;}
.spinning-molecule:before {animation: rotating-anti 200s linear infinite;}

@-webkit-keyframes rotating-anti {
    from{-webkit-transform: rotate(360deg);}
    to{-webkit-transform: rotate(0deg);}
}

/* Animated Gradients */

.animated-colors-background {background: linear-gradient(-45deg, #ee058a, #e73c7e, #23a6d5, #23d5ab);background-size: 400% 400%;animation: gradient 15s ease infinite;}
.animated-colors-text {background: linear-gradient(-45deg, #ee058a, #e73c7e, #23a6d5, #23d5ab);background-size: 400% 400%;animation: gradient 15s ease infinite; background-clip: text; text-fill-color: transparent; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}

@keyframes gradient {0% {background-position: 0% 50%;} 50% {background-position: 100% 50%;} 100% {background-position: 0% 50%;}}

/* Keylines */

.keyline, .keyline.left {background: #d0cdc8; width: 40px;height: 1px;margin: 20px auto;}
.keyline.white {background: #fff;}
.keyline.left {margin: 20px 0;}
.keyline.footer {background: rgba(255,255, 255, 0.25);}

/* Header */

.navbar {padding: 0.15rem 0; background: rgba(255,255,255,0.9); box-shadow: 0rem 0rem 1.25rem rgba(30, 34, 40, 0.25);}
.navbar-stick:not(.navbar-dark) {padding: 0.15rem 0; box-shadow: 0rem 0rem 1.25rem rgba(30, 34, 40, 0.25);}
button.hamburger {color: #343f52 !important;}
.nav-link, .dropdown-item {font-weight: 500;}
.navbar-expand-lg .navbar-nav .nav-link {padding-right: 0.6rem;padding-left: 0.6rem;}
.navbar-expand-lg .navbar-nav .dropdown-menu {margin-top: 0.5rem;} 
.navbar.navbar-bg-dark button.hamburger, .navbar.navbar-dark button.hamburger, .navbar.position-absolute:not(.fixed):not(.navbar-light) button.hamburger {color: #fff !important;}
body.page-template-template-home .navbar-expand-lg.transparent:not(.fixed),
body.error404 .navbar-expand-lg.transparent:not(.fixed) {background: none !important; box-shadow: none !important;}

.basket-item-count {position: relative;}
.cart-items-count {position:absolute; bottom:50%; left:50%; -webkit-transform:translate(-50%,-100%); -moz-transform:translate(-50%,-100%); transform:translate(-50%,-100%);}

/* Buttons */

.btn-sm, .btn-group-sm>.btn {padding: 0.3rem 1rem;}
.btn-xsm, .btn-group-xsm>.btn {padding: 0.1rem 0.6rem; font-size: 0.7rem; font-weight: 400;}
.btn:hover {transform: none; box-shadow: none;}
.btn.btn-circle.btn-play {width: 2.5rem; height: 2.5rem;}
.btn.btn-expand i {font-size: 1rem;}

/* Home */

.display-1, .display-2, .display-3, .display-4, .display-5, .display-6, .display-7, .display-8 {font-family: 'Joan', sans-serif; font-weight: 400;}

/* Psychedelic Experts */

.experts-single-content h3 {font-size: 0.8rem; margin-bottom: 1.6rem;}

/* Events */

.events-single-content p {margin-bottom: 0.25rem;}
.events-single-content {position: relative; z-index: 10;}
.events-contact-box {background: #fff; box-shadow: 0rem 0rem 1.25rem rgba(30,34,40,0.25); border: 0 solid rgba(0,0,0,.2); border-radius: 0.4rem; outline: 0; width: 50%; text-align: left; margin: 2rem  auto; padding: 2rem;}
.premiere {top: 2rem; left: 50%; font-weight: 700; transform: translate(-50%, -50%); border-radius: 50rem;color: #fff; padding: 0.2rem 0.4rem; background: linear-gradient(-45deg, #ee058a, #e73c7e, #23a6d5, #23d5ab);background-size: 400% 400%;animation: gradient 15s ease infinite;}

/* Alchemy Clinic */

.iframe-embed {width: 360px; height: 360px; margin: 0 auto;}

/* Contact Form */

p.input {margin-bottom: 0.6rem;}

/* Standard Form */
.wpcf7 input[type="text"], 
.wpcf7 input[type="email"],  
.wpcf7 input[type="tel"], 
.wpcf7 input[type="number"], 
.wpcf7 input[type="date"], 
.wpcf7-select, 
.wpcf7 textarea, 
/* MailChimp Standard Form */
.yikes-easy-mc-form input[type=email], 
.yikes-easy-mc-form input[type=text]

{font-family: 'Montserrat', sans-serif;-webkit-appearance: none;border-radius: 0;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;background: rgba(255,255,255,0.2);font-size: 0.9em;color: #343f52;width: 100%;padding: 6px 12px !important;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border: 2px solid #ccc !important; border-radius: 50rem !important;}

/* Standard Form Hover */
.wpcf7 input[type="text"]:hover, 
.wpcf7 input[type="email"]:hover, 
.wpcf7 input[type="tel"]:hover, 
.wpcf7 input[type="number"]:hover, 
.wpcf7 input[type="date"]:hover, 
.wpcf7-select:hover,
.wpcf7 textarea:hover, 
.wpcf7 input[type="text"]:focus, 
.wpcf7 input[type="email"]:focus, 
.wpcf7 textarea:focus,
/* MailChimp Standard Form Hover */
.yikes-easy-mc-form input[type=email]:hover, 
.yikes-easy-mc-form input[type=text]:hover, 
.yikes-easy-mc-form input[type=email]:focus, 
.yikes-easy-mc-form input[type=text]:focus

{border: 2px solid #8a4e9f !important; outline:none!important;}  

/* Form in footer with inverted pallete */
#wpcf7-f204-p175-o2 input[type="text"], 
#wpcf7-f204-p175-o2 input[type="email"], 
#wpcf7-f204-p175-o2 input[type="tel"], 
#wpcf7-f204-p175-o2 input[type="number"], 
#wpcf7-f204-p175-o2 input[type="date"], 
#wpcf7-f204-p175-o2-select, 
#wpcf7-f204-p175-o2 textarea,
/* MailChimp Form in footer with inverted pallete */
#wait-list-1.yikes-easy-mc-form input[type=email], 
#wait-list-1.yikes-easy-mc-form input[type=text]

{background: rgba(0,0,0,0.2); color: #fff;}

/* Form in footer with inverted pallete Hover */
#wpcf7-f204-p175-o2 input[type="text"]:hover, 
#wpcf7-f204-p175-o2 input[type="email"]:hover, 
#wpcf7-f204-p175-o2 input[type="tel"]:hover, 
#wpcf7-f204-p175-o2 input[type="number"]:hover, 
#wpcf7-f204-p175-o2 input[type="date"]:hover, 
#wpcf7-f204-p175-o2-select:hover, 
#wpcf7-f204-p175-o2 textarea:hover, 
/* MailChimp Form in footer with inverted pallete Hover */
#wait-list-1.yikes-easy-mc-form input[type=email]:hover, 
#wait-list-1.yikes-easy-mc-form input[type=text]:hover, 
#wait-list-1.yikes-easy-mc-form input[type=email]:focus, 
#wait-list-1.yikes-easy-mc-form input[type=text]:focus

{background: rgba(0,0,0,0.6); color: #fff;}

.wpcf7-response-output, #wpcf7-f204-p175-o2 .wpcf7-response-output {width: 100%; overflow: auto; font-size: 0.9em;padding: 2px 0; color: #fab758;} 
#wpcf7-f204-p175-o2 .wpcf7-response-output {color: #fff;} 
.wpcf7 form.invalid .wpcf7-response-output:before, #wpcf7-f204-p175-o2 form.invalid .wpcf7-response-output:before {color: #fab758;font-family: 'Unicons', sans-serif;content: "\ed37";vertical-align: middle;padding-right: 16px;font-size: 1.8rem;z-index: 1;}
#wpcf7-f204-p175-o2 form.invalid .wpcf7-response-output:before {color: yellow;}
.wpcf7 form.sent .wpcf7-response-output:before {color: lightgreen;font-family: 'Unicons', sans-serif;content: "\e9db";vertical-align: middle;padding-right: 16px;font-size: 1.8rem;z-index: 1;}
.wpcf7 textarea {height: 160px;}
.screen-reader-response {display: none!important;}
.wpcf7-not-valid-tip, #wpcf7-f204-p175-o2 .wpcf7-not-valid-tip {display: block;color: #fab758;font-size: 0.8em!important; padding: 10px 0!important;}
#wpcf7-f204-p175-o2 .wpcf7-not-valid-tip {color: yellow;}
.wpcf7-spinner {visibility: hidden;float: right;display: block;width: 32px;height: 32px;border: none;padding: 0;margin-left: 10px;background-image: url("img/icons/spinner.gif");}
.wpcf7 form.submitting .wpcf7-spinner {visibility: visible;}
.wpcf7-left-col {padding: 0 10px 0 0; display: table-cell;}
.wpcf7-right-col {padding: 0 0 0 10px; display: table-cell;}
::-webkit-calendar-picker-indicator {filter: invert(1); opacity: 0.9;}
select.wpcf7-form-control, input.wpcf7-text {margin-right: 200px !important;}

	/* Contact Form 7 Checkbox styling */

	span.wpcf7-list-item {display: inline-block;margin: 0 10px 0 0;}
	.wpcf7 .wpcf7-list-item {display: inline-block;margin-bottom: 10px;}
	.wpcf7-checkbox label {position: relative;cursor: pointer;}
	.wpcf7-checkbox input[type=checkbox] {position: absolute;visibility: hidden;width: 16px;height: 16px;top: 0;left: 0;}
	.wpcf7-checkbox input[type=checkbox] + span:before {display: block;position: absolute;content: '';border-radius: 0;height: 16px;width: 16px;top: 5px;left: 0px;border: 1px solid #687864;}
	.wpcf7-checkbox input[type=checkbox] + span:after {display: block;position: absolute;content: "\2713";height: 16px;width: 16px;top: 0;left: 0;visibility: hidden;font-size: 32px;text-align: center;line-height: 16px;color: #36ea0f;}
	.wpcf7-checkbox input[type=checkbox]:checked + span:before {background: transparent;}
	.wpcf7-checkbox input[type=checkbox]:checked + span:after {visibility: visible;}
	.wpcf7-list-item-label {margin-left: 24px;display: inline-block;}

	/* Contact Form Modal */

	.modal {background: rgba(255, 255, 255, 0.75) !important;}

	/* Mailchimp */

	.yikes-easy-mc-form label span {text-transform: uppercase; font-weight: 700; font-size: 0.6rem; color: #343f52;}
	#wait-list-1.yikes-easy-mc-form label span {color: #fff;}
	.yikes-easy-mc-form .yikes-easy-mc-submit-button {border-radius: 50rem !important; width: auto !important; padding: 0.3rem 1rem !important;}
	.yikes-easy-mc-success-message, .yikes-easy-mc-error-message {color: orange !important;background: none !important;padding:0px !important;}
	a.send-update-email {color: #f4df17 !important;}


/* Woocommerce */

	/* Buttons */
	.woocommerce button.button, .woocommerce a.button {display: inline-flex !important; align-items: center !important; justify-content: center !important; line-height: 1.7 !important; letter-spacing: -0.01rem !important; text-align: center !important; white-space: nowrap !important; vertical-align: middle !important; cursor: pointer !important; -webkit-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none !important; user-select: none !important; background-color: transparent !important; box-sizing: border-box !important; transform: translateY(0) !important; padding: 0.1rem 0.6rem !important;   font-size: 0.7rem !important; font-weight: 400 !important; transition: all 0.2s ease-in-out !important; border-radius: 50rem !important; -webkit-appearance: button !important; text-transform: none !important; color: #8a4e9f !important;border: 2px solid #8a4e9f !important;}
	.woocommerce button.button:hover, .woocommerce a.button:hover {background-color: #8a4e9f !important; color: #fff !important;}

	/* Product List */
	.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {padding: 1.5rem 1rem !important; background: rgba(255,255,255,0.8) !important; box-shadow: 0rem 0.25rem 1.75rem rgb(30 34 40 / 7%) !important;}
	.woocommerce ul.products li.product .price {color: #77a464; font-size: 1.1em !important;}	

	/* Mini-Cart */
	p.woocommerce-mini-cart__total.total {margin: 40px 0 !important;}
	a.button.wc-forward {margin-right: 8px !important;}

	/* Single Product */
	section.related.products {/* display: inline-block !important; */ display: none;}

	/* Basket */
	input#coupon_code {padding: 5px 12px !important; border-radius: 50rem; width: 180px !important;line-height: 1em !important;margin: 0 20px 0 0 !important;}
		
	/* Form Elements */
	form.login-main input[type="text"], 
	form.login-main input[type="password"], 
	form.login-main input[type="number"], 
	form.login input[type="text"], 
	form.login input[type="password"], 
	.form-row .input-text, 
	input[type="select"], 
	input[type="number"], 
	.woocommerce div.product form.cart .variations select, 
	select.orderby {font-family: inherit, sans-serif;font-size: 0.9em;font-weight: 400;color: #303030;border-radius: 0 !important; -webkit-appearance: none; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;background: #fff;width: 100%;padding: 6px 10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border: 1px solid rgba(0,0,0,.1);}
	form.login-main input[type="text"]:hover, 
	form.login-main input[type="password"]:hover, 
	form.login-main input[type="number"]:hover, 
	form.login input[type="text"]:hover, 
	form.login input[type="password"]:hover,
	.form-row .input-text:hover, 
	input[type="select"]:hover, 
	input[type="number"]:hover,
	.woocommerce div.product form.cart .variations select:hover,
	form.login-main input[type="text"]:focus, 
	form.login-main input[type="password"]:focus, 
	form.login-main input[type="number"]:focus, 
	form.login input[type="text"]:focus,
	form.login input[type="password"]:focus, 
	.form-row .input-text:focus {border: 1px solid #8a4e9f !important;}

	/* Order received */
	.woocommerce ul.order_details {padding: 0 !important;}
	.woocommerce .woocommerce-customer-details address {border: 1px solid rgba(0,0,0,.1) !important;}

/* Footer */

.grecaptcha-badge {visibility: hidden;}

.widget .list-unstyled:not(.tag-list) li+li {margin-top: 0;}
.progress-wrap:after {color: #8a4e9f !important;}
.progress-wrap svg.progress-circle path {stroke: #8a4e9f !important;}
a[href^=tel] {color: #8a4e9f;}

/* Mobile */

.offcanvas {background-color: #000;}

/* Responsive */

@media (max-width: 991.98px) {
	.mega-menu {background: #21262c !important;}
	.navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-item {padding-left: 1.8rem; padding-top: 0.4rem; padding-bottom: 0.4rem;white-space: normal;}
	.footer-logo {margin: 20px 0; overflow: auto;}
	.modal-body {padding: 2.5rem 1rem;}
	.navbar-expand-lg .navbar-brand {padding-top: 0;padding-bottom: 0;}
	/* .navbar-clone {position: absolute !important;} */
	.wpcf7-left-col {padding: 0; display: block;}
	.wpcf7-right-col {padding: 0; display: block;}
	select.wpcf7-form-control, input.wpcf7-text {margin-right: 0 !important;}
	.resource-flex {display: block;}
	.events-contact-box {width: 100%;}
}

@media (max-width: 499.98px) {
	.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {width: 100% !important;}
	.experts-single-content h3 {font-size: 0.6rem; margin-bottom: 1.3rem;}
	.woocommerce-error .button, .woocommerce-info .button, .woocommerce-message .button {float: none !important; width: 100%; margin-bottom: 0.8em !important;}
	.woocommerce-error, .woocommerce-info, .woocommerce-message {font-size: 0.7em !important;}
	/* .spinning-cube:before, .spinning-molecule:before {display: none; animation: none;} */
	.iframe-embed {width: 260px !important; height: 260px !important;}
	.alchemy-iframe {width: 250px !important; height: 250px !important;}
	.woocommerce-page table.cart td.actions .coupon .input-text+.button {float: left !important; margin-top: 10px;}
	.woocommerce form .form-row-last, .woocommerce-page form .form-row-last {float: none !important;}
	.woocommerce ul.order_details li {margin-top: 20px;}
}