@import url("https://www.thehomeworkdad.com/media/templates/site/cassiopeia_thd_main/css/editor.css");

@import url("https://thehomeworkdad.com/media/vendor/tinymce/skins/ui/oxide/content.min.css");


/***** SITE TOPOGRAPHY CSS *****/

	body {
	  max-width: 1920px;
	  margin-left: auto;
	  margin-right: auto;
	  border-left: solid;
	  border-right: solid;
	  border-color: #1635b9;
	  word-break: break-word;
	}

	body.wrapper-fluid .site-grid {
	  grid-gap: 5px 1em;
	}
/***** AUDIO FILES *****/

	audio {
	  width: 100%;
	}
	
/***** ARTICLE INFORMATION DETAILS BLOCK CSS *****/

	.GB-ArticleInfo {
		column-count: 1;
	}

	.GB-ArticleInfo dt {
		column-span: all;
		text-align: center;
		margin-bottom: 10px;
		margin-top: -10px;
		background-color: #1635b9;
		color: white;
		font-weight: bold;
		text-transform: uppercase;
	}

	dl.article-info.text-muted {
		margin: 0px;
	}

	form#adminForm thead tr th {
	  background: #1635b9;
	}

	th#categorylist_header_title a,
	th#categorylist_header_author a,
	th#categorylist_header_hits a,
	th#categorylist_header_date a  {
	   color: white;
	   font-weight: bold;
	   text-transform: uppercase;
	}
	
/***** ARCHIVE ARTICLE INFO DETAILS BLOCK CSS *****/
	#GB-Archive dl.article-info {
	  column-count: 2;
	}

	#GB-Archive .article-info-term {
	  text-align: center;
	  column-span: all;
	  margin-bottom: 10px;
	  margin-top: 15px;
	  background-color: #1635b9;
	  color: white;
	  font-weight: bold;
	  text-transform: uppercase;
	}

	#GB-Archive dd {
	  float: left;
	  display: contents;
	}

	#GB-Archive dl.article-info {
	  column-count: 2;
	  column-fill: balance;
	  column-rule-style: solid;
	  column-rule-color: #1635b9;
	  border: solid;
	  border-color: #1635b9;
	  border-width: thin;
	  padding: 15px;
	  column-rule-width: thin;
	  background-color: #f7f7f7;
	  color: black;
	  font-weight: bold;
	  margin-bottom: 20px;
	  margin-top: 20px;
	}

	#GB-Archive .intro p {
	  display: inline !important;
	}
		
	#GB-Archive .intro {
	  margin-top: 15px;
	}
		
	#GB-Archive .createdby {
	  font-weight: bold;
	  text-align: center;
	}

/***** BLOCK QUOTES CSS *****/

	.GB-Quotes blockquote {
	  margin: 10px auto;
	}

/***** BREADCRUMBS CSS *****/
	.mod-breadcrumbs__wrapper {
		font-weight: bold;
		text-transform: uppercase;
	}
		
	.breadcrumbs.no-card.GB-Breadcrumbs {
	  margin: 0px -25px -10px -25px;
	  font-size: .6em;
	}

	.GB-Breadcrumbs ol {
	  padding-left: 26px !important;
      background: none;
	}

/***** BUTTONS AND MENUS *****/

	.GB-TopMenu-MobileModule {
		display: list-item;
	}

	.GB-TopMenuModule {
		display: none;
	}

	.btn.btn-sm.btn-secondary {
	  background: #1635b9;
	  font-weight: bold;
	  color: white;
	  padding-bottom: 6px;
	}

	.readmore a.btn.btn-secondary {
	  background-color: #1635b9;
	  color: white;
	  font-weight: bold;
	  text-transform: uppercase;
	}
	
	.readmore a.btn.btn-secondary:hover {
	  background-color: red;
	}

	#GB-TopNavCenter {
	  text-align: center;
	}

	#SideMenu {
	  width: 100%;
	}
	
	.sidebar-left .card-header {
	  margin-top: 0;
	}
	
	.GB-SideMenu li.metismenu-item span {
	  margin-top: -5px;
	}
	
	div.GB-SideMenu .card-body nav {
	  margin-top: -14px;
	  margin-bottom: -14px;
	  margin-left: -6px;
	  margin-right: -6px;
	}

	ul#SideMenu button {
	  white-space: inherit;
	  text-align: left;
	}
	
	ul#SideMenu li .mm-collapsed.mm-toggler.mm-toggler-link {
	  margin-top: -32px;
	}
	
	ul#TopMenu-Mobile button.mm-toggler.mm-toggler-link[aria-expanded="false"] {
	  margin-top: -34px;
	}
	
	ul#TopMenu-Mobile button.mm-toggler.mm-toggler-link[aria-expanded="true"] {
	  margin-top: -21px;
	  margin-bottom: 21px;
	}
	
	ul#SideMenu .mm-toggler.mm-toggler-link {
	  margin-top: -25px;
	}

	ul#SideMenu li.metismenu-item.current.active {
	  background: #1635b9;
	}
	
	ul#SideMenu li a {
		display: flex;
	}

	ul#SideMenu ul.mm-show a {
	  overflow: inherit;
	}

	ul#SideMenu ul.mm-show a span {
	  margin-left: -32px;
	}

	ul#SideMenu li.metismenu-item:hover {
	  background: rgb(22, 53, 185);
	}

	ul#TopMenu-Mobile li {
	  background-color: red;
	  border-bottom: solid;
	  border-color: white;
	  border-width: thin;
	}

	ul#TopMenu-Mobile li:hover {
	  background: #1635b9;
	}

	div.GB-SideMenu li.metismenu-item,div.GB-SideMenu li.metismenu-item.deeper.parent {
	  background: red;
	  margin-bottom: 4px;
	  color: white;
	  font-weight: bold;
	}

	#GB-TopNavLeft-Menu {
	  margin-bottom: 10px;
	  width: max-content;
	  display: contents;
	}
	
	li.mm-active button {
	  margin-bottom: 8px;
	}
	
	ul#TopMenu-Mobile li.mm-active ul.mm-show li.level-2 {
	  border-top: solid thin;
	}

	ul#TopMenu-Mobile li a {
	  width: 100%;
	}

	ul#SideMenu li.metismenu-item .level-2 {
	}

	ul#SideMenu li ul.mm-show a {
	  margin-left: 32px;
	}

	div.GB-SideMenu li.metismenu-item.deeper.parent button {
	  width: 100%;
	  text-transform: uppercase;
	  font-weight: bold;
	}

	ul#SideMenu li.metismenu-item.current {
	  background: #1635b9;
	}

	.metismenu.mod-menu .mm-toggler::after {
		margin-inline-start: auto;
	}

	ul#SideMenu li.metismenu-item {
	}

	ul#SideMenu li ul.mm-collapse.mm-show {
	  width: clamp(203px, 22vw, 100%);
	  margin-left: -17px;
	}

	ul#SideMenu .metismenu-item.deeper.parent.mm-active {
	  background: red;
	}

	div.GB-SideMenu li.metismenu-item a {
	  width: 100%;
	  font-weight: bold;
	  text-transform: uppercase;
	  color: white;
	}
	
	div.GB-SideMenu span:hover::before {
		text-decoration: none;
	}

	ul#TopMenu-Mobile ul {
	  position: relative;
	}

	ul#TopMenu-Mobile ul li {
	  color: white;
	  margin-left: -17px;
	}
	
	ul#SideMenu button span {
	  margin-top: 2px;
	}
	
	ul#SideMenu li.active a span {
		margin-top: -2px;
	}
	
	ul#TopMenu-Mobile li.mm-active ul.mm-show a span {
	  margin-left: -30px;
	}

	ul#TopMenu-Mobile li.mm-active ul.mm-show a {
	  padding-left: 30px;
	}

	ul#TopMenu-Mobile button {
	  font-weight: bold;
	  text-transform: uppercase;
	  margin-top: 0px;
	  width: 100%;
	}

	ul#TopMenu-Mobile li.metismenu-item.level-1.deeper.parent.mm-active {
	  display: list-item;
	  width: 100%;
	  margin-bottom: -10px;
	}

	.mm-collapsed.mm-toggler.mm-toggler-link, .mm-toggler.mm-toggler-link {

	}

