@font-face {
  font-family: 'Montserrat';
  font-weight: 700;
  src: url('../fonts/montserrat-extrabold.eot'); /* IE9 Compat Modes */
  src: url('../fonts/montserrat-extrabold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-extrabold.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/montserrat-extrabold.otf')  format('otf'), /* Safari, Android, iOS */
       url('../fonts/montserrat-extrabold.svg') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'Maison Neue';
  font-weight: 500;
  src: url('../fonts/maisonneue-medium.eot'); /* IE9 Compat Modes */
  src: url('../fonts/maisonneue-medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/maisonneue-medium.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/maisonneue-medium.svg') format('svg'),
       url('../fonts/maisonneue-medium.ttf')  format('truetype');
}

@font-face {
  font-family: 'Maison Neue';
  font-weight: 200;
  src: url('../fonts/maisonneue-light.eot'); /* IE9 Compat Modes */
  src: url('../fonts/maisonneue-light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/maisonneue-light.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/maisonneue-light.svg') format('svg'),
       url('../fonts/maisonneue-light.ttf')  format('truetype');
}

@font-face {
  font-family: 'Maison Neue';
  font-weight: 500;
  src: url('../fonts/maisonneue-book.eot'); /* IE9 Compat Modes */
  src: url('../fonts/maisonneue-book.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/maisonneue-book.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/maisonneue-book.svg') format('svg'),
       url('../fonts/maisonneue-book.ttf')  format('truetype');
}

@font-face {
  font-family: 'Futura';
  font-weight: 700;
  src: url('../fonts/futura-condensed-extra-bold.eot'); /* IE9 Compat Modes */
  src: url('../fonts/futura-condensed-extra-bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/futura-condensed-extra-bold.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/futura-condensed-extra-bold.woff2') format('woff2'), /* Pretty Modern Browsers */
       url('../fonts/futura-condensed-extra-bold.svg') format('svg'),
       url('../fonts/futura-condensed-extra-bold.ttf')  format('truetype');
}

body,
html {
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: subpixel-antialiased;
}

body {
   font-family: 'Maison Neue';
   font-weight: 200;
   font-size: 16px;
   color: #575757;
   font-size: 16px;
   line-height: 1.8;
   position: relative;
}

* {
   box-sizing: border-box;
}

body.error404 main {
    padding: 100px 0;
    text-align: center;
}

li.product,
section {
    opacity: 0;
    transition: opacity 1s;
}

li.product.in-view,
section.in-view {
    opacity: 1;
}


p:last-child {
    margin-bottom: 0;
}

.inner-content {
    margin-bottom: 10px;
}

.footer-disclaimer {
    max-width: 800px;
    margin: 30px auto;
    font-size: 10px;
    text-align: center;
}

img {
    max-width: 100%;
}

img.rounded-image {
    width: 400px;
    height: 300px;
    object-fit: cover;
    border-radius: 14px;
    border: 10px solid #fff;
}

iframe {
  border: none;
}

.wp-block-image {
    overflow: hidden;
    height: 30vw;
}

.wp-block-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

button,
input[type=submit],
input[type=button] {
	-webkit-appearance: none;
	border-radius: 0;
    box-sizing: border-box;
    max-width: 100%;
}

a {
    text-decoration: none;
    color: #575757;
}

.wp-block-code {
    padding: 20px 50px;
    background: #f9f9f9;
    border: 1px solid #e8e8e8;
    border-radius: 3px;
}

.wpd-av button,
.wpcf7 [type="submit"],
.btn {
    background: transparent;
    color: #fff;
    padding: 10px 20px;
    display: inline-block;
    min-width: 200px;
    text-align: center;
    border-radius: 11px;
    border: 3px solid #B8232F;
    text-transform: uppercase;
    font-family: 'Montserrat';
    font-weight: bold;
    font-size: 14px;
    color: #B8232F;
    letter-spacing: 2.62px;
    text-align: center;
    line-height: 20px;
    transition: opacity 0.5s, background 0.5s, color 0.5s;
}

.wpd-av p {
    color: #fff;
}

.wpd-av button.yes:hover,
.wpd-av button {
    background: transparent;
    min-width: unset;
    padding: 15px;
    color: #fff;
    border: 2px solid #fff;
}

.wpd-av button:hover,
.wpd-av button.yes:not(:hover) {
    background: #fff;
    color: #b8242f;
}

.wpcf7 [type="submit"]:hover,
.btn:hover {
    background: #B8232F;
    color: #fff;
}

.wpcf7 [type="submit"] {
    background: #B8232F;
    color: #fff;
    width: 100%;
    line-height: 34px;
    margin-top: -10px;
}

div.wpcf7-response-output {
    border: none !important;
    padding: 0;
    margin: 0;
    font-weight: bold;
}

div.wpcf7 .ajax-loader {
    margin: 10px auto;
    display: block;
}

section.section-pullout-button .btn,
.btn.invert {
    color: #fff;
    border-color: #fff;
}

section.section-pullout-button .btn:hover,
.btn.invert:hover {
    background: #fff;
    color: #B8232F;
}

#sb_instagram {
    padding: 0 !important;
}

#sb_instagram #sbi_images {
    padding: 0 15px;
}

.wpd-av-overlay {
    background: #B8232F;
}

.wpd-av {
    background: transparent;
    color: #fff;
    width: 700px;
    max-width: 100%;
}

.wpd-av h2 {
    border: none;
}

.breadcrumbs {
    font-size: 11px;
    position: absolute;
    top: 20px;
    left: 50px;
    z-index: 99;
}

.breadcrumbs .breadcrumb-item {
    display: inline-block;
    font-family: 'Montserrat';
    font-weight: bold;
    font-size: 10px;
    color: rgba(184,35,47,0.44);
    letter-spacing: 2px;
    line-height: 20px;
    text-transform: uppercase;
    transition: color 0.5s;
}

.breadcrumbs .breadcrumb-item:hover,
.breadcrumbs .breadcrumb-item.current {
    color: rgba(184,35,47);
}

.breadcrumbs .breadcrumb-item:not(:last-child)::after {
    content: ' | ';
    display: inline-block;
    vertical-align: middle;
    margin: 0 8px;
    color: rgba(184,35,47,0.44);
}

.social-links  {
    margin-top: 20px;
}

.social-links .social-link {
    width: 50px;
    height: 50px;
    display: inline-block;
    background: #fff;
    border: 3px solid #B8232F;
    border-radius: 999px;
    margin: 0 15px;
    background-repeat: no-repeat;
    background-position: center;
    transition: opacity 0.5s;
}

.social-links:hover .social-link {
    opacity: 0.5;
}

.social-links .social-link:hover {
    opacity: 1;
}

.social-links.regular .social-link {
    border: none;
    margin-left: 0;
    width: 30px;
    height: 30px;
}

.menu li.cart-icon a,
.menu li.social-fb a,
.menu li.social-ig a {
    display: block;
    width: 20px;
    height: 18px;
    font-size: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: opacity 0.5s;
}

.menu li.cart-icon a:hover,
.menu li.social-fb a:hover,
.menu li.social-ig a:hover {
    opacity: 0.5;
}

.menu li.social-ig a,
.social-links .social-link.social-ig {
    background-image: url(../images/ico-ig.svg);
}

.menu li.social-fb a,
.social-links .social-link.social-fb {
    background-image: url(../images/ico-fb.svg);
}

.social-links .social-link.social-em {
    background-image: url(../images/ico-em.svg);
}

.menu li.cart-icon a {
    background-image: url(../images/ico-cart.svg);
}

.archive-wrapper {
    display: flex;
    flex-wrap: wrap;
}

a.single-item {
    flex: 1;
    flex-basis: 45%;
    color: #000;
    display: block;
    margin-bottom: 20px;
    background: #f7f7f7;
    padding: 20px;
    border-radius: 3px;
    margin: 5px;
}

