/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy

*/

/*===== Header =====*/
#header>div>div>div {
	box-shadow: 0px 0px 20px rgba(0,0,0,0.15);}

/*===== General Styles =====*/

/*=== General Typography ===*/
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  color: #180038;
}
/*=== End General Typography ===*/

/*=== Reusable Color Items ===*/
.gold-text{
	color:#fcb900!important;
}

.purple-text{
    color:#180038;
}

.white-text{
	color:#ffffff!important;
}

.purple-underline {
    width: 80px;
    height: 6px;
    background: #180038;
	margin-top: -8px;
}

/*=== Flex Styles ===*/
.d-flex{display:flex;}
.flex-justify-center{justify-content:center;}
.flex-justify-space-between{
	justify-content:space-between;
}


/*=== home page cards ===*/
.home-card-column3{
	border-radius:0 24px 0 24px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	margin-bottom:2rem;
}

.home-card-column3 .card-text-wrapper{
    padding: 1.5rem 1.5rem 0 1.5rem;
}

.card-text-wrapper h3{
    font-size:1.25rem;
    font-weight:400;
}

.card-text-wrapper h2{
    font-size:1.75rem;font-weight: 800;
}

ul.resources-card-sublist li a:hover {
    color: #faa700!important;
	opacity:1!important;
}

ul.resources-card-sublist li a {
    font-size: 1.25rem;
    font-weight: 700;
    text-decoration: none;
	color:#ffffff;
	transition:all .3s;
}

ul.resources-card-sublist {
    list-style: none;
}

.home-card-column3:hover {
	transform: scale(1.04);}

.home-card-column3{
	transition:transform .75s!important;
}


/*for small heading on the home page cards*/
h3.parent-page{font-size: .875em;
    padding: 0.25em 0.5em;
    width: fit-content;
    border-radius: 0.5em;
    color: #ffffff;
    font-weight:700;
}


.parent-page.parent-b2b{
    background: #e31b23;
}

.parent-page.parent-marketing-tech{
    background: #FCB900;
}

.parent-page.parent-content{
    background: #180038;
}

/*home page cards - blog card*/
.home-blog-card.card-text-wrapper{
    padding:1.5rem 1.5rem .125rem 1.5rem;
    background:#ffffff;
	border-radius: 18px 18px 0 0!important;
}

ul.home-blog-block{
    padding-left:1.5rem!important;
	padding-bottom:1.5rem

}

ul.home-blog-block li{
    display: flex;
    align-items: center;
    border-bottom: 1px solid #ccc;
	padding-bottom: 0.25rem;}

.home-blog-block a {
    color: inherit;
    text-decoration: none;
}

.home-blog-block a:hover {
    color: #fcb900;
}
/*=== end blog card ===*/
/*=== end home page cards ===*/


/*about us cards*/
.about-us-card{
	padding: 3rem;
    border-radius: 18px;
    background: rgba(255,255,255,255.6);
    box-shadow: 0px 9px 18px rgba(0,0,0,0.3);
	margin:0 auto 40px auto;
}

    .about-us-card {
        position: relative;
      }
      
      
      .about-us-holder {
        position: relative;
      }

      .about-us-card .text-icon-link{
        color: #180028;
          font-weight: 700;
          font-size: 1.25em;
      }
      
      .about-us-card a.text-icon-link:hover{
        color:#fcb900;
      }
/*end about us cards*/


.hero-image img{
	max-width:100%;
	width:500px;
}


.reach-hero-columns{min-height:65vh;}


/*CTA Section*/
.custom-cta-block{max-width:960px;
	margin:0 auto;
}
/*begin cta decoration*/

.cta-decoration {
  top: calc(50% - 160px);
  left: -160px;
}

.cta-decoration {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 320px;
  height: 320px;
  background: rgba(255, 255, 255, 0.07);
  border-radius: 100%;
}

.cta-decoration:before {
  position: absolute;
  content: "";
  width: 215px;
  height: 215px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 100%;
}

.cta-icon{
	transform: translateX(-70px);
}

/*end cta decoration*/
/*start background for cta*/
.cta-col {
  position: relative;
}


.cta-col:before {
  content: ' ';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.35;
  background-image: url('https://reach2024.wpenginepowered.com/wp-content/uploads/2023/12/circles-bg-alt.svg');
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: cover;
}
.cta {
  position: relative;
}
.cta-col{border-radius:18px;}

.cta-icon img{
max-width:60%;
}

.cta-icon{
transform:translateX(-35%);
}

/*end background for cta*/

/*End Cta Section*/


/*===== BEGIN: Banner Cta with (Image of Man and 4 Links) =====*/
.banner-cta-bg-img-1{
	top:-80px;
	right:-75%;}
.banner-cta-bg-img-2{
	bottom:-70px;
	right:80px;
} 
.banner-cta-content-wrapper,
.banner-cta-link-holder{
	padding-left:1.5vw;
	max-width:35vw;

}
.banner-cta-link-holder{
	margin-top:1.5em;
}
.text-icon-link{
	flex-basis:50%;
}
.text-icon {
    font-size: 1.275em;
}
.text-icon-link {
    flex-basis: 50%;
    font-size: 1.125em;
    text-decoration: none;
    margin-bottom: 0.75em;
	color: inherit;}
