/* ---------------------------------------------------------------------
Original Author: Chris Cheney
Contributors: Michael Start, Peter Marty

Target Browsers:
Media Type: Screen, Projection
Width: Min-Width 992px
------------------------------------------------------------------------ */

/* ---------------------------------------------------------------------
 Header
------------------------------------------------------------------------ */
.header { height: auto; }

.header-hd + .header-ft { padding-top: 111px; }

.header-hd + .header-bd {
    padding-top: 60px;
    margin-bottom: 0;
}

.header-bd + .header-ft { padding-top: 70px; }

.header-ft {
    position: relative;
    width: 629px;
}

/* ---------------------------------------------------------------------
 Header Intro
------------------------------------------------------------------------ */
.headerIntro-hd {
    font: 300 36px/1.0 "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif;
    text-align: left;
}

.headerIntro-bd {
    font: 400 18px/1.5 "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif;
    text-align: left;
}

/* ---------------------------------------------------------------------
 Logo
------------------------------------------------------------------------ */
.logo {
    width: 111px;
    height: 110px;
    margin: 0 20px 0 0;
}

/* ---------------------------------------------------------------------
 Icons
------------------------------------------------------------------------ */
.icon_logo {
    width: 111px;
    height: 110px;
    background: transparent url(../images/logo_cats.png) 0 0 no-repeat;
}

.icon_logo_footer {
    width: 111px;
    height: 110px;
    background: transparent url(../images/logo_cats.png) 0 0 no-repeat;
    background-size: 111px 110px;
}

.icon_ex { background: transparent url('../images/icons/icon_ex-desktop_cat.png') 0 0 no-repeat; }

/* ---------------------------------------------------------------------
 Menu
------------------------------------------------------------------------ */
.menu-list {
    margin-top: 4px;
    float: none;
}

.menu-list > * + * { margin-left: 30px; }

.menu-list-item_solidBgOnHover.menu-list-item_isHovered {
    margin-left: 15px;/* 30px - 15px */
}

.menu-list-item-link { font-size: 14px; }

/* ---------------------------------------------------------------------
 Feature
------------------------------------------------------------------------ */
.feature-hd-heading { font-size: 42px; }

/*------------------------------------------------------------------------
 Category Links
------------------------------------------------------------------------*/
.categoryLinks-item {
    line-height: 1.9;
}

/* ---------------------------------------------------------------------
 Sub Navigation
------------------------------------------------------------------------ */
.subNav {
    right: auto;
    left: auto;
}

.subNav_fitParent {
    right: 0;
    left: 0;
}

/* ---------------------------------------------------------------------
 Page
------------------------------------------------------------------------ */
.page-bd_cushion {
    padding-left: 95px;
    padding-right: 95px;
}

/* ---------------------------------------------------------------------
 Tabs
------------------------------------------------------------------------ */
.tabs-nav-link {
    font: 700 10px/1.0 "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif;
    letter-spacing: 0.05em;
}

