/* 
Theme Name: Pure & Simple Child
Theme URI: https://www.styledthemes.com/themes/pure-simple/
Author: StyledThemes.com modifications by Nathan
Author URI: https://www.styledthemes.com/
Description: Pure and Simple but modified
Template: pure-simple
Version: 3.3.0
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/copyleft/gpl.html
Text Domain: pure-simple
Domain Path: /languages/
Tested up to: 5.8
Requires PHP: 5.6.20
Tags: custom-colors, two-columns, three-columns, custom-background, custom-header, custom-menu, featured-images, flexible-header, full-width-template, post-formats, sticky-post, theme-options, translation-ready, education, portfolio, photography


*/

/* Set main text colour */
body{
	color: #070410;
}


/* Changes to the header image, need to adjust if image is changed to a different size */
.header-inner{
	display:none;
}

.header-bg{
	max-width:1200px;
	background-size:contain;
	margin: 0 auto;
}

@media screen and (min-width: 1200px) {
	.header-bg{
		padding-top:180px;
		padding-bottom:0;
	}	
}

@media screen and (min-width: 940px) and (max-width: 1199px) {
	.header-bg{
		padding-top:15%;
		padding-bottom:0;
	}	
}
@media screen and (max-width: 939px) {
	.header-bg{
		padding-top: 15%;
		padding-bottom:0;
	}	
}

#masthead{
	    background-color: #1e73be;
}

/* Menu Adjustments */
.site-navigation ul, .primary-navigation li li > a{
	text-transform: none;
}
.site-navigation.toggled-on a{
	text-transform: none;
}
.primary-navigation li a{
	font-weight:600;
	letter-spacing:0.5px;
}

.sub-menu .menu-item a{
	border-bottom: 0px;
}

.sub-menu .menu-item a:hover{
	background-color: #38383d;
}

.current-menu-ancestor>a{
	background-color: #000 !important;
}

/* record sub menu to the left (right: 0px) on smaller screen*/
@media screen and (min-width: 783px) and (max-width: 1050px) {
	#menu-item-26 ul{
		right: 0PX;
	}
}

/* have the record from the menu open to the left (right 100%) on smaller screens otherwise the appear off screen and cannot be clicked */
@media screen and (min-width: 783px) and (max-width: 1480px) {
	#menu-item-316 ul,
	#menu-item-317 ul{
		right: 100%;
		left: unset;
	}
}


/* Heading */
/* ---remove under bar*/
.entry-title::after{
	display: none !important;
}

/* ---change font */
h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	font-family: "Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;
	font-weight:600;
}


/* Adjust page content to ocupy 100% width */
.col-md-9{
	width: 100%;
}



/* Home Page intro section, text and a photo */
.home-intro > div:nth-child(1){
	flex-grow: 1 !important;
	padding-right: 20px;
}
.home-intro > div:nth-child(2){
	flex-grow: 1 !important;
	min-width: 400px;
	margin-left: 0px !important;
}
@media screen and (max-width: 600px) {
	.home-intro > div:nth-child(2){
		width:100%;
		min-width: unset;
	}	
}

/* make the main container ocupy full width (100%) where screen is less than 1200px wide  */
@media screen and  (min-width: 768px){
	.container {
		width: 100%;
	}
}
@media screen and  (min-width: 992px){
	.container {
		width: 100%;
	}
}
@media screen and  (min-width: 1200px){
	.container {
		max-width: 1180px;
	}
}

/* There is too much padding above the content div */
/* Increase content font size a little (default 0.813rem) */
#content{
	padding-top: 20px;
	font-size: 0.95rem !important;
}

/* Give images a slightly round border */
.wp-block-image.is-style-default img{
	border-radius:15px;
}

/*Make entry titles the same blue as menu and slightly more bold */
.entry-title, .entry-title a {
    color: #0040bc !important;
	font-weight:600;
}

/* Hyperlinks */
.entry-content a:not(.more-link):not(.button):not(.wp-block-button__link):not(.wp-block-file__button), .entry-content a:visited{
	text-decoration:none;
	color: #0040bc;
}

.entry-content a:hover:not(.more-link):not(.button):not(.wp-block-button__link):not(.wp-block-file__button){
	text-decoration: underline;
	color: #0040bc;
}

.wp-block-file__button{
	text-decoration:none !important;
	padding: 8px 15px !important;
	font-weight: 600;
	letter-spacing: .8px;
}

/* To stop images and text squishing together on smaller screens, when image is aligned left or right the text can end up such that there is only a word of few letters on a line */
@media only screen and (max-width: 450px) {
	.wp-block-image .alignleft,
	.wp-block-image .alignright {
		float: none;
		margin: 10px auto;
	}
}

/* Changing the default selection highlighting colours. */

::selection {
  background: #0040bc80;
  color: #fff;
}
::-moz-selection {
  background: #0040bc80;
  color: #fff;
}

