@font-face {
	font-family: 'Alba';
	src: url('../fonts/Alba.otf');
	font-weight: normal;
	font-style: normal;
}

.breadcrumb { position:relative;}

h1,h2,h3,h4,h5,h6 {
    font-family: 'Alba',sans-serif;
}
.subhead {
    font-family: Noto Sans,sans-serif;
}
body {
    font-family: Noto Sans,sans-serif;
    background-image: url('/shop/themes/classic/assets/graphics/ooo_bg.jpg');
    background-repeat: repeat;
}

.clearfix {
    clear: both;
}

.radiused{
    border-radius: 25px;
}
.radiused8{
    border-radius: 8px;
}

/* #main .page-footer {
    text-align: center;
} */

.block-categories, .select-title, .page-list{
    border-radius:16px;
    border:5px solid lightyellow;
}
.card{
    background-image:url("/shop/img/ooonimals/All_ooonimals_gradient4light.jpg");
    background-size:100%;
    border-radius:25px;
    border:5px solid lightyellow;
}
.contact-form{
    background-color:rgb(255,255,255,.4);
    border-radius:25px;
}
#search_filters{border-radius:16px;}
#header {
    background-color:transparent;/** was #7f7f7f **/
}
.header-top{
    background:transparent;/** was #7f7f7f **/
}

#header #_desktop_user_info .user-info,
#header #_desktop_user_info a,
#_desktop_contact_link a, 
#_desktop_currency_selector .dropdown .expand-more,
.dropdown #currency-selector-label,
.product-actions .add-to-wishlist a,
#header #_desktop_custom_links a,
.page-footer a, .childacct-footer a {
    color:#fff;
}

#header #_desktop_user_info,
#header #_desktop_custom_links {
    font-weight:bold;
}
#header #_desktop_user_info a:hover,
#header #_desktop_custom_links a:hover {
    color:lightyellow;/* #2fb5d2 */
    text-shadow:0px 0px 3px #000000; 
}
#header #top_menu li a:hover{
    color:#61dbf7;/** #61dbf7 **/
    text-shadow:none; /** 0px 0px 0px #000000; **/
}

#_desktop_logo {
    text-align:center;
    /* width:25%; */
}
/**  FULL SCREEN MASTHEAD COLOR BAR BEHIND LOGO AND MAIN NAVIGATION **/
#header_graybar{
    top:52px;
    height:108px;
    width:100%;
    position:absolute;
    background-color:#556; 
    z-index:-1000;
}
/** top navigation and logo **/
#header-nav-container {
    position:relative;
    width:100%;
    max-height:140px;
    background-color:transparent;/* 7f7f7f #556*/
    display:flex;
    flex-direction:row;
    top:2px;
    margin-bottom:1px;
    /*border: 1px dashed yellow;*/
}
#header .header-nav .right-nav {
    width:41%;
    /*    border:purple 1px dashed; */
}

#header .header-nav {
    border-bottom: none;  
    margin-bottom:0;  
    max-height: 100%;
    background-color:transparent;
}

#header .header-top {
    font-family: 'Alba';
}

#header .header-top a[data-depth="0"] {
    color:white;
    font-size:2rem;
}

/** top nav row - sign in shopping cart settings etc **/
#_desktop_custom_links{
    width:103%;
    display:flex;
    flex-direction:row;
    align-content:center;
    justify-content:space-between;
}

/** sign in / greeting container - top row with explore, popup store etc **/
#header .header-nav .user-info {
    white-space:normal;
    margin-left: 0;
    margin-top: 0;
    color:white;
    text-align:left;
    font-size:.9rem; 
    font-weight: 7;
}
.topnavlink{
    font-size:.9rem; 
    font-weight: 7;
    float:left;
}
ul#customlinksleft_mobile li .menulink{
    color:black;
}
#customlinksleft :nth-child(2){
    padding-left:.8rem;
}
#customlinksleft :nth-child(3){
    padding-left:.8rem;
}

#customlinks{
    position:relative;
    top:4px;
}
#customlinksleft{
    padding-left:.8rem;
    width:32%;
}
#customlinks li{
    padding-left:.5rem;
    font-size:.8rem; 
    font-weight: 7; 
}

.masthead-btn{
    padding-left:12px;
    color:white;
    margin-top:-4px;
}
.masthead-btn img{
    width:100%;/*36px*/
    min-width:24px;
}
/***** experiment *******/
#search_widget{
    flex:0 0 auto;
    width: 12rem;
    margin-left:2rem;
    margin-right:1rem;
    padding-left:0;
    padding-right:0;
    bottom: 4px;
    overflow:hidden;
}
#customlinks .search-widget{
    height: 28px;
    border-radius: 15px;
    overflow: hidden;
    border: 1px inset #e2dfdf;
    position: relative;
}
.search-widget form button[type=submit] .material-icons{
    position: relative;
}
.search-widget form input[type=text]{
    padding-top: 3px;
    min-width: 176px;
    right:0px;/** 32 **/
    font-size:.8rem;
}

#top_right_buttons{
    align-items:center;
}

#wrapper {
    background-color:transparent;
    box-shadow: none;
    padding-top:0px;
    margin-top:0px;
}

#header .header-top {
    padding-top: 0;
    padding-bottom: 0;
}
#header .header-nav .user-info .account {
    margin-left:0;
}

#header .header-top .menu {
    padding-left: 0;
}

#user_info .user-info {
    float:left;
    text-align:left;
    margin-left:0px;
    padding-left:0px;
}
/* user info - only for narrow screens */
#user_info.user-info-narrow {
    display:none;
}
#user_info.user-info-narrow a{
    color:white;
    font-weight:700;
}
/* end basic style for user info for narrow */

#header .header-nav .right-nav {
    display: inline-block;
    padding-right: 0;
    padding-left: 0;
    margin-top:0.5rem;
}
.right-nav #_desktop_user_info {
    float: left;
    width:70%;
}

#header .header-nav .cart-preview.active{
    background:transparent;
    padding:0;
    margin:0;
}
#header .header-nav .cart-preview.active a, 
#header .header-nav .cart-preview.active i{
    color:#6bfee2;
}
#shoppingCartBtnMobile i{
    font-size:24px;
    color:#6bfee2;
    text-shadow: 0.0em 0.0em 6px black;
}
/* lowers label and qty of cart to v center */
#header .header-nav .cart-preview.active span,
#header .header-nav .cart-preview.inactive span{
    position:relative;
    top:2px;
}

#header .header-nav .cart-preview.active .header, #shoppingCartBtnMobile{
    /* cart icon container for active cart */
    border-radius:25px;
    border:#6bfee2 solid 3px;
    padding:3px;
    transform:translateY(4px);
    margin-left:8px;
}
#shoppingCartBtnMobile{
    /* mobile cart container position */
    border-radius:0px;
    border:none;
    transform:translateY(8px);
    margin-left:6px;
}
#shoppingCartBtnMobile .blockcart {
    /* mobile cart icon container */
    border-radius:25px;
    border:#555 solid 1px;
    padding:5px;
    box-shadow: 0px 0px 5px #6bfee2;
}