/***** CARD & GRID STYLES *****/

	.grid-child.container-sidebar-left {
	  margin-top: -17px;
	}

	.grid-child.container-top-a {
	  margin-bottom: -15px;
	}

	@supports (display:grid) {
	  .blog-items .blog-item, .com-content-article, .com-finder.finder {
		border: solid #1635b9 3px;
		padding: 25px 35px;
		background: white;
		border-radius: 10px;
	  }
	}

	.grid-child.container-component {
	  border: solid;
	  border-color: #1635b9;
	  border-width: thin;
	  border-radius: 5px;
	  padding: 0px 25px 30px 25px;
	  background: #fee56f1c;
	}

	.GB-YellowBG {
		border: solid;
		border-color: #1635b9;
		border-width: thin;
		border-radius: 5px;
		padding: 20px;
		margin: -10px auto;
		background: #fee56f1c;
	}

	.GB-NoCard div.GB-YellowBG {
	  border: none;
	  background: white;
	}

	.card {
	  border: solid;
	  border-color: #1635b9;
	  border-width: thin;
	  border-radius: 5px;
	}

	.card-header {
	  text-align: center;
	  text-transform: uppercase;
	  background: #1635b9;
	  color: white;
	}

/***** CONTACT US CSS STYLES *****/
	#GB-ContactUs {
	  background: url("https://thehomeworkdad.com/images/Common/background-contactform.webp");
	  background-position: center;
	  background-repeat: no-repeat;
	  background-size: cover;
	  position: relative;
	  margin: 25px -36px -25px -36px;
	  border-radius: 0 0 7px 7px;
	}
	
	div.hidden.no-card.GB-ContactUsModule {
	  display: block;
	  visibility: visible;
      margin-top: -50px;
	}
	

	#GB-ContactInfo {
	  width: 90%;
	  border-radius: 5px;
	  color: var(--bs-gray-dark);
	  background-color: rgba(255, 255, 255, 0.5);
	  font-size: 14px;
	  padding-bottom: 30px;
	  margin-top: 20px;
	  margin-left: auto;
	  margin-right: auto;
	}

	@media (min-width: 576px) {
	  #GB-ContactInfo {
		max-width: 550px;
	  }
	}
	
	@media (max-width: 425px) {
	  #GB-ContactForm {
		max-width: 98% !important;
	  }
	}

	#GB-ContactForm {
	  max-width: 70%;
	  margin: 0 auto;
	  margin-top: 20px;
	  background: rgba(255, 255, 255, 0.5);
	  padding: 40px;
	}

	#GB-THD-logo {
	  margin-top: 20px;
	  margin-bottom: 10px;
	}

/***** HEADER CSS STYLES *****/

	header.header.container-header.full-width {
	  background-image: none;
	  background-color:#000084;
	}

	a.brand-logo img {
		max-width: 95px;
		margin-left: 10px;
	}

	#GB-HomeButton {
	  float: right;
	  margin-top: 8px;
	  margin-bottom: 8px;
	}

	.GB-TopNavBar {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}

	#TopMenu {
	  flex-direction: row;
	  flex: 1;
	  display: flex;
	}

	#GB-CenterLinks {
	  display: inline-block;
	  margin-top: 10px;
	  margin-left: -18px;
	}

	#GB-CenterLinks a {
	  text-decoration: none;
	}

	#GB-SocialLinks {
	  display: inline-block;
	  margin-top: 10px;
	}

	.GB-TopLink {
	  float: left;
	  padding-left: 5px;
	  padding-right: 5px;
	  text-transform: uppercase;
	  font-weight: bold;
	}

	.container-topbar {
	  display: flex;
	  flex-wrap: wrap;
	}

	.container-header .navbar-brand {
		padding-top: 0px;
	}

	div#website-header {
		padding-bottom: 5px;
		background-color: #000084;
		margin-top: -2px;
	}

	.topbar.no-card {
		margin-left: 0.6rem;
		margin-right: 0.6rem;
	}

	.GB-HomeRight {
		position: absolute;
		right: 5px;
	}

	div.navbar-collapse {
		text-transform: uppercase;
		font-weight: bold;
	}
	
