/*---COLORS: text: #555555 | cyan: #00b1f3 | fushia: #ca64d7 | brand lilac: #ae8de1 | highlight lavender: #eae1f7 | footer link lavender ##b9b9fd | bg-lilac #9164d7 ---*/
/*---TEXT SIZE: 16px/18px body | .89em = 16px | .83em = 15px | .78em = 14px | .75em = 13.5px ---*/
@charset "UTF-8";
@import url(animate.css);

/* -------- Main Styles --------*/
.ccm-page {
  color: #555555; /* charcoal */
  font-size: 14px;
  font-family: 'Noto Sans', sans-serif;
  font-weight: 400;
  line-height: 1.4;
  -webkit-text-size-adjust: none;
  text-align: center;
}
.primary-color {
  color: #f2e3c4;	/* lt-tan */
}
.primary-color--variant-1 {
  color: #7cc074;	/* green */
}
.secondary-color {
  color: #614a49;	/* charcoal */
}
.contrast-color {
  color: #ffffff;	/* white */
}

.ccm-page h1, .ccm-page h2, .ccm-page h3, .ccm-page h4, .ccm-page h5, .ccm-page h6,
.ccm-page .heading-1, .ccm-page .heading-2, .ccm-page .heading-3, .ccm-page .heading-4, .ccm-page .heading-5, .ccm-page .heading-6 {
  font-family: 'Oswald', sans-serif;
  font-weight: 300;
  letter-spacing: 1.5px;
}
	.ccm-page h1 a, .ccm-page h2 a, .ccm-page h3 a, .ccm-page h4 a, .ccm-page h5 a, .ccm-page h6 a,
	.ccm-page .heading-1 a, .ccm-page .heading-2 a, .ccm-page .heading-3 a, .ccm-page .heading-4 a, .ccm-page .heading-5 a, .ccm-page .heading-6 a {
		color: inherit;
	}
	.ccm-page h1 a:visited, .ccm-page h2 a:visited, .ccm-page h3 a:visited, .ccm-page h4 a:visited, .ccm-page h5 a:visited, .ccm-page h6 a:visited,
	.ccm-page .heading-1 a:visited, .ccm-page .heading-2 a:visited, .ccm-page .heading-3 a:visited, .ccm-page .heading-4 a:visited, .ccm-page .heading-5 a:visited, .ccm-page .heading-6 a:visited {
	  color: inherit;
	}
	.ccm-page h1 a:hover, .ccm-page h2 a:hover, .ccm-page h3 a:hover, .ccm-page h4 a:hover, .ccm-page h5 a:hover, .ccm-page h6 a:hover,
	.ccm-page .heading-1 a:hover, .ccm-page .heading-2 a:hover, .ccm-page .heading-3 a:hover, .ccm-page .heading-4 a:hover, .ccm-page .heading-5 a:hover, .ccm-page .heading-6 a:hover {
	  color: #555555;
	  opacity: .75;
	}
.ccm-page h1, .ccm-page .heading-1 {
  font-size: 40px;
  text-transform: uppercase;
}
		.ccm-page .page-title {
			margin-bottom: 6%;
			padding-bottom: 4%;
			border-bottom: 2px dotted #eae1f7;
		}
		.ccm-page .post-title {
			text-align: left;
		}
.ccm-page h2, .ccm-page .heading-2 {
  font-size: 28px;
  line-height: 1.60714;
  text-transform: uppercase;
}
					.ccm-page .link-block h2 {
						font-size: 28px;
					}
.ccm-page h3, .ccm-page .heading-3 {
  font-size: 26px;
  text-transform: uppercase;
}
.ccm-page h4, .ccm-page .heading-4 {	/* footer titles */
  font-size: 24px;
}
.ccm-page h5, .ccm-page .heading-5 {	/* sidebar titles */
  font-size: 20px;
  text-transform: uppercase;
}
.ccm-page h6, .ccm-page .heading-6 {
  font-size: 18px;
  text-transform: uppercase;
}
.ccm-page p {
	margin-top: 1em;
	margin-bottom: 1em;
}
	.ccm-page blockquote {
		font-size: .84em;	/* 15px */
		text-align: justify;
	}
			.ccm-page blockquote.pullquote {
				font-size: 1.15em;	/* 20.7px */
				font-weight: bold;
			}
	.ccm-page .citation {
		margin-top: 5%;
		padding: 0 .5em;
		/* background-color: @citation-background-color; */
		font-size: .8125em;	/* 13px */ 
		text-align: left;
	}
	.action { font-style: italic; font-weight: bold; text-align: center; }
	.author { margin-top: 1em; margin-bottom: 2em; font-style: italic; }
	.quote-author { float: right; font-style: italic; }
	.caption { margin-left: auto; margin-right: auto; font-size: .7em;	/* 12px */ font-style: italic; line-height: 1.4em;}
	.subtitle { border-bottom: 0; letter-spacing: 0; }
	.brand-name { font-style: italic; font-weight: bold; }
	.brand-item { font-style: italic; font-weight: bold; }
	p.brand-heading {
		margin: 0;
		color: #ae8de1; /* brand-lilac */
 	 	font-family: 'Pirata One', cursive, sans-serif;
 		font-size: 3.5em;
 		letter-spacing: 1.5px;
	}
	.ccm-page .big {
  	font-size: 24px;
	  text-transform: uppercase;
  	font-family: 'Oswald', sans-serif;
	  font-weight: 300;
  	letter-spacing: 2px;
	}
	.ccm-page .small { font-size: 14px; }
	.ccm-page .thin { font-weight: 100; }
	.ccm-page .lite { font-weight: 300; }

