/* =Reset
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, select {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}
ol, ul {
	list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}

/* Block elements */
header, hgroup, footer, section, article, aside {
	display: block;
}

/* Body, Common Classes & Wrap */

body {
	padding-top: 0;
}
#wrapper {
	margin: 20px auto 2em;
	max-width: 1000px;
}

#navigation div {
	margin: 0;
}

#primary {
	float: left;
	margin: 0 -30% 0 0;
	width: 100%;
	border-top: 1px solid #558ed5;
}
#content {
	margin: 0 33% 0 0;
	width: 64%;
}
#sidebar {
	float: right;
	margin-right: 0;
	width: 27%;
}
.breadcrumb {
	padding-top: 0.5em;
}

/* Left Content */

.left-sidebar #primary {
	float: right;
	margin: 0 0 0 -30%;
	width: 100%;
}
.left-sidebar #content {
	margin: 0 3% 0 33%;
	width: 64%;
}
.left-sidebar #sidebar {
	float: left;
	margin-left: 3%;
	margin-right: 0;
	width: 27%;
}
.wide-sidebar #primary {
	float: left;
	margin: 0 -35.5% 0 0;
	width: 100%;
}
.wide-sidebar #content {
	margin: 0 38.6% 0 3%;
	width: 58.4%;
}
.wide-sidebar #sidebar {
	float: right;
	margin-right: 3%;
	width: 32.5%;
}

/* Right Content */
.wide-sidebar.left-sidebar #primary {
	float: right;
	margin: 0 0 0 -33%;
	width: 100%;
}
.wide-sidebar.left-sidebar #content {
	margin: 0 3% 0 38.6%;
	width: 58.4%;
}
.wide-sidebar.left-sidebar #sidebar {
	float: left;
	margin-left: 3%;
	margin-right: 0;
	width: 30%;
}
.no-sidebars #primary{
	margin: 0;
}
.no-sidebars #content{
	margin: 0;
	position: relative;
	width: auto;
}
body, input, textarea, select {
	color: #c6d9f1;
	font: 15px "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 300;
	line-height: 1.625;
	background: #fff;
}
a {
	color: #1982d1;
	text-decoration: none;
}
a:focus,
a:active,
a:hover {
	text-decoration: none;
}
a:hover {
	color: #ff0000;
}


/* Headings */
h1,h2,h3,h4,h5,h6 {
	clear: both;
	color: #fff;
}
h1 {
	font-size: 38px;
	letter-spacing: -3px;
}
h2 {
	font-size: 22px;
	margin: .5em 0;
}
h3 {
	font-size: 18px;
	margin: 0 0 0.5em;
}
h4 {
		font-size: 14px;
		margin: 0 0 0.5em;
}
h5 {
		font-size: 12px;
}
h6 {
		font-size: 10px;
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 2em;
}

/* Text elements */
p {
	margin-bottom: .75em;
}
ul, ol {
	margin: 0 0 1em 1.5em;
}
ul {
	list-style: disc;
}
ol {
	list-style-type: decimal;
}
ol.sections > li {
	font-size: 18px;
}

ol ol {
	list-style: lower-alpha;
}
ol ol ol {
	list-style: lower-roman;
}
ul ul, ol ol, ul ol, ol ul {
	margin-bottom: 1em;
}
dl {
	margin: 0 2em;
}
dt {
	font-weight: bold;
}
dd {
	margin-bottom: 2em;
}
strong {
	font-weight: bold;
}
cite, em, i {
	font-style: italic;
}
blockquote {
	font-family: Georgia, "Bitstream Charter", serif;
	font-style: italic;
	font-weight: normal;
	margin: 0 3em;
}
blockquote em, blockquote i, blockquote cite {
	font-style: normal;
}
blockquote cite {
	color: #666;
	font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 300;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}
