/*
Theme Name: The Penny Hoarder 2017
Theme URI: https://www.thepennyhoarder.com/
Author: The Penny Hoarder Team
Author URI: https://www.thepennyhoarder.com/
Text Domain: pennyhoarder
*/

/* Typography */
.text-heading {
    font-size: 16px;
    line-height: 1.25em;
}

.text-subheading {
    font-size: 16px;
    line-height: 1.13636364em;
}

.text-timestamp {
    font-size: .75em;
}

.navbar-nav>li>a.text-menu {
    font-size: 14.34px;
    letter-spacing: .1em;
    padding-left: .05em;
}

.newsletter-social-block .newsletter-stats p {
    font-size: 10px;
    font-family: 'Roboto', sans-serif;
    font-weight: 200;
}

.verticals-heading {
    font-size: 1em;
    line-height: 1.5em;
    padding-left: .5em;
    letter-spacing: .5em;
}

.text-normal {
    font-size: 1em;
    line-height: 1.375em;
}

.text-bignumber {
    font-size: 43px;
    line-height: 1.25em;
}

.primary-purple-color {
    background-color: #4e4675;
}

.secondary-purple-color {
    background-color: #8882be;
}

.background-gray-color {
    background-color: #fcfafb;
}

.cta-turquoise-color {
    background-color: #34d6c8;
}

.true-white-color {
    background-color: #ffffff;
}

.menu-items-text {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    color: #4d4774;
    text-transform: uppercase;
}

.post-title-text {
    font-family: 'Crimson Text', serif;
    color: #000;
    font-weight: 400;
    display: block;
    margin: 20px auto;
}

.time-stamp-text {
    font-family: 'Roboto', sans-serif;
    color: #7d7d7d;
    font-weight: 400;
    display: inline-block;
    padding-top: 0 !important;
    margin-top: 5px;
}

.author-name-text {
    font-family: 'Roboto Condensed', sans-serif;
    color: #7d7d7d;
    font-weight: 700;
}

.photo-essay-tag-text {
    font-family: 'Crimson Text', serif;
    color: #252525;
    font-weight: 400;
    text-transform: uppercase;
}

.photo-essay-title-text {
    font-family: 'Roboto Condensed', sans-serif;
    color: #252525;
    font-weight: 700;
    text-transform: uppercase;
}

.stats-text {
    font-family: 'Roboto', sans-serif;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
}

.sub-text {
    font-family: 'Roboto', sans-serif;
    color: #fff;
    font-weight: 400;
    text-transform: uppercase;
}

.row.main-vertical-block {
    margin-bottom: 30px;
}

.photo-essay .photo-essay-article-content .photo-essay-article-content-title:before,
.posts-block .post-title-text:before,
.row.trending-block div .panel-body a.trending-block-post-title:before,
.row.main-vertical-block div .panel-body a:before,
.masthead-block-article-content-title:before,
.photo-essay .photo-essay-article-content .photo-essay-article-content-title:after,
.posts-block .post-title-text:after,
.row.trending-block div .panel-body a.trending-block-post-title:after,
.row.main-vertical-block div .panel-body a:after,
.masthead-block-article-content-title:after {
    content:'';
    display: block !important;
}

.photo-essay .photo-essay-article-content .photo-essay-article-content-title,
.posts-block .post-title-text,
.row.trending-block div .panel-body a.trending-block-post-title,
.row.main-vertical-block div .panel-body a,
.masthead-block-article-content-title,
.masthead-block-article-content-title:active,
.masthead-block-article-content-title:focus {
    display: inline !important;
}

.photo-essay .photo-essay-article-content .photo-essay-article-content-title:hover,
.photo-essay-article-content-title:hover,
.posts-block .post-title-text:hover,
.row.trending-block div .panel-body a.trending-block-post-title:hover,
.row.main-vertical-block div .panel-body a:not(.image-holder):hover,
.masthead-block-article-content-title:hover,
.photo-essay .photo-essay-article-content .photo-essay-article-content-title:focus,
.photo-essay-article-content-title:focus,
.posts-block .post-title-text:focus,
.row.trending-block div .panel-body a.trending-block-post-title:focus,
.row.main-vertical-block div .panel-body a:not(.image-holder):focus,
.masthead-block-article-content-title:focus {
    color: #000;
    text-decoration: none !important;
    border-bottom: 1px solid #2bbbb3;
}

.posts-block .post-title-text:hover {
    color: #000;
}

@media (min-width: 768px) {
    .text-heading {
        font-size: 1.65em;
        line-height: 1.25em;
    }

    .text-subheading {

    }

    .text-timestamp {
        font-size: .75em;
    }

    .newsletter-social-block .newsletter-stats p {

    }

    .verticals-heading {
        font-size: 1em;
        line-height: 1.5em;
        padding-left: .5em;
        letter-spacing: .5em;
    }

    .text-normal {
        font-size: 1em;
        line-height: 1.375em;
    }

}


@media (min-width: 992px) {
    .text-heading {
        font-size: 1.65em;
        line-height: 1.25em;
    }

    .text-subheading {
        font-size: 14px;
        line-height: 1.13636364em;
    }

    .text-timestamp {
        font-size: .75em;
    }

    .masthead-block .newsletter-social-block .newsletter-stats p {

    }

    .verticals-heading {
        font-size: 1em;
        line-height: 1.5em;
        padding-left: .5em;
        letter-spacing: .5em;
    }

    .text-normal {
        font-size: 1em;
        line-height: 1.375em;
    }

    .text-bignumber {
        font-size: 40px;
    }

    .navbar-nav>li>a.text-menu {
        font-size: 13.34px;
        letter-spacing: .1em;
        padding-left: .05em;
    }
}

@media (min-width: 1200px) {

    .text-heading {
        font-size: 1.65em;
        line-height: 1.25em;
    }

    .text-subheading {
        font-size: 18px;
        line-height: 1.13636364em;
    }

    .text-timestamp {
        font-size: .75em;
    }


    .masthead-block .newsletter-social-block .newsletter-stats p {
        font-size: 13px;
    }

    .verticals-heading {
        font-size: 1em;
        line-height: 1.5em;
        padding-left: .5em;
        letter-spacing: .5em;
    }

    .text-normal {
        font-size: 1em;
        line-height: 1.375em;
    }

    .text-bignumber {
        font-size: 52px;
        line-height: 1.25em;
    }

    .navbar-nav>li>a.text-menu {
        font-size: 14.34px;
        letter-spacing: .1em;
        padding-left: .05em;
    }
}
/*
@media (min-width: 1600px) {
    .text-bignumber {
        font-size: 70px;
    }

    .text-subheading {
        font-size: 22px;
        line-height: 1.25em;
    }

    .newsletter-social-block .newsletter-stats p {
        font-size: 12px;
    }
}
*/
/* Bootstrap */

@media (max-width: 767px) {
    .hidden-xs {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important;
    }
}



@media (min-width: 1200px) {
    .hidden-lg {
        display: none !important;
    }
}


/* Common Theme styles */

.category-title, a.category-title:active, a.category-title:focus {
    border: 2px solid #a09bce;
    color: #a09bce;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Roboto Condensed',sans-serif;
    display: inline-block;
    letter-spacing: normal;
    text-indent: 0;
    padding: 6px 8px 4px 8px;
    font-weight: 700;
    text-decoration: none;
    font-size: 11px;
    line-height: 11px;
    margin-top: 5px;
    margin-bottom: 20px;
}

a.category-title:hover {
    text-decoration: none;
    border: 2px solid #34d6c8;
    color: #34d6c8;
    transition: border 200ms ease-out, color 200ms ease-out;
}

picture img,
img.img-responsive {
    object-fit: cover;
    object-position: 50% 50%;
    max-width: 100%;
    max-height: 100%;
}

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

.vcenter {
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */

    -ms-flex-align: center;
    align-items: center;
}


/* rows */

.page-container > .row {
    margin: 0;
}

.row.main-vertical-block {
    margin-bottom: 30px;
}

/* container */


.container {
    max-width: 1200px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
    width: 100% !important;
}


@media (min-width: 768px) {
    .container {
        max-width: 1180px !important;
        width: 100% !important;

    }
}

@media (min-width: 992px) {
    .container {
        max-width: 1180px !important;
        width: 100% !important;
    }



    body {
        position: relative;
        top: 70px;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1200px !important;
        width: 100% !important;
    }
}

/*
@media (min-width: 1600px) {
    .container {
        max-width: 1594px !important;
        padding-left: 0.8333rem !important;
        padding-right: 0.8333rem !important;
        width: 100% !important;
    }
}
*/

@media (max-width: 568px) {
    .container {
        /* padding-left: 1.6666rem !important;
        padding-right: 1.6666rem !important; */
    }

    .row.photo-essay.flex-row .container {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .row.photo-essay.flex-row .container .col-sm-12.photo-essay-block.editable {
        padding: 0;
    }

    .home-page .photo-essay-article-content {
        background: #f8f8f8;
        width: 90%;
        margin: 0 auto;
        margin-top: -30px;
        position: relative;
        z-index: 41;
        box-shadow: 0px 0px 7px 0px rgba(37, 37, 36, 0.33);
    }
}

/* Navigation */

.navbar {
    border:0;
    height: 60px;
    margin-bottom: 10px;
    box-shadow: 0px 0px 6px 0px rgba(37, 37, 37, 0.24);
    position: absolute !important;
    width: 100%;
}

.admin-bar .navbar {
    top: 32px;
}

.admin-bar #one.navbar {
    top: 32px;
}

.navbar.navbar-fixed-top {
    position: fixed !important;
}

@media (max-width: 782px) {
    .admin-bar .navbar {
        top: 46px;
    }
}

@media (max-width: 991px) {
    .admin-bar body, body {
        padding-top: 70px;
    }

    body.menu-open {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        overflow-y: scroll;
        height: 100%;
        padding-top: 0;

    }

    body.menu-open:after {
        content: '';
        display: block;
        position: fixed;
        top: 0; bottom: 0; left: 0; right: 0;
        width: 100%;
        height: 100%;
        z-index: 1000;
        background: #fff;

    }

    .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
        /* max-height: 100%; */
    }
}

/* .navbar.navbar-fixed-top {
    position: relative !important;
} */

.container>.navbar-collapse {
    padding: 0;
    position: relative;
    z-index: 1;
}

.navbar-toggle {
    margin-top: 13px;
    position: relative;
}

.navbar-brand {
    height: 60px;
    padding-top: 5px;
    padding-bottom: 5px;
    position: relative;
    z-index: 2;
}

.navbar-brand > img {
    max-height: 50px;
    width: 229px;
}

.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
    margin-left: 0;
}

.navbar-nav {
    margin: 0;
}

.navbar-collapse {
    padding-left:0;
    padding-right:0;
}

.navbar-nav>li {
    background: #fff;
    border-bottom: 0;
}

.navbar-default .navbar-nav>li>a.menu-items-text {
    color: #4d4774;
    padding-top: 18px;
    padding-bottom: 18px;
    padding-left: 40px;
}

.navbar-nav.navbar-right>li {
    height: 50px;
}

.navbar-nav.navbar-right>li>a {
    padding-top: 15px;
    padding-bottom: 15px;
}

.navbar-default .navbar-nav>li>a i.fa {
    color: #2bbbb3;
}

.navbar-default .navbar-nav>li>a i.fa.fa-youtube-play {
    font-size: 24px;
    top: 1px;
    position: relative;
}

.navbar-default .navbar-nav>li>a:hover i.fa {
    color: #30c1ba;
}

.navbar-default .navbar-toggle {
    background: #fff;
    border: 0;

}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background: #fff;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #34d6c8;
    height:3px;
}

.collapsing {
    transition: none;
}

ul.navbar-right {
    padding-left:25px;
    background: #fff;
    border-bottom: 1px solid rgba(194,194,194,0.5);
}

ul.navbar-right>li {
    display: inline-block;
    border-bottom: 0;
}


a.dropdown-toggle .dropdown-activator.glyphicon-chevron-down {
    float: right;
    top: 0;
    color: #1cbbb4;
    position: relative;
    z-index: 1;
    width: 50px;
    height: 50px;
    margin-top: -20px;
}

a.dropdown-toggle .dropdown-activator.glyphicon-chevron-down:before {
    content: "\e080";
    top: 19px;
    position: relative;
    left: 20px;
}

.navbar-default li.open a.dropdown-toggle .dropdown-activator.glyphicon-chevron-down:before {
    content: "\e114";
}

.navbar-default li > ul > li {
    list-style: none;
    background: #fff;
}

.navbar-nav .open .dropdown-menu {
    padding-top:0;
    padding-bottom: 0;
}

.navbar-default .navbar-nav .open .dropdown-menu>li>a {
    color: #4d4774;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
    background: rgba(252,251,252,0.98);
}

.navbar-default .navbar-nav>li.current-menu-parent>a:hover,
.navbar-default .navbar-nav>li.current-menu-parent>a:focus {
    background: rgba(248,251,248,0.98);
}

.navbar-default .navbar-nav>.current-menu-parent.open>a,
.navbar-default .navbar-nav>.current-menu-item>a{
    background: rgba(248,251,248,0.98);
}

.navbar-default .navbar-nav>.current-category-parent>a,
.navbar-default .navbar-nav>.current-menu-parent.current-menu-item.open li.current-post-parent>a {
    font-weight: bold;
    color: #2bbbb3 !important;
    background: #fff;
}

.navbar-default .navbar-nav>.current-category-parent li.current-menu-item>a {
    font-weight: bold;
}

li.current-menu-item>a {
    color: #2bbbb3 !important;
}

.navbar-default li > ul > li > a {
    display: block;
    padding-left: 60px !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    font-weight: 400;
    color: #4d4774;
}

.navbar-default li > ul > li > a:hover {
    text-decoration: none;
}

#navbar-close {
    color: #34d6c8;
    background: url('assets/images/close-icon.png') no-repeat;
    width: 22px;
    height: 17px;
    background-size: 17px 17px;
}



#mobile-search-icon.input-group-addon {
    background-color: transparent;
    border: 0;
    color: #fff;
    position: absolute;
    right: 10px;
    z-index: 3;
    cursor: pointer;
}

input#mobile-search-term::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: white;
}
input#mobile-search-term::-moz-placeholder { /* Firefox 19+ */
    color: white;
}
input#mobile-search-term:-ms-input-placeholder { /* IE 10+ */
    color: white;
}
input#mobile-search-term:-moz-placeholder { /* Firefox 18- */
    color: white;
}

li.mobile-search-form {
    height: 50px;
    padding: 10px 30px;
    background: #fff;
}

input#mobile-search-term {
    outline: none;
    background: #9b9b9b;
    border: 0;
    box-shadow: none;
    transition: none;
    color: #fff;
    text-transform: uppercase;
    border-radius: 0;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: bold;
}

li.mobile-search-form .input-group.input-group-sm {
    width: 100%;
}

@media (min-width: 992px) {
    .dropdown-menu {
        box-shadow: 0 12px 12px rgba(0,0,0,0.175);
    }

    .navbar-nav>li>a {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .admin-bar .navbar.navbar-fixed-top {
        top: 32px !important;
    }

    .navbar-nav.navbar-right {
        background: #fff;
        border-bottom: 0;
    }

    .navbar-nav.navbar-right>li {
        height: 60px;
    }

    .navbar-nav.navbar-right>li>a {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .navbar-collapse {
        padding-left:15px;
        padding-right:15px;
    }

    ul.navbar-nav:not(.navbar-right) {
        position: relative;
        left: 4%;
    }

    ul.navbar-right>li {
        display: block;
        background: #fff;
    }

    .navbar-default .navbar-nav>li>a.menu-items-text,
    .navbar-default .navbar-nav a:not(.social-icons),
    .navbar-default .navbar-nav>.active>a:not(.social-icons),
    .navbar-default .navbar-nav>.active>a:hover:not(.social-icons),
    .navbar-default .navbar-nav>.active>a:focus:not(.social-icons) {
        background: #fff;
        color: #4d4774;
        padding: 19px 15px;
    }

    .navbar-default li:hover > a > i,
    .navbar-default li:hover > a:not(.social-icons) {
        color: #2bbbb3 !important;
    }

    .navbar-default li.open > ul,
    .navbar-default li > ul {
        display: none;
    }

    .navbar-default li:hover > ul {
        display: block;
        position: absolute;
        top: 60px;
        left: 10px;
        background: #fff;
        margin: 0;
        padding: 0;
        border: 0;
    }

    .navbar-default li.open > ul li,
    .navbar-default li:hover > ul li {
        list-style: none;
        width: 200px;
        display: block;
        height: 30px;
    }

    .navbar-default li.open > ul > li > a,
    .navbar-default li:hover > ul > li > a {
        display: block;
        padding: 10px 15px !important;
    }

    a.dropdown-toggle .dropdown-activator.glyphicon-chevron-down {
        float: none;
        color: #4d4774;
        position: inherit;
        top: 0;
        z-index: 0;
        width: auto;
        height: auto;
        margin-top: 0;
        display: none !important;
    }

    a.dropdown-toggle .dropdown-activator.glyphicon-chevron-down:before {
        content: "\e114";
        position: inherit;
        top: 0;
        left: 0;
        display: none !important;
    }

    .navbar-default li.open a.dropdown-toggle .dropdown-activator.glyphicon-chevron-down:before {
        content: "\e114";
    }

    .navbar-default .navbar-nav>li.current-menu-parent>a:hover,
    .navbar-default .navbar-nav>li.current-menu-parent>a:focus,
    .navbar-default .navbar-nav>.current-menu-parent.open>a,
    .navbar-default .navbar-nav>.current-menu-item>a{
        background: #fff;
    }

    .navbar-default .navbar-nav>.current-menu-parent li.current-menu-item>a {
        font-weight: bold;
    }

    #desktop-search button {
        outline: none;
        background: #1cbbb4;
        padding: 8.5px 15px;
        border: 0;
        border-radius: 0;
        box-shadow: none;
        transition: none;
        color: #fff;
        text-transform: uppercase;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: bold;
    }

    input#desktop-search-term::-webkit-input-placeholder { /* Chrome/Opera/Safari */
        color: #7d7d7d;
    }
    input#desktop-search-term::-moz-placeholder { /* Firefox 19+ */
        color: #7d7d7d;
    }
    input#desktop-search-term:-ms-input-placeholder { /* IE 10+ */
        color: #7d7d7d;
    }
    input#desktop-search-term:-moz-placeholder { /* Firefox 18- */
        color: #7d7d7d;
    }

    .desktop-search-form {
        background: #fff;
        position: absolute;
        right: 15px;
        top: 60px;
        width: 300px;
        display: none;
    }

    .desktop-search-form.activeform {
        display: block;
    }

    #desktop-search input {
        outline: none;
        background: #fff;
        border-radius: 0;
        box-shadow: none;
        transition: none;
        color: #7d7d7d;
        font-family: 'Roboto', sans-serif;
        font-weight: normal;
        display: inline;
    }

    .desktop-search-form .form-control {
        height: 37px;
    }

    #desktop-search input:focus {
        border: 1px solid rgb(204,204,204);
    }

    #desktop-search .input-group-btn:last-child>.btn,
    #desktop-search .input-group-btn:last-child>.btn-group {
        margin-right: -1px;
    }

}

@media (min-width: 1200px) {
    ul.navbar-nav:not(.navbar-right) {
        left: 5%;
    }

    .navbar-default .navbar-nav>li>a.menu-items-text,
    .navbar-default .navbar-nav a:not(.social-icons),
    .navbar-default .navbar-nav>.active>a:not(.social-icons),
    .navbar-default .navbar-nav>.active>a:hover:not(.social-icons),
    .navbar-default .navbar-nav>.active>a:focus:not(.social-icons) {
        padding: 20px 25px;
    }
}

@media (max-width: 304px) {
    .navbar-brand {
        padding-top: 13px;
        padding-bottom: 12px;
    }

    .navbar-brand > img {
        max-height: 50px;
        width: 140px;
        position: absolute;
    }
}


/* Masthead block */



.newsletter-social-block .newsletter-stats .input-group-btn:last-child>.btn,
.newsletter-social-block .newsletter-stats .input-group-btn:last-child>.btn-group {
    margin-left: 0;
}

.newsletter-social-block {
    background: #4d4774;
    color: #fff;
    border: 2px solid #4d4774;
    position: relative;
}

.masthead-block .flex-container {
    display: -ms-flexbox;
    display:         flex;
    -ms-flex-direction: row;
    flex-direction: row;
}

.masthead-block .flex-container > div {
    display: block;
    padding-left: 0;
    padding-right: 0;
}


.newsletter-social-block .newsletter-stats {
    padding: 20px 20px 0 20px;
}

.newsletter-social-block .newsletter-stats .text-subheading {
    font-family: 'Crimson Text', serif;
    margin-top: 10px;
    margin-bottom: 10px;
}

.newsletter-social-block .newsletter-stats p {
    font-family: 'Roboto', sans-serif;
    font-weight: 200;
    text-transform: uppercase;
}

.newsletter-social-block .newsletter-stats input[type="email"] {
    border-radius: 0;
    color: #707070;
    font-family: 'Roboto', sans-serif;
    font-weight: 200;
    outline: 0;
    border: 0;
}

.newsletter-social-block .newsletter-stats input[type="submit"] {
    border-radius: 0;
    color: #fff;
    background-color: #34d6c8;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    outline: 0;
    border: 0;
    display: block;
    text-transform: uppercase;
    width: 100%;
    text-align: center;
    margin-top: 10px;
    padding: 10px;
}

.newsletter-social-block .newsletter-stats input[type="submit"]:hover {
    background-color: #30c1ba;
}


.newsletter-social-block .social-stats .active-subscribers {
    text-align: center;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    margin: 0 auto;
}

.newsletter-social-block .social-stats span.totalSubscribers {
    font-weight: 700;
    display: block;
}

.newsletter-social-block .social-stats span.totalSubscribersText {
    letter-spacing: 3.6px;
    position: relative;
    top: -6px;
    font-weight: 200;
}

.newsletter-social-block .social-stats ul {
    padding: 0;
    width: 100%;
    background: #686289;
    display: table;
    margin: 0 auto;
    position: absolute;
    bottom: 0;
}

.newsletter-social-block .social-stats ul li {
    width: 33.333%;
    display: inline-block;
    float: left;
    text-align: center;
    position: relative;
}

.newsletter-social-block .social-stats ul li:not(:last-of-type) {
    border-right: 1px solid #4d4774;
}

.newsletter-social-block .social-stats ul li:hover {
    background: #4d4774;
}

.newsletter-social-block .social-stats ul li a {
    color: #fff;
    font-family: 'Roboto', sans-serif;
    padding-top: 15px;
    padding-bottom: 15px;
    display: block;
}

.newsletter-social-block .social-stats ul li a {
    text-decoration: none;
}

.newsletter-social-block .social-stats ul li img {
    height: 30px;
    display: block;
    margin: 5px auto;
}

.masthead-block-article {
    height: 100%;
    padding-right: 0;
}

.masthead-block-article-content {
    text-align: center;
}

.masthead-block-article .post-title-text {
    font-size: 23px;
}