/* A little bit of customisation for the life members page (.page-id-192) */
/*
 * Revised the page to just be names not photos.
.page-id-192 .wp-block-getwid-person__image img{
	width: 300px;
	height: 300px;
}

.page-id-192 .wp-block-getwid-person__title{
	font-weight: 700;
}

.page-id-192 .wp-block-getwid-person__content
{
	margin-top: 0px;
}

.page-id-192 .wp-block-getwid-social-links{
	display: none;
}

.page-id-192 .wp-block-columns{
	margin-bottom: 0px;
}

.page-id-192 .wp-block-column{
	margin-bottom: 30px;
}

.page-id-192 .wp-block-getwid-person__content-wrapper{
	margin-top: 10px;
}

*/

.page-id-192 .wp-block-column.is-vertically-aligned-top{
	margin-bottom:0px;
}

.page-id-192 .wp-block-column p:first-child{
	margin-top: 0px;
}

/* Headings for posts - combine image and text */
/* On larger screens the title will be the lower thrid of the feature image when there is one */
@media screen and  (min-width: 768px){
	.post-has-ft-image{
		position: relative;
	}
	
	.post-has-ft-image .featured-image-single{
		max-height: 630px;
		overflow: hidden;
		float: none;
		margin: 0;
	}
	
	.post-has-ft-image .featured-image-single img{
		display: block;
		width: 100%;
	}
	
	.post-has-ft-image .text-background-blur{
		position: absolute;
		z-index: 2;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100px;
		filter: blur(1px);
		background-color: black;
		opacity: 50%;
	}
	
	.post-has-ft-image .heading-text-container{
		position: absolute;
		z-index: 3;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 80px;
		text-align: center;
	}
	
	.post-has-ft-image .entry-title{
		color: white !important;
    	text-shadow: 0 1px 0 black;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: clip;
		padding-bottom: 5px;
	}
	
	.posted-on{ 
		font-style: italic;;
	}
	
	.post-has-ft-image .posted-on{
		color: white !important;
    	text-shadow: 0 1px 0 black;
	}

}

@media screen and  (max-width: 767px){
	.featured-image-single{
		margin: 0 !important;
		max-height: 630px;
    	overflow: hidden;
    	text-align: center;
	}
	
	.heading-text-container{
		text-align: center;
	}
	
	.posted-on{ 
		font-style: italic;;
	}
}

/* Pagiation Settings */
.navigation.pagination{
	background-color: #fff;
	display: block;
	text-align: center;
}

/* Getwid Custom Post Block */

/* Show the word page before the numbers if there are any */
.navigation.pagination .nav-links > *:first-child::before{
	content: "Page ";
}

.wp-block-column>.wp-block-getwid-template-post-featured-image:only-child img{
	object-fit: contain;
}

.wp-block-getwid-template-post-featured-image a{
	display: flex;
}

.wp-block-getwid-template-post-featured-image img{
	border-radius: 15px;
}

.wp-block-getwid-template-post-title{
	margin-top: 5px;
    text-align: center;
    line-height: 120%;
    /*margin-bottom: 0px;*/
}


/* Home page columns */
/* For the home page to embed the facebook page frame, per size, frame will either be next to news and events or on smaller resolutions below */
.home-events-and-fb-sort{ /* 'Columns' which contain the 2 'column' */ 
	flex-wrap:wrap;
}

.home-events-and-fb-sort > div:nth-child(1){ /* Column which has news and events feed */
	flex-grow: 1 !important;
	padding-right: 15px;
}

.home-events-and-fb-sort > div:nth-child(2){ /* Column which has fb embed */
	margin-left: 0px !important;
	flex-grow: 1 !important;
	text-align:center;
}
.wp-block-column .wp-block-getwid-template-post-title,
.wp-block-column .wp-block-getwid-template-post-content{
	padding-left: 15px;
}

@media screen and (min-width:600px){
	.home-events-and-fb-sort > div:nth-child(1){
		min-width: 550px;
	}
}
@media screen and (min-width:850px){
	.home-events-and-fb-sort > div:nth-child(1){
		min-width: 600px;
	}
}
@media screen and (min-width:950px){
	.home-events-and-fb-sort > div:nth-child(1){
		min-width: 650px;
	}
}

@media screen and (min-width: 782px){
	.wp-block-columns.home-events-and-fb-sort {
     flex-wrap: wrap!important; 
	}
}





/*For modification remove news, add facefook feed as news */
/* Facebook Feed switch between view per screen size */
@media screen and (min-width: 768px){
	.fb-small-view{
		display: none;
	}
}
@media screen and (max-width: 767px){
		.fb-large-view{
		display: none;
	}
}

@media screen and (min-width: 782px){
	.wp-block-columns.up-event-details-block{
		flex-wrap: wrap!important;
	}
	
	.up-event-details-feat-image{
	flex-basis:40% !important;
	}
	.up-event-detail-title-excerpt{
	flex-basis:60% !important;
	}
}


.up-event-details-title, .up-event-details-excerpt{
	padding-left:15px;
}

.up-event-details-more-link{
	float:right;
}

.up-event-details-feat-image img{
	border-radius:15px;
}