/*  
Theme Name: St Peter's Phibsborough Template by GetOnline - 2014
Version: 1.0
Description: Designed by <a href="http://www.getonline.ie">GetOnline</a>.
Author: GetOnline
Author URI: http://getonline.ie

	Copyright: (c) 2014 GetOnline.
	License: GNU/GPL Version 2 or later. http://www.gnu.org/licenses/gpl.html

*/
body{
	background:#FFF;
	margin:0;
	padding:0;
	font-family:'Lato', sans-serif;
	font-size:16px;
}
img{
	border:none;
	max-width:100%;
}

a{
	text-decoration:none;
	color:#418299;
}
a img {
	vertical-align: middle;
}


#header_wrap {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto 0;
    position: relative;
   /* overflow: hidden;*/
	background-image: url('images/menu_back.png');
	background-position: top center;
	background-repeat: no-repeat;
	background-size:auto;
	z-index: 99;
}
.home #header_wrap{
	height: 600px;
}
#top_line {}
#header_image {
    float: left;
    position: relative;
    margin-right: 20px;
	z-index: 20;
}
#header_image a {}
#header_image a img {}

#header_slider{position:absolute; top:0; left:0; width:100%; }
#right_col {	float: left;}
#right_col .title_wrap {color: #224272;font-style: italic;cursor:pointer;}
#right_col .title_wrap h2.title {
	margin: 14px 0 0 0;
	font-size: 27px;
	font-weight: normal;
}
#right_col .title_wrap p {
	margin: 0;
	font-size: 20px;
}

#right_col .mainmenu {
	margin:10px 0 0 0 ;
}
#right_col .mainmenu > ul {
	list-style: none;
	margin: 0;
	padding:0;
}
#right_col .mainmenu ul li {
	float: left;
	display: block;
	font-size: 13px;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
	position:relative;
}
#right_col .mainmenu > ul > li > a {
	color: #1a4a92;
	display: block;
	font-weight: bold;
	padding-top: 8px;
	padding-bottom: 15px;
	margin-right: 10px;
	border-top: 3px solid transparent;
}
#right_col .mainmenu > ul > li > a:hover, #right_col .mainmenu > ul > li.current-menu-item > a {
	color: #1975ff;
	border-top: 3px solid #1975ff;
	background: url('images/menu_b_a.png') no-repeat center 27px;
}

.sub-menu{
	display:none;
	position:absolute;
	top:100%;
	background-color:#FFFFFF;
	margin:0;
	padding:0;
	list-style:none;
	z-index:99999 !important;
	white-space:nowrap;
	width:220px;
}
#right_col .mainmenu li.menu-item-56 ul{width:295px;}
#right_col .mainmenu .sub-menu li a{
	float:left;
	width:220px;
	box-sizing:border-box;
	padding:8px 10px;
	color:#1a4a92;
}
#right_col .mainmenu .sub-menu li a:hover{ color:#1975ff; }
#right_col .mainmenu ul > li:hover > .sub-menu{ display:block; }
#right_col .mainmenu .sub-menu .sub-menu{
	position:absolute;
	left:100%;
	top:2px;
}
#right_col .facebook {
	position: absolute;
	top: 12px;
	right: 12px;
}

#welcome_wrap {
	float: left;
	position: relative;
	margin: 30px 30px 0 23px;
	color: #fff;
}
#welcome_text_box {
	width: 100%;
	max-width: 517px;
	min-height: 293px;
	background-color: rgba(0,0,0,0.5);
	-webkit-border-radius:15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	padding: 12px;
	position: relative;
	box-sizing: border-box;
}
#welcome_text_box h2 {
	margin: 0 0 20px;
}
#welcome_text_box .read_more {height: 51px;}

.read_more a {
	padding: 5px 12px 5px 12px;
	border: 2px solid #224272;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #fff;
	display: block;
	font-weight:bold;
}
#welcome_text_box .read_more a {
	position: absolute;
	bottom: 25px;
	left: 13px;
}
.read_more a:hover { background-color: #224272; }
.tp-bullets{z-index:100 !important;}
.tp-bullets.simplebullets.round .bullet {
	width: 8px !important;
	height: 8px !important;
	margin-right: 15px !important;
	background: url('images/bullet.png') !important;
}
.tp-bullets.simplebullets.round .bullet.selected {
	background: url('images/active_bullet.png')  !important;
}


#latest_posts_wrap {
	width: 100%;
	background-image: url('images/latest_back.png');
	background-repeat: repeat;
	color: #fff;
}

#posts_and_readings {
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
	box-sizing: border-box;
	overflow:hidden;
}

#latest_posts {
	max-width: 650px;
	width: 70%;
	margin: 0 auto;
	box-sizing: border-box;
	overflow:hidden;
	float: left;
}