.text-icon-text{
	margin-left:.25em;
}

.banner-cta-content-wrapper {
    padding-top: 1.5vw;
}

/*===== END: Banner Cta with (Image of Man and 4 Links) =====*/


/*Begin Tab Sections*/
.b2b-tab-labels .stk-block-tabs__tab .stk-block-tab-labels__text{
  font-weight:700;
}

.svg-behind-laptop svg{
  position: absolute;
max-height: 280px;
width: 100%;
bottom: 36px;
left: -64px;
fill: rgba(235, 204, 17, 0.46);
}

.svg-behind-laptop2 svg{
  position: absolute;
max-height: 280px;
width: 100%;
bottom: -5px;
left: -75px;
fill: rgba(235, 204, 17, 0.46);
}

.svg-behind-laptop.version2 svg{
  position: absolute;
width: 100%;
bottom: 6px;
left: -80px;

}

.banner-cta-bg-img-2 .stk-img-wrapper {
  width: 420px !important;
}


/*End Tab Sections*/ 

/*general misc rules*/


.one-edge-shadow {
  box-shadow: 0 8px 6px -6px black;
}

.max-height-50{max-height:50px;}

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

.blocked{
	display:block;
	line-height:1.2em;
}

.shadow{box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)!important;}

.p-relative{
	position:relative;
}

.white-card{
	padding:2rem;
	border-radius:18px;
	 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1);
	
}

.accent-text{
	font-style:italic;
	font-weight:700;
	font-size:1.175em;
}

.p-relative{position:relative;}

.flex-basis-100{
	flex-basis:100%;
}

.text-align-center{text-align:center!important;}

.z-index-9{z-index:9;} 

.new-line{
	display:block;
	line-height:1.2em;
}

.large-heading{
	font-size:72px;
    font-weight:800;
	line-height:1em;
	
}

.medium-heading{
	font-size:3rem;
    font-weight:800;
	line-height:3rem;	
}

.opacity-half{opacity:.5;}
.opacity-quarter{opacity:.25;}

.thin-right-border{
	border-right:1px solid #dddddd;
}

.thin-bottom-border{
	border-bottom:1px solid #dddddd;
}

.basic-box-shadow{
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.4);
}

/*misc list styles*/

.stk-block-icon-list .stk-block-icon-list__ul .stk-block-icon-list-item .stk-block-icon-list-item__content{
    align-items:baseline !important;    
}

.no-bullets{
	list-style:none;
}

.custom-checklist li>i{
	font-size: 1.25em;
    margin-right: 0.25em;
    color: #ffb900;
}

.custom-checklist li{
	font-size: 1.25em;
    font-weight: 700;
}
/*end list styles*/



/*===== Footer Styles =====*/

#footer .ct-widget.widget_block{
	margin-top:0!important;	
}

/*target the existing middle row of the footer*/
[data-row*="middle"] .ct-container {
    padding-top: 0!important;
}

/*change the BG color of the footer*/
[data-footer*="type-1"] footer.ct-footer {
	background-color:#ffffff;}

[data-footer*="type-1"] .ct-footer [data-row*="top"] .ct-container {
	border-top: 6px double black;}



#footer ul li{
	font-size:14px;
}

#footer a{text-decoration:none; color:inherit;}

#footer a:hover{color:#e31b23;}

#footer .ct-container {
    padding-top: 2rem!important;
}
#footer{
	position: relative;
    font-family: Lato,sans-serif;
    background: linear-gradient(180deg,rgba(0,124,245,.12) 2%,hsla(0,0%,100%,0));
    padding-top: 40px;
}
footer#footer {
	border-radius: 0 7.5em 0 0;}
/*===== End Footer =====*/

/*about us cards*/
.about-us-card{
	padding: 3rem;
    border-radius: 18px;
    background: rgba(255,255,255,255.6);
    box-shadow: 0px 9px 18px rgba(0,0,0,0.3);
	margin:0 auto 40px auto;
}

    .about-us-card {
        position: relative;
      }
      
      
      .about-us-holder {
        position: relative;
      }

      .about-us-card .text-icon-link{
        color: #180028;
          font-weight: 700;
          font-size: 1.25em;
      }
      
      .about-us-card a.text-icon-link:hover{
        color:#fcb900;
      }
      
/*=== home page cards ===*/
.home-card-column3{
	border-radius:0 24px 0 24px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	margin-bottom:2rem;
}

.stk-block-carousel__slider{
    margin:0 50px;
}

.stk-block-carousel__slider .stk-row{
    column-gap:50px;
}




.home-card-column3 .card-text-wrapper{
    padding: 1.5rem 1.5rem 0 1.5rem;
}

.card-text-wrapper h3{
    font-size:1.25rem;
    font-weight:400;
}