pre {
	background: #f4f4f4;
	font: 13px "Courier 10 Pitch", Courier, monospace;
	line-height: 1.5;
	margin-bottom: 2em;
	overflow: auto;
	padding: 0.75em 2em;
}
code, kbd {
	font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr, acronym, dfn {
	border-bottom: 1px dotted #666;
	cursor: help;
}
address {
	display: block;
	margin: 0 0 0 0;
}
ins {
	background: #fff9c0;
	text-decoration: none;
}
sup,
sub {
	font-size: 10px;
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}

table {
	margin: 0 0 1em;
	width: 100%;
	background:#fff;
}

th {
	font-weight: bold;
	padding:0 10px;
	line-height: 2;
	background:#555;
	color:#fff;
}

tr {
	padding:5px 5px;
}

td {
	padding:5px 10px;
	border:1px solid #ddd;
}

.floatimg {
	float: right;
}

/* clearfix hack */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.clearfix {
	display: inline-block;
}
/* start commented backslash hack \*/
* html .clearfix {
	height:1%;
}
.clearfix {
	display: block;
}
.clear {
	clear: both;
}
/* close commented backslash hack */
.displayblock {
	display: block;
}
.displaynone {
	display: none;
}

#header {
	background-color: #244061;
	position: relative;
}
#site-name {
	float: left;
	max-width: 100%;
	padding: 15px 20px 0;
	color: #909090;
}
#site-name a {
	color: #fff;
}
#site-slogan {
	color: #c6d9f1;
	font-size: 14px;
	display: inline;
	padding-top: 36px;
	position: absolute;
}
#header img {
	height: auto;
	max-width: 960px;
	margin: 0 20px;
}
#header #site-logo { 
	margin: 0 2%;
	padding: 2em 0em;
}

/* -----------------------------------------------------------
=Menu
-------------------------------------------------------------- */

#header #navigation {
	clear: both;
	display: block;
	max-width: 100%;
}

/* Navigation menu  */
#main-menu > ul.menu {
	margin: 0;
	display: table;
	width: 100%;
	list-style: none;
}
#main-menu > ul.menu li {
	display: table-cell;
	text-align: center;
}
#main-menu > ul.menu a {
	display: block;
	font-size: 26px;
	padding: 5px 0 13px;
	text-decoration: none;
}
#main-menu > ul.menu ul {
	display: none;
	float: left;
	margin: 0;
	position: absolute;
	top: 6em;
	right: 0;
	list-style: none;
	width: 132px;
	z-index: 99;
}
#main-menu > ul.menu ul a {
	background: #575757;
	border-top: 1px solid #999999;
	color: #ffffff;
	font-size: 14px;
	font-weight: normal;
	height: auto;
	line-height: 1em;
	padding: 10px;
	width: 112px;
}
#main-menu > ul.menu ul ul {
  right: 132px;
  width: 132px;
  top: 0;
}
#main-menu > ul.menu ul ul a {
	background: #666666;
}
#main-menu > ul.menu li:hover > a,
#main-menu > ul.menu a:focus{
	color: #ff0000;
}
#main-menu > ul.menu a.active {
	color: #ff0000;
}

#mobile-header { 
	display: none;
}

/* User menu */
#user-menu {
	padding: 15px 0;
	margin: 0;
}
#user-menu > ul.user {
	padding: 10px 10px 11px;
	margin: 0;
	color: #999;
	float: left;
	border-left: 1px dotted #999;
	list-style: none outside none;
}
#user-menu > ul.user li {
	float: left;
	margin: 0 10px;
	position: relative;
	font-size: 12px;
	line-height: normal;
}
#user-menu > ul.user a {
	color: #fff;
}
#user-menu > ul.user a:hover {
	color: #FF0000;
}

#breadcrumbs {
	font-size: 11px;
}

/* =Content ----------------------------------------------- */

#main {
	background-color: #244061;
	clear: both;
	padding: 0 20px;
}

#content-wrap {
	margin: 0;
	position: relative;
	width: auto;
}

.node h2.title, h1.page-title, .node h2.title a, h1.page-title a {
	color: #fff;
	text-decoration: none;
}
.node h2.title, h1.page-title {
	clear: both;
	font-weight: bold;
	line-height: 1.5em;
}

.not-front h1.page-title{
	margin-bottom: 1em;
}

#main #content .node-teaser {
	margin-bottom: 15px;
}

.node-teaser img {
	padding: 6px;
	height: auto;
	max-width: 100%;
	margin: 0.5em 0;
	float: left;
}
.page-node #content-wrap img {
	padding: 0;
	height: auto;
	max-width: 100%;
	margin: 0.5em 0;
}