/**** FOOTER STYLES ****/
	.footer {
		background-color: #000084;
		background-image: none;
	}
	
	.footer .grid-child {
		margin-left: auto;
		margin-right: auto;
		padding: 0px;
		max-width: 100%;
	}

	.footer.no-card.GB-Footer {
	  width: 100%;
	  background: #000084;
	}
	
	.GB-FOOTER-Left, .GB-FOOTER-Center, .GB-FOOTER-Right {
	  margin-bottom: 10px;
	}


/* **** HEADER (SMALL) STYLES **** */
	.GB-Hidden {
		display: none !important;
	}

	.container-banner.full-width {
	  margin-bottom: 5px;
	}

	.banner #GB-SmallHeader {
	  margin: 0px;
	  border-bottom: solid;
	  border-color: #000084;
	  border-width: 10px;
	}

	#GB-SmallHeaderL {
	  width: 20%;
	  float: left;
	  padding-left: 25px;
	  display: flex;
	  align-items: center;
	}

	#GB-SmallHeaderR {
	  width: 20%;
	  float: right;
	  padding-right: 25px;
	  display: grid;
	  align-items: center;
	}

	#GB-SmallHeaderCenter {
	  text-align: center;
	  margin-left: auto;
	  margin-right: auto;
	  float: left;
	  width: 60%;
	}

	#GB-SmallHeaderCenter a {
	  display: inline-block;
	}

	#GB-SmallHeader img {
	  display: inline-block;
	}

	.GB-CMaxImage {
	  max-height: 175px;
	  position: relative;
	}

	.GB-LRMaxImage {
		max-height: 150px;
	}

	@media (max-width: 925px) {
	  .GB-CMaxImage {
	  }
	}

	@media (max-width: 875px) {
		#GB-SmallHeaderL, #GB-SmallHeaderR {
			display: none;
		}
		#GB-SmallHeaderCenter {
			width: 100%;
		}
		#GB-SmallHeader {
			display: block !important;
		}
	}

	@media (max-width: 725px) {
		.GB-CMaxImage {
			max-width: 85%;
		}
	}

	#GB-SmallHeader {
	  position: relative;
	  background: white !important;
	  margin: 0px -10px 8px -10px;
	}

	#GB-SmallHeader:before,
	#GB-SmallHeader:after {
	  content: '';
	  position: absolute;
	  top: 0;
	  bottom: 0;
	  width: 20px; /* This sets the width of the gradient on the sides */
	}

	#GB-SmallHeader:before {
	  left: 0;
	  background: linear-gradient(to right, rgb(0, 0, 132), rgba(0, 0, 132, 0));
	}

	#GB-SmallHeader:after {
	  right: 0;
	  background: linear-gradient(to left, rgb(0, 0, 132), rgba(0, 0, 132, 0));
	}
	
	#GB-SmallHeadBtmRow {
	  display: contents;
	}
	
	.GB-Notice {
	  background: white;
	  font-weight: 700;
	  text-transform: uppercase;
	  text-align: center;
	  color: #000084;
	  line-height: 1.5;
	  font-size: 1rem;
	  margin-top: -10px;
	}
	
	.GB-Disclaimer {
	  border-top: 10px;
	  border-style: solid;
	  border-color: #000084;
	  margin-left: -10px;
	  margin-right: -10px;
	  background: red;
	  font-weight: 700;
	  text-transform: uppercase;
	  padding: 0px 20px 5px 20px;
	  text-align: center;
	  color: white;
	  line-height: 1.5;
	  font-size: 1rem;
	}
	
	/***** JOOMLA BASICS PAGE *****/

	/*#GB-SmallHeader.GB-JoomlaBasics {
	  max-height: 200px;
	}*/
	
	.GB-JoomlaBasics .GB-LRMaxImage {
	  margin-left: 25px;
	  margin-right: 25px;
	  max-width: 80%;
	}
	
	.GB-JoomlaBasics .GB-CMaxImage {
	  max-height: 135px;
	  max-width: 85%;
	  margin-top: 5px;
	}
	

	.GB-JoomlaBasics .GB-Disclaimer div {
	  font-size: 70%;
	  margin: -10px 25px 5px 25px;
	}
	
	@media (max-width: 925px) {
	}

	@media (max-width: 875px) {
		.GB-JoomlaBasics .GB-CMaxImage {
		  max-height: 100px;
		}
		.GB-Disclaimer {
			font-size: .9rem;
		}
	}

	@media (max-width: 725px) {
		.GB-JoomlaBasics .GB-CMaxImage {
			max-width: 85%;
		}
	}
	
	@media (max-width: 495px) {
	}

/***** MAILERLITE CSS *****/
	div#GB-Mailerlite div.ml-form-embedContainer {
	  display: inline;
	}


/***** MODULE CSS STYLES *****/
	.GB-LeftFullHeight {
		height: 100% !important;
		margin-bottom: 0px !important;
	}
	
/***** BANNER CSS STYLES *****/
	.GB-WebsiteBanner {
	  margin-top: -25px;
	}

	.card.GB-RecentVideos {
	  border: solid #1635b9 3px;
	  border-radius: 10px;
	}

	.GB-TwoWide .GB-H1 {
	  text-align: center;
	  font-weight: bold;
	  background: #1635b9;
	  color: white;
	  border: solid white 5px;
	}
	
	.GB-TwoWide .GB-RedURL {
	  text-align: center;
	  font-weight: bold;
	  border: solid white 5px;
	}

	.GB-RedURL a {
	  text-decoration: none;
	  color: red;
	  font-size: clamp(15px,2vw,17px);
	}
		
	.GB-RedURL a:hover {
	  color: #1635b9;
	  text-decoration: underline;
	}

	.GB-WebsiteBanner .bannergroup {
	  margin-left: auto;
	  margin-right: auto;
	  width: 100%;
	  text-align: center;
	  display: inline-flex;
	}
	
	.GB-WebsiteBanner .banneritem {
	  padding: 5px;
	}
	
	.GB-WebsiteBanner .GB-TwoWide {
	  width: 50%;
	  display: table-cell;
	}

	@media (min-width: 626px) AND (max-width: 850px) {
	.GB-TwoWide .GB-RedURL a {
	  font-size: clamp(13px,2vw,16px);
	}
	}

	@media (max-width: 625px) {
		.GB-WebsiteBanner .GB-TwoWide {
		  width: 100%;
		  display: inline-block;
		  margin-bottom: 10px;
		}
		.GB-WebsiteBanner {
		  margin-left: -5px;
		  margin-right: -5px;
		}
	}