div .cart-preview .inactive{
    border-radius:25px;
    border:#6bfee2 solid 3px;
    padding:3px;
    transform:translateY(4px);
    margin-left:10px;
}
#header div .blockcart .cart-preview .inactive{
    border-radius:25px;
    border:#6bfee2 solid 3px;
    padding:3px;
    transform:translateY(4px);
    margin-left:10px;
}
/*
#header .header-nav .blockcart .header{
    border-radius:25px;
    border:#6bfee2 solid 3px;
    padding:3px;
    transform:translateY(4px);
    margin-left:10px;
}
*/
#cartIconBox{
    /* cart icon container for empty cart*/
    margin-left: 10px;
    border:#6bfee2 solid 2px;
    border-radius:14px;
    padding:4px;
    transform:translateY(4px);
}

#header .header-nav .blockcart{
    /* label and qty of empty cart */
    background:transparent;
    padding:0;
    margin:0;
    font-size:.75rem;
    color:white;
    /* following controls programmatic empty cart label & qty: */
    top:6px;
}
#header .header-nav .cart-preview .shopping-cart{
    /* cart icon empty cart */
    color:#6bfee2;
    font-size:22px;
    transform:translateY(2px);
}
#header .header-nav .blockcart .cart-preview .shopping-cart .inactive{
    top:6px;
    /* color:#fe6bd9; - not working */
}
/* end shopping cart icon and qty */

#top_right_buttons{
    transform:translateY(-6px);
    display:flex;
    flex-direction:row wrap;
    align-items:center;
    flex:0 1 auto;
    margin-right:.8rem;
}
.masthead-btn{
    border:0;
}
ul#top_menu {
    margin-top: 1.75rem;
}

#header .header-nav .user-info {
    white-space:normal;
    margin-left: 0;
    margin-top: 0;
}

/* #header{ background-color:transparent;} */
#_desktop_top_menu{
    /* not using this! */
    margin-top: -0rem;
    width:100%;
    display:flex;
    flex-direction:row;
    flex-wrap: nowrap;
    color:white;
    /* border:1px magenta inset; */
}
#new_masthead a {
    color:white;
    background-color:transparent;
}

#top_menu{
    /** UL main navigation **/
    position:relative;
    top: -74px;
    display:flex; 
    flex-direction:row;
    align-items:center;
    justify-content:space-around;
    color:white;
    font-family:Alba;
    font-size:24px;
    text-align:center;
    text-shadow: 0px 0px 4px #000000;
    margin-bottom:0px;
}
#top_menu li:nth-child(1){
    /** MINT **/
    flex: 0 1 120px;
    margin-left: 4rem;
}
#top_menu li:nth-child(2){
    /** JACK **/
    flex: 0 1 120px;
    /* margin-left: 2.5rem;*/
}
#top_menu li:nth-child(3){
    /** LOGO **/
    flex: 0 1 auto;
}
#top_menu li:nth-child(4){
    /** OOO STUFF **/
    flex: 0 1 auto;
    /*width:8.25rem;*/
}
#top_menu li:nth-child(5){
    /** COLLECTION BOOKS **/
    flex: 0 1 auto;
    margin-right: 3rem;
}
img.newlogo{
    width:100%;
    max-width:355px;
    flex-basis:355px;
    margin-top:-14px;
}

/* home page */
.contentbox-home{
    box-shadow: 1px 1px 7px 0 rgba(0,0,0,.15);
    border-radius:25px;
    width:100%;
    height: auto;
    border: 5px solid lightyellow;
    overflow:hidden; 
}

/* home page content box appBanner */
.appBannerDiv{
    display: flex; 
    flex-flow: row nowrap;
    flex-basis: 1110px;
    flex-grow:0;
    max-height:213px;
    margin-left: 0; 
    margin-right: 0;
    padding:0;
    border-radius:25px;
    border:5px solid lightyellow;
    overflow:hidden;
}

.carousel .carousel-item img, #wrapper .banner img, 
#custom-text {
    border-radius:25px;
    border:5px solid lightyellow;
}
#carousel figure {
    margin-bottom:0;
}
.carousel .carousel-inner {
    height:auto;
}
.carousel {
    margin-top:1.5rem;
    border-radius:25px;
}

.product-actions .add-to-wishlist {
    display: inline-flex;
}

.childavatarimg img {
    width:100px;
    height: 100px;
}

#add-a-child #avChoice, #update-child-account #avChoice {
    display:none;
}

.page-customer-account #content{
    border-radius: 25px;
}

.btn-primary{
    border-radius: 8px;
}

#child-accounts.page-customer-account #content,
#manage-wishlist.page-manage-wishlist #content {
    box-shadow: none;
    background: none;
}

#child-accounts.page-customer-account .childacct,
#manage-wishlist.page-manage-wishlist .childacct {
    box-shadow: 2px 2px 8px 0 rgba(0,0,0,.2);
    background: #fff; 
    margin-bottom: 1.875rem;
    font-size: .875rem;
    color: #232323;
}

.childaccount-body  {
    padding: 1rem;
}

#childacct {
    border-radius: 25px;
    border: 2px yellow solid;
}

.childaccounts-footer, .wishlist-footer {
    border-top: 1px solid #7a7a7a;
    padding: .5rem 1rem;
}
.childaccounts-footer a, .wishlist-footer a {
    color: #7a7a7a;
    margin-right: .5rem;
}

.inline-input  {
    float: left;
    width: auto;
    margin-right: .3rem;
}

.wl-product .thumbnail-container {
    min-height:318px;
    width:auto;
}

.wl-prodname, .wl-proddesc {
    padding: 0.2rem 0.2rem 0 0.2rem;
}

.wl-prodimg {
    text-align: center;
}

.wl-prodimg img{
    border-radius: 25px;
    border: yellow 2px solid;
    margin-top: 8px;
    margin-bottom: 12px;
}

.wishlist-body .product-miniature img {
    margin-left:0;
    vertical-align: top;
}

.wl-prodimg div {
    display: inline-block;
    padding: 1rem;
    margin-bottom: 1rem;
}

.wl-prodimg a {
    color:white;
}

.wishlist-body .product-miniature .thumbnail-container {
    height:auto;
}

.page-addresses .address{
    border-radius:25px;
}

.page-content.page-not-found{
    border-radius:12px;
    border: 2px solid red;
}

.page-content.page-cms{
    width:80%;
    border-radius:25px;
    border:5px solid lightyellow;
}

/* The Add to Cart Modal */
#blockcart-modal div.content{
    border-radius:25px;
}