/* -------- Links --------*/
	.ccm-page a,
		.ccm-page a:visited {
  		color: #00b1f3; /* cyan */
  		text-decoration: none;
 			-moz-transition: 0.3s;
 			-o-transition: 0.3s;
 			-webkit-transition: 0.3s;
 			transition: 0.3s;
	}
		.ccm-page a:hover {
  		color: #ca64d7; /* fuschia */
  	}
		.ccm-page a:focus {
  		outline: none;
		}
		.ccm-page a:active {
  		background-color: transparent;
		}
		.ccm-page a img {
			border: 0;
		}
		.ccm-page a[href^="tel:"],
		.ccm-page a[href^="mailto:"],
		.ccm-page a[href^="callto:"] {
		  color: inherit;
		  text-decoration: none;
		}
			.ccm-page a[href^="tel:"]:hover,
			.ccm-page a[href^="mailto:"]:hover,
			.ccm-page a[href^="callto:"]:hover {
		  	color: #ca64d7; /* fuschia */
			}
	
/*------ Nav ------*/
	/*--- Mobile menu ---*/
		.rd-mobilemenu_ul a {
  		color: #00b1f3; /* cyan */
		}
			.rd-mobilemenu_ul a.active {
 				background: #f5f5f5;
  			color: #ca64d7; /* fuschia */
			}
			.rd-mobilemenu_ul a:hover {
  			background: #f5f5f5;
  			color: #ca64d7; /* fuschia */
			}

	/*--- Stuck menu ---*/
		.isStuck p.brand-heading {
			font-size: 2em;
  		letter-spacing: 1.2px;
		}
	/*--- SF Menu ---*/
			.sf-menu > li > a,
			.sf-menu > li > a:visited {
				color: #FFFFFF;
			  font-weight: 700;
			  text-transform: uppercase;
			}
				.sf-menu > li > a:hover {
					color: #00b1f3; /* cyan */				
				}
				.sf-menu > li > a::before {
						visibility: hidden;
						padding-right: 6px;
						content: "\f7ab";
						font-family: "Font Awesome 5 Pro";
						font-weight: 900;
						text-rendering: auto;
						-webkit-font-smoothing: antialiased;
						-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
						-webkit-transform: scaleX(-1);
						transform: scaleX(-1);
				}
					.sf-menu > li.sfHover > a::before,
					.sf-menu > li > a:hover::before {
						visibility: visible;
						color: #00b1f3 !important; /* cyan */
					}
			/* sub-menu dropdown */
						.sf-menu ul > li > a {
			  			color: #00b1f3; /* cyan */
  						font-size: .9em;
  						font-weight: 700;
						}
							.sf-menu ul > li.sfHover > a,
							.sf-menu ul > li > a:hover {
								color: #ca64d7; /* fuschia */
							}

			/* main menu Home icon */
					.sf-menu > li:first-child.sfHover > a::before,
					.sf-menu > li:first-child > a:hover::before {
						visibility: hidden;
					}
						.ccm-page i.fas.fa-home {
							font-size: 1.25em;
							line-height: normal;
						}
			/* Account link & sub-menu */
				.sf-menu a.account-link::before,
				.sf-menu li.account ul > li > a::before {
					visibility: visible;
					padding-right: 6px;
					color: #00b1f3 !important; /* cyan */
					font-family: "Font Awesome 5 Pro";
					font-weight: 900;
					text-rendering: auto;
					-webkit-font-smoothing: antialiased;
				}
					.sf-menu li.account a,
					.sf-menu li.account a:visited {
						color: #00b1f3 !important; /* cyan */
						font-size: .75em;
						font-weight: normal;	
					}
					.sf-menu a.account-link:hover::before,
					.sf-menu li.account a:hover,
					.sf-menu li.account ul > li > a:hover::before {
							color: #ca64d7 !important; /* fuschia */
					}
				.sf-menu a.account-link::before {
					content: "\f2bd";
				}
						.sf-menu li.account ul > li:first-child > a::before {
							content: "\f2bd";
						}
						.sf-menu li.account ul > li:nth-child(2) > a::before {
							content: "\f4fe";
						}
						.sf-menu li.account ul > li:nth-child(3) > a::before {
							content: "\f0e0";
						}
						.sf-menu li.account ul > li:nth-child(4) > a::before {
							content: "\f2f5";
						}

	/*--- other nav items ---*/
	.ccm-page .social-icons a {
		margin-right: 16px;		
	}
		.ccm-page header .social-icons a {
			color: #a7a7a7; /* grey */
			font-size: 1em;
		}
			.ccm-page header .social-icons a:hover {
				opacity: .75;
			}
		.ccm-page footer .social-icons {
			margin-top: 1em;
		}
			.ccm-page footer .social-icons a {
				font-size: 1.5em;
			}
		.ccm-page .breadcrumb-trail {
  		font-size: .78em; /* 14px */
 	 		text-align: left;
  	}
			.ccm-page i.fas.fa-home.crumb {	/* breadcrumbs home icon */
				font-size: 14px;
			}
	.ccm-page #sidebar a {	/* sidebar nav */
		font-size: .875em; /* 14px */
	}
		
	/* -------- footer --------*/				
	footer .ccm-block-page-list-page-entry .ccm-block-page-list-title {
		font-weight: normal;
	}
	.footer-upper h3 {
		color: #ffffff;
	}
	.footer-upper a, .footer-upper a:visited {
		color: #b9b9fd; /* lavender */
	}
		.footer-upper a:hover {
			color: #00b1f3; /* cyan */
		}