a.single-item h3 {
    margin: 0;
}

a.single-item span {
    display: block;
    padding-top: 5px;
    font-size: 10px;
    color: #797979;
    border-top: 1px solid #e8e8e8;
}

.section-content h2 {
    color: #B8232F;
}

h1 {
    font-family: 'Futura';
    font-weight: 700;
    color: #B8232F;
    letter-spacing: 0;
    line-height: 55px;
    font-size: 65px;
    margin: 0 0 30px 0;
    text-transform: uppercase;
}

h2 {
    font-family: 'Futura';
    font-weight: 700;
    font-size: 40px;
    letter-spacing: 0;
    line-height: 40px;
    text-transform: uppercase;
}

h2.red-center {
    text-align: center;
    color: #B8232F;
}

.woocommerce ul.products li.product h3,
h3 {
    text-transform: uppercase;
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 2.62px;
    line-height: 20px;
}

h4 {
    font-family: 'Montserrat';
    font-weight: bold;
    font-size: 16px;
    text-transform: uppercase;
    color: #B8232F;
    letter-spacing: 2px;
    line-height: 26px;
}

.block-core-heading {
    overflow: hidden;
}

.block-core-heading h2 {
    color: #B8232F;
    font-size: 32px;
    margin: 30px 0 5px 0;
}

header.shuffl-header .header-logo {
    background-size: auto 42px;
}

header.shuffl-header .open-mobile-menu > div i,
header.shuffl-header .open-mobile-menu > div i::before,
header.shuffl-header .open-mobile-menu > div i::after {
    background: #b82330;
}

header.shuffl-header .header-links ul li a {
    height: 57px;
}

header.shuffl-header .mobile-menu li a {
    font-family: 'Futura';
    font-weight: 700;
}

header.shuffl-header .mobile-menu-wrapper::before {
    font-family: 'Montserrat';
    font-weight: bold;
}

header.shuffl-header .open-mobile-menu {
    width: 90px;
}

footer.shuffl-footer .footer-info ul li::before {
    content: ' ';
}

footer.shuffl-footer {
    background: url(../images/footer-bg.jpg) no-repeat;
    background-size: cover;
    padding: 60px 0;
}

footer.shuffl-footer a:hover,
footer.shuffl-footer .footer-info,
footer.shuffl-footer .footer-info a {
    color: #343434;
    font-size: 14px;
}

footer.shuffl-footer .footer-info {
    border: none;
    font-weight: 400;
    padding-bottom: 0;
    font-size: 14px;
}

footer.shuffl-footer .footer-info a:hover {
    color: #b82330;
}

footer.shuffl-footer .footer-info .menu {
    padding-left: 80px;
}

footer.shuffl-footer .footer-wrapper {
    max-width: 750px;
}

footer.shuffl-footer .footer-nav a {
    font-family: 'Montserrat';
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 40px;
    color: #B8232F;
    transition: opacity 0.5s;
}

footer.shuffl-footer .footer-nav a:hover {
    opacity: 0.5;
}

footer.shuffl-footer .footer-nav ul li:first-child a {
    color: #000;
}

footer.shuffl-footer .footer-nav ul li.hidden {
    opacity :0;
    visibility: hidden;
    pointer-events: none;
}

footer.shuffl-footer .footer-logo {
    width: 110px;
    height: 116px;
}



.stockists-results {
    flex: 1;
    order: 2;
}

.stockists-map {
    flex: 1;
    order: 3;
}

.stockists-map .google-map {
    height: 100%;
}

.section-stockists .wrapper {
    display: flex;
    height: 628px;
    background: #F8F7F2;
}

.section-stockists .results-wrap {
    width: 498px;
    margin: 70px auto;
    max-height: calc(100% - 140px);
    max-width: 100%;
    padding: 0 20px;
}

.stockist-modal {
    color: #B8232F;
    position: relative;
}

.section-stockists .results-wrap .results {
    max-height: 461px;
    overflow: scroll;
    color: #B8232F;
    margin-top: 27px;
}

.stockist-modal .stockist-tile,
.section-stockists .results-wrap .stockist-tile {
    padding: 60px 50px;
    background: #fff;
    border: 5px solid #B8232F;
    margin-bottom: 20px;
    border-radius: 9px;
}

.stockist-modal::after {
    content:'';
    display: block;
    position: absolute;
    background: url(../images/modal-bottom.png) no-repeat;
    width: 70px;
    height: 28px;
    bottom: -23px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9999;
}

.stockist-modal .stockist-tile {
    margin: 0;
    padding: 50px;
}

.stockist-tile .get-directions {
    font-family: 'Montserrat';
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
    color: #B8232F;
    letter-spacing: 2.62px;
    line-height: 20px;
    margin-top: 15px;
    display: block;
    transition: color 0.5s;
}

.stockist-tile .get-directions:hover {
    color: #000;
}

.stockist-modal .stockist-tile .stockist-address,
.section-stockists .results-wrap .stockist-tile .stockist-address {
    font-size: 16px;
    color: #3A3A3A;
    letter-spacing: 0;
    line-height: 26px;
}

.stockist-modal .stockist-tile .stockist-address::before,
.section-stockists .results-wrap .stockist-tile .stockist-address::before {
    content: 'Address:';
    font-family: 'Maison Neue';
    display: block;
}

.stockist-modal .stockist-tile h2,
.section-stockists .results-wrap .stockist-tile h2 {
    margin-top: 0;
    margin-bottom: 32px;
    font-size: 30px;
    letter-spacing: 0;
    line-height: 30px;
}

.section-stockists .results-wrap .results > h3 {
    margin: 0 0 27px 0;
}

.section-stockists .search-wrap {
    display: flex;
    flex-wrap: wrap;
}

.section-stockists .results-wrap .search-wrap input {
    flex: 1;
    background: #fff;
    margin-right: 13px;
    font-size: 16px;
    color: #C02736;
    letter-spacing: 0;
    line-height: 26px;
    text-transform: none;
    font-family: 'Maison Neue';
    padding: 19px 50px 19px 22px;
    background-image: url(../images/location-mark.svg);
    background-repeat: no-repeat;
    background-position: right 20px center;
    max-width: 100%;
}

.section-stockists .results-wrap .search-wrap input::placeholder {
    color: #C02736;
}

.section-stockists .results-wrap .search-wrap button {
    height: 70px;
    width: 70px;
    background: #B8232F url(../images/search-btn.svg) no-repeat center;
    border: none;
    font-size: 0;
    border-radius: 11px;
}

.gm-style .gm-style-iw-c {
    padding: 0;
    background: transparent;
    box-shadow: none;
    overflow: visible;
}

.gm-style .gm-style-iw-d {
    overflow: visible !important;
}

.gm-style .gm-style-iw-c button {
    top: 10px !important;
    right: 10px !important;
}

.gm-style .gm-style-iw-d::-webkit-scrollbar {display: none;}


.gm-style .gm-style-iw-t::after {
    display: none;
}

@media(max-width: 1100px) {
    .section-stockists .wrapper {
        flex-direction: column;
        height: auto;
    }

    .stockists-map {
        height: 110vw;
        order: 1;
        max-height: 500px;
    }

    .section-stockists .results-wrap {
        margin-bottom: 0;
        max-height: unset;
    }

    .section-stockists .results-wrap .results {
        max-height: unset;
        padding-bottom: 30px;
    }
}

@media(max-width: 470px) {
    .section-stockists .results-wrap .search-wrap button {
        flex-basis: 100%;
        margin-top: 10px;
    }

    .section-stockists .results-wrap .search-wrap input {
        margin: 0;
    }

    .stockist-modal .stockist-tile, .section-stockists .results-wrap .stockist-tile {
        padding: 30px;
    }

    .stockist-modal .stockist-tile h2, .section-stockists .results-wrap .stockist-tile h2 {
        font-size: 24px;
    }
}




