/*!
Theme Name: Norebro Child
Theme URI: http://norebro.colabr.io/
Author: Colabrio Team
Author URI: http://colabr.io/
Description: Norebro is flexible and high performance multipurpose WordPress Theme for personal and corporate use. It comes with the most popular WordPress page builder Visual Composer. Create gorgeous pages and layouts fast and easy without coding.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: norebro
Text Domain: norebro-child
Tags: one-column, two-columns, left-sidebar, right-sidebar, custom-colors, custom-header, custom-menu, featured-images, full-width-template, post-formats, theme-options, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/* Custom CSS */
/* For Full Body of website */
@font-face{
    font-family:'futurabook';
    src:url(/wp-content/uploads/fonts/ufontscomfuturabook.eot);
    src:local('futurabook'),url(/wp-content/uploads/fonts/ufontscomfuturabook.woff) format('woff'),url(/wp-content/uploads/fonts/ufontscomfuturabook.ttf) format('truetype');
}
@font-face{
    font-family:'Bourbon-Typeface';
    src:url(/wp-content/uploads/fonts/customFonts/bourbonfull.otf),
		url(/wp-content/uploads/fonts/customFonts/bourbonfull.woff);
	font-weight: normal;
}

body {
 font-family: 'Lora', serif !important;
}
p {
    font-size: 1.1em !important;
	font-family: futurabook, sans-serif !important;
}
h1 {
	color: #12244d;
	text-transform: uppercase !important;
    font-weight: 400 !important;
	font-size : 52px;
}
h2{
	font-weight : 400 !important;
	font-size : 42px;
}
h3{
	font-weight : 400 !important;
}
h4{
	font-weight : 400 !important;
	font-size : 26px !important;
}
.subtitle{
	font-size: 24px !important;
	color : #12244d !important;
	font-family: 'Source Sans Pro', sans-serif !important;
	margin-top : 0px !important;
}
.btn{
    border: 1px solid #000 !important;
	font-weight: 500;
    outline: none;
    color: #000;
    background: transparent;
    cursor: pointer;
    position: relative;
    z-index: 0;
    border-radius: 10px;
	font-size: 20px !important;
	text-transform: uppercase !important;
}
.btn:hover{
	background: rgba(255,255,255,0.3) !important;
}
.page-container.without-breadcrumbs{
	margin-top : 0px !important;
}
.page-container.bottom-offset {
    margin-bottom: 0px !important;
}
.norebro-slider-sc > .norebro-slider > .owl-stage-outer > .owl-stage > .owl-item{
	padding-left: 0px !important;
    padding-right: 0px !important;
}
.title-wrap p {
    color: #4e8d7c !important;
    font-size: 32px !important;
}
svg {
    height: 32px !important;
    margin-top: 0px !important;
}
span.cart-count {
    font-size: 14px !important;
}
.header-title p.subtitle {
 	    font-size: 20px !important;
	margin-top: 0px !important;
	color: #fff !important;
}
 h1.page-title.no-transition{
	font-size: 62px !important;
    color: #fff !important;
	font-family: Playlist-Script-font !important;
	background: rgba(128, 128, 128, 0.5);
	padding: .5em;
	border-radius:50px;
}

.header-title.text-center.show {
    margin-top: 15px !important;
}
.header-title .bg-image {
    background-size: cover !important;
}

.header-title.text-center.show {
    margin-top: 70px !important;
}
.vc_row.blog-posts-classic .author, .vc_row.blog-posts-classic .data{
	color: #fff !important;
}
a.cart{
	margin-top: 5px !important;
}
header li.social {
    margin-top: 2px !important;
}
.header-title .tags.no-transition {
    display: none !important;
}

/* For Full Body of website */


/* Navigation-Menu CSS  */
.header-wrap ul.menu-depth-1.sub-menu.sub-nav-group {
    background: transparent !important;
}

.menu-other{
	margin-top : 10px !important;
}

#mega-menu-wrap>ul>li>a {
    font-family: bebas-neue,sans-serif !important;
}
.main-nav .sub-menu a{
	font-family: bebas-neue,sans-serif !important;
	font-size: 18px !important;
	color: #fff !important;
}
.sub-menu .current-menu-item a {
    color: #f8f8f8 !important;
}
.current-menu-parent{
    color: #f8f8f8 !important;
}
.page-id-5668004 .current-menu-item,.page-id-5668004 .sub-menu .current-menu-item a,.page-id-5668004 .current-menu-parent{
	color: #f8f8f8 !important;
}
#mega-menu-wrap > ul > li.current-menu-item > a:before, #mega-menu-wrap > ul > li.current-menu-ancestor > a:before{
	display: none !important;
}

nav#site-navigation {
    color: #fff !important;
	text-transform : uppercase !important;
}
.main-nav a {
    font-size: 22px !important;
	line-height: 25px !important;
}

span.icon.ion-android-search {
    color: #66B670 !important;
    font-size: 32px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
	padding-right : 10px !important;
}
.header-wrap .social .icon{
	color: #fff !important;
    font-size: 40px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
.header-wrap span.icon.fa.fa-twitter {
    color: #fff !important;
    font-size: 40px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    padding-left: 10px !important;
	border-left: 0.5px solid #606060 !important;
}

#masthead.header-5 ul#primary-menu > li > a.menu-link:after, #masthead.header-5 ul#secondary-menu > li > a.menu-link:after{
	display : none !important;
}
#masthead.header-3 .header-wrap{
	background: transparent !important;
	height: 100px !important;
	margin: 0 -80px !important;
}
#masthead .site-title a img{
	min-height: 82px ;
	margin-top : 7px ;
}
 .site-header {
	position: absolute;
	width: 100%;
	z-index: 999;left: 0;
	border-bottom-style : none !important;
}
span.icon,.cart-count {
    color: #fff !important;
}
.main-nav .menu {
    margin-right: 35px !important;
    padding-top: 0px !important;
    padding-bottom: 10px !important;
}
a.cart {
    border-right: 0.5px solid #606060 !important;
	padding-right: 8px !important;
}
#masthead.header-2{
	background: transparent !important;
}
/* End of Navigation-Menu CSS */

/* Site Footer CSS */
footer a.btn {
    white-space: nowrap !important;
    font-size: 18px !important;
	color: #000 !important;
	border: 1px solid !important;
}
footer a.btn:hover{
	background: #f7f7f7 !important;
}
li#norebro_widget_contact-2 {
    margin-left: 20px !important;
}
div.blog-grid.grid-1.boxed > footer>span,div.blog-grid.grid-1.boxed > footer>strong{
	color: white !important;
}
div.blog-grid > footer > nth-child(2),footer > nth-child(3){
   color: white;
}
footer .widgets .widget-title {
    font-size: 26px !important;
    text-transform: capitalize;
    margin-bottom: 5px !important;
    font-family: 'futurabook';
    color: #ab2d30 !important;
}
footer .contact-module li {
    color: #ab2d30;
    font-size: 16px !important;
    font-weight: 500 !important;
    font-family: 'futurabook';
}
footer .contact-module li address {
    color: #000 !important;
    font-size: 16px !important;
	display : block !important;
    margin-bottom: 10px !important;
    font-weight: 400 !important;
}
footer.site-footer .site-info {
    font-size: 14px;
    color: #000;
    font-family: 'futurabook';
}
footer.site-footer .site-info a {
    color: #ab2d30 !important;
    text-decoration: none !important;
}
footer .widget ul li a {
    font-size: 16px !important;
    color: #000 !important;
}
footer .menu li::before {
    font-family: 'FontAwesome';
    content: "\f105";
    color: #12244d !important;
    font-size: 18px;
}
footer .square i {
    color: #ab2d30!important;
    font-size: 16px;
}

