/* FollettLearning 2.5 CSS */

@media (max-width:767px) {
  :root {
    --fontPrimarySize:1.08rem;
    --fontPrimaryHeight:1.43rem;
    --fontPrimaryFamily:'Roboto','Rubik','Libre Franklin',sans-serif;
    --fontPrimaryLetterSpacing:-.012rem;
  }
}
@media (min-width:768px) AND (max-width:1036px) {
    :root {
      --fontPrimarySize:1.01rem;
      --fontPrimaryHeight:1.59rem;
      --fontPrimaryFamily:'Roboto','Rubik','Libre Franklin',sans-serif;
      --fontPrimaryLetterSpacing:-.012rem;
    }
}
@media (min-width:1037px) AND (max-width:1399px) {
    :root {
      --fontPrimarySize:1.02rem;
      --fontPrimaryHeight:1.53rem;
      --fontPrimaryFamily:'Roboto','Rubik','Libre Franklin',sans-serif;
      --fontPrimaryLetterSpacing:-.012rem;
    }
}
@media (min-width:1400px) {
    :root {
      --fontPrimarySize:1.04rem;
      --fontPrimaryHeight:1.52rem;
      --fontPrimaryFamily:'Roboto','Rubik','Libre Franklin',sans-serif;
      --fontPrimaryLetterSpacing:-.012rem;
    }
}

:root {
    --BlockQuoteBlue: 0,82,156;
    --BlockQuoteText:255,255,255;
    --BlockQuoteLightBlue: 127,168,205;
}

* {
  font-family:var(--fontPrimaryFamily);
  font-size:var(--fontPrimarySize);
  line-height:var(--fontPrimaryHeight);
  letter-spacing:var(--fontPrimaryLetterSpacing);
  transition: all 400ms;
}

html {
  background-color:#eee;
  background-color:rgba(0,0,0,0.2);
  font-size:var(--fontPrimarySize);
}

body {
  background-color: white;
  margin-left: auto; 
  margin-right: auto;
  max-width: 1550px; 
  color:#111;
  background-color:#fff;
}
.container {
	max-width:1550px !important;
}

.container-body {
	width:100% !important;
	max-width:1450px !important;
}

.optanon-alert-box-wrapper {
    max-width:1550px !important;
}

#uber-bar-container {
	background-color:rgb(0, 82, 156); 
	text-align:right;
	height:37px; 
}
#uber-bar {
	font-size:13px; 
	line-height:29px; 
	padding:3px 25px;
}

/*** MegaMenu ***/
#megamenu {
    margin-left:auto;
    background:#fff;
    height:65px;
    border-radius:65px 65px 65px!important;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 16px 32px, rgba(0, 0, 0, 0.2) 0px 3px 8px;
    border: 1px solid rgb(221, 221, 221) !important;
    align-content:center;
    padding-right:10px;
    padding-left:10px;
    margin-right:10px;
}
@media (min-width:1000px) {
	#megamenu a.dropDown {
		padding-left:10px !important;
		padding-right:10px !important;
		margin-left:0 !important;
		margin-right:0 !important;
	}	
}
@media (min-width:1000px) AND (max-width:1109px) {
	#megamenu a.dropDown {
		padding-left:10px !important;
		padding-right:10px !important;
		margin-left:0 !important;
		margin-right:0 !important;
	}	
}

@media (max-width:991px) {
    #megaMenu {
    	display:none;
    }
}

@media (max-width:767px) {
    #megamenu {
        margin-left:0px;
    }
}
@media (max-width:576px) {
    #megamenu {
      	display:none; width:0px !important;
    }
}
@media (max-width:460px) {
    #megamenu {
      	display:none;
    }
}
.nav-link:focus, .nav-link:hover {
    text-decoration: none;
    padding-bottom: 0px;
    padding-top: 2px;
    border-bottom: 2px solid #fff;
}

/*** Hamburger ***/
#hamburger {
    width: 65px;
    height: 65px;
    max-height: 65px;
    background:#ffffff;
    border-radius:100%;
    border: 1px solid rgb(221, 221, 221) !important;
    padding:5px;
    margin:0 auto;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 16px 32px, rgba(0, 0, 0, 0.1) 0px 3px 8px !important;
    align-self:center;  text-align:center;
    margin:0;
    font-size:40px;
    padding-left:4px;
    outline:0;
}
#hamburger:hover {
    box-shadow: rgba(0, 0, 0, 0.55) 0px 16px 32px, rgba(0, 0, 0, 0.6) 0px 3px 8px !important;
    opacity:1;
    transition:500ms;
}
#hamburger.active {
    box-shadow:none!important;
    transition:all 1s;
}
.hamburger-box {
	margin-top:9px;
}
.hamburger-inner {
  top: 16px!important;
  /* scale: 0.7; */

}
.hamburger-inner, .hamburger-inner::after, .hamburger-inner::before  {
  width: 24px;
  height: 2px;
}
.hamburger-box {
  width:24px;
}
.hamburger--collapse .hamburger-inner::after {
  top: -14px;
}
.hamburger-inner::before {
  top: -7px;
}
.is-active .hamburger-box {
  height: 22px;
}
aside {
  	z-index:9;
  	position: fixed;
  	height:100vh;
  	overflow:hidden;
   	scrollbar-width:0px;
    /* display:none; */
    transition:all 1s;
    transform: translateY(-100vh);
    background:#eee;
    padding: 0px !important;
    margin: 0px !important;
    display:none;
    top:0;
	left:0;
	max-width:100% !important;
}
aside a {
  color:#111;
  display:block;
}
.full-menu {
  background:#e6e6e6;
  position:relative;
	min-height:800px;
  /*** border:22px solid white; ***/
  border:0;
  border-top:1px solid white;
  padding:30px;
  height:100%;
  width:100%;
  /*** border-radius: 50px; ***/
  border-radius: 0px;
  /*** border-top-right-radius:0; ***/
  /*** border-top-left-radius:0;  ***/
  opacity:0;
}
.full-menu-dark {
  background:#00529c;
  color:#fff;
}
.full-menu.active {
  opacity:1;
  transition: all 530ms;
  transition-timing-function: ease-in-out;
}
#full-menu.active {
  transition-delay: 150ms;
  transform: translateY(0);
  transition: all 330ms;
  transition-timing-function: ease-in-out;
}
.full-menu-active {
  box-shadow:none!important;
}
.full-menu-nav {
  	margin-top:9vh;
	padding-bottom:100px;
}
@media (min-width: 801px) and (max-width: 1442px) {
	.full-menu-nav {
		padding-left:0;
	}
}

@media (max-width: 1120px) {
	#megamenu {
		display:none !important;
	}
	.full-menu-nav {
		padding-top:15px;
	}
}
/***
@media (max-width: 992px) {
	#megamenu {
		display:none !important;
	}
	.full-menu-nav {
		padding-top:15px;
	}
}
***/
.full-menu div:nth-child(1) {
	position:relative;
}
.full-menu-intro {
  	font-size: 2.75rem;
	color: #00529c;
	font-weight:200;
	position: relative;
}
.full-menu-dark .full-menu-intro:after {
  background: #fff;
}
.full-menu-dark .full-menu-intro {
	color: #fff; 
}
.full-menu-dark h4 {
  	color:#fdfdfd;
}
.full-menu-dark a {
  	color:#fff;
}
.full-menu-dark a:hover {
  	color:#e87b1e;
  	cursor:pointer;
}
.full-menu::-webkit-scrollbar {
	width:5px;
}
.pinned-heading {
  color:white;
  position:absolute;
  bottom:0;
  font-size: 7.5rem;
  margin-bottom: -30px !important;
  /* padding-left:30px; */
  padding-left:5px;
  white-space: nowrap;
  font-weight: 600;
  font-size:8vw;
  margin-bottom: -2.1vw !important;
  text-transform:uppercase;
  width: 95%;
  text-align: center;
}

/*** Footer ***/
.footer {
	padding: 35px 0 0 0;
	background-color: #00529c;
	position: relative;
	z-index: 2; 
}
#footer-social-link-container {
	padding-left:10px;	
}
.footer-social-link {
	display:inline-block;
    background: white;
    padding: 10px 15px 10px 15px;
    border-radius: 30px;
    margin: 0 auto;
    margin-right: auto;
	margin-left:0;
    bottom:0px;
}
#footer-logo, #footer-share {
	padding-left:15px;	
}
#footer-phone {
	text-align:right;
}
@media (max-width:991px) {
    #footer-phone {
        text-align:left;
    }
}
@media (max-width:576px) {
    #footer-logo {
        padding-left:0;	
    }
}
@media (min-width:1100px) {
    #footer-logo, #footer-share {
        padding-left:25px;	
    }
}

