/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.0
 Text Domain:  bricks
*/
/*
@font-face {
  font-family: 'dizzypig';
  src:
    url('assets/fonts/dizzypig.woff2') format('woff2'),
    url('assets/fonts/dizzypig.woff') format('woff'),
    url('assets/fonts/dizzypig.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
*/

i[class^="ti-search"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'dizzypig' !important;
/*
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
*/
}
.dp-icon-clock i:before { content: "\e900"; }
.dp-icon-lightbulb i:before { content: "\f0eb"; }
.dp-icon-check-circle i:before { content: "\f058"; }
.dp-icon-chevron-circle-up i:before { content: "\f139"; }
.dp-icon-map-marker i:before { content: "\f3c5"; }
.dp-icon-mobile i:before { content: "\f3cd"; }
.dp-icon-search i:before { content: "\f002"; }
.dp-icon-deliv-truck i:before { content: "\f0d2"; }
.dp-icon-facebook i:before { content: "\f39e"; }
.dp-icon-google i:before { content: "\f1a0"; }
.dp-icon-instagram i:before { content: "\f16d"; }
.dp-icon-pinterest i:before { content: "\f231"; }
.dp-icon-twitter i:before { content: "\f099"; }
.dp-icon-youtube i:before { content: "\f167"; }
.dp-icon-bag i:before { content: "\ea07"; }
.dp-icon-fire i:before { content: "\ebe8"; }
.dp-icon-airplane i:before { content: "\ec05"; }
.dp-icon-checkmark i:before { content: "\ed72" !important; }
.dp-icon-caret-right i:before { content: "\edc8" !important; font-size: 1.5rem; }
.dp-icon-heart i:before { content: "\f004"; }
.dp-icon-star i:before { content: "\f005"; }
.dp-icon-star-o i:before { content: "\f006"; }
.dp-icon-close i:before { content: "\f00d" !important; }
.dp-icon-chevron-left i:before { content: "\f104"; }
.dp-icon-chevron-right i:before { content: "\f105"; }
.dp-icon-chevron-down i:before { content: "\f107"; }
.dp-icon-spinner i:before { content: "\f111"; }

.dp-white { color: var(--white) !important; }
.dp-blue { color: var(--secondary) !important; }
.dp-orange { color: var(--primary !important); }
.bg-ltgray { background-color: var(--lt-gray); }

.dp-font-hv { font-family: 'High Voltage' }
.dp-font-mb { font-family: 'Mix Blimp'; }
.dp-font-ss { font-family: 'Source Sans'; }

.mar-top-none { margin-top: 0 !important; }
.mar-bot-none { margin-bottom: 0 !important; }

