/* @import url('http://example.com/example_style.css'); */
@import url("https://use.typekit.net/qvy6ees.css");
@import url('https://hello.myfonts.net/count/49610a');

@font-face {
  font-family: 'MazzardSoftM-SemiBoldItalic';
  src: url('https://22393617.fs1.hubspotusercontent-na1.net/hubfs/22393617/Fonts/Pepper%20Type%20-%20MazzardSoftM-SemiBoldItalic.otf') format('woff2'),
    url('https://22393617.fs1.hubspotusercontent-na1.net/hubfs/22393617/Fonts/Pepper%20Type%20-%20MazzardSoftM-SemiBoldItalic.otf') format('woff');
}
@font-face {
  font-family: 'MazzardSoftM-SemiBold';
  src: url('https://22393617.fs1.hubspotusercontent-na1.net/hubfs/22393617/Fonts/Pepper%20Type%20-%20MazzardSoftM-SemiBold.otf') format('woff2'),
    url('https://22393617.fs1.hubspotusercontent-na1.net/hubfs/22393617/Fonts/Pepper%20Type%20-%20MazzardSoftM-SemiBold.otf') format('woff');
}
@font-face {
  font-family: 'MazzardSoftM-Regular';
  src: url('https://22393617.fs1.hubspotusercontent-na1.net/hubfs/22393617/Fonts/Pepper%20Type%20-%20MazzardSoftM-Regular.otf') format('woff2'),
    url('https://22393617.fs1.hubspotusercontent-na1.net/hubfs/22393617/Fonts/Pepper%20Type%20-%20MazzardSoftM-Regular.otf') format('woff');
}
@font-face {
  font-family: 'MazzardSoftM-Italic';
  src: url('https://22393617.fs1.hubspotusercontent-na1.net/hubfs/22393617/Fonts/Pepper%20Type%20-%20MazzardSoftM-Italic.otf') format('woff2'),
    url('https://22393617.fs1.hubspotusercontent-na1.net/hubfs/22393617/Fonts/Pepper%20Type%20-%20MazzardSoftM-Italic.otf') format('woff');
}
@font-face {
  font-family: 'MazzardSoftM-Light';
  src: url('https://22393617.fs1.hubspotusercontent-na1.net/hubfs/22393617/Fonts/Pepper%20Type%20-%20MazzardSoftM-Light.otf'),
    url('https://22393617.fs1.hubspotusercontent-na1.net/hubfs/22393617/Fonts/Pepper%20Type%20-%20MazzardSoftM-Light.otf');
}
@font-face {
  font-family: 'MazzardSoftM-LightItalic';
  src: url('https://22393617.fs1.hubspotusercontent-na1.net/hubfs/22393617/Fonts/Pepper%20Type%20-%20MazzardSoftM-LightItalic.otf'),
    url('https://22393617.fs1.hubspotusercontent-na1.net/hubfs/22393617/Fonts/Pepper%20Type%20-%20MazzardSoftM-LightItalic.otf');
}
@font-face {
  font-family: 'MazzardSoftM-Medium';
  src: url('https://22393617.fs1.hubspotusercontent-na1.net/hubfs/22393617/Fonts/Pepper%20Type%20-%20MazzardSoftM-Medium.otf'),
    url('https://22393617.fs1.hubspotusercontent-na1.net/hubfs/22393617/Fonts/Pepper%20Type%20-%20MazzardSoftM-Medium.otf');
}
@font-face {
  font-family: 'MazzardSoftM-MediumItalic';
  src: url('https://22393617.fs1.hubspotusercontent-na1.net/hubfs/22393617/Fonts/Pepper%20Type%20-%20MazzardSoftM-MediumItalic.otf'),
    url('https://22393617.fs1.hubspotusercontent-na1.net/hubfs/22393617/Fonts/Pepper%20Type%20-%20MazzardSoftM-MediumItalic.otf');
}
/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/* Typography   */
h1, h4 {
  font-family: "p22-mackinac-pro", 'Georgia', serif;
  font-weight: 700;
  font-style: normal;
}
h2, h3, h5 {
  font-family: "p22-mackinac-pro", 'Georgia', serif;
  font-weight: 400;
  font-style: normal;
}
p, h6, ul, p a, p a:hover {
  font-family: 'MazzardSoftM-Light', 'Nunito', 'Arial', sans-serif;
}
.footer .hs-menu-item a, .footer .hs-menu-item a:hover {
  font-family: 'MazzardSoftM-Light', 'Nunito', 'Arial', sans-serif;
}
.footer .hs-menu-wrapper li a:hover {
    text-decoration: underline;
}
ul {
  list-style-type: none;
}
.accordion-text li {
  line-height: 25.5px;
}
.accordion-text li:before {
  content: "•";
  /* font-size: 12px; */
  margin-right: 0.5rem;
}
ul li, ol li {
  margin: 0;
}
.testimonial__content {
  font-family: 'MazzardSoftM-Light', 'Nunito', 'Arial', sans-serif;
}
.footer--site-page h6 {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 1px;
}
p strong{
  font-family: 'MazzardSoftM-Medium';
  font-weight: 500;
}
.mazzard-subheading {
  font-family: 'MazzardSoftM-Medium', 'Nunito', 'Arial', sans-serif;
  font-weight: 500;
  font-size: 18px;
}
.lesson-count {
  font-family: 'MazzardSoftM-Medium', 'Nunito', 'Arial', sans-serif;
  font-weight: 500;
  margin: 0;
}
.course-name {
  margin: 0;
}
.course-text-link {
  color: #000;
  padding-bottom: 3px;
  border-bottom: 1px solid #000;
}
.course-text-link:hover {
  color: #000;
  text-decoration: none;
  border-bottom: 0;
}
input[type='text'],
input[type='email'],
input[type='password'],
input[type='tel'],
input[type='number'],
select,
textarea {
  font-family: "p22-mackinac-pro", 'Georgia', serif;
  font-style: normal;
  font-weight: 400;
  text-decoration: none;
}
button, .button {
  font-family: 'Nunito', 'Arial', sans-serif;
  letter-spacing: 1px;
}
.mobile-left-transform {
  text-align: center;
}
.course-benefit {
  font-family: 'MazzardSoftM-Medium', 'Nunito', 'Arial', sans-serif;
  font-size: 16px;
  line-height: 1.25;
  margin-bottom: 10px;
}
/* Other   */
form {
  padding: 0;
}
.ulleo-footer-logo {
  width: 130px;
  margin-bottom: 5%;
}
.course-mentor {
  color: #fff;
  letter-spacing: 2px;
  padding: 5px 10px 3px 12px;
  border-radius: 12px;
  margin-left: 3px;
  background-color: #019c9c;
}
.course-card {
  font-family: "p22-mackinac-pro", 'Georgia', serif;
  font-weight: 400;
  font-style: normal;
  color: #000;
  padding: 25px;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.1);
}
/* Image Transformations */
.portrait-large {
  height: auto;
  max-width: 100%;
  width: 200px;
  border-radius: 50%;
}
.portrait-small {
  height: auto;
  max-width: 100%;
  width: 150px;
  float: left;
  margin: 0px 30px 0px 0px;
  border-radius: 50%;
}
.benefit-logos-1 {
  display: flex;
  width: 100%;
  align-items: center;
}
.benefit-logos-2 {
  display: flex;
  width: 100%;
  align-items: center;
}
.benefit-logos-four {
  display: flex;
  width: 100%;
  align-items: center;
}
.benefit-logos-four-2 {
  display: flex;
  width: 100%;
  align-items: center;
  margin-left: 7%;
}
.benefit-logos-four-3 {
  display: flex;
  width: 100%;
  align-items: center;
}
.benefit-logos-1 img {
  width: 28%;
  height: 100%;
  object-fit: cover;
  margin-right: 5.33333%;
}
.benefit-logos-four img {
  width: 21%;
  height: 100%;
  object-fit: cover;
  margin-right: 4%;
}
.benefit-logos-2 img {
  width: 28%;
  height: 100%;
  object-fit: cover;
  margin-right: 8%;
}
.benefit-logos-four-2 img {
  width: 21%;
  height: 100%;
  object-fit: cover;
  margin-right: 8%;
}
.benefit-logos-four-3 img {
  width: 21%;
  height: 100%;
  object-fit: cover;
  margin-right: 8%;
}
.benefit-logos-third {
  margin-right: 5.33333%;
}
.benefit-logos-last {
  margin-right: 0;
}
.static-portrait {
  border-radius: 50%;
  height: auto;
  max-width: 100%;
  padding: 5%;
  border-style: solid;
  border-width: 4px;
  border-color: rgba(255,184,28,1) rgba(255,184,28,0) rgba(255,184,28,1) rgba(255,184,28,0);
}
.static-portrait-container img {
  border-radius: 50%;
  height: auto;
  max-width: 100%;
  padding: 5%;
  border-style: solid;
  border-width: 4px;
  border-color: rgba(255,184,28,1) rgba(255,184,28,0) rgba(255,184,28,1) rgba(255,184,28,0);
}
.static-portrait-container {
  border-radius: 50%;
}
/* Header */
.level-1 a{
  font-family: MazzardSoftM-SemiBold!important;
}
.level-2 a{
  font-family: MazzardSoftM-Regular!important;
}
.hs-content-id-132552887963 .level-1 a {
    color: #000000;
}
.hs-content-id-132552887963 .level-2 a {
    color: #000000;
}
.navigation-primary .menu-item a:hover, .navigation-primary .menu-item a:focus {
    color: #14B8A6;
}
.hs-content-id-132552887963 .navigation-primary .menu-item a:hover, .navigation-primary .menu-item a:focus {
    color: #e5e5e5;
}
/* Footer */
.footer__row--three p {
  font-size: 14px;
  font-family: 'MazzardSoftM-Light', 'Nunito', 'Arial', sans-serif;
}
.footer__row--four p {
  font-size: 14px;
  font-family: 'MazzardSoftM-Light', 'Nunito', 'Arial', sans-serif;
}
.footer__row--four a {
  margin-right: 30px;
}