.node-teaser p {
	margin-bottom: 1em;
}

#preface-area{
	background: rgb(245, 245, 245);
	border: 1px solid rgb(230, 230, 230);
	overflow: hidden;
	padding: 2em 3% 0;
}

#preface-area .block,
.region-content-top .block,
#footer-area .block {
	clear: both;
	margin-bottom: 2em;
	overflow: hidden;
	padding: 0em 1em;
	font-size: 12px;

}
.region {
	margin-bottom: 20px;
}

#preface-area .block:hover,
#footer-area .block:hover{
	background: rgba(38, 156, 203, .1);
}

#preface-area .block > h2,
.region-content-top .block > h2,
#footer-area .block > h2 {
border-bottom: 1px solid #CCCCCC;
font-size: 1.1em;
font-weight: bold;
padding: .5em 0;
margin-bottom: .5em;
margin-top: 0;
}

#sidebar .block {
	background-color: #FFFFFF;
	border: 1px solid rgb(226, 226, 226);
	clear: both;
	padding: 1em 1.5em 0;
	font-size: 12px;
}

#sidebar .block > h2 {
	border-bottom: 1px solid rgb(238, 238, 238);
	font-size: 14px;
	font-weight: bold;
	margin: 0 -0.75em 1em;
	padding: 0 1em 0.5em;
	text-transform: uppercase;
}

#preface-area .block p,
.region-content-top .block p,
#footer-area .block p,
#sidebar .block p {
	margin-bottom: 1em;
}

#preface-area .block img,
.region-content-top .block img,
#footer-area .block img,
#sidebar .block img {
	height: auto;
	max-width: 97.4%;
}

#preface-block-wrap.in1 .preface-block {
	margin-bottom: 2.5em;
}

#preface-block-wrap.in2 .preface-block {
	float: left;
	width: 48.5%;
}
#preface-block-wrap.in2 .preface-block + .preface-block {
	float: right;
}

#preface-block-wrap.in3 .preface-block {
		float: left;
		margin-right: 3%;
		width: 31.3%;
}
#preface-block-wrap.in3 .preface-block + .preface-block + .preface-block {
	margin-right: 0;
}

/* =Footer
----------------------------------------------- */

#footer-bottom {
	background-color: #244061;
	padding: 0 20px;
}
#footer-area {
		background-color: rgb(247, 247, 247);
		overflow: hidden;
		padding: 1em 2%;
}
.region-footer{
	clear: both;
	margin: 0 3%;
}

#footer-block-wrap.in1 .footer-block {
	margin-bottom: 2.5em;
}

#footer-block-wrap.in2 .footer-block {
	float: left;
	width: 48.5%;
}
#footer-block-wrap.in2 .footer-block + .footer-block {
	float: right;
}

#footer-block-wrap.in3 .footer-block {
		float: left;
		margin-right: 3%;
		width: 31.3%;
}
#footer-block-wrap.in3 .footer-block + .footer-block + .footer-block {
	margin-right: 0;
}

#bottom {
	border-top: 1px solid #558ed5;
	clear: both;
	color: #c6d9f1;
	font-size: 12px;
	line-height: 2.2em;
	text-align: center;
	padding: 10px 0;
}
#bottom a {
	color: #fff;
}
#bottom a:hover {
	color: #ff0000;
}
#bottom .copyright {
	display: inline;
	width: 80%;
	clear: both;
	float: left;
	text-align: left;
}

