mug Archives - Gofer Gift

Entertainment

Gifts For People Obsessed With Iron Man

Ashley McCarley - August 22, 2019

Gift Guide: Iron Man Edition Avengers... assemble! Dating all the way back to 1963, Iron Man and Tony Stark have always had a place in...

Entertainment

Gifts For People Who Love Betty Boop

Ashley McCarley - August 21, 2019

Gift Guide: Betty Boop Edition Whether you love fashion, makeup, or jewelry, Betty Boop is iconic. Dating all the way back to the 1930's, Betty...

Entertainment

Gifts for I Love Lucy Fans

Ashley McCarley - August 20, 2019

Gift Guide: I Love Lucy Edition You got some splainin' to do! Lucy, Ricky, Ethel, Fred, and little Rickey will always have a place in...

Entertainment

Gifts For People Who Love Elvis

Ashley McCarley - July 26, 2019

Gift Guide: Elvis Edition Jailhouse Rock. Love Me Tender. Blue Suede Shoes. Viva Las Vegas. That's All Right. Need we say more? We love the...

Entertainment

Gifts For People Obsessed With The Simpsons

Ashley McCarley - July 10, 2019

Gift Guide: The Simpsons Edition We love the show and we love the Simpson family like they’re our own. Homer, Bart, Marge, Lisa, and Maggie...

Entertainment

Gifts For People Who Love Family Guy

Ashley McCarley - July 9, 2019

Gift Guide: Family Guy Edition We love Family Guy and we love the Griffin's just like they're our own family. Peter, Lois, Meg, Brian, and...

Entertainment

Gifts For People Who Are Obsessed With Bob’s Burgers

Ashley McCarley - July 7, 2019

Gift Guide: Bob's Burgers Edition We love Bob's Burgers and we love the Belcher family like they're our own. Bob, Linda, Tina, Louise, and Gene...

Baby & Kids

Gifts For New Parents

Ashley McCarley - June 17, 2019

A newborn can be stressful, but gift buying doesn't have to be! The little bundle of joy is finally here, and they are PERFECT!...

Holiday Gifts

Birthday Gifts For Him

Ashley McCarley - June 3, 2019

Gift Guide: Birthday Edition It's celebration time! Whether it's your dad, significant other, cousin, friend, or any other guy in your life, we're sure they'll...

Holiday Gifts

Gifts For Grandpa on Father’s Day

Ashley McCarley - May 30, 2019

Gift Guide: Grandpa Edition Father's Day is just around the corner and everyone knows that the best dads get promoted to grandpa! And what better...

12 3...6 Page 1 of 6

.sf-menu ul .td-menu-item > a {
    font-size:1em;
}

// MENU COLOR

@media (min-width:1000px) {
    // .sf-menu li:last-child {
    //     float:right;
    // }
    .td-header-main-menu {
        width: 1280px;
    }
}

@media (min-width:1000px) {
    .goferBottomAd {
    width: 100% !important;
    margin: auto;
    }
}

.fixText {
    font-size: .45em;
    letter-spacing:1px;
    color: #333 !important;
    text-align:center;
    margin-left: auto;
    text-shadow: 
    -15px 15px 25px rgba(0,0,0,0.2) !important;
}

.comment-form textarea {
    font-size: 1em;
}

.fullWidth {
    width: 100%;
}

.seeMoreCSS .td-pulldown-category {
    color: red;
    font-size: 1.2em;
}

.td-pb-article-list {
    display:none;
}

.td-category-title-holder .td-page-title{
    font-size: 5em;
    color: #2c2c2c;
    padding-bottom: .3em
}

.td-category-siblings {
    display:none;
}

.td-category-description p {
    font-size: 1.3em;
    font-weight:500;
    font-style: normal
}

.td_category_template_8 .td-category-header {
    background-color: rgba(0,0,0,0.6);
}
/* POST CSS */

.td-main-content h2,
.td-main-content h3,
.td-main-content h4 {
    color: rgba(0, 0, 0, .84)
}

.td-main-content h1 {
    font-weight: 700;
    font-style: normal;
    /* letter-spacing: 0; */
    font-size: 35px;
    margin-left: -2.63px;
    line-height: 1.04;
    letter-spacing: -.015em;
    padding-top: 5px!important;
}

.td-main-content h3 {
    --x-height-multiplier: 0.342;
    --baseline-multiplier: 0.22;
    letter-spacing: -.02em;
    font-weight: 700;
    font-style: normal;
    letter-spacing: 0;
    font-size: 27px;
    margin-left: -2.13px;
    line-height: 1.15;
    letter-spacing: -.015em
}