@media (max-width: 1111px) {
  h1 {
  font-size: 58px;
  }
}
/* Text Decoration */
h1 em {
  font-style: normal;
  font-weight: 700;
  border-width: 0 0 6px;
  border-style: solid;
  border-image: url(https://campaign.ulleo.com/hubfs/Web%20Icons/Underline.svg) 20 stretch;
}
h1 strong {
  font-style: normal;
  font-weight: 700;
  border-width: 1px;
  border-style: solid;
  border-image: url(https://campaign.ulleo.com/hubfs/Web%20Icons/Circle.svg) 0 fill stretch;
}
h2 em {
  font-style: normal;
  font-weight: 400;
  border-width: 0 0 6px;
  border-style: solid;
  border-image: url(https://campaign.ulleo.com/hubfs/Web%20Icons/Underline.svg) 20 stretch;
}
h4 em {
  font-style: normal;
  font-weight: 400;
  border-width: 0 0 6px;
  border-style: solid;
  border-image: url(https://campaign.ulleo.com/hubfs/Web%20Icons/Underline.svg) 20 stretch;
}
h2 strong {
  font-style: normal;
  font-weight: 400;
  border-width: 1px;
  border-style: solid;
  border-image: url(https://campaign.ulleo.com/hubfs/Web%20Icons/Circle.svg) 0 fill stretch;
}
.underline {
  border-width: 0 0 6px;
  border-style: solid;
  border-image: url(https://campaign.ulleo.com/hubfs/Web%20Icons/Underline.svg) 20 stretch;
}
/* Responsive Declarations */

@media (max-width: 1023px) {
.portrait-small {
  width: 125px;
  margin: 0px 20px 0px 0px;
  }
h1 {
  font-size: 40px !important;
}

@media (max-width: 860px) {
.portrait-small {
  width: 100px;
  margin: 0px 20px 0px 0px;
  }
}

@media (max-width: 767px) {
h1 {
  font-size: 30px;
  }
h2 {
  font-size: 30px;
  }
h3 {
  font-size: 18px;
  margin: 0 0 0.5rem;
  }
.course-card {
  font-size: 18px;
  }
h4 {
  font-size: 18px;
  }
h5 {
  font-size: 14px;
  }
.course-benefit {
  font-size: 18px;
  }
.mobile-centre-transform {
  text-align: center;
  }
.mobile-left-transform {
  text-align: left;
  }
.portrait-large {
  margin-left: auto;
  margin-right: auto;
  display: block;
  }
.portrait-small {
  width: 100px;
  margin: 0px 20px 0px 0px;
  }
.button {
  width: 100%;
  text-align: center;
  display: block;
}
.benefit-logos-1 img {
  margin-right: 8%;
}
.benefit-logos-third {
  margin-right: 0;
}
.benefit-logos-four-2 {
  display: flex;
  width: 100%;
  align-items: center;
  margin-left: 0;
}
.benefit-logos-four-2 img {
  width: 28%;
  height: 100%;
  object-fit: cover;
  margin-right: 8%;
}
.course-name {
  font-size: 23px;
  }
.static-portrait {
  border-width: 3px;
  }
.static-portrait-container {
  max-width: 75%;
  margin-left: auto;
  margin-right: auto;
  }
.ulleo-footer-logo {
  width: 105px;
  }
.footer__row--three {
  width: 100%;
  }
.footer__row--three p {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  }
.footer__row--four {
  width: 100%;
  }
.footer__row--four p {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  }
.social-links {
  display: block;
  }
/*  SEO Tweaks  */
  .splide__pagination li .splide__pagination__page {
    margin: 15px;
  }
}
/*****************************************/