.masthead-block-article .time-stamp-text {
    font-size: 9px;
    line-height: 9px;
}

.masthead-block-article .author-name-text {
    font-size: 12px;
    line-height: 12px;
    display: block;
}

.masthead-block-article-content-category,
.masthead-block-article-content-category:active,
.masthead-block-article-content-category:focus {
    border: 2px solid #a09bce;
    color: #a09bce;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Roboto Condensed',sans-serif;
    display: inline-block;
    letter-spacing: normal;
    text-indent: 0;
    padding: 6px 8px 4px 8px;
    font-weight: 700;
    text-decoration: none;
    font-size: 11px;
    line-height: 11px;
}

.masthead-block-article-content-category:hover {
    text-decoration: none;
    border: 2px solid #2bbbb3 !important;
    color: #fff !important;
    background: #2bbbb3 !important;
    transition : none !important;
}


.masthead-block-article-content-title,
.masthead-block-article-content-title:active,
.masthead-block-article-content-title:focus {
    text-align: center;
    display: block;
    text-decoration: none;
    margin-bottom: 15px;
    margin-top: 20px;
}

.masthead-block-article-content-title:hover {
    color: #111;
    text-decoration: underline;
    -webkit-text-decoration-color: #34d6c8;
    text-decoration-color: #34d6c8;
}

.masthead-block .masthead-block-article-content-container {
    margin: 10px auto 10px auto;
    padding: 0 20px 0 20px;
}

@media (max-width: 767px) {
    .masthead-block .flex-container > div {
        width: 100%;
    }
}

@media (min-width: 768px) {
    .masthead-block .flex-container > div {
        display: -ms-flexbox;
        display:         flex;
    }

    .masthead-block-article .post-title-text {
        font-size: 18px;
    }

    .masthead-block .container .masthead-block-article-image {
        padding-left: 5px !important;
        padding-right: 3px !important;
    }

    .newsletter-social-block .newsletter-stats .text-subheading {
        font-size: 22px;
    }

    .newsletter-social-block .newsletter-stats p {
        font-size: 13px;
    }

}


@media (min-width: 992px) {

    .remove-padding-md {
        padding-left: 0;
        padding-right: 0;
    }

    .masthead-block .container .masthead-block-article-image {
        padding-left: 0 !important;
    }

    .newsletter-social-block .social-stats span.totalSubscribersText {
        font-size: 10px;
        letter-spacing: 2.8px;
        padding-left: 5.6px;
        top: -10px;
    }

    .newsletter-social-block .social-stats ul li a {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .masthead-block .newsletter-social-block .social-stats .active-subscribers {
        min-height: 135px;
    }

    .newsletter-social-block .newsletter-stats .text-subheading {
        font-size: 18px;
    }

    .masthead-block .newsletter-social-block .newsletter-stats p {
        font-size: 13px;
    }
}

@media (min-width: 1200px) {
    .masthead-block .newsletter-social-block .social-stats .active-subscribers {
        margin: 10px auto;
        min-height: 165px;
    }

    .masthead-block-article .post-title-text {
        font-size: 23px;
    }

    .newsletter-social-block .social-stats span.totalSubscribersText {
        letter-spacing: 4.2px;
        font-size: 12px;
        top: -8px;
    }

    .newsletter-social-block .social-stats ul li a {
        padding-top: 15px;
        padding-bottom: 15px;
    }
}

.row.main-vertical-block > .container {
    display: -ms-flexbox;
    display:         flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.row.main-vertical-block > .container > div {
    margin-top: 10px;


    display: -ms-flexbox;      /* TWEENER - IE 10 */

    display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */

    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-positive: 2;
    flex-grow: 2;
}

.row.main-vertical-block > .container > div .panel-heading {
    background: #fff;
    border-radius: 0;
    border-bottom: 3px solid #4d4774;
    text-align: left;
    font-family: "Roboto",sans-serif;
    text-transform: uppercase;
    letter-spacing: normal;
    padding-left: 0;
    font-weight: 400;
    color: #4d4774;
}

.row.main-vertical-block div .panel-heading.active a:not(.image-holder) {
    color: #2bbbb3;
    transition : color 200ms ease-out;
}

.row.main-vertical-block > .container > div .panel-body {
    border-radius: 0;
    text-align: center;
    display: -ms-flexbox;
    display:         flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-positive: 2;
    flex-grow: 2;
    padding: 0 !important;
}

.row.main-vertical-block > .container > div .panel-body > div {
    padding-top: 4px !important;
}

.row.main-vertical-block > .container > div .panel-body > div > a {
    padding: 0 !important;
}

.row.main-vertical-block > .container > div .panel-body > div > div .time-stamp-text {
    font-size: 11px;
    line-height: 11px;
    margin-top:0;
    color: #767676;
    text-transform: uppercase;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    position: relative;
    top: 6px;
}

.row.main-vertical-block > .container > div .panel-body > div > div .author-name-text {
    font-size: 11px;
    display: inline;
    padding: 0;
    margin: 0;
    line-height: 11px;
    font-family: Roboto, sans-serif;
    text-transform: uppercase;
    color: #767676;
    font-weight: 400;
    position: relative;
    top: 6px;
}

.row.main-vertical-block > .container > div .panel-body > div > div .author-name-text:before {
    content:"• ";
}

.row.main-vertical-block div .panel-heading {
    padding: 0;
}

.row.main-vertical-block div .panel-heading a:not(.image-holder),
.row.main-vertical-block div .panel-heading a:not(.image-holder):active,
.row.main-vertical-block div .panel-heading a:not(.image-holder):focus {
    display: block;
    padding: 5px 5px 5px 0;
    color: #4d4774;
    font-size: 20px;
    text-decoration: none;
    letter-spacing: normal;
}

.row.main-vertical-block div .panel-heading a:hover {
    text-decoration: none;
}

.row.main-vertical-block .main-vertical-special-wrapper,
.row.main-vertical-block .main-vertical-special-wrapper > div > * {
    padding: 0 !important;
}

.row.main-vertical-block .main-vertical-special-wrapper {


    display: -ms-flexbox;      /* TWEENER - IE 10 */

    display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */

    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-positive: 2;
    flex-grow: 2;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: center;
    align-self: center;
}

.row.main-vertical-block div .panel-body hr {
    margin: 10px 0;
    border-top: 1px solid #eee;
}

.row.main-vertical-block div .panel-body > hr:last-of-type {
    display: none !important;
}

.row.main-vertical-block div .panel-body a {
    font-weight: 400;
}

.row.main-vertical-block div .panel-body a.main-vertical-block-featured-post-title {
    margin: 15px auto 0 auto;
    display: block;
}

.row.main-vertical-block div .panel-body .time-stamp-text {
    padding-top: 5px;
}


.row.main-vertical-block div .panel-body .secondary-container-1 a {
    font-weight: 400;
}

.row.main-vertical-block div .panel-body a:hover {
    color: #111;
}

.row.main-vertical-block div .panel-body .post-title-text {
    font-size: 16px;
}

@media (min-width: 768px) {
    .row.main-vertical-block > .container > div .panel-body > div {
        padding: 0 !important;
        padding-top: 4px !important;
    }

    .row.main-vertical-block div .panel-body .post-title-text {
        font-size: 16px;
    }

    .row.main-vertical-block > .container > div .panel-body > div:first-of-type {
        padding: 0 !important;
        padding-top: 4px !important;
        padding-bottom: 4px !important;
    }


    .row.main-vertical-block div .panel-body > div .main-vertical-block-featured-container {
        margin: 15px auto 0 auto;
    }

    .row.main-vertical-block > .container > div .panel-body > div:first-of-type {
        margin-top: 0 !important;
    }

    .row.main-vertical-block div .panel-body .main-vertical-featured-post {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }



}

@media (max-width: 991px) {
    .row.main-vertical-block > .container > div .panel-body {
        display: block;
    }

    .row.main-vertical-block div .panel-body > div .main-vertical-block-featured-container {
        margin: 0;
    }


    .row.main-vertical-block .main-vertical-special-wrapper:last-of-type > div:last-of-type {
        padding-top: 4px !important;
    }

    .row.main-vertical-block > .container > div .panel-body > div,
    .row.main-vertical-block > .container > div .panel-body .main-vertical-special-wrapper > div {


        display: -ms-flexbox;      /* TWEENER - IE 10 */

        display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
        

        -ms-flex-align: center;
        align-items: center;
        -ms-flex-line-pack: center;
        align-content: center;
    }

    .row.main-vertical-block > .container > div.main-vertical-block-1 .panel-body > div:first-of-type,
    .row.main-vertical-block > .container > div.main-vertical-block-2 .panel-body > div:first-of-type {
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .row.main-vertical-block > .container  .panel-body hr {
        width: 100%;
        display: block !important;
    }

    .row.main-vertical-block > .container > div.main-vertical-block-5 .panel-body > hr:first-of-type {
        display: none !important;
    }

    .row.main-vertical-block > .container > div.main-vertical-block-4 .panel-body,
    .row.main-vertical-block > .container > div.main-vertical-block-5 .panel-body {
        border: 1px solid #eee;
        border-top: 0;
    }

    .row.main-vertical-block > .container > div.main-vertical-block-1 .panel-body .main-vertical-featured-post,
    .row.main-vertical-block > .container > div.main-vertical-block-2 .panel-body .main-vertical-featured-post {
        padding-top: 10px;
    }

    .row.main-vertical-block > .container > div.main-vertical-block-1 .panel-body .main-vertical-featured-post .post-title-text,
    .row.main-vertical-block > .container > div.main-vertical-block-2 .panel-body .main-vertical-featured-post .post-title-text {
        font-size: 20px;
    }

    .row.main-vertical-block > .container > div.main-vertical-block-3 .panel-body .main-vertical-featured-post .post-title-text,
    .row.main-vertical-block > .container > div.main-vertical-block-4 .panel-body .main-vertical-featured-post .post-title-text,
    .row.main-vertical-block > .container > div.main-vertical-block-5 .panel-body .main-vertical-featured-post .post-title-text {
        font-size: 18px;
    }

    .row.main-vertical-block > .container > div .panel-body > .main-vertical-special-wrapper > hr,
    .row.main-vertical-block > .container > div .panel-body > hr {
        margin-bottom: 1px;
        margin-top: 5px;
    }

    .row.main-vertical-block > .container > div .panel-body > div:nth-child(n+1),
    .row.main-vertical-block > .container > div .panel-body > div:nth-child(n+1) {
        padding-bottom: 5px !important;
    }

    .row.main-vertical-block > .container > div.main-vertical-block-3 .panel-body {
        padding-left: 5px !important;
        padding-right: 5px !important;
        border: 1px solid #eee;
    }

    .row.main-vertical-block > .container > div.main-vertical-block-4 .panel-body > .main-vertical-special-wrapper,
    .row.main-vertical-block > .container > div.main-vertical-block-5 .panel-body > .main-vertical-special-wrapper {
        padding-bottom: 0 !important;
    }

    .row.main-vertical-block > .container > div.main-vertical-block-4 .panel-body > .main-vertical-special-wrapper:last-of-type > div > div,
    .row.main-vertical-block > .container > div.main-vertical-block-5 .panel-body > .main-vertical-special-wrapper:last-of-type > div > div {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .row.main-vertical-block > .container > div.main-vertical-block-5 .panel-body > .main-vertical-special-wrapper:last-of-type > div:last-of-type {
        padding-bottom: 5px !important;
    }

    .row.main-vertical-block > .container > div.main-vertical-block-4 .panel-body hr,
    .row.main-vertical-block > .container > div.main-vertical-block-5 .panel-body hr {
        width: 97% !important;
        margin-left: auto;
        margin-right: auto;
    }

    .row.main-vertical-block > .container > div.main-vertical-block-1 .panel-body,
    .row.main-vertical-block > .container > div.main-vertical-block-2 .panel-body {


        display: -ms-flexbox;      /* TWEENER - IE 10 */

        display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
        

    }

    .row.main-vertical-block > .container > div.main-vertical-block-1 .panel-body > div:nth-child(1),
    .row.main-vertical-block > .container > div.main-vertical-block-2 .panel-body > div:nth-child(1) {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-positive: 2;
        flex-grow: 2;
    }

    .row.main-vertical-block > .container > div.main-vertical-block-1 .panel-body > hr:nth-child(n+1),
    .row.main-vertical-block > .container > div.main-vertical-block-2 .panel-body > hr:nth-child(n+1) {
        margin-top: 0 !important;
    }

}

@media (max-width: 767px) {
    .row.main-vertical-block > .container > div .panel-body .hidden-xs {
        display: none !important;
    }

    body.category nav.navbar {
        margin-bottom: 0;
    }

    body.category .page-container.category-page {
        position: relative;
        top: -30px;
    }

    .row.main-vertical-block div .panel-body .main-vertical-featured-post {
        padding-top: 10px;
    }

    .row.main-vertical-block div .panel-body .main-vertical-featured-post .post-title-text {
        font-size: 24px;
    }

    .row.main-vertical-block > .container > div .panel-body > div:first-of-type {
        padding-left: 0 !important;
        padding-right: 0 !important;
        padding-bottom: 4px;
    }

    .row.main-vertical-block > .container > div .panel-body > div > div {
        text-align: center;
    }

    .row.main-vertical-block > .container > div .panel-body > div > a {
        padding-bottom: 5px !important;
    }

    .row.main-vertical-block > .container > div.main-vertical-block-4 .panel-body .main-vertical-featured-post,
    .row.main-vertical-block > .container > div.main-vertical-block-5 .panel-body .main-vertical-featured-post {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .row.main-vertical-block > .container > div.main-vertical-block-4 .panel-body hr,
    .row.main-vertical-block > .container > div.main-vertical-block-5 .panel-body hr {
        width: 100%;
    }

    .row.main-vertical-block > .container > div.main-vertical-block-4 .panel-body > div > div > div,
    .row.main-vertical-block > .container > div.main-vertical-block-5 .panel-body > div > div > div {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .row.main-vertical-block > .container > div.main-vertical-block-4,
    .row.main-vertical-block > .container > div.main-vertical-block-5 {
        display: block;
    }

    .row.main-vertical-block div .panel-heading a:not(.image-holder),
    .row.main-vertical-block div .panel-heading a:not(.image-holder):active,
    .row.main-vertical-block div .panel-heading a:not(.image-holder):focus {
        padding-bottom: 2px;
    }

    .row.main-vertical-block div .panel-body > hr.main-vertical-block-separator:first-of-type {
        display: block;
        width: 100%;
    }

    .row.main-vertical-block > .container > div.main-vertical-block-1 .panel-body > hr.main-vertical-block-separator:nth-of-type(2),
    .row.main-vertical-block > .container > div.main-vertical-block-2 .panel-body > hr.main-vertical-block-separator:nth-of-type(2),
    .row.main-vertical-block > .container > div.main-vertical-block-3 .panel-body > hr.main-vertical-block-separator:nth-of-type(2) {
        display: none !important;
    }

    .row.main-vertical-block > .container > div .panel-body > div,
    .row.main-vertical-block > .container > div .panel-body .main-vertical-special-wrapper > div {
        display: block;
    }

    .row.main-vertical-block > .container > div.main-vertical-block-4 .panel-body > div:nth-child(n+1) > div,
    .row.main-vertical-block > .container > div.main-vertical-block-5 .panel-body > div:nth-child(n+1) > div {


        display: -ms-flexbox;      /* TWEENER - IE 10 */

        display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
        

        -ms-flex-align: center;
        align-items: center;
        padding-bottom: 5px;
    }

    .row.main-vertical-block > .container > div.main-vertical-block-4 .panel-body,
    .row.main-vertical-block > .container > div.main-vertical-block-5 .panel-body {
        border: 1px solid #eee;
        border-top: 0;
    }

    .row.main-vertical-block > .container > div.main-vertical-block-3 .panel-body .main-vertical-featured-post .post-title-text,
    .row.main-vertical-block > .container > div.main-vertical-block-4 .panel-body .main-vertical-featured-post .post-title-text,
    .row.main-vertical-block > .container > div.main-vertical-block-5 .panel-body .main-vertical-featured-post .post-title-text {
        font-size: 20px;
    }

    .row.main-vertical-block > .container > div.main-vertical-block-5 .panel-body > hr:first-of-type {
        display: block !important;
    }

    .row.main-vertical-block > .container > div.main-vertical-block-1 .panel-body hr,
    .row.main-vertical-block > .container > div.main-vertical-block-2 .panel-body hr,
    .row.main-vertical-block > .container > div.main-vertical-block-3 .panel-body hr {
        width: 97% !important;
        margin-left: auto;
        margin-right: auto;
    }

    .row.main-vertical-block > .container > div.main-vertical-block-4 .panel-body hr,
    .row.main-vertical-block > .container > div.main-vertical-block-5 .panel-body hr {
        width: 97% !important;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 0 !important;
    }

    .row.main-vertical-block > .container > div.main-vertical-block-1 .panel-body > hr:first-of-type,
    .row.main-vertical-block > .container > div.main-vertical-block-2 .panel-body > hr:first-of-type,
    .row.main-vertical-block > .container > div.main-vertical-block-3 .panel-body > hr:first-of-type {
        margin-bottom: 6px !important;
    }

    .row.main-vertical-block > .container > div.main-vertical-block-3 .panel-body {
        padding-left: 0 !important;
        padding-right: 0 !important;
        border: 0;
    }

    .row.main-vertical-block > .container > div.main-vertical-block-1 .panel-body,
    .row.main-vertical-block > .container > div.main-vertical-block-2 .panel-body {
        display: block;
    }

}

@media (min-width: 992px) {

    .row.main-vertical-block div .panel-body .main-vertical-featured-post .post-title-text {
        font-size: 20px;
    }

    .row.main-vertical-block div .panel-body > div .main-vertical-block-featured-container {
        margin: 0 auto;
    }



    .row.main-vertical-block div .panel-body > div:first-of-type .main-vertical-block-featured-container {
        margin: 15px auto 0 auto;
    }

    .row.main-vertical-block > .container > div .panel-body {
        border-radius: 0;
        border: 0;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .row.main-vertical-block > .container > div.main-vertical-block-1 {
        width: 32%;
        margin-right: 1.95%;
        padding: 0;
    }

    .row.main-vertical-block > .container > div.main-vertical-block-2 {
        width: 32%;
        margin-right: 1.95%;
        padding: 0;
    }

    .row.main-vertical-block > .container > div.main-vertical-block-2:before {
        content: "\a0";
        display: block;
        left: -3.2%;
        top: 0;
        position: absolute;
        height: 100%;
        border-left: 1px solid #eee;
    }

    .row.main-vertical-block > .container > div.main-vertical-block-2:after {
        content: "\a0";
        display: block;
        left: 103%;
        top: 0;
        position: absolute;
        height: 100%;
        border-left: 1px solid #eee;
    }

    .row.main-vertical-block > .container > div.main-vertical-block-3 {
        width: 32%;
        margin-right: 0;
        padding: 0;
    }



    .row.main-vertical-block > .container > div.main-vertical-block-4 {
        padding-left: 0;
        padding-right: 0;
    }

    .row.main-vertical-block > .container > div.main-vertical-block-5 {
        padding-left: 0;
        padding-right: 0;
    }


    .row.main-vertical-block > .container > div.main-vertical-block-4 .panel-body,
    .row.main-vertical-block > .container > div.main-vertical-block-5 .panel-body {
        -ms-flex-direction: row;
        flex-direction: row;
        border: 1px solid #eee;
        border-top: 0;
    }

    .row.main-vertical-block .main-vertical-special-wrapper > div {


        display: -ms-flexbox;      /* TWEENER - IE 10 */

        display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
        

        -ms-flex-align: center;
        align-items: center;
    }

    .row.main-vertical-block .main-vertical-special-wrapper:last-of-type > div:last-of-type {
        padding-top: 0;
    }

    .row.main-vertical-block .main-vertical-special-wrapper:last-of-type > div:first-of-type {

    }

    .row.main-vertical-block .main-vertical-special-wrapper:last-of-type {
        text-align: left;
    }
    .row.main-vertical-block .main-vertical-special-wrapper:last-of-type a.image-holder {
        padding-right: 10px !important;
    }

    .row.main-vertical-block > .container > div .panel-body .hidden-md {
        display: none !important;
    }

    .row.main-vertical-block > .container > div .panel-body > div:last-of-type {
        padding-bottom: 0 !important;
        padding-top: 0 !important;
    }

    .row.main-vertical-block > .container > div .panel-body > div {


        display: -ms-flexbox;      /* TWEENER - IE 10 */

        display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
        

        -ms-flex-align: center;
        align-items: center;
    }

    .row.main-vertical-block > .container > div.main-vertical-block-1 .panel-body > div:nth-child(n+1) > div,
    .row.main-vertical-block > .container > div.main-vertical-block-2 .panel-body > div:nth-child(n+1) > div,
    .row.main-vertical-block > .container > div.main-vertical-block-3 .panel-body > div:nth-child(n+1) > div {
        padding-left: 8px;
    }

    .row.main-vertical-block > .container > div.main-vertical-block-1 .panel-body > div:nth-child(1),
    .row.main-vertical-block > .container > div.main-vertical-block-2 .panel-body > div:nth-child(1),
    .row.main-vertical-block > .container > div.main-vertical-block-3 .panel-body > div:nth-child(1) {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-positive: 2;
        flex-grow: 2;
    }

    .row.main-vertical-block .main-vertical-special-wrapper:last-of-type hr:first-of-type {
        margin: 5px 0 5px 0;
    }

    .row.main-vertical-block > .container > div.main-vertical-block-4 .panel-body .main-vertical-special-wrapper > hr:first-of-type,
    .row.main-vertical-block > .container > div.main-vertical-block-5 .panel-body .main-vertical-special-wrapper > hr:first-of-type {
        width: 98% !important;
        margin-left: auto;
        margin-right: auto;
    }



}

@media (min-width: 1200px) {
    .row.main-vertical-block > .container > div .panel-body .hidden-lg {
        display: none !important;
    }

    .row.main-vertical-block div .panel-body .main-vertical-featured-post .post-title-text {
        font-size: 22px;
    }


}


/* Trending Block */

.row.trending-block {
    /*display: -ms-flexbox;
    display:         flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;*/
    margin-bottom: 30px;
    margin-top: 20px;
}

.row.trending-block:before,
.row.trending-block:after {


    display: -ms-flexbox;      /* TWEENER - IE 10 */

    display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */

}

.row.trending-block > .container > div {
    margin-top: 10px;
    /*display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;*/
    padding-left: 0;
    padding-right: 0;
}

hr.trending-spacer {
    width: 60px;
    height: 2px;
    margin: 10px auto 25px auto;
    background: #a084bf;
    border: 0;
}

.row.trending-block > .container > div .panel-heading {
    background: #fff;
    border-radius: 0;
    border: 0;
    text-align: center;
    font-family: 'Crimson Text', serif;
    font-weight: 400;
    font-style: italic;
    color: #4d4774;
}

.row.trending-block > .container > div .panel-heading > span {
    display: inline-block;
    font-size: 24px;
    color: #000;
}

.row.trending-block > .container > div .panel-body {
    border-radius: 0;
    border-top: 0;
    text-align: center;
    padding: 0;
}

.row.trending-block > .container > div .panel-body .trending-block-container {
    padding: 15px 10px 20px 10px;
}



.row.trending-block div .panel-heading {
    padding: 0;
}

div.trending-block-image.trending-block-image-top {
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}

div.trending-block-image.trending-block-image-top img {
    margin: 0 auto;
}

.row.trending-block > .container > .trending-block-trending .panel-body > div:not(:last-of-type),
.row.trending-block > .container > .trending-block-popular .panel-body > div:not(:last-of-type) {
    margin-bottom: 0;
}

/* div.trending-block-image.trending-block-image-top img {
    max-height: ;
}
 */
.row.trending-block div .trending-block-image-anchor {
    margin: 0 auto;
    display: block;
}

.row.trending-block .trending-block-trending-main {
    flex-wrap: wrap;
}

.trending-block-trending-main > a {
    padding: 0;
}

.trending-block-trending-main > a.most-popular-badge {
    position: relative;
}

.trending-block-trending-main > a.most-popular-badge .order-badge {
    position: absolute;
    bottom: -18px;
    left: 50%;
    transform: translateX(-50%);
    width: 36px;
    height: 36px;
    border-radius: 100%;
    color: #fff;
    border: 2px solid #fff;
    text-align: center;
    background: #4d4774;
    font-family: 'Crimson Text', serif;
    font-size: 28px;
    line-height: 29px;
}

.row.trending-block div .panel-body > div {

    /* display: -ms-flexbox;
    display: flex; */
    background: #fff;
    padding-left: 5px;
    padding-right: 5px;
}

.row.trending-block > .container > div:last-of-type {
    margin-top: 40px;
}

.row.trending-block div .panel-body > div:last-of-type {
    margin-bottom: 0;
}

.row.trending-block div .panel-body span.trending-block-category-title-bottom {
    color: #2bbbb3;
    font-family: 'Roboto Condensed',sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: normal;
    text-indent: 0;
    font-size: 12px;
    padding: 0 0 10px 0;
    display: block;
}

.row.trending-block div .panel-body a.trending-block-post-title {
    margin: 5px auto 0 auto;
    display: block;
    font-size: 17px;
    color: #222;
    font-weight: normal;
    font-family: 'Roboto Condensed', sans-serif;
}

.row.trending-block div .panel-body .time-stamp-text {
    padding-top: 0;
    font-size: 12px;
    line-height: 12px;
    margin-top: 10px;
    display: block;
    color: #999;
    text-transform: uppercase;
    font-family: 'Roboto Condensed', sans-serif;
}

.row.trending-block div .panel-body a:hover {
    color: #111;
}

.trending-block-category-title-top,
.trending-block-category-title-top:active,
.trending-block-category-title-top:focus {
    border: 2px solid #a09bce;
    color: #a09bce;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Roboto Condensed',sans-serif;
    display: inline-block;
    clear: both;
    letter-spacing: normal;
    padding: 6px 8px 4px 8px;
    font-weight: 700;
    text-decoration: none;
    font-size: 11px;
    line-height: 11px;
    margin-bottom: 2px;
    text-indent: 0;
}


.row.trending-block .trending-block-image-middle {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

@media (min-width: 768px) {

    .row.trending-block div .panel-body > div {
        padding-left: 20px;
        padding-right: 20px;
    }

    .row.trending-block div .panel-body a.trending-block-post-title {
        font-size: 18px;
    }

    .row.trending-block > .container > div:first-of-type {
        padding-right: 2.5px;
    }

    .row.trending-block > .container > div:nth-child(3) {
        padding-left: 2.5px;
    }


}

@media (min-width: 992px) {

    .row.trending-block div .panel-body > div {
        padding-left: 5px;
        padding-right:5px;
    }

    .row.trending-block .trending-block-trending {
        padding-left: 0 !important;
    }

    .row.trending-block > .container > .trending-block-trending .panel-body > div:not(:last-of-type),
    .row.trending-block > .container > .trending-block-popular .panel-body > div:not(:last-of-type) {
        margin-bottom: 15px;
    }

    .row.trending-block > .container > div .panel-body > div:last-of-type {
        margin-bottom: 0;
    }

    .row.trending-block > .container > div.trending-block-popular .panel-body .trending-block-container {
        padding: 15px 15px 20px 25px;
    }

    .row.trending-block > .container > div .panel-body {
        padding-top: 0;
        text-align: left;
    }

    .row.trending-block > .container > div:first-of-type {
        padding-left: 5px;
        padding-right: 5px;
    }

    .trending-block-trending-main > a.most-popular-badge .order-badge {
        right: -18px;
        top: 50%;
        transform: translateY(-50%);
        bottom: auto;
        left: auto;
    }

    .row.trending-block > .container > div:nth-child(3) {
        padding-left: 5px;
        padding-right: 5px;
    }

    .row.trending-block div .panel-body .trending-block-popular .trending-block-trending-main > a {
        padding-left: 5px;
        padding-right: 5px;
    }

    .row.trending-block div .panel-body .trending-block-container {
        padding: 0 20px 0 15px;
    }

    .row.trending-block div .panel-body span.trending-block-category-title-bottom {
        padding: 0 0 0 5px;
    }

    .row.trending-block div .panel-body .time-stamp-text {
        margin-top:5px;
        margin-bottom: 5px;
    }

    .row.trending-block > .container > div:last-of-type {
        margin-top: 10px;
    }
}

@media (min-width: 1200px) {
    .row.trending-block div .panel-body > div {
        background: #fff;
    }

    .row.trending-block div .panel-body a.trending-block-post-title {
        font-size: 18px;
    }

    .row.trending-block div .panel-body .trending-block-container {
        padding: 0 30px 0 15px;
    }

    .row.trending-block .trending-block-popular {
        padding-right: 0 !important;
    }

    .row.trending-block > .container > div {
        padding-left: 5px;
        padding-right: 5px;
    }

    .row.trending-block div .panel-body .time-stamp-text {
        display: inline-block;
    }


    /* .row.trending-block div .panel-body .trending-block-image {
        height: 126px;
    } */

    .row.trending-block div .panel-body {
        padding: 15px;
    }

    .row.trending-block div .panel-body > div {
        /*display: -ms-flexbox;
        display: flex;*/
        background: #fff;
    }

    .row.trending-block > .container > div .panel-body {
        padding-top: 5px;
        background: #fff;
    }


    .row.trending-block div .panel-body span.trending-block-category-title-bottom {
        padding: 0 0 0 5px;
    }

    .row.trending-block div .panel-body .time-stamp-text {
        margin-top:5px;
        margin-bottom: 5px;
    }
}


/* Common styles for category labels */
.category-title, a.category-title:active, a.category-title:focus,
.masthead-block-article-content-category,
.masthead-block-article-content-category:active,
.masthead-block-article-content-category:focus,
.trending-block-category-title-top,
.trending-block-category-title-top:active,
.trending-block-category-title-top:focus {
    letter-spacing: 2px;
    padding-left: 11px;
}



/* Posts block */

.page-container > .row.posts-block {
    margin-top: 0;
    margin-bottom: 0;
    background: #fff;
}

.posts-block .panel-heading,
.posts-block .panel-body {
    padding: 0;


    display: -ms-flexbox;      /* TWEENER - IE 10 */

    display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */

    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-positive: 2;
    flex-grow: 2;
}

.page-container > .row.posts-block[data-placement-id="posts-block-2"] {
    margin-top: 0 !important;
}

.posts-block .panel-body {
    padding-top: 0;
    /* background: #fcfafa; */
    background: #f3f3f3;
    margin-bottom: 0;
    /* -moz-box-shadow: 0px 1px 3px 0px rgba(37, 37, 36, 0.28);
    -webkit-box-shadow: 0px 1px 3px 0px rgba(37, 37, 36, 0.28);
    box-shadow: 0px 1px 3px 0px rgba(37, 37, 36, 0.28); */
}

.posts-block .posts-block-category-title.hidden-sm {
    display: block;
    text-align: left;
    color: #2bbbb3;
    font-family: 'Roboto Condensed',sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0;
    /* text-indent: 10px; */
    text-indent: 0;
    font-size: 11px;
    line-height: 11px;
    margin: 0 auto 2px auto;
}


.posts-block .flex-column {


    display: -ms-flexbox;      /* TWEENER - IE 10 */

    display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */

    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-positive: 2;
    flex-grow: 2;
    background: #f3f3f3;
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom:2px solid white;
}

.posts-block .post-title-text {
    margin: 5px auto;
}

/* .posts-block > .container > div {
    padding:0;
} */


.page-container > .row.posts-block > .container {


    display: -ms-flexbox;      /* TWEENER - IE 10 */

    display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */

    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}


.posts-block .panel-heading {
    padding-bottom: 0;
    padding-left:15px;
    padding-right:15px;
    -ms-flex-positive: 0;
    flex-grow: 0;
}


i.video-icon {
    width: 28px;
    height: 15px;
    display: block;
    margin: 10px auto;
    background: url('assets/images/video-icon.png') no-repeat;
    background-size: 28px 15px;
    background-position: center;
}



.posts-block .panel-body .author-name-text {
    margin: 0;
    padding: 0;
    font-size: 13px;
    padding-left: 10px;
}

.posts-block .posts-block-container {
    text-align: left;
}

.posts-block .post-title-text {
    font-size: 14px;
}

.posts-block .panel-body time {
    text-transform: uppercase;
    font-family: "Roboto Condensed", sans-serif;
    margin-top: 0;
}


@media (min-width: 768px) {
    .posts-block > .container {
        background: #fff;
    }

    .posts-block > .container > div {
        margin-right: 10px;
        width: 48.5%;
    }

    .posts-block > .container > div:nth-child(2n) {
        margin-right: 0;
    }

    .posts-block > .container > div:last-of-type {
        margin-right: 0;
    }


    .posts-block .panel-heading {
        padding:0;
        -ms-flex-positive: 0;
        flex-grow: 0;
    }

    .posts-block .container .flex-column {


        display: -ms-flexbox;      /* TWEENER - IE 10 */

        display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
        

        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-positive: 2;
        flex-grow: 2;
        padding-top: 0;
        border: 0;
        background: #fff;
    }

    .posts-block .panel-body {
        padding-top: 15px;
        background: #fcfafa;
        margin-bottom: 15px;
        box-shadow: 0px 1px 3px 0px rgba(37, 37, 36, 0.28);
    }

    .posts-block .panel-body {
        min-height: 225px;
        padding-bottom: 10px;
    }

    .posts-block .posts-block-container {
        text-align: center;
        padding-left: 15px;
        padding-right: 15px;
    }

    .posts-block .post-title-text {
        font-size: 16px;
    }

    .posts-block .panel-body time {
        display: block;
        padding-bottom: 10px;
        text-transform: uppercase;
        font-family: "Roboto Condensed", sans-serif;
        margin-top: 0;
    }

    .posts-block .panel-body .author-name-text {
        padding-left: 0;
        display: block;
        padding-top: 10px;
    }
}

@media (min-width: 992px) {
    .posts-block > .container > div {
        margin-right: 10px;
        width: 22%;
    }

    .posts-block > .container > div:nth-child(2n) {
        margin-right: 10px;
    }

    .posts-block > .container > div:last-of-type {
        margin-right: 0;
    }
}

@media (min-width: 992px) {
    .posts-block > .container > div {
        padding-left: 5px;
        padding-right: 5px;
    }
}


.parallax-block {
    height: 300px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}

.youtube {
    background-color: #000;
    margin-bottom: 30px;
    position: relative;
    padding-top: 18.28%;
    overflow: hidden;
    cursor: pointer;
}
.youtube img {
    width: 100%;
    top: -4.7%;
    left: 0;
    opacity: 0.7;
}
.youtube .play-button {
    width: 90px;
    height: 60px;
    background-color: #333;
    box-shadow: 0 0 30px rgba( 0,0,0,0.6 );
    z-index: 1;
    opacity: 0.8;
    border-radius: 6px;
}
.youtube .play-button:before {
    content: "";
    border-style: solid;
    border-width: 15px 0 15px 26.0px;
    border-color: transparent transparent transparent #fff;
}
.youtube img,
.youtube .play-button {
    cursor: pointer;
}
.youtube img,
.youtube iframe,
.youtube .play-button,
.youtube .play-button:before {
    position: absolute;
}
.youtube .play-button,
.youtube .play-button:before {
    top: 50%;
    left: 50%;
    transform: translate3d( -50%, -50%, 0 );
}
.youtube iframe {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

.parallax-block .youtube {
    border: 4px solid white;
    width: 400px !important;
    height: 225px !important;
}

body.home .row.photo-essay.flex-row {
    margin-bottom: 30px;
    margin-top: 30px;
}

.row.photo-essay.flex-row .container {
    padding: 0 !important;
}

.photo-essay .photo-essay-block {


    display: -ms-flexbox;      /* TWEENER - IE 10 */

    display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */

    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.photo-essay .photo-essay-article-image {
    padding-right: 0;
    padding-left: 0;
}

.photo-essay .photo-essay-article-content {
    background: #f8f8f8;
    padding-left: 0;
}

.photo-essay .photo-essay-article-content-container {
    padding: 10px;
    margin: 0 auto;
}

.photo-essay .photo-essay-article-content .photo-essay-article-content-category {
    font-family: 'Crimson Text', serif;
    text-transform: uppercase;
    letter-spacing: 5px;
    text-indent: 5px;
    font-size: 16px;
    display: inline-block;
    padding-bottom: 20px;
}

.photo-essay .photo-essay-article-content .photo-essay-article-content-title {
    font-size: 20px;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    display: block;
    color: #111;
    font-weight: bold;
    margin: 20px auto;
    letter-spacing: 2px;
    text-indent: 2px;
}

.photo-essay .photo-essay-article-content-container {
    text-align: center;
}

.photo-essay .flex-container > div {
    padding-left: 0;
    padding-right: 0;
}

.row.photo-essay.flex-row .container {
    padding: 0 !important;
}

@media (min-width: 768px) {
    body.home .row.photo-essay.flex-row {
        margin-top: 0;
    }
}

@media (min-width: 992px) {
    .photo-essay .photo-essay-article-content-container {
        padding: 30px;
    }
}

@media (min-width: 1200px) {
    .row.photo-essay.flex-row .container {
        padding: 0 5px 0 5px !important;
    }
}



/* Load More button */

.page-container > .row.load-more-button {
    margin: 50px auto;
}

.load-more-button a.btn-load-more,
.load-more-button a.btn-sub-load-more,
.load-more-button a.btn-main-load-more,
.load-more-button a.btn-author-load-more,
.search-prev-next-button a {
    background: #2bbbb3;
    border-radius: 0;
    border: 0;
    border-radius: 0;
    color: #fff;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    padding: 10px 70px;
    font-size: 11px;
    text-decoration: none;
}

.load-more-button a.btn-load-more:hover,
.load-more-button a.btn-sub-load-more:hover,
.load-more-button a.btn-main-load-more:hover,
.load-more-button a.btn-author-load-more:hover,
.search-prev-next-button a:hover {
    opacity: 0.8;
    text-decoration: none;
}

.search-prev-next-button {
    margin-bottom: 30px;
    margin-top: 30px;
}

.load-more-button a.btn-load-more[disabled],
.load-more-button a.btn-load-more[disabled]:visited,
.load-more-button a.btn-load-more[disabled]:hover,
.load-more-button a.btn-load-more[disabled]:active,
.load-more-button a.btn-sub-load-more[disabled],
.load-more-button a.btn-sub-load-more[disabled]:visited,
.load-more-button a.btn-sub-load-more[disabled]:hover,
.load-more-button a.btn-sub-load-more[disabled]:active,
.load-more-button a.btn-main-load-more[disabled],
.load-more-button a.btn-main-load-more[disabled]:visited,
.load-more-button a.btn-main-load-more[disabled]:hover,
.load-more-button a.btn-main-load-more[disabled]:active,
.load-more-button a.btn-author-load-more[disabled],
.load-more-button a.btn-author-load-more[disabled]:visited,
.load-more-button a.btn-author-load-more[disabled]:hover,
.load-more-button a.btn-author-load-more[disabled]:active {
    opacity: 1;
    background: #2bbbb3;
    color: #fff;
}

@media (max-width: 450px) {
    .search-prev-next-button a {
        padding: 10px 15px;
    }
}

/* Footer Styles */

#Contact {
    clear: left;
}

#footer {
    width: 100%;
    background: #352a57;
    clear: both;
}

#footer > div {
    text-align: center;
}

#footer .footer-logo-left img {
    width: 100%;
    max-width: 300px;
    margin: 25px auto 15px auto;
}

#footer .footer-logo-right img {
    width: 100%;
    max-width: 200px;
    margin: 20px auto;
}

#footer .footer-line hr {
    border-top: 1px solid #7873ad;
}

#footer .footer-form div.input-group {
    max-width: 750px;
    margin: 0 auto;
}

#footer .footer-form input {
    background: #4e4768;
    border: 0;
    border-radius: 0;
    outline: 0;
    font-family: 'Roboto', sans-serif;
    color: #808b8c;
    height: 40px;
    line-height: 40px;
    font-size: .8em;
}

#footer .footer-form span {
    padding-left: 0;
    display: block;
    width: 100%;
    clear: both;
    padding-top: 5px;
    font-size: 16px !important;
}

#footer .footer-copyright-text {
    margin-bottom: 60px;
}

