/* ===========================

Custom block styles

=============================*/

:root {
  --theme-dark-grey: #707070;
  --theme-light-grey: #F2F2F2;
  --theme-dark-grey-fade: #707070C7;
  --theme-light-grey-fade: #f2f2f2e6;
  --theme-white-fade: #FFFFFFC7;
  --theme-fontface: 'futura-pt', sans-serif;
  --height-large: 45rem;
  --dw-coral: #fdb59f;
	--dw-blush: #f4d0c2;
	--dw-butter: #f0bc68;
	--dw-smoke: #a9b7ba;
	--dw-duck: #c3d6d0;
	--dw-emerald: #5f9595; 
}

html {
  font-size: 10px;
}

ul {
  padding: 0;
}

.has-dark-background-color {
  background-color: var(--theme-dark-grey) !important;
}

.has-dark-color {
  color: var(--theme-dark-grey) !important;
}

.has-light-background-color {
  background-color: var(--theme-light-grey) !important;
}

.has-light-color {
  color: var(--theme-light-grey) !important;
}

.has-white-background-color {
  background-color: white !important;
}

.has-white-color {
  color: white !important;
}

.has-dark-fade-background-color {
  background-color: var(--theme-dark-grey-fade) !important;
}

.has-dark-fade-color {
  color: var(--theme-dark-grey-fade) !important;
}

.has-light-fade-background-color {
  background-color: var(--theme-light-grey-fade) !important;
}

.has-light-fade-color {
  color: var(--theme-light-grey-fade) !important;
}

.has-white-fade-background-color {
  background-color: var(--theme-white-fade) !important;
}

.has-white-fade-color {
  color: var(--theme-white-fade) !important;
}

.has-coral-background-color {
  background-color: var(--dw-coral) !important;
}

.has-coral-color {
  color: var(--dw-coral) !important;
}

.has-blush-background-color {
  background-color: var(--dw-blush) !important;
}

.has-blush-color {
  color: var(--dw-blush) !important;
}

.has-butter-background-color {
  background-color: var(--dw-butter) !important;
}

.has-butter-color {
  color: var(--dw-butter) !important;
}

.has-smoke-background-color {
  background-color: var(--dw-smoke) !important;
}

.has-smoke-color {
  color: var(--dw-smoke) !important;
}

.has-duck-background-color {
  background-color: var(--dw-duck) !important;
}

.has-duck-color {
  color: var(--dw-duck) !important;
}

.has-emerald-background-color {
  background-color: var(--dw-emerald) !important;
}

.has-emerald-color {
  color: var(--dw-emerald) !important;
}

.wp-block {
  max-width: 1400px;
}

.wp-block[data-align='full'] {
  width: auto;
  max-width: none;
}

.snl-height-small {
  min-height: 25rem;
}
.snl-height-medium {
  min-height: 50rem;
}

.alignfull {
	margin: 32px calc(50% - 50vw);
	max-width: 100vw;
	width: 100vw;
}

#wpcontent .editor-styles-wrapper {
  font-family: var(--theme-fontface);
}

.wp-block-column.is-style-dwpc-column {
    background-color: var(--theme-light-grey);
    padding: 4.5rem;
    box-sizing: border-box;
}


/* .wp-block-column {
    padding: 4.5rem 0;
    box-sizing: border-box;
} */