.td-main-content p {
    --x-height-multiplier: 0.375;
    --baseline-multiplier: 0.17;
    letter-spacing: .01rem;
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    line-height: 1.8;
    letter-spacing: .03em;
    margin-top: 1.5em;
    font-family: Lato;

}

@media all and (max-width:767px) {
    .td-main-content p {
        font-size: 18px;
        line-height: 1.58;
        letter-spacing: -.004em
    }
    .td-main-content h2 {
        font-size: 30px;
        margin-left: -2.13px;
        line-height: 1.04;
        letter-spacing: -.015em
    }
    .td-main-content h3 {
        font-size: 24px;
        margin-left: -1.88px;
        line-height: 1.15;
        letter-spacing: -.015em
    }
    .td-main-content h4 {
        font-size: 20px;
        margin-left: -1.5px;
        line-height: 1.22;
        letter-spacing: -.012em
    }
    .td-main-content h1 {
        font-size: 34px;
        margin-left: -2.13px;
        line-height: 1.04;
        letter-spacing: -.015em
    }
    .td-main-content h2 {
        margin-top: 35px
    }
    .td-main-content h3 {
        margin-top: 45px
    }
    .td-main-content h4 {
        margin-top: 31px
    }
    .td-main-content h1 {
        margin-top: 31px
    }
    .td-main-content h1 + .td-main-content p {
        margin-top: 10px
    }
}

.td-main-content hr {
    border-top: 3px solid rgba(17,101,219,0.96);;
}

/* CALLOUT CSS */

.callout {
    margin-top: 43px;
    margin-bottom: 26px;
    margin-left: .8em
}
.callout.pick {
    border: none;
    -webkit-box-shadow: 0 0 5px 0 #ccc;
    box-shadow: 0 0 5px 0 #ccc
}

.callout.pick .label {
    left: -12px
}

.callout {
    position: relative;
    margin: 3.5em 0 2em;
    padding: 1em 1.5em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 0 5px 0 hsla(0, 0%, 56%, .5);
    box-shadow: 0 0 5px 0 hsla(0, 0%, 56%, .5);
    border: 0 solid transparent;
    background-color: #fff;
    max-width: 360px;
    margin-left: auto;
    margin-right: auto
}

@media (min-width:30em) {
    .callout {
        max-width: 100%;
        margin-left: .5em;
        margin-right: .5em
    }
}

.product-image-link img {
    margin: auto;
    max-width: 160px;
}

.product-link:link, .product-link:visited {
    color: #ef3737;
}

.product-link {
    font-weight: 700;
    font-style: normal;
    line-height: normal;
}

.callout .label {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 20px;
    line-height: 1.25rem;
    font-weight: 700;
    font-style: normal;
    display: inline-block;
    position: absolute;
    top: -20px;
    left: -10px;
    margin: 0;
    padding: 9px 16px 8px 14px;
    color: #fff;
    background-color: #3358d5;
    -webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, .14);
    box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, .14)
}

.callout .label:after {
    content: " ";
    display: block;
    position: absolute;
    left: -10px;
    bottom: -7px;
    border-top: 0 inset transparent;
    border-right: 10px solid #133091;
    border-bottom: 7px inset transparent;
    border-left: 10px inset transparent
}

.callout .product-image {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-top: 1em
}

@media (min-width:30em) {
    .callout .product-image {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -ms-flex-item-align: center;
        align-self: center;
        margin-top: 0
    }
}

.callout .product-image-link {
    display: block
}

.callout .group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: .5em
}

@media (min-width:30em) {
    .callout .group {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top: .2em
    }
}

.callout .group .meta {
    max-width: 100%
}

@media (min-width:30em) {
    .callout .group .meta {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding-left: 1.5em
    }
}

.callout .group .product-name {
    font-size: 19px;
    font-size: 1.1875rem;
    line-height: 24px;
    line-height: 1.5rem;
    font-weight: 700;
    font-style: normal;
    margin-bottom: .5em;
    border: none;
    padding-top: 0
}

@media (min-width:30em) {
    .callout .group .product-name {
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 26px;
        line-height: 1.625rem;
        margin: 0 0 6px
    }
}

.callout .group .product-link {
    text-decoration: none;
    border-bottom: 1px solid #ef3737
}

.callout .group .title {
    font-size: 16px;
    font-size: 0.95rem;
    line-height: 18px;
    line-height: 1.125rem;
    font-weight: 600;
    font-style: normal;
    color: #000
}