#readings_posts {
	max-width: 350px;
	width: 30%;
	margin: 0 auto;
	box-sizing: border-box;
	overflow:hidden;
	float: right;
}

#about_us, #upcoming_evnets {
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
/*	padding: 45px 25px;*/
	box-sizing: border-box;
	overflow:hidden;
}

.readings_for {
	font-size: 14px;
	padding-bottom: 20px;
	padding-left: 10px;
}

.reading_holder {
	width: 100%; 
	margin: 25px auto;
}

.reading_title {
	width: 100%; 
	position: relative; 
	top: -30px;
	padding-left: 10px;
}

.reading_text {
	position: relative; 
	top: -30px;
	padding-left: 10px;
}

#latest_posts .h3_wrap, #readings_posts .h3_wrap, #about_us .h3_wrap {
	margin-bottom: 45px;
}
#latest_posts .h3_wrap h3, #readings_posts .h3_wrap h3, #about_us .h3_wrap h3 , #upcoming_evnets .h3_wrap h3 {
	text-align: center;
	position: relative;
	font-size: 26px;
	margin-top:36px;
}
#latest_posts .h3_wrap h3:before, #readings_posts .h3_wrap h3:before,  #about_us .h3_wrap h3:before , #upcoming_evnets .h3_wrap h3:before {
	content: ' ';
	position: absolute;
	top: 50%;
	width: 100%;
	border-top: 1px solid #fff;
	left: 0;
	z-index: 1;
}
#latest_posts .h3_wrap h3 span, #readings_posts .h3_wrap h3 span, #about_us .h3_wrap h3 span , #upcoming_evnets .h3_wrap h3 span {
	position: relative;
	z-index: 5;
	background: url('images/latest_back.png');
	padding: 20px;
	background-repeat: repeat;
}

#post_container {
	min-height: 480px;
	margin-top: 20px;
}

#post_container .one_post {
	background-color: #004767;
	max-width: 290px;
	width: 100%; 
	float: left; 
	position: relative;
	min-height: 425px;
	box-sizing: border-box;
	margin-right: 15px;
	margin-left: 15px;
}

#post_container .one_reading {
	max-width: 290px;
	width: 100%; 
	float: left; 
	position: relative;
	min-height: 425px;
	box-sizing: border-box;
	margin-right: 30px;
}

#post_container .one_post:nth-child(3) {
	margin-right: 0;
}
#post_container p { margin:0;}
#post_container .one_post .date {
	color: #81B1F9;
	margin-bottom: 8px;
	padding: 8px 8px 0 8px;
}
#post_container .one_post .post_title {
	font-size: 20px;
	margin-bottom: 15px;
	padding: 0 8px ;
	min-height: 55px;
	text-transform: capitalize;
}
#post_container .one_post .post_title a {
	color: #fff;
}
#post_container .one_post .post_title a:hover {
	color: #81B1F9;
}
#post_container .one_post .post_image {
	width: 100%;
	max-width: 290px;
}
#post_container .one_post .post_image img {
	
}
#post_container .one_post .post_exc {
	font-size: 14px;
	line-height: 22px;
	padding: 0 8px;
}
#post_container .one_post .post_readmore {height: 60px;}
#post_container .one_post .read_more a {
	box-sizing: border-box;
	border-color: #1975ff;
	position: absolute;
	bottom: 8px;
	left: 8px;
}
#post_container .one_post .read_more a:hover {
	background-color: #1975ff;
}


#about_us_wrap {margin-top:56px;}
#about_us {}
#about_us .h3_wrap {}
#about_us .h3_wrap  h3 {
	color: #474e52;
	font-weight: normal;
}
#about_us .h3_wrap h3:before {
	border-top-color: #dbdedf;
}
#about_us .h3_wrap  h3 span{
	background: #fff;
}
#about_us .about_container {
	min-height: 180px;
}
#about_us .about_container .one_box {
	float: left;
	cursor: pointer;
	width: 100%;
	max-width: 200px;
	min-height: 150px;
	text-align: center;
	margin-right: 45px;
}
#about_us .about_container .one_box:nth-child(4) {
	margin-right: 0;
}
#about_us .about_container .one_box p { margin: 0; }
#about_us .about_container .one_box .about_image {
	margin-bottom: 20px;
	position: relative;
	height: 70px;
	width: 100%;
}
#about_us .about_container .one_box .about_image img {
	position: absolute;
	top: 0;
	left: 66px;
	display: block;
	-moz-transition-duration: 2s;
	-webkit-transition-duration: 2s;
	transition-duration: 2s;	
}
#about_us .about_container .one_box:hover .about_image img {
	transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
}
#about_us .about_container .one_box .about_title {
	color: #003b5f;
	font-size: 18px;
	font-weight: bold;
}
#about_us .about_container .one_box .about_exc {
	color: #474e52;
	margin-top: 10px;
	line-height: 22px;
} 

