@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Playfair+Display:ital,wght@0,400..900;1,400..900');

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* CSS Variables                         */
/*****************************************/
:root {
  --white:#ffffff;
  --black:#000000;
  --navy:#1A2854;
  --green:#0CA94B;
  --grey:#444444;
  --blue:#1694d2;
  --watermelon:#F4364C;
  --lightgreen:#BCE194;
  --lightgray:#F0F3F7;
  --tan:#DFD1A7;
  --lighttan:#f3f0df;
  --lightertan:#F8F6EB;
  --font-body:Open Sans;
  --font-heading:Playfair Display;
  --font-alt:;
}

/*****************************************/
/* Start your style declarations here    */
/*****************************************/
body {font-family:var(--font-body);}

/*typography*/
h1, h2 {font-family:var(--font-heading);}
h3 {font-family:var(--font-body);color:var(--blue);}
.list-heading {color:var(--green);}
.lead {font-family:var(--font-body);font-size:130%;line-height:1.4;}
ul li {padding-top:.5em;padding-bottom:.4em;}
blockquote {font-family:var(--font-heading);color:var(--navy);font-size:130%;}

/*buttons*/

.cta_button {background:var(--watermelon);color:var(--white);border:2px solid var(--white);border-radius:6px;padding:.75em 1.75em;font-weight:bold;text-transform:uppercase;overflow: hidden}
.cta_button:hover {background:var(--lightgreen);color:var(--black);}

/*header*/
.hs_cos_wrapper .apollo-header .hhs-rich-text h1 {color:var(--lightgreen)!important;}
.hs_cos_wrapper .apollo-header .lead {margin-top:0;font-size:150%;}

/*block: apollo-opportunity*/
.apollo-opportunity .hhs-rich-text {color:inherit!important;}
.hs_cos_wrapper .apollo-opportunity h2 {color:var(--watermelon);font-size:250%;font-style:italic;}
.apollo-quote {padding:0em 3em;position:relative;}
.apollo-opportunity-padding::before {width:30px;height:60px;left:-20px;top:0;content:"";background-image:url(//4211869.fs1.hubspotusercontent-na1.net/hubfs/4211869/raw_assets/public/tpmr/img/tan-arrow-2x.png);background-repeat:no-repeat;background-size:contain;position:absolute;}
.apollo-opportunity-padding {padding:0em 3em;position:relative;}

/*element: appollo-card*/
.apollo-card {background:var(--white);padding:2.5em;border-radius:6px;box-shadow:0px 0px 6px 3px rgba(0, 0, 0, 0.1);}
.hs_cos_wrapper .apollo-card h2 {font-family:var(--font-body);color:var(--watermelon);text-transform:uppercase;font-size:100%;}
.apollo-card .cta_button {border:0;}
.apollo-card .hs-video-widget {margin:2em 0 .2em;}

/*footer -- included in the global AES footer module in base footer copyright field 
.row.hhs-foot-nav-cols {display:none;}
.hhs-footer-mod {font-size:16px;}
.hhs-footer-mod a {color:var(--lightgreen);text-decoration:underline;}
.hhs-footer-mod a:hover {color:var(--blue);}*/

/* Responsive *//

/* Large desktop */
@media (min-width: 1200px) { 
}
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
  .hhs-hero-mod.apollo-bar .col-md-8, .hhs-hero-mod.apollo-bar .col-md-4, .hhs-text-mod.apollo-bar .col-md-8, .hhs-text-mod.apollo-bar .col-md-4 {width:50%;}
}

/* Tablet and down */
@media (max-width:900px) {
  #hs_cos_wrapper_widget_1715968616029 .hhs-hero-mod .second-col .hhs-col-inner {text-align:center;}
  #hs_cos_wrapper_widget_1716218800420 .hhs-hero-mod .first-col .hhs-col-inner {text-align:center;}
  .container {max-width: 95%;}
  
  .apollo-synergize .col-sm-5, .apollo-synergize .col-sm-7 {flex: 0 0 100%;max-width: 100%;}
}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
  .apollo-infotiles .col-md-4 {width:50%;}
  .apollo-infotiles .c1 {margin-bottom:15px;}
  
  
  #hs_cos_wrapper_module_14327637907352392 .hhs-text-mod.apollo-opportunity, .hhs-text-mod.apollo-opportunity {background-image:none!important;padding:0;}
  .apollo-opportunity .container {padding:0;max-width:100%;}
  .apollo-opportunity-padding::before {width:100%;height:30px;top:0;left:0;right:0;content:"";background-image:url(//4211869.fs1.hubspotusercontent-na1.net/hubfs/4211869/raw_assets/public/tpmr/img/tan-arrow-mobile-2x.png);background-repeat:no-repeat;background-size:contain;background-position:center top;position:absolute;}
  .apollo-opportunity .col-sm-6 {/*width:100%!important;*/flex: 0 0 100%;max-width: 100%;}
  .apollo-opportunity .col-sm-6.c1 {background-color:var(--lighttan);padding-top:2rem;padding-bottom:1.5rem;}
  .apollo-opportunity .col-sm-6.c2 {background-color:var(--lightertan);}
  .apollo-opportunity-padding {padding-top:3rem;padding-bottom:1.5rem;}
  .apollo-opportunity .hhs-divider {display:none;}
}
 
/* Landscape phones and down */
@media (max-width: 480px) { 
  /*.apollo-infotiles .col-md-4 {width:100%;}*/
  
  
}