.card-text-wrapper h2{
    font-size:1.75rem;font-weight: 800;
}

      
/*end about us cards*/
h3.parent-page{font-size: .875em;
    padding: 0.25em 0.5em;
    width: fit-content;
    border-radius: 0.5em;
    color: #ffffff;
    font-weight:700;
}


.parent-page.parent-b2b{
    background: #e31b23;
}

.parent-page.parent-marketing-tech{
    background: #FCB900;
}

.parent-page.parent-content{
    background: #180038;
}

/*home page cards - blog card*/
.home-blog-card.card-text-wrapper{
    padding:1.5rem 1.5rem .125rem 1.5rem;
    background:#ffffff;
	border-radius: 18px 18px 0 0!important;
}

/*=== BEGIN Animated blob ===*/

.fond-anime::before, .fond-anime::after {
  margin: 50px;
}


/* Optional code for hide animated blob on mobile */
@media (max-width:480px) {
  .fond-anime 
  {display: none;}
}

/* Animated blob */
.fond-anime::before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 600px;
    max-width: 100%;
    height: 400px;
    max-height: 100%;
    background: #000000;
    background: -webkit-gradient(linear,left top, right top,from(rgba(14, 174, 237, .3)),to(rgba(33, 96, 71, .4)));
    background: -o-linear-gradient(left,rgba(14, 174, 237, .3),rgba(33, 96, 71, .4));
    background: linear-gradient(to right,rgba(14, 174, 237, .3),rgba(33, 96, 71, .4));
    border-radius: 55% 35% 48% 30% / 40% 40% 70% 6%;
    will-change: border-radius,transform,opacity;
    -webkit-animation: 6s linear infinite fondAnime;
            animation: 6s linear infinite fondAnime;
    z-index: -1;
    opacity: 0.4;
}
.fond-anime::after {
    position: absolute;
    content: "";
    left: 50px;
    top: 50px;
    width: 450px;
    height: 300px;
    background: #000000;
    background: -webkit-gradient(linear,left top, right top,from(#76c7ef),to(#179fdf));
    background: -o-linear-gradient(left,#76c7ef,#179fdf);
    background: linear-gradient(to right,#76c7ef,#179fdf);
    border-radius: 55% 35% 48% 30% / 40% 40% 70% 6%;
    will-change: border-radius,transform,opacity;
    -webkit-animation: 4s linear infinite fondAnime;
            animation: 4s linear infinite fondAnime;
    z-index: -1;
    opacity: 0.4;
}
@-webkit-keyframes fondAnime {
    0%,
    100% {
        border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%;
        -webkit-transform: translate3d(0, 0, 0) rotateZ(0.01deg);
                transform: translate3d(0, 0, 0) rotateZ(0.01deg);
    }
    35% {
        border-radius: 70% 30% 46% 54% / 30% 29% 71% 70%;
        -webkit-transform: translate3d(0, 5px, 0) rotateZ(0.01deg);
                transform: translate3d(0, 5px, 0) rotateZ(0.01deg);
    }
    50% {
        -webkit-transform: translate3d(0, 0, 0) rotateZ(0.01deg);
                transform: translate3d(0, 0, 0) rotateZ(0.01deg);
    }
    65% {
        border-radius: 100% 60% 60% 100% / 100% 100% 60% 60%;
        -webkit-transform: translate3d(0, -3px, 0) rotateZ(0.01deg);
                transform: translate3d(0, -3px, 0) rotateZ(0.01deg);
    }
}

/*END animated Blob*/


/*=== BG Image decoration ===*/
    .testimonial-group-container {
        position: relative;
      }
      
      .top-level-parent-pageid-1345 .testimonial-group-container{
        margin-bottom:0px !important;
      }
      
      .testimonial-group-container:before {
        content: ' ';
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        opacity: 0.1;
        background-image: url('https://reach2024.wpenginepowered.com/wp-content/uploads/2023/12/Artboard-3.svg');
        background-repeat: no-repeat;
        background-position: 50% 0;
        background-size: cover;
      }
      
      .inner-wrapper {
        position: relative;
      }

      .faqWrapper{
        background-size: contain!important;
          background-position: center!important;
          background-repeat: no-repeat!important;
      }

/*=== End BG Image decoration ===*/


/*=== Main Content Section for B2B and Martech ===*/

/*style small headers on home page slanted section*/
h4.b2b {
        background: #180038;
        width: fit-content;
        padding: 0.25rem 0.5rem;
        border-radius: 8px;
        color: #fcb900;
        font-weight: 700!important;
    }

    h4.martech {
        background: #180038;
        width: fit-content;
        padding: 0.25rem 0.5rem;
        border-radius: 8px;
        font-size:15px !important;
        color: #fff !important;
        font-weight: 700!important;
    }



/*BEGIN home page hero*/
.hero-content-container{
	background: rgba(255,255,255,.8);
    padding: 2rem 3rem;
    max-width: 820px;
    margin: 0 auto;
    border-radius: 18px;
    box-shadow: 0 2px 18px rgba(0,0,0,.3);
}
/*END home page hero*/

/* ======= End Home Page Styling =======
=====*/



/*===== 
======= BEGIN Sub Page Styling ======= 
=====*/
/*===== BEGIN sub-page-title area styles =====*/
h1.pagepost-title{
	font-size: 3.75rem;
    font-weight: 800;
    line-height: 1.4em;
    letter-spacing: .033em;
    font-family: "Lato";
}

p.sub-hero-p{
	font-size:1rem!important;
}

/*END sub page-title area styles*/

/*===== General Misc Rules (Page Specific) =====*/
h1.small-subpage-title{
  font-size:16px;
  text-transform: uppercase;
  font-weight:400;
  padding-bottom:0;
  margin-bottom:0;

}

.small-heading{
font-size:16px;
  text-transform: uppercase;
  font-weight:600;
color:#180038;
}

.large-subpage-title{
  padding-top:16px;
  font-size:72px;
  font-weight:800;
  margin-bottom:0;
  line-height:1em;
}

.subpage-hero-p{
  padding-top:32px;
  font-size:18px;
  font-weight:600;
  line-height:29px;
}

.subpageHero {
  border-radius: 0 0 7.5rem 0;
}



.shape-behind-image{
background-color: #fcb900;
  position: absolute;
  z-index: -1;
  bottom: 12px;
  display: block;
  width: 41.875rem;
  height: 15.75rem;
  border-radius: 12.5rem 0;
  opacity: .6;
}


/* Stats numbers extra styles*/
.stat-label{
  text-align: center;
  color: #fcb900;
  font-weight: 700;
  font-size: 1.25em;
  line-height: 1.2em;
}

/*END - Stat Numbers Styling*/

	
/*	================ Media Queries Below =================
======================================================
*/

@media screen and (max-width: 1024px){
  .banner-cta-link-holder {
    flex-direction: column!important;
}
  .banner-cta-bg-img-1{
    display:none;
  }
  .banner-cta-content-wrapper, .banner-cta-link-holder {
    max-width: 55vw;
}
.banner-cta-bg-img-2{
  right:-100px;
} 
.banner-cta-bg-img-2 .stk-img-wrapper {
  width: 380px !important;
}

}

@media screen and (min-width: 769px) and (max-width: 1080px){
  .reach-hero-columns .btn{
    font-size:.75em;
    padding: 0.5rem 0.5rem;
  }

}

/*mobile styles for home page*/
@media screen and (max-width: 768px){ 
.hero-content-container {max-width:100%;
}

.standard-heading-block > .w-50 {
  width: 100%!important;
}


.hero-content-container {
  padding: 1.5rem 1rem;}

.hero-button-holder{
  flex-direction:column;
}

.reach-hero-columns .btn{
  margin:.5rem auto;
  font-size:.875em;
}

.standard-heading-block h4 {
  font-size: 1.125em!important;
}

.standard-heading-block h1.fs-1 {
  font-size: 1.25em!important;
}

.standard-heading-block p {
  font-size: .875rem;
}
	
	.case-study-home-block .d-flex{
  flex-direction:column;
}

.about-us-card {
  padding: 2rem 1rem;}

.about-us-card.w-75{
  width: 100%!important;
}

  .standard-heading-block p.fs-5 {
    font-size: .875rem!important;
}

.mobile-flex-column{
  flex-direction:column;
}
}



/*medium - targeting tablet devices*/
@media screen and (min-width: 769px) and (max-width: 1024px){
  .large-subpage-title{
    font-size:56px;
}

}


/*small - all phone devices*/
@media screen and (max-width: 768px){
  .large-subpage-title{
    font-size:48px;
}

.large-heading {
  font-size: 42px;
}

.banner-cta-content-wrapper, .banner-cta-link-holder {
  max-width: 100%;
}

.banner-cta-bg-img-2 .stk-img-wrapper {
  width: 75% !important;
  max-width: 315px!important;
}

.banner-cta-bg-img-2{
  position:relative!important;
  right: 0px!important;;
}

.banner-cta-bg-img-2 {
  bottom: -70px;}

  .about-us-holder .align-items-end {
    align-items: center!important;
}

.cta-icon, .cta-decoration{
  display:none;
}
}

@media screen and (max-width: 1000px){ 
[data-vertical-spacing*=bottom] {
  padding-top:0!important;}
}




 .ct-breadcrumbs a{
     text-decoration:none;
     color:#e31b23;
 } 
 
 .ct-breadcrumbs a:hover{
     color:#180038;
 }



.glightbox-stk .ginner-container {
    max-height: 1000px !important;
    width: 700px !important;
    max-width:90%; 
}   

@media screen and (max-width: 767px) {
    
  .parent-pageid-200 .gform_wrapper.gravity-theme .gfield_label {
    font-size: 14px;
    line-height:16px;
    margin-bottom: 0;
    padding: 0;
    }
    
    .parent-pageid-200 .gform_wrapper.gravity-theme .gform_fields {
        grid-row-gap: 5px !important;
    }
    
    .parent-pageid-200 .purple-underline{
        display:none;
    }
    
    .parent-pageid-200 h3{
        margin-bottom:4px;
    }
    
    .parent-pageid-200 .mt-4{
        margin-top:5px !important;
    }
    
    .parent-pageid-200 input{
        padding:2px;
    }
    
    .parent-pageid-200 .mt4{
        margin:0 !important;
        padding:0 !important;
        outline: 1px dotted #f00 !important;
    }
    
    .glightbox-stk .ginner-container {
        width: 300px !important;
        height: 575px !important;
        max-height:1000px;
    }
} /* End @media */

@media screen and (min-width: 767px) {
#bp_aud, #bp_container img, #bp_sv, #bp_vid {
    max-height: 50% !important;
    max-width: 40% !important;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    box-shadow: 0 0 3em rgba(0,0,0,.4);
    z-index: -1;
}
	

} /* End @media */

.grow{
	transition:transform .75s!important;
}

.grow:hover {
	transform: scale(1.04);}

#header [data-column-set="2"]>div {
    display: grid;
    grid-template-columns: 175px auto;
}

.header-menu-2,
.header-menu-3,
.top-level-parent-pageid-1596 .header-menu-1,
.top-level-parent-pageid-1596 .header-menu-3,
.top-level-parent-pageid-1345 .header-menu-1,
.top-level-parent-pageid-1345 .header-menu-2{
    display:none !important;
}

.home .header-menu-1,
.top-level-parent-pageid-1345 .header-menu-3,
.top-level-parent-pageid-1596 .header-menu-2{
    display:flex !important;
}

.nav-parent a{
    font-size:16px !important;
}

.martech-submenu a{
    text-decoration:none;
    color:#e31b23;
}

.martech-submenu a:hover{
    text-decoration:none;
    color:#180038;
}

.martech-submenu h4 a,
.martech-submenu h5 a{
    color:#180038;
}

.martech-submenu h4 a:hover,
.martech-submenu h5 a:hover{
    color:#e31b23;
}

.sub-menu{
    padding-left:0;
}

nav>ul>[class*=ct-mega-menu]>.sub-menu {
    max-width: 1000px !important;
    padding-left:0 !important;
}

nav > ul > .menu-item-79[class*="ct-mega-menu"] > .sub-menu{
    background: #fff !important;
    border:1px solid #999;
    border-radius:20px;
}

.sub-menu h4{
    font-size:18px !important;
}

.sub-menu h5{
    font-size:16px !important;
}



.submenu-content-block{
}

.sub-menu .wp-block-heading{
    color:#999;
}

.sub-group-link{
    text-decoration:none;
    margin-bottom:10px;
    padding:5px;
    transition: all .5s ease-in 0s
}



.sub-group-link .wp-block-stackable-heading{
    margin-bottom:5px;
}

.sub-group-link p{
   font-size:14px !important;
}

.entry-header .page-title{
    display:none;
}

.post-template-default .entry-header .page-title,
.blog .entry-header .page-title,
.archive .entry-header .page-title{
    display:block;
    text-align:center;
}

.hero-section{
    margin-top:-39px !important;
}
.margin-center{
  margin:0 auto;
}

.block{
    display:block;
}

.standard-heading-block h4{
    margin-top:0;
}

.hero-content-container.alt {
    max-width: auto;
    margin:auto;
}

.banner-cta-link-holder {
    max-width:100% !important;
}

.text-icon-link{
    flex-basis:auto !important;
    border:1px solid #fcb900;
    color: #fff !important;
    background-color:#fcb900;
    margin-right:1%;
    padding:3px 6px;
    font-size:14px;
    border-radius:15px;
}

.text-icon-link:hover{
    border:1px solid #fcb900;
    color: #fcb900 !important;
    background-color:#fff;
}

/* B2B */


.why-reach,
.section-box{
    background:#f6f5f5;
    padding-left:20px;
    padding-right:20px;
}

.why-reach.alt{
    background:#fff;
}


.why-reach .details,
.section-box .details{
    padding:20px 20px 0 20px;
}

.cards{
    padding:20px 20px 0 0;
}

.card{
    padding:10px;
    background:#999;
    border-radius: 0 10px 0 10px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.4);
}

.card p{
    margin-bottom:20px !important;
}

.why-reach img{
    width:80px;
    margin:0 auto 5px auto;
    fill: #fcb900 !important;
}

.why-reach .ai-powered,
.why-reach .firmographic{
    background: radial-gradient(ellipse at center,  #154bcc 34%,#154bcc 34%,#154bcc 45%,#02149e 100%);
}
.why-reach .scalable-audience,
.why-reach .delivery{
    background: radial-gradient(ellipse at center,  #666666 0%,#000000 100%);
}

.why-reach .pay-per{
background: radial-gradient(ellipse at center,  #f2f2f3 0%,#cecece 100%);
}

.why-reach .card{
    padding:25px;
}

.card.why{
    padding:25px;
    background:#fff;
    border-radius: 0 !important;
    box-shadow: none;
}

.card.why h4,
.card.why p{
    color:#180038 !important;
}

.alt .card{
    padding:20px 15px;
}

.why-reach .card.pay-per h4,
.why-reach .card.pay-per p{
    color:#000;
}

.why-reach .card h4{
    color:#fff;
    font-size:15px;
    margin:0 0 10px 0;
    text-transform:none;
    text-align:center;
    font-weight:bold;
}

.why-reach .card p{
    color:#fff;
    font-size:12px;
    line-height:18px;
    margin:0;
    padding:0;
}

.alt .card h4{
    font-size:16px;
    margin:0 0 10px 0;
    text-transform:none;
    text-align:center;
    font-weight:bold;
}

.alt .card p{
    font-size:13px;
    line-height:18px;
    margin:0;
    padding:0;
}

.alt-cards .card{
    padding-bottom:20px !important;
    background: radial-gradient(ellipse at center,  #f2f2f3 0%,#cecece 100%);
}


.alt-cards .card h4{
    color:#180038;
    font-size:21px;
    font-weight:bold;
}

.alt-cards .card p{
    color:#180038;
    font-size:16px;
    line-height:24px;
}

.gold-text{
    color:#fcb900 !important;
}

.why-reach h3,
h3.headline{
    color:#180038;
    font-weight:bold;
    font-size:38px;
    line-height:60px;
    margin-top:0;
}
@media screen and (max-width: 767px) {

	.why-reach h3,
    h3.headline{
        color:#180038;
        font-weight:bold;
        font-size:24px;
        line-height:36px;
        margin-top:0;
    }

} /* End @media */

.why-reach h4,
h4.lead-in{
    color:#180038;
    font-size:16px;
    margin:0;
    font-weight:500 !important;
    text-transform:uppercase;
}

.deliverables h4{
    text-align:center !important;
    color:#180038;
}

.deliverables h5{
    text-align:center !important;
    color:#180038;
}

.deliverables p{
    text-align:center;
    font-size:12px;
    color:#180038;
}

.deliverables label{
    font-size:14px;
    font-weight:bold;
    margin:0;
    padding-top:24px;
    color:#180038;
}

@media screen and (min-width: 767px) {

	.deliverables .gender-wheels{
        border-right: 1px solid #d8d8d8;
    }
    
    .industry-bars{
        border-left: 1px solid #d8d8d8;
    }

} /* End @media */

.white-paper-cta h4{
    color:#FCB900;
    font-weight:bold;
    font-size:36px;
    line-height:48px;
}

.white-paper-cta,
.white-paper-cta p,
.white-paper-cta label{
    color:#fff;
}

.white-paper-cta a{
    background:#FCB900;
    color:#fff;
    padding:10px 20px;
    border-radius:10px;
    text-decoration:none;
}

.white-paper-cta a:hover{
    background:#fff;
    color:#FCB900;
}

.white-paper-cta .gfield_required{
    color:#FCB900;
}

.white-paper-cta input{
    background:#fff !important;
}
.white-paper-cta input[type=submit]{
    background:#FCB900 !important;
    color:#fff;
}

.case-study{
    background:#f4f3f3;
}

.case-study-block{
    background: linear-gradient(135deg,  #632f7d 0%,#180038 71%);
    
}

.case-study-block .intro{
    padding-bottom:50px;
}

.case-study-block .intro h3,
.case-study-block .intro h4{
    color:#fff;
    font-weight:bold;
    font-size:24px;
    line-height:32px;
    margin-top:0;
}

.case-study-block .intro h4{
    margin-bottom:20px;
}

.case-study-block .intro .logo{
    margin-top:40px;
}

.case-study-block .details{
    background:#fff;
    position:relative;
    z-index:999 !important;
    top:70px;
    margin:0 5%;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.4);
}


.case-study-block .details .box{
    padding:50px;
}

@media screen and (max-width: 767px) {
    
    .case-study-block,
    .case-study-block .details .box{
        padding:15px !important;
    }
	

} /* End @media */

.case-study .supporting li{
    margin-bottom:10px !important;  
}
.case-study .supporting li strong{
    color:#FCB900;
    font-size:18px !important;
}

.case-study .call-out{
    color:#FCB900;
    font-size:26px !important;
    line-height:30px !important;
    margin-bottom:0px !important;
    font-weight:bold;
}

.how-reach h3{
    color:#FCB900;
}

.how-reach .card{
    background:#fff;
    margin-bottom:20px;
}

.how-reach .card h4{
    color:#180038;
    font-size:16px;
    line-height:20px;
    margin-bottom:0;
}

.email-services .card h4{
    color:#FCB900;
}

.how-reach .card p{
    color:#180038;
    font-size:14px;
    line-height:20px;
}

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

	
    .roadmap .stk-block-tab-labels__wrapper button {
        display: block !important;
        float: left !important;
        background: #150030 !important;
        text-align: center !important;
        padding: 25px 80px 25px 80px !important;
        position: relative !important;
        margin: 0 10px 0 0 !important;
        font-size: 20px !important;
        text-decoration: none !important;
        font-weight:bold !important;
    }
    
    .roadmap .stk-block-tab-labels__wrapper button:last-child{
        padding-right:80px !important;
    }
    
    .roadmap .stk-block-tab-labels__wrapper button:not(:last-child):after {
        content: "";
        border-top: 40px solid transparent;
        border-bottom: 40px solid transparent;
        border-left: 40px solid #150030;
        position: absolute;
        right: -40px;
        top: 0;
        z-index: 1
    }
    
    .roadmap .stk-block-tab-labels__wrapper button:not(:first-child):before {
        content: "";
        border-top: 40px solid transparent;
        border-bottom: 40px solid transparent;
        border-left: 40px solid #fff;
        position: absolute;
        left: 0;
        top: 0
    }
    
    .page-id-1866 .roadmap .stk-block-tab-labels__wrapper button:not(:first-child):before {
        border-left: 40px solid #e7e9f0;
    }

} /* End @media */

@media screen and (max-width: 768px) {
    
    .page-id-1286 .mt-4{
        margin-top:0 !important;
    }
    .page-id-1286 .purple-underline{
        display:none;
    }
    
    .standard-heading-block h4.mb-3 {
        font-size: 1.5em !important;
    }

	.roadmap .stk-block-tab-labels__wrapper button {
        background: #150030 !important;
        text-align: center !important;
        text-decoration: none !important;
        font-weight:bold !important;
        margin:0 1px;
        font-size:12px;
    }
    
    .stk-block-tab-labels__wrapper {
    column-gap: 1px !important;
}

} /* End @media */

.just-center{
	margin-left: auto;
	margin-right: auto;
}


/* Blog  */



.ct-title-label{
    color:#fcb900;
}

.ct-title-label::after{
    content:":";
}


.entry-meta{
    padding-left:0;
}

.blog .entry-card .entry-meta{
    margin-bottom:5px !important;
}

.blog .entry-card .entry-meta[data-id="meta_2"]{
    display:none !important;
}

.meta-author img{
    display:none !important;
}

.meta-author a{
    text-decoration:none;
    color:#e31b23;
}

.meta-author a{
    color:#000;
}

.meta-categories a{
    white-space: nowrap;
    background: #e31b23;
    font-size: .875em;
    padding: 0.25em 0.5em;
    width: fit-content;
    border-radius: 0.5em;
    color: #ffffff;
    font-weight: 700;
    text-decoration:none;
}

.meta-categories a:hover{
    color: #000000;
}

[data-cards=boxed] .entry-card, [data-cards=cover] .entry-card{
    padding:15px !important;
}

.entry-card .boundless-image{
    max-width: 100%;
    margin: 0 0 10px 0 !important;
}

.post-template-default .hero-section,
.blog .hero-section,
.archive .hero-section{
    padding-top:100px;
}

.post-template-default #main .entry-content,
.blog #main .entry-content,
.archive #main .entry-content{
    color: #180038;
    font-size:16px;
    line-height:1.5em;
}
.post-template-default #main .entry-content a,
.blog #main .entry-content,
.archive #main .entry-content{
    color: #e31b23;
    text-decoration:none;
}
.post-template-default #main .entry-content a:hover,
.blog #main .entry-content,
.archive #main .entry-content{
    color: #180038;
}
.post-template-default #main .entry-content h1,
.archive #main .entry-content h1{
    color: #180038;
    font-size:34px;
}
.post-template-default #main .entry-content h2,
.blog #main .entry-content h2,
.archive #main .entry-content h2{
    color: #180038;
    font-size:26px;
}