/***** REGULAR LABS CSS OVERRIDES *****/

	/*** ARTICLES ANYWHERE ***/
		div.GB-AA-NoCard div.com-content-article {
		  border: none;
		  padding: 0px;
		}

		div.GB-AA-Card {
		  border: solid 3px #1635b9;
		  border-radius: 10px;
		  background: white;
		}

		.GB-AA-Footer {
		  background: #000084;
		  color: white;
		  font-weight: bold;
		  border: none;
		}
		
		.GB-AABlogItems {
		  clear: both;
		  display: inline-block;
		}
		
		.GB-AABlogEntry {
			border-top: solid #1635b9 3px;
			padding-top: 25px;
			padding-bottom: 25px;
		}
				
		.GB-AABlogItems .GB-AABlogEntryTitle {
		  text-align: left;
		}

	/*** QUICK INDEX ***/
	div.rl_quickindex.card {
	  width: max-content;
	  float: left;
	  margin-right: 20px;
	}
	
	div.rl_quickindex.card ol {
	  padding-left: 1.25rem;
	}

	div.rl_quickindex.card {
	  width: max-content;
	  float: left;
	  margin-right: 20px;
	  border: solid;
	  border-radius: 15px;
	  border-color: #fff;
	  box-sizing: border-box;
	  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.35);
	  margin-bottom: 15px;
	  margin-top: 12px;
	}
	
	@media (max-width: 695px) {
		div.rl_quickindex.card ol {
		  padding-left: 1rem;
		}
	}

	@media (max-width: 625px) {
		div.rl_quickindex.card {
		  width: 100%;
		}
		div.rl_quickindex.card ol {
		padding-left: 1.25rem;
		}
	}

	@media (max-width: 450px) {
	  div.rl_quickindex.card ol {
		padding-left: .75rem;
		font-size: clamp(.9rem, 4vw, 3rem);
	  }
	}

	/*** TABS & ACCORDIONS ***/
		[data-rlta-element=container][data-rlta-state=ready][data-rlta-type=accordions]>[data-rlta-element=button]:not([data-rlta-state=closed]) {
			background-color: #ff0000;
			color: white;
			text-transform: uppercase;
		}

		[data-rlta-element=container][data-rlta-state=ready][data-rlta-type=accordions]>[data-rlta-element=button]:not([data-rlta-state=open]) {
			background-color: #1635b9;
			color: white;
			text-transform: uppercase;
		}

		[data-rlta-element=container][data-rlta-state=ready][data-rlta-type=accordions]>[data-rlta-element=panel]>[data-rlta-element=panel-content], [data-rlta-element=container][data-rlta-state=ready][data-rlta-type=tabs]>[data-rlta-element=panels]>[data-rlta-element=panel]>[data-rlta-element=panel-content] {
			padding: 1.25em 0;
			margin-left: 1em;
			margin-right: 1em;
		}


		@media screen {
		  [data-rlta-element="container"][data-rlta-state="ready"][data-rlta-type="accordions"] > [data-rlta-element="button"] > [data-rlta-element="heading"], [data-rlta-element="container"][data-rlta-state="ready"][data-rlta-type="tabs"] > [data-rlta-element="button-list"] > [data-rlta-element="button"] > [data-rlta-element="heading"] {
			font-weight: 700;
		  }
		}
		
		/*** TOOLTIPS - MAIN ***/
		[data-tooltips-element="tooltip"] [data-tooltips-element="title"] {
		  text-align: center;
		  text-transform: uppercase;
		}
		
		[data-tooltips-element="tooltip"] {
			padding-left: clamp(15px, 5%, 50px);
			padding-right: clamp(15px, 5%, 50px);
		}
		
		/*** TOOLTIPS - CUSTOM THEME ***/
		[data-tooltips-element=tooltip][data-tooltips-theme=light][data-tooltips-style=gb-tooltip] {
		  --background-color:#ffffff;
		  --border-color:#1635b9;
		  --text-color:#000000;
		  --title-background-color:#1635b9;
		  --title-border-color:#ffffff;
		  --title-text-color:#ffffff
		}
		[data-tooltips-element=tooltip][data-tooltips-theme=dark][data-tooltips-style=gb-tooltip] {
		}
		
/***** RSS FEED MODULE STYLES *****/

	/*** DATE ***/
	div.GB-RSSFeed div.text-left h3 {
	  text-align: center;
	  margin: 15px 0;
	  border-bottom: solid 3px #1635b9;
	  padding-bottom: 15px;
	}
	
	div.GB-RSSFeed h2.redirect-ltr a {
		width: auto;
		display: inline-block;
		background-color: #FF0000;
		font-size: 18px;
		color: #ffffff;
		border-radius: 7px;
		padding: 5px 25px !important;
		font-weight: 800;
		font-style: normal;
		text-decoration: none;
		text-transform: uppercase;
	}


/***** SEARCH STYLES *****/
	.result__taxonomy {
	  border: solid;
	  background: #1635b9;
	  color: white;
	  padding: 2px 0 5px 10px;
	  font-weight: bold;
	  margin: 10px auto 0 auto;
	}

	.result__date {
	  font-weight: bolder;
	  color: red;
	}

	ul#search-result-list mark {
	  font-weight: bold;
	  padding: 2px 5px 2px 5px;
	}

	ul#search-result-list span.result__title-text {
	  font-weight: bold;
	}

	div#search-form label {
	  font-weight: bold;
	  text-transform: uppercase;
	  padding-bottom: 15px;
	}

	.result__title-url {
	  word-wrap: break-word;
	}

	#search-results {
	  border-top: solid;
	  padding: 25px 0px 25px 0px;
	  border-color: #1635b9;
	}


