/*
Theme Name: Convert - Ignition Child
Theme URI: https://www.cssigniter.com/themes/convert/
Author: CSSIgniter
Author URI: https://www.cssigniter.com/
Description: Child theme for Convert - Ignition
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: ignition-convert
Text Domain: ignition-convert-child
*/

/*
 * Add your custom styles below. The parent theme's styles are loaded automatically by default.
 * If you need to change this, see functions.php
 */

body {
   font-family: proxima-nova, sans-serif !important;
   font-weight: 400;
   font-style: normal;
   font-size: 17px;
   color: #212121;
}
h2,
h3,
h4,
h5 {
   font-weight: 700;
   margin-bottom: 15px;
   letter-spacing: 0.001em;
}
h2 {
   font-size: 23px;
   clear: both;
}
.sticky-wrapper:after {
   content: '';
   clear: both;
   display: block;
}
.question-icon-img:before,
.info-icon-img:before {
   content: '';
   width: 25px;
   height: 25px;
   display: inline-block;
   margin-right: 10px;
   background: url('question-mark.png');
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   vertical-align: middle;
   margin-top: -5px;
}
.info-icon-img:before {
   content: '';
   width: 50px;
   background: url('help.png');
}
.question-icon:before,
.info-icon:before {
   content: '\f059';
   display: inline-block;
   font-family: 'Font Awesome 5 Pro';
   margin-right: 10px;
   font-size: 25px;
   color: #b3282d;
   vertical-align: middle;
   margin-top: -5px;
}
.info-icon:before {
   content: '\f05a';
}
p {
   margin-bottom: 15px;
}
.excerpt {
   margin-bottom: 25px;
}
.site-content-wrap ul ul li {
   list-style-type: circle;
}
.wp-block-image .aligncenter {
   text-align: center;
}
.wp-block-image figcaption {
   text-align: left !important;
}
.wp-block-image .aligncenter figcaption {
   text-align: center !important;
}
h1, .page-hero-title, .page-title {
   font-size: 42px;
   font-weight: 600;
}
.page-title {
   font-weight: 700;
   margin-bottom: 20px;
}
.page-title-wrap .page-subtitle {
   font-weight: 600;
   font-size: 22px;
}
.page-hero-content, .page-title-content{
   width: 100%;
}
.page-hero::before {
   display: none;
}
h2 a,
h3 a,
h4 a,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h2 a:active,
h3 a:active,
h4 a:active {
   color: #212121 !important;
}
.page-hero-subtitle {
   font-size: 19px;
   margin-top: 20px;
}
.ignition-breadcrumbs {
   font-size: 18px;
}
.ignition-breadcrumbs a,
.ignition-breadcrumbs span > span > span {
   margin: 0 5px;
}
.ignition-breadcrumbs a:first-of-type {
   margin-left: 0;
}
.btn.btn-primary,
.btn.btn-primary:active,
.btn.btn-primary:hover,
input[type="submit"].wpcf7-submit,
input[type="submit"].wpcf7-submit:active,
input[type="submit"].wpcf7-submit:hover {
   background: #b3282d;
   border-color: #b3282d;
   color: white !important;
   font-weight: 600;
   font-size: 18px;
   padding: 5px 40px;
   border-radius: 5px;
}
body:not(.home) .main {
   padding: 0;
   margin: 60px 0;
}

.site-branding {
   max-width: 235px;
}
.header-normal .head-mast {
   box-shadow: none;
}


.search-links {
   position: absolute;
   top: 25px;
   right: 10px;
}
.search-links .links,
.switcher,
.search-links .searchform {
   display: inline-block;
   margin-left: 10px;
   vertical-align: top;
}
.switcher .selected {
   background: #ddd !important;
   border-color: #ddd !important;
   border-radius: 30px;
   padding: 6px 10px !important;
   height: auto !important;
}
.switcher .selected a {
   border: none !important;
   padding: 0 !important;
}
.switcher .selected a:hover,
.switcher .selected a:active {
   background: transparent !important;
}
.search-links .links a {
   color: #b3282d;
   position: relative;
   top: 5px;
}
.searchform input {
   background: #ddd;
   border-color: #ddd !important;
   border-radius: 30px;
   padding: 7px 10px;
   height: auto !important;
}
.ignition-icons-search::before {
   color: #b3282d;
   font-size: 18px;
}