.footer-bottom-left {
    color: #000 !important;
}
.site-footer span.icon.fa.fa-pinterest-p {
    color: #000 !important;
    font-size: 32px !important;
}
.site-footer span.icon.fa.fa-facebook { /* facebook icon is replaced with twitter */
    color: #000 !important;
    font-size: 32px !important;
}
.site-footer .fa-facebook-f:before, .site-footer .fa-facebook:before{*/
	content: "\f39e" !important;*/
}
.site-footer span.icon.fa.fa-twitter { /* twitter icon is replaced with facebook */
    color: #000 !important;
    font-size: 32px !important;
}
.site-footer .fa-twitter:before{
	content: "\f09a" !important;
}

.site-footer span.icon.fa.fa-instagram{
	color: #000 !important;
    font-size: 32px !important;
}
.widget.widget_norebro_widget_socialbar_subscribe {
    margin: 0px 75px !important;
    margin-bottom: 35px !important;
}
li#text-2 {
    margin-left: 12px;
}
/* End of Site Footer CSS */

/* CSS for Age Verification */
/*
form.age-gate-form {
    background: transparent;
    margin-top: 25em;
    padding: 0px 0px;
    max-width: 60em;
    background: rgba(1,1,1,0.5) !important;
}
button.age-gate-submit-yes, button.age-gate-submit-no {
    border: 1px solid #fff !important;
    outline: none;
    color: #fff;
    background: 0 0;
    cursor: pointer;
    position: relative;
    z-index: 0;
    border-radius: 10px;
    font-size: 20px !important;
    text-transform: uppercase !important;
}	
button.age-gate-submit-yes:hover, button.age-gate-submit-no:hover{
	background: rgba(255,255,255,0.3) !important;
}
p.age-gate-challenge {
    text-align: center !important;
}
*/
p.age-gate-challenge {
    color: #000 !important;
	text-align: center !important;
}
p.age-gate-error-message {
    color: #000 !important;
}

/* End of CSS for Age Verification */

/* Home Page CSS */

/* Hero Slider CSS */
.home-slider-mobile{
	display: none !important;
}
.home-slider .cs-slider-cta {
    position: absolute !important;
    width: 100% !important;
    margin: 40px auto !important;
    display: block !important;
	top: 67% !important;
}
.home-slider .slider-cta {
    margin: 0 auto !important;
    display: table !important;
    padding: 20px 0px !important;
	width : 60% !important;
}
.home-slider .owl-nav{
	display : none !important;
}
.home-slider .slider-cta h1{
	font-size: 120px !important;
	color: white !important;
	margin-bottom: 0px !important;
	font-family: 'bbase' !important;
}
.home-slider .slider-cta p{
	margin-top: 0px !important;
}
.home-slider a{
	color: #fff !important;
	margin-top: 10px !important;
}


/* End of Hero Slider CSS */


/* CSS for home-about-us */
.home-about-us-left .vc_column-inner {
    background: transparent !important;
    margin-top: 0px !important;
    margin-left: 188px !important;
    position: relative !important;
}


.home-about-us .content-col{
	background: #11264D !important;
    z-index: 0 !important;
    padding: 0 24px !important;
    margin-top: 41px !important;
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
}
.home-about-us .heading h2 {
    color: #fff !important;
}
.home-about-us p.subtitle {
    color: #8f8f8f !important;
}
.home-about-us .content-col p{
	color:#fff !important;
	text-align: center !important;
}
.home-about-us h1 {
	color:#fff !important;
}
.home-about-us ::-webkit-input-placeholder { /* WebKit browsers */
color: #000 !important;
opacity: 1;
}
.home-about-us .content-col .btn{
	color: #fff !important;
}

/* End of CSS for Home-About-Us */



/* Product Flavors CSS */
.products-carousel-mobile{
	display: none;
}
.products-carousel .banner-box:hover .image-wrap img{
	transform: scale(1.0) !important;
}
.products-carousel .btn {
    width: 100% !important;
    height: 100% !important;
    background: transparent !important;
    border: none !important;
    font-size: 0px !important;
}
.products-carousel .banner-box {
    padding: 0 3.5% !important;
}
.products-carousel .banner-box .image-wrap {
    margin-bottom: 0px !important;
}
.products-carousel .banner-box .content {
	padding: 7.5px 30px 7.5px 30px !important;
	background: transparent !important;
}
.products-carousel .banner-box .content h4,.products-carousel .banner-box .content a {
    font-weight: 500 !important;
    font-size: 10px !important;
    color: #000 !important;
    font-family: burb, sans-serif !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    line-height: 20px !important;
}
.products-carousel .banner-box .description {
    display: none !important;
}
.products-carousel p.subtitle {
    color: #000 !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    margin-bottom: 0px !important;
    letter-spacing: 1px !important;
    word-spacing: 5px !important;
	text-transform: uppercase !important;
}
.products-carousel .slider .owl-dot{
	color : #AB2D30 !important;
	background : #fff !important;
	display: none !important;
}
products-carousel .slider .owl-dots{
	display: none !important;
}
.img-col img {
    margin-top: -100px !important;
}

.products-carousel .norebro-slider img {
    padding: 0px 20px !important;
}
.products-carousel .btn:after{
	background: transparent !important;
}
.products-carousel .btn:before{
    content: '' !important;
    background: none !important;
}
.home-flavors-dog-image img {
    padding: 0px 0px !important;
}
.products-carousel .norebro-slider-sc > .norebro-slider > .owl-stage-outer > .owl-stage > .owl-item .banner-box{
	padding-left: 30px !important;
    padding-right: 30px !important;
    transition: 1s padding ease !important;
}
.products-carousel .norebro-slider-sc > .norebro-slider > .owl-stage-outer > .owl-stage > .owl-item .banner-box:hover {
    padding-left: 5px !important;
    padding-right: 5px !important;
}
/*
.products-carousel .norebro-slider-sc > .norebro-slider > .owl-stage-outer > .owl-stage > .owl-item .banner-box:hover h4 {
    font-size: 10px !important;
}
.products-carousel .norebro-slider-sc > .norebro-slider > .owl-stage-outer > .owl-stage > .owl-item .banner-box:hover p {
    font-size: 20px !important;
}
/* .products-carousel .owl-stage-outer.owl-height {
    height: 700px !important;
} */

/* End of Product Flavors CSS */

/* Product Flavors CSS Mobile */
.products-carousel-mobile .flavor-black-cherry  ,.products-carousel-mobile .flavor-cuccumber-lime  ,.products-carousel-mobile .flavor-dragon-fruit  ,.products-carousel-mobile .flavor-orange-mango {
    height: 350px !important;
    width: 150px !important;
    margin-left: 7em;
}

.products-carousel-mobile h4 {
    font-weight: 500 !important;
    font-size: 10px !important;
    color: #000 !important;
    font-family: burb,sans-serif !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    line-height: 20px !important;
}
.products-carousel-mobile .subtitle{
	    color: #000 !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    margin-bottom: 0 !important;
    letter-spacing: 1px !important;
    word-spacing: 5px !important;
    text-transform: uppercase !important;}

.products-carousel-mobile .btn{
	    width: 100% !important;
    height: 100% !important;
    background: 0 0 !important;
    border: none !important;
    font-size: 0px !important;
}
/* End of Products Carousel Mobile */