/***** TAGS CSS *****/
	.GBTag-Aqua {
	  color: Black !important;
	  background: aqua !important;
	}
	
	.GBTag-Black {
	  color: white !important;
	  background: Black !important;
	}

	.GBTag-Brown {
	  color: White !important;
	  background: Brown !important;
	}
	
	.GBTag-Blue {
	  color: white !important;
	  background: Blue !important;
	}
	
	.GBTag-Bronze {
	  color: white !important;
	  background: #cd7f32 !important;
	}

	.GBTag-Cadetblue {
	  color: white !important;
	  background: Cadetblue !important;
	}

	.GBTag-Chocolate {
	  color: white !important;
	  background: Chocolate !important;
	}
	
	.GBTag-Coral {
	  color: white !important;
	  background: Coral !important;
	}

	.GBTag-Cyan {
	  color: Black !important;
	  background: Cyan !important;
	}
	
	.GBTag-Darkblue {
	  color: White !important;
	  background: Darkblue !important;
	}
	
	.GBTag-Darkcyan {
	  color: White !important;
	  background: Darkcyan !important;
	}
	
	.GBTag-DarkGreen {
	  color: White !important;
	  background: DarkGreen !important;
	}
	
	.GBTag-DarkOlivegreen {
	  color: White !important;
	  background: DarkOlivegreen !important;
	}
	
	.GBTag-DarkOrange {
	  color: White !important;
	  background: DarkOrange !important;
	}
	
	.GBTag-Darkgray {
	  color: White !important;
	  background: Darkgray !important;
	}
	
	.GBTag-Darkmagenta {
	  color: White !important;
	  background: Darkmagenta !important;
	}
	
	.GBTag-DarkOlivegreen {
	  color: White !important;
	  background: DarkOlivegreen !important;
	}	
	
	.GBTag-DarkOrange {
	  color: White !important;
	  background: DarkOrange !important;
	}
	
	.GBTag-DeepPink {
	  color: White !important;
	  background: DeepPink !important;
	}	
	
	.GBTag-DarkOrchid {
	  color: White !important;
	  background: DarkOrchid !important;
	}
	
	.GBTag-Darksalmon {
	  color: White !important;
	  background: Darksalmon !important;
	}	
	
	.GBTag-DarkSeagreen {
	  color: White !important;
	  background: DarkSeagreen !important;
	}	
	
	.GBTag-DarkSlateBlue {
	  color: White !important;
	  background: DarkSlateBlue !important;
	}	
	
	.GBTag-DarkSlateGray {
	  color: White !important;
	  background: DarkSlateGray !important;
	}	
	
	.GBTag-Darkturquoise {
	  color: White !important;
	  background: Darkturquoise !important;
	}	
	
	.GBTag-DarkViolet {
	  color: white !important;
	  background: DarkViolet !important;
	}
	
	.GBTag-Forestgreen {
	  color: white !important;
	  background: Forestgreen !important;
	}
	
	.GBTag-Gold {
	  color: Black !important;
	  background: Gold !important;
	}
	
	.GBTag-Gray {
	  color: white !important;
	  background: Gray !important;
	}
	
	.GBTag-Green {
	  color: white !important;
	  background: Green !important;
	}

	.GBTag-Indigo {
	  color: White !important;
	  background: Indigo !important;
	}

	.GBTag-Lime {
	  color: Black !important;
	  background: Lime !important;
	}
	
	.GBTag-Limegreen {
	  color: white !important;
	  background: Limegreen !important;
	}
		
	.GBTag-Magenta {
	  color: white !important;
	  background: Magenta !important;
	}
	
	.GBTag-Maroon {
	  color: white !important;
	  background: Maroon !important;
	}
	
	.GBTag-Midnightblue {
	  color: white !important;
	  background: Midnightblue !important;
	}
	
	.GBTag-Navy {
	  color: white !important;
	  background: Navy !important;
	}
	
	.GBTag-Olive {
	  color: white !important;
	  background: Olive !important;
	}
	
	.GBTag-Orange {
	  color: white !important;
	  background: Orange !important;
	}
		
	
	.GBTag-Orchid {
	  color: white !important;
	  background: Orchid !important;
	}
	
	.GBTag-PinkBlack {
	  color: Black !important;
	  background: Pink !important;
	}
	
	.GBTag-PinkWhite {
	  color: White !important;
	  background: Pink !important;
	}

	.GBTag-Plum {
	  color: Black !important;
	  background: Plum !important;
	}
		
	.GBTag-Purple {
	  color: white !important;
	  background: Purple !important;
	}

	.GBTag-Saddlebrown {
	  color: white !important;
	  background: Saddlebrown !important;
	}

	.GBTag-Seagreen {
	  color: white !important;
	  background: Seagreen !important;
	}

	.GBTag-Silver {
	  color: Black !important;
	  background: Silver !important;
	}
	
	.GBTag-Skyblue {
	  color: Black !important;
	  background: Skyblue !important;
	}
	
	.GBTag-Slateblue {
	  color: white !important;
	  background: Slateblue !important;
	}

	.GBTag-Slategray {
	  color: white !important;
	  background: Slategray !important;
	}
	
	.GBTag-Teal {
	  color: white !important;
	  background: Teal !important;
	}
	
	.GBTag-Violet {
	  color: white !important;
	  background: Violet !important;
	}
	
	.GBTag-Yellow {
	  color: Black !important;
	  background: Yellow !important;
	}
	
	.tag-body p {
	  display: inline !important;
	}

	ul.tags a.btn.btn-sm {
	  width: auto;
	  display: inline-block;
	  font-family: 'Poppins', sans-serif;
	  background-color: #FF0000;
	  font-size: 15px;
	  color: #ffffff;
	  border-radius: 7px;
	  padding: 1px 25px !important;
	  font-weight: 800;
	  font-style: normal;
	  text-decoration: none;
	  text-transform: uppercase;
	}

	ul.tags.list-inline {
		text-align: center;
		border-bottom: solid;
		border-color: #1635b9;
		border-width: 2px;
		padding-bottom: 10px;
	}

	#adminForm .btn-group {
	  display: inline-block;
	}
		
	.btn-group #limit {
	  margin-top: 4px;
	}
	
	div#GB-Tags ul.list-group {
	  width: 100%;
	}
	
	#GB-Tags li.list-group-item .tag-body, #GB-Tags li.list-group-item h3, #GB-Tags span.tag-body, #GB-Tags span.tag-body p {
		float: left;
	}
	
	#GB-Tags div.caption span.list-hits {
		float: right;
	}
	
	#GB-Tags div.float-right.item-image {
		padding: 3px 7px;
	}
	
	#GB-Tags li.list-group-item span.tag-body {
		float: right !important;
	}
	
	#GB-Tags div.tag-body p {
	  display: inline-block;
	  padding-top: 5px;
	}
	
	#GB-Tags li.list-group-item div.tag-body {
		float: left !important;
	}
	
	#GB-Tags .list-hits.badge.bg-info {
		float: right;
		clear: inline-end;
	}
	
	#GB-Tags div.item-image {
		margin-bottom: 5px;
	}
	
	.GB-TagHeader {
	  width: 65%;
	  margin-top: -5px;
	  float: left;
	}
	
	div.GB-TagHeader a {
		text-transform: uppercase;
		font-size: 1.3rem;
	}

