/*
Theme Name: Heap Child
Theme URI: https://pixelgrade.com/demos/heap/
Author: PixelGrade
Author URI: https://pixelgrade.com/
Description: They just keep piling on and on.
Template: heap
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: heap-child
Domain Path: /languages/
Tags: white, light, dark, responsive-layout, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Requires at least: 4.4
Tested up to: 4.5

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Heap is based on Underscores http://underscores.me/, (C) 2012-2013 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/

/* Curio Fonts */

@font-face {
    font-family: 'ProximaNova';
    src: url(../heap/assets/fonts/proxima-nova/proxima-reg.woff) format('woff');
    src: url(../heap/assets/fonts/proxima-nova/proxima-reg.woff2) format('woff2');
    font-weight: 400;
}

@font-face {
    font-family: 'ProximaNova';
    src: url(../heap/assets/fonts/proxima-nova/proxima-med.woff) format('woff');
    src: url(../heap/assets/fonts/proxima-nova/proxima-med.woff2) format('woff2');
    font-weight: 500;
}

@font-face {
    font-family: 'Bariol';
    src: url(../heap/assets/fonts/bariol/bariol-light.woff) format('woff');
    src: url(../heap/assets/fonts/bariol/bariol-light.woff2) format('woff2');
    font-weight: 300;
}

@font-face {
    font-family: 'Bariol';
    src: url(../heap/assets/fonts/bariol/bariol-reg.woff) format('woff');
    src: url(../heap/assets/fonts/bariol/bariol-reg.woff2) format('woff2');
    font-weight: 400;
}

@font-face {
    font-family: 'Geomanist';
    src: url(../heap/assets/fonts/geomanist/geomanist-reg.woff) format('woff');
    src: url(../heap/assets/fonts/geomanist/geomanist-reg.woff2) format('woff2');
    font-weight: 400;
}

@font-face {
    font-family: 'Geomanist';
    src: url(../heap/assets/fonts/geomanist/geomanist-med.woff) format('woff');
    src: url(../heap/assets/fonts/geomanist/geomanist-med.woff2) format('woff2');
    font-weight: 500;
}

@font-face {
    font-family: 'Geomanist';
    src: url(../heap/assets/fonts/geomanist/geomanist-bold.woff) format('woff');
    src: url(../heap/assets/fonts/geomanist/geomanist-bold.woff2) format('woff2');
    font-weight: 600;
}

/* ADD YOUR NEW CSS RULES HERE */

