/*
************************************************************
 PVII Harmony Starter Pack 01 - An Integrated CSS Page Pack
 based on the Harmony Page Layout Engine by Project Seven 
 Development - www.projectseven.com
************************************************************
*/

body {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 100%;
	font-weight: 300;
	height: auto;
	width: 80%;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
}
h1, h2, h3, h4, h5 {
	font-family: Federo, Verdana, Geneva, sans-serif;
	font-size: 100%;
	font-weight: normal;
	padding: 0px;
	height: auto;
	width: 100%;
}
/*
Raleway and Federo are Google fonts linked to each page via a CSS link in the head. You can change to different Google fonts at any time by changing the link, which looks like this:
link href="https://fonts.googleapis.com/css?family=Federo|Raleway:300,400" rel="stylesheet"
Note: If the Raleway font is too light (thin) for you, change the font-weight on the body selector to 400
*/

.hmy-section h1 {
	font-size: 1.5em;
	text-align: center;
	padding: 0px;
}
.hmy-section h2 {
	font-size: 1.2em;
}
.hmy-section h3 {

}
.hmy-section h4,
.hmy-section h5 {
	font-size: 1.4rem;
}
.hmy-content{
	padding-left: 10px;
	padding-right: 10px;
	
	}

/*
************************************************************
         For Pages that have a default BANNER
************************************************************
*/
.hmy-content-wrapper.banner .hmy-content {
	height: auto;
	width: 100%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	border: thin solid #F00;
}
/*
************************************************************
                      UTILITY STYLES
************************************************************
*/
.hmy-content strong.enlarged {
	font-size: 140%;
	opacity: .8;
	font-weight: 400;
}
.hmy-content p.fancy-text-small {
	font-size: 75%;
	letter-spacing: 0.2em;
	line-height: 2;
}

	
.bordered-dark {
	border: 1px solid rgba(0,0,0,0.5);
}
.centered {text-align: center;}
/*When you wish to center a paragraph or the contents of an element, assign the paragraph or element this class*/

/*
************************************************************
  CLASSES ASSOCIATED WITH HARMONY USER CLASS ASSIGNMENTS
************************************************************
*/
.hmy-section.logo {
	max-width: 100px;
}
.p7HMY.boxed-grid {
	margin-top: 20px;
}
.hmy-content-wrapper.navigation .hmy-content {
	padding: 0px;
}
.hmy-section.vert-navigation-max {
	max-width: 325px;
}
.hmy-section.logo .hmy-content {
	padding: 0px;
}

/*
************************************************************
 Noscript Additions for solving issues with Dreamweaver 
 design view. The followin classes have no effect when 
 viewing the page in a browser.
************************************************************
*/
.hmy-noscript .hmy-section.vert-navigation-max {max-width: none;}
.hmy-noscript .social-icons li {display: inline;}
.hmy-noscript .hmy-section.vert-navigation-max {max-width: none;}

/*
*************************************************************
                     THE PAGE FOOTER
*************************************************************
*/
.footer.hmy-content-wrapper .hmy-content {
	font-size: 100%;
	letter-spacing: .3em;
}
/*
*************************************************************
                      SOCIAL ICONS
*************************************************************
*/
.social-icons img {
	filter: grayscale(1);
	opacity: .5;
	transition: all linear .5s;
	max-width: 32px;
}
.social-icons img:hover {
	filter: grayscale(0);
	opacity: 1;
}
ul.social-icons {
	margin: 10px 0px 0px 0px;
	padding: 0px;
}
.social-icons li {
	list-style-type: none;
	display: inline-block;
}
.hmy-content-wrapper.social-top .hmy-content {
	padding-top: 0px;
	padding-bottom: 0px;
}

/*
*************************************************************
                      MEDIA QUERIES
 THE FOLLOWING QUERIES OVERWRITE THOSE IN THE DEFAULT HARMONY
                  AND AMM STYLE SHEETS.
*************************************************************
*/
@media only screen and (min-width: 0px) and (max-width: 800px) {
.hmy-content-wrapper.navigation .hmy-content,
.hmy-content-wrapper.nav-left .hmy-content {
	padding: 0px;
}
.hmy-content-wrapper.navigation .hmy-content p,
.hmy-content-wrapper.nav-left .hmy-content p {
	padding: 6px 10px;
}
}

@media only screen and (min-width: 0px) and (max-width: 1200px) {
.hmy-section.mq-1200-50 {flex-basis: 50% !important;}
}

@media only screen and (min-width: 0px) and (max-width: 800px) {
body {
	font-size: 95%;
}
html {-webkit-text-size-adjust: 100%;}
.p7HMY .hmy-section {flex-basis: 100% !important;}
.p7HMY .hmy-section .hmy-content-wrapper {
	border-radius: 8px !important;
	border: thin solid #F00 !important;
}
.p7HMY.hmy-legacy .hmy-section {float: none !important; width: 100% !important;}
}

@media only screen and (min-width: 0px) and (max-width: 800px) {
	.hmy-section.vert-navigation-max {max-width: none;}
	.hmy-content-wrapper.social-top .hmy-content {text-align: center; padding-bottom: 20px;}
	.hmy-section.logo .hmy-content {text-align: center;}
	.hmy-section.logo {max-width: none;}
	.hmy-section.logo img {max-width: 120px;}
	.hmy-content-wrapper.navigation .hmy-content {padding-right: 0px !important;}
}
.backtoindexpage {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bolder;
	font-variant: small-caps;
	text-transform: capitalize;
	text-align: center;
}