/* CSS from Wade so we aren't stepping on each other's toes */

/* Standardized Element Adjustments */

li {
  margin-bottom: 10px;
}


html, body {
  scroll-behavior: smooth !important;
}

/* button additions */

button {
font-family: 'NeoSansStd-Regular';
}

.btn_primary_solid {
padding: 6px 14px;
margin: 0px 0px 30px;
border-radius: 4px;
border: solid 1px #ffc700;
font-size: 18px;
color: #130c0e;
background-color: #fcc700;
text-decoration: none;
transition: .1s;
}

.btn_primary_solid:hover{
border: solid 1px #130c0e;
background-color: #130c0e;
color: #fff;
text-decoration: none;
}

.btn_secondary_solid {
padding: 6px 14px;
margin: 0px 0px 30px;
border-radius: 4px;
border: solid 1px #21b6d7;
font-size: 18px;
color: #ffffff;
background-color: #21b6d7;
text-decoration: none;
transition: .1s;
}

.btn_secondary_solid:hover{
border: solid 1px #130c0e;
background-color: #130c0e;
color: #fff;
text-decoration: none;
}


a.link {
    color: #ffc700;
    text-decoration: underline;
}

a.link:hover {
    color: #21b6d7;
}

.circlebadge120 {
  border-radius: 50%;
  width: 14vh;
  height: 14vh;
  min-height: 120px;
  min-width: 120px;
  font-size: 2.3rem;
  font-weight: 500;
  line-height: 500%;
  background-color: rgba(33, 182, 215, .2);
  color: #21b6d7;
  text-align: center;
}



/* Product Card Type Styles */

.relatedcard {
  min-height: 300px;
  padding: 5px;
  background-color: #121212;
  margin-bottom: 30px;
}

.relatedcard:hover {
  background-color: #151515;

}

.relatedcard a {
  color: #fff;
  text-decoration: none;
}

.relatedcard img {
  margin-bottom: 20px;
  opacity: .9;
  transition: .1s;
}

.relatedcard img:hover {
  opacity: 1;
}

.relatedcard p.coursetitle, .cardhighlight p.coursetitle {
  color: #e7e7e7;
  height: 3.5rem;
  margin-bottom: 20px;
  transition: .1s;
}

.relatedprice {
  color: #21b6d7;
}

.relatedcard p.coursetitle:hover {
  color: #fff;
}


.cardhighlight {
background: none !important;
opacity: .9;
transition: .2s;
}

.cardhighlight a img {
  max-width: 100%;
  /* temporarily removing this, as it's spacing out category images too much with cardhighlight applied - margin-bottom: 1em; */
}

.cardhighlight>a {
color: white;
text-decoration: none;
}

.cardhighlight:hover {
opacity: 1;
transition: .2s;
}

.cardhighlight a h5:hover, .cardhighlight a p:hover {
color: #21b6d7;
}

/* Background Color Designations */

.bkgd_dark1 {
  background-color: #1d1d1d;
}


.bkgd_dark2 {
background-color: #121212;
}

.bkgd_dark3 {
background-color: #181818;
}

.back-grey {
    background-color: #575757;
}


.bkgd_secondary {
    background-color: #21b6d7;
}


.bkgd_secondary_shade1 {
 background-color: #0da5c5;
}

.bkgd_white {
  background-color: #fff;
}


.spin:hover {
    transform: rotateY(360deg);
    transition: 1.5s;
}

a.link2 {
color: #ffc700;
text-decoration: none !important;
}

a.link2:hover {
color: #21b6d7;
text-decoration: none;
}

/* Text Colors */


.text_primary {
    color: #21b6d7;
}

.text_secondary {
    color: #ffc700;
}

.back-grey {
  background-color: #575757;
}

.text-grey {
	color:#474E54;
}

.text-ltgrey {
	color: #e1e1e1;
}

.text-medgrey {
  color: #b1b1b1;
}

.text-dkgrey {
  color: #555555;
}

