.ReduceBottomMargin50 {
  margin-bottom:-50px!important;
}

.ReduceBottomMargin45 {
  margin-bottom:-45px!important;
}

.ReduceBottomMargin40 {
  margin-bottom:-40px!important;
}

.ReduceBottomMargin20 {
  margin-bottom:-20px!important;
}
.ReduceBottomMargin10 {
  margin-bottom:-10px!important;
}
/*********************************************************************************/
/* Center the "I'm New" "This Sunday" Buttons
/*********************************************************************************/

.custombuttons, button1{
	width:100%;
	text-align: center;
	margin:0 auto;
	font-family:Open Sans;
}



/*********************************************************************************/
/* Nectar Slider Font Sizes for Slider Caption and Button
/*********************************************************************************/

/* Keep this section for reference as can change colour, letter spacing etc if needed later */
body #ajax-content-wrap .nectar-slider-wrap div.swiper-slide .content p {
    /*font-size: 24px!important;*/
    color: #f6a800!important; /*Caption Text Color*/
    /*line-height: 51px!important;*/
    /*margin-bottom: 70px;*/
    /*letter-spacing: -0.5px;*/
}

/*The following snippet of code has to be commented out in style.css in the latest version of the theme. It was not possible to override the styles here or in a child theme as they are !important in the parent style.css */
/*Keep below snippet for reference - do not delete */
.swiper-slide .button.transparent a, .swiper-slide .button.transparent_2 a {
	box-shadow: none!important;
	padding: 11px 17px!important;
	background-color: transparent!important;
	border: 2px solid rgba(246, 168, 0, 1)!important;
    color: #f6a800!important; /*Caption Text Color*/
}
/*********************************************************************************/

/*********************************************************************************/
/* Nectar Slider Font Sizes for Slider Caption and Button
/*********************************************************************************/
/*Font and Button Size Font for Nectar Slider Start */
/* The override for the following lines work ok in this css file as they are not 
/* specified as !important in the style.css */
@media only screen and (min-width : 1001px) {
    body #ajax-content-wrap .nectar-slider-wrap div.swiper-slide .content p{
    	font-size: 50px!important;
        line-height: 58px!important;
    }
  	/*Control the amount of space around the slider caption*/
    .swiper-slide .content {
    padding-left: 20px!important;
    padding-right: 20px!important;
/*  	top:100px!important;*/
    }
    body #ajax-content-wrap .nectar-slider-wrap div.swiper-slide .button a {
        font-size: 40px!important;
    	line-height: 48px!important;
        /*color: #1b491c!important;*/
    }
}

@media only screen and (max-width : 1000px) {
	body #ajax-content-wrap .nectar-slider-wrap div.swiper-slide .content p {
    	font-size: 40px!important;
        line-height: 47px!important;
    }
    /*Control the amount of space around the slider caption*/
    .swiper-slide .content {
    padding-left: 20px!important;
    padding-right: 20px!important;
/*    top:40px!important;*/
    }
    body #ajax-content-wrap .nectar-slider-wrap div.swiper-slide .button a {
        font-size: 30px!important;
    	line-height: 37px!important;
        /*color: #1b491c!important;*/
    }
}

/*Mobile Font and Button Size Font for Nectar Slider Start */
@media only screen and (max-width : 690px) {
	body #ajax-content-wrap .nectar-slider-wrap div.swiper-slide .content p{
        font-size: 25px!important;
        line-height: 30px!important;
    }
    /*Control the amount of space around the slider caption*/
    .swiper-slide .content {
    margin:0px!important;
    padding: 0px!important;
/*  	top:20px!important;*/
    }
  
    body #ajax-content-wrap .nectar-slider-wrap div.swiper-slide .button a {
        font-size: 25px!important;
    	line-height: 32px!important;
        /*color: #1b491c!important;*/
    }
}



/*Font and Button Size Font for Nectar Slider End */
/*********************************************************************************/


/*********************************************************************************/
/* Replacement Lines
/*********************************************************************************/

/*The following lines of code replace the above lines and break out the padding depending on screensize */

/*These don't seem to do anything - comment out for now*/
/*

@media only screen and (max-width : 5000px) {
.swiper-slide .button.transparent a, .swiper-slide .button.transparent_2 a {
    background-color: transparent !important;
    border: 2px solid #ffffff;
    box-shadow: none !important;
    padding: 15px 15px !important;
}
    .swiper-slide .button.transparent a:hover, .swiper-slide .button.transparent_2 a:hover {
      border: 2px solid #ffffff;
  }
}


@media only screen and (max-width : 1000px) {
.swiper-slide .button.transparent a, .swiper-slide .button.transparent_2 a {
    background-color: transparent !important;
    border: 2px solid #ffffff;
    box-shadow: none !important;
    padding: 10px 10px !important;
}
    .swiper-slide .button.transparent a:hover, .swiper-slide .button.transparent_2 a:hover {
      border: 2px solid #ffffff;
  }
}


@media only screen and (max-width : 690px) {
.swiper-slide .button.transparent a, .swiper-slide .button.transparent_2 a {
    background-color: transparent !important;
    border: 2px solid #ffffff;
    box-shadow: none !important;
    padding: 5px 5px !important;
}
    .swiper-slide .button.transparent a:hover, .swiper-slide .button.transparent_2 a:hover {
      border: 2px solid #ffffff;
  }
}
/*********************************************************************************/
/* End of Replacement Lines
/*********************************************************************************/