/* CSS for Newsletter Row */
.newsletter{
	background : #ab2d30 !important;
	padding: 0 50px !important;
}
span.ion-ios-email-outline {
    color: #C13F3F !important;
}
.newsletter h3.title {
    color: #fff;
    font-size: 24px !important;
    text-transform: capitalize;
    font-family: 'futurabook', sans-serif;
}
.newsletter p.subtitle {
    font-size: 11px !important;
    color: #fff !important;
    text-transform: uppercase !important;
}
.newsletter input {
    border-bottom: 1px solid #fff !important;
    margin-top: 8px !important;
}
.newsletter .btn {
    font-size: 16px !important;
	background: transparent !important;
	color: #fff !important;
	border: 1px solid #fff !important;
}
.newsletter .btn:hover{
	background: rgba(255,255,255,0.3) !important;
}
.newsletter .wpb_column.vc_col-sm-8 {
    padding-left: 52px !important;
}
.newsletter .norebro-heading-sc {
    margin-top: 16px !important;
}
.newsletter .norebro-contact-from-sc {
    margin-top: 12px !important;
}
.newsletter input{
	color: #fff !important;
}
.newsletter input::placeholder {
    color: #fff !important;
}
.newsletter img {
    padding: 10px !important;
}
.newsletter-mobile{
	display: none !important;
}
/* End of CSS for Newsletter Row */

/* CSS for home photos by happy customers */
.home-photos-by-customers h3{
	color : #fff !important;
	text-transform: uppercase !important;
}
.home-photos-by-customers p{
	color: #fff !important;
}
.home-photos-by-customers svg{
	margin-top: -12px !important;
}
.home-photos-by-customers .sbi_header_img {
    background: transparent !important;
}
#sb_instagram #sbi_load{
	display: block !important;
}

.home-photos-by-customers .sbi_follow_btn a,.home-photos-by-customers .sbi_load_btn{
	border: 1px solid #fff !important;
    outline: none !important;
    color: #fff !important;
    background: transparent !important;
    cursor: pointer !important;
    position: relative !important;
    z-index: 0 !important;
    border-radius: 10px !important;
	font-size: 20px !important;
	text-transform: uppercase !important;
	font: 600 20px/1.2 "Poppins", sans-serif !important;
	padding: 15px 15px !important;
}
.home-photos-by-customers .sbi_follow_btn a:hover{
	background: f7f7f7 !important;
}
div#sbi_17894845849913046 {
    display: none !important;
}
/* End of CSS for home photos by happy customers */
/* CSS for Home Logo row */
.home-logo-row .owl-stage-outer {
    display: table !important;
    margin: 0 auto !important;
}
.home-logo-row .owl-nav.disabled{
}
.home-logo-row h6.logo-company-name {
    display: none !important;
}
.home-logo-row .lgx-logo-wrapper.nav-position-v-mid.hover-default {
    padding: 0px 0px !important;
}
/* End of CSS for Home Logo Row */

/* CSS for sticky image Home Page */
/* css for animation */

.heroBottle,.home-shake-drink,.rotating-can img{
    position: absolute !important;
    width: 100% !important;
    margin: 0 auto !important;
    display: block !important;
    top: 15% !important;	width: 50%;
  padding: 1em;
  color: white;
  text-align: center;
  font-family: system-ui, sans-serif;
  font-size: 14px;
  
}

 @keyframes rotate {
  0% {
    transform: rotate(05deg);
  }
  100% {
    transform: rotate(-10deg);
  }
}
.home-shake-drink{
	margin-top: 100px !important;
}
/* End of CSS for Sticky Image Home Page */

