/**
 * MetricSherpa.
 *
 * This file adds generic, theme-specific styles to the MetricSherpa Theme.
 *
 * @package MetricSherpa
 * @author  5.12 Design Lab
 * @license GPL-2.0-or-later
 * @link    https://512designlab.com/
 */

/* General
---------------------------------------------------------------------------- */

.entry-content p.pointer a,
.entry-content a.pointer {
    border-bottom: 1px solid #268d94;
    padding-bottom: 3px;
    position: relative;
    text-decoration: none;
    transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, border 0.2s ease-in-out;
}

.entry-content p.pointer a::after,
.entry-content a.pointer::after {
    content: "\f061";
    display: inline-block;
    font-family: 'fontawesome';
    font-weight: 700;
    padding-left: 5px;
    position: relative;
    top: 1.5px;
}

.entry-content p.pointer a:focus,
.entry-content p.pointer a:hover {
    border-bottom: 1px solid #a1bf5f;
}

.wp-block-media-text:not(.has-media-on-the-right) .wp-block-media-text__content {
    padding-right: 0;
}

.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
    padding-left: 0;
}

.wp-block-media-text.image-rounded .wp-block-media-text__media {
    border-radius: 25px;
}

.max-768 {
    margin-left: auto;
    margin-right: auto;
    max-width: 768px;
}

.callout {
    border-radius: 25px;
    padding: 40px 5% ;
}

.wp-block-genesis-blocks-gb-columns.vertical-dividers .gb-layout-column-wrap {
    grid-gap: 6em 0;
}

.wp-block-genesis-blocks-gb-columns.vertical-dividers .gb-block-layout-column {
    position: relative;
}   

.wp-block-genesis-blocks-gb-columns.vertical-dividers .gb-block-layout-column::before,
.wp-block-genesis-blocks-gb-columns.vertical-dividers .gb-block-layout-column::after {
    background-color: #ccc;
    content: '';
    display: block;
    height: 1px;
    position: absolute;
    width: 100%;
}

.wp-block-genesis-blocks-gb-columns.vertical-dividers .gb-block-layout-column::before {
    top: calc(-3em - 1px);
}

.wp-block-genesis-blocks-gb-columns.vertical-dividers .gb-block-layout-column::after {
    bottom: -3em;
}

.wp-block-genesis-blocks-gb-columns.vertical-dividers .gb-block-layout-column:first-child::before {
    display: none;
}

.wp-block-genesis-blocks-gb-columns.vertical-dividers .gb-block-layout-column:last-child::after {
    display: none;
}

.wp-block-genesis-blocks-gb-columns.vertical-dividers .gb-block-layout-column p:last-child {
    margin-bottom: 0;
}

.wp-block-genesis-blocks-gb-columns.numerics .gb-block-layout-column-inner {
    align-items: start;
    display: grid;
    grid-gap: 35px;
    grid-template-columns: 40px 1fr;
}

.wp-block-genesis-blocks-gb-columns.numerics .gb-block-layout-column-inner h2 {
    display: block;
    font-size: 36px !important;
    font-weight: 700 !important;
    left: 17px;
    position: relative;
    top: 5px;
}

.wp-block-genesis-blocks-gb-columns.numerics .gb-block-layout-column-inner h2::before {
    background: #33293D;
    border-radius: 100%;
    content: '';
    display: block;
    height: 55px;
    left: -17px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 55px;
    z-index: -1;
}

*.underline {
	display: inline-block;
	position: relative;
}

*.underline::after {
	aspect-ratio: 54.35/1;
	background: url("../images/metric-line-green.svg") no-repeat center;
	content: '';
	display: block;
	height: auto;
	left: 0;
	position: relative;
	width: 100%;
}


/* Sections
---------------------------------------------------------------------------- */

.section {
    clear: both;
}

.alignfull.section > div {
    margin-left: auto;
    margin-right: auto;
    max-width: calc(90% - 15px);
}

div.wp-block-genesis-blocks-gb-columns .wp-block-genesis-blocks-gb-column.flex-align-center {
    display: flex;
}

div.wp-block-genesis-blocks-gb-columns .wp-block-genesis-blocks-gb-column.flex-align-center .gb-block-layout-column-inner {
    align-self: center;
}


