/*
************************************************************
 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: Raleway, Verdana, Geneva, sans-serif;
	font-size: 100%;
	font-weight: 300;
}
h1, h2, h3, h4, h5 {
	font-family: Federo, Verdana, Geneva, sans-serif;
	font-size: 100%;
	font-weight: normal;
}
/*
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: 2rem;
}
.hmy-section h2 {
	font-size: 1.8rem;
}
.hmy-section h3 {
	font-size: 1.6rem;
}
.hmy-section h4,
.hmy-section h5 {
	font-size: 1.4rem;
}

/*
************************************************************
         For Pages that have a default BANNER
************************************************************
*/
.hmy-content-wrapper.banner .hmy-content {
	padding: 0px;
}
/*
************************************************************
                      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: 300px;
}
.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;}

/*
*************************************************************
    EXCEPTION RULES FOR YOUR ADAPTIVE MENU MAGIC MENU
*************************************************************
*/
.p7AMM ul ul li {
	white-space: nowrap;
}
.p7AMM.amm-right {
	padding-right: 10px;
}
.p7AMM.amm-vertical ul li {
	padding: 3px 0px;
}
.p7AMM.amm-vertical {
	padding: 0px;
}
.p7AMM ul ul li a {
	font-size: 14px
}
.p7AMM.amm-rootlinks-black ul a:hover,
.p7AMM.amm-rootlinks-black ul a:focus,
.p7AMM.amm-rootlinks-black ul a.amm-trigger.open {
	background-color: rgb(75,103,119);
	color: #FFF;
}
.p7AMM.amm-rootlinks-black ul a.amm-trigger:focus {
	background-image: url(../p7amm/img/amm-right-light.gif);
}
.p7AMM.amm-rootlinks-black ul a.amm-trigger.open {
	background-image: url(../p7amm/img/amm-down-light.gif);
}
.p7AMM a.black:hover,
.p7AMM a.black:focus {
	background-color: rgb(75,103,119) !important;
	color: #FFF !important;
}
.p7AMM.amm-rootlink-borders ul a,
.p7HMY .hmy-section .p7AMM.amm-rootlink-borders ul li a {
	border: 1px solid rgba(255,255,255,0.25);
}
.p7HMY .hmy-section .p7AMM.amm-rootlink-borders ul li a:hover {
	border: 1px solid rgba(255,255,255,0.0);
}
.p7HMY .hmy-section .p7AMM.amm-rootlink-borders ul ul li a {
	border: none !important;
}
.p7AMM li a {
	line-height: 16px;
}
.p7AMM li a.arrow {
	font-size: 24px;
}

/*
*************************************************************
                     THE PAGE FOOTER
*************************************************************
*/
.footer.hmy-content-wrapper .hmy-content {
	font-size: 70%;
	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: 0px 10px 0px 0px;
}
/*
*************************************************************
             HIERARCHICAL INLINE PARAGRAPHS
*************************************************************
*/
p.ranks {
	display: inline-block;
	margin: 0px 6px;
}
.rank-1 {
	font-size: 80%;
	font-weight: bold;
}
.rank-2 {
	font-size: 130%;
}
.rank-3 {
	font-size: 180%;
	font-weight: bold;
}
.rank-4 {
	font-size: 140%;
}
.rank-5 {
	font-size: 100%;
}

/*
*************************************************************
                      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;
}
.p7AMM.amm-responsive {
	padding: 0px !important;
}
.p7AMM.amm-fixed {
	max-height: 100% !important;
	overflow-y: auto;
}
.p7AMM.amm-responsive li {
	text-align: left !important;
	display: block;
	max-height: 700777px;
}
.p7AMM.amm-responsive ul li {
	padding: 0px;
}
.p7AMM.amm-rootlink-borders ul a,
.p7AMM.amm-sub-borders ul ul {
	border: none !important;
}
.p7AMM.amm-responsive.amm-pointer ul ul:after {
	display: none !important;
}
.p7AMM.amm-responsive ul ul {
	width: 100%;
	min-width: 0px;
	margin: 0px !important;
	position: relative !important;
}
.p7AMM.amm-responsive ul,
.p7AMM.amm-responsive a {
	border-radius: 0px !important;
}
.p7AMM.amm-responsive .amm-toolbar {
	display: block;
	text-align: right;
	margin: 0px 0px;
	padding: 0px 10px;
	background-color: #151515;
	color: #FFF !important;
}
.p7AMM.amm-responsive .amm-toolbar a {
	display: inline-block;
	text-decoration: none;
	font-size: 2rem;
	color: #FFF;
	opacity: 0.7;
}
.p7AMM.amm-responsive .amm-toolbar a:hover {
	opacity: 1;
}
.p7AMM.amm-responsive .amm-toolbar.closed a:before {
	content: "Show Menu";
}
.p7AMM.amm-responsive .amm-toolbar.opened a:before {
	content: "Hide Menu";
}
.p7AMM.amm-responsive .amm-toolbar.closed a:before,
.p7AMM.amm-responsive .amm-toolbar.opened a:before {
	font-size: 1rem !important;
	position: relative;
	top: -.25rem;
	left: -.25rem;
}
.p7AMM.amm-responsive ul.closed {
	display: none;
}
.p7AMM.amm-responsive ul.opened {
	display: block;
}
.p7AMM.amm-responsive li.amm-more {
	display: none !important;
}
.p7AMM.amm-responsive li.amm-root-moved {
	position: relative !important;
	top: 0px !important;
	left: 0px !important;
}
}

@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: 0px !important; border: none !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: 300px;}
	.hmy-content-wrapper.navigation .hmy-content {padding-right: 0px !important;}
}