.buttons-wrap {
    margin-top: 30px;
}

.shuffl-edit-page {
    background-color: #b8232f;
}

.wpcf7 select,
.wpcf7 input:not([type="submit"]),
.wpcf7 textarea {
    font-family: 'Maison Neue';
    font-weight: 500;
    font-size: 16px;
    color: #B8232F;
    letter-spacing: 0;
    line-height: 26px;
    width: 100%;
    background: #fff;
    height: 69px;
    -webkit-appearance: none;
    border: 4px solid #B8232F;
    border-radius: 9px;
    padding: 20px;
    resize: none;
}

.wpcf7 textarea {
    height: 127px;
}

.wpcf7 input::placeholder {
    color: #B8232F;
}

.wpcf7 select {
    background: url(../images/ico-dd.svg) no-repeat;
    background-position: right 15px center;
}

.wpcf7 .form-row {
    display: flex;
    flex-wrap: wrap;
}

.wpcf7 .form-row > * {
    flex: 1;
    flex-basis: calc(50% - 10px);
    width: 50%;
}

.wpcf7 .form-row > *:first-child {
    margin-right: 20px;
}

.wpcf7 label span {
    font-family: 'Maison Neue';
    font-size: 16px;
    font-weight: 500;
    color: #B8232F;
    letter-spacing: 0;
    line-height: 26px;
    display: block;
    margin-bottom: 6px;
}

.wpcf7-form-control-wrap {
    display: block;
}

.wpcf7 label span.wpcf7-form-control-wrap,
.wpcf7-form-control-wrap {
    margin-bottom: 20px;
    display: block;
}

span.wpcf7-not-valid-tip {
    color: #575757;
    font-size: 14px;
    padding: 5px 0 0 0;
}

footer.shuffl-footer,
main > .wp-block-image,
main > section,
body > section {
    border: 30px solid #fff;
    border-width: 0 30px;
    margin: 30px 0;
}

main > .block-core-heading:first-child h1 {
    margin-top: 50px;
}

main > .block-core-paragraph:last-child {
    padding-bottom: 50px;
}

main > section.container {
    border: none;
    margin: 0 auto;
}

main > section.block-core-columns {
    padding: 0 0 50px 0;
    margin-top: 60px;
}

main > section.block-core-columns strong {
    color: #000;
}

main > section:first-child {
    margin-top: 0;
}

.woocommerce-checkout main,
.woocommerce-cart main {
    padding: 100px 0;
}

section.section-content-quote,
section.section-content {
    margin: 30px 0;
    background: #F8F7F2;
}

section.section-content-quote {
    padding: 100px 0;
}

section.section-content-quote .inner-content strong {
    font-weight: 200;
    color: #B8232F;
}

section.section-content-quote h2 {
    color: #B8232F;
}

.section-content .wrapper.layout-full .content-wrapper {
    padding: 160px 180px;
}

section.section-banner {
    background: url(../images/banner-bg.jpg);
    background-size: cover;
}

.section-banner .banner-dingo-can {
    height: 520px;
    width: 420px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    max-width: 100%;
}

.section-banner .wrapper.small .banner-dingo-can {
    transform: none;
    bottom: -96px;
    top: unset;
}

section.section-banner .container {
    height: 692px;
    display: flex;
    align-items: center;
    position: relative;
}

section.section-banner .inner {
    width: 410px;
}

section.section-banner .wrapper.small .container {
    height: auto;
}

section.section-banner .wrapper.small .inner {
    padding: 140px 0 86px 0;
}

.section-banner .wrapper {
    overflow: visible;
}

section.section-pullout-button {
    background: #B8232F;
    color: #fff;
}

section.section-pullout-button .container {
    max-width: 850px;
}


.section-newsletter {
    background: url(../images/newsletter-bg.jpg) no-repeat;
    background-size: cover;
    position: relative;
    margin: 30px 0;
}

.section-newsletter::before {
    content: '';
    display: block;
    height: 250px;
    width: 100%;
    position: absolute;
    background: url(../images/can.png) no-repeat center;
    background-size: contain;
    left: 0;
    top: -45px;
}

body.single-product .section-newsletter::before {
    display: none;
}

.section-newsletter .wrapper {
    display: block;
    padding-top: 230px;
    padding-bottom: 70px;
}

body.single-product .section-newsletter .wrapper {
    padding-top: 80px;
}

.section-newsletter .content-wrapper {
    max-width: unset;
    text-align: center;
}

.section-newsletter .form-wrapper form {
    float: none;
    margin: 0 auto;
    height: 72px;
}

.section-newsletter h3 {
    font-family: 'Futura';
    font-weight: 700;
    font-size: 40px;
    color: #B8232F;
    letter-spacing: 0;
    line-height: 40px;
    margin: 0 0 20px 0;
}

.section-newsletter .content-wrapper span {
    font-family: 'Montserrat';
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
    color: #780117;
    letter-spacing: 2.62px;
    line-height: 20px;
}

.section-newsletter .form-wrapper {
    margin-top: 20px;
}

.section-newsletter .form-wrapper button {
    max-width: 130px;
    min-width: unset;
    background: #B8232F;
    color: #fff;
    font-family: 'Futura';
    letter-spacing: 1px;
    line-height: 20px;
    padding: 10px 36px;
    cursor: pointer;
}

.section-newsletter .form-wrapper button:hover {
    background: transparent;
    color: #B8232F;
}

.section-stockists .search-wrap input,
.section-newsletter .form-wrapper input[type="email"] {
    border-radius: 11px;
    border: 3px solid #B8232F;
    color: #B8232F;
    width: 360px;
    background: transparent;
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 20px;
}

.section-newsletter .form-wrapper input[type="email"]::placeholder {
    color: rgba(184, 35, 47, 0.64);
}

.section-newsletter .newsletter-social-wrap {
    margin-top: 70px;
    text-align: center;
}

.section-newsletter .newsletter-social-wrap .instagram-handle {
    font-family: 'Montserrat';
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
    color: #B8232F;
    letter-spacing: 2.62px;
    text-align: center;
    line-height: 20px;
}

.section-newsletter .form-wrapper .form-result {
    text-align: center;
    font-size: 14px;
    font-weight: bold;
}

section.section-icons {
    background: #B8232F;
    color: #fff;
}

section.section-icons h3 {
    font-family: 'Futura';
    font-size: 40px;
    color: #FFFFFF;
    letter-spacing: 0;
    text-align: center;
    line-height: 40px;
    margin: 0 0 15px 0;
}





/*
 *
 * WOOCOMMERCE
 *
 */

.woocommerce div.product,
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    float: none;
    width: 100%;
    margin: 0;
    background: #F5F5F5;
    border: 30px solid #fff;
    padding: 120px;
    height: 830px;
}