.footer-social-link button {
    background: none;
    outline: none;
    border: none;
	margin-right:3px;
	margin-top:3px;
	margin-bottom:3px;
    padding:0px; 
}
.footer-social-link button i {
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
    background: #e87b1e;
    margin-right: 1px;
    color: #fff; 
}
.footer-social-link button i.fa-facebook {
    background-color: #3B5998; 
}
.footer-social-link button i.fa-twitter {
    background-color: #55ACEE; 
}
.footer-social-link button i.fa-google-plus {
    background-color: #DD4B39; 
}
.footer-social-link button i.fa-linkedin {
    background-color: #0976B4; 
}
.footer-social-link button i.fa-instagram {
    background-color: #B7242A; 
}


.footer-social-link a.footer-social-round {
    background: none;
    outline: none;
    border: none;
	margin-right:3px;
	margin-top:3px;
	margin-bottom:3px;
    padding:0px; 
}
.footer-social-link a.footer-social-round i {
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
    background: #777;
    margin-right: 1px;
    color: #fff; 
}
.footer-social-link a.footer-social-round i.fa-facebook {
    background-color: #3B5998; 
}
.footer-social-link a.footer-social-round i.fa-twitter {
    background-color: #55ACEE; 
}
.footer-social-link a.footer-social-round i.fa-google-plus {
    background-color: #DD4B39; 
}
.footer-social-link a.footer-social-round i.fa-linkedin {
    background-color: #0976B4; 
}
.footer-social-link a.footer-social-round i.fa-instagram {
    background-color: #B7242A; 
    background-color: #dd2a7b; 
	background-color: #8134af;
}


/*** Cards ***/
.card-body {
	padding:1.2rem 1.25rem 1rem 1.25rem;
}
.card-body-major:hover, .card-body-minor:hover,
	.card-article-alpha:hover {
  box-shadow:rgba(0, 0, 0, 0.04) 0px 16px 32px, rgba(0, 0, 0, 0.2) 0px 3px 8px !important;
}

.card-block-major {
	padding-bottom: 65px;
}
.card-block-major:hover .card-container-major {
	transition: all 1s;
	bottom: -50px;
}

.card-alpha {
  border-radius:30px;
  height:180px;
  box-shadow:rgba(0, 0, 0, 0.04) 0px 16px 32px, rgba(0, 0, 0, 0.1) 0px 3px 28px !important;

}
.card-alpha:hover {
  box-shadow:rgba(0, 0, 0, 0.04) 0px 16px 32px, rgba(0, 0, 0, 0.2) 0px 3px 8px !important;
}
.card-alpha .card-body {
  padding-top:80px;
  padding:80px 0px .25rem;
}
.card-alpha .card-img-top {
  border-radius:24px;
  background: #00529c;
  height: 70px;
  padding: 20px;
  color:#fff;
  text-transform:uppercase;
  font-size:1rem;
  width:100%;
  position: absolute;
  left: 0;
  top:0;
  margin-left:0px!important;
}

.card-container-common-pre {
	display:block !important;
	width:100%;	
	position:absolute;
	padding-left:15px; 
	padding-right:15px; 
}
.card-container-common {
	display:block !important;
	width:100%;	
	position:absolute;
	padding-left:15px; 
	padding-right:15px; 
}

.card-article-common-x {
	display:block !important;
	width:100% !important;
	position:relative;
    box-shadow: none;
    border: none;	
    background-color:#888;
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-size: cover;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
}
.card-body-common-x {
	display:block;
    border: none;
    width: 100% !important;
    background: white;
    border-radius: 50px;
    border-radius: 30px;
}

.card-container-major {
	bottom:-65px;
}


.card-article-major {
    height: 700px;
    border-radius: 35px;
}
.card-body-major {
    bottom: -65px;
    min-height: 150px;
    box-shadow: rgba(0, 0, 0, 0.04) 0px 16px 32px, rgba(0, 0, 0, 0.1) 0px 3px 28px !important;
}

.card-block-minor {
	padding-bottom: 45px;
}
.card-block-minor:hover .card-container-minor {
	transition: all 1s;
	bottom: -30px;
}
.card-container-minor {
	bottom:-45px;
}
.card-article-minor {
    /* height: 322px; */
	height: 324px;
    border-radius: 35px;
}
.card-body-minor {
    min-height: 115px;
    box-shadow: rgba(0, 0, 0, 0.04) 0px 16px 32px, rgba(0, 0, 0, 0.1) 0px 3px 28px !important;
}


.card-article-medium {
    /* height: 322px; */
	height: 450px;
    border-radius: 35px;
}
.card-block-medium:hover .card-container-minor {
	transition: all 1s;
	bottom: -45px;
}
.card-container-medium {
	bottom:-55px;
}

.card-block-alpha:hover .card-article-alpha {
	transition: all 400ms;
	top: -2px;
}
.card-container-alpha {
	position:relative;
	padding:0 !important;
}
.card-article-alpha {
	min-height:180px;
	height:auto;
    background-color:#fff !important;
	padding-bottom:15px;
  	border-radius:30px;
  	/* box-shadow:rgba(0, 0, 0, 0.04) 0px 16px 32px, rgba(0, 0, 0, 0.1) 0px 3px 28px !important; */
	box-shadow:rgba(0, 0, 0, 0.03) 0px 6px 6px, rgba(0, 0, 0, 0.1) 0px 3px 3px !important;
}
.card-body-alpha {
    position: relative;
	padding:10px 15px !important;
}
.card-article-alpha .card-img-top {
	display:block;
	position:relative;
  	border-radius:24px;
  	background: #00529c;
  	/*** min-height: 70px; ***/
  	padding: 15px 20px;
  	color:#fff;
  	text-transform:uppercase;
  	font-size:1rem;
  	width:100%;
}
.card-article-common {
	display:block !important;
	width:100% !important;
	position:relative;
    box-shadow: none;
    border: none;	
    background-color:#888;
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-size: cover;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
}
@media (max-width:767px) {
	.card-article-common {
		height:650px !important;
	}
	.list-webinars div div article.card-article-common {
		height:auto !important;
	}
}
.card-body-common {
	display:block;
    border: none;
    width: 100% !important;
    background: white;
    border-radius: 50px;
    border-radius: 30px;
}
.card-body-link-contain, .card-body-link-contain a {
	line-height:1.1em;
}
/*** Dynamic Content ***/

h1.dynamic-title {
	font-size: 3rem; line-height:3.3rem; margin-bottom:0;
}
h2.dynamic-subtitle {
	font-size:1.7rem; line-height:2rem; font-weight:600; 
}
@media (max-width:767px) {
    h1.dynamic-title {
        font-size: 2rem; line-height:2.3rem; margin-bottom:0;
    }
    h2.dynamic-subtitle {
        font-size:1.4rem; line-height:1.7rem; font-weight:600; 
    }	
}


/*** SSO ***/
.btn-social-connect {
    color:#00529c;
}
.btn-social-connect:hover {
    color:#314b62;
}
.btn-social-connect-orange {
    color:darkorange !important;
}
.btn-social-connect-orange:hover {
    color:orange !important;
}
.btn-social-connect-purple {
    color:purple !important;
}
.btn-social-connect-purple:hover {
    color:mediumpurple!important;
}
.btn-social-connect-lightblue {
    color:#4B91AF !important;
}
.btn-social-connect-lightblue:hover {
    color:#00529c !important;
}
.btn-social-connect-red {
    color:darkred !important;
}
.btn-social-connect-red:hover {
    color:red !important;
}
.sso-login-button {
    padding-bottom:5px;
    border-bottom:2px solid white;
}
.sso-login-button {
    padding:11px 11px 11px 11px;
    border:1px solid white;
    border-radius:10%;
    background-color:#eee;
    margin-bottom:10px;
    box-shadow: 3px 3px 5px 1px #e1e1e1;
}
.sso-login-button:hover {
    border-color:#ccc;
    border-color:#c39837;
}
.sso-login-container {
    display:inline-block; 
    vertical-align:middle; 
    margin-bottom:5px; 
    position:relative;
    margin-right:10px;
}


/*** Effect Classes ***/
.notransition {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}

@media (max-width:767px) {
	.d-xs-none {
		display:none !important;	
	}
}
@media (max-width:1000px) {
	.d-1000-none {
		display:none !important;	
	}
}
.mb0 {
	margin-bottom:0;
}
.p-u, .p-u-lg {
	padding-top:30px;
}
.p-u-md {
	padding-top:15px;
}
.p-u-sm {
	padding-top:10px;
}
.p-u-z {
	padding-top:0;
}
.p-d, .p-d-lg {
	padding-bottom:30px;
}
.p-d-md {
	padding-bottom:15px;
}
.p-d-sm {
	padding-bottom:10px;
}
.p-d-z {
	padding-bottom:0;
}
.p-d-h {
	padding-bottom:60px;
}
.p-d-hxl {
	padding-bottom:120px;
}
.m-d {
	margin-bottom:30px;	
}
.m-d-md {
	margin-bottom:15px;	
}
.mb-tiny {
	margin-bottom:0.001rem;
}