/* CSS for home-gluten-free row */
.home-gluten-free{
	background: url(/wp-content/uploads/2021/06/sugar-caleorie-info.png) !important;
	background-size: cover !important;
	height: 800px !important;
}
.home-gluten-free-nutrients-info{
	margin-top: -80px !important;
}
.home-gluten-free h1 {
    font-size: 62px !important;
}
.home-gluten-free li {
    font-size: 2ipx !important;
    font-family: 'Source Sans Pro', sans-serif !important;
}
.home-gluten-free ul li:before {
    content: '';
    display: inline-block;
    height: 50px;
    width: 50px;
    background-size: 50px;
    background-image: url(/wp-content/uploads/2021/02/good-dog-logo-updated-black.png);
    background-repeat: no-repeat;
    margin-right: 20px;
    margin-top: 12px !important;
}
.home-gluten-free ul{
	list-style-type: none !important;
}
.home-nutrition-facts{
	margin-top: -50px;
}
.home-nutrition-facts-mobile{
	display:none !important;
}
.banner-box .image-wrap .overlay {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.home-shake-drink img {
    margin-top: -100px;
}
.home-shake-drink img {
    margin-top: -100px;
    padding: 15px 15px;
}
/* End of CSS for home-gluten-free row */

/* End of Home Page CSS */

/* CSS for OurStory Pages CSS */
.our-story-premium-hard-seltzer-mobile{
	display: none !important;
}

.our-story-video .btn-play.outline {
    background: rgba(202,34,39,0.8) !important;
    height: 80px !important;
    width: 80px !important;
    border: none !important;
}
.our-story-video span.icon.ion-ios-play {
    font-size: 80px !important;
    color: #fff !important;
}
a.btn.btn-donate {
	display: table;
	margin: 0 auto;
    border-color: #000 !important;
}
a.btn.btn-donate:hover{
	background: rgba(1,1,1,0.1) !important;
}
.custom-gallery .slider .owl-stage .owl-item .gallery-description h3{
	display: none;
}

/* End of CSS for OurStory Pages CSS */

/* CSS for About Us Page CSS */
.about-us-split-slider p {
    text-align: center !important;
}
.about-us-split-slider p.subtitle {
    text-align: center !important;
}
.about-us-split-slider .splitscreen-nav.slider-nav {
    display: none !important;
}
.norebro-splitscreen .splitscreen-dots {
    margin-right: 0px !important;
}
/* About Us About Us Row CSS */
.about-us-about-us-row {
    z-index: 20 !important;
    
    padding: 50px 100px !important;
}
.about-us-about-us-row li {
	font-size: 18px !important;
	font-family: futurabook, sans-serif !important;
}
.about-us-about-us-row {
    box-shadow: 0px 0px 8px 0px  !important;
}
/* End of About Us About Us Row CSS */
/* CSS for Vertical Slider */
.about-us-vertical-slider .vc_row-flex {
    top: 25% !important;
}
.about-us-vertical-slider .text-row .vc_column-inner {
    padding: 26px 80px 26px 30px !important;
}
.about-us-vertical-slider .text-row{
	margin-top: -50px !important;
}
.about-us-vertical-slider .text-row p{
	text-align: justify !important;
	color : #fff !important;
	font-size :24px !important;
}
.about-us-vertical-slider .text-row h1{
	color: #fff !important;
	white-space: nowrap !important;
	font-family: "BourbonW00-Regular" !important;
}
/* End of CSS for Vertical Slider */

/* End of CSS for About Us Page CSS */

/* CSS for Our Flavors Page */
.our-flavors-page-our-flavors-mobile{
	display: none !important;
}
.our-flavors-page-our-flavors img{
	padding-left: 30px;
	padding-right: 30px;
	transition: 1s padding ease !important;
}
.our-flavors-page-our-flavors :hover img{
	padding-left: 0px;
	padding-right: 0px;
}
.our-flavors-page-our-flavors p{
    margin-bottom: 0px !important;
}
/* End of CSS for Flavors Page */

/* Contact Us Page CSS */
.contact-us-contact-info {
    box-shadow: 0px 0px 8px 0px !important;
}
.socialbar.boxed a .social-text{
	font-size: 40px !important;
}
.contact-us-page-get-in-touch-row-mobile{
	display: none !important;
}
.contact-us-page-get-in-touch-row li .icon {
    color: #fff !important;
    font-size: 32px !important;
    margin-top: 6px !important;
}
.contact-us-page-get-in-touch-row a{
	color: #000;
	font-size: 12px;
}
.contact-us-page-get-in-touch-row a:hover{
	color: #11254D;
}
.contact-us-page-get-in-touch-row .subtitle{
	font-size: 20px !important;
}
.contact-us-page-get-in-touch-row .contact-us-contact-info p{
	font-size: 18px !important;
}
.contact-us-page-get-in-touch-row .contact-form{
	padding: 0px 33px !important;
}
.contact-us-page-get-in-touch-row .norebro-heading-sc{
	margin-bottom: 18px !important;
}
.contact-us-page-get-in-touch-row .icon-box .icon-wrap {
    font-size: 32px !important;
    margin-top: 8px !important;
}
.contact-us-page-get-in-touch-row .form-col input, .form-col textarea {
    font-size: 18px !important;
	padding-bottom : 7px !important;
	margin-bottom : 26px !important;
	}
.contact-us-page-get-in-touch-row .form-col input {
}
.contact-us-page-get-in-touch-row .form-col .btn{
	display: block !important;
    margin: 0 auto !important;
    margin-top: 20px !important;
    background: transparent !important;
    border: 1px solid #000 !important;
}
.contact-us-page-get-in-touch-row .form-col .btn:hover{
	background: rgba(200,200,200,0.3) !important;
	color: #000 !important;
}

.contact-us-page-get-in-touch-row .vc_col-sm-3{
	border-right : 1px solid #d8d8d8 !important;
}
.contact-us-page-get-in-touch-row .vc_col-sm-3 .vc_column-inner {
    padding: 70px 32px !important;
}

.form-col .vc_column-inner {
    padding: 0px 90px !important;
}

.contact-us-social-links a.instagram {
    background: #8a3ab9 !important;
    border-color: #8a3ab9 !important;
}
.norebro-socialbar-sc .icon {
    color: #000 !important;
    font-size: 46px !important;
}
.contact-us-contact-info .vc_column-inner{
	padding: 32px 32px !important;
}
/* .form-col p.subtitle {
    white-space: nowrap;
} */
/* End of Contact Us Page CSS */


/* CSS for blog archive page */




/* End of CSS for blog archieve page */

/* Single Post Page CSS */
.blog-grid .content h3 a{
    color: white !important;
	font-weight: 700;
}
div.blog-grid.grid-1.boxed > div.content > p{
	color: white !important;
}

.blog-grid .content h3 {
    text-align: center !important;
}
footer span.author {
    color: #fff;
}
footer time.entry-date.published.updated {
    color: #fff;
}



/* CSS for what's new page */
.tags a.tag.brand-bg-color.brand-border-color {
    display: none ;
}
/* End of CSS for What's New Page */

/* CSS for Media Kit Page */

.press-kit-row h3{
	text-transform: capitalize;
}
.press-kit-row h3 a {
    color: #fff;
}
.press-kit-row h3 a:hover {
    color: #000;
}
.press-kit-row .vc_empty_space, .press-kit-row .norebro-heading-sc {
    background: #AC2E30;
}

/* End of CSS for Media Kit Page */

/* CSS for Press Releases Page */
.press-release-row h3 a {
    font-size: 20px !important;
	text-transform: capitalize !important;
}
.press-release-row h3{
	line-height: 0.8;
	min-height: 5rem;
}
.press-release-row .subtitle{
	font-size: 10px !important;
}
.press-release-row p{
	font-size: 14px !important;
}
.press-release-row .btn {
    font-size: 16px !important;
    border-color: #000 !important;
    padding: 10px;
}
.press-release-row .btn:hover{
	background: #f7f7f7 !important;
}
.press-release-row .press-release-text{
	min-height: 5rem;
}
/* CSS for Press Releases Page */


/* Shake animation CSS */
.our-flavors-cucumber-lime:hover,.our-flavors-black-cherry:hover,.our-flavors-dragon-fruit:hover,.our-flavors-orange-mango:hover,.our-story-shake-image:hover{
  animation: shake 1.5s cubic-bezier(.36,.07,.19,.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}
@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, -1px, 0);
  }
  
  20%, 80% {
    transform: translate3d(2px, 2px, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-4px, -4px, 0);
  }

  40%, 60% {
    transform: translate3d(4px, 4px, 0);
  }
}
/* End of CSS for shake animation */

/* CSS for Coming Soon */
.teddy-logo-mobile{
	display: none !important;
}
.coming-soon-teddy-logo{
	margin-left: 140px;
}
.coming-soon-teddy-logo img {
    padding: 40px 40px;
}
.coming-soon .wpcf7-response-output {
    color: #fff !important;
}
.coming-soon h1, .coming-soon p,.coming-soon h3,.coming-soon p span {
    color: #fff !important;
}
.coming-soon input {
    width: 40% !important;
	border-bottom: 1px solid #fff !important;
}
.coming-soon input::placeholder {
    color: #fff !important;
}
.coming-soon .btn{
	color:#fff !important;
}
.coming-soon h3{
	margin-bottom: 0px !important;
}
.coming-soon{
	background-size: cover !important;
}
.coming-soon .video-module .btn-play{
	background: #fff !important;
}
.coming-soon .video-module .btn-play:hover{
	background: #f7f7f7 !important;
}
.coming-soon .wpb_column.vc_column_container.vc_col-sm-3 {
    margin-left: -70px !important;
}
/* End of CSS for Coming Soon */


@media only screen  and (max-width : 1366px) {
	.main-nav a {
		font-size: 22px !important;
	}
	#masthead .site-title a img {
    min-height: 40px !important;
    margin-top: 16px;
}
}




/* Pixel 2 media queries */
@media only screen and (min-width: 412px) and (max-width: 767px) { 
	.products-carousel .norebro-slider img{
		padding: 0 100px !important;
	}
}

/* For high resolution screens */
@media only screen and (min--moz-device-pixel-ratio: 2),

only screen and (-o-min-device-pixel-ratio: 2/1),

only screen and (-webkit-min-device-pixel-ratio: 2),

only screen and (min-device-pixel-ratio: 2) {
	.home-nutrition-facts,.home-gluten-free{
		background-size: cover !important;
		background-repeat: no-repeat;
		height: auto !important;
	}
	
	.home-nutrition-facts {
		background-size: cover !important;
		background-repeat: no-repeat;
}
	.home-slider .slider-cta h1{
		font-size: 120px !important;
	}
	.products-carousel {
    margin-top: -80px !important;
}
	.page-id-97 .products-carousel{
		margin-top: 0px !important;
	}
	
}