/***** OUR FOUNDERS / OUR TEAM CARDS *****/
	#GB-FounderQuote {
	  margin-top: -35px;
	  margin-bottom: 35px;
	}
	
	#GB-FounderCards.container {
	  max-width: 1320px !important;
	}

	#GB-FounderSubheading {
	  color: red;
	  font-size: 28px;
	}

	.card-section-imagia {
	  padding: 0 0 30px;
	  background: white;
	  margin: 0px;
	}

	.card-section-imagia > h1 {
	  font-size: 48px;
	  text-align: center;
	  margin: 0 0 10px;
	}

	.card-section-imagia > h2 {
	  font-size: 24px;
	  text-align: center;
	  margin: 0 0 60px;
	  color: #aaaaaa;
	  text-transform: uppercase;
	}

	.card-container-imagia {
	  -webkit-perspective: 1500px;
	  -moz-perspective: 1500px;
	  -o-perspective: 1500px;
	  perspective: 1500px;
	  margin-bottom: 30px;
	}

	.card-container-imagia:hover .card-imagia {
	  -webkit-transform: rotateY( 180deg );
	  -moz-transform: rotateY( 180deg );
	  -o-transform: rotateY( 180deg );
	  transform: rotateY( 180deg );
	}

	.card-imagia {
	  -webkit-transition: -webkit-transform .5s;
	  -moz-transition: -moz-transform .5s;
	  -o-transition: -o-transform .5s;
	  transition: transform .5s;
	  -webkit-transform-style: preserve-3d;
	  -moz-transform-style: preserve-3d;
	  -o-transform-style: preserve-3d;
	  transform-style: preserve-3d;
	  position: relative;
	}

	.front-imagia, .back-imagia {
	  -webkit-backface-visibility: hidden;
	  -moz-backface-visibility: hidden;
	  -o-backface-visibility: hidden;
	  backface-visibility: hidden;
	  position: absolute;
	  top: 0;
	  left: 0;
	  background-color: #FFF;
	  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.35);
	  padding-bottom: 46px;
	}

	.front-imagia {
	  z-index: 2;
	}

	.back-imagia {
	  -webkit-transform: rotateY( 180deg );
	  -moz-transform: rotateY( 180deg );
	  -o-transform: rotateY( 180deg );
	  transform: rotateY( 180deg );
	  z-index: 3;
	}

	.card-container-imagia, .front-imagia, .back-imagia {
	  width: 100%;
	  height: 575px;
	  border-radius: 4px;
	}

	.card-imagia .cover-imagia {
	  height: 120px;
	  overflow: hidden;
	  border-radius: 4px 4px 0 0;
	}

	.card-imagia .cover-imagia img {
	  width: 100%;
	  height: auto;
	}

	.card-imagia .cover-imagia.cover-gradient {
	  background: #ffffff;
	  background-image: radial-gradient(circle at 50% 100% , #ADCACE 0%, #89BECE 33%, #34A1C8 66%, #036EAD 100%);
	}

	.card-imagia .user-imagia {
	  border-radius: 50%;
	  display: block;
	  height: 162px;
	  margin: -90px auto 0;
	  overflow: hidden;
	  width: 170px;
	  z-index: 100;
	  position: relative;
	  border-width: 4px;
	  border-color: #1635b9;
	  border-style: solid;
	}

	.card-imagia .user-imagia img {
	  background: #FFFFFF;
	  border: 5px solid #FFFFFF;
	  width: 100%;
	}

	.card-imagia .content-imagia {
	  background-color: rgba(0, 0, 0, 0);
	  box-shadow: none;
	  padding: 10px 20px 20px;
	}

	.content-back-imagia {
	  display: flex;
	  align-items: center;
	  height: 100%;
	}

	.card-imagia .name-imagia {
	  font-size: 22px;
	  line-height: 26px;
	  margin: 0;
	  text-align: center;
	  text-transform: capitalize;
	}

	.card-imagia .subtitle-imagia {
	  color: #aaaaaa;
	  text-align: center;
	  margin-bottom: 15px;
	}

	.card-imagia .footer-imagia {
	  width: 100%;
	  color: #aaaaaa;
	  padding: 10px 0;
	  text-align: center;
	  position: absolute;
	  bottom: 0;
	  border-top: 1px solid #eeeeee;
	}

	.card-imagia .footer-imagia .social-imagia a {
	  margin: 0 7px;
	  font-size: 18px;
	}

	@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	  .front-imagia, .back-imagia {
		-ms-backface-visibility: visible;
		backface-visibility: visible;
	  }
	}

	@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	  .back-imagia {
		visibility: hidden;
		-ms-transition: all 0.2s cubic-bezier(.92,.01,.83,.67);
	  }
	}

	@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	  .front-imagia {
		z-index: 4;
	  }
	}

	@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	  .card-container-imagia:hover .back-imagia {
		z-index: 5;
		visibility: visible;
	  }
	}
	@media (max-width: 450px) {
		.card-container-imagia, .front-imagia, .back-imagia {
		  width: 100%;
		  height: 625px;
		  border-radius: 4px;
		}
		.card-section-imagia {
			margin: 0 -15px;
		}
		.card-imagia .content-imagia {
			padding: 5px 10px 10px;
		}
	}
	@media (max-width: 400px) {
		.card-container-imagia, .front-imagia, .back-imagia {
		  width: 100%;
		  height: 675px;
		  border-radius: 4px;
		}
	}
	@media (max-width: 350px) {
		.card-container-imagia, .front-imagia, .back-imagia {
		  width: 100%;
		  height: 725px;
		  border-radius: 4px;
		}
		div.user-imagia {
			max-width: 125px;
			max-height: 125px;
		}
	}