/* events */
#upcoming_evnets {
	padding-top: 20px;
}
#upcoming_evnets .h3_wrap  h3 {
	color: #474e52;
	font-weight: normal;
}
#upcoming_evnets .h3_wrap h3:before {
	border-top-color: #dbdedf;
}
#upcoming_evnets .h3_wrap  h3 span{
	background: #fff;
}
.timely {
	font-family: inherit !important;
	font-size: inherit !important;
}
.timely.ai1ec-popover {
	display: block !important;
}
.ai1ec-agenda-widget-view {
	width: 100% !important;
	max-width: 1000px !important;
}
.ai1ec-agenda-widget-view .ai1ec-date {
	width: 100%;
	max-width: 200px;
	margin-right: 45px;
	background: none !important;
	border: none !important;
	min-height: 200px;
}
.ai1ec-agenda-widget-view .ai1ec-date:nth-child(4) {
	margin-right: 0;
}
.ai1ec-agenda-widget-view .ai1ec-date-title {
	display: block;
	float: none !important;
}
.timely a, .timely a:link {
	margin: 25px auto;
}
.ai1ec-agenda-widget-view .ai1ec-date-events {
	margin: 0 !important;
}
.ai1ec-agenda-widget-view .ai1ec-event {
	margin: 0 !important;
}
.ai1ec-agenda-widget-view .ai1ec-event > a {
	text-align: center;
	border-radius: initial !important;
	padding: 5px !important;
	border: none !important;
}
.timely a, .timely a:link {
	transition-duration: 1s;
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-o-transition-duration: 1s;
	color: #003b5f !important;
	border: none !important;
	border-radius: 0 !important;
}
a.ai1ec-date-title.ai1ec-load-view:hover {
	transform: scale(1.4);
	-ms-transform: scale(1.4);
	-webkit-transform: scale(1.4);
	-moz-transform: scale(1.4);
	-o-transform: scale(1.4);
}
.ai1ec-agenda-widget-view .ai1ec-month, .ai1ec-agenda-view .ai1ec-month {
	background-color: #004767 !important;
}
.ai1ec-agenda-widget-view .ai1ec-event .ai1ec-allday-badge,.ai1ec-agenda-widget-view .ai1ec-event .ai1ec-event-time {
	display: none;
}
.ai1ec-agenda-widget-view .ai1ec-date-title:hover, .ai1ec-agenda-view .ai1ec-date-title:hover {
	  color: #335980 !important;
}

/* Content */

#content{
	display:block;
	margin:0 auto;
	max-width:1001px;
	width:100%;
	background-color:white;
	padding-top:1px;
}

/* FrontPage Sections */


/* Inner sites */


/* Article */
.article_wrap {
	padding:0 1% 2% 1%;
	margin: -1px auto 20px;
	width: 100%;
	max-width: 1000px;
	box-sizing: border-box;
	min-height: 500px;
	background: rgba(255,255,255,0.95);
	position: relative;
	z-index: 100;
}
.article{
	padding: 1%;
	/*overflow:hidden;*/
}
.inner_title{
	margin-top:9px;
	padding-left:20px;
	line-height:44px;
}

/* Archive */

.archive_post{
	padding-bottom:25px;
	margin-bottom:20px;
	border-bottom:1px solid #E5E5E5;
	width:100%;
	position:relative;
	display:block;
}
.archive_title{
	margin-top:0;
}
.archive_post .archive_img{
	float:left;
	width:200px;
	height:auto;
	margin-right:15px;
	padding:5px;
	border:1px solid #CCC;
	background-color:#E3E3E3;
}
.readmore{
	display:block;
	position:absolute;
	right:5px;
	bottom:10px !important;	
	width: 85px;
	height: 20px;
	padding: 5px 12px 5px 12px;
	border: 2px solid #1975FF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #fff;
	font-weight:bold;
	background-color: #1975FF;
	text-align: center;
}
.readmore:hover{
	background-color: #004767; 
	border: 2px solid #1975FF;
}
.single_post img{

	padding:5px;
	background-color:#e3e3e3;
	border:1px solid #ccc;
}

/*wp caption*/

.wp-caption{
	background-color: #F3F3F3;
	border: 1px solid #DDDDDD;
	border-radius: 3px 3px 3px 3px;
	padding-top: 4px;
	text-align: center;
	margin: 15px;
}

.alignleft{ float:left; margin:10px 10px 10px 0; }
.alignright{ float:right; margin:10px 0 10px 10px; }
.aligncenter{ display:block;margin:auto; }
.wp-caption img{
	padding:0px;
	background:none;
	border:none;
	width:100%;
}

.wp-caption p.wp-caption-text{
	font-size: 11px;
	line-height: 17px;
	margin: 0;
	padding: 0 4px 5px;
}