.woocommerce.single-product div.product {
    border-width: 0 30px;
    height: auto;
    padding: 120px 120px 100px 120px;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product:first-child {
    border-top: none;
}

.woocommerce-page ul.products li.product:nth-child(2n) {
    background: #EFEDEB;
}

.woocommerce ul.products li.product .container, .woocommerce-page ul.products li.product .container {
    display: flex;
    position: relative;
    height: 100%;
    flex-direction: row;
    align-items: center;
}

.woocommerce ul.products li.product:nth-child(2n) .container,
.woocommerce-page ul.products li.product:nth-child(2n) .container {
    flex-direction: row-reverse;
}

.woocommerce ul.products li.product .container > *, .woocommerce-page ul.products li.product .container > * {
    flex: 1;
}

.woocommerce ul.products li.product .product-tile-inner {
    padding-left: 75px;
}

.woocommerce ul.products li.product:nth-child(2n) .product-tile-inner {
    padding-right: 75px;
    padding-left: 0;
}

.woocommerce ul.products li.product .product-tile-inner p:last-child {
    margin-bottom: 0;
}

.woocommerce ul.products li.product img {
    width: 635px;
    top: 50%;
    right: 0;
    object-fit: scale-down;
    object-position: left center;
    max-width: 56%;
}

.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h2 {
    font-family: 'Futura';
    font-size: 65px;
    text-transform: uppercase;
    color: #B8232F;
    letter-spacing: 0;
    line-height: 55px;
    padding: 0 0 20px 0;
}

.woocommerce div.product .product-inner .product-description h3,
.woocommerce ul.products li.product h3 {
    color: #B8232F;
    padding: 0 0 25px 0;
}

.woocommerce ul.products li.product .price {
    color: #575757;
}

.woocommerce .quantity,
.woocommerce div.product form.cart div.quantity {
    display: block;
    float: none;
    margin-top: 35px;
}

.woocommerce-cart .quantity {
    margin-top: 0;
}

.woocommerce-cart .quantity .qty {
    background: #F2F2F2;
    border: none;
    width: 70px;
    -moz-appearance: textfield;
    line-height: 40px;
    font-family: 'Maison Neue';
    font-size: 16px;
    font-weight: 500;
    color: #414143;
    letter-spacing: 0;
    text-align: center;
}

.woocommerce.single-product div.product form.cart div.quantity {
    margin-bottom: 30px;
}

.woocommerce .quantity .qty-btn {
    width: 44px;
    height: 44px;
    display: inline-block;
    vertical-align: top;
    background: #fff;
    text-align: center;
    padding: 0;
    line-height: 48px;
    border-radius: 999px;
    color: #b82330;
    font-weight: bold;
}

.woocommerce .quantity .minimum-qty-notice {
    font-family: 'Maison Neue';
    font-weight: 200;
    font-size: 12px;
    color: #575757;
    letter-spacing: 0;
    line-height: 26px;
    margin: 10px 0;
}

.woocommerce .product .input-text.qty {
    background: transparent;
    border: none;
    font-family: 'Montserrat';
    font-size: 20px;
    text-align: center;
    color: #B8232F;
    letter-spacing: 3.75px;
    text-align: center;
    line-height: 20px;
    outline: 0;
    -moz-appearance: textfield;
    width: 40px;
    height: 44px;
    vertical-align: top;
}

.woocommerce-cart .quantity .qty::-webkit-outer-spin-button,
.woocommerce-cart .quantity .qty::-webkit-inner-spin-button,
.woocommerce .product .input-text.qty::-webkit-outer-spin-button,
.woocommerce .product .input-text.qty::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt,
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
    background: #B8232F;
    font-family: 'Futura';
    font-weight: 400;
    font-size: 14px;
    text-transform: uppercase;
    color: #FFFFFF;
    letter-spacing: 1px;
    text-align: center;
    line-height: 20px;
    transition: opacity 0.5s;
    border-radius: 11px;
}

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
    padding: 12px 47px;
}

.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
    background: #B8232F;
    opacity: 0.8;
}

.woocommerce ul.products li.product .btn:hover {
    opacity: 0.8;
}

.woocommerce.archive .single_add_to_cart_button {
    margin-right: 10px;
}

.woocommerce ul.products li.product .btn {
    letter-spacing: 1px;
    font-family: 'Futura';
    font-weight: 400;
    font-size: 14px;
    margin-top: 10px;
}



.woocommerce div.product::after {
    content:'';
    display: block;
    clear: both;
}

.woocommerce div.product .product-inner {
    display: flex;
    height: 100%;
}

.woocommerce div.product .product-inner .product-description {
    flex: 1;
}

.woocommerce div.product .product-inner .product-images {
    flex-basis: 490px;
}

.woocommerce div.product .product-inner .product-summary {
    flex: 1;
    position: relative;
}

.woocommerce div.product .product-inner .product-summary form {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.woocommerce div.product .product-desc-wrap {
    max-width: 360px;
}

.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
    width: 100%;
    float: none;
    margin: 0;
}

.woocommerce .woocommerce-product-gallery__image {
    pointer-events: none;
    user-select: none;
}

.woocommerce-notices-wrapper {
    background: #f5f5f5;
    border: 30px solid #fff;
    border-width: 0 30px;
}

.container .woocommerce-notices-wrapper {
    border: none;
    padding: 0 20px;
}

.woocommerce-error, .woocommerce-info, .woocommerce-message {
    background: none;
    border: none;
    padding: 11px 35px;
    line-height: 37px;
    font-size: 15px;
}

.woocommerce-form-coupon-toggle .woocommerce-info {
    background: #B8232F;
    color: #fff;
}

.woocommerce-form-coupon-toggle .woocommerce-info a {
    color: #fff;
}

.woocommerce-form-coupon-toggle .woocommerce-info::before {
    display: none;
}

.woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before {
    left: 0;
    top: 11px;
}

.woocommerce table.shop_table {
    border: none;
    border-spacing: 0;
}


.woocommerce table.shop_table th {
    background: #f7f7f7;
    line-height: 42px;
}

.woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th {
    border: none;
    border-bottom: 2px solid #fff;
}

.woocommerce table.shop_table td.actions {
    background: #f7f7f7;
    padding: 0;
}

.woocommerce table.shop_table td.actions .button {
    background: #EAEAEA;
    color: #000;
    line-height: 40px;
    padding: 10px 50px;
    color: #414143;
    letter-spacing: 0;
    text-align: center;
}

.woocommerce-checkout .checkout_coupon .button,
.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce table.shop_table td.actions .button {
    border-radius: 0;
    font-family: 'Maison Neue';
    font-weight: 500;
    font-size: 16px;
    text-transform: none;
    padding: 12px 47px;
    line-height: 26px;
}

.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    line-height: 30px;
}

#add_payment_method table.cart td, #add_payment_method table.cart th,
.woocommerce-cart table.cart td, .woocommerce-cart table.cart th,
.woocommerce-checkout table.cart td, .woocommerce-checkout table.cart th {
    font-family: 'Maison Neue';
    font-weight: 500;
    font-size: 16px;
    color: #414143;
    letter-spacing: 0;
}

.woocommerce table.shop_table td {
    border-top: none;
}

.woocommerce-checkout table.shop_table .cart_item td {
    padding-bottom: 58px;
}

.woocommerce-checkout table.shop_table th,
.woocommerce-checkout table.shop_table td {
    background: #f7f7f7;
    padding: 16px 20px;
    border-bottom: 2px solid #fff;
}

.woocommerce-cart table.cart .product-thumbnail {
    min-width: 150px;
    text-align: center;
}

#add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img {
    width: 140px;
}

#add_payment_method table.cart td.actions .coupon .input-text,
.woocommerce-cart table.cart td.actions .coupon .input-text,
.woocommerce-checkout table.cart td.actions .coupon .input-text {
    padding: 10px 20px;
    opacity: 0.5;
    font-family: 'Maison Neue';
    font-weight: 400;
    font-size: 16px;
    color: #414143;
    letter-spacing: 0;
    width: 250px;
    border: none;
    background: transparent;
    line-height: 30px;
}

.woocommerce a.remove {
    background: #ABABAB;
    color: #fff!important;
    font-family: 'Maison Neue';
    font-weight: 200;
    font-size: 23px;
    line-height: 25px;
    transition: background 0.5s;
}

.woocommerce a.remove:hover {
    background: #b82330 !important;
}

.woocommerce table.cart td {
    vertical-align: top;
    padding: 20px;
}

.woocommerce .cart_totals h2 {
    font-family: 'Maison Neue';
    font-size: 16px;
    color: #414143;
    font-weight: 500;
    text-transform: none;
    letter-spacing: 0;
    line-height: 35px;
}