/***** MODULE OVERRIDES CSS *****/

	/*** COM_CONTENT_CATEGORIES - GB-CATEGORYLIST ***/
	.GB-CatItemWrap {
	  display: inline-block;
	  width: 100%;
	}
	
	.GB-CatItemTitle {
		display: inline-block;
		width: min-content;
	}
	
	.GB-CatItemImage {
	  float: left;
	  width: 35px;
	  min-height: 40px;
	  margin-right: 5px;
	}
	
	.GB-CategoryList .GB-CatItemWrap button {
		float: right;
	}
	
	.com-content-categories__item.GB-CatListItem {
	  border-top: solid #1635b9;
	}
	
	div.GB-CatListItem div.com-content-categories__children {
		margin-left: -24px;
	}
	
	.GB-CatItemDescription {
	  margin-left: 40px;
	}	
	
	.GB-CatItemTitle {
	  display: inline-grid;
	  width: max-content;
	}
	
	div.GB-CatItemTitle span.badge.bg-info {
	  width: min-content;
	  padding-top: 3px;
	  padding-bottom: 5px;
	  margin: 5px 0px;
	}
	
	div.GB-CatItemTitle a {
		font-weight: bold;
	}
	
	/*** COM_CONTENT_CATEGORY - GB-CATEGORYFORM ***/
	#GB-CategoryForm .btn.btn-secondary {
		width: 88px;
	}
	
	#GB-CategoryTable {
	  margin-left: auto !important;
	  margin-right: auto !important;
	}
	@media (min-width: 385px) AND (max-width: 495px) {
		#GB-CategoryTable {
			width: 88vw !important;
		}
	}
	
	@media (max-width: 385px) {
	  #GB-CategoryTable {
		font-size: clamp(.9rem, 4vw, 3rem);
		margin-left: -15px !important;
		margin-right: -15px !important;
	  }
	}

	
	/*** MOD_ARTICLES_LATEST - GB-SIDEBARNEWS ***/
	.sidebar-news {
	  position: relative;
	  overflow: hidden;
	  margin-left: -0px;
	  margin-right: -5px;
	}

	#sidebar-content {
	  width: 100%;
	  overflow: hidden;
	  overflow-y: auto;
	  overflow-x: hidden;
	}
	#sidebar-content::-webkit-scrollbar {
	  width: 6px;
	  background-color: #ebebeb;
	}
	#sidebar-content::-webkit-scrollbar-thumb {
	  background-color: #ccc;
	}
	#sidebar-content .sidebar-object {
	  width: 100%;
	}
	#sidebar-content .sidebar-object:after {
	  content: "";
	  display: block;
	  height: 0;
	  clear: both;
	}
	#sidebar-content .sidebar-object .sidebar-date {
	  float: left;
	  width: 40px;
	  height: 40px;
	  margin: 18px 15px 0 0;
	  background-color: #f1c40f;
	  color: #fff;
	  border-radius: 10px;
	  text-align: center;
	  line-height: 1.9em;
	  font-size: 1.4em;
	}
	#sidebar-content .sidebar-object .sidebar-circle {
	  position: relative;
	  float: left;
	  z-index: 10;
	  margin: 30px 0 0 -5px;
	  width: 15px;
	  height: 15px;
	  background-color: #3498db;
	  border-radius: 50%;
	}
	#sidebar-content .sidebar-object .sidebar-context {
	  float: left;
	  color: #666;
	  min-height: 40px;
	  margin: 10px 0 10px 0px;
	  padding: 10px;
	  line-height: 1.5em;
	  max-width: 14vw;
	}
	/*** MOD_ARTICLES_LATEST - GB-SIDEBARNEWS2 ***/
	.calendar-list {
	  width: 60px;
	  height: 60px;
	  border: 3px solid #f00;
	  border-top: 20px solid #f00;
	  position: relative;
	  /*margin: 50px auto;*/
	  font-family: sans-serif;
	  text-align: center;
	}
	.calendar-list:before,
	.calendar-list:after {
	  content: '';
	  position: absolute;
	  width: 0;
	  height: 0;
	  border-style: solid;
	}
	.calendar-list:after {
	  bottom: -5px;
	  right: -5px;
	  border-width: 0 0 19px 19px;
	  border-color: transparent transparent #fff transparent;
	}
	.calendar-list:before {
	  bottom: -3px;
	  right: -3px;
	  border-width: 15px 15px 0 0;
	  border-color: #f00 transparent transparent transparent;
	}
	.month-list {
	  position: absolute;
	  top: -21px;
	  left: 0;
	  right: 0;
	  color: #fff;
	  text-transform: uppercase;
	  font-weight: bold;
	  font-size: 15px;
	}
	.day-list {
	  display: block;
	  margin: 1px 0 0;
	  font-size: 20px;
	  color: #f00;
	  font-weight: bold;
	}
	sup {
	  position: relative;
	  top: -0.5em;
	  font-size: 75%;
	  line-height: 0;
	  vertical-align: baseline;
	}