#footer .footer-form input[type="submit"] {
    background: #6c66a5 !important;
    color: #fff !important;
    text-transform: uppercase !important;
    border: 0;
    border-radius: 0;
    font-family: Roboto, sans-serif;
    font-weight: 700;
    height: 40px;
    line-height: 30px;
}
#footer .footer-form input[type="submit"]:hover {
    opacity: 0.7;
}

#footer .footer-form-text {
    color: #9f8cba;
    font-family: 'Roboto', sans-serif;
    margin:20px auto 15px auto;
    font-size: 1.2em;
}

#footer .footer-portfolio p {
    font-family: 'Roboto', sans-serif;
}

#footer .footer-copyright-text {
    font-family: 'Roboto', sans-serif;
    color: #9f8cba;
}

#footer .footer-copyright-text a {
    font-family: 'Roboto', sans-serif;
    color: #a864a8;
}


#footer ul#footerMenu {
    padding-left: 0;
    margin: 20px auto;
}


#footer ul#footerMenu li {
    display: inline-block;
    padding: 5px 5px;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
}

#footer ul#footerMenu li a {
    color: #fff;
}

#footer ul#footerMenu li a:hover {
    text-decoration: none;
}

#footer ul.social-networks {
    padding-left: 0;
    margin: 10px auto 30px auto;
}


#footer ul.social-networks li {
    display: inline-block;
    padding: 5px 10px;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
}

#footer ul.social-networks li a {
    color: #fff;
}

#footer ul.social-networks li a:hover {
    text-decoration: none;
}

#footer .input-group {
    display: block;
}


@media (min-width: 1200px) {
}

@media (min-width: 992px) {

}

@media (min-width: 768px) {
    #footer .footer-logo-left {
        text-align: left;
    }

    #footer .footer-logo-right {
        text-align: right;
    }

    #footer .footer-portfolio img {
        max-width: 65%;
        margin: 0 auto;
    }

    #footer .footer-form span {
        padding-left: 3px;
        display: table-cell;
        width: 1%;
        clear: none;
        padding-top: 0;
    }

    #footer .input-group {
        display: table;
    }

    #footer .footer-form input {
        font-size: 1.2em;
    }

    #footer ul#footerMenu li {
        display: inline-block;
        padding: 5px 20px;
        text-transform: uppercase;
        font-family: 'Roboto', sans-serif;
    }
}

.page-container > .row.verticals-bottom-block {
    margin-bottom: 50px;
}

.verticals-bottom-block .verticals-bottom-vertical {
    height: 100px;
    background-repeat: no-repeat !important;
    background-position: center !important;
    position: relative;
    margin-bottom: 10px;
    background-size: cover !important;
}

.verticals-bottom-block .verticals-bottom-vertical.vertical-1 {
    background: url('assets/images/categories/jobs_mobile.jpg');
}

.verticals-bottom-block .verticals-bottom-vertical.vertical-2 {
    background: url('assets/images/categories/deals_mobile.jpg');
}

.verticals-bottom-block .verticals-bottom-vertical.vertical-3 {
    background: url('assets/images/categories/food_mobile.jpg');
}

.verticals-bottom-block .verticals-bottom-vertical.vertical-4 {
    background: url('assets/images/categories/smartmoney_mobile.jpg');
}

.verticals-bottom-block .verticals-bottom-vertical.vertical-5 {
    background: url('assets/images/categories/life_mobile.jpg');
}

.verticals-bottom-block .verticals-bottom-vertical a {
    position: absolute;
    word-spacing: normal;
    top: 0;
    left: 0;
    width: 100%;
    height: 100px;
    margin: 0;
    padding: 0;


    display: -ms-flexbox;      /* TWEENER - IE 10 */

    display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */

    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-text-shadow: 0px 1px 1px rgba(43, 40, 60, 0.6);
    -moz-text-shadow: 0px 1px 1px rgba(43, 40, 60, 0.6);
    text-shadow: 0px 1px 1px rgba(43, 40, 60, 0.6);
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1.5em;
    font-weight: 700;
    text-align: center;
}



@media (min-width: 768px) {
    .verticals-bottom-block .verticals-bottom-vertical a {
        height: 335px;
        word-spacing: 350px;
    }

    .verticals-bottom-block .verticals-bottom-vertical a:hover {
        transition: background 200ms ease-out;
        transition: background 200ms ease-out;
        background: #2bbbb3;
    }

    .verticals-bottom-block .verticals-bottom-vertical {
        width: 19.16% !important;
        margin-right: 1.05%;
    }

    .verticals-bottom-block .verticals-bottom-vertical:last-of-type {
        width: 19.16% !important;
        margin-right: 1.05%;
    }

    .verticals-bottom-block .verticals-bottom-vertical:last-of-type {
        margin-right: 0;
    }

    .verticals-bottom-block .verticals-bottom-vertical {
        height: 335px;
        background-repeat: no-repeat !important;
        background-size: 228px 335px !important;
        background-position: 0 0 !important;
        position: relative;
        margin-bottom: 0;
    }

    .verticals-bottom-block .verticals-bottom-vertical.vertical-1 {
        background: url('assets/images/categories/JobsX2.jpg');
    }

    .verticals-bottom-block .verticals-bottom-vertical.vertical-2 {
        background: url('assets/images/categories/DealsX2.jpg');
    }

    .verticals-bottom-block .verticals-bottom-vertical.vertical-3 {
        background: url('assets/images/categories/FoodX2.jpg');
    }

    .verticals-bottom-block .verticals-bottom-vertical.vertical-4 {
        background: url('assets/images/categories/SmartmoneyX2.jpg');
    }

    .verticals-bottom-block .verticals-bottom-vertical.vertical-5 {
        background: url('assets/images/categories/LifeX2.jpg');
    }
}