/*** Editor Classes ***/
.cpage-btn-editor-button {
    display:block; position:absolute; 
    top:-10px; 
    right:-5px;
    line-height:20px;
    font-size:12px;
}
.cpage-btn-editor-button a {
    /** former admin-editor-btn **/
    width:34px;
    height:34px;
    padding:4px 1px 2px 3px;
    display:inline-block;
    text-align:center;
    background-color:red;
    border-radius:50%;
    line-height:20px;
    font-size:16px;
	border:1px solid red;
}
.cpage-btn-editor-button a i {
    /** former admin-editor-btn **/
    color:white;
}
div.cpage-btn-editor-button a:hover {
	background-color:#490102;
	border:1px solid #610B0C;
}



#share-box-container-main {
	margin-bottom:-5px;
}

/*** Admin Classes ***/
@media (max-width: 800px) {
	.container-one {
		padding-top:0px !important;
	}
}

.table td, .table th {
	border-top:none;	
}































/*** Unchanged ***/


.d-trans {
	background-color:transparent !important;
}

.fa-nm {
	margin-top:0 !important;
}

h1 {
  font-size:7.5rem;
}

h2 {
  font-size:1.9rem;
}

h3 {

}

h4 {
  /*** color:#00529c; ***/
}

div.demo-block {
	padding-top:30px;
	
}

.left-separator:after {
    content: '';
    width: 2px;
    height: 55px;
    background: #e1e1e1;
    position: absolute;
    top: -4px;
    left: -8px;
    border-radius:10px;
}

a:hover, a:hover svg path {
  text-decoration:none;
}

/***
.btn {
  color:#ffffff;
  border-radius:50px;
  padding:15px 23px;
  border:3px solid #00529c;
  white-space:nowrap;
  cursor:pointer!important;
}

.btn:hover {
  color:#00529c;
  background:#ffffff;
  border:3px solid #00529c;
  cursor:pointer!important;
}

.btn-blue-ghost {
  color:#00529c;
  background:#ffffff;
  border:3px solid #00529c;
  cursor:pointer!important;
}
.btn-blue-ghost:hover {
  color:#ffffff;
  border-radius:50px;
  background:#00529c;
  padding:15px 23px;
  border:3px solid #00529c;
  white-space:nowrap;
  cursor:pointer!important;
}
***/

.intro {
  /*** background-image:url('/assets/teacher-at-desk.jpg'); ***/
  background-size:cover;
  border:22px solid white;
  height:80vh;
  padding:30px;
  font-family:'Rubik', sans-serif;
  scrollbar-width:0px;
  position:relative;
  border-radius: 50px;
  
}

.subpage {
  position: absolute;
  background: linear-gradient( rgba(0, 82, 156, 0.55), rgba(0, 82, 156, 0.55) ), url('/assets/alt-header-image.jpg');
}

.subpage-content {
  padding-top:45vh;
  border-radius:30px;
}

.subpage-content div {
  border-radius:30px;
}

.content {
  position: relative;
  background:#fff!important;
}

.content .pinned-heading {
  top:-7vw;
}

.section-intro {
  background-image:url('/assets/alt-header-image.jpg');
  background-size:cover;
  border:22px solid white;
  height:600px;
  padding:30px;
  font-family:'Rubik', sans-serif;
  scrollbar-width:0px;
  position:relative;
  border-radius: 50px;
}


.spacer {
  grid-area:minmax(30px,200px);
}



header.logo, header.img {
    max-width:100%;
    margin:0 auto;
}

@media (max-width: 576px) {
	.navbar {
	    padding-left: 0 !important;
	}
}

.logo {
  margin: auto 0px;

}


.nav-link {
  align-self:center;
  margin: 0 0.6rem;
  padding: 0.2rem 0;
}

.subMenu {
  position: absolute;
  width: 100%;
  top: 70px;
  display: none;
  background: white;
  border-radius: 30px;
  max-width: 51.9%;

  display:none;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 16px 32px, rgba(0, 0, 0, 0.2) 0px 3px 8px;
  transition: opacity 1s ease-out !important;  
  opacity:0!important;
  min-width: 100%;
  margin-left: -10px;
}

.subMenu a {
  color:#00529c;
  display:block;
  text-align:left;
  
}

.subMenu-item {
  padding:10px 0px;
}

.subMenu-item-link {
  color:#00529c;
}

.subMenu-item-copy {
  display:flex;
  font-size: 13px;
  line-height: 16px !important;
  color:#555 !important; 
}

.subMenu-item .col-9 {
  margin-left: -18px!important;

}

.Books {
  opacity:0;
  /* transition:all 500ms; */

}

.menu-active {
  /* opacity:1 !important; */
  display:block; /* test */
  /* transition:all 500ms; */
  transition: opacity 1s ease-out !important;  
  opacity:0;

}





.fade-in {
  opacity:1!important;
  transition: opacity 120ms ease-out !important;  
}

.fade-out {
  opacity:0!important;
  transition: opacity 20ms ease-out !important;  
}

.link-icon {
  height:70px;
  width:70px;
  background-image:url('/assets/link-icon.jpg');
  background-size:100%;
  background-repeat:no-repeat;
}

.icon-row {
  max-width:0px!important;
}

.navbar {
  padding:0px;
}






.needs-finder {

  box-shadow: rgba(0, 0, 0, .1) 0px 5px 11px,rgba(0, 82, 156, 0.09) 0px -2px 6px;
  height:388px;
  border-radius:24px;
  max-width:800px;
}

.hover-shadow {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 16px 32px;
  box-shadow:rgba(0, 0, 0, .1) 0px 5px 11px,rgba(0, 82, 156, 0.09) 0px -2px 6px;
}


.link {
  position: relative;
  -webkit-transition: -webkit-clip-path 275ms ease;
  transition: -webkit-clip-path 275ms ease;
  transition: clip-path 275ms ease;
  transition: clip-path 275ms ease, -webkit-clip-path 275ms ease;
}

.link:hover span::before, .link:focus span::before {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
          clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.link span {
  position: relative;
  display: inline-block;
  color: #ffffff;
}
.link span::before {
  position: absolute;
  content: attr(data-content);
  color: #ededed;
  text-decoration: underline;
  -webkit-text-decoration-color: #ededed;
          text-decoration-color: #ededed;
  -webkit-clip-path: polygon(0 0, 0 0, 0% 100%, 0 100%);
          clip-path: polygon(0 0, 0 0, 0% 100%, 0 100%);
  -webkit-transition: -webkit-clip-path 275ms ease;
  transition: -webkit-clip-path 275ms ease;
  transition: clip-path 275ms ease;
  transition: clip-path 275ms ease, -webkit-clip-path 275ms ease;
}

.full-menu-image {
  max-width:100%;
  border-radius:15px;
}

  .full-menu-intro:after {
    content: '';
    width: 41px;
    height: 12px;
    background: #ededed;
    position: absolute;
    bottom: 27px;
    left: 0px;
    border-radius: 0px 10px 0px 10px;
}

.section-heading {
	margin-bottom: 35px; 
}





.contact-us {
  position: relative;
  z-index: 2;
  margin-top: 65px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center; 
}

.contact-icon {
  position: absolute; 
}
.contact-icon i {
  font-size: 36px;
  top: -5px;
  position: relative;
  color: #007bff; 
}
.contact-info {
  margin-left: 75px;
  color: #fff; 
}
.contact-info h3 {
  font-size: 20px;
  color: #fff;
  margin-bottom: 0; 
}
.copyright {
  padding: 14px 0;
  margin-top: 0;
  margin-bottom: 5px;
  background-color: #fff; 
}
.copyright span,
.copyright a {
  color: #878787;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear; 
}
.copyright a:hover {
  color:#007bff; 
}
.copyright-menu ul {
  text-align: right;
  margin: 0; 
  padding-left:0;
}
.copyright-menu li {
  display: inline-block;
  padding-left: 20px; 
  text-decoration:underline;
}
@media (max-width:975px) {
    .copyright {
      margin-top: 0;
    }
	.copyright-menu ul {
	  	text-align: left;
	}
    .copyright-menu li {
      display: inline-block;
	  padding-left:0;
      padding-right: 20px; 
    }
}


/* popups */

#newsletterModal .modal-dialog .modal-content .modal-body {
border-radius:30px;
background:#00529c;
border:3px solid #00529c;
color:#ffffff;
}

#newsletterImage {
border-radius: 27px 0px 0px 27px;
}

.modal-content {
  border: none;
  background: transparent;
  padding: 0 19px
}

.close {
  position: relative;
  top: 48px;
  left: 13px;
  z-index: 1;
  font-size: 30px;
  font-weight: bold;
  line-height: 1;
  color: white;
  filter: invert(100%);
}