/* Social Profile */
.social-profile {
	position: absolute;
	right: 1em;
	top: 2em;
}
.social-profile ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.social-profile ul li {
	float: left;
}
.social-profile ul li a {
	display: block;
	/*background: url("images/social-profiles.png") no-repeat right top;*/
	width: 40px;
	height: 40px;
	-webkit-transition: all 0.2s ease 0s;
	-moz-transition: all 0.2s ease 0s;
	-o-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
	text-indent: -99999px;
}
.social-profile ul li a:hover{
	background-position: 0px -40px !important;
}
.social-profile ul li a:active {
	-moz-box-shadow: inset 0 0 6px #000;
	-webkit-box-shadow: inset 0 0 6px #000;
	box-shadow: inset 0 0 6px #000;
}
.social-profile ul li.facebook a {
	background: url(images/facebook.png) no-repeat 0 0;
}
.social-profile ul li.facebook a:hover {
	background-color: rgb(59, 89, 152);
}
.social-profile ul li.twitter a {
	background: url(images/twitter.png) no-repeat 0 0;
}
.social-profile ul li.twitter a:hover {
	background-color: rgb(72, 196, 210);
	background-position: 0px -40px !important;
}
.social-profile ul li.linkedin a {
	background: url(images/linkedin.png) no-repeat 0 0;
}
.social-profile ul li.pinterest a {
	background-position: -484px 0;
}

/* -------------- Form Elements  ------------- */

fieldset {
	background: #ffffff;
	border: 1px solid #cccccc;
	margin-bottom: 20px;
	position: relative;
}

.crm-container fieldset {
	border-top: 1px solid #ccc;
}

.fieldset-wrapper {
	margin: 10px;
}

.node-form .vertical-tabs .fieldset-wrapper {
	margin-top: 0;
}

.filter-wrapper { top: 0; padding: 1em 0 0.2em; }

.filter-help a { font-size: 0.857em; padding: 2px 20px 0; }

.filter-wrapper .form-item label { margin-right: 10px; }

.filter-wrapper .form-item { padding: 0 0 0.5em 0.5em; }

.filter-guidelines { padding: 0 1.5em 0 0.5em; }

fieldset.collapsed { background: transparent; }

.crm-container .header-dark,
fieldset legend {
	background: #555;
	color: #fff;
	font-weight: bold;
	display: block;
	height: 2em;
	line-height: 2;
	position: relative;
	text-indent: 10px;
	width: 100%;
}

fieldset .fieldset-description { margin-top: 5px; margin-bottom: 1em; line-height: 1.4; font-style: italic; }

.fieldset-legend a {
	color: #fff;
}

#crm-container.crm-public input[type="text"],
#crm-container.crm-public select,
.crm-container input, input {
	margin: 2px 0;
	padding: 4px 0;
	font-size: 0.929em;
	border-radius: 0;
	border: 1px solid #ccc;
}
.crm-container input.form-radio {
	margin-right: 8px;
}
#crm-container.crm-public .crm-section, .crm-section {
	margin-bottom: 5px;
}
#crm-container .email {
	width: 100%;
}

textarea {
	line-height: 1.5;
	font-size: 0.929em;
}

textarea.form-textarea, select.form-select { padding: 4px; }

input.form-text,
.crm-container input.form-text,
textarea.form-textarea,
select.form-select {
	border: 1px solid #ccc;
	width: 100%;
}

.password-suggestions ul li { margin-left: 1.2em; }

.form-item { margin-bottom: 1em; margin-top: 2px; }

.form-actions{ margin: 0; }

.form-type-radio label, .form-type-checkbox label { margin-left: 4px; }

.form-type-radio .description, .form-type-checkbox .description { margin-left: 2px; }

.form-actions {
	padding: 10px 0 0;
	text-align: left !important;
}

/* Contact Form */

.contact-form #edit-name {
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.contact-form #edit-mail { width: 100%;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.contact-form #edit-subject { width: 100%;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.contact-form #edit-message { width: 100%;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.contact-form .resizable-textarea .grippie {  width: 100%;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

/* Other Overrides */

div.password-suggestions { border: 0; }

.ui-widget-overlay { background: #222222; opacity: 0.7; }

div.vertical-tabs .vertical-tabs-panes fieldset.vertical-tabs-pane { padding: 1em; }

#forum .name { font-size: 1.083em; }

#forum .description { font-size: 1em; }


/*-------------------------------------------*
/* Fix CKEditor style
/*-------------------------------------------*/
#content table.cke_editor {
	background: transparent;
	border: 0;
}
#content table.cke_editor td {
	background: transparent;
	padding: 0;
	border: 0;
}

/*-------------------------------------------*
/* Menus and item lists 
/*-------------------------------------------*/
.item-list ul {
	margin: 0;
	padding: 0 0 0 1.5385em;
}

