/* Global CSS Variables */
:root {
    --msh-blue: #00a4e4;
    --msh-dark-blue: #0086ca;
    --msh-purple: #4f3c96;
    --msh-red: #be2f1c;
    --msh-light: #ffffff;
    --msh-gray: #d8d8d8;
    --msh-dark: #000000;
    --msh-font-main: "DIN";
    --msh-font-alt: "DIN Condensed";
}

.news-post {display: inline-block; vertical-align: top; float: none; width: 25%; padding: 0 40px; font-size: 1rem; margin: 0 0 70px 0; text-align: left;}
	
.news-image {display: block; background: #fff; padding: 60% 0 0 0; position: relative; font-size: 0; margin: 0 0 20px 0;
	-webkit-box-shadow: 0 16px 31px 9px rgba(224, 224, 224, 0.5);
	box-shadow: 0 16px 31px 9px rgba(224, 224, 224, 0.5);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;		
}

.news-image:hover {
	-webkit-box-shadow: 0 16px 31px 9px rgba(224, 224, 224, 0.85);
	box-shadow: 0 16px 31px 9px rgba(224, 224, 224, 0.85);	
}

.news-image img {
	position: absolute; 
	left: 50%;
	top: 50%; 
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 50%; 
	max-height: 50%; 
	width: auto;
}