.coincard img {
  margin-bottom: 25px;
}

.link_primary,.link_secondary {
  color: #fff;
}

.link_primary:hover {
  color: #ffc700;
  text-decoration: none;
}

.link_secondary:hover{
  color: #21b6d7;
  text-decoration: none;
  transition: .1s;
}

.LPsubnav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    margin-left: 0;
    list-style: none;
    margin-bottom: 15px;
  }

.LPanchornav {
color: #ffc700;
text-decoration: underline;
font-size: 24px;
padding-right: 70px;
line-height: 150%;
font-weight: 600;
margin-bottom: 0px;
}

.LPanchornav:hover {
color: #21b6d7;
transition: .1s;
}


/* Marquee Heroes */

.LP__iahub__marquee_hero {
  background-image: url('../../../../wp-content/uploads/2019/12/internal-auditing-clipboard@2x.jpg');
  background-position: top right;
  background-size: contain;
  background-repeat:no-repeat;
}


.LP__kosherprod__marquee_hero {
  background-image: url('../../../../wp-content/uploads/2020/10/instructor-kosher-rabbi-stone.jpg');
  background-position: center right;
  background-size: 70%;
  background-repeat:no-repeat;
}

/* End Marquee Heroes */

.hbspt-form .hs-form fieldset {
    border: 0;
    padding: 0;
    margin: 0;
    max-width: 100%;
    padding: 0;
    width: 100%;
}

input.hs-input [type="text"], input.hs-input [type="email"] {
  width: 100% !important;
}

div.bkgd_divider select.hs-input {
  padding: 15px;
  height: auto;
  margin: 0px 0px 20px 0px;
  color: #667 !important;
}

input[type="checkbox"], input[type="radio"] {
  width: auto;
  margin-right: 10px;
}

ul.hs-error-msgs {
  margin-left: 0px;
  padding-left: 0px;
  list-style-type: none;
}



/* End Hubspot Adjustments */


/*Hubspot Form Styling, old theme and new*/



.hs-richtext,.hs-richtext>p {
font-style: italic !important;
font-size: 10px !important;
color: #a1a1a1 !important;
}
.hs-richtext>p>a {
color: #a1a1a1 !important;
font-weight: 700 !important;
font-size: 10px;
}
.hs-richtext>p>a:hover {
color: #c1c1c1 !important;
border-bottom: 1px solid #c1c1c1;
}

::placeholder {
    color: #676767;
}

/* .hs-form-field label {
  display: none !important;
}
*/



.field {margin-bottom: 8px;}

ul.no-list.hs-error-msgs.inputs-list {
    list-style: none;
    margin-left: 15px;
}

label.hs-main-font-element, label.hs-error-msg {
    display: inline !important;
    font-size: .8em;
    font-family: neo-sans, sans-serif;
    color: #FF7162;
  }

  ul.no-list.hs-error-msgs.inputs-list {
    list-style: none;
    float: none;
    margin-left: 0px;
}


input.hs-input,.hs-form input, textarea.hs-input {
    padding: 14px !important;
}

textarea.hs-input {
  width: 100% !important;
}

.hs-input {
    background-color: RGBA(103,103,103,.2);
    color: #ffffff !important;
    border-radius: 0px !important;
    border: none !important;
    font-family: neo-sans,sans-serif;
    font-size: 15px; width:100%;
    width: 100%;
  }

input.hs-button.primary.large {
    padding: 6px 14px !important;
    color: #ffc700 !important;
    background: none;
    border: solid 1px #ffc700;
    border-radius: 4px;
    font-family: neo-sans, sans-serif !important;
    font-size: 1.1rem !important;
    text-shadow: none !important;
    box-shadow: none !important;
    line-height: inherit !important;
}

input.hs-button.primary.large:hover {
    background-color: #130c0e !important;
    color: #21b6d7 !important;
    border: solid 1px #21b6d7;
    font-family: neo-sans, sans-serif !important;
    text-shadow: none !important;
    box-shadow: none !important;
    line-height: inherit !important;
  }


  fieldset {
  max-width: 100% !important;
  }

