@charset 'UTF-8';
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(//www.flintandflame.co.uk/wp-content/plugins/ithemeland-free-gifts-for-woocommerce/frontend/assets/css/owl-carousel/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}.it-owl-carousel-items {
direction: ltr;
}
.wgb-space-30 {
height: 30px;
}
.e-cart__column.e-cart__column-start {
overflow: hidden;
} .wgb-maincontainer *,
.wgb-maincontainer *::before,
.wgb-maincontainer *::after,
.adv-gift-section *,
.adv-gift-section *::before,
.adv-gift-section *::after,
.wgb-row * {
box-sizing: border-box;
}
.adv-gift-section {
margin-bottom: 20px;
}
.wgb-maincontainer {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.wgb-mt30 {
margin-top: 30px;
}
.wgb-mb30 {
margin-bottom: 30px;
}
@media (min-width: 576px) {
.wgb-maincontainer {
max-width: 540px;
}
}
@media (min-width: 768px) {
.wgb-maincontainer {
max-width: 720px;
}
}
@media (min-width: 992px) {
.wgb-maincontainer {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.wgb-maincontainer {
max-width: 1140px;
}
}
.wgb-row,
.wgb-row.pw-gift-active {
display: -ms-flexbox !important;
display: flex !important;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.wgb-no-gutters {
margin-right: 0;
margin-left: 0;
}
.wgb-no-gutters>.wgb-col,
.wgb-no-gutters>[class*="wgb-col-"] {
padding-right: 0;
padding-left: 0;
}
.wgb-col-1,
.wgb-col-2,
.wgb-col-3,
.wgb-col-4,
.wgb-col-5,
.wgb-col-6,
.wgb-col-7,
.wgb-col-8,
.wgb-col-9,
.wgb-col-10,
.wgb-col-11,
.wgb-col-12,
.col,
.wgb-col-auto,
.wgb-col-sm-1,
.wgb-col-sm-2,
.wgb-col-sm-3,
.wgb-col-sm-4,
.wgb-col-sm-5,
.wgb-col-sm-6,
.wgb-col-sm-7,
.wgb-col-sm-8,
.wgb-col-sm-9,
.wgb-col-sm-10,
.wgb-col-sm-11,
.wgb-col-sm-12,
.wgb-col-sm,
.wgb-col-sm-auto,
.wgb-col-md-1,
.wgb-col-md-2,
.wgb-col-md-3,
.wgb-col-md-4,
.wgb-col-md-5,
.wgb-col-md-6,
.wgb-col-md-7,
.wgb-col-md-8,
.wgb-col-md-9,
.wgb-col-md-10,
.wgb-col-md-11,
.wgb-col-md-12,
.wgb-col-md,
.wgb-col-md-auto,
.wgb-col-lg-1,
.wgb-col-lg-2,
.wgb-col-lg-3,
.wgb-col-lg-4,
.wgb-col-lg-5,
.wgb-col-lg-6,
.wgb-col-lg-7,
.wgb-col-lg-8,
.wgb-col-lg-9,
.wgb-col-lg-10,
.wgb-col-lg-11,
.wgb-col-lg-12,
.wgb-col-lg,
.wgb-col-lg-auto,
.wgb-col-xl-1,
.wgb-col-xl-2,
.wgb-col-xl-3,
.wgb-col-xl-4,
.wgb-col-xl-5,
.wgb-col-xl-6,
.wgb-col-xl-7,
.wgb-col-xl-8,
.wgb-col-xl-9,
.wgb-col-xl-10,
.wgb-col-xl-11,
.wgb-col-xl-12,
.wgb-col-xl,
.wgb-col-xl-auto {
position: relative;
width: 100%;
padding-right: 5px;
padding-left: 5px;
margin-bottom: 30px;
}
.wgb-col {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.wgb-col-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.wgb-col-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.wgb-col-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.wgb-col-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.wgb-col-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.wgb-col-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.wgb-col-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.wgb-col-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.wgb-col-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.wgb-col-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.wgb-col-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.wgb-col-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.wgb-col-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.wgb-order-first {
-ms-flex-order: -1;
order: -1;
}
.wgb-order-last {
-ms-flex-order: 13;
order: 13;
}
.wgb-order-0 {
-ms-flex-order: 0;
order: 0;
}
.wgb-order-1 {
-ms-flex-order: 1;
order: 1;
}
.wgb-order-2 {
-ms-flex-order: 2;
order: 2;
}
.wgb-order-3 {
-ms-flex-order: 3;
order: 3;
}
.wgb-order-4 {
-ms-flex-order: 4;
order: 4;
}
.wgb-order-5 {
-ms-flex-order: 5;
order: 5;
}
.wgb-order-6 {
-ms-flex-order: 6;
order: 6;
}
.wgb-order-7 {
-ms-flex-order: 7;
order: 7;
}
.wgb-order-8 {
-ms-flex-order: 8;
order: 8;
}
.wgb-order-9 {
-ms-flex-order: 9;
order: 9;
}
.wgb-order-10 {
-ms-flex-order: 10;
order: 10;
}
.wgb-order-11 {
-ms-flex-order: 11;
order: 11;
}
.wgb-order-12 {
-ms-flex-order: 12;
order: 12;
}
.wgb-offset-1 {
margin-left: 8.333333%;
}
.wgb-offset-2 {
margin-left: 16.666667%;
}
.wgb-offset-3 {
margin-left: 25%;
}
.wgb-offset-4 {
margin-left: 33.333333%;
}
.wgb-offset-5 {
margin-left: 41.666667%;
}
.wgb-offset-6 {
margin-left: 50%;
}
.wgb-offset-7 {
margin-left: 58.333333%;
}
.wgb-offset-8 {
margin-left: 66.666667%;
}
.wgb-offset-9 {
margin-left: 75%;
}
.wgb-offset-10 {
margin-left: 83.333333%;
}
.wgb-offset-11 {
margin-left: 91.666667%;
}
@media (min-width: 576px) {
.wgb-col-sm {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.wgb-col-sm-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.wgb-col-sm-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.wgb-col-sm-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.wgb-col-sm-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.wgb-col-sm-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.wgb-col-sm-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.wgb-col-sm-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.wgb-col-sm-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.wgb-col-sm-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.wgb-col-sm-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.wgb-col-sm-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.wgb-col-sm-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.wgb-col-sm-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.wgb-order-sm-first {
-ms-flex-order: -1;
order: -1;
}
.wgb-order-sm-last {
-ms-flex-order: 13;
order: 13;
}
.wgb-order-sm-0 {
-ms-flex-order: 0;
order: 0;
}
.wgb-order-sm-1 {
-ms-flex-order: 1;
order: 1;
}
.wgb-order-sm-2 {
-ms-flex-order: 2;
order: 2;
}
.wgb-order-sm-3 {
-ms-flex-order: 3;
order: 3;
}
.wgb-order-sm-4 {
-ms-flex-order: 4;
order: 4;
}
.wgb-order-sm-5 {
-ms-flex-order: 5;
order: 5;
}
.wgb-order-sm-6 {
-ms-flex-order: 6;
order: 6;
}
.wgb-order-sm-7 {
-ms-flex-order: 7;
order: 7;
}
.wgb-order-sm-8 {
-ms-flex-order: 8;
order: 8;
}
.wgb-order-sm-9 {
-ms-flex-order: 9;
order: 9;
}
.wgb-order-sm-10 {
-ms-flex-order: 10;
order: 10;
}
.wgb-order-sm-11 {
-ms-flex-order: 11;
order: 11;
}
.wgb-order-sm-12 {
-ms-flex-order: 12;
order: 12;
}
.wgb-offset-sm-0 {
margin-left: 0;
}
.wgb-offset-sm-1 {
margin-left: 8.333333%;
}
.wgb-offset-sm-2 {
margin-left: 16.666667%;
}
.wgb-offset-sm-3 {
margin-left: 25%;
}
.wgb-offset-sm-4 {
margin-left: 33.333333%;
}
.wgb-offset-sm-5 {
margin-left: 41.666667%;
}
.wgb-offset-sm-6 {
margin-left: 50%;
}
.wgb-offset-sm-7 {
margin-left: 58.333333%;
}
.wgb-offset-sm-8 {
margin-left: 66.666667%;
}
.wgb-offset-sm-9 {
margin-left: 75%;
}
.wgb-offset-sm-10 {
margin-left: 83.333333%;
}
.wgb-offset-sm-11 {
margin-left: 91.666667%;
}
}
@media (min-width: 768px) {
.wgb-col-md {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.wgb-col-md-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.wgb-col-md-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.wgb-col-md-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.wgb-col-md-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.wgb-col-md-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.wgb-col-md-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.wgb-col-md-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.wgb-col-md-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.wgb-col-md-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.wgb-col-md-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.wgb-col-md-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.wgb-col-md-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.wgb-col-md-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.wgb-order-md-first {
-ms-flex-order: -1;
order: -1;
}
.wgb-order-md-last {
-ms-flex-order: 13;
order: 13;
}
.wgb-order-md-0 {
-ms-flex-order: 0;
order: 0;
}
.wgb-order-md-1 {
-ms-flex-order: 1;
order: 1;
}
.wgb-order-md-2 {
-ms-flex-order: 2;
order: 2;
}
.wgb-order-md-3 {
-ms-flex-order: 3;
order: 3;
}
.wgb-order-md-4 {
-ms-flex-order: 4;
order: 4;
}
.wgb-order-md-5 {
-ms-flex-order: 5;
order: 5;
}
.wgb-order-md-6 {
-ms-flex-order: 6;
order: 6;
}
.wgb-order-md-7 {
-ms-flex-order: 7;
order: 7;
}
.wgb-order-md-8 {
-ms-flex-order: 8;
order: 8;
}
.wgb-order-md-9 {
-ms-flex-order: 9;
order: 9;
}
.wgb-order-md-10 {
-ms-flex-order: 10;
order: 10;
}
.wgb-order-md-11 {
-ms-flex-order: 11;
order: 11;
}
.wgb-order-md-12 {
-ms-flex-order: 12;
order: 12;
}
.wgb-offset-md-0 {
margin-left: 0;
}
.wgb-offset-md-1 {
margin-left: 8.333333%;
}
.wgb-offset-md-2 {
margin-left: 16.666667%;
}
.wgb-offset-md-3 {
margin-left: 25%;
}
.wgb-offset-md-4 {
margin-left: 33.333333%;
}
.wgb-offset-md-5 {
margin-left: 41.666667%;
}
.wgb-offset-md-6 {
margin-left: 50%;
}
.wgb-offset-md-7 {
margin-left: 58.333333%;
}
.wgb-offset-md-8 {
margin-left: 66.666667%;
}
.wgb-offset-md-9 {
margin-left: 75%;
}
.wgb-offset-md-10 {
margin-left: 83.333333%;
}
.wgb-offset-md-11 {
margin-left: 91.666667%;
}
}
@media (min-width: 992px) {
.wgb-col-lg {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.wgb-col-lg-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.wgb-col-lg-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.wgb-col-lg-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.wgb-col-lg-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.wgb-col-lg-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.wgb-col-lg-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.wgb-col-lg-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.wgb-col-lg-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.wgb-col-lg-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.wgb-col-lg-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.wgb-col-lg-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.wgb-col-lg-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.wgb-col-lg-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.wgb-order-lg-first {
-ms-flex-order: -1;
order: -1;
}
.wgb-order-lg-last {
-ms-flex-order: 13;
order: 13;
}
.wgb-order-lg-0 {
-ms-flex-order: 0;
order: 0;
}
.wgb-order-lg-1 {
-ms-flex-order: 1;
order: 1;
}
.wgb-order-lg-2 {
-ms-flex-order: 2;
order: 2;
}
.wgb-order-lg-3 {
-ms-flex-order: 3;
order: 3;
}
.wgb-order-lg-4 {
-ms-flex-order: 4;
order: 4;
}
.wgb-order-lg-5 {
-ms-flex-order: 5;
order: 5;
}
.wgb-order-lg-6 {
-ms-flex-order: 6;
order: 6;
}
.wgb-order-lg-7 {
-ms-flex-order: 7;
order: 7;
}
.wgb-order-lg-8 {
-ms-flex-order: 8;
order: 8;
}
.wgb-order-lg-9 {
-ms-flex-order: 9;
order: 9;
}
.wgb-order-lg-10 {
-ms-flex-order: 10;
order: 10;
}
.wgb-order-lg-11 {
-ms-flex-order: 11;
order: 11;
}
.wgb-order-lg-12 {
-ms-flex-order: 12;
order: 12;
}
.wgb-offset-lg-0 {
margin-left: 0;
}
.wgb-offset-lg-1 {
margin-left: 8.333333%;
}
.wgb-offset-lg-2 {
margin-left: 16.666667%;
}
.wgb-offset-lg-3 {
margin-left: 25%;
}
.wgb-offset-lg-4 {
margin-left: 33.333333%;
}
.wgb-offset-lg-5 {
margin-left: 41.666667%;
}
.wgb-offset-lg-6 {
margin-left: 50%;
}
.wgb-offset-lg-7 {
margin-left: 58.333333%;
}
.wgb-offset-lg-8 {
margin-left: 66.666667%;
}
.wgb-offset-lg-9 {
margin-left: 75%;
}
.wgb-offset-lg-10 {
margin-left: 83.333333%;
}
.wgb-offset-lg-11 {
margin-left: 91.666667%;
}
}
@media (min-width: 1200px) {
.wgb-col-xl {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.wgb-col-xl-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.wgb-col-xl-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.wgb-col-xl-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.wgb-col-xl-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.wgb-col-xl-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.wgb-col-xl-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.wgb-col-xl-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.wgb-col-xl-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.wgb-col-xl-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.wgb-col-xl-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.wgb-col-xl-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.wgb-col-xl-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.wgb-col-xl-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.wgb-order-xl-first {
-ms-flex-order: -1;
order: -1;
}
.wgb-order-xl-last {
-ms-flex-order: 13;
order: 13;
}
.wgb-order-xl-0 {
-ms-flex-order: 0;
order: 0;
}
.wgb-order-xl-1 {
-ms-flex-order: 1;
order: 1;
}
.wgb-order-xl-2 {
-ms-flex-order: 2;
order: 2;
}
.wgb-order-xl-3 {
-ms-flex-order: 3;
order: 3;
}
.wgb-order-xl-4 {
-ms-flex-order: 4;
order: 4;
}
.wgb-order-xl-5 {
-ms-flex-order: 5;
order: 5;
}
.wgb-order-xl-6 {
-ms-flex-order: 6;
order: 6;
}
.wgb-order-xl-7 {
-ms-flex-order: 7;
order: 7;
}
.wgb-order-xl-8 {
-ms-flex-order: 8;
order: 8;
}
.wgb-order-xl-9 {
-ms-flex-order: 9;
order: 9;
}
.wgb-order-xl-10 {
-ms-flex-order: 10;
order: 10;
}
.wgb-order-xl-11 {
-ms-flex-order: 11;
order: 11;
}
.wgb-order-xl-12 {
-ms-flex-order: 12;
order: 12;
}
.wgb-offset-xl-0 {
margin-left: 0;
}
.wgb-offset-xl-1 {
margin-left: 8.333333%;
}
.wgb-offset-xl-2 {
margin-left: 16.666667%;
}
.wgb-offset-xl-3 {
margin-left: 25%;
}
.wgb-offset-xl-4 {
margin-left: 33.333333%;
}
.wgb-offset-xl-5 {
margin-left: 41.666667%;
}
.wgb-offset-xl-6 {
margin-left: 50%;
}
.wgb-offset-xl-7 {
margin-left: 58.333333%;
}
.wgb-offset-xl-8 {
margin-left: 66.666667%;
}
.wgb-offset-xl-9 {
margin-left: 75%;
}
.wgb-offset-xl-10 {
margin-left: 83.333333%;
}
.wgb-offset-xl-11 {
margin-left: 91.666667%;
}
}
.wgb-d-none {
display: none !important;
}
.wgb-d-inline {
display: inline !important;
}
.wgb-d-inline-block {
display: inline-block !important;
}
.wgb-d-block {
display: block !important;
}
.wgb-d-table {
display: table !important;
}
.wgb-d-table-row {
display: table-row !important;
}
.wgb-d-table-cell {
display: table-cell !important;
}
.wgb-d-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.wgb-d-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
@media (min-width: 576px) {
.wgb-d-sm-none {
display: none !important;
}
.wgb-d-sm-inline {
display: inline !important;
}
.wgb-d-sm-inline-block {
display: inline-block !important;
}
.wgb-d-sm-block {
display: block !important;
}
.wgb-d-sm-table {
display: table !important;
}
.wgb-d-sm-table-row {
display: table-row !important;
}
.wgb-d-sm-table-cell {
display: table-cell !important;
}
.wgb-d-sm-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.wgb-d-sm-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media (min-width: 768px) {
.wgb-d-md-none {
display: none !important;
}
.wgb-d-md-inline {
display: inline !important;
}
.wgb-d-md-inline-block {
display: inline-block !important;
}
.wgb-d-md-block {
display: block !important;
}
.wgb-d-md-table {
display: table !important;
}
.wgb-d-md-table-row {
display: table-row !important;
}
.wgb-d-md-table-cell {
display: table-cell !important;
}
.wgb-d-md-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.wgb-d-md-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media (min-width: 992px) {
.wgb-d-lg-none {
display: none !important;
}
.wgb-d-lg-inline {
display: inline !important;
}
.wgb-d-lg-inline-block {
display: inline-block !important;
}
.wgb-d-lg-block {
display: block !important;
}
.wgb-d-lg-table {
display: table !important;
}
.wgb-d-lg-table-row {
display: table-row !important;
}
.wgb-d-lg-table-cell {
display: table-cell !important;
}
.wgb-d-lg-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.wgb-d-lg-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media (min-width: 1200px) {
.wgb-d-xl-none {
display: none !important;
}
.wgb-d-xl-inline {
display: inline !important;
}
.wgb-d-xl-inline-block {
display: inline-block !important;
}
.wgb-d-xl-block {
display: block !important;
}
.wgb-d-xl-table {
display: table !important;
}
.wgb-d-xl-table-row {
display: table-row !important;
}
.wgb-d-xl-table-cell {
display: table-cell !important;
}
.wgb-d-xl-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.wgb-d-xl-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media print {
.wgb-d-print-none {
display: none !important;
}
.wgb-d-print-inline {
display: inline !important;
}
.wgb-d-print-inline-block {
display: inline-block !important;
}
.wgb-d-print-block {
display: block !important;
}
.wgb-d-print-table {
display: table !important;
}
.wgb-d-print-table-row {
display: table-row !important;
}
.wgb-d-print-table-cell {
display: table-cell !important;
}
.wgb-d-print-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.wgb-d-print-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
.wgb-flex-row {
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.wgb-flex-column {
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.wgb-flex-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.wgb-flex-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.wgb-flex-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.wgb-flex-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.wgb-flex-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.wgb-flex-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.wgb-flex-grow-0 {
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.wgb-flex-grow-1 {
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.wgb-flex-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.wgb-flex-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.wgb-justify-content-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.wgb-justify-content-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.wgb-justify-content-center {
-ms-flex-pack: center !important;
justify-content: center !important;
}
.wgb-justify-content-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.wgb-justify-content-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.wgb-align-items-start {
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.wgb-align-items-end {
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.wgb-align-items-center {
-ms-flex-align: center !important;
align-items: center !important;
}
.wgb-align-items-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.wgb-align-items-stretch {
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.wgb-align-content-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.wgb-align-content-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.wgb-align-content-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.wgb-align-content-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.wgb-align-content-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.wgb-align-content-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.wgb-align-self-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.wgb-align-self-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.wgb-align-self-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.wgb-align-self-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.wgb-align-self-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.wgb-align-self-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
@media (min-width: 576px) {
.wgb-flex-sm-row {
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.wgb-flex-sm-column {
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.wgb-flex-sm-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.wgb-flex-sm-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.wgb-flex-sm-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.wgb-flex-sm-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.wgb-flex-sm-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.wgb-flex-sm-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.wgb-flex-sm-grow-0 {
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.wgb-flex-sm-grow-1 {
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.wgb-flex-sm-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.wgb-flex-sm-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.wgb-justify-content-sm-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.wgb-justify-content-sm-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.wgb-justify-content-sm-center {
-ms-flex-pack: center !important;
justify-content: center !important;
}
.wgb-justify-content-sm-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.wgb-justify-content-sm-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.wgb-align-items-sm-start {
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.wgb-align-items-sm-end {
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.wgb-align-items-sm-center {
-ms-flex-align: center !important;
align-items: center !important;
}
.wgb-align-items-sm-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.wgb-align-items-sm-stretch {
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.wgb-align-content-sm-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.wgb-align-content-sm-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.wgb-align-content-sm-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.wgb-align-content-sm-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.wgb-align-content-sm-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.wgb-align-content-sm-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.wgb-align-self-sm-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.wgb-align-self-sm-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.wgb-align-self-sm-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.wgb-align-self-sm-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.wgb-align-self-sm-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.wgb-align-self-sm-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
@media (min-width: 768px) {
.wgb-flex-md-row {
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.wgb-flex-md-column {
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.wgb-flex-md-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.wgb-flex-md-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.wgb-flex-md-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.wgb-flex-md-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.wgb-flex-md-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.wgb-flex-md-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.wgb-flex-md-grow-0 {
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.wgb-flex-md-grow-1 {
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.wgb-flex-md-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.wgb-flex-md-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.wgb-justify-content-md-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.wgb-justify-content-md-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.wgb-justify-content-md-center {
-ms-flex-pack: center !important;
justify-content: center !important;
}
.wgb-justify-content-md-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.wgb-justify-content-md-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.wgb-align-items-md-start {
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.wgb-align-items-md-end {
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.wgb-align-items-md-center {
-ms-flex-align: center !important;
align-items: center !important;
}
.wgb-align-items-md-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.wgb-align-items-md-stretch {
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.wgb-align-content-md-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.wgb-align-content-md-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.wgb-align-content-md-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.wgb-align-content-md-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.wgb-align-content-md-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.wgb-align-content-md-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.wgb-align-self-md-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.wgb-align-self-md-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.wgb-align-self-md-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.wgb-align-self-md-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.wgb-align-self-md-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.wgb-align-self-md-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
@media (min-width: 992px) {
.wgb-flex-lg-row {
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.wgb-flex-lg-column {
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.wgb-flex-lg-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.wgb-flex-lg-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.wgb-flex-lg-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.wgb-flex-lg-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.wgb-flex-lg-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.wgb-flex-lg-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.wgb-flex-lg-grow-0 {
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.wgb-flex-lg-grow-1 {
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.wgb-flex-lg-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.wgb-flex-lg-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.wgb-justify-content-lg-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.wgb-justify-content-lg-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.wgb-justify-content-lg-center {
-ms-flex-pack: center !important;
justify-content: center !important;
}
.wgb-justify-content-lg-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.wgb-justify-content-lg-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.wgb-align-items-lg-start {
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.wgb-align-items-lg-end {
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.wgb-align-items-lg-center {
-ms-flex-align: center !important;
align-items: center !important;
}
.wgb-align-items-lg-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.wgb-align-items-lg-stretch {
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.wgb-align-content-lg-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.wgb-align-content-lg-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.wgb-align-content-lg-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.wgb-align-content-lg-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.wgb-align-content-lg-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.wgb-align-content-lg-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.wgb-align-self-lg-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.wgb-align-self-lg-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.wgb-align-self-lg-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.wgb-align-self-lg-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.wgb-align-self-lg-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.wgb-align-self-lg-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
@media (min-width: 1200px) {
.wgb-flex-xl-row {
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.wgb-flex-xl-column {
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.wgb-flex-xl-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.wgb-flex-xl-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.wgb-flex-xl-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.wgb-flex-xl-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.wgb-flex-xl-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.wgb-flex-xl-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.wgb-flex-xl-grow-0 {
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.wgb-flex-xl-grow-1 {
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.wgb-flex-xl-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.wgb-flex-xl-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.wgb-justify-content-xl-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.wgb-justify-content-xl-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.wgb-justify-content-xl-center {
-ms-flex-pack: center !important;
justify-content: center !important;
}
.wgb-justify-content-xl-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.wgb-justify-content-xl-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.wgb-align-items-xl-start {
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.wgb-align-items-xl-end {
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.wgb-align-items-xl-center {
-ms-flex-align: center !important;
align-items: center !important;
}
.wgb-align-items-xl-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.wgb-align-items-xl-stretch {
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.wgb-align-content-xl-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.wgb-align-content-xl-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.wgb-align-content-xl-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.wgb-align-content-xl-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.wgb-align-content-xl-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.wgb-align-content-xl-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.wgb-align-self-xl-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.wgb-align-self-xl-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.wgb-align-self-xl-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.wgb-align-self-xl-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.wgb-align-self-xl-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.wgb-align-self-xl-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
} @font-face {
font-family: 'agicon';
src: url(//www.flintandflame.co.uk/wp-content/plugins/ithemeland-free-gifts-for-woocommerce/frontend/assets/css/style/fonts/agicon.eot?3g4mg3);
src: url(//www.flintandflame.co.uk/wp-content/plugins/ithemeland-free-gifts-for-woocommerce/frontend/assets/css/style/fonts/agicon.eot?3g4mg3#iefix) format('embedded-opentype'), url(//www.flintandflame.co.uk/wp-content/plugins/ithemeland-free-gifts-for-woocommerce/frontend/assets/css/style/fonts/agicon.ttf?3g4mg3) format('truetype'), url(//www.flintandflame.co.uk/wp-content/plugins/ithemeland-free-gifts-for-woocommerce/frontend/assets/css/style/fonts/agicon.woff?3g4mg3) format('woff'), url(//www.flintandflame.co.uk/wp-content/plugins/ithemeland-free-gifts-for-woocommerce/frontend/assets/css/style/fonts/agicon.svg?3g4mg3#agicon) format('svg');
font-weight: normal;
font-style: normal;
}
[class^="agicon-"],
[class*=" agicon-"] { font-family: 'agicon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.agicon-arrow-left:before {
content: "\e900";
}
.agicon-arrow-right:before {
content: "\e901";
}
.agicon-check:before {
content: "\e902";
}
.agicon-edit-2:before {
content: "\e903";
}
.agicon-eye:before {
content: "\e904";
}
.agicon-gift:before {
content: "\e905";
}
.agicon-plus:before {
content: "\e906";
}
.agicon-trash-2:before {
content: "\e907";
}
.agicon-loader:before {
content: "\e908";
}
.agicon-x1:before {
content: "\eae2";
} .font-weight-bold {
font-weight: bold;
}
.text-capitalize {
text-transform: capitalize;
}
.text-uppercase {
text-transform: uppercase;
}
.text-center {
text-align: center;
} .wgb-header-cnt {
position: relative;
padding-bottom: 15px;
margin-bottom: 20px;
margin-top: 30px;
display: inline-block;
width: 100%;
}
.wgb-header-cnt:before {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100px;
border-top: 3px solid #e4003b;
}
.wgb-header-cnt:after {
content: '';
position: absolute;
left: 105px;
right: 0;
bottom: 0;
border-top: 3px solid #dcdcdc;
}
.wgb-header-icon {
font-size: 45px;
margin-right: 10px;
}
.wgb-header-text {
display: inline-block;
}
.wgb-title {
font-size: 18px !important;
margin: 0 !important;
line-height: initial !important;
}
.wgb-title:before {
display: none;
}
.wgb-sub-title {
font-size: 13px;
color: #848484;
} .wgb-wrap-item-cnt.wgb-selected-wrap {
border: 3px solid #e0003a;
}
.wgb-item-layout1 .wgb-wrap-item-cnt .wgb-item-overlay {
opacity: 1;
height: 0;
top: auto;
bottom: 0;
background: rgba(255, 255, 255, 0);
background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(25, 25, 25, 1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(25, 25, 25, 1)));
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(25, 25, 25, 1) 100%);
background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(25, 25, 25, 1) 100%);
background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(25, 25, 25, 1) 100%);
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(25, 25, 25, 1) 100%);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#191919', GradientType=0);
transition: all 0.3s;
}
.wgb-item-layout1 .wgb-wrap-item-cnt:hover .wgb-item-overlay {
opacity: 1;
height: 100%;
}
.wgb-item-layout1 .wgb-wrap-item-cnt .wgb-item-content {
opacity: 0;
bottom: 0;
}
.wgb-item-layout1 .wgb-wrap-item-cnt:hover .wgb-item-content,
.wgb-item-layout1 .wgb-wrap-item-cnt.wgb-selected-wrap .wgb-item-content {
opacity: 1;
bottom: 15px;
}
.wgb-item-layout1 .wgb-wrap-item-cnt .wgb-item-title a {
color: #fff;
border: none !important;
}
.wgb-item-layout1 .wgb-wrap-item-cnt .wgb-price span.amount {
color: #cecece;
font-size: 16px;
}
.wgb-item-layout1 .wgb-wrap-item-cnt .wgb-selected-icon,
.wgb-item-layout2 .wgb-wrap-item-cnt .wgb-selected-icon {
position: absolute;
top: 15px;
right: 15px;
width: 40px;
height: 40px;
background-color: #e0003a;
border-radius: 50%;
text-align: center;
opacity: 0;
visibility: hidden;
}
.wgb-item-layout1 .wgb-wrap-item-cnt .wgb-selected-icon i,
.wgb-item-layout2 .wgb-wrap-item-cnt .wgb-selected-icon i {
font-size: 22px;
color: #fff;
line-height: 40px;
font-weight: lighter;
}
.wgb-item-layout1 .wgb-wrap-item-cnt.wgb-selected-wrap .wgb-selected-icon,
.wgb-item-layout2 .wgb-wrap-item-cnt.wgb-selected-wrap .wgb-selected-icon {
opacity: 1;
visibility: visible;
}
.wgb-item-layout1 .wgb-wrap-item-cnt.wgb-selected-wrap .wgb-item-overlay {
height: 100%;
} .wgb-item-layout2 .wgb-wrap-item-cnt.wgb-selected-wrap {
box-shadow: 0 10px 50px 0 rgba(0, 0, 0, 0.1);
border-radius: 10px;
overflow: hidden;
}
.wgb-item-layout2 .wgb-wrap-item-cnt:hover {
box-shadow: 0 10px 50px 0 rgba(0, 0, 0, 0.1);
}
.wgb-item-layout2 .wgb-wrap-item-cnt {
text-align: left;
padding-bottom: 10px;
}
.wgb-item-layout2 .wgb-wrap-item-cnt .wgb-selected-icon {
position: absolute;
top: 15px;
right: 15px;
width: 40px;
height: 40px;
background-color: #e0003a;
border-radius: 50%;
text-align: center;
opacity: 0;
visibility: hidden;
}
.wgb-item-layout2 .wgb-wrap-item-cnt .wgb-selected-icon i {
font-size: 22px;
color: #fff;
line-height: 40px;
font-weight: lighter;
}
.wgb-item-layout2 .wgb-wrap-item-cnt.wgb-selected-wrap .wgb-selected-icon {
opacity: 1;
visibility: visible;
}
.wgb-item-layout2 .wgb-wrap-item-cnt .wgb-item-content {
padding: 15px 10px 0 15px;
}
.wgb-item-layout2 .wgb-wrap-item-cnt.wgb-selected-wrap .wgb-item-content {
padding: 15px 10px 0 15px;
}
.wgb-item-layout2 .wgb-wrap-item-cnt .wgb-price {
font-size: 16px;
}
.wgb-owl-carousel.wgb-item-layout2 .wgb-owl-item {
margin-bottom: 30px;
} .wgb-single-wrap-cnt {
margin-bottom: 30px;
}
.wgb-addwrap-btn {
display: inline-block;
background-color: #000;
color: #fff;
font-size: 14px;
padding: 5px 10px;
border: none;
border-radius: 5px;
cursor: pointer;
transition: all 0.3s;
}
.wgb-addwrap-btn i {
margin-right: 5px;
}
.wgb-addwrap-btn:hover {
background-color: #000;
color: #fff;
}
.wgb-addwrap-btn,
.wgb-add-gift-btn,
.wgb-cart-wrap-btn {
overflow: hidden;
position: relative;
cursor: pointer;
}
.wgb-addwrap-btn .wgb-loading-icon,
.wgb-add-gift-btn .wgb-loading-icon,
.wgb-cart-wrap-btn .wgb-loading-icon {
position: absolute;
left: 0;
right: 0;
top: 0;
width: 100%;
height: 100%;
text-align: center;
background-color: transparent
}
.wgb-spinner {
position: absolute;
top: 50%;
margin-top: -8px;
left: 50%;
margin-left: -8px;
height: 16px;
width: 16px;
background: rgba(0, 0, 0, .2);
border-radius: 50%;
}
.wgb-spinner--2 {
border: 2px solid rgba(255, 255, 255, 0.35);
border-top-color: #fff;
animation: spinner2 600ms linear infinite;
}
@keyframes spinner2 {
to {
transform: rotate(360deg);
}
} .wgb-cart-wrap-btn {
display: inline-block;
color: #ffffff;
font-size: 13px;
cursor: pointer;
background-color: #000;
padding: 3px 10px;
text-transform: capitalize;
margin-top: 5px;
border-radius: 5px;
transition: all 0.3s;
}
.wgb-cart-wrap-btn:hover {
background-color: #e4003b;
}
.wgb-cart-wrap-btn i {
margin-right: 5px;
} .wgb-grid-cnt,
.wgb-wrap-cnt {
position: relative;
}
.pw_gift_pagination_div { top: 0;
left: 0;
transition: all 0.3s;
}
.pw-gift-active {  display: block !important;
}
.pw-gift-deactive {
display: none !important;
}
.wgb-product-item-cnt,
.wgb-wrap-item-cnt {
position: relative;
transition: all 0.3s;
}
.wgb-item-thumb img {
display: block;
width: 100%;
height: auto;
max-width: 100%;
max-height: 100%;
}
.wgb-item-thumb figure {
margin-bottom: 0 !important;
}
.wgb-item-title {
font-size: 14px !important;
letter-spacing: normal;
margin: 0;
margin-bottom: 4px !important;
margin-top: 0 !important;
padding: 0!important;
line-height: initial !important;
}
.wgb-item-title:before {
display: none !important;
}
.wgb-item-title a {
font-weight: 700;
letter-spacing: normal;
color: #222;
text-decoration: none !important;
border: none !important;
transition: all 0.3s;
}
.wgb-stock {
font-size: 12px;
color: #7b7b7b;
line-height: initial;
} .wgb-pagination-cnt {
display: block;
text-align: center;
}
.wgb-paging-item {
display: inline-block;
background-color: #f6f6f6;
padding: 8px 30px;
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
}
.wgb-paging-item .wgb-pages {
display: inline-block;
font-size: 15px;
}
.wgb-paging-item span {
display: inline-block;
margin-right: 20px;
}
.wgb-pagination-cnt a {
display: inline-block;
width: 30px;
height: 30px;
text-align: center;
line-height: 30px;
font-weight: normal!important;
background-color: transparent;
color: #333;
text-decoration: none!important;
margin: 0 7px;
font-size: 16px;
border-radius: 50%;
transition: all 0.3s;
}
.pw_gift_pagination_num.wgb-active-page,
.pw_gift_pagination_num:hover {
background-color: #e4003b;
color: #fff;
font-weight: bold;
} .wgb-item-layout1 .wgb-product-item-cnt:hover {
box-shadow: 0 0 60px 0px rgba(0, 0, 0, 0.10);
}
.wgb-item-layout1 .wgb-product-item-cnt .wgb-item-overlay {
top: 100%;
background: rgba(255, 255, 255, 0);
background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(25, 25, 25, 1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(25, 25, 25, 1)));
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(25, 25, 25, 1) 100%);
background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(25, 25, 25, 1) 100%);
background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(25, 25, 25, 1) 100%);
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(25, 25, 25, 1) 100%);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#191919', GradientType=0);
}
.wgb-item-layout1 .wgb-product-item-cnt.hovering:hover .wgb-item-overlay {
top: 0;
opacity: 1;
}
.wgb-item-layout1 .wgb-item-content {
position: absolute;
bottom: 10px;
left: 0;
right: 0;
padding: 0 20px;
transition: all 0.3s;
opacity: 0;
}
.wgb-item-layout1 .wgb-item-content .wgb-item-title a {
color: #fff;
}
.wgb-item-layout1 .wgb-stock {
position: absolute;
top: 20px;
left: 20px;
background-color: #000;
padding: 1px 5px;
color: #fff;
}
.wgb-item-layout1 .wgb-product-item-cnt.hovering:hover .wgb-item-content {
bottom: 15px;
opacity: 1;
} .wgb-item-layout2 .wgb-item-thumb {
position: relative;
}
.wgb-item-layout2 .wgb-stock,
.wgb-item-overlay {
position: absolute;
width: 60%;
left: 0;
right: 0;
bottom: 0;
font-size: 9pt;
background: #222222;
color: #fff;
text-align: center;
padding: 0 5px;
margin: auto;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
}
.in_stock .wgb-stock,
.in_stock .wgb-item-overlay {
background: #34a034;
}
.out_of_stock .wgb-stock,
.out_of_stock .wgb-item-overlay {
background: #a03434;
}
.wgb-disable-gift-button {
line-height: 38px;
margin-top: 10px;
}
.wgb-item-layout2 .wgb-item-content {
padding: 15px 0 0;
}
.wgb-add-gift-btn {
display: inline-block;
font-size: 13px;
cursor: pointer;
background-color: transparent!important;
border: 1px #e4003b solid!important;
color: #e4003b!important;
padding: 6px 20px!important;
text-transform: capitalize;
margin: 5px 0 10px;
transition: all 0.3s;
font-weight: bold !important;
}
.owl-item .wgb-product-item-cnt .wgb-add-gift-btn:hover,
.wgb-row .wgb-product-item-cnt .wgb-add-gift-btn:hover,
.wgb-popup-post-item .wgb-add-gift-btn:hover {
background-color: #e4003b!important;
color: #fff!important;
}
.wgb-add-gift-btn i {
margin-right: 5px;
} .wgb-item-layout3 .wgb-product-item-cnt {
border-radius: 5px;
transition: all 0.5s;
}
.wgb-item-layout3 .carousel-item .wgb-product-item-cnt,
.wgb-item-layout3 .wgb-owl-stage .wgb-product-item-cnt {
margin-bottom: 30px;
}
.wgb-item-layout3 .wgb-product-item-cnt:hover {
box-shadow: 0 10px 50px 0 rgba(0, 0, 0, 0.1);
}
.wgb-item-layout3 .wgb-item-thumb {
overflow: hidden;
position: relative;
}
.wgb-item-layout3 .wgb-stock {
position: absolute;
top: 10px;
left: 10px;
background-color: #000;
padding: 1px 5px;
color: #fff;
}
.wgb-item-layout3 .wgb-item-content {
padding: 15px 10px;
} .wgb-page {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
visibility: hidden;
overflow: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.wgb-page-current,
.no-js .wgb-page {
visibility: visible;
z-index: 1;
}
.no-js body {
overflow: auto;
}
.wgb-page-ontop {
z-index: 999;
} .close {
margin: 28px 0 0 -16px;
position: absolute;
}
.wgb-popup-close:hover .wgb-leftright {
transform: rotate(-45deg);
background-color: #d4d4d4;
}
.wgb-popup-close:hover .wgb-rightleft {
transform: rotate(45deg);
background-color: #d4d4d4;
}
.wgb-popup-close:hover label {
opacity: 1;
}
.scroll-element.scroll-x {
display: none !important;
}
.wgb-popup-body .wgb-product-cnt {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
}
.wgb-default-wrap-cnt {
position: relative;
width: 75px;
height: 75px;
display: inline-block;
margin-right: 10px;
float: left;
border-radius: 5px;
border: 2px solid #000;
overflow: hidden;
box-sizing: content-box;
}
.woocommerce table.cart tbody tr td img.wgb-default-wrap-cnt {
height: auto;
}
.remove-wrap-signle-product {
position: absolute;
width: 20px;
height: 20px;
top: 0;
right: 0;
text-align: center;
line-height: 20px;
cursor: pointer;
background-color: #000;
color: #fff;
font-size: 11px;
border-radius: 0 0 0 10px;
}
.wgb-default-wrap-cnt .wgb-default-wrap-img {
width: 100%;
max-width: 100%;
height: 100%;
background-position: 50% 50%;
background-size: cover;
}
.wgb-wrap-price-cnt {
display: block;
margin-top: 15px;
font-size: 16px;
text-transform: capitalize;
}
.wgb-wrap-price-cnt div {
display: inline-block;
background-color: #000;
padding: 0 10px;
border-radius: 5px;
margin-left: 15px;
color: #fff;
}
.wgb-wrap-price-cnt div {
display: inline-block;
background-color: #000;
padding: 0 10px;
border-radius: 5px;
margin-left: 15px;
color: #fff;
}
.wgb-wrap-price-sign {
margin-left: 3px;
}
.variation-WrapSelected {
display: block !important;
float: none!important;
margin: 5px 0 10px 0;
font-size: 13px;
font-weight: bold;
text-transform: capitalize;
}
.variation-WrapSelected span.item-variation-name {
display: block!important;
margin-bottom: 5px;
}
.wgb-wrap-price-title-cnt {
margin-top: 10px;
}
.wgb-wrap-price-title {
font-size: 13px;
font-weight: bold;
display: inline-block;
margin-right: 5px;
text-transform: capitalize;
}  .scroll-wrapper {
overflow: hidden !important;
padding: 0 !important;
position: relative;
}
.scroll-wrapper>.scroll-content {
border: none !important;
box-sizing: content-box !important;
height: auto;
left: 0;
margin: 0;
max-height: none;
max-width: none !important;
overflow: scroll !important;
padding: 0;
position: relative !important;
top: 0;
width: 100% !important;
}
.scroll-wrapper>.scroll-content::-webkit-scrollbar {
height: 0;
width: 0;
}
.scroll-wrapper.scroll--rtl {
direction: rtl;
}
.scroll-element {
box-sizing: content-box;
display: none;
}
.scroll-element div {
box-sizing: content-box;
}
.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
cursor: default;
}
.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
display: block;
}
.scroll-textarea {
border: 1px solid #cccccc;
border-top-color: #999999;
}
.scroll-textarea>.scroll-content {
overflow: hidden !important;
}
.scroll-textarea>.scroll-content>textarea {
border: none !important;
box-sizing: border-box;
height: 100% !important;
margin: 0;
max-height: none !important;
max-width: none !important;
overflow: scroll !important;
outline: none;
padding: 2px;
position: relative !important;
top: 0;
width: 100% !important;
}
.scroll-textarea>.scroll-content>textarea::-webkit-scrollbar {
height: 0;
width: 0;
} .scrollbar-macosx>.scroll-element,
.scrollbar-macosx>.scroll-element div {
background: none;
border: none;
margin: 0;
padding: 0;
position: absolute;
z-index: 10;
}
.scrollbar-macosx>.scroll-element div {
display: block;
height: 100%;
left: 0;
top: 0;
width: 100%;
}
.scrollbar-macosx>.scroll-element .scroll-element_track {
display: none;
}
.scrollbar-macosx>.scroll-element .scroll-bar {
background-color: #6C6E71;
display: block;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
-webkit-transition: opacity 0.2s linear;
-moz-transition: opacity 0.2s linear;
-o-transition: opacity 0.2s linear;
-ms-transition: opacity 0.2s linear;
transition: opacity 0.2s linear;
}
.scrollbar-macosx:hover>.scroll-element .scroll-bar,
.scrollbar-macosx>.scroll-element.scroll-draggable .scroll-bar {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
filter: alpha(opacity=70);
opacity: 0.7;
}
.scrollbar-macosx>.scroll-element.scroll-x {
bottom: 0px;
height: 0px;
left: 0;
min-width: 100%;
overflow: visible;
width: 100%;
}
.scrollbar-macosx>.scroll-element.scroll-y {
height: 100%;
min-height: 100%;
right: 0px;
top: 0;
width: 0px;
} .scrollbar-macosx>.scroll-element.scroll-x .scroll-bar {
height: 7px;
min-width: 10px;
top: -9px;
}
.scrollbar-macosx>.scroll-element.scroll-y .scroll-bar {
left: -9px;
min-height: 10px;
width: 7px;
}
.scrollbar-macosx>.scroll-element.scroll-x .scroll-element_outer {
left: 2px;
}
.scrollbar-macosx>.scroll-element.scroll-x .scroll-element_size {
left: -4px;
}
.scrollbar-macosx>.scroll-element.scroll-y .scroll-element_outer {
top: 2px;
}
.scrollbar-macosx>.scroll-element.scroll-y .scroll-element_size {
top: -4px;
} .scrollbar-macosx>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
left: -11px;
}
.scrollbar-macosx>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
top: -11px;
} .wgb-rule-list-cnt {
margin: 20px 0;
}
.wgb-rule-cnt {
padding: 20px;
margin-bottom: 20px;
border-radius: 20px;
transition: all 0.3s;
}
.wgb-rule-cnt:hover {
box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.1);
}
span.wgb-rule-num {
display: inline-block;
min-width: 30px;
height: 30px;
background-color: #ee6688;
border-radius: 50%;
color: #fff;
text-align: center;
line-height: 30px;
margin-right: 10px;
float: left;
margin-top: -4px;
}
.wgb-rule-title {
display: inline-block;
font-size: 18px;
font-weight: bold;
margin-bottom: 15px;
}
.wgb-rule-title a {
color: #333;
border-bottom: none !important;
text-decoration: underline;
}
.wgb-rule-desc-cnt {
color: #848484;
margin-bottom: 20px;
font-size: 13px;
}
.wgb-rule-btn {
color: #333;
text-transform: capitalize;
font-size: 13px;
cursor: pointer;
border-bottom: none !important;
text-decoration: none!important;
}
.wgb-rule-btn i {
margin-right: 5px;
}
.wgb-rule-btn:hover {
text-decoration: none;
} .tab-js {
position: absolute;
opacity: 0;
top: 30px;
left: 0;
right: 0;
visibility: hidden;
transition: all 0.3s
}
.tab-active-js {
opacity: 1;
top: 20px;
visibility: visible
}
.tabs-buttons {
font-size: 14px;
border-bottom: 3px solid #eee;
}
.tabs-buttons__btn {
position: relative;
display: block;
width: 100%;
text-decoration: none;
font-weight: bold;
border: none;
border-bottom-width: 0;
color: #333;
background-color: #fff;
outline: none;
padding: 12px 20px;
cursor: pointer;
transition: all .3s;
}
.tabs-buttons__btn:before {
content: '';
position: absolute;
bottom: -3px;
left: 0;
right: 0;
height: 3px;
background-color: transparent;
transition: all .3s;
}
.tabs-buttons__btn:hover:before,
.tabs-buttons__btn--active:before {
background-color: #ee6688;
}
.tabs-sections {
position: relative;
padding: 20px 0;
height: 100%;
}
@media screen and (min-width: 640px) {
.tabs-buttons {
font-size: 0;
}
.tabs-buttons__btn {
position: relative;
width: auto;
display: inline-block;
font-size: 14px;
}
.tabs-buttons__btn:not(:last-child) {
margin-right: 5px;
}
}
@media screen and (max-width: 640px) {
.tabs-buttons__btn:before {
bottom: 0px !important;
}
.tabs-sections {
border-top: 3px solid #eee;
}
.tabs-buttons {
border-bottom: none;
}
.qty input[type="number"] {
padding: 0 !important;
}
} .wgb-owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent; position: relative;
z-index: 1;
overflow: hidden;
padding-bottom: 5px;
}
.wgb-owl-carousel .wgb-owl-stage {
position: relative;
-ms-touch-action: pan-Y;
touch-action: manipulation;
-moz-backface-visibility: hidden; }
.wgb-owl-carousel .wgb-owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.wgb-owl-carousel .wgb-owl-stage-outer {
position: relative;
overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px);
}
.wgb-owl-carousel .wgb-owl-wrapper,
.wgb-owl-carousel .wgb-owl-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
}
.wgb-owl-carousel .wgb-owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
}
.wgb-owl-carousel .wgb-owl-item img {
display: block;
width: 100%;
max-width: 100%;
}
.wgb-owl-carousel .wgb-owl-nav.disabled,
.wgb-owl-carousel .wgb-owl-dots.disabled {
display: none;
}
.wgb-owl-carousel .wgb-owl-nav .wgb-owl-prev,
.wgb-owl-carousel .wgb-owl-nav .wgb-owl-next,
.wgb-owl-carousel .wgb-owl-dot {
cursor: pointer;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.wgb-owl-carousel .wgb-owl-nav button.wgb-owl-prev,
.wgb-owl-carousel .wgb-owl-nav button.wgb-owl-next,
.wgb-owl-carousel button.wgb-owl-dot {
background: none;
color: inherit;
border: none;
padding: 0 !important;
font: inherit;
}
.adv-gift-section .owl-nav .owl-prev,
.adv-gift-section .owl-nav .owl-next {
position: absolute;
top: 0;
bottom: 0;
margin: auto;
width: 40px;
height: 40px;
background: rgba(0, 0, 0, 0.5) !important;
color: #fff !important;
z-index: 999;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
text-align: center;
line-height: 40px;
}
.adv-gift-section .owl-nav .owl-prev {
left: 5px;
}
.adv-gift-section .owl-nav .owl-next {
right: 5px;
}
.adv-gift-section .owl-rtl .owl-nav .owl-prev {
right: 5px;
left: auto;
}
.adv-gift-section .owl-rtl .owl-nav .owl-next {
left: 5px;
right: auto;
}
.wgb-owl-carousel.wgb-owl-loaded {
display: block;
}
.wgb-owl-carousel.wgb-owl-loading {
opacity: 0;
display: block;
}
.wgb-owl-carousel.wgb-owl-hidden {
opacity: 0;
}
.wgb-owl-carousel.wgb-owl-refresh .wgb-owl-item {
visibility: hidden;
}
.wgb-owl-carousel.wgb-owl-drag .wgb-owl-item {
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.wgb-owl-carousel.wgb-owl-grab {
cursor: move;
cursor: grab;
}
.wgb-owl-carousel.wgb-owl-rtl {
direction: rtl;
}
.wgb-owl-carousel.wgb-owl-rtl .wgb-owl-item {
float: right;
} .no-js .wgb-owl-carousel {
display: block;
} .wgb-owl-carousel .animated {
animation-duration: 1000ms;
animation-fill-mode: both;
}
.wgb-owl-carousel .wgb-owl-animated-in {
z-index: 0;
}
.wgb-owl-carousel .wgb-owl-animated-out {
z-index: 1;
}
.wgb-owl-carousel .fadeOut {
animation-name: fadeOut;
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
} .wgb-owl-height {
transition: height 500ms ease-in-out;
} .wgb-owl-carousel .wgb-owl-item { }
.wgb-owl-carousel .wgb-owl-item .wgb-owl-lazy {
opacity: 0;
transition: opacity 400ms ease;
}
.wgb-owl-carousel .wgb-owl-item .wgb-owl-lazy[src^=""],
.wgb-owl-carousel .wgb-owl-item .wgb-owl-lazy:not([src]) {
max-height: 0;
}
.wgb-owl-carousel .wgb-owl-item img.wgb-owl-lazy {
transform-style: preserve-3d;
} .wgb-owl-carousel .wgb-owl-video-wrapper {
position: relative;
height: 100%;
background: #000;
}
.wgb-owl-carousel .wgb-owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url(//www.flintandflame.co.uk/wp-content/plugins/ithemeland-free-gifts-for-woocommerce/frontend/assets/css/style/owl.video.play.png) no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
transition: transform 100ms ease;
}
.wgb-owl-carousel .wgb-owl-video-play-icon:hover {
-ms-transform: scale(1.3, 1.3);
transform: scale(1.3, 1.3);
}
.wgb-owl-carousel .wgb-owl-video-playing .wgb-owl-video-tn,
.wgb-owl-carousel .wgb-owl-video-playing .wgb-owl-video-play-icon {
display: none;
}
.wgb-owl-carousel .wgb-owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
transition: opacity 400ms ease;
}
.wgb-owl-carousel .wgb-owl-video-frame {
position: relative;
z-index: 1;
height: 100%;
width: 100%;
}
.wgb-owl-nav>div {
position: absolute;
width: 35px;
height: 35px;
line-height: 35px;
text-align: center;
z-index: 1;
font-size: 17px;
transition: all 0.3s;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
top: 50%;
margin-top: -17px;
background-color: rgba(0, 0, 0, 0.1);
}
.wgb-owl-nav>div i {
line-height: 35px;
}
.wgb-owl-nav>div:hover {
background-color: rgba(0, 0, 0, 0.5);
color: #ffffff;
}
.wgb-owl-nav .wgb-owl-prev {
left: -35px;
}
.wgb-owl-nav .wgb-owl-next {
right: -35px;
}
.wgb-owl-carousel:hover .wgb-owl-nav .wgb-owl-next {
right: 10px;
}
.wgb-owl-carousel:hover .wgb-owl-nav .wgb-owl-prev {
left: 10px;
}
.adv-gift-section .owl-dots {
width: 100%;
text-align: center;
margin-top: 10px;
}
.adv-gift-section .owl-dots .owl-dot {
display: inline-block;
width: 10px;
min-width: 10px;
height: 10px;
min-height: 10px;
max-height: 10px;
background-color: #333 !important;
margin-right: 8px;
border-radius: 10px;
box-shadow: 0 0 0 3px transparent;
transition: all 0.3s;
}
.adv-gift-section .owl-dots .wgb-owl-dot:active,
.owl-dots .owl-dot:focus {
outline: none !important;
}
.adv-gift-section .owl-dot.active {
box-shadow: 0 0 0 2px;
background-color: #000 !important;
}  .wgb-page-moveToLeft {
-webkit-animation: moveToLeft .6s ease both;
animation: moveToLeft .6s ease both;
}
.wgb-page-moveFromLeft {
-webkit-animation: moveFromLeft .6s ease both;
animation: moveFromLeft .6s ease both;
}
.wgb-page-moveToRight {
-webkit-animation: moveToRight .6s ease both;
animation: moveToRight .6s ease both;
}
.wgb-page-moveFromRight {
-webkit-animation: moveFromRight .6s ease both;
animation: moveFromRight .6s ease both;
}
.wgb-page-moveToTop {
-webkit-animation: moveToTop .6s ease both;
animation: moveToTop .6s ease both;
}
.wgb-page-moveFromTop {
-webkit-animation: moveFromTop .6s ease both;
animation: moveFromTop .6s ease both;
}
.wgb-page-moveToBottom {
-webkit-animation: moveToBottom .6s ease both;
animation: moveToBottom .6s ease both;
}
.wgb-page-moveFromBottom {
-webkit-animation: moveFromBottom .6s ease both;
animation: moveFromBottom .6s ease both;
} .wgb-page-fade {
-webkit-animation: fade .7s ease both;
animation: fade .7s ease both;
} .wgb-page-moveToLeftFade {
-webkit-animation: moveToLeftFade .7s ease both;
animation: moveToLeftFade .7s ease both;
}
.wgb-page-moveFromLeftFade {
-webkit-animation: moveFromLeftFade .7s ease both;
animation: moveFromLeftFade .7s ease both;
}
.wgb-page-moveToRightFade {
-webkit-animation: moveToRightFade .7s ease both;
animation: moveToRightFade .7s ease both;
}
.wgb-page-moveFromRightFade {
-webkit-animation: moveFromRightFade .7s ease both;
animation: moveFromRightFade .7s ease both;
}
.wgb-page-moveToTopFade {
-webkit-animation: moveToTopFade .7s ease both;
animation: moveToTopFade .7s ease both;
}
.wgb-page-moveFromTopFade {
-webkit-animation: moveFromTopFade .7s ease both;
animation: moveFromTopFade .7s ease both;
}
.wgb-page-moveToBottomFade {
-webkit-animation: moveToBottomFade .7s ease both;
animation: moveToBottomFade .7s ease both;
}
.wgb-page-moveFromBottomFade {
-webkit-animation: moveFromBottomFade .7s ease both;
animation: moveFromBottomFade .7s ease both;
} .wgb-page-moveToLeftEasing {
-webkit-animation: moveToLeft .7s ease-in-out both;
animation: moveToLeft .7s ease-in-out both;
}
.wgb-page-moveToRightEasing {
-webkit-animation: moveToRight .7s ease-in-out both;
animation: moveToRight .7s ease-in-out both;
}
.wgb-page-moveToTopEasing {
-webkit-animation: moveToTop .7s ease-in-out both;
animation: moveToTop .7s ease-in-out both;
}
.wgb-page-moveToBottomEasing {
-webkit-animation: moveToBottom .7s ease-in-out both;
animation: moveToBottom .7s ease-in-out both;
}  @-webkit-keyframes moveToLeft {
from {}
to {
-webkit-transform: translateX(-100%);
}
}
@keyframes moveToLeft {
from {}
to {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
}
@-webkit-keyframes moveFromLeft {
from {
-webkit-transform: translateX(-100%);
}
}
@keyframes moveFromLeft {
from {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
}
@-webkit-keyframes moveToRight {
from {}
to {
-webkit-transform: translateX(100%);
}
}
@keyframes moveToRight {
from {}
to {
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
}
@-webkit-keyframes moveFromRight {
from {
-webkit-transform: translateX(100%);
}
}
@keyframes moveFromRight {
from {
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
}
@-webkit-keyframes moveToTop {
from {}
to {
-webkit-transform: translateY(-100%);
}
}
@keyframes moveToTop {
from {}
to {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
}
@-webkit-keyframes moveFromTop {
from {
-webkit-transform: translateY(-100%);
}
}
@keyframes moveFromTop {
from {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
}
@-webkit-keyframes moveToBottom {
from {}
to {
-webkit-transform: translateY(100%);
}
}
@keyframes moveToBottom {
from {}
to {
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
}
@-webkit-keyframes moveFromBottom {
from {
-webkit-transform: translateY(100%);
}
}
@keyframes moveFromBottom {
from {
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
} @-webkit-keyframes fade {
from {}
to {
opacity: 0.3;
}
}
@keyframes fade {
from {}
to {
opacity: 0.3;
}
} @-webkit-keyframes moveToLeftFade {
from {}
to {
opacity: 0.3;
-webkit-transform: translateX(-100%);
}
}
@keyframes moveToLeftFade {
from {}
to {
opacity: 0.3;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
}
@-webkit-keyframes moveFromLeftFade {
from {
opacity: 0.3;
-webkit-transform: translateX(-100%);
}
}
@keyframes moveFromLeftFade {
from {
opacity: 0.3;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
}
@-webkit-keyframes moveToRightFade {
from {}
to {
opacity: 0.3;
-webkit-transform: translateX(100%);
}
}
@keyframes moveToRightFade {
from {}
to {
opacity: 0.3;
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
}
@-webkit-keyframes moveFromRightFade {
from {
opacity: 0.3;
-webkit-transform: translateX(100%);
}
}
@keyframes moveFromRightFade {
from {
opacity: 0.3;
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
}
@-webkit-keyframes moveToTopFade {
from {}
to {
opacity: 0.3;
-webkit-transform: translateY(-100%);
}
}
@keyframes moveToTopFade {
from {}
to {
opacity: 0.3;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
}
@-webkit-keyframes moveFromTopFade {
from {
opacity: 0.3;
-webkit-transform: translateY(-100%);
}
}
@keyframes moveFromTopFade {
from {
opacity: 0.3;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
}
@-webkit-keyframes moveToBottomFade {
from {}
to {
opacity: 0.3;
-webkit-transform: translateY(100%);
}
}
@keyframes moveToBottomFade {
from {}
to {
opacity: 0.3;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
}
@-webkit-keyframes moveFromBottomFade {
from {
opacity: 0.3;
-webkit-transform: translateY(100%);
}
}
@keyframes moveFromBottomFade {
from {
opacity: 0.3;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
} .wgb-page-scaleDown {
-webkit-animation: scaleDown .7s ease both;
animation: scaleDown .7s ease both;
}
.wgb-page-scaleUp {
-webkit-animation: scaleUp .3s ease both;
animation: scaleUp .3s ease both;
}
.wgb-page-scaleUpDown {
-webkit-animation: scaleUpDown .5s ease both;
animation: scaleUpDown .5s ease both;
}
.wgb-page-scaleDownUp {
-webkit-animation: scaleDownUp .5s ease both;
animation: scaleDownUp .5s ease both;
}
.wgb-page-scaleDownCenter {
-webkit-animation: scaleDownCenter .4s ease-in both;
animation: scaleDownCenter .4s ease-in both;
}
.wgb-page-scaleUpCenter {
-webkit-animation: scaleUpCenter .4s ease-out both;
animation: scaleUpCenter .4s ease-out both;
}  @-webkit-keyframes scaleDown {
from {}
to {
opacity: 0;
-webkit-transform: scale(.8);
}
}
@keyframes scaleDown {
from {}
to {
opacity: 0;
-webkit-transform: scale(.8);
transform: scale(.8);
}
}
@-webkit-keyframes scaleUp {
from {
opacity: 0;
-webkit-transform: scale(1);
}
}
@keyframes scaleUp {
from {
opacity: 0;
-webkit-transform: scale(1);
transform: scale(1);
}
}
@-webkit-keyframes scaleUpDown {
from {
opacity: 0;
-webkit-transform: scale(1.2);
}
}
@keyframes scaleUpDown {
from {
opacity: 0;
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
}
@-webkit-keyframes scaleDownUp {
from {}
to {
opacity: 0;
-webkit-transform: scale(1.2);
}
}
@keyframes scaleDownUp {
from {}
to {
opacity: 0;
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
}
@-webkit-keyframes scaleDownCenter {
from {}
to {
opacity: 0;
-webkit-transform: scale(.7);
}
}
@keyframes scaleDownCenter {
from {}
to {
opacity: 0;
-webkit-transform: scale(.7);
transform: scale(.7);
}
}
@-webkit-keyframes scaleUpCenter {
from {
opacity: 0;
-webkit-transform: scale(.7);
}
}
@keyframes scaleUpCenter {
from {
opacity: 0;
-webkit-transform: scale(.7);
transform: scale(.7);
}
} .wgb-page-rotateRightSideFirst {
-webkit-transform-origin: 0% 50%;
transform-origin: 0% 50%;
-webkit-animation: rotateRightSideFirst .8s both ease-in;
animation: rotateRightSideFirst .8s both ease-in;
}
.wgb-page-rotateLeftSideFirst {
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-animation: rotateLeftSideFirst .8s both ease-in;
animation: rotateLeftSideFirst .8s both ease-in;
}
.wgb-page-rotateTopSideFirst {
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-animation: rotateTopSideFirst .8s both ease-in;
animation: rotateTopSideFirst .8s both ease-in;
}
.wgb-page-rotateBottomSideFirst {
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
-webkit-animation: rotateBottomSideFirst .8s both ease-in;
animation: rotateBottomSideFirst .8s both ease-in;
} .wgb-page-flipOutRight {
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-animation: flipOutRight .5s both ease-in;
animation: flipOutRight .5s both ease-in;
}
.wgb-page-flipInLeft {
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-animation: flipInLeft .5s both ease-out;
animation: flipInLeft .5s both ease-out;
}
.wgb-page-flipOutLeft {
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-animation: flipOutLeft .5s both ease-in;
animation: flipOutLeft .5s both ease-in;
}
.wgb-page-flipInRight {
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-animation: flipInRight .5s both ease-out;
animation: flipInRight .5s both ease-out;
}
.wgb-page-flipOutTop {
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-animation: flipOutTop .5s both ease-in;
animation: flipOutTop .5s both ease-in;
}
.wgb-page-flipInBottom {
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-animation: flipInBottom .5s both ease-out;
animation: flipInBottom .5s both ease-out;
}
.wgb-page-flipOutBottom {
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-animation: flipOutBottom .5s both ease-in;
animation: flipOutBottom .5s both ease-in;
}
.wgb-page-flipInTop {
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-animation: flipInTop .5s both ease-out;
animation: flipInTop .5s both ease-out;
} .wgb-page-rotateFall {
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
-webkit-animation: rotateFall 1s both ease-in;
animation: rotateFall 1s both ease-in;
} .wgb-page-rotateOutNewspaper {
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-animation: rotateOutNewspaper .5s both ease-in;
animation: rotateOutNewspaper .5s both ease-in;
}
.wgb-page-rotateInNewspaper {
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-animation: rotateInNewspaper .5s both ease-out;
animation: rotateInNewspaper .5s both ease-out;
} .wgb-page-rotatePushLeft {
-webkit-transform-origin: 0% 50%;
transform-origin: 0% 50%;
-webkit-animation: rotatePushLeft .8s both ease;
animation: rotatePushLeft .8s both ease;
}
.wgb-page-rotatePushRight {
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-animation: rotatePushRight .8s both ease;
animation: rotatePushRight .8s both ease;
}
.wgb-page-rotatePushTop {
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
-webkit-animation: rotatePushTop .8s both ease;
animation: rotatePushTop .8s both ease;
}
.wgb-page-rotatePushBottom {
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-animation: rotatePushBottom .8s both ease;
animation: rotatePushBottom .8s both ease;
} .wgb-page-rotatePullRight {
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-animation: rotatePullRight .5s both ease;
animation: rotatePullRight .5s both ease;
}
.wgb-page-rotatePullLeft {
-webkit-transform-origin: 0% 50%;
transform-origin: 0% 50%;
-webkit-animation: rotatePullLeft .5s both ease;
animation: rotatePullLeft .5s both ease;
}
.wgb-page-rotatePullTop {
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
-webkit-animation: rotatePullTop .5s both ease;
animation: rotatePullTop .5s both ease;
}
.wgb-page-rotatePullBottom {
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-animation: rotatePullBottom .5s both ease;
animation: rotatePullBottom .5s both ease;
} .wgb-page-rotateFoldRight {
-webkit-transform-origin: 0% 50%;
transform-origin: 0% 50%;
-webkit-animation: rotateFoldRight .7s both ease;
animation: rotateFoldRight .7s both ease;
}
.wgb-page-rotateFoldLeft {
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-animation: rotateFoldLeft .7s both ease;
animation: rotateFoldLeft .7s both ease;
}
.wgb-page-rotateFoldTop {
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-animation: rotateFoldTop .7s both ease;
animation: rotateFoldTop .7s both ease;
}
.wgb-page-rotateFoldBottom {
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
-webkit-animation: rotateFoldBottom .7s both ease;
animation: rotateFoldBottom .7s both ease;
} .wgb-page-rotateUnfoldLeft {
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-animation: rotateUnfoldLeft .7s both ease;
animation: rotateUnfoldLeft .7s both ease;
}
.wgb-page-rotateUnfoldRight {
-webkit-transform-origin: 0% 50%;
transform-origin: 0% 50%;
-webkit-animation: rotateUnfoldRight .7s both ease;
animation: rotateUnfoldRight .7s both ease;
}
.wgb-page-rotateUnfoldTop {
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-animation: rotateUnfoldTop .7s both ease;
animation: rotateUnfoldTop .7s both ease;
}
.wgb-page-rotateUnfoldBottom {
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
-webkit-animation: rotateUnfoldBottom .7s both ease;
animation: rotateUnfoldBottom .7s both ease;
} .wgb-page-rotateRoomLeftOut {
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-animation: rotateRoomLeftOut .8s both ease;
animation: rotateRoomLeftOut .8s both ease;
}
.wgb-page-rotateRoomLeftIn {
-webkit-transform-origin: 0% 50%;
transform-origin: 0% 50%;
-webkit-animation: rotateRoomLeftIn .8s both ease;
animation: rotateRoomLeftIn .8s both ease;
}
.wgb-page-rotateRoomRightOut {
-webkit-transform-origin: 0% 50%;
transform-origin: 0% 50%;
-webkit-animation: rotateRoomRightOut .8s both ease;
animation: rotateRoomRightOut .8s both ease;
}
.wgb-page-rotateRoomRightIn {
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-animation: rotateRoomRightIn .8s both ease;
animation: rotateRoomRightIn .8s both ease;
}
.wgb-page-rotateRoomTopOut {
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-animation: rotateRoomTopOut .8s both ease;
animation: rotateRoomTopOut .8s both ease;
}
.wgb-page-rotateRoomTopIn {
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
-webkit-animation: rotateRoomTopIn .8s both ease;
animation: rotateRoomTopIn .8s both ease;
}
.wgb-page-rotateRoomBottomOut {
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
-webkit-animation: rotateRoomBottomOut .8s both ease;
animation: rotateRoomBottomOut .8s both ease;
}
.wgb-page-rotateRoomBottomIn {
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-animation: rotateRoomBottomIn .8s both ease;
animation: rotateRoomBottomIn .8s both ease;
} .wgb-page-rotateCubeLeftOut {
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-animation: rotateCubeLeftOut .6s both ease-in;
animation: rotateCubeLeftOut .6s both ease-in;
}
.wgb-page-rotateCubeLeftIn {
-webkit-transform-origin: 0% 50%;
transform-origin: 0% 50%;
-webkit-animation: rotateCubeLeftIn .6s both ease-in;
animation: rotateCubeLeftIn .6s both ease-in;
}
.wgb-page-rotateCubeRightOut {
-webkit-transform-origin: 0% 50%;
transform-origin: 0% 50%;
-webkit-animation: rotateCubeRightOut .6s both ease-in;
animation: rotateCubeRightOut .6s both ease-in;
}
.wgb-page-rotateCubeRightIn {
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-animation: rotateCubeRightIn .6s both ease-in;
animation: rotateCubeRightIn .6s both ease-in;
}
.wgb-page-rotateCubeTopOut {
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-animation: rotateCubeTopOut .6s both ease-in;
animation: rotateCubeTopOut .6s both ease-in;
}
.wgb-page-rotateCubeTopIn {
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
-webkit-animation: rotateCubeTopIn .6s both ease-in;
animation: rotateCubeTopIn .6s both ease-in;
}
.wgb-page-rotateCubeBottomOut {
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
-webkit-animation: rotateCubeBottomOut .6s both ease-in;
animation: rotateCubeBottomOut .6s both ease-in;
}
.wgb-page-rotateCubeBottomIn {
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-animation: rotateCubeBottomIn .6s both ease-in;
animation: rotateCubeBottomIn .6s both ease-in;
} .wgb-page-rotateCarouselLeftOut {
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-animation: rotateCarouselLeftOut .8s both ease;
animation: rotateCarouselLeftOut .8s both ease;
}
.wgb-page-rotateCarouselLeftIn {
-webkit-transform-origin: 0% 50%;
transform-origin: 0% 50%;
-webkit-animation: rotateCarouselLeftIn .8s both ease;
animation: rotateCarouselLeftIn .8s both ease;
}
.wgb-page-rotateCarouselRightOut {
-webkit-transform-origin: 0% 50%;
transform-origin: 0% 50%;
-webkit-animation: rotateCarouselRightOut .8s both ease;
animation: rotateCarouselRightOut .8s both ease;
}
.wgb-page-rotateCarouselRightIn {
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-animation: rotateCarouselRightIn .8s both ease;
animation: rotateCarouselRightIn .8s both ease;
}
.wgb-page-rotateCarouselTopOut {
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-animation: rotateCarouselTopOut .8s both ease;
animation: rotateCarouselTopOut .8s both ease;
}
.wgb-page-rotateCarouselTopIn {
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
-webkit-animation: rotateCarouselTopIn .8s both ease;
animation: rotateCarouselTopIn .8s both ease;
}
.wgb-page-rotateCarouselBottomOut {
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
-webkit-animation: rotateCarouselBottomOut .8s both ease;
animation: rotateCarouselBottomOut .8s both ease;
}
.wgb-page-rotateCarouselBottomIn {
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-animation: rotateCarouselBottomIn .8s both ease;
animation: rotateCarouselBottomIn .8s both ease;
} .wgb-page-rotateSidesOut {
-webkit-transform-origin: -50% 50%;
transform-origin: -50% 50%;
-webkit-animation: rotateSidesOut .5s both ease-in;
animation: rotateSidesOut .5s both ease-in;
}
.wgb-page-rotateSidesIn {
-webkit-transform-origin: 150% 50%;
transform-origin: 150% 50%;
-webkit-animation: rotateSidesIn .5s both ease-out;
animation: rotateSidesIn .5s both ease-out;
} .wgb-page-rotateSlideOut {
-webkit-animation: rotateSlideOut 1s both ease;
animation: rotateSlideOut 1s both ease;
}
.wgb-page-rotateSlideIn {
-webkit-animation: rotateSlideIn 1s both ease;
animation: rotateSlideIn 1s both ease;
}  @-webkit-keyframes rotateRightSideFirst {
0% {}
40% {
-webkit-transform: rotateY(15deg);
opacity: .8;
-webkit-animation-timing-function: ease-out;
}
100% {
-webkit-transform: scale(0.8) translateZ(-200px);
opacity: 0;
}
}
@keyframes rotateRightSideFirst {
0% {}
40% {
-webkit-transform: rotateY(15deg);
transform: rotateY(15deg);
opacity: .8;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
100% {
-webkit-transform: scale(0.8) translateZ(-200px);
transform: scale(0.8) translateZ(-200px);
opacity: 0;
}
}
@-webkit-keyframes rotateLeftSideFirst {
0% {}
40% {
-webkit-transform: rotateY(-15deg);
opacity: .8;
-webkit-animation-timing-function: ease-out;
}
100% {
-webkit-transform: scale(0.8) translateZ(-200px);
opacity: 0;
}
}
@keyframes rotateLeftSideFirst {
0% {}
40% {
-webkit-transform: rotateY(-15deg);
transform: rotateY(-15deg);
opacity: .8;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
100% {
-webkit-transform: scale(0.8) translateZ(-200px);
transform: scale(0.8) translateZ(-200px);
opacity: 0;
}
}
@-webkit-keyframes rotateTopSideFirst {
0% {}
40% {
-webkit-transform: rotateX(15deg);
opacity: .8;
-webkit-animation-timing-function: ease-out;
}
100% {
-webkit-transform: scale(0.8) translateZ(-200px);
opacity: 0;
}
}
@keyframes rotateTopSideFirst {
0% {}
40% {
-webkit-transform: rotateX(15deg);
transform: rotateX(15deg);
opacity: .8;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
100% {
-webkit-transform: scale(0.8) translateZ(-200px);
transform: scale(0.8) translateZ(-200px);
opacity: 0;
}
}
@-webkit-keyframes rotateBottomSideFirst {
0% {}
40% {
-webkit-transform: rotateX(-15deg);
opacity: .8;
-webkit-animation-timing-function: ease-out;
}
100% {
-webkit-transform: scale(0.8) translateZ(-200px);
opacity: 0;
}
}
@keyframes rotateBottomSideFirst {
0% {}
40% {
-webkit-transform: rotateX(-15deg);
transform: rotateX(-15deg);
opacity: .8;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
100% {
-webkit-transform: scale(0.8) translateZ(-200px);
transform: scale(0.8) translateZ(-200px);
opacity: 0;
}
} @-webkit-keyframes flipOutRight {
from {}
to {
-webkit-transform: translateZ(-1000px) rotateY(90deg);
opacity: 0.2;
}
}
@keyframes flipOutRight {
from {}
to {
-webkit-transform: translateZ(-1000px) rotateY(90deg);
transform: translateZ(-1000px) rotateY(90deg);
opacity: 0.2;
}
}
@-webkit-keyframes flipInLeft {
from {
-webkit-transform: translateZ(-1000px) rotateY(-90deg);
opacity: 0.2;
}
}
@keyframes flipInLeft {
from {
-webkit-transform: translateZ(-1000px) rotateY(-90deg);
transform: translateZ(-1000px) rotateY(-90deg);
opacity: 0.2;
}
}
@-webkit-keyframes flipOutLeft {
from {}
to {
-webkit-transform: translateZ(-1000px) rotateY(-90deg);
opacity: 0.2;
}
}
@keyframes flipOutLeft {
from {}
to {
-webkit-transform: translateZ(-1000px) rotateY(-90deg);
transform: translateZ(-1000px) rotateY(-90deg);
opacity: 0.2;
}
}
@-webkit-keyframes flipInRight {
from {
-webkit-transform: translateZ(-1000px) rotateY(90deg);
opacity: 0.2;
}
}
@keyframes flipInRight {
from {
-webkit-transform: translateZ(-1000px) rotateY(90deg);
transform: translateZ(-1000px) rotateY(90deg);
opacity: 0.2;
}
}
@-webkit-keyframes flipOutTop {
from {}
to {
-webkit-transform: translateZ(-1000px) rotateX(90deg);
opacity: 0.2;
}
}
@keyframes flipOutTop {
from {}
to {
-webkit-transform: translateZ(-1000px) rotateX(90deg);
transform: translateZ(-1000px) rotateX(90deg);
opacity: 0.2;
}
}
@-webkit-keyframes flipInBottom {
from {
-webkit-transform: translateZ(-1000px) rotateX(-90deg);
opacity: 0.2;
}
}
@keyframes flipInBottom {
from {
-webkit-transform: translateZ(-1000px) rotateX(-90deg);
transform: translateZ(-1000px) rotateX(-90deg);
opacity: 0.2;
}
}
@-webkit-keyframes flipOutBottom {
from {}
to {
-webkit-transform: translateZ(-1000px) rotateX(-90deg);
opacity: 0.2;
}
}
@keyframes flipOutBottom {
from {}
to {
-webkit-transform: translateZ(-1000px) rotateX(-90deg);
transform: translateZ(-1000px) rotateX(-90deg);
opacity: 0.2;
}
}
@-webkit-keyframes flipInTop {
from {
-webkit-transform: translateZ(-1000px) rotateX(90deg);
opacity: 0.2;
}
}
@keyframes flipInTop {
from {
-webkit-transform: translateZ(-1000px) rotateX(90deg);
transform: translateZ(-1000px) rotateX(90deg);
opacity: 0.2;
}
} @-webkit-keyframes rotateFall {
0% {
-webkit-transform: rotateZ(0deg);
}
20% {
-webkit-transform: rotateZ(10deg);
-webkit-animation-timing-function: ease-out;
}
40% {
-webkit-transform: rotateZ(17deg);
}
60% {
-webkit-transform: rotateZ(16deg);
}
100% {
-webkit-transform: translateY(100%) rotateZ(17deg);
}
}
@keyframes rotateFall {
0% {
-webkit-transform: rotateZ(0deg);
transform: rotateZ(0deg);
}
20% {
-webkit-transform: rotateZ(10deg);
transform: rotateZ(10deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: rotateZ(17deg);
transform: rotateZ(17deg);
}
60% {
-webkit-transform: rotateZ(16deg);
transform: rotateZ(16deg);
}
100% {
-webkit-transform: translateY(100%) rotateZ(17deg);
transform: translateY(100%) rotateZ(17deg);
}
} @-webkit-keyframes rotateOutNewspaper {
from {}
to {
-webkit-transform: translateZ(-3000px) rotateZ(360deg);
opacity: 0;
}
}
@keyframes rotateOutNewspaper {
from {}
to {
-webkit-transform: translateZ(-3000px) rotateZ(360deg);
transform: translateZ(-3000px) rotateZ(360deg);
opacity: 0;
}
}
@-webkit-keyframes rotateInNewspaper {
from {
-webkit-transform: translateZ(-3000px) rotateZ(-360deg);
opacity: 0;
}
}
@keyframes rotateInNewspaper {
from {
-webkit-transform: translateZ(-3000px) rotateZ(-360deg);
transform: translateZ(-3000px) rotateZ(-360deg);
opacity: 0;
}
} @-webkit-keyframes rotatePushLeft {
from {}
to {
opacity: 0;
-webkit-transform: rotateY(90deg);
}
}
@keyframes rotatePushLeft {
from {}
to {
opacity: 0;
-webkit-transform: rotateY(90deg);
transform: rotateY(90deg);
}
}
@-webkit-keyframes rotatePushRight {
from {}
to {
opacity: 0;
-webkit-transform: rotateY(-90deg);
}
}
@keyframes rotatePushRight {
from {}
to {
opacity: 0;
-webkit-transform: rotateY(-90deg);
transform: rotateY(-90deg);
}
}
@-webkit-keyframes rotatePushTop {
from {}
to {
opacity: 0;
-webkit-transform: rotateX(-90deg);
}
}
@keyframes rotatePushTop {
from {}
to {
opacity: 0;
-webkit-transform: rotateX(-90deg);
transform: rotateX(-90deg);
}
}
@-webkit-keyframes rotatePushBottom {
from {}
to {
opacity: 0;
-webkit-transform: rotateX(90deg);
}
}
@keyframes rotatePushBottom {
from {}
to {
opacity: 0;
-webkit-transform: rotateX(90deg);
transform: rotateX(90deg);
}
} @-webkit-keyframes rotatePullRight {
from {
opacity: 0;
-webkit-transform: rotateY(-90deg);
}
}
@keyframes rotatePullRight {
from {
opacity: 0;
-webkit-transform: rotateY(-90deg);
transform: rotateY(-90deg);
}
}
@-webkit-keyframes rotatePullLeft {
from {
opacity: 0;
-webkit-transform: rotateY(90deg);
}
}
@keyframes rotatePullLeft {
from {
opacity: 0;
-webkit-transform: rotateY(90deg);
transform: rotateY(90deg);
}
}
@-webkit-keyframes rotatePullTop {
from {
opacity: 0;
-webkit-transform: rotateX(-90deg);
}
}
@keyframes rotatePullTop {
from {
opacity: 0;
-webkit-transform: rotateX(-90deg);
transform: rotateX(-90deg);
}
}
@-webkit-keyframes rotatePullBottom {
from {
opacity: 0;
-webkit-transform: rotateX(90deg);
}
}
@keyframes rotatePullBottom {
from {
opacity: 0;
-webkit-transform: rotateX(90deg);
transform: rotateX(90deg);
}
} @-webkit-keyframes rotateFoldRight {
from {}
to {
opacity: 0;
-webkit-transform: translateX(100%) rotateY(90deg);
}
}
@keyframes rotateFoldRight {
from {}
to {
opacity: 0;
-webkit-transform: translateX(100%) rotateY(90deg);
transform: translateX(100%) rotateY(90deg);
}
}
@-webkit-keyframes rotateFoldLeft {
from {}
to {
opacity: 0;
-webkit-transform: translateX(-100%) rotateY(-90deg);
}
}
@keyframes rotateFoldLeft {
from {}
to {
opacity: 0;
-webkit-transform: translateX(-100%) rotateY(-90deg);
transform: translateX(-100%) rotateY(-90deg);
}
}
@-webkit-keyframes rotateFoldTop {
from {}
to {
opacity: 0;
-webkit-transform: translateY(-100%) rotateX(90deg);
}
}
@keyframes rotateFoldTop {
from {}
to {
opacity: 0;
-webkit-transform: translateY(-100%) rotateX(90deg);
transform: translateY(-100%) rotateX(90deg);
}
}
@-webkit-keyframes rotateFoldBottom {
from {}
to {
opacity: 0;
-webkit-transform: translateY(100%) rotateX(-90deg);
}
}
@keyframes rotateFoldBottom {
from {}
to {
opacity: 0;
-webkit-transform: translateY(100%) rotateX(-90deg);
transform: translateY(100%) rotateX(-90deg);
}
} @-webkit-keyframes rotateUnfoldLeft {
from {
opacity: 0;
-webkit-transform: translateX(-100%) rotateY(-90deg);
}
}
@keyframes rotateUnfoldLeft {
from {
opacity: 0;
-webkit-transform: translateX(-100%) rotateY(-90deg);
transform: translateX(-100%) rotateY(-90deg);
}
}
@-webkit-keyframes rotateUnfoldRight {
from {
opacity: 0;
-webkit-transform: translateX(100%) rotateY(90deg);
}
}
@keyframes rotateUnfoldRight {
from {
opacity: 0;
-webkit-transform: translateX(100%) rotateY(90deg);
transform: translateX(100%) rotateY(90deg);
}
}
@-webkit-keyframes rotateUnfoldTop {
from {
opacity: 0;
-webkit-transform: translateY(-100%) rotateX(90deg);
}
}
@keyframes rotateUnfoldTop {
from {
opacity: 0;
-webkit-transform: translateY(-100%) rotateX(90deg);
transform: translateY(-100%) rotateX(90deg);
}
}
@-webkit-keyframes rotateUnfoldBottom {
from {
opacity: 0;
-webkit-transform: translateY(100%) rotateX(-90deg);
}
}
@keyframes rotateUnfoldBottom {
from {
opacity: 0;
-webkit-transform: translateY(100%) rotateX(-90deg);
transform: translateY(100%) rotateX(-90deg);
}
} @-webkit-keyframes rotateRoomLeftOut {
from {}
to {
opacity: .3;
-webkit-transform: translateX(-100%) rotateY(90deg);
}
}
@keyframes rotateRoomLeftOut {
from {}
to {
opacity: .3;
-webkit-transform: translateX(-100%) rotateY(90deg);
transform: translateX(-100%) rotateY(90deg);
}
}
@-webkit-keyframes rotateRoomLeftIn {
from {
opacity: .3;
-webkit-transform: translateX(100%) rotateY(-90deg);
}
}
@keyframes rotateRoomLeftIn {
from {
opacity: .3;
-webkit-transform: translateX(100%) rotateY(-90deg);
transform: translateX(100%) rotateY(-90deg);
}
}
@-webkit-keyframes rotateRoomRightOut {
from {}
to {
opacity: .3;
-webkit-transform: translateX(100%) rotateY(-90deg);
}
}
@keyframes rotateRoomRightOut {
from {}
to {
opacity: .3;
-webkit-transform: translateX(100%) rotateY(-90deg);
transform: translateX(100%) rotateY(-90deg);
}
}
@-webkit-keyframes rotateRoomRightIn {
from {
opacity: .3;
-webkit-transform: translateX(-100%) rotateY(90deg);
}
}
@keyframes rotateRoomRightIn {
from {
opacity: .3;
-webkit-transform: translateX(-100%) rotateY(90deg);
transform: translateX(-100%) rotateY(90deg);
}
}
@-webkit-keyframes rotateRoomTopOut {
from {}
to {
opacity: .3;
-webkit-transform: translateY(-100%) rotateX(-90deg);
}
}
@keyframes rotateRoomTopOut {
from {}
to {
opacity: .3;
-webkit-transform: translateY(-100%) rotateX(-90deg);
transform: translateY(-100%) rotateX(-90deg);
}
}
@-webkit-keyframes rotateRoomTopIn {
from {
opacity: .3;
-webkit-transform: translateY(100%) rotateX(90deg);
}
}
@keyframes rotateRoomTopIn {
from {
opacity: .3;
-webkit-transform: translateY(100%) rotateX(90deg);
transform: translateY(100%) rotateX(90deg);
}
}
@-webkit-keyframes rotateRoomBottomOut {
from {}
to {
opacity: .3;
-webkit-transform: translateY(100%) rotateX(90deg);
}
}
@keyframes rotateRoomBottomOut {
from {}
to {
opacity: .3;
-webkit-transform: translateY(100%) rotateX(90deg);
transform: translateY(100%) rotateX(90deg);
}
}
@-webkit-keyframes rotateRoomBottomIn {
from {
opacity: .3;
-webkit-transform: translateY(-100%) rotateX(-90deg);
}
}
@keyframes rotateRoomBottomIn {
from {
opacity: .3;
-webkit-transform: translateY(-100%) rotateX(-90deg);
transform: translateY(-100%) rotateX(-90deg);
}
} @-webkit-keyframes rotateCubeLeftOut {
0% {}
50% {
-webkit-animation-timing-function: ease-out;
-webkit-transform: translateX(-50%) translateZ(-200px) rotateY(-45deg);
}
100% {
opacity: .3;
-webkit-transform: translateX(-100%) rotateY(-90deg);
}
}
@keyframes rotateCubeLeftOut {
0% {}
50% {
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-transform: translateX(-50%) translateZ(-200px) rotateY(-45deg);
transform: translateX(-50%) translateZ(-200px) rotateY(-45deg);
}
100% {
opacity: .3;
-webkit-transform: translateX(-100%) rotateY(-90deg);
transform: translateX(-100%) rotateY(-90deg);
}
}
@-webkit-keyframes rotateCubeLeftIn {
0% {
opacity: .3;
-webkit-transform: translateX(100%) rotateY(90deg);
}
50% {
-webkit-animation-timing-function: ease-out;
-webkit-transform: translateX(50%) translateZ(-200px) rotateY(45deg);
}
}
@keyframes rotateCubeLeftIn {
0% {
opacity: .3;
-webkit-transform: translateX(100%) rotateY(90deg);
transform: translateX(100%) rotateY(90deg);
}
50% {
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-transform: translateX(50%) translateZ(-200px) rotateY(45deg);
transform: translateX(50%) translateZ(-200px) rotateY(45deg);
}
}
@-webkit-keyframes rotateCubeRightOut {
0% {}
50% {
-webkit-animation-timing-function: ease-out;
-webkit-transform: translateX(50%) translateZ(-200px) rotateY(45deg);
}
100% {
opacity: .3;
-webkit-transform: translateX(100%) rotateY(90deg);
}
}
@keyframes rotateCubeRightOut {
0% {}
50% {
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-transform: translateX(50%) translateZ(-200px) rotateY(45deg);
transform: translateX(50%) translateZ(-200px) rotateY(45deg);
}
100% {
opacity: .3;
-webkit-transform: translateX(100%) rotateY(90deg);
transform: translateX(100%) rotateY(90deg);
}
}
@-webkit-keyframes rotateCubeRightIn {
0% {
opacity: .3;
-webkit-transform: translateX(-100%) rotateY(-90deg);
}
50% {
-webkit-animation-timing-function: ease-out;
-webkit-transform: translateX(-50%) translateZ(-200px) rotateY(-45deg);
}
}
@keyframes rotateCubeRightIn {
0% {
opacity: .3;
-webkit-transform: translateX(-100%) rotateY(-90deg);
transform: translateX(-100%) rotateY(-90deg);
}
50% {
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-transform: translateX(-50%) translateZ(-200px) rotateY(-45deg);
transform: translateX(-50%) translateZ(-200px) rotateY(-45deg);
}
}
@-webkit-keyframes rotateCubeTopOut {
0% {}
50% {
-webkit-animation-timing-function: ease-out;
-webkit-transform: translateY(-50%) translateZ(-200px) rotateX(45deg);
}
100% {
opacity: .3;
-webkit-transform: translateY(-100%) rotateX(90deg);
}
}
@keyframes rotateCubeTopOut {
0% {}
50% {
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-transform: translateY(-50%) translateZ(-200px) rotateX(45deg);
transform: translateY(-50%) translateZ(-200px) rotateX(45deg);
}
100% {
opacity: .3;
-webkit-transform: translateY(-100%) rotateX(90deg);
transform: translateY(-100%) rotateX(90deg);
}
}
@-webkit-keyframes rotateCubeTopIn {
0% {
opacity: .3;
-webkit-transform: translateY(100%) rotateX(-90deg);
}
50% {
-webkit-animation-timing-function: ease-out;
-webkit-transform: translateY(50%) translateZ(-200px) rotateX(-45deg);
}
}
@keyframes rotateCubeTopIn {
0% {
opacity: .3;
-webkit-transform: translateY(100%) rotateX(-90deg);
transform: translateY(100%) rotateX(-90deg);
}
50% {
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-transform: translateY(50%) translateZ(-200px) rotateX(-45deg);
transform: translateY(50%) translateZ(-200px) rotateX(-45deg);
}
}
@-webkit-keyframes rotateCubeBottomOut {
0% {}
50% {
-webkit-animation-timing-function: ease-out;
-webkit-transform: translateY(50%) translateZ(-200px) rotateX(-45deg);
}
100% {
opacity: .3;
-webkit-transform: translateY(100%) rotateX(-90deg);
}
}
@keyframes rotateCubeBottomOut {
0% {}
50% {
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-transform: translateY(50%) translateZ(-200px) rotateX(-45deg);
transform: translateY(50%) translateZ(-200px) rotateX(-45deg);
}
100% {
opacity: .3;
-webkit-transform: translateY(100%) rotateX(-90deg);
transform: translateY(100%) rotateX(-90deg);
}
}
@-webkit-keyframes rotateCubeBottomIn {
0% {
opacity: .3;
-webkit-transform: translateY(-100%) rotateX(90deg);
}
50% {
-webkit-animation-timing-function: ease-out;
-webkit-transform: translateY(-50%) translateZ(-200px) rotateX(45deg);
}
}
@keyframes rotateCubeBottomIn {
0% {
opacity: .3;
-webkit-transform: translateY(-100%) rotateX(90deg);
transform: translateY(-100%) rotateX(90deg);
}
50% {
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-transform: translateY(-50%) translateZ(-200px) rotateX(45deg);
transform: translateY(-50%) translateZ(-200px) rotateX(45deg);
}
} @-webkit-keyframes rotateCarouselLeftOut {
from {}
to {
opacity: .3;
-webkit-transform: translateX(-150%) scale(.4) rotateY(-65deg);
}
}
@keyframes rotateCarouselLeftOut {
from {}
to {
opacity: .3;
-webkit-transform: translateX(-150%) scale(.4) rotateY(-65deg);
transform: translateX(-150%) scale(.4) rotateY(-65deg);
}
}
@-webkit-keyframes rotateCarouselLeftIn {
from {
opacity: .3;
-webkit-transform: translateX(200%) scale(.4) rotateY(65deg);
}
}
@keyframes rotateCarouselLeftIn {
from {
opacity: .3;
-webkit-transform: translateX(200%) scale(.4) rotateY(65deg);
transform: translateX(200%) scale(.4) rotateY(65deg);
}
}
@-webkit-keyframes rotateCarouselRightOut {
from {}
to {
opacity: .3;
-webkit-transform: translateX(200%) scale(.4) rotateY(65deg);
}
}
@keyframes rotateCarouselRightOut {
from {}
to {
opacity: .3;
-webkit-transform: translateX(200%) scale(.4) rotateY(65deg);
transform: translateX(200%) scale(.4) rotateY(65deg);
}
}
@-webkit-keyframes rotateCarouselRightIn {
from {
opacity: .3;
-webkit-transform: translateX(-200%) scale(.4) rotateY(-65deg);
}
}
@keyframes rotateCarouselRightIn {
from {
opacity: .3;
-webkit-transform: translateX(-200%) scale(.4) rotateY(-65deg);
transform: translateX(-200%) scale(.4) rotateY(-65deg);
}
}
@-webkit-keyframes rotateCarouselTopOut {
from {}
to {
opacity: .3;
-webkit-transform: translateY(-200%) scale(.4) rotateX(65deg);
}
}
@keyframes rotateCarouselTopOut {
from {}
to {
opacity: .3;
-webkit-transform: translateY(-200%) scale(.4) rotateX(65deg);
transform: translateY(-200%) scale(.4) rotateX(65deg);
}
}
@-webkit-keyframes rotateCarouselTopIn {
from {
opacity: .3;
-webkit-transform: translateY(200%) scale(.4) rotateX(-65deg);
}
}
@keyframes rotateCarouselTopIn {
from {
opacity: .3;
-webkit-transform: translateY(200%) scale(.4) rotateX(-65deg);
transform: translateY(200%) scale(.4) rotateX(-65deg);
}
}
@-webkit-keyframes rotateCarouselBottomOut {
from {}
to {
opacity: .3;
-webkit-transform: translateY(200%) scale(.4) rotateX(-65deg);
}
}
@keyframes rotateCarouselBottomOut {
from {}
to {
opacity: .3;
-webkit-transform: translateY(200%) scale(.4) rotateX(-65deg);
transform: translateY(200%) scale(.4) rotateX(-65deg);
}
}
@-webkit-keyframes rotateCarouselBottomIn {
from {
opacity: .3;
-webkit-transform: translateY(-200%) scale(.4) rotateX(65deg);
}
}
@keyframes rotateCarouselBottomIn {
from {
opacity: .3;
-webkit-transform: translateY(-200%) scale(.4) rotateX(65deg);
transform: translateY(-200%) scale(.4) rotateX(65deg);
}
} @-webkit-keyframes rotateSidesOut {
from {}
to {
opacity: 0;
-webkit-transform: translateZ(-500px) rotateY(90deg);
}
}
@keyframes rotateSidesOut {
from {}
to {
opacity: 0;
-webkit-transform: translateZ(-500px) rotateY(90deg);
transform: translateZ(-500px) rotateY(90deg);
}
}
@-webkit-keyframes rotateSidesIn {
from {
opacity: 0;
-webkit-transform: translateZ(-500px) rotateY(-90deg);
}
}
@keyframes rotateSidesIn {
from {
opacity: 0;
-webkit-transform: translateZ(-500px) rotateY(-90deg);
transform: translateZ(-500px) rotateY(-90deg);
}
} @-webkit-keyframes rotateSlideOut {
0% {}
25% {
opacity: .5;
-webkit-transform: translateZ(-500px);
}
75% {
opacity: .5;
-webkit-transform: translateZ(-500px) translateX(-200%);
}
100% {
opacity: .5;
-webkit-transform: translateZ(-500px) translateX(-200%);
}
}
@keyframes rotateSlideOut {
0% {}
25% {
opacity: .5;
-webkit-transform: translateZ(-500px);
transform: translateZ(-500px);
}
75% {
opacity: .5;
-webkit-transform: translateZ(-500px) translateX(-200%);
transform: translateZ(-500px) translateX(-200%);
}
100% {
opacity: .5;
-webkit-transform: translateZ(-500px) translateX(-200%);
transform: translateZ(-500px) translateX(-200%);
}
}
@-webkit-keyframes rotateSlideIn {
0%,
25% {
opacity: .5;
-webkit-transform: translateZ(-500px) translateX(200%);
}
75% {
opacity: .5;
-webkit-transform: translateZ(-500px);
}
100% {
opacity: 1;
-webkit-transform: translateZ(0) translateX(0);
}
}
@keyframes rotateSlideIn {
0%,
25% {
opacity: .5;
-webkit-transform: translateZ(-500px) translateX(200%);
transform: translateZ(-500px) translateX(200%);
}
75% {
opacity: .5;
-webkit-transform: translateZ(-500px);
transform: translateZ(-500px);
}
100% {
opacity: 1;
-webkit-transform: translateZ(0) translateX(0);
transform: translateZ(0) translateX(0);
}
} .wgb-page-delay100 {
-webkit-animation-delay: .1s;
animation-delay: .1s;
}
.wgb-page-delay180 {
-webkit-animation-delay: .180s;
animation-delay: .180s;
}
.wgb-page-delay200 {
-webkit-animation-delay: .2s;
animation-delay: .2s;
}
.wgb-page-delay300 {
-webkit-animation-delay: .3s;
animation-delay: .3s;
}
.wgb-page-delay400 {
-webkit-animation-delay: .4s;
animation-delay: .4s;
}
.wgb-page-delay500 {
-webkit-animation-delay: .5s;
animation-delay: .5s;
}
.wgb-page-delay700 {
-webkit-animation-delay: .7s;
animation-delay: .7s;
}
.wgb-page-delay1000 {
-webkit-animation-delay: 1s;
animation-delay: 1s;
} .dataTables_wrapper {
margin-bottom: 20px;
}
.datatable>tbody>tr>td {
border-bottom: none;
border-right: none;
}
table.dataTable.no-footer {
border-bottom: none !important;
}
table.dataTable.display {
background: white;
border-radius: 3px;
margin: auto;
padding: 5px;
width: 100%;
animation: float 5s infinite;
margin-bottom: 5px;
border-top: none;
border-left: none;
margin-left: 0;
}
table.dataTable.display thead th {
color: #a9a9a9;
background-color: #fff;
text-transform: capitalize;
font-size: 14px !important;
font-weight: bold !important;
padding: 12px 0;
text-align: left;
vertical-align: middle;
border: 0;
border-bottom: 1px #e3e3e3 solid;
}
table.dataTable.display tfoot th {
color: rgba(0, 0, 0, 0.87);
background-color: #FFFFFF;
border-bottom: none;
border-right: none;
text-transform: capitalize;
font-size: 12px;
font-weight: bold;
padding: 10px 8px;
text-align: center;
vertical-align: middle;
border-bottom: 1px solid #E1E7EC;
border-right: none;
}
table.dataTable.display tr {
border-top: none;
border-bottom: none;
border-right: none;
border-left: none;
color: #666B85;
text-shadow: 0 1px 1px rgba(256, 256, 256, 0.1);
}
table.dataTable.display tr:first-child {
border-top: none;
}
table.dataTable.display tr:last-child {
border-bottom: none;
}
table.dataTable.display tr:nth-child(odd) td {
background: #fff;
}
table.dataTable.display td {
background: #fff;
padding: 10px 0;
text-align: center;
vertical-align: middle;
border-top: none !important;
font-size: 12px;
}
.dataTable a {
color: #474747;
text-decoration: none;
font-size: 13px;
font-weight: normal;
text-transform: capitalize;
}
.it-gift-products-table td .wgb-add-gift-btn:hover {
background-color: #e4003b !important;
color: #fff !important;
}
.intelligence_customer_datatable tr {
cursor: pointer;
}
.pw_int_customers_single {
cursor: pointer;
}
table.dataTable.display tbody tr.odd>.sorting_1 {
background-color: #f6f6f6 !important;
}
table.dataTable.display tbody tr.even>.sorting_1 {
background-color: #ffffff !important;
} .dataTables_filter,
.dataTables_length {
display: none;
} .wgb-rules-gifts-cnt .dataTables_wrapper .dataTables_paginate {
font-size: 13px;
text-transform: uppercase;
background-color: #f6f6f6;
padding: 5px 15px;
border-radius: 5px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.wgb-rules-gifts-cnt .paginate_button.previous,
.wgb-rules-gifts-cnt .paginate_button.next {
display: none !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
padding: 2px 10px !important;
font-size: 13px;
}
.dataTables_wrapper .dataTables_info {
font-size: 13px !important;
}
.wgb-rules-gifts-cnt .dataTables_wrapper .dataTables_paginate .paginate_button.current {
background: #fff !important;
border: none !important;
}
.wgb-rules-gifts-cnt .dataTables_wrapper .dataTables_paginate .paginate_button:hover,
.wgb-rules-gifts-cnt .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
background: #c13f57 !important;
border: none !important;
color: #fff !important;
box-shadow: none;
}
.wgb-rules-gifts-cnt .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
color: #a5a5a5 !important;
}
.wgb-rules-gifts-cnt .dataTables_wrapper .dataTables_paginate .paginate_button.current {
background: #c03d55 !important;
color: #fff !important;
}
.wgb-rules-gifts-cnt .dataTables_wrapper .dataTables_paginate .paginate_button,
.wgb-rules-gifts-cnt .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
background: #ffffff !important;
border: none !important;
margin: 0 3px !important;
color: #a5a5a5 !important;
min-width: 25px !important;
width: 25px !important;
height: 25px !important;
line-height: 25px;
padding: 0 !important;
border-radius: 50% !important;
} .wgb-rules-gifts-cnt .dataTables_info {
box-sizing: border-box;
display: inline-block;
min-width: 1.5em;
padding: 0 !important;
margin-top: 5px;
text-align: center;
text-decoration: none !important;
background: #fff !important;
border: none;
color: #bfbfbf !important;
text-transform: capitalize;
font-size: 13px;
} @keyframes agspin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.dataTable thead th {
color: #3e3e3e !important;
font-weight: bold !important;
}
.owl-item .wgb-product-item-cnt,
.wgb-grid-cnt .wgb-product-item-cnt {
text-align: center;
border: 1px #e3e3e3 solid;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
padding-bottom: 15px;
border-radius: 5px;
}
.owl-item .wgb-item-title,
.wgb-grid-cnt .wgb-item-title {
font-size: 17px !important;
line-height: 30px !important;
}
.wgb-product-item-td-thumb {
position: relative;
padding: 15px;
text-align: center !important;
}
.wgb-product-item-td-thumb img {
border: 1px #e3e3e3 solid;
background-color: #fff;
width: 50px;
height: auto;
display: inline-table;
}
.wgb-product-item-stock-in-thumb {
position: absolute;
top: 25px;
left: -53px;
right: 0;
width: 80px;
height: 25px;
font-size: 12px;
color: #fff !important;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
line-height: 25px;
margin: auto;
}
.in_stock .wgb-product-item-stock-in-thumb {
background-color: #34a034;
}
.out_of_stock .wgb-product-item-stock-in-thumb {
background-color: #a03434;
}
.wgb-product-item-stock-in-thumb::before {
content: ' ';
position: absolute;
top: 25px;
left: 0;
width: 0;
height: 0;
border-top: 6px #243524 solid;
border-right: 6px #243524 solid;
border-bottom: 6px transparent solid;
border-left: 6px transparent solid;
}
.gift-product-stock {
line-height: 30px !important;
color: #fff !important;
}
.it-gift-products-table {
padding: 20px;
}
.it-gift-products-table,
.it-gift-products-table th,
.it-gift-products-table td {
border: 0;
text-align: left !important;
}
.it-gift-products-table th {
font-size: 14px;
font-weight: bold !important;
padding: 10px 0;
}
.it-gift-products-table td {
padding: 10px 0;
}
.it-gift-products-table thead tr,
.it-gift-products-table tfoot tr {
background-color: #f6f6f6;
padding: 5px 0;
}
.it-gift-products-table tbody tr td {
border-bottom: 1px #e3e3e3 solid;
}
.dataTable th,
.dataTable td {
text-align: center;
}
.wgb-tables-popup-items {
width: 100%;
text-align: center;
margin-top: 10px;
}
.wgb-tables-popup-items thead th {
background-color: #e3e3e3;
padding: 20px 0;
font-size: 16px;
}
tr.disable-hover::after,
div.disable-hover::after {
content: ' ';
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: rgba(255, 255, 255, 0.7);
}
.wgb-item-content .qty,
.wgb-popup-content .qty {
text-align: center !important;
}
.wgb-item-content .qty,
.dataTable .qty {
width: 100%;
display: inline-table;
padding: 0 10px;
vertical-align: middle;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.dataTable .qty {
width: 50%;
max-width: 150px;
}
.qty input[type="number"] {
width: 25%;
min-width: 45px;
display: inline-table;
vertical-align: middle;
line-height: 28px;
padding: 0 15px;
margin: 0;
text-align: center;
font-size: 10pt !important;
-moz-appearance: textfield;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.qty input[type="number"]:focus,
.qty input[type="number"]:active {
box-shadow: none !important;
border: 0 !important;
}
.qty input::-webkit-outer-spin-button,
.qty input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.qty .wgb-qty-decrease-btn,
.qty .wgb-qty-increase-btn {
width: 15%;
min-width: 25px;
display: inline-table;
vertical-align: middle;
padding: 0;
line-height: 28px;
}
.wgb-add-gift-btn {
vertical-align: middle;
}
#items_list div {
display: none;
}
#loadMoregifts {
color: green;
cursor: pointer;
}
#loadMoregifts:hover {
color: black;
}@font-face {
font-family: "Open Sans";
font-style: normal;
font-weight: 400;
src: url(//www.flintandflame.co.uk/wp-content/plugins/ithemeland-free-gifts-for-woocommerce/assets/fonts/open-sans-v17-latin/open-sans-v17-latin-regular.eot); src: local("Open Sans Regular"), local("OpenSans-Regular"), url(//www.flintandflame.co.uk/wp-content/plugins/ithemeland-free-gifts-for-woocommerce/assets/fonts/open-sans-v17-latin/open-sans-v17-latin-regular.eot?#iefix) format("embedded-opentype"), url(//www.flintandflame.co.uk/wp-content/plugins/ithemeland-free-gifts-for-woocommerce/assets/fonts/open-sans-v17-latin/open-sans-v17-latin-regular.woff2) format("woff2"), url(//www.flintandflame.co.uk/wp-content/plugins/ithemeland-free-gifts-for-woocommerce/assets/fonts/open-sans-v17-latin/open-sans-v17-latin-regular.woff) format("woff"), url(//www.flintandflame.co.uk/wp-content/plugins/ithemeland-free-gifts-for-woocommerce/assets/fonts/open-sans-v17-latin/open-sans-v17-latin-regular.ttf) format("truetype"), url(//www.flintandflame.co.uk/wp-content/plugins/ithemeland-free-gifts-for-woocommerce/assets/fonts/open-sans-v17-latin/open-sans-v17-latin-regular.svg#OpenSans) format("svg"); } @font-face {
font-family: "Open Sans";
font-style: normal;
font-weight: 600;
src: url(//www.flintandflame.co.uk/wp-content/plugins/ithemeland-free-gifts-for-woocommerce/assets/fonts/open-sans-v17-latin/open-sans-v17-latin-600.eot); src: local("Open Sans SemiBold"), local("OpenSans-SemiBold"), url(//www.flintandflame.co.uk/wp-content/plugins/ithemeland-free-gifts-for-woocommerce/assets/fonts/open-sans-v17-latin/open-sans-v17-latin-600.eot?#iefix) format("embedded-opentype"), url(//www.flintandflame.co.uk/wp-content/plugins/ithemeland-free-gifts-for-woocommerce/assets/fonts/open-sans-v17-latin/open-sans-v17-latin-600.woff2) format("woff2"), url(//www.flintandflame.co.uk/wp-content/plugins/ithemeland-free-gifts-for-woocommerce/assets/fonts/open-sans-v17-latin/open-sans-v17-latin-600.woff) format("woff"), url(//www.flintandflame.co.uk/wp-content/plugins/ithemeland-free-gifts-for-woocommerce/assets/fonts/open-sans-v17-latin/open-sans-v17-latin-600.ttf) format("truetype"), url(//www.flintandflame.co.uk/wp-content/plugins/ithemeland-free-gifts-for-woocommerce/assets/fonts/open-sans-v17-latin/open-sans-v17-latin-600.svg#OpenSans) format("svg"); } @font-face {
font-family: "Open Sans";
font-style: normal;
font-weight: 700;
src: url(//www.flintandflame.co.uk/wp-content/plugins/ithemeland-free-gifts-for-woocommerce/assets/fonts/open-sans-v17-latin/open-sans-v17-latin-700.eot); src: local("Open Sans Bold"), local("OpenSans-Bold"), url(//www.flintandflame.co.uk/wp-content/plugins/ithemeland-free-gifts-for-woocommerce/assets/fonts/open-sans-v17-latin/open-sans-v17-latin-700.eot?#iefix) format("embedded-opentype"), url(//www.flintandflame.co.uk/wp-content/plugins/ithemeland-free-gifts-for-woocommerce/assets/fonts/open-sans-v17-latin/open-sans-v17-latin-700.woff2) format("woff2"), url(//www.flintandflame.co.uk/wp-content/plugins/ithemeland-free-gifts-for-woocommerce/assets/fonts/open-sans-v17-latin/open-sans-v17-latin-700.woff) format("woff"), url(//www.flintandflame.co.uk/wp-content/plugins/ithemeland-free-gifts-for-woocommerce/assets/fonts/open-sans-v17-latin/open-sans-v17-latin-700.ttf) format("truetype"), url(//www.flintandflame.co.uk/wp-content/plugins/ithemeland-free-gifts-for-woocommerce/assets/fonts/open-sans-v17-latin/open-sans-v17-latin-700.svg#OpenSans) format("svg"); }
.wgb-popup {
display: none;
width: 100%;
height: 100%;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
background-color: rgba(0, 0, 0, 0.6);
z-index: 9999;
}
.wgb-popup .wgb-popup-loading {
width: 40px;
height: 40px;
position: fixed;
top: 0;
right: 0;
left: 0;
bottom: 0;
margin: auto;
width: 40px;
} .wgb-popup-carousel .wgb-popup-box {
width: 55%;
height: 80%;
max-width: 930px;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
box-shadow: 0 0 14px 0 rgba(15, 17, 17, .5);
background-color: #fff;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
overflow: hidden;
}
.wgb-popup-carousel .wgb-popup-header {
width: 100%;
height: 50px;
float: left;
background-color: #F0F2F2;
padding: 10px 15px;
line-height: 32px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border-bottom: 1px #D5D9D9 solid;
position: relative;
z-index: 9;
}
.wgb-popup-carousel .wgb-popup-title {
float: left;
line-height: 30px;
font-size: 14pt;
margin: 0;
}
.wgb-popup-carousel .wgb-popup-header .wgb-popup-close {
padding: 0;
float: right;
border: 0;
color: #4d4d4d;
background-color: transparent;
cursor: pointer;
font-size: 20px;
}
.popup-inner-loader {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 100%;
z-index: 111;
background-color: rgba(255, 255, 255, 0.6);
}
.ith-btn-no-thanks-cnt {
display: inline-block;
width: 100%;
text-align: center;
}
.ith-btn-no-thanks-cnt>div {
float: none !important;
font-size: 16px !important;
text-decoration: underline;
cursor: pointer;
}
.wgb-popup-carousel .wgb-popup-close i {
font-weight: 100;
width: 30px;
height: 30px;
font-size: 30px;
}
.wgb-popup-carousel .wgb-popup-close:hover i {
color: #a11717;
font-weight: bold;
}
.wgb-popup-carousel .wgb-popup-box .wgb-popup-body {
width: 100%;
float: left;
}
.wgb-popup-carousel .wgb-popup-box .wgb-popup-body .wgb-popup-mobile-filter-button {
width: 100%;
float: left;
display: none;
}
.wgb-popup-carousel .wgb-popup-box .wgb-popup-body .wgb-popup-content {
width: 100%;
height: 100%;
position: absolute;
padding-top: 50px;
top: 0;
right: 0;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
overflow: auto;
}
.wgb-popup-carousel .wgb-popup-box .wgb-popup-body .wgb-popup-content .wgb-popup-content-top {
width: 100%;
float: left;
padding: 25px 15px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.wgb-popup-carousel .wgb-popup-box .wgb-popup-body .wgb-popup-content .wgb-popup-content-top .wgb-popup-content-top-left {
font-size: 13pt;
float: left;
line-height: 32px;
}
.wgb-popup-carousel .wgb-popup-box .wgb-popup-body .wgb-popup-content .wgb-popup-content-top .wgb-popup-content-top-right {
float: right;
}
.wgb-popup-carousel .wgb-popup-box .wgb-popup-body .wgb-popup-content .wgb-popup-content-top .wgb-popup-content-top-right .view-mode-button {
height: 30px;
font-size: 14px !important;
background-color: transparent;
border: 0;
cursor: pointer;
border-bottom: 2px transparent solid;
}
.wgb-popup-carousel .wgb-popup-box .wgb-popup-body .wgb-popup-content .wgb-popup-content-top .wgb-popup-content-top-right .view-mode-button.active {
border-color: #3e3e3e;
}
.wgb-popup-carousel .wgb-popup-box .wgb-popup-body .wgb-popup-content .wgb-popup-content-top .wgb-popup-content-top-right .view-mode-button i {
font-weight: 300;
font-size: 17px;
}
.wgb-popup-carousel .wgb-popup-box .wgb-popup-body .wgb-popup-content .wgb-popup-posts {
width: 100%;
float: left;
height: 95%;
overflow: auto;
padding: 0 20px;
margin-bottom: 10px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.wgb-popup-carousel .wgb-popup-box .wgb-popup-body .wgb-popup-content .wgb-popup-posts .wgb-popup-post-items {
width: 100%;
float: left;
min-height: 250px;
padding: 0 15px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.wgb-popup-carousel .wgb-popup-box .wgb-popup-body .wgb-popup-content .wgb-popup-posts .wgb-popup-posts-pagination {
width: 100%;
float: left;
margin-top: 10px;
padding-bottom: 10px;
text-align: center;
}
.wgb-popup-carousel .wgb-popup-box .wgb-popup-body .wgb-popup-content .wgb-popup-posts .wgb-popup-posts-pagination button {
padding: 7px 25px;
color: #4d4d4d !important;
font-size: 13pt !important;
font-weight: normal !important;
background: #fff;
border: 1px #e3e3e3 solid;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
cursor: pointer;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition: all .3s;
margin: 0 2px;
line-height: 15px;
}
.wgb-popup-carousel .wgb-popup-box .wgb-popup-body .wgb-popup-content .wgb-popup-posts .wgb-popup-posts-pagination button i {
font-weight: 100;
font-size: 16px;
width: 16px;
height: 16px;
}
#it-popup-posts-pagination-next i {
margin-left: 8px;
}
#it-popup-posts-pagination-prev i {
margin-right: 8px;
}
.wgb-popup-carousel .wgb-popup-box .wgb-popup-body .wgb-popup-content .wgb-popup-posts .wgb-popup-posts-pagination button:hover {
background: #f6f6f6;
text-decoration: none !important;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition: all .3s;
}
.wgb-popup-carousel .wgb-popup-box .wgb-popup-body .wgb-popup-content .wgb-popup-posts .wgb-popup-post-item {
width: 29.33%;
float: left;
margin: 0 2% 30px 2%;
position: relative;
cursor: pointer;
border: 1px #e3e3e3 solid;
padding: 10px;
text-align: center!important;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.wgb-popup-carousel .wgb-popup-box .wgb-popup-body .wgb-popup-content .wgb-popup-posts .wgb-popup-post-item.active {
border-color: #c2bf37;
}
.wgb-popup-carousel .wgb-popup-box .wgb-popup-body .wgb-popup-content .wgb-popup-posts .wgb-popup-post-item .wgb-popup-post-add-button {
width: 100%;
float: left;
text-align: center;
margin: 10px 0 0 0;
}
.wgb-popup-carousel .wgb-popup-box .wgb-popup-body .wgb-popup-content .wgb-popup-posts .wgb-popup-post-item .wgb-popup-post-add-button .wgb-add-gift-btn {
margin: 0;
}
.wgb-popup-carousel .wgb-popup-box .wgb-popup-body .wgb-popup-content .wgb-popup-posts .wgb-popup-post-item .wgb-popup-post-thumbnail {
width: 100%;
float: left;
position: relative;
text-align: center;
margin-top: 0;
border-bottom: 1px solid #d4d4d4;
margin-bottom: 0;
}
.wgb-popup-carousel .wgb-popup-box .wgb-popup-body .wgb-popup-content .wgb-popup-posts .wgb-popup-post-item .wgb-popup-post-thumbnail .wgb-product-item-stock-in-thumb {
left: -13px;
right: auto;
}
.wgb-popup-carousel .wgb-popup-box .wgb-popup-body .wgb-popup-content .wgb-popup-posts .wgb-popup-post-item .wgb-popup-post-title {
width: 100%;
float: left;
min-height: 50px;
margin: 10px 0 0 0;
font-size: 12pt;
font-weight: bold;
text-align: center;
}
.wgb-popup-carousel .wgb-popup-box .wgb-popup-body .wgb-popup-content .wgb-popup-posts .wgb-popup-post-item .wgb-popup-post-thumbnail img {
display: block;
width: 100%;
height: auto;
}
.wgb-popup-carousel .wgb-popup-box .wgb-popup-body .wgb-popup-content .wgb-popup-content-bottom {
position: absolute;
bottom: 0;
width: 100%;
height: 50px;
background-color: #fff;
}
.wgb-popup-carousel .wgb-popup-box .wgb-popup-body .wgb-popup-content .wgb-popup-content-bottom .wgb-popup-content-action-button {
float: right;
height: 30px;
background: #1c9911;
border: 1px #198510 solid;
color: #fff;
margin: 10px 20px 10px;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
cursor: pointer;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition: all .3s;
font-size: 10pt;
padding: 0 10px !important;
line-height: 30px !important;
font-weight: normal !important;
letter-spacing: 0 !important;
}
.wgb-popup-carousel .wgb-popup-box .wgb-popup-body .wgb-popup-content .wgb-popup-content-bottom .wgb-popup-content-action-button:disabled {
background-color: #cdcdcd !important;
border: 1px #b4b4b4 solid !important;
color: #3e3e3e !important;
}
.wgb-popup-carousel .wgb-popup-box .wgb-popup-body .wgb-popup-content .wgb-popup-content-bottom .wgb-popup-content-action-button:disabled:hover {
background-color: #cdcdcd;
border: 1px #b4b4b4 solid;
color: #3e3e3e;
}
.wgb-popup-carousel .wgb-popup-box .wgb-popup-body .wgb-popup-content .wgb-popup-content-bottom .wgb-popup-content-action-button:hover {
text-decoration: none;
background-color: #198510;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition: all .3s;
}
.lni {
vertical-align: middle;
}
.loader-item {
width: 50px;
aspect-ratio: 1;
border-radius: 50%;
border: 8px solid;
border-color: #000 #0000;
animation: l1 1s infinite;
position: absolute;
top: 50%;
left: 50%;
margin-left: -25px;
margin-top: -25px;
}
@keyframes l1 {
to {
transform: rotate(.5turn)
}
} @media screen and (max-width: 1024px) {
.wgb-popup-carousel .wgb-popup-box {
width: 100%;
height: 100%;
max-width: 100%;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
}
.wgb-popup-carousel .wgb-popup-box .wgb-popup-body .wgb-popup-sidebar {
width: 100%;
height: 100%;
left: auto;
right: -100%;
background-color: #fff;
z-index: 8;
}
.wgb-popup-carousel .wgb-popup-box .wgb-popup-body .wgb-popup-sidebar .wgb-popup-sidebar-items {
height: 92%;
}
.wgb-popup-carousel .wgb-popup-box .wgb-popup-body .wgb-popup-sidebar .wgb-popup-mobile-sidebar-buttons {
display: block;
width: 100%;
float: left;
padding: 5px 20px;
border-bottom: 1px #e3e3e3 solid;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.wgb-popup-carousel .wgb-popup-box .wgb-popup-body .wgb-popup-sidebar .wgb-popup-mobile-sidebar-buttons span {
float: left;
line-height: 32px;
}
.wgb-popup-carousel .wgb-popup-box .wgb-popup-body .wgb-popup-content {
width: 100%;
overflow: hidden;
}
.wgb-popup-carousel .wgb-popup-box .wgb-popup-body .wgb-popup-content .wgb-popup-posts {
height: calc(100% - 40px);
}
.wgb-popup-carousel .wgb-popup-box .wgb-popup-posts .adv-gift-section {
margin-bottom: 0!important;
}
.wgb-popup-carousel .wgb-popup-box .wgb-popup-body .wgb-popup-mobile-filter-button,
.wgb-popup-carousel .wgb-popup-box .wgb-popup-sidebar .wgb-popup-mobile-apply-filter {
display: block;
height: 32px;
font-size: 13pt;
cursor: pointer;
color: #fff;
background-color: #5e5e5e;
border: 1px #535353 solid;
padding: 0 20px;
text-decoration: none;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
.wgb-popup-carousel .wgb-popup-box .wgb-popup-sidebar .wgb-popup-mobile-apply-filter {
background-color: #2ca036;
border-color: #26882e;
float: right;
}
.wgb-popup-carousel .wgb-popup-box .wgb-popup-body .wgb-popup-content .wgb-popup-content-bottom,
.wgb-popup-carousel .wgb-popup-box .wgb-popup-body .wgb-popup-content .wgb-popup-content-top .wgb-popup-content-top-right .view-mode-button {
display: none;
}
.wgb-popup-carousel .wgb-popup-box .wgb-popup-body .wgb-popup-content .wgb-popup-content-top {
padding: 5px 20px;
border-bottom: 1px #e3e3e3 solid;
}
.wgb-popup-carousel .wgb-popup-box .wgb-popup-body .wgb-popup-content .wgb-popup-posts[data-view="grid"] .wgb-popup-post-item {
width: 98%;
float: left;
margin: 0 1% 10px 1%;
}
} .wgb-popup-list,
.wgb-popup-list h2,
.wgb-popup-list h3 {
font-family: "Open Sans", serif;
}
.wgb-popup-list .wgb-popup-box {
width: 400px;
height: 165px;
max-height: 80%;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
box-shadow: 0 0 14px 0 rgba(15, 17, 17, .5);
background-color: #fff;
overflow: hidden;
padding-bottom: 41px;
}
.wgb-popup-list .wgb-popup-header {
width: 100%;
height: 34px;
float: left;
background-color: #E8DEC5;
padding: 0 15px;
line-height: 34px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border-bottom: 1px #E8DEC5 solid;
position: relative;
z-index: 9;
text-transform: uppercase
}
.wgb-popup-list .wgb-popup-title {
float: left;
font-size: 14px;
font-weight: 600;
line-height: 34px;
margin: 0;
}
.wgb-popup-list .wgb-popup-header .wgb-popup-close {
padding: 0;
float: right;
border: 0;
color: #4d4d4d;
background-color: transparent;
cursor: pointer;
font-size: 30px;
}
.wgb-popup-list .wgb-popup-close i {
font-weight: 100;
width: 30px;
height: 30px;
font-size: 30px;
}
.wgb-popup-list .wgb-popup-body {
width: 100%;
height: calc(100% - 34px);
overflow: auto;
}
.wgb-popup-list .wgb-list-items {
width: 100%;
float: left;
}
.wgb-popup-list .wgb-list-item,
.wgb-popup-list .wgb-popup-post-item {
width: 100%;
float: left;
padding: 7px;
border-bottom: 1px #e3e3e3 solid;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.wgb-popup-list .wgb-popup-post-item {
position: relative;
z-index: 1;
}
.wgb-popup-list .wgb-list-item:last-child,
.wgb-popup-list .wgb-popup-post-item:last-child {
border: 0;
}
.wgb-popup-list .wgb-list-item .wgb-list-item-thumb,
.wgb-popup-list .wgb-popup-post-item .wgb-popup-post-thumbnail {
width: 70px;
height: 70px;
float: left;
text-align: center;
}
.wgb-popup-list .wgb-list-item .wgb-list-item-thumb img,
.wgb-popup-list .wgb-popup-post-item .wgb-popup-post-thumbnail img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
vertical-align: middle;
display: inline-table;
}
.wgb-popup-list .wgb-list-item .wgb-list-item-content {
width: calc(100% - 70px);
height: 70px;
display: flex;
align-items: center;
}
.wgb-popup-list .wgb-popup-post-item .wgb-popup-post-title {
width: calc(70% - 70px);
font-size: 13px;
line-height: 28px;
float: left;
margin-top: 10px;
}
.wgb-popup-list .wgb-list-item .wgb-list-item-content,
.wgb-popup-list .wgb-popup-post-item .wgb-popup-post-title {
overflow: hidden;
font-family: "Open Sans", serif;
padding-left: 10px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.wgb-popup-list .wgb-list-item .wgb-list-item-content .wgb-list-item-title {
width: 70%;
height: 50px;
float: left;
}
.wgb-popup-list .wgb-list-item .wgb-list-item-content .wgb-list-item-title h2 {
width: 100%;
font-size: 13px;
line-height: 28px;
margin: 0;
padding: 0;
}
.wgb-popup-list .wgb-list-item .wgb-list-item-content .wgb-list-item-title .gift-price {
width: 100%;
font-size: 13px;
}
.wgb-popup-list .wgb-list-item .wgb-list-item-content .wgb-list-add-gift-button,
.wgb-popup-list .wgb-popup-post-item .wgb-add-gift-btn {
width: 27%;
text-decoration: none;
font-size: 13px;
text-align: center;
padding: 4px 0 !important;
}
.wgb-popup-list .wgb-popup-post-item .wgb-item-overlay {
bottom: 15px;
width: 180px;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
left: 82px;
right: auto;
background: transparent;
color: #444;
font-size: 12px;
font-weight: 500;
text-align: left;
font-weight: 600;
}
.wgb-popup-list .wgb-popup-post-item .wgb-add-gift-btn {
float: right;
margin-top: 19px;
}
.wgb-popup-list .wgb-popup-footer {
width: 100%;
position: absolute;
bottom: 0;
height: 41px;
text-align: center;
border-top: 1px #e3e3e3 solid;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
background-color: #fff;
z-index: 99;
}
.wgb-popup-list .wgb-popup-footer .wgb-popup-list-no-thanks-button {
border: 0;
cursor: pointer;
margin: 0;
padding: 0 10px;
background-color: transparent;
color: #444;
font-size: 15px;
margin-top: 8px;
}
.wgb-popup-list .ith-btn-no-thanks-cnt {
display: none;
}
@media screen and (max-width: 420px) {
.wgb-popup-list .wgb-popup-box {
width: 100%
}
}
@media screen and (max-width: 330px) {
.wgb-popup-list .wgb-list-item .wgb-list-item-thumb {
width: 100%;
height: 70px;
float: left;
text-align: center;
}
.wgb-popup-list .wgb-list-item .wgb-list-item-content {
width: 100%;
}
}.tax-product_brand .brand-description{overflow:hidden;zoom:1}.tax-product_brand .brand-description img.brand-thumbnail{width:25%;float:right}.tax-product_brand .brand-description .text{width:72%;float:left}.widget_brand_description img{box-sizing:border-box;width:100%;max-width:none;height:auto;margin:0 0 1em}ul.brand-thumbnails{margin-left:0;margin-bottom:0;clear:both;list-style:none}ul.brand-thumbnails:before{clear:both;content:"";display:table}ul.brand-thumbnails:after{clear:both;content:"";display:table}ul.brand-thumbnails li{float:left;margin:0 3.8% 1em 0;padding:0;position:relative;width:22.05%}ul.brand-thumbnails.fluid-columns li{width:auto}ul.brand-thumbnails:not(.fluid-columns) li.first{clear:both}ul.brand-thumbnails:not(.fluid-columns) li.last{margin-right:0}ul.brand-thumbnails.columns-1 li{width:100%;margin-right:0}ul.brand-thumbnails.columns-2 li{width:48%}ul.brand-thumbnails.columns-3 li{width:30.75%}ul.brand-thumbnails.columns-5 li{width:16.95%}ul.brand-thumbnails.columns-6 li{width:13.5%}.brand-thumbnails li img{box-sizing:border-box;width:100%;max-width:none;height:auto;margin:0}@media screen and (max-width:768px){ul.brand-thumbnails:not(.fluid-columns) li{width:48%!important}ul.brand-thumbnails:not(.fluid-columns) li.first{clear:none}ul.brand-thumbnails:not(.fluid-columns) li.last{margin-right:3.8%}ul.brand-thumbnails:not(.fluid-columns) li:nth-of-type(odd){clear:both}ul.brand-thumbnails:not(.fluid-columns) li:nth-of-type(even){margin-right:0}}.brand-thumbnails-description li{text-align:center}.brand-thumbnails-description li .term-thumbnail img{display:inline}.brand-thumbnails-description li .term-description{margin-top:1em;text-align:left}#brands_a_z h3:target{text-decoration:underline}ul.brands_index{list-style:none outside;overflow:hidden;zoom:1}ul.brands_index li{float:left;margin:0 2px 2px 0}ul.brands_index li a,ul.brands_index li span{border:1px solid #ccc;padding:6px;line-height:1em;float:left;text-decoration:none}ul.brands_index li span{border-color:#eee;color:#ddd}ul.brands_index li a:hover{border-width:2px;padding:5px;text-decoration:none}ul.brands_index li a.active{border-width:2px;padding:5px}div#brands_a_z a.top{border:1px solid #ccc;padding:4px;line-height:1em;float:right;text-decoration:none;font-size:.8em}html, body{font-size: 100%;margin: 0px;padding: 0px;border: 0px;}
body{font: 1em/1.25 'Barlow', sans-serif;font-family: 'Barlow', sans-serif;}
h1, h2, h3, h4, h5, h6{margin: 0; padding: 0; font-weight: normal;font-family: 'Barlow', sans-serif;}
p, li, dd, dt, ul, ol,blockquote, q, acronym, abbr, a, input, select, textarea, button{margin: 0; padding: 0;font: normal normal normal 1em/1.25 'Barlow', sans-serif;font-family: 'Barlow', sans-serif;}
a,a:link,a:active{cursor: pointer;font-weight: bold;text-decoration: underline; font-family: 'Barlow', sans-serif;	outline: none;}
a:hover{text-decoration: underline;}
img{border:none;}
form {margin: 0;padding: 0;  display: inline;}
.clear { clear: both;} #mobile-indicator,
#mobile-indicator-hamburger-menu
{ 
display: none;
}
@media screen and (max-width:980px) { #mobile-indicator { display: block; } }
@media screen and (max-width:765px) { #mobile-indicator-hamburger-menu { display: block; } } body 
{ 
background: #000;
color: #000;
width: 100%;
text-align: center;
} .desktop-only { display: block !important; }
.desktop-only-inline { display: inline !important; }
.mobile-only { display: none !important; }
@media screen and (max-width:1290px)
{
.desktop-only { display: none !important; }
.desktop-only-inline { display: none !important; }
.mobile-only { display: block !important; }
} a:link, a:visited { font-weight: normal; color: #000; }
a:visited { color: #000; }
a:hover { color: #cd1719; } ::selection { background: #000; color: #fff; }
::-moz-selection { background: #000; color: #fff; } ul, 
ol 
{ 
margin: 0 0 1em 1.5em;
}
ul li, 
ol li 
{
font-size: 0.95em;
margin-bottom: 0.2em;
line-height: 1.5em;
}
ul li ul li, 
ol li ol li 
{ 
font-size: 0.9em;
list-style: disc;
}
p, 
ul li, ol li { 
font-size: 1.1875em; line-height: normal;
margin-bottom: 20px;
} body.woocommerce-checkout .content p,
body.woocommerce-checkout .content ul li,
body.woocommerce-checkout .content ol li
{
font-size: 18px;
}
p strong, 
.content ul li strong, 
.content ol li strong
{ font-weight: 600;
} .content ul.page-list li 
{
font-size: 18px; }
.content ul, 
.content ol 
{
margin-left: 40px;
} .content ul.page-list,
.content ul.page-list .children
{
margin-top: 8px;
} .content ul li,
.content ol li
{
margin-bottom: 10px;
} .content p:last-of-type
{
margin-bottom: 0;
} h1, h2, h3, h4, h5, h6, p.featured-paragraph 
{
color: #000;
text-transform: uppercase;
line-height: 1em;
margin: 0 0 15px 0;
font-weight: 800;
}
h2, h3, h4, h5, h6
{
font-weight: 700;
}
h1 
{ 
font-size: 3.75em; margin-bottom: 25px;
}
h2
{
font-size: 1.875em;
}
h3
{ 
font-size: 1.625em;
border-bottom: #ddd solid 2px;
padding-bottom: 18px;
font-weight: bold;
}
h4,
p.featured-paragraph
{ 
font-size: 1.4375em; 
font-weight: 700;
text-transform: none;
}
h5 { font-size: 20px; }
h6 { font-size: 18px; }
@media screen and (max-width:900px)
{
h1 { font-size: 3.75em !important; }
}
@media screen and (max-width:700px)
{
h1 { font-size: 2.5em !important; }
}
@media screen and (max-width:1290px)
{
h1, h2, h3, h4, h5, h6, p.featured-paragraph 
{
display: block !important;
float: none !important; clear: both !important;
width: 100% !important;
}
} #container
{ 
width: 100%; 
margin: 32px auto 0 auto; padding-bottom: 0;
text-align: left; 
position: relative;
max-width: 2200px;
}
@media screen and (max-width:1110px)
{  }
@media screen and (max-width:765px)
{
#container 
{ 
width: 100%;
margin: 40px 0 0 0;
padding-bottom: 0; 
}
} #header 
{
width: 100%; 
margin: 0;
position: relative;
}
#header-inner
{
max-width: 1290px; 
margin: 0 auto;
position: relative;
padding: 0 12px;
box-sizing: border-box;
} #header a#logo 
{
display: block; 
margin: 0 0 17px 0;
float: left; 
}
@media screen and (max-width:765px) {
#header a#logo 
{
margin-bottom: 10px;
}
}
@media screen and (max-width:765px) {
a#logo
{
display: block;
width: 150px;
margin: 10px 0 0 12px !important;
float: left;
}
a#logo img 
{
display: block;
width: 100%;
height: auto;
}
} #breadcrumb-container 
{
padding: 15px 12px 12px 12px; 
margin: 0 auto 9px auto;
max-width: 1290px;
box-sizing: border-box;
color: #000;
clear: both;
font-weight: 400;
font-size: 20px; }
#breadcrumb-container a
{
font-size: 20px;
color: #000;
padding: 0 7px;
text-decoration: none;
}
#breadcrumb-container a:hover
{
color: #cd1719;
text-decoration: underline;
} #breadcrumb-container a.home
{
padding-left: 0;
}
#breadcrumb-container a.current-item 
{
color: #000;
text-decoration: none;
font-weight: 600;
cursor: default;
}
@media screen and (max-width:1290px)
{
#breadcrumb-container 
{
width: 100%;
}
#breadcrumb-container a
{
padding: 0 5px; 
}
}
@media screen and (max-width:600px)
{
#breadcrumb-container
{
font-size: 18px;
}
#breadcrumb-container a
{
font-size: 18px;
padding: 0 5px;
}
} .alignleft { display: inline; float: left; margin: 5px 15px 5px 0; }
.alignright { display: inline; float: right; margin: 5px 0 5px 15px; }
.aligncenter { clear: both;	display: block;	margin: 5px auto 5px auto; }
@media screen and (max-width:1290px)
{
.alignleft,
.alignright,
.aligncenter
{ 
display: block !important; 
float: left !important; 
clear: both !important; 
margin: 0 !important;
}
} .signup-outer #signup-form-container 
{
width: 100%;
margin: 0;
}
.signup-outer #signup-form-inner-box 
{
background: #000;
padding: 0;
margin: 0;
}
.signup-outer #signup-form-container form 
{
margin: 0;
padding: 10px;
box-sizing: border-box;
display: block;
}
.signup-outer #signup-form-container form input 
{
width: 100%;
box-sizing: border-box;
background: #fff;
color: #000;
padding: 7px 5px 7px 10px;
margin: 0 0 10px 0;
font-size: 15px;
border: 0;
display: block;
clear: both;
line-height: 1;
}
.signup-outer #signup-form-container form input::placeholder
{
color: #222;
}
.signup-outer #signup-form-container form label 
{
display: none;
}
.signup-outer #signup-form-container form input:focus 
{
outline: rgb(255, 193, 79) solid 3px !important;
background: rgb(255, 252, 237) !important;
outline-offset: -1px;
}
.signup-outer #signup-form-container form button,
.signup-outer #signup-form-container form input#Submit 
{
width: 100%;
display: block;
clear: both;
background: #cd1719 !important;
color: #fff !important;
text-transform: uppercase;
border: 0;
padding: 17px 10px;
margin: 0;
line-height: 0;
font-size: 16px;
font-weight: 500;
}
.signup-outer #signup-form-container form button:hover,
.signup-outer #signup-form-container form input#Submit:hover,
.signup-outer #signup-form-container form button:focus,
.signup-outer #signup-form-container form input#Submit:focus
{
cursor: pointer;
filter: brightness(120%);
} hr
{ 
background-color:#aaa; 
border-width:0; color:#aaa; 
height:1px; 
line-height:0; 
margin: -0.5em 0 1.8571em 0; 
page-break-after:always; 
text-align:center;
width:100%;
}
#container .paginationContainer {
margin: 20px 0 0 0;
padding: 15px 0 15px 0;
border-top: #ccc solid 1px;
font-size: 0.8em;
float: left;
clear: both;
width: 100%;
}
#container .paginationContainer a {
font-weight: normal;
color: #555;
}
#container .paginationContainer a:hover {
color: #004684;	
}
#container .paginationContainer span.current {
color: #004684;
font-weight: bold;
}  form#searchform 
{
float: left;
margin: 0 0 20px 0;
padding: 0 0 0 0;
}
form#searchform input.field,
select,
textarea#comment,
input#author,
input#email,
input#url,
.gform_body input,
.gform_body textarea {
width: 370px;
border: #acacac solid 1px;
background: #FFFFFF;
color: #474747;
padding: 4px;
margin: 0 0 0 0;
} .gform_body input.gfield-choice-input
{
width: auto;
margin: 2px 2px 0 0;
} select#value
{
width: auto;
}
form#searchform input.field {
margin: 0;
padding: 4px;
width: 150px;
float: left;
color: #000;
font-weight: normal;
font-size: 0.75em;
border-color: #000;
min-height: 15px;
}
form#searchform input.field:focus,
textarea#comment:focus,
input#author:focus,
input#email:focus,
input#url:focus,
.gform_body input:focus,
.gform_body select:focus,
.gform_body textarea:focus {
color: #000;
border-color: #666;
} form#searchform input.submit,
input#submit,
button#submit {
padding: 4px 18px 4px 18px !important;
margin: 0;	
display: block;
float: left;
background: #333;
border: none;
color: #fff;
font-size: 1em;
font-weight: normal;
} input.gform_button 
{
text-align: center !important;
display: block !important;
width: auto !important;
padding: 12px 40px !important;
margin: 10px 0 0 0 !important;
text-transform: uppercase !important;
background: #cc0001 !important;
color: #fff !important;
text-decoration: none !important;
font-size: 1.125em !important;
font-weight: 500 !important;
line-height: 1 !important;
float: left !important;
clear: both !important;
box-sizing: border-box !important;
border: 0 !important;
clear: both !important;
}
input.gform_button:hover
{
filter: brightness(120%);
cursor: pointer;
}
@media screen and (max-width:765px)
{
input.gform_button 
{
width: 100% !important;
padding-left: 5px !important;
padding-right: 5px !important;
}
}
.gform_legacy_markup_wrapper
{
margin-bottom: 40px !important;
} button#submit {
font-size: 0.75em;
height: 27px;
} form#searchform input.submit {
border-left: none;
font-size: 0.75em;
font-weight: bold;
min-height: 25px;
width: 55px;
}
form#searchform input.submit:hover,
input#submit:hover,
button#submit:hover {
background-color: #777;
cursor: pointer;
}
span.search-term {
color: #555555;
font-weight: normal;
} #container .content .gform_wrapper li {
padding-left: 0;
background-image: none;
}
#container .gform_wrapper ul {
margin: 0;
padding: 0;
}
#container .gform_footer {
padding: 0 0 50px 0;
}
#container .gform_wrapper {
max-width: 100%;
}
address {
clear: both;
padding-bottom: 20px;
}
.gform_body h2 {
font-size: 1.4em;
}
#gforms_confirmation_message {
padding: 10px;
background: #9cda00;
border-radius: 5px;
}
.gform_wrapper .ginput_complex label,
.gform_wrapper .gfield_time_hour label,
.gform_wrapper .gfield_time_minute label,
.gform_wrapper .gfield_date_month label,
.gform_wrapper .gfield_date_day label,
.gform_wrapper .gfield_date_year label,
.gform_wrapper .instruction {
font-size: 1em !important;
}
.gform_body input,
.gform_body select,
.gform_body textarea {
padding: 6px !important;
font-size: 1.1em !important;
}
.gform_body select {
padding: 0 !important;
height: 29px !important;
padding-top: 4px !important;
padding-bottom: 4px !important;
padding-right: 4px !important;
padding-left: 4px !important;
}
.header-banner {
margin: 0 auto 15px auto;
width: 1290px;
height: 294px;
position:relative;
}
.header-banner-inner {
width: 585px;
height: 294px;
position: absolute;
top: 0;
left: 0;
}
.header-banner p.banner-intro {
color: #fff;
font-weight: 400;
font-size: 1.5em;
width: 430px;
margin: 0;
padding: 0;
position: absolute;
line-height: 1.5em;
bottom: 40px;
left: 50px;
display: block;
} .postMetaBox 
{
background: #222;
padding: 15px;
margin: 25px 0 20px 0;
width: auto; border-radius: 5px;
}
.postMetaBox p { margin: 0 0 0.2em 0; padding: 0; color: #fff; }
.postMetaBox p a { color: #aaa; }
.postMetaBox p a:hover { color: #fff; }
p.postedDate { font-weight: bold; font-size: 0.8em; }
.postDate {
text-transform: uppercase;
color: #020202;
font-size: 0.8em;
font-weight: 600;
}
p a.readMoreLink {
display: block;
clear: both;
margin: 0.5em 0 0 0;
width: 12em;
}
h5.breadcrumb 
{
margin: 0.5em 0 0.5em 0;
padding: 0 0 0.9em 0;
}
.post-container 
{
border-top: #605e5f solid 1px;
margin: 0 0 20px 0;
padding: 15px 0 0 0;
float: left;
clear: both;
width: 100%;
}
body.search-results .post-container { width: 100%; }
.post-container h3 { border: none; margin: 0; }
.post-container h3 a { text-decoration: none; font-weight: bold; color: #605c5d; font-weight: 600; }
.post-container h3 a:hover { text-decoration: underline; }
.post-container h1 a { font-weight: inherit; text-decoration: none; }
.post-container h1 a:hover { text-decoration: underline; } 
.comment-body {
margin: 0 0 10px 0;
background: #EFEFEF;
padding: 10px;
}
#container ol.commentlist {
margin: 0;
padding: 0 0 5px 3px;
}
#container ol.commentlist p {
font-size: 13px;
padding: 5px 0 10px 0;
margin: 0 0 10px 0;
}
#container .comment-author,
#container .comment-meta {
font-size: 13px;	
}
#container .comment-author a {
font-weight: bold;	
}
#container ol.commentlist li {
padding: 0;
font-size: 1em;
}
#container ol.commentlist li ul li {
list-style: none;	
}
#container ol.commentlist ul {
list-style: none;	
}
h3#comments {
margin-bottom: 1.1em;	
}
a.comment-reply-link {
padding: 4px 12px 4px 12px;
background: #333;
color: #FFFFFF;
font-size: 13px;
text-decoration: none;
}
a.comment-reply-link:hover {
background: #777;	
} #container form#commentform p {
font-size: 0.8em;	
}
#respond p {
font-size: 1em;	
}
#respond h3 {
clear: both;	
}
#respond small {
font-size: 1em;	
}
textarea#comment,
input#author,
input#email,
input#url {
width: 260px;
font-size: 1em;
color: #444;
}
textarea#comment {
width: 450px !important;	
}
#container em.comment-awaiting-moderation {
font-size: 0.9em;
color: #F30;	
} .post-listing-box .custom-excerpt,
.post-listing-box .comment-bubble {
float: right;
width: 85%; } .post-listing-box .blog-featured-image {
float: left;
margin: 4px 0 0 0;
clear: none;
} .single .blog-featured-image {
float: left;
clear: both;
margin: 5px 15px 5px 0;
}
.single .header-banner .blog-featured-image { margin: 0; } #nav-main h3 
{ 
display: none !important;
}
#nav-main 
{
width: 100%; position: relative;
float: left;
clear: both;
z-index: 500;
top: 0;
left: 0;
margin: 5px 0 11px 0;
}
@media screen and (max-width:765px)
{
#nav-main
{
display: none; 
z-index: 8000;
position: fixed;
overflow: auto;
top: 0;
left: 0;
width: 100%;
height: 100%; 
border-radius: 0; border-bottom: 0;
box-shadow: 0;
margin: 40px 0 0 0;
padding: 0; 
background: #000;
overflow-y: scroll;	-webkit-overflow-scrolling: touch; }
}
#nav-main ul.menu
{
position: relative;
float:left;
clear: both;
list-style: none;
margin: 0 0 2px 0;
padding: 0;
display: flex;
justify-content: center;
width: 100%;	
}
#nav-main ul li 
{
float: left;
display: block;
width: auto;
padding: 0;
margin: 0;
}
#nav-main li > a 
{ font-weight: normal;
text-align: center;
white-space: nowrap;
font-size: 20px;
line-height: 1;
color: #fff !important;
display: block;
padding: 9px 31px;
text-decoration: none;
background: transparent;
width: auto;
overflow:hidden;
}
@media screen and (max-width:1350px)
{
#nav-main li > a 
{
padding-left: 22px;
padding-right: 22px;
}
}
@media screen and (max-width:1140px) {
#nav-main li > a 
{
font-size: 19px;
padding-left: 15px;
padding-right: 15px;
}
}
@media screen and (max-width:970px)
{
#nav-main li > a
{
font-size: 17px;
padding-left: 8px;
padding-right: 8px;
}
}
#nav-main ul li > a:hover 
{
background: #cd1719;
color: #fff !important;
}
#nav-main li.current_page_item > a,
#nav-main li.current-page-ancestor > a,
#nav-main li.current_page_parent > a,
#nav-main ul li.current_page_item > a:hover { color: #000 !important;
background: rgb(227,195,99);
background: linear-gradient(35deg, rgba(227,195,99,1) 0%, rgba(253,242,134,1) 16%, rgba(210,177,83,1) 30%, rgba(253,242,134,1) 57%, rgb(216, 154, 39) 77%, rgba(219,189,94,1) 100%); 
background-size: 350% 100%;
animation: gradient 8s ease infinite;
text-shadow: rgba(255, 255, 255, 0.55) 1px 1px 1px;
} #nav-main ul ul 
{
display: none;
height: auto;
position: absolute;
top: 37px; z-index: 1000;
background: #000;
box-shadow: rbga(0, 0, 0, 0.5) 0 5px 10px;
border: #ccc solid 1px;
margin: 0;
padding: 0;
width: auto;
}
@media screen and (max-width:970px)
{ #nav-main ul ul 
{
top: 35px;
}
} #nav-main ul li:hover ul 
{ 
display: block;
} #nav-main ul li#menu-item-48 ul { display: none; }
#nav-main ul ul li 
{
float: none;
background: none;
margin: 0;
padding: 0;
border: none;
}
#nav-main ul ul ul { display: none !important; } #nav-main ul ul li > a 
{
background: #000;
text-align: left;
letter-spacing: normal;
color: #fff !important;
padding: 6px 15px 9px 15px;
margin: 0;
font-weight: normal;
font-size: 17px;
cursor: pointer;
border-radius: 0;
display: block;
min-width: 130px;
border: none;
line-height: 1;
}    a#menu-toggle-small-screens 
{ 
display: none; 
}
@media screen and (max-width:765px)
{
a#menu-toggle-small-screens 
{ 
display: block; 
}
.border-menu { position: relative; padding-left: 1.25em; }
.border-menu:before 
{ 
content: "";  position: absolute; top: 12px;
right: 13px;
width: 26px;
height: 3px;
border-top: 9px double #fff;
border-bottom: 3px solid #fff;
}
a#menu-toggle-small-screens 
{
padding: 7px 0 0 0;
width: 48px;
height: 40px;
display: block;
float: right;
font-size: 23px;
text-transform: uppercase;
text-decoration: none;
background: #000;
box-sizing: border-box;
text-align: center;
}
#nav-main ul.menu 
{
display: block; background: rgba(0,0,0,0.3); width: 80%;
padding: 15px 10% 70px 10%;
float: left;
clear: both;
margin: 0;
height: auto;
box-sizing: content-box; }
#nav-container 
{
width: 100%;
height: 40px;
z-index: 9000;
position: fixed; 
top: 0; 
left: 0;
padding: 0;
margin: 0;
background: #000;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
#nav-main.responsive { display: block; }
#nav-main ul.menu li
{
float: left; clear: both; display: block; width: 100%; padding: 0;
margin: 0; background: none; line-height: 1;
}
#nav-main ul.menu li > a 
{
white-space: normal;
display: block;
text-indent: inherit;
border-radius: 2px;
border: #fff solid 1px;
font-size: 17px;
padding: 9px 0 11px 0;
margin: 0 0 10px 0;
width: auto;
line-height: 1;
}  #nav-main ul.menu ul,
#nav-main ul li#menu-item-48 ul {
display: block;
top: -8px;
box-shadow: none;
margin: 0 0 15px 0;
position: relative !important;
overflow: hidden;
height: auto;
width: 100%;
padding: 0;
background: transparent !important;
border: 0 !important;
}
#nav-main ul.menu ul li > a 
{
border: 0;
text-align: center;
margin: 0;
padding-top: 6px;
padding-bottom: 6px; color: #fff !important;
}
#nav-main ul.menu li.current_page_item > a,
#nav-main ul.menu li.current-menu-item > a,
#nav-main ul.menu li.current-menu-item > a:hover,
#nav-main ul.menu li.current_page_item > a:hover {
color: #000 !important;
}
#nav-main h3 
{
display: none !important;
}
} #container .widget { margin: 0 0 20px 0; padding: 0; clear: both; }
.gform_confirmation_message 
{
background: #96FF5D;
font-size: 0.8em;
padding: 5px;
} #shop-quick-links 
{
width: auto;
float: right;
margin: 0;
position: relative;
}
#shop-quick-links p 
{
float: left;
color: #fff;
padding: 9px;
margin: 0;
line-height: normal;
font-size: 1.375em;
font-weight: 500;
width: auto;
}
#shop-quick-links p#quick-search,
#shop-quick-links p#quick-search-tiny-screens
{
margin-right: -2px;
margin-left: 4px;
}
#shop-quick-links p#quick-search-tiny-screens
{
display: none;
}
#shop-quick-links p#account-shortcut { margin-left: -2px; }
@media screen and (max-width:765px)
{
#shop-quick-links p#quick-search,
#shop-quick-links p#quick-search-tiny-screens
{
margin-right: 14px;
margin-left: 0px;
}
#shop-quick-links p#account-shortcut { margin-right: 0; }
}
p#phone-number-header 
{
margin-right: 9px;
}
#shop-quick-links p a
{
color: #fff;
text-decoration: none;
position: relative;
}
#shop-quick-links p a span
{
display: none;
}
#shop-quick-links p a img
{
filter: saturate(0);
} #shop-quick-links p a strong
{
box-sizing: border-box;
text-align: center;
padding: 0 0 1px 0;
background:#cd1719;
font-size: 12px;
list-style: 1;
border-radius: 100%;
width: 16px;
display: block;
position: absolute;
z-index: 999;
bottom: -3px;
right: -6px;
pointer-events: none; }
#shop-quick-links p a:hover img 
{
filter: saturate(1);
} #basket-popover
{
position: absolute;
top: 44px;
right: 179px;
width: 362px;
padding: 19px;
background: #fff;
border: #000 solid 1px;
box-sizing: border-box;
display: none;
z-index: 8885;
}
#basket-popover.show-basket-popover
{
display: block;
}
#shop-quick-links.hide-basket-popover-mobile-only #basket-popover {
display: none !important;
} #basket-popover h4,
#basket-popover p
{
color: #000;
font-size: 16px;
font-weight: 500;
margin: 0 !important;
padding: 0 !important;
width: 100%;
}	
#basket-popover p a
{
color: #000 !important;
font-weight: 500;
text-decoration: underline !important;
}
#basket-popover p a:hover
{
opacity: 0.65;
}	
#basket-popover p a.popover-product-name
{
text-decoration: none !important;
font-size: 15px !important;
font-weight: 400 !important;
}
#basket-popover p a.popover-product-name:hover
{
text-decoration: underline !important;
}
#basket-popover p a.popover-see-all
{
color: #cd1719 !important;
}
#basket-popover p em.popover-limited-display
{
font-weight: 400 !important;
color: #555 !important;
}
#basket-popover h4
{
font-size: 20px;
font-weight: 800;
padding: 15px 0 !important;
margin: 15px 0 !important;
border-top: #bbb solid 1px;
border-bottom: #bbb solid 1px;
clear: both !important;
float: left !important;
}
#basket-popover h4.popover-summary
{
margin-top: 0 !important;
padding-top: 0 !important;
border-top: 0;
}
#basket-popover h4.popover-summary a#close-basket-popover
{
float: right;
text-decoration: none !important;
color: #999 !important;
font-size: 20px !important;
display: block !important;
line-height: 1 !important;
width: 30px;
text-align: right;
}
#basket-popover h4.popover-total
{
margin-bottom: 0 !important;
padding-bottom: 0 !important;
border-bottom: 0;
font-weight: 700 !important;
}
#basket-popover h4.popover-price
{
margin: 0 !important;
padding: 0 !important;
border: 0;
font-weight: 700 !important;
} .pop-over-section
{
width: 100%;
float: left;
clear: both;
margin: 0 0 19px 0;
} #basket-popover .popover-details
{
width: 58%;
float: right;
margin: 0 0 20px 0;
}
#basket-popover .popover-details h4,
#basket-popover .popover-details p
{
padding: 0 0 12px 0 !important;
} #basket-popover .popover-image
{
width: 35%;
float: left;
}
#basket-popover .popover-image img
{
width: 122px;
height: 122px;
display: block !important;
margin: 0 !important;
padding: 0 !important;
object-fit: cover;
} #basket-popover a.custom-button
{
opacity: 1 !important;
margin: 15px 0 0 0;
width: 100%;
font-weight: 600 !important;
font-size: 15px !important;
} .gform_widget {
width: 220px; 
height: 170px; 
float: right;
clear: none !important;
margin: 0 20px 0 0; 
color: #fff;
}
.sidebarB .gform_widget {
clear: both !important;
float: left !important;
}
.gform_widget h3 {
color: #fff;
border: none;
margin: 0;
padding: 10px 0 0 20px;
line-height: normal;
font-size: 0.8em;
font-weight: bold;
text-transform: uppercase;
background: transparent url(//www.flintandflame.co.uk/wp-content/themes/flintflame2017/images/bullet-white.png) no-repeat 1px 10px;
}
h3.gform_title { display: none; }
.gform_widget .gform_body {	background: #625e5e; } .content table { border: #625e5e solid 1px;	border-collapse: collapse; margin: 0 0 15px 0; background: #eee; }
.content td { padding: 20px; font-size: 1.1875em; }
.content td p {	font-size: 1em; }
.gform_wrapper .top_label input.medium, 
.gform_wrapper .top_label select.medium
{ 
width: 100% !important;
}
#catapult-cookie-bar { font-size: 0.9em; } .tb_notification_bar
{
line-height: 1 !important;
padding: 6px 5px 7px 5px !important; 
min-height: inherit !important;
position: inherit;
box-sizing: border-box !important;
position: fixed !important;
}
.tb_specific_text a 
{ 
font-size: 16px !important; 
}
@media screen and (max-width:765px)
{
.tb_notification_bar 
{
top: inherit !important;
bottom: 0 !important;
position: fixed !important;
box-shadow: 0 0 6px rgba(0,0,0,0.6) !important;
}
.tb_specific_text a 
{
font-size: 16px !important;
}
}
@media screen and (max-width:550px)
{
.tb_specific_text a 
{
font-size: 14px !important;
}
} #field_3_8 .gfield_label
{
display: none !important;
}
.gform_wrapper .gfield_checkbox li label,
.gform_wrapper .gfield_radio li label
{
font-size: 1.3em !important;
}
.gform_wrapper ul.gfield_checkbox li label,
.gform_wrapper ul.gfield_radio li label
{
vertical-align: top !important;
line-height: 1.2; } body.page-template-page-full-width iframe 
{
width: 100%;
min-height: 521px;
}  @media screen and (max-width:1290px)
{
.content img 
{
display: block !important;
width: auto !important;
max-width: 100% !important;
height: auto !important;
margin: 5px 0 10px 0 !important;
padding: 0 !important;
float: none !important; clear: both !important;
} #nav-container a.logo-white { display: none !important; }  iframe,
body.page-template-page-full-width iframe
{
max-width: 100% !important;
width: 100% !important; min-height: 350px !important;
margin-bottom: 15px !important;
} body.single-product iframe,
body.woocommerce-checkout iframe
{
min-height: initial !important;	
} .postMetaBox 
{
padding: 15px 5%;
width: 90%;
float: left;
clear: both;
} .post-listing-box .custom-excerpt,
.post-listing-box .comment-bubble {
float: left;
clear: both;
width: 100%;
} .post-listing-box .blog-featured-image {
float: left;
clear: both;
}
.post-container { width: 100%; }
textarea#comment { width: 90% !important; } form#searchform input.field, select, textarea#comment, input#author, input#email, input#url, .gform_body input, .gform_body textarea { width: 90%; padding: 4px 5%; } .pswp__top-bar { top: 30px !important; }
} @media screen and (max-width:765px)
{
#header 
{
width: 100%;
margin: 0;
}
#shop-quick-links p
{
height: 40px;
padding: 8px 0 0 0;
margin: 0 15px 0 0;
box-sizing: border-box;
line-height: 1;
}
#shop-quick-links p a strong
{
bottom: 1px;
right: -7px;
}
#shop-quick-links p#shopping-basket-contents
{
padding-right: 0; }
p#phone-number-header 
{
font-size: 1.175em;
padding: 10px 0 0 0;
}
}
@media screen and (max-width:560px)
{ a#logo { display: none !important; }
#nav-container a.logo-white 
{
display: block !important;
float: left;
width: 54px;
margin: 7px 0 0 12px;
}
#nav-container a.logo-white img { display: block; width: 100%; height: auto; } p#phone-number-header 
{
margin-left: 6px;
margin: 0;
margin-right: 12px;
}
}
@media screen and (max-width:430px)
{ p#phone-number-header 
{
padding-top: 12px;
font-size: 0.875em;
}
.phone-number-hide-on-tiny-screens
{
display: none;
}
.phone-number-show-on-tiny-screens
{
display: inline;
}
}
@media screen and (max-width:300px)
{
p#phone-number-header 
{
display: none;
}
}  h1.flexible-heading,
h2.flexible-heading,
.related.products h2
{ clear: both;
box-sizing: border-box;
display: block;
width: 100%;
max-width: 2200px;
text-align: center;
margin: 0 auto;
padding: 55px 20px;
font-weight: 800;
font-size: 60px;
line-height: 1;
background: #fff;
}
.related.products h2
{
padding-top: 50px;
padding-bottom: 50px;
}
.flexible-heading-woocommerce-only-variation
{
padding-top: 15px !important;
padding-bottom: 45px !important;
}
@media screen and (max-width:600px)
{
h1.flexible-heading,
h2.flexible-heading,
.related.products h2
{
font-size: 50px;
padding: 30px 5px;
}
}
.flexible-heading-woocommerce-only-variation
{
padding-top: 0 !important;
padding-bottom: 30px !important;
}
h1.flexible-heading.is-empty-heading,
h2.flexible-heading.is-empty-heading
{
padding-top: 0;
padding-bottom: 0;
height: 165px;
font-size: 0;
line-height: 0;
}
@media screen and (max-width:1400px) { h2.flexible-heading.is-empty-heading { height: 120px; } }
@media screen and (max-width:1100px) { h2.flexible-heading.is-empty-heading { height: 90px; } }
@media screen and (max-width:1000px) { h2.flexible-heading.is-empty-heading { height: 60px; } }
@media screen and (max-width:900px) { h2.flexible-heading.is-empty-heading { height: 40px; } } h1.flexible-heading.is-reduced-height-heading,
h2.flexible-heading.is-reduced-height-heading
{
padding-bottom: 15px;
} .find-out-more-nav
{ max-width: 1500px;
box-sizing: border-box;
padding: 90px 10px;
margin: 0 auto;
clear: both;
background: #000;
display: flex;
align-items: center;
}
.find-out-more-nav ul
{
padding: 0;
margin: 0;
list-style: none;
flex: 40%;
}
.find-out-more-nav ul li
{
padding: 0;
margin: 0;
}
.find-out-more-nav ul li a
{ display: block;
text-decoration: none;
text-transform: uppercase;
color: #666; 
font-weight: 800;
font-size: 4.8125em;
line-height: normal;
padding: 0 0 0 40px;
transition-duration: 200ms;
transition-property: all;
text-align: left;
}
.find-out-more-nav ul li a:hover {
color: #fff;
padding-left: 50px;
}
.find-out-more-img
{
height: 620px !important; width: auto !important;
max-width: none !important;
display: block;
flex: 54%; object-fit: cover;
}
@media screen and (max-width:1300px)
{
.find-out-more-nav
{
display: block;
clear: both;
float: left;
width: 100%;
padding: 30px 0;
}
.find-out-more-nav ul li a
{
text-align: center;
font-size: 3.75em;
padding: 0;
}
.find-out-more-img
{
display: block;
clear: both;
height: 300px !important;
width: 500px !important;
margin: 30px auto 15px auto;
}
}
@media screen and (max-width:850px)
{
.find-out-more-nav
{
display: none;
}
}
@media screen and (max-width:800px)
{
.find-out-more-nav ul li a
{
font-size: 2.65em;
}
.find-out-more-img
{
height: auto !important;
width: 50% !important;
}
}
@media screen and (max-width:600px)
{
.find-out-more-nav ul li a
{
font-size: 2.2em;
}
}  .gold-bar
{
clear: both;
width: 100%;
max-width: 2200px;
margin: 0 auto;
padding: 8px 0; display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap; background: rgb(227,195,99);
background: linear-gradient(35deg, rgba(227,195,99,1) 0%, rgba(253,242,134,1) 16%, rgba(210,177,83,1) 30%, rgba(253,242,134,1) 57%, rgba(157,113,31,1) 77%, rgba(219,189,94,1) 100%); background-size: 220% 100%; animation: gradient 8s ease infinite;
}
@keyframes gradient
{
0%{background-position:0% 50%}
50%{background-position:100% 50%}
100%{background-position:0% 50%}
}
.gold-bar .gold-bar-item
{
padding: 0 55px;
font-size: 1.1875em;
line-height: 1;
text-decoration: none;
display: flex;
align-items: center;
transition: all;
transition-duration: 120ms;
}
@media screen and (max-width:1540px)
{
.gold-bar-header .gold-bar-item { padding: 0 30px; }
}
@media screen and (max-width:1060px)
{
.gold-bar-header .gold-bar-item { padding: 0 15px; }
}
@media screen and (max-width:890px)
{
.gold-bar-header .gold-bar-item 
{
padding: 0 7px;
font-size: 1.05em;
}
}
.gold-bar-footer .gold-bar-item
{
padding-top: 13px;
padding-bottom: 13px;
}
.gold-bar a
{
color:#000;
text-shadow: rgba(255, 255, 255, 0.5) 1px 1px 1px;
}
.gold-bar a:hover
{
text-decoration: underline !important;
text-shadow: rgba(255, 255, 255, 0.7) 1px 1px 1px;
}
.gold-bar a:hover img:not(.trustpilot-score, .trustpilot-logo)
{
opacity: 0.75;
}
.gold-bar a strong
{
font-size: 25px;
font-weight: 600;
padding-right: 6px;
}
@media screen and (max-width:900px)
{
.gold-bar a strong
{
font-size: 20px;
}
}
.gold-bar a span
{
font-size: 1.125em;
}
.gold-bar img
{
display: block;
float: left;
width: auto !important;
height: 34px !important; padding: 0 !important;
margin: 0px 5px 0px 0; }
@media screen and (max-width:1330px)
{
.gold-bar img
{
height: 25px !important;	
}
}
.gold-bar .trustpilot-score img
{
float: right;
}
@media screen and (max-width:1220px) { .gold-bar-item.hide-1 { display: none !important; } }
@media screen and (max-width:770px) { .gold-bar-item.hide-2 { display: none !important; } }
@media screen and (max-width:570px) { .gold-bar-item.hide-3 { display: none !important; } } .sticky-button
{
position: fixed;
bottom: 20px; z-index: 9000;
}
.sticky-button.sticky-left
{
left: -110px;
}
.sticky-button.sticky-right
{
left: auto;
right: 0;
}
.sticky-content-rotate
{
transform: rotate(-90deg);
}
.sticky-button a
{
display: block;
padding: 15px;
text-decoration: none;
background: #cd1719;
color: #fff;
transition: all;
transition-duration: 200ms;
}
.sticky-button a:hover
{
filter: brightness(130%);
}
.sticky-button.sticky-left a
{ border-radius: 100%;
font-size: 1.25em; font-weight: normal;
box-sizing: border-box;
padding: 115px 0 0 0;
width: 190px;
height: 190px;
text-align: center;
}
.sticky-button.sticky-left a:hover
{
transform: translateY(5px);
}
.sticky-button.sticky-right a
{
transform: translateX(5px);
}
.sticky-button.sticky-right a:hover
{
transform: translateX(0);
}
@media screen and (max-width:1420px)
{
.sticky-button.sticky-left
{
left: 35px;
bottom: -150px;
box-shadow: rgba(0, 0, 0, 0.2) 0px -4px 7px;
border-radius: 5px; }
.sticky-button.sticky-right
{
left: auto;
right: 35px;
bottom: 0;
}
.sticky-content-rotate
{
transform: none;
}
.sticky-button a
{
background: #dd2729 !important; }
.sticky-button.sticky-left a
{
width: auto;
font-size: 1.0625em;
border-radius: 5px;
padding: 8px 20px 0 20px;
white-space: nowrap;
}
.sticky-button.sticky-left a:hover
{
transform: translateY(-5px);
}
.sticky-button.sticky-right a
{
transform: translateX(0);
transform: translateY(5px);
box-shadow: rgba(0, 0, 0, 0.2) 4px -4px 7px;
}
.sticky-button.sticky-right a:hover
{
transform: translateX(0);
transform: translateY(0);
}
}
@media screen and (max-width:765px)
{     }
@media screen and (max-width:660px)
{
.sticky-button.sticky-right
{
display: none;
}
.sticky-button.sticky-left
{
font-size: 0.95em;
bottom: -153px; left: 50%;
transform: translateX(-50%);
}
}
@media screen and (max-width:380px)
{  } .social-links a 
{
display: block;
width: 34px;
margin: 0;
padding: 10px 14px 10px 10px;
}
.social-links a img
{
display: block !important;
width: 100% !important;
height: auto !important;
padding: 0 !important;
margin: 0 !important;
}
@media screen and (max-width:1420px)
{
.social-links a
{ 
float: left;
width: 28px;
padding: 9px 8px 12px 8px;
}
} .custom-categories-wrapper
{
background: #fff;
width: 100%;
clear: both;
}
.custom-categories-wrapper .as-row
{
margin-bottom: 30px !important;
}
a.custom-category-box img
{
display: block !important;
max-width: none !important;
width: 100% !important;
min-height: 100% !important;
height: 100% !important;
object-fit: cover !important;
margin: 0 !important;
padding: 0 !important;
} .custom-category-overlay
{
position: absolute;
box-sizing: border-box;
width: 100%;
height: 100%;
padding: 0px 35px 80px 35px;
color: #000;
background: rgba(255, 255, 255, 0);
transition: all;
transition-duration: 350ms;
left: 0;
bottom: -45%; display: flex;
flex-direction: column;
align-items: baseline;
justify-content: flex-start;
}
.as-row .custom-category-overlay
{
padding-bottom: 30px; }
.tile-hover-enabled a.custom-category-box:hover .custom-category-overlay
{
bottom: 0;
justify-content: flex-end; background: rgb(227,195,99);
background: linear-gradient(35deg, rgba(227,195,99,1) 0%, rgba(253,242,134,1) 16%, rgba(210,177,83,1) 30%, rgba(253,242,134,1) 57%, rgba(147,104,26,1) 77%, rgba(219,189,94,1) 100%); 
background-size: 300% 300%;
animation: gradient 5s ease infinite;
} a.custom-category-box h2
{
color: #fff;
padding: 90px 0 20px 0; margin: 0;
font-size: 48px; line-height: 1 !important; text-shadow: rgba(0, 0, 0, 0.7) 1px 1px 7px;
font-weight: 400;
}
a.custom-category-box h2 strong
{
font-weight: 800;
}
.as-row a.custom-category-box h2
{
font-size: 35px; text-shadow: rgba(0, 0, 0, 1) 1px 1px 5px;
}
.tile-hover-enabled a.custom-category-box:hover h2
{
color:#000;
text-shadow: rgba(0, 0, 0, 0) 1px 1px 5px;
} a.custom-category-box span
{
display: block;
width: 100%;
font-size: 20px; opacity: 0;
}
.as-row a.custom-category-box span
{
font-size: 18px;
}
.tile-hover-enabled a.custom-category-box:hover span
{
opacity: 1;
} .custom-button
{
text-align: center;
display: block;
width: auto;
padding: 12px 15px; margin: 25px 0 0 0;
text-transform: uppercase;
background: #cc0001;
color: #fff !important;
text-decoration: none !important;
font-size: 1.125em !important;
font-weight: 500 !important;
line-height: 1;
float: left;
clear: both;
opacity: 0;
box-sizing: border-box;
}
button.custom-button:disabled
{
background: #bbb !important;
color: #eee !important;
}
.as-row .custom-button
{
display: none;
}
@media screen and (max-width:1290px)
{
.custom-button
{
font-size: 1em !important;
margin: 14px 0 0 0;
padding: 10px 15px; }	
}
.custom-button:hover {
filter: brightness(120%);
}
.tile-hover-enabled a.custom-category-box:hover .custom-button
{
opacity: 1;
}
.as-row a.custom-category-box h2 
{ 
padding-top: 50px;
} @media screen and (max-width:1600px)
{
.as-grid a.custom-category-box h2 { font-size: 3.3vw; padding-top: 70px; }
.as-grid a.custom-category-box span { font-size: 1.4vw; }
.as-grid .custom-category-overlay { padding-bottom: 40px !important; }
}
@media screen and (max-width:1350px)
{
.as-grid a.custom-category-box h2 { padding-top: 60px; }
.as-grid a.custom-category-box span { font-size: 1.6vw; }
.as-grid .custom-category-overlay { padding-bottom: 25px !important; }
}
@media screen and (max-width:1200px)
{
.as-grid a.custom-category-box h2 { padding-top: 45px; }
}
@media screen and (max-width:980px)
{
.as-grid a.custom-category-box h2 { padding-top: 35px; }
} @media screen and (max-width:830px)
{
.as-grid a.custom-category-box h2 { padding-top: 15px; font-size: 5.4vw; }
.as-grid a.custom-category-box span { font-size: 2.3vw; }
.as-grid .custom-category-overlay { padding-bottom: 40px !important; }
}
@media screen and (max-width:720px)
{
.as-grid a.custom-category-box h2 
{ 
padding-bottom: 5px;
font-size: 4.5vw;
line-height: 1;
text-shadow: rgba(0, 0, 0, 1) 1px 1px 9px;
}
.as-grid a.custom-category-box span { font-size: 2.6vw; line-height: 1; }
}
@media screen and (max-width:650px)
{
.as-grid .custom-category-overlay { padding-left: 20px; padding-right: 20px; padding-bottom: 20px !important; }
.as-grid a.custom-category-box h2 br { display: none !important; }
.as-grid a.custom-category-box span { font-size: 2.8vw; }
.custom-button
{
font-size: 0.8em !important;
margin: 8px 0 0 0;
padding: 8px 10px; }
}
@media screen and (max-width:470px)
{
.as-grid a.custom-category-box h2 { font-size: 5.8vw; }
.as-grid a.custom-category-box span { display: none; }
.custom-category-box img { filter: brightness(65%) !important; }
} @media screen and (max-width:1600px)
{
.as-row a.custom-category-box h2 { font-size: 2.3vw; padding-top: 40px; padding-bottom: 10px; }
.as-row a.custom-category-box span { font-size: 1.15vw; }
.as-row .custom-category-overlay { padding-bottom: 20px !important; }
}
@media screen and (max-width:1200px)
{
.as-row a.custom-category-box h2,
.as-row .tile-hover-enabled a.custom-category-box:hover h2
{
color: #fff !important;
text-shadow: rgba(0, 0, 0, 1) 1px 1px 5px !important;
padding-bottom: 0 !important;
}
.as-row a.custom-category-box span { display: none !important; }
.as-row .custom-category-overlay
{
background: transparent !important;
color: #fff !important;
bottom: 0 !important;
transition: none !important;
justify-content: flex-end !important;
padding-right: 20px !important;
padding-left: 20px !important;
}
.as-row .tile-hover-enabled a.custom-category-box:hover .custom-category-overlay
{
justify-content: flex-start !important;
}
.as-row .custom-category-box img
{
filter: brightness(80%) !important;
}
}
@media screen and (max-width:850px)
{
.as-row .custom-category-overlay
{
padding-right: 5px !important;
padding-left: 10px !important;
padding-bottom: 12px !important;
}
.as-row .custom-category-box img
{
filter: brightness(60%) !important;
}
}
@media screen and (max-width:660px)
{
.custom-categories-wrapper .as-row
{
display: none !important;
}
}   @media (hover: none)
{
.custom-category-overlay
{
background: transparent;
color: #fff;
bottom: 0;
transition: none;
justify-content: flex-end;
}
.tile-hover-enabled a.custom-category-box:hover .custom-category-overlay
{
background: transparent !important;
}
.tile-hover-enabled a.custom-category-box:hover h2
{
color:#fff !important;
text-shadow: rgba(0, 0, 0, 0.7) 1px 1px 7px !important;
}
.custom-category-box img
{
filter: brightness(50%);
}
.custom-button
{
opacity: 1;
}
a.custom-category-box span
{
opacity: 1; text-shadow: rgba(0, 0, 0, 0.75) 1px 1px 5px;   }
}  .custom-categories
{
margin: 0 auto;
clear: both;
display: flex;
padding: 0 2px; } .custom-categories a.custom-category-box
{
position: relative;
box-sizing: border-box;
overflow: hidden;
display: flex;
} .custom-categories.as-grid
{
flex-wrap: wrap;
max-width: 1600px; } .custom-categories.as-row
{
flex-wrap: nowrap;
max-width: 1600px;
padding-top: 4px;
padding-bottom: 4px;
} .custom-categories.as-grid a.custom-category-box
{
flex: 25%; margin: 0 2px 4px 2px;
}
@media screen and (max-width:830px)
{
.custom-categories.as-grid a.custom-category-box
{
flex: 44%;
}
} .custom-categories.as-row a.custom-category-box
{
flex: 1;
margin: 0 2px 0 2px;
} .custom-categories.as-row a.custom-category-box:nth-child(3)
{
display: none;
} .footer-instagram
{
max-width: 2200px;
margin: 0 auto;
clear: both;
background: #000;
}
.footer-instagram a
{
display: block;
transition-duration: 300ms;
}
.footer-instagram a:hover
{
filter: brightness(115%);
}
.footer-instagram a img
{
display: block !important;
float: left !important;
margin: 0 !important;
padding: 0 !important;
width: 20% !important;
height: auto !important;
}
@media screen and (max-width:1150px)
{
.footer-instagram a img
{
width: 25% !important;
}
.footer-instagram a img.footer-instagram-hide-on-small-screens
{
display: none !important;
}
}
@media screen and (max-width:750px)
{
.footer-instagram a img
{
width: 50% !important;
}
}
@media screen and (max-width:420px)
{
.footer-instagram a img
{
clear: both !important;
float: none !important;
width: 70% !important;
margin: 0 auto !important;
}
.footer-instagram a img.footer-instagram-hide-on-tiny-screens
{
display: none !important;
}
} .reasons-banner
{
background: #fff;
clear: both;
max-width: 2200px;
margin: 0 auto;
}
.reasons-banner a
{
box-sizing: border-box;
display: block;
max-width: 1290px;
margin: 0 auto;
padding: 0 12px;
}
.reasons-banner img
{
display: block;
width: 100%;
height: auto;
clear: both;
padding: 0 0 55px 0;
border-bottom: #000 solid 2px; }
.reasons-banner img.reasons-mobile-version
{
display: none;
}
@media screen and (max-width:1290px)
{
.reasons-banner img
{
padding: 0 0 0 0;
border-bottom: 0;
}
} @media screen and (max-width:900px)
{
.reasons-banner img.reasons-desktop-version	{ display: none; }
.reasons-banner img.reasons-mobile-version 
{
display: block;
max-width: 520px;
margin: 0 auto;
}
} .one-column-content
{
max-width: 1290px;
margin: 0 auto;
clear: both;
} .two-column-content
{
display: flex;
justify-content: center;
max-width: 1290px;
margin: 0 auto;
clear: both;
}
@media screen and (max-width:1024px)
{
.two-column-content
{
display: block; width: 100%;
}
}
.first-column,
.second-column
{
box-sizing: border-box;
padding-left: 12px;
padding-right: 12px;
}
.first-column
{
flex: 1;
}
.second-column
{
flex: 1;
}
@media screen and (max-width:1024px)
{
.first-column,
.second-column
{
display: block;
width: 100%; clear: both;
}
} .two-column-content h1.huge-h1
{
font-size: 5.625em;
} .sidebarA h3, .sidebarB h3 { clear: both; border-bottom: none; margin: 0 0 0 0; }
.sidebarA .sub-pages-menu h3 { display: none; }
body.blog .sidebarA .sub-pages-menu h3,
body.single .sidebarA .sub-pages-menu h3,
body.archive .sidebarA .sub-pages-menu h3 { display: block; } body.woocommerce .sidebarA .sub-pages-menu h3 
{
display: block;
} .sidebarA .sub-pages-menu
{
width: 100%;
margin: 0;
}
.sidebarA .sub-pages-menu ul 
{
width: auto;
display: block; clear: both; }
.sidebarA .sub-pages-menu ul,
.sidebarA .sub-pages-menu ul ul 
{
list-style: none;
margin: 0;
border: none;
clear: both;
display: block;
}  .sidebarA .sub-pages-menu ul li.current_page_item ul,
.sidebarA .sub-pages-menu ul li.current_page_parent ul,
.sidebarA .sub-pages-menu ul li.current-cat ul,
.sidebarA .sub-pages-menu ul li.current-cat-parent ul
{
display: block;
}
.sidebarA .sub-pages-menu ul li,
.sidebarA .sub-pages-menu ul li ul li 
{
margin: 0; 
padding: 0;	
list-style: none;
}
.sidebarA .sub-pages-menu ul li a 
{
width: auto;
display: block;
background: #000;
text-decoration: none;
color: #fff;
text-transform: uppercase;
font-size: 0.8em;
padding: 11px 14px;
border-bottom: #555 solid 1px;
line-height: 1;
}
.sidebarA .sub-pages-menu ul ul li a 
{
background: #222;
color: #eee;
font-size: 0.95em;
margin: 0;
padding-top: 7px;
padding-bottom: 7px;
padding-left: 32px;
border-color: #000;
line-height: normal;
text-transform: none;
}
.sidebarA .sub-pages-menu ul li a:hover 
{
color: #fff;
background: #cd1719;
}
.sidebarA .sub-pages-menu ul li.current-menu-item > a,
.sidebarA .sub-pages-menu ul li.current-cat > a
{
color: #fff;
background: #cd1719;  }
.sidebarA .sub-pages-menu ul ul li.current-menu-item > a,
.sidebarA .sub-pages-menu ul ul li.current-cat > a
{
background-position: 6px 3px;
}
.sidebarA .sub-pages-menu ul ul ul
{
display: none !important;
}  .footer
{ 
width: 100%;
max-width: 2200px;
margin: 0 auto 0 auto; 
text-align: left; 
padding: 50px 0 60px 0; 
clear: both;
background: #000;
}
@media screen and (max-width:1420px)
{
.footer
{
padding-bottom: 90px;
}
}
.footer-inner
{
display: flex;
justify-content: space-between;
max-width: 1290px;
margin: 0 auto;
padding: 0 0 18px 0;
}
.footer-inner-2
{
border-top: #fff solid 2px;
padding-top: 30px;
padding-bottom: 0;
}
@media screen and (max-width:920px)
{
.footer-inner-2
{
display: block;
}
.footer-inner.footer-inner-2 p
{
margin-top: 15px;
font-weight: 400;
}
}
@media screen and (max-width:1360px)
{
.footer-inner
{
margin-left: 30px;
margin-right: 30px;
}
}  .footer-contact-info { 	flex: 1; }  .footer-logo
{
width: 67px;
height: 67px;
}
.footer-logo img
{
width: 100% !important;
height: auto !important;
} .footer-inner p,
.footer-inner a
{
color: #fff;
font-size: 16px;
font-weight: 600;
margin: 0;
padding: 0;
line-height: 1;
}
@media screen and (max-width:550px)
{
.footer-inner p,
.footer-inner a
{
font-weight: 400;
font-size: 12px;
}
.footer-inner li a 
{
font-size: 16px;
}
} .footer-nav ul,
.footer-nav li
{
margin: 0;
padding: 0;
list-style: none;
}
.footer-nav ul
{
float: left;
display: block;
margin: -8px 0 0 -8px; }
.footer-nav a
{
text-decoration: none;
display: block;
line-height: 1;
padding: 8px 60px 8px 8px;
margin: 0;
width: 100%;
}
.footer a:hover
{
text-decoration: underline;
color: rgb(255,225,129);
} .footer-contact-info
{
margin: 0 0 0 5px;
}
.footer-contact-info p
{
float: left;
clear: both;
margin: 20px 0 0 0;
line-height: 1;
padding: 0;
} .footer-social-links
{
display: block;
width: auto;
float: left;
clear: both;
margin: 0 0 0 10px;
}
.footer-social-links a 
{
display: block;
width: 19px;
float: left;
clear: none;
margin: 0 10px 5px 0;
padding: 5px;
transition: all;
transition-duration: 100ms;
border: #fff solid 1px;
border-radius: 100%;
}
.footer-social-links a:hover
{
opacity: 0.7;
transform: scale(115%);
}
.footer-social-links a img
{
display: block !important;
width: 100% !important;
height: auto !important;
padding: 0 !important;
margin: 0 !important;
} #site-country-switcher
{
float: right;
margin-top: 9px;
}
#site-country-switcher a
{
float: left;
}
#site-country-switcher a:hover
{
filter: brightness(135%);
}
#site-country-switcher img
{
display: block !important;
width: auto !important;
height: 23px !important;
margin-left: 8px !important;
padding: 0 !important;
}
@media screen and (max-width:765px)
{
#site-country-switcher
{
float: none !important;
margin: 7px auto 0 auto !important;
text-align: center !important;
}
#site-country-switcher a
{
float: none !important;
}
#site-country-switcher img
{
display: inline !important;
}
} #container #shop-quick-links .widget
{
margin: 8px 0 0 0 !important;
float: left !important;
clear: none !important;
width: auto;
}
@media screen and (max-width:765px)
{
#container #shop-quick-links .widget
{
margin-top: 6px !important;
}	
}
@media screen and (max-width:440px)
{
#container #shop-quick-links .widget,
#shop-quick-links p#quick-search
{
display: none !important;
}
#shop-quick-links p#quick-search-tiny-screens
{
display: block !important;
margin-right: 8px;
}
}
#shop-quick-links .widget-title
{
display: none !important;
}
#shop-quick-links form.woocommerce-product-search
{
margin: 0 0 0 0;
display: flex;
width: 0;
overflow: hidden;
}
@keyframes expand-quick-search-animation
{
0% { width: 0px; margin-left: 0; }
100% { width: 190px; margin-left: 15px; }
}
@keyframes collapse-quick-search-animation
{
0% { width: 190px; margin-left: 15px; }
100% { width: 0px; margin-left: 0; }
}
#shop-quick-links form.woocommerce-product-search.expand-quick-search
{
animation: expand-quick-search-animation 0.3s ease-in-out forwards;
}
#shop-quick-links form.woocommerce-product-search.collapse-quick-search
{
animation: collapse-quick-search-animation 0.3s ease-in-out forwards;
}
#shop-quick-links form.woocommerce-product-search input.search-field,
#shop-quick-links form.woocommerce-product-search button[type="submit"]
{
padding: 4px 6px;
margin: 0 !important;
font-size: 15px !important;
border: 0;
line-height: 0;
float: left;
width: auto;
height: 27px;
outline: 0; -moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
display: block;
}
#shop-quick-links form.woocommerce-product-search input.search-field
{
background: #fff;
width: 160px !important;
}
#shop-quick-links form.woocommerce-product-search button[type="submit"]
{
background-color: #cd1719;
background-image: url(//www.flintandflame.co.uk/wp-content/themes/flintflame2017/images/new-2023/shop-icons/quick-search-icon.gif);
background-repeat: no-repeat;
background-size: 27px 27px;
color: #fff;
text-indent: -9999px;
width: 27px !important;
height: 27px !important;
}
#shop-quick-links form.woocommerce-product-search button[type="submit"]:hover
{
filter: brightness(140%);
} body.theme-flintflame2017 iframe#refcandy-candyjar
{
min-height: auto !important;
height: 975px !important;
} .candybox
{
background: #eee;
border: #d6d6d6 solid 1px;
border-radius: 5px;
margin: 25px 0 28px 0;
padding: 20px 22px;
box-sizing: border-box;
}
@media screen and (max-width:765px) 
{
.candybox { margin-top: 35px; }
}
.candybox p
{
font-size: 19px;
margin: 0 0 10px 0 !important;
}
.candybox p strong
{
text-transform: uppercase;
font-size: 24px;
font-weight: 700;
}
.candybox a.custom-button
{
opacity: 1 !important;
margin: 6px 0 4px 0 !important;
}
@media screen and (max-width:650px) 
{
.candybox { padding-bottom: 6px !important; }
.candybox p { font-size: 19px; text-align: center; }
.candybox p strong { font-size: 22px; }
.candybox .custom-button
{
font-size: 1em !important;
padding: 10px 12px !important;
margin-top: 9px !important;
float: none !important;
}
} .site-notice-custom
{
background: #cd1719 !important;
color: #fff !important;
width: 100% !important;
padding: 8px 15px 10px 15px !important;
margin: 0 !important;
font-size: 17px !important;
line-height: 1 !important;
text-align: center !important;
box-sizing: border-box !important;
}
@media screen and (max-width:765px) 
{
.site-notice-custom
{
padding: 7px 9px 8px 9px !important;
font-size: 15px !important;
position: relative;
top: 40px;
}
} .as-seen-at-outer
{
width: 100%;
background: #fff;
max-width: 2200px;
margin: 0 auto;
}
.as-seen-at-banner 
{
display: flex;
justify-content: center;
align-items: center;
max-width: 1278px; gap: 60px;
padding: 0;
margin: 0 auto;
flex-wrap: wrap;
background: #fff;
}
.as-seen-at-logo 
{
flex: 1;
text-align: center;
}
.as-seen-at-logo img 
{
display: block;
width: 100%;
height: auto;
padding: 0;
}
@media screen and (max-width: 1300px) 
{
.as-seen-at-banner 
{
padding: 0 12px;
gap: 45px;
}
}
@media screen and (max-width: 1024px) 
{
.as-seen-at-banner 
{
gap: 60px;
}
.as-seen-at-logo 
{
flex: 1 1 calc(33.33% - 50px);
}
.as-seen-at-logo img 
{
width: 90%;
margin-bottom: -70px;
}
.as-seen-at-outer
{
padding-bottom: 70px;
}
}
@media screen and (max-width: 600px) 
{
.as-seen-at-logo 
{
flex: 0 1 60%;
margin: 0 auto;
}
.as-seen-at-logo img 
{
width: 80%;
margin-left: auto;
margin-right: auto;
}
} .sharpening-form
{
float: right;
clear: none;
width: 60%;
margin: 10px 0 15px 10px;
}
.sharpening-form-left
{
width: 32%;
float: left;
}
.sharpening-form .signup-outer
{
width: 63%;
float: right;
}
@media screen and (max-width: 880px) 
{
.sharpening-form
{
width: 100%;
}
}
img.form-image
{
width: 100% !important;
height: auto !important;
float: left !important;
display: block !important;
max-width: none !important;
padding: 0 !important;
margin: 0 !important;
} label#sharpening-checkbox-label
{
display: block !important;
color: #fff !important;
float: left !important;
clear: both !important;
padding: 0 0 20px 0;
}
label#sharpening-checkbox-label input#consent-checkbox
{
width: auto !important;
float: left !important;
clear: none !important;
margin: 5px 7px 0 0 !important;
}
.consent-text-input-for-newzapp
{
display: none;
}  .custom-field-for-telephone-orders-only
{
display: none;
}
body.page-id-15123 .custom-field-for-telephone-orders-only
{
display: block;
}.sidebar-banner 
{	
float: left;
clear: both;
margin: 0 0 5px 0;
width: 100%;
padding: 0;
}
@media screen and (max-width:1290px)
{
.sidebar-banner 
{
width:100%;
}
}
.sidebar-banner span 
{
font-size: 14px;
color: #000;
font-weight: 500;
display: block;
text-transform: uppercase;
line-height: 1;
padding: 10px 0 6px 20px;
background: transparent url(//www.flintandflame.co.uk/wp-content/themes/flintflame2017/images/bullet-black.png) no-repeat 0 10px;
}
.sidebar-banner a 
{
display: block;
text-decoration: none;
color: #000;
}
.sidebar-banner a:hover 
{
text-decoration: underline;
}
.sidebar-banner a:hover 
{
opacity: 0.85;
}  .content-container
{
width: 100%; 
margin: 0;
background: #fff;
box-sizing: border-box;
}
.classic-content-wrapper
{
max-width: 1290px;
margin: 0 auto;
box-sizing: border-box;
padding: 0 15px 35px 15px; }
.content-inner
{
display: flex;
gap: 25px;
}
.content
{ flex-shrink: 0;
flex-grow: 1;
flex-basis: 0;
} .sidebarA,
.sidebarB
{
z-index: 100;
position: relative;
}
.sidebarA
{
flex-basis: 305px;
} 
@media screen and (max-width:1290px) { .sidebarA { flex-basis: 270px; } }
@media screen and (max-width:1070px) { .sidebarA { flex-basis: 230px; } }
@media screen and (max-width:970px) { .sidebarA { flex-basis: 200px; } }
.sidebarB
{
flex-basis: 220px;
} body.woocommerce-account .sidebarA, body.page-template-page-full-width .sidebarA 
{
display: none !important; 
}
body.page-template-page-full-width .sidebarB 
{
display: none !important;
} @media screen and (max-width:800px) 
{
.content-inner 
{
flex-wrap: wrap;
}
.sidebarA,
.sidebarB,
.content
{
flex-basis: 100%;
}
.sidebarA { order: 2; }
.content { order: 1; }
.sidebarB { order: 3; }
}.slideshow-single,
.slideshow-multiple,
.slider-nav,
.slider-for,
#slides-container
{
background: #000;
clear: both; }
.slick-slider.slideshow-multiple
{
padding-top: 75px; } .slideshow-single div img:not(.sale-banner-overlay-img) {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
object-fit: cover;
z-index: 99;
transition-property: all;
transition-delay: 450ms; transition-duration: 1.1s; transform: scale(0.96); filter: brightness(0%);
}
.slideshow-single div.slick-current img:not(.sale-banner-overlay-img) {
transform: scale(1.04); filter: brightness(100%);
} .fully-clickable-slide a
{
width: 100% !important;
height: 800px !important;
display: block !important;
}
.slideshow-single div.fully-clickable-slide img.mobile-fully-clickable-slide-img
{
display: none;
}
@media screen and (max-width:760px)
{
.slideshow-single div.fully-clickable-slide img.desktop-fully-clickable-slide-img
{
display: none; }
.slideshow-single div.fully-clickable-slide img.mobile-fully-clickable-slide-img
{
display: block;
}
}  .slick-slide-content-wrapper
{
width: 100%;
margin: 0 auto;
position: relative; }
.slick-slide-content-outer
{	
position: relative;
z-index: 999;
text-align: left;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 650px;
overflow: hidden;
}
.slide-content-bottom-left
{
justify-content: flex-start;
align-items: flex-end;
}
@media screen and (max-width:1700px) { .slick-slide-content-outer { height: 550px; } }
@media screen and (max-width:1290px) { .slick-slide-content-outer { height: 480px; } }
@media screen and (max-width:960px) { .slick-slide-content-outer { height: 440px; } }
@media screen and (max-width:500px) 
{ 
.slick-slide-content-outer 
{
text-align: center;
} 
}
.slick-slide-content
{
width: 80%;
margin: 0 auto;
}
.slide-content-bottom-left .slick-slide-content
{
padding-bottom: 100px;
}
@media screen and (max-width:1100px) 
{
.slick-slide-content
{
width: 75%; }
.slide-content-bottom-left
{
justify-content: center;
align-items: center;
}
.slide-content-bottom-left .slick-slide-content
{
padding-bottom: 0;
}
}
.slick-slide-content h2,
.slick-slide-content h3,
.slick-slide-content h4,
.slick-slide-content p
{
color:#fff;
margin: auto;
font-weight: 500; text-shadow: rgba(0, 0, 0, 0.8) 1px 1px 15px; border: none !important;
padding: 0 !important;
text-transform: uppercase;
}
.slick-slide-content p
{
font-size: 20px; font-weight: 400; clear: both;
text-transform: none;
padding: 12px 0 0 0 !important;
float: left;
width: 35%;
line-height: 1.3;
text-shadow: rgb(0, 0, 0) 2px 0px 2px;
}
.slick-slide-content p a
{
color: #fff;
}
.slick-slide-content p a:hover
{
color: rgb(255,225,129);
}
.slick-slide-content h2 strong,
.slick-slide-content h3 strong,
.slick-slide-content h4 strong
{
font-weight: 800; }
.slick-slide-content h2 { font-size: 7.5em; }
.slick-slide-content h3 { font-size: 5.625em; }
.slick-slide-content h4 { font-size: 3em; }
@media screen and (max-width:1400px) 
{ 
.slick-slide-content h2 { font-size: 8vw; } 
.slick-slide-content h3 { font-size: 6vw; } 
.slick-slide-content h4 { font-size: 4vw; } 
}
@media screen and (max-width:1100px)
{
.slick-slide-content p 
{
width: 100%;
font-size: 17px;
background-color: rgba(0, 0, 0, 0.65);
padding: 10px 20px !important;
box-sizing: border-box;
text-shadow: none !important;
}
.slick-slide-content p:first-of-type:not(.sale-banner-cms-text)
{
margin-top: 15px !important;
}
}
@media screen and (max-width:800px) 
{ 
.slick-slide-content h2 { font-size: 9vw; } 
.slick-slide-content h3 { font-size: 8vw; } 
.slick-slide-content h4 { font-size: 5vw; }
.slick-slide-content h2,
.slick-slide-content h3,
.slick-slide-content h4,
.slick-slide-content p
{
text-shadow: rgba(0, 0, 0, 0.8) 1px 1px 6px;
}
}
@media screen and (max-width:690px) 
{ 
.slick-slide-content h2 { font-size: 8vw; } 
.slick-slide-content h3 { font-size: 7vw; } 
.slick-slide-content h4 { font-size: 28px; }
.slick-slide-content p { font-size: 16px; }
} .slick-slide-content a.ffbutton
{
text-align: center;
display: block;
box-sizing: border-box;
width: auto;
padding: 10px;
margin: 30px 0 0 0;
text-transform: uppercase;
text-decoration: none;
background: #cc0001;
float: left;
clear: both;
color: #fff;
font-size: 1.125em;
line-height: normal;
transition: all;
transition-duration: 250ms;
}
.slick-slide-content a.ffbutton.site-wide-sale-button
{
font-size: 1.5em;
font-weight: 600;
padding: 10px 20px;
position: absolute;
left: 850px;
bottom: 130px;
box-shadow: rgba(0,0,0,1) 1px 1px 5px;
}
@media screen and (max-width:1700px) 
{
.slick-slide-content a.ffbutton.site-wide-sale-button
{
bottom: 90px;
}
}
@media screen and (max-width:1290px) 
{
.slick-slide-content a.ffbutton.site-wide-sale-button
{
font-size: 1.3em;
left: 660px;
}
}
@media screen and (max-width:960px) 
{
.slick-slide-content a.ffbutton.site-wide-sale-button
{
margin: 0 auto !important;
width: 200px !important;
padding: 6px 0 !important;
bottom: 88px !important;
left: 0 !important;
right: 0 !important;
} .slick-slide-content a.ffbutton.site-wide-sale-button.black-friday-button
{
width: 280px !important;
}
}
@media screen and (max-width:590px) 
{
.slick-slide-content a.ffbutton.site-wide-sale-button
{
bottom: 80px !important;
} .slick-slide-content a.ffbutton.site-wide-sale-button.black-friday-button
{
width: 230px !important;
font-size: 18px !important;
}
}
.slick-slide-content a.ffbutton:hover
{
filter: brightness(160%);
}
@media screen and (max-width:500px) 
{
.slick-slide-content a.ffbutton
{
margin-left: auto;
margin-right: auto;
margin-top: 20px;
font-size: 0.95em;
float: left;
width: 100%;
clear: both;
padding: 10px;
}
} #slides-container .slick-slide
{
opacity: 0.4;
transition-property: opacity;
transition-duration: 450ms;
transition-delay: 500ms;
}
#slides-container .slick-slide.slick-center
{
opacity: 1;
}
@media screen and (max-width:1000px) 
{
#slides-container .slick-slide
{
opacity: 1;
transition: none;
}
}
@media screen and (max-width:600px) 
{
#slides-container
{
display: none;
}
} .slider-nav
{
display: none !important;
clear: both;
padding: 0;
margin: 0 auto;
}
.slider-nav .slick-text
{
width: 100%;
overflow: hidden;
} .slider-nav .slick-slide a
{
display: block;
text-align: center;
text-decoration: none;
width: 100%;
font-size: 4.5vw;
text-transform: uppercase;
font-weight: 700;
box-sizing: border-box;
padding: 6.5vw 2.5vw;
line-height: 0;
transition-duration: 0.5s;
transition-property: color;
transition-delay: 0.2s;
color: #555;
}
.slider-nav .slick-slide.slick-center a
{
color: #fff;
} .slider-for
{
display: none !important;
clear: both;
padding: 0;
margin: 0 auto;
}
.slider-for .slick-slide
{
width: 100%;
overflow: hidden;
z-index: 700;
transition-duration: 0.5s;
transition-property: filter;
transition-delay: 0.2s;
filter: brightness(40%);
}
.slider-for .slick-slide.slick-center
{
z-index: 9000;
position: relative;
filter: brightness(100%);
}
.slider-for .slick-slide a
{
display: block;
width: 100%;
}
.slider-for .slick-slide img
{
display: block;
margin: 0 auto;
object-fit: cover;
width: 100% !important;
max-height: 350px !important;
height: 50vw !important;
padding: 0 !important;
}
@media screen and (max-width:850px)
{
.slider-nav,
.slider-for
{
display: block !important;
}
} .slideshow-multiple
{
background: #fff;
clear: both;
padding: 0;
}
.slideshow-multiple .slick-slide
{
width: 100%;
overflow: hidden;
transition-duration: 0.35s;
transition-delay: 400ms;
transform: scale(0.9);
transition-property: transform, filter;
}
.slideshow-multiple .slick-slide.slick-center
{
transform: scale(1.1);
z-index: 900;
position: relative;
}
.slideshow-multiple .slick-slide a
{
display: block;
text-align: center;
text-decoration: none;
width: 100%;
transition-property: filter;
transition-duration: 0.4s;
}
.slideshow-multiple .slick-slide a:hover
{
color: #555;
filter: brightness(120%);
text-decoration: underline;
}
.slideshow-multiple .slick-slide span
{ font-size: 1.25em;
font-weight: 400;
display: block;
box-sizing: border-box;
padding: 30px 10px 80px 10px;
line-height: 0.95em;
}
.slideshow-multiple .slick-slide img
{
display: block;
margin: 0 auto;
object-fit: cover;
width: 98% !important; height: 350px !important;
padding: 0 !important;
}
@media screen and (max-width:1420px)
{
.slideshow-multiple .slick-slide img
{
height: 280px !important;
}
}
@media screen and (max-width:1150px)
{
.slideshow-multiple .slick-slide img
{
height: 200px !important;
}
}
@media screen and (max-width:920px)
{
.slideshow-multiple .slick-slide img
{
height: 150px !important;
}
} @media screen and (max-width:730px)
{
.slideshow-multiple .slick-slide
{
filter: brightness(30%);
transform: scale(0.95);
}
.slideshow-multiple .slick-slide.slick-center
{
filter: brightness(100%);
transform: scale(1.2);
}
.slideshow-multiple .slick-slide img
{
height: 280px !important;
}
} @media screen and (max-width:480px)
{
.slideshow-multiple .slick-slide img
{
height: 200px !important;
}
}  .slick-dotted.slick-slider.slideshow-single,
.slick-dotted.slick-slider.slideshow-multiple,
.slick-dotted.slick-slider#slides-container
{
margin: 0 auto !important;
max-width: 2200px;
}
.slick-dots
{
bottom: 35px !important;
}
.slideshow-multiple .slick-dots
{
bottom: auto !important;
top: 0 !important;
}
@media screen and (max-width:550px)
{
.slick-dots
{
bottom: 15px !important;
}
}
.slick-dots li
{
width: auto !important;
height: auto !important;
margin: 0 !important;
}
.slick-dots li button
{
box-sizing: border-box !important;
width: 25px !important;
height: 25px !important;
margin: 0 !important;
padding: 0 !important;
} .slick-dots li button::before,
.slick-dots li.slick-active button::before
{
content: '' !important;
opacity: 1 !important;
box-sizing: border-box;
width: 15px !important;
height: 15px !important;
padding: 0 !important;
border: 1px solid #fff !important;
border-radius: 100% !important;
}
.slideshow-multiple .slick-dots li button::before,
.slideshow-multiple .slick-dots li.slick-active button::before
{
border-color: #000 !important; 
}
.slideshow-single .slick-dots li button::before
{
box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 5px;
} .slick-dots li button:hover::before
{
background: rgba(255, 255, 255, 0.35) !important;
}
.slideshow-multiple .slick-dots li button:hover::before
{
background: rgba(0, 0, 0, 0.65) !important;
}
.slick-dots li.slick-active button::before
{
background: #fff !important;
}
.slideshow-multiple .slick-dots li.slick-active button::before
{
background: #000 !important;
} .slick-dots > li:only-child 
{
display: none !important;
} .slick-arrow
{
z-index: 999;
}
.slick-prev, 
.slick-next 
{
width: 9% !important;
height: 100px !important;
background: transparent !important;
} .slideshow-multiple .slick-prev, 
.slideshow-multiple .slick-next
{
top: 7px !important;
}
.slider-for .slick-prev, 
.slider-for .slick-next 
{
width: 17% !important;
}
.slick-prev
{
left: 0 !important; }
.slick-next
{
right: 0 !important; }
.slick-prev::before,
.slick-next::before 
{
font-size: 60px !important;
font-weight: bold !important;
opacity: 1 !important;
text-shadow: rgba(0, 0, 0, 0.8) 0px 0px 5px;
}
.slick-prev::before { content: '❮' !important; }
.slick-next::before { content: '❯' !important; }
.slick-prev:hover::before,
.slick-next:hover::before
{
color: #fcf084;
} .slideshow-multiple .slick-prev::before,
.slideshow-multiple .slick-next::before
{
color: #000 !important;
text-shadow: none !important;
}
.slideshow-multiple .slick-prev:hover::before,
.slideshow-multiple .slick-next:hover::before
{
color: #cd1719 !important;
}
@media screen and (max-width:1100px) 
{
.slick-prev, 
.slick-next 
{
width: 12% !important;
}
.slick-prev::before,
.slick-next::before 
{
font-size: 40px !important;
}
}
@media (hover: none)
{ .slick-prev:hover::before,
.slick-next:hover::before
{
color: white;
} .slideshow-multiple .slick-prev:hover::before,
.slideshow-multiple .slick-next:hover::before
{
color: #000 !important;
}
} p.sale-banner-cms-text
{
z-index: 200;
width: auto;
height: auto;
line-height: 1;
color: #fff;
text-align: left;
font-weight: 700;
font-size: 28px;
text-transform: uppercase;
text-shadow: rgba(0,0,0,1) 0px 0px 10px !important;
padding: 0 !important;
background: none !important;
margin: 0 !important; }
img.sale-banner-overlay-img
{
z-index: 100;
width: 500px !important;
height: auto !important;
max-width: none !important;
float: none !important;
clear: none !important;
margin: -35px 0 10px 0 !important; }
@media screen and (max-width:1290px)
{
img.sale-banner-overlay-img
{
width: 400px !important;
}
p.sale-banner-cms-text
{
font-size: 22px;
}
}
@media screen and (max-width:960px)
{
img.sale-banner-overlay-img
{
width: 330px !important;
margin-left: auto !important;
margin-right: auto !important;
margin-top: -125px !important;
}
p.sale-banner-cms-text
{
text-align: center !important;
width: 100% !important;
font-size: 20px;
}
}
@media screen and (max-width:500px)
{
img.sale-banner-overlay-img
{
width: 325px !important;
}
}
@media screen and (max-width:410px)
{
img.sale-banner-overlay-img
{
width: 260px !important;
}
}div#slides-outer 
{
position: relative;
width: 100%;
clear: both;
background: #000;
}
div#slides-container 
{	
overflow: hidden;
position: relative;
}
div.slide 
{
overflow: hidden;
width: 100%;
position: relative;
}
div.slide img.featured-image 
{
display: block;
position: relative;
top: 0;
left: 0;
width: 100%;
height: auto;
} div.description-overlay-outer 
{
display: block;
background-color: rgba(0, 0, 0, 0.6);
width: 75%;
position: absolute; 
top: 75px; 
left: 0;
}
div.description-overlay-outer h4 
{
color: #fff;
font-size: 3.5em;
width: auto;
max-width: 650px;
line-height: 1.1em;
padding: 10px 20px 10px 50px;
margin: 0;
text-transform: uppercase;
}
div.description-overlay-outer p 
{
font-size: 1.1em;
line-height: 1.5;
color: #fff;
padding: 10px 10px 10px 72px;
margin: -10px 0 0 0;
width: auto;
text-transform: uppercase;
background: transparent url(//www.flintandflame.co.uk/wp-content/themes/flintflame2017/images/bullet-white.png) no-repeat 49px 16px;
}
div.description-overlay-outer p a { color: #fff !important; }
div.description-overlay-outer p a:hover { color: #fff; opacity: 0.8; }
@media screen and (max-width:1350px)
{
div.description-overlay-outer 
{	
width: 80%;
padding: 20px 10%; 
position: absolute;
top: 30px;
left: 0;
}
div.description-overlay-outer h4 
{	
font-size: 3em;
width: 100%;
max-width: none;
padding: 0 0 0 0;
margin: 0 0 5px 0 ;
}
div.description-overlay-outer p 
{
display: inline-block !important; font-size: 1em;
padding: 0 0 0 20px;
margin: 0;
width: 90%;
background-position: 0 4px;
}
}
@media screen and (max-width:640px)
{
div.description-overlay-outer {	top: 12px; padding: 15px 10%; }
div.description-overlay-outer h4 { font-size: 1.2em; }
}
@media screen and (max-width:360px)
{
div.description-overlay-outer {	top: 10px; padding: 10px 10%; }
div.description-overlay-outer h4 { font-size: 1em; }
div.description-overlay-outer p { font-size: 0.7em; padding: 0 0 0 15px; background-size: 11px 11px; background-position: 0 3px; }
} #next-slide, 
#previous-slide 
{
width: 40px; 
height: 350px;
display: block;	
text-indent: -9999px;
background: transparent url(//www.flintandflame.co.uk/wp-content/themes/flintflame2017/images/slide-scroll-arrows.png) no-repeat 0 0;
position: absolute;	
top: 0;	
left: -40px; 
z-index: 6000; 
opacity: 0.65;
}
#next-slide 
{ 
right: -40px; left: auto; background-position: 100% 0; 
}
#next-slide:hover, #previous-slide:hover 
{ 
opacity: 1; 
}
@media screen and (max-width:1080px)
{ #next-slide, #previous-slide {
width: 40px; height: 100%;
left: 0; 
background-position: 0 50% !important;
}
#next-slide { right: 0; left: auto; background-position: 100% 50% !important; }
}
@media screen and (max-width:640px)
{
#next-slide, #previous-slide { width: 25px;	background-size: 165px 253px; }
}
@media screen and (max-width:360px)
{
#next-slide, #previous-slide { width: 20px;	background-size: 110px 175px; }
}
@media screen and (max-width:1290px)
{
div.slide img.featured-image 
{   width: 120%; height: auto;
}
div.non-mobile-slide-image-hider img 
{
display: none !important;
}
}body.woocommerce h3 { border-bottom: none; }
body.woocommerce-cart .sidebarA
{
display: none;
} .woocommerce-checkout-review-order .fee
{
display: none;
} body.woocommerce.search-results .content 
{
padding-top: 0; margin: 0 0 0 27px;
} span.select2-container
{
width: 100% !important;
margin-bottom: 10px !important;
}
.woocommerce ul.products li.product a:hover, 
.woocommerce-page ul.products li.product a:hover
{
opacity: 0.9;
}
.woocommerce span.onsale, 
.woocommerce-page span.onsale
{
z-index: 5000 !important;
background: #cd1719 !important;
display: none;
} .woocommerce .quantity input.qty, 
.woocommerce .content .quantity input.qty, 
.woocommerce-page .quantity input.qty, 
.woocommerce-page .content .quantity input.qty
{
border: #7d7d7d solid 1px !important;
padding: 13px !important;
width: 40px !important;
margin: 0 0 0 0 !important;
font-weight: normal !important;
line-height: 1 !important;
border-radius: 0 !important; }
div.product_meta
{
font-size: 1em !important;
color: #777 !important;
margin: 15px 0 !important;
clear: both !important;
padding-top: 18px !important;
}
div.product_meta a
{
color: #777 !important;
}
div.product_meta a:hover
{
color: #cd1719 !important;
}   .woocommerce .cart-collaterals .cart_totals table th, 
.woocommerce-page .cart-collaterals .cart_totals table th
{
width: 205px !important;
border: none !important;
padding: 10px !important;
}
.woocommerce .cart-collaterals .cart_totals tr td, 
.woocommerce .cart-collaterals .cart_totals tr th, 
.woocommerce-page .cart-collaterals .cart_totals tr td, 
.woocommerce-page .cart-collaterals .cart_totals tr th
{
border: none !important;
}
.woocommerce .cart-collaterals .cart_totals, 
.woocommerce-page .cart-collaterals .cart_totals
{
width: 100% !important;
float: left !important;
} .woocommerce nav.woocommerce-pagination, 
.woocommerce .content nav.woocommerce-pagination, 
.woocommerce-page nav.woocommerce-pagination, 
.woocommerce-page .content nav.woocommerce-pagination
{
text-align: left !important;
}
.woocommerce nav.woocommerce-pagination li, 
.woocommerce .content nav.woocommerce-pagination li, 
.woocommerce-page nav.woocommerce-pagination li, 
.woocommerce-page .content nav.woocommerce-pagination li
{
text-align: center !important;
margin-bottom: 0 !important;
} label.screen-reader-text { display: none; }
#searchform, .woocommerce-product-search
{
width: 100%;
}
input#s, .woocommerce-product-search input.search-field
{
padding: 4px;
font-size: 0.8em;
border: #000 solid 1px;
width: 147px !important;
float: left;
line-height: normal;
margin-bottom: 10px !important;
}
input#s
{
width: 139px !important;
} .widget_product_search
{
margin-bottom: 7px !important;
}
#searchsubmit, .woocommerce-product-search button[type="submit"]
{
background: #222;
color: #fff;
font-size: 0.8em;
padding: 5px 4px;
border: none;
float: left;
width: 57px;
border-width: 0px;
line-height: normal;
margin-top: 0; }
#searchsubmit:hover, .woocommerce-product-search button[type="submit"]:hover
{
background: #777;
cursor: pointer;
}
input[type=number] 
{
-webkit-appearance: textfield !important;
-moz-appearance: textfield !important;
appearance: textfield !important;
}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce-page form .form-row input.input-text, .woocommerce-page form .form-row textarea,
.woocommerce form .form-row select, .woocommerce-page form .form-row select
{
padding: 7px !important;
border: #000 solid 1px !important;
font-size: 1.2em !important;
} .woocommerce form .wc-pao-addon-container .form-row, 
.woocommerce-page form .wc-pao-addon-container .form-row 
{
padding-left: 0 !important;
padding-right: 0 !important;
}
.woocommerce-page form.checkout_coupon .form-row-first, 
.woocommerce-page form.checkout_coupon  .form-row-last
{
width: 100% !important; float: left !important;
} .checkout_coupon
{
display: block !important;
}
.showcoupon
{
display: none;
}
.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register, .woocommerce-page form.checkout_coupon, .woocommerce-page form.login, .woocommerce-page form.register
{
border: none !important;
}
.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register, .woocommerce-page form.checkout_coupon, .woocommerce-page form.login, .woocommerce-page form.register
{
padding: 0 !important;
}
.shipping_calculator h2
{
clear: both !important;
text-align: right !important;
} .content .variations_form table
{
background: none !important;
border: none !important;
}
.woocommerce .variations label
{
display: block !important;
margin-top: 6px !important;
}
a.reset_variations,
a.reset_variations:link,
a.reset_variations:visited
{
color: #111 !important;
font-size: 0.85em !important;
}
select#value
{
margin-bottom: 5px !important;
font-size: 0.9em !important;
} .sc_info_box
{
background: none !important;
padding: 0 !important;
font-size: inherit !important;
}
.gift-certificate-show-form p
{
margin-bottom: 12px !important;
} input.gift_receiver_email 
{
padding: 5px !important;
font-size: 0.85em !important;
margin-bottom: 10px !important;
border: #333 solid 1px !important;
color: #000 !important;
}
textarea.gift_receiver_message 
{
font-size: 0.85em !important;
padding: 5px !important;
border: #333 solid 1px !important;
color: #000 !important;
} h3.addon-name
{
padding: 0 0 0 0 !important;
clear: both !important;
text-transform: capitalize !important;
}
body.single-product .sidebarB
{
display: none;
}
body.single-product .content-inner
{
width: 100%;
} .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: 65% !important;
float: left !important;
box-sizing: border-box !important;
padding-right: 25px !important;
margin-left: 0 !important;
margin-bottom: 30px !important;
}
@media screen and (max-width:1290px)
{
.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: 49.75% !important;
}
}
@media screen and (max-width:920px)
{
.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: 41.75% !important;
}
}
@media screen and (max-width:730px)
{
.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% !important;
float: left !important;
clear: both !important;
padding-right: 0 !important;
margin-bottom: 15px !important;
}
} .woocommerce-product-gallery figure 
{
margin: 0
}
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper
{ } .woocommerce div.product div.images .woocommerce-product-gallery__image
{
width: 74.1% !important;
float: right !important;
border: #ccc solid 1px !important; } .woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2)
{
width: 22.6% !important;
float: left !important;
clear: left !important;
display: block !important;
margin: 0 0 3.2% 0 !important;
box-sizing: border-box !important;    } .woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+5)
{
display: none !important;
} .woocommerce .content div.product div.images img,
.woocommerce div.product div.images img,
.woocommerce-page .content div.product div.images img,
.woocommerce-page div.product div.images img
{
margin: 0 !important;
width: 100% !important;
height: 100% !important;
object-fit: cover;
aspect-ratio: 1 / 1;
transition-duration: 150ms;
transition-property: filter;
}
.woocommerce .content div.product div.images img:hover,
.woocommerce div.product div.images img:hover,
.woocommerce-page .content div.product div.images img:hover,
.woocommerce-page div.product div.images img:hover
{
filter: brightness(105%);
} .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: 35% !important;
float: right !important;
margin-bottom: 35px !important;
}
@media screen and (max-width:1290px)
{
.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: 49.75% !important;
}
}
@media screen and (max-width:920px)
{
.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: 57.75% !important;
}
}
@media screen and (max-width:730px)
{
.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% !important;
float: left !important;
clear: both !important;
}
} .woocommerce div.product .product_title
{
text-transform: none !important;
font-size: 40px !important;
font-weight: 800 !important;
line-height: 1 !important;
margin: 0 0 30px 0 !important;
}
@media screen and (max-width:800px)
{
.woocommerce div.product .product_title
{
font-size: 30px !important;
margin: 0 0 15px 0 !important;
}
} .woocommerce-product-details__short-description p
{
font-size: 20px !important;
margin: 0 0 30px 0 !important;
}
select.orderby
{
font-size: 1.1875em !important;
padding: 8px !important;
width: auto !important; margin: -8px 0 0 0 !important;
border: 0 !important;
color: #000 !important;
}
@media screen and (max-width:860px)
{
select.orderby,
.woocommerce .woocommerce-result-count
{
font-size: 1em !important;
}
}
@media screen and (max-width:460px)
{
select.orderby
{
width: 100% !important;
margin: 9px 0 0 0 !important;
display: block !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
.woocommerce .woocommerce-ordering, 
.woocommerce-page .woocommerce-ordering 
{
float: left !important;
clear: both !important;
}
} input[type=text],
input[type=search],
input[type=email],
input[type=textfield],
input[type=submit],
input[type=password],
input[type=tel],
textarea,
button
{
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
border-radius: 0 !important;
}
select
{
border-radius: 0 !important;
}
.woocommerce form #wc_checkout_add_ons .form-row label
{
line-height: 1.5em !important;
}  .single .product-lifestyle-image img.blog-featured-image,
.archive.tax-product_cat .product-lifestyle-image img.blog-featured-image
{
width: 100%;
height: auto;
margin: 43px 0 25px 0; } .post-type-archive-product .product-lifestyle-image img.blog-featured-image
{
width: 900px;
height: auto;
margin: 12px auto 33px auto;
display: block;
} #add-ons-toggle-section
{
display: none;
background: #ebe9eb;
padding: 10px 20px 10px 20px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border: 1px solid #d3ced2;
}
#add-ons-toggle-section.toggle-is-showing
{
display: block;
}
a#toggle-engraving-options
{
display: block;
background: #222;
color: #fff;
text-decoration: none;
padding: 11px 10px 9px 16px;
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom: #cd1719 solid 5px;
margin: 15px 0 0 0;
font-size: 16px;
font-weight: 500;
background-image: url(//www.flintandflame.co.uk/wp-content/themes/flintflame2017/images/toggle-arrow.png);
background-repeat: no-repeat;
background-position: 99% 6px;
background-size: 32px 81px;
}
a#toggle-engraving-options:hover
{
opacity: 0.85;
}
a#toggle-engraving-options.is-enabled
{
background-position: 99% -44px;
}
div.product-addon-totals
{
margin-bottom: 5px !important;
padding-top: 0 !important;
}
.wc-pao-addon-container h3
{
padding-bottom: 0;
}
label.wc-pao-addon-name
{
font-size: 1.1em;
font-weight: 400 !important;
margin-top: 9px !important;
}
.wc-pao-addon-heading
{
margin: 5px 0 15px 0 !important;
}
.wc-pao-addon-description p
{
margin-bottom: 10px !important;
} .wc-pao-addon-image-swatch
{
float: left !important;
clear: both !important;
margin: 0 0 10px 0 !important;
padding: 0 !important;
}
.content .wc-pao-addon-image-swatch img
{
max-width: inherit !important;
max-height: inherit !important;
width: 100% !important;
height: auto !important;
display: block !important;
padding: 0 !important;
margin: 0 !important;
}
.wc-pao-addon-image-swatch.selected
{
outline-color: #ef3339 !important;
outline-width: 3px !important;
}
.wc-pao-addon-image-swatch.selected img
{
opacity: 0.6 !important;
} .wc-pao-addon-image-swatch:first-of-type
{
display: none !important;
} .gift-wrapping-section
{
border: #ef3339 solid 1px;
padding: 15px;
margin-bottom: 25px;
box-shadow: #ccc 0 0 10px;
border-radius: 5px;
clear: both;
}
.gift-wrapping-column-1
{
float: left;
width: 78%;
}
p.gift-wrapping-notes
{
float: left;
clear: both;
margin: 0;
line-height: normal !important;
}
p.gift-wrapping-price
{
color: #ef3339;
float: left;
margin: 5px 0 0 15px;
font-size: 1em;
}
.content img.gift-wrapping-thumbnail-image
{
clear: none !important;
float: right !important;
width: 75px !important;
margin: -5px 0 0 5px !important;
}
@media screen and (max-width:460px)
{
.gift-wrapping-column-1
{
width: 100%;
clear: both;
}
.content img.gift-wrapping-thumbnail-image
{
clear: both !important;
float: left !important;
margin: 8px 0 0 0 !important;
}
}
@media screen and (max-width:350px)
{
p.gift-wrapping-price
{
clear: both;
margin: 0 0 7px 0;
}
.content img.gift-wrapping-thumbnail-image
{
display: none !important;
}
} .content .product-type-pw-gift-card table.variations td.label
{
display: none !important;
}
.content .product-type-pw-gift-card table.variations td.value
{
line-height: normal !important;
}
.content .product-type-pw-gift-card table.variations td
{
padding-right: 0 !important;
padding-left: 0 !important;
}
.woocommerce div.product form.cart .variations select#gift-card-amount
{
width: 100% !important;
margin-right: 0 !important;
padding: 4px !important;
}
.pwgc-input-text,
#pwgc-message
{
width: 100% !important;
box-sizing: border-box !important;
border: #acacac solid 1px !important;
padding: 4px !important;
}
.content .product-type-pw-gift-card .variations_form table
{
margin: 0 !important;
}
.wc-pao-addons-container
{
margin-bottom: 10px !important; }  @media screen and (max-width:1290px)
{
body.woocommerce.search-results .content 
{
width: 100%;
margin: 0; }
.woocommerce .cart-collaterals .cart_totals table th, 
.woocommerce-page .cart-collaterals .cart_totals table th
{
width: 205px !important;
border: none !important;
padding: 10px !important;
}
.woocommerce nav.woocommerce-pagination, 
.woocommerce .content nav.woocommerce-pagination, 
.woocommerce-page nav.woocommerce-pagination, 
.woocommerce-page .content nav.woocommerce-pagination {
margin-bottom: 30px !important;
} #searchform,
.woocommerce-product-search
{
width: 100%;
}
input#s,
.woocommerce-product-search input.search-field
{
padding: 4px;
width: 135px !important;
line-height: normal;
margin-bottom: 10px !important;
}
#searchsubmit,
.woocommerce-product-search input[type="submit"]
{
padding: 4px;
float: left;
width: 57px;
height: 25px;
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce-page form .form-row input.input-text,
.woocommerce-page form .form-row textarea,
.woocommerce form .form-row select,
.woocommerce-page form .form-row select
{
padding: 7px !important;
}
.shipping_calculator h2
{
text-align: right !important;
}  .content .variations_form table
{
background: none !important;
border: none !important;
}
.woocommerce .variations label
{
display: block !important;
margin-top: 6px !important;
}
select#value
{
margin-bottom: 5px !important;
font-size: 0.9em !important;
} .sc_info_box
{
background: none !important;
padding: 0 !important;
font-size: inherit !important;
}
.gift-certificate-show-form p
{
margin-bottom: 12px !important;
} input.gift_receiver_email 
{
padding: 5px !important;
font-size: 0.85em !important;
margin-bottom: 10px !important;
border: #333 solid 1px !important;
color: #000 !important;
}
textarea.gift_receiver_message 
{
font-size: 0.85em !important;
padding: 5px !important;
border: #333 solid 1px !important;
color: #000 !important;
} h3.addon-name
{
padding: 0 0 0 0 !important;
clear: both !important;
text-transform: capitalize !important;
}
body.single-product .sidebarB
{
display: none;
}
body.single-product .content-inner
{
width: 100%;
}
body.single-product .content
{
width: 100%;
} .woocommerce-product-gallery figure 
{
margin: 0
}
.woocommerce nav.woocommerce-pagination, 
.woocommerce .content nav.woocommerce-pagination, 
.woocommerce-page nav.woocommerce-pagination, 
.woocommerce-page .content nav.woocommerce-pagination 
{ 
text-align: center !important; 
}
.woocommerce .woocommerce-error .button, 
.woocommerce .woocommerce-info .button, 
.woocommerce .woocommerce-message .button, 
.woocommerce-page .woocommerce-error .button,
.woocommerce-page .woocommerce-info .button, 
.woocommerce-page .woocommerce-message .button 
{
float: left !important;
clear: both !important;
display: block !important;
margin: 0 0 10px 0 !important;
width: 100% !important; box-sizing: border-box !important; } .content .payment_box p
{
float: none !important;
clear: none !important;
font-size: 0.95em !important;
} .content .wc_payment_method img
{
display: inline !important;
width: 30px !important;
height: 19px !important;
max-width: none !important;
margin: 5px 0 5px 5px !important;
padding: 0 !important;
float: none !important;
clear: none !important;
}
} @keyframes gradientbutton
{
0%{background-position:0% 50%}
50%{background-position:100% 50%}
100%{background-position:0% 50%}
}  .woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce .content input.button,
.woocommerce-page a.button,
.woocommerce-page button.button,
.woocommerce-page input.button,
.woocommerce-page #respond input#submit,
.woocommerce-page .content input.button,
.wp-block-search__button {
color: #fff !important;
background: #cd1719 !important;
font-size: 17px !important;
border: none !important;
border-radius: 0 !important;
text-transform: uppercase !important;
line-height: 1 !important;
font-weight: 500 !important;
padding: 15px !important; width: 100% !important;
box-sizing: border-box !important;
text-shadow: none !important;
box-shadow: none !important;
height: auto !important;
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
display: block !important;
text-align: center !important;
} .woocommerce div.product form.cart .button
{
width: auto !important;
padding-right: 30px !important;
padding-left: 30px !important;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover, 
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover, 
.woocommerce .content input.button:hover,
.woocommerce-page a.button:hover, 
.woocommerce-page button.button:hover,
.woocommerce-page input.button:hover, 
.woocommerce-page #respond input#submit:hover,
.woocommerce-page .content input.button:hover,
.wp-block-search__button:hover { color: #000 !important;
background: rgb(227,195,99) !important;
background: linear-gradient(35deg, rgba(227,195,99,1) 0%, rgba(253,242,134,1) 16%, rgba(210,177,83,1) 30%, rgba(253,242,134,1) 57%, rgba(157,113,31,1) 77%, rgba(219,189,94,1) 100%) !important; 
background-size: 350% 100% !important;
animation: gradientbutton 8s ease infinite !important; text-shadow: rgba(255, 255, 255, 0.55) 1px 1px 1px !important;
}
.woocommerce-page .content .checkout-button
{
width: auto !important;
padding-top: 15px !important;
padding-bottom: 15px !important;
} #place_order
{
margin-top: 25px !important;
} .woocommerce .content input.button:active,.woocommerce #respond input#submit:active,.woocommerce a.button:active,.woocommerce button.button:active,
.woocommerce input.button:active,.woocommerce-page .content input.button:active,.woocommerce-page #respond input#submit:active,.woocommerce-page a.button:active,
.woocommerce-page button.button:active,.woocommerce-page input.button:active
{
top: inherit !important;
}
.woocommerce .content input.button.disabled:active,.woocommerce .content input.button:disabled:active,.woocommerce #respond input#submit.disabled:active,
.woocommerce #respond input#submit:disabled:active,.woocommerce a.button.disabled:active,.woocommerce a.button:disabled:active,
.woocommerce button.button.disabled:active,.woocommerce button.button:disabled:active,.woocommerce input.button.disabled:active,
.woocommerce input.button:disabled:active,.woocommerce-page .content input.button.disabled:active,.woocommerce-page .content input.button:disabled:active,
.woocommerce-page #respond input#submit.disabled:active,.woocommerce-page #respond input#submit:disabled:active,.woocommerce-page a.button.disabled:active,
.woocommerce-page a.button:disabled:active,.woocommerce-page button.button.disabled:active,.woocommerce-page button.button:disabled:active,
.woocommerce-page input.button.disabled:active,.woocommerce-page input.button:disabled:active
{
top: inherit !important;
} .woocommerce-page a.button.gift-wrapping-button
{
text-decoration: none !important; 
background: #ef3339 !important; 
color: #fff !important; 
border: #ef3339 1px solid !important;
margin-bottom: 15px !important;
padding: 7px !important;
text-align: center !important;
border-radius: 5px !important;
clear: none !important;
float: left !important;
}
.woocommerce-page a.button.gift-wrapping-button:hover
{
opacity: 0.85;
}
@media screen and (max-width:350px)
{
.woocommerce-page a.button.gift-wrapping-button
{
clear: both !important;
width: 90% !important;
padding-left: 5% !important;
padding-right: 5% !important;
}
} .woocommerce ul.products.columns-3 li.product,
.woocommerce-page ul.products.columns-3 li.product 
{
width: 31.75% !important; }
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product
{
margin: 0 2.35% 70px 0 !important; } .woocommerce .related ul.products li.product,
.woocommerce-page .related ul.products li.product
{
width: 23% !important;
margin-bottom: 0 !important;
margin-right: 2.6% !important;
}
.woocommerce ul.products li.last,
.woocommerce-page ul.products li.last,
.woocommerce .related ul.products li.last,
.woocommerce-page .related ul.products li.last
{
margin-right: 0 !important;
}
@media screen and (max-width:880px)
{
.woocommerce ul.products[class*="columns-"] li.product,
.woocommerce-page ul.products[class*="columns-"] li.product
{
width: 48.5% !important; margin: 0 0 70px 0 !important; } .woocommerce .related ul.products[class*="columns-"] li.product,
.woocommerce-page .related ul.products[class*="columns-"] li.product
{
margin-bottom: 45px !important;
}
.woocommerce ul.products[class*="columns-"] li.product:nth-child(2n), .woocommerce-page ul.products[class*="columns-"] li.product:nth-child(2n)
{
float: right !important;
clear: none !important;
}
}  .woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3 
{
color: #000 !important;
padding: 0 0 5px 0 !important;
margin: 0 0 18px 0 !important;
font-size: 20px !important;
font-weight: normal !important;
list-style: 1 !important;
text-transform: none !important;
border-bottom: #b0b5b9 solid 2px !important; line-height: 0.95 !important;
min-height: 42px;
}
@media screen and (max-width:950px)
{
.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3
{
min-height: 44px;
}
}
@media screen and (max-width:880px)
{
.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3
{
min-height: 41px;
}
}
@media screen and (max-width:460px)
{
.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3
{
min-height: 58px;
}
} .woocommerce ul.products li.product .price, 
.woocommerce-page ul.products li.product .price
{
color: #000 !important;
font-size: 25px !important;
font-weight: bold !important;
line-height: 1 !important;
} .woocommerce div.product span.price, 
.woocommerce div.product p.price, 
.woocommerce .content div.product span.price, 
.woocommerce .content div.product p.price, 
.woocommerce-page div.product span.price, 
.woocommerce-page div.product p.price, 
.woocommerce-page .content div.product span.price, 
.woocommerce-page .content div.product p.price
{
color: #000 !important;
font-size: 30px !important;
font-weight: 700 !important;
line-height: 1 !important;
margin-bottom: 20px !important;
}
.woocommerce div.product span.price del, 
.woocommerce div.product p.price del,
.woocommerce .content div.product span.price del, 
.woocommerce .content div.product p.price del, 
.woocommerce-page div.product span.price del, 
.woocommerce-page div.product p.price del, 
.woocommerce-page .content div.product span.price del, 
.woocommerce-page .content div.product p.price del
{
color: #cd1719 !important;
}
.woocommerce ul.products li.product .price del, 
.woocommerce-page ul.products li.product .price del
{
color: #cd1719 !important;	
} .woocommerce ul.products li.product a img, 
.woocommerce-page ul.products li.product a img
{
margin: 0 0 22px 0 !important;
box-shadow: none !important;
border: 0 !important;
display: block !important;
width: 100% !important;
height: auto !important;
aspect-ratio: 1 / 1 !important; object-fit: cover !important;
}
@media screen and (max-width:1290px)
{ }   .wp-block-search__input
{
min-width: none !important;
width: 100% !important;
background: #fff !important;
}
.wp-block-search__input:focus-visible
{
outline: rgb(255, 193, 79) solid 3px !important;
background: rgb(255, 252, 237) !important;
outline-offset: -1px;
}
.wp-block-search__label
{
display: none !important;
}
.wp-block-search__inside-wrapper
{
margin-top: 12px !important;
} .wp-block-search__button
{
font-size: 14px !important;
padding: 10px 10px !important;
margin-left: 0 !important;
width: auto !important;
text-transform: uppercase !important;
} @media screen and (max-width:1290px)
{ } .pewc-preset-style .pewc-checkbox-form-label span.pewc-theme-element,
.pewc-preset-style .pewc-radio-form-label span.pewc-theme-element,
.pewc-preset-style .pewc-item-field-wrapper span.pewc-theme-element,
.pewc-preset-style .pewc-item-checkbox span.pewc-theme-element,
.pewc-preset-style .pewc-checkbox-wrapper span.pewc-theme-element,
.pewc-preset-style .pewc-radio-wrapper span.pewc-theme-element
{
border: 2px solid #444 !important;
border-radius: 3px !important;
}
.pewc-preset-style .pewc-checkbox-form-label,
.pewc-preset-style .pewc-radio-form-label,
.pewc-preset-style .pewc-item-field-wrapper,
.pewc-preset-style .pewc-item-checkbox label
{
margin-bottom: 10px !important;
}
li.pewc-has-field-image,
li.pewc-has-field-image.pewc-variation-dependent.active
{
display: block !important;
}
.pewc-item-field-image-wrapper
{
margin-bottom: 12px !important;
}
h4.pewc-field-label
{
font-size: 18px !important;
font-weight: 600 !important;
margin-bottom: 5px !important;
}
.pewc-product-extra-groups li
{
margin-bottom: 5px !important;
} #pwgc-redeem-form label
{
font-weight: 500;
font-size: 18px;
}
#pwgc-redeem-gift-card-number,
.woocommerce-checkout #coupon_code,
.woocommerce-cart #coupon_code
{
width: 100% !important;
box-sizing: border-box !important;
padding: 10px !important;
border: #aaa solid 1px !important;
font-size: 18px !important;
margin-bottom: 10px !important;
}
#pwgc-redeem-button,
.form.woocommerce-form-coupon button
{
display: block !important;
background: #cd1719 !important;
color: #fff !important;
padding: 15px 26px !important;
border: 0 !important;
width: 100% !important;
box-sizing: border-box !important;
text-transform: uppercase !important;
font-size: 17px !important;
line-height: 1 !important;
font-weight: 500 !important;
}
#pwgc-redeem-button:hover
{
cursor: pointer;
filter: brightness(115%);
}  .roundpcs
{
color: #aaa;
font-weight: 300 !important;
font-size: 18px;
} .bapf_sfilter.bapf_srch
{
margin-bottom: 5px !important;
}
.bapf_sfilter.bapf_srch .bapf_form .bapf_input 
{
border: 1px solid #888 !important;
padding-left: 9px !important;
color: #000 !important;
}
.bapf_sfilter.bapf_srch .bapf_form .bapf_input::placeholder,
.bapf_sfilter.bapf_srch .bapf_form .bapf_input::-moz-placeholder,
.bapf_sfilter.bapf_srch .bapf_form .bapf_input::-webkit-input-placeholder
{
opacity: 1 !important;
color: #222 !important;
}
.bapf_sfilter.bapf_srch .bapf_form .bapf_input:focus
{
outline: rgb(255, 193, 79) solid 3px !important;
background: rgb(255, 252, 237) !important;
outline-offset: -1px !important;
}
.bapf_srch.bapf_button_icon .bapf_input 
{
font-size: 18px !important;
color: #444 !important;
} .bapf_srch.bapf_button_icon span.bapf_search
{
color: #cd1719 !important;
}
.bapf_srch.bapf_button_icon span.bapf_search:hover
{
color: #ff2023 !important;
} .bapf_slidr_main.ui-widget-content .ui-slider-handle,
.berocket_filter_price_slider.ui-widget-content .ui-slider-handle,
.slide.default .bapf_slidr_main .ui-state-default,
.slide.default .bapf_slidr_main .ui-widget-header .ui-state-default,
.slide.default .bapf_slidr_main.ui-widget-content .ui-state-default,
.slide.default .berocket_filter_price_slider .ui-state-default,
.slide.default .berocket_filter_price_slider .ui-widget-header .ui-state-default,
.slide.default .berocket_filter_price_slider.ui-widget-content .ui-state-default
{
background: #cd1719 !important;
}
.bapf_slidr_main.ui-widget-content .ui-slider-handle:focus-visible,
.berocket_filter_price_slider.ui-widget-content .ui-slider-handle:focus-visible,
.slide.default .bapf_slidr_main .ui-state-default:focus-visible,
.slide.default .bapf_slidr_main .ui-widget-header .ui-state-default:focus-visible,
.slide.default .bapf_slidr_main.ui-widget-content .ui-state-default:focus-visible,
.slide.default .berocket_filter_price_slider .ui-state-default:focus-visible,
.slide.default .berocket_filter_price_slider .ui-widget-header .ui-state-default:focus-visible,
.slide.default .berocket_filter_price_slider.ui-widget-content .ui-state-default:focus-visible
{
outline: #cd1719 solid 1px !important;
background: #ef393b !important;
top: -5px !important; }
.bapf_slidr_main.ui-widget-content .ui-slider-range,
.berocket_filter_price_slider.ui-widget-content .ui-slider-range
{
background: #cd1719 !important;
} .bapf_slidr_main.ui-widget-content,
.berocket_filter_price_slider.ui-widget-content
{
border-top: #fff 15px solid !important;
border-bottom: #fff 15px solid !important;
} .bapf_slidr_all .bapf_tbprice,
.bapf_slidr_all .bapf_val
{
background: #cd1719;
color: #fff;
padding: 7px 0;
font-size: 20px;
font-weight: 500;
}
.bapf_slidr_all .bapf_tbprice
{
padding-left: 22px;
}
.bapf_slidr_all .bapf_val
{
padding-right: 22px;
} .bapf_reset
{
border: 0 !important;
width: 100% !important;
background: none !important;
font-weight: 600 !important;
font-size: 20px !important;
text-align: center !important;
padding: 15px 10px !important;
margin: 0 !important;
color: #000 !important;
box-sizing: border-box !important;
margin-top: -10px !important;
}
.bapf_reset:hover
{
color: #cd1719 !important;
} .bapf_sfilter
{
border-top: #b0b5b9 solid 2px !important;
margin-bottom: 14px !important;
}
.berocket_single_filter_widget:nth-child(1) .bapf_sfilter,
.berocket_single_filter_widget:nth-child(2) .bapf_sfilter
{
border: none !important;
}
.bapf_head h3
{
font-size: 20px !important;
font-weight: 700 !important;
text-transform: none !important;
margin-bottom: 0px !important;
padding-top: 15px !important;
padding-bottom: 4px !important;
}
.bapf_slidr .bapf_head h3
{
padding-bottom: 20px !important;
}
.bapf_head h3:hover
{
cursor: pointer;
}
.bapf_sfilter .bapf_hascolarr,
.bapf_sfilter .bapf_hasdesc
{
box-sizing: border-box !important;
} .berocket_single_filter_widget .bapf_sfilter ul li
{
padding: 2px 0 !important;
}
.bapf_sfilter.bapf_ckbox input[type="checkbox"] 
{
margin-right: 0 !important;
}
.bapf_ckbox_sqchck input[type="checkbox"]
{
border-color: #000 !important;
border-width: 1px !important;
width: 16px !important;
height: 16px !important;
}
.bapf_ckbox_sqchck input[type="checkbox"]:checked::after 
{
width: 5px !important;
height: 11px !important;
border-bottom: 2px solid #cd1719 !important;
border-right: 2px solid #cd1719 !important;
top: -1px !important;
left: 4px !important;
}
.bapf_sfilter .bapf_button,
.bapf_sfilter label
{
margin-right: 0 !important;
margin-top: -1px !important;
padding-left: 10px !important;
font-size: 20px !important;
font-weight: 400 !important;
} body .accordion-header
{
background: #fff !important;
}
body .accordion-item-active .accordion-header
{
background: #cd1719 !important;
}
body .accordion-header h1
{
color: #000 !important;
}
body .accordion-item-active .accordion-header h1
{
color: #fff !important;
}
.accordion-header
{
padding: 17px 80px 0px 80px !important;
border-right: 0 !important;
border-left: 0 !important;
min-height: 64px !important;
box-sizing: border-box; }
.accordion-header:hover
{
opacity: 0.5;
}
body .accordion-item-active .accordion-header:hover
{
opacity: 1;
}
.accordion-header h1
{
font-size: 25px !important;
text-transform: none !important;
line-height: 1 !important;
font-weight: 700 !important;
float: left !important;
clear: none !important;
width: auto !important;
}
.accordion-item
{
border-bottom: 0 !important;
}
.drawer
{
border-top: 2px solid #bbb !important;
} .accordion-content
{
border: none !important;
padding: 0 80px !important;
}
.accordion-content h2
{ font-size: 0px !important;
margin: 0 !important;
padding: 0 !important;
line-height: 1 !important;
visibility: hidden !important;
min-height: 30px !important
}
.accordion-content p
{ font-size: 20px !important;
margin-bottom: 30px !important;
}
.accordion-content p:first-child
{
padding-top: 30px !important;
} .accordion-header-icon
{
color: #000 !important;
transform: none !important;
visibility: hidden !important;
line-height: 0 !important;
padding: 0 !important;
margin: 0 !important;
font-size: 16px !important;
font-weight: bold !important;
font-family:'Courier New', Courier, monospace !important;
}
.accordion-header-icon.accordion-header-icon-active
{
color: #fff !important;
transform: none !important;
margin: 0 -4px 0 0 !important
}
.accordion-header-icon::before
{
visibility: visible !important;
content: '>';
display: block !important;
margin: 15px 0 0 0 !important;
transform: rotate(90deg) scaleY(180%) !important;
}
.accordion-header-icon.accordion-header-icon-active::before
{
transform: rotate(270deg) scaleY(160%) !important;
margin: 14px 0 0 0 !important;
}
@media screen and (max-width:1290px)
{
.accordion-header,
.accordion-content
{
padding-left: 30px !important;
padding-right: 30px !important;
}
}
@media screen and (max-width:765px)
{
.accordion-header
{
padding-left: 20px !important;
padding-right: 20px !important;
min-height: 50px !important;
padding-top: 10px !important;
}
.accordion-content
{
padding-left: 20px !important;
padding-right: 20px !important;
}
.accordion-content h2
{
min-height: 25px !important;
}
}
@media screen and (max-width:360px)
{
.accordion-header h1
{
margin-top: 5px !important;
font-size: 19px !important;
width: 80% !important;
max-width: 200px !important;
overflow: hidden !important;
white-space: nowrap;
text-overflow: ellipsis;
}
.accordion-header
{
padding-left: 10px !important;
padding-right: 17px !important;
}
.accordion-content
{
padding-left: 10px !important;
padding-right: 10px !important;
}
.accordion-content p
{
font-size: 18px !important;
margin-bottom: 18px !important;
}
} #trustpilot-widget-trustbox-0-wrapper
{
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-top: 45px !important;
padding-bottom: 5px !important;
}
@media screen and (max-width:550px)
{ .trustpilot-widget iframe
{
height: 50px !important;
}
} .woocommerce-info
{
line-height: 1.25;
}
#order_comments
{
width: 100% !important;
height: auto !important;
min-height: 200px;
box-sizing: border-box;
line-height: 1.25;
}
.woocommerce-message .button
{
margin-bottom: 10px !important;
}
.content .cart_item .product-thumbnail img
{
width: 120px !important;
height: 120px !important;
max-width: 120px !important;
object-fit: cover !important;
}
.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
{
width: 100% !important;
}
.woocommerce .cart .coupon .button,
.woocommerce .cart .coupon input.button
{
margin-bottom: 10px !important;
}
.woocommerce-page form.checkout_coupon .form-row-first,
.woocommerce-page form.checkout_coupon .form-row-last
{
margin: 0 !important;
padding: 0 !important;
} .woocommerce-notice,
.woocommerce-notice--success,
.woocommerce-thankyou-order-received
{
margin-bottom: 35px !important;
}.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
 .slick-loading .slick-list
{
background: #fff url(https://www.flintandflame.co.uk/wp-content/themes/flintflame2017/slick/ajax-loader.gif) center center no-repeat;
} @font-face
{
font-family: 'slick';
font-weight: normal;
font-style: normal;
src: url(https://www.flintandflame.co.uk/wp-content/themes/flintflame2017/slick/fonts/slick.eot);
src: url(https://www.flintandflame.co.uk/wp-content/themes/flintflame2017/slick/fonts/slick.eot?#iefix) format('embedded-opentype'), url(https://www.flintandflame.co.uk/wp-content/themes/flintflame2017/slick/fonts/slick.woff) format('woff'), url(https://www.flintandflame.co.uk/wp-content/themes/flintflame2017/slick/fonts/slick.ttf) format('truetype'), url(https://www.flintandflame.co.uk/wp-content/themes/flintflame2017/slick/fonts/slick.svg#slick) format('svg');
} .slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}
.slick-prev:before,
.slick-next:before
{
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev
{
left: -25px;
}
[dir='rtl'] .slick-prev
{
right: -25px;
left: auto;
}
.slick-prev:before
{
content: '←';
}
[dir='rtl'] .slick-prev:before
{
content: '→';
}
.slick-next
{
right: -25px;
}
[dir='rtl'] .slick-next
{
right: auto;
left: -25px;
}
.slick-next:before
{
content: '→';
}
[dir='rtl'] .slick-next:before
{
content: '←';
} .slick-dotted.slick-slider
{
margin-bottom: 30px;
}
.slick-dots
{
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
.slick-dots li button:before
{
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
opacity: .75;
color: black;
}.awdr_free_product_text{
display: inline-block;
padding: 0px 10px;
background-color: #3d9cd2;
color: #fff;
border-radius: 3px;
}
.variation-wdr_free_product{
display: none !important;
}
.awdr_change_product{
cursor: pointer;
}
.awdr_free_product_variants{
padding: 5px;
}
.awdr-product-name{
padding-left: 10px;
}
.awdr_change_product{
display: flex;
}
.awdr-select-free-variant-product-toggle {
color: gray;
cursor: pointer;
width: 100%;
border: none;
text-align: left;
outline: none;
font-size: 1.02em;
transition: 0.4s;
}
.awdr-select-free-variant-product-toggle-active, .awdr-select-free-variant-product-toggle:hover {
color: #444;
}
.awdr-select-variant-product {
padding: 0 18px;
display: none;
background-color: white;
overflow: hidden;
}
.awdr-select-free-variant-product-toggle:after {
content: '\02795'; font-size: 12px;
color: #777;
margin-left: 10px;
}
.awdr-select-free-variant-product-toggle-active:after {
content: "\2796"; }