/* ---------------------------------------------------------------------
Original Author: Angela Norlen [The Nerdery]
Contributors: Nathan Graves [Hallmark], Matt Aho [The Nerdery], Jeff Maki [The Nerdery] <contributor name>

Target Browsers: IE8 (full, graceful degradation using CSS3), IE9
Firefox 10.0.1, Safari 5.1.x, Chrome 17.0.x

Media Type: <screen>

------------------------------------------------------------------------ */

/* ---------------------------------------------------------------------
Style Guide/ for front end standards & components library only
------------------------------------------------------------------------ */

.placeholder-img {
    width: 100%;
    display: block;
    background: #f0efed;
    min-height: 160px;
}

.heading-c.section-title {
    color: #5d2788;
    margin-bottom: 0;
}

.example {
    border: 1px solid #ccc;
    background: #f4f3f3;
    padding: 16px;
    margin-bottom: 16px;
    width: 100%;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.wysiwyg .example ul {
    list-style: none;
}

.example p:last-child {
    margin-bottom: 0;
}

.standards img {
    max-width: 100%;
    display: block;
}

.standards .section-title a {
    color: #5d2788;
    display: block;
    margin-bottom: 0;
    background: url('http://www.hallmarkoffers.ca/en/images/icon-arrow-down-filters.png') right -12px no-repeat;
}

.standards .section-title + .section-accordion-content {
    height: 0;
    overflow: hidden;
    margin-top: 10px;
    -webkit-transition: height 0.3s ease-in-out;
    -moz-transition: height 0.3s ease-in-out;
    transition: height 0.3s ease-in-out;
}

.standards *:target .section-title + .section-accordion-content {
    height: 100%;
}

.standards *:target .section-title a {
    background: url('http://www.hallmarkoffers.ca/en/images/icon-arrow-down-filters.png') right 8px no-repeat;
}

.highlight {
    background: #fcedb1;
}

/* ---------------------------------------------------------------------
Global
------------------------------------------------------------------------ */

html, body {
    height: 100%;
}

body {
    font-family: "proxima-nova", Arial, Helvetica sans-serif;
    font-size: 13px;
    color: #292f35;
    width: 100%;
    min-width: 980px;
}

a {
    color: #037bdf;
    text-decoration: none;
    -moz-transition: color 0.15s ease-in-out, opacity 0.15s ease-in-out 0s;
    -webkit-transition: color 0.15s ease-in-out, opacity 0.15s ease-in-out 0s;
    -ms-transition: color 0.15s ease-in-out, opacity 0.15s ease-in-out 0s;
    -o-transition: color 0.15s ease-in-out, opacity 0.15s ease-in-out 0s;
    transition: color 0.15s ease-in-out, opacity 0.15s ease-in-out 0s;
}

a:hover {
    color: #292F35;
}

mark {
    color: #292f35;
}

.hidden-content {
    position: absolute;
    left: -9999px;
}

.wrapper-graphic {
    position: relative;
}

.wrapper-outer {
    min-height: 621px;
    position: relative;
    background: url('http://www.hallmarkoffers.ca/en/images/bg-product.png') 0 0 repeat-x;
}

.wrapper-short {
    min-height: 487px;
    background: url('http://www.hallmarkoffers.ca/en/images/bg-ecard.jpg') 0 0 repeat-x;
}

.wrapper-offset {
    background-color: #fff;
}

.page-wrap {
    min-height: 100%;
    min-width: 980px;
    height: auto !important;
    height: 100%;
    margin: 0 auto -240px;
}

.wrapper {
    width: 980px;
    min-width: 980px;
    margin: 0 auto;
}

.main-content {
    position: relative;
    padding-bottom: 50px;
    margin: 16px auto 0;
    min-width: 980px;
}

.main-content-alt {
    margin-top: 0;
}

.border-box {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* ---------------------------------------------------------------------
Specialty Layout > Card Showers
------------------------------------------------------------------------ */

.bg-cs {
    background: url('http://www.hallmarkoffers.ca/en/images/bg-browse-cs.jpg') center 0 fixed no-repeat;
}

/* ---------------------------------------------------------------------
Lists > Horizontal/Vertical
------------------------------------------------------------------------ */

.h-list {
    overflow: hidden;
}

.h-list > * {
    float: left;
}

.h-list-sm > * {
    margin-left: 6px;
}

.h-list-md > * {
    margin-left: 12px;
}

.h-list-lg > * {
    margin-left: 25px;
}

.h-list > *:first-child,
.h-list .first /* Used when list wraps onto multiple lines */
{
    margin-left: 0;
}

.h-list .first.alt {
    margin-left: 12px;
}

.h-list-filters a {
    color: #292F35;
    text-decoration: none;
    -moz-transition: color 0.15s ease-in-out, opacity 0.15s ease-in-out 0s;
    -webkit-transition: color 0.15s ease-in-out, opacity 0.15s ease-in-out 0s;
    -ms-transition: color 0.15s ease-in-out, opacity 0.15s ease-in-out 0s;
    -o-transition: color 0.15s ease-in-out, opacity 0.15s ease-in-out 0s;
    transition: color 0.15s ease-in-out, opacity 0.15s ease-in-out 0s;
}

.h-list-filters .active {
    font-weight: bold;
}

.h-list-filters a:hover {
    color: #037bdf;
}

.h-list-divided li {
    border-left: 1px solid #6e7a84;
    margin-left: 6px;
    padding-left: 6px;
}

.h-list-divided li:first-child {
    border: 0;
    padding-left: 0;
    margin-left: 0;
}

.v-list td,
.v-list > * {
    margin-bottom: 4px;
}

.v-list-divided li {
    padding: 12px 0;
    border-bottom: 1px dotted #292f35;
}

.v-list-divided li.first {
    border-top: 1px dotted #292f35;
}

.v-list-divided .last {
    border: 0;
    padding-bottom: 0;
}

.list-figures > li {
    text-align: center;
}

.list-inline-content {
    margin-left: 4px;
}

.list-space-lg {
    list-style: disc outside;
    line-height: 2.4;
    letter-spacing: .8px;
    padding-left: 12px;
}

.list-space-lg.alt1 {
    letter-spacing: normal;
}

.list-space-lg.alt2 {
    padding: 0;
}

/* ---------------------------------------------------------------------
Leveled Nav Lists
------------------------------------------------------------------------ */

.v-list-level-1 > li > a {
    font-weight: bold;
    text-transform: uppercase;
    display: block;
}

.v-list-level-2 {
    margin-top: 3px;
}

.v-list-level-2 > li > a {
    padding-left: 12px;
    font-weight: bold;
    display: block;
}

.v-list-level-3 {
    margin-top: 3px;
    padding-left: 25px;
}

/* ---------------------------------------------------------------------
Header > Main
------------------------------------------------------------------------ */

.header-main {
    min-height: 60px;
    width: 100%;
    min-width: 980px;
    background: url('http://www.hallmarkoffers.ca/en/images/bg-header.jpg') 0 0 repeat;
}

.header-main > .wrapper {
    position: relative;
}

/* ---------------------------------------------------------------------
States - use only for js or for a one off case of something
------------------------------------------------------------------------ */

.is-fixed {
    position: fixed;
}

.is-absolute {
    position: absolute;
}

.is-relative {
    position: relative;
}

.is-top {
    left: 0;
    top: 0;
}

.is-wide {
    width: 100%;
}

/* ---------------------------------------------------------------------
Layout Grid
------------------------------------------------------------------------ */

.grid-group {
    clear: both;
}

.grid-group:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
}

.grid-group-segment {
    overflow: hidden;
}

.grid {
    float: left;
    margin-left: 12px;
}

.grid-flex {
    display: inline-block;
    vertical-align: top;
    margin-left: 11px;
}

.rtl {
    float: right;
}

.grid:first-child,
.grid.first,
.grid-flex:first-child,
.grid-flex.no-gutter,
.no-gutter {
    margin-left: 0;
}

.grid.last {
    margin-right: 0;
}

.grid-1 {
    width: 53px;
}
.grid-2 {
    width: 118px;
}
.grid-3 {
    width: 184px;
}
.grid-4 {
    width: 250px;
}
.grid-5 {
    width: 315px;
}
.grid-6 {
    width: 360px;
}
.grid-7 {
    width: 446px;
}
.grid-8 {
    width: 511px;
}
.grid-9 {
    width: 577px;
}
.grid-10 {
    width: 643px;
}
.grid-11 {
    width: 708px;
}
.grid-12 {
    width: 775px;
}

.grid-2.ext {
    width: 180px;
}

.grid-half {
    width: 229px;
}

.push-md {
    margin-left: 12px;
}

.push-lg {
    margin-left: 25px;
}

.push-xlg {
    margin-left: 45px;
}

.push-1,
.grid.push-1 {
    margin-left: 65px;
}

.push-1-alt,
.grid.push-1-alt {
    margin-left: 75px;
}

.push-2,
.grid.push-2 {
    margin-left: 118px;
}


/* ---------------------------------------------------------------------
Theme Rules
------------------------------------------------------------------------ */

.l-perforated {
    padding-bottom: 25px;
    background: url('http://www.hallmarkoffers.ca/en/images/border-dotted.png') center bottom repeat-x;
}

.theme-copy-light {
    color: #7f8286;
}

.layout-va-tiny {
    padding-top: 3px;
}

.layout-va-sm {
    padding-top: 6px;
}

.block-push-title {
    padding-top: 8px;
}

.block-push {
    padding-top: 16px;
}

.block-push-content {
    padding-top: 32px;
}

.block-push-xlg {
    padding-top: 64px;
}


/* ---------------------------------------------------------------------
Module > Row
------------------------------------------------------------------------ */

.row {
    overflow: hidden;
    border-bottom: 1px solid #c1c1c1;
}

.row-inverse {
    border-top: 1px solid #c1c1c1;
    padding-top: 16px;
}

.row-inverse-alt {
    border-top: 1px solid #dcdcdc;
    padding-top: 16px;
}

/* ---------------------------------------------------------------------
Blocks Group
------------------------------------------------------------------------ */

.blocks {
    overflow: hidden;
    margin-left: -3.1%;
}

.blocks > * {
    float: left;
    margin-left: 3.1%;
}

.blocks-2up > * {
    width: 46.9%;
}

.blocks-3up > * {
    width: 30.23%
}


/* ---------------------------------------------------------------------
Aside Overlay
------------------------------------------------------------------------ */

.aside-overlay {
    position: absolute;
    top: 16px;
}

/* ---------------------------------------------------------------------
Meta Data
------------------------------------------------------------------------ */

.meta-data-list a {
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.meta-data-list a:hover {
    color: #292F35;
}

.meta-data-list li {
    padding-left: 4px;
}

.meta {
    margin-bottom: 10px;
}

.meta-tags {
    height: 40px;
}

.meta-author {
    font-style: italic;
    font-size: 15px;
    font-family: "abril-text", georgia, serif;
}

.cite {
    display: block;
    font-size: 11px;
    color: #7f8286;
    position: absolute;
    top: 16px;
    right: 16px;
}

.more-info {
    line-height: 1.5;
}

.notice {
    font-size: 11px;
    color: #686663;
}

.copy-caption {
    color: #7f8286;
}

.nav-section-heading {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

/* ---------------------------------------------------------------------
Links / Icon Links
------------------------------------------------------------------------ */

.content-link,
.nav-set a {
    color: #292f35;
}

.content-link:hover {
    color: #ffffff;
}

.content-link-light {
    color: #BEA9D0;
}

.content-link-light:hover {
    color: #037bdf;
}

.nav-set a:hover {
    color: #037bdf;
}

.action-link {
    width: 104px;
    height: 25px;
    bottom: 45px;
    right: 0;
    position: absolute;
    background: url('http://www.hallmarkoffers.ca/en/images/link-view-larger.png') 0 0 no-repeat;
}

.action-link:hover {
    background-position: 0 -25px;
}

.back-to-top {
    background: url('http://www.hallmarkoffers.ca/en/images/link-btt.png') 0 0 no-repeat;
    display: none;
    width: 97px;
    height: 52px;
    bottom: 16px;
    position: fixed;
    margin-left: 35px;
    text-indent: -9999px;
}

.back-to-top:hover {
    background-position: 0 -53px;
}

.show-more:hover {
    background: #316caa;
}

.btn-story-buddies {
    background: url(http://www.hallmarkoffers.ca/en/images/btn-story-buddies.png) no-repeat center 0;
    display: block;
    height: 60px;
    text-indent: -9999px;
    overflow: hidden;
}

.btn-story-buddies:hover {
    background-position: center -60px;
}

.icon-bloggers {
    background: url('http://www.hallmarkoffers.ca/en/images/link-meet-all-bloggers.png') center 0 no-repeat;
    height: 22px;
}

.icon-bloggers:hover {
    background-position: center -22px;
}

.icon-fan-fav {
    background: url('http://www.hallmarkoffers.ca/en/images/copy-see-fan-favorites.png') center 0 no-repeat;
    height: 43px;
}

.icon-fan-fav:hover {
    background-position: center -43px;
}

.link-download {
    display: block;
    height: 37px;
    line-height: 37px;
    background: url('http://www.hallmarkoffers.ca/en/images/link-download.png') 0 center no-repeat;
    padding-left: 48px;
}

.link-screen-size {
    width: 25px;
    height: 18px;
    padding-right: 8px;
    background: url('http://www.hallmarkoffers.ca/en/images/icon-fullscreen.png') 0 0 no-repeat;
}

.link-smallscreen {
    background-image: url('http://www.hallmarkoffers.ca/en/images/icon-small-screen.png');
}

.link-parallel {
    line-height: 24px;
}

.nav-action {
    margin-top: 10px;
}

.link-learn-more {
    display: inline-block;
    vertical-align: top;
    padding-right: 43px;
    line-height: 1.4;
    color: #292f35;
    background: url('http://www.hallmarkoffers.ca/en/images/link-learn-more.png') right 3px no-repeat;
}

.link-prev {
    padding-left: 43px;
    background: url('http://www.hallmarkoffers.ca/en/images/link-prev.png') 0 3px no-repeat;
}

.link-next {
    text-align: right;
}

.link-see-all-offers {
    width: 176px;
    height: 21px;
    background: url('http://www.hallmarkoffers.ca/en/images/link-see-all-offers.png') 0 0 no-repeat;
}

.link-see-all-offers:hover {
    background-position: 0 -22px;
}

.link-show-me-more-ideas {
    width: 238px;
    height: 21px;
    background: url('http://www.hallmarkoffers.ca/en/images/link-show-me-more-ideas.png') 0 0 no-repeat;
}

.link-show-me-more-ideas:hover {
    background-position: 0 -22px;
}

.link-shop {
    background: url('http://www.hallmarkoffers.ca/en/images/link-shop.png') 0 0 no-repeat;
    width: 81px;
    height: 20px;
}

.link-shop:hover {
    background-position: 0 -20px
}

.link-copy-learn-more {
    background: url('http://www.hallmarkoffers.ca/en/images/link-copy-learn-more.png') 0 0 no-repeat;
    width: 134px;
    height: 20px;
}

.link-copy-learn-more:hover {
    background-position: 0 -20px;
}

.link-container:hover a {
    display: block;
    cursor: pointer;
}

.link-container:hover .link-heading {
   color: #037BDF;
}

.link-container:hover {
    cursor: pointer;
}

.link-container:hover p {
    color: #292f35;
}

.link-offset a,
.copy-offset {
    color: #ede7f6;
}

.link-offset a:hover {
    color: #fff;
}

/* ---------------------------------------------------------------------
Modules
------------------------------------------------------------------------ */

.mod {
    background: #fff;
    border: 1px solid #dcdcdc;
    position: relative;
    margin-bottom: 16px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.mod-alt {
    margin-bottom: 8px;
}

.mod-partial {
    border-top: 1px solid #d1d1d1;
    border-bottom: 1px solid #d1d1d1;
}

.no-sizing {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.mod-product {
    height: 351px;
    overflow: hidden;
}

.mod-article {
    height: 315px;
}

.mod-profile {
    height: 190px;
    overflow: hidden;
}

.mod-related {
    height: 240px;
}

.mod-offer {
    min-height: 193px;
}

/* ---------------------------------------------------------------------
Modules/Module Components
------------------------------------------------------------------------ */

.mod-wrap {
    border-top: 1px solid #dfe0e1;
}

.mod-body {
    margin-bottom: 24px;
    padding: 0 10px;
    height: 135px;
}

.mod-body-dbl {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 157px;
}

.mod-description {
    line-height: 1.2;
    font-size: 11px;
    margin-bottom: 5px;
}

.description {
    line-height: 1.2;
}

/* ---------------------------------------------------------------------
Media Object
------------------------------------------------------------------------ */

.media-img {
    float: left;
    margin-right: 16px;
}

.media-body,
.media {
    overflow: hidden;
}

/* ---------------------------------------------------------------------
Layout Styles > Vertical Rhythm (vr) spacing between sections & components
------------------------------------------------------------------------ */

.layout-vr-tiny {
    display: block;
    margin-bottom: 4px;
}

.layout-vr-sm {
    display: block;
    margin-bottom: 8px;
}

.layout-vr-md {
    display: block;
    margin-bottom: 16px;
}

.layout-vr-lg {
    display: block;
    margin-bottom: 32px;
}

.layout-vr-xlg {
    margin-bottom: 48px;
}

/* ---------------------------------------------------------------------
Layout Styles > Inside padding on elements
------------------------------------------------------------------------ */

.layout-align-button {
    display: inline-block;
    padding-top: 10px;
    margin-right: 10px;
}

.layout-inside-tiny {
    padding: 4px;
}

.layout-inside-sm {
    padding: 8px;
}

.layout-inside-md {
    padding: 16px;
}

.layout-inside-lg {
    padding: 32px;
}

.layout-inside-xlg {
    padding: 64px;
}

.partial {
    padding-left: 0;
    padding-right: 0;
}

.layout-inside-bottom-lg {
    padding-bottom: 32px;
}

.partial-alt {
    padding-top: 0;
    padding-bottom: 0;
}

/* ---------------------------------------------------------------------
Layout Styles > Vertically centering content
------------------------------------------------------------------------ */

.layout-vc-wrapper {
    display: table;
}

.layout-vc {
    display: table-cell;
    vertical-align: middle;
}

.layout-vt {
    display: table-cell;
    vertical-align: top;
}

/* ---------------------------------------------------------------------
Layout Styles > Positioning and aligning elements
------------------------------------------------------------------------ */

.layout-centered {
    text-align: center;
}

.layout-centered-img,
.layout-centered-img img {
    margin: 0 auto;
    display: block;
}

.layout-right-img {
    float: right;
    margin: 16px 0 16px 16px;
}

.layout-left-img {
    float: left;
    margin: 16px 16px 16px 0;
}
/* ---------------------------------------------------------------------
Components > Product Rating
------------------------------------------------------------------------ */

.rating-inline {
    display: inline-block;
    margin-right: 8px;
}

.wrapper-rating {
    position: relative;
    width: 65px;
    height: 11px;
    margin-bottom: 8px;
}

.rating-default {
    background: #b4b4b4;
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 11px;
}

.rating-percentage {
    background: #613790;
    position: absolute;
    z-index: 10;
    height: 11px;
}

.rating-overlay {
    position: absolute;
    z-index: 100;
    width: 100%;
    height: 11px;
    text-indent: -9999px;
    background: url('http://www.hallmarkoffers.ca/en/images/rating-overlay.png') 0 0 no-repeat;
}

/* ---------------------------------------------------------------------
Components > Stylized prev/next links
------------------------------------------------------------------------ */

.nav-controls {
    position: absolute;
    right: 16px;
    bottom: 16px;
}

.nav-link {
    height: 15px;
    background: url('http://www.hallmarkoffers.ca/en/images/sprite-nav-prev-next.png')
}

.link-copy-prev {
    width: 85px;
    background-position: 0 0;
}

.link-copy-prev:hover {
    background-position: 0 -24px;
}

.link-copy-next {
    width: 58px;
    margin-left: 16px;
    background-position: -97px 0;
}

.link-copy-next:hover {
    background-position: -97px -24px;
}


/* ---------------------------------------------------------------------
Product Module > Components
------------------------------------------------------------------------ */

.item-note {
    background-color: #eae9e8;
    text-align: right;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 4px 0;
    overflow: hidden;
}

.item-note-ext {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}

.banner-red {
    background: #c51f00;
    color: #fff;
}

.banner-green {
    background: #3e9a21;
    color: #fff;
}

.item-note-ext:after {
    content: "";
    padding-right: 6px;
}

.item-note.tag {
    display: inline-block;
    padding: 8px;
    margin-bottom: 13px;
}

.item-note.tag:first-child {
    margin-right: 5px;
}

.item-feature-note {
    background-repeat: no-repeat;
    text-indent: -9999px;
    position: absolute;
    left: 0;
    top: 0;
    width: 65px;
    height: 59px;
    z-index: 50;
}

.item-feature-note.new {
    background-image: url('http://www.hallmarkoffers.ca/en/images/icon-new.png');
}

.item-feature-note.sale {
    background-image: url('http://www.hallmarkoffers.ca/en/images/icon-sale.png');
}

.item-feature-note.fave {
    background-image: url('http://www.hallmarkoffers.ca/en/images/icon-fave.png');
}

.item-feature-note.free {
    background-image: url('http://www.hallmarkoffers.ca/en/images/icon-free.png');
}

/* ---------------------------------------------------------------------
Callouts
------------------------------------------------------------------------ */

.callout-img {
    display: block;
    width: 134px;
    height: 134px;
    margin: 0 auto;
}

.callout-img-alt {
    width: 210px;
}

.inside-alt {
    padding-bottom: 0;
}

/* ---------------------------------------------------------------------
Articles
------------------------------------------------------------------------ */

.article-block-link {
    text-align: center;
    background: transparent url('http://www.hallmarkoffers.ca/assets/images/divider.png') center bottom no-repeat;
}

.article-block-link.last {
    background: none;
}

.partner-article-abstract {
    min-height: 302px;
}

.v-divide-left {
    background: transparent url('http://www.hallmarkoffers.ca/assets/images/bg-vert-divider.png') left center no-repeat;
}

/* ---------------------------------------------------------------------
Article (next/prev) Previews
------------------------------------------------------------------------ */

.preview-content {
    width: 125px;
}

.title-aligned {
    margin-top: 36px;
}

.preview-next {
    text-align: right;
}

.preview-item {
    padding-bottom: 16px;
    background: url('http://www.hallmarkoffers.ca/en/images/border-show.png') 0 bottom repeat-x;
}

.preview-item.last {
    background: none;
    margin-bottom: 0;
    padding-bottom: 0
}

/* ---------------------------------------------------------------------
General Image Styles
------------------------------------------------------------------------ */

.img-content {
    width: 173px;
    height: 173px;
    margin: 26px auto 7px;
    display: block;
}

.img-full {
    margin: 0 auto -2px;
    display: block;
}

.img-block {
    display: block;
}

.img-align {
    display: inline-block;
    margin-bottom: 16px;
}

.img-ecard {
    height: 342px;
    position: absolute;
    right: 0;
    top: -5px;
    z-index: -1;
}

.thumb-scale-2col {
    width: 132px;
    height: 132px;
    display: block;
}

.thumb-scale-3col {
    width: 215px;
    height: 215px;
    display: block;
}

.img-scale-5col {
    display: block;
    width: 399px;
    height: 399px;
}


/* ---------------------------------------------------------------------
Banners > Promos
------------------------------------------------------------------------ */

.section-result {
    background: #fff url('http://www.hallmarkoffers.ca/en/images/bg-search-promo.png') 0 0 no-repeat;
    height: 233px;
}

.search-result-img {
    float: left;
    margin: 24px 40px 0 0;
}

.section-result-body {
    margin: 60px 0 0 196px;
}

/* ---------------------------------------------------------------------
Wysiwyg Styles
------------------------------------------------------------------------ */

sup {
    font-size: 8px;
    position: relative;
    top: -2px;
}

.wysiwyg p,
p.wysiwyg {
    line-height: 1.4;
    margin-bottom: 16px;
}

.wysiwyg em {
    font-style: italic;
}

.wysiwyg strong,
.wysiwyg b {
    font-weight: bold;
}

.wysiwyg ul {
    margin: 0 0 32px 16px;
    list-style: disc outside;
}

.wysiwyg li ul {
    margin: 16px 0 0 16px;
}

.wysiwyg li ol {
    margin: 16px 0 0 20px;
}

.wysiwyg ul.alt {
    list-style: none;
}

.wysiwyg ol {
    margin: 0 0 32px 20px;
    list-style: decimal outside;
}

.wysiwyg li {
    margin-bottom: 11px;
    line-height: 1.25;
}

.wysiwyg img {
    display: block;
}

.wysiwyg table {
    width: 100%;
    margin-bottom: 8px;
}

.wysiwyg table tr {
    background-color: transparent;
}

.wysiwyg table td {
    background-color: #fff;
}

.wysiwyg .row-highlight-alt,
.wysiwyg tr:nth-child(odd) td {
    background-color: #f4f4f4;
}

.wysiwyg table tr th,
.wysiwyg table tr td {
    padding: 8px 18px;
    text-align: left;
}

.wysiwyg table tr th {
    font-weight: bold;
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover,
.wysiwyg h1 a:hover,
.wysiwyg h2 a:hover,
.wysiwyg h3 a:hover,
.wysiwyg h4 a:hover,
.wysiwyg h5 a:hover,
.wysiwyg h6 a:hover {
    color: #037bdf;
}

.wysiwyg blockquote {
    margin: 0 0 32px 16px;
    font: 22px/1.3 "abril-text", georgia, serif;
}

/* ---------------------------------------------------------------------
Buttons
------------------------------------------------------------------------ */

.button {
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.9px;
    font-size: 13px;
    text-align: center;
    font-family: "proxima-nova", Arial, Helvetica sans-serif;
    font-weight: 600;
    vertical-align: top;
    display: inline-block;
    border: 1px solid #037BDF;
    cursor: pointer;
    -webkit-border-radius: 3px;
    -moz-webkit-radius: 3px;
    border-radius: 3px;
    background-color: #037BDF;
    background-image: -moz-linear-gradient(center top, #037BDF 0%, #2D639C 100%);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#037BDF), to(#2D639C));
    background-image: -ms-linear-gradient(top, #037BDF 0%, #2D639C 100%);
    background-image: linear-gradient(top, #037BDF 0%, #2D639C 100%);
}

a.button {
    color: #fff;
}

.button:hover {
    color: #fff;
    border: 1px solid #2D639C;
    background: #2D639C;
}

.btn-form {
    margin-left: 16px;
}

.btn-primary {
    padding: 10px 15px;
}

.btn-secondary {
    padding: 8px 15px;
}

.btn-tertiary {
    padding: 5px 8px 4px;
}

button.btn-primary,
input.btn-primary {
    height: 35px;
    padding-top: 8px;
}

button.btn-secondary,
input.btn-secondary {
    height: 33px;
}

.btn-t-light {
    color: #555555;
    border-top: 1px solid #eeeeee;
    border-right: 1px solid #d8d9d9;
    border-bottom: 1px solid #afafaf;
    border-left: 1px solid #d8d9d9;
    background-color: #EEEDE9;
    background-image: -moz-linear-gradient(top, #fdfdfc 0%, #eeede9 100%);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fdfdfc), to(#eeede9));
    background-image: -ms-linear-gradient(top, #fdfdfc 0%, #eeede9 100%);
    background-image: linear-gradient(top, #fdfdfc 0%, #eeede9 100%);
}

a.btn-t-light:hover {
    background: #EEEDE9;
}

a.btn-t-light {
    color: #555;
}

.btn-alt {
    font-size: 11px;
}

.btn-t-light:hover {
    color: #555555;
    background-color: #e7e7e5;
    border-top: 1px solid #eeeeee;
    border-right: 1px solid #d8d9d9;
    border-bottom: 1px solid #afafaf;
    border-left: 1px solid #d8d9d9;
    background-image: -moz-linear-gradient(top, #fefefe 0%, #e7e7e5 100%);
    background-image: -webkit-linear-gradient(top, #fefefe 0%, #e7e7e5 100%);
    background-image: -ms-linear-gradient(top, #fefefe 0%, #e7e7e5 100%);
    background-image: linear-gradient(top, #fefefe 0%, #e7e7e5 100%);
}

.btn-t-light:active {
    background-color: #e7e7e5;
    border-top: 1px solid #eeeeee;
    background: -moz-linear-gradient(top, #e8e8e7 0%, #fdfdfd 100%);
    background: -webkit-linear-gradient(top, #e8e8e7 0%, #fdfdfd 100%);
    background: -ms-linear-gradient(top, #e8e8e7 0%, #fdfdfd 100%);
    background: linear-gradient(top, #e8e8e7 0%, #fdfdfd 100%);
}

.btn-disabled,
.btn-disabled:hover {
    background: #7f8286;
    border: 1px solid #7f8286;
    color: #dfdfdf;
    cursor: default;
}

.actions {
    border-bottom: 1px solid #a8a8a8;
    padding: 0 0 11px;
    margin-bottom: 14px;
}

.actions .button:first-child {
    margin-right: 7px;
}


/* ---------------------------------------------------------------------
Content Divisions
------------------------------------------------------------------------ */

.section-divide-top {
    padding-top: 32px;
    background: url('/en/images/border-dashed-grey.png') 0 0 no-repeat;
}

.section-divide-bottom {
    padding-bottom: 32px;
    background: url('/en/images/border-dashed-grey.png') 0 bottom no-repeat;
}

.divided {
    padding-top: 16px;
    border-top: 1px dashed #e8e8e8;
}

/* ---------------------------------------------------------------------
Copy > Explore Categories-Products, Ideas & Spotlight / Brand text
------------------------------------------------------------------------ */

.copy-products,
.copy-products a,
.nav-slides .active-products .heading-f {
    color: #25a9df;
}

.copy-ideas,
.copy-ideas a,
.tabbed-ideas .active .heading-f {
    color: #d30055;
}

a.js-copy-success:hover,
a.js-copy-success,
.copy-spotlight,
.copy-spotlight a,
.nav-slides .active-spotlight .heading-f {
    color: #52a33c;
}

.copy-social {
    color: #3b5a97;
}

.copy-brand {
    color: #613790;
}

.slide-tab {
    display: block;
    width: 82px;
    height: 95px;
    text-align: center;
    position: absolute;
    top: 0;
    right: 32px;
    background: transparent url(http://www.hallmarkoffers.ca/en/images/bg-sound-tab.png) 0 -4px no-repeat;
}

.slide-tab .icon.icon-listen {
    margin: 10px auto;
}

/* ---------------------------------------------------------------------
Explore Media
------------------------------------------------------------------------ */

.feature-media {
    position: relative;
}

.link-overlay {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: bold;
    background: #fff;
    border: 1px solid #e1ded7;
    border-left: 0;
    position: absolute;
    left: 0;
    bottom: 14px;
    padding: 9px 24px;
}

/* ---------------------------------------------------------------------
Typography
------------------------------------------------------------------------ */

.heading-a a, .heading-b a, .heading-c a, .heading-d a, .heading-e a, .heading-f a, .heading-g a {
    color: #292F35;
}
.heading-a a:hover, .heading-b a:hover, .heading-c a:hover, .heading-d a:hover, .heading-e a:hover, .heading-f a:hover, .heading-g a:hover {
    color: #037BDF;
    text-decoration: none;
}
.heading-a {
    font-size: 42px;
    font-weight: normal;
    line-height: 1.2;
}
.heading-b {
    font-size: 30px;
    font-weight: normal;
    line-height: 1.2;
}
.heading-c {
    font-size: 22px;
    font-weight: normal;
    line-height: 1.2;
}
.heading-d {
    font-size: 18px;
    font-weight: normal;
    line-height: 1.2;
}
.heading-e {
    font-size: 15px;
    font-weight: normal;
    line-height: 1.2;
}
.heading-f {
    font-size: 13px;
    font-weight: normal;
    line-height: 1.2;
}
.heading-g {
    font-size: 11px;
    font-weight: normal;
}
.heading-alt {
    font-family: "abril-text",georgia,serif;
}
.heading-hand {
    font-family: "hallmark-handjive-biform-aa",georgia,serif;
}
.heading-heavy {
    font-weight: bold;
}
.heading-upper {
    text-transform: uppercase;
}
.heading-caps {
    letter-spacing: 1px;
    text-transform: uppercase;
}
.heading-offset, .heading-offset a {
    color: #FFFFFF;
}
.heading-product {
    margin-bottom: 2px;
}
.heading-handstand {
    font-family: "hmk-handstand-sans-sbw",georgia,serif;
}
.accordion-head {
    cursor: pointer;
    display: block;
    padding: 16px;
}
.accordion-head a {
    background: url("http://www.hallmarkoffers.ca/en/images/checkout/icon-arrow-lg.png") no-repeat scroll right -18px transparent;
    color: #292F35;
    display: block;
    text-decoration: none;
}
.accordion-head-is-expanded a {
    background-position: right 5px;
}
.accordion-head a:hover, .accordion-sub-head a:hover {
    color: #292F35;
    cursor: pointer;
    text-decoration: none;
}
.accordion-sub-head {
    background-color: #F3EFED;
    padding: 12px 16px;
}
.accordion-sub-head-skinny {
    padding: 7px 7px 7px 16px;
}
.accordion-sub-head-heading {
    background: url("http://www.hallmarkoffers.ca/en/images/icon-arrow-down-filters.png") no-repeat scroll right -15px transparent;
}
.accordion-sub-head-is-expanded {
    background-position: right 8px;
}
.accordion-subhead-active:hover {
    background-color: #D4EEF6;
    cursor: pointer;
    transition: background-color 0.15s ease-in 0s;
}
.accordion-body {
    padding: 0 16px 16px;
}
.copy-a {
    font-size: 18px;
    line-height: 1.4;
}
.copy-b {
    font-size: 15px;
    line-height: 1.4;
}
.copy-c {
    font-size: 13px;
    line-height: 1.4;
}
.copy-d {
    font-size: 11px;
    line-height: 1.4;
}
.copy-em {
    font-style: italic;
}

.overlay-copy {
	color: #ffffff;	
}
/* ---------------------------------------------------------------------
Responsive Content
------------------------------------------------------------------------ */

.responsive-area img {
    max-width: 100%;
}

.blocks-custom-2up {
    overflow: hidden;
}

.blocks-custom-2up > * {
    float: left;
    margin-left: 2.6%;
    width: 45.9%;
}

/*-----------------------------------------------------------------------
BW - one-off css code
-------------------------------------------------------------------------*/

.familyTreeHeroText {
	height: 80%;
    left: 0;
    max-width: 80%;
    position: absolute;
    top: 0;
}


.conversationsHeroText {
	position: absolute;
	top: 0;
	left: 0;	
}

.magic-prints {
    left: 30px;
    position: absolute;
    top: 705px;
}

/*----------------------------------------------------------------------*/

/************** BEGIN - scroller override - KOC - whats-happening ***************/
.feature .scrollable {
    height: 250px;
    overflow: hidden;
    position: relative;
    width: 684px;
}

.feature a.left {
    background: url("http://www.hallmark.com/assets/images/nav-slideshow-prev.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    float: left;
    height: 50px;
    left: 0;
    opacity: 0.5;
    top: 36px;
    width: 50px;
    z-index: 10;
}

.feature a.right {
    background: url("http://www.hallmark.com/assets/images/nav-slideshow-next.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    float: right;
    height: 50px;
    opacity: 0.5;
    right: 0;
    top: 50px;
    width: 50px;
    z-index: 10;
}
/************** END - scroller override - KOC - whats-happening ***************/

/**************  minor padding set for featured commercials page BW - 2-5-14 ************************/
.pad-left {
    padding-left: 10px;
}