.head-menu-slot {
   margin-top: 45px;
}
.sticky-fixed .head-menu-slot {
   margin-top: 60px;
}
#header-menu-1 > li {
   margin-left: 25px;
}
#header-menu-1 > li > a {
   font-size: 19px;
   padding: 28px 0 0 0;
   color: #b3282d;
   margin: 0;
}
#header-menu-1 a:hover,
#header-menu-1 .current_page_item > a,
#header-menu-1 .current-page-ancestor > a {
   color: #a5acad;
}
#header-menu-1 > li > a:before {
   font-family: 'Font Awesome 6 Pro';
   position: absolute;
   top: 0;
   left: 50%;
   margin-left: -10px;
   font-weight: 300;
}
#header-menu-1 .menu-item-189 > a:before {
   content: '\f015';
}
#header-menu-1 .menu-item-190 > a:before {
   content: '\e489';
}
#header-menu-1 .menu-item-2501 > a:before,
#header-menu-1 .menu-item-191 > a:before {
   content: '\f5a0';
}
#header-menu-1 .menu-item-2502 > a:before{
	content: '\f0f0';
}
#header-menu-1 .menu-item-192 > a:before {
   content: '\e443';
}
#header-menu-1 .menu-item-193 > a:before {
   content: '\f0e0';
}
#header-menu-1 .menu-item-193 {
   border-left: 1px solid #ccc;
   padding-left: 25px;
}
#header-menu-1 .menu-item-193 > a {
   font-weight: 600;
}
#header-menu-1 li li a {
   font-size: 18px;
}
#header-menu-1 li li a:hover,
#header-menu-1 .sub-menu .current_page_item > a {
   color: white !important;
}
#header-menu-1 ul {
   margin: 0 !important;
}

.hero,
.page-title-wrap {
   margin-bottom: 30px;
}

.mobile-nav-open .hkoA11YEnablerLoaderAssets {
   display: none !important;
}

.content-wrapper {
   margin-bottom: 60px;
}
.content-wrapper.empty {
   margin-bottom: 0;
}
.page-teasers:after,
.page-teaser-row:after {
   content: '.';
   clear: both;
   display: block;
   visibility: hidden;
   font-size: 0px;
}
.page-teaser-row {
   display: flex;
   margin-bottom: 70px;
}
.page-teaser {
   /* float: left;
   width: calc((100% - 60px) / 3);
   margin-right: 30px;
   margin-bottom: 70px; */
   flex: 1;
   max-width: calc((100% - 60px) / 3);
   margin-right: 30px;
   padding: 15px;
   box-sizing: border-box;
   border: 1px solid #002f87;
   border-radius: 5px;
   display: flex;
   flex-direction: column;
}
.page-teaser:nth-of-type(3n) {
   margin-right: 0;
}
.page-teaser .teaser-image img {
  height: 240px;
object-fit: cover;
}
.page-teaser .link {
   margin-top: auto;
}
/* .page-teaser:nth-of-type(3n+1) {
   clear: left;
} */
.page-teaser .teaser-image {
   margin-bottom: 30px;
   border-radius: 5px;
}

.wpcf7-form {
   padding: 20px 30px;
   border: 1px solid #ddd;
   border-radius: 3px;
}