hr.mobile-spacer {
    border-top: 4px solid #a09bce;
    margin: 20px 40px;
    display: none;
}

.row.social-bottom {
    margin-top: 30px;
    margin-bottom: 30px;
}

.row.social-bottom .newsletter-social-block {

}

@media (min-width: 768px) {
    .row.social-bottom .container {
        max-width: 518px !important;
    }

    /* .page-container .row > .container.flex-container,
    .page-container .row > .container.flex-container div {
        padding: 0 !important;
    } */
}

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* Main category pages */

.category-page .photo-essay {

}

.category-page .photo-essay .photo-essay-article-content .photo-essay-article-content-title {
    font-family: 'Crimson Text', serif;
    text-transform: none;
    font-weight: 400;
    font-size: 24px;
    letter-spacing: normal;
}

.category-subcategory-title {
    color: #8067a2;
    text-transform: uppercase;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: bold;
}

.category-subcategory-title h3 {
    overflow: hidden;
    text-align: center;
    letter-spacing: normal;
    padding-left: 0;
    font-size: 18px;
    letter-spacing: 3px;
}

.category-subcategory-title h3 span,
.category-subcategory-title h3 a {
    color: #8067a2;
    position: relative;
    z-index: 10;
    display: inline-block;
    background: #fff;
    padding-left: 16px;
    padding-right: 11px;
}

.category-subcategory-title h3 a:hover,
.category-subcategory-title h3 a:hover span {
    color:#2bbbb3;
    transition: .3s;
    text-decoration: none;
}

.category-subcategory-title h3:before,
.category-subcategory-title h3:after {
    background-color: #eeeeee;
    content: "";
    display: inline-block;
    height: 2px;
    position: absolute;
    vertical-align: middle;
    width: 50%;
    top: 22px;
    z-index: 1;
}

.category-subcategory-title h3:before {
    right: 0.5em;
    margin-left: -50%;
}
.category-subcategory-title h3:after {
    left: 0.5em;
    margin-right: -50%;
}

.category-page .category-subcategory-post-content {
    padding-top: 5px;
    margin-bottom: 15px;
    padding-left: 10px;
    padding-right: 10px;
}



.category-page .category-subcategory-post-content time {
    display: block;
}

.category-page a.photo-essay-article-content-title,
.search-results-page a.photo-essay-article-content-title {
    font-family: 'Crimson Text', serif;
    color: #000;
    text-decoration: none;
    font-size: 14px;
}

.search-results-page a.photo-essay-article-content-title {
    padding-top: 10px;
    font-size: 16px;
}

.search-results-page .text-timestamp {
    padding-top: 5px;
    display: block;
}

.category-subcategory-posts {


    display: -ms-flexbox;      /* TWEENER - IE 10 */

    display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */

    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 20px;
}

.category-subcategory-post > div {
    padding-left: 0;
    padding-right: 0;
}

.category-page .photo-essay .photo-essay-article-content {
    background:#fff;
}

.category-trending-post .category-subcategory-post-content {
    margin-bottom: 10px;
}

.category-page .category-subcategory-post.category-trending-post,
.subcategory-page .category-subcategory-post.category-trending-post {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 10px;
}

.subcategory-page .category-subcategory-post.category-trending-post .category-subcategory-post-content {
    padding-left: 10px; padding-right: 10px;
}

.subcategory-page .category-subcategory-post.category-trending-post .category-subcategory-post-content .author-name-text {
    font-size: 12px;
}

@media (min-width: 768px) {


    .subcategory-page .category-subcategory-post.category-trending-post .category-subcategory-post-content {
        padding-left: 20px; padding-right: 20px;
    }

    .category-page .photo-essay-block {
        margin-bottom: 10px;
    }

    .search-results-page .category-subcategory-post.category-trending-post {
        display: inline-block;
    }

    .category-page a.photo-essay-article-content-title {
        font-size: 16px;
    }

    .category-page .category-subcategory-post.category-trending-post,
    .subcategory-page .category-subcategory-post.category-trending-post {
        padding-left: 5px;
        padding-right: 5px;
        margin-bottom: 0;
    }

    .subcategory-page .category-subcategory-post.category-trending-post .category-subcategory-post-content .author-name-text {
        font-size: 14px;
    }

    .category-trending-post .category-subcategory-post-content {
        margin-bottom: 20px;
    }

    .category-page .photo-essay .photo-essay-article-content {
        background:#f8f8f8;
    }

    .category-subcategory-post:not(.category-trending-post) {
        width: 19.2% !important;
        margin: 10px .97% 0 0;
        padding: 0;
    }

    .category-subcategory-post:last-of-type {
        margin-right: 0;
    }

    .category-subcategory-posts:not(.category-trending-posts) {
        max-width: 990px;
        float: none;
        margin: 0 auto;

    }

    .category-page .category-subcategory-post-content {
        padding-top: 15px;
        padding-bottom: 20px;
        margin-bottom: 0;
        padding-left: 20px;
        padding-right: 20px;
    }

    .subcategory-page .category-subcategory-posts{
        max-width: 100%;
        margin-top: 10px;
    }

}


.category-page .newsletter-wrap,
.single-post .newsletter-wrap {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding-top: 20px;
    padding-bottom: 20px;
    margin: 30px auto;
}

.category-page .newsletter-wrap .text-subheading,
.single-post .newsletter-wrap .text-subheading {
    margin-top: 0;
    font-family: 'Crimson Text', serif;
    font-size: 22px;
    margin-bottom: 10px;
}

.category-page .newsletter-wrap p,
.single-post .newsletter-wrap p {
    font-family: Roboto,sans-serif;
    text-transform: uppercase;
    font-size: 13px;
    color: #000;
}

.newsletter-form {
    padding-left: 30px;
    padding-right: 30px;
}

.category-page .newsletter-form,
.single-post .newsletter-form {

    display: -ms-flexbox;      /* TWEENER - IE 10 */

    display: flex;

    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-direction: row;
    flex-direction:row;
}

.category-page .newsletter-form > div,
.single-post .newsletter-form > div {


    display: -ms-flexbox;      /* TWEENER - IE 10 */

    display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */

    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-positive: 1;
    flex-grow: 1;

}

.category-page .newsletter-form > div.newsletter-form-form,
.single-post .newsletter-form > div.newsletter-form-form {
    margin: 0 auto;
    text-align: center;
    -ms-flex-align: center;
    align-items: center;
    align-content: center;
    align-self: center;
}

.category-page .newsletter-wrap form input,
.single-post .newsletter-wrap form input {
    height: 45px;
    display: inline-block;
    border-radius: 0;
    border: 0;
    box-shadow: 0 0 0;
    transition: none;
    width: auto;
}

.category-page .newsletter-wrap form,
.single-post .newsletter-wrap form {
    position: relative;
}

.category-page .newsletter-wrap .input-group-btn,
.single-post .newsletter-wrap .input-group-btn {
    position: initial;
}

.category-page .newsletter-wrap form input[type="email"],
.single-post .newsletter-wrap form input[type="email"] {
    background-color: #ebebeb;
    margin-bottom: 10px;
    width: 100%;
    padding-right: 84px !important;
    display: inline-block;
    float: left;
}

.category-page .newsletter-wrap form input[type="submit"],
.single-post .newsletter-wrap form input[type="submit"] {

    padding-left: 25px;
    padding-right: 25px;
    text-transform: uppercase;
    font-family: "Roboto", sans-serif;
    background-color: #2bbbb3;
    font-weight: bold;
    font-size: 13px;
    top: 0;
    position: absolute;
    right: 0;
}

@media (min-width: 768px) {
    .category-page .newsletter-wrap,
    .single-post .newsletter-wrap {
        max-width: 630px;
        padding-top: 35px;
        padding-bottom: 35px;
    }


    .single-post .newsletter-form,
    .category-page .newsletter-form
    {
        padding-left: 10px;
        padding-right: 10px;
    }

    .category-page .newsletter-wrap form input[type="email"],
    .single-post .newsletter-wrap form input[type="email"] {
        margin-bottom: 0;
    }

    .category-page .newsletter-wrap form input[type="submit"],
    .single-post .newsletter-wrap form input[type="submit"] {

    }
}

@media (max-width: 991px) {
    .single-post .newsletter-wrap {
        border-top: 2px solid #eee !important;
        margin-top: 30px !important;
    }
}

@media (max-width: 767px) {
    .single-post .newsletter-wrap {
        text-align: center;
        padding-top: 15px !important;
    }
}

@media (min-width: 992px) {
    .category-page .newsletter-form > div.newsletter-form-form,
    .single-post .newsletter-form > div.newsletter-form-form {
        margin: 0 auto 10px;
    }

    .category-page .newsletter-wrap,
    .single-post .newsletter-wrap {
        max-width: 790px;
    }

    .single-post .newsletter-form .newsletter-form-title,
    .category-page .newsletter-form .newsletter-form-title {
        padding-right: 30px;
    }
}


/* single post */


@media (min-width: 768px) {
    .single-post .category-subcategory-post:not(.category-trending-post),
    .single-post .category-subcategory-post:not(.category-trending-post) {
        margin-right: .8%;
    }
}


/* Breadcrumbs */
.breadcrumb{padding:8px 15px;padding-left:0;margin-bottom:5px;list-style:none;background-color:#fff;border-radius:0}
.breadcrumb>li{display:inline-block}
.breadcrumb>li+li:before{content:"/\00a0";padding:0 5px;color:#ccc}

.breadcrumbs,
.breadcrumbs span a,
.breadcrumbs span {color:#a084bf; font-family: "Roboto Condensed", sans-serif; font-weight: 700; text-transform: uppercase; font-size: 14px}



@media (min-width: 992px) {
    .breadcrumbs .breadcrumbs,
    .single-post-content .breadcrumbs {
        padding-top: 2px;
        padding-bottom: 10px;
    }
}

@media (max-width: 767px) {
    .breadcrumbs .breadcrumbs span:not(:last-of-type) {
        display: none !important;
    }

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

    .breadcrumbs .breadcrumbs,
    .single-post-content .breadcrumbs {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .breadcrumbs .container {
        text-align: center;
        background: #1cbbb4;
    }

    .subcategory-page .breadcrumbs .container {
        text-align: center;
        background: #A09BCE;
    }

    .breadcrumbs,
    .breadcrumbs span a,
    .breadcrumbs span {color:#fff; }

    .single-post .breadcrumbs,
    .single-post .breadcrumbs span a,
    .single-post .breadcrumbs span {color:#a084bf; }

    #debugData {
        display: none;
    }
}

.single-post-content .breadcrumbs {
    padding-left: 5px;
}

.post-page .single-post-content .single-post-title h1 {
    margin-top: 0;
    font-family: 'Crimson Text', serif;
    font-size: 44px;
}

.post-page .single-post-content .single-post-author {
    border-top: 2px solid #eeeeee;
    margin-top: 10px;
    padding-top: 10px;
}

.post-page .single-post-content .single-post-author > div {
    padding: 0;
}

.post-page .single-post-content .single-post-author > div p.author-name,
.post-page .single-post-content .single-post-author > div p.author-name > a {
    font-family: "Roboto Condensed", sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    color: #000;
    margin-bottom: 0;
}


.post-page .single-post-content .single-post-author > div p.author-name > .author-and {
    color: #535353;
    text-transform: none;
}


.post-page .single-post-content .single-post-author > div p.author-name > a:focus,
.post-page .single-post-content .single-post-author > div p.author-name > a:hover,
.post-page .single-post-content .single-post-author > div p.author-name > a:active {
    text-decoration: none;
    color: #2bbbb3;
    transition: color 200ms ease-out;
}

.post-page .single-post-content .single-post-author > div p.author-description {
    font-family: 'Crimson Text', serif;
    font-size: 14px;
    font-style: italic;
    color: #767676;
}

.post-page .single-post-content .single-post-author > div.col-sm-4 {
    font-family: "Roboto Condensed", sans-serif;
    font-size: 12px;
    color: #767676;
    text-transform: uppercase;
    text-align: right;
    margin-top: 2px;
}

.post-page .single-post-content .single-post-image {
    margin-bottom: 12px;
}

.post-page .single-post-content .single-post-image .single-post-image-meta > div {
    padding: 0;
    font-family: 'Roboto', sans-serif;
    font-size: 10px;
    color: #767676;
    margin-top: 5px;
    font-weight: 400;
}

.post-page .single-post-content .single-post-image .single-post-image-meta .single-post-image-meta-title {
    text-align: left;
}

.post-page .single-post-content .single-post-image .single-post-image-meta .single-post-image-meta-copyright {
    text-align: right;
}

.post-page .single-post-content .single-post-image .single-post-image-meta .single-post-image-meta-title i,
.post-page .single-post-content .single-post-content-inner figcaption i {
    background: url('assets/images/camera-icon.png') no-repeat;
    width: 12px;
    height: 11px;
    display: inline-block;
    background-size: 12px 11px;
    margin-right: 5px;
    position: relative;
    top: 1px;
}

.post-page .single-post-content .single-post-content-inner figcaption {
    line-height: 1.42857143;
}

.post-page .single-post-content .single-post-content-inner h1,
.post-page .single-post-content .single-post-content-inner h2,
.post-page .single-post-content .single-post-content-inner h3,
.post-page .single-post-content .single-post-content-inner h4,
.post-page .single-post-content .single-post-content-inner h1 span,
.post-page .single-post-content .single-post-content-inner h2 span,
.post-page .single-post-content .single-post-content-inner h3 span,
.post-page .single-post-content .single-post-content-inner h4 span {
    color: #352957;
    font-size: 20px ;
    font-family: 'Roboto', sans-serif;
    font-weight: bold !important;
}

.post-page .single-post-content .single-post-content-inner h3,
.post-page .single-post-content .single-post-content-inner h3 span {
    font-size: 18px;
}

.post-page .single-post-content .single-post-content-inner h4,
.post-page .single-post-content .single-post-content-inner h4 span {
    font-size: 16px;
}

.post-page .single-post-content .single-post-content-inner h1,
.post-page .single-post-content .single-post-content-inner h2,
.post-page .single-post-content .single-post-content-inner h3,
.post-page .single-post-content .single-post-content-inner h4,
.post-page .single-post-content .single-post-content-inner h5,
.post-page .single-post-content .single-post-content-inner h6 {
    margin-top: 30px;
}

.post-page .single-post-content .single-post-content-inner {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 16px;
    margin-bottom: 30px;
    line-height: 26px;
}

.post-page .single-post-content .single-post-content-inner ul:not(.single-social) {
    list-style-type: none; /* no default bullets */
    padding-left: 30px;
}

.post-page .single-post-content .single-post-content-inner ul:not(.single-social) li:before {
    content: "";
    right: 16px;
    display: block;
    width: 5px;
    position: relative;
    height: 5px;
    background-color: #A084BF;
    border-radius: 50%;
    margin-bottom: 2px;
    top: 16px;
}

.post-page .single-post-content .single-post-content-inner img {
    margin: 10px auto 20px auto;
    display: block;
    max-width: 100%;
    height: auto;
}

.post-page .single-post-content .single-post-content-inner figure {
    max-width: 100%;
    width: 100% !important;
    height: auto !important;
    margin-bottom: 12px;
}

.post-page .single-post-content .single-post-content-inner figure > p {
    display: none !important;
}

.post-page .single-post-content .single-post-content-inner figure img {
    max-width: 100%;
    width: 100% !important;
    margin-bottom: 0;
    margin-top: 10px;
}

.post-page .single-post-content .single-post-content-inner figcaption {
    padding: 0;
    font-family: 'Roboto', sans-serif;
    font-size: 10px;
    color: #767676;
    margin-top: 5px;
    display: inline-block;
    vertical-align: top;
    font-weight: 400;
    text-align: left;
}

.post-page .single-post-content .single-post-content-inner ol.google-snippets {
    padding: 0;
    list-style: none;
}

.post-page .single-post-content .single-post-image .single-post-image-meta > div {

}

.post-page .single-post-content .single-post-content-inner a,
.post-page .single-post-content .single-post-content-inner a span {
    font-family: Helvetica, Arial, sans-serif;
    color: #a864a8 !important;
    font-weight: bold !important;
    text-decoration: underline;
    font-size: 17.6px !important;
}

.post-page .single-post-content .single-post-content-inner a:hover {
    font-family: Helvetica, Arial, sans-serif;
    color: #a864a8 !important;
    font-weight: bold !important;
    text-decoration: underline;
    /* color:#2bbbb3;
    transition: .3s;
    text-decoration: none; */
}

.post-page .single-posts-recommended {
    clear: both;
    background-color: #f5f5f5;
    margin-left: -5px;
    margin-right: -5px;
}

.post-page .single-posts-recommended .post-recommended-title h3 {
    margin-top: 12px;
    margin-bottom: 12px;
    color: #fff;
    padding: 7px 10px;
    background-color: #4d4774;
    font-size: 15px;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    display: inline-block;
    float: left;
    margin-left: 10px;
}

.post-page .single-posts-recommended .single-posts-recommended-sponsored {
    font-size: 11px;
    font-family: "Roboto Condensed", sans-serif;
    color: #767676;
    text-align: right;
    padding-bottom: 5px;
    padding-right: 10px;
}

.post-page .single-posts-recommended .post-recommended-inner {
    padding: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.post-page .single-posts-recommended a.photo-essay-article-content-title {
    font-family: 'Crimson Text', serif;
    font-size: 16px;
    color: #000;
    text-decoration: none;
}

.post-page .single-posts-recommended .category-subcategory-post-content {
    padding-top: 10px;
    padding-bottom: 10px;
}

.post-page .single-posts-recommended .post-recommended-inner > div > div.category-subcategory-post-content {
    background: #fff;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 25px;
    flex-grow: 2;
}

.post-page .single-posts-recommended .post-recommended-inner > div > div.category-subcategory-post-content a {
    display: inline-block;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
    color: #222222;
    text-align: left;
    font-weight: 700;
}

.post-page .single-posts-recommended .post-recommended-inner > div > div.category-subcategory-post-content a:hover {
    text-decoration: none;
    border: 0;
    color: #2bbbb3;
}

.post-page .single-posts-recommended .post-recommended-inner > div {
    padding-left: 15px;
    padding-right: 15px;
    display: flex;
    flex-direction: column;
}

.post-page .single-posts-recommended .post-recommended-inner > div > div {
    padding-left: 0;
    padding-right: 0;
}

.post-page .category-subcategory .category-subcategory-title h3 {
    margin-top: 40px;
    margin-bottom: 15px;
    color: #8067a2;
    font-size: 18px ;
    text-transform: uppercase;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: bold;
    letter-spacing: normal;
}

.post-page .category-subcategory .category-subcategory-title h3:before, .post-page .category-subcategory .category-subcategory-title h3:after {
    display: none;
}

.post-page .category-subcategory-posts .category-subcategory-post-content {
    padding-top: 10px;
    padding-bottom: 20px;
}

.post-page .category-subcategory-posts a.photo-essay-article-content-title {
    font-family: 'Crimson Text', serif;
    font-size: 16px;
    color: #000;
    text-decoration: none;
}

.post-page .category-subcategory-wrapper {
    margin-bottom: 20px;
}

.post-page .newsletter-wrap {
    padding-top: 0;
    padding-bottom: 30px;
    border-width: 2px;
    border-top: 0;
    border-color: #eee;
    margin-top: 10px;
    margin-bottom: 0;
}

.post-page aside .single-posts-trending {

}

.post-page aside .single-posts-trending h3 {
    margin-top: 30px;
    margin-bottom: 30px;
    color: #8067a2;
    font-size: 18px ;
    text-transform: uppercase;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: bold;
    letter-spacing: normal;
}

.post-page aside .single-posts-trending .single-posts-trending-inner {
    display: flex;
    flex-grow: 2;
    flex-wrap: wrap;
}

.col-xs-12.single-posts-trending-inner.text-center > div {
    display: flex;
    flex-direction: column;
}

.post-page aside .single-posts-trending .single-posts-trending-inner > div > div {
    padding: 0;
}

.post-page aside .single-posts-trending .single-posts-trending-inner > div > div:last-of-type {
    flex-grow: 2;
}

.post-page aside .single-posts-trending .single-posts-trending-content {
    background: #f8f8f8;
    padding: 15px !important;
    margin-bottom: 20px;
}

.post-page aside .single-posts-trending .single-posts-trending-content time {
    display: block;
    padding-bottom: 10px;
    text-transform: uppercase;
    font-family: "Roboto Condensed", sans-serif;
}

.post-page aside .single-posts-trending .single-posts-trending-content span.text-author {
    display: block;
    padding-top: 10px;
}

.post-page aside .single-posts-trending .single-posts-trending-content a {
    font-family: 'Crimson Text', serif;
    font-size: 16px;
    color: #000;
    text-decoration: none;
}


.post-page .newsletter-wrap form input[type="email"] {
    width: 100%;
    float: left;
    padding-right: 84px !important;
    font-size: 13px;
}

.post-page .newsletter-wrap form input[type="submit"] {
    position: absolute;
    left: auto;
    right: 0;
    top: 0;
    padding-left: 12px;
    padding-right: 12px;
}

@media (min-width: 768px) {

    .post-page .single-posts-recommended .post-recommended-inner > div {
        padding-left: 15px;
        padding-right: 15px;
    }

    .post-page .single-posts-recommended .post-recommended-inner > div > div {
        padding-left: 0;
        padding-right: 0;
    }

    .post-page .single-posts-recommended .post-recommended-title h3 {
        margin-left: 10px;
    }
}

@media (min-width: 992px) {

    .post-page .single-posts-recommended {
        margin-left: 0;
        margin-right: 0;
    }

    .post-page .single-post-content .single-post {
        padding-right: 25px;
    }

    .post-page aside {
        padding-left: 25px;
    }

}

ul.single-social {
    display: inline-block;
    padding: 0;
    margin: 0;
}

ul.single-social > li {
    list-style: none;
    display: inline-block;
    width: 45px;
    height: 45px;
    border-radius: 100%;
}

ul.single-social > li a {
    display: inline-block;
    height: 100%;
    width: 100%;
    border-radius: 100%;
}

ul.single-social > li a:hover {
    opacity: 0.8;
}

ul.single-social > li.single-social-facebook {
    background: #3b5998;
}

ul.single-social > li.single-social-pinterest {
    background: #ca2026;
}

ul.single-social > li.single-social-text {
    background: #18bc41;
}

ul.single-social > li.single-social-email {
    background: #a09bce;
}

ul.single-social > li > a > i {
    display: block;
    height: 45px;
    color: #fff;
    background-size: 25px 25px;
    background-position: center;
    background-repeat: no-repeat;
}

ul.single-social > li.single-social-facebook i {
    background-image: url('assets/images/facebook.svg');
}

ul.single-social > li.single-social-pinterest i {
    background-image: url('assets/images/pinterest.svg');
}

ul.single-social > li.single-social-text i {
    background-image: url('assets/images/text.svg');
}

ul.single-social > li.single-social-email i {
    background-image: url('assets/images/email.svg');
}

.single-post-social-top {
    margin-top: 10px;
}

.piggy-views-count {
    color: #a084bf;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: right;
}

@media (max-width: 991px) {
    .single-post-social-top .sticky-social.fixed {
        position: fixed;
        bottom: 0;
        background: rgba(255,255,255,0.8);
        z-index: 1000;
        margin: 0 auto;
        text-align: center;
        width: 100%;
        left: 0;
        padding-top: 10px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .post-page .newsletter-wrap {
        padding-top: 15px;
        padding-bottom: 15px;
    }
}

@media (max-width: 767px) {
    .piggy-views-count {
        text-align: left;
    }
}

.single-social-share-bottom {
    margin-top: 30px;
    clear: both;
}



.piggy-views-count i {
    display: inline-block;
    width: 32px;
    height: 45px;
    background-image: url("assets/images/piggybank.gif");
    background-size: 32px 45px;
    background-repeat: no-repeat;
    text-transform: uppercase;
}

.inactive-link {
    pointer-events: none;cursor: default;
}

.single-post-image picture img,
.photo-essay picture img,
.masthead-block-article-image picture img,
.photo-essay-article-image picture img {
    width: 100%;
}

.search-results-page .category-subcategory-title h3:before,
.search-results-page .category-subcategory-title h3:after {
    top: 29px;
}

.search-results-content {


    display: -ms-flexbox;      /* TWEENER - IE 10 */

    display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */

    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.search-filter-form h3 {
    margin-top: 30px;
    margin-bottom: 30px;
    color: #8067a2;
    font-size: 18px;
    text-transform: uppercase;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: bold;
    letter-spacing: normal;
}

/***** Video posts *******/

#vimeo_wrap {
    position: relative;
    cursor: pointer;
    width:100%;
}

.vimeo_video {
    width:100%;
    position: absolute;
    z-index: 99;
}

video::-internal-media-controls-download-button {
    display:none;
}

video::-webkit-media-controls-enclosure {
    overflow:hidden;
}

video::-webkit-media-controls-panel {
    width: calc(100% + 30px); /* Adjust as needed */
}

/***** Subscribe page ******/

.subscribe-page {
    margin-bottom: 2em;
}

h2.subscribe-page-title {
    font-family: 'Crimson Text', serif;
    color: #000;
    font-size: 40px;
    margin-bottom: 25px;
}

em.subscribe-emphasized-text {
    font-family: 'Crimson Text', serif;
    color: #000;
    font-size: 26px;
    margin-bottom: 30px;
    margin-top: 20px;
    display: block;
}

p.subscribe-description {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #000;
    margin-bottom: 40px;
}

.subscribe-page.subscribeForm form input:not(.btn) {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 16px;
    font-family: Helvetica, Arial, sans-serif;
    color: #a1a1a1;
    height: 55px;
    border-radius: 0;
}

.subscribe-page.subscribeForm form input.btn {
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 18px;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    border-radius: 0;
    border: 0;
    outline: 0;
    background: #2bbbb3;
}

.subscribe-page.subscribeForm form input.btn:hover {
    opacity: .8;
}

p.subscribe-fields-required.text-right {
    color: #a1a1a1;
    font-size: 12px;
    font-family: Helvetica, Arial, sans-serif;
}

body.page-template-press-template-php #content {
    font-size: 20px;
    line-height: 28px;
    -webkit-font-smoothing: antialiased;
}

body.page-template-press-template-php #content img {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    max-width: 100%;
    height: auto;
    object-fit: cover;
}

body.page-template-press-template-php #content .w1 {
    padding-bottom: 100px;
}

.prContent > p:first-of-type > a {
    font-family: 'Roboto Condensed', sans-serif !important;
}

.page-template-press-template-php #content p {
    margin-bottom: 28px;
}

.page-template-press-template-php div#wrapper>* {
    visibility: visible;
}

/*** Fix for image 4x6 ratio ***/

picture.four_by_six{
    overflow: hidden;
    position: relative;
    background: transparent;
    display: block;
    padding-top: 66.66%;
}
picture.four_by_six img {
    position:absolute;
    left: -100%;
    right: -100%;
    top: -100%;
    bottom: -100%;
    margin: auto;
    width: 100%;
    height: 100%;
}

/* Admin Bar Coloring for Dev/Staging/Prod */

body.prodServer.loggedIn #wpadminbar {
    background-color: #4b3c7b;
}

body.stagingServer.loggedIn #wpadminbar {
    background-color: #e05700;
}

