/* @import url('http://example.com/example_style.css'); */

@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

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

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

/**** FONT ****/
/**h1 {
  font-size: 8vw;
}

h2 {
  font-size: 6vw;
}

h5 {
  text-transform: none;
}
**/

.footer-label {
  font-weight: 800;
}

/* paragraph type */

/* Fluid value from 568px to 768px viewport width */
@media screen and (min-width: 568px) {
  p {
    font-size: calc(18px + 16 * ((100vw - 568px) / (768 - 568));
  }
}

/* Fixed maximum value above the maximum breakpoint */
@media screen and (min-width: 768px) {
  p {
    font-size: 2vw;
  }
}

/**** HORIZONTAL LINE ****/



/**** IMAGES ****/
.services-home-img {
  margin-bottom: -100px;
}


/**** BUTTONS ****/

.btnPrimary {
  background-color: #3574E3!important;
  color: white!important;
}

.btnPrimary:hover {
  background-color: transparent!important;
  color: #3574E3!important;
  border: 2px solid #3574E3!important;
}

.btn-tertiary:hover {
  color: white!important;
}

.tab-button {
  background-color: orange;
  border-radius:25px 0 0 0;
}

.tab-button:hover {
  background-color: red;
}

.cta-primary_upperText {
  color: white;
  font-weight: 700;
  font-size: 8pt;
}

.cta-primary_arrow {
  text-align: right;
  align-items: right;
  align-self: right;
  padding-left: 5em;
}

/**** TRANSFORMS ****/
.rotate90 {
  position: absolute;
   transform: rotate(-90deg);
  /* Legacy vendor prefixes that you probably don't need... */
  /* Safari */
  -webkit-transform: rotate(-90deg);
  /* Firefox */
  -moz-transform: rotate(-90deg);
  /* IE */
  -ms-transform: rotate(-90deg);
  /* Opera */
  -o-transform: rotate(-90deg);
  /* Internet Explorer */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.topLeft {
  transform: scale(0.5) translate(-100%, -100%);
  position: absolute;
  z-index: -1;
}

/* Card display text */
.card-link {
  	box-shadow: inset 0em -.4em #84BD00;
}
  
.card-link:hover {
  	color:  #ff4500;
}

@media(max-width: 991px){
  
  .hideonmobile { display:none; }
  
}

@media(max-width: 767px){
  .contentlargeheader .hhs-rich-text h2{ font-size: 30.72px; }
}