.footer-lower {
	font-size: .70em;
	color: #656565; /* tan */
}
	.footer-lower a, .footer-lower a:visited {
		color: #656565; /* tan */
	}
		.footer-lower a:hover {
			color: #00b1f3; /* cyan */
		}

	/* -------- c5 blog classes --------*/
	.ccm-block-page-list-title h3 {	 /* index post titles */
		font-size: 1.25em;	 /* 20px */
		border-bottom: 0;
	}
	.ccm-block-page-list-date,
	.post-date {	 /* index & post dates */
		color: #9e9fa1;	/* dkr-grey */
		font-size: .875em;	 /* 14px */
		font-weight: normal;
		letter-spacing: 0;
		text-transform: none;
	}	
	.ccm-block-page-list-date {
		font-size: .8125em;	 /* 13px */
	}
		.pagination {
			font-size: .875em;	 /* 14px */
		}
		  .pagination>li>a,
			  .pagination>li>span {
				 	color: #00b1f3; /* cyan */
	  		 	background-color: #ffffff;
					border-color: #d9d9d9;	 /* grey */
					border-width: 1px;
					border-style: solid;
	  		}
				.pagination>.active>a,
					.pagination>.active>span,
					.pagination>.active>a:hover,
					.pagination>.active>span:hover,
					.pagination>.active>a:focus,
					.pagination>.active>span:focus {
						color: #ffffff;
			     	background-color: #00a4e1;	 /* blue */
			     	border-color: #00a4e1;	 /* blue */
		     }
		.post-footer h4 {
			border: 0;
		}
		.post-footer h5 {
			padding: 0;
			font-size: .875em;	 /* 14px */
			border: 0;
		}

	/* -------- media queries --------*/

@media (max-width: 359px) {
  .rd-mobilepanel_title {
    font-size: 18px;
  }
}
@media screen and (min-width: 767px) {	/* two-column layout */
	.ccm-page {
		font-size: 16px;
		line-height: 1.625em; /* 26px */
	}
}
@media (min-width: 900px) {
  header .nav {
    font-size: 14px;
  }
		.ccm-page h1, .ccm-page .heading-1 {
		  font-size: 58px;
			line-height: 1.37931;
			letter-spacing: 3.1px;
		}
}
@media (min-width: 1100px) {
  .ccm-page {
    font-size: 18px;
    line-height: 1.66667;
  }
  	header .nav {
    	font-size: 16px;
  	}
  	.ccm-page h2, .ccm-page .heading-2 {
    	font-size: 32px;
   		line-height: 1.25;
    	letter-spacing: 4.1px;
  	}
  .ccm-page .big {
    font-size: 48px;
    line-height: 1.14583;
  }
}
@media (min-width: 1200px) {
  header .nav {
    font-size: 1em;
  }
 		.sf-menu > li > a {
	  	line-height: 1.5;
		}
					.ccm-page .link-block h2 {
						font-size: 32px;
					}
}
	/* -------- helper classes --------*/
.italic {font-style:italic;}
.bold {font-weight:bold;}
.text-small {font-size: .75em;}
.text-smallest {font-size: .65em;}
.lowercase {text-transform:lowercase;}
.uppercase {text-transform:uppercase;}
.capitalize {text-transform:capitalize;}
.letterspace {letter-spacing:2px;}
.ccm-page a.link-color,
.ccm-page a.link-color:visited {
	color: #00b1f3; /* cyan */
}
	.ccm-page a.link-color:hover,
	.ccm-page a.link-hover:hover {
		color: #ca64d7; /* fuschia */
	}