/*---*/
.arch_pager{
	display:block;
	float:left;
	width:100%;
	text-align:center;
}
.arch_pager a{
	display:inline-block;
	margin-right:10px;
}
/* Footer */
#footer_wrap {
	min-height: 480px;
	background-color: #eeeeee;
	padding: 50px 50px 0 50px;
}
#footer_boxes {
	width: 100%;
	max-width: 1000px;
	min-height: 440px;
	margin: 0 auto;	
	position: relative;
}
#footer_boxes ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#footer_boxes .widget {
	width: 258px;
	float: left;
	position: relative;
	height: 560px;
	overflow: hidden;
	margin-right: 25px;
}
#footer_boxes .widget:last-child {
	/* margin-right: 0; */
}

#footer_boxes #ngg-images-2 {
	margin-right: 0;
	height: 280px;
	padding-bottom: 130px;
}

#footer_boxes #text-2 {
	position: absolute;
	height: 95px;
	margin: 0px;
	right: 0px;
	bottom: 0px;
}

#footer_boxes .widget h2 {
	margin: 0;
	padding-bottom: 20px;
	background-image: url(images/footer_h_b.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	text-transform: uppercase;
	color: #474e52;
	margin-bottom: 28px;
	font-size: 14px;
}
#footer_boxes .widget:hover h2 { background-image: url(images/footer_h_b_a.png); }
#footer_boxes #archives-2 ul li {
	border-top: 1px solid #fff;
}
#footer_boxes #archives-2 ul li:first-child {
	margin-top: 0;
	border-top: none;
}
#footer_boxes #archives-2 ul li a {
	color: #003b5f;
	height: 34px;
	display: block;
	font-size: 14px;
	line-height: 34px;
	font-weight: bold;
}
#footer_boxes #archives-2 ul li a:hover {
	color: #1975ff;
}
#footer_boxes #recent-posts-3 ul li {
	line-height: 22px;
	margin-bottom: 25px;
}
#footer_boxes #recent-posts-3 ul li a {
	font-weight: bold;
	color: #003b5f;
	font-size: 14px;
	display: block;
}
#footer_boxes #recent-posts-3 ul li a:hover {
	color: #1975ff;
}
#footer_boxes #recent-posts-3 ul li span.post-date {
	font-size: 12px;
	color: #474e52;
}
#footer_boxes #black-studio-tinymce-2 .textwidget p {
	margin: 0;
	line-height: 22px;
	font-size: 14px;
	margin-bottom: 3px
}
#footer_boxes #black-studio-tinymce-2 .textwidget a { color: #003b5f; }
#footer_boxes #black-studio-tinymce-2 .textwidget a:hover  { color: #1975ff; }
#footer_boxes #ngg-images-2 {
	width:209px
}#footer_boxes #recent-posts-3 {
	width:200px;
}
#ngg-images-2 .ngg-widget {
	
}
#ngg-images-2 .ngg-widget a {}
#ngg-images-2 .ngg-widget a img{
	border: none !important;
	padding: 0;
	margin-bottom: 18px;
}
#ngg-images-2 .ngg-widget a:nth-child(3n+2) img{
	margin-left: 20px;
	margin-right: 20px;
}

#footer {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	min-height: 31px;
}
#footer .copyright {
	float: left;
	position: relative;
	font-size: 14px;
	color: #9b9b9b;
	line-height: 31px;
	margin-top: 20px;
}
#footer .copyright a { color: #003b5f; } 
#footer .copyright a:hover { color: #1975ff; }
#footer .to_top {
	cursor: pointer;
	float: right;
	width: 143px;
	padding: 7px 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #003b5f;
	background-image: url(images/to_top.png);
	background-repeat: no-repeat;
	background-position: 92% 56%;
	font-size: 14px;
	color: #fff;
}

/* ------------------------------- */
#_dgx_donate_donor_first_name, #_dgx_donate_donor_last_name, #_dgx_donate_donor_email, #_dgx_donate_anonymous {
	margin-bottom: 15px;
}

#_dgx_donate_user_amount {
	margin-top: 5px;
	margin-bottom: 5px;
}
#_dgx_donate_user_amount input {
	border: 1px solid #003B5F;
	margin-left: 20px;
}

#_dgx_donate_donor_first_name input { 
	border: 1px solid #003B5F;
	margin-left: 20px;
}

#_dgx_donate_donor_last_name input {
	border: 1px solid #003B5F;	
	margin-left: 22px;	
}

#_dgx_donate_donor_email input {
	border: 1px solid #003B5F;	
	margin-left: 60px;	
}

#_dgx_donate_donor_phone input {
	border: 1px solid #003B5F;	
	margin-left: 54px;	
}
.tp-bullets {
	display: none;
}