.blog h2.entry-title,
.archive h2.entry-title{
    font-size:21px;
}

.blog h2.entry-title a,
.archive h2.entry-title a{
    color: #180038;
    text-decoration:none;
}
.blog h2.entry-title a:hover,
.archive h2.entry-title a:hover{
    color: #fcb900;
}

.post-template-default #main .entry-content h3,
.blog #main .entry-content h3,
.archive #main .entry-content h3{
    color: #180038;
    font-size:24px;
}
.post-template-default #main .entry-content h4,
.blog #main .entry-content h4,
.archive #main .entry-content h4{
    color: #180038;
    font-size:21px;
}

.ct-sidebar{
    margin-top:77px;
}

.ct-sidebar h3{
    padding-bottom:10px;
}

[data-prefix="single_blog_post"] .ct-related-posts-container{
    background-color:#fff;
}

h4.related-entry-title{
    font-size:16px;
    line-height:1.5em;
}

h4.related-entry-title a{
    color: #180038;
    text-decoration:none;
}

h4.related-entry-title a:hover{
    color: #fcb900;
}


.post-template-default #main .entry-content h5,
.blog #main .entry-content h5,
.archive #main .entry-content h5{
    color: #180038;
    font-size:18px;
}

.ct-pagination{
    margin-bottom:40px;
}