body.localServer.loggedIn #wpadminbar {
    background-color: #009408;
}

body.page-template-default .page-container .masthead-block .flex-container {
    display:block;
}

/***** OPT IN FORM - SUBSCRIBE PAGE *****/

.page-template-default .yesmailForm input.has-error::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #FF0000;
}
.page-template-default .yesmailForm input.has-error::-moz-placeholder { /* Firefox 19+ */
    color: #FF0000;
}
.page-template-default .yesmailForm input.has-error:-ms-input-placeholder { /* IE 10+ */
    color: #FF0000;
}
.page-template-default .yesmailForm input.has-error:-moz-placeholder { /* Firefox 18- */
    color: #FF0000;
}

/***** OPT IN FORM *****/

.yesmailForm .help-block {
    display: block;
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 16px;
    text-align: center;
}

#footerForm.yesmailForm .help-block {
    display: block;
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 16px;
    text-align: center;
    max-width: 750px;
    margin: 0 auto;
}

.yesmailForm .help-block.success {
    color: #34D6C8;
    padding-top: 3px;
    padding-bottom: 3px;
}

.yesmailForm .help-block.error {
    background-color: #FFF;
    color: #FF0000;
    padding-top: 3px;
    padding-bottom: 3px;
}

.yesmailForm input.has-error {
    border: 1px solid #FF0000 !important;
}

/***** 404 page ****/

.not-found-page {
    margin: 2em 0 2em 0;
}

.not-found-page .penny-404 {
    margin: 0 auto;
    padding-left: 11%;
    display: block;
}

.not-found-page a {
    color: #a864a8;
    font-weight: 600;
    text-decoration: none;
    border-bottom: 1px solid #a864a8 ;
}

.not-found-page a:hover {
    text-decoration: none;
}

.not-found-page .text-center h1 {
    font-family: 'Roboto', sans-serif;
    color: #4d4774;
    border-bottom: 5px solid #a084bf;
    display: inline-block;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: .5em;
}

.not-found-page h4 {
    font-weight: normal;
}

.not-found-page .text-center > * {
    margin-top: 1em;
    margin-bottom: 2em;
}

@media (min-width: 992px) {
    .not-found-page .text-404 {
        text-align: left;
    }
}

@media (min-width: 768px) {
    .not-found-page .text-center h1 {
        margin-top: 0;
    }
}

@media (max-width: 480px) {
    .not-found-page .penny-404 {
        max-width: 100%;
        overflow: hidden;
    }

    
}

.page-template-press-template #Photos dl {
    margin-bottom: 2.5em !important;
}

/* Redesign page */

.redesign-page .container {
    max-width: 800px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.redesign-page h1:first-of-type {
    font-family: 'Crimson Text', serif;
    font-size: 44px;
    text-align: center;
}

.redesign-page time {
    font-family: "Roboto Condensed", sans-serif;
    font-size: 12px;
    color: #767676;
    text-transform: uppercase;
    text-align: left;
    margin-top: 30px;
    display: block;
    margin-bottom: 30px;
}

@media (min-width: 768px) {
    .redesign-page .container {
        padding-left: 70px !important;
        padding-right: 70px !important;
    }
}

@media (min-width: 992px) {
    .redesign-page .container {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .redesign-page h1:first-of-type {
        padding: 0 10px 0 10px;
    }
}


/*** Advertise page ***/

.advertise-page .advertise-top-block {
    display: inline-block;
}

.advertise-page h2 {
    font-family: Roboto, Arial;
    font-weight: 900;
    color: #b7b7b7;
    letter-spacing: -3px;
    font-size: 3em;
    position: inherit;
}

.advertise-page .toph2 {
    text-align: center;
}

.advertise-page .advTopImage {
    float: right;
    width: 100%;
    max-width: 900px;
}

.advertise-page .advTopImage.statsCircle {
    max-width: 650px;
    margin: 30px auto;
    padding-left: 20px;
    padding-right: 20px;
    float: none;
    display: block;
}

.advertise-page .advertise-info-block {
    margin-top: 60px;
    margin-bottom: 60px;
}

.advertise-page .advertise-info-block .container,
.advertise-page .advertise-stats-block .container {
    display: flex;
    flex-wrap: wrap;
}

.advertise-page .advertise-info-block .container > div,
.advertise-page .advertise-stats-block .container > div:nth-of-type(n+2),
.advertise-page .advertise-demographic-block .container > div:nth-of-type(n+2) {
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 10px;
    display: flex;
    flex-direction: column;
    flex-grow: 2;
}

.advertise-page .advertise-stats-block .container > div:nth-of-type(1),
.advertise-page .advertise-demographic-block .container > div:nth-of-type(1) {
    padding-left: 5px;
    padding-right: 5px;
}

.advertise-demographic-block .container > div:nth-of-type(n+2) {
    margin-top: 10px;
}

.advertise-page .demographics {
    text-align: center;
    font-size: 16px;
}

.advertise-page .purpleBox {
    font-family: Helvetica, Arial, sans-serif;
    background-color: #694b93;
    color: #FFF;
    padding: 50px 20px;
    font-size: 16px;
    text-align: center;
    display: flex;
    flex-direction: column;
    flex-grow: 2;
}

.advertise-page .darkPurple {
    background-color: #694b93;
    color:white;
    text-align: center;
    display: flex;
    flex-direction: column;
    flex-grow: 2;
    font-family: Helvetica, Arial, sans-serif;
}

.advertise-page  .lightPurple {
    background-color: #8560a8;
    color:white;
    text-align: center;
    display: flex;
    flex-direction: column;
    flex-grow: 2;
    font-family: Helvetica, Arial, sans-serif;;
}

.advertise-page .stats {
    color: #FFF;
    padding: 50px 20px;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 16px;
}

.advertise-page .socialbox {
    padding: 50px 20px;
}

.advertise-page .socialbox img {
    height: 3em;
    margin-bottom: 10px;
}

.advertise-page .socialbox, .stats, .advertise-page .centerIt {
    display: flex;
    align-items: center; /* align vertical */
}

.advertise-page .socialbox > p > span {
    font-size:3em;
    font-weight: 700;
}

.advertise-page div.uniqueVisitors p,
.advertise-page div.pageViews p {
    margin: 0 0 10px 0;

}

.advertise-page span.uniqueVisitors,
.advertise-page span.pageViews {
    font-size: 3em;
    font-weight: 700;
}


.advertise-page .rightText {
    background-color: #a7a7a7;
    text-transform: uppercase;
    float:right;
    color: #FFF;
    padding: 20px 10px;
}

.advertise-page .curlyWide {
    width:100%;
    margin: -10px 0 -25px 0;
}

.advertise-page .wide50 {
    width: 50%;
    display: inline-block;
    border-right: 1px solid #63259E;
    vertical-align: bottom;
}
.advertise-page .wide33 {
    width: 33.33333333%;
    display: inline-block;
    border-right: 1px solid #63259E;
    vertical-align: bottom;
}
.advertise-page .wide1667 {
    width: 16.6666667%;
    display: inline-block;
    border-right: 1px solid #63259E;
    vertical-align: bottom;
}

.advertise-page .demographics .verticalCenter {
    height: 300px;
}


.advertise-page .demographics .verticalCenter {
    position: relative;
}

.advertise-page .demographics .verticalCenter > span {
    position: absolute; bottom:0;
}

.advertise-page .demographicTitle {
    font-weight: 700;
    border-bottom: 2px solid;
    padding-top: 15px;
    display: inline-block;
}

/*FOOTER STUFF*/
.w2 {
    width: 100%;
    overflow: visible;
}

.contactInfo {
    display: inline-block;
    width:49%;
    vertical-align: top;
    padding-left: 10%;
}

.advertise-bottom-block .toph2 {
    margin-top: 50px;
}

.advertise-bottom-block a {
    display: block;
    font-family: Helvetica, Arial, sans-serif;
    color: #a864a8;
    font-weight: bold;
    text-decoration: none;
}

.advertise-bottom-block a:hover {
    text-decoration: underline;
}

.advertise-bottom-block .pennies-image,
.advertise-bottom-block .page-footer-contact-info {
    margin-top: 60px;
}

.advertise-bottom-block .pennies-image {
    padding-left: 0;
}

.advertise-bottom-block .pennies-image img,
.advertise-bottom-block .page-footer-contact-info img {
    max-width: 100%;
}

.advertise-bottom-block .pennies-image img {
     max-width: 500px;
 }


@media all and (min-width: 768px) {

    .advertise-page .advertise-top-block {
        display: flex;
        flex-direction: row;
    }

    .advertise-page .advertise-top-block > div {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        flex-grow: 2;
        align-self: center;
    }


    .advertise-page .sidePadding {
        padding-left: 75px;
    }

    .advertise-page .toph2 {
        text-align: left;
        width: 100%;
    }

    .advertise-page .advertise-info-block {
        margin-top: 100px;
        margin-bottom: 100px;
    }

    .advertise-page .advTopImage.statsCircle {
        float: right;
        padding-left: 0;
        padding-right: 0;
    }
}

@media all and (max-width: 991px) {
    .advertise-bottom-block .pennies-image img {
        max-width: 365px;
    }
}

@media all and (max-width: 767px) {
    .rotate {
        display: block;
        white-space: pre;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3)
    }

    .advertise-bottom-block .pennies-image img {
        max-width: 100%;
    }
}

/*** END - Advertise page ***/

/*** New advertise page ***/

.ad-page {
    margin-top: -30px;
}

.ad-page h3.ad-subheading {
    color: #4d4774;
    font-family: 'Crimson Text', serif;
    font-size: 32px;
    margin: 0;
    text-align: center;
    font-style: italic;
}

.ad-page h3.ad-subheading-left {
    text-align: left;
}

.ad-page .ad-subheading-separator {
    width: 80px;
    height: 3px;
    background: #a084bf;
    margin: 30px auto 40px auto;
}

.ad-page .ad-subheading-separator-left {
    margin: 30px 0 40px 0;
}

.ad-page .ad-hero {
    background-image: url("assets/images/advertise_hero.jpg");
    background-repeat: no-repeat;
    background-position: center;
}

.ad-page .ad-hero .container {
    padding:77px 250px !important;
}

.ad-page .ad-hero h1 {
    color:#fff;
    text-transform: uppercase;
    font-size: 72px;
    font-weight: bold;
    font-family: Roboto, sans-serif;
    text-align: center;
    text-shadow: 1px 2px 6px rgba(0, 0, 0, 0.2);
    margin: 0 auto;
}

.ad-page .ad-hero .ad-hero-separator {
    margin: 40px auto;
    width: 190px;
    height: 2px;
    background: #dfdfdf;
}

.ad-page .ad-hero .ad-hero-text {
    margin-bottom: 70px;
    font-size: 18px;
    color: #342d58;
    text-align: center;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
}

.ad-page .ad-hero .ad-award-left > img,
.ad-page .ad-hero .ad-award-left > div,
.ad-page .ad-hero .ad-award-right > img,
.ad-page .ad-hero .ad-award-right > div {
    display: inline-block;
    float: left;
}

.ad-page .ad-hero .ad-award-left > img,
.ad-page .ad-hero .ad-award-right > img {
    width: 15%;
    height: 100%;
}

.ad-page .ad-hero .ad-award-left > div,
.ad-page .ad-hero .ad-award-right > div {
    width: 85%;
    padding: 10px;
}

.ad-page .ad-hero .ad-award-left > div > p,
.ad-page .ad-hero .ad-award-right > div > p {
    text-transform: uppercase;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: bold;
    font-size: 22px;
    color: #fff;
    text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.2);
    margin-bottom: 0;
    line-height: 20px;
}

.ad-page .ad-hero .ad-award-right > div > p.ad-award-text-small {
    font-size: 18px;
}

.ad-page .ad-hero .ad-award-left > div > span,
.ad-page .ad-hero .ad-award-right > div > span {
    text-transform: uppercase;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: #4d4774;
}

.ad-page .ad-headline {
    padding-top: 44px;
    padding-bottom: 44px;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 40px;
}

.ad-page .ad-headline h2 {
    font-family: 'Roboto', sans-serif;
    font-size: 56px;
    color: #fff;
    text-transform: uppercase;
    margin: 0;
    font-weight: bold;
}

.ad-page .ad-headline.ad-stats-headline {
    background-image: url("assets/images/thepennyhoarderstats_bg.jpg");
}

.ad-page .ad-headline.ad-solution-headline {
    background-image: url("assets/images/thepennyhoardersolution_bg.jpg");
}

.ad-page .ad-solution-inner .ad-solution-inner-branded-image {
    margin-bottom: 10px;
    position: relative;
}

.ad-page .ad-solution-inner .ad-solution-inner-branded-image > a:hover .ad-page-inner-image-block > p {
    color: #2bbbb3;
    transition : color 200ms ease-out;
}

.ad-page .ad-solution-inner .ad-solution-inner-branded-image .ad-page-inner-image-block {
    position: absolute;
    background: #fff;
    padding: 15px;
    bottom: 20px;
    left: 20px;
    min-width: 300px;
    font-family: "Roboto Condensed", sans-serif;
}

.ad-page .ad-solution-inner .ad-solution-inner-branded-image .ad-page-inner-image-block > p {
    color: #342d58;
    font-weight: bold;
    font-size: 22px;
    text-transform: uppercase;
    margin-bottom: 0;
}

.ad-page .ad-solution-inner .ad-solution-inner-branded-image .ad-page-inner-image-block > span {
    color: #252525;
    font-size: 18px;
}

.ad-page .ad-stats-inner-piechart > canvas {
    margin: 0 auto;
    max-width: 180px;
    max-height: 180px;
}

.ad-page .ad-stats-inner-charts {
    margin-top: 20px;
    margin-bottom: 45px;
}

.ad-page .ad-stats-inner-piechart > p {
    text-align: center;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 18px;
    margin-bottom: 0;
    margin-top: 20px;
    color: #342d58;
}

.ad-page .ad-stats-inner {
    text-align: center;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: normal;
}

.ad-page .ad-stats-inner .ad-stats-inner-numbers-headline {
    font-size: 16px;
    color: #4d4774;
    text-transform: uppercase;
    font-weight: bold;
}

.ad-page .ad-stats-inner .ad-stats-inner-numbers-number {
    font-family: 'Roboto', sans-serif;
    font-size: 60px;
    color: #2bbbb3;
    text-transform: uppercase;
    line-height: 45px;
    margin-bottom: 20px;
    font-weight: bold;
}

.ad-page .ad-stats-inner .ad-stats-inner-numbers-icon {
    color: #dadada;
    margin-bottom: 20px;
}

.ad-page .ad-stats-inner .ad-stats-inner-numbers-description {
    font-size: 22px;
    color: #4d4774;
    text-transform: uppercase;
    line-height: 24px;
    font-weight: bold;
}

.ad-page hr.ad-line {
    margin-top: 40px;
    margin-bottom: 40px;
}

.ad-page .ad-solution-inner .ad-solution-inner-branded-content > p {
    color: #252525;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 25px;
    padding-left: 40px;
    padding-right: 40px;
    text-align: center;
    font-family: Helvetica, Arial, sans-serif;
}


.ad-page .ad-solution-inner-performance,
.ad-page .ad-solution-inner-social {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.ad-page .ad-solution-inner-animation-text {
    padding-left: 20px;
    padding-right: 80px;
}

.ad-page .ad-solution-inner-animation.ad-solution-inner-animation-social {
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    max-width: 597px;
    margin: 0 auto;
}

.ad-page .ad-solution-inner-animation.ad-solution-inner-animation-social > a {
    display: block;
    margin: 0;
    padding: 0;
    float: left;
}

.ad-page .ad-solution-inner-animation.ad-solution-inner-animation-social > a > img {
    margin: 0;
}

.ad-page .ad-solution-inner-animation.ad-solution-inner-animation-social > a.ad-solution-inner-social-facebook-videos {
    width: 31%;
    text-align: right;
}

.ad-page .ad-solution-inner-animation.ad-solution-inner-animation-social > a.ad-solution-inner-social-pinterest {
    width: 30%;
    text-align: left;
}

.ad-page .ad-solution-inner-animation.ad-solution-inner-animation-social > a.ad-solution-inner-social-instagram {
    width: 39%;
    text-align: center;
}

.ad-page .ad-solution-inner-animation.ad-model-wrapper h3 {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: bold;
    font-size: 22px;
    color: #4d4774;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 30px;
    padding-left: 30px;
    padding-right: 30px;
}

.ad-page .ad-solution-inner-animation.ad-model-wrapper {
    max-width: 468px;
    margin: 0 auto;
}

.ad-page .ad-solution-inner-animation.ad-model-wrapper .ad-solution-admodel-iphone-wrapper img {
    max-width: 140px;
}

.ad-page .ad-solution-inner-animation.ad-model-wrapper .ad-solution-admodel-actions > a:nth-of-type(-n+3) {
    display: block;
    margin-bottom: 20px;
}

.ad-page .ad-solution-inner-animation img {
    margin: 0 auto;
}

.ad-page .ad-solution-inner-animation-text > p {
    color: #252525;
    font-size: 18px;
    line-height: 24px;
    font-family: Helvetica, Arial, sans-serif;
}

.ad-page .ad-quote-block {
    margin-bottom: 35px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.ad-page .ad-quote-block blockquote {
    font-family: 'Crimson Text', serif;
    font-size: 32px;
    font-style: italic;
    padding: 0;
    margin: 5px 25px;
    background-image: url(assets/images/openquote.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    /* text-indent: 23px; */
    line-height: 38px;
    border: 0;
}
.ad-page .ad-quote-block blockquote span {
    display: block;
    background-image: url(assets/images/closequote.jpg);
    background-repeat: no-repeat;
    background-position: bottom right;
    padding: 0 90px;
    text-align: center;
}

.ad-page .ad-quote-block .ad-quote-block-text {
    font-size: 18px;
    line-height: 24px;
    font-family: Helvetica, Arial, sans-serif;
    color: #252525;
    padding-right: 30px;
}

.ad-page .ad-contact-form {
    background: #f4f4f4;
}

.ad-page .ad-contact-form #success-form-wrapper  {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #f4f4f4;
    z-index: 10;
    display: none;
    text-align: center;
    padding-top: 170px;
}

.ad-page .ad-contact-form #success-form-wrapper h3 {
    margin-bottom: 20px;
    margin-top: 0;
    text-transform: uppercase;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: bold;
    font-size: 32px;
    color: #2bbbb3;
}

.ad-page .ad-contact-form #success-form-wrapper p {
    font-size: 18px;
    color: #252525;
    font-family: Helvetica, Arial, sans-serif;
    line-height: 20px;
}

.ad-page .ad-contact-form #ad-page-contact-form > .clearfix {
    clear: both;
}

.ad-page .ad-contact-form h2 {
    background: #f4f4f4;
    margin: 30px auto;
    text-align: center;
    color: #4d4774;
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: uppercase;
    font-size: 32px;
    line-height: 34px;
    font-weight: bold;
    z-index: 11;
    position: relative;
}