.modal-header {
  border: none
}

.modal-header .close {
  padding: 0rem 1rem !important;
  margin: -1rem 0rem -2rem auto
}

.modal-body {
  border: none;
  background-color: white;
  padding-bottom: 5px
}

.close.focus,
.close:focus {
  outline: 0;
  box-shadow: none !important
}

.form-control.focus {
  border: none;
  border-color: #00529c;
  border-bottom: 1px solid #000;
  outline: 0;
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5)
}

#newsletterModalInput {
  border: 3px solid #00529c;;
}

@media (min-width:599px) {
  .modal-dialog {
      max-width: 47rem
  }
  .details {
      padding: 30px 30px 30px 30px;
  }
}


.logo.inverted svg {
  fill:#00529c;
}
.logo.inverted svg .orange {
  fill:#e87b1e;
}
.logo {
  fill:#fff;
}
.modal-open {
  /* overflow: auto; */
}

/* form elements */
input[type=checkbox].small {
  position: relative;
  width: 15px;
  height: 15px;
  border: 1px solid #2a3a4b;
  margin: 0px;
  z-index: 1;
  outline: none;
  cursor: pointer;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.checkbox-container:hover input[type=checkbox].small:not(:checked):after,
input[type=checkbox].small:hover:not(:checked):after {
  zoom: 1;
  filter: alpha(opacity=30);
  -webkit-opacity: 0.3;
  -moz-opacity: 0.3;
  opacity: 0.3;
}
input[type=checkbox].small:checked:before {
  background: white;
}
input[type=checkbox].small:checked:after {
  border-color: #2a3a4b;
  zoom: 1;
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
input[type=checkbox].small:before,
input[type=checkbox].small:after {
  position: absolute;
  display: block;
  content: '';
}
input[type=checkbox].small:before {
  width: 100%;
  height: 100%;
  background: white;
  border-radius: 2px;
}
input[type=checkbox].small:after {
  width: 6px;
  height: 3px;
  left: 3.375px;
  top: 3.7875px;
  border-left: 3px solid #2a3a4b;
  border-bottom: 3px solid #2a3a4b;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  zoom: 1;
  filter: alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}
input[type=checkbox].small.extra {
  position: relative;
  width: 12px;
  height: 12px;
  border: 1px solid #2a3a4b;
  margin: 0px;
  z-index: 1;
  outline: none;
  cursor: pointer;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.checkbox-container:hover input[type=checkbox].small.extra:not(:checked):after,
input[type=checkbox].small.extra:hover:not(:checked):after {
  zoom: 1;
  filter: alpha(opacity=30);
  -webkit-opacity: 0.3;
  -moz-opacity: 0.3;
  opacity: 0.3;
}
input[type=checkbox].small.extra:checked:before {
  background: white;
}
input[type=checkbox].small.extra:checked:after {
  border-color: #2a3a4b;
  zoom: 1;
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
input[type=checkbox].small.extra:before,
input[type=checkbox].small.extra:after {
  position: absolute;
  display: block;
  content: '';
}
input[type=checkbox].small.extra:before {
  width: 100%;
  height: 100%;
  background: white;
  border-radius: 2px;
}
input[type=checkbox].small.extra:after {
  width: 4.8px;
  height: 2.4px;
  left: 2.7px;
  top: 3.03px;
  border-left: 2.4px solid #2a3a4b;
  border-bottom: 2.4px solid #2a3a4b;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  zoom: 1;
  filter: alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}
input[type=checkbox],
input[type=checkbox].medium {
  position: relative;
  width: 25px;
  height: 25px;
  border: 1px solid #2a3a4b;
  margin: 0px;
  z-index: 1;
  outline: none;
  cursor: pointer;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.checkbox-container:hover input[type=checkbox]:not(:checked):after,
.checkbox-container:hover input[type=checkbox].medium:not(:checked):after,
input[type=checkbox]:hover:not(:checked):after,
input[type=checkbox].medium:hover:not(:checked):after {
  zoom: 1;
  filter: alpha(opacity=30);
  -webkit-opacity: 0.3;
  -moz-opacity: 0.3;
  opacity: 0.3;
}
input[type=checkbox]:checked:before,
input[type=checkbox].medium:checked:before {
  background: white;
}
input[type=checkbox]:checked:after,
input[type=checkbox].medium:checked:after {
  border-color: #2a3a4b;
  zoom: 1;
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
input[type=checkbox]:before,
input[type=checkbox].medium:before,
input[type=checkbox]:after,
input[type=checkbox].medium:after {
  position: absolute;
  display: block;
  content: '';
}
input[type=checkbox]:before,
input[type=checkbox].medium:before {
  width: 100%;
  height: 100%;
  background: white;
  border-radius: 2px;
}
input[type=checkbox]:after,
input[type=checkbox].medium:after {
  width: 10px;
  height: 5px;
  left: 5.625px;
  top: 6.3125px;
  border-left: 5px solid #2a3a4b;
  border-bottom: 5px solid #2a3a4b;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  zoom: 1;
  filter: alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}
input[type=checkbox].large {
  position: relative;
  width: 40px;
  height: 40px;
  border: 1px solid #2a3a4b;
  margin: 0px;
  z-index: 1;
  outline: none;
  cursor: pointer;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.checkbox-container:hover input[type=checkbox].large:not(:checked):after,
input[type=checkbox].large:hover:not(:checked):after {
  zoom: 1;
  filter: alpha(opacity=30);
  -webkit-opacity: 0.3;
  -moz-opacity: 0.3;
  opacity: 0.3;
}
input[type=checkbox].large:checked:before {
  background: white;
}
input[type=checkbox].large:checked:after {
  border-color: #2a3a4b;
  zoom: 1;
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
input[type=checkbox].large:before,
input[type=checkbox].large:after {
  position: absolute;
  display: block;
  content: '';
}
input[type=checkbox].large:before {
  width: 100%;
  height: 100%;
  background: white;
  border-radius: 2px;
}
input[type=checkbox].large:after {
  width: 16px;
  height: 8px;
  left: 9px;
  top: 10.1px;
  border-left: 8px solid #2a3a4b;
  border-bottom: 8px solid #2a3a4b;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  zoom: 1;
  filter: alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}
input[type=checkbox].large.extra {
  position: relative;
  width: 60px;
  height: 60px;
  border: 1px solid #2a3a4b;
  margin: 0px;
  z-index: 1;
  outline: none;
  cursor: pointer;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.checkbox-container:hover input[type=checkbox].large.extra:not(:checked):after,
input[type=checkbox].large.extra:hover:not(:checked):after {
  zoom: 1;
  filter: alpha(opacity=30);
  -webkit-opacity: 0.3;
  -moz-opacity: 0.3;
  opacity: 0.3;
}
input[type=checkbox].large.extra:checked:before {
  background: white;
}
input[type=checkbox].large.extra:checked:after {
  border-color: #2a3a4b;
  zoom: 1;
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
input[type=checkbox].large.extra:before,
input[type=checkbox].large.extra:after {
  position: absolute;
  display: block;
  content: '';
}
input[type=checkbox].large.extra:before {
  width: 100%;
  height: 100%;
  background: white;
  border-radius: 2px;
}
input[type=checkbox].large.extra:after {
  width: 24px;
  height: 12px;
  left: 13.5px;
  top: 15.15px;
  border-left: 12px solid #2a3a4b;
  border-bottom: 12px solid #2a3a4b;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  zoom: 1;
  filter: alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}

#searchInput {
  border-radius: 100px;
  width: 50px;
  border: 4px solid #00529c;
  outline: none;
  padding-left: 15px;
  font-size: 16px;
  height: 48px;
  transition: all 300ms;
}

.lengthen {
  width:420px !important;
  transition: all 300ms;
}

.reduce {
  width:10px !important;
  transition: all 200ms;
}

#searchBtnContainer {
  width:48px;
  background:#00529c;
  border-radius:100%;
  border:1px solid white;
  align-self:center;
  height: 48px;
  outline:none;
  margin-right:0px;
}

#searchBtnContainer  svg {
  display: block;
  fill: none;
  margin-top: 6px;
  height: 20px;
  width: 20px;
  stroke: #fff;
  stroke-width: 4px;
  overflow: visible;
  /*** margin-left: -3px; ***/
  margin-left: 13px;
  margin-top: 2px;
  height: 19px;
}

#searchBtnContainer.searchActive {
  width: 48px;
  background: #00529c;
  border-radius: 100%;
  border: 0px solid #00529c;
  align-self: center;
  height: 48px;
  position: absolute;
  margin-right: 0;
  right:10px;
}

#searchBtnContainer svg:nth-child(2), #searchBtnContainer svg:nth-child(3) {
  display:none;
}

#searchBtnContainer.searchActive svg:nth-child(1) {
  display:none;
}

#searchBtnContainer.searchActive svg:nth-child(2), #searchBtnContainer.searchActive svg:nth-child(2) g {
  display:block;
  max-width: 12px;
  margin-top: -6px;
  stroke: #00529c;
  margin-left: -30px;
}

#searchBtnContainer.searchActive svg:nth-child(3), #searchBtnContainer.searchActive svg:nth-child(3) g {
  max-width: 14px;
  margin-top: -14px;
  display: block;
  margin-left: 16px;
  stroke:#fff;
  fill:#fff;
}






/* tooltip */

.popover{
	min-width:350px;
	max-width:1500px;
	border-radius:27px;
	min-height:80px;
	padding:0px;
	box-shadow: rgba(0, 0, 0, 0.15) 0px 16px 32px, rgba(0, 0, 0, 0.2) 0px 3px 8px;
}


.popover-body, .popover-body * {
  /* height:100%; */
  height:auto;
}

.popover-header {
    padding: 0.6rem 0.75rem 0.5rem 0.75rem;
	background-color: #333;
    color: white;
}
.popover-body {
	background-color:white;
	font-size:1em;
	line-height:1.3em;
	padding-top:15px;
	padding-bottom:15px;
	padding-right:25px;
}
.popover-body ul {
	padding-left:25px;
}
.popover-content {
	padding:0px;
	margin:0px;
}
.popover-content h4 {
  color: #00A1FF;
}
.popover-content h4 small {
  color: black;
}
.popover-content button.btn-primary {
  color: #00A1FF;
  border-color:#00A1FF;
  background:white;
}

.popover-content button.btn-default {
  color: gray;
  border-color:gray;
}

.hide {
  display:none;
}

@media (min-width:1187px) AND (max-width:1209px) {
	.nav-link {
		margin-left:3px !important;
		margin-right:3px !important;
	}	
}

.subMenu-item:hover span.subMenu-item-link {
	text-decoration:underline;
}




	



/*** Buttons ***/

.btn-no {
	text-decoration: underline;
}
.btn {
    color: #ffffff;
    border-radius: 50px;
    padding: 11px 20px;
    /* font-size: .9rem; */
    white-space: nowrap;
    cursor: pointer!important;
	font-size:1rem;
	line-height:1.23rem;
    /* max-width: 100%; */
}
@media (max-width:1015px) {
    .btn {
        font-size:1.4vw!important;
    }
}
@media (max-width:767px) {
    .btn {
        font-size:1rem!important;
    }
}
.btn-blue, .btn-primary {
    background: #00529c;
    border: 3px solid #00529c;
}
.btn-blue-ghost {
    color: #00529c;
    background: #ffffff;
    border: 3px solid #00529c;
    cursor: pointer!important;
}
.btn-pile {
	margin-right:15px;
	margin-bottom:15px;
}
.btn-pile-sm {
	margin-right:7px;
	margin-bottom:11px;
}
.btn.btn-outline-primary {
    border-radius: 37px;
    color: #00529c;
    border-radius: 50px;
    background: #00529c12;
    padding: 3px 15px;
    border: 3px solid #00529c;
    font-size: .9rem;
    white-space: nowrap;
    cursor: pointer !important;
    max-width: 100%;
}
.btn.btn-outline-primary:hover {
	background: #00529c42;
	background: #00529c;
	color:white;
}




@media (max-width:992px) {
    .footer-box-info {
        position: relative;;
    }


#newsletterImage {
        border-radius: 27px 27px 0px 0px;
        width:100%;
        }
}


@media (max-width:767px) {
    .subpage {
        background-position: center;
    }
}

@media (max-width:576px) {

              .navbar {
                justify-content:normal;
                padding-left:25px;
              }

            .navbar {
                justify-content:space-between;
         
              }

            }

@media (max-width:460px) {
        
        .navbar {
            justify-content:space-between;
     
          }
    
}


#full-menu {
    overflow-y: scroll;
}
@media (orientation:portrait) {

    .full-menu {
        height:auto;
        overflow-y: scroll;
    }

    .full-menu .pinned-heading {
        display: none;
    }

}
.full-menu.active {
	min-height:100%;
	height:auto;
}