body { background: #2E2F40; }

.container, .wrapper { background: #F5F6FC; margin-bottom: 0 !important; padding-bottom: 0 !important; overflow: hidden; }
.content { margin-bottom: 0 !important; padding-bottom: 0 !important; border-bottom: 0 !important; }

.curio-green{ color: rgb(23,195,123); }
.curio-blue, .curio-blue a { color: rgb(0,161,255); }
.curio-green-bg { background: rgba(23,195,123,1); }
.curio-green-bg:hover { background: rgba(23,195,123,0.9); }
.curio-blue-bg { background: rgba(0,161,255,1); }
.curio-blue-bg:hover { background: rgba(0,161,255,0.9); }

.crowdspring-pink{ color: rgb(221,2,104); }
.crowdspring-blue, .crowdspring-blue a { color: rgb(35,179,241); }
.crowdspring-pink-bg { background: rgba(221,2,104,1); }
.crowdspring-pink-bg:hover { background: rgba(221,2,104,0.9); }
.crowdspring-blue-bg { background: rgba(35,179,241,1); }
.crowdspring-blue-bg:hover { background: rgba(35,179,241,0.9); }

/*.mosaic__item {
   background: #fff;
   box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.10);
   border-radius: 3px;
}*/

.heading {
    margin-top: 24px;
}

.curio-post-slider {
   display: block;
   width: 100%;
   height: 300px;
   background: red;
}

.site-header .header-component--left {
    display: none !important; /* Allows site logo to be aligned to the left in the header by removing social icons */
}

.site-title--image img {
    margin: 0 !important;
}

@media screen and (min-width: 740px) {
   .article-single {
      margin: 0 auto !important;
      width: 700px !important;
   }

   .article-archive--masonry {
      /*border: 38px solid transparent !important;/*
      /*border: 0px solid transparent !important;*/
      border-bottom: 36px solid transparent !important;
   }
}

.article-archive--masonry {
   /*border: 38px solid transparent !important;/*
   /*border: 0px solid transparent !important;*/
   /*border-bottom: 36px solid transparent !important;*/
}


@media screen and (min-width: 900px) {
   .article-archive--masonry {
      border: 18px solid transparent !important;
   }
}

@media screen and (max-width: 899px) {
   .article-archive--masonry {
      border-left: none !important;
      border-right: none !important;
   }
}

@media only screen and (min-width: 900px) {
      .header--sticky .site-header__container .flexbox, .header--sticky .site-header__container .navigation--main {
        padding-left: 84px !important;
        padding-right: 84px !important;
        } }

@media only screen and (max-width: 999px) {
   .container {
      padding: 0;
      padding-top: 48px;
   }

   .single-content {
      padding-top: 20px;
   }

   .mobile-single-content {
      padding-left: 30px;
      padding-right: 30px;
   }
}

.article-archive .article__categories {
   font-size: 14px !important;
    padding-left: 30px;
    padding-top: 15px;
}

.article-archive .article__title {
   font-family: "Geomanist", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif !important;
   font-size: 28px !important;
   padding: 0 30px;
}

.article__title a:hover {
   color: #028EE0 !important;
}

.article-archive .article__content {   
   padding: 0 30px;
}

.article-archive .article__meta {   
   padding-top: 20px;
   padding-bottom: 30px;
   border-top: 1px solid #B5B4B4;
   margin-left: 30px;
   margin-right: 30px;
   margin-top: 20px;
}

.extra-margin {
   margin-top: 24px !important;
}

.article-archive .article__content {
   font-size: 18px !important;
}

.article-archive .meta-box {
   font-size: 12px !important;
}

p {
   font-family: "Bariol", Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;
   font-weight: 400;
   letter-spacing: -.003em !important;
   font-size: 20px;
}

body {
   font-size: 16px !important;
   line-height: 1.7 !important;
}

#curio-footer { margin: 0; padding: 0; }
#curio-footer .curio-footer-wrapper { margin: 0; margin-top: 80px; width: 100%; }
#curio-footer .curio-newsletter-cta-wrapper { margin: 0; background-image: radial-gradient(circle at 35% 30%, #23B3F1 10%, #1AFF97 100%); }
#curio-footer .footer-links-wrapper { margin: 0; background: #2E2F40; padding: 40px 0; }



#curio-footer .footer-content-wrapper {
   margin: 0 auto;
   width: 100%;
   max-width: 1212px;
   border-left: 18px solid transparent;
   border-right: 18px solid transparent;
}

   @media only screen and (min-width: 700px) {
      #curio-footer .footer-content-wrapper {
         display: flex;
      }

      #curio-footer .footer-left {
         float: left;
         width: 50%;
         align-self: center;
      }

      #curio-footer .footer-right {
         float: right;
         width: 50%;
         align-self: center;
      }
   }

   @media only screen and (max-width: 699px) {
      #curio-footer .footer-left {
         float: none;
         width: 100%;
      }

      #curio-footer .footer-right {
         float: none;
         width: 100%;
      }
   }

#curio-footer ul { margin: 0; padding: 0; list-style-type: none; }

   @media only screen and (max-width: 699px) {
      #curio-footer ul {
         margin: 0 auto;
      }
   }

#curio-footer li {
   margin: 0;
   padding: 0;
   float: left;
   margin-right: 20px;
   font-size: 14px;
   color: #FFFFFF;
   letter-spacing: 0px;
   line-height: 30px;
}

#curio-footer li:last-child { margin-right: 0; }

#curio-footer .footer-links { width: 100%; display: flex; }

#curio-footer .footer-links a { color: rgba(255, 255, 255, 0.3); }
#curio-footer .footer-links a:hover { text-decoration: underline; }

#curio-footer .copyright {
   display: flex;
   width: 100%;
}

#curio-footer .copyright p {
   font-family: "ProximaNova","Helvetica Neue",Arial,sans-serif;
   font-size: 14px;
   color: #FFFFFF;
   letter-spacing: 0px;
   line-height: 30px;
   margin: 0;
}

   @media only screen and (max-width: 699px) {
      #curio-footer .copyright p {
         margin: 0 auto;
      }
   }

#curio-footer .footer-social { float: right; }

   @media only screen and (max-width: 699px) {
      #curio-footer .footer-social {
         float: none;
         text-align: center;
         margin-top: 20px;
      }
   }



#curio-footer .social-but {
   display: inline-block;
   margin: 0;
   width: 38px;
   height: 38px;
   color: #fff;
   text-align: center;
   margin-right: 10px;
   border-radius: 50px;
   -webkit-transition: all 0.1s ease-in-out;
   -moz-transition:    all 0.1s ease-in-out;
   -ms-transition:     all 0.1s ease-in-out;
   -o-transition:      all 0.1s ease-in-out;
   transition:         all 0.1s ease-in-out;
}