/* The Avatar Modal (background) */
.modal-avatars, #wishmodal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 10; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-avatars .modal-content, #wishmodal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 60%;
}

#wishmodal-content {
    width:40%;
}

#wishmodal a, #wishmodal a:active {
    text-decoration: none;
    color: #2fb5d2;
}

#wishmodal a:hover {
    color: #208094;
}

/* The Close Button */
.modal-avatars .close, #wishmodal .close{
    float: right;
    font-size: 28px;
    font-weight: bold;
    opacity: 1;
}
.modal-avatars .close{
    float: none;
    font-size: 28px;
    font-weight: bold;
    opacity: 1;
    position: absolute;
    top:10px;
    right: 10px;
}
.modal-avatars .close:hover,
.modal-avatars .close:focus,
#wishmodal .close:hover,
#wishmodal .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}
/** the 16 choices for child avatar **/
#avatargroups  img:hover{
    position:relative;
    top:-3px;
    left: +1px;
    cursor: pointer;
}
#avContainer {
    text-align: center;
}
#avContainer img { 
    width:125px;
    height:125px;
    padding-left:7px;
}
/** the ooonimal form for child avatar pop-up window (remove pointer and movement) **/
#avContainer  .avInput img:hover { 
    position:relative;
    top: +0px;
    left: +0px;
    cursor: default;
}
#avContainer div {
    display: inline-block;
    margin:0 5px 10px 5px;
}
#wishmodal label {
    font-size: 1.25rem;
    margin-right: 1rem;
    margin-top: 1rem;
}
#wm-container {
    font-size: 1.5rem;
}

/** PRODUCT PAGE **/
.product-price {
    color:white;
}
#products .thumbnail-container{
    border-radius:25px;
}
#products .thumbnail-container img{
    border-radius:25px;
}
#products .product-description{
    border-radius:25px;
}
.product-cover img[itemprop$='image']{
    color:black;
    border-radius: 25px;
    border: 5px solid #ffffdc;
    background-image: url("/shop/img/ooonimals/All_ooonimals_gradient4light.jpg");
    background-color: rgba(255,255,255,.65);
}

/** SUMMARY TEXT **/
div[itemprop$='description']{
    border: 5px solid #ffffdc;
    border-radius: 25px;
    padding:1rem;
    background-color: rgba(255,255,255,.75);
    box-shadow: rgba(0, 0, 0, 0.2) 2px 2px 8px 0px;
}
div[itemprop$='description'] p {
    color:black;
}
/** DESCRIPTION TEXT **/
.tabs{
    /** container **/
    border: 5px solid #ffffdc;
    overflow: hidden;
    background-color: rgba(255,255,255,.55);
    border-radius: 25px;
}
.tab-content{
    /** text paragraphs **/
    background-color: rgba(255,255,255,.45);
    border-radius: 25px;
    border-top-left-radius:0px;
    padding:1rem;
}
.tab-content p{
    color:black;
}
#description{
    background-color: transparent;
}

/* checkout screen */
body#checkout section.checkout-step .address-item.selected,
body#checkout section.checkout-step .address-item {
    border-radius: 15px;
}

body#checkout section.checkout-step .delivery-option{
    border-radius: 15px;
}

#pay-with-payment-option-3-form .acc_container{
    border-radius: 25px;
    border: 1px solid #999999;
    box-shadow: 2px 2px 8px 0 rgba(0,0,0,.2);
}

.alert {
    border-radius: 15px;
    box-shadow: 2px 2px 8px 0 rgba(0,0,0,.2);
}

/* css dev help 2/2019 */
.showMe { border:1px magenta inset; }
.showMeBlu { border:1px blue inset; }
.showMeBlk { border:1px black inset; }
.showMeGrn { border:1px green inset; }
.showMeYel { border:1px yellow inset; }
.showMeRed { border:1px red inset; }
.showMePur { border:1px purple inset; }

/* new custom ooonimals footer 2/2019 */
body#checkout #footer {
    background: transparent;
    padding:0;
}
#footer {
    padding-top:0;
}
.footerpadding { 
    padding-left: .5rem;
    padding-right: .5rem;
}
.footer-container {
    margin-top:0;
    background: white;
}

/* basic flex style */
.flexed {
    display:flex;
}

/******   FOOTER SIGN UP BAR CONTAINER   ******/
#home-action-footer{
    display: flex;
    flex-flow:row;
    align-content:center;
    align-items:center;
    overflow:hidden;
    height:68px;
    /*padding-top:12px;*/
}
/** footer bar with sign up **/
.action-footer {
    width:auto; 
    background-color:#7f7f7f;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
}
#footer-signup-bar{
    position: relative;
    display: flex;
    flex-flow:row;
    flex-grow:0;
    overflow:hidden;
    justify-content:space-between;
    align-content:center;
    align-items:center;
    align-self:center;
    margin-left:0;
    margin-right:0;
    padding-left:12px;
    width:100%;
    height:68px;
    /*border:1px red solid;*/
}
/** SIGN UP FORM **/
#newsletter-signup-form{
    display:flex; 
    flex-direction:row; 
    background-color:transparent; 
    align-items:center;
    padding-top:0px;
    margin-left:1rem;
}
#footer-signup-bar .newsletterSignupInput input{
    height: 34px;
    border: none;
    width: 100%;
    flex: 0 1 1;
    overflow: hidden;
    border-radius: 25px;
    border: 2px inset #e2dfdf;
}

#footer-signup-bar .block_newsletter form input[type=text]:active{
    color: #232323;
}

