@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Anton&display=swap"); @font-face
{
font-family: 'slick';
font-weight: normal;
font-style: normal;
src: url(https://bullbrand.co.za/wp-content/themes/starter-theme-1.x-child/fonts/slick.eot);
src: url(https://bullbrand.co.za/wp-content/themes/starter-theme-1.x-child/fonts/slick.eot?#iefix) format('embedded-opentype'), url(https://bullbrand.co.za/wp-content/themes/starter-theme-1.x-child/fonts/slick.woff) format('woff'), url(https://bullbrand.co.za/wp-content/themes/starter-theme-1.x-child/fonts/slick.ttf) format('truetype'), url(https://bullbrand.co.za/wp-content/themes/starter-theme-1.x-child/fonts/slick.svg#slick) format('svg');
}
body {
margin: 0;
font-family: 'Lato', sans-serif;
overflow-x: hidden !important;
width: 100%;
max-width: 100%;
}
.videoTagNew{
background: #E31722;
background: rgb(227,23,34,1) !important;
width: 100%;
height: 48px;
line-height: 48px;
text-align: center;
text-transform: uppercase;
color: #fff;
font-size: 1.4em;
position: absolute;
z-index: 9;
top: -48px;
font-family: 'Anton', sans-serif !important;
}
.reactiveGridType-Simple .reactiveGridImage .overlayVideo {
position: absolute;
width: 100%;
height: 100%;
left: 0;
opacity: 1;
visibility: visible;
z-index: 1;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-ms-align-items: center;
align-items: center;
justify-content: center;
top: 0;
transition: all 0.35s ease-in-out;
background: rgba(0, 0, 0, 0);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.reactiveGridImage .overlayVideo {
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0;
background: rgb(0,0,0,0.3) !important;
}
.recipyBlock a{
position: relative;
display:block;
}
.videoFilterBtn .reuseRadioButtonWrapper___ label {
background: #E31722 !important;
border-radius: 50px;
line-height: 40px !important;
height: 60px;
color: #fff !important;
width: 185px;
}
.videoFilterBtn label::before{
display:none !important;
}
.videoFilterBtn label::after{
display:none !important;
}
.videoFilterBtn label span{
color: #fff !important;
font-size: 14px;
font-weight: 700;
line-height: 60px;
text-align: center !important;
width: 100%;
}
footer.page-footer a {
color: #474747 !important;
}
.dd__selectControl {
border: 1px solid #e3e3e3;
border-radius: 30px !important;
background-color: #e3e3e3  !important;
height: 60px;
padding: 0 25px !important;
font-weight: 900 !important;
font-size: 16px !important;
}
.reuseButton___NzKpQ {
height: 60px !important;
border-radius: 50px !important;
}
#gform_confirmation_message_1{
color: #fff !important;
}
::selection {
background: #231f20;
color: #fff;
}
::-moz-selection {
background: #231f20;
color: #fff;
}
body::-webkit-scrollbar {
width: 1em;
}
body::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
body::-webkit-scrollbar-thumb {
background-color: #231f20;
background-image:
linear-gradient(
#231f20, #000000
);
outline: 1px solid slategrey;
}
a:hover,a:focus{
outline: none !important;
}
.home-recipies{
height: 682px;
}
.modal-title {
margin-bottom: 0;
line-height: 1.5;
font-size: 1.8em;
font-family: 'Anton', sans-serif !important;
color: #000;
display: block;
}
.validation_error{
display: none !important;
}
.mobi-search, .searchSlideMobi{
display: none;
}
.gform_wrapper .validation_message {
color: #E41823 !important;
}
.gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper li.gfield_error textarea {
border: 2px solid #E41823 !important;
}
.gform_wrapper .gform_footer {
margin: 8px 0 0 0 !important;
}
.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
background-color: transparent !important;
margin-bottom: 6px!important;
border-top: 0px solid #c89797 !important;
border-bottom: 0px solid #c89797 !important;
padding-bottom: 6px;
padding-top: 8px;
box-sizing: border-box;
padding-top: 0px !important;
padding-right: 0px !important;
}
body .gform_wrapper .top_label div.ginput_container {
margin-top: 0px !important;
}
.modal-content{
z-index: 99999 !important;
}
.newsletter , .newsletter .container-cust , .newsletter .row{
height: 480px;
}
.newsletter h2{
font-family: 'Anton', sans-serif !important;
color: #fff !important;
text-transform: uppercase;
}
.newsletter .gform_heading{
display: none !important;
}
.newsletter .wpb_single_image{
margin-bottom: 10px !important;
}
.newsletter .gform_body{
width: 85% !important;
}
.newsletter .gform_footer{
width: 15% !important;
padding: 8px 0 10px 0 !important;
}
.newsletter form{
display: flex;
}
.newsletter form label{
display: none !important;
}
.newsletter .vc_column-inner{
padding-top: 0 !important;
}
.newsletter .gform_button{
width: 100% !important;
height: 60px !important;
border-radius: 5px !important;
border-color: #fff !important;
color: #1e4f52 !important;
text-transform: uppercase !important;
font-weight: 900 !important;
}
.newsletter input[type=text]{
width: 100% !important;
height: 60px !important;
border-radius: 0px !important;
border: 2px solid #fff;
background: transparent;
padding-left: 20px !important;
color: #fff !important;
font-weight: 500 !important;
}
.newsletter input[type=text]:focus{
outline: none !important;
}
.newsletter ::-webkit-input-placeholder { color: #8db2b4 !important;
}
.newsletter ::-moz-placeholder { color: #8db2b4 !important;
}
.newsletter :-ms-input-placeholder { color: #8db2b4 !important;
}
.newsletter :-moz-placeholder { color: #8db2b4 !important;
}
.container {
max-width: 95% !important;
margin: 0 auto !important;
}
.container-cust {
max-width: 80% !important;
margin: 0 auto !important;
}
footer.page-footer .footer-copyright {
background-color: #fff !important;
color: #474747 !important;
border-bottom: 10px solid #acacac !important;
font-weight: 600 !important;
}
.footer-copyright .textwidget {
display: inline-block !important;
}
.copyRightCol{
line-height: 5em !important;
}
.header{
background: url(//bullbrand.co.za/wp-content/themes/starter-theme-1.x-child/assets/img/nav-bg.jpg);
height: 90px;
}
.navbar {
height: 90px;
}
.navbar-brand img{
width: 230px;
height: auto;
position: relative;
top: 30px;
z-index: 9;
}
#mega-menu-wrap-primary_menu{
margin: 0 0 0 auto !important;
}
#mega-menu-wrap-primary_menu #mega-menu-primary_menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link,
#mega-menu-wrap-primary_menu #mega-menu-primary_menu > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link,
#mega-menu-wrap-primary_menu #mega-menu-primary_menu > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
border-top: 5px solid #fff100 !important;
background: rgba(136, 19, 27, 0.3) !important;
}
#mega-menu-wrap-primary_menu #mega-menu-primary_menu > li.mega-menu-item > a.mega-menu-link:hover {
border-top: 5px solid #fff100 !important;
background: rgba(136, 19, 27, 0.3) !important;
}
#mega-menu-primary_menu{
height: 90px !important;
line-height: 90px !important;
}
.mega-menu-link{
border-top: 5px solid transparent !important;
height: 89px !important;
line-height: 85px !important;
color: #fdd35c !important;
text-transform: uppercase !important;
font-weight: 900 !important;
font-size: 1.1em !important;
}
.mega-menu-item{
height: 90px !important;
line-height: 90px !important;
}
.social-row img{
width: 70px;
height: auto;
padding: 5px;
}
.searchSlide{
display: none;
z-index: 9;
position: relative;
background: #FACB4D;
width: 300px;
right: 88px !important;
margin: 0 0 0 auto;
padding: 20px;
}
.searchSlide input[type=text]{
width: 100% !important;
height: 60px !important;
border-radius: 0px !important;
border: 2px solid #fff;
background: transparent;
padding-left: 20px !important;
color: #fff !important;
font-weight: 500 !important;
}
.searchSlide input[type=text]:focus{
outline: none !important;
}
.searchSlide ::-webkit-input-placeholder { color: #fff !important;
}
.searchSlide ::-moz-placeholder { color: #fff !important;
}
.searchSlide :-ms-input-placeholder { color: #fff !important;
}
.searchSlide :-moz-placeholder { color: #fff !important;
}
.scrollShadow{
position: fixed;
width: 100%;
z-index: 9;
}
.changeLogoSize{ }
#Subscribe .vc_column-inner{
padding-top: 0px !important;
}
#Subscribe .wpb_content_element{
margin-bottom: 0px !important;
}
.product-nav{
list-style-type:none;
display:flex;
justify-content: center;
padding-top: 3em;
}
.product-nav li{
display: list-item;
padding: 5px 10px;
color:white;
margin: 0 3px;
}
.product-nav li a{
border-radius: 50px;
height: 55px;
color: #fff;
line-height: 50px;
padding: 0em 2em;
font-weight: 600 !important;
}
.allBtn{
border:3px solid #3e3e3e !important;
color: #3e3e3e !important;
font-weight: 600 !important;
}
.allBtn:hover{
color: #fff !important;
}
.shopPage .woocommerce-breadcrumb{
display: none !important;
}
.see-more-btn{
display: none;
background: rgba(0, 0, 0, 0.3) !important;
border-radius: 50px;
padding: 10px 20px;
font-size: 0.7em !important;
color: #fff !important;
font-weight: 700 !important;
}
.product-nav li a:hover{
background: rgba(0, 0, 0, 0.5) !important;
}
.productCard{
padding: 2em 2em 0em;
}
.proCol{
transform: scale(1);
transition: all .2s ease-in-out;
position: relative;
}
.proCol:hover{
transform: scale(1.1);
transition: all .2s ease-in-out;
z-index: 8;
}
.proCol:hover .see-more-btn{
display: block;
}
.proCol:hover .prodSlider-title a{
color: #fff !important;
}
.proCol:hover .proIn{
color: #fff !important;
}
.loop{
padding: 2em 0em 3em;
}
.proCol{
padding: 0px !important;
max-width: 24.8% !important;
}
.proCol .productCard {
height: 100%;
min-height: 540px;
max-height: 600px;
}
.prodSlider-title{
font-size: 0.9em !important;
margin-top: 1em;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
}
.prodSlider-title a{
color: #000 !important;
font-weight: 900 !important;
font-family: 'Lato', sans-serif !important;
}
.proIn{
color: #a7a6a6 !important;
font-size: 0.7em;
font-weight: 600;
font-family: 'Lato', sans-serif !important;
}
.proIn .read-more{
display: none !important;
}
.gridRow {
width: 100%;
display: grid;
grid-template-columns: repeat(4, 25fr);
grid-template-rows: repeat(4, 25fr);
margin-bottom: 30px;
grid-gap: 2px;
}
.gridRow > div {
outline: 4px solid #fee8ab;
text-align: center;
position: relative;
z-index: 1;
}
.n2-ss-layer{
padding: 0px !important;
}
.comp-guide{
padding: 2em 0em !important;
}
.comp-guide h2{
color: #fff !important;
font-weight: 900 !important;
font-family: 'Anton', sans-serif !important;
}
.comp-guide p{
color: #fff !important;
font-size: 0.8em;
font-weight: 400;
font-family: 'Lato', sans-serif !important;
text-align: center;
}
.comp-terms{
border:8px solid #fdd35c !important;
position: relative;
margin-top: 3em;
padding: 2em !important;
margin-bottom: 4em !important;
}
.terms-header{
position: absolute;
top: 0px;
left: 50%;
transform: translateX(-50%)translateY(-50%);
background: #fff;
padding: 2em 3em;
text-align: center;
}
.terms-header h2{
color: #d81d2a !important;
font-weight: 900 !important;
font-family: 'Anton', sans-serif !important;
}
.terms-copy{
padding-top: 5em;
}
.terms-copy{
color: #a7a6a6 !important;
font-size: 0.9em;
font-weight: 400;
font-family: 'Lato', sans-serif !important;
}
.colPush{
padding: 0em 2em !important;
}
.float-recipies-btn{
position: absolute;
right: -10%;
}
#gform_2 label{
display: none !important;
}
#gform_2 .gf_left_half{
margin-top: 0px !important;
}
#gform_2 .gf_right_half{
margin-top: 0px !important;
}
#gform_2 input[type=text]{
border: 2px solid #3e3e3e !important;
height: 50px;
padding-left: 15px;
}
#gform_2 textarea{
border: 2px solid #3e3e3e !important;
padding-left: 15px;
}
#gform_2 .gform_footer {
margin: 0px 0 0 0 !important;
}
#gform_submit_button_2{
background: #29585b !important;
border:1px solid #29585b !important;
width: calc(100% - 15px) !important;
color: #fff !important;
font-size: 1.2em !important;
font-weight: 900;
font-family: 'Lato', sans-serif !important;
text-transform: uppercase;
height: 80px;
}
#gform_wrapper_2{
margin-bottom: 0px !important;
margin-top: 0 !important;
}
#gform_2 ::-webkit-input-placeholder { color: #a5a5a5;
}
#gform_2 ::-moz-placeholder { color: #a5a5a5;
}
#gform_2 :-ms-input-placeholder { color: #a5a5a5;
}
#gform_2 :-moz-placeholder { color: #a5a5a5;
}
.redClass{
color: #d12831 !important;
font-size: 1.2em !important;
font-weight: 900 !important;
font-family: 'Lato', sans-serif !important;
text-transform: uppercase;
}
.table-details td, .table-details td a{
color: #a7a6a6 !important;
font-size: 1em;
font-weight: 400;
font-family: 'Lato', sans-serif !important;
}
.table-details strong{
color: #2d2d2d !important;
font-weight: 900 !important;
}
.single-product-con{
padding-top: 5em !important;
padding-bottom: 4em !important;
}
.related-pro{
background: #f1f1f1;
padding: 4em 0em 2em !important;
margin-top: 2em;
}
.product_title {
font-family: 'Anton', sans-serif !important;
color: #000!important;
font-size: 3.5em;
}
.proBcrumb a{
text-transform: uppercase;
color: #d12831 !important;
font-family: 'Anton', sans-serif !important;
}
.recipies-show{
color: #7f7f7f !important;
font-family: 'Anton', sans-serif !important;
font-size: 1.3em;
}
.woocommerce-product-details__short-description{
color: #a7a6a6 !important;
font-size: 1em;
font-weight: 400;
font-family: 'Lato', sans-serif !important;
}
.relatedRecipy{
border: 5px solid #fdd35c !important;
padding: 10px !important;
margin-bottom: 15px;
}
.relatedRecipyTitle{
display: block;
color: #d81d2a !important;
font-family: 'Anton', sans-serif !important;
font-size: 1.4em !important;
}
.relatedRecipyExcert{
color: #a7a6a6 !important;
font-size: 0.9em;
font-weight: 400;
font-family: 'Lato', sans-serif !important;
}
.related-pro h3{
color: #fdd35c !important;
font-family: 'Anton', sans-serif !important;
font-size: 2.5em !important;
text-align: center;
margin-bottom: 1em;
}
.related-pro h2{
display: none !important;
}
.reactiveGridType-Simple {
margin-bottom: 0px !important;
}
.reactiveDate{
font-size: 15px !important;
font-weight: 900 !important;
}
.hasBorder___1f2LB {
border: 0px solid #e7e7e7 !important;
}
.recipyBlock{
padding: 3em;
}
.reactiveGridType-Simple .reactiveGridImage {
max-width: 100% !important;
border: 0px solid #f2f2f2 !important;
}
.reactiveGridType-Simple{
padding: 0px !important;
}
.reactiveGridType-Simple a:hover #arrowSVG{
filter: invert(100%) ;
}
.featuredOne a:hover #arrowSVG{
filter: invert(0%) ;
}
.featuredOne a #arrowSVG{
filter: invert(100%) ;
}
#videoSVG{
filter: invert(100%) ;
}
.reactiveTitle{
color: #fff ;
font-size:2em;
font-family: 'Anton', sans-serif !important;
margin-top: 1em;
margin-bottom: 1em;
height: 80px;
display: flex;
align-items: center;
}
.card-text{
color: #fff ;
font-size: 1.1em;
display: block;
font-weight: 500;
font-family: 'Lato', sans-serif !important;
height: 80px;
}
.terms{
width: 60%;
display: inline-block;
background: rgba(0, 0, 0, 0.1);
height: 50px;
border-radius: 500px;
line-height: 50px;
text-align: center;
color: #fff !important;
font-size: 0.9em;
font-weight: 900;
margin: 1em 0em 2em;
text-transform: uppercase;
}
.arrowR{
width: 100px;
height: 70px;
margin: 0 0 0 auto;
text-align: right;
}
.DarkTheme .reactiveTitle{
color: #000 !important
}
.DarkTheme .card-text{
color: #000 !important
}
.LightTheme .reactiveTitle{
color: #fff !important
}
.LightTheme .card-text{
color: #fff !important
}
.videoIcon{
position: absolute;
width: 100px;
height: 100px;
left: 50%;
top: 50%;
transform: translateX(-50%)translateY(-50%);
z-index: 1;
}
.ftitle{
font-size: 3.7em !important;
margin: 0 !important;
height: 155px;
}
.ftext{
font-size: 1.2em !important;
}
.fterms{
width: 45% !important;
height: 60px;
line-height: 60px;
font-size: 1em;
}
.fvBtn {
width: 17%;
}
.vBtn{
width: 25%;
display: inline-block;
background: rgba(255, 255,255, 0.2);
height: 50px;
margin-left: 10px !important;
border-radius: 500px;
line-height: 50px;
text-align: center;
color: #fff !important;
font-size: 0.9em;
font-weight: 900;
margin: 1em 0em 2em;
text-transform: uppercase;
border: 0px !important;
}
.featured-recipy{
padding: 3em;
}
.ReactiveGridHolder______1Q8aA {
position: relative;
padding-top: 0px !important;
margin-top: -25px !important;
}
.featured-recipy .myImage {
height: 350px !important;
justify-content: center;
align-items: center;
position: relative;
overflow: hidden;
width: 100%;
height: 100%;
object-fit: cover;
border: 0px solid #f2f2f2 !important;
}
.recipy-images .overlay{
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0;
background: rgb(0,0,0,0.3) !important;
}
.featured-recipy .myImage img {
width: 100%;
height: 100%;
object-fit: cover;
transform: scale(1);
-webkit-transition: all .6s ease;
-moz-transition: all .6s ease;
-ms-transition: all .6s ease;
-o-transition: all .6s ease;
transition: all .6s ease;
}
.featured-recipy .myImage:hover img {
transform: scale(1.2);
}
.featured-recipy .myImage .overlay , .reactiveGridImage .overlay{
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0;
background: rgb(0,0,0,0) !important;
}
.recipy-images{
height: 600px;
background-size: cover !important;
background-position: center !important;
}
.recipYellow{
background: url(//bullbrand.co.za/wp-content/themes/starter-theme-1.x-child/assets/img/Bullbrand_Recipes02.jpg) !important;
background-size: cover !important;
background-position: center !important;
position: relative;
}
.hideMarTwo{
padding: 0px !important;
}
.entry-summary{
position: absolute;
top: 20%;
left: 50%;
width: 85%;
transform: translateX(-50%)translateY(-50%);
}
.recTitle{
font-size:3em;
font-family: 'Anton', sans-serif !important;
color: #000;
display: block;
}
.addthis_inline_share_toolbox{
margin-top: 3em !important;
}
.recPortions{
display: block;
background: #d12831;
height: 50px;
width: 130px;
text-align: center;
line-height: 50px;
border-radius: 50px;
color: #fff;
font-size: 0.9em;
font-weight: 900;
margin-bottom: 2em;
text-transform: uppercase;
}
.recPreview{
color: #000000;
font-weight: 500;
font-family: 'Lato', sans-serif !important;
}
.recContent{
margin-top: 3em !important;
margin-bottom: 3em !important;
}
.recInnerCon{
border: 8px solid #fdd35c !important;
position: relative;
margin-top: 1em;
margin-bottom: 1em;
padding: 2em !important;
}
.recInnerConHeading{
color: #d12831;
font-family: 'Anton', sans-serif !important;
}
.recInnerCon ul{
padding: 0;
}
.recInnerCon p, .recInnerCon li{
color: #4d4d4d;
font-weight: 600;
font-family: 'Lato', sans-serif !important;
line-height: 2em;
}
.madWith{
font-family: 'Anton', sans-serif !important;
color: #000 !important;
font-size: 2em;
line-height: 1em;
}
.relatedRecipyImg{
display: block;
}
.relatedProduct a{
display: block !important;
width: 100%;
border: 3px solid #000;
margin: 0 auto;
margin-top: 1em;
height: 50px;
line-height: 46px;
color: #000;
text-transform: uppercase;
font-family: 'Lato', sans-serif !important;
text-transform: uppercase;
font-weight: 800 !important;
font-weight: 900 !important;
font-size: 0.8em !important;
}
.relatedProTitle{
font-family: 'Anton', sans-serif !important;
color: #000 !important;
font-size: 1.5em;
padding: 0.5em 0em !important;
display: block;
}
.relatedProduct{
position: relative !important;
width: 400px;
margin: 0 auto;
}
.x{
position: absolute;
bottom: 156px;
right: -79px;
}
.crown{
position: absolute;
top: -63px;
left: 0;
}
.brandCon{
background: url(//bullbrand.co.za/wp-content/themes/starter-theme-1.x-child/assets/img/brand-bg.jpg);
padding: 5em 0em;
}
.brandCon h2{
font-family: 'Anton', sans-serif !important;
color: #fff !important;
text-transform: uppercase;
}
.brand-container{
width: 70% !important;
}
.addPadTop{
padding-top: 2em !important;
}
.reactiveGridType-Simple {
margin-bottom: -3px !important;
}
.woocommerce-product-gallery__image{
text-align: center !important;
}
.home-header.vc_column-inner{
padding: 0px !important;
margin: 0px !important;
} .your-class {
opacity: 0;
visibility: hidden;
transition: opacity 2s ease;
-webkit-transition: opacity 2s ease;
}
.your-class.slick-initialized  {
visibility: visible;
opacity: 1;
} .slick-dotted.slick-slider
{
margin-bottom: 30px;
}
.slick-dots
{
position: absolute;
bottom: -42px;
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;
}
.sliderBgHome{
padding: 1em !important;
position: relative;
width: 60%;
margin: 0 auto;
} .xTwo{
position: absolute;
left: 0;
bottom: -24px;
z-index: 9;
}
.crownTwo{
position: absolute;
right: 62px;
top: 57px;
z-index: 9;
}
.mobi-f{
font-family: 'Anton', sans-serif !important;
color: #dd3138 !important;
text-transform: uppercase;
text-align: left;
font-size: 3em !important;
margin-bottom: 0.5em !important;
margin-top: 0.1em;
}
.your-class{
width: 90% !important;
margin: 0 auto !important;
}
.error-page{
height: calc(100vh - 205px);
padding: 6em;
text-align: center;
background: #FDD35B !important;
}
.error-page h1{
font-family: 'Anton', sans-serif !important;
color: #E21621 !important;
font-size: 5em !important;
text-transform: uppercase;
}
.error-page p{
color: #000 !important;
font-weight: 900 !important;
font-family: 'Lato', sans-serif !important;
font-size: 1.8em !important;
}
.error-page a{
background: rgba(0, 0, 0, 0.3) !important;
border-radius: 50px;
padding: 10px 20px;
font-size: 1em !important;
color: #fff !important;
font-weight: 700 !important;
text-transform: uppercase;
width: 200px !important;
display: block;
margin: 0 auto;
margin-top: 3em !important;
}
#mobmenuleft .menu-item-70{display: none !important;}
@media (min-width: 1500px) and (max-width: 1599px) {
.crownTwo img{
width: 80px;
}
.crownTwo {
position: absolute;
right: 0px;
top: 69px;
z-index: 9;
}
}
@media (min-width: 1600px) and (max-width: 1699px) {
.img-con-slide img {
width: 123px !important;
margin: 0 auto !important;
}
.crownTwo img{
width: 90px;
}
.crownTwo {
position: absolute;
right: 0px;
top: 69px;
z-index: 9;
}
}
@media (min-width: 1700px) and (max-width: 2500px) {
.img-con-slide img {
width: 138px !important;
margin: 0 auto !important;
}
.crownTwo {
position: absolute;
right: 10px;
top: 48px;
z-index: 9;
}
.proCol .productCard {
height: 100%;
min-height: 585px;
max-height: 585px;
}
}
@media (min-width: 1800px) and (max-width: 2500px) {
.proCol .productCard {
height: 100%;
min-height: 625px;
max-height: 625px;
}
}
@media (min-width: 1600px) and (max-width: 1699px) {
.proCol .productCard {
height: 100%;
min-height: 560px;
max-height: 560px;
}
}
@media (min-width: 1400px) and (max-width: 1499px) {
.proCol .productCard {
height: 100%;
min-height: 505px;
max-height: 505px;
}
.img-con-slide img {
width: 95px !important;
margin: 0 auto !important;
}
.crownTwo img{
width: 70px;
}
.crownTwo {
position: absolute;
right: 0px;
top: 69px;
z-index: 9;
}
}
@media (min-width: 1300px) and (max-width: 1399px) {
.crownTwo img{
width: 60px;
}
.crownTwo {
position: absolute;
right: 0px;
top: 69px;
z-index: 9;
}
.proCol .productCard {
height: 100%;
min-height: 505px;
max-height: 505px;
}
.img-con-slide img {
width: 80px !important;
margin: 0 auto !important;
}
}
@media (min-width: 1200px) and (max-width: 1299px) {
.crownTwo img{
width: 70px;
}
.crownTwo {
position: absolute;
right: 0px;
top: 69px;
z-index: 9;
}
.proCol .productCard {
height: 100%;
min-height: 470px;
max-height: 470px;
}
.img-con-slide img {
width: 70px !important;
margin: 0 auto !important;
}
.mobi-f {
font-size: 2em !important;
}
.crownTwo img, .xTwo img{
width: 62px;
}
.crownTwo {
position: absolute;
right: 0px;
top: 48px;
z-index: 9;
}
}
@media (min-width: 1100px) and (max-width: 1199px) {
.proCol .productCard {
height: 100%;
min-height: 450px;
max-height: 450px;
}
.img-con-slide img {
width: 70px !important;
margin: 0 auto !important;
}
.mobi-f {
font-size: 2em !important;
}
.crownTwo {
position: absolute;
right: 0px;
top: 47px;
z-index: 9;
}
.crownTwo img, .xTwo img{
width: 62px;
}
.see-more-btn {
padding: 10px 10px;
font-size: 0.55em !important;
}
footer.page-footer .footer-copyright {
font-size: 0.9em;
}
}
@media (min-width: 1000px) and (max-width: 1099px) {
.proCol .productCard {
height: 100%;
min-height: 440px;
max-height: 440px;
}
.see-more-btn {
padding: 10px 10px;
font-size: 0.55em !important;
}
footer.page-footer .footer-copyright {
font-size: 0.9em;
}
.img-con-slide img {
width: 70px !important;
margin: 0 auto !important;
}
.crownTwo img, .xTwo img{
width: 45px;
}
.mobi-f {
font-size: 1.5em !important;
}
.crownTwo {
position: absolute;
right: 0px;
top: 38px;
z-index: 9;
}
}
@media (min-width: 985px) and (max-width: 999px) {
.proCol .productCard {
height: 100%;
min-height: 475px;
max-height: 475px;
}
.see-more-btn {
padding: 10px 10px;
font-size: 0.55em !important;
}
footer.page-footer .footer-copyright {
font-size: 0.8em;
}
.proCol {
padding: 0px !important;
max-width: 100% !important;
flex: 0 0 33% !important;
}
.product-nav li a {
font-size: 0.8em;
}
.img-con-slide img {
width: 60px !important;
margin: 0 auto !important;
}
.crownTwo img, .xTwo img{
width: 45px;
}
.crownTwo {
position: absolute;
right: 0px;
top: 39px;
z-index: 9;
}
.mobi-f {
font-size: 1.5em !important;
}
}
@media (min-width: 800px) and (max-width: 984px) {
.crownTwo img{
width: 30px;
}
.crownTwo {
position: absolute;
right: 0px;
top: 33px;
z-index: 9;
}
.proCol .productCard {
height: 100%;
min-height: 475px;
max-height: 475px;
}
.see-more-btn {
padding: 10px 10px;
font-size: 0.55em !important;
}
footer.page-footer .footer-copyright {
font-size: 0.7em;
}
.proCol {
padding: 0px !important;
max-width: 100% !important;
flex: 0 0 33% !important;
}
.product-nav li a {
font-size: 0.8em;
}
.img-con-slide img {
width: 50px !important;
margin: 0 auto !important;
}
.crownTwo img, .xTwo img{
width: 30px;
}
.mobi-f {
font-size: 1em !important;
}
.slick-dots {
bottom: -42px;
}
}
@media (min-width: 900px) and (max-width: 999px) {
.crownTwo {
position: absolute;
right: 0px;
top: 25px;
z-index: 9;
}
.crownTwo img{
width: 30px;
}
.img-con-slide img {
width: 53px !important;
margin: 0 auto !important;
}
}
@media (min-width: 767px) and (max-width: 799px) {
.img-con-slide img {
width: 44px !important;
margin: 0 auto !important;
}
.crownTwo img, .xTwo img{
width: 25px;
}
.mobi-f {
font-size: 1em !important;
}
.slick-dots {
bottom: -42px;
}
footer.page-footer .footer-copyright {
font-size: 0.6em;
}
.crownTwo {
position: absolute;
right: 0px;
top: 31px;
z-index: 9;
}
}
@media (min-width: 701px) and (max-width: 767px) {
.proCol .productCard {
height: 100%;
min-height: 475px;
max-height: 475px;
}
.see-more-btn {
padding: 10px 10px;
font-size: 0.55em !important;
}
footer.page-footer .footer-copyright {
font-size: 0.7em;
}
.proCol {
padding: 0px !important;
max-width: 100% !important;
flex: 0 0 33% !important;
}
.product-nav li a {
font-size: 0.8em;
}
.crownTwo {
position: absolute;
right: 20px;
top: 55px;
z-index: 9;
}
}
@media (min-width: 320px) and (max-width: 700px) {
.mobi-search {
display: block;
position: fixed;
z-index: 99999999999999999999999999999;
top: 0;
height: 50px;
line-height: 37px;
background: transparent;
right: 0;
padding: 7px;
}
.searchSlideMobi {
display: none;
z-index: 1;
position: relative;
background: #FDD154;
width: 100%;
right: 0px !important;
margin: 0 0 0 auto;
padding: 20px;
}
#gform_1{
width: 80% !important;
}
.newsletter img{
width: 150px !important;
}
.container-cust {
max-width: 85% !important;
margin: 0 auto !important;
}
.mobi-product{
padding: 2em 1.5em;
}
.mobi-product .prodSlider-title a{
color: #fff !important;
}
.mobi-product span{
color: #fff !important;
background: rgba(0, 0, 0, 0.3) !important;
border-radius: 50px;
padding: 10px 20px;
font-size: 0.7em !important;
color: #fff !important;
font-weight: 700 !important;
}
#headingOne{
padding: 0px !important;
background: #FDD35B;
margin-top: 2em;
text-align: center;
}
#headingOne button{
text-transform: uppercase;
color: #d12831 !important;
font-family: 'Anton', sans-serif !important;
font-size: 1em !important;
}
.product-nav li a:hover {
background: transparent !important;
}
.product-nav li a {
border-radius: 0px;
height: 35px;
line-height: 30px;
padding: 0em 0em;
color: #fff !important;
}
#collapseOne{
background: #fce7ab;
}
.gridRow{
margin: 0px !important;
}
.product-nav {
padding: 0em !important;
display: block;
}
.error-page h1 {
font-size: 1.5em !important;
}
.error-page {
height: 100%;
padding: 2em 0em;
}
.error-page p {
color: #000 !important;
font-weight: 900 !important;
font-family: 'Lato', sans-serif !important;
font-size: 0.7em !important;
}
.error-page a {
background: rgba(0, 0, 0, 0.3) !important;
border-radius: 50px;
padding: 4px 20px;
font-size: 0.6em !important;
color: #fff !important;
font-weight: 700 !important;
text-transform: uppercase;
width: 100px !important;
display: block;
margin: 0 auto;
margin-top: 1em !important;
}
body, html{
overflow-x: hidden !important;
width: 100% !important;
max-width: 100% !important;
}
.crownTwo  {
right: 38px;
top: 66px;
}
.crownTwo img , .xTwo img{
width: 50px !important;
}
.xTwo {
bottom: -8px;
}
.mobi-f {
font-size: 2.5em !important;
}
.home-recipies {
height: 280px;
background-size: cover;
}
.newsletter form {
display: block !important;
}
#Subscribe .vc_column-inner{
padding: 0px !important;
}
.newsletter .gform_body {
width: 100% !important;
}
.newsletter .gform_footer {
width: 100% !important;
padding: 8px 0 10px 0 !important;
}
.copyRightCol {
line-height: 1em !important;
}
.newsletter{
padding: 3em 0em 1em;
}
.newsletter, .newsletter .container-cust, .newsletter .row {
height: auto;
}
footer.page-footer .footer-copyright {
font-size: 0.6em;
}
.social-row img{
width: 50px !important;
}
.mob-standard-logo{
margin-top: 15px !important;
}
.comp-terms {
padding: 0.5em !important;
}
#gform_submit_button_2 {
width: calc(100% - 0px) !important;
height: 60px;
}
.table-details td{
display: block !important;
}
.float-recipies-btn{
display: none !important;
}
.terms-header h2 {
font-size: 1.5em;
}
.terms-header {
top: -33px;
padding: 1em 2em;
}
.table-details td{
font-size: 0.8em;
}
.proCol {
padding: 0px !important;
max-width: 100% !important;
}
.product_title {
font-size: 1.8em;
}
.single-product-con {
padding-top: 3em !important;
padding-bottom: 1em !important;
}
.recipyBlock {
padding: 2em;
}
.reactiveTitle {
height: AUTO;
font-size: 1.5em;
}
.terms {
width: 66%;
font-size: 0.6em;
margin: 0em 0em 0em;
}
.vBtn {
width: 25%;
font-size: 0.6em;
margin: 0em 0em 0em;
}
.card-text {
font-size: 0.9em;
MARGIN-TOP: 1EM;
}
.arrowR {
width: 65px;
}
.hideMobi{
display: none !important;
}
#reactive-root{
margin-bottom: -24px !important;
}
.entry-summary {
position: relative;
top: 0;
left: 0;
width: 85%;
transform: translateX(0%)translateY(0%);
margin: 0 auto;
}
.brandCon img{
margin-bottom: 10px;
}
.brandCon {
padding: 2em 0em;
}
.recipy-images {
height: 300px;
}
.recTitle {
font-size: 1.8em;
}
.recPortions {
margin-top: 2em;
}
.recipYellow{
padding: 0em 0em 2em;
}
.relatedProduct {
width: 100% !important;
}
.recContent {
width: 85% !important;
}
.recInnerCon {
padding: 1em !important;
}
.recInnerCon p, .recInnerCon li {
font-size: 0.8em;
}
.recInnerConHeading {
font-size: 1.5em;
margin-top: 1em !important;
}
.relatedRecipyImg img{
width: 80% !important;
height: auto !important;
}
.connectProRow{
margin-top: 4em !important;
}
.proBcrumb{
margin-top: 1em;
}
.crown img, .x img{
width: 80px;
}
.crown{
top: -31px;
left: 11px;
}
.x {
right: -35px;
}
}