@charset "utf-8";
/* CSS Document */

@import url(fonts.css);
@import url(jquery.bxslider.css);

/* Standard resets and settings */

*												{ margin: 0px; padding: 0px; font-weight: normal; font-style: normal; }
h1 a span, h2 a span, h3 a span, li a span, 
.sfc span, .navback span, .mobilemenu span		{ margin-left: -3000px; font-size: 0px; }
a:hover											{ opacity: .75; }
article p, main p								{ margin-bottom: 1.75em; line-height: 1.5em; }
article ul, main ul								{ padding-left: 25px; list-style-type: disc; }
article ol, main ol								{ padding-left: 25px; }
article strong, article b, p strong, p b,
main b, main strong								{ font-weight: 900; }
article em, article i, p em, p i, 
main em, main i									{ font-style: italic; }
article h1, main h1								{ font-size: 1.5em; font-weight: 900; line-height: auto; }
article h2, main h2								{ font-size: 1.25em; font-weight: 900; line-height: auto; } 
div section, #page-head hgroup, 
#page-foot section								{ margin: 0px auto; display: block; }
div section:after, #page-head hgroup:after, 
#page-foot section:after						{ content:""; display: block; clear: both; float: none; width: 0px; height: 0px; }
.alignright										{ margin-left: 1em; float: right; padding: 3px; }
.alignleft										{ margin-right: 1em; float: left; padding: 3px; }
div, article, section, hgroup					{ -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box; }
article article, section section				{ display: block!important; width: auto!important; }
.slidein										{ opacity: 0; }

/* Details Settings */
 
details, summary, details.closed > summary,
details.open   > summary						{ display: block;}
details.closed > * 								{ display: none;}
details.closed > summary:before 				{ display: inline-block; content: "▶ "; padding: 0; margin-right: 5px; font-size: 18px;}
details.open   > summary:before 				{ display: inline-block; content: "▼ "; padding: 0; margin-right: 5px; font-size: 10px;}


/* Tree Menu Settings */

#tree li:before									{ content:"  "; display: inline-block; width: 20px; height: 20px; font-size: 10px; font-family: arial, sans-serif; }
#tree .collapsed:before							{ content:"▶ "; display: inline-block; width: 20px; height: 20px; font-size: 10px; font-family: arial, sans-serif; margin-left: -23px; }
#tree .expanded:before							{ content:"▼ "; display: inline-block; width: 20px; height: 20px; font-size: 10px; font-family: arial, sans-serif; margin-left: -23px; }

/* Pagination */

