/* ---------- GENERAL TAGS ---------- */
#mainNavMenu {text-align:left;}
.clear {clear:both;}
.left {float:left;}
.large-9 {width:75%;}
.column {position:relative;}
.red {color:#cf0a2c !important;}
.site-title,
#mainNavMenu,
#headerSearch {display:inline-block;vertical-align:top;}
#mega-title {text-align:left;font-weight:600;color:#d00a2b;font-size:25px;margin-top:40px;margin-left:0px;line-height:50px;}
#mainNavBar #mainNav {margin:0 20px 0 0 !important;}
.scrolled #mainNavBar #mainNav {margin-top:0 !important;}


/* ---------- TOP BAR NAV --------- */
.topBarNav a {font-weight:600 !important;font-size:16px !important;}
.loginLink a {}


/* ---------- TOP TIER ---------- */
#mainNavBar {display:block;position:relative;}

.menu-mobile {display:none;padding:20px;}

.menu-mobile:after {content:"\f394";font-family:"Ionicons";font-size:2.5rem;padding:0;float:right;position:relative;top:50%;-webkit-transform:translateY(-25%);-ms-transform:translateY(-25%);transform:translateY(-25%);}
.menu-dropdown-icon:before {content:"\f489";font-family:"Ionicons";display:none;cursor:pointer;float:right;padding:1.2em 1.2em;background:#fff;color:#000;}

#mainNavMenu > ul.nav-menu {list-style:none;padding:0;box-sizing:border-box;font-family:'Lato',sans-serif;}
#mainNavMenu > ul.nav-menu:before,
#mainNavMenu > ul.nav-menu:after {content:"";display:block;}
#mainNavMenu > ul.nav-menu:after {clear:both;}
#mainNavMenu > ul.nav-menu > li {float:left;text-align:left;margin:0;-webkit-transition:background-color .3s ease-in;-ms-transition:background-color .3s ease-in;transition:background-color .3s ease-in;}
#mainNavMenu > ul.nav-menu > li > a {text-decoration:none;display:block;color:#cf0a2c;-webkit-transition:color .3s ease-in;-ms-transition:color .3s ease-in;transition:color .3s ease-in;}
#mainNavMenu > ul.nav-menu > li:hover {}
#mainNavMenu > ul.nav-menu > li:hover > a {color:#484848 !important;}
#mainNavMenu > ul.nav-menu > li:hover > a::after {border-top:6px solid #484848 !important;}
#mainNavMenu > ul.nav-menu > li:hover > a::before {content:'';position:absolute;bottom:0;border:17px solid transparent;right:9px;border-bottom:13px solid #fff;z-index:1000;}


/* ---------- MEGA TIER ---------- */
#mainNavMenu > ul.nav-menu > li > .mega-sub {position:fixed;z-index:101;display:block;box-shadow:0 0 0 rgba(0,0,0,.3);transition:all .3s ease-in;overflow:hidden;-webkit-transform:scaleY(0);-ms-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50% 0;-ms-transform-origin:50% 0;transform-origin:50% 0;}
#mainNavMenu > ul.nav-menu > li:hover > .mega-sub {box-shadow:0 3px 20px rgba(0,0,0,.49);-webkit-transform:scale(1) !important;-ms-transform:scale(1) !important;transform:scale(1) !important;}

/* ------ SIZZLING SALE PROMO --------- */
.sizzling-sale-promo {color:#fff;position:relative;}
.sizzling-sale-promo h2,
.sizzling-sale-promo p {color:#fff;}
.sizzling-sale-promo a.arrow-button {color:#fff;background:url('../images/round-arrow.svg') no-repeat 0 / contain;display:block;width:33px;height:33px;text-decoration:none;}
.sizzling-sale-promo a.arrow-button + a {position:absolute !important;top:0;right:0;bottom:0;left:0;}
.sizzling-sale-promo.variation-A {border-radius:4px;background:#ee6347 url('../images/dropdown-sale-orange.svg') no-repeat 50px -30px;}
.sizzling-sale-promo.variation-B {background:url('../images/dropdown-sale-image.jpg') repeat-y right / cover;text-shadow:0 1px 4px rgba(0,0,0,.32);}


/* ----- SHOP ----- */
#mainNavMenu > ul.nav-menu > li.has-mega-menu:first-child > .mega-sub {display:flex;right:0;background:#fff;width:100vw;max-width:1894px;max-height:calc(100vh - 146px);overflow-y:auto;}
#mainNavMenu > ul.nav-menu > li.has-mega-menu:first-child > .mega-sub .sizzling-sale-promo {font-size:25px;}
#mainNavMenu > ul.nav-menu > li.has-mega-menu:first-child > .mega-sub .sizzling-sale-promo h2 {font-size:45px;}
#mainNavMenu > ul.nav-menu > li.has-mega-menu:first-child > .mega-sub .sizzling-sale-promo p {font-size:25px;}
#mainNavMenu > ul.nav-menu > li.has-mega-menu:first-child > .mega-sub .sizzling-sale-promo.variation-A {min-width:385px;margin:45px 70px 45px 50px;padding:25px 40px;}
#mainNavMenu > ul.nav-menu > li.has-mega-menu:first-child > .mega-sub .sizzling-sale-promo.variation-B {padding:55px 85px 55px 60px;}
#mainNavMenu > ul.nav-menu > li.has-mega-menu:first-child > .mega-sub > .shop-menu-left > ul {list-style:none;height:auto;min-height:333px;text-align:left;font-family:'Lato',sans-serif;}
#mainNavMenu > ul.nav-menu > li.has-mega-menu:first-child > .mega-sub > .shop-menu-left > ul > li {line-height:26px !important;color:#484848 !important;}
#mainNavMenu > ul.nav-menu > li.has-mega-menu:first-child > .mega-sub > .shop-menu-left > ul > li > a {font-weight:normal !important;font-size:16px !important;color:#484848 !important;}
#mainNavMenu > ul.nav-menu > li.has-mega-menu:first-child > .mega-sub > .shop-menu-left > ul.is-mega-menu > li:first-child {font-weight:600 !important;margin-top:66px !important;}
#mainNavMenu > ul.nav-menu > li.has-mega-menu:first-child > .mega-sub > .shop-menu-left > ul.is-mega-menu > li:first-child > a {font-weight:600 !important;font-size:24px !important;line-height:40px !important;color:#CF0A2C !important;}
#mainNavMenu > ul.nav-menu > li.has-mega-menu > div > .shop-menu-left > ul > li {float:none !important;display:block !important;line-height:40px;}

.shop-menu-left {display:inline-block;float:left;min-width:29%;min-height:275px;}
.shop-menu-left h3 {text-shadow:-1px -1px 5px rgba(255,255,255,.5),1px 1px 5px rgba(255,255,255,.5),-1px 1px 5px rgba(255,255,255,.5),1px -1px 5px rgba(255,255,255,.5);}
.shop-menu-left > .shop-left-column {display:inline-block;width:49%;vertical-align:top;}
.shop-menu-left > .shop-left-column a {text-shadow:-1px -1px 5px rgba(255,255,255,1),1px 1px 5px rgba(255,255,255,1),-1px 1px 5px rgba(255,255,255,1),1px -1px 5px rgba(255,255,255,1);}
.shop-menu-left > .shop-left-column > ul.is-mega-menu {margin-top:0px;}
.shop-menu-left > .shop-left-column > ul.is-mega-menu > li {display:block !important;float:none !important;color:#484848 !important;font-weight:400 !important;}
.shop-menu-left > .shop-left-column > ul.is-mega-menu > li > a {font-size:15px !important;color:#484848 !important;font-weight:400 !important;padding:7px 0;line-height:1.75;}

.is-shop-grid-row > ul > li.is-grid-item:first-child {}

.myMenuCategoriesRightShop {line-height:normal !important;}

/* ----- LEARN ----- */
#mainNavMenu > ul.nav-menu > li.has-learn-mega-menu > .mega-sub {right:15%;background-color:#fff;margin-left:auto;margin-right:auto;border-radius:4px; }
#mainNavMenu > ul.nav-menu > li.has-learn-mega-menu:hover > .mega-sub {width:auto;min-height:360px;}

.learn-grid {padding-left:11px !important;padding-top:11px  !important;display:inline-block;}

.is-mega-menu > .learn-grid > li.learn-column:first-child {background:linear-gradient(rgba(255,255,255,0) 50%,rgba(255,255,255,0.8) 70%,rgba(255,255,255,1)),url(/wp-content/uploads/imported-images/circ-6139_learn-drop-down_whycirculon_333x335.png) no-repeat 50% / cover;}
.is-mega-menu > .learn-grid > li.learn-column:nth-child(2) {background:linear-gradient(rgba(255,255,255,0) 50%,rgba(255,255,255,0.8) 70%,rgba(255,255,255,1)),url(/wp-content/uploads/imported-images/circ-6139_learn-drop-down_technology_333x335.png) no-repeat 50% / cover;}
.is-mega-menu > .learn-grid > li.learn-column:nth-child(3) {background:linear-gradient(rgba(255,255,255,0) 50%,rgba(255,255,255,0.8) 70%,rgba(255,255,255,1)),url(/wp-content/uploads/imported-images/circ-6139_learn-drop-down_history_333x335.png) no-repeat 50% / cover;}
.is-mega-menu > .learn-grid > li.learn-column:last-child {background:linear-gradient(rgba(255,255,255,0) 50%,rgba(255,255,255,0.8) 70%,rgba(255,255,255,1)),url(/wp-content/uploads/imported-images/circ-6139_home-page_large-promo-box_bridal@1x.jpg) no-repeat 50% / cover;/* margin-right:11px !important;*/}

.learn-column {width:333px;min-height:343px;padding-top:225px !important;margin-right:11px;border-radius:4px 4px 0 0;}

h3.learn-title {text-align:left;font-weight:600;color:#d00a2b;font-size:25px !important;margin:13px 0 10px 40px !important;line-height:20px !important;font-family:'Lato',sans-serif;}

li.learn-column .learn-row > p {font-family:'Lato',sans-serif !important;font-size:16px !important;padding-left:40px !important;line-height:normal !important;}

.learn-row > img {width:333px;height:233px;overflow:hidden;border-radius:5px;background:linear-gradient(rgba(255,255,0,0),#000),url(/wp-content/uploads/2018/07/whycirculon.jpg);}

/* ----- LIVE ----- */
#mainNavMenu > ul.nav-menu > li.has-live-mega-menu > .mega-sub {background-color:#fff;border-radius:4px;}
#mainNavMenu > ul.nav-menu > li.has-live-mega-menu:hover > .mega-sub {height:auto;left:calc(100vw - 1288px);right:68px;}
#mainNavMenu > ul.nav-menu > li.has-live-mega-menu > .mega-sub .live-grid {width:100%;}
#mainNavMenu > ul.nav-menu > li.has-live-mega-menu > .mega-sub .live-grid h4 {font-size:24px;color:#CF0A2C;line-height:34px;font-family:'Lato',Arial;font-weight:bold;margin-top:0px !important;}
#mainNavMenu > ul.nav-menu > li.has-live-mega-menu > .mega-sub .live-grid > .row {padding:0px;margin-left:0px;background-color:#F4F4F4;}

#mainNav > li.has-live-mega-menu > div > ul > div > div > div.col-lg-10,
#mainNav > li.has-live-mega-menu > div > ul > div > div > div.col-lg-14 {padding:32px 42px 10px 36px;}
#mainNav > li.has-live-mega-menu > div > ul > div > div > div.col-lg-10 {}
#mainNav > li.has-live-mega-menu > div > ul > div > div > div.col-lg-10 img {border-radius:4px;width:100%;}
#mainNav > li.has-live-mega-menu > div > ul > div > div > div.col-lg-10 img ~ span {position:relative;top:2px;}
#mainNav > li.has-live-mega-menu > div > ul > div > div > div.col-lg-10 .col-lg-12 {margin-bottom:15px;}
#mainNav > li.has-live-mega-menu > div > ul > div > div > div.col-lg-14 {background-color:white;}
#mainNav > li.has-live-mega-menu > div > ul > div > div > div.col-lg-14 .col-lg-16 > h4 > a {font-size:14px !important;display:inline-block !important;}
#mainNav > li.has-live-mega-menu > div > ul > div > div > div.col-lg-14 .col-lg-16 > .row {margin:27px 0px;}
#mainNav > li.has-live-mega-menu > div > ul > div > div > div.col-lg-14 .col-lg-16 > .row:first-of-type {margin-top:13px;}
#mainNav > li.has-live-mega-menu > div > ul > div > div > div.col-lg-14 .col-lg-16 > .row h5 {color:#CF0A2C;font-size:14px;font-weight:normal;}
#mainNav > li.has-live-mega-menu > div > ul > div > div > div.col-lg-14 .col-lg-16 > .row a {display:block;font-size:16px !important;color:#484848 !important;font-weight:400 !important;}
#mainNav > li.has-live-mega-menu > div > ul > div > div > div.col-lg-14 .col-lg-16 > .row img {border-radius:4px;margin-right:12px;}

#mainNav > li.has-live-mega-menu > div > ul > div > div > div.col-lg-14 > div > div.col-lg-8 > ul > li {display:block !important;float:none !important;margin-bottom:10px;}
#mainNav > li.has-live-mega-menu > div > ul > div > div > div.col-lg-14 > div > div.col-lg-8 > ul > li > a {font-size:16px !important;line-height:26px;font-family:'Lato',Arial;font-weight:normal !important;color:#484848 !important;}
#mainNav > li.has-live-mega-menu > div > ul > div > div > div.col-lg-14 > div > div.col-lg-8 > ul.meal-type > li:last-of-type > a {color:#CF0A2C !important;}


@media (min-width:1024px) {
	#mainNavBar #mainNav {margin-top:15px !important;}
}

@media (min-width:767px) and (max-width:1180px) {
	.scrolled #myNav {display:none;}
}

@media (max-width:1631px) {
	#mainNavMenu > ul.nav-menu > li.has-learn-mega-menu:hover .mega-sub {max-width:700px;left:23%;}

    .is-mega-menu > .learn-grid > li.learn-column:nth-child(3),
    .is-mega-menu > .learn-grid > li.learn-column:nth-child(4) {margin-top:11px !important;}
}

@media (max-width:903px) {
	#mainNavMenu > ul.nav-menu > li.has-learn-mega-menu:hover .mega-sub {height:auto;max-width:none;left:calc(50vw - 351px);right:calc(50vw - 351px);}
	.learn-column {width:calc(50% - 11px);}
}
@media (max-width:1307px) {
	#mainNavMenu > ul.nav-menu > li.has-live-mega-menu:hover > .mega-sub {left:20px;right:20px;}
	#mainNavMenu > ul.nav-menu > li.has-learn-mega-menu:hover .mega-sub {left:16%;}
}

@media (max-width:1024px) {
	#mainNavMenu > ul.nav-menu > li.has-live-mega-menu:hover > .mega-sub {left:50px;right:50px;}
	#mainNavMenu > ul.nav-menu > li.has-live-mega-menu:hover > .mega-sub .popular-recipes span {display:block;}
}

/* ---------- MOBILE SEARCH EXPANDER --------- */

/* Search icon by IcoMoon,
made with http://icomoon.io/app/ */
@font-face {font-family:'icomoon';src:url('../fonts/icomoon/icomoon.eot');src:url('../fonts/icomoon/icomoon.eot?#iefix') format('embedded-opentype'),
		url('../fonts/icomoon/icomoon.woff') format('woff'),
		url('../fonts/icomoon/icomoon.ttf') format('truetype'),
		url('../fonts/icomoon/icomoon.svg#icomoon') format('svg');font-weight:normal;font-style:normal;}



/* –––––––––––––––––––––––––––––––––––––––––––––––––– Mobile style's –––––––––––––––––––––––––––––––––––––––––––––––––– */

/* @media(min-width:1025px) and (max-width:1920px) {
	*/
@media(min-width:1025px) {
	.shop-menu-right {display:inline-block;float:right;}
    .is-grid-item {display:inline-flex !important;max-width:402px;width:402px;min-height:125px;margin-right:20px !important;margin-bottom:20px !important;background-position:center right;background-repeat:no-repeat;font-family:'Lato',sans-serif;border:1px solid #D5D5D5;line-height:125px;}
    .is-shop-menu-column {display:inline-block;float:left;width:419px;}
    .is-shop-menu-grid {width:840px;height:303px;display:inline-block;margin-top:30px !important;}
    .is-shop-grid-row {height:127px;padding-left:0px;}
    #mainNavMenu > ul.nav-menu > li > a {padding:25px 40px;}
    #mainNavBar #mainNav li a {color:#CF0A2C;font-size:24px;font-weight:400;display:block;position:relative;}
}

@media (min-width:1673px) {
	#mainNavBar #mainNav {margin-top:0px !important;}
	#mainNavMenu > ul.nav-menu > li.has-mega-menu:first-child > .mega-sub .sizzling-sale-promo.variation-A a.arrow-button {position:absolute !important;top:188px;left:320px;}
	.is-shop-menu-column {width:50%;}
    .is-shop-menu-grid {width:100%;}
    .is-grid-item {width:calc(100% - 20px);}
    .shop-menu-right {width:70%;}
}

@media(max-width:1673px) {
	#mainNavMenu > ul.nav-menu > li.has-mega-menu:first-child > .mega-sub {display:block;}
}
@media(min-width:764px) and (max-width:1673px) {
    #mainNavBar #mainNav li a {color:#CF0A2C;font-size:24px;font-weight:400;display:block;position:relative;}
    #mainNavBar #mainNav li .myMenuCategoriesRightShop {padding-left:0;}
    #mainNavMenu > ul.nav-menu > li > a {padding:10px 40px;}

    .shop-menu-left {display:block;float:none;margin-left:50px;}
    .shop-menu-right {display:inline-block;float:none;width:100%;}
    .is-grid-item {display:inline block;max-width:none;width:95%;padding-top:28px !important;padding-left:37px !important;margin-right:20px !important;margin-bottom:20px !important;background-position:center right;background-repeat:no-repeat;font-family:'Lato',sans-serif;border:1px solid #D5D5D5;line-height:115px;}
    .is-shop-menu-column {display:inline-block;float:left;width:50%;}
    .is-shop-menu-column:last-child {float:left !important;}
     .is-shop-menu-grid {width:100%;height:303px;display:inline-block;margin-top:30px !important;}
    .is-shop-grid-row {height:127px;padding-left:20px;}
}