.nav-red-label {
  color: #da0000;
  font-weight: 500;
}
.dp-quote {
  position: relative;
  width: 90%;
  margin: var(--space-xs) auto var(--space-m) !important;
  padding: 1em 3em;
  font-style: italic;
}
.dp-quote::before, .dp-quote::after {
  position: absolute;
  display: block;
  width: 20px;
  height: 20px;
  background-image: url(/wp-content/dpimages/quote.png);
  content: '';
}
.dp-quote::before {
  top: 0;
  left: 0;
  background-position: 0 0;
}
.dp-quote::after {
  right: 0;
  bottom: 0;
  background-position: -20px 0;
}
/* Leaving h6 out - used in prodcard__title */
main a:is(h1 a, h2 a, h3 a, h4 a, h5 a) {
  font-family: 'High Voltage';
  color: var(--primary);
}
main a:not(.bricks-button):hover,
main a:is(h1 a, h2 a, h3 a, h4 a, h5 a, h6 a):hover {
  color: var(--primary-hover);
}
:root a.bricks-button.bricks-background-primary:hover {
  background-color: var(--primary-hover);
}
/* Bullet lists - using various SVG icons and colors */
/* Class usage: dp-iconlist check filter-blue */
/* Filter value generated at https://codepen.io/sosuke/pen/Pjoqqp */
ul.ilist {
  list-style: none;
}
ul.dp-iconlist {
  list-style: none;
  margin-top: calc(var(--space-4xs) * -1);
}
ul.dp-iconlist.pl0 {
  padding-left: var(--space-xs);
}
ul.ilist a,
ul.dp-iconlist a {
  font-style: italic;
  font-weight: 600;
  padding-right:4px
}
ul.ilist li,
ul.dp-iconlist li {
  position: relative;
  display: block;
  margin: 0;
  padding: .5rem 0 1rem .5em;
  line-height: 1.3;
}
ul.dp-iconlist.closer {
  margin-block-start: .3rem;
}
ul.dp-iconlist.closer li {
  padding-bottom: .2rem;
}
ul.ilist li:before,
ul.dp-iconlist li:before {
  content: '';
  padding-right: 1em;
  position: absolute;
  left: -1em;
  height: 1em;
  background-size: contain;
  background-repeat: no-repeat;
}
ul.ilist li:before,
ul.dp-iconlist.check li:before {
  background-image: url(/wp-content/dpimages/check.svg);
}
ul.dp-iconlist.fire li:before {
  background-image: url(/wp-content/dpimages/fire.svg);
}
ul.dp-iconlist.thickx li:before {
  background-image: url(/wp-content/dpimages/close.svg);
  background-repeat: no-repeat;
}
ul.dp-iconlist.caret-right li:before {
  background-image: url(/wp-content/dpimages/caret-right.svg);
  background-size: cover;
  width: 1.5em;
  height: 1.5em;
  top: .1em;
}
ul.dp-iconlist.check-circle li {
  padding-left: 1.2rem;
}
ul.dp-iconlist.heart li,
ul.dp-iconlist.star li {
  padding-left: .75rem;
}
ul.dp-iconlist.check-circle li:before {
  background-image: url(/wp-content/dpimages/check-circle.svg);
  width: 1.1em;
  height: 1.1em;
}
ul.dp-iconlist.star li:before {
  background-image: url(/wp-content/dpimages/star.svg);
  width: 1.1em;
  height: 1.1em;
}
ul.dp-iconlist.heart li:before {
  background-image: url(/wp-content/dpimages/heart.svg);
  width: 1em;
  height: 1em;
}
ul.dp-iconlist.lightbulb li:before {
  background-image: url(/wp-content/dpimages/lightbulb.svg);
  width: 1em;
  height: 1em;
}
/* https://codepen.io/sosuke/pen/Pjoqqp */
ul.ilist li:before,
ul.dp-iconlist.filter-blue li:before {
  filter: invert(47%) sepia(100%) saturate(2812%) hue-rotate(155deg) brightness(101%) contrast(101%);
}
ul.dp-iconlist.filter-lime li:before {
  filter: invert(67%) sepia(92%) saturate(2329%) hue-rotate(34deg) brightness(108%) contrast(101%);
}
ul.dp-iconlist.filter-red li:before {
  filter: invert(21%) sepia(100%) saturate(6956%) hue-rotate(334deg) brightness(98%) contrast(101%);
}
ul.dp-iconlist.filter-white li:before {
  filter: invert(100%) sepia(0%) saturate(7435%) hue-rotate(36deg) brightness(96%) contrast(114%);
}
@media (max-width: 478px) {
  ul.dp-iconlist {
    padding-left: var(--space-s);
  }
}
ol {
  padding-left: var(--space-s);
  margin: var(--space-2xs) 0;
  line-height: 1.5;
}
ol li {
  padding-left: var(--space-2xs);
  margin-bottom: var(--space-2xs);
}
ol li::marker {
  color: var(--secondary);
  font-weight: 700;
}
.display-1, .display-2, .display-3 {
  font-family: 'Mix Blimp';
  color: var(--secondary);
  font-size: var(--text-2xl);
  margin-bottom: var(--space-xs);
}
blockquote {
  font-family: 'Source Sans';
  font-size: var(--text-m);
  padding: 1.5rem;
  background-color: #f6f2eb;
}
blockquote h3, blockquote h4 {
  font-size: var(--text-l);
  margin-bottom: var(--space-3xs);
  line-height: 1.5;
}
blockquote > a.brxe-button {
  color: var(--white);
}
@layer bricks.reset {
  figcaption.bricks-image-caption {
    position: relative !important;
  }
}
figure.dp-caption {
  padding: var(--space-4xs);
  border: 1px solid var(--border-primary);
  box-shadow: 0 2px 8px -1px rgba(0,0,0,0.22)
}
figure.dp-caption.blue {
  box-shadow: rgba(91, 132, 136, 0.48) 1px 1px 6px 0px, rgba(255, 255, 255, 0.8) -6px -5px 6px 0px;
}
figure.dp-caption img {
  max-height: 90%;
}
@media only screen and (max-width: 991px) {
  figure.dp-caption.long img {
    max-height: 85%;
  }
}
@media only screen and (max-width: 478px) {
  figure.dp-caption.long img {
    max-height: 75%;
  }
}
figure.dp-caption figcaption {
  position: relative !important;
  background: none;
  color: var(--caption-txt);
  font-style: italic;
  font-weight: 500;
  padding: var(--space-4xs) var(--space-4xs) 0;
}
.dropcap {
  font-size: 1.1em;
  font-weight: 600;
  background: var(--lime);
  float: left;
  width: 2em;
  height: 2em;
  margin: -.2em .8em .2em 0;
  line-height: 2em;
  text-align: center;
  overflow: hidden;
  text-transform: uppercase;
  color: var(--white);
}
/* Mini cart */
.brxe-woocommerce-mini-cart .cart-detail li.mnm_container_mini_cart_item  .variation-Selections,
.brxe-woocommerce-mini-cart .cart-detail li .variation dt:is(.variation-GiftNote, .variation-AttendeeName),
.brxe-woocommerce-mini-cart .cart-detail li .variation dd:is(.variation-GiftNote, .variation-AttendeeName) {
  display: none;
}
/*
.brxe-woocommerce-mini-cart .cart-detail li .variation dt:is(.variation-GiftNote, .variation-AttendeeName) {
  font-weight: 500;
}
.brxe-woocommerce-mini-cart .cart-detail li .variation dd:is(.variation-GiftNote, .variation-AttendeeName) {
  font-style: italic;
}
*/

/* Temporary from ironstrap theme */
.irow { display: flex; margin-bottom: 1.5em }
.irow::after { display: table; clear: both; content: '' }
.irow .icolumn { display: flex; float: left; box-sizing: border-box; margin: 0 0 0 4% }
.irow .icolumn:first-child { margin-left: 0 }
.irow .icolumn-size-3-5 { width: 58% }
.irow .icolumn-size-2-5 { width: 38% }
.icolumn>:first-child { margin-top: 0 }
.icolumn>:last-child { margin-bottom: 0 }
.icolumn::after { content: ''; display: table; clear: both }
@media only screen and (max-width: 767px) {
  .irow .icolumn { float:none; width: 100%; margin: 0 }
}