/* for low resolution screen */
@media screen and (max-width: 1366px) and (max-height: 768px){
	.home-nutrition-facts,.home-gluten-free{
		background-size: cover !important;
		background-repeat: no-repeat;
		height: auto !important;
	}
	.home-nutrition-facts,.home-gluten-free img{
		padding: 20px 20px !important;
	}
	.home-slider .slider-cta h1{
		font-size: 120px !important;
	}
	body.home .main-nav a{
		font-size: 18px !important;
	}
	#masthead .site-title a img{
		max-height: 70px !important;
	}
	.products-carousel {
    margin-top: -80px !important;
}
	.newsletter h3.title{
		font-size: 18px !important;
	}
	.home-slider .hero-img-can img{
		padding: 25px 25px !important;
	}
	
}

/* Iphone 11 landscape mode css code */

@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) 
{ 
	#masthead .site-title img, #masthead .site-title a img {
    max-height: 40px !important;
}

	.main-nav a{
		font-size: 16px !important;
	}
	.main-nav .menu{
		margin-right: 5px !important;
	}
	.header-wrap .social{
		padding-left: 0px !important;
	}
	.header-wrap .social .icon{
	    color: #fff !important;
    	font-size: 18px !important;
    	padding-top: 10px !important;
    	padding-bottom: 10px !important;
	}
	.home-slider .cs-slider-cta{
	}
	.home-slider a {
    	font-size: 14px !important;
}
	.home-slider .slider-cta h1{
		font-size: 40px !important;
		margin-top: 0px;
	}
	
	/* CSS for Product Carousel */
	.products-carousel{
		display: none !important;
	}
	.products-carousel-mobile{
		display: block !important;
	}
	

	/* End of CSS for Product Carousel */
	.home-nutrition-facts{
		margin-top: 0px !important;
	}
	.home-about-us-left .vc_column-inner{
		z-index: 700 !important;
		margin-left: 50px !important
	}
	#sb_instagram #sbi_images{
		 margin-right: 0px;
   		 margin-left: 0px;
	}
	
	/* CSS for newsletter row */
	.newsletter{
		display: none !important;
	}
	.newsletter-mobile h3.title{
		font-size: 18px !important;
		text-transform: capitalize;
		margin-top: 16px !important;
	}
	.newsletter-mobile{
		display: block !important;
		background: #11264D;
	}

	.newsletter-mobile input {
    color: #fff !important;
    border-color: #fff !important;
    margin-top: 10px;
}
	.newsletter-mobile input::placeholder {
    color: #fff !important;
}
	.newsletter-mobile .subtitle{
		font-size: 14px !important;
		margin-bottom: 16px !important;
	}
	.newsletter-mobile h3, .newsletter-mobile .subtitle {
    color: #fff !important;
}
	.newsletter-mobile .btn {
    font-size: 14px !important;
    background: transparent;
    color: #fff;
}

	/* End of CSS for Newsletter row */
}
/* End of Iphone 11 potrait css code */


@media only screen and (max-width: 1200px) and (min-width: 1001px){
	#masthead .site-title img, #masthead .site-title a img {
    max-height: 50px !important;
}

	.main-nav .menu{
		margin-right: 5px !important;
	}
	.header-wrap .social{
		padding-left: 0px !important;
	}
	.header-wrap .social .icon{
	    color: #fff !important;
    	font-size: 24px !important;
    	padding-top: 10px !important;
    	padding-bottom: 10px !important;
	}
	.home-slider .cs-slider-cta{
		top: 65% !important;
	}
	.home-slider a {
    	font-size: 14px !important;
}
	.home-slider .slider-cta h1{
		font-size: 40px !important;
		margin-top: 0px;
	}
	.home-slider .hero-img-can img {
        height: 285px;
    	width: 138px;
}
	/* CSS for Product Carousel */
	.products-carousel{
		display: none !important;
	}
	.products-carousel-mobile{
		display: block !important;
	}
	/* CSS for Site Footer */
	.widget.widget_norebro_widget_socialbar_subscribe{
		margin: 0 0 !important;
	}
	.socialbar.small.new-tab-links {
    display: table;
    margin: 0 auto !important;
}
	.our-flavors-page-our-flavors h1{
		font-size: 32px;
	}
}


@media only screen and (max-width: 1000px) and (min-width: 769px){
	
	/* CSS for Age Gate Verification */
	img.age-gate-logo-image {
    height: 150px !important;
}
	h2.age-gate-subheading {
    font-size: 24px !important;
}
	
	/* CSS for Website Footer */
	footer .widgets {
    display: table;
    margin: 0 auto !important;
	text-align: center;
}
	footer .widgets .widget-title,footer .contact-module li{
		text-align: center;
	}
	/* End of CSS for Age Gate Verification */

	#masthead .site-title img, #masthead .site-title a img {
    max-height: 40px !important;
}
.home-slider .hero-img-can img {
    height: 230px;
    width: 130px;
    margin-top: -32px;
}
	.main-nav .menu{
		margin-right: 5px !important;
	}
	.main-nav a {
    font-size: 20px !important;
}
	.header-wrap .social{
		padding-left: 0px !important;
	}
	.header-wrap .social .icon{
	    color: #fff !important;
    	font-size: 18px !important;
    	padding-top: 10px !important;
    	padding-bottom: 10px !important;
	}
	.home-slider .cs-slider-cta{
		top: 52% !important;
	}
	.home-slider a {
    	font-size: 14px !important;
}
	.home-slider .slider-cta h1{
		font-size: 36px !important;
		margin-top: 0px;
	}
	
	
	
	/* CSS for Product Carousel */
	.products-carousel{
		display: none !important;
	}
	.products-carousel-mobile{
		display: block !important;
	}
	

	/* End of CSS for Product Carousel */
	.home-nutrition-facts{
		margin-top: 0px !important;
	}
	.home-about-us-left .vc_column-inner{
		z-index: 700 !important;
		margin-left: 50px !important
	}
	#sb_instagram #sbi_images{
		 margin-right: 0px;
   		 margin-left: 0px;
	}
	
	/* CSS for newsletter row */
	.newsletter{
		display: none !important;
	}
	
	.newsletter-mobile h3.title{
		font-size: 18px !important;
		text-transform: capitalize;
		margin-top: 16px !important;
	}
	.newsletter-mobile{
		display: block !important;
		background: #AB2D30;
	}

	.newsletter-mobile input {
    color: #fff !important;
    border-color: #fff !important;
    margin-top: 10px;
}
	.newsletter-mobile input::placeholder {
    color: #fff !important;
}
	.newsletter-mobile .subtitle{
		font-size: 14px !important;
		margin-bottom: 16px !important;
	}
	.newsletter-mobile h3, .newsletter-mobile .subtitle {
    color: #fff !important;
}
	.newsletter-mobile .btn {
    font-size: 14px !important;
    background: transparent;
    color: #fff;
	padding: 12px 12px;
		border-color: white !important;
		margin-top: 10px ;
}
	
	.newsletter-mobile .heading .subtitle {
		color: #fff !important;
		font-size: 12px !important;
}

	/* End of CSS for Newsletter row */
	.our-flavors-page-our-flavors h1{
		font-size: 32px;
	}
	.our-flavors-page-our-flavors p{
		font-size: 14px !important;
	}
	.our-story-premium-hard-seltzer{
		display: none !important;
	}
	.our-story-premium-hard-seltzer-mobile{
		display: block !important;
	}
	.our-story-premium-hard-seltzer-mobile
	.our-story-premium-hard-seltzer-mobile p {
    font-size: 14px !important;
}
.our-story-premium-hard-seltzer-mobile .subtitle {
    font-size: 16px !important;
}
.our-story-premium-hard-seltzer-mobile h1 {
    font-size: 32px !important; 
}
	
	/* CSS for Flavor and Home page Flavor Section */
	.flavor-section-row-mobile {
		display: flex;
		align-items: center;
}
	
	
	/* CSS for Blog Grid */
	.vc_col-lg-12.vc_col-md-12.vc_col-sm-12.vc_col-xs-12.grid-item{
		min-height: 600px !important;
		background: #AC2E30 !important;
		width: 30% !important;
	}
	.blog-grid .content h3{
		font-size: 24px !important;
	}
	.vc_row.blog-posts-classic p{
		font-size: 12px !important;
	}
	
	/* Contact Us Page */
	.contact-us-page-get-in-touch-row{
		display: none !important;
	}
	.contact-us-page-get-in-touch-row-mobile{
		display: block !important
	}
	.contact-us-page-get-in-touch-row-mobile .contact-us-contact-info h4 a {
    font-size: 12px !important;
}
	.contact-us-page-get-in-touch-row li-mobile .icon{
		color: #fff !important;
	}
	.contact-us-page-get-in-touch-row-mobile .form-col .btn {
    display: block !important;
    margin: 0 auto !important;
    margin-top: 20px !important;
    background: 0 0 !important;
    border: 1px solid #000 !important;
		font-size: 14px !important;
}
	.contact-us-page-get-in-touch-row .form-col input, .form-col textarea{
		font-size: 14px !important;
	}
	
	/* CSS for our-flavors-page-our-flavors section */
	.our-flavors-page-our-flavors{
		display: none !important;
	}
	.our-flavors-page-our-flavors-mobile{
		display: block !important;
	}
	.our-flavors-page-our-flavors-mobile p{
		font-size: 14px !important;
	}
	.grecaptcha-badge {
    display: none !important;
}
	
}