/*********************************************************************************/
/*This overrides the color of the "More Information" box in the main slider on the home page*/
.primary-color{
    color: #ffffff !important;
}

.primary-color:hover{
    color: #ffffff !important;
}

/* This pushes the Button on the home page slider down the page. E.g. the "MORE INFORMATION" button.*/
div.swiper-slide .content p {
    /*padding-bottom:500px;*/
}

/*********************************************************************************/
/* Icons that draw themselves
/*********************************************************************************/
.lineaIcon{
   float: left; 
   padding-right: 10px;
}

.lineaTitle{
   padding-top: 0px; 
   padding-right:40px;
   text-align: center;
 }

.lineaTitleMobile{
   padding-top: 0px; 
   padding-right:40px;
   text-align: center;
 }
 
 .lineaTitleLong{
   font-size: 22px; 
   line-height: 24px;  
 }
 
 .lineaClear{
    clear: both; 
	padding-top: -24px;
 }


/*********************************************************************************/
/* Show Sections
/*********************************************************************************/



/*********************************************************************************/
/* Hide Sections
/*********************************************************************************/

.morphingRow {
    display: none;
}

@media only screen{
    .HideAll {
	display: none;
}
  
@media only screen and (max-width:690px){
    .CurrentAndUpcomingEventsDesktop {
	display: none;
}
  
}

@media only screen and (min-width:690px){
    #CurrentAndUpcomingStaticMobile {
	display: none;
}
}


@media only screen and (max-width:690px){
    #upcomingEventsRowDesktop {
	display: none;
}
}

@media only screen and (max-width:690px){
    .upcomingEventsRowDesktop {
	display: none;
}
}


/*Same as one above but row instead of text element*/
@media only screen and (min-width:690px){
    .upcomingEventsRowMobile {
	display: none;
}
}

@media only screen and (min-width:690px){
    .upcomingEventsRowMobile {
	display: none;
}
}

/*********************************************************************************/
/* Hide Heart Buttons
/*********************************************************************************/


.meta-comment-count {
    display: none !important;
}

span.meta-comment-count {
    display:  none !important;
}

.masonry-blog-item .post-meta .nectar-love-wrap {
    display: none !important;
}


.nectar-love-wrap {
  display: none!important;
}

#post-area.masonry article.post .post-meta {
    display: none !important;
}

div#project-meta {
    display: none !important;
}

 .n-shortcode .nectar-love{display:none !important;
}






.team-member p.description {
   font-size:12px;
   line-height:14px;
}

.paddingTop5{
 padding-top:5px; 
}
.paddingTop10{
 padding-top:10px; 
}
.paddingTop15{
 padding-top:15px; 
}
.paddingTop20{
 padding-top:20px; 
}

@media only screen and (max-width:690px){
    .fixedHeightHeadline{
 		padding-top:20px; 
  		padding-bottom:20px;
  		height:60px;
	}
}

@media only screen and (min-width:690px){
    .fixedHeightHeadline{
  		padding-top:20px; 
  		padding-bottom:20px;
  		height:80px;
	}
  
}


/*********************************************************************************/
/* Footer Columns
/*********************************************************************************/
.prayericon{
  float:left;
  padding-bottom:3px;
  margin-right:5px;
  margin-bottom:-8px!important;
}

/*Fix Recent Tweets widget to display logo to left of tweet*/
.tp_recent_tweets li {
    padding-bottom: 20px !important;
    padding-left: 30px !important;
}


/***************
*     Table 2    *
***************/
.table2 {
  margin: 0!important;
  padding:0!important;
  width: 100%!important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  display: table;
}

.oberow2 {
  display: table-row;
  background: #f6f6f6;
}
.oberow2:nth-of-type(odd) {
  background: #e9e9e9;
}
.oberow2.header2 {
  font-weight: 900;
  color: #ffffff;
  background: #666666;
}
.oberow2.green {
  background: #27ae60;
}
.oberow2.blue {
  background: #2980b9;
}

.cell2 {
  padding: 6px 12px;
  display: table-cell;
}

/*********************************************************************************/
/* Change Accent Colour Start
/*********************************************************************************/