#submitNewsletterBtn{
    margin-left:.5rem;
    flex: 0 1 auto;
    width:118px;
    height:34px;
    background: url(/shop/img/ooonimals/footersignupbar/Sub_buttons-2-90x33.png) no-repeat center center;
    background-size:contain;
    border: none;
    color:transparent;
}
#submitNewsletterBtn:hover{
    /* display:none; */
    background: url(/shop/img/ooonimals/footersignupbar/Sub_buttons-2-90x33-on.png) no-repeat center center;
    background-size:contain;
    border: none;
    cursor:pointer;
}
#submitNewsletterBtn img:active {
    border: none;
    cursor:grab;
}
/* #joinUsImg{} */
/** inside footer-signup-bar **/
#signup-left{
    display:flex;
    flex-flow:row;
    width:60%;
    align-content:center;
    justify-content:justify-content;
    /*border:1px inset green;*/
}
#signup-right{
    display:flex;
    flex-flow:row;
    width:40%;
    align-content:center;
    justify-content:flex-end;
    /*border:1px inset yellow;*/
}
.signup-unsubmsg{
    position:absolute;
    top:48px;
    color:white;
    font-size:.75rem;
    left:118px;
    height:16px;
    font-variant:small-caps;
}
#joinUsImgDiv{
    display:flex;
    flex:0 1 auto;
}
#joinUsImgDiv img{
    align-self: center;
    padding-right: 12px;
}
#signUpImgDiv{
    display:flex;
    flex:0 1 auto;
}
#signUpImgDiv img{
    align-self: center;
}
.custom-footer{
    width:auto;
    height:auto;
    padding-top: 1rem;
    padding-bottom: 1rem;
    margin-top:6px;
    margin-bottom:12px;
    background-color:#E6E3E3;
}
/* footer row flexed */
.custom-footer-row {
    display: flex;
    flex-flow: row nowrap;
    flex-basis:0;
    overflow:hidden;
    justify-content: space-between; 
    align-items: center;    
    /* -webkit-box-align:center; */
    /* -ms-flex-align:center; */
    /* align-items:center; */ 
}
/* each footer-column column div */ 
.custom-footer-column{
    flex-direction:column;
    flex-shrink:1; 
    flex:1 1 160px;
    display:inline-block;
    overflow:hidden;
    /* justify-content: center; */
    /* -webkit-box-align:center; */
    /* -ms-flex-align:center; */
    align-items:center;
    justify-items: space-between;
    padding-top: 1rem;
    padding-bottom: 1rem;
    margin-top:6px;
    margin-bottom:12px;
}
.custom-footer-coldiv {
    font-size: .8em;
    text-align: center;
    font-weight:700;
    line-height:1.25em;
    padding:.5rem;
}
.custom-footer-coldiv a{
    color:#3091a7;/*#2fb5d2;*/
}
.custom-footer-coldiv a:hover{
    color:#333333;/* #2fb5d2 */
}
/* end ooonimals footer stuff */

#_desktop_language_selector .expand-more,
#_desktop_language_selector .dropdown-menu {
    text-transform: uppercase;
}
#_desktop_language_selector .dropdown-menu {
    display:block;
    border:none;
    float: none;
    position:relative;
}
#_desktop_language_selector .dropdown-menu li {
    display:inline-block;
    border:1px solid rgba(0,0,0,.15);
}
.block-contact {
    border-left:none;
    padding-left: 0;
}

#_desktop_custom_links {
    margin-top:0rem;
}

#explore-content svg img {
    text-align: center;
}
#explore #ooo_info {
    background-image:url("/shop/img/explore/ooo-desc-popup_resized.png");background-repeat:no-repeat;
    background-size: contain;
    background-color:transparent;
    width: 400px;
    height: 317px;
    padding:10px 20px;
    display: none;
    position:absolute;
    /* right:63%; */
    /* left:15%; */
    top:1%;
    transform: translate(20%,35%);
    border:none;
    z-index:1100;
}
#explore-content {
    position: relative;
}
#explore #ooo_info .ooo_char,
#explore #ooo_info .ooo_desc,
#explore #ooo_info .ooo_yummy,
#explore #ooo_info .ooo_buyme,
#explore #ooo_info .ooo_wallpaper  {
    float: left;
} 
#explore #ooo_info .oooinfo-row,
#explore #ooo_info .oooinfo-rowtwo {
    float:none;
}
#explore #ooo_info div.ooo_name {
    float: none;
    text-align: center;
} 
#explore #ooo_info .ooo_yummy .hdng {
    width:auto;
}
#explore #ooo_info .ooo_buyme #buymeimg {
    width:60%;
}
#explore .ooo_desc {
    width:60%;
    margin-top:-15px;
}
#explore .ooo_desc p {
    font-size: .8rem;
    margin: 0;
    padding: 13px 4px 4px 0;
    line-height: 1.3;
    overflow: auto;
    text-align: justify;
    max-height: 9rem;
}
#explore #ooo_info .ooo_yummy img.ooo_yum_hdng {
    width:120px;
}
#explore #ooo_info .ooo_yummy img.ooo_yum {
    width:60px;
}
.oooinfo-rowtwo div {
    text-align:center;
}
.oooinfo-rowtwo .ooo_yummy,
.oooinfo-rowtwo .ooo_buyme,
.oooinfo-rowtwo .ooo_wallpaper {
    width:33%;
}
#explore .close {
    position: absolute;
    right:26px;
    top:20px;
    opacity:1;
}
#char_name {
    padding-top:4px;
}
.wpimg img {
    width: 57%;
}
#explore img#yum {
    width:40%;
}

/* pop up menu triggered by menu-icon */
#mobile_top_menu_wrapper{
    display:none;
    background-image: url("/shop/img/ooonimals/All_ooonimals_gradient4.jpg");
    border-radius: 25px;
    border:5px solid lightyellow;
    padding:18px;
}
#header #_mobile_custom_links a {
    padding: .625rem;
    border-bottom: 1px solid #f6f6f6;
    text-transform: uppercase;
    font-weight:600;
    font-size: 1.3rem;
    display: block;
}
#mobile_top_menu_wrapper #top_menu {
    margin-bottom:0;
}
.menulink a{color:rgb(66, 78, 87);}

#block-reassurance {
    display:none;
}
body#checkout #header .header-nav {
    padding-top:.7rem;
}
#checkout #_desktop_logo {
    text-align:left; 
}

.modal-body .product-price {
    color:#2fb5d2;
}
#contact .email a {
    color:white;
}

/* CHECKOUT: PAYPAL ****************************/
#paypalexpresscheckout_form {
    background-color: transparent;
    text-align:left;
    padding-top:10px;
}

/* CHECKOUT: AMAZON ****************************/
/* hide "Use Your Amazon credentials to pay" text */
body#checkout .additional-information {
    margin-top: 0;
}
#payment-option-2-additional-information p {
    display:none;
}
/* hide Amazon sign in option on Login page*/
#amazonLoginFormButton {
    display:none;
}

/* Hide "Use your amazon acct" button on cart page (appears under Procedd to Checkout btn) */
#cart #payWithAmazonMainDiv #payWithAmazonDiv {
    display:none;
}

/* CART PAGE */
.card-block h1{
    text-shadow: 2px 2px 12px white;
}
.cart-detailed-totals div{
    font-weight: 700;
    text-shadow: 2px 2px 8px white;
}
#ooocart{
    background-image:url("/shop/img/ooonimals/All_ooonimals_gradient4light.jpg");
}
#ooocart-details .card{
    background-image:url("/shop/img/ooonimals/All_ooonimals_gradient4light.jpg");
}

/* CHECKOUT: GIFT OPTION ****************************/
#gift {
    border: 3px solid indianred;
    padding: 5px;
    margin-bottom: 1rem;
}
#gift-option .material-icons {
    color:#232323;
}
#gift-email {
    display: none;
    color:#232323;
}

.page-content.page-cms {
    text-align: left;
}
body#cms {
    background-size: cover;
}

/* TERMS & CONDITIONS ****************************/
#cms.cms-id-3 #content {
    font-family: Noto Sans,arial,sans-serif;
}
#cms.cms-id-3 #content ol {
    color:#7a7a7a;
}