/*** Destroy defaults ***/

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 20px;
    padding-left: 20px;
}

/*** Overwrites website/media css ***/

.container {
	max-width:1300px;
	min-width:320px!important;
}
.container-fluid {
	max-width:1800px;
}
.contain-block-modal {
	overflow-x:hidden;
}



.mh-500 {
	min-height: 500px;
}
.mh-900 {
	min-height: 900px;
}


.fl-widget {
	min-height:100px;
}

.fl-widget:hover {
	background-color:#fffafa;
}
/*** Carousel and Hero-intro ***/

img {
	max-width:100%;	
}

p.card-text {
	font-size:0.95em;
	line-height:1.45em;
}

.hero-intro {
    /*** 
	border: 7px solid white;
	border: 22px solid white; ***/
	overflow:hidden;
	background-image: url(assets/teacher-at-desk.jpg);
    background-size: cover;
    height: 80vh;
    padding: 30px;
    font-family: 'Rubik', sans-serif;
    scrollbar-width: 0px;
    position: relative;
    border-radius: 50px;
}
@media screen and (max-width: 800px) {
    .hero-intro {
    	max-height:500px!important;
		border:0 !important;
		border-radius:0 !important;
		padding-left:12px !important;
		padding-right:12px !important;
    }
	/***
	.hero-pinned-heading {
		font-size:12vw;
		line-height:12vw;	
		white-space: normal;
	}
	***/
	#footer {
		border:0;
		padding:25px 0 0;
	}
}


/*** Hero Pinned Heading ***/
.hero-pinned-heading {
    opacity: 0.99;
    color: white;
    font-size: 7.6vw;
    font-weight: 600;
    text-transform: uppercase;
    position:absolute; 
    bottom:0;
    line-height:1.12;
    text-shadow: 0px -1px 1px #999;
	margin-bottom:-32px;
}

@media screen and (min-width: 1721px) {
    .hero-pinned-heading {
        font-size:5vw;
        line-height:1.0;
        padding-bottom:15px;
    }
}
@media screen and (min-width: 1401px) and (max-width: 1720px) {
    .hero-pinned-heading {
        font-size:7vw;
        line-height:1.0;
        padding-bottom:15px;
    }
}
@media screen and (min-width: 1301px) and (max-width: 1400px) {
    .hero-pinned-heading {
        font-size:6vw;
        line-height:1.02;
        padding-bottom:15px;
    }
}
@media screen and (max-width: 1300px) {
    .hero-pinned-heading {
        font-size:8vw;
        line-height:1.01;
        padding-bottom:14px;
    }
}
@media screen and (max-width: 1100px) {
    .hero-pinned-heading {
        line-height:0.85;
        padding-bottom:22px;
        font-size:85px;
    }
}
@media screen and (max-width: 800px) {
    .hero-pinned-heading {
        line-height:0.9;
        padding-bottom:23px;
        font-size:83px;
    }
}
@media screen and (max-width: 690px) {
    .hero-pinned-heading {
        line-height:0.9;
        padding-bottom:24px;
        font-size:71px;
    }
}
@media screen and (max-width: 530px) {
    .hero-pinned-heading {
        line-height:0.9;
        padding-bottom:25px;
        font-size:70px;
    }
}
@media screen and (max-width: 460px) {
    .hero-pinned-heading {
        line-height:1;
        padding-bottom:23px;
        font-size:53px;
    }
}


/*** Containers+ ***/
.container-sidebar-starter {
	padding-right:0px !important;
}
.container-sidebar {
	padding-left:25px;	
	/*** border-left:1px solid #eee; ***/
}
@media screen and (max-width: 991px) {
    .container-sidebar-starter {
        padding-right:0px !important;
    }
    .container-xs-border {
    	border:3px solid #ddd;
		border-radius:30px;
		padding:21px;
		background-color:#f3f3f3;
		
    }
	.container-xs-reverse {
		background-color:#ddd;
	}
    .container-sidebar {
        padding-left:0;	
		border-left:0;
    }
}
@media screen and (max-width: 800px) {
	.container-fluid {
		padding-left:0 !important;
		padding-right:0 !important;
	}
}




/*** Flex extention ***/

div.d-flex-ltr-nonjust {
	display: flex!important; 
	flex-flow: row nowrap; 
	justify-content: flex-start; 
	align-items: stretch; 
	align-content: flex-start; 
	gap: 10px 20px;
}


.form-control {
    background-color:#fafafa;
}
.m-d-sm {
    margin-bottom:25px;
}