/*Change access colour of all custom elements with Accent-Colour Class - Colour b */
.Accent-Colour, .Accent-Colour a,.Accent-Colour a:link, .Accent-Colour a:visited,
.Accent-Colour a:hover, .Accent-Colour a:active
{
  color: #f6a800!important; 
}

/*Change the footer link colours*/
body #footer-outer #footer-widgets a:link, 
body #footer-outer #footer-widgets a:visited, 
body #footer-outer #footer-widgets a:active
{
  color: #ffffff!important; 
}

body #footer-outer #footer-widgets a:hover
{
  color: #f6a800!important; 
}


.whiteLink a:link, 
.whiteLink a:active, 
.whiteLink a:visited
{
  text-decoration: underline!important;
  color:#ffffff!important;
}

.whiteLink a:hover
{
  text-decoration: underline!Important;
  color: #f6a800!Important;
}


/*Homepage bar background colour*/
#Row-Accent-Colour-BG{
   background-color: #f6a800!important;
}

.Accent-Colour-BG{
   background-color: #f6a800!important;
}


/*Change the footer social icons*/
#footer-outer #copyright #social li a i {
    color: #ffffff !important;
}

#footer-outer #copyright #social li a i:hover {
    color: #f6a800 !important;
}

/*This changes all links throughout to the colour specified.*/

body a{
  color: #000000 !important;
}

body a:hover{
  color: #f6a800 !important;
  /*Not Working*/
   -moz-text-decoration-color: #f6a800!important; /* Code for Firefox */
  /*Not Working*/
    text-decoration-color: #f6a800!important;
}

/*This overrides the color of the buttons on the home page.*/
.nectar-button span{
    color: #ffffff !important;
}

/*This overrides the color of the button text on the home page.*/
.nectar-button span a{
    color: #ffffff !important;
}

/*This overrides the color of the button arrow on the home page.*/
icon-button-arrow{
   color: #ffffff !important;
}


/*Override the colors of the mobile menu*/
#mobile-menu ul li a,
#mobile-menu ul li i {
   color: #ffffff!Important;
}

#mobile-menu ul li a:active,
#mobile-menu ul li a:hover {
   color: #f6a800!Important;
}

/*Override the colors of the mobile menu text box at the bottom of the menu*/#ffca08
#mobile-menu input[type="text"] {
   background-color: #f4f4f4!Important;
   color: #000000!Important;
   box-shadow: none!important;
   border: 0px!important;
}

/*Have a quick flash on the mobile menu of the accent colour so the user knows it has been clicked*/
#mobile-menu ul li a,
#mobile-menu ul li i {
   -webkit-tap-highlight-color: #f6a800!Important;
}

/*Change the colour of the Calendar Title in the footer */
.simcal-event-title{
  color: #ffe900!Important; /*Secondary Accent Color*/
}

body.page-id-6338 .simcal-event-title{
  color: #000000!Important;
}

body.page-id-6338 .simcal-event-title:hover{
  color: #f6a800!Important; /*Primary Accent Color */
}

/*Highlight the event titles in the footer a secondary accent color - a compliment
of the primary accent color - http://paletton.com */

/*.simcal-event-description{
  color: #BDE76C!Important;
}*/

 
  
  

/*********************************************************************************/
/* Change Accent Colour End
/*********************************************************************************/
  

.simcal-default-calendar-list {
  padding:0!important;
}

paddingZero{
  padding:0!important;
  margin:0!important;
  border:0!important;
}

paddingTopZero{
  padding-top:0!important;
  margin-top:0!important;
  border:0!important;
}

paddingBottomZero{
  padding-bottom:0!important;
  margin-bottom:0!important;
  border:0!important;
}

/*Pattern for footer*/
#footer-outer #footer-widgets {
   background-image: url('http://cloud06.mycpanelcloud.co.uk/~waringstownpc/wp-content/uploads/2015/06/classy_fabric.png')!important;
   background-repeat: repeat!important;
}

/*Icons that draw themselves on Client Pages*/
.lineaIcon{
   float: left; 
   padding-right: 20px;
}

.lineaTitle{
   padding-top: 20px; 
   font-size: 22px; 
   line-height: 24px;
 }
 
 .lineaTitleLong{
    font-size: 22px; 
   line-height: 24px;  
 }
 
 .lineaClear{
    clear: both; 
	padding-top: -24px;
 }
 
 @media only screen and (max-width:690px) {
.lineaTitleLong{
    padding-top:-10px!important;
    font-size: 22px!important;
    line-height: 24px!important;
}
}

 /*Icons that draw themselves on Client Pages End*/

/*.mapContainer{
  padding-bottom:0px!important;
  margin-bottom:0px!important;
}*/


.onehundredpercent{
  width:100%;
}