/* PRVACY NOTICE ****************************/
.page-content.page-cms-6 td {
    text-align: left;
}
.page-content.page-cms-6 table {
    border: 1px solid lightgrey;
}
.page-content.page-cms-6 table td {
    padding: 5px 8px;
    border-bottom: 1px solid lightgray;
}
.page-content.page-cms-6 ul {
    list-style-type: disc;
    color: #7a7a7a;
}
.page-content.page-cms-6 ul li {
    text-align: left;
    margin-left: 2rem;
}
.page-content.page-cms-6 address {
    color: #7a7a7a;
}

/* CONTACT ****************************/
#contact .block a {
    color:white;
}
#contact .alert {
    font-size: 1.2rem;
}

span.link-item{
    border-radius: 15px;
}

/* CONTENT TO HIDE *********************/
#block_myaccount_infos,
#footer .container.footer-before {
    display:none;
}

/* media query testing **/
#mqdevdiv{
    display:none;
    text-align:center;
    position:fixed;
    bottom:4px;
    left:40%;
    padding-left:4px;
    padding-right:4px;
    background-color:rgb(250,250,250,.65);
    font-size:.75rem;
    border-radius:16;
}
.mq{
    color:transparent;
    display:none;
}
@media screen and (orientation: landscape) {
    #mqal{
        color:green;display:inline;flex-shrink:0;font-size:1rem;
    }
}
@media screen and (orientation: portrait) {
    #mqap{
        color:green;display:inline;flex-shrink:0;font-size:1rem;
    }
}

/******    MEDIA QUERIES    ******/
/* iPhone  5 5S 5C  5SE */
/* Portrait */
@media (max-width: 320px){
    #mq1{color:blue;display:inline;}
    #menu-icon{
        vertical-align:top; 
        max-height:28px;
    }

    body{
        background-image: url('/shop/themes/classic/assets/graphics/ooo_bg.jpg');
        background-repeat: repeat;
    }
    #header.header-nav{
        background-color:transparent;
    }
    div.header-top{ 
        background:transparent;
    }

    #_mobile_logo {
        transform:scale(1.5,1.5);
        padding-left:60px;
    }
    #header_graybar{
        top:36px; 
        height:28px;
    }
    #header-nav-container {
        top:4px;
        max-height:30px;
    }
    #top_menu{
        transform:translateY(+24px);
    }
    #top_menu li{
        font-size:.5rem;
    }
    #top_menu li:nth-child(1){
        transform:translateX(10px);
    }
    #top_menu li:nth-child(2){
        transform:translateX(6px);
    }
    #top_menu li:nth-child(3){
        /** LOGO **/
        flex-basis:0;
        max-width:355px;
    }
    #top_menu li:nth-child(3) img{
        width:90px;
    }
    #top_menu li:nth-child(4){
        transform:translateX(-12px);
    }
    #top_menu li:nth-child(5){
        transform:translateX(-20px);
    }

    #customlinksleft, #logospacer{
        display:none;
    }
    #customlinks #search_widget{
        display:none;
    }
    /* menu icon - narrow screen widths */
    #menu-icon{max-height:1.5rem;}
    #menu-icon > i{
        position: relative;
        top:-32px;
        vertical-align:middle; 
        max-height:1.0rem;
        line-height: 28px;
        overflow:hidden;
        background-color:rgba(255, 255, 255,.25);
        color:white;
        border-radius: 7;
    }
    #menu-icon a{
        vertical-align:top; 
    }
    #user_info.user-info-narrow {
        position:relative;
        display:block;
        left: 36px;
        overflow:hidden;
        /* border: 1px red dashed; */
        top:6px;
    }
    .topnavlink{
        font-size:.75rem;
        font-weight:700;
    }
    #top_right_buttons{
        display:flex;
        width:auto;
        transform:translateX(+148px);
        justify-content:flex-end;
        flex: 0 1 auto;
        /* border:1px solid purple; */
        display:none;
    }
    .masthead-btn img{
        width:25%;
        float:right;
    }

    /* menu-icon drop down/pop up window menu box */
    #customlinksleft_mobile{
        display:flex;
        flex-flow:row;
        justify-content: space-between;
    }
    #flexed_mobile_links{
        justify-content:space-between;
        text-align:center;
        padding-bottom:2rem;
        font-size: 80%;
        font-weight:bold;
        color:#222;
    }
    #flexed_mobile_links img{
        width:50%;
    }
    #search_widget{
        width: 11rem;
    }
    .search-widget{
        position: relative;
        left:-20px;
        height: 28px;
        border-radius: 15px;
        overflow: hidden;
        border: 1px inset #142d46;
    }
    
    #shoppingCartBtnMobile{
        /* mobile cart container div*/
        border-radius:0px;
        border:none;
        transform:translateY(-4px);
    }
    
    /* end drop down/pop up window menu box */
    .appBannerDiv, .contentbox-home{
        border-radius:16px;
    }
    #carousel .carousel-item img{ border-radius:16px; }

    /* footer */
    .custom-footer-coldiv{
        font-size:.65em;
    }
    #joinUsImgDiv{ padding-left:8px;}
    input.newsletterSignupInput{
        transform:translateX(-8px);
        width:125px;
    }
    #home-action-footer{height:36px;}
    #footer-signup-bar .newsletterSignupInput input{
        height:24px;
        border-radius:16;
    }
    /* end footer */
}

