/* CSS Document */
body, html, main {	
	/* important */
	background-color:#fff;
	font-size:24px; 
	line-height:1.7;
    color:#4b3b68;
	font-family: 'Roboto','Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	font-weight: 300;
}

li {
	line-height: 1.3em;
	margin-bottom: 22px;
}
b, strong {
	font-weight: bold;
}
li b, strong {
	font-size: 1.1em;
	font-weight: 500;
}

a {
	color:#4f2d8d;
}

a:active {
	text-decoration: none;
	color: #4f2d8d;	
}
a:hover {
	text-decoration: underline;
	color: #BC9B5D;	
}

/* used for button hover */
.butHigh:hover {
		  background-color: #BC9B5D; 
}

/* PAGE HEADERS */
		
h1 {
	font-family: 'Dancing Script', cursive, sans-serif;
	font-weight: normal;
	font-size: 1.7em;
	color: #4f2d8d;
	margin-bottom:18px;
	margin-top:18px;
}
h2 {
	font-family: 'Dancing Script', cursive, sans-serif;
	font-size: 1.7em;
	color: #4f2d8d;
	margin-bottom:14px;
	margin-top:14px;
}

/* this is between h2 and h3 and may not be needed */
.larger {
	font-size: 1.6em;
	color: #4f2d8d;
	margin-bottom:26px;
	margin-top:14px;
}


h3 {
	font-weight: 500;
	font-size:1.3em;
	color: #4f2d8d;
	line-height:1.3;
	/* margin-bottom:20px;*/
}
h4 {
	font-family: 'Dancing Script', cursive, sans-serif;
	font-weight: normal;
	font-style: italic;
	font-size: 1.0em;
	color: #4f2d8d;
}
.h4TinyHeaders {
	font-weight: normal; 
	font-size: 0.9em;
	color: #4f2d8d;
}
.titleNotHeader {
	font-weight: 500;
	font-size: 1.4em;
	color: #140039;
	margin-top:18px;
	margin-bottom:-10px;
	}
	
.titleCOSLogo {
	font-family: 'Cinzel Decorative', cursive;
	font-weight: 900;
	/*family=Cinzel+Decorative:wght@400;700;900*/
	font-size: 1.7em;
	color: #4f2d8d;
	margin-bottom:18px;
	margin-top:18px;
	line-height:1.7;
}	
.titleCOSReg {
	font-family: 'Cinzel', serif;
	font-weight: 400;
	/*family=Cinzel:wght@400;500;600;700;800*/
	font-size: 1.7em;
	color: #4f2d8d;
	margin-bottom:18px;
	margin-top:18px;
	line-height:1.7;
}	
.testingPossibleF {
	font-family: 'Asap Condensed', sans-serif;
	font-weight: 300;
	/*family=Cinzel:wght@300;400; and more*/
	font-size: 1.2em;
	color: #4f2d8d;
	margin-bottom:18px;
	margin-top:18px;
	line-height:1.7;
}	



	
.moreBigger {
	font-size:1.7em;
	letter-spacing:1.2px;
	font-weight:500;
}
.zTitles {
	position: relative; 
/*  	background-color: #faa;*/
	z-index: 201; 
	left: 18px; 
	top: 265px; 
	width: 285px; 
	height: 50px;
	margin-top: 0px;
	font-size: 26px; 
	font-weight: bold; 
	color: #eee;
	text-align: center;
	text-shadow: 0px 0px 2px black,  4px 4px 10px #140039;
	letter-spacing: 1.1px;
}
.zTitles a {
	color:#EEE;
}
 
.pageContentBox ol li {
	font-size: 1.0em;
}
  
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.shadow {
	-moz-box-shadow: 3px 5px 10px #999;
    -webkit-box-shadow: 3px 5px 10px #999;
    box-shadow: 3px 5px 10px #999;
	
}
.roundCorners {
	border-radius:18px;
}
 

/* NAV STYLES  */
.navbar {
/*  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;*/
  padding: 0rem 0rem;
}

.navbar-style {
/*	font-size:1.0em;*/
}
.navbar-light  .navbar-nav .nav-link{
	color:rgba(0,0,0,1.0);
}
.navbar-dark .navbar-nav .nav-link  {
	color:rgba(250,250,250,1.0);
}
#navbarDropdownMenuLink {	
	font-size:20px;
	line-height:1.42857143;
}

.dropdown-item	{	
	font-size:20px;
	font-weight: 300;
	line-height:1.42857143;
}
 
.contentBG {
	background-color:#fff;
	margin-top:0px;
	padding-top:0px;
	padding-bottom: 20px;
}
.contentBGFooter {
	background-color:#f9f9f9;
	margin-top:0px;
	padding-top:0px;
	padding-bottom: 20px;
}

/* FOOTER FULL WIDTH COLOR */
.grayBackFooter {
	background-color:#f9f9f9;
	padding:20px 0px;
}
/* FOOTER copyright line - font and size */
.footerAddress {
	font-size: 0.8em;
	line-height:1.5em;
	color: #3c3c3c;
}
/* FOOTER styles */
.footer {
	background-color:#000;
	color:#CCC;
	padding:12px;
}

.footerAddress {
	font-size: 0.8em;
	line-height:1.5em;
	color: #3c3c3c;
}

.footerlinks {
	color:#4f2d8d;
	font-size:0.6em;
	line-height:1.4em;
}
.footerlinks a {
	color:#4f2d8d;
}
.footerlinks a:hover {
	color:#BC9B5D;
}
.footerlinks a:active {
	color:#4f2d8d;
}
.footerlinks a:visited {
	color:#4f2d8d;
}
.footerTitle {
	letter-spacing:.05em;
	font-weight:600;
	color:#000;
	font-size:1.2em;
	line-height:1.6em;
}
 

/*Control the smalletst display area for phone vertical*/
	@media screen and (min-width: 451px) {
		.tiny {
			display:none;
		}
	}
	@media screen and (max-width: 450px) {
		.notTiny {
			display:none;
		}		
	}
	
.looseLines {
	letter-spacing: .04em;
	line-height:1.6em;
	margin-bottom: .4em;
}

.spaceAfter {
	margin-bottom:12px;	
}

/* button size and color etc */
.btn a:link {
	text-decoration: none;
	color: #1a85dd;
}

.btn-primary {
	background-color:#ffda94; 
	color:#2e0543;
	border-color:#BC9B5D;
}
.btn-primary:hover{
	background-color:#2e0543; 
	color:#ffda94;
	border-color:#BC9B5D;
	text-decoration: none;
}