.form-flex-row {
    display:flex;
    margin-bottom:15px;
}
.form-flex-row-wrap {
    display:flex;
    flex-wrap: wrap;
}
.form-flex-label {
    width:150px;
	min-width:150px;
    font-size:16px;
    padding-top:4px;
    line-height:30px;
}
.form-flex-label-multi {
    width:150px;
    font-size:16px;
    padding-top:2px;
    line-height:18px;
}
.form-flex-input {
    width:100%;
}
.form-flex-double {
    width:50%;
    padding-right:15px;
}
.form-flex-double-34-a {
    width:70%;
    padding-right:15px;
}
.form-flex-double-34-b {
    width:30%;
    padding-right:15px;
}
.form-flex-double-static {
    width:49%;
}
.form-flex-triple {
    width:33%;
    padding-right:15px;
}
.form-flex-triple-static {
    width:32%;
}
.form-flex-double:last-child, .form-flex-triple:last-child .form-flex-double-34-b {
    padding-right:0;
}
@media (max-width: 576px) {
    .d-flex-to-block-xs {
        display:block !important;
    }
    .form-flex-row {
        display:block !important;
    }
    .form-flex-label, .form-flex-input, .form-flex-double, .form-flex-triple, .form-flex-double-34-a, .form-flex-double-34-b {
        width:100%;	
        display:block;
        padding-right:0;
    }
    .hide-on-xs {
        display:none;
    }
}
.form-control-admin {
    background-color:#ececec;
    padding-left:8px;
    font-size:16px;
    border-bottom-width :1px !important;
}
.form-flex-input-pu {
    padding-top:8px;
}
.form-admin-header {
    display:block;
    width:100%;
    border-bottom:1px solid #ff4e83;
    color:orangered;
    padding:12px 0 8px;
    font-size:18px;
    line-height:18px;
    font-weight:600;
    margin-bottom:15px;
}
.form-flex-describer {
	font-size:13px;
	line-height:21px;
	color:#777;
	padding-left:13px;
	margin-bottom:0;
}
.btn-admin-override .btn-default{
    color:white;
    font-weight:300;
}
.content-item-tile-name {
    font-size:11px;
    line-height:13px;
}	
.btn-sup {
    margin-right:3px;
    background-color:#2A2E6F;
    background-color:#bbb;
    padding:5px;
    text-align:center;
    width:22px;
    display:inline-block;
    border-radius:50%;
}
.btn-sm-list {
	padding:7px;
}
.btn-sup:hover {
    background-color:#DF104A;
}
.btn-sup i {
    color:white !important;
}
.vcenter {
    vertical-align:middle;
}
.RemoveFormat p {
    margin-bottom:0 !important;
}


@media (min-width: 1420px) {
	.navbar-home {
		margin-left:15px;		
	}
}

table.dataTable thead th {
    padding: 18px 18px 18px 10px;
    border-bottom: 1px solid #111;
	background-color:#eee;
}
table.dataTable thead th, table.dataTable tfoot th {
	color:#888899;
    font-weight: normal;
}
table.dataTable {
	margin-bottom:10px;
	margin-top:5px;
}

p.card-text, .card-text:last-child {
    margin-bottom: .5rem !important;
}
.plr-15 {
	padding-left:15px; padding-right:15px;
}
.plr-5 {
	padding-left:5px; padding-right:5px;
}
.plr-10 {
	padding-left:10px; padding-right:10px;
}

.p-bb-1-15 {
	border:1px solid #ccc;
	padding:15px;
	margin-bottom:30px;
}
.p-bb-1-15-eee {
	border:1px solid #ccc;
	padding:15px;
	background-color:#eee;
	margin-bottom:30px;
}
.p-bb-1-30-eee-c {
	border:1px solid #eee;
	border-radius:35px;
	padding:30px;
	background-color:#eee;
	margin-bottom:30px;
}

.p-bb-1-15-fig {
	border:1px solid #ccc;
	padding:15px;
	padding-bottom:0px;
	margin-bottom:30px;
}
.p-bb-1-25 {
	border:1px solid #ccc;
	padding:25px;
	margin-bottom:30px;
}
.p-bb-1-25-fig {
	border:1px solid #ccc;
	padding:25px;
	padding-bottom:10px;
	margin-bottom:30px;
}
.p-bb-1-15-eee-fig {
	border:1px solid #ccc;
	padding:15px;
	padding-bottom:0px;
	background-color:#eee;
	margin-bottom:30px;
}
.p-bb-1-30-eee-c-fig {
	border:1px solid #eee;
	border-radius:35px;
	padding:30px;
	padding-bottom:15px;
	background-color:#eee;
	margin-bottom:30px;
}


@media (min-width:576px) {
    .p-br-50 {
        border-radius:50px !important;
    }
    .p-br-0 {
        border-radius:0 !important;
    }
    .p-br-10 {
        border-radius:10px !important;
    }
    .p-br-80 {
        border-radius:80px !important;
    }
    .p-br-25 {
        border-radius:25px !important;
    }
}
.m-u-z {
	margin-top:0 !important;
}
.m-u-md {
	margin-top:15px !important;
}
.m-u-lg {
	margin-top:30px !important;
}
.m-u-sm {
	margin-top:10px !important;
}
.m-d-z {
	margin-bottom:0 !important;
}
.m-d-md {
	margin-bottom:15px !important;
}
.m-d-lg {
	margin-bottom:30px !important;
}
.m-d-sm {
	margin-bottom:10px !important;
}


.eic-h-20 {
	height:20px;
}
.eic-h-50 {
	height:50px;
}
.eic-h-75 {
	height:75px;
}
.eic-h-100 {
	height:100px;
}
.eic-h-150 {
	height:150px;
}
.eic-h-200 {
	height:200px;
}
.eic-w-20 {
	width:20px;
}
.eic-w-50 {
	width:50px;
}
.eic-w-75 {
	width:75px;
}
.eic-w-100 {
	width:100px;
}
.eic-w-150 {
	width:150px;
}
.eic-w-200 {
	width:200px;
}
.eic-c {
	border-radius:10%;
}
.eic-r {
	border-radius:50%;
}
.eipr-0 {
	margin-right:0;
}
.eipr-15 {
	margin-right:15;
}
.eipr-30 {
	margin-right:30;
}

.btn-blue:hover {
    color: #B6CAE1;
    text-decoration: none;
}

.image-style-side {
    float: right;
    max-width: 50%;
}
@media screen and (min-width: 576px) and (max-width: 975px) {
    .image-style-side {
        min-width:210px;
    }
}
@media screen and (max-width: 575px) {
    .image-style-side {
        min-width:180px;
    }
}

.image-style-align-right {
	float:right;
	margin-left:20px;
	margin-bottom:15px;
}

.image-style-align-left {
	float:left;
	margin-right:20px;
	margin-bottom:15px;
}

.image-style-align-right img, .image-style-align-left img {
	width:100%;
}



@media screen and (max-width: 767px) {
    .image-style-align-right, .image-style-align-left {
        display:block !important;
		width:100% !important;
		margin-bottom:15px;
		float:none;
		margin-left:0;
		margin-right:0;
    }
}


@media screen and (max-width: 600px) {
	div.content-textarea figure {
		max-width:100% !important;
		width:100% !important;
	}
}
@media screen and (min-width: 768px) {
    div.content-textarea div figure.image-style-align-left {
    	padding-right:25px;
    }
}
@media screen and (min-width: 768px) {
    div.content-textarea div figure.image-style-align-right {
    	padding-left:25px;
    }
}


.image-style-align-center {
	float:center;
}
figure.image-style-align-center { 
	margin-left:auto !important;
	margin-right:auto !important;
	text-align:center;
}

.d-flex-dyna-image {
	margin-top:3px; 
	background-size:cover; 
	background-position:center center; 
	border:1px solid #ddd; 
	box-shadow: 0 4px 5px 0 rgba(0,0,0,0.2),0 4px 5px 0 rgba(0,0,0,0.19);
}
.d-flex-dyna-left {
    margin-right:15px;
}
@media screen and (max-width: 576px) {
    .d-flex-dyna {
		display:block !important;
		width:100% !important;
		height:auto !important;
	}
    .d-flex-dyna-image {
		display:block !important;
		width:100% !important;
		height:auto !important;
		min-height:250px !important;
		border-radius:0 !important;
		margin-bottom:25px;
        -webkit-box-shadow: none !important;
        -moz-box-shadow: none !important;
        box-shadow: none !important;
	}
    .d-flex-dyna-left {
        margin-right:0; width:100% !important; display:block;
    }
    .d-flex-dyna-right {
        width:100% !important; display:block;
    }
}

ul.footer-links li {
	margin-bottom:10px;
}


.ck-editor__editable {
	min-height:280px;
}


	@media (max-width: 1000px) {
		a.btn {
		    font-size: 0.9rem!important;
		}
	}
	.contain-block-modal {
		padding:30px 15px 15px;
	}



	oembed {
		width:100% !important;
	}
	oembed figure.media {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: start;
		align-items: flex-start;
	}
	.ck-media__wrapper {
		margin: 0 auto;
		width:100%;
	}