/* iPhone 6/7/8 */
@media (min-width:321px) and (max-width:399px) { 
    #mq2{color:blue;display:inline;}
    /* .hdng {border:1px solid; } */
    #header.header-nav{
        background-color:transparent;
    }
    div.header-top{ 
        background:transparent;
    }

    /* menu icon - visible on narrow screen widths */
    #menu-icon{max-height:1.5rem;}
    #menu-icon > i{
        position: relative;
        top:-32px;
        vertical-align:middle; 
        max-height:1.0rem;
        line-height: 28px;
        overflow:hidden;
        background-color:rgba(255, 255, 255,.2);
        color:white;
        border-radius:7;
    }
    #menu-icon a{
        vertical-align:top; 
    }
    #user_info.user-info-narrow {
        position:relative;
        display:block;
        left: 32px;
        overflow:hidden;
        /*border: 1px red dashed;*/
        top:4px;
    }
    .topnavlink{
        font-size:.75rem;
        font-weight:700;
    }
    #top_right_buttons{
        display:flex;
        width:auto;
        transform:translateX(148px);
        justify-content:flex-end;
        flex: 0 1 auto;
        /* border:1px solid purple; */
        display:none;
    }
    .masthead-btn img{
        width:25%;
        float:right;
    }
    #header_graybar{
        top:34px;
        height:34px;
    }
    #header-nav-container {
        top:0px;
        max-height:36px;
    }
    #top_menu{
        transform:translateY(26px);
    }
    #top_menu li{
        font-size:.75rem;
    }
    #top_menu li:nth-child(1){
        transform:translateX(14px);
    }
    #top_menu li:nth-child(2){
        transform:translateX(12px);
    }
    #top_menu li:nth-child(3){
        /** LOGO **/
        flex-basis:0;
        max-width:355px;
    }
    #top_menu li:nth-child(3) img{
        width:100px;
    }
    #top_menu li:nth-child(4){
        transform:translateX(-14px);
    }
    #top_menu li:nth-child(5){
        transform:translateX(-26px);
    }
    #explore .close {
        right:21px;
        top:11px;
    }
    #explore #ooo_info {
        width:280px;
        height:230px;
        transform:translate(-6%,11%);
        padding:2px 6px
    }
    #char_name {
        width:auto;
        height:35px;
    }
    #char_img {
        width: 100%;
    }
    .ooo_char {
        width:30%;
    }
    #explore .ooo_desc {
        width:70%;
    }
    .ooo_yummy .hdng img {
        height: 37px;
    }
    #explore img#yum {
        width: auto;
        height: 40px;
    }
    .oooinfo-rowtwo .ooo_buyme {
        padding-bottom: 5px;
    }
    .ooo_buyme .hdng img {
        height:30px;
    }
    #explore #ooo_info .ooo_buyme #buymeimg {
        width: 60%;
    }
    .ooo_wallpaper .hdng img {
        height:30px;
    }
    #explore #ooo_info .wpimg img {
        width: 50%;
    }
    #avContainer div {
        text-align: center;
    }
    .custom-footer-column {
        font-size: 70%;
    }
    #customlinksleft, #logospacer{
        display:none;
    }
    #customlinks #search_widget{
        display:none;
    }
    /* menu-icon drop down/pop up window menu box */
    #customlinksleft_mobile{
        /*border:1px black dashed;*/
        display:flex;
        flex-flow:row;
        justify-content:space-around;
    }
    #customlinksleft_mobile :nth-child(1){
        transform:translateX(+8px);
    }
    #customlinksleft_mobile :nth-child(2){
        transform:translateX(+20px);
    }
    #customlinksleft_mobile :nth-child(3){
        transform:translateX(+12px);
    }
    #flexed_mobile_links{
        justify-content:space-around;
        text-align:center;
        padding-bottom:2rem;
    }
    #flexed_mobile_links img{
        width:65%;
    }
    #shoppingCartBtnMobile{
        /* mobile cart container div*/
        border-radius:0px;
        border:none;
        transform:translateY(6px);
    }
    #search_widget{
        position: relative;
        width: 11rem;
        left:-42px;
    }
    .search-widget{
        height: 28px;
        border-radius: 15px;
        overflow: hidden;
        border: 1px inset #142d46;
    }
    /* end drop down/pop up window menu box */
    .appBannerDiv, .contentbox-home{
        border-radius:16px;
    }
    #carousel .carousel-item img{ border-radius:16px; }
    #home-action-footer{height:44px;}
    #footer-signup-bar .newsletterSignupInput input{
        height:24px;
        border-radius:16;
    }
    #signup-right #joinUsImgDiv img{
        transform:translateX(8px);
    }
}

/* smallest browser window width (chrome) */
@media (min-width:400px) and (max-width:576px) {
    #mq3{color:blue;display:inline;}
    #header .header-nav{
        background-color:transparent;
    }
    div .header-top{ 
        background:transparent;
    }
    #wrapper {
        margin-top:0px;
    }
    #explore #ooo_info {
        transform:translate(-3%,15%);
        width: 350px;
    }
    .ooo_yummy .hdng img {
        width: 100%;
    }
    .ooo_buyme .hdng img {
        width: 75%;
    }
    #avContainer div {
        text-align: center;
    }
    #avContainer img { 
        padding-left:15px;
    }
    #customlinks #search_widget{
        display:none;
    }
    /* header - gray bar and nav links */
    #header_graybar{
        top:34px;
        height:36px;
    }
    #header-nav-container {
        top:-15px;
        max-height:36px;
    }
    #top_menu{
        transform:translateY(40px);
       /* border: yellow 1px dashed; */
    }
    #top_menu li{
        font-size:.9rem;
    }
    #top_menu li:nth-child(1){
        transform:translateX(0px);
    }
    #top_menu li:nth-child(2){
        transform:translateX(2px);
    }
    #top_menu li:nth-child(3){
        /** LOGO **/
        flex-basis:0;
        max-width:355px;
    }
    #top_menu li:nth-child(3) img{
        width:100px;
        transform:translateY(+4px);
    }
    #top_menu li:nth-child(4){
        transform:translateX(-4px);
    }
    #top_menu li:nth-child(5){
        transform:translateX(-12px);
    }
    #customlinksleft, #logospacer{
        display:none;
    }
    /* menu icon for narrow screen widths */
    #menu-icon{max-height:1.5rem;}
    #menu-icon > i{
        position: relative;
        top:-32px;
        vertical-align:middle; 
        max-height:1.0rem;
        line-height: 28px;
        overflow:hidden;
        background-color:rgba(255, 255, 255,.2);
        color:white;
        border-radius:7;
    }
    #menu-icon a{
        vertical-align:top; 
    }
    #user_info.user-info-narrow {
        position:relative;
        display:block;
        left: 32px;
        overflow:hidden;
        /* border: 1px red dashed; */
        top:4px;
    }
    .topnavlink{
        font-size:.75rem;
        font-weight:700;
    }
    #customlinksleft, #logospacer{
        display:none;
    }
    /* top right masthead-btn btns */
    #favoriteBtn,#settingsBtn,#shoppingCartBtn{
        display:none;
    }
    #customlinks #search_widget{
        width: 11rem;
    }
    #customlinks .search-widget{
        height: 28px;
        border-radius: 15px;
        overflow: hidden;
        border: 1px inset #e2dfdf;
        position: relative;
    }
    /* menu-icon drop down/pop up window menu box */
    #customlinksleft_mobile{
        /* border:1px black dashed; */
        display:flex;
        flex-flow:row;
        justify-content: space-around;
    }
    #customlinksleft_mobile :nth-child(2){
        transform:translateX(+28px);
    }
    #customlinksleft_mobile :nth-child(3){
        transform:translateX(+16px);
    }
    #flexed_mobile_links{/* favorites,settings,cart*/
        justify-content:space-around;
        text-align:center;
        padding-bottom:2rem;
    }
    #flexed_mobile_links img{
        width:65%;
    }
    #mobile_top_menu_wrapper #search_widget{
        position: relative;
        width: 11rem;
        left:-64px;
    }
    .search-widget{
        height: 28px;
        border-radius: 15px;
        overflow: hidden;
        border: 1px inset #142d46;
    }
    /* end drop down/pop up window menu box */
    .appBannerDiv, .contentbox-home{
        border-radius:16px;
    }
    #carousel .carousel-item img{ border-radius:16px; }
    #home-action-footer{height:40px;}
    #footer-signup-bar .newsletterSignupInput input{
        height:24px;
        border-radius:16;
    }
    #signup-right #joinUsImgDiv img{
        transform:translateX(12px);
    }
}