#add_payment_method .cart-collaterals .cart_totals table td,
#add_payment_method .cart-collaterals .cart_totals table th,
.woocommerce-cart .cart-collaterals .cart_totals table td,
.woocommerce-cart .cart-collaterals .cart_totals table th,
.woocommerce-checkout .cart-collaterals .cart_totals table td,
.woocommerce-checkout .cart-collaterals .cart_totals table th {
    background: #EAEAEA;
    font-weight: 500;
    border-bottom: 1px solid #f7f7f7;
    padding: 18px;
}

#add_payment_method .cart-collaterals .cart_totals table tr:last-child td,
#add_payment_method .cart-collaterals .cart_totals table tr:last-child th,
.woocommerce-cart .cart-collaterals .cart_totals table tr:last-child td,
.woocommerce-cart .cart-collaterals .cart_totals table tr:last-child th,
.woocommerce-checkout .cart-collaterals .cart_totals table tr:last-child td,
.woocommerce-checkout .cart-collaterals .cart_totals table tr:last-child th {
    border-bottom: 0;
}

.woocommerce-checkout table.shop_table td,
.woocommerce table.shop_table .order-total strong,
.woocommerce ul#shipping_method .amount,
.woocommerce-cart .cart_totals strong,
.woocommerce-checkout .cart_totals strong {
    font-weight: 500;
}

#add_payment_method .cart-collaterals .cart_totals table th, .woocommerce-cart .cart-collaterals .cart_totals table th, .woocommerce-checkout .cart-collaterals .cart_totals table th {
    border-right: 46px solid #f7f7f7;
    padding-left: 40px;
}

.woocommerce-checkout .wc-stripe-elements-field,
.woocommerce-checkout .wc-stripe-iban-element-field,
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
    background: #f5f5f5;
    border: none;
    font-family: 'Maison Neue';
    font-weight: 500;
    font-size: 16px;
    color: #414143;
    letter-spacing: 0;
    line-height: 22px;
    padding: 14px 20px;
    resize: none;
}

.woocommerce form .form-row input.input-text:placeholder,
.woocommerce form .form-row textarea:placeholder {
    color: rgba(65, 65, 67, 0.5);
}

.select2-container .select2-selection--single {
    height: 50px;
    border-radius: 0;
    border: none;
    background: #f5f5f5;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 50px;
    padding-left: 20px;
    text-align: left;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 50px;
    width: 40px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    margin-top: 1px;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-width: 5px 4px 0 4px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b::before {
    content: '';
    border-color: transparent transparent #888 transparent;
    border-style: solid;
    border-width: 0 4px 5px 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -14px;
    position: absolute;
    top: 50%;
    width: 0;
}

.select2-dropdown {
    background: #f5f5f5;
    border: none;
}

.select2-search--dropdown .select2-search__field, .select2-container--default .select2-search--dropdown .select2-search__field {
    background: #ddd;
    border: none;
    font-family: 'Maison Neue';
    font-weight: 500;
    font-size: 16px;
    color: #414143;
    padding: 9px 20px;
}

form.woocommerce-checkout h3 {
    font-family: 'Maison Neue';
    font-weight: 500;
    font-size: 16px;
    text-transform: none;
    color: #414143;
    letter-spacing: 0;
    line-height: 35px;
}

#order_review_heading {
    margin-bottom: 47px;
}

.woocommerce form .form-row label, .woocommerce-page form .form-row label {
    font-weight: 500;
}

.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {
    border-radius: 0;
}

.woocommerce form .form-row {
    padding: 0;
    margin: 0 0 10px 0;
}

.woocommerce-page form.checkout_coupon .form-row-last {
    float: left;
    margin-left: 15px;
}

#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box {
    background: transparent;
    padding: 0;
}

#add_payment_method #payment div.payment_box::before,
.woocommerce-cart #payment div.payment_box::before,
.woocommerce-checkout #payment div.payment_box::before {
    display: none;
}

#add_payment_method #payment div.form-row, .woocommerce-cart #payment div.form-row, .woocommerce-checkout #payment div.form-row {
    padding: 0;
}

#add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods {
    padding: 0;
}

#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
    background: transparent;
}

.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
    float: none;
    width: 100%;
    border-radius: 0;
}

.woocommerce ul.order_details {
    padding: 0;
}
.woocommerce ul.order_details li {
    display: block;
    float: none;
    padding: 23px 23px;
    margin: 0;
    background: #F0F0F0;
    border: 0;
    border-bottom: 1px solid rgba(166, 174, 186, 0.35);
    font-family: 'Maison Neue';
    font-weight: 500;
    font-size: 12px;
    color: rgba(0, 0, 0, 0.5);
    letter-spacing: 0;
    line-height: 14px;
}

.woocommerce ul.order_details li strong {
    font-size: 20px;
    color: #414143;
    letter-spacing: 0;
    padding-top: 7px;
    line-height: 21px;
}

.woocommerce .woocommerce-thankyou-order-received {
    font-family: 'Maison Neue';
    font-size: 14px;
    color: rgba(0, 0, 0, 0.5);
    letter-spacing: 0;
    margin-bottom: 40px;
    margin-top: 0;
}




@media(max-width: 1300px) {

    .breadcrumbs {
        left: 20px;
    }

    .container {
        padding: 0 20px;
    }

    main > section.container {
        padding: 0 50px;
    }

    section.section-banner .container {
        height: auto;
    }

    section.section-banner .inner, .section-banner .wrapper .inner {
        width: 50%;
        padding: 100px 0;
    }

    .woocommerce ul.products li.product img {
        max-width: 40%;
    }

    .woocommerce div.product .product-inner {
        flex-wrap: wrap;
    }

    .woocommerce div.product .product-inner .product-description {
        flex-basis: 100%;
        padding-bottom: 50px;
    }

    .woocommerce div.product .product-inner .product-images {
        flex-basis: 100%;
        text-align: center;
    }

    .woocommerce div.product div.images img {
        height: 70vw;
        width: auto;
        margin: 0 auto;
        max-height: 500px;
    }

    .woocommerce div.product .product-inner .product-summary {
        flex-basis: 100%;
    }

    .woocommerce div.product .product-inner .product-summary form {
        position: initial;
    }

    .woocommerce div.product .product-desc-wrap {
        max-width: unset;
    }

    .woocommerce.single-product div.product {
        padding: 100px 0 0 0;
    }
}


@media(max-width: 1200px) {
    header.shuffl-header .mobile-menu-wrapper {
        width: 100vw;
        left: -100vw;
    }

    .section-content .wrapper.layout-full .content-wrapper {
        padding: 160px 50px;
    }

    footer.shuffl-footer .footer-wrapper {
        max-width: unset;
        overflow: hidden;
    }

    footer.shuffl-footer .footer-logo {
        margin: 0 auto;
    }
}

@media(max-width: 1000px) {

    .section-content .wrapper.layout-full .content-wrapper {
        padding: 50px 20px;
    }

    .section-content .aligned-image {
        height: 60vw;
    }

    .breadcrumbs {
        display: none;
    }

    .woocommerce.single-product div.product {
        padding: 20px 0;
    }

    .woocommerce ul.products li.product .woocommerce-loop-category__title,
    .woocommerce ul.products li.product .woocommerce-loop-product__title,
    .woocommerce ul.products li.product h2,
    h1 {
        font-size: 44px;
        line-height: 40px;
    }

    h2 {
        font-size: 26px;
        line-height: 30px;
    }

    section.section-pullout-button {
        padding: 50px 0;
    }

    .section-banner .banner-dingo-can {
        position: initial;
        transform: none;
        margin: 0 auto;
        height: 62vw;
        margin-top: 50px;
        max-height: 400px;
    }

    section.section-banner .container {
        flex-direction: column-reverse;
        flex-wrap: wrap;
    }

    section.section-banner .inner, .section-banner .wrapper .inner, section.section-banner .wrapper.small .inner {
        width: 100%;
        padding: 20px 0 50px 0;
    }

    section.section-banner .wrapper.small .inner {
        padding: 50px 0;
    }

    section.section-content-quote {
        padding: 50px 0;
    }

    img.rounded-image {
        height: auto;
    }

    .woocommerce ul.products li.product img {
        margin: 30px auto;
    }

    .woocommerce ul.products li.product:nth-child(2n) .product-tile-inner,
    .woocommerce ul.products li.product .container > *, .woocommerce-page ul.products li.product .container > * {
        flex-basis: 100%;
        padding: 0;
    }

    .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
        float: none;
        width: 100%;
        margin: 0;
    }

    .woocommerce div.product, .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
        height: auto;
        padding: 20px 0;
    }

    .woocommerce ul.products li.product .container, .woocommerce-page ul.products li.product .container {
        flex-wrap: wrap;
    }

    .wp-block-columns {
        flex-wrap: wrap;
    }

    .wp-block-column, .wp-block-column:not(:first-child) {
        flex-basis: 100%!important;
        margin: 20px 0;
    }
}