/* Standalone LP Forms */


.border_dkgrey {
border: solid 2px #444;
}


/* end HUBSPOT adjustments and added by WC */

ul.LP-agenda, ol.LP-agenda {
  padding-left: 0px;
}

ul.LP-agenda li {
    margin-bottom: 0px;
    margin-left: 5px;
}

ul.LP-agenda div, ol.LP-agenda div {
    padding: 15px;
    margin-left: 0px;
    border-bottom: solid 1px #575757;
    margin-bottom: 0px;
}

ul.LP-agenda,ol.LP-agenda li {
  margin-bottom: 0px;
  margin-left: 5px;
}



ul.LP-agenda div:last-child , ol.LP-agenda div:last-child {
  border-bottom: none;
}

.zosicathero {
  background-color: none;
  width: 100%;
  height: 403px;
  background-size: contain;
  background-position: left;
  background-repeat: no-repeat;
}

.Rectangle2 {
  width: 100%;
  max-width: 427px;
	opacity: 0.93;
	-webkit-backdrop-filter: blur(22px);
	backdrop-filter: blur(22px);
	background-color: #303030;
	z-index: 200;
  float: right;
  padding: 30px;
}

/* Home Page Banner Marquee */

.home_banner_marquee {
  width: 100%;
  max-width: 427px;
	opacity: 0.93;
	-webkit-backdrop-filter: blur(22px);
	backdrop-filter: blur(22px);
	background-color: #303030;
	z-index: 200;
  float: right;
  padding: 30px;
}

.marquee__header {
  background-color: rgba(50,50,50,.9);
  padding: 25px;
}

.hero_left {
  background-position: center left;
  background-size: contain;
}

.hero_right {
  background-position: center right;
  background-size: contain;
  background-repeat: no-repeat;
}


/* random things needed */

.max100 {
  max-width: 100%;
}

.wptransform {
transition: .7s;
}

.wptransform:hover {
transform: rotateY(-5deg) rotateZ(-4deg) skewY(-2deg) scale(1.05,1.06);
box-shadow: 30px 30px 10px rgba(0, 0, 0, 0.3);
transition: 1s !important;
}


img.wptransform {
  max-width: 100%;
}


.vcaption {
  font-style: italic;
  font-size: 75%;
  color: #b2b4b2;
}



@media (max-width: 1111px) {
.zosicathero {
  background-position-x: 40%;
  background-size: cover;
}

.LPanchornav {
padding-right: 20px;
}
}

@media (max-width: 415px) {
  .zosicathero {
    height: inherit;
  }

   ul.LPsubnav {
  display: block;
  }
}


@media (max-width: 960px) {
  .coincard {
    margin-bottom: 30px;
  }

  ul.LP-agenda {
  margin-bottom: 0px;
}
ul.LP-agenda div:last-child {
  border-bottom: solid 1px #575757;
}


.LP__iahub__marquee_hero,.LP__empwp__marquee_hero,.LP__hospitalitywp__marquee_hero,.LP__iarulewp__marquee_hero,.LP__top5osha_hero,.LP__prphaccp_hero,.LP__traceability_hero,.LP__pcqiwp__marquee_hero {
  background-position-x: 40%;
  background-size: cover;
}

.LP__roadmap__marquee_hero,.LP__rabbi__marquee_hero,.LP__kosherstats1pg__marquee_hero, .LP__kosherprod__marquee_hero  {
  background-position-x: 60%;
  background-size: cover;
}



.LP__sqfhub__marquee_hero, .hero_right, .hero_left {
  background-size: cover;
  background-position: center;
}
}

@media (max-width: 768px) {
  .coincard {
    margin-bottom: 40px;
    width: auto !important;
  }
  ul.LP-agenda div:last-child {
    border-bottom: solid 1px #575757;
  }
}