/* Pages
---------------------------------------------------------------------------- */

body.page .content > article {
    margin: 0;
}

h1.page-title {
    font-size: 56px;
    font-weight: 800;
}

.youtube-embed .wpvl_auto_thumb_box {
    height: auto;
    padding-bottom: 56.25%;
    position: relative;
    width: 100%;
}

.youtube-embed .wpvl_auto_thumb_box img.video_lightbox_auto_anchor_image {
    height: 100%;
    left: 0;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%;
}

.wp-block-embed.alignleft, 
.wp-block-embed.alignright, 
.wp-block[data-align=left]>[data-type="core/embed"], 
.wp-block[data-align=right]>[data-type="core/embed"] {
	margin-bottom: 30px;
	max-width: none;
	width: 100%;
}


/* Resources (pages) styling
---------------------------------------------------------------------------- */

body.resources .site-header,
body.archive .site-header,
body.single:not(.single-post) .site-header {
    background-color: #268d94;
}

body.archive.category .site-header {
    background-color: #a1bf5f;
}

body.resources .title-area img,
body.archive .title-area img,
body.single:not(.single-post) .title-area img {
    filter: invert();
}

body.resources .genesis-nav-menu a,
body.archive .genesis-nav-menu a,
body.single:not(.single-post) .genesis-nav-menu a,
body.resources .menu-toggle,
body.archive .menu-toggle,
body.single:not(.single-post) .menu-toggle,
body.resources .sub-menu-toggle,
body.archive .sub-menu-toggle,
body.single:not(.single-post) .sub-menu-toggle {
    color: #fff;
}

body.resources .genesis-nav-menu a:focus,
body.resources .genesis-nav-menu a:hover,
body.archive .genesis-nav-menu a:focus,
body.archive .genesis-nav-menu a:hover,
body.single:not(.single-post) .genesis-nav-menu a:focus,
body.single:not(.single-post) .genesis-nav-menu a:hover,
body.resources .menu-toggle:focus,
body.resources .menu-toggle:hover,
body.archive .menu-toggle:focus,
body.archive .menu-toggle:hover,
body.single:not(.single-post) .menu-toggle:focus,
body.single:not(.single-post) .menu-toggle:hover,
body.resources .sub-menu-toggle:focus,
body.resources .sub-menu-toggle:hover,
body.archive .sub-menu-toggle:focus,
body.archive .sub-menu-toggle:hover,
body.single:not(.single-post) .sub-menu-toggle:focus,
body.single:not(.single-post) .sub-menu-toggle:hover {
	color: #a1bf5f;
}

body.archive.category .genesis-nav-menu a:focus,
body.archive.category .genesis-nav-menu a:hover {
    color: #4e435a;
}


/* Single 
---------------------------------------------------------------------------- */

body.blog .site-header,
body.single .site-header {
    background-color: #a1bf5f;
}

body.blog .title-area img,
body.single .title-area img {
    filter: invert();
}

body.blog .genesis-nav-menu a,
body.single .genesis-nav-menu a,
body.single .menu-toggle,
body.single .sub-menu-toggle {
    color: #fff;
}

body.blog .genesis-nav-menu a:focus,
body.blog .genesis-nav-menu a:hover,
body.single .genesis-nav-menu a:focus,
body.single .genesis-nav-menu a:hover,
body.single .menu-toggle:focus,
body.single .menu-toggle:hover,
body.single .sub-menu-toggle:focus,
body.single .sub-menu-toggle:hover {
	color: #4e435a;
}

body.single .single-feature {
    border-radius: 25px;
    margin-bottom: 40px;
}

body.single .single-feature img {
    border-radius: 25px;
    margin: 0;
    transition: opacity .2s ease-in-out;
}

body.single .single-feature a:focus img,
body.single .single-feature a:hover img {
    opacity: .85;
}

body.single .post-content-wrap .single-feature a.button {
    background-color: transparent;
    border: 2px solid #a1bf5f;
    color: #a1bf5f;
    display: block;
    margin-top: 20px;
}

body.single .post-content-wrap .single-feature a.button:focus,
body.single .post-content-wrap .single-feature a.button:hover {
    background-color: #a1bf5f;
    color: #fff;
    text-decoration: none;
}