.text-huge {
	font-size:1.8em;
	line-height:1.3em;
}



/*** Content Style Import ***/

	header.fl-header {
		top:43px; 
      	left:0;
      	z-index:100;
		margin-left:auto;
		margin-right:auto;
		border-radius:50px; 
		background-color:rgba(85,85,85,0.25); 
		padding:14px 20px 14px 20px;
		padding:7px 10px 7px 20px;
	}
    @media (max-width: 991px) {
		header.fl-header {
			border-radius:0;
			padding:4px 25px;
		}
	}
    @media (min-width: 1420px) {
        header.fl-header {
            width:95% !important;
        }
    }
    header.fl-header a {
      text-decoration:none;
      color:#000;
    }
	
    @media (min-width:  991px) and (max-width: 1420px) {
        figure.logo {
            padding-left:23px;
        }
    }
    @media (min-width:  576px) and (max-width:  991px) {
        figure.logo {
            padding-left:0;
        }
    }
    @media (max-width:  575px) {
        figure.logo {
            padding-left:23px;
        }
    }
	
	#cpage-content-header-bg {
		background-color:#555; 
		height:81px;
	}
	@media (max-width:990px) {
        #cpage-content-header-bg {
            height:61px;
        }
	}
	#cpage-content-header-bg-admin {
		background-color:#555; 
		height:91px;
	}
	@media (max-width:990px) {
        #cpage-content-header-bg-admin {
            height:71px;
        }
	}
	
	#cpage-hero-container {
		padding-left:0; padding-right:0;
		z-index:-90
	}
    #cpage-hero {
        opacity: 1.0;
        background-color:#333;
        background-size:cover;  
        background-position:center 10%; 
        position:relative;
		object-fit: cover;
    }
	
	#cpage-hero-title-container {
		display:block;
		width:100%;
		position:absolute; 
		right:0; 
		bottom:50; 
		background-color:rgba(215, 54, 109,0.7);
		padding:15px 30px 5px 30px; 
		text-align:left;
	}
	@media (max-width:996px) {
		#cpage-hero-title-container {
			padding-left: 20px;
		}
	}
	@media (max-width:567px) {
		#cpage-hero-title-container {
			padding-left: 20px;
		}
	}
	
	#cpage-content-area {
		padding-top:5px;
		display:block;
		width:100%;
		position:relative;
		z-index:1;
		background-color:white;
		border-top-left-radius: 15px;
		border-top-right-radius: 15px;
	}
    @media (max-width:575px) {
		#cpage-content-area {
			border-top-left-radius: 0;
			border-top-right-radius: 0;
		}		
	}
	
	#cpage-content {
		position:relative;
	}
	
	
	
	.container-full-page {
		background-color:#eee;
  		background-color:rgba(0,0,0,0.2) !important;
	}
	
	.ck-content p a.btn {
		margin-bottom:15px;
	}
	.content-textarea, .ck-content,
		.content-textarea p, .ck-content p {
		font-size:var(--fontPrimarySize);
		line-height:var(--fontPrimaryHeight);
		font-family:var(--fontPrimaryFamily);
		color:#111;
	}


	.content-textarea span.text-tiny, .ck-content span.text-tiny,
		.content-textarea p span.text-tiny, .ck-content p span.text-tiny {
		font-size:0.75rem !important;
		line-height:0.75rem !important;
	}
	.content-textarea p span.text-tiny strong, .content-textarea p span.text-tiny i {
		font-size:0.75rem !important;
		line-height:0.75rem !important;
	}

    .content-textarea h1, .ck-editor__editable h1, .content-textarea h1 i, .ck-editor__editable h1 i, 
			.content-textarea h1 b, .ck-editor__editable h1 b, .content-textarea h1 strong, .ck-editor__editable h1 strong  {
        font-size:1.9rem;	
        line-height:2.2rem;	
		margin-bottom:1.2rem;
    }
    .content-textarea h2, .ck-editor__editable h2, .content-textarea h2 i, .ck-editor__editable h2 i, 
			.content-textarea h2 b, .ck-editor__editable h2 b, .content-textarea h2 strong, .ck-editor__editable h2 strong  {
        font-size:1.7rem;	
        line-height:1.95rem;	
		margin-bottom:1.2rem;
    }
    .content-textarea h3, .ck-editor__editable h3, .content-textarea h3 i, .ck-editor__editable h3 i, 
			.content-textarea h3 b, .ck-editor__editable h3 b, .content-textarea h3 strong, .ck-editor__editable h3 strong  {
        font-size:1.5rem;	
        line-height:1.9rem;	
		margin-bottom:1.0rem;
    }
    .content-textarea h3 a {
        font-size: 1.5rem;
        line-height: 1.9rem;
        margin-bottom: 1rem;
    }
    .content-textarea h4, .ck-editor__editable h4,  
			.content-textarea h4 b, .ck-editor__editable h4 b, .content-textarea h4 strong, .ck-editor__editable h4 strong {
        font-size:1.4rem;	
        line-height:1.85rem;	
		margin-bottom:1.0rem;
    }
    .content-textarea h5, .ck-editor__editable h5, .content-textarea h5 i, .ck-editor__editable h5 i, 
			.content-textarea h5 b, .ck-editor__editable h5 b, .content-textarea h5 strong, .ck-editor__editable h5 strong  {
        font-size:1.3rem;	
        line-height:1.8rem;	
		margin-bottom:1.0rem;
    }
    .content-textarea h6, .ck-editor__editable h6, .content-textarea h6 i, .ck-editor__editable h6 i, 
			.content-textarea h6 b, .ck-editor__editable h6 b, .content-textarea h6 strong, .ck-editor__editable h6 strong  {
        font-size:1.2rem;	
        line-height:1.75rem;	
		margin-bottom:1.0rem;
    }

    .content-textarea button.btn-accordion-faq p, .ck-editor__editable button.btn-accordion-faq p {
        font-size:1.1rem;	
        line-height:1.15rem;	
		margin-bottom:1.0rem;
		font-weight:500;
    }

	.content-textarea p span.text-small {
		font-size:14px;
		line-height:17px;
	}

	.content-textarea figure.image {
		margin:1.25rem 0 1.25rem;
	}
	.content-textarea figure.image-style-align-left {
		margin-right:1.25rem;
	}
	.content-textarea figure.image-style-align-right {
		margin-left:1.25rem;
	}
	.content-textarea figure.image figcaption {
		padding-top:7px;
		padding-bottom:8px;
		font-size:14px;
		line-height:17px;
		text-align:center;
		background-color:#eee;
		padding-left:8px;
		padding-right:8px;
	}
	.content-textarea figure.image figcaption .text-small {
		font-size: .85em;
	}
	@media (max-width:767px) {
		.content-mobile-first figure {
			float:none !important;
		}
	}
	figcaption.ck-editor__editable {
		min-height:30px;
	}
	
.background-div-blur {
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
  width: 100%;
}
html.background-html-blur {
  background: rgba(255, 255, 255, 0.2); 
  backdrop-filter: blur(8px);
  height: 100vh;
  width: 100%;
}