.ad-page .ad-contact-form > .container {
    max-width: 535px !important;
    position: relative;
}

.ad-page .ad-contact-form #ad-page-contact-form > div:not(.col-sm-offset-3) {
    margin: 0 0 10px 0;
}

.ad-page .ad-contact-form #ad-page-contact-form input,
.ad-page .ad-contact-form #ad-page-contact-form textarea,
.ad-page .ad-contact-form #ad-page-contact-form select {
    font-size: 18px;
    color: #a3a3a3;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: normal;
    border: 2px solid #d9d6d6;
    border-radius: 0;
    padding: 0 15px;
    outline: none;
    -webkit-appearance:none;
}

.ad-page .ad-contact-form #ad-page-contact-form .has-error input#inputwebsite,
.ad-page .ad-contact-form #ad-page-contact-form .has-error select#inputinterestedin {
    font-size: 14px;
}

.ad-page .ad-contact-form #ad-page-contact-form .has-error input#inputwebsite {
    font-size: 13px;
}

.ad-page .ad-contact-form #ad-page-contact-form .has-error select#inputinterestedin {
    color: #ff0000;
    font-size: 14px;
}

.ad-page .ad-contact-form #ad-page-contact-form .has-success input,
.ad-page .ad-contact-form #ad-page-contact-form .has-success textarea,
.ad-page .ad-contact-form #ad-page-contact-form .has-success select {
    border-color: #3c763d;
}

.ad-page .ad-contact-form #ad-page-contact-form .has-error input,
.ad-page .ad-contact-form #ad-page-contact-form .has-error textarea,
.ad-page .ad-contact-form #ad-page-contact-form .has-error select {
    border-color: #ff0000;
}

.ad-page .ad-contact-form #ad-page-contact-form em.help-block {
    margin: 0;
    padding: 0;
}

.ad-page .ad-contact-form #ad-page-contact-form input:focus,
.ad-page .ad-contact-form #ad-page-contact-form textarea:focus,
.ad-page .ad-contact-form #ad-page-contact-form select:focus {
    outline: none;
    -webkit-appearance:none;
    -webkit-box-shadow: 0 0 0;
    box-shadow: 0 0 0;

}

.ad-page .ad-contact-form .has-error .form-control {
    border-color: #ff0000;
}

.ad-page .ad-contact-form .has-error ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #ff0000;
}
.ad-page .ad-contact-form .has-error :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #ff0000;
    opacity:  1;
}
.ad-page .ad-contact-form .has-error ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #ff0000;
    opacity:  1;
}
.ad-page .ad-contact-form .has-error :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color:    #ff0000;
}
.ad-page .ad-contact-form .has-error ::-ms-input-placeholder { /* Microsoft Edge */
    color:    #ff0000;
}


.ad-page .ad-contact-form #ad-page-contact-form input,
.ad-page .ad-contact-form #ad-page-contact-form select {
    height: 50px;
}

.ad-page .ad-contact-form #ad-page-contact-form #answers {
    display: none;
    padding: 10px;
    font-size: 16px;
    font-family: Helvetica, Arial, sans-serif;
    text-align: center;
}

.ad-page .ad-contact-form #ad-page-contact-form select {
    background: #fff url('assets/images/advertise_dropdown_arrow.png') no-repeat;
    background-size: 20px 8px;
    background-position: 215px 20px;
}

.ad-page .ad-contact-form #ad-page-contact-form .has-error select {
    background: #fff url('assets/images/advertise_dropdown_arrow_error.png') no-repeat;
    background-size: 20px 8px;
    background-position: 215px 20px;
}

.ad-page .ad-contact-form #ad-page-contact-form textarea {
    padding: 20px 15px;
}

.ad-page .ad-contact-form #ad-page-contact-form .form-control-feedback {
    top: 7px;
}

.ad-page .ad-contact-form #ad-page-contact-form .btn {
    text-transform: uppercase;
    background: #2bbbb3;
    padding: 25px 10px;
    color: #fff;
    border: 0;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
    font-size: 24px;
    line-height: 24px;
    border-radius: 0;
    position: relative;
    z-index: 11;
}

.ad-page .ad-contact-form #ad-page-contact-form .btn:hover {
    opacity: 0.9;
}

.ad-page .ad-contact-form #ad-page-contact-form .btn:active,
.ad-page .ad-contact-form #ad-page-contact-form .btn:focus {
    outline: none;
    -webkit-appearance: none;
    -webkit-box-shadow: 0 0 0;
    box-shadow: 0 0 0;
}

.ad-page .ad-contact-form #ad-page-contact-form .ad-required-text {
    color: #a3a3a3;
    font-size: 12px;
    font-family: Helvetica, Arial, sans-serif;
    margin-top: 5px;
    margin-bottom: 0;
}

@media all and (min-width: 992px) {
    .ad-page .ad-stats-inner .ad-stats-inner-social .col-md-2 {
        width: 19.2%;
        margin: 10px .97% 0 0;
        padding: 0;
    }

    .ad-page .ad-stats-inner .ad-stats-inner-social .col-md-2:last-of-type {
        margin-right: 0;
    }

    .ad-page .ad-solution-inner-social:before, .ad-page .ad-solution-inner-social:after,
    .ad-page .ad-solution-inner-performance:before, .ad-page .ad-solution-inner-performance:after,
    .ad-page .ad-quote-block:before, .ad-page .ad-quote-block:after{
        display:none;
    }
}

@media all and (max-width: 1208px) {
    .ad-page .ad-hero .container {
        padding:70px 200px !important;
    }
}

@media all and (max-width: 1110px) {
    .ad-page .ad-hero .container {
        padding:70px 140px !important;
    }

    .ad-page .ad-hero h1 {
        font-size: 60px;
    }
}

@media all and (max-width: 991px) {
    .ad-page .ad-hero {
        background-size: cover;
    }

    .ad-page .ad-hero .container {
        padding:60px 175px 35px 175px !important;
    }

    .ad-page .ad-hero h1 {
        font-size: 51px;
    }

    .ad-page .ad-hero .ad-hero-separator {
        margin: 20px auto;
    }

    .ad-page .ad-hero .ad-hero-text {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 35px;
    }

    .ad-page .ad-hero .ad-award-left > div > p,
    .ad-page .ad-hero .ad-award-right > div > p {
        font-size: 18px;
        line-height: 18px;
    }

    .ad-page .ad-hero .ad-award-right > div > p.ad-award-text-small {
        font-size: 14px;
        line-height: 14px;
    }

    .ad-page .ad-hero .ad-award-left > div > span,
    .ad-page .ad-hero .ad-award-right > div > span {
        font-size: 12px;
    }

    .ad-page .ad-headline {
        padding-top: 35px;
        padding-bottom: 35px;
        margin-bottom: 30px;
    }

    .ad-page .ad-headline h2 {
        font-size: 40px;
    }

    .ad-page h3.ad-subheading {
        font-size: 24px;
    }

    .ad-page .ad-subheading-separator {
        width: 50px;
        height: 2px;
        margin: 20px auto 30px auto;
    }

    .ad-page .ad-subheading-separator-left {
        margin: 20px 0 30px 0;
    }

    .ad-page .ad-solution-inner .ad-solution-inner-branded-image .ad-page-inner-image-block {
        padding: 10px;
        bottom: 15px;
        left: 15px;
        min-width: 225px;
    }

    .ad-page .ad-solution-inner .ad-solution-inner-branded-image .ad-page-inner-image-block > p {
        font-size: 16px;
    }

    .ad-page .ad-solution-inner .ad-solution-inner-branded-image .ad-page-inner-image-block > span {
        font-size: 14px;
    }

    .ad-page .ad-stats-inner-piechart > p {
        font-size: 14px;
        margin-bottom: 0;
        margin-top: 15px;
        font-weight: normal;
    }

    .ad-page .ad-stats-inner .ad-stats-email-stats,
    .ad-page .ad-stats-inner .ad-stats-facebook-stats,
    .ad-page .ad-stats-inner .ad-stats-pinterest-stats {
        margin-bottom: 30px;
    }

    .ad-page .ad-stats-inner .ad-stats-inner-numbers-headline {
        font-size: 12px;
    }

    .ad-page .ad-stats-inner .ad-stats-inner-numbers-number {
        font-size: 45px;
        margin-bottom: 10px;
    }

    .ad-page .ad-stats-inner .ad-stats-inner-numbers-icon {
        margin-bottom: 10px;
    }

    .ad-page .ad-stats-inner .ad-stats-inner-numbers-description {
        font-size: 17px;
        line-height: 18px;
    }

    .ad-page hr.ad-line {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .ad-page .ad-solution-inner .ad-solution-inner-branded-content > p {
        font-size: 16px;
        line-height: 20px;
    }

    .ad-page .ad-solution-inner-animation-text {
        padding-left: 10px;
        padding-right: 10px;
    }

    .ad-page .ad-solution-inner-animation-text > p {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 30px;
    }

    .ad-page .ad-solution-inner-animation.ad-model-wrapper .ad-solution-admodel-iphone-wrapper img {
        max-width: 100%;
    }


    .ad-page .ad-solution-inner-animation.ad-model-wrapper .ad-solution-admodel-actions > a:nth-of-type(-n+3) {
        display: block;
        margin-bottom: 10px;
    }

    .ad-page .ad-quote-block blockquote {
        font-size: 27px;
        margin: 5px;
        margin-bottom: 30px;
        /* text-indent: 23px; */
        line-height: 32px;
    }
    .ad-page .ad-quote-block blockquote span {
        padding: 0 90px;
    }

    .ad-page .ad-quote-block .ad-quote-block-text {
        font-size: 16px;
        line-height: 22px;
        padding-left: 35px;
        padding-right: 35px;
        text-align: center;
    }

    .ad-page .ad-contact-form h2 {
        font-size: 28px;
        line-height: 30px;
    }

    .ad-page .ad-quote-block {
        margin-bottom: 25px;
    }

    .ad-page .ad-contact-form #ad-page-contact-form select {
        background-position: 195px 20px;
    }
}

@media all and (max-width: 923px) {
    .ad-page .ad-hero .container {
        padding:60px 140px 35px 140px !important;
    }
}

@media all and (max-width: 853px) {
    .ad-page .ad-hero .container {
        padding:60px 110px 35px 110px !important;
    }
}

@media all and (max-width: 793px) {
    .ad-page .ad-hero .container {
        padding:60px 90px 35px 90px !important;
    }
}

@media all and (max-width: 767px) {
    .ad-page .ad-hero {
        background-image: url("assets/images/advertise_hero_mobile.jpg");
        background-size: cover;
    }

    .ad-page .ad-hero .container {
        padding:50px 30px 15px 30px !important;
    }

    .ad-page .ad-hero h1 {
        font-size: 44px;
    }

    .ad-page .ad-hero .ad-hero-separator {
        margin: 20px auto;
    }

    .ad-page .ad-hero .ad-hero-text {
        font-size: 16px;
        line-height: 21px;
        margin-bottom: 30px;
    }

    .ad-page .ad-hero .ad-award-left,
    .ad-page .ad-hero .ad-award-right {
        max-width: 270px;
        margin: 0 auto;
        display: table;
    }
    .ad-page .ad-hero .ad-award-left {
        margin-bottom: 20px;
    }

    .ad-page .ad-hero .ad-award-left > div > p,
    .ad-page .ad-hero .ad-award-right > div > p {
        font-size: 18px;
        line-height: 18px;
    }

    .ad-page .ad-hero .ad-award-left > div,
    .ad-page .ad-hero .ad-award-right > div {
        padding: 5px 0 0 10px;
    }

    .ad-page .ad-hero .ad-award-right > div > p.ad-award-text-small {
        font-size: 14px;
        line-height: 14px;
    }

    .ad-page .ad-hero .ad-award-left > div > span,
    .ad-page .ad-hero .ad-award-right > div > span {
        font-size: 12px;
    }

    .ad-page .ad-headline {
        padding-top: 30px;
        padding-bottom: 30px;
        margin-bottom: 30px;
    }

    .ad-page .ad-headline h2 {
        font-size: 34px;
    }

    .ad-page h3.ad-subheading {
        font-size: 23px;
    }

    .ad-page .ad-subheading-separator {
        width: 50px;
        height: 2px;
        margin: 20px auto 30px auto;
    }

    .ad-page .ad-solution-inner .ad-solution-inner-branded-image .ad-page-inner-image-block {
        padding: 10px;
        bottom: 15px;
        left: 15px;
        min-width: 225px;
    }

    .ad-page .ad-solution-inner .ad-solution-inner-branded-image .ad-page-inner-image-block > p {
        font-size: 16px;
    }

    .ad-page .ad-solution-inner .ad-solution-inner-branded-image .ad-page-inner-image-block > span {
        font-size: 14px;
    }

    .ad-page .ad-stats-inner-charts {
        margin-top: 20px;
        margin-bottom: 45px;
    }

    .ad-page .ad-stats-inner-charts .ad-stats-inner-piechart {
        min-height: 230px;
        margin-bottom: 40px;
    }

    .ad-page .ad-stats-inner-charts .ad-stats-inner-piechart.piechart-nomargin {
        margin-bottom: 0;
    }

    .ad-page .ad-stats-inner-piechart > p {
        font-size: 16px;
        margin-bottom: 0;
        margin-top: 15px;
        font-weight: normal;
    }

    .ad-page .ad-stats-inner .ad-stats-email-stats,
    .ad-page .ad-stats-inner .ad-stats-facebook-stats,
    .ad-page .ad-stats-inner .ad-stats-pinterest-stats,
    .ad-page .ad-stats-inner .ad-stats-instagram-stats {
        margin-bottom: 20px;
    }

    .ad-page .ad-stats-inner .ad-stats-email-stats {
        font-size: 12px;
    }

    .ad-page .ad-stats-inner .ad-stats-inner-numbers-headline {
        font-size: 12px;
    }

    .ad-page .ad-stats-inner .ad-stats-inner-numbers-number {
        font-size: 48px;
        margin-bottom: 10px;
    }

    .ad-page .ad-stats-inner .ad-stats-inner-numbers-icon {
        margin-bottom: 10px;
    }

    .ad-page .ad-stats-inner .ad-stats-inner-numbers-description {
        font-size: 16px;
        line-height: 18px;
    }

    .ad-page hr.ad-line {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .ad-page .ad-solution-inner .ad-solution-inner-branded-content > p {
        font-size: 16px;
        line-height: 20px;
    }

    .ad-page .ad-solution-inner-animation-text {
        padding-left: 10px;
        padding-right: 10px;
    }

    .ad-page .ad-solution-inner-animation-text > p {
        font-size: 16px;
        line-height: 20px;
        text-align: center;
        margin-bottom: 30px;
    }

    .ad-page h3.ad-subheading-left {
        text-align: center;
    }

    .ad-page .ad-quote-block blockquote {
        font-size: 27px;
        margin: 5px;
        margin-bottom: 30px;
        /* text-indent: 23px; */
        line-height: 32px;
    }
    .ad-page .ad-quote-block blockquote span {
        padding: 0 60px;
    }

    .ad-page .ad-quote-block .ad-quote-block-text {
        font-size: 16px;
        line-height: 22px;
        padding-left: 40px;
        padding-right: 40px;
        text-align: center;
    }

    .ad-page .ad-solution-inner-animation {
        text-align: center;
        display: block;
        width: 100%;
    }




    .ad-page .ad-contact-form h2 {
        font-size: 28px;
        line-height: 30px;
    }

    .ad-page .ad-quote-block {
        margin-bottom: 25px;
    }

    .ad-page .ad-contact-form #ad-page-contact-form select {
        background-position: 240px 20px;
    }

    .ad-page .ad-contact-form > .container {
        max-width: 310px !important;
    }

    .ad-page .ad-contact-form #success-form-wrapper  {
        padding-top: 260px;
    }
}


/*** END - New advertise page ***/

.page-template .redesign-page img {
    margin: 10px auto 20px auto;
    display: block;
    max-width: 100%;
    height: auto;
}

.page-template .redesign-page figure {
    max-width: 100%;
    width: 100% !important;
    height: auto !important;
}

.page-template .redesign-page figure img {
    max-width: 100%;
    width: 100% !important;
    margin-bottom: 0;
    margin-top: 10px;
}

.page-template .redesign-page figcaption {
    padding: 0;
    font-family: 'Roboto', sans-serif;
    font-size: 10px;
    color: #767676;
    margin-top: 0;
    display: inline-block;
    vertical-align: top;
    font-weight: 400;
    text-align: left;
}

.page-template .redesign-page figcaption i {
    background: url('assets/images/camera-icon.png') no-repeat;
    width: 12px;
    height: 11px;
    display: inline-block;
    background-size: 12px 11px;
    margin-right: 5px;
    position: relative;
    top: 1px;
}

.press-page.advertise-page .toph2 {
    font-size: 2.5em;
    margin-top: 30px;
}

/*** Honest Abe ***/

.honest-abe {
    position: relative;
    padding: 10px 10px 10px 40px;
    height: 80px;
    clear: both;
    overflow: hidden;
    width: 100%;
}

.honest-abe .honest-abe-container {
    background: #ebebeb;
    width: 100%;
    height: 100%;
}

.honest-abe-container > p, .honest-abe > p {
    display: none !important;
}

.honest-abe .honest-abe-container section {
    padding: 10px 10px 10px 55px;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    background: #ebebeb;
    clear: both;
}

.honest-abe .honest-abe-container section h4 {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px !important;
    text-transform: uppercase;
    color: #463e6f;
    margin: 0 !important;
    letter-spacing: .15em;
}

.honest-abe .honest-abe-container section p {
    font-family: 'Coustard', serif;
    font-size: 15px !important;
    color: #707070;
    margin: 0;
    line-height: 16px !important;
}

.honest-abe .honest-abe-container section p span.honest-abe-highlighted {
    color: #463e6f;
}

.honest-abe .honest-abe-container img {
    position: absolute;
    top: 0;
    left: 0;
    max-height: 80px !important;
    max-width: 80px !important;
    z-index: 1;
    margin: 0 !important;
}

honest-abe-top {
    margin-bottom: 24px !important;
}

@media all and (min-width: 768px) {
    .honest-abe .honest-abe-container section p {
        font-size: 14px !important;
        line-height: 16px !important;
    }
}

@media all and (min-width: 1200px) {
    .honest-abe .honest-abe-container section p {
        font-size: 15px !important;
        line-height: 16px !important;
    }
}

@media all and (min-width: 481px) and (max-width: 767px) {
    .hidden-xs-sm {
        display: none !important;
    }
}

@media all and (max-width: 529px) {
    .honest-abe .honest-abe-container section h4 {
        font-size: 12px !important;
        margin: 0 !important;
        letter-spacing: .15em;
    }

    .honest-abe .honest-abe-container section p {
        font-size: 12px !important;
        line-height: 16px !important;
    }
}

@media all and (max-width: 480px) {
    .hidden-xs-xs {
        display: none !important;
    }
}

/* Careers page */

.page-template-careers-template #content {
    padding-left: 5px;
    padding-right: 5px;
}

.page-template-careers-template .qualities h3 {
    font-size: 22px;
}

.page-template-careers-template .qualities span {
    font-size: 16px;
    line-height: normal;
}

/* Tableau responsive */

div.tableauPlaceholder {
    width: 100% !important;
}

@media all and (max-width: 768px) {
    div.tableauPlaceholder {
        display: none !important;
    }
}


/**** GYM POST ****/

.post-page .single-post-content .single-post-content-inner .penny-image-text-shortcode-wrapper {
    display: flex;
    flex-wrap: wrap;
}

.post-page .single-post-content .single-post-content-inner .penny-image-text-shortcode-wrapper .penny-image-text-shortcode-image {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: flex-start;
}

.post-page .single-post-content .single-post-content-inner .penny-image-text-shortcode-wrapper .penny-image-text-shortcode-image img {
    margin: 0 auto;
}

.post-page .single-post-content .single-post-content-inner .penny-image-text-shortcode-wrapper .penny-image-text-shortcode-content {
    flex-wrap: wrap;
    flex-direction: column;
    align-content: center;
    align-self: center;
}

/**** WINE POST ****/

.post-page .single-post-content .single-post-content-inner .wine-post-section-wrapper {
    padding: 10px 20px;
    border: 2px solid #ebebeb;
    display: inline-block;
    margin-bottom: 20px;
}

.post-page .single-post-content .single-post-content-inner .wine-post-section-main,
.post-page .single-post-content .single-post-content-inner .wine-post-section-sub {
    display: flex;
    flex-wrap: wrap;
}

.post-page .single-post-content .single-post-content-inner .wine-post-section-main {
    padding-bottom: 10px;
}

.post-page .single-post-content .single-post-content-inner .wine-post-section-sub {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ebebeb;
}

.post-page .single-post-content .single-post-content-inner .wine-post-section-sub:last-of-type {
    padding-bottom: 0;
    border-bottom: 0;
}

.post-page .single-post-content .single-post-content-inner .wine-post-section-main .wine-post-section-main-image,
.post-page .single-post-content .single-post-content-inner .wine-post-section-sub .wine-post-section-sub-image {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: flex-start;
    align-self: center;
    max-width: 60px;
    padding: 0;
}

.post-page .single-post-content .single-post-content-inner .wine-post-section-main .wine-post-section-main-image {
    max-width: 60px;
}

.post-page .single-post-content .single-post-content-inner .wine-post-section-sub .wine-post-section-sub-image {
    max-width: 35px;
}

.post-page .single-post-content .single-post-content-inner .wine-post-section-main .wine-post-section-main-image img,
.post-page .single-post-content .single-post-content-inner .wine-post-section-sub .wine-post-section-sub-image img {
    margin: 0 auto;
}

.post-page .single-post-content .single-post-content-inner .wine-post-section-main .wine-post-section-main-image img {
    max-width: 60px;
}

.post-page .single-post-content .single-post-content-inner .wine-post-section-sub .wine-post-section-sub-image img {
    max-width: 35px;
}

.post-page .single-post-content .single-post-content-inner .wine-post-section-main .wine-post-section-main-content,
.post-page .single-post-content .single-post-content-inner .wine-post-section-sub .wine-post-section-sub-content {
    flex-wrap: wrap;
    flex-direction: column;
    align-content: center;
    align-self: center;
    padding-left: 20px;
}

.post-page .single-post-content .single-post-content-inner .wine-post-section-main h4,
.post-page .single-post-content .single-post-content-inner .wine-post-section-main p {
    margin: 0;
}

.post-page .single-post-content .single-post-content-inner .wine-post-section-main h4 {
    font-size: 20px;
}

.post-page .single-post-content .single-post-content-inner .wine-post-section-main p {
    font-size: 15px;
    color: #352957;
    line-height: 15px;
}