#curio-footer .social-but:hover { opacity: 0.9; }
#curio-footer .social-but:last-child { margin-right: 0; }

#curio-footer .footer-social a {
   display: block;
   width: 38px;
   height: 38px;
}

#curio-footer .twitter { background: rgba(0,170,236,1); }
/*#curio-footer .twitter:hover { background: rgba(0,170,236,0.9); }*/


#curio-footer .facebook { background: #4460A0; }
#curio-footer .facebook:hover { background: #4460A0; }


#curio-footer .youtube { background: #cc181e; }
#curio-footer .youtube { background: #cc181e; }

#curio-footer .footer-social i {
   margin: 0;
   font-size: 22px;
   color: #fff;
   align-self: center;
   line-height: 38px;
}

.curio-newsletter-cta {
   display: block;
   margin: 0 auto;
   width: 100%;
   max-width: 1176px;
   padding-top: 70px;
   padding-bottom: 80px;
   text-align: center;
   color: #fff;
}

   @media only screen and (max-width: 899px) {
      .curio-newsletter-cta {
         padding-left: 30px;
         padding-right: 30px;
      }
   }

.curio-newsletter-cta h2 {
   margin: 0;
   font-size: 36px;
   font-weight: 400;
   color: #fff;
}

   @media only screen and (max-width: 899px) {
      .curio-newsletter-cta h2 {
         line-height: 1.2;
      }
   }

.curio-newsletter-cta p {
   margin: 0;
   padding-top: 0px;
}

   @media only screen and (max-width: 899px) {
      .curio-newsletter-cta p {
         margin-top: 20px;
      }
   }

.txtfield {
   margin-top: 30px !important;
}

.curio-newsletter-cta .fieldstyle {
    display: inline-block;
    margin: 0;
    width: 300px !important;
    border-radius: 3px !important;
    height: 46px;
    font-family: "ProximaNova","Helvetica Neue",Arial,sans-serif;
    font-weight: 400;
    color: #585259;
    background-color: #fff !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    -webkit-border-radius: 0; 
    border-radius: 0;
    border: 1px solid #C2C2C2;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

   @media only screen and (max-width: 899px) {
      .curio-newsletter-cta .fieldstyle {
         width: 100% !important;
      }
   }

.curio-newsletter-cta .sub-button {
   -webkit-appearance: button;
   -webkit-tap-highlight-color: rgba(255, 255, 255, 0.3);
   /*background: rgba(255, 140, 92,1);*/
   border: 0;
   border-radius: 3px;
   height: 46px;
   color: #fff;
   cursor: pointer;
   font-family: "Open Sans";
   font-size: 14px;
   font-weight: 600;
   margin-bottom: 0;
   text-transform: uppercase;
   outline-width: 0;
   padding-left: 24px;
   padding-right: 24px;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   box-sizing: border-box;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
}

/*.curio-newsletter-cta .sub-button:hover {
   background: rgba(255, 140, 92,0.9);
}*/

   @media only screen and (max-width: 899px) {
      .curio-newsletter-cta .sub-button {
         width: 100% !important;
         font-size: 18px;
      }
   }

.curio-footer-wrapper {
   background: #2E2F40;
}

.article__footer .pixlikes-box {
   margin: 10px !important;
   padding-top: 4px;
}

.pixlikes-box {
   background: #fff;
   margin: 30px 0 !important;
}

.icon-e-heart {
   color: red !important;
}

.pagination:before, .pagination--single {
   border-top: 0 !important;
}

.author__avatar img {
   border-radius: 50px !important;
}

a {
   -webkit-transition: all 0.1s ease-in-out;
   -moz-transition:    all 0.1s ease-in-out;
   -ms-transition:     all 0.1s ease-in-out;
   -o-transition:      all 0.1s ease-in-out;
   transition:         all 0.1s ease-in-out;
}

/*a, a:hover {
   color: #FF8C5C;
}

.article-archive .article__categories a:hover {
   color: #FF8C5C !important;
}

.breadcrumbs a:hover {
   color: #FF8C5C !important;
}*/

#disqus_thread {
    max-width: 700px;
    padding-bottom: 80px;
    margin: auto;
    margin-top: 70px !important;
    /*margin-bottom: 0px !important;*/
}

.curio-cta-wrapper {
   display: block;
   border: 18px solid transparent;
   width: 100% !important;
}

   @media only screen and (max-width: 899px) {
      .curio-cta-wrapper {
         border-left: none;
         border-right: none;
         border-top: none;
      }
   }