.post-image-aligned-center .featured-image, .post-image-aligned-center .post-image {
    text-align: center;
    display: block;
    background: #fff;
    padding: 0 0 0 0;
    position: relative;
    font-size: 0;
    margin: 0 0 20px 0;
    -webkit-box-shadow: 0 16px 31px 9px rgb(224 224 224 / 50%);
    box-shadow: 0 16px 31px 9px rgb(224 224 224 / 50%);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.attachment-full.size-full.wp-post-image:hover {
	-webkit-box-shadow: 0 16px 31px 9px rgba(224, 224, 224, 0.85);
	box-shadow: 0 16px 31px 9px rgba(224, 224, 224, 0.85);
}

.attachment-full.size-full.wp-post-image img {
	position: absolute; 
	left: 50%;
	top: 50%; 
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 50%; 
	max-height: 50%; 
	width: auto;	
}

/* Global Fonts (loaded to theme via functions.php) */
@font-face {
    font-family: 'DIN';
    src: url('fonts/DIN.woff2') format('woff2'),
        url('fonts/DIN.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'DIN';
    src: url('fonts/DIN-Light.woff2') format('woff2'),
        url('fonts/DIN-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'DIN';
    src: url('fonts/DIN-Medium.woff2') format('woff2'),
        url('fonts/DIN-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'DIN';
    src: url('fonts/DINBold.woff2') format('woff2'),
        url('fonts/DINBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'DIN';
    src: url('fonts/DIN-Black.woff2') format('woff2'),
        url('fonts/DIN-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'DIN Condensed';
    src: url('fonts/DINCondensed-Bold.woff2') format('woff2'),
        url('fonts/DINCondensed-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('Lato-SemiBoldItalic.woff2') format('woff2'),
        url('Lato-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

/* Body Font Override for Mobile */
@media only screen and (max-width: 900px) { 
    body, input, select, textarea {
        font-size: 18px;
    }
}

/* Header Styles */
#msh-logo-svg{
    max-width: 256px;
    color:var(--msh-dark)!important;
}
#msh-mobile-logo-svg {
    max-width: 100px;
    height: auto;
    color:var(--msh-dark)!important;
}
#masthead .inside-header .site-logo {
    margin-bottom: 12px; 
}
.mobile-logo-container {
    display: none;
}
.header-social-link {
    display: flex!important;
    align-items: center;
    justify-content: center;
    margin-right: 14px;
    padding: 10px;
    border-radius: 50%;
    background-color: var(--msh-dark);
    color: var(--msh-light);
    transition: 0.3s ease background-color;
}
.header-social-link:hover {
    color: var(--msh-light);
    background-color: var(--msh-blue);
}
.header-social-link svg {
    width: 28px;
    height: 28px;
}
.mobile-header-social {
    display: none;
}
@media only screen and (max-width: 900px) { 
    .desktop-logo-container {
        display: none;
    }
    .mobile-logo-container {
        display: inline;
    }
    .has-inline-mobile-toggle .inside-header {
        align-items: flex-start;
    }
    #mobile-menu-control-wrapper {
        margin-top: -5px;
      
    }
    .menu-toggle {
        line-height: 1;
        font-size: 42px!important;
       
    }
    .has-inline-mobile-toggle #site-navigation.toggled {
        margin-top: 2.5em;
    }
    .main-navigation .main-nav ul li a {
        line-height: 46px;
    }
    .main-navigation a {
        font-size: 39px;
        letter-spacing: -1px;
    }
    .main-navigation.toggled .mobile-header-social {
        display: flex!important;
        order: 5;
        margin-top: 70px;
        margin-left: 12px;
      margin-bottom: 1000px;
    }
}
#sticky-navigation {
    background-color: var(--msh-light);
}
.sticky-navigation-logo img {
    max-width: 256px;
    height: auto!important;
}

/* Comments */
.comments-area {
    display: none;
}

/* Footer Styles */
.inside-footer-widgets {
    align-items: center;
}
.footer-social-container {
    display: flex;
    align-items: center;
}

.footer-social-link {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 24px;
    padding: 10px;
    border-radius: 50%;
    background-color: var(--msh-dark);
    color: var(--msh-light);
    transition: 0.3s ease background-color;
}
.footer-social-link:hover {
    color: var(--msh-light);
    background-color: var(--msh-red);
}
.footer-social-link svg {
    width: 28px;
    height: 28px;
}
.footer-social-heading, .footer-right-links {
    font-family: var(--msh-font-main);
    font-weight: bold;
    font-size: 22px;
}
.footer-right-links {
    text-align: right;
}
.footer-right-links a, .footer-social-heading a {
    transition: 0.3s ease color;
    color: var(--msh-dark);
}
.footer-right-links a:hover, .footer-social-heading a:hover {
    color: var(--msh-red);
}
footer .inside-site-info {
    justify-content: flex-end;
}
.site-footer:not(.footer-bar-active) .copyright-bar {
    margin: 0;
}

/* content social */ 
.content-social-container {
    display: flex;
    align-items: center;
}
.content-social-link {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 24px;
    padding: 10px;
    border-radius: 50%;
    background-color: var(--msh-dark);
    color: var(--msh-light);
    transition: 0.3s ease background-color;
}
.content-social-link:hover {
    color: var(--msh-light);
    background-color: var(--msh-red);
}
.content-social-link svg {
    width: 28px;
    height: 28px;
}

@media only screen and (max-width: 768px) {
    .footer-social-container {
        flex-wrap: wrap;
    }
    .footer-social-heading {
        width: 100%;
        margin-top: 20px;
    }
  
    /* content social */
    .content-social-container {
        flex-wrap: wrap;
    }

     /* content social  */ 
    .inside-footer-widgets>div:not(:last-child) {
        margin-bottom: 80px;
    }
    .inside-footer-widgets {
        align-items: flex-start;
    }
    footer .inside-site-info {
        justify-content: flex-start;
    }
}

/* Headlines */
.gb-headline-underline:after, .gb-headline-underline-center:after {
    content: "";
    display: block;
    margin-top: 8px;
    height: 2px;
    width: 50px;
    background-color: currentColor;
}
.gb-headline-underline-center:after {
    margin-left:auto;
    margin-right:auto;
}

/* Buttons */
.gb-button-gradient, .masonry-load-more .button {
    position: relative;
    z-index: 1;
}
.masonry-load-more .button, .masonry-load-more .button:focus {
    color: var(--msh-dark);
    font-family: var(--msh-font-alt);
    font-weight: bold;
    text-transform: uppercase;
    padding: 17px 40px;
    font-size: 21px;
}
.gb-button-gradient:after, .masonry-load-more .button:after {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: var(--msh-light);
    transition:0.3s ease opacity;
}
.gb-button-gradient-gray:after {
    background: var(--msh-gray);
}
.gb-button-gradient:hover:after, .masonry-load-more .button:hover:after {
    opacity: 0;
}
.gb-button-gradient:before, .masonry-load-more .button:before {
    content: "";
    display: block;
    position: absolute;
    z-index: -2;
    top: -3px;
    right: -3px;
    bottom: -3px;
    left: -3px;
    background: linear-gradient(90deg,  rgba(0,161,225,1) 0%, 
                                        rgba(79,60,150,1) 17%, 
                                        rgba(190,47,28,1) 34%,
                                        rgba(79,60,150,1) 51%,
                                        rgba(0,161,225,1) 68%, 
                                        rgba(79,60,150,1) 82%, 
                                        rgba(190,47,28,1) 100%);
    background-size: 320% 100%;
}

.gb-button-gradient:hover:before {
    /*animation:  button-gradient 8s ease infinite;  remove req by client */
}

@keyframes button-gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

/* Homepage */
.home-delay-text {
    opacity: 0;
    animation: general-fadein 1s ease 5000ms forwards;
}
.home-gradient-text {
    mix-blend-mode: multiply;
    position: relative;
    background: var(--msh-light);
    /*animation: space-text 2200ms ease-in-out forwards 500ms; remove req by client  */
}

.home-gradient-text::after {
    content: "";
    display: block;
    position: absolute;
    box-shadow: 0px -40px 30px 0px var(--msh-light);
    top: -10%;
    right: -20px;
    bottom: 0;
    left: -20px;
    z-index: 20;
    background: var(--msh-light);
    animation: reveal 4200ms ease-in-out forwards 500ms;
}

@supports (mix-blend-mode: lighten) {
    .home-gradient-text::before {
        content: "";
        display: block;
        position: absolute;
        opacity: 0;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: linear-gradient(90deg,  rgba(0,161,225,1) 0%, 
                                            rgba(79,60,150,1) 16.67%, 
                                            rgba(190,47,28,1) 33.34%,
                                            rgba(79,60,150,1) 50%,
                                            rgba(0,161,225,1) 66.67%, 
                                            rgba(79,60,150,1) 83.34%, 
                                            rgba(190,47,28,1) 100%);
        background-size: 300% 100%; /* These numbers work exactly for a perfect loop of continious animation */ 
        background-position: 100% 50%;
        animation:  gradient-reveal 1000ms ease forwards 4800ms,
                    gradient 6s linear infinite 5800ms;
        pointer-events: none;
        mix-blend-mode: screen;
    }
    
}

@keyframes gradient-reveal {
    0%{
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes gradient {
	0% {
        background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

@keyframes space-text {
    0%{
        letter-spacing: 0.025em;
    }
    70% {
        letter-spacing: 0.038em;
    }
    100% {
        letter-spacing: 0.025em;
    }
}

@keyframes reveal {
    0%{
        top: -10%;
    }
    100% {
        top: 100%;
    }
}

.home-offset-img {
    margin-bottom: 0;
}


.home-offset-img img {
    width: 100%;
    margin-bottom: -23.8%;
}


.home-offset-img-spacer { /* Directly below the img */
    height: 0!important;
    padding-top: 23.8%;
}


@media only screen and (max-width: 768px) {
    .home-offset-img img {
        margin-bottom: -50%;
    }
    .home-offset-img-spacer { /* Directly below the img */
        height: 0!important;
        padding-top: 50%;
    }
}

/* Homepage Intro Text */
@media only screen and (min-width: 900px) {
    .animated-intro-container {
        display: flex;
    }
}
.animated-intro-container {
    font-size: 36px;
    font-weight: bold;
}
.animated-intro-static {
    display: inline-block;
    margin-right: 10px;
    opacity: 0;
    animation: intro-fadein 2s ease 2s forwards;
}
.animated-intro-dynamic {
    display: inline-block;
    position: relative;
    white-space:nowrap;
/*     overflow: hidden; */
    flex-grow: 1;
}
@media only screen and (max-width: 900px) {
    .animated-intro-container {
        font-size: 20px;
        line-height: 1.2;
    }
    .animated-intro-static {
        display: block;
    }
    .animated-intro-dynamic {
        display: block;
        min-height: 33px;
    }
}
.animated-intro-item {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    font-weight: normal;
}
.animated-intro-item:nth-child(1) {
    animation: intro-dynamic-fadein 14.4s ease 4s infinite;
}
.animated-intro-item:nth-child(2) {
    animation: intro-dynamic-fadein 14.4s ease 6.4s infinite;
}
.animated-intro-item:nth-child(3) {
    animation: intro-dynamic-fadein 14.4s ease 8.8s infinite;
}
.animated-intro-item:nth-child(4) {
    animation: intro-dynamic-fadein 14.4s ease 11.2s infinite;
}
.animated-intro-item:nth-child(5) {
    animation: intro-dynamic-fadein 14.4s ease 13.6s infinite;
}
.animated-intro-item:nth-child(6) {
    animation: intro-dynamic-fadein 14.4s ease 16s infinite;
}
@keyframes intro-fadein {
    0% { opacity:0; }
    20% { opacity:1; }
    100% { opacity:1; }
}
@keyframes intro-dynamic-fadein {
    0% { opacity: 0; }
    4% { opacity: 1; }
    16% { opacity: 1; }
    20% { opacity: 0; }
    100% { opacity: 0; }
}
@keyframes intro-slidein { /* Keep this in case they want to switch back */
    0% { left: -650px; }
    4% { left: 0px; }
    16% { left: 0px; opacity: 1; top: 0; }
    20% { left: 0px; opacity: 0; top: 100%; }
    22% { opacity: 0; left: -650px; }
    100% { opacity: 1; left: -650px; }
}

/* Consulting Page Equation Section */
.msh-equation-container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    font-size: 60px;
    font-family: var(--msh-font-alt);
    color: var(--msh-dark);
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 1.3;
    
}

@media only screen and (max-width: 600px) {
    .msh-equation-container {
        justify-content: flex-start;
      font-size: 50px;
       
    }
}

.msh-equation-plus {
    font-size: 58px;
    line-height: 1;
    margin:0px 15px;
    margin-top: -10px;
    color: #c0c0c0;
}
.msh-equation-strategy, .msh-equation-culture, .msh-equation-execution, .msh-equation-results, .msh-equation-results1 {
    opacity: 0;
}
.msh-equation-container.active .msh-equation-strategy {
    animation:  gradient-reveal 1000ms ease 100ms forwards;
}
.msh-equation-container.active .msh-equation-culture {
    animation:  gradient-reveal 1000ms ease 600ms forwards;
}
.msh-equation-container.active .msh-equation-execution {
    animation:  gradient-reveal 1000ms ease 1200ms forwards;
}
.msh-equation-container.active .msh-equation-results {
    animation:  gradient-reveal 1000ms ease 1800ms forwards;
}

@supports (mix-blend-mode: lighten) {
    .msh-equation-results {
        position: relative;
        background-color: var(--msh-light);
      margin-left: 10px;
     
    }
    
  @media only screen and (max-width: 600px) {
     .msh-equation-results  {
       margin-left: 0;       
    }
}
   
.msh-equation-container.active .msh-equation-results::before {
        content: "";
        display: block;
        position: absolute;
        opacity: 0;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: linear-gradient(90deg,  rgba(0,161,225,1) 0%, 
                                            rgba(79,60,150,1) 16.67%, 
                                            rgba(190,47,28,1) 33.34%,
                                            rgba(79,60,150,1) 50%,
                                            rgba(0,161,225,1) 66.67%, 
                                            rgba(79,60,150,1) 83.34%, 
                                            rgba(190,47,28,1) 100%);
        background-size: 300% 100%; /* These numbers work exactly for a perfect loop of continious animation */ 
        background-position: 100% 50%;
        animation:  gradient-reveal 1000ms ease forwards 2800ms,
                    gradient 6s linear infinite 5800ms;
        pointer-events: none;
        mix-blend-mode: screen;
    }  
}

/* Custom Gradient for the Topics, Using the Results*/ 

.msh-equation-container.active .msh-equation-results1 {
    animation:  gradient-reveal 1000ms ease 600ms forwards;
}

@supports (mix-blend-mode: lighten) {
    .msh-equation-results1 {
        position: relative;
        background-color: var(--msh-light);
      margin-left: 10px;
     
    }
    
  @media only screen and (max-width: 600px) {
     .msh-equation-results1  {
       margin-left: 0;
       
    }
}
   
.msh-equation-container.active .msh-equation-results1::before {
        content: "";
        display: block;
        position: absolute;
        opacity: 0;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: linear-gradient(90deg,  rgba(0,161,225,1) 0%, 
                                            rgba(79,60,150,1) 16.67%, 
                                            rgba(190,47,28,1) 33.34%,
                                            rgba(79,60,150,1) 50%,
                                            rgba(0,161,225,1) 66.67%, 
                                            rgba(79,60,150,1) 83.34%, 
                                            rgba(190,47,28,1) 100%);
        background-size: 300% 100%; /* These numbers work exactly for a perfect loop of continious animation */ 
        background-position: 100% 50%;
        animation:  gradient-reveal 1000ms ease forwards 100ms,
                    gradient 6s linear infinite 100ms;
        pointer-events: none;
        mix-blend-mode: screen;
    }
    
}

/* General Fade-in Animation Used Throughout Site - Add fade-in-component class to any element. */
.fade-in-component {
    opacity: 0;
    transform: translateY(-80px);
}
.fade-in-component.active {
    animation: general-fadein 1s ease 100ms forwards;
}
@keyframes general-fadein {
    0% { opacity:0; transform: translateY(-80px); }
    20% { opacity:0; }
    100% { opacity:1; transform: translateY(0px); }
}

/* Various Styles */
.quote-indent {
    padding-left: 0.6em;
    text-indent: -0.6em;
}
.margin-bottom-zero {
    margin-bottom: 0;
}
.spacer-padding-left-quote {
    margin-left: 42px;
}
.full-width-img {
    margin-bottom: 0;
}
.full-width-img img {
    display: block;
    width: 100%;
}
.headline-right-icon .gb-icon {
    order:2;
}
@media only screen and (min-width: 769px) { 
    .hide-on-desktop {
        display: none;
    }
}
@media only screen and (max-width: 768px) {
    .align-left-mobile {
        text-align: left;
        justify-content: flex-start;
    }
    .hide-on-mobile {
        display: none;
    }
    .separator-mobile {
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .mc-signature-img figure {
        margin-top: 0!important;
    }
    .mc-signature-img img {
        max-width: 180px;
    }
    .spacer-padding-left-quote {
        margin-left: 0px;
    }
}
#bodModalAriaTitle2 {
    display: none;
}
sup {
    font-size: 40%;
    bottom: 2.2ex!important;
}

/* Video Play Overlay */
.mh-video-with-overlay {
    position: relative;
}
.mh-video-with-overlay video {
    display: block;
}
.mh-video-play {
    font-size: 12px;
    position: absolute;
    bottom: 40px;
    right: 40px;
    padding: 50px;
/* 	    margin-right: 135px;
	    margin-bottom: 130px; */
    color: #fff;
    border-left: 3px solid rgba(0,161,225,1);
    border-right: 3px solid rgba(190,47,28,1);
    background-image: linear-gradient(90deg, rgba(0,161,225,1) 0%, rgba(79,60,150,1) 50%, rgba(190,47,28,1) 100%),
        linear-gradient(90deg, rgba(0,161,225,1) 0%, rgba(79,60,150,1) 50%, rgba(190,47,28,1) 100%);
    background-size: 100% 3px;
    background-position: 0 0, 0 100%;
    background-repeat: no-repeat;
    cursor: pointer;
    z-index: 10;
    transition: 0.2s ease opacity;
}
.mh-video-name {
    color: #fff;
    font-weight: bold;
    font-size: 28px;
    position: absolute;
    top: 20px;
    right: 200px;
    transition: 1s ease opacity;
    visibility: hidden;
    
}

.mh-video-name.hidden {
    opacity: 0;
}
@media only screen and (max-width: 768px) {
    .mh-video-play {
        bottom: 20px;
        right: 20px;
        padding: 30px;
    }
    .mh-video-name {
        top: 118px;
        right: 125px;
        visibility: hidden;
    }
}
.mh-video-play.hidden {
    opacity: 0;
}

/* Form Styles */
input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], 
input[type=text], input[type=url], select, textarea {
    padding: 20px 30px;
    border: 2px solid;
    max-width: 100%;
    font-weight: 500;
    border-color: #c8c8c8;
}
.wpcf7 label {
    font-weight: 500;
}
.wpcf7-list-item {
    margin: 8px 0px;
}
textarea {
    height: 200px;
}
.custom-submit {
    color: var(--msh-dark);
    font-family: "DIN Condensed";
    font-size: 21px;
    font-weight: bold;
    letter-spacing: 0.05em;
    padding: 17px 32px!important;
    text-transform: uppercase;
}

/* Blog Specific Styles */
.blog-header-image-container {
    min-height: 50vh;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left;
	padding: 115px 30px 108px 30px;
}

.blog-header-content {
    padding: 80px 30px 30px 30px;
    max-width: 1300px;
    margin: 0 auto;

}

.entry-meta {
    font-size: 85%;
    margin-top: 21px;
    line-height: 1.5;
}


.driven-flex {
	display:flex;
}

.blog-header-content h1 {
    max-width: 600px;
    margin-bottom: 90px;
}

@media only screen and (max-width: 768px) {
    .blog-header-content h1 {
        margin-bottom: 30px;
    }
}

@media only screen and (max-width: 769px) { 
.driven {
	margin-top: -50px;
    }	
}

.wc-quote-wrapper {
	font-size: 48px;
	line-height: 1;
	padding: 73px 104px;
	margin-left: 183px;		
}

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

.wc-quote-wrapper {
	font-size: 42px;
	line-height: 1;
	    padding: 0px 25px 0 0px;
    margin: -19px 0 0 42px;
}
}

@media only screen and (max-width: 768px) {
.blog-header-image-container {
    min-height: 50vh;
    background-size: cover;
    background-repeat: no-repeat;
        background-position: -721px center;
    padding: 115px 30px 108px 30px;
}
}

.wc-quote {
	font-weight:700;	    
}

@media only screen and (max-width: 384px) { 
.wc-quote {
	font-weight:700;
/* 	margin-left: -26px;     */
}
}

.gb-icon1 {
	margin-left: -79px;
	padding-right: 5px;		
}

@media only screen and (max-width: 769px) { 
.gb-icon1 {
	margin-left: -80px;			
}		
}

@media only screen and (max-width: 769px) { 
.quote-icon {
	height:21px;	
    }		
}

.wc-quote_author {	
	font-size: 20px;
	font-weight:700;
	margin-left: 291px;
	margin-top: -106px;
	padding-bottom: 100px;
}

@media only screen and (max-width: 769px) {
  .wc-quote_author {
    font-weight: 700;
    margin-left: 66px;
    margin-top: 12px;
    padding-bottom: 79px;
}		
}

.archive-category-tabs .archive-category-tab {
    color: var(--msh-dark);
    text-transform: uppercase;
    font-weight: bold;
    margin-right: 25px;
    margin-bottom: 15px;
	max-width: 1300px;   
}

.archive-category-tabs-wrapper {
    margin-bottom: -44px;
}

@media only screen and (max-width: 769px) {
.archive-category-tabs-wrapper {
    margin-bottom: -44px;
    margin-top: -60px;
}		
}

@media only screen and (max-width: 384px) {
.archive-category-tabs .archive-category-tab {
    font-size: 12px;
    color: var(--msh-dark);
    text-transform: uppercase;
    font-weight: bold;
    margin-right: 12px;
    margin-bottom: -12px;
}
}

.right-place {
	margin-top: 229px;
}

@media only screen and (max-width: 768px) {
.right-place  {
	margin-left: -178px;
	margin-top: 198px;
    }
}

p.find-place {	
	margin-bottom: 100px;
}

@media only screen and (max-width: 768px) {
.find-place  {
        margin-left: -176px;
    }
}

@media only screen and (max-width: 768px) {
.inside-article   {
        margin-top: -63px;
    }
}

.archive-category-tabs .archive-category-tab:hover, .archive-category-tabs .archive-category-tab.active {
    color: var(--msh-red);
}
.cat-links a, .wp-show-posts-terms a {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 16px;
    color: #787878!important;
}
.cat-links a:hover, .wp-show-posts-terms a:hover {
    color: var(--msh-red)!important;
}
article h2.entry-title, article h2.wp-show-posts-entry-title {
    text-transform: none;
    font-family: var(--msh-font-main);
    font-weight: bold;
    font-size: 24px;
    margin-top: 5px;
    margin-bottom: 15px;
}
article .entry-summary > *:not(.read-more-container) {
    display: none;
}
.read-more {
    position: relative;
    background-color: transparent!important;
    font-size: 16px;
    font-weight: bold;
    padding: 3px 0px;
    color: var(--msh-red);
    text-transform: uppercase;
}
.read-more:hover {
    color: var(--msh-red);
}
.read-more:after {
    content: '';
    width: 0px;
    opacity: 0;
    position: absolute;
    left: 0;
    bottom: -2px;
    height: 2px;
    background-color: var(--msh-red);
    transition: 0.3s ease all;
}
.read-more:hover:after {
    width: 100%;
    opacity: 1;
}
article.generate-columns .inside-article {
    padding-bottom: 60px;
}
@media only screen and (max-width: 768px) {
    article.generate-columns .inside-article {
        padding-bottom: 20px;
    }
}
body.archive.category header.page-header {
    display: none;
}
.masonry-load-more {
    text-align: center;
}
body.archive.category #main, body.blog #main  {
    padding-bottom: 80px;
    border-bottom: 1px solid var(--msh-dark);
}
.blog-single-recent-posts-container {
    max-width: 1300px;
    padding: 60px 30px;
    margin:0 auto;
    margin-top: 60px;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}
.wp-show-posts-entry-header {
    display: flex;
    flex-direction: column;
}
.wp-show-posts-entry-title {
    order:2;
}
.wp-show-posts-entry-title a {
    color: #000!important;
}
.single-post #main > article .inside-article {
    display: flex;
    flex-direction: column;
}
.single-post #main > article .inside-article > .entry-meta {
    order: -1;
    margin-bottom: 10px;
}
.single-post #main > article .inside-article > .entry-meta .gp-icon {
    display: none;
}
.single-post #main > article .inside-article > .entry-meta .cat-links a {
    color: var(--msh-red)!important;
}
@media only screen and (min-width: 769px) {
    #right-sidebar {
        margin-top: 220px;
    }
}
#right-sidebar .widget-title {
    margin-bottom: 15px;
}
#gp-social-share li {
    padding: 8px;
    border-radius: 50%;
    background-color: #000;
    width: 42px;
    height: 42px;
}
#gp-social-share li svg {
    max-height: 100%;
    max-width: 100%;
    color: #fff;
}
#gp-social-share li:hover {
    background-color: var(--msh-red);
}