@media (min-width: 577px) and (max-width: 731px) {
    #mq4{color:blue;display:inline;}
    div.header-top{ 
        background:transparent;
    }
    .wishlist-body .product-miniature .thumbnail-container {
        height:400px;
    }
    .wishlist-body .product-miniature img {
        width:100%;
    }
    .wl-prodimg div {
        display:block;
    }    
    #explore #ooo_info {
        transform: translate(12%,35%);
    }
    .ooo_yummy .hdng img {
        width:60%;
    }
    #explore .ooo_desc p {
        font-size: .75rem
    }
    #explore img#yum {
        width:40%;
    }
    #avContainer div {
        text-align: center;
    }
    #avContainer img { 
        padding-left:15px;
    }
    #_desktop_logo .hidden-sm-down{
        display:inline;/* block */
    }
    #mobile_top{
        width:40%;
        padding:0;
        margin:0;
    }
    #menu-icon{max-height:1.5rem;}
    #menu-icon > i{
        position: relative;
        top:-24px;
        vertical-align:middle; 
        max-height:1.5rem;
        line-height: 28px;
        overflow:hidden;
        background-color:rgba(255, 255, 255,.2);
        color:white;
        border-radius:7;
    }
    #menu-icon a{
        vertical-align:top; 
    }
    #user_info.user-info-narrow {
        position:relative;
        display:block;
        left: 32px;
        overflow:hidden;
        /* border: 1px red dashed; */
        top:12px;
    }
    /* menu-icon content */
    #customlinksleft, #logospacer{
        display:none;
    }
    .menulink a{color:rgb(66, 78, 87);font-size:1.25rem;}
    #customlinksleft_mobile :nth-child(1){
        transform:translateX(+8px);
    }
    #customlinksleft_mobile :nth-child(2){
        transform:translateX(+28px);
    }
    #customlinksleft_mobile :nth-child(3){
        transform:translateX(+16px);
    }
    #flexed_mobile_links{/* favorites,settings,cart*/
        justify-content:space-around;
        text-align:center;
        padding-bottom:2rem;
    }
    #flexed_mobile_links img{
        width:65%;
    }
    #search_widget{
        position: relative;
        width: 11rem;
        left:-124px;
    }
    .search-widget{
        height: 28px;
        border-radius: 15px;
        overflow: hidden;
        border: 1px inset #142d46;
    }
    /* end menu-icon content */
    #customlinks #search_widget{
        width: 11rem;
    }
    .mobileMenuBtn{
        text-align:center;
    }
    .mobile-links{
        justify-content: space-around;
    }
    #customlinks #search_widget{
        display:none;
    }
    #header-top{ 
        background:transparent;
    }
    #header_graybar{
        top:44px;
        height:34px;
    }
    #header-nav-container {
        top:-7px;
        max-height:40px;
    }
    #top_menu{
        transform:translateY(40px);
    }
    #top_menu li{
        font-size:1rem;
    }
    #top_menu li:nth-child(1){
        transform:translateX(0px);
    }
    #top_menu li:nth-child(2){
        transform:translateX(8px);
    }
    #top_menu li:nth-child(3){
        /** LOGO **/
        flex-basis:0;
        max-width:355px;
        transform:translateX(4px);
        transform:translateY(6px);
    }
    #top_menu li:nth-child(3) img{
        width:100px;
    }
    #top_menu li:nth-child(4){
        transform:translateX(4px);
    }
    #top_menu li:nth-child(5){
        transform:translate(4px);
    }
    .masthead-btn img{
        /*width:25%;36px*/
        flex-basis:24px;
        min-width:24px;
    }
    /* top right masthead-btn btns */
    #favoriteBtn,#settingsBtn,#shoppingCartBtn{
        display:none;
    }
    .appBannerDiv, .contentbox-home{
        border-radius:16px;
    }
    #carousel .carousel-item img{ border-radius:16px; }
    #home-action-footer{height:40px;}
    #signup-right #joinUsImgDiv img{
        transform:translateX(12px);
    }
    #footer-signup-bar .newsletterSignupInput input{
        height:24px;
        border-radius:16;
    }
    .signup-unsubmsg{left:32px;top:49px;}
}

@media (min-width:732px) and (max-width: 767px) {
    #mq5{color:blue;display:inline;} 
    /*
    body, #header {
        background-image: url('/shop/themes/classic/assets/graphics/ooo_bg.jpg');
        background-repeat: repeat;
    }
    */
    div.header-top{ 
        background:transparent;
    }
    #header .header-top a[data-depth="0"] {
       color: #232323;
       font-size: 1rem;
    }
    #wrapper {
        margin-top:4px;
    }
    #header .header-nav {
        background-color:transparent;/* #7f7f7f; */
        border:none;
    }
    #header .header-nav {
        /* color: #2fb5d2; */
        color:white; 
        margin-bottom:0;
    }
    #header .logo .newlogo{
        max-height: 100px;
    }
    #_desktop_logo .hidden-sm-down{
        display:block;
    }
    body#checkout #header .header-nav {
        padding-top:0;
    }
    #header .mobile a {
        color:white;
    }
    #customlinksleft, #logospacer{
        display:none;
    }
    .mobileMenuBtn{
        text-align:center;
    }
    .mobile-links{
        justify-content: space-around;
    }
    #customlinks #search_widget{
        display:none;
    }
    #header_graybar{
        top:44px;
        height:34px;
    }
    #header-nav-container {
        top:-4px;
        max-height:40px;
    }
    #top_menu{
        transform:translateY(36px);
    }
    #top_menu li{
        font-size:1rem;
    }
    #top_menu li:nth-child(1){
        transform:translateX(0px);
    }
    #top_menu li:nth-child(2){
        transform:translateX(8px);
    }
    #top_menu li:nth-child(3){
        /** LOGO **/
        flex-basis:0;
        max-width:355px;
        transform:translateX(4px);
    }
    #top_menu li:nth-child(3) img{
        width:100px;
    }
    #top_menu li:nth-child(4){
        transform:translateX(4px);
    }
    #top_menu li:nth-child(5){
        transform:translate(4px);
    }
    .masthead-btn img{
        /*width:25%;36px*/
        flex-basis:24px;
        min-width:24px;
    }
    /* top right masthead-btn btns */
    #favoriteBtn,#settingsBtn,#shoppingCartBtn{
        display:none;
    }
    #home-action-footer{
        height:52px;
    }
    #menu-icon{max-height:1.5rem;}
    #menu-icon > i{
        position: relative;
        top:-24px;
        vertical-align:middle; 
        max-height:1.0rem;
        line-height: 28px;
        overflow:hidden;
        background-color:rgba(255, 255, 255,.2);
        color:white;
        border-radius:7;

    }
    #menu-icon a{
        vertical-align:top; 
    }
    #user_info.user-info-narrow {
        position:relative;
        display:block;
        left: 32px;
        overflow:hidden;
        /*border: 1px red dashed;*/
        top:12px;
    }
    /* menu-icon drop down/pop up window menu box */
    #mobile_top_menu_wrapper{
        margin-top:24px;
    }
    #customlinksleft_mobile .menulink a{
        color:rgb(66, 78, 87);
    }
    #customlinksleft_mobile{
        /* border:1px black dashed;*/
        display:flex;
        flex-flow:row;
        justify-content: space-around;
        font-size:125%;
    }
    #customlinksleft_mobile :nth-child(2){
        transform:translateX(+28px);
    }
    #customlinksleft_mobile :nth-child(3){
        transform:translateX(+24px);
    }   
    #flexed_mobile_links{
        justify-content:space-around;
        text-align:center;
        padding-bottom:2rem;
    }
    #flexed_mobile_links img{
        width:50%;
    }
    #search_widget{
        position: relative;
        width: 11rem;
        left:-120px;
    }
    .search-widget{
        height: 28px;
        border-radius: 15px;
        overflow: hidden;
        border: 1px inset #142d46;
    }
    /* end drop down/pop up window menu box */
    #signup-right #joinUsImgDiv img{
        transform:translateX(12px);
    }
    .signup-unsubmsg{left:32px;top:44px;}
}