@media screen and (max-width: 768px) {

	.hamburger-menu::before {
		font-size: 16px !important;
		padding-right: 3px;
	}
	
	.new-section-flavours .ms-section p {
		font-size: 14px !important; 
	}
	.coming-soon-teddy-logo {
    display: none;
	}
	.teddy-logo-mobile{
		display: block !important;
	}
	.home-slider{
		display: none !important;
	}
	.home-slider-mobile{
		display: block !important;
	}		

#masthead .site-title img, #masthead .site-title a img {
    max-height: 125px !important;
}
#masthead.header-4 .hamburger-menu {
    float: right;
    margin-top: 20px;
}

	.hamburger-menu a{
		color: #fff !important;
		margin-top: 22px !important;
	}
#masthead.header-5 .menu-other {
    padding-right: 20px;
}
#masthead #site-navigation.main-nav, #mega-menu-wrap > ul .sub-menu {
    background: rgba(1, 1, 1, 0.97) !important;
}
#masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .menu-link span:before, #masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu .menu-link span:before {
    height: 0px; 
}
#mega-menu-wrap > ul > li > a, #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item > a.menu-link {
    border-bottom: 1px solid #85898b !important;
    font-weight: 400 !important;
    padding: 10px 35px !important;
    font-size: 24px !important;
    line-height: 28px !important;
}
#masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu .mega-menu-item > a.menu-link, #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item > a.menu-link{
    color: #fff;
    font-weight: 500;
    font-size: 18px;
}
#masthead .menu-other > li.social {
    display: none;
}
#masthead .menu-other > li.search {
    display: none;
}
h1 {
    font-size: 42px !important;
    line-height: 1em !important;
}
h2 {
    font-size: 38px !important;
    line-height: 42px !important;
}
.subtitle {
    font-size: 20px !important;
    line-height: 24px !important;
    text-align: center !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}
.header-title .subtitle {
    text-align: center !important;
}
p {
    text-align: justify;
}
.two-col-row .content-col {
    background: #f8f8f8;
    padding: 35px 35px 35px 35px !important;
}
.testimonials {
    margin: 0 10% !important;
}
.testimonials blockquote {
    font-size: 16px;
    text-align: justify !important;
}
.testimonials {
    margin: 0 10%;
}
	a.cart{
		border-right: 0px !important;
	}
	.hamburger-menu {
    color: #000 !important;
}
	/* Site Footer Mobile CSS */
	.site-footer li {
    text-align: center;
}
	footer#colophon {
    margin-top: 32px !important;
	}
	.site-footer .widget{
		padding-top : 0px !important;
		padding-bottom: 0px !important;
	}
	footer .left{
		text-align: center !important;
	}
	footer .right{
		text-align: center !important;
	}
	footer .widgets{
		padding: 0 0!important;
	}
	li#nav_menu-2 {
    margin-left: -32px !important;
	}
	.vc_col-md-4.widgets-column {
    display: table !important;
    margin: 0 auto !important;
}
	.newsletter .vc_empty_space {
    display: none !important;
}
	.newsletter input{
		margin-top: 0px !important;
		text-align: center !important;
	}
     .newsletter .wpb_column.vc_col-sm-8{
		padding: 0 0 !important;
	}	
	.newsletter .wpb_column.vc_col-sm-4{
		margin-bottom: 10px !important;
	}
	.header-title p.subtitle{
		font-size: 16px !important;
	}
	h1.page-title.no-transition{
		font-size: 32px !important;
	}
	.header-title.text-center.show{
		margin-top : 0px !important;
	}
	.about-us-about-us-row{
		padding: 50px 12px !important;
	}
	.home-nutrition-facts{
		display: none !important;
	}
	
	/* Products Carousel Mobile */
	.home-flavors-dog-image img {
    padding: 22px !important;
}
	.products-carousel{
		display: none !important;
	}
	.products-carousel-mobile{
		display: block !important;
	}

	/* End of Products Carousel Mobile */
	.home-nutrition-facts-mobile{
		display: block !important;
	}
	.home-about-us-left .vc_column-inner{
		margin-left: 0px !important;
		z-index: 600 !important;
	}
	.home-about-us .content-col{
		margin-top: -32px !important;
	}
	.home-shake-drink{
		display: none !important;
	}
	.home-shake-drink-before-empty-space{
		display: none !important;
	}
	/* CSS for home gluten free row */
	.home-gluten-free{
		background: rgb(17,37,77) !important;	
	}
	.home-gluten-free h1{
		font-size : 32px !important;
		color: #fff !important;
	}
	.home-gluten-free li{
		font-size : 24px !important;
		color: #fff !important;
	}
	.home-gluten-free ul li:before{
		height: 30px;
    	width: 30px;
    	background-size: 30px;
	}
	.home-gluten-free ul li:before{
		background-image: url(/wp-content/uploads/2021/02/good-dog-logo-updated.png);	
	}
	
	
	/* CSS for HeroSection Mobile */
	.home-slider-mobile .heroBottle img{
		padding: 25px 25px !important;
	}
	.home-slider-mobile .cs-slider-cta {
    margin-top: 127% !important;
	}
	.home-slider-mobile .slider-cta {
    display: block !important;
    margin: 0 auto !important;
	}
	.home-slider-mobile a.btn {
	display: table !important;
    margin: 0 auto !important;
	color: #fff !important;
	}
	.home-slider-mobile h1{
		color : #fff !important;
		font-size: 40px !important;
		font-family: 'bbase' !important;
	}
	.heroBottle {
    margin-top: -32px !important;
	}
	/* CSS for gooddogg flavors */
	.norebro-slider-sc > .norebro-slider > .owl-stage-outer > .owl-stage > .owl-item .banner-box:hover{
	padding-left: 30px !important;
    padding-right: 30px !important;
	}
	/* CSS for home page newsletter */
	.newsletter{
		padding: 0 0 !important;
	}
	.newsletter h3.title{
		font-size: 22px !important;
	}
	.newsletter .norebro-contact-from-sc{
		margin-top: 0px !important;
	}
	
	/* CSS for contact us page */
	.contact-us-page-get-in-touch-row li .icon{
		display: none !important;
	}
	.form-col .vc_column-inner{
		padding: 0 0 !important;
	}
	.norebro-socialbar-sc .icon {
    font-size: 28px !important;
}
	.form-col {
    margin-top: 20px !important;
}
	.form-col h1{
		font-size: 32px !important;
	}
	.contact-us-page-get-in-touch-row .contact-us-contact-info h4 a{
		font-size: 18px !important;
		text-align: center !important;
	}
	/* CSS for coming soon page */
	.coming-soon h1, .coming-soon p, .coming-soon h3, .coming-soon p span{
		text-align: center !important;
	}
	.coming-soon input{
		width: 100% !important;
		text-align: center !important;
	}
	.coming-soon .nor-heading-xs h1.title, .nor-heading-xs h2.title, .nor-heading-xs h3.title, .nor-heading-xs h4.title, .nor-heading-xs .widget h4, .widget .nor-heading-xs h4, .nor-heading-xs h5.title, .nor-heading-xs .widget h5, .widget .nor-heading-xs h5{
		font-size: 32px !important;
	}
	.coming-soon form button.btn{
		margin-top: 0px !important;
	}
	.coming-soon .empty-space-before-video {
    display: none !important;
	}
	
	/* CSS for blog page */
	.vc_col-lg-12.vc_col-md-12.vc_col-sm-12.vc_col-xs-12{
		width: 100% !important;
	}
}
@supports (-webkit-touch-callout: none) {
	@media screen and (max-width: 768px) and (min-width:500px){
		#masthead .site-title a img{
			max-height: 50px !important;
		}
		.home-slider{
			display: none !important;
		}
		.home-slider-mobile{
			display: block !important;
			height: 100vh !important;
		}
		.home-slider-mobile .hero-img-can img {
	    height: 230px !important;
   		width: 130px !important;
    	margin-top: -30px !important;
		}
		.home-slider-mobile .cs-slider-cta{
			margin-top: 35% !important;
		}
			/* CSS for Age Gate Verification */
	img.age-gate-logo-image {
    height: 120px !important;
}
	h2.age-gate-subheading {
    font-size: 24px !important;
}
		/* End of CSS for Age Gate Verification */
		.newsletter-mobile input{
			text-align: center !important;
			width: 50% !important;
			display: block;
			margin: 0 auto !important;
		}
		.newsletter-mobile .btn{
			display: block !important;
			margin: 0 auto !important;
			width: 50% !important;
			margin-bottom: 16px !important;
			margin-top: 16px !important;
		}
}
}