.curio-cta {
   display: block;
   margin: 0 auto;
   width: 100%;
   /*margin-bottom: 18px;*/
   padding-top: 70px;
   padding-bottom: 80px;
   text-align: center;
   background: #fff;
   box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.10);
   border-radius: 3px;
}

@media only screen and (min-width: 900px) {
      .curio-cta {
        max-width: 1208px;
        } }

.curio-gray { background: linear-gradient(180deg, #FF469D 0%, #FFEA5D 100%)
 }
.curio-post-cta { 
   box-shadow: none;
   border-radius: 0; }

.curio-cta .single-content-cta {
   box-shadow: none;
   border-radius: 0;
   margin-top: 70px;
   margin-bottom: 80px;
}

.curio-cta-content {
   margin: 0 auto;
   width: 100%;
   text-align: center;
}

   @media only screen and (max-width: 899px) {
      .curio-cta-content {
         padding-left: 30px;
         padding-right: 30px;
      }
   }

.curio-cta h2 {
   margin: 0;
   font-size: 36px;
   line-height: 1.2;
   font-weight: 400 !important;
}

.curio-cta p {
   margin: 0;
   padding-top: 0px;
}

   @media only screen and (max-width: 899px) {
      .curio-cta p {
         margin-top: 20px;
      }
   }

.site-footer {
    margin: 0 !important;
}

/*.copyright-text {
   margin-top: 40px !important;
   margin-bottom: 40px !important;
}*/

.button {
   margin: 0 auto;
   padding: 0 36px;
   border-radius: 3px;
   margin-top: 30px;
   max-height: 50px;
   line-height: 50px;
   display: table;
   color: #fff;
   font-size: 16px;
   font-weight: 600;
   margin-bottom: 0;
   text-transform: uppercase;
   -webkit-transition: all 0.1s ease-in-out;
   -moz-transition:    all 0.1s ease-in-out;
   -ms-transition:     all 0.1s ease-in-out;
   -o-transition:      all 0.1s ease-in-out;
   transition:         all 0.1s ease-in-out;
}

.button:hover { color: #fff; }

.blog-archive--masonry-full {
    padding: 0;
}

.article-avatar {
   display: inline-block;
   border-radius: 50px;
   vertical-align: middle;
   margin: 0;
   margin-right: 6px;
   padding: 0;
}

.article-avatar img {
   border-radius: 50px;
}

.curio-featured-article-wrapper {
   border: 18px solid transparent;
   margin-top: 18px;
}

   @media only screen and (max-width: 899px) {
      .curio-featured-article-wrapper {
         border: none;
      }
   }

.curio-featured-article {
   display: block;
   margin: 0 auto;
   margin-top: 38px !important;
   margin-bottom: 38px !important;
   width: 100%;
   height: 500px;
   max-width: 1208px;
   position: relative;
   color: #fff;
   box-sizing: border-box;
   overflow: hidden;
   box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.10);
   border-radius: 3px;
   -webkit-background-size: cover !important;
   -moz-background-size: cover !important;
   -o-background-size: cover !important;
   background-size: cover !important;
}

.curio-bg-gradient {
   width: 100%;
   height: 100%;
   display: flex;
   justify-content: center;
   top: 0;
   right: 0;
   bottom: 300px;
   left: 0;
   /*background: rgba(0,0,0,0.4);*/
   background-image: linear-gradient(to bottom,rgba(0,0,0,0.1),rgba(0,0,0,0.4));
}

   @media only screen and (max-width: 899px) {
      .curio-bg-gradient {
         background-image: linear-gradient(to bottom,rgba(0,0,0,0.2),rgba(0,0,0,0.6));
      }
   }

.curio-featured-article .curio-featured-article-content {
   align-self: center;
   bottom: 32px;
   width: 80%;
   max-width: 850px;
}

/* Sticky Hero Headline */
.featured-article-headline {
   margin: 0 auto;
   font-family: "Geomanist", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
   font-size: 48px;
   font-weight: 500;
   color: #FFFFFF !important;
   text-align: center;
   line-height: 48px;
   letter-spacing: 1.79px;
   text-shadow: 0px 2px 4px rgba(0,0,0,0.50);
}

/* Sticky Hero Excerpt */
.curio-featured-article-content p {
   margin: 0 auto;
   margin-top: 20px;
   max-width: 600px;
   text-align: center;
   font-family: "ProximaNova";
   font-weight: 400;
   font-size: 26px;
   color: #F5F6FC !important;
   letter-spacing: 0px;
   line-height: 36px;
   text-shadow: 0px 2px 4px rgba(0,0,0,0.50);
}

.curio-featured-article .article__author-name address {
    font-size: 14px;
    font-weight: 600;
    text-shadow: 2px 2px 30px rgba(0,0,0,0.6);
}

.curio-featured-article .featured-article-link {
   display: block;
   width: 100%;
   height: 100%;
}

.curio-featured-article .article-avatar {
   margin-top: 6px;
   margin-right: 6px;
}

.curio-featured-article a {
   color: #fff !important;
}

.curio-featured-article a:hover {
   color: rgba(255,255,255,0.9) !important;
}


   @media only screen and (max-width: 899px) {
      .read-more-link {
         word-break: keep-all !important;
      }
   }

#curio-header-cta .button {
   padding: 0px 20px;
   border-radius: 3px;
   margin-top: 0px;
   max-height: 34px;
   line-height: 34px;
   display: inline-block;
   color: #fff;
   font-size: 14px;
   font-weight: 600;
   margin-bottom: 0;
   text-transform: uppercase;
}