body.single .single-feature .wpvl_auto_thumb_box_wrapper {
    border-radius: 25px;
    height: 0;
    padding-bottom: 56%;
    position: relative;
    width: 100%;
}

body.single .single-feature .wpvl_auto_thumb_box_wrapper .wpvl_auto_thumb_box {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

body.single .single-feature .wpvl_auto_thumb_box_wrapper .wpvl_auto_thumb_box img {
    border-radius: 25px;
    height: 100%;
    object-fit: cover;
    width: 100%;
}

body.single .post-content-wrap {
    display: grid;
    grid-auto-flow: column;
    grid-gap: 0 10%;
    grid-template-columns: 3fr 1fr;
    grid-template-rows: auto;
}

body.single .post-content-wrap > div {
    align-self: start;
}

body.single .post-content-wrap .post-meta {
    color: #268d94;
    font-size: 12px;
    font-weight: 500;
    grid-column: 2;
    letter-spacing: 1px;
    line-height: 1.2;
    text-transform: uppercase;
}

body.single .post-content-wrap .post-meta .share-this,
body.single .footer-meta .share-this {
    margin-top: 20px;
}

body.single.single-reports_guides .post-content-wrap .post-meta .share-this {
    text-align: center;
}

body.single .post-content-wrap .post-meta .share-this > div,
body.single .footer-meta .share-this > div {
    display: block;
    margin-top: 6px;
}

body.single .post-content-wrap .post-meta .share-this .addtoany_list a:first-child,
body.single .footer-meta .share-this .addtoany_list a:first-child {
    padding-left: 0;
}

body.single .post-content-wrap .post-meta .category .cat {
    position: relative;
}

body.single .post-content-wrap .post-meta .category .cat::before {
    content: ',\00a0';
    display: inline-block;
}

body.single .post-content-wrap .post-meta .category .cat:first-child::before {
    display: none;
}

body.single .post-content-wrap .post-meta a {
    color: #a1bf5f;
    font-weight: 800;
    text-decoration: none;
    /*pointer-events: none;*/
}

body.single .post-content-wrap .post-meta a:focus,
body.single .post-content-wrap .post-meta a:hover {
    text-decoration: underline;
}

body.single .post-content-wrap .post-meta .desc {
    text-transform: none;
}

body.single .post-content-wrap .post-meta .author {
    align-items: center;
    display: flex;
    margin-top: 15px;
    flex-wrap: wrap;
    grid-gap: 5px 15px;
    justify-content: flex-start;
}

body.single .post-content-wrap .post-meta .author a {
    flex: 0 0 70px;
    pointer-events: none;
}

body.single .post-content-wrap .post-meta .author img {
    
}

body.single .post-content-wrap .post-meta .author .text {
    flex: 0 0 calc(100% - 85px);
}

body.single .post-content-wrap .post-subscribe {
    border-bottom: 1px solid #959595;
    border-top: 1px solid #959595;
    grid-column: 2;
    margin-top: 50px;
    padding: 30px 0;
}

body.single .post-content-wrap .post-subscribe .widget {
    margin: 0;
    text-align: center;
}

body.single .post-content-wrap .post-subscribe .widget-title {
    font-size: 19px;
    letter-spacing: 1px;
    line-height: 1.25;
    text-transform: uppercase;
}

body.single .post-content-wrap .post-subscribe .button {
    background-color: transparent;
    border: 2px solid #a1bf5f;
    color: #a1bf5f;
}

body.single .post-content-wrap .post-subscribe .button:focus,
body.single .post-content-wrap .post-subscribe .button:hover {
    background-color: #a1bf5f;
    color: #fff;
}

body.single .post-content-wrap .header-content-wrap {
    grid-column: 1;
    grid-row: 1 / span 3;
}

body.single .post-content-wrap .pdf-embed {
    grid-column: 1 / span 2;
    grid-row: 4;
	padding-top: 60px;
}

body.single .post-content-wrap .pdf-embed > div {
	box-shadow: rgb(218, 218, 218) 1px 1px 10px 1px;
}

body.single .entry-footer {
    border-bottom: 1px solid #959595;
    border-top: 1px solid #959595;
    display: grid;
    grid-gap: 0;
    grid-template-columns: 1fr 3fr;
    grid-template-rows: auto;
    margin-bottom: 60px;
    margin-top: 40px;
}

body.single .entry-footer .footer-meta {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
    grid-column: 1;
    padding: 50px 0;
    position: relative;
}

body.single .entry-footer .footer-meta.full {
    grid-column: 1 / span 2;
}

body.single .entry-footer .footer-meta::after,
body.single .entry-footer .footer-related::before {
    background-color: #959595;
    content: '';
    display: block;
    height: 1px;
    position: absolute;
    width: 100%;
}

body.single .entry-footer .footer-meta.full::after,
body.single .entry-footer .footer-related.full::before {
    display: none;
}

body.single .entry-footer .footer-meta::after {
    bottom: 0;
}

body.single .entry-footer .footer-meta .date-header,
body.single .entry-footer .footer-meta .author-header,
body.single .footer-meta .share-this {
    font-size: 12px;
    letter-spacing: 1px;
    margin-bottom: 3px;
    text-transform: uppercase;
}

body.single .entry-footer .footer-meta a {
    color: #a1bf5f;
    font-weight: 800;
    text-decoration: none;
}

body.single .entry-footer .footer-meta a:focus,
body.single .entry-footer .footer-meta a:hover {
    text-decoration: underline;
}

body.single .entry-footer .footer-meta .author {
    margin-top: 40px;
}

body.single .entry-footer .footer-meta .author .name a {
    pointer-events: none;
}

body.single .entry-footer .footer-meta .author-social {
    font-size: 0;
    margin-top: 20px;
}

body.single .entry-footer .footer-meta .author-social ul {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 10px;
}

body.single .entry-footer .footer-meta .author-social ul li {
    flex: 0 0 25px;
}

body.single .entry-footer .footer-meta .author-social i {
    background-color: #373737;
    border-radius: 100%;
    color: #fff;
    font-size: 16px;
    height: 25px;
    position: relative;
    transition: background-color .2s ease-in-out;
    width: 25px;
}

body.single .entry-footer .footer-meta .author-social i::before {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}

body.single .entry-footer .footer-meta .author-social i:focus,
body.single .entry-footer .footer-meta .author-social i:hover {
    background-color: #a1bf5f;
    text-decoration: none;
}

body.single .entry-footer .footer-meta .author-social i.dashicons-admin-site-alt3::before {
    left: calc(50% + 1px);
    top: calc(50% + 1px);
}

body.single .entry-footer .footer-related {
    align-content: flex-start;
    display: flex;
    flex-wrap: wrap;
    grid-column: 2;
    grid-gap: 0 5%;
    padding: 50px 0 20px;
    position: relative;
}

body.single .entry-footer .footer-related .related-header {
    flex: 0 0 100%;
}

body.single .entry-footer .footer-related::before {
    top: -1px;
}

body.single .entry-footer .footer-related .related-header {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1px;
    margin-bottom: 3px;
    text-transform: uppercase;
}

body.single .entry-footer .footer-related .related {
    align-items: center;
    flex: 0 0 45%;
    display: flex;
    flex-wrap: wrap;
    grid-gap: 45px 20px;
    margin-bottom: 30px;
}

body.single .entry-footer .footer-related .related .related-feature {
    flex: 0 0 100px;
    height: 100px;
    width: 100px;
}

body.single .entry-footer .footer-related .related .related-feature img {
    transition: opacity .2s ease-in-out;
}

body.single .entry-footer .footer-related .related .related-feature img:focus,
body.single .entry-footer .footer-related .related .related-feature img:hover {
    opacity: .85;
}

body.single .entry-footer .footer-related .related .related-feature .wpvl_auto_thumb_box_wrapper,
body.single .entry-footer .footer-related .related .related-feature .wpvl_auto_thumb_box,
body.single .entry-footer .footer-related .related .related-feature .video_lightbox_auto_anchor_image {
    height: 100%;
    width: 100%;
}

body.single .entry-footer .footer-related .related .related-feature .video_lightbox_auto_anchor_image {
    object-fit: cover;
}

body.single .entry-footer .footer-related .related .related-content {
    flex: 0 0 calc(100% - 120px);
}

body.single .entry-footer .footer-related .related .related-content h5,
body.single .entry-footer .footer-related .related .related-content h5 a {
    color: #2c2d33;
    font-size: 18px;
    font-weight: 700;
    margin: 0;
    text-decoration: none;
}

body.single .entry-footer .footer-related .related .related-content h5 a:focus,
body.single .entry-footer .footer-related .related .related-content h5 a:hover {
    color: #a1bf5f;
}

body.wp-singular .content .wp-block-video {
	margin-bottom: 2em;
	position: relative;
}

body.wp-singular .content .wp-block-video.alignleft,
body.wp-singular .content .wp-block-video.alignright {
	max-width: 320px;
}

body.wp-singular .content .wp-block-video.alignleft {
	left: -7.5%;
}

body.wp-singular .content .wp-block-video.alignright {
	right: -7.5%;
}

/* Gated Content
--------------------------------------------- */

.entry .gated {
	display: grid;
	gap: 0 10%;
	grid-template-columns: 1fr 300px;
	grid-template-rows: auto;
}

.entry .gated > * {
	grid-column: 1;
}

.entry .gated .entry-content:not(.visible) {
	grid-column: 2;
	grid-row: 1 / 4;
}

.entry .gated .entry-content:not(.visible) div.gform_wrapper {
	background-color: #f3f3f3;
	border: 1px solid rgba(0,0,0,0.1);
	padding: 20px;
}

.entry .gated-columns .gated-form {
	background-color: #f3f3f3;
	border: 1px solid rgba(0,0,0,0.1);
	padding: 20px;
}

.entry .gated-columns .gated-form img {
	border-radius: 25px;
	margin-bottom: 10px;
}

.entry .gated-columns .gated-form a.button {
	display: block;
}

@media only screen and (max-width:767px) {
	
	.entry .gated {
		grid-template-columns: 100%;
	}
	
	.entry .gated .entry-content:not(.visible) {
		grid-column: 1;
		grid-row: 4;
	}
	
}


/* Resuable Blocks
---------------------------------------------------------------------------- */

/* Let's start a conversation...
--------------------------------------------- */

.contact {
    line-height: 1.25;
}

.contact div.gform_wrapper {
    text-align: center;
}

.contact div.gform_wrapper.gravity-theme .gfield_label {
    font-size: 24px;
    margin-bottom: 20px;
}

.contact div.gform_wrapper.gravity-theme button {
    /*margin-top: 20px;*/
}

@media only screen and (max-width: 900px) {

    .contact .gb-2-col-wideleft>.gb-layout-column-wrap {
        display: block;
    }
    
    .contact div.gform_wrapper.gravity-theme .gfield.buttons {
        display: flex;
        flex-wrap: wrap;
        grid-gap: 0 10px;
        justify-content: space-between;
    }
    
    .contact div.gform_wrapper.gravity-theme .gfield.buttons button {
        flex: 0 0 calc(50% - 10px);
    }
    
}

@media only screen and (max-width: 600px) {

    .contact div.gform_wrapper.gravity-theme .gfield.buttons {
        display: block;
    }
    
}


/* Testimonials
---------------------------------------------------------------------------- */

.testimonials {
    color: #fff;
    font-size: 18px;
    line-height: 1.2;
    position: relative;
    text-align: center;
}

.testimonials::before {
    background: url(../../images/metricsherpa-mark.png) no-repeat center;
    background-size: auto 130%;
    content: '';
    display: block;
    height: 100%;
    left: 0;
    opacity: .07;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}

.testimonials > div {
    position: relative;
    max-width: 100% !important;
}

.testimonials .quote-item .wrap {
    max-width: calc(90% - 100px);
}

.testimonials .quote-desc {
    font-size: 46px;
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 40px;
}

.testimonials .quote-title {
    font-weight: 700;
}

.testimonials .quote-author-title {
    margin-top: 8px;
}


/* FooBar (plugin)
---------------------------------------------------------------------------- */

.foobar.fbr-initialized {
    z-index: 9000 !important;
}


/* WP Video Lightbox (plugin)
---------------------------------------------------------------------------- */

.pp_pic_holder.pp_default,
div.pp_default .pp_content_container .pp_details {
    max-width: 100% !important;
}

.pp_content {
    max-width: calc(100% - 10px) !important;
}

.pp_content iframe {
    width: 100%;
}

div.wpvl_auto_thumb_play {
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.footer-related div.wpvl_auto_thumb_play {
    width: 30px;
}

/* Media Queries
---------------------------------------------------------------------------- */

@media only screen and (min-width: 601px) {
    
    .wp-block-genesis-blocks-gb-columns.vertical-dividers .gb-layout-column-wrap {
        grid-gap: 0 6em;
    }
    
    .wp-block-genesis-blocks-gb-columns.vertical-dividers .gb-block-layout-column::before,
    .wp-block-genesis-blocks-gb-columns.vertical-dividers .gb-block-layout-column::after {
        bottom: 0;
        height: 100%;
        top: 0;
        width: 1px;
    }
    
    .wp-block-genesis-blocks-gb-columns.vertical-dividers .gb-block-layout-column::before {
        left: calc(-3em - 1px);
    }
    
    .wp-block-genesis-blocks-gb-columns.vertical-dividers .gb-block-layout-column::after {
        right: -3em;
    }
    
}

@media only screen and (min-width: 767px) {
	
	.wp-block-embed.alignleft, 
	.wp-block-embed.alignright, 
	.wp-block[data-align=left]>[data-type="core/embed"], 
	.wp-block[data-align=right]>[data-type="core/embed"] {
		max-width: 50%;
	}
	
	.wp-block-embed.alignleft,
	.wp-block[data-align=left]>[data-type="core/embed"] {
		margin-right: 30px;
	}
	
	.wp-block-embed.alignright,
	.wp-block[data-align=right]>[data-type="core/embed"] {
		margin-left: 30px;
	}
    
    body.single .entry-footer {
        grid-gap: 0 6em;
    }
    
    body.single .entry-footer .footer-meta::after,
    body.single .entry-footer .footer-related::before {
        bottom: 0;
        height: 100%;
        top: 0;
        width: 1px;
    }
    
    body.single .entry-footer .footer-related::before {
        left: calc(-3em - 1px);
    }
    
    body.single .entry-footer .footer-meta::after {
        right: -3em;
    }
    
}

@media only screen and (min-width: 1000px) {
    
    body.blog .genesis-nav-menu > .menu-highlight > a,
    body.single .genesis-nav-menu > .menu-highlight > a,
    body.archive.category .genesis-nav-menu > .menu-highlight > a {
        background-color: #268d94;
    }

    body.blog .genesis-nav-menu > .menu-highlight > a:focus,
    body.blog .genesis-nav-menu > .menu-highlight > a:hover,
    body.single .genesis-nav-menu > .menu-highlight > a:focus,
    body.single .genesis-nav-menu > .menu-highlight > a:hover,
    body.archive.category .genesis-nav-menu > .menu-highlight > a:focus,
    body.archive.category .genesis-nav-menu > .menu-highlight > a:hover {
        background-color: #4e435a;
    }
    
    .alignfull.section > div {
        max-width: 900px;
    }
    
    .testimonials .quote-item .wrap {
        max-width: calc(90% - 100px);
    }
    
}

@media only screen and (min-width: 1270px) {
    
    .alignfull.section > div,
    .testimonials .quote-item .wrap {
        max-width: 1170px;
    }
    
}

@media only screen and (max-width: 1023px) {
    
    h1.page-title {
        font-size: 54px;
    }
    
    body.single .entry-footer .footer-related .related {
        flex-basis: 100%;
    }
    
}

@media only screen and (max-width: 959px) {

    .wp-block-genesis-blocks-gb-columns.numerics .gb-block-layout-column-inner {
        grid-gap: 0;
        grid-template-columns: 1fr;
        margin-bottom: 20px;
    }
    
}

@media only screen and (max-width: 767px) {
    
    .testimonials .quote-desc {
        font-size: 42px;
    }
    
    body.single .site-inner {
        padding-top: 0;
    }
    
    body.single .single-feature {
        border-radius: 0;
        left: -5vw;
        margin-bottom: 0;
        max-width: unset;
        position: relative;
        width: 100vw;
    }
    
    body.single .single-feature img {
        border-radius: 0;
    }
    
    body.single.single-reports_guides div.post-meta {
        display: block;
        padding: 60px 0;
    }
    
    /*body.single.single-reports_guides .single-feature {
        left: 0;
        margin: 0 auto 40px;
        max-width: 100%;
        width: 400px;
    }*/
    
    body.single .single-feature .wpvl_auto_thumb_box_wrapper .wpvl_auto_thumb_box img {
        border-radius: 0;
    }
    
    body.single .post-content-wrap .post-meta {
        align-items: flex-start;
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 60px;
        padding: 15px 0;
        position: relative;
    }
    
    body.single .post-content-wrap .post-meta::before {
        background-color: #ebebeb;
        content: '';
        display: block;
        height: 100%;
        left: 50%;
        position: absolute;
        top: 0;
        transform: translateX(-50%);
        width: 100vw;
        z-index: 0;
    }
    
    body.single .post-content-wrap .post-meta > div {
        flex: 1 0 50%;
        position: relative;
    }
    
    body.single .post-content-wrap .post-meta .author {
        margin-top: 0;
    }
    
    body.single .post-content-wrap .post-meta .author a {
        flex-basis: 35px;
    }
    
    body.single .post-content-wrap .post-meta .author img {
        margin-top: -7px;
        position: relative;
        top: 3px;
        width: 35px;
    }
    
    body.single .post-content-wrap .post-meta .author .text {
        flex-basis: calc(100% - 50px);
    }
    
    body.single .post-content-wrap,
    body.single .entry-footer {
        display: block;
    }
    
    body.single .post-content-wrap .post-subscribe {
        border: none;
        position: relative;
    }
    
    body.single .post-content-wrap .post-subscribe::before {
        background-color: #ebebeb;
        content: '';
        display: block;
        height: 100%;
        left: 50%;
        position: absolute;
        top: 0;
        transform: translateX(-50%);
        width: 100vw;
        z-index: 0;
    }
    
    body.single .post-content-wrap .post-subscribe > * {
        position: relative;
    }
    
    body.single .entry-footer {
        border: none;
    }
    
    body.single.single-reports_guides .entry-footer {
        border-top: 1px solid #959595;
    }
	
	body.wp-singular .content .wp-block-video.alignleft,
	body.wp-singular .content .wp-block-video.alignright {
		max-width: 50%;
	}
	
	body.wp-singular .content .wp-block-video.alignleft {
		left: -2.5%;
	}
	
	body.wp-singular .content .wp-block-video.alignright {
		right: -2.5%;
	}
    
    .pp_content {
        max-width: 100% !important;
    }

}

@media only screen and (max-width: 600px) {
    
    .wp-block-genesis-blocks-gb-columns.mobile-margin .wp-block-genesis-blocks-gb-column {
        margin-bottom: 40px;
    }
    
    .wp-block-genesis-blocks-gb-columns.mobile-margin .wp-block-genesis-blocks-gb-column:last-child {
        margin-bottom: 0;
    }
    
    .wp-block-media-text:not(.has-media-on-the-right) .wp-block-media-text__content,
    .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
        padding-left: 0;
        padding-right: 0;
    }
    
    .wp-block-media-text .wp-block-media-text__content {
        margin-top: 40px;
    }
    
    .testimonials .quote-desc {
        font-size: 24px;
    }
    
}

@media only screen and (max-width: 550px) {
    
    h1.page-title {
        font-size: 39px;
    }
    
    body.single .post-content-wrap .post-meta {
        display: block;
        text-align: center;
    }
    
    body.single .post-content-wrap .post-meta .author {
        display: block;
        margin-top: 15px;
    }
    
    body.single .post-content-wrap .post-meta .author > a {
        display: inline-block;
    }
    
    body.single .post-content-wrap .post-meta .author img {
        top: 5px;
    }
    
    body.single .post-content-wrap .post-meta .author .text {
        display: inline-block;
        margin-left: 10px;
        margin-top: 5px;
    }
    
}

@media only screen and (max-width: 550px) {
	
	body.wp-singular .content .wp-block-video {
		margin-bottom: 2em;
		position: relative;
	}

	body.wp-singular .content .wp-block-video.alignleft,
	body.wp-singular .content .wp-block-video.alignright {
		left: 0;
		max-width: 100%;
		right: 0;
	}
    
    .testimonials .quote-desc {
        font-size: 18px;
    }
    
}