/*

Theme Name: Pro – MCC
Theme URI: https://theme.co/pro/
Author: Foundation Software
Author URI: https://foundationsoft.com/
Description: Cornerstone Child Theme for McCormick.
Version: 2025.0.1
Template: pro

*/
body {
  font-family: "proxima-nova", sans-serif;
}

.x-text.x-content a {
  text-decoration: underline;
}

.lime-blue-gradient {
  background: linear-gradient(90deg, #8BC53F 0%, #00AEEF 100%);
}

.multi-gradient {
  background: linear-gradient(282deg, #009345 0%, #B9DC8C 50%, #00AEEF 100%);
}

.hp-gradient {
  background: linear-gradient(282deg, #009345 0%, #B9DC8C 19.98%, #ffffff 40.43%, #ffffff 86.55%, #B9DC8C 100%);
}

.interior-gradient {
  background: linear-gradient(282deg, #8BC53F 0%, #E8F3D9 19.98%, #ffffff 40.43%, #ffffff 86.55%, #B9DC8C 100%);
}

.gradient-border {
  border-image-slice: 1;
  border-image-source: linear-gradient(90deg, #8BC53F 0%, #00AEEF 100%);
}

.x-section.interior-gradient {
  border-image-slice: 1;
  border-image-source: linear-gradient(90deg, #8BC53F 0%, #00AEEF 100%);
}

/* green checkmark ul list */
.checked ul {
  list-style-type: none;
  margin-left: 17px;
}
.checked ul li {
  margin-bottom: 16px;
  position: relative;
  padding-left: 16px;
}
.checked ul li:before {
  content: "\f058";
  font-family: "FontAwesome";
  color: #009345;
  position: absolute;
  left: -16px;
  top: 1px;
}

/* custom link with arrow */
.link-arrow,
.link-arrow .x-text,
.link-arrow .x-icon {
  color: #074625 !important;
}

.link-arrow:hover,
.link-arrow:hover .x-text,
.link-arrow:hover .x-icon {
  color: #58585A !important;
} 

/* for text sizes other than the default */
.x-text.large-text {
  font-size: 22px !important;
  line-height: 30px !important;
}

.x-text.small-text {
  font-size: 16px !important;
  line-height: 24px !important;
}

.x-text.xs-text {
  font-size: 14px !important;
  line-height: 22px !important;
}

/* for full width component buttons, resources buttons on hp for example */
.full-width {
  width: 100%;
  height: 100%;
}

/* styling faq h3 */
.custom-faq-header h3 {
  font-size: 18px;
  line-height: 1.2;
  font-family: proxima-nova;
  margin: 0;
}

@media (min-width: 979px) {
  /* for extra margin top to offset absolute positioned header */
  #cs-content, main.x-layout {
    margin-top: -134px;
  }
  .custom-faq-header h3 {
    font-size: 22px;
    line-height: 1.1;
    font-family: proxima-nova;
  }
}

@media (min-width: 1092px) {
  /* for extra margin top to offset absolute positioned header */
  #cs-content, main.x-layout {
    margin-top: -120px;
  }
}