#curio-header-cta a {
   margin: 0 !important;
   padding: 0 !important;
   line-height: 1 !important;
}

.article-archive .meta-box span {
    font-size: 14px;
    font-weight: 600;
}

.no-margin {
   margin: 0 !important;
}

.no-padding {
   padding: 0 !important;
}

.post-meta > * {
    margin: 0;
}

.featured-post-meta {
   margin-top: 12px;
}

.article__header .breadcrumbs {
    margin: 0;
    margin-bottom: 12px;
}

.author-box {
    border-top: 0;
    border-bottom: 0;
}

.shareaholic-canvas {
    margin-top: 70px !important;
}

.site-header__wrapper {
   background: #000630;
}

.archive-article-bg {
   background: #fff;
   box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.10);
   border-radius: 3px;
}

/*.single-content p,
.single-content h2,
.single-content h3,
.single-content h4,
.single-content ul,
.single-content ol,
.single-content .post-meta {
   max-width: 700px; margin: auto;
}*/

.article-archive--masonry .article__featured-image {
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

.article__likes {
   float: right;
   margin-top: 12px;
   margin-right: 1px !important;
}

.custom-heart {
   /*float: right;*/
   font-size: 18px;
   color: #D9D2E9;
   text-shadow: -1px 0 #826BB8, 0 1px #826BB8, 1px 0 #826BB8, 0 -1px #826BB8;
}

.icon-e-heart {
   color: #D9D2E9 !important;
   text-shadow: -1px 0 #826BB8, 0 1px #826BB8, 1px 0 #826BB8, 0 -1px #826BB8 !important;
}

.custom-meta-text {
   float: left;
   margin: 0;
   margin-right: 6px;
   font-size: 16px;
   line-height: 16px !important;
}

.single-content {
   background: #fff;
   margin-top: 50px;
   border-radius: 3px;
   box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.10);
}

@media only screen and (min-width: 900px) {
.article-archive--masonry:hover:before {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
}}

.site-logo {
   padding: 10px 0;
}

.dark-bg {
   color: #fff;
   /*background: #56576A;*/
   background: linear-gradient(180deg, #FF469D 0%, #FFEA5D 100%);
   background-image: linear-gradient(rgb(255, 70, 157) 0%, rgb(255, 234, 93) 100%);
   background-position-x: initial;
   background-position-y: initial;
   background-size: initial;
   background-repeat-x: initial;
   background-repeat-y: initial;
   background-attachment: initial;
   background-origin: initial;
   background-clip: initial;
   background-color: initial;
}

.white {
   color: #fff;
}

.cf:after, .nav:after, .rsBullets:after, .tabs__nav:after, .nav--main:after, .sub-menu:after, .commentlist:after, .author__social-links:after, .site-header__menu:after, .media:after, .author-box:after, .latest-comments__list:after, .island:after, .islet:after, .matrix:after, .multi-list:after, .widget_nav_menu ul:after, .widget_categories ul:after, .widget_meta ul:after, .wp-caption:after, blockquote cite:after, blockquote .testimonial__author-name:after, .btn-list:after, .widget_tag_cloud .wp-tag-cloud:after, .comments-area-title:after, .comment-reply-title:after, .progressbar:after, .mosaic:after, .footer-widget-area:after, .content:after, .widget_heap_social_links:after, .heap_popular_posts a:after, .pixcode--grid:after, .article-archive--classic:after {
    display: none;
}

/* This file assumes you wish to add new CSS rules that will overwrite the ones in the parent's CSS files

If you wish however, you can copy the whole style.css file from the parent here and hack at it - see functions.php for more details.
In that case please remember that you still need to retain the header above (replace the header of the parent style.css with the one above),
specifically the 'Template: heap' line. */