.page-numbers{
    color:#e31b23;
    text-decoration:none;
}

.cn-set-cookie{
    color:#000 !important;
}

#footer [data-row*="top"] .ct-container {
    padding-top: 0 !important;
}

[data-footer*="type-1"] .ct-footer [data-row*="top"] .ct-container{
    
    border:none !important;
}


[data-footer*="type-1"] .ct-footer [data-row*="top"],
.martech-footer{
position: fixed;
left: 0;
bottom: 0;
z-index:1000;
width: 100%;
background-color:#0E0C1B !important;
padding:15px 0 5px 0;
}

.page-id-1345 #footer [data-row*="top"],
.parent-pageid-1345 #footer [data-row*="top"],
.top-level-parent-pageid-1345 #footer [data-row*="top"],
.home #footer [data-row*="top"]{
    display:none !important;
}

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

    [data-footer*="type-1"] .ct-footer [data-row*="top"],
.martech-footer,
	#footer [data-row*="top"]{
    display:none !important;
    }   

} /* End @media */



.ct-footer [data-row]>div {
    grid-column-gap: var(--columns-gap, 0px);
}


@media screen and (min-width: 767px) {

	[data-footer*="type-1"] .ct-footer [data-row*="middle"] > div {
        --grid-template-columns: 2fr .9fr .9fr 1.2fr;
    }

} /* End @media */