/* File Downloads Page */
.page-id-2921 h2 {
    text-transform: uppercase;
    margin-bottom: 0px;
}
.page-id-2921 h3 {
    font-family: var(--msh-font-alt);
    font-size: 93px;
}
.page-id-2921 form {
    margin-top: 30px;
}
.page-id-2921 form .body-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 780px;
    margin:0 auto;
    margin-bottom:20px;
}
.page-id-2921 .half-content {
    width: 48%;
}
.page-id-2921 .half-content input {
    width: 100%;
}
@media only screen and (max-width: 768px) {
    .page-id-2921 h3 {
        font-size: 46px;
    }
    .page-id-2921 .half-content {
        width: 100%;
    }
}
.page-id-2921 .files-list {
    margin-bottom: 40px;
}

/* Kadence Slider Gallery */
.kt-blocks-carousel {
    padding-bottom: 50px;
}
.kt-blocks-carousel .kb-blocks-slider .slick-dots {
    text-align: left;
    bottom: -45px;
}
.kt-blocks-carousel .kb-blocks-slider .slick-prev, .kt-blocks-carousel .kb-blocks-slider .slick-next {
    bottom: -67px;
    top: auto!important;
    left: auto!important;
    right: 0px!important;
    border: 0!important;
    opacity: 1;
    height: auto;
    width: auto;
    padding: 5px;
}
.kt-blocks-carousel .kb-blocks-slider .slick-prev {
    right: 55px!important;
}
.kt-blocks-carousel .kb-blocks-slider .slick-next:before, .kt-blocks-carousel .kb-blocks-slider .slick-prev:before {
    content: '\f061';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    border-width: 0;
    line-height: 1;
    transform: none;
    color: #000;
    transition: 0.2s ease color;
    font-size: 24px;
    height: auto;
    width: auto;
    left: auto;
}
.kt-blocks-carousel .kb-blocks-slider .slick-prev:before {
    content: '\f060';
}
.kt-blocks-carousel .kb-blocks-slider .slick-next:hover:before, .kt-blocks-carousel .kb-blocks-slider .slick-prev:hover:before {
    color: #00a4e4;
}

