/*

Theme Name: American Bee Journal

Description: Custom WordPress theme for American Bee Journal

Author: Clever Ogre

*/

/* -------------css 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, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, embed, 

figure, figcaption, footer, header, hgroup, 

menu, nav, output, ruby, section, summary,

time, mark, audio, video {

	margin: 0;

	padding: 0;

	border: 0;

	vertical-align: top; 

}

img{

	vertical-align: baseline; 
	}



/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, 

footer, header, hgroup, menu, nav, section {

	display: block;

}

body {

	line-height: 1;

}

ul {

	list-style: none;

}

ol {margin: 5px 0 15px 25px}

blockquote, q {

	quotes: none;

}

blockquote:before, blockquote:after,

q:before, q:after {

	content: '';

	content: none;

}

table {

	border-collapse: collapse;

	border-spacing: 0;

}



/*

	Global styles

*/

html {	

	background:#fff;

	height:100%;

	width:100%;

	overflow-x:hidden;

	font-size:100%;

}

body{

	background:#fff;

	font-size:.9em;

	color:#5f5f5f;

	line-height:1.5em;

	height:100%;

	min-width:300px;

	font-family: 'Roboto', sans-serif;

	-webkit-font-smoothing: antialiased;

	-o-font-smoothing: antialiased;

	-moz-font-smoothing: antialiased;

}

button:focus {outline:0;}

hr {

	height:1px; border:none; color:#d1d1d1; background-color:#d1d1d1; margin:30px 0; clear:both;
}

input:focus, textarea:focus {
    outline: 0 !important;
}

a:focus {outline: 0 !important;}
/*---------------------------

 type styles ---------------------------*/

h1, h2, h3, h4 ,h5, h6{

	margin:0;

	clear:left;

}

.ptitle {text-align:left;}

h1{
	font-size:28px;
	font-weight:800;
	text-transform:uppercase;
	text-align:center;
	padding:0 0 10px 0;
	color:#4d0303;
	border-bottom:2px solid #f4f4f4;
    line-height: .9em;
}


h2{

	font-size:1em;

	font-weight:600;

	padding:3px 0 5px 0;

}

h2 a {
  font-size: 15px;
  font-family: "Roboto";
  color: rgb(0, 0, 0);
  font-weight: 600;
  line-height: 1.6;
  text-align: left;
  text-decoration: none;
 }


h3{

	font-size:1.2em;

	color:#000;

}

h4{

	font-size:1.05em;

}

h5{
  font-size: 17px;
  font-family: "Roboto";
  font-weight: 700;
  line-height: 1.6;
  background:#f5f5f5; 
  padding-left: 5px;
}

h6{

	font-size: 15px;
  font-family: "Roboto";
  color: #9f9f9f;
  font-style: italic;
  line-height: 1.6;

}



p{
	color:#5f5f5f;

	padding:20px 0;

}

a {

	text-decoration:none;

	color:#cd8d2a;

}

a:hover{

	text-decoration:underline;

	color:#cd8d2a;

}



b,strong{

	font-weight:bold;

}

em{

	font-style:italic;

}

.main ul{

	list-style:disc;

	margin:0 0 20px 0;

	padding:0 0 0 20px;

}



a[href^=tel]{

    color:inherit;

    text-decoration:none;

}





/*---------------------------

 image styles---------------------------*/

.img-left{

	float:left;

	margin:0 5px 10px 0;

}

.img-right{

	float:right;

	margin:0 0 15px 10px;

}

.alignleft{

	float:left;

	margin:0 15px 10px 0;

}



.alignright{

	float:right;

	margin:0 0 15px 10px;

}



.aligncenter{

	display:block;

	margin:0 auto;
	
	text-align:center;

}



.gallery-item img{

	padding: 10px;

	border: 1px solid #cccccc;

	background: #eeeeee;

}

.post-img img {
	wdith:100%; 
	max-width: 350px; 
	height:auto; 
	float:left; 
	margin: 35px 25px 25px 0; 
	box-shadow: 0px 0px 3.8px 0.2px rgba(35, 31, 32, 0.5); 
	border: 1px solid #D0D0D0;
	padding: 5px;
	}


.Rectangle_24 {
  background-color: rgb(133, 1, 1);
  box-shadow: 0px 0px 3.8px 0.2px rgba(35, 31, 32, 0.68);
  position: absolute;
  left: 488px;
  top: 885px;
  width: 159px;
  height: 147px;
  z-index: 29;
}