/***** MEDIA INQUIRIES CSS *****/
	@media (min-width: 1200px) {
		.container-header .navbar-brand {
			margin-left: -40px;
		}
	}

	@media (min-width: 992px) {
		.topbar .navbar {
			float: right;
			margin-top: -4px;
		}
		.gbmoduleclass {
			float: left;
		}

		.gbheaderclass {
			float: right;
		}
		.GB-TopMenu-MobileModule {
		display: none;
		}

		.GB-TopMenuModule {
			display: list-item;
		}
		#TopMenu-Mobile {
			height: 100vh;
			display: none;
		}
	}

	@media (min-width: 768px) {
		div#website-header {
			margin-top: -6px;
		}

		.GB-ArticleInfo {
			column-count: 2;
			column-fill: balance;
			column-rule-style: solid;
			column-rule-color: #1635b9;
			border: solid;
			border-color: #1635b9;
			border-width: thin;
			padding: 15px;
			column-rule-width: thin;
			background-color: #F7F7F7;
			color: black;
			font-weight: bold;
			margin-bottom: 20px;
			margin-top: 20px;
		}
	}

	@media (min-width: 992px) {
		#GB-TopNavLeft-Menu {
			display: none;
		}
	}

	@media (max-width: 991px) {
		.grid-child.container-sidebar-left {
			display: none;
		}
		  #TopMenu-Mobile {
			display: inline-block;
			max-width: max-content;
			margin-top: 10px;
		  }
		.grid-child.container-component {
			padding: 0 20px 20px 20px;
		}
		
		#GB-TopNavLeft-Social {
			display: none;
		}
		
		#GB-ContactUs {
		}
				
		.bottom-b.no-card {
			margin: 25px -36px -25px -36px;
		}
	}
	
	@media (max-width: 768px) {
		dl.article-info.text-muted {
		  margin: 15px;
		}
		
		div.GB-ArticleInfo {
			border-bottom: solid;
			margin-bottom: 18px;
			border-color: #1635b9;
			padding-bottom: 8px;
			margin-top: 13px;
		}

	}
	
	@media (max-width: 650px) {
		.GB-TopLink.GB-SearchLink {
			display: none;
		}
	}
	
	@media (max-width: 575px) {
		.GB-TopLink.GB-ContactLink {
			display: none;
		}
	}

	@media (max-width: 495px) {
		input#filter-search {
			width: 100%;
		}
		#adminForm .btn-group {
		  display: inline-block;
		  width: 100%;
		}
		form#adminForm {
			display: inline-block;
		}
	
		body.wrapper-fluid .site-grid {
			grid-gap: 0px;
		}

		#GB-Archive dl.article-info {
			column-count: 1;
		}
		.GB-Breadcrumbs ol {
		  padding-left: 35px !important;
		}	
		.grid-child.container-component {
		padding: 0 7px 20px 7px;
		margin-top: -5px;
		}
		blockquote {
			font-size: 1.1em !important;
			margin: 40px auto;
			padding: 1.0em 20px 1.0em 45px;
		}
		blockquote::before {
		font-size: 3.0em;
		}
	} 
	
	@media (max-width: 425px) {
		#GB-CenterLinks .p-2.icon-mail {
			display: none;
		}
	} 
	
	@media (min-width: 375px) and (max-width: 400px) {
		div#GB-Mailerlite div.ml-form-recaptcha.ml-validate-required {
		  position: relative;
		  left: -5px;
		}
	}

	@media (min-width: 326px) and (max-width: 400px) {
		input#filter-search {
		}
	}

	@media (max-width: 375px) {
		div#GB-Mailerlite div.ml-form-recaptcha.ml-validate-required {
		  position: relative;
		  left: -10px;
		}
		.GB-YellowBG {
			padding: 5px;
		}
	}

	@media (max-width: 325px) {
		input#filter-search {
		}
		div#GB-Mailerlite div.ml-form-recaptcha.ml-validate-required {
		position: relative;
		left: -25px;
		}
		#GB-CenterLinks {
			display: none;
		}
	}
	
		
/***** MEDIA PRINT INQUIRIES CSS *****/
	.print-only {
		display: none;
	}

	@media print {
		  .print-only {
			display: block;
			font-size: 14px;
			border-bottom: solid 2px;
			padding-bottom: 10px;
		  }
	  header,
	  footer,
	  #back-top, 
	  .container-banner,
	  .container-sidebar-left,
	  .container-sidebar-right,
	  .container-bottom-a,
	  .container-bottom-b,
	  .breadcrumbs,
	  audio,
	  iframe,
	  form#adminForm,
	  #bg_popup-container
	  {
		display: none !important;
	  }
	  body {
		  border: none;
		  background-color: #fff;
		  color: #000;
	  }
	  
	  .com-content-article {
		  border: none;
		  padding: 0px 35px;
		  margin-top: -30px;
	  }
	  
	  body.wrapper-fluid .site-grid {
		  grid-gap: 0;
	  }
		
	  .site-grid {
		grid-template-areas:
		"comp comp";
	  }
	  
	  .grid-child.container-component{
		 border: none;
		 padding: 0px;
		 background: white;
	  }
	  
	  main {
		  margin: 0px;
		  border: none;
	  }
	  
	  .main-bottom
	  {page-break-before: always;}
	  
	  section,
	  article
	  {page-break-after: always;}
		article {
		column-width: 17em;
		column-gap: 3em;
	  }
	  
	  table, img, svg, ul {
		  break-inside: avoid;
	  }
	  
	  h2, h3, h4 {
		page-break-after: avoid;
	  }
	  
	  pre { white-space: pre-wrap !important; }
	  
	  p {
		orphans: 3;
	  }
	  
	  pre, blockquote, aside, .GB-ArticleInfo {
		page-break-inside: avoid;
		break-inside: avoid;
	  }
	  
	  title {
		  display: none;
	  }
	  
		.GB-ArticleInfo {
			column-count: 2;
			column-fill: balance;
			column-rule-style: solid;
			column-rule-color: #1635b9;
			padding: 15px;
			column-rule-width: thin;
			background-color: white;
			color: black;
			font-weight: bold;
			margin-bottom: 20px;
			margin-top: 20px;
			border-width: 2px;
			border: solid;
			border-color: black;
		}
	  
	  .GB-ArticleInfo dt {
		  column-span: all;
		  text-align: center;
		  color: black;
		  background-color: white;
		  border-bottom: solid 2px;
		  font-weight: bold;
		  text-transform: uppercase;
	  }
	  
		table {
			caption-side:bottom;
		}
	
		table {
		  border-collapse: collapse;
		  width: 100%;
		  border: 1px solid #ddd;
		}

		table td, table th {
		  border: 1px solid #ddd;
		  padding: 8px;
		}

		table tr:nth-child(even){background-color: #f2f2f2;}

		table th {
			padding-top: 12px;
			padding-bottom: 12px;
			text-align: left;
			background-color: white;
			color: black;
			text-align: center;
			text-transform: uppercase;
			font-weight: bold;
		}
		
		caption {
			display: table-caption;
			text-align: center !important;
			padding-top: .5rem;
			padding-bottom: .5rem;
			color: var(--secondary-color);
		}

		thead {
			display: table-header-group;
			vertical-align: middle;
			border-color: inherit;
		}

		tr {
			display: table-row;
			vertical-align: inherit;
			border-color: inherit;
		}

		th {
			display: table-cell;
			vertical-align: inherit;
			font-weight: bold;
			text-align: -internal-center;
		}

		tbody {
			display: table-row-group;
			vertical-align: middle;
			border-color: inherit;
		}

		td {
			display: table-cell;
			vertical-align: inherit;
		}
	}