makeup Archives - Gofer Gift

Home Tags Makeup

Home & Garden

Eco-Friendly Gifts People Actually Want

Ashley McCarley - August 14, 2019

Gift Guide: Eco-Friendly Edition We can all do our part in saving the planet. So, why not start with some environmentally friendly gifts?! They are...

Entertainment

Gifts For People Who Love Stranger Things 2019

Ashley McCarley - July 11, 2019

Gift Guide: Stranger Things Edition With the recent release of season 3 of Stranger Things, the hype is bigger than ever! It took us by...

Holiday Gifts

Gifts for People Who Love Makeup

Molly Hollman - February 15, 2019

Take a look at these gift ideas for makeup lovers! From eye shadow to setting spray, makeup is great for going out or dressing...

20 Gifts for Anyone Obsessed with “The Office”

October 31, 2018

Marvel Gifts for Any Fan

November 3, 2018

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

October 19, 2018

.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: makeup