/*---------------------------

 clear fix---------------------------*/

.cf:before,

.cf:after {

    content: " "; /* 1 */

    display: table; /* 2 */

}



.cf:after {

    clear: both;

  

}



/*---------------------------

 structure ---------------------------*/

 

.container{

	position:relative;

	overflow:hidden;

	min-height: 100%;

	height: auto !important;

	height: 100%;

	margin: 0 auto 10px; /* the bottom margin is the negative value of the footer's height */

	background:transparent;

}

.wrap{
	margin:0 auto;
	position:relative;
	width:90%;
	padding: 0 5%;
}

/*fullwidth*/

.main{

	padding:50px 0 50px;

}

.site-content {

	margin: 0;

}

.main.full .left-col{

	float:none;

	width:100%;

}

.entry-title {text-align: left;}
.on-by {text-align:left; opacity: .7; font-style:italic;}




/*---------------------------

 header ---------------------------*/

 .top-menu {
	 height:43px;
	 background:#4d0303;
	 border-bottom: 7px solid #d0d0d0;
	 padding: 0 5%;
 }
 
 @media(max-width:1200px){
 	.top-menu { height:53px; }
 }


 .left-top-menu {display:inline-block; float:left; width:35%; padding-top: 12px; color:#fff; font-style:italic; font-size:16px;}

 .right-top-menu {float:right; width:55%;}

 .right-top-menu a {color:#fff; }

 .right-top-menu a:hover {color:#d0d0d0; text-decoration:none; } 

 .right-top-menu ul {float:right; display:inline; text-align:right;}

 .right-top-menu li {display:inline; float:left; text-transform:uppercase; margin-top:9px; padding: 3px 30px 3px 30px;}

 .right-top-menu .lifirst {border-right: 1px solid #946868; padding: 3px 30px 3px 0;} 

@media(max-width:1200px){
	 .left-top-menu {display:none;}
	 .right-top-menu {float:left; width:55%;}
	 .right-top-menu ul {float:left; text-align:left;}
	 .right-top-menu li {margin-top:12px;}
	}

@media(max-width:855px){
	.right-top-menu {float:none; width:100%;}
	.right-top-menu li {display:inline; float:left; text-transform:uppercase; margin-top:9px; padding: 3px 10px 3px 10px;}
	.right-top-menu .lifirst {border-right: 1px solid #946868; padding: 3px 10px 3px 0;} 
	}
@media(max-width:420px){
	.right-top-menu .lifirst {display:none;} 
	.right-top-menu li {padding: 7px 20px 3px 30px;}
	}

 .header .top-menu .right-top-menu .fb,.header .top-menu .right-top-menu .tw{
	height:21px;
	width:20px;
	padding: 3px 0 3px 7px;
}

@media(max-width:420px){
	.header .top-menu .right-top-menu .fb,.header .top-menu .right-top-menu .tw{
	padding: 7px 0 3px 20px;}
	}
.header .top-menu .right-top-menu .fb a,.header .top-menu .right-top-menu .tw a{

	background:url(images/social-sprite.png) no-repeat left top;

	height:20px;

	width:21px;

	display:block;

}

.header .top-menu .right-top-menu .fb a:hover{

	background:url(images/social-sprite.png) no-repeat left -20px;

}

.header .top-menu .right-top-menu .tw a{

	background:url(images/social-sprite.png) no-repeat -21px top;

}

.header .top-menu .right-top-menu .tw a:hover{

	background:url(images/social-sprite.png) no-repeat -21px -20px;

}

 	 

.logo-head {

	 height:161px;

	 background:#f5f5f5;

	 padding: 0 5%;

 } 

 

.cover-sub {position:relative; width:35%; float:left; }

@media(max-width:1200px){
	.cover-sub {width:50%; float:right; }
}


.bee-cover {position: absolute;
	top:40px; left: 5%; width:150px; height: 145px;
    overflow: hidden;
	-ms-transform: rotate(-17deg); 
    -webkit-transform: rotate(-17deg); 
    transform: rotate(-17deg);
}

.bee-cover img {max-width:140px; height:auto; 
  box-shadow: 0.799px -0.602px 3.92px 0.08px rgba(30, 30, 31, 0.31);
 }

.subscribe-today { display:block; position: relative; float: left; padding: 90px 0 0 175px;}

.subscribe-today a {background: #850101; color:#fff; padding: 7px 25px; font-size: 1.1em; font-weight:700; }

.subscribe-today a:hover {background: #4d0303; color:#fff; padding: 7px 25px; font-size: 1.1em; text-decoration:none; }

@media(max-width:1200px){
	.cover-sub {width:50%; float:right; }
	.bee-cover {top:41px; left: auto; right: 10%; width:150px; height: 145px; overflow: hidden;
	-ms-transform: rotate(17deg); 
    -webkit-transform: rotate(17deg); 
    transform: rotate(17deg);}
	.subscribe-today { position: relative; float: right; padding: 90px 225px 0 0;}

}
@media(max-width:965px){
	.subscribe-today { display:none;}
	
}

@media(max-width:855px){
	.cover-sub {width:100%; float:none; text-align:center; }
	.bee-cover { opacity: .25; left:auto; right: auto; -ms-transform: rotate(-17deg); 
    -webkit-transform: rotate(-17deg); 
    transform: rotate(-17deg); margin:0 auto; width:100%;}
	}

.logo{
	width:30%;
	z-index:99999;
	position:relative;
	float:left;
	top:23px;
	margin: 0 auto;
	text-align: center;
}

@media(max-width:1200px){
	.logo{
	width:50%;
	float:left;
	top:23px;
	left: 5%;
	text-align: left;
	}
}

@media(max-width:855px){
	.logo{
	width:100%;
	float:none;
	top:23px;
	left: auto;
	text-align: center;
	margin:0 auto;
	}
	
	.logo img {max-width: 100% !important; height:auto;}
}




.search-box {
	display:block;
	width:35%;
	float:right;
	z-index:1100;
	padding-top: 83px;
	text-align:right;
} 

@media(max-width:1200px){
	.search-box {
		position: absolute;
		width: 42%;
		float: right;
		z-index: 1100;
		padding-top: 5px;
		text-align: right;
		top: 3px;
		right: 5%;
		margin-top: -15px;
	}
}

@media(max-width:855px){
	.search-box {display:none;}
}


#s {

	border: 1px solid #9f9f9f;

	background:#e4e4e4 url('images/search-icon.png') left center no-repeat;;

	color:#000;

	padding:8px 10px 8px 35px;

	cursor: text;

	font-size: 1em;

}



input#s {width:250px;}
  
  @media(max-width:1300px){ 
  input#s {width:200px;}
  }



.screen-reader-text { display:none;}

#mc-embedded-subscribe-form input {
width: 97%;
padding: 8px 5px;
margin: 5px 0px;
background: #FAFAFA;
color: #5f5f5f;
border: 1px solid #9f9f9f;
font-size:15px}

#mc-embedded-subscribe-form input[type="submit"] {width: auto; float:right; background: #000; padding: 5px 10px; color:#fff; font-size:12px; margin-bottom:40px;}

#mc-embedded-subscribe-form input[type="submit"]:hover {background: #4d0303; color:#fff; text-decoration:none;}


#mc-embedded-subscribe-form > div:nth-child(6) {width: 35%; float: left;}
#mc-embedded-subscribe-form > div:nth-child(7) {width: 65%; float: left;}

 @media(max-width:1250px) {
#mc-embedded-subscribe-form > div:nth-child(6) {width: 90%; float: left;}
#mc-embedded-subscribe-form > div:nth-child(7) {width: 90%; float: left;}
}

input#group_1 {width:auto;}
input#group_2 {width:auto;}
#mc-embedded-subscribe-form > div:nth-child(7) > label {float:right;}


@media (max-width:1250px) {
#mc-embedded-subscribe-form > div:nth-child(6) {width: 90%; float: left;}
#mc-embedded-subscribe-form > div:nth-child(7) {width: 90%; float: left; padding-top: 10px}
#mc-embedded-subscribe-form > div:nth-child(7) > label {float:left;}
}


input[type=radio],
input[type=checkbox]{
  visibility: hidden;
  position: absolute;
}
input[type=radio] + label:after,
input[type=checkbox] + label:after{
  height:20px;
  width:20px;
  margin-left: 2px;
  content: " ";
  display:inline-block;
  vertical-align: middle;
  border:1px solid #d3d3d3;
}
input[type=radio]:checked + label:after,
input[type=checkbox]:checked + label:after{
  background:#cd8d2a;
}

input[type=checkbox] + label:after{
  border-radius:50%;
}

input[type="submit"]{
	border:0;
	background:#000;
	color:#fff;
	padding:9px 19px;
	cursor:pointer;
	text-transform:uppercase;
	font-weight:700;
	font-size: 1em;
	margin-top: 15px !important;
}

#emailSubmit {width: 50%; float:right;}


input[type="submit"]:hover{
	background:#4d0303;
}


.header .logo img { max-width:353px;}



.home .top-image{
	position: relative;
	background-color: #030303;
	width:90%;
	margin: 0 5% 15px 5%;
	height: auto;

}

.page .top-image img {max-width: 100%}


.main-menu {
	box-shadow: 0px 2px 9.6px 0.4px rgba(29, 29, 30, 0.25); 
	position: relative;
    z-index: 99;
	
}

/*
==============================================
FAQ Accordian 
==============================================
*/



.accordionContent { display: none; }
.accordionButtonActive { color: #000; cursor: pointer; font-size: 20px; font-family: 'PT Serif', serif; line-height:1.75;  }
.accordionButtonNotactive { color: #000; cursor: pointer; font-size: 20px; font-family: 'PT Serif', serif; line-height:1.75; }
.accordionButtonNotactive:hover, .accordionButtonActive:hover {color: #4d0303;}


/*----------------------------

content areas -----------------------------*/

.top-image-home {
	display:block;
	position: relative;
	width:90%;
	margin: 0 5% 15px 5%;
	height: auto;
	background: #000;
    color: #fff;
	z-index: 32;}

@media(max-width:768px){
	.top-image-home {display:none;}
}
	

.top-image-home img {
    width: 100%;
	height:auto;
    min-height: 415px;}

.slide-left{ float: left; width:72%; margin-bottom: 30px;}


.slide-right{float: right; width: 28%; height: 100%; }

.slide-right h3 {color:#fff; font-size:22px; padding: 50px 25px 15px 25px; }
.slide-right .copyline {color: #fff; font-size:16px; font-style:italic; padding: 0 25px;}
.slide-right p {color:#fff;}
.slide-right ul {padding-bottom: 15px;}
.slide-right a {color:#dbc870; }
.slide-right a:hover {opacity: .7; text-decoration:none;}



.home-wrap{ }

.abj-extra {
	padding-top: 25px;
	-webkit-column-count: 2; 
    -moz-column-count: 2; 
    column-count: 2;}

@media(max-width:798px){
	.abj-extra {
	-webkit-column-count: 1; 
    -moz-column-count: 1; 
    column-count: 1;}
}

    
.abj-extra .campaign {
	-webkit-column-break-inside: avoid; 
    page-break-inside: avoid;           
    break-inside: avoid-column;        
    display:table;
}    

.resource-col {
	width:100%; 
	overflow-wrap: break-word;
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
  }
    
.resource-col .col-1 {width:30%; float: left; }
     
.resource-col .col-2 {width:30%; float: left; margin-left: 5%}
    
.resource-col .col-3 {width:30%; float: right;}

.resource-col .col-half1 {width:48%; float: left;}

.resource-col .col-half2 {width:48%; float: right;}
     
@media(max-width:650px){
.resource-col .col-1 {width:100%; float: none; text-align: center; }
     
.resource-col .col-2 {width:100%; float: none; margin-left: 0; text-align: center;}
    
.resource-col .col-3 {width:100%; float: none; text-align: center;}

.resource-col .col-half1 {width:100%; float: none; text-align: center;}

.resource-col .col-half2 {width:100%; float: none; text-align: center;}

}

    

.home-left {
	float:left;
	width:68%;
}


.interior-left {
    float: left;
    width: 68%;
    margin-top: 25px;
}

 @media(max-width:798px){
 .home-left, .interior-left  {
	float:left;
	width:100%;
	}
}



.alm-listing {padding-left:0 !important;}

.no-img .post-info {width:100%}

.with-img { padding-right:320px; overflow:hidden;}

.with-img .post-info {margin: 0 -320px 0 auto;
    width: 100%;
    float:right; }

.post-image img {
	float:left;

	margin:0 5px 10px 0;}

 @media(max-width:1050px){

.with-img { clear:both; padding-right:0px; overflow:hidden;}

.with-img .post-info {margin: 0 0 0 auto;
    width: 100%;
    float:right; }

.post-image img {
	float:left;

	margin:0;}
	 
	 	 }

.recent-news {
	float:left;
	position:relative;
 	width:100%;
    height:53px;
	background:#4d0303;
	color:#fff;
	margin-bottom: 15px;
	}

.recent-news img {top:0; padding:0 5px 0 0; margin:0;}

.recent-news h2 {
	margin: 0 0 0 68px;
	position: absolute;               /* 2 */
	top: 50%;                         /* 3 */
	transform: translate(0, -50%);  
	font-size:18px;
	font-weight:600;
	}




.home-right {
	width:28%;
	float: right;
}


.interior-right {
	width:28%;
	float: right;
    margin-top: 25px;
}

 @media(max-width:798px){
 .home-right, .interior-right{
	float:left;
	width:100%;
	}
}

.right-section{height:auto;
clear:both;
	}
	
.side-title {float: left;
position: relative;
width: 100%;
height: 53px;
background: #000 none repeat scroll 0% 0%;
color: #FFF;
margin-bottom: 15px;	}

.widget-area {background: #f5f5f5 none repeat scroll 0% 0%;
margin-left: -15px;
padding: 0 0 3px 15px;}

.widget-area ul {background: #f5f5f5 none repeat scroll 0% 0%;
padding: 0px !important;
margin-left: -15px;
margin-bottom: 10px;}

.widget-area li {border-bottom: 1px solid #D1D1D1;
list-style: outside none none;
margin-left: 0px;
padding: 5px 20px;
}

.widget-area li.lilast {border-bottom:none; padding-bottom: 0 !important;}

.widget-area a {color:#5F5F5F; text-decoration:none;}

.widget-area a:hover {color:#4d0303}

.widget-area ul.children {padding-left:15px !important;}

.widget-area ul.children li {border-bottom:none}



h2.side-title {
	font-size: 18px;
	padding: 0px 0px 0px 15px;
vertical-align: middle;
line-height: 3.2em;
margin-left: -15px;
	}

.grey-box { 
	background: #EBEBEB;
    padding: 15px;
    margin-left: -15px;
}

ul#menu-archive-menu {background: #EBEBEB none repeat scroll 0% 0%;
padding: 0px !important;
margin-left: -15px;
margin-bottom: 25px;}

#menu-archive-menu li {border-bottom: 1px solid #D1D1D1;
list-style: outside none none;
margin-left: 0px;
padding: 10px 20px;
}

#menu-archive-menu a {color:#5F5F5F; text-decoration:none;}

#menu-archive-menu a:hover {opacity:.75}


.home-title {
	float:left;
	position:relative;
 	width:100%;
    height:53px;
	background:#000;
	color:#fff;
	margin-bottom: 15px;
	}

.home-title img {top:0; padding:0 5px 0 0; margin:0;}

.home-title h2 {
	margin: 0 0 0 68px;
	position: absolute;               /* 2 */
	top: 50%;                         /* 3 */
	transform: translate(0, -50%);  
	font-size:18px;
	font-weight:600;
	}

.home-button {float:right; background: #000; padding: 3px 10px; color:#fff; font-size:12px; margin-bottom:40px;}

.home-button:hover {background: #4d0303; color:#fff; text-decoration:none;}

.readmore {background: #000; padding:10px; line-height: 1; color:#fff; font-size:12px; margin-bottom:40px; text-transform:uppercase;}

.readmore:hover {background: #4d0303; color:#fff; text-decoration:none;}


.up-events {background: #ebebeb; padding:0 !important;}

.up-events li {border-bottom: 1px solid #d1d1d1; list-style:none; padding: 20px ; margin-left:0;}

.up-events a {color:#5f5f5f; }

.up-events strong {font-size: 16px; color:#000}

.up-events a:hover {opacity: .7; text-decoration:none;}




/* events calendar
-------------------------------------*/
.fullcalendar{
	display: block;
	width:100%;
}

 @media(max-width:798px){
	 .fullcalendar{
	display:none;
}
 }

table.fullcalendar thead td{
height: 50px;
width: 14.28%;
border-top: 2px solid #4D0303 !important;
border-bottom: 2px solid #4D0303 !important;
border-right: 1px solid #4D0303 !important;
border-left: 2px solid #4D0303 !important;
text-align:center;
background:#4D0303;
vertical-align:middle;
color:#eeeeee;
font-size:18px;
}
table.fullcalendar thead td a{
	color:#eeeeee;
}

table.fullcalendar thead td a:hover{
	opacity: .65; text-decoration: none;
}


table.fullcalendar td {
text-align: left;
width: 14.28%;
height: 50px;
border: 1px solid #D1D1D1 !important;
background:#fbfbfb;
font-size:14px;
}


table.fullcalendar td li{
line-height:1.2em;
}

table.em-calendar td.eventless-today, table.em-calendar td.eventful-today {
background-color: #fff;
}

table.em-calendar td.eventful-pre a, table.em-calendar td.eventful-post a {
    text-decoration: none !important;
}


table.fullcalendar .days-names td {
text-align: left;
height: auto;
padding:10px 5px;

background:#D1D1D1;
font-weight:700;
text-align:center;
font-size:18px;
}

.events-table th{
	text-align:left;
}
table.em-calendar  ul{
padding:0;
margin:0;
list-style:none;
}
table.em-calendar  ul li{
margin:0 0 5px;
}
table.em-calendar td.eventful a, table.em-calendar td.eventful-today a {
color: #4D0303 !important;
font-size:14px;
}
table.em-calendar td.eventful li a, table.em-calendar td.eventful-today li a {
color: #850101 !important;
line-height:1.2em;
}
table.em-calendar td.eventful-pre li a, table.em-calendar td.eventful-post li a {
color: #850101 !important;
text-decoration: none;
font-size:14px;
}
table.em-calendar td.eventful li a:hover, table.em-calendar td.eventful-today li a:hover, table.em-calendar td.eventful-pre li a:hover, table.em-calendar td.eventful-post li a:hover {
text-decoration:none; opacity: .65;
}

ul.event-color-guide{
	padding:0 0 25px;
	margin:0;
	list-style:none;
}
ul.event-color-guide li{
	float:left;
	padding:0 25px 0 0;
	line-height:20px;
}
ul.event-color-guide li span{
	display:inline-block;
	margin:0 10px 0 0;
	padding:10px;
	float:left;
}
.event-color-guide .visit-cat-color{
	background:#0BA89F;
}
.event-color-guide .chamber-cat-color{
	background:#F4860B;
}
.event-image{
	width:250px;
	float:right;
	padding:0 0 0 25px;
}
.event-image img{
	width:100%;
	height:auto;
}

.css-events-list h2{
	padding:10px;
	color:#fff;
	background:#4D0303;
	margin:0 0 15px 0;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
	
}

.css-events-list a {
    font-size: 16px;
    color: #000;}

div.em-calendar-wrapper{
		padding:0 0 50px 0;
}
.events-table {
	width:100%;
	margin:0 0 25px;
}
.events-table tr td{
	padding:10px;
}
.events-table tr th{
	padding:5px 10px;
}
.events-table tr:nth-child(even) {
	background:#e2e2e2;
}

.em-pagination {display:none;}

.uc-title{
	text-align:center;
	position:relative;
	margin:0 auto;
	overflow:hidden;
	line-height:28px;
	height:28px;
	vertical-align:middle;
}
.uc-title span.hp-title{
	color:#003366;
}
.uc-title .title-line{
	border-top:solid 1px #003366;
}
.uc-blurb{
	font-style:italic;
	text-align:center;
	font-size:21px;
	font-weight:300;
	padding:10px 0 30px 0;
}
.upcoming-events .view-calendar{
	width:284px;
	height:35px;
	line-height:33px;
	color:#fff;
	text-transform:uppercase;
	background:url(images/blue-banner.png) no-repeat left top;
	text-align:center;
	margin:0 auto;
	padding:0 0 10px;
}

.upcoming-events .view-calendar a{
	color:#fff;
	text-transform:uppercase;
	text-decoration:none;
}

/*---------------
social share
----------*/
.icon-facebook, .icon-twitter, .icon-Google, .icon-email, .icon-subscribe {display: inline-block;
    height: 40px;
    width: 36px;
    line-height: 25px;
vertical-align:middle;
    }
    
.icon-facebook:hover, .icon-twitter:hover, .icon-Google:hover, .icon-email:hover, .icon-subscribe:hover {opacity: .65; }
    
.icon-twitter {background: url(images/twitter-share.png); width: 36px;margin-right: 7px;}
.icon-Google {background: url(images/google-plus-share.png);margin-right: 7px;}
.icon-facebook{background: url(images/fb-share.png); margin-right: 7px;}
.icon-email{background: url(images/email-share.png); width: 36px; margin-right: 7px; }
.icon-subscribe{background: url(images/subscribe.png); width: 36px; }
 


.social-share {text-align:center; font-style:italic; color:#c0bab2 !important; clear: both; }


/*--- Footer Styles ---*/
#footer {
	background-color:#4d0303;
	height: 209px;
}

#footer .wrap {
	padding:35px 0;
}

.quote {
	display:block;
	position:relative; float:left; width:30%; 
	margin-right: 5%;
	font-size: 14px;
  font-family: "Roboto";
  color: rgba(255, 255, 255, 0.8);
  font-style: italic;
  line-height: 1.429;
  background:#470303;
 }

 @media(max-width:980px){
 	.quote {display:none;}
 }


#footer .quote p{
  font-size: 14px;
  font-family: "Roboto";
  color: rgba(255, 255, 255, 0.502);
  font-style: italic;
  line-height: 1.429;
 }

#footer .quote p.dadant {font-style:normal; float:right !important; }
.contact-info {position:relative; float:left; width:23%; padding: 15px 0 0 5%; }

 @media(max-width:1200px){
 	.contact-info { width:28%; padding: 15px 0 0 0; }
 }




#footer .contact-info p, #footer .contact-info a {
  font-size: 14px;
  font-family: "Roboto";
  color: rgba(255, 255, 255, 0.8);
  padding: 5px 0; 
}

.footer-logo {position:relative; float:right; width:37%; text-align:center; }

 @media(max-width:980px){
	.contact-info {width:35%}
 	.footer-logo {width:55%}
	}

 @media(max-width:798px){
	#footer {height: 335px;}
	#footer .wrap {padding:0;}
	.contact-info {width:100%; text-align:center;}
 	.footer-logo {width:100%; float:left; margin-top:25px;}
	.footer-logo img {max-width:100%; height:auto;}
 }


#footer .footer-logo p  {
  font-size: 12px;
  font-family: "Roboto";
  color: rgba(255, 255, 255, 0.502);
  line-height: 1.667;
   padding: 5px 0 0 0;
}

#footer .footer-logo a { color: rgba(255, 255, 255, 0.502)}


#footer p {
	color:#fff;
	font-size:14px;
	line-height:1.5em;
	margin:0 12px;
}


#footer a {
	text-decoration:none;
}

#footer a:hover {
	opacity: .7;
}


/*--- Site Map Styles ---*/
#site_map {
	background-color:#a5a5a5;
}

#site_map_panel {
	display:none;
	-webkit-column-count: 3; 
    -moz-column-count: 3; 
    column-count: 3;
	padding-bottom: 25px;
}



@media(max-width:850px){
 	#site_map_panel {
		-webkit-column-count: 2; 
		-moz-column-count: 2; 
		column-count: 2;
	}
}

#site_map_panel a {color:#fff}

#site_map p {
	font-size:1.4em;
	margin-left:13px;
	padding:10px 0;
}

#site_map a.slide_panel {
  font-size: 12px;
  font-family: "Roboto";
  color: #000;
 }

#site_map a.slide_panel:hover {
  color:#4d0303;
  text-decoration:none;
 }

#site_map a.slide_panel:before {
    position: absolute;
    left:5%;
	top:14px;
    content: "\f0da";
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
     color: rgb(95, 95, 95);
    line-height: 1;
    -webkit-font-smoothing: antialiased;} 

#site_map a.active {color:#000; text-decoration:none;}

#site_map a.active:before {
	color:#000;  content: "\f0d7";
	position: absolute;
    left:5%;
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}





/*---------------------------

	extras ------------*/

	.page-template-contact-page h3{

	font-size:1.2em;

	color:#000;

	padding:25px 0 5px 0;

}




@media print {

   * { color: #000 !important; background:transparent none !important;}

   .header,.footer,.right-col,.top-image{ display:none; }

   body { font: 12pt !important; line-height: 1.3 !important;}

   img {max-width:100% !important;}

   h1 {font-size:18pt !important; margin:50px 0 0 0 !important; padding: 5px !important; clear:left;}

   h2, h3, h4, h5 {font-size: 14pt !important; margin:5px 0 !important; padding: 5px !important; clear:left;}

   p { font-size: 11pt !important; margin: 5px !important;}

   @page { margin: 0.5cm;}

}