.mr-1b {
	margin-right:10px;
}
.dropshadow-xs {
	filter: drop-shadow(1px 1px 2px #aaa);
}
.dropshadow-sm {
	filter: drop-shadow(4px 4px 2px #aaa);
}
.dropshadow-md {
	filter: drop-shadow(12px 12px 8px #aaa);
}
.dropshadow-lg {
	filter: drop-shadow(16px 16px 12px #aaa);
}


/*** dynamic list cards ***/

div.card-listdy {
	margin-bottom:10px;
}

div.card-listdy div article.card div.card-container-common div.card-body {
	box-shadow: 0 0 3px 1px #f4f4f4;
}

/*** Webinars ***/

    div.col-flex-fixed-width-300 {
        flex: 0 0 300px;
    }
    @media (max-width:976px) {
        div.col-flex-fixed-width-300 {
            width:100%;
            flex:auto;
        }
    }
    @media (max-width:800px) {
        div.col-flex-fixed-width-300 {
            flex: 0 0 100%;
            display: flex;
            flex-wrap:wrap !important;
            align-content: space-between;
        }
    }
	
    div.col-flex-fixed-width-200 {
        flex: 0 0 200px;
    }
    @media (max-width:1076px) {
        div.col-flex-fixed-width-200 {
            width:100%;
            flex:auto;
        }
    }
	
	div.col-flex-fixed-width-600 {
		flex: 0 0 560px;
	}
	div.col-flex-fixed-width-600-col {
		display:inline-block;
		width:200px;
		margin-right:10px;
	}
	div.col-flex-fixed-width-600-col:last-child {
		margin-right:0px;
		width:300px;
	}
    @media (max-width:1290px) {
        div.col-flex-fixed-width-600 {
            flex: 0 0 300px;
        }
		div.col-flex-fixed-width-600-col {
			display:block;
			margin-right:0;
			margin-bottom:15px;
			width:300px;
		}
	}
    @media (max-width:956px) {
		div.col-flex-fixed-width-600 {
			width:100%;
			flex:none;
		}
        div.col-flex-fixed-width-600-col, div.col-flex-fixed-width-600-col:last-child {
            display:inline-block;
			width:49.5%;
        }	
    }
    @media (max-width:600px) {
        div.col-flex-fixed-width-600-col, div.col-flex-fixed-width-600-col:last-child {
            display:block;
			width:100%;
        }	
    }
	
    .grid-content-flex-item {
		position: relative; 
        flex-grow: 1;
        min-width: 380px;
		transition: top ease 3s;
    }
    .grid-content-flex-item:hover{ 
		position: relative; 
        top: -5px;
		transition: top ease 3s;
	} 
	
	.grid-content-flex-item, .grid-content-tile-border, .grid-content-tile-item-block {
        height: 275px;
        height: 300px;
	}
	
	.grid-content-flex-container {
	    display: flex;
	    flex-wrap: wrap;
	    gap: 15px 15px;
	    gap: 25px 25px;
	    justify-content: space-between;
	    align-items: stretch;
	}
	.grid-content-tile-border {
		display:block;
		width:100%;
		border:1px solid #00529c;
		border:1px solid #eee;
	}
	
	.grid-content-tile-border:hover {
		display:block;
		width:100%;
		border-color:#eee;
		border-color:#8B4000;
		border-color:#ccc;
	}
	.grid-content-tile-border:hover .grid-content-tile-item-block .grid-content-tile-item-block-bg {
		background-color:#8B4000;
		background-color:rgba(190,99,10,0.91);
	}
	
	.grid-content-tile-item-block {
		display:block;
		width:100%;
		position:relative; 
		background-size:contain; 
		background-position:0% 0%;
		background-size:cover;
		background-position:center 30%;
	}
	
	.grid-content-tile-item-block-bg {
		display:block;
		width:100%;
		position:absolute; 
		bottom:0;
		left:0; 
		padding:12px 15px; 
		padding:20px 20px 5px; 
		background-color:rgba(0,0,0,0.24);
		background-color:rgba(0,0,0,0.64);
		background-color:rgba(17,29,115,0.89);
		background-color:rgba(5,70,141,0.89);
	}
	.grid-content-tile-item-block-info {
		padding-bottom:10px;
		padding-bottom:0px;
		position:relative;
	}
	
	.grid-content-tile-item-block-dategfx {
		position:absolute;
		top:-87px;
		right:-10px;
	}
    .grid-content-tile-item-block-dategfx-container {
        min-width:55px; max-width:80px; background-color:rgba(1,1,1,0.5); text-align:center; line-height:10px; border:1px solid rgb(0, 82, 156);
    }
    .grid-content-tile-item-block-dategfx-container-month {
        display:block; width:100%; background-color:rgb(0, 82, 156); padding-top:1px; padding-bottom:1px;
    }
    .grid-content-tile-item-block-dategfx-container-month-text {
        margin-bottom:0; color:white !important; font-size:13px !important; 
		line-height:19px !important; font-weight:600 !important; letter-spacing:0.05em !important;			
    }
    .grid-content-tile-item-block-dategfx-container-day {
        display:block; width:100%; background-color:white !important; padding-top:5px !important; padding-bottom:5px !important;
    }
    .grid-content-tile-item-block-dategfx-container-day-text {
        margin-bottom:0; color:#333 !important; font-weight:600; letter-spacing:0.05em !important;
    }
	
	.grid-content-tile-item-block-dategfx-expired .grid-content-tile-item-block-dategfx-container {
		border:1px solid rgb(20, 20, 20) !important;
	}
	.grid-content-tile-item-block-dategfx-expired .grid-content-tile-item-block-dategfx-container-month {
		background-color:#333 !important;
	}
	
	.grid-content-tile-item-block-name {
		display:block;
		width:100%;
		font-size:21px;
		font-weight:400;
		line-height:24px;
		margin-bottom:7px;
	}
	.grid-content-tile-item-block-desc {
		display:block;
		width:100%;
		font-size:14px;
		line-height:16px;
		line-height:19px;
		margin-bottom:0;
		padding-bottom:10px;
	}
	.grid-content-tile-item-block-date {
		display:block;
		width:100%;
		font-size:12px;
		line-height:15px;
		margin-bottom:0;
		text-align:right;
	}
	
	.d-flex-xs-stack {
		display:flex;
	}
	@media (max-width: 767px) {
		.p-xs-lr {
			padding-left:15px;
			padding-right:15px;
		}
		.d-flex-xs-stack, .d-flex-xs-stack div {
			display:block !important;
			width:100% !important;
			max-width:100% !important;
			margin-right:0;
		}
		.d-flex-xs-stack, .d-flex-xs-stack div a div.d-flex-xs-stack-image {
			width:100% !important;
			min-height:200px !important;
			margin-bottom:10px;
		}
	}
    .d-flex-xs-stack div.grid-content-tile-item-block-dategfx-container {
        max-width:60px !important;
    }
	div.d-flex-xs-stack-no-child {
		display:flex;
	}
	@media (max-width: 767px) {
		.d-flex-xs-stack-no-child {
			display:block !important;
			width:100% !important;
			max-width:100% !important;
			margin-right:0;
		}
	}
	
	@media (max-width: 767px) {
        .line-xs {
            display:block;
            width:100%;
            padding-top:5px;
            border-bottom:1px solid #aaa;
            margin-bottom:10px;
        }
	}
	
    div.filter-bars-expand-mobile {
        display:none;
    }
    div.filter-bars {
        display:block;
    }
	@media (max-width: 976px) {
		div.filter-bars-expand-mobile {
			display:block;
		}
		div.filter-bars {
			display:none;
		}
	}

	#cpage-content-area {
	    margin-top: -720px;
	}		
	
	input[type=checkbox]:before, input[type=checkbox].medium:before, input[type=checkbox]:after, input[type=checkbox].medium:after {
		box-sizing: unset;	
	}
	input[type=checkbox]:after, input[type=checkbox].medium:after {
		left:0;
		top:0;
	}
	input[type=checkbox], input[type=checkbox].medium {
		width:15px; height:15px;
		border: 1px solid #888;
	}

    .panel-heading  a:before {
       font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f106";
       font-family: "Font Awesome 5 Pro"; font-weight: 900; content: "\f106";
       float: right;
       transition: all 0.5s;
    }
    .panel-heading.active a:before {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        transform: rotate(180deg);
    } 


/*** Templated blockquotes ***/

div.fc-blockquote blockquote {
    background: #00529c;
    border-radius: 20px 20px 20px 0px;
    padding: 20px;
    z-index: 1;
    color:rgba(var(--BlockQuoteText),1) !important;
    margin-bottom:3.2rem !important;
}
div.fc-blockquote blockquote.block-right {
    border-radius:20px 20px 0px 20px;
}
div.fc-blockquote blockquote  p {
    color:rgba(var(--BlockQuoteText),1)  !important;
}
div.fc-blockquote blockquote .line-quote {
    position: relative;
    font-size: 1.5rem;
    line-height: 1.5;
    z-index: 2;
}
div.fc-blockquote blockquote .line-quote::before {
    content: "\201C";
    font-family: Georgia, serif;
    font-size: 60px;
    font-weight: bold;
    color: #999;
    position: relative;
    left: -6px;
    top: 27px;
    line-height: 0;
    z-index: 2;
    color:rgba(var(--BlockQuoteText),.5);
}
div.fc-blockquote blockquote .line-quote::after {
    content: "\201D";
    font-family: Georgia, serif;
    font-size: 11rem;
    font-weight: bold;
    color: rgba(100,100,100,.5);
    position: absolute;
    bottom: -21px;
    line-height: 0px !important;
    z-index: 3;
    display: inline-block;
    color:rgba(var(--BlockQuoteText),.5);        
}
div.fc-blockquote blockquote .line-author {
    font-style:italic;      
}
div.fc-blockquote blockquote .line-triangle {
    width: 0;
    height: 0;
    border-top: 50px solid rgba(var(--BlockQuoteLightBlue),1);
    border-left: 100px solid transparent;
    content: " ";
    position: relative;
    float: left;
    margin-left: -20px;
    bottom: -19px;
    z-index: -1;
}
div.fc-blockquote blockquote.block-right .line-triangle {
    border-left:0;
    border-right: 100px solid transparent;
    float: right;
    margin-left:0;
    margin-right: -20px;
}

.card-body-medium {
    box-shadow: rgba(0, 0, 0, 0.04) 0px 16px 32px, rgba(0, 0, 0, 0.1) 0px 3px 28px !important;
    margin-bottom: 10px;
}