@media screen and (max-width: 767px) {
    .ct-footer [data-row="middle"]>div {
        display: flex !important;
        flex-direction: column !important;
        margin-bottom:150px;
    }
}

footer ul{
    padding-left: 0;
}

[data-footer*="type-1"] .ct-footer [data-row*="bottom"]{
   background-color:#fbfcfe;
}


/*for home page below*/

.home .card.why {
    transition: all .4s;
}

.home .card.why:hover {
    box-shadow: 0 4px 8px rgba(0, 0, 0, .3);
    transform: translateY(-10px);
}


.home .hero-button-holder div{
width:45%;
}

.home .b2b-button,
.home .mar-tech-button{
background-color:#180038;
border:3px solid #180038;
color:#fff;
display:inline-block;
}
.home .b2b-button:hover{
color:#e31b23;
border:3px solid #180038;
}

.home .mar-tech-button{
background-color:#fcb900;
border:3px solid #fcb900;
}
.home .mar-tech-button:hover{
color:#fcb900;
border:3px solid #fcb900;
}

.home h4.martech.b2b {
    color: #fff;
background:#180038;
font-size:14px !important;
display:inline-block;
}
.home h4.martech.alt {
    color: #fff;
background:#fcb900;
font-size:14px !important;
display:inline-block;
}

