/*
Theme Name:     Neve Child
Theme URI:      https://themeisle.com/themes/neve/
Template: neve
Author:         ThemeIsle
Author URI:     https://themeisle.com
Description:    Neve is a super fast, easily customizable, multi-purpose theme. It’s perfect for blogs, small business, startups, agencies, firms, e-commerce shops (WooCommerce storefront) as well as personal portfolio sites and most types of projects. A fully AMP optimized and responsive theme, Neve will load in mere seconds and adapt perfectly on any viewing device. While it is lightweight and has a minimalist design, the theme is highly extendable, it has a highly SEO optimized code, resulting in top rankings in Google search results. Neve works perfectly with Gutenberg and the most popular page builders (Elementor, Brizy, Beaver Builder, Visual Composer, SiteOrigin, Divi). Neve is also WooCommerce ready, responsive, RTL & translation ready. Look no further. Neve is the perfect theme for you!
Version:        1.0.0
License:        GNU General Public License v2 or later
License URI:    http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:    neve
Tags: blog, custom-logo, e-commerce, rtl-language-support, post-formats, grid-layout, one-column, two-columns, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, flexible-header, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, accessibility-ready, wide-blocks, block-styles
*/



.page-id-10 a.button.button-primary {
display: none ;
}

.wp-block-media-text__content .style {
	padding-left: 0px ; 
	padding-right: 0px ; 
}

	
	
img.featured-image {
	filter: brightness(0.9) ;
	height: 75vh ;
	width: 100% ;
	object-fit: cover ;
}

.page-titles-container	 {
	position: absolute ;
	transform: translate(-70%, -30%) ;
	width: 100% ;
	top: 45% ;
	left: 70% ;
	text-align: left ;
}	
	
@media (max-width: 960px) 	{
.page-titles-container	 {
	position: absolute;
   	transform: translate(-70%, -30%) ;
   	width: 110% ;
   	top: 35% ;
   	left: 71% ;
   	text-align: left ;
	}
}	
		
	
.featured-image-container {
	position: relative ;
	z-index: 5 ;
	margin-bottom: 60px ;
	height: 75vh ;
} 

.page-titles-container {
	position: absolute ;
	transform: translate(-70%, -30%) ;
	width: 50% ;
	z-index: 5 ; 
	top: 45% ;
	left: 40% ;
	text-align: left ; 
} 


@media (max-width: 960px) {
.page-titles-container {
	position: absolute ;
	transform: translate(-70%, -30%) ;
	width: 110% ;
	top: 35% ;
	left: 71% ;
	text-align: left ;
	}
}

.wp-block-media-text__content	 {
	margin-left: -84px ;
	margin-right: -84px ; 

}

@media screen and (max-width: 600px) {
.wp-block-media-text__content {
	margin-left: -25px ;
	margin-right: -25px !important ;
 	}
} 


@media screen and (max-width: 800px) {
.wp-block-media-text__content {
	margin-left: -35px;
	margin-right: -35px !important;
	}
} 

@media screen and (max-width: 1200px) and (min-width: 800px) 	{
.wp-block-media-text__content	 {
	margin-left: -55px ;
	margin-right: -55px !important ;
	}
} 

.centred-block-text		{
	padding-right: 500px ; 
	padding-left: 500px ; 
}


.latest-news{
	background-color: aqua ; 
	padding-left: -30px ;
}		


/* removes the neve copyright */
.footer--row-inner.footer-bottom-inner.footer-content-wrap {
	display: none ;
}

/* removes the spacing between the donate button and the featured image */
.header-bottom-inner {
	height: 0px ; 
	}

/* changes the z order to allow the donate button to gloat above the slider */
.header-bottom-inner { 
	z-index: 10 ;
} 

/* changes the colour if the facebook social media logos in the header and footer */
a.fa-brands.fa-square-facebook {
	color: white ;
	}

i.fa-brands.fa-square-facebook {
    color: white ;
}

/* this makes the header sticky */
.site-header {
	position: fixed ;
	width: 100% ;
	z-index: 1000 ;
}

.margin-5  {
	margin-left: 5% ;  
	margin-right: 5% ; 
}


/* this changes the font colour of the footer text to white */
td.has-text-align-center {
	color: white ;
}

/* removes the border lines from the tables */
td {
	border-bottom: 0px solid ;
}

/* pushes the donation form below the donate button */
.give-form-header {
	padding-top: 10% ;
}

/* code  */


.smart-slider-header {
    padding-bottom: 2em ;
}