h2.homepage-callout {
   background: #a7c5ee;
   font-weight: 600;
   padding: 45px 0;
   max-width: 1170px;
   margin: -60px auto 60px auto;
   border-radius: 3px;
   position: relative;
   z-index: 20;
}
h2.homepage-callout:after {
   content: '\f322';
   font-family: 'Font Awesome 6 Pro';
   margin-left: 50px;
}
h2.underline {
   position: relative;
   padding-bottom: 20px;
}
h2.underline:after {
   content: '';
   position: absolute;
   width: 40px;
   height: 2px;
   background: #a7c5ee;
   left: 50%;
   bottom: 0;
   margin-left: -20px;
}
.site-uses p {
   max-width: 800px;
   margin: 0 auto 15px auto;
}
.site-uses i {
   text-align: center;
   width: 100%;
   font-size: 50px;
   margin-bottom: 10px;
   color: #002f87;
}
.site-users-row-4 {
   margin-top: 30px !important;
   margin-bottom: 15px !important;
}
.site-users-row-4 p {
   padding-left: 35px;
   padding-right: 35px;
}
.site-users-row-3 {
   max-width: 850px;
   margin: 0 auto;
}
.uses-list {
   margin-top: 30px;
}
.uses-list .wp-block-column {
   text-align: center;
   padding-left: 10px !important;
   padding-right: 10px !important;
}
.uses-list h3 {
   color: white !important;
   background: #002f87;
   padding: 20px;
   border-radius: 50%;
   display: inline-block;
   width: 76px;
   font-size: 30px;
}

.col-padding-right {
   padding-right: 30px;
}

h1.subtitle {
   margin-top: -50px;
   margin-bottom: 50px;
}


.footer-info .col-md-6 {
   max-width: 100%;
   width: 100%;
   flex: 0 0 100%;
}
.footer-content-slot {
   border-color: #ccc;
}
.footer-content-slot-item {
   margin: 0 2px;
   display: inline;
}
.footer-content-slot a {
   margin-left: 15px;
}
.footer-content-slot {
   display: block;
}
#media_image-3 img {
   width: 170px;
   height: auto;
}
/* .footer-widgets .col-lg-4:first-of-type {
   max-width: 300px;
}
.footer-widgets .col-lg-4:last-of-type {
   max-width: 300px;
   margin-left: auto;
} */

.entry-content a {
   font-weight: 600;
   color: #b3282d;
}
.entry-content a:hover {
   text-decoration: underline;
}
.entry-content h2 a,
.entry-content h3 a,
.entry-content h4 a {
   font-weight: bold;
}
.entry-content h2:not(.teaser-title) a,
.entry-content h3 a,
.entry-content h4 a,
.entry-content h2:not(.teaser-title) a:hover,
.entry-content h3 a:hover,
.entry-content h4 a:hover,
.entry-content h2:not(.teaser-title) a:active,
.entry-content h3 a:active,
.entry-content h4 a:active {
   color: #b3282d !important;
}

.page-title-content .page-subtitle {
   display: none;
}

label {
   font-size: 18px;
   margin-bottom: 0px;
}
.wpcf7-list-item {
   margin-right: 20px;
}

.wp-block-quote {
   padding: 30px;
   font-size: 20px;
}
.wp-block-quote p {
   font-size: 20px;
}
.wp-block-quote::before {
   display: none !important;
}

.wp-block-pb-accordion-item {
   box-sizing: border-box;
   border: 1px solid #ccc;
   border-radius: 5px;
   margin-bottom: 15px;
}
.wp-block-pb-accordion-item > h2,
.wp-block-pb-accordion-item > h3 {
   background: #ededed;
   padding: 5px 15px 8px 15px;
   margin: 0;
   border-radius: 5px;
   font-size: 20px;
}
h2.h2-bg {
  background: #333;
  color: white;
  padding: 10px 15px;
  margin-top: 32px;
}
.wp-block-pb-accordion-item {
   border-color: rgb(23, 48, 82);
}
.c-accordion__content {
   padding: 20px 15px;
   box-sizing: border-box;
}
.c-accordion__title::after {
   top: 50%;
   font-size: 28px;
   font-weight: bold;
   right: 5px;
   margin-top: -4px;
}

