/* @import url('http://example.com/example_style.css'); */
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap');
/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

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

/* Hide submenus by default */
.hs-menu-children-wrapper {
  display: none;
  position: absolute;      /* remove if you want it to push content down instead */
  top: 100%;
  left: 0;
  z-index: 100;
  background: #fff;
  min-width: 200px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Position the parent so the absolute submenu anchors to it */
.hs-item-has-children {
  position: relative;
}

/* Show submenu when the trigger is expanded */
.hs-item-has-children > a[aria-expanded="true"] + .hs-menu-children-wrapper {
  display: inline-grid;
}

.active-branch li{
  display: inline-grid;
}

.active-branch a{
  background:white;
  padding: 10px 20px;
  margin; 0;
  text-decoration: none !important;
}

.CourseImages .row-fluid {
  align-items: flex-start !important;
}

#flexAlignNormal .row-fluid {
  align-items: normal !important;
}

.switcher button{
  padding: 10px 20px;
  font-size: 18px;
  font-family: "Nunito Sans", sans-serif;
}

#ImgFloatR img{
  float:right;
}

.speech-bubble {
  position: relative;
  background-color:#905FF6; 
  border-radius:10px; 
  padding:30px; 
  color:white;
}

.speech-bubble-W {
  position: relative;
  background-color:white; 
  border-radius:10px; 
  padding:30px; 
  color:black;
}

.speech-bubble:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0;
	height: 0;
	border: 50px solid transparent;
	border-top-color: #905FF6;
	border-bottom: 0;
	border-left: 0;
	margin-left: -25px;
	margin-bottom: -49px;
}



.bLink a{
 text-decoration:none !important;
 color:white;
}

.rImage img{
  border-radius:10px;
}

.flexStretchAlign .row-fluid {
  align-items:normal;
}

.flexStretchAlign .widget-type-cell{
  display:grid;
  align-content: space-between;
}

body{
  margin: 0 !important;
  font-family: "Nunito Sans", sans-serif;
  font-size:18px;
}

.row-fluid {
  display:flex;
  width:100%;
  align-items: center;
  justify-content: center;
  flex-direction:row;
}

#align-normal .row-fluid {
  align-items: normal !important;
}

.container-fluid{
  padding-left: 0px !important;
  padding-right: 0px !important;
  padding-top:0px !important;
  padding-bottom:0px !important;
}

.MayaButton {
  display: block;
  width:100% !important;
  text-align:center;
  border: 1px solid #0E2C89;
  background-color: #0E2C89;
  text-transform: none;
  border:none;
  padding:10px 0px;
  border-radius:5px;
}

.MayaButton a {
  color: white;
  text-decoration: none;
    text-transform: none;
    font-style: normal;
  font-weight: 600;  
}

.WButton {
  display: block;
  text-align:center;
  border: 1px solid #fff;
  background-color: #fff;
  border:none;
  padding:10px 0px;
  border-radius:5px;
}

.WButton a{
  font-style: normal;
  font-weight: 800;
  text-decoration: none;
  color: #0E2C89;
  text-transform: none;
  display: inline-block;
  width: 100%;
}

.BButton {
  display: block;
  
  text-align:center;
  border: 1px solid #2249E5;
  background-color: #2249E5;
  border:none;
  padding:10px 0px;
  border-radius:5px;
}

.BButton a{
  display: inline-block;
  width: 100%;
  font-style: normal;
  font-weight: 600;
  text-decoration: none;
  color: #fff;
  text-transform: none;
}

.PButton {
  display: block;
  
  text-align:center;
  border: 1px solid #0E2C89;
  background-color: #905FF6;
  border:none;
  padding:10px 0px;
  border-radius:5px;
}

.PButton a{
  font-style: normal;
  font-weight: 600;
  text-decoration: none;
  color: #fff;
  text-transform: none;
  display: inline-block;
    width: 100%;
}

.blueButton {
  display: block;
  
  text-align:center;
  border: 1px solid #0E2C89;
  background-color: #2249E5;
  border:none;
  padding:10px 0px;
  border-radius:5px;
}

.blueButton a{
  font-style: normal;
  font-weight: 600;
  text-decoration: none;
  color: #fff;
  text-transform: none;
}

.button--secondary a{
  display: block;
  text-align:center;
  border: 1px solid #0E2C89;
  font-style: normal;
  font-weight: 600;
  text-decoration: none;
  background-color: rgba(255, 255, 255, 0.0);
  color: #0E2C89;
  fill: #0E2C89;
  text-transform: none;
  padding-top: 10px;
  padding-right: 20px;
  padding-bottom: 10px;
  padding-left: 20px;
}

.button--secondary a:hover{
  color:white;
  background-color: #0E2C89;
}

.button--tertiary a{
  background-color: #905FF6;
  border: 0px none;
  border-radius: 100px;
  color: #fff;
  font-size: 12px;
  font-family: "Nunito Sans", sans-serif;
  font-style: normal;
  font-weight: 700;
  text-decoration: none;
  padding-top: 10px;
  padding-right: 30px;
  padding-bottom: 10px;
  padding-left: 30px;
}

.hs-input{
  border: 1px solid #193D4F;
  display: inline-block;
  width: 100% !important;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 0px;
  padding-left: 0px;
  font-family: "Nunito Sans", sans-serif;
  font-style: normal;
  font-weight: 400;
  text-decoration: none;
  background-color: rgba(255, 255, 255, 1.0);
  border-radius: 0px;
  color: #231f20;
  font-size: 16px;
}

.hs-form-field label{
  padding-top: 6px;
  padding-bottom: 6px;
  padding-right: 0px;
  padding-left: 0px;
  display: block;
  margin-bottom: 0.35rem;
}

form .hs-form-field {
  margin-bottom: 1.4rem;
  width:100%; 
}

form .hs-button{
  display: inline-block;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #73D0FF !important;
  font-weight:bold;
  color: #193D4F !important;
  border: 1px solid #425b76;
  text-align:center;
  text-decoration: none;
}

.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  padding-top:50px;
  padding-bottom:50px;
  margin-right: auto !important;
  margin-left: auto !important;
}

@media (min-width: 576px) {
  .container-sm, .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container-md, .container-sm, .container {
    max-width: 720px;
  }

}
@media (max-width: 992px) {
  .blueButton{
  width:100% !important;
  }
  .PButton{
  width:100% !important;
  }

}
@media (max-width: 1200px) {
  .mobileFull{
    width:100% !important;
  }
    #flexAlignNormal .mobileFull{
    margin-bottom:10px;
  }
}
@media (min-width: 992px) {
  .container-lg, .container-md, .container-sm, .container {
    max-width: 960px;
  }
    .speech-bubble-W:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0;
	height: 0;
	border: 50px solid transparent;
	border-top-color: white;
	border-bottom: 0;
	border-left: 0;
	margin-left: -25px;
	margin-bottom: -49px;
  }
  


  
}
@media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1140px;
  }
  
    .mobileFull{
    width:100% !important;
  }
}
@media (min-width: 1400px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1320px;
  }
}

@media (max-width: 768px) {
  .row-fluid {
    flex-direction:column;
  }
}