@media (min-width:30em) {
    .callout .group .title {
        font-size: 16px;
        font-size: 0.95rem;
        line-height: 24px;
        line-height: 1.5rem;
        margin: 0 0 22px
    }
}

.callout .group .title a {
    text-decoration: none
}

.callout .group .description {
    font-size: 14px;
    font-size: .875rem;
    line-height: 20px;
    line-height: 1.25rem;
    font-weight: 500;
    font-style: normal;
    color: #000;
    margin-bottom: 0;
    padding-bottom: .75em
}

.callout .group .product-pricebox {
    margin-top: 14px
}

.callout .group .source-btn {
    font-size: 16px;
    font-size: 1rem;
    line-height: 19px;
    line-height: 1.2rem;
    font-weight: 700;
    font-style: normal;
    width: 100%;
    padding: .5em 1em .7em;
    border-radius: 7px;
    border: 0;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    color: #fff;
    text-decoration: none;
    display: block;
    text-align: center;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    background-size: 200% auto;
    background-image: #3358d5;
    background-image: -webkit-linear-gradient( to right, #3358d5 0%, #2bb8ca 51%, #3bae9b 71%, #189b81 100% );
    background-image: linear-gradient( to right, #3358d5 0%, #2bb8ca 51%, #3bae9b 71%, #189b81 100% );
}

.callout .group .source-btn:hover {
	background-position: right center;
	/* change the direction of the gradient movement here */
}

.callout .group .source-btn:hover {
    background-color: #ef3737;
    color: #fff
}

.callout .group .source-btn+.source-btn {
    margin-top: .4em
}

.callout .group .source-btn del {
    text-decoration: line-through;
    font-weight: 300
}

.callout.pick {
    -webkit-box-shadow: 0 0 5px 0 #7e9dff;
    box-shadow: 0 0 5px 0 #7e9dff;
    border: 6px solid #6085ff
}

.callout.pick .label {
    left: -16px
}

.callout .pointer {
    position: absolute;
    width: 40px;
    height: 40px;
    overflow: hidden;
    left: 12px;
    bottom: -40px
}

.callout .pointer:after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: #fff;
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
    top: -10px;
    left: 12px;
    -webkit-box-shadow: -1px -1px 5px -2px rgba(0, 0, 0, .5);
    box-shadow: -1px -1px 5px -2px rgba(0, 0, 0, .5)
}

.callout.pick .pointer {
    bottom: -46px
}

.callout.pick .pointer:after {
    background-color: #6085ff
}

.callout.pick:after {
    display: inline-block;
    border: 11px inset transparent;
    border-top: 11px solid #fff;
    content: "";
    position: absolute;
    display: block;
    height: 0;
    width: 0;
    left: 23px;
    bottom: -21px;
}

@media (min-width:1000px){
    .td-post-content {
      padding-left: 9em;
      padding-right: 9em
    }
}

.blog-card {
  display: flex;
  flex-direction: column;
  margin: 1rem auto;
  box-shadow: 0 3px 7px 2px rgba(0, 0, 0, .2);
  margin-bottom: 1.6%;
  background: white;
  line-height: 1.4;
  font-family: sans-serif;
  border-radius: 5px;
  overflow: hidden;
  z-index: 0;
  .meta {
    position: relative;
    z-index: 0;
    height: 200px;
    overflow: hidden;
  } &:hover {
    .photo {
      transform: scale(1.3);
    }
  }
  .photo {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: cover;
    background-position: center;
    transition: transform .2s;
  }
  
  .description {
    padding: 1rem;
    background: white;
    position: relative;
    z-index: 1;
    h1,
    h2 {
      font-family: Poppins, sans-serif;
    }
    h1 {
      line-height: 1;
      margin: 0;
      font-size: 1.3rem;
    }
    h2 {
      font-size: 1rem;
      font-weight: 300;
      text-transform: uppercase;
      color: $color_grey_dark;
      margin-top: 1.5em;
     &:before {
        content: "";
        position: absolute;
        height: 5px;
        background: #3358d5;
        width: 35px;
        top: auto;
        border-radius: 3px;
        margin-top:-1em
      }
    }
  }

@media (min-width: 640px) {
    flex-direction: row;
    .meta {
      flex-basis: 40%;
      height: auto;
      overflow: hidden;
    }
    .description {
      flex-basis: 60%;
      &:before {
        transform: skewX(-3deg);
        content: "";
        background: #fff;
        width: 30px;
        position: absolute;
        left: -10px;
        top: 0;
        bottom: 0;
        z-index: -1;
      }
    }
    &.alt {
      flex-direction: row-reverse;
      .description {
        &:before {
          left: inherit;
          right: -10px;
          transform: skew(3deg)
        }
      }
      .details {
        padding-left: 25px;
      }
    }
  }
}

@media (max-width: 640px) {
      .blog-card .photo {
      background-size: 40%;
      background-repeat: no-repeat;
    }
}

.blog-card .source-btn:hover {
    background-position: right center;
    text-decoration: none;
}
.blog-card .source-btn {
    margin-top: 0;
    margin-bottom:0;
     font-size: 16px;
    font-size: 1rem;
    line-height: 19px;
    line-height: 1rem;
    font-weight: 700;
    font-style: normal;
    font-family: Roboto;
    width: 100%;
    padding: 1.2em 0em 1.2em 0;
    border-radius: 7px;
    border: 0;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    color: #fff;
    text-decoration: none;
    display: block;
    text-align: center;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    background-size: 200% auto;
    background-image: #3358d5;
    background-image: -webkit-linear-gradient( to right, #3358d5 0%, #2bb8ca 51%, #3bae9b 71%, #189b81 100% );
    background-image: linear-gradient( to right, #3358d5 0%, #2bb8ca 51%, #3bae9b 71%, #189b81 100% );
}

.noUnderline:hover {
    text-decoration:none !important;
}

.noUnderline p {
    padding-bottom:0;
    margin:0;
}

.blog-card .description h1:hover {
    color: #3358d5;
}

.blog-card  .firstParagraphFix {
    position: relative;
    font-size: 15px;
    font-size: .935rem;
    line-height: 20px;
    line-height: 1.55rem;
    font-weight: 500;
    font-style: normal;
    color: #000;
    margin-bottom: 0;
    padding-bottom: 2em;
    font-family: Roboto;
    padding-top:1em;
  }
  
 /* GIFT STORY CSS */
blockquote p {
    border-left: 3px solid rgba(0, 0, 0, .84);
    padding-left: 20px;
    margin-left: -23px;
    padding-bottom: 2px;
    text-transform: none;
    color: rgba(0, 0, 0, .7) !important;
    border: none;
    font-style: normal;
    padding: 0;
    padding-left: 50px;
    text-align: left !important;
    text-transform:none;
     --x-height-multiplier: 0.342;
    --baseline-multiplier: 0.22;
    font-weight: 400 !important;
    font-size: 30px !important;
    margin-left: -1.88px !important;
    line-height: 1.48 !important;
    letter-spacing: -.012em !important;
    text-indent: -.32em;
    -indent: -.32em
}

blockquote p strong {
    color: rgba(0,0,0,.85);
}

p.read-more {
    margin-top: 0;
    margin-bottom:0;   
}

@media all and (max-width:767px) {
      blockquote p {
        font-size: 18px !important;
        line-height: 1.58 !important;
        letter-spacing: -.004em !important
    }
    .td-menu-login-section {
        display: none
    }
}

.td-post-content figcaption {
    font-weight: 400;
    --x-height-multiplier: 0.342;
    --baseline-multiplier: 0.22;
    letter-spacing: -.02em;
    font-weight: 300;
    font-style: normal;
    font-feature-settings: "liga" on,"lnum" on;
    -moz-font-feature-settings: "liga" on,"lnum" on;
    -webkit-font-feature-settings: "liga" on,"lnum" on;
    font-size: 14px;
    line-height: 1.4;
    color: rgba(0,0,0,.68);
    letter-spacing: 0;
    position: relative;
    left: 0;
    width: 100%;
    top: 0;
    margin-top: 10px;
    outline: 0;
    text-align: center;
    z-index: 300;
}

.amazonDisclaimer {
    font-family: Poppins, sans-serif;
    opacity: .55;
    font-size: .7rem;
    text-align: center;
    margin-top: .3rem;
}

Tag: mug

Gifts For People Obsessed With Iron Man

Gifts For People Who Love Betty Boop

Gifts for I Love Lucy Fans

Gifts For People Who Love Elvis

Gifts For People Obsessed With The Simpsons

Gifts For People Who Love Family Guy

Gifts For People Who Are Obsessed With Bob’s Burgers

Gifts For New Parents

Birthday Gifts For Him

Gifts For Grandpa on Father’s Day

EDITOR PICKS

POPULAR POSTS

20 Gifts for Anyone Obsessed with “The Office”

Marvel Gifts for Any Fan

It is Small, but it is Mighty – Magan’s Gift Story

POPULAR CATEGORY