.trigger-wrapper {
   top: 60% !important;
}

.print-btn {
   position: fixed;
   top: 25%;
   right: 0;
   z-index: 1000;
   background: black;
   color: white;
   padding: 6px 8px 6px 6px;
   border: none;
   border-top-left-radius: 10px;
   border-bottom-left-radius: 10px;
   font-size: 21px;
   cursor: pointer;
}
.mobile-nav-open .navigation-mobile-wrap {
   z-index: 9999999999999999 !important;
}
#mobile-only-image {
   display: none;
}

@media only screen and (max-width: 1229px) {
   #header-menu-1 li {
      margin-left: 20px;
   }
   #header-menu-1 .menu-item-193 {
      padding-left: 20px;
   }
   #header-menu-1 li a {
      font-size: 20px;
   }
}
@media only screen and (max-width: 991px) {
   .head-content-slot-mobile-nav {
      margin-top: 65px;
   }
   .menu-item-sub-menu-toggle {
      right: 20px;
   }
   .head-mast > .container {
      width: 100% !important;
   }
   #block-7f2a66-9e15-4c .wp-block-gutenbee-container-background {
      background: rgb(248, 248, 248) !important;
   }
   #mobile-only-image {
      display: block !important;
      margin-bottom: 0 !important;
   }
   .site-users-row-4,
   .site-users-row-3,
   .uses-list {
      display: block !important;
   }
   h1, .page-hero-title, .page-title {
      font-size: 44px;
   }
   h2 {
      font-size: 24px;
   }
   h3 {
      font-size: 20px;
   }
   h4 {
      font-size: 16px;
   }
}
@media only screen and (max-width: 767px) {
   .custom-logo-link img {
      max-width: 170px;
   }
   .page-teaser-row {
      display: block;
   }
   .page-teaser {
      width: 100%;
      max-width: 100%;
      margin: 0 0 30px 0;
   }
   .page-teaser-row {
      margin-bottom: 0;
   }
   .col-padding-right {
      padding-right: 0;
   }
   .head-content-slot-mobile-nav {
      margin-top: 0;
   }
   /* .trigger-wrapper {
      top: (25% - 17px) !important;
   }
   .print-btn {
      top: 28%;
   } */
   .head-mast.sticky-fixed .custom-logo-link img {
      max-height: 50px;
      width: auto;
   }
   .search-links {
      position: relative;
      top: unset;
      right: unset;
   }
   .search-links .links, 
   .switcher,
   .search-links .searchform {
      display: block;
      margin-left: 0;
      margin-bottom: 25px;
   }
   .search-links .links a {
      color: white;
      top: unset;
      margin-top: 15px;
      display: block;
   }
   body:not(.home) .main {
      margin: 30px 0;
   }
   .content-wrapper {
      margin-bottom: 30px;
   }
   .long-answer {
      width: 100% !important;
      display: block !important;
    }
}

#entry-2311 .page-teasers {
	display: none;
}
#custom_html-2 h3.widget-title {
	border-top: none;
    font-size: 24px;
    line-height: 1.2;
    padding-top: 0;
    letter-spacing: unset;
    text-transform: unset;
}
#custom_html-2 ul {
	margin: 0 0 16px 0;
	padding: 0;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}