button.header-button {
	border-radius: 0 0 0px 0px ;
}

.entry-title a {
    color: white ;
    font-size: 0.65em ; 
}

.more-info {
    margin-left: 5% ;
}


.article-content-col  {
    background-color: var(--nv-primary-accent) ;
}

H6 {
	color: var(--nv-primary-accent) ;
}


.Latest.News.Title	 {
    padding-top: 100px ;
	text-align: center ; 
}


/* .header-slider {
	margin-bottom: 5% ;
} */

main#content {
    padding-top: 5%;
}
.home-opening-text {
	margin-bottom: 0px; 
}

.page-id-470 main#content {
    padding-top: 0%;
}

.page-id-13 main#content {
    padding-top: 0%;
}

H1 {
	color: white ;
}

H3 {
	color: orange ; 
}


/* this changes the colour of the menu hover to orange as well as the active page colour to silver */
.builder-item--primary-menu {
    --hovercolor: #05d3ed !important ;
	--activecolor: #05d3ed !important ;
}



/* this changes the colour of the menu when opened  */
div#header-menu-sidebar-bg {
    background-color: #3d4768 ;
}

/* this changes the fomt olour of the text inside the menu  */
.nav-ul li>a {
	color: white ;
	font-size: 40px ;
}

/* edits the media and text block under the reusable section */
.block-of-3	{
	padding-left: 0px ;
	padding-right: 0px ; 
}

/* changes the line height of the menu */
ul#nv-primary-navigation-sidebar {
    line-height: 2em ; 
	font-weight: 700 ; 
}

@media (max-width: 600px) {
ul#nv-primary-navigation-sidebar {
	line-height: 4em ;
	}
}
  .gb-block-post-grid .gb-block-post-grid-more-link {
    color: orange ;
	text-decoration: none ;
	padding-left: 25px ;
	padding-bottom: 25px ;
	padding-top: 15px ;
	font-size: 0.85em ;
}

  .gb-block-post-grid header .gb-block-post-grid-title a {
    color: white ;
    text-decoration: none ; 
	font-size: 0.65em ; 
}

 header.gb-block-post-grid-header {
	  padding-top: 10px ;
    padding-left: 25px ;
    padding-right: 25px ;
}

.latest-news-slider {
    margin-left: calc(50% - 50vw) ;
    margin-right: calc(50% - 50vw) ;

}



/* this is removing the gutter of the website */
.col{
	padding: 0px ; 
}


/* this changes the height of the news feed on the who weve supported page  */
  .gb-block-post-grid-text {
    min-height: 160px ;
}

/* styling for the who we've supported page */

  .gb-block-post-grid header .gb-block-post-grid-title {
    margin-top: 0 ;
    font-size: 32px ;
    line-height: 0.9 ;
    font-weight: 600 ;
	min-height: 4em ; 
}

 .gb-block-post-grid-excerpt {
    font-size: 24px ;
    padding-bottom: 10px ;
    margin-top: -20px ;
}



.gb-block-post-grid-image{
    margin-bottom: 0em !important ;
}

 
.gb-block-post-grid-text{
    background-color: var(--nv-primary-accent) ;
}


h3.gb-block-post-grid-title {
 min-height: 3.5em ;
);
	
}
  h3.gb-block-post-grid-title {
    min-height: 3em ;
}

/* this decorates any pagination to now have underlines on it  */
ul.page-numbers {
    text-decoration: underline ;
}

/* re-adding the padding left & right to the latest news page  */
.posts-wrapper {
    padding-left: 2.5% ;
    padding-right: 2.5% ;
}

ul.page-numbers {
    padding-left: 2.5% ; 
}

  .gb-block-post-grid header .gb-block-post-grid-title {
    margin-top: 0 ;
    margin-bottom: 15px ;
    font-size: 32px ;
    line-height: 1.2 !important ;
    font-weight: 700 ;
}

::-webkit-scrollbar {
    display: none;
}


/* 
.more-info:hover {
    color: orange ;
}

.more-info {
	color: orange ; 
} */


.media-text-container-padding{
	padding-top: 10% ; 
	padding-bottom: 10% ; 
	padding-left: 6% ; 
	padding-right: 6% ; 
}


/* This allows the orange media and text block on the home page align with the content above it across different screen sizes. Due to the nature of the block this needs more code than normal so it is reactive across out devices this is why max and min width media querys have been used here*/

@media (max-width: 3800px) and (min-width: 3250px) {
.media-text-container-padding {
	padding-left: 2% ;
	}
}