/* CONSULTING PAGE- START*/

/* Consulting Page Diagram - Desktop View */
.consulting-diagram-text {
    max-width: 500px;
    margin: 0 auto;
    margin-top: 30px;
}

/*.  consulting-diagram-text-para  */  
/* .para1 {
  padding-bottom: 56px;
} */

.para3, .para1 {
  padding-bottom: 28px;
}





.consulting-diagram-text > div {
    display: none;
}
.consulting-diagram-text > div.active {
    display: block;
}
@supports (mix-blend-mode: lighten) {
    .consulting-diagram-circles::before {
        content: "";
        display: block;
        position: absolute;
        z-index: 10;
        top: -10%;
        right: 0;
        bottom: 0;
        left: 0;
        background: linear-gradient(90deg,  rgba(0,161,225,1) 0%, 
                                            rgba(0,161,225,1) 12%,
                                            rgba(79,60,150,1) 50%, 
                                            rgba(190,47,28,1) 88%,
                                            rgba(190,47,28,1) 100%);
        pointer-events: none; /* Super important */
        mix-blend-mode: screen;
    }
}
.consulting-diagram-circles::after {
    content: "";
    display: block;
    position: absolute;
    z-index: 11; /* Arrow is above the gradient */
    pointer-events: none; /* Super important */
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url("/wp-content/uploads/2021/06/consulting-arrow-sm.png");
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: contain;
}
.consulting-diagram-circles {
    position: relative;
    display: flex;
    padding: 0 13%;
    padding-bottom: 7%;
}
.circle-outer {
    position: relative;
    flex-grow: 1;
    position: relative;
    flex-grow: 1;
}
.circle-inner {
    position: relative;
    width: 100%;
    padding-bottom: 100%;
    
}
.circle-text {
    position: absolute;
    top: -7%;
    left: -7%;
    width: 114%;
    height: 114%;
    border-radius: 50%;
    border: 3px solid #000;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: DIN;
    color: #000;
    font-weight: bold;
    font-size: 20px;
    z-index: 4;
}
.circle-text:hover, .circle-text.active {
    background-color: #000;
    color: #fff;
    transition: 0.7s ease all;
    z-index: 5;
}