@media (max-width: 767px) {
    .post-page .single-post-content .single-post-content-inner .wine-post-section-main h4 {
        font-size: 21px;
        line-height: 21px;
    }

    .post-page .single-post-content .single-post-content-inner .wine-post-section-main p {
        font-size: 17px;
        line-height: 17px;
    }

    .post-page .single-post-content .single-post-content-inner .wine-post-section-sub {
        font-size: 18px;
        line-height: 18px;
    }

    .post-page .single-post-content .single-post-content-inner .wine-post-section-main .wine-post-section-main-image {
        max-width: 70px;
    }

    .post-page .single-post-content .single-post-content-inner .wine-post-section-sub .wine-post-section-sub-image {
        max-width: 50px;
    }

    .post-page .single-post-content .single-post-content-inner .wine-post-section-main .wine-post-section-main-image img {
        max-width: 70px;
    }

    .post-page .single-post-content .single-post-content-inner .wine-post-section-sub .wine-post-section-sub-image img {
        max-width: 50px;
    }
}

/*** Bouncing social share icons ***/

@media (max-width: 991px) {
    .single-post .animated {
        animation-duration: 4s;
        animation-fill-mode: both;
    }

    .single-post .animated.infinite {
        animation-iteration-count: infinite;
    }

    @keyframes bounce {
        0%, 5%, 13%, 20%, 25% {
            animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transform: translate3d(0,0,0);
        }

        10%, 10.5% {
            animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transform: translate3d(0, -10px, 0);
        }

        17.5% {
            animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transform: translate3d(0, -5px, 0);
        }

        22.5% {
            transform: translate3d(0,-1px,0);
        }
    }

    .single-post .bounce {
        animation-name: bounce;
        transform-origin: center bottom;
    }
}
/*** Careers Page ***/

.careers-page {
    margin-top: -30px;
}