@media(max-width: 800px) {
    footer.shuffl-footer .footer-info .menu {
        padding: 0;
    }

    body.admin-bar header.shuffl-header .mobile-menu-wrapper {
        top: 0;
        height: 100vh;
    }
}

@media(max-width: 782px) {
    body.admin-bar header.shuffl-header {
        top: 0;
    }
}

@media(max-width: 600px) {
    .section-newsletter .form-wrapper form {
        height: auto;
    }

    .section-newsletter .form-wrapper button,
    .section-newsletter .form-wrapper input[type="email"] {
        width: 100%;
        display: block;
        max-width: unset;
    }


    header.shuffl-header .header-logo {
        background-size: contain;
        width: calc(100vw - 150px);
        max-width: 200px;
    }

    header.shuffl-header .mobile-menu-wrapper .mobile-menu {
        padding: 0 20px;
        text-align: center;
    }

    header.shuffl-header .mobile-menu-wrapper .mobile-menu > div {
        flex: 1;
    }

    header.shuffl-header .mobile-menu li a {
        font-size: 40px;
        line-height: 65px;
    }

    header.shuffl-header .mobile-menu-wrapper::before {
        display: none;
    }

    .woocommerce ul.products li.product img {
        max-width: 100%;
    }

    .wpcf7 .form-row > * {
        flex-basis: 100%;
        margin: 0;
        width: 100%;
        margin: 0 0 20px 0;
    }

    .wpcf7 .form-row > *:first-child {
        margin: 0 0 20px 0;
    }

    #add_payment_method table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text {
        width: 100%;
        margin: 0;
    }

    .woocommerce #content table.cart td.actions .coupon .button,
    .woocommerce #content table.cart td.actions .coupon .input-text,
    .woocommerce #content table.cart td.actions .coupon input,
    .woocommerce table.cart td.actions .coupon .button,
    .woocommerce table.cart td.actions .coupon .input-text,
    .woocommerce table.cart td.actions .coupon input,
    .woocommerce-page #content table.cart td.actions .coupon .button,
    .woocommerce-page #content table.cart td.actions .coupon .input-text,
    .woocommerce-page #content table.cart td.actions .coupon input,
    .woocommerce-page table.cart td.actions .coupon .button,
    .woocommerce-page table.cart td.actions .coupon .input-text,
    .woocommerce-page table.cart td.actions .coupon input {
        width: 100%;
    }

    .woocommerce #content table.cart td.actions .coupon, .woocommerce table.cart td.actions .coupon, .woocommerce-page #content table.cart td.actions .coupon, .woocommerce-page table.cart td.actions .coupon {
        padding: 0;
    }
}

@media(max-width: 500px) {

    header.shuffl-header .header-links {
        display: none;
    }

}


/**** Dingo Blog Styling  ****/

section.section-blog{
  margin-bottom: 100px;
}

body.blog section.section-banner .inner > h1{
  margin-bottom: 10px;
}

.archive-wrapper{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
}

.blog-tile{
  transition: all 0.5s ease-in-out;
}

.blog-tile:not(.loading-post){
  opacity: 1;
}

.blog-tile.loading-post{
  opacity: 0;
}

.blog-tile:not(.feature-tile){
  flex-basis: 555px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin-bottom: 50px;
  text-decoration: none;
}

.blog-tile:not(.feature-tile) .tile-image{
  height: 505px;
  background-size: cover;
  background-repeat: no-repeat;
}

.blog-tile:not(.feature-tile) .tile-content{
  margin-top: 50px;
}

.blog-tile .tile-content .post-information{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 30px;
}

.blog-tile .tile-content .post-information .tile-author{
  font-family: 'Montserrat';
  font-weight: 700;
  font-size: 16px;
  color: #B8232F;
  letter-spacing: 2px;
  line-height: 26px;
  text-transform: uppercase;
  transition: all 0.5s ease-in-out;
}

.blog-tile .tile-content .post-information .tile-date{
  font-family: 'Montserrat';
  font-weight: 700;
  font-size: 16px;
  color: #B8232F;
  letter-spacing: 2px;
  text-align: right;
  line-height: 26px;
  transition: all 0.5s ease-in-out;
}

.blog-tile .tile-content .tile-title{
  font-family: 'Futura';
  font-weight: 700;
  font-size: 40px;
  color: #B8232F;
  letter-spacing: 0;
  line-height: 40px;
  text-transform: uppercase;
  margin-bottom: 30px;
  transition: all 0.5s ease-in-out;
}

.blog-tile .tile-content .tile-excerpt{
  font-family: 'Maison Neue';
  font-weight: 500;
  font-size: 16px;
  color: #575757;
  letter-spacing: 0;
  line-height: 26px;
  transition: all 0.5s ease-in-out;
}

/*** Hover Effect Styling ***/

.blog-tile .tile-image{
  transition: all 0.5s ease-in-out;
}

.blog-tile:hover .tile-image{
  opacity: 0.6;
}

.blog-tile:hover .tile-content .tile-title,
.blog-tile:hover .tile-content .post-information .tile-date,
.blog-tile:hover .tile-content .post-information .tile-author{
  color: #B8232FA0;
}

.blog-tile:hover .tile-content .tile-excerpt{
  color: #575757A0;
}



/*** Featured Article styling ***/

section.section-blog .archive-wrapper .blog-tile.feature-tile{
  min-width: 100vw;
  flex-basis: unset;
  height: 630px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  margin-bottom: 50px;
  text-decoration: none;
  border: 30px solid #ffffff;
  border-top: none;
  position: relative;
  left: calc(571px - 50vw);
  right: calc(571px - 50vw);
}

section.section-blog .archive-wrapper .blog-tile.feature-tile.rectangular-tile{
    height: 550px;
}

section.section-blog .archive-wrapper .blog-tile.feature-tile .tile-image{
  flex-basis: 720px;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position:  center center;
}

section.section-blog .archive-wrapper .blog-tile.feature-tile .tile-content{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  background: #F8F7F2;
  flex-basis: calc(100% - 720px);
  height: 100%;
  padding: 0px 150px;
}

section.section-blog .archive-wrapper .blog-tile.feature-tile .tile-content .post-information{
  display: flex;
  flex-direction: column-reverse;
  justify-content: flex-start;
}

section.section-blog .archive-wrapper .blog-tile.feature-tile .tile-content .post-information .tile-date{
  margin-bottom: 5px;
  text-align: left;
}

section.section-blog .archive-wrapper .blog-tile.feature-tile .tile-content .tile-title{
  margin-bottom: 30px;
}

@media(max-width: 1350px){


  section.section-blog .archive-wrapper .blog-tile.feature-tile .tile-content{
    padding: 0px 100px;
    flex-basis: 50%;
  }

  section.section-blog .archive-wrapper .blog-tile.feature-tile .tile-image{
    flex-basis: 50%;
  }

}