/* @media screen and (max-width: 1199px) and (orientation : portrait) { */


@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {
	  .home-slider-mobile .cs-slider-cta {
    margin-top: 90% !important;
}
	  /* CSS for home gluten free row */
	 .home-gluten-free .right-col {
    width: 100% !important;
}
	  .home-gluten-free h1{
		  text-align: center;
	  }
	  .home-gluten-free ul{
		  text-align: center;
	  }
	  /* CSS for products flavors row*/
	  .products-carousel .norebro-slider img {
    padding: 0px 44px !important;
}
	  .products-carousel p.subtitle{
		  font-size: 14px !important;
	  }
	  /* Css for about us row */
	  .home-about-us-left .vc_column-inner{
		  margin-left: 42px !important;
		  margin-top : 100px !important;
	  }
	  /* Newsletter row CSS */
	  .newsletter .vc_col-sm-4 {
    width: 50% !important;
}
	  .newsletter .vc_col-sm-2 {
    width: 50% !important;
}
	  .newsletter .vc_col-sm-6 {
    width: 100%;
}
	  .newsletter .wpb_column.vc_col-sm-8{
		  width: 50% !important;
	  }
	  /* CSS for homw slider */
	  .home-slider-mobile .cs-slider-cta {
    margin-top: 90% !important;
}
	  /* CSS for coming soon page */
	  .coming-soon img {
    display: none;
}

}

@media (min-width: 1115px) and (max-width: 1300px){
	/* Home Slider Css */
	.hero-img-can img {
    padding: 30px 30px;
}
	.home-slider .slider-cta h1{
		font-size: 40px !important;
	}
	.home-gluten-free{
		background-position: contain !important;
		background-repeat: no-repeat !important;
	}
	.home-gluten-free h1{
		font-size: 40px !important;
	}
	.home-gluten-free li{
		font-size: 30px !important;
	}
	.home-shake-drink img {
    padding: 40px 40px;
}
	/* CSS for Split Slider Section */
}

/* End of Custom CSS */

/* Contact Page Header Alignment */ 
.header-title.show .tags, .header-title.show .page-title, .header-title.show .subtitle {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
}

/* Custom Header Color */ 
#masthead .header-wrap {
    background: rgba(17, 37, 77, 0);
    padding: 0 25px 0;
    position: relative;
    z-index: 1;
	border-bottom: double;
	border-bottom-color: rgba(171, 45, 48, .85);
}

/* Home header Resizing */

/* .slider .owl-stage-outer {
    height: 745px !important;
} */

/* Drop Down Restyling */ 

#mega-menu-wrap>ul .sub-menu {
	
	border-left: double;
	border-right: double;
	border-bottom: double; 
	border-color: rgba(171, 45, 48, .85);
	background: rgba(17, 37, 77, .85) !important;
}

/* Stick Menu Background */ 
#masthead.site-header.header-fixed {
    background: #fff0 !important;
    
}

/* Footer Trademark Background Color */ 

#norebro-custom-61897a0b0552c li .icon {
    color: #fff !important;
}







/* Zain Changes */ 

#masthead .header-wrap {
    background: #ab2d30;
	line-height: 30px !important;
    border-bottom: none !important;
}
#masthead .site-title img, #masthead .site-title a img {
    /*min-height: 75px !important;*/
	max-height: 75px !important;
    margin-top: 0px;
}
#masthead .header-wrap .main-nav {
    margin-top: 20px !important;
}
#mega-menu-wrap > ul > li > a {
    font-family: 'futurabook' !important;
    font-size: 20px !important;
    text-transform: capitalize !important;
    letter-spacing: .5px !important;
}
#masthead .menu-other {
    vertical-align: middle;
    border-left: 1px solid !important;
    margin-top: 0px !important;
}
#masthead .menu-other li.social {
    margin-top: 7.5px !important;
}
#masthead .header-wrap .social .icon {
    color: #fff !important;
    font-size: 24px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    vertical-align: middle !important;
}
#masthead .menu-other > li.social > a i {
    font-size: 24px !important;
}

.heading h1, h1 {
    font-family: 'futurabook';
    text-transform: capitalize !important;
    color: #000 !important;
	margin-bottom: 0px !important;
}
.heading h2, h2 {
    font-family: 'futurabook' !important;
    text-transform: capitalize !important;
    color: #000 !important;
	margin-bottom: 0px !important;
}
.heading .subtitle {
    text-transform: uppercase;
    color: #ab2d30;
    font-size: 16px !important;
    font-family: 'Poppins', sans-serif !important;
}
.btn.btn-light {
    border: 1px solid #fff !important;
}