#custom_html-2 ul:after {
	content: '';
	display: block;
    clear: both;
}
#custom_html-2 ul li {
	display: block;
    flex: 1 0 15%;
    list-style-type: none;
    border: 2px solid #2F5496;
    border-radius: 5px;
    box-sizing: border-box;
}
#custom_html-2 ul li:hover {
	background: #EDEDED;
}
#custom_html-2 ul li:nth-of-type(2) {
	border-color: #C00000;
}
#custom_html-2 ul li:nth-of-type(3) {
	border-color: #808080;
}
#custom_html-2 ul li:nth-of-type(4) {
	border-color: #BF8F00;
}
#custom_html-2 ul li:nth-of-type(5) {
	border-color: #9D20A0;
}
#custom_html-2 ul li:nth-of-type(6) {
	border-color: #538135;
}
#custom_html-2 ul li a:hover {
	text-decoration: none !important;
}
#custom_html-2 ul li img {
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}
#custom_html-2 ul li h3 {
	margin: 0;
	padding: 5px 10px;
    font-size: 14px;
    text-align: center;
}

#stroke-journey-image-map {
	max-width: 860px;
    margin: 0 auto;
}

.post-2328 h2.h2-bg {
	background: #2F5496 !important;
}
.post-2328 .wp-block-pb-accordion-item h3 {
	background: #2F549655 !important;
}
.post-2329 h2.h2-bg {
	background: #C00000 !important;
}
.post-2329 .wp-block-pb-accordion-item h3 {
	background: #C0000055 !important;
}
.post-2330 h2.h2-bg {
	background: #808080 !important;
}
.post-2330 .wp-block-pb-accordion-item h3 {
	background: #80808055 !important;
}
.post-2331 h2.h2-bg {
	background: #BF8F00 !important;
}
.post-2331 .wp-block-pb-accordion-item h3 {
	background: #BF8F0055 !important;
}
.post-2332 h2.h2-bg {
	background: #9D20A0 !important;
}
.post-2332 .wp-block-pb-accordion-item h3 {
	background: #9D20A055 !important;
}
.post-2333 h2.h2-bg {
	background: #538135 !important;
}
.post-2333 .wp-block-pb-accordion-item h3 {
	background: #53813555 !important;
}

#entry-2311 .back-to-sj {
	display: none;
}
.download {
	background: #002f87;
    color: white;
    padding: 8px 16px;
    border-radius: 5px;
    cursor: pointer;
    margin: 16px 0;
    font-weight: bold;
    text-align: center;
}
.question {
	margin-bottom: 16px;
}
.question h4 {
	margin-bottom: 8px;
    font-size: 16px;
}
.field-group > * {
  display: inline-block;
}
.yes-no-group {
	margin-bottom: 4px;
    width: 110px;
    vertical-align: middle;
}
.yes-no-group > *,
.yes-no > * {
	display: inline-block;
    vertical-align: middle;
}
.yes-no-group > * {
	margin-right: 16px;
}
.long-answer {
	width: calc(100% - 110px);
}
.long-answer input {
	width: 100%;
    padding: 8px;
    height: auto;
}


@media only screen and (max-width: 992px) {
	#custom_html-2 ul li {
    	flex: 1 0 32%;
        margin-bottom: 20px;
    }
}
@media only screen and (max-width: 420px) {
	#custom_html-2 ul {
    	gap: 0px;
    }
    #custom_html-2 ul li {
    	flex: 1 0 100%;
    }
}

.widget {
	font-size: 17px;
}


/* Survey pop-up */
#custom_html-3 {
  position: fixed;
  left: 100%;
  top: 0;
  width: 100%;
  height: 100%;
  max-width: 300px;
  background: black;
  color: white;
  padding: 32px;
  box-sizing: border-box;
  z-index: 999999999999 !important;
}
#custom_html-3.open {
	left: unset;
    right: 0;
}
#custom_html-3 > * {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
#custom_html-3 h2 {
  color: white;
}
#custom_html-3 a {
  background: white;
  color: black;
  padding: 8px 16px;
  border-radius: 4px;
}
#custom_html-3 i.icon {
  position: absolute;
  right: 100%;
  top: 50%;
  background: black;
  padding: 8px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  cursor: pointer;
  font-size: 24px;
  margin-top: -20px;
}
#custom_html-3 i.close {
  position: absolute;
  top: 32px;
  right: 32px;
  color: white;
  cursor: pointer;
}