@media(max-width: 1300px){

  body.page-id-1015 .block-core-shortcode.container{
    padding: unset;
  }

  section.section-blog .wrapper > .container{
    padding: unset;
  }

  section.section-blog .archive-wrapper{
    justify-content: space-between;
  }

  section.section-blog .blog-tile:not(.feature-tile){
    flex-basis: 49%;
  }

}

@media(max-width: 1142px){

  section.section-blog .archive-wrapper .blog-tile.feature-tile{
    left: unset;
    right: unset;
    min-width: unset;
    flex-basis: 100%;
    border-left: none;
    border-right: none;
  }

  section.section-blog .archive-wrapper .blog-tile.feature-tile .tile-content{
    padding: 0px 50px;
  }

}

@media(max-width:1000px){

  section.section-blog .archive-wrapper .blog-tile{
    margin-bottom: 30px;
  }

  section.section-blog .archive-wrapper .blog-tile.feature-tile{
    margin-bottom: 30px;
  }

}

@media(max-width: 900px){

  section.section-blog .archive-wrapper .blog-tile{
    margin-bottom: 40px;
  }

  section.section-blog .archive-wrapper .blog-tile.feature-tile{
    flex-direction: column;
    height: auto;
  }

  section.section-blog .archive-wrapper .blog-tile.feature-tile.rectangular-tile{
      height: auto;
  }

  section.section-blog .archive-wrapper .blog-tile.feature-tile .tile-image{
    max-height: 450px;
    height: calc(100vw - 60px);
    flex-basis: unset;
  }

  section.section-blog .archive-wrapper .blog-tile.feature-tile.rectangular-tile .tile-image,
  section.section-blog .archive-wrapper .blog-tile.rectangular-tile .tile-image{
    height: calc(80vw - 60px);
  }

  section.section-blog .archive-wrapper .blog-tile.feature-tile .tile-content .post-information{
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
  }

  section.section-blog .archive-wrapper .blog-tile.feature-tile .tile-content{
    flex-basis: unset;
    height: unset;
  }

  section.section-blog .archive-wrapper .blog-tile.feature-tile .tile-content .tile-title{
    margin-bottom: 10px;
  }

  section.section-blog .archive-wrapper .blog-tile.feature-tile .tile-content{
    padding: 30px 20px;
  }

}

@media(max-width: 600px){

  section.section-blog .archive-wrapper .blog-tile .tile-content .tile-title{
    font-size: 35px;
    line-height: 35px;
  }

}


/*** Blog Navigation  ***/

section.section-blog .blog-navigation{
  display: flex;
  flex-direction: row;
  justify-content: center;
}

section.section-blog .blog-navigation .load-more{
  cursor: pointer;
  pointer-events: all;
  transition: all 0.5s ease-in-out;
}

section.section-blog .blog-navigation .load-more.all-posts{
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}


/** Internal Blog Page Styling  **/

body.single-post section.section-banner .container{
  flex-direction: column;
  align-items: flex-start;
}

body.single-post section.section-banner .container .inner{
  width: 80%;
  max-width: 780px;
}

.banner-info{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  padding-bottom: 40px;
}

.banner-info .author-name{
  font-family: 'Montserrat';
  font-weight: 700;
  font-size: 16px;
  color: #B8232F;
  letter-spacing: 2px;
  line-height: 26px;
  text-transform: uppercase;
}

.banner-info .blog-date{
  font-family: 'Montserrat';
  font-weight: 700;
  font-size: 16px;
  color: #B8232F;
  letter-spacing: 2px;
  line-height: 26px;
}

.banner-info .blog-extra{
  display: flex;
  flex-direction: row;
}

.banner-info .blog-extra .estimated-reading{
  font-family: 'Montserrat';
  font-weight: 700;
  font-size: 16px;
  color: #B8232F;
  letter-spacing: 2px;
  line-height: 26px;
  text-transform: uppercase;
  margin-right: 20px;
}

.banner-info .blog-extra .share-actions .sharethis-inline-share-buttons{
  display: inline-block;
}