/*. Fade in for the Consulting Diagram Deskop */

.consulting-diagram-text > div {
  animation: fadeIn ease 1s;
  -webkit-animation: fadeIn ease 1s;
  -moz-animation: fadeIn ease 1s;
  -o-animation: fadeIn ease 1s;
  -ms-animation: fadeIn ease 1s;
}
@keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-moz-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-o-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-ms-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
}


/*. Gives space under logo on the single blog page  */	
.single-post #main > article .inside-article {
    display: flex;
    flex-direction: column;
    margin-top: 125px;
}

	/*Book Micheal page*/	
/*Make text stay black:after leave input in form*/
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], textarea, select {
    color: #000000;
    background-color: #ffffff;
    border-color: #c8c8c8;
}

/*Make This field required smaller in form in Book Micheal*/

.wpcf7-not-valid-tip {
    color: #dc3232;
    font-size: 0.8em;
    font-weight: normal;
    display: block;
}

/*Contact Page*/	
/*Make the email link on contact page red*/

h2.gb-headline-afe9ebe5 a {   
    color: red;
}

  /*Make the email link line up with intro text  */ 
.gb-container-67767418 > .gb-inside-container {
    padding: 0;
    margin-right: 50px;
}
	
 /*speaking-page-footer-header-title  */
 .gb-container-15273a46 {
    margin: 16px 0 -19px -113px;
}

.gb-button-wrapper-2ae76a91 {
    margin: 0 0 20px;
    justify-content: flex-end;
}

.gb-button-wrapper-14473026 {
    margin: 0 0 20px;
    justify-content: flex-end;
}

.gb-container-15273a46 {
    margin: 16px 0 -8px -113px;
}

 /*consulting-page-footer-header-title  */
.gb-container-2a1b0220 {
    margin: 0 0 9px 190px;
}

 /*Single-page-social-widget*/	
.widget-area .widget {
    padding: 65px;
}