.item-list ul li {
	margin: 0;
	padding: 0;
}

ul.menu li {
	margin: 0;
	padding: 0;
}

ul.inline {
	clear: both;
}

ul.inline li {
	margin: 0;
	padding: 0;
}

/*-------------------------------------------*
/* Admin Tabs
/*-------------------------------------------*/
.tabs-wrapper {
	margin: 0 0 5px 0;
}

ul.primary {
	border-bottom: 1px solid #575757;
	margin: 0;
	padding: 0;
}

ul.primary li a {
	background: none;
	border: none;
	display: block;
	float: left;
	line-height: 2;
	margin: 0;
	padding: 0 1em;
	margin-right: 5px;
}

ul.primary li a.active {
	background: #575757;
	border: none;
	color: #fff;
}

ul.secondary {
	background: #666;
	border-bottom: none;
	clear: both;
	margin: 0;
	padding: 0;
}

ul.secondary li {
	border-right: none;
}

ul.secondary li a {
	border: none;
	color: #fff;
	display: block;
	float: left;
	line-height: 2;
	padding: 0 1em;
}

ul.secondary li a.active {
	background: #888;
	color: #fff;
	text-decoration: none;
}

ul.secondary a.active {
	border-bottom: none;
}

ul.primary li a:hover, ul.secondary li a:hover {
	background: #444;
	color: #ff0000;
}

ul.inline, ul.links.inline {
	margin-left: 0;
}

/*-------------------------------------------*
/* Tabs and Tags
/*-------------------------------------------*/

.field-name-field-tags {
	margin: 0 0 10px 0;
}

.field-name-field-tags a{
	-moz-transition: opacity 0.2s ease-in-out 0s;
	background: none repeat scroll 0 0 rgb(38, 156, 203);
	color: #FFFFFF !important;
	line-height: 1em !important;
	margin-bottom: 3px;
	margin-right: 3px;
	opacity: 0.9;
	padding: 4px 6px;
	font-size: .8em;
}

.field-name-field-tags a:hover{
	opacity: 1;
}

.field-name-field-tags div {
	display: inline;
}

#main .field-label{
	color: #333;
}

#main .field-items .field-item{
}

/* =Responsive Structure
----------------------------------------------- */
/* Smaller than standard 1060 (devices and browsers) */
@media screen and (max-width: 1060px) {
	#wrapper {
		max-width: 900px;
	}
	#nav-slider .nav-previous, 
	#nav-slider .nav-next {
		top: 94px;
	}
	#header img {
		max-width: 860px;
	}
}

@media screen and (max-width: 960px) {
	/*  ipad */
	#wrapper {
		max-width: 708px;
	}
	#header img {
		max-width: 664px;
	}
	/* Simplify the basic layout */
	#main #content {
		margin: 0;
		width: auto;
	}
	#nav-slider .nav-previous,
	#nav-slider .nav-next {
		top: 137px;
	}
	#main #sidebar {
		float: none;
		margin: 0;
		width: auto;
	}
	#header #main-menu > ul.menu a {
			padding: 0 0 8px;
	}
	#preface-block-wrap.in1 .preface-block {
		float: none;
		margin-right: 0;
		width: auto;
	}
	#preface-block-wrap.in2 .preface-block {
		float: none;
		margin-right: 0;
		width: auto;
	}
	#preface-block-wrap.in3 .preface-block {
		float: none;
		margin-right: 0;
		width: auto;
	}
	#footer-block-wrap.in1 .footer-block {
		float: none;
		margin-right: 0;
		width: auto;
	}
	#footer-block-wrap.in2 .footer-block {
		float: none;
		margin-right: 0;
		width: auto;
	}
	#footer-block-wrap.in3 .footer-block {
		float: none;
		margin-right: 0;
		width: auto;
	}
}
	