.home .hero-button-holder h3{
font-size:21px;
margin-top:5px;
margin-bottom:20px;
}

.home .wp-block-latest-posts__featured-image img{
width:50px;
height:50px;
}


/*additional styles to be tested and integrated once final*/

a.standard-link, .standard-link a{
	background:transparent;
	padding:0;
	border-radius:0;
	color:#FCB900;
	text-decoration:underline;
}
a.standard-link:hover, .standard-link a:hover{
	background:transparent;
	padding:0;
	border-radius:0;
}

.tab-cta-wrapper{
	background: url(https://reachmarketing.com/wp-content/uploads/2025/01/blue-pattern-bg.png);
	/*background: url(https://reachmarketing.com/wp-content/uploads/2025/01/sq-pattern.png);*/
    background-size: cover;
    background-repeat: no-repeat;
    padding: 2rem 2rem;
    border-radius: 18px;
	margin-top:2rem;
}

.tab-cta-button a{
	background: red;
    color: #ffffff;
    text-decoration: none;
    padding: .5rem 1.75rem;
    border-radius: 100px;
    font-weight: 700;
    font-size: 1.075rem;
}

.tab-cta-button a:hover{
	color:#ffffff;
}

.tab-cta-heading {
    font-weight: 800;
    font-size: 2.25rem;
    color: #ffffff;
    text-shadow: 2px 4px 3px rgba(0, 0, 0, 0.5);
}

.tab-cta-heading-wrapper{
	margin-bottom:2.5rem;
}

button.tab-cta-button{
	background:transparent;
}

h4.solution-tab-title {
    font-size: 2rem;
    font-weight: 800;
}

h4.funnel-spot-heading {
    margin-bottom: .5rem;
    font-weight: 600;
    font-size: 20px;
	color:#fcb900!important;
}

p.episode-excerpt {
    margin-top: 1.5rem;
}

h2.in-content-h2{
	font-size: 2.25rem;
    font-weight: 700;
    line-height: 1.2em;
}

/*end additional css to add*/

@media screen and (max-width: 767px) {
	.medium-heading{
		font-size:2rem;
		line-height:1.2em;
		font-weight:700;
		
	}
	
	
	
	.home .white-card.mobile-no-card{
    padding: 1rem !important;
    border-radius: 0; 
  box-shadow:none !important;
}

.home .hero-button-holder div{
    width:100%;
    margin-top:30px !important;
    }
    .home .hero-button-holder h3{
    margin-bottom:10px !important;
    }
	
	
	h2.in-content-h2, h4.in-content-h4{
	font-size: 1.75rem;
    font-weight: 700;
    line-height: 1.2em;
}

	

}