@media (min-width: 768px) {
    #mq6{color:blue;display:inline;}
    #header .logo .newlogo {
        /* max-width: 100%; */
        max-width: 355px;
    }
    div.header-top{ 
        background:transparent;
    }
    #wrapper {
        margin-top:32px;
    }
    #_desktop_logo.col-md-12 {
        float:none;
    }
    .search-widget{
        min-width: 10rem;
    }

    #customlinksleft :nth-child(3){padding-left:0;}
    #top_menu{
        transform:translateY(50px);
    }
    #top_menu li:nth-child(3){
        /** LOGO **/
        width:100%;
    }
}

/* was min-width: 400 and (max-width:991)*/
@media (min-width:768px) and (max-width: 991px) {
    #mq7{color:blue;display:inline;}
    #header .header-top a[data-depth="0"] {
        font-size:1.3rem;
    }
    #wrapper {
        margin-top:32px;
    }
    .right-nav #_desktop_cart {
        width:auto;
        float: right;
        margin-top: .3rem;
    }
    #header .header-nav .blockcart {
        height: auto;
        padding: .5rem;
    }
    .right-nav #_desktop_user_info {
        float: right;
        float: none;
    }
    #top_menu{
        transform:translateY(50px);
        font-size:1rem;
    }
    #header_graybar{
        top:120px;
        height:60px;
    }
    #top_menu li:nth-child(3){
        /** LOGO **/
        flex-basis:0;
        max-width:355px;
    }
    #top_menu li:nth-child(3) img{
        width:180px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #mq8{color:blue;display:inline;}
    #explore #ooo_info {
        width:350px;
    }
    #explore #ooo_info .ooo_buyme #buymeimg {
        width:40%;
    }
    
    #explore .ooo_yummy .hdng img {
        width:80%;
    }
    #explore .ooo_desc p {
        font-size: .75rem
    }
    #header_graybar{
        top:58px;
        height:64px;
    }
    #header-nav-container {
        top:28px;
        max-height:76px;
    }
    #desktop_custom_links{
        justify-content:flex-end;
    }
    #customlinksleft{
        margin-top:4px;
        padding-left:1.3rem;
        width:40%;
    }
    #customlinksleft .topnavlink{font-size:.8rem;}
    #customlinksleft :nth-child(2){
        padding-left:1.1rem;
    }
    #customlinksleft :nth-child(3){
        padding-left:1.1rem;}
    #customlinksleft {
        width:60%;
    }
    #logospacer img{ width:0px;}
    #customlinks #search_widget{
        width: 11rem;
    }
    #customlinks .search-widget{
        height: 28px;
        border-radius: 15px;
        overflow: hidden;
        border: 1px inset #e2dfdf;
        position: relative;
    }
    #search_widget{
        right:-16px;
    }
    #top_right_buttons{
        align-items:center;
        margin-right:.5rem;
    }

    img.newlogo{
        max-width: 212px;
    }

    #top_menu{
        transform:translateY(26px);
        font-size:1rem;
    }

    #top_menu li:nth-child(3){
        /** LOGO **/
        transform:scale(.9 .9);
        flex-basis:355px;
        max-width:355px;
    }
    #signup-right #joinUsImgDiv img{
        transform:translateX(12px);
    }
    .signup-unsubmsg{left:48px;}
}

@media (min-width: 992px) and (max-width: 1200px) {
    #mq9 {color:blue;display:inline;}
    #wrapper {
        margin-top:24px;
    }
    #explore #ooo_info {
        width:350px;
    }
    #_desktop_custom_links{
        margin-top:4px;
    }
    #header_graybar{
        top:46px;
        height:100px;
    }
    #header-nav-container {
        max-height:120px;
        margin-top:-6px;
    }
    #customlinksleft{
        margin-top:4px;
        width:50%;
        padding-left:1.3rem;
    }
    #customlinksleft .topnavlink{font-size:.8rem;}
    #customlinksleft :nth-child(2){
        padding-left:.8rem;
    }
    #customlinksleft :nth-child(3){
        padding-left:.8rem;}
    #top_menu{
        transform:translateY(20px);
    }
    #top_menu li:nth-child(3){
        /** LOGO **/
        max-width:300px;
    }
    #customlinks #search_widget{
        width: 11rem;
    }
    #customlinks .search-widget{
        height: 28px;
        border-radius: 15px;
        overflow: hidden;
        border: 1px inset #e2dfdf;
        position: relative;
    }
    .signup-unsubmsg{left:88px;}
}

@media (min-width: 1201px) {
    #mq10 {color:blue;display:inline;}
    #wrapper {
        margin-top:24px;
    }
    #_desktop_custom_links{
        padding-left:15px;
        padding-right:15px;
        margin-top:4px;
    }
    #header-nav-container {
       /*  max-height:108px; */
        margin-top:-6px;
    }
    #explore #ooo_info {
        width:400px;
    }
    #customlinksleft{
        margin-top:4px;
    }
    #customlinks #search_widget{
        margin-top:4px;
    }
    #customlinksleft .topnavlink{font-size:.9rem;}
    #customlinksleft :nth-child(2){padding-left:1rem;}
    #customlinksleft :nth-child(3){padding-left:1rem;}
    #top_menu{
        transform:translateY(8px);
    }
    #top_menu li:nth-child(3){
        /** LOGO **/
        max-width:355px;
    }
}