.banner-info .blog-extra .share-actions .sharethis-inline-share-buttons .st-btn{
  display: inline-block !important;
  background-color: transparent !important;
  height: 22px !important;
  width: 22px !important;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.banner-info .blog-extra .share-actions .sharethis-inline-share-buttons .st-btn.st-first{
  margin-right: 30px !important;
}

.banner-info .blog-extra .share-actions .sharethis-inline-share-buttons .st-btn[data-network='facebook']{
  background-image: url('../images/facebook-share.svg');
}

.banner-info .blog-extra .share-actions .sharethis-inline-share-buttons .st-btn[data-network='sharethis']{
  background-image: url('../images/external-share.svg');
}

.banner-info .blog-extra .share-actions .sharethis-inline-share-buttons .st-btn img{
  display: none!important;
}

@media(max-width: 1300px){

  section.section-blog-details .container{
    padding: 0px;
  }

}

@media(max-width: 800px){

  .banner-info{
    flex-wrap: wrap;
  }

  section.section-blog-details .banner-info .blog-extra{
    min-width: unset;
    flex-basis: 100%;
    margin-top: 40px;
  }

  section.section-banner .banner-info .blog-extra{
    min-width: unset;
  }

  section.section-banner .banner-info .blog-extra .estimated-reading{
    display: none;
  }

}

@media(max-width: 600px){

  section.section-banner .banner-info .author-name{
    display:none;
  }

}

/*** Single Post Content ***/

body.single-post .container .single-wrapper .block-core-image{
  position: relative;
  left: calc(571px - 50vw);
  right: calc(571px - 50vw);
  min-width: 100vw;
  max-width: unset;
  margin: 70px auto;
}

body.single-post .container .single-wrapper .block-core-image:first-child{
  margin-top: unset;
}

body.single-post .container .single-wrapper .block-core-image .wp-block-image{
  margin-bottom: unset;
  height: auto;
}

body.single-post .container .single-wrapper .block-core-image figure{
  margin-block-start: 0px;
  margin-block-end: 0px;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  min-width: 100%;
}

body.single-post .container .single-wrapper figure img{
  width: 100%;
  height: 30vw;
}

body.single-post .container .single-wrapper .block-core-image figure figcaption{
  margin-top: 0px;
  margin-bottom: 0px;
  margin: 0px auto;
  max-width: var(--container-size);
  color: #575757A0;
}

body.single-post .container .single-wrapper .block-core-image figure figcaption > a{
  font-family: 'Maison Neue';
  font-weight: 200;
  font-size: 16px;
  color: #575757A0;
  font-size: 16px;
  line-height: 1.8;
  text-decoration: underline solid currentColor;
}

body.single-post .container .single-wrapper section.section-pullout-button{
  color: #B8232F;
  background: #FFFFFF;
  padding: 100px 0px;
}

@media(max-width: 1300px){

  body.single-post main > .container,
  body.single-post .container .single-wrapper .block-core-image{
    padding: unset;
  }

}

@media(max-width: 1142px){

  body.single-post .container .single-wrapper .block-core-image{
    left: unset;
    right: unset;
    min-width: calc(100% - 60px);
    max-width: unset;
    margin: 70px auto;
    padding: 0px 30px;
  }

  body.single-post .container .single-wrapper .block-core-image figure{
    height: auto;
  }

  body.single-post .container .single-wrapper .block-core-paragraph.container,
  body.single-post .container .single-wrapper .container{
    padding: 0px 30px;
  }

  body.single-post .container .single-wrapper section.section-pullout-button{
    padding: 50px 0px;
  }


}


/*** Related Post Styling ***/

section.section-related-articles{
  margin-bottom: 80px;
}

section.section-related-articles .related-article-heading{
  font-family: 'Futura';
  font-weight: 700;
  font-size: 40px;
  color: #B8232F;
  letter-spacing: 0;
  line-height: 40px;
  text-transform: uppercase;
  margin-bottom: 50px;
}

section.section-related-articles .article-wrapper{
  display:flex;
  flex-direction: row;
  justify-content: space-between;
}

section.section-related-articles .article-wrapper .blog-tile{
  flex-basis: 49%;
}

@media(max-width: 1300px){

  section.section-related-articles .container{
    padding: 0px;
  }

}

@media(max-width: 800px){

  section.section-related-articles .article-wrapper,
  section.section-blog .archive-wrapper{
    flex-wrap: wrap;
  }

  section.section-related-articles .article-wrapper .blog-tile,
  section.section-blog .archive-wrapper .blog-tile{
    flex-basis: 100%;
     background-color: #F8F7F2;
  }

  section.section-related-articles .article-wrapper .blog-tile .tile-image,
  section.section-blog .archive-wrapper .blog-tile .tile-image{
    max-height: 450px;
    height: calc(100vw - 60px);
  }

  section.section-related-articles .article-wrapper .blog-tile .tile-content,
  section.section-blog .archive-wrapper .blog-tile .tile-content{
    padding: 20px 10px;
    margin-top: 10px;
  }


}

@media(max-width: 600px){

  section.section-related-articles .article-wrapper .blog-tile .tile-content .tile-title,
  section.section-blog .archive-wrapper .blog-tile .tile-content .tile-titlej{
    font-size: 35px;
    line-height: 35px;
  }

  section.section-related-articles .article-wrapper .blog-tile .tile-content .post-information,
  section.section-blog .archive-wrapper .blog-tile .tile-content .post-information{
    margin-bottom: 10px;
  }

  section.section-related-articles .article-wrapper .blog-tile .tile-content .tile-title,
  section.section-blog .archive-wrapper .blog-tile .tile-content .tile-title{
    margin-bottom: 10px;
  }


  section.section-related-articles .article-wrapper .blog-tile .tile-content .tile-excerpt,
  section.section-blog .archive-wrapper .blog-tile .tile-content .tile-excerpt{
    margin-bottom: 10px;
  }

  section.section-related-articles .article-wrapper .blog-tile .tile-content .tile-excerpt,
  section.section-blog .archive-wrapper .blog-tile .tile-content .tile-excerpt{
    display: none;
  }

}


@media(max-width: 375px){

  section.section-related-articles .article-wrapper .blog-tile .tile-content .post-information,
  section.section-blog .archive-wrapper .blog-tile .tile-content .post-information{
    justify-content: center;
  }

  section.section-related-articles .article-wrapper .blog-tile .tile-content .post-information .tile-author,
  section.section-blog .archive-wrapper .blog-tile .tile-content .post-information .tile-author{
    display: none;
  }

  section.section-related-articles .article-wrapper .blog-tile .tile-content .tile-title,
  section.section-blog .archive-wrapper .blog-tile .tile-content .tile-title{
    text-align: center;
  }


}

/** Share this modal **/

.st-btns .st-btn > span{
  text-transform:capitalize;
}

.st-logo, .st-disclaimer{
  display: none !important;
}


/*** Dingo Blog Polls ***/

.bootstrap-yop{
    padding: 40px 0px;
    margin-bottom: 0px;
}

.bootstrap-yop .basic-yop-poll-container{
    margin-bottom: 0px;
    padding: 40px !important;
    border-radius: 7px !important;
    border-color: #B8232F !important;
}

.bootstrap-yop .basic-yop-poll-container form .basic-elements .basic-question .basic-question-title h5{
    font-family: 'Futura';
    font-weight: 700 !important;
    font-size: 40px !important;
    color: #B8232F !important;
    letter-spacing: 0;
    line-height: 40px;
    text-transform: uppercase;
    margin-bottom: 30px !important;

}

.bootstrap-yop .basic-yop-poll-container form .basic-elements .basic-answers .basic-answer-content .basic-text{
    font-family: 'Maison Neue' !important;
    font-weight: 200 !important;
    font-size: 16px !important;
    color: #575757 !important;
    text-transform: none;
}

.bootstrap-yop .basic-yop-poll-container form .basic-element.basic-custom-field{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 15px;
}

.bootstrap-yop .basic-yop-poll-container form .basic-element.basic-custom-field .basic-custom-field-title{
    margin-right: unset;
    flex-basis: 100%;
}

.bootstrap-yop .basic-yop-poll-container form .basic-element.basic-custom-field .basic-custom-field-title label{
  display: none;
  visibility: none;
}

.bootstrap-yop .basic-yop-poll-container form .basic-element.basic-custom-field .basic-custom-field-title h3{
  font-family: 'Futura';
  font-weight: 700;
  font-size: 40px;
  color: #B8232F;
  letter-spacing: 0;
  line-height: 40px;
  margin: 0 0 20px 0;
}

.bootstrap-yop .basic-yop-poll-container form .basic-element.basic-custom-field .basic-custom-field-title span{
  font-family: 'Montserrat';
  font-weight: 600;
  text-transform: uppercase;
  font-size: 14px;
  color: #780117;
  letter-spacing: 2.62px;
  line-height: 20px;
}

.bootstrap-yop .basic-yop-poll-container form .basic-element.basic-custom-field .col-md-6.col-sm-12.col-xs-12{
    padding-left: 0px;
    padding-right: 0px;
    flex-grow: 1;
}

.bootstrap-yop .basic-yop-poll-container form .basic-element.basic-custom-field .col-md-6.col-sm-12.col-xs-12 > input{
    margin-left: 0px;
    margin-bottom: 0px;
    width: 100%;
    border-radius: 11px;
    border: 3px solid #B8232F;
    color: #B8232F;
    background: transparent;
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 20px;
    height: auto;
}

.bootstrap-yop .basic-yop-poll-container form .basic-vote{
  margin-right: unset;
}

.bootstrap-yop .basic-yop-poll-container form .basic-vote a{
    background: transparent !important;
    color: #fff !important;
    padding: 10px 20px !important;
    display: inline-block !important;
    min-width: 200px !important;
    width: 100% !important;
    text-align: center !important;
    border-radius: 11px !important;
    border: 3px solid #B8232F !important;
    text-transform: uppercase !important;
    font-family: 'Montserrat' !important;
    font-weight: bold !important;
    font-size: 14px !important;
    color: #B8232F !important;
    letter-spacing: 2.62px !important;
    text-align: center !important;
    line-height: 20px !important;
    transition: opacity 0.5s, background 0.5s, color 0.5s !important;
    margin-right: unset;
}

.bootstrap-yop .basic-yop-poll-container form .basic-vote a:hover{
    background: #B8232F !important;
    color: #fff !important;
}


/*** Blog Columns Update for Best in West public figures  ***/

body.single-post .block-core-columns .wp-block-columns .wp-block-column .section-small-blog-image{
 margin: 0px;
 margin-top: calc( 0.83 * 40px);
}

body.single-post .block-core-columns .wp-block-columns .wp-block-column .section-small-blog-image .container{
  padding: 0px;
}

body.single-post .block-core-columns .wp-block-columns .wp-block-column .section-small-blog-image .container img{
  height: auto;
}


/** Design change for header on smaller mobile screens **/

@media(max-width: 350px){
    .woocommerce ul.products li.product .woocommerce-loop-category__title,
    .woocommerce ul.products li.product .woocommerce-loop-product__title,
    .woocommerce ul.products li.product h2,
    h1{
        font-size: 40px;
        line-height: 36px;
    }
}

@media(max-width:325px){
    a.btn{
        padding: 10px 0px;
        width: 100%;
        min-width: unset;
    }
}

@media(max-width: 300px){
    .woocommerce ul.products li.product .woocommerce-loop-category__title,
    .woocommerce ul.products li.product .woocommerce-loop-product__title,
    .woocommerce ul.products li.product h2,
    h1{
        font-size: 34px;
        line-height: 30px;
    }
}