.no-touch .tabs-nav-link:hover { background: #f0ece2; }

.tabs-nav-link_isActive {
    color: 4414042;
    background: #f0ece2;
}

/* ---------------------------------------------------------------------
 Buttons
------------------------------------------------------------------------ */
.btn_inverted {
    font-size: 14px;
    padding: 15px 28px;
}

/* ---------------------------------------------------------------------
 Interact
------------------------------------------------------------------------ */
.interact-media > * {
    width: 334px;
    background-image: url(../images/innovations/sprite-switch-cat.png)
}

.interact-media-varOne { background-position: 10px 0; }
.interact-media-varTwo { background-position: -384px 0; }
.interact-media-varThree { background-position: -780px 0; }

/* ---------------------------------------------------------------------
 Product Title
------------------------------------------------------------------------ */
.details-hd {
    font: 400 18px/1.0 "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif;
}
.details-subHd {
    font: 400 40px/1.0 "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif;
}

/* ---------------------------------------------------------------------
 Cycler
------------------------------------------------------------------------ */
.cycler_tight { width: 66.70212765957447%; }

.cycler-nav {
    width: 100%;
}

/* ---------------------------------------------------------------------
  Spread
------------------------------------------------------------------------ */
.spread-sidebar { background: rgba(255, 255, 255, 0.6); }

/* ---------------------------------------------------------------------
  Article Promotion
------------------------------------------------------------------------ */
.articlePromo-text { font-size: 27px; }

.articlePromo-text_small { font-size: 15px; }

/* ---------------------------------------------------------------------
 Panel
------------------------------------------------------------------------ */
.mix-panel-hd_tall {
    padding: 0 237px;
    font-size: 55px;
    line-height: .9;
}

/* ---------------------------------------------------------------------
 Billboard
------------------------------------------------------------------------ */
.billboard_wide .billboard-hd-value { font-size: 143px; }

.billboard_wide > .billboard-subHd {
    width: 47%;
    font-size: 35px;
}

/* ---------------------------------------------------------------------
 Timeline
------------------------------------------------------------------------ */
.timeline-progress { background: transparent url(../images/why-switch-timeline_cats.png) 0 0 no-repeat; }

.timeline-progress_1 { background-position: 0 0; }
.timeline-progress_3 { background-position: 0 -17px; }
.timeline-progress_5 { background-position: 0 -34px; }
.timeline-progress_7 { background-position: 0 -51px; }

/* ---------------------------------------------------------------------
 Attention Table
------------------------------------------------------------------------ */
.attentionTable-bd { padding-bottom: 35px; }

.attentionTable-row-caption {
    font: 400 13px/1.2 "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif;
    color: #008da9;
}

.attentionTable-row-caption-container { padding: 0 5px; }

.attentionTable-row > * {
     font: 400 11px/1.4 "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif;
    width: 90px;
}

.attentionTable-row_first > th {
    font-size: 13px;
    line-height: 1;
}

.attentionTable-row-hd { font: 700 14px/1.2 "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif; } /* Placed below 'attentionTable-row to overwrite' */

/* ---------------------------------------------------------------------
 Call
------------------------------------------------------------------------ */
.call-cta {
    display: inline-block;
    margin-left: 13.6%;
}

/* ---------------------------------------------------------------------
 Footer
------------------------------------------------------------------------ */
.footer-nav,
.footer-meta,
.footer-legalese { margin-left: 280px; }

.footer-nav {
    margin-bottom: 2px;
    padding-top: 8px;
}

.footer-nav > * + * { margin-left: 0; }

.footer-nav a { font-size: 15px; }

/*1st Drop-up*/
.footer-nav-item:first-child {
    margin-left: 0;
    margin-right: 16px;
}

.footer-nav-item:first-child > a { padding-right: 49px; }

/*2nd Drop-up*/
.footer-nav-item:nth-child(2) {
    margin-right: 16px;
    margin-left: -18px;
}

.footer-nav-item:nth-child(2) > a { padding-right: 53px; }

.footer-nav-item + .footer-nav-item + * { margin-left: 0; }

.footer-nav > *:nth-child(4) {
    width: 168px;
}

/* ---------------------------------------------------------------------
 Section
------------------------------------------------------------------------ */
.section-inner-bd-intro { font-size: 20px; }

.section-inner-title {
    font-size: 57px;
}

/* ---------------------------------------------------------------------
 Control
------------------------------------------------------------------------ */

/* ---------------------------------------------------------------------
 Results
------------------------------------------------------------------------ */
.results > * + * { margin-top: 37px; }

/* ---------------------------------------------------------------------
 Cluster
------------------------------------------------------------------------ */
.cluster-img {
    max-width: 100%;
    width: 122px;
    padding-right: 18px;
}

.cluster-bd { max-width: 100%; }

.cluster-bd-title {
    margin-top: 5px;
    margin-bottom: 7px;
    font-size: 24px;
}

.cluster-bd-desc { font-size: 13px; }

/* ---------------------------------------------------------------------
 Island
------------------------------------------------------------------------ */
.island_tall { padding-bottom: 57px; }

.mix-island-bd_sans { font-size: 18px; }

.island-bd { margin-bottom: 14px; }

/* ---------------------------------------------------------------------
 Vertical Tags
------------------------------------------------------------------------ */
.verticalTags { width: auto; }

.verticalTags > * > * { font-size: 16px; }

.verticalTags > .verticalTags_isActive > * { padding: 9px 0 9px 9px; }

.verticalTags .verticalTags_isActive > *:after {
    border-width: 17px;
    margin-top: -17px;
}

.results + .pager_tall { padding-top: 36px; }

.pager > * { margin-right: 2px; }

.pager > * > * {
    padding: 10px 14px;
    font-size: 16px;
}

/* ---------------------------------------------------------------------
 Hero
------------------------------------------------------------------------ */
.hero {
    border-top-color: #0090aa;
}

.hero-cta {
    top: 63px;
    left: 95px;
}

.hero-cta-pre {
    width: 75px;
    height: 75px;
}

.hero_hasImageInSmall .hero-cta {
    top: 98px;
}

.hero_hasImageInSmall_short .hero-cta {
    top: 58px;
}

.hero-cta-hd {
    margin-bottom: 15px;
    letter-spacing: 1px;
}

.hero_wbh .hero-cta-hd {
    font-size: 49px;
}

.hero_hasImageInSmall .hero-cta-hd {
    width: 350px;
}

.hero_hasImageInSmall_short .hero-cta-hd {
    width: 438px;
}

.hero-cta-bd {
    width: 300px;
    margin-bottom: 55px;
    font-size: 20px;
    line-height: 1.15;
}

.hero_wbh .hero-cta-bd {
    font-size: 18px;
}

/* WBH landing page hero paragraph */
.hero_hasImageInSmall .hero-cta-bd {
    width: 355px;
    font-size: 16px;
    line-height: 1.4;
}

/* WBH landing page hero paragraph */
.hero_hasImageInSmall_short .hero-cta-bd {
    width: 438px;
}

/* ---------------------------------------------------------------------
 Switch CTA
------------------------------------------------------------------------ */
.switchCta-hd {
    font: 300 42px/1 "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif;
}

/* ---------------------------------------------------------------------
 Quote Wrap
------------------------------------------------------------------------ */
.quoteWrap-hd {
    font-size: 42px;
}

/* ---------------------------------------------------------------------
 Category Blocks
------------------------------------------------------------------------ */
.categoryBlocks {
    margin-left: -30px;
    margin-top: -128px;
}

.categoryBlocks-block {
    width: calc(33% - 30px);
    margin-left: 30px;
    padding: 30px 21px;
}

.categoryBlocks-block-hd {
    font-size: 23px;
    margin-bottom: 5px;
}

.categoryBlocks-block-bd {
    font-size: 16px;
    margin-bottom: 12px;
}

/* ---------------------------------------------------------------------
 Learn More Link
------------------------------------------------------------------------ */
.learnMoreLink {
    font-size: 14px;
    letter-spacing: .19em;
}

/* ---------------------------------------------------------------------
 Band
------------------------------------------------------------------------ */
.band-inner {
    padding: 60px 10px 175px;
}

/* ---------------------------------------------------------------------
 Heading
------------------------------------------------------------------------ */
.hdg_h3 {
    font-size: 33px;
    line-height: 1.25;
}

.mix-hdg_difference {
    padding: 48px 30px 36px 30px;
    font-size: 33px;
}

/* ---------------------------------------------------------------------
 Difference Carousel
------------------------------------------------------------------------ */
.differenceCarousel {
    width: 81%;
    padding-bottom: 33px;
}

.differenceCarousel-btn {
    width: 32px;
    height: 60px;
    top: 0;
}

.differenceCarousel-btn_prev {
    left: -49px;
}

.differenceCarousel-btn_next {
    right: -52px;
}

/* ---------------------------------------------------------------------
 Media Overlay
------------------------------------------------------------------------ */
.mediaOverlay-panel-bd {
    font-size: 18px;
    line-height: 1.3;
}

.mix-mediaOverlay-panel_appetite .mediaOverlay-panel-icn {
    top: -18px;
    left: -18px;
}

.mix-mediaOverlay-panel_behavior .mediaOverlay-panel-icn {
    top: -18px;
    left: -18px;
}

.mix-mediaOverlay-panel_physical .mediaOverlay-panel-icn {
    top: -18px;
    left: -18px;
}

/* ---------------------------------------------------------------------
USER CONTENT
Original Author: Anthony Ticknor
Contributors: Michael Start, Chris Cheney, Tad Runkle,
Anthony Lukes

Target Browsers: All
Media Type: Screen
------------------------------------------------------------------------ */
.userContent ul {
    padding-left: 0;
    list-style: none outside;
}

.userContent .intro { font-size: 18px; }

/* ---------------------------------------------------------------------
 SHAME Hook
------------------------------------------------------------------------ */
/* A hook for specific areas of userContent where headers and other elements require different styling the general userContent */
.shameHook h2 { font-size: 42px; }

/* ---------------------------------------------------------------------
 Whole Body Health (cat) pages
------------------------------------------------------------------------ */
.userContent_WBH {

}

.userContent_WBH h2  {
    font-size: 22px;
}

.userContent_WBH h3 {
    font-size: 21px;
}

.userContent_WBH p {
    margin-bottom: 22px;
    font-size: 16px;
}

.userContent_WBH li {
    margin-left: 14px;
}

/* ---------------------------------------------------------------------
 Key Points within Whole Body Health User Content areas
------------------------------------------------------------------------ */
.userContent_WBH .keyPoints {
    padding-top: 33px;
    padding-bottom: 45px;
}

.userContent_WBH .keyPoints h3 {
    font-size: 26px;
}

.userContent_WBH .keyPoints li {
    font-size: 16px;
}

.userContent_WBH .keyPoints-hd {
    width: 350px;
    margin-right: 40px;
}

.userContent_WBH .keyPoints-bd {
    width: 358px;
}

.userContent_WBH .keyPoints-bd-combo {
    margin-bottom: 28px;
}


/* ---------------------------------------------------------------------
 End of File, please add new styles above User Content area
------------------------------------------------------------------------ */