/*
Theme Name: Just Cause
Theme URI: nattercan.com
Description: A child theme of Bridge Theme
Author: Nattercan.com
Version: 1.0.0
Template: bridge
*/
@import url("../bridge/style.css");

@font-face {
    font-family: cerablack;
    src: url('/wp-content/themes/justcause/Cera PRO Black.WOFF');
}

@font-face {
    font-family: TiemposItalic;
    src: url('/wp-content/themes/justcause/TiemposHeadline-LightItalic.WOFF');
}

@font-face {
    font-family: TiemposSemi;
    src: url('/wp-content/themes/justcause/TiemposHeadline-Semibold.WOFF');
}

::selection {
  background: #eaebec;
  color: #120c0d;
}
::-moz-selection {
  background: #eaebec;
  color: #120c0d;
}

::placeholder { color: #666; }
::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #666; }
::-moz-placeholder { /* Firefox 19+ */ color: #666; }
:-ms-input-placeholder { /* IE 10+ */ color: #666; }
:-moz-placeholder { /* Firefox 18- */ color: #666; }

/* menu / logo / heading */
.header_bottom_widget {
	display: inline-block;
	height: 100%;
}
.header_bottom_widget .textwidget {
	display: table;
	position: relative;
	transform: translateY(-50%);
}
@-moz-document url-prefix() {
	.header_bottom_widget { vertical-align: middle; }
	.header_bottom_widget .textwidget {
		transform: none;
		top: 4px;;
	}
}
/* show the cart icon on mobile */
@media only screen and (max-width: 768px) {
	.side_menu_button_wrapper .header_bottom_right_widget_holder {
		display: table-cell;
	}
	.side_menu_button_wrapper .header_bottom_widget.widget_text { display: none; }
	.side_menu_button_wrapper .header_bottom_right_widget_holder {
		padding-right: 0;
		display: table-cell;
	}
	.side_menu_button_wrapper .header_bottom_right_widget_holder .shopping_cart_outer { display: table; }
	.header_bottom .header_bottom_widget.widget_woocommerce-dropdown-cart .shopping_cart_header { padding: 0 0 0 15px; }
}

.q_social_icon_holder:hover .simple_social { color: #120c0d; }

/* qode slider, make the title graphic stay visible between slide transitions */
.carousel-inner .item.content_vertical_middle .slider_content .thumb {
	animation: none !important;
	opacity: 1 !important;
}
.carousel-inner .item.content_vertical_middle .slider_content_outer { opacity: 1 !important; }
.slider_content, section[data-q_id="#how-it-works"] .parallax_content_outer { background-color: rgba(0, 0, 0, 0.4); }

.carousel-inner .item { padding-top: 0 !important; }
.slider_content { margin: 15px; }
.slider_content_inner {
	background-image: url(/wp-content/uploads/2016/05/JustCause-reverse-all-reverse-640px-2.png);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain;
	max-width: 640px;
	margin-left: auto;
	margin-right: auto;
	height: 100vh
}

/* fix homepage / our cause section background not sitting over the slider... wtf. */
.full_width > div > .section:first-child {
	z-index: 10;
}

/* content / home page */
.hero-text .section-heading {
	font-family: 'cerablack', sans-serif;
	text-transform: uppercase;
	font-style: normal;
	font-size: 22px;
	letter-spacing: 3px;
	margin-top: 0;
	margin-bottom: 40px;
}
.hero-text .small-heading {
	font-family: 'cerablack', sans-serif;
	font-style: normal;
	font-size: 18px;
	text-transform: uppercase;
	margin-bottom: 10px;
}
.hero-text.black p { color: #120c0d; }
body .wph-modal .wph-modal--content .wph-modal--message p, .hero-text p {
	color: white;
	text-align: center;
	margin-bottom: 20px;
	font-family: 'TiemposItalic', Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
	font-size: 16px;
	letter-spacing: 2px;
	line-height: 22px;
}
.hero-text a {
	font-family: 'TiemposSemi', sans-serif;
	color: white;
}
.hero-text a:hover {
	text-decoration: underline;
	color: white;
}

.hero-text.black a { color: #120c0d; }
.hero-text.black a:hover { color: #120c0d; }

.our-model-img img {
	width: 100px;
	height: 100px;
	margin-bottom: 25px;
}

.our-model-text { padding: 0 20px; }

.hero-text hr {
	margin: 40px auto;
	width: 25%;
}
hr.heavy {
	border: 2px solid #120c0d;
	width: 70px;
}

p.semi-bold {
	font-family: 'TiemposSemi', sans-serif;
	font-style: normal;
}

.causes img {
	margin: 10px 20px;
	margin-bottom: 10px !important;
	height: 120px;
	width: auto;
 }

.home .full_width_inner > .vc_row > .full_section_inner,
.home .full_width_inner > .parallax_section_holder > .parallax_content_full_width { margin: 120px 0; }
.home .full_width_inner > .vc_row.nomargin > .full_section_inner { margin: 0 0; }

div[data-q_id="#our-model"] .byline {
	margin-top: 50px;
}

div[data-q_id="#order"] .byline {
	color: #ccc;
}

div[data-q_id="#order"].hero-text a:hover { text-decoration: none; }

div[data-q_id="#our-cause"].hero-text p,
div[data-q_id="#community-matters"].hero-text p,
section[data-q_id="#how-it-works"].hero-text p {
	max-width: 520px;
	margin-left: auto;
	margin-right: auto;
}

/* woocommerce / buttons */
.q_accordion_holder.accordion .ui-accordion-header:hover { color: #fff !important; }

.qbutton.green, .qbutton.white:hover {
	background-color: #fff !important;
	border-color: #fff;
}
.woocommerce #submit:hover, .woocommerce .button:hover, .woocommerce ul.products li.product .added_to_cart:hover, .woocommerce ul.products li.product a.qbutton:hover, .woocommerce-page .button:hover, .woocommerce-page ul.products li.product a.qbutton:hover {
	background-color: #fff !important;
	border-color: #120c0d;
}

.woocommerce ul.products li.product h6 { font-weight: normal; }

.woocommerce ul.products li.product h6, .qode_product_list_holder .product_title {
	font-family: 'cerablack', sans-serif;
	text-transform: uppercase;
	font-style: normal;
	font-size: 22px;
	letter-spacing: 3px;
}
.woocommerce ul.products li.product .price, .woocommerce ul.products li.product .price ins, .qode_product_list_holder .product_price {
	color: #120c0d;
	font-family: 'TiemposItalic', Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
	letter-spacing: 2px;
}

.woocommerce span.price > span { display: block; }
.woocommerce span.price > span:first-letter {
	vertical-align: super;
	font-size: 50%;
}

.woocommerce.single-product .ui-accordion .accordion_content {
	display: block !important;
}
.woocommerce.single-product .ui-accordion #reviews,
.woocommerce.single-product .ui-accordion .reviews_tab {
	display: none;
}

/*.woocommerce ul.products li.product {
	border-right: 1px solid #120c0d;
	margin-right: 0;
	margin: 0 auto;
	float: none;
}
.woocommerce ul.products li.product:last-child { border-right: none; }
*/
@media only screen and (min-width: 600px) {
	body.home div.woocommerce ul.products {
		text-align: center;
	}
	body.home div.woocommerce.columns-3 ul.products li.product {
		width: 22%;
		margin-left: 5% !important;
		margin-right: 5% !important;
	}
	body.home div.woocommerce ul.products li.product {
		vertical-align: top;
		float: none;
		display: inline-block;
	}
}
.woocommerce ul.products li.product .product-info p {
	/*max-width: 75%;*/
	margin-left: auto;
	margin-right: auto;
}

.woocommerce .product .onsale.out-of-stock-button {
	background-color: #120c0d;
	color: white;
}

.woocommerce input[type=text]:not(.qode_search_field), .woocommerce input[type=password], .woocommerce input[type=email], .woocommerce textarea, .woocommerce-page input[type=tel], .woocommerce-page input[type=text]:not(.qode_search_field), .woocommerce-page input[type=password], .woocommerce-page input[type=email], .woocommerce-page textarea {
	color: #120c0d;
}

.woocommerce form.checkout table.shop_table tfoot tr.order-total td span.amount, .woocommerce form.checkout table.shop_table tfoot tr.order-total th, .woocommerce div.cart-collaterals div.cart_totals table tr.order-total strong span.amount, .woocommerce-page div.cart-collaterals div.cart_totals table tr.order-total strong span.amount {
	color: #120c0d;
}
.woocommerce form.checkout .col2-set p.form-row#billing_cause_field label { display: block; }
.woocommerce form.checkout .col2-set p.form-row#billing_cause_field label.radio { display: inline; margin-left: 5px; margin-right: 30px; }
/*.woocommerce form.checkout input#ship-to-different-address-checkbox { display: none; }*/
.woocommerce form.checkout .create-account { clear: both; }
.woocommerce form.checkout #e_deliverydate_field { width: 100%; }
.woocommerce form.checkout input#shipping_recipient_phone { box-sizing: border-box; }
.woocommerce form.checkout textarea#billing_delivery_message { box-sizing: border-box; }
.woocommerce form.checkout .col2-set p.form-row#billing_source_field label { display: block; }
.woocommerce form.checkout .col2-set p.form-row#billing_occasion_field label { display: block; }

/* exclude all but QLD from shipping state */
.woocommerce-checkout ul#select2-shipping_state-results li[id$="ACT"],
.woocommerce-checkout ul#select2-shipping_state-results li[id$="NT"],
.woocommerce-checkout ul#select2-shipping_state-results li[id$="NSW"],
.woocommerce-checkout ul#select2-shipping_state-results li[id$="SA"],
.woocommerce-checkout ul#select2-shipping_state-results li[id$="TAS"],
.woocommerce-checkout ul#select2-shipping_state-results li[id$="VIC"],
.woocommerce-checkout ul#select2-shipping_state-results li[id$="WA"] {
	display: none;
}

.widget_woocommerce-dropdown-cart .shopping_cart_header { width: 28px; }
.widget_woocommerce-dropdown-cart .shopping_cart_header .header_cart {
	background-size: 21px 22px;
	background-position: 0 11px;
}
.widget_woocommerce-dropdown-cart .shopping_cart_header .header_cart span {
	width: 20px;
	height: 20px;
}

.woocommerce .select2-container .select2-choice .select2-arrow .select2-arrow:after, .woocommerce-page .select2-container .select2-choice .select2-arrow:after { color: black; }

.woocommerce .product .onsale:not(.out-of-stock-button), .woocommerce .product .single-onsale { color: white; }

.woocommerce .coupon-text {
	color: #b40116;
	font-family: 'cerablack', sans-serif;
	text-transform: uppercase;
	font-style: normal;
	letter-spacing: 1px;
	text-align: left;
	padding-top: 20px;
}

.woocommerce-checkout #billing_cause_field label.radio, .woocommerce-checkout #billing_cause_field input.input-radio { float: left; }
.woocommerce-checkout #billing_cause_field div, .woocommerce-checkout #billing_cause_field label+input { clear: both; }

.woocommerce tr.shipping th, .woocommerce tr.shipping td {
	color: #b40116 !important;
	font-weight: bold;
}

.home .woocommerce-loop-category__title mark.count {display: none} /* hide category product count on home page */

/* character count */
.counted {
	position: relative;
	float: left !important;
}
.counted .counter {
	position: absolute;
	top: -3px;
	right: 5px;
	font-size: 12px;
	color: #120c0d;
}

/* footer */
.footer-logo {
	height: 65px;
	margin-bottom: 20px;
}
.footer-byline {
	font-family: 'TiemposItalic', Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
}

/* thanks page */
.page-id-136 .content {
	text-align: center;
	color: #120c0d;
}
.page-id-136 .content .container_inner { padding-top: 100px !important; }
.page-id-136 .content .hero-text p {
	max-width: 500px;
	margin-left: auto;
	margin-right: auto;
}
hr.heavy { margin-bottom: 15px; }
.followimpact {
	font-family: 'TiemposItalic', Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
	font-size: 22px;
	line-height: 22px;
	letter-spacing: 2px;
	margin-bottom: 15px;
}
.impactsocial { color: #120c0d; }
.impactsocial .q_social_icon_holder {
	background-color: #120c0d;
	border-radius: 16px;
	height: 27px;
	width: 27px;
	margin-left: 0;
	margin-right: 0;
}
.impactsocial .q_social_icon_holder i.simple_social {
	position: relative;
	top: -1px;
	color: #fff;
}
.impactsocial .q_social_icon_holder a:hover { color: #eaebec; }
.impactsocial .cerablack {
	font-family: 'cerablack', sans-serif;
	font-style: normal;
	font-size: 22px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

/* hustle (home) popup css */
.wph-modal.wph-modal--simple .wph-modal--content {
  display: flex;
  flex-wrap: wrap;
  background: #fff;
}
.wph-modal.wph-modal--simple .wph-modal--content .wph-modal--image {
  flex: 0 316px;
}
.wph-modal.wph-modal--simple .wph-modal--content .wph-modal--image img {
  width: 316px;
  height: 100%;
}
@media (max-width: 770px) {
  .wph-modal.wph-modal--simple .wph-modal--content .wph-modal--image img {
    width: 100%;
    height: 120px;
  }
}
.wph-modal.wph-modal--simple .wph-modal--content .wph-modal--image_full {
  flex: 1;
}
@media (max-width: 770px) {
  .wph-modal.wph-modal--simple .wph-modal--content .wph-modal--image_full {
    flex: 0 200px;
  }
}
@media (max-width: 770px) {
  .wph-modal.wph-modal--simple .wph-modal--content .wph-modal--image {
    flex: 0 120px;
  }
}
.wph-modal.wph-modal--simple .wph-modal--content .wph-modal--wrap {
  flex: 1;
  padding: 20px;
}
@media (max-width: 770px) {
  .wph-modal.wph-modal--simple .wph-modal--content .wph-modal--wrap {
    max-height: 250px;
    overflow-y: auto;
  }
}
.wph-modal.wph-modal--simple .wph-modal--content header {
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.wph-modal.wph-modal--simple .wph-modal--content header h2.wph-modal--title,
.wph-modal.wph-modal--simple .wph-modal--content header h4.wph-modal--subtitle {
  color: #000;
}
.wph-modal.wph-modal--simple .wph-modal--content header.wph-modal--nocontent {
  margin: 0;
  padding-bottom: 0;
  border-bottom: 0;
}
.wph-modal.wph-modal--simple .wph-modal--content .wph-modal--clear {
  margin-top: 15px;
}
.wph-modal.wph-modal--simple .wph-modal--content .wph-modal--clear a:not(:first-child) {
  margin-left: 20px;
}
.wph-modal.wph-modal--simple .wph-modal--content.wph-modal--image_left {
  flex-direction: row;
}
@media (max-width: 770px) {
  .wph-modal.wph-modal--simple .wph-modal--content.wph-modal--image_left {
    flex-direction: column;
  }
}
.wph-modal.wph-modal--simple .wph-modal--content.wph-modal--image_right {
  flex-direction: row-reverse;
}
@media (max-width: 770px) {
  .wph-modal.wph-modal--simple .wph-modal--content.wph-modal--image_right {
    flex-direction: column-reverse;
  }
}

.wph-modal.wph-modal--simple .wph-modal--content.wph-modal--image_left .wph-modal--image,
.wph-modal.wph-modal--simple .wph-modal--content.wph-modal--image_left .wph-modal--image img {
  border-top-right-radius: inherit;
  border-top-left-radius: inherit;
}
@media (min-width: 771px) {
  .wph-modal.wph-modal--simple .wph-modal--content.wph-modal--image_left .wph-modal--image,
  .wph-modal.wph-modal--simple .wph-modal--content.wph-modal--image_left .wph-modal--image img {
    border-top-right-radius: 0;
    border-bottom-left-radius: inherit;
  }
}
.wph-modal.wph-modal--simple .wph-modal--content.wph-modal--image_right .wph-modal--image,
.wph-modal.wph-modal--simple .wph-modal--content.wph-modal--image_right .wph-modal--image img {
  border-top-right-radius: 0;
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
}
@media (min-width: 771px) {
  .wph-modal.wph-modal--simple .wph-modal--content.wph-modal--image_right .wph-modal--image,
  .wph-modal.wph-modal--simple .wph-modal--content.wph-modal--image_right .wph-modal--image img {
    border-top-right-radius: inherit;
    border-bottom-left-radius: 0;
  }
}
.wph-modal.wph-modal--simple .wph-modal--content.wph-modal--image_left .wph-modal--image_full,
.wph-modal.wph-modal--simple .wph-modal--content.wph-modal--image_left .wph-modal--image_full img, .wph-modal.wph-modal--simple .wph-modal--content.wph-modal--image_right .wph-modal--image_full,
.wph-modal.wph-modal--simple .wph-modal--content.wph-modal--image_right .wph-modal--image_full img {
  border-radius: inherit;
}

.wph-modal.wph-modal--popup {
  width: 100%;
  max-width: 800px;
  visibility: hidden;
  backface-visibility: hidden;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.wph-modal.wph-modal--popup.wph-modal-show {
  visibility: visible;
}
@media (max-width: 860px) {
  .wph-modal.wph-modal--popup {
    padding: 0 30px;
  }
}
@media (max-width: 770px) {
  .wph-modal.wph-modal--popup {
    padding: 0 20px;
  }
}

.wph-modal.wph-modal--popup.fadein {
  opacity: 0;
  transform: translate(-50%, -50%) scale(0.7);
  transition: all 0.3s;
}
.wph-modal.wph-modal--popup.fadein.wph-modal-show {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}
.wph-modal.wph-modal--popup.slideright {
  opacity: 0;
  transform: translate(-50%, -50%) translateX(20%);
  transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}
.wph-modal.wph-modal--popup.slideright.wph-modal-show {
  opacity: 1;
  transform: translate(-50%, -50%) translateX(0);
}
.wph-modal.wph-modal--popup.slidebottom {
  opacity: 0;
  transform: translate(-50%, 20%);
  transition: all 0.3s;
}
.wph-modal.wph-modal--popup.slidebottom.wph-modal-show {
  opacity: 1;
  transform: translate(-50%, -50%);
}
.wph-modal.wph-modal--popup.newspaper {
  opacity: 0;
  transform: translate(-50%, -50%) scale(0) rotate(720deg);
  transition: all 0.5s;
}
.wph-modal.wph-modal--popup.newspaper.wph-modal-show {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1) rotate(0deg);
}
.wph-modal.wph-modal--popup.fall {
  perspective: 1300px;
}
.wph-modal.wph-modal--popup.fall .wph-modal--content {
  opacity: 0;
  transform: translateZ(600px) rotateX(20deg);
  transform-style: preserve-3d;
}
.wph-modal.wph-modal--popup.fall .wph-modal--close {
  opacity: 0;
  transition: 0.5s ease-in;
}
.wph-modal.wph-modal--popup.fall.wph-modal-show .wph-modal--content {
  opacity: 1;
  transform: translateZ(0px) rotateX(0deg);
  transition: all 0.3s ease-in;
}
.wph-modal.wph-modal--popup.fall.wph-modal-show .wph-modal--close {
  opacity: 1;
}
.wph-modal.wph-modal--popup.sidefall {
  perspective: 1300px;
}
.wph-modal.wph-modal--popup.sidefall .wph-modal--content {
  opacity: 0;
  transform: translate(30%) translateZ(600px) rotate(10deg);
  transform-style: preserve-3d;
}
.wph-modal.wph-modal--popup.sidefall .wph-modal--close {
  opacity: 0;
  transition: 0.5s ease-in;
}
.wph-modal.wph-modal--popup.sidefall.wph-modal-show .wph-modal--content {
  opacity: 1;
  transform: translate(0%) translateZ(0) rotate(0deg);
  transition: all 0.3s ease-in;
}
.wph-modal.wph-modal--popup.sidefall.wph-modal-show .wph-modal--close {
  opacity: 1;
}
.wph-modal.wph-modal--popup.flipx {
  perspective: 1300px;
}
.wph-modal.wph-modal--popup.flipx .wph-modal--content {
  opacity: 0;
  transform: rotateY(-70deg);
  transform-style: preserve-3d;
  transition: all 0.3s;
}
.wph-modal.wph-modal--popup.flipx .wph-modal--close {
  opacity: 0;
  transition: 0.5s ease-in;
}
.wph-modal.wph-modal--popup.flipx.wph-modal-show .wph-modal--content {
  opacity: 1;
  transform: rotateY(0deg);
}
.wph-modal.wph-modal--popup.flipx.wph-modal-show .wph-modal--close {
  opacity: 1;
}
.wph-modal.wph-modal--popup.flipy {
  perspective: 1300px;
}
.wph-modal.wph-modal--popup.flipy .wph-modal--content {
  opacity: 0;
  transform: rotateX(-70deg);
  transform-style: preserve-3d;
  transition: all 0.3s;
}
.wph-modal.wph-modal--popup.flipy .wph-modal--close {
  opacity: 0;
  transition: 0.5s ease-in;
}
.wph-modal.wph-modal--popup.flipy.wph-modal-show .wph-modal--content {
  opacity: 1;
  transform: rotateX(0deg);
}
.wph-modal.wph-modal--popup.flipy.wph-modal-show .wph-modal--close {
  opacity: 1;
}
.wph-modal.wph-modal--popup.sign {
  perspective: 1300px;
}
.wph-modal.wph-modal--popup.sign .wph-modal--content {
  opacity: 0;
  transform: rotateX(-60deg);
  transform-style: preserve-3d;
  transition: all 0.3s;
}
.wph-modal.wph-modal--popup.sign .wph-modal--close {
  opacity: 0;
  transition: 0.5s ease-in;
}
.wph-modal.wph-modal--popup.sign.wph-modal-show .wph-modal--content {
  opacity: 1;
  transform: rotateX(0deg);
}
.wph-modal.wph-modal--popup.sign.wph-modal-show .wph-modal--close {
  opacity: 1;
}
.wph-modal.wph-modal--popup.scaled {
  opacity: 0;
  transform: translate(-50%, -50%) scale(2);
  transition: all 0.3s;
}
.wph-modal.wph-modal--popup.scaled.wph-modal-show {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}
@keyframes slit {
  50% {
    opacity: 1;
    transform: translateZ(-250px) rotateY(89deg);
    animation-timing-function: ease-in;
  }
  100% {
    opacity: 1;
    transform: translateZ(0) rotateY(0deg);
  }
}
.wph-modal.wph-modal--popup.slit {
  perspective: 1300px;
}
.wph-modal.wph-modal--popup.slit .wph-modal--content {
  opacity: 0;
  transform: translateZ(-3000px) rotateY(90deg);
  transform-style: preserve-3d;
}
.wph-modal.wph-modal--popup.slit .wph-modal--close {
  opacity: 0;
  transition: 0.5s ease-in;
}
.wph-modal.wph-modal--popup.slit.wph-modal-show .wph-modal--content {
  animation: slit .7s forwards ease-out;
}
.wph-modal.wph-modal--popup.slit.wph-modal-show .wph-modal--close {
  opacity: 1;
}
.wph-modal.wph-modal--popup.rotatey {
  perspective: 1300px;
}
.wph-modal.wph-modal--popup.rotatey .wph-modal--content {
  opacity: 0;
  transform: translateY(100%) rotateX(90deg);
  transform-origin: 0 100%;
  transform-style: preserve-3d;
  transition: all 0.3s ease-out;
}
.wph-modal.wph-modal--popup.rotatey .wph-modal--close {
  opacity: 0;
  transition: 0.5s ease-in;
}
.wph-modal.wph-modal--popup.rotatey.wph-modal-show .wph-modal--content {
  opacity: 1;
  transform: translateY(0%) rotateX(0deg);
}
.wph-modal.wph-modal--popup.rotatey.wph-modal-show .wph-modal--close {
  opacity: 1;
}
.wph-modal.wph-modal--popup.rotatex {
  perspective: 1300px;
}
.wph-modal.wph-modal--popup.rotatex .wph-modal--content {
  opacity: 0;
  transform: translateZ(100px) translateX(-30%) rotateY(90deg);
  transform-origin: 0 100%;
  transform-style: preserve-3d;
  transition: all 0.3s ease-out;
}
.wph-modal.wph-modal--popup.rotatex .wph-modal--close {
  opacity: 0;
  transition: 0.5s ease-in;
}
.wph-modal.wph-modal--popup.rotatex.wph-modal-show .wph-modal--content {
  opacity: 1;
  transform: translateZ(0px) translateX(0%) rotateY(0deg);
}
.wph-modal.wph-modal--popup.rotatex.wph-modal-show .wph-modal--close { opacity: 1; }
.wph-modal .i-close:before { content: "x"; }
@media (max-width: 1000px) { .wph-modal .mobile-hidden { display: none; } }



/* home modal / popup */
body #messagepopup.wph-modal {
	padding: 0;
	background-color: white;
}
body #messagepopup * {
}
body .wph-modal, body .wph-modal--mask {
	z-index: 9999 !important;
}
body .wph-modal.wph-modal--popup {
	max-width: 1000px !important;
	max-height: 100% !important;
	margin-top: 0 !important;
	padding: 0;
}
body .wph-modal.wph-modal--simple .wph-modal--content {
	align-items: center;
}
body .wph-modal.wph-modal--simple .wph-modal--content .wph-modal--wrap {
	min-width: 320px;
}
body .wph-modal.wph-modal--simple .wph-modal--content .wph-modal--image {
	flex: 0 60%;
	max-height: 100% !important;
	margin: 0;
	margin-bottom: -8px; /* WTH... remove white line under image */
}
body .wph-modal .wph-modal--close a {
	color: black;
}
body .wph-modal.wph-modal--simple .wph-modal--content .wph-modal--wrap {
	text-align: center;
}
body .wph-modal.wph-modal--popup a { opacity: 1; }
body .wph-modal.wph-modal--popup .wph-modal--image {
	height: auto;
}
body .wph-modal.wph-modal--popup .wph-modal--image img {
	height: auto !important;
	width: auto !important;
}
body .wph-modal.wph-modal--popup .wph-modal--message {
	padding: 0;
	margin-left: 0;
	background-color: white;
	text-align: center;
	max-height: 100% !important;
}
body .wph-modal.wph-modal--popup .wph-modal--message img.logo {
	width: 160px;
	margin-bottom: 30px;
}
body .wph-modal .wph-modal--content .wph-modal--message *:not(.button):not(.wph-modal--cta):not(a),
body .wph-modal.wph-modal--popup .wph-modal--message {
    color: #120c0d;
}
body .wph-modal.wph-modal--popup .wdpu-msg {
    max-width: 1000px;
    padding: 0;
}
body .wph-modal.wph-modal--popup .wph-modal--message .product-category .image-wrapper { display: none; }
body .wph-modal.wph-modal--popup .wph-modal--message .product-info h6 { display: none; }
body .wph-modal.wph-modal--popup .wph-modal--message .product-info .separator { display: none; }
body .wph-modal.wph-modal--popup .wph-modal--message .product-info div { display: none; }
body .wph-modal.wph-modal--popup .wph-modal--message .top-product-section { display: none; }
body .wph-modal.wph-modal--popup .wph-modal--message a { color: #120c0d; text-decoration: none; }
body .wph-modal.wph-modal--popup .wph-modal--message a:hover { color: #120c0d; text-decoration: none; }
body .wph-modal.wph-modal--popup .wph-modal--message a:visited { color: #120c0d; text-decoration: none; }
body .wph-modal.wph-modal--popup .wph-modal--message .semi-bold {
	text-transform: uppercase;
	font-size: 10px;
	max-width: 300px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
}
body .wph-modal.wph-modal--popup .wdpu-content {
	margin-left: 40px;
	margin-right: 40px;
}
body .wph-modal.wph-modal--popup .hero-text .section-heading {
	margin-top: 10px;
	margin-bottom: 10px;
}
body .wph-modal.wph-modal--popup .price {
	font-size: 60px; line-height: 60px;
	font-family: 'TiemposItalic', Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
	letter-spacing: 2px;
}
body .wph-modal.wph-modal--popup .wph-modal--message a:visited { color: #fff; }
body .wph-modal.wph-modal--popup .wph-modal--message a:hover { color: #120c0d; }
body .wph-modal.wph-modal--popup a.add-to-cart-button {
	color: #fff;
	font-family: 'cerablack', sans-serif;
	text-transform: uppercase;
	padding: 0 10px;
	font-size: 12px;
	margin-bottom: 10px !important;
}
body .wph-modal .wph-modal--content .wph-modal--message ul li { padding: 0; }
body .wph-modal .wph-modal--content .wph-modal--message ul li:before {
	content: "";
	display: none;
}
body .wph-modal.wph-modal--popup .woocommerce ul.products {
	margin-bottom: 0;
}
body .wph-modal.wph-modal--popup .impactsocial .cerablack { font-size: 20px; }
body .wph-modal .wph-modal--close {
	color: black;
	position: absolute;
	right: 0;
	top: 0;
	border: 2px solid #000;
	border-radius: 100%;
	width: 28px;
	height: 28px;
	text-align: center;
}

body .wph-modal.wph-modal--simple .wph-modal--content .wph-modal--wrap { max-height: 100% !important; }

/* checkout popup */
#messagepopup.checkoutpopup {
	background-color: black;
	color: white;
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	text-align:left;
	z-index: -1;
	padding: 50px 100px
}
#messagepopup.checkoutpopup strong { font-size: 28px; margin-left: 3px; margin-left: 3px; }
#messagepopup.checkoutpopup a:hover { color: black; }
#messagepopup.checkoutpopup * {
	color: white;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 1px;
}
@media screen and (max-width: 1000px) {
	#messagepopup.checkoutpopup { display: none !important; }
	#popupoverlay.checkoutpopup { display: none !important; }
}
#messagepopup.checkoutpopup p { line-height: 20px; }
#messagepopup.checkoutpopup a {
	border-radius: 0px;
	border-color: white;
	color: white;
	margin-left: 10px;
	margin-right: 10px;
}

/* jquery popup */
#messagepopup { display: none !important; }
#popupoverlay {
	display: none !important;
	z-index: -1;
	width: 100vw;
	height: 100vh;
	z-index: 100;
	position: fixed;
	background-color:rgba(0, 0, 0, 0.4);
	top: 0;
	left: 0;
}
#messagepopup.popupvisible {
	display: block !important;
	z-index: 9000;
}
#popupoverlay.popupvisible {
	display: block !important;
	z-index: 8000;
}


@media screen and (max-width: 1000px) {
	body .wph-modal.wph-modal--popup .wph-modal--image {
		position: initial;
		width: 100%;
		max-height: 100%;
	}
	body .wph-modal.wph-modal--popup .wdpu-msg { width: 370px !important; }
	body .wph-modal.wph-modal--popup .wdpu-msg-inner {
	    width: 370px !important;
	    height: auto !important;
	    margin-bottom: 35px;
	}
	body .wph-modal.wph-modal--popup .wph-modal--message {
	    margin-left: 0;
	    width: 100%;
	}
	body .wph-modal.wph-modal--popup .wdpu-content {
	    margin-left: 10px;
	    margin-right: 10px;
	    margin-bottom: 10px;
	}
	body .wph-modal.wph-modal--popup .wph-modal--image:before { padding-top: 170px; }
	body .wph-modal.wph-modal--popup .wph-modal--image img {
	    height: 370px;
	    margin-top: 0 !important;
	}
}