.careers-page .careers-hero > .container {
    background-image: url('assets/images/careers-hero-image.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    height: 300px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.careers-page .careers-hero > .container h2 {
    margin: 0;
    width: 100%;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    font-size: 44px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    text-shadow: 3px 4px 43px rgba(0, 0, 0, 0.77);
}

.careers-page .careers-mission {
    background: #f6f6f6;
    margin-top: 15px;
    text-align: center;
}

.careers-page .careers-mission > .container {
    padding-top: 20px;
    padding-bottom: 30px;
}

.careers-page .careers-mission > .container h3 {
    margin: 0 0 15px 0;
    font-family: 'Roboto', sans-serif;
    color: #4d4774;
    font-size: 22px;
    font-weight: bold;
    padding: 0 20px;
}

.careers-page .careers-mission > .container p {
    margin: 0;
    font-family: Helvetica, Arial, sans-serif;
    color: #252525;
    font-size: 16px;
    padding: 0 20px;
}

.careers-page .careers-values {
     margin-bottom: 15px;
     padding-top: 35px;
}

.careers-page .careers-values > .container {
    padding: 0 5px !important;
    border-bottom: 1px solid #f6f6f6;
}

.careers-page .careers-values > .container .careers-values-images-row > div {
    text-align: center;
    margin-bottom: 15px;
}

.careers-page .careers-values > .container .careers-values-images-row img {
    display: inline-block;
    margin: 0 auto;
    max-height: 70px;
}

.careers-page .careers-values > .container .careers-values-images-row .core-values-lead img {
    margin-left: 30px;
}

.careers-page .careers-values > .container .careers-values-headings-row span {
    color: #4d4774;
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
}

.careers-page .careers-values-paragraph {
    margin: 25px auto 30px auto;
    font-size: 16px;
    color: #252525;
    font-family: Helvetica, Arial, sans-serif;
    padding: 0 5px;
}

.careers-page .careers-kyle-block > .container,
.careers-page .careers-kyle-block > .container .careers-kyle-block-image {
    padding: 0 !important;
}

.careers-page .careers-kyle-block > .container .careers-kyle-block-image {
    position: relative;
    margin: 0 10px;
}

.careers-page .careers-kyle-block > .container .careers-kyle-block-image .image-sticker {
    position: absolute;
    left: 0;
    bottom: 0;
    background: #342d58;
    padding: 15px;
}

.careers-page .careers-kyle-block > .container .careers-kyle-block-image .image-sticker span {
    color: #fff;
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: uppercase;
    font-size: 15px;
}


.careers-page .careers-kyle-block > .container {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid #f6f6f6;
    margin-bottom: 30px;
}

.careers-page .careers-kyle-block > .container .careers-kyle-block-text {
     padding: 0 10px;
     align-self: center;
     margin-bottom: 15px;
}

.careers-page .careers-kyle-block > .container .careers-kyle-block-text h3 {
    color: #4d4774;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 25px;
}

.careers-page .careers-kyle-block > .container .careers-kyle-block-text p {
    font-size: 16px;
    color: #252525;
    font-family: Helvetica, Arial, sans-serif;
    margin-bottom: 0;
}

.careers-page .careers-kyle-block > .container .careers-kyle-block-text p a {
    font-weight: bold;
    color: #a864a8;
    text-decoration: underline;
}

.careers-page .careers-awards-block {
    margin-bottom: 30px;
}

.careers-page .careers-awards-block > .container,
.careers-page .careers-awards-block > .container .careers-awards-block-placeholder {
    padding: 0 !important;
}

.careers-page .careers-awards-block > .container {
    display: flex;
    flex-wrap: wrap;
    background: #a084bf;
    align-items: center;
    text-align: center;
}

.careers-page .careers-awards-block > .container:before {
    display: inline;
    content:"";
}

.careers-page .careers-awards-block > .container .careers-awards-block-placeholder-purple {
    background: #a084bf;
    padding: 0 10px !important;
}



.careers-page .careers-awards-block > .container .careers-awards-block-placeholder-purple div.careers-sep {
    margin: 20px auto 20px auto;
    width: 48px;
    height: 1px;
    background: #c2a6cf;
}

.careers-page .careers-awards-block > .container .careers-awards-block-placeholder.careers-inc img.placeholder-image {
    max-width: 125px;
    margin: 0 auto 10px auto;
}

.careers-page .careers-awards-block > .container .careers-awards-block-placeholder.careers-inc p {
    font-size: 14px;
    line-height: 18px;
}

.careers-page .careers-awards-block > .container .careers-awards-block-placeholder.careers-entrepreneur img.placeholder-image {
    max-width: 130px;
    margin: 0 auto;
}

.careers-page .careers-awards-block > .container .careers-awards-block-placeholder.careers-tbtimes img.placeholder-image {
    max-width: 100px;
    margin: 0 auto;
}

.careers-page .careers-awards-block > .container .careers-awards-block-placeholder p {
    color: #fff;
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 0;
}


.careers-page .careers-perks-block {
    background-image: url('assets/images/perks-ackground-copy.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.careers-page .careers-perks-block .careers-perks-block-image {
    padding-top: 30px;
    padding-bottom: 30px;
}

.careers-page .careers-perks-block .careers-perks-block-carousel .careers-perks-block-carousel-item div.img-benefits {
    margin: 0 auto;
    outline: 0;
    vertical-align: middle;
    position: relative;
    background: #342d58;
    border-radius: 100%;
    overflow: hidden;
    cursor: default;
    color: #fff;
    display: flex;
    align-content: center;
    text-align: center;
    align-items: center;
}

.careers-page .careers-perks-block .careers-perks-block-carousel .careers-perks-block-carousel-item div.img-benefits p{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    margin: 0 20px;
    font-weight: 200;
    line-height: 16px;
}

.careers-page .owl-stage {
    display: flex;
    align-items: center;
}

.careers-page  .owl-item .item { margin-left: 2px !important; }

.careers-page .careers-perks-block .careers-perks-block-carousel {
    max-width: 78%;
    margin: 0 auto;
}

.careers-page .careers-perks-block .careers-perks-block-carousel .owl-prev {
    font-size: 46px;
    color: #fff;
    opacity: 0.7;
    text-shadow: 2px 2px 2px rgba(150, 150, 150, 1);
    position: absolute;
    cursor: pointer;
    z-index: 5;
    left: -32px;
    background: transparent;
}

.careers-page .careers-perks-block .careers-perks-block-carousel .owl-next {
    font-size: 46px;
    color: #fff;
    opacity: 0.7;
    text-shadow: 2px 2px 2px rgba(150, 150, 150, 1);
    position: absolute;
    cursor: pointer;
    z-index: 5;
    right: -31px;
    background: transparent;
}

.careers-page .owl-theme .owl-nav [class*='owl-']:hover {
    background: transparent !important;
}

.careers-page .owl-theme .owl-nav {
    margin-top: 0 !important;
}

.careers-page .careers-perks-block .careers-perks-block-carousel .slick-arrow.slick-disabled {
    visibility: hidden;
}

.careers-page .careers-perks-block .careers-perks-block-carousel .slick-arrow.fa-angle-left {
    left: 0;
}

.careers-page .careers-perks-block .careers-perks-block-carousel .slick-arrow.fa-angle-right {
    right: 0;
}



.careers-page .careers-perks-block .careers-perks-block-carousel .careers-perks-block-carousel-item div.img-benefits:before,
.careers-page .careers-perks-block .careers-perks-block-carousel .careers-perks-block-carousel-item div.img-benefits:after {
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    display: inline-block;
    content: " ";
}

/**** Health Care item ***/

.careers-page .careers-perks-block .careers-perks-block-carousel .careers-perks-block-carousel-item div.img-health-care:before {
    background-image: url('assets/images/benefits/icons/01-FIRSTAID.png');
    width: 20%;
    height: 20%;
    top: -20%; /* -30px */
    left: -20%; /* 20px */
}

.careers-page .careers-perks-block .careers-perks-block-carousel  .careers-perks-block-carousel-item div.img-health-care:after {
    background-image: url('assets/images/benefits/icons/01-BANDAID.png');
    width: 30%;
    height: 30%;
    bottom: -20%; /* 20px */
    right: -20%; /* 20px */
}

.careers-page .careers-perks-block .careers-perks-block-carousel .careers-perks-block-carousel-item.animateditem div.img-health-care:before {
    top: 8%; /* 10px */
    left: 20%; /* -30px */
    -webkit-transition: left 1s, top 1s; /* Safari */
    transition: left 1s, top 1s;
}

.careers-page .careers-perks-block .careers-perks-block-carousel .careers-perks-block-carousel-item.animateditemout div.img-health-care:before {
    top: -20%; /* -30px */
    left: -20%; /* 20px */
    -webkit-transition: left 1s, top 1s; /* Safari */
    transition: left 1s, top 1s;
}

.careers-page .careers-perks-block .careers-perks-block-carousel .careers-perks-block-carousel-item.animateditem div.img-health-care:after {
    bottom: 5%; /* -30px */
    right: 20%; /* -30px */
    -webkit-transition: right 1s, bottom 1s; /* Safari */
    transition: right 1s, bottom 1s;
}

.careers-page .careers-perks-block .careers-perks-block-carousel .careers-perks-block-carousel-item.animateditemout div.img-health-care:after {
    bottom: -20%; /* -30px */
    right: -20%; /* -30px */
    -webkit-transition: right 1s, bottom 1s; /* Safari */
    transition: right 1s, bottom 1s;
}

/**** Vacation icon ***/

.careers-page .careers-perks-block .careers-perks-block-carousel .careers-perks-block-carousel-item div.img-vacation:before {
    background-image: url('assets/images/benefits/icons/02-SUN.png');
    width: 25%;
    height: 25%;
    top: -20%;
    right: -20%;
}

.careers-page .careers-perks-block .careers-perks-block-carousel  .careers-perks-block-carousel-item div.img-vacation:after {
    background-image: url('assets/images/benefits/icons/02-SUITCASE.png');
    width: 25%;
    height: 25%;
    bottom: -20%;
    left: -20%;
}

.careers-page .careers-perks-block .careers-perks-block-carousel .careers-perks-block-carousel-item.animateditem div.img-vacation:before {
    top: 4%;
    right: 22%;
    -webkit-transition: right 1s, top 1s; /* Safari */
    transition: right 1s, top 1s;
}

.careers-page .careers-perks-block .careers-perks-block-carousel .careers-perks-block-carousel-item.animateditemout div.img-vacation:before {
    top: -20%;
    right: -20%;
    -webkit-transition: right 1s, top 1s; /* Safari */
    transition: right 1s, top 1s;
}

.careers-page .careers-perks-block .careers-perks-block-carousel .careers-perks-block-carousel-item.animateditem div.img-vacation:after {
    bottom: 4%;
    left: 23%;
    -webkit-transition: left 1s, bottom 1s; /* Safari */
    transition: left 1s, bottom 1s;
}

.careers-page .careers-perks-block .careers-perks-block-carousel .careers-perks-block-carousel-item.animateditemout div.img-vacation:after {
    bottom: -20%;
    left: -20%;
    -webkit-transition: left 1s, bottom 1s; /* Safari */
    transition: left 1s, bottom 1s;
}

/**** Competitive pay icon ***/

.careers-page .careers-perks-block .careers-perks-block-carousel .careers-perks-block-carousel-item div.img-competitive-pay:before {
    background-image: url('assets/images/benefits/icons/03-MONEY.png');
    width: 30%;
    height: 30%;
    top: -20%;
    left: -20%;
}

.careers-page .careers-perks-block .careers-perks-block-carousel  .careers-perks-block-carousel-item div.img-competitive-pay:after {
    background-image: url('assets/images/benefits/icons/03-PALMTREES.png');
    width: 30%;
    height: 30%;
    bottom: -20%;
    right: -20%;
}

.careers-page .careers-perks-block .careers-perks-block-carousel .careers-perks-block-carousel-item.animateditem div.img-competitive-pay:before {
    top: 4%;
    left: 18%;
    -webkit-transition: left 1s, top 1s; /* Safari */
    transition: left 1s, top 1s;
}

.careers-page .careers-perks-block .careers-perks-block-carousel .careers-perks-block-carousel-item.animateditemout div.img-competitive-pay:before {
    top: -20%;
    left: -20%;
    -webkit-transition: left 1s, top 1s; /* Safari */
    transition: left 1s, top 1s;
}

.careers-page .careers-perks-block .careers-perks-block-carousel .careers-perks-block-carousel-item.animateditem div.img-competitive-pay:after {
    bottom: 1%;
    right: 13%;
    -webkit-transition: right 1s, bottom 1s; /* Safari */
    transition: right 1s, bottom 1s;
}

.careers-page .careers-perks-block .careers-perks-block-carousel .careers-perks-block-carousel-item.animateditemout div.img-competitive-pay:after {
    bottom: -20%;
    right: -20%;
    -webkit-transition: right 1s, bottom 1s; /* Safari */
    transition: right 1s, bottom 1s;
}

/**** Work from home icon ***/

.careers-page .careers-perks-block .careers-perks-block-carousel .careers-perks-block-carousel-item div.img-wfh-icon:before {
    background-image: url('assets/images/benefits/icons/04-SLIPPERS.png');
    width: 25%;
    height: 25%;
    top: -30%;
    right: 5%;
}

.careers-page .careers-perks-block .careers-perks-block-carousel  .careers-perks-block-carousel-item div.img-wfh-icon:after {
    background-image: url('assets/images/benefits/icons/04-COUCH.png');
    width: 30%;
    height: 30%;
    bottom: -30%;
    right: 34%;
}

.careers-page .careers-perks-block .careers-perks-block-carousel .careers-perks-block-carousel-item.animateditem div.img-wfh-icon:before {
    top: 4%;
    right: 20%;
    -webkit-transition: right 1s, top 1s; /* Safari */
    transition: right 1s, top 1s;
}

.careers-page .careers-perks-block .careers-perks-block-carousel .careers-perks-block-carousel-item.animateditemout div.img-wfh-icon:before {
    top: -30%;
    right: 5%;
    -webkit-transition: right 1s, top 1s; /* Safari */
    transition: right 1s, top 1s;
}

.careers-page .careers-perks-block .careers-perks-block-carousel .careers-perks-block-carousel-item.animateditem div.img-wfh-icon:after {
    bottom: 5%;
    right: 34%;
    -webkit-transition: right 1s, bottom 1s; /* Safari */
    transition: right 1s, bottom 1s;
}

.careers-page .careers-perks-block .careers-perks-block-carousel .careers-perks-block-carousel-item.animateditemout div.img-wfh-icon:after {
    bottom: -30%;
    right: 34%;
    -webkit-transition: right 1s, bottom 1s; /* Safari */
    transition: right 1s, bottom 1s;
}

/*** Office icon ***/

.careers-page .careers-perks-block .careers-perks-block-carousel .careers-perks-block-carousel-item div.img-office-icon:before {
    background-image: url('assets/images/benefits/icons/05-OFFICE.png');
    width: 25%;
    height: 25%;
    top: -30%;
    right: 5%;
}

.careers-page .careers-perks-block .careers-perks-block-carousel  .careers-perks-block-carousel-item div.img-office-icon:after {
    background-image: url('assets/images/benefits/icons/05-SPARKLES.png');
    width: 30%;
    height: 30%;
    bottom: -30%;
    right: 35%;
}

.careers-page .careers-perks-block .careers-perks-block-carousel .careers-perks-block-carousel-item.animateditem div.img-office-icon:before {
    top: 4%;
    right: 20%;
    -webkit-transition: right 1s, top 1s; /* Safari */
    transition: right 1s, top 1s;
}

.careers-page .careers-perks-block .careers-perks-block-carousel .careers-perks-block-carousel-item.animateditemout div.img-office-icon:before {
    top: -30%;
    right: 5%;
    -webkit-transition: right 1s, top 1s; /* Safari */
    transition: right 1s, top 1s;
}

.careers-page .careers-perks-block .careers-perks-block-carousel .careers-perks-block-carousel-item.animateditem div.img-office-icon:after {
    bottom: -2%;
    right: 35%;
    -webkit-transition: right 1s, bottom 1s; /* Safari */
    transition: right 1s, bottom 1s;
}

.careers-page .careers-perks-block .careers-perks-block-carousel .careers-perks-block-carousel-item.animateditemout div.img-office-icon:after {
    bottom: -30%;
    right: 35%;
    -webkit-transition: right 1s, bottom 1s; /* Safari */
    transition: right 1s, bottom 1s;
}

/**** 401k icon Care item ***/

.careers-page .careers-perks-block .careers-perks-block-carousel .careers-perks-block-carousel-item div.img-401k-icon:before {
    background-image: url('assets/images/benefits/icons/06-COINS.png');
    width: 30%;
    height: 30%;
    top: -30%;
    right: 35%;
}

.careers-page .careers-perks-block .careers-perks-block-carousel  .careers-perks-block-carousel-item div.img-401k-icon:after {
    background-image: url('assets/images/benefits/icons/06-PIG.png');
    width: 30%;
    height: 30%;
    bottom: -30%;
    right: 36%;
}

.careers-page .careers-perks-block .careers-perks-block-carousel .careers-perks-block-carousel-item.animateditem div.img-401k-icon:before {
    top: 5%;
    right: 35%;
    -webkit-transition: right 1s, top 1s; /* Safari */
    transition: right 1s, top 1s;
}

.careers-page .careers-perks-block .careers-perks-block-carousel .careers-perks-block-carousel-item.animateditemout div.img-401k-icon:before {
    top: -30%;
    right: 35%;
    -webkit-transition: right 1s, top 1s; /* Safari */
    transition: right 1s, top 1s;
}

.careers-page .careers-perks-block .careers-perks-block-carousel .careers-perks-block-carousel-item.animateditem div.img-401k-icon:after {
    bottom: 5%;
    right: 36%;
    -webkit-transition: right 1s, bottom 1s; /* Safari */
    transition: right 1s, bottom 1s;
}

.careers-page .careers-perks-block .careers-perks-block-carousel .careers-perks-block-carousel-item.animateditemout div.img-401k-icon:after {
    bottom: -30%;
    right: 36%;
    -webkit-transition: right 1s, bottom 1s; /* Safari */
    transition: right 1s, bottom 1s;
}

/**** Unlimited sick days icon ***/

.careers-page .careers-perks-block .careers-perks-block-carousel .careers-perks-block-carousel-item div.img-sick-days-icon:before {
    background-image: url('assets/images/benefits/icons/08-HEART.png');
    width: 25%;
    height: 25%;
    top: -20%; /* -30px */
    left: -20%; /* 20px */
}

.careers-page .careers-perks-block .careers-perks-block-carousel  .careers-perks-block-carousel-item div.img-sick-days-icon:after {
    background-image: url('assets/images/benefits/icons/08-STETHOSCOPE.png');
    width: 35%;
    height: 35%;
    bottom: -20%; /* 20px */
    right: -20%; /* 20px */
}

.careers-page .careers-perks-block .careers-perks-block-carousel .careers-perks-block-carousel-item.animateditem div.img-sick-days-icon:before {
    top: 10%; /* 10px */
    left: 22%; /* -30px */
    -webkit-transition: left 1s, top 1s; /* Safari */
    transition: left 1s, top 1s;
}

.careers-page .careers-perks-block .careers-perks-block-carousel .careers-perks-block-carousel-item.animateditemout div.img-sick-days-icon:before {
    top: -20%; /* -30px */
    left: -20%; /* 20px */
    -webkit-transition: left 1s, top 1s; /* Safari */
    transition: left 1s, top 1s;
}

.careers-page .careers-perks-block .careers-perks-block-carousel .careers-perks-block-carousel-item.animateditem div.img-sick-days-icon:after {
    bottom: 4%; /* -30px */
    right: 18%; /* -30px */
    -webkit-transition: right 1s, bottom 1s; /* Safari */
    transition: right 1s, bottom 1s;
}

.careers-page .careers-perks-block .careers-perks-block-carousel .careers-perks-block-carousel-item.animateditemout div.img-sick-days-icon:after {
    bottom: -20%; /* -30px */
    right: -20%; /* -30px */
    -webkit-transition: right 1s, bottom 1s; /* Safari */
    transition: right 1s, bottom 1s;
}

/**** Healthy Snacks Icon ***/

.careers-page .careers-perks-block .careers-perks-block-carousel .careers-perks-block-carousel-item div.img-healthy-snacks-icon:before {
    background-image: url('assets/images/benefits/icons/07-FOOD.png');
    width: 27%;
    height: 27%;
    top: -20%; /* -30px */
    left: -20%; /* 20px */
}

.careers-page .careers-perks-block .careers-perks-block-carousel  .careers-perks-block-carousel-item div.img-healthy-snacks-icon:after {
    background-image: url('assets/images/benefits/icons/07-BANANA.png');
    width: 32%;
    height: 32%;
    bottom: -20%; /* 20px */
    right: -20%; /* 20px */
}

.careers-page .careers-perks-block .careers-perks-block-carousel .careers-perks-block-carousel-item.animateditem div.img-healthy-snacks-icon:before {
    top: 2%; /* 10px */
    left: 20%; /* -30px */
    -webkit-transition: left 1s, top 1s; /* Safari */
    transition: left 1s, top 1s;
}

.careers-page .careers-perks-block .careers-perks-block-carousel .careers-perks-block-carousel-item.animateditemout div.img-healthy-snacks-icon:before {
    top: -20%; /* -30px */
    left: -20%; /* 20px */
    -webkit-transition: left 1s, top 1s; /* Safari */
    transition: left 1s, top 1s;
}

.careers-page .careers-perks-block .careers-perks-block-carousel .careers-perks-block-carousel-item.animateditem div.img-healthy-snacks-icon:after {
    bottom: 3%; /* -30px */
    right: 12%; /* -30px */
    -webkit-transition: right 1s, bottom 1s; /* Safari */
    transition: right 1s, bottom 1s;
}

.careers-page .careers-perks-block .careers-perks-block-carousel .careers-perks-block-carousel-item.animateditemout div.img-healthy-snacks-icon:after {
    bottom: -20%; /* -30px */
    right: -20%; /* -30px */
    -webkit-transition: right 1s, bottom 1s; /* Safari */
    transition: right 1s, bottom 1s;
}

/**** Much more icon ***/

.careers-page .careers-perks-block .careers-perks-block-carousel .careers-perks-block-carousel-item div.img-much-more-icon:before {
    background-image: url('assets/images/benefits/icons/09-CONFETTI.png');
    width: 35%;
    height: 35%;
    top: -20%; /* -30px */
    left: -20%; /* 20px */
}

.careers-page .careers-perks-block .careers-perks-block-carousel  .careers-perks-block-carousel-item div.img-much-more-icon:after {
    background-image: url('assets/images/benefits/icons/09-PARTYPOPPER.png');
    width: 32%;
    height: 32%;
    bottom: -20%; /* 20px */
    right: -20%; /* 20px */
}

.careers-page .careers-perks-block .careers-perks-block-carousel .careers-perks-block-carousel-item.animateditem div.img-much-more-icon:before {
    top: 3%; /* 10px */
    left: 20%; /* -30px */
    -webkit-transition: left 1s, top 1s; /* Safari */
    transition: left 1s, top 1s;
}

.careers-page .careers-perks-block .careers-perks-block-carousel .careers-perks-block-carousel-item.animateditemout div.img-much-more-icon:before {
    top: -20%; /* -30px */
    left: -20%; /* 20px */
    -webkit-transition: left 1s, top 1s; /* Safari */
    transition: left 1s, top 1s;
}

.careers-page .careers-perks-block .careers-perks-block-carousel .careers-perks-block-carousel-item.animateditem div.img-much-more-icon:after {
    bottom: 5%; /* -30px */
    right: 15%; /* -30px */
    -webkit-transition: right 1s, bottom 1s; /* Safari */
    transition: right 1s, bottom 1s;
}

.careers-page .careers-perks-block .careers-perks-block-carousel .careers-perks-block-carousel-item.animateditemout div.img-much-more-icon:after {
    bottom: -20%; /* -30px */
    right: -20%; /* -30px */
    -webkit-transition: right 1s, bottom 1s; /* Safari */
    transition: right 1s, bottom 1s;
}


.careers-page .careers-openings {
    padding-top: 50px;
    padding-bottom: 40px;
}

.careers-page .careers-openings h2 {
    text-align: center;
    font-size: 26px;
    color: #4d4774;
    font-family: 'Crimson Text', serif;
    font-style: italic;
    padding-bottom: 0;
    border-bottom: 0 !important;

}

.careers-page .careers-openings h2 hr {
    width: 55px;
    border-top: 2px solid #a084bf;
    margin-bottom: 25px;
}

.careers-page .careers-openings ul.BambooHR-ATS-Department-List {
    padding-top: 0;
}

.careers-page .careers-openings .BambooHR-ATS-board ul > li > ul {
    padding: 20px 0 30px 0;
    margin-bottom: 0;
}

.careers-page .careers-openings .BambooHR-ATS-board ul .BambooHR-ATS-Department-Header {
    margin-top: 30px;
    color: #999999;
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: uppercase;
    font-size: 16px;
}

.careers-page .careers-openings .BambooHR-ATS-board ul .BambooHR-ATS-Location {
    color: #252525;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 16px;
    padding: 0;
    display: inline-block;
    width: 50%;
    text-align: right;
    position: relative;
    top: 2px;
}

.careers-page .careers-openings .BambooHR-ATS-board ul a {
    color: #a864a8;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: bold;
    padding: 0;
    line-height: 20px;
    display: inline-block;
    width: 50%;
}

.careers-page .careers-beach {
    background-image: url('assets/images/StPeteScenes.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.careers-page .careers-beach .careers-info {
    max-width: 310px;
    margin: 25px auto;
    background-color: rgba(255, 255, 255, 0.97);
    padding: 20px;
    text-align: center;
}

.careers-page .careers-beach .careers-info h3 {
    margin: 0;
    font-size: 24px;
    font-family: 'Crimson Text', serif;
    color: #4d4774;
    font-style: italic;
}

.careers-page .careers-beach .careers-info p {
    margin: 0 0 20px 0;
    font-size: 16px;
    line-height: 22px;
    font-family: Helvetica, Arial, sans-serif;
    color: #252525;
}


.careers-page .careers-beach .careers-info a.btn-career-large {
    background: #2bbbb3;
    font-size: 16px;
    font-family: 'Roboto Condensed', sans-serif;
    color: #fff;
    padding: 15px 10px;
    text-transform: uppercase;
    border-radius: 0;
    font-weight: bold;
}

.careers-page .careers-beach .careers-info a.btn-career-large:hover {
    opacity: 0.95;
}


.careers-page .careers-beach .careers-info .st-pete-sep-bottom {
    margin: 15px auto 20px auto;
    width: 55px;
    border-top: 2px solid #a084bf;
}

.careers-page .careers-openings .BambooHR-ATS-board ul > li > ul > li:not(:last-child) {
    padding-bottom: 30px;
}

.careers-page .careers-linkedin > .container {
    background-image: url('assets/images/linkedin-bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    padding-top: 25px;
    padding-bottom: 25px;
    text-align: center;
}

.careers-page .careers-linkedin > .container .careers-linkedin-cta {
    color: #a864a8;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
}



.careers-page .careers-linkedin > .container .careers-linkedin-cta i {
    color: #fff;
    background-color: #a864a8;
    padding: 7px 8px;
    border-radius: 100%;
    display: inline-block;
    margin-right: 10px;
}

.careers-page .careers-linkedin > .container .careers-linkedin-cta:hover {
    text-decoration: none;
    opacity: 0.95;
}

.careers-page .careers-openings > .container {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

@media all and (min-width: 480px) {

}

@media all and (min-width: 768px) {

    .careers-page .careers-hero > .container {
        height: 390px;
    }

    .careers-page .careers-hero > .container h2 {
        font-size: 52px;
    }

    .careers-page .careers-mission {
        margin-top: 20px;
    }

    .careers-page .careers-mission > .container {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .careers-page .careers-mission > .container h3 {
        font-size: 24px;
        margin: 0 0 25px 0;
        padding: 0;
    }

    .careers-page .careers-mission > .container p {
        font-size: 16px;
        line-height: 22px;
        padding: 0 65px;
    }

    .careers-page .careers-values {
        padding-top: 35px;
        margin-bottom: 20px;
    }

    .careers-page .careers-values .row.careers-values-images-row,
    .careers-page .careers-values .row.careers-values-headings-row {
        padding: 0 60px !important;
    }

    .careers-page .careers-values .row.careers-values-paragraph {
        padding: 0 60px;
        font-size: 16px;
        margin: 30px auto 40px auto;
    }

    .careers-page .careers-values > .container .careers-values-headings-row span {
        font-size: 18px;
    }

    .careers-page .careers-kyle-block > .container {
        margin-bottom: 20px;
    }

    .careers-page .careers-kyle-block > .container .careers-kyle-block-image {
        margin: 0 0 23px 0;
    }

    .careers-page .careers-kyle-block > .container .careers-kyle-block-image .image-sticker span {
        font-size: 12px;
    }

    .careers-page .careers-kyle-block > .container .careers-kyle-block-image .image-sticker {
        padding: 10px 5px;
    }

    .careers-page .careers-kyle-block > .container .careers-kyle-block-text h3 {
        font-size: 18px;
        margin-bottom: 15px;
        margin-top: 0;
    }

    .careers-page .careers-kyle-block > .container .careers-kyle-block-text p {
        font-size: 15px;
        line-height: 21px;
        margin-bottom: 0;
    }

    .careers-page .careers-kyle-block > .container .careers-kyle-block-text {
        padding: 0 15px 0 25px;
    }

    .careers-page .careers-kyle-block .container .row{
        display: flex;
        align-items: center;
    }

    .careers-page .careers-awards-block {
        margin: 0 5px 5px 5px;
    }

    .careers-page .careers-awards-block > .container .careers-awards-block-placeholder.careers-inc img.placeholder-image {
        max-width: 120px;
    }

    .careers-page .careers-awards-block > .container .careers-awards-block-placeholder.careers-entrepreneur img.placeholder-image {
        max-width: 135px;
    }

    .careers-page .careers-awards-block > .container .careers-awards-block-placeholder.careers-tbtimes img.placeholder-image {
        max-width: 105px;
    }

    .careers-page .careers-awards-block > .container .careers-awards-block-placeholder-purple div.careers-sep {
        width: 50px;
        height: 1px;
        margin: 25px auto 25px auto;
    }

    .careers-page .careers-awards-block > .container .careers-awards-block-placeholder p {
        font-size: 15px;
        line-height: 17px;
    }

    .careers-page .careers-awards-block > .container .careers-awards-block-placeholder-purple.careers-inc {
        background: #a084bf;
        padding: 0 25px !important;
    }

    .careers-page .careers-awards-block > .container .careers-awards-block-placeholder.careers-inc p {
        font-size: 17px;
        line-height: 19px;
        margin-bottom: 0;
    }

    .careers-page .careers-perks-block .careers-perks-block-carousel {
        max-width: 86%;
        margin: 0 auto;
    }

    .careers-page .careers-perks-block .careers-perks-block-carousel .owl-prev {
        left: -7%;
    }

    .careers-page .careers-perks-block .careers-perks-block-carousel .owl-next {
        right: -7%;
    }

    .careers-page .careers-perks-block .careers-perks-block-carousel .careers-perks-block-carousel-item div.img-benefits p {
        font-size: 14px;
        line-height: 18px;
        margin: 0 9px;
    }

    .careers-page .careers-openings {
        padding-top: 30px;
        padding-bottom: 40px;
    }

    .careers-page .careers-openings h2 {
        font-size: 26px;
    }

    .BambooHR-ATS-board ul {
        padding: 10px 0 0 0;
    }

    .careers-page .careers-openings .BambooHR-ATS-board ul .BambooHR-ATS-Department-Header {
        font-size: 14px;
        margin-top: 20px;
    }

    .careers-page .careers-openings .BambooHR-ATS-board ul > li > ul {
        padding: 20px 0;
        margin-bottom: 0;
    }

    .careers-page .careers-openings .BambooHR-ATS-board ul > li > ul > li:not(:last-child) {
        padding-bottom: 20px;
    }

    .careers-page .careers-openings .BambooHR-ATS-board ul a {
        font-size: 14px;
    }

    .careers-page .careers-openings .BambooHR-ATS-board ul .BambooHR-ATS-Location {
        font-size: 14px;
        top: 0;
    }

    .careers-page .careers-beach .careers-info {
        max-width: 445px;
        margin: 20px auto;
        padding: 20px;
    }

    .careers-page .careers-beach .careers-info h3 {
        font-size: 26px;
    }

    .careers-page .careers-beach .careers-info .st-pete-sep-bottom {
        margin: 15px auto 20px auto;
    }

    .careers-page .careers-beach .careers-info p {
        font-size: 16px;
        margin: 0 0 20px 0;
    }

    .careers-page .careers-beach .careers-info a.btn-career-large {
        font-size: 16px;
        padding: 13px 10px;
    }

    .careers-page .careers-linkedin > .container {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .careers-page .careers-linkedin > .container .careers-linkedin-cta i {
        padding: 7px 8px;
        margin-right: 10px;
    }

    .careers-page .careers-linkedin > .container .careers-linkedin-cta {
        font-size: 14px;
    }
}

@media all and (min-width: 992px) {
    .careers-page .careers-hero > .container {
        height: 490px;
    }

    .careers-page .careers-hero > .container h2 {
        font-size: 68px;
    }

    .careers-page .careers-mission {
        margin-top: 30px;
    }

    .careers-page .careers-mission > .container h3 {
        font-size: 26px;
    }

    .careers-page .careers-mission > .container p {
        padding: 0 35px;
    }

    .careers-page .careers-values {
        padding-top: 30px;
        margin-bottom: 30px;
    }

    .careers-page .careers-values .row.careers-values-images-row,
    .careers-page .careers-values .row.careers-values-headings-row {
        padding: 0 55px !important;
    }

    .careers-page .careers-values .row.careers-values-paragraph {
        padding: 0 55px;
        margin: 30px auto 25px auto;
    }

    .careers-page .careers-kyle-block > .container {
        margin-bottom: 30px;
    }


    .careers-page .careers-kyle-block > .container .careers-kyle-block-image .image-sticker span {
        font-size: 15px;
    }

    .careers-page .careers-kyle-block > .container .careers-kyle-block-image .image-sticker {
        padding: 15px 10px;
    }

    .careers-page .careers-kyle-block > .container .careers-kyle-block-text h3 {
        font-size: 22px;
        margin-bottom: 20px;
    }

    .careers-page .careers-kyle-block > .container .careers-kyle-block-text p {
        font-size: 16px;
        line-height: 22px;
    }

    .careers-page .careers-kyle-block > .container .careers-kyle-block-text {
        padding: 0 20px 0 40px;
    }

    .careers-page .careers-awards-block {
        margin: 0 0 45px 0;
    }

    .careers-page .careers-awards-block > .container .careers-awards-block-placeholder.careers-inc img.placeholder-image {
         max-width: 170px;
    }

    .careers-page .careers-awards-block > .container .careers-awards-block-placeholder.careers-entrepreneur img.placeholder-image {
        max-width: 175px;
    }

    .careers-page .careers-awards-block > .container .careers-awards-block-placeholder.careers-tbtimes img.placeholder-image {
        max-width: 135px;
    }

    .careers-page .careers-awards-block > .container .careers-awards-block-placeholder-purple div.careers-sep {
        width: 65px;
        height: 1px;
    }

    .careers-page .careers-awards-block > .container .careers-awards-block-placeholder p {
        font-size: 20px;
        line-height: 22px;
    }

    .careers-page .careers-awards-block > .container .careers-awards-block-placeholder.careers-inc p {
        font-size: 24px;
        line-height: 26px;
    }

    .careers-page .careers-perks-block .careers-perks-block-carousel .careers-perks-block-carousel-item div.img-benefits p {
        font-size: 18px;
        line-height: 22px;
        margin: 0 10px;
    }

    .careers-page .careers-openings {
        padding-top: 40px;
        padding-bottom: 30px;
    }

    .careers-page .careers-openings h2 {
        font-size: 30px;
    }

    .BambooHR-ATS-board ul {
        padding: 10px 0 0 0;
    }

    .careers-page .careers-openings .BambooHR-ATS-board ul .BambooHR-ATS-Department-Header {
        font-size: 18px;
        margin-top: 30px;
    }

    .careers-page .careers-openings .BambooHR-ATS-board ul > li > ul {
        padding: 30px 0;
        margin-bottom: 0;
    }

    .careers-page .careers-openings .BambooHR-ATS-board ul > li > ul > li:not(:last-child) {
        padding-bottom: 30px;
    }

    .careers-page .careers-openings .BambooHR-ATS-board ul a {
        font-size: 18px;
    }

    .careers-page .careers-openings .BambooHR-ATS-board ul .BambooHR-ATS-Location {
        font-size: 18px;
    }

    .careers-page .careers-beach .careers-info {
        max-width: 435px;
        margin: 25px auto;
        padding: 35px 25px;
    }

    .careers-page .careers-beach .careers-info h3 {
        font-size: 30px;
    }

    .careers-page .careers-beach .careers-info .st-pete-sep-bottom {
        margin: 20px auto 30px auto;
    }

    .careers-page .careers-beach .careers-info p {
        font-size: 16px;
        margin: 0 0 30px 0;
    }

    .careers-page .careers-beach .careers-info a.btn-career-large {
        font-size: 17px;
        padding: 18px;
    }

    .careers-page .careers-linkedin > .container {
        padding-top: 39px;
        padding-bottom: 39px;
    }

    .careers-page .careers-linkedin > .container .careers-linkedin-cta i {
        padding: 7px 8px;
        margin-right: 10px;
    }

    .careers-page .careers-linkedin > .container .careers-linkedin-cta {
        font-size: 18px;
    }
}

@media all and (min-width: 1200px) {
    .careers-page .careers-hero > .container {
        height: 590px;
    }

    .careers-page .careers-hero > .container h2 {
        font-size: 72px;
    }

    .careers-page .careers-mission {
        margin-top: 40px;
    }

    .careers-page .careers-mission > .container h3 {
        font-size: 28px;
    }

    .careers-page .careers-mission > .container p {
        font-size: 18px;
        line-height: 24px;
        padding: 0 60px;
    }

    .careers-page .careers-values .row.careers-values-images-row,
    .careers-page .careers-values .row.careers-values-headings-row {
        padding: 0 95px !important;
    }

    .careers-page .careers-values > .container .careers-values-headings-row span {
        font-size: 20px;
    }

    .careers-page .careers-values .row.careers-values-paragraph {
        padding: 0 95px;
        font-size: 18px;
    }

    .careers-page .careers-kyle-block > .container .careers-kyle-block-image {
        margin-bottom: 30px;
    }

    .careers-page .careers-kyle-block > .container .careers-kyle-block-image .image-sticker span {
        font-size: 18px;
    }

    .careers-page .careers-kyle-block > .container .careers-kyle-block-image .image-sticker {
        padding: 20px;
    }

    .careers-page .careers-kyle-block > .container .careers-kyle-block-text h3 {
        font-size: 24px;
    }

    .careers-page .careers-kyle-block > .container .careers-kyle-block-text p {
        font-size: 18px;
        line-height: 24px;
    }

    .careers-page .careers-kyle-block > .container .careers-kyle-block-text {
        padding: 0 30px 0 50px;
    }

    .careers-page .careers-awards-block {
        margin: 0 0 30px 0;
    }

    .careers-page .careers-awards-block > .container .careers-awards-block-placeholder.careers-inc img.placeholder-image {
        max-width: 195px;
    }

    .careers-page .careers-awards-block > .container .careers-awards-block-placeholder.careers-entrepreneur img.placeholder-image {
        max-width: 210px;
    }

    .careers-page .careers-awards-block > .container .careers-awards-block-placeholder.careers-tbtimes img.placeholder-image {
        max-width: 165px;
    }

    .careers-page .careers-awards-block > .container .careers-awards-block-placeholder-purple div.careers-sep {
        width: 80px;
        height: 1px;
    }

    .careers-page .careers-awards-block > .container .careers-awards-block-placeholder p {
        font-size: 22px;
        line-height: 24px;
    }

    .careers-page .careers-awards-block > .container .careers-awards-block-placeholder-purple.careers-inc {
        padding: 0 40px !important;
    }

    .careers-page .careers-awards-block > .container .careers-awards-block-placeholder.careers-inc p {
        font-size: 28px;
        line-height: 30px;
    }

    .careers-page .careers-perks-block .careers-perks-block-carousel .careers-perks-block-carousel-item div.img-benefits p {
        font-size: 20px;
        line-height: 24px;
        margin: 0 22px;
    }

    .careers-page .careers-openings {
        padding-top: 50px;
        padding-bottom: 40px;
    }

    .careers-page .careers-openings h2 {
        font-size: 32px;
    }

    .careers-page .careers-openings > .container {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .BambooHR-ATS-board ul {
        padding: 10px 0 0 0;
    }

    .careers-page .careers-openings .BambooHR-ATS-board ul .BambooHR-ATS-Department-Header {
        font-size: 18px;
        margin-top: 30px;
    }

    .careers-page .careers-openings .BambooHR-ATS-board ul > li > ul {
        padding: 30px 0;
        margin-bottom: 0;
    }

    .careers-page .careers-openings .BambooHR-ATS-board ul > li > ul > li:not(:last-child) {
        padding-bottom: 30px;
    }

    .careers-page .careers-openings .BambooHR-ATS-board ul a {
        font-size: 18px;
    }

    .careers-page .careers-openings .BambooHR-ATS-board ul .BambooHR-ATS-Location {
        font-size: 18px;
    }

    .careers-page .careers-beach .careers-info {
        max-width: 510px;
        margin: 30px auto;
        padding: 40px 30px;
    }

    .careers-page .careers-beach .careers-info h3 {
        font-size: 32px;
    }

    .careers-page .careers-beach .careers-info p {
        font-size: 18px;
    }

    .careers-page .careers-beach .careers-info a.btn-career-large {
        font-size: 20px;
        padding: 20px;
    }

}




/*** YouTube videos ***/

a.has-youtube-video .youtube-play-icon {
    display: block;
    width: 20%;
    height: 30%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-image: url('assets/images/video_play.svg');
    background-repeat: no-repeat;
    z-index: 10;
}

.single-post #featured_youtube_video_preview_box {
    position: relative;
    height: 0;
    overflow: hidden;
    padding: 0 0 56.25% 0;
}

.single-post #featured_youtube_video_preview_box iframe,
.single-post #featured_youtube_video_preview_box object,
.single-post #featured_youtube_video_preview_box embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.single-post .single-post-content-inner .embed {
    position: relative;
    height: 0;
    overflow: hidden;
    padding: 0 0 56.25% 0;
}

.single-post .single-post-content-inner .embed iframe,
.single-post .single-post-content-inner .embed object,
.single-post .single-post-content-inner .embed embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

/*** Author page ***/
.author-page > .row > .container {
    max-width: 330px !important;
    margin-bottom: 50px;
}

.author-page h1 {
    text-align: center;
    font-size: 40px;
    margin-bottom: 0;
    color: #111111;
    font-family: 'Crimson Text', serif;
}

.author-page .author-sep-bottom {
    margin: 40px auto 0 auto;
    width: 80px;
    border-top: 2px solid #a084bf;
}

.author-page .author-post {
    margin-top: 40px;
}

.author-page .author-post-title {
    padding-top: 15px;
}

.author-page .author-post-title a {
    font-family: 'Crimson Text', serif;
    color: #222222;
    font-size: 20px;
    text-decoration: none;
}

.author-page .author-post-title a:hover {
    text-decoration: none !important;
    border-bottom: 1px solid #2bbbb3;
}

.author-page .row.load-more-button {
    margin-top: 50px;
}

@media all and (min-width: 768px) {
    .author-page > .row > .container {
        max-width: 1200px !important;
    }

    .author-page h1 {
        font-size: 30px;
    }

    .author-page .author-sep-bottom {
        margin: 25px auto -10px auto;
    }

    .author-page .author-post-title a {
        font-size: 16px;
    }
}

@media all and (min-width: 992px) {
    .author-page h1 {
        font-size: 38px;
    }

    .author-page .author-sep-bottom {
        margin: 40px auto -10px auto;
    }

    .author-page .author-post {
        margin-top: 50px;
    }

    .author-page .author-post-title a {
        font-size: 20px;
    }
}

@media all and (min-width: 1200px) {
    .author-page > .row > .container {
        max-width: 1010px !important;
    }

    .author-page h1 {
        font-size: 40px;
    }
}