.pagination										{ display: block; text-align: center; margin: 25px 0px; }
.pagination a									{ color: #000; text-decoration: none; margin: 0px 10px; }
.pagination a:first-child						{ margin-left: 0px; }
.pagination a:last-child						{ margin-right: 0px; }

/* Nav Menu Settings */

.navback, .mobilemenu, .mobileonly				{ display: none; }
nav ul, .social, #tree, #tree li				{ list-style-type: none; display: inline-block; }
nav ul li, .social li							{ display: inline-block; position: relative; }
#nav #main li ul								{ position: absolute; display: block; z-index: 2; max-height: 0; overflow: hidden; -webkit-transition: max-height 0.8s; -moz-transition: max-height 0.8s; transition: max-height 0.8s; width: 100%; overflow: hidden; background: #333; }
#nav #main li ul li								{ display: block; }
#nav #main li:hover > ul, 
#nav #main li:active > ul						{ max-height: 500px; overflow: auto; display: block; }

/* Base Template Settings */

body											{ background: url(../images/bg.png) #fff; font-family: "Lato", arial, helvetica, sans-serif; font-size: 1em; }
#page-head hgroup, 
#page-foot section, 
div section										{ width: 960px; }
.cta, input[type=submit], button				{ display: inline-block; padding: 8px 20px; background: #553c68; text-transform: uppercase; color: #FFF; text-decoration: none; -webkit-appearance: none; font-weight: 900; font-size: 11px; letter-spacing: 1px; }
.cta:after										{ content:" »"; font-size: 14px; transform: scale(1.5,1); display: inline-block; margin-left: 6px; }
 
/* Header Settings */

#page-head										{ background: #FFF; font-family: 'Lato', sans-serif; letter-spacing: 1px; }
#page-head hgroup h1, #page-head hgroup h1 a	{ width: 230px; height: 100px; display: inline-block; float: left; }
#page-head hgroup h1 a							{ background:url(../images/logo.png) center no-repeat; }
#page-head hgroup h1 a:hover                    { opacity: 1; }
#page-head hgroup h2							{ display: inline-block; float: right; }
#page-head hgroup h2 a							{ padding: 12px 20px; background: #553c68; color: #FFF; text-decoration: none; font-weight: 900; font-size: 11px; text-transform: uppercase; } 
#page-head hgroup h3							{ text-transform: uppercase; display: inline-block; color: #717170; font-weight: 900; font-size: 11px; float: right; margin: 12px 34px 0px 0px; }
#page-head hgroup h3 a							{ color: #553c68; font-weight: 900; text-decoration: none; margin-left: 10px; }

#page-head hgroup #nav #main					{ margin-bottom: 0px; float: right; margin-top: 44px; margin-right: -93px; }
#page-head hgroup #nav #main a					{ color: #636363; text-decoration: none; margin: 0px 0px 0px 40px; font-weight: 600; text-transform: uppercase; font-size: 12px; padding: 0px 0px 10px 0px; border-bottom: 2px solid #fff; }
#page-head hgroup #nav #main a:hover,
#page-head hgroup #nav #main .current_page_item  a	{ border-bottom: 2px solid #553c68; opacity: 1; }

/* Header Image Settings */

#header-image									{ height: 442px; background-position: center; background-repeat: no-repeat; margin-bottom: 0px; }
#header-image section article					{ width: 40%; padding: 150px 30px 0px 30px; float: right; text-align: center; box-sizing: border-box; -moz-box-sizing: border-box; font-size: 17px; color: #262525; line-height: 22px; }
#header-image section article h1				{ font-family: 'Museo Slab', sans-serif; font-weight: 700; color: #553c68; margin-bottom: 15px; }

/* Masonry Settings */

#masonry										{ margin: 50px auto; }
.bricks											{ display: inline-block; box-sizing: border-box; -moz-box-sizing: border-box; float: left; width: 320px; margin: 20px 20px 0px 0px; -webkit-transition: left .4s ease-in-out, top .4s ease-in-out .4s; -moz-transition: left .4s ease-in-out, top .4s ease-in-out .4s; -ms-transition: left .4s ease-in-out, top .4s ease-in-out .4s; -o-transition: left .4s ease-in-out, top .4s ease-in-out .4s; transition: left .4s ease-in-out, top .4s ease-in-out .4s; }
.doublebrix										{ width: 640px; }

/* Columns Settings */

.twocol											{ column-count: 2; -webkit-column-count: 2; -moz-column-count: 2; }
.threecol										{ column-count: 3; -webkit-column-count: 3; -moz-column-count: 3; }
.fourcol										{ column-count: 4; -webkit-column-count: 4; -moz-column-count: 4; }

.threefourthbox, .twothirdbox, .halfbox, .thirdbox, .quarterbox   { float: left; }

.threefourthbox									{ width: 75%; }
.twothirdbox									{ width: 66%; }
.halfbox										{ width: 50%; }
.thirdbox										{ width: 33%; }
.quarterbox										{ width: 25%; }

hr.break                                        { clear: both; display: block; -webkit-column-break-before:always; -moz-column-break-before:always; column-break-before:always; width: 100%; height: 0px; visibility: hidden;  }


/* Widgets Settings */

aside											{ display: inline-block; width: 26%; float: left; padding-top: 50px; }
aside .widgets									{ list-style-type: none; }
aside .widgets li								{ width: 100%; display: block; box-sizing: border-box; -moz-box-sizing: border-box; padding: 15px; }
aside h2										{ text-align: center; font-weight: 700; color: #cbcbcb; text-transform: uppercase; font-size: 14px; margin-bottom: 20px; }
aside .submenu									{ list-style-type: none; border-top: 1px solid #d3d3d1; }
aside .submenu li								{ display: block; }
aside .submenu li a 							{ box-sizing: border-box; -moz-box-sizing: border-box; width: 100%; padding: 20px 30px; display: block; font-size: 11px; text-transform: uppercase; color: #8a8a8a; text-decoration: none; border-bottom: 1px solid #d3d3d1; }
aside .submenu .current_page_item a,
aside .submenu li a:hover						{ color: #eff0f0; background: #553c68; opacity: 1; }


/* Search Bar */
#searchform										{ display: inline-block; font-size: 0px; line-height: 0px; } 
#searchform input, #searchform button			{ display: inline-block; float: left; }
#searchform input								{ padding: 5px; height: 30px; box-sizing: border-box; max-width: 200px; border: 1px solid #333; border-right: 0px; font-size: 15px; }
#searchform button								{ height: 30px; padding: 5px; border: 1px solid #333; border-left: 0px; font-size: 15px; background: #FFF; width: 30px; color: #333; font-family: 'Icons'; -webkit-transition: background-color 1000ms linear; -moz-transition: background-color 1000ms linear; -o-transition: background-color 1000ms linear; -ms-transition: background-color 1000ms linear; transition: background-color 1000ms linear; cursor: pointer; }
#searchform button:before						{ content: "\e612"; }
#searchform input[type=search]:focus			{ outline: none; }
#searchform input[type=search]:focus + button	{ color: #FFF; background: #333; }

/* Address Bar */

#addressbar										{ background:url(../images/addressbar.jpg) center repeat-x; height: 120px; box-shadow: 0px -5px 5px 0px rgba(50, 50, 50, 0.34); z-index: 2; position: relative; } 
#addressbar section								{ background: #553c68; border-left: 1px solid #111; border-right: 1px solid #111; }
#addressbar section address						{ width: 25%; box-sizing: border-box; -moz-box-sizing: border-box; float: left; height: 120px; text-align: center; padding: 23px 0px 0px 0px; border-left: 1px solid #111; border-right: 1px solid #111; }

#addressbar section address:hover				{ background: #64467a; }
#addressbar section address a                   { text-decoration: none; }
#addressbar section address a h3				{ color: #bc9cd5; font-weight: 600; font-size: 15px; text-transform: uppercase; margin-bottom: 5px; text-decoration: none; }
#addressbar section address a h4				{ color: #eff0f0; font-weight: 600; font-size: 12px; margin-bottom: 5px; text-decoration: none; }
#addressbar section address h5					{ color: #b797cf; font-weight: 500; font-size: 12px; margin-bottom: 5px; }
#addressbar section address h5 a				{ color: #b797cf; font-weight: 500; text-decoration: none; }

/* CTABars settings */

#ctabars										{ background: url(../images/ctabar_bg.jpg) #292929; padding: 35px 0px; text-align: center; font-family: 'Museo Slab', sans-serif; font-weight: 500; font-size: 17px; color: #c4c4c2; }
#ctabars a										{ display: block; width: 290px; box-sizing: border-box; margin-top: 15px; text-align: center; color: #eff0f0; background: #585857; border-radius: 5px; text-decoration: none; text-transform: uppercase; margin: 15px auto; padding: 17px 0px; box-shadow: 4px 4px 0px 0px rgba(24, 24, 24, 0.31); font-family: 'Lato', sans-serif; font-weight: 900; font-size: 18px; letter-spacing: 1px; position: relative; }
#ctabars a:after                                { content: " »"; transform: scale(1,1.5); display: inline-block; margin-left: 12px; font-weight: 500; position: absolute; font-size: 22px; margin-top: -5px; }


/* Content Settings */

main											{ width: 100%;  }
main article                                    { column-count: 2; -webkit-column-count: 2; -moz-column-count: 2; -webkit-column-gap: 50px; column-gap: 50px;  }
aside + main article                            { column-count: 1; -webkit-column-count: 1; -moz-column-count: 1; }
aside + main                                    { padding-left: 2.25%; padding-right: 6%; padding-top: 50px; padding-bottom: 50px; width: 65%; float: left; display: inline-block; font-size: 15px; color: #262525; line-height: 22px;
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YxZjFlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMWYxZWYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  rgba(254,254,253,1) 0%, rgba(254,254,253,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(254,254,253,1)), color-stop(100%,rgba(254,254,253,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(254,254,253,1) 0%,rgba(254,254,253,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(254,254,253,1) 0%,rgba(254,254,253,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(254,254,253,1) 0%,rgba(254,254,253,0) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(254,254,253,1) 0%,rgba(254,254,253,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefd', endColorstr='#00f1f1ef',GradientType=1 ); /* IE6-8 */ }

main .header									{ width: 100%; border-radius: 5px; height: 230px; background-position: center; background-repeat: no-repeat; background-size: cover; margin-bottom: 50px; }
main h1                                         { text-align: center; font-family: 'Museo Slab', sans-serif; color: #553c68; font-size: 31px; margin-bottom: 20px; line-height: auto!important; margin-top: 50px; margin-bottom: 20px; }
aside + main h1									{ font-family: 'Museo Slab', sans-serif; color: #553c68; font-size: 31px; margin-bottom: 20px; line-height: auto!important; text-align: left; margin-top: 0px; }
main p											{ margin-bottom: 20px; }
main ul											{ width: 90%; margin: 10px auto; list-style-type: disc; -webkit-column-break-after: always; -moz-column-break-after: always; }
main ul ul										{ column-count: 1; -webkit-column-count: 1; -moz-column-count: 1; margin: 10px auto; list-style-type: circle; }
main ul li										{ margin-left: 25px; color: #553c68; margin-bottom: 10px; }
main p strong									{ font-weight: 700; }
main a, main p a								{ color: #553c68; text-decoration: none; }
main strong a, main b a							{ font-weight: 700; text-decoration: none; }


/* Comments Styles */

#comments:before								{ clear: both; display: block; width: 1px; height: 1px; content: " "; }
#comments .comments-title						{ font-size: 18px; color: #333; text-decoration: none; margin-bottom: 25px; }
#comments ol, #comments ul						{ list-style-type: none; padding: 25px; }
#comments .avatar								{ border-radius: 34px; }
#comments .comment-author,
#comments .comment-author .fn
#comments .comment-author .says					{ letter-spacing: 1px; font-weight: 800; color: #31312e; font-size: 22px; margin-bottom: 15px; }
#comments .commentmetadata						{ margin-bottom: 20px; }
#comments .commentmetadata a					{ color: #333; font-style: italic; font-size: 14px; } 
#comments .commentmetadata .comment-edit-link	{ color: #333; }
#comments .comment-body							{ margin: 20px auto; }
#comments .reply								{ text-align: right; }
#comments .children								{ background: rgba(255,255,255,.75); border-radius: 15px; }
#comments label									{ display: block; }
#comments textarea								{ resize: none; display: block; padding: 5px 2%; width: 96%; }

/* Footer Settings */

#page-foot										{ background: #101010; color: #393939; padding: 10px 0px; text-align: center; }
#page-foot h1									{ background: url(../images/logo_small.png); width: 91px; height: 28px; display: inline-block; float: left; }
#page-foot h1 a									{ width: 91px; height: 28px; display: block; }
#page-foot cite									{ margin: 10px 0px 0px 0px; float: left; margin-left: -91px; margin-top: 35px; font-size: 11px; }
#page-foot .social, #page-foot address			{ display: inline-block; }
#page-foot nav 									{ display: inline-block; }
#page-foot nav ul								{ display: inline-block; margin-top: 12px;}
#page-foot nav ul li a							{ font-size: 11px; color: #626262; text-decoration: none; margin: 0px 40px 0px 0px; }

/* Social Settings */
.social											{ float: right; margin-left: -10px; }
.social li										{ width: auto; margin: 0px 0px 0px 5px; width: 30px; height: 30px; float: left; }
.social a										{ width: 30px; height: 30px; text-decoration: none; display: inline-block; font-family: 'Icons'; font-size: 40px; color: #fff; }
.social a span									{ margin-left: 0px; }
.social .fb a:before							{ content: "\e610"; }
.social .tw a:before							{ content: "\e604"; }
.social .in a:before							{ content: "\e60c"; }
.social .gp a:before							{ content: "\e60e"; }
.social .yt a:before 							{ content: "\e600"; }
.social .tu a:before							{ content: "\e605"; }
.social .vi a:before							{ content: "\e602"; }
.social .pi a:before							{ content: "\e609"; }
.social .ig a:before							{ content: "\e60d"; }
.social .ye a:before							{ content: "\e601"; }
.social .gi a:before							{ content: "\e60f"; }
.social .dr a:before							{ content: "\e611"; }

.sfc											{ display: block; width: 40px; height: 40px; font-size: 50px; color: #373737; font-family: 'Icons'; float: right; text-decoration: none; clear: both; }
.sfc:before										{ content: "\e607"; }
.sfc span										{ margin-left: 0px; }


@media handheld, only screen and (max-width: 959px) and (min-width: 767px) {
	#page-head hgroup, 
	#page-foot section, 
	div section										{ width: 100%; padding-left: 25px; padding-right: 25px; }
	#page-head hgroup #nav #main					{ margin-top: 41px; }
	#page-head hgroup #nav #main a					{ margin: 0px 0px 0px 10px; font-size: 10px; letter-spacing: 0px; }
	#addressbar section address h3					{ font-size: 12px; }
	#addressbar section address h4					{ font-size: 10px; }
	#addressbar section address h5					{  }
	#page-foot nav ul li a							{ margin: 0px 10px 0px 0px; }
}

@media handheld, only screen and (max-width: 766px) {		
    #page-head hgroup, 
	#page-foot section, 
	div section,
	.bricks,
	#addressbar address							{ width: 100%!important; }
	article, .halfbox, .thirdbox, .quarterbox, 
	.twothirdbox, .threefourthbox,
	main,
	aside										{ width: 100%; padding: 0px 15px; box-sizing: border-box; -moz-box-sizing: border-box; margin: 0px!important; }
	.mobileonly									{ display: block; }
	article img, .alignright, .alignleft		{ max-width: 90%!important; height: auto!important; margin: 15px auto!important; float: none!important; }
	.twocol, .threecol, .fourcol, main ul,
    main article                                { column-count: 1; -webkit-column-count: 1; -moz-column-count: 1; }
	#addressbar									{ height: auto; }
	
	#page-head									{ position: fixed; left: 0px; top: 0px; width: 100%; height: 60px;  }
	#page-head hgroup h1						{ position: fixed; left: 5px; top: 5px; z-index: 20; }
	#page-head hgroup h1, #page-head hgroup h1 a{ width: 120px; height: 60px; background-size: contain; }
	#page-head hgroup h2, #page-head hgroup h3,
	#page-foot nav								{ display: none; }
	main ul										{ width: auto; }
	
	
	/* Mobile Menu styles */
	
	#nav 										{ max-height: 0px; overflow: hidden; -webkit-transition: max-height 0.8s; -moz-transition: max-height 0.8s; transition: max-height 0.8s; position: absolute; z-index: 2; width: auto; top: 0px; right: 0px; width: 100%; background: #FFF; text-align: center; }
	#page-head hgroup #nav #main				{ float: none; margin-top: 0px; margin-right: 0px; width: 100%; }
	#nav #main li								{ display: block; }
	#page-head hgroup #nav #main a				{ padding: 15px; display: block; margin: 0px!important;  text-align: center; border: none; font-size: 12px; font-weight: 700; }
	#page-head hgroup #nav #main .current-page a,
	#page-head hgroup #nav #main a:hover		{ border: none; } 
	#page-head hgroup #nav .mobileonly			{ width: 50%; display: block; float: left; text-align: center; font-size: 12px; font-weight: 700; padding: 15px 0px; box-sizing: border-box; -moz-box-sizing: border-box; text-transform: uppercase; letter-spacing: 0px; color: #553c68; text-decoration: none; border-top: 1px solid #553c68; border-bottom: 1px solid #553c68; }
	#page-head hgroup #nav .mobileonly.contact	{ display: block; margin: 75px auto; padding: 14px; background: #553c68; color: #FFF; clear: both; float: none; }
	
	#nav #main li ul							{ display: none!important; }

	#page-head hgroup .mobilemenu				{ float: right; display: block; text-decoration: none; position: relative; text-transform: uppercase; color: #553c68; border: 2px solid #553c68; font-weight: 700; font-size: 13px; margin: 10px; padding: 7px 25px; }
	
	body:not(:target) #nav:target 				{ display: block!important; max-height: 500px!important; overflow: auto!important; padding-top: 60px; }
	body:not(:target) #nav:target .navback		{ display: block!important; float: right; display: block; text-decoration: none; position: absolute; top: 0px; right: 0px; z-index: 3; text-transform: uppercase; color: #FFF; border-radius: 5px; background: #553c68; font-weight: 700; font-size: 13px; margin: 10px; padding: 7px 25px; }
	
	#header-image								{ padding-top: 320px; height: auto; background-position: -50px 0px; background-size: auto 320px; margin-top: 60px; background-color: #f1f1ef; }
	#header-image section article				{ width: auto; padding: 25px 15px; } 
	main .header                                { height: 120px; }
	#addressbar address							{ border-bottom: 2px solid #2a1e34; }
	#ctabars a									{ width: 80%; font-size: 14px; }
	#ctabars a:after							{ content:" »" }
	#content									{ margin-top: 60px; }
	#page-foot section							{ padding: 10px; } 
	.sfc										{ display: none; }
	aside										{ display: none; }
	.mobileonly aside							{ padding: 0px; padding-top: 10px; border-top: 1px solid #d3d3d1; width: calc(100% + 60px); display: block; margin-left: -30px!important; background: url(../images/aside_bg.jpg); }
	.mobileonly aside ul						{ padding-left: 0px!important; margin: 0px!Important; }
	.mobileonly aside ul li						{ margin-left: 0px!important; margin-bottom: 0px; }
	aside .submenu li a							{ text-align: center; }
	main										{ padding: 25px 15px; background: #f1f1ef; }
	main h1										{ text-align: center; font-size: 26px; }
}