@media (max-width: 3249px) and (min-width: 3000px) {
.media-text-container-padding {
	padding-left: 3%  ;
	}
}

@media (max-width: 2999px) and (min-width: 2460px) {
.media-text-container-padding {
	padding-left: 4%  ;
	}
}

@media (max-width: 2459px) and (min-width: 2150px) {
.media-text-container-padding {
	padding-left: 5% ;
	}
}

@media (max-width: 2149px) and (min-width: 1900px) {
.media-text-container-padding {
	padding-left: 6% ;
	}
}

@media (max-width: 1899px) and (min-width: 1500px) {
.media-text-container-padding {
	padding-left: 8% ;
	}
}

@media (max-width: 1499px) and (min-width: 1200px) {
.media-text-container-padding {
	padding-left: 11% ;
	}
}


@media (max-width: 1199px) and (min-width: 800px) {
.media-text-container-padding {
	padding-left: 11% ;
	}
}

@media (max-width: 1400px) 	{
.media-text-container-padding	 {
	padding-left: 10% 
	padding-right: 10%
	}
}	
	

h2.blog-entry-title.entry-title {
    min-height: 2.5em ;
    margin-bottom: 1em ;
    text-align: left ;
    margin-left: 5% ;
	padding-right: 10px ;
}

button.header-button {
    padding-left: 25px ;
    padding-right: 25px ;
    font-size: 17px ;
}

ul.page-numbers {
    justify-content: center ;
}

.addtoany_shortcode {
    padding-left: 0.5% ;
}

.page-id-11 h4 {
		color: orange ; 
	}

h4.more-info-text-h4 {
    color: var(--nv-c-2);
	font-weight: 900!important;
}

.blog .blog-entry-title, .archive .blog-entry-title {
    --fontweight: 700;
}



@media only screen and (max-width: 1300px) {
	.gb-block-post-grid div[class*="columns"].is-grid, 
	.gb-block-post-grid div[class*="columns"].gb-is-grid {
  	  -ms-grid-columns: 1fr 1fr ;
  	  grid-template-columns: 1fr 1fr ;
	}	
}
@media only screen and (max-width: 850px) {
	.gb-block-post-grid div[class*="columns"].is-grid, 
	.gb-block-post-grid div[class*="columns"].gb-is-grid {
  	  -ms-grid-columns: 1fr ;
  	  grid-template-columns: 1fr ;
	}	
}

.nf-form-content button, .nf-form-content input[type=button], .nf-form-content input[type=submit] {
    background: var(--primarybtnbg) !important ;
    border: 0 ;
    color: #f7f7f7 ;
    transition: all .5s ; 
}

 /* this allows for the "how your donations are distributed" main text container to use less margin to give the content more room */
@media (max-width: 960px) 	{
.HYDAD-Container	 {
    padding-left: 15% !important ;
    padding-right: 15% !important ;
	}
}


  .gb-block-post-grid .gb-block-post-grid-more-link {
    color: var(--primarybtnbg) ;
    text-decoration: none ;
    padding-left: 25px ;
    padding-bottom: 25px ;
    padding-top: 15px ;
    font-size: 0.85em ;
}



.gb-block-post-grid.featuredpost.aligncenter.who-weve-supported-grid {
    padding-left: 2.5% ;
    padding-right: 2.5% ;
}

.BO3-application{
	white-space: nowrap ; 
}


.block-of-3-headings{
	text-decoration: none ; 
}

.smaller-line-height{
	line-height: 1.5em ;
}

.page-id-7 .smart-slider-header {
    padding-bottom: 0em ;
}

.page-id-11 h2.blog-entry-title.entry-title {
    text-decoration: none !important ;
}
.page-id-11 .more-info {
    text-decoration: none ;
    color: orange !important ;
}

.page-id-11 h4 {
	color: orange !important ;
}

.smaller-line-height-BO3{
	line-height: 15px ;
}

h4	{
	color: white ;
}

/* setting all links to not show an underline */
a:link { text-decoration: none ; }


a:visited { text-decoration: none ; }


a:hover { text-decoration: none ; }


a:active { text-decoration: none ; }

.smaller-line-height-headings {
	line-height: 15px ;  
}

@media (max-width: 1360px) 	{
.smaller-line-height-headings	 {
	line-height: 30px ; 

	}
}


@media (max-width: 960px) 	{
.home-heading-container	 {
    padding-left: 10% !important ;
    padding-right: 10% !important ;
	  padding-top: 30px ;  
	}
}