@media screen and (max-width: 767px) {
	/*  small tablet */
	#wrapper {
		max-width: 480px;
	}
	#mobile-header {
		display: block;
		position: absolute;
		margin: -200px 0 0 400px !important;
	}
	#header img {
		max-width: 440px;
	}

	/* @media (max-width: 650px) Reduce font-sizes for better readability on smaller devices */
	body {
			padding: 0;
	}
	body, input, textarea {
		font-size: 13px;
	}
	#main,
	#footer-block-wrap {
		padding-top: 1em;
	}
	#site-name {
		font-size: 28px;
		line-height: 1;
	}
	#header #site-logo {
		text-align: center;
	}
	#header .social-profile {
		top: 2em !important;
	}
	#main-menu > ul {
		font-size: 12px;
	}
	#nav-slider .nav-previous,
	#nav-slider .nav-next {
		top: 82px;
	}
	#slider, 
	.block,
	#footer-block-wrap .footer-block {
		margin-bottom: 0em;
	}
	blockquote {
		margin: 0;
	}
	blockquote.pull {
		font-size: 17px;
	}
	/* Reposition the site title and description slightly */
	#site-name {
		padding: 20px 20px 5px;
	}
	#site-slogan {
		margin-left: 20px;
		display: block;
		position: relative;
		padding-top: 0;
	}
	/* Floated content doesn't work well at this size */
	.crm-container .crm-section .label,
	.crm-container .crm-section .section,
	.crm-container-snippet .crm-section .label,
	.crm-container-snippet .crm-section .section,
	.alignleft, .floatimg,
	.alignright {
		float: none;
		width: auto;
		margin-left: 0;
		margin-right: 0;
	}
	.crm-container .crm-section .content,
	.crm-container-snippet .crm-section .content {
		margin-left: 0;
	}
	#crm-container.crm-public .price-set-row {
		padding-top: 0;
	}
	.crm-container .form-layout-compressed td {
		display: block;
		padding-left: 0!important;
	}
	.crm-container .form-layout-compressed td:empty {
		display: none;
	}

	/* Menu */
	#main-menu > ul.menu {
		display: none;
	}
	#main-menu > ul.menu li {
		border: none;
			float: none;
			text-align: center;
	}
	.contacts{
		padding: .8em .5em;
	}
	.social-profile {
		float: none;
		text-align: center;
	}
	.social-profile ul li {
		display: inline-block;
		float: none;
	}
	#bottom .copyright, #bottom .credit {
		display: block;
		margin-left: 0;
		float: none;
		text-align: center;
		width: 97%;
	}
}
@media screen and (max-width: 479px) {
	/*  iphone */
	#wrapper {
		max-width: 320px;
	}
	#header img {
		max-width: 280px;
	}
	#site-name {
		font-size: 26px;
		line-height: 1;
	}
	#site-slogan {
		font-size: 12px;
	}
	#mobile-header {
		margin: -150px 0 0 240px !important;
	}
	#nav-slider .nav-previous,
	#nav-slider .nav-next {
		top: 57px;
	}
	.popup {
		width: 240px;
		margin-left: -140px;
	}
}
@media screen and (max-width: 319px) {
	/* small phone */
	#wrapper, .popup {
		max-width: 100%;
	}
	#wrapper {
		margin-top: 0;
	}
	#header {
		border-top: none;
	}
	#nav-slider .nav-previous,
	#nav-slider .nav-next {
		top: 45px;
	} 
}


/* =Print
----------------------------------------------- */

@media print {
	body {
		background: none !important;
		font-size: 10pt;
	}
	#wrapper {
		clear: both !important;
		display: block !important;
		float: none !important;
		max-width: 100%;
		position: relative !important;
	}
	#header {
		border-top: none !important;
		padding: 0;
	}
	#header hgroup {
		margin: 0;
	}
	#site-name a {
		font-size: 21pt;
	}
	#site-slogan {
		font-size: 10pt;
	}
	#header img {
		display: none;
	}
	#navigation {
		display: none;
	}
	#main {
		border-top: none;
		box-shadow: none;
	}
	#primary {
		float: left;
		margin: 0;
		width: 100%;
	}
	#content {
		margin: 0;
		width: auto;
	}
	.widget-area {
		display: none;
	}
	#footer-bottom {
		display: none;
	}
}

body.cke_editable {
	background: #fff;
}

/* Add to Cart Form */

.page-civicrm-contribute-transact .status,
.page-user .status {
  display: none;
}