.new-section-flavours .flavor-fruit-img .vc_column-inner {
    padding-left: 0px;
    padding-right: 0px;
}
.new-section-flavours h3 {
    color: #ab2d30;
    font-family: Playlist-Script-font !important;
    color: #000;
    font-size: 54px !important;
}
.new-section-flavours .ms-section .heading .subtitle {
    text-align: left;
    font-size: 13px !important;
}
.new-section-flavours .ms-section p {
    text-align: justify;
	font-size: 14px !important;
}
.home-photos-by-customers .heading h1 {
	color: #fff !important;
}
.home-photos-by-customers .heading .subtitle {
    color: #8f8f8f !important;
}

.sb_instagram_header h3 {
    font-size: 20px !important;
    font-family: 'Poppins', sans-serif !important;
}
.sbi_follow_btn.sbi_custom a {
    font-weight: 500 !important;
    margin-top: 35px !important;
}
#sb_instagram .sbi_follow_btn svg {
    vertical-align: -7.5px !important;
}

.menu .current-menu-item {
    color: #d8d8d8 !important;
}
#mega-menu-wrap > ul .sub-menu {
    top: 20px !important;
}
#mega-menu-wrap>ul .sub-menu {
    border: none !important;
    background: #fff !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
.main-nav .sub-menu a {
    color: #000 !important;
    text-transform: capitalize;
    font-family: 'futurabook', sans-serif !important;
    padding-top: 7.5px !important;
    padding-bottom: 7.5px !important;
}
.site-footer .widget {
    padding-top: 0px;
}
.site-footer .widgets .socialbar a.social.outline {
    border-color: rgba(255, 255, 255, 0);
    background: #ab2d30;
    font-size: 22px;
}
.site-footer .widgets .socialbar a.social.outline i {
    color: rgba(255, 255, 255, 1);
}

.content-col p {
    color: #000 !important;
}
.products-carousel .heading p.subtitle {
	color: #ab2d30 !important;
}

.contact-us-page-get-in-touch-row .contact-us-contact-info .heading h1 {
	color: #fff !important;
}
.contact-us-page-get-in-touch-row .contact-us-contact-info .heading .subtitle {
	color: #f8f8f8 !important;
}
.contact-us-page-get-in-touch-row .contact-us-contact-info h4 {
    line-height: 24px !important;
}
.contact-us-page-get-in-touch-row .contact-us-contact-info h4 a {
    font-size: 17px !important;
    color: #fff !important;
    font-family: 'futurabook';
}
.contact-us-page-get-in-touch-row .list-box.with-icon li {
    margin-bottom: 10px;
}
.contact-us-page-get-in-touch-row .list-box.with-icon li .wrap .col.col-icon {
    margin-top: -5px;
}
.contact-form input:not([type="submit"]), .contact-form select, .contact-form textarea {
    border: 1px solid rgba(0, 0, 0, 0.15);
    padding: 12px 15px;
    text-align: center;
    font-family: 'futurabook', sans-serif;
    color: #000 !important;
}


.products-carousel .norebro-slider-sc > .norebro-slider > .owl-stage-outer > .owl-stage > .owl-item .banner-box{
	padding-left: 30px !important;
    padding-right: 30px !important;
    transition: 1s padding ease !important;
}
.products-carousel .norebro-slider-sc > .norebro-slider > .owl-stage-outer > .owl-stage > .owl-item .banner-box:hover {
    padding-left: 5px !important;
    padding-right: 5px !important;
}
/*
.products-carousel .norebro-slider-sc > .norebro-slider > .owl-stage-outer > .owl-stage > .owl-item .banner-box:hover h4 {
    font-size: 18px !important;
}
.products-carousel .norebro-slider-sc > .norebro-slider > .owl-stage-outer > .owl-stage > .owl-item .banner-box:hover p {
    font-size: 20px !important;
}
*/

.products-carousel .owl-stage-outer.owl-height {
    height: 625px !important;
}

/* End of Product Flavors CSS */

.vc_row.blog-posts-classic {
    margin-bottom: 90px;
}

.btn:hover {
    color: #000 !important;
}

.age-gate-subheading {
    font-size: 32px !important;
}
.cs-page-header {
    margin-top: 70px;
}
.wpsl-search {
    background: #18244C !important;
    color: #fff;
    font-family: 'futurabook', sans-serif;
    text-transform: capitalize;
    font-size: 14px;
}
#wpsl-search-wrap input {
    border: 1px solid #d2d2d2;
    border-radius: 3px;
    color: #fff;
}

#wpsl-search-btn {
	background: transparent;
}

@media screen and (min-width: 1025px) {
.header-title {
    height: 50vh !important;
	min-height: 50vh !important;
}
.header-title .bg-image {
    background-size: cover !important;
}
}

/* Change on the split slider section */
/* Remove the gray arrows */
.norebro-splitscreen .splitscreen-nav div {
	display: none;
}


/* Ditty Item Text CSS */
.ditty-ticker__items {
	font-family: 'futurabook', sans-serif !important;
}

/* Remove the gray box from the banner */
.header-title::after {
	background: unset !important;
}

/* Remove the mile feature and directions feature from Find Us page */
.wpsl-direction-wrap {
	display: none
}


/* Remove the icon from the Instagram feed  */
.sbi_type_carousel .fa-clone {
	display: none !important;
}

@media only screen and (max-width: 1000px) and (min-width: 769px){
	
	#mega-menu-wrap > ul > li > a {
		font-size: 16px !important;
	}
}

/*Zachs Styles*/
.computer-description {
	display: block;
}

.mobile-description {
	display: none;
}

.vc_custom_1651035549492 {
	padding-top: 0% !important;
    padding-bottom: 0% !important;
}

.norebro-button-sc a {
	box-shadow: 1px 1px black;
}

.age-gate-submit-yes, .age-gate-submit-no {
	width: 80px;
}

.age-gate-background-colour {
	background: white;
}

@media screen and (max-width: 767px) {
  	.vc_custom_1651038170389 .vc_column_container > .vc_column-inner {
    	padding-left: 0px;
    	padding-right: 0px;
	}
	
	.vc_custom_1651035549492 {
		padding-top: 5% !important;
		padding-bottom: 5% !important;
	}
	
	.computer-description {
		display: none;
	}
	
	.mobile-description {
		display: block;
	}
	
	.mobile-description .norebro-button-sc {
		text-align: center !important;
	}
	
	#norebro-custom-62fb9e001e12b {
		padding-top: 10px;
	}
	
	#norebro-custom-62fd0494d96fe {
		padding-bottom: 10px;
	}
	
	#norebro-custom-62fd0494d8f6d {
		padding-top: 10px;
	}
	
	#block-2 {
		padding-top: 20px !important;
	}
	
	#norebro-custom-62fba52f9ec3e, #norebro-custom-62fba52f9ec61 {
		width: 50%;
		display: inline-block;
		padding-left: 5px;
   	 	padding-right: 5px;
	}
	
}

/* Newsletter CSS */
#newsletter > div:nth-child(1) > div:nth-child(1){
	padding: 3em !important;
	color:white;
}
#newsletter > div:nth-child(1) > div:nth-child(1)::placeholder{
	color:white;
}
span.wpcf7-form-control-wrap:nth-child(1) > input:nth-child(1){
	color:white;
	fill:white;
	text-align: center!important;
}
.wpcf7-text, .wpcf7-text::placeholder{
	color:white !important;
	text-align:center;
}
.wpcf7-spinner{
	position: absolute !important;
}