.gutenberg-container p,
.gutenberg-container h1,
.gutenberg-container h2,
.gutenberg-container h3,
.gutenberg-container h4,
.gutenberg-container h5,
.gutenberg-container h6,
.gutenberg-container ul:not(.uk-slider-items) {
  max-width: 75rem;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.gutenberg-container p > a,
.menu-item-has-children > a {
  position: relative;
  font-weight: 300;
  opacity: 1;
  transition: opacity 0.3s;
}

.gutenberg-container p > a {
  font-weight: 400;
}

.gutenberg-container p > a:after,
.menu-item-has-children > a:after  {
  content: '';
  height: 1px;
  background-color: currentColor;
  width: calc(100% - 10px);
  margin: auto;
  position: absolute;
  bottom: -5px;
  left: 5px;
  right: 5px;
  opacity: 0.5;
  }

  .gutenberg-container p > a:after {
  transform-origin: 100% 50%;
  transform: scale3d(0, 1, 1);
  transition: transform 0.3s;
}
.menu-item-has-children > a:after  {
  transform-origin: 50% 50%;
  transform: scale3d(0.5, 1, 1);
  transition: transform 0.3s;
}

.gutenberg-container p > a:hover:after {
  transform-origin: 0% 50%;
  transform: scale3D(1,1,1);
}

.menu-item-has-children:hover > a:after {
  transform: scale3D(0.25,1,1);
}

.gutenberg-container p > a:hover,
.menu-item-has-children:hover > a {
  opacity: 0.6;
}



.block-editor-block-list__layout p,
.block-editor-block-list__layout h1,
.block-editor-block-list__layout h2,
.block-editor-block-list__layout h3,
.block-editor-block-list__layout h4,
.block-editor-block-list__layout h5,
.block-editor-block-list__layout h6 {
  max-width: 75rem;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.mb-lighten {
  mix-blend-mode: lighten;
}

.mb-multiply {
  mix-blend-mode: multiply;
}

.mb-overlay {
  mix-blend-mode: overlay;
}

.wp-block-columns > .wp-block-column:first-child:last-child > p {
    max-width: 66.66rem;
    margin-left: auto;
    margin-right: auto;
}

.is-style-dwpc-column p:last-child {
  margin-bottom: 0;
}

.margin-bheavy {
  margin-top: 1.5rem;
  margin-bottom: 4.5rem;
}


[id^="sb_youtube_"].sb_youtube {
  margin-bottom: 6rem;
}


.gutenberg-container > div[class~=wp-block] {
  margin-bottom: 4.5rem;
}

.gutenberg-container > div[class~=wp-block]:last-child {
  margin-bottom: 0rem;
}


/* 
.wp-block-column.is-style-default > *:not([class~=wp-block]),
.wp-block-column.is-style-dwpc-column > *:not([class~=wp-block]) {
  padding: 0 4.5rem;
} */

/* .wp-block-column.is-style-dwpc-column .wc-block-grid__products,
.wp-block-column.is-style-dwpc-column .wp-block-prod_carousel {
  margin: 0 -3rem;
} */

.wp-block-column.is-style-dwpc-column .wc-block-grid__products .snl-stylee,
.wp-block-column.is-style-dwpc-column .wp-block-prod_carousel .snl-stylee {
  border-color: var(--theme-light-grey);
}

.editor-styles-wrapper .block-editor-block-list__block.wp-block-column:not(:first-child) {
  margin-left: 0rem;
}

.entry-content > *:not(:empty),
.entry-content > div[class^=wp-block] {
  margin-bottom: 4.5rem;
}

.entry-content > *:not(.wp-block-columns) .wp-block-image img {
  margin-bottom: 4.5rem;
}

.wp-block-column.is-vertically-aligned-center {
  align-self: auto;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
}


@media (min-width: 782px) {
  .wp-block-column:not(:first-child) {
      margin-left: 4.5rem;
  }
}

.wp-block-quote {
  border-left: .25em solid;
  margin: 0 0 1.75em;
  padding-left: 1em;
}

.wp-block-quote p {
  font-size: 2.4rem;
}

.wp-block-quote__citation, .wp-block-quote cite, .wp-block-quote footer {
  color: currentColor;
  font-size: 1.6rem;
  text-transform: uppercase;
  margin-top: 1em;
  position: relative;
  font-style: normal;
}

.wp-block-quote.is-large, .wp-block-quote.is-style-large {
  border: none;
}

.wp-block-image {
  margin-bottom: 0em;
}

.uk-height-medium {
  height: 30rem;
}


.wp-block-cover-image, .wp-block-cover {
  min-height: 75vh;
  }

  .wp-block-cover__inner-container {
    max-width: 160rem;
    }

/* WOOCOMMERCE BLOCKS */


/* .wp-block-column .wc-block-grid {
  width: calc(100% + 12rem);
  margin: -6rem;
  height: calc(100% + 12rem);
} */

.wc-block-grid {
  margin-top: 4rem;
}

.wp-block-columns .wc-block-grid {
  margin-top: auto;
}

.wc-block-column .wc-block-grid__products {
  margin: 0;
  margin-left: -2rem;
  margin-right: -2rem;
  height: 100%;
  min-height: 400px;
}

.wc-block-column .wc-block-grid .wc-block-grid__products .wc-block-grid__product {
    margin: auto;
    border: 0;
    border-left: 2rem solid white;
    border-right: 2rem solid white;
    max-width: 50vw;
    min-width: 350px;
}




.wc-block-grid__products .wc-block-grid__product:after,
.main-nav ul.sub-menu > li.coolsquare:after,
.coolsquare-container .coolsquare:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

body .wc-block-grid__products .wc-block-grid__product .image-wrap,
.main-nav ul.sub-menu > li.coolsquare .image-wrap,
.coolsquare-container .coolsquare .image-wrap {
  display: block;
  transition: height 0.3s linear, flex 0.3s linear;
  height: 100%;
}

body .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-image,
.main-nav ul.sub-menu > li.coolsquare .wc-block-grid__product-image,
.coolsquare-container .coolsquare .wc-block-grid__product-image {
  margin: 0;
}

body .wc-block-grid__products .snl-stylee,
.main-nav ul.sub-menu > li.coolsquare,
.coolsquare-container .coolsquare {
  /* height: 100%; */
  position: relative;
}

body .wc-block-grid__products .snl-stylee .snl-product-inner,
.coolsquare-container .coolsquare > .snl-product-inner,
.coolsquare-container .coolsquare > .snl-object-inner,
.main-nav ul.sub-menu > li.coolsquare > .snl-product-inner,
.main-nav ul.sub-menu > li.coolsquare > .snl-object-inner {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  overflow: hidden;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.image-wrap > a.wc-block-grid__product-link {
  display: contents;
}

/* body.wp-admin .wc-block-grid__products > li.snl-stylee .details-wrap {
  display: none;
} */

.snl-stylee .details-wrap p,
.main-nav ul.sub-menu > li.coolsquare .details-wrap p,
.coolsquare-container .coolsquare .details-wrap p {
  margin: 0;
  color: var(--theme-dark-grey);
}

.snl-stylee .details-wrap .wc-block-grid__product-title,
.main-nav ul.sub-menu > li.coolsquare .details-wrap .wc-block-grid__product-title,
.coolsquare-container .coolsquare .details-wrap .wc-block-grid__product-title {
  font-size: 2.4rem;
  line-height: normal;
  font-weight: 300;
  margin: 0;
}

.wc-block-grid__products .snl-stylee .details-wrap,
.main-nav ul.sub-menu > li.coolsquare .details-wrap,
.coolsquare-container .coolsquare .details-wrap {
  max-height: 0%;
  transition: max-height 0.4s linear, flex 0.4s linear;
  color: var(--theme-dark-grey);
}

.wc-block-grid__products .snl-stylee:not(.shouldhoverthis):hover .details-wrap,
.main-nav ul.sub-menu > li.coolsquare:not(.shouldhoverthis):hover .details-wrap,
.coolsquare-container .coolsquare:not(.shouldhoverthis):hover .details-wrap,
.wc-block-grid__products .snl-stylee.amhovering .details-wrap,
.main-nav ul.sub-menu > li.coolsquare.amhovering .details-wrap,
.coolsquare-container .coolsquare.amhovering .details-wrap {
  max-height: calc(100% - 5.4rem);
  transition: max-height 0.5s linear, flex 0.5s linear;
}

.wc-block-grid__products .snl-stylee:not(.shouldhoverthis):hover .details-wrap a,
.main-nav ul.sub-menu > li.coolsquare:not(.shouldhoverthis):hover .details-wrap a,
.coolsquare-container .coolsquare:not(.shouldhoverthis):hover .details-wrap a,
.wc-block-grid__products .snl-stylee.amhovering .details-wrap a,
.main-nav ul.sub-menu > li.coolsquare.amhovering .details-wrap a,
.coolsquare-container .coolsquare.amhovering .details-wrap a {
  color: var(--theme-dark-grey);
}

.wc-block-grid__products .snl-stylee .details-wrap .details-inner,
.main-nav ul.sub-menu > li.coolsquare .details-wrap .details-inner,
.coolsquare-container .coolsquare .details-wrap .details-inner {
  background: var(--theme-light-grey);
}

.wc-block-grid__products .snl-stylee .details-wrap .details-inner .prod-title,
.main-nav ul.sub-menu > li.coolsquare .details-wrap .details-inner .prod-title,
.coolsquare-container .coolsquare .details-wrap .details-inner .prod-title {
  padding: 2rem;
  padding-right: 0rem;
  padding-bottom: 1rem;
}

.wc-block-grid__products .snl-stylee .details-wrap .details-inner .prod-price,
.main-nav ul.sub-menu > li.coolsquare .details-wrap .details-inner .prod-price,
.coolsquare-container .coolsquare .details-wrap .details-inner .prod-price {
  padding-right: 2rem;
  padding-top: 2rem;
  margin-top: 0;
}

.wc-block-grid__products .snl-stylee .details-wrap .details-inner .prod-viewmore > a,
.main-nav ul.sub-menu > li.coolsquare .details-wrap .details-inner .prod-viewmore > a,
.coolsquare-container .coolsquare .details-wrap .details-inner .prod-viewmore > a {
  padding: 1rem 2rem;
  text-decoration: none;
  display: block;
}

.wc-block-grid__products .snl-stylee .details-wrap .details-inner .prod-addcart,
.main-nav ul.sub-menu > li.coolsquare .details-wrap .details-inner .prod-addcart,
.coolsquare-container .coolsquare .details-wrap .details-inner .prod-addcart {
  padding: 1rem 2rem;
  cursor: pointer;
  display: flex;
align-items: center;
position: relative;
}

.wc-block-grid__products .snl-stylee .details-wrap .details-inner .prod-viewmore > a:hover,
.wc-block-grid__products .snl-stylee .details-wrap .details-inner .prod-addcart:hover,
.main-nav ul.sub-menu > li.coolsquare .details-wrap .details-inner .prod-viewmore > a:hover,
.main-nav ul.sub-menu > li.coolsquare .details-wrap .details-inner .prod-addcart:hover,
.coolsquare-container .coolsquare .details-wrap .details-inner .prod-viewmore > a:hover,
.coolsquare-container .coolsquare .details-wrap .details-inner .prod-addcart:hover {
  background: #ddd;
  transition: background 0.3s;
}



body #page .details-wrap .details-inner .button.checkitout {
  font-size: 1.4rem;
  line-height: 3rem;
  text-transform: uppercase;
  letter-spacing: 0.25em;
  font-weight: 400;
  padding: 1rem 2rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  position: relative;
  text-align: center;
  width: auto;
  margin-top: 0;
  color: white;
}

.image-wrap > .prod-price {
  position: absolute;
  bottom: 0;
  right: 2rem;
  margin-bottom: 0;
  padding-bottom: calc(100% - 7rem);
}

/* Dodgy product page grid */
.woocommerce #content div.product div.summary,
.woocommerce div.product div.summary,
.woocommerce-page #content div.product div.summary,
.woocommerce-page div.product div.summary {
  width: 100%;
  float: none;
  max-width: 120rem;
  margin: 4rem auto;
  /* display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  grid-gap: 2rem; */
    display: flex;
    flex-wrap: wrap;
    max-width: 130rem;
    padding: 8rem;
    background: var(--theme-light-grey);
    padding-bottom: 0;
}

.woocommerce div.product .product_title {
  grid-row: 1;
  grid-column: 1 / 3;
}

.woocommerce div.product .woocommerce-product-details__short-description {
  grid-row: 2 / 6;
  grid-column: 1;
}

.woocommerce div.product p.price {
  grid-row: 2;
  grid-column: 2;
  text-align: right;
  float: right;
  margin-bottom: 4rem;
}

.woocommerce div.product p.stock {
  grid-row: 3;
  grid-column: 2;
}

.woocommerce div.product .entry-summary form.cart:not(.variations_form) {
  grid-row: 4;
  grid-column: 2;
  width: 100%;
  margin-top: 4rem;
}



/* =========== OBJECT BLOCK ========== */

.snl-object-inner .image-wrap .prod-title {
  position: relative; 
  font-weight: 100;
  padding: 1.5rem;
  font-size: 2.4rem;
  line-height: 3.5rem;
  font-weight: 300;
  color: var(--theme-dark-grey);
  background: var(--theme-light-grey-fade);
  transition: background 0.3s;
  z-index: 2;
}

.coolsquare:hover .image-wrap .prod-title {
  background: var(--theme-light-grey);
}

.snl-object-inner .image-wrap a:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(255,255,255,0.5);
  transition: all 0.3s;
}


.coolsquare:hover .snl-object-inner .image-wrap a:after {
  background: rgba(255,255,255,1);
}

.snl-object-inner a {
  text-decoration: none;
}

.snl-object-inner .details-wrap .details-inner .deets-button {
  padding: 1.5rem;
}

li.coolsquare .details-wrap .details-inner .prod-addcart {
  padding: 1.5rem;
  display: flex;
  align-items: center;
}

.coolsquare > .snl-object-inner > .image-wrap {
  display: flex !important;
  align-items: flex-end;
}

.coolsquare .snl-product-inner .image-wrap {
  display: flex !important;
  align-items: center;
}

.coolsquare .snl-product-inner .image-wrap img {
  height: 100% !important;
}

.coolsquare .details-wrap .prod-viewmore {
  min-width: 55%;
  flex: 1;
}

.coolsquare .snl-object-inner .details-wrap .prod-viewmore {
  min-width: 65%;
}


/* ================= SLIDEER */


.slide-caption.has-dark-background-color > div > *,
.slide-caption.has-dark-fade-background-color > div > * {
  color: white;
}

.slide-caption {
  max-width: 75rem;
}

.home .slide-caption {
  max-width: 100%;
}

.dewinton_sign_outer > svg {
  width: 100rem;
}

.dewinton_sign_outer > svg#dewinton-animated .dewintonbasetext {
  animation: dewintonlogotwoheader 10s forwards linear;
  fill: white;
  animation-delay: 1s;
}
.dewinton_sign_outer > svg#dewinton-animated .dewintonbackstroke {
  animation: dewintonlogoheader 10s forwards linear;
  stroke: white;
  animation-delay: 1s;
}


/* ================= ADMIN GUTENBERG CHANGES */

.editor-styles-wrapper .noguteylinky {
  pointer-events: none;
}

body .im_carousel_container ul {
  list-style: none;
}



/* ================= GF SHIT */

body .gform_wrapper.gravity-theme .gf_progressbar_title {
  display: none;
}

body .gform_wrapper .gf_progressbar {
  background: transparent !important;
  border-radius: 0px !important;
  border-bottom: 4px solid var(--theme-light-grey);
  margin-bottom: 4rem !important;
}

body .gform_wrapper .gf_progressbar_percentage {
  background-color: transparent !important;
  color: var(--theme-dark-grey) !important;
  border-radius: 0 !important;
  border-bottom: 4px solid var(--theme-dark-grey);
  margin-bottom: -4px;
  padding-bottom: 2rem;
}

body .gform_wrapper .gform_page_footer {
  display: flex;
  justify-content: end;
}
