/*
 Theme Name:     Richard Thomas Foundation
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Richard Thomas Foundation Child Theme
 Author:         Joe Walkling
 Author URI:     https://www.joewalkling.com
 Template:       Divi
 Version:        1.0.0
*/
 
/* ------------------------------------------------------------------------- */
/* -------------------- Theme customization starts here -------------------- */
/* ------------------------------------------------------------------------- */

/* ------------------------------------------------------------------------- */
/* COLOURS */
/* ------------------------------------------------------------------------- */
/* 	Yellow f5de4e
	Green 49ad7d
	stone f0ede8
	Sand c3b59d
	Rust bf4a2f
*/

::selection{
	color:rgba(0,0,0,0.0);
	background-color:#2c2c2c;
	opacity:1;
}

/* ------------------------------------------------------------------------- */
/* HEADER */
/* ------------------------------------------------------------------------- */

/* change logo on fixed header 
.et-fixed-header #logo {
	content: url(http://rtfn.eu/wp-content/uploads/resources/rtfn.svg);
}*/


/*----- Menu Navigation -----*/


/* Nav grid */
/* for main nav*/
.rtf-header{
	display:grid;
	grid-template-columns:11.5vw 69vw 11.5vw;
	grid-column-gap: 1vw;
}
@media only screen and (max-width:980px){
	.rtf-header{
		grid-template-columns:18.5vw 48vw 25.5vw;
	}
	.rtf-nav .et_mobile_menu{
		border:1px solid #2c2c2c!important;
		box-shadow: none!important;
    -moz-box-shadow: none!important;
    -webkit-box-shadow: none!important;
	}
	.rtf-nav .et_mobile_menu li a {
    border-bottom: 0px !important;
	}
}

/* for strapline project title*/
.rtf-header-2{
	display:grid;
	grid-template-columns:18.5vw 62vw 11.5vw;
	grid-column-gap: 1vw;
}
/* menu items at diff. break points */
@media only screen and (max-width:1275px){
	/*nav links*/.rtf-nav a , /*strapline page title*/.rtf-strapline h5{
		font-size:18px!important;
	}
}

/* LOGO and strapline sizes at break points */
@media only screen and (max-width:850px){
	/* RTF Logo */ .rtf-logo h1{
		font-size:22px!important;
	}
}


/*nav grid items */
.rtf-logo{	grid-column: 1/2;}
.rtf-strapline{	grid-column: 2/3;}
.rtf-nav{	grid-column: 3/4;}



/* move strapline page title for mobiles*/
@media only screen and (max-width:650px){
	.rtf-strap-sec{
		top:120px!important;
	}
	.rtf-strapline{
    	grid-column: 1/4;
	}
	.rtf-header{
		grid-template-columns: 49% 49% ;
	}
	.rtf-nav{
		grid-column:2/3;
	}
	.rtf-nav .et_mobile_nav_menu{
		margin:0px!important;
	}
}
/*align items into a list*/
@media only screen and (min-width:980px){
	.rtf-nav .et-menu.nav{
		display:inline!important;
	}
}

/* unvisited link */.rtf-nav a:link {text-decoration:none;padding:0px!important;}
/* hover */ .rtf-nav a:hover {text-decoration:underline;opacity:1;}
/* items padding and spacing */
.rtf-nav .menu-item{
	padding:0px!important;
	margin:0px!important;
}

/*copyright info and down arrow.*/
.rtf-bottom{
	display:grid;
	grid-template-columns: repeat(2, auto)
}
.rtf-copyright{
	grid-column:1/2;
}
.rtf-up, .rtf-down{
	grid-column:2/3;
	grid-row:1/2;
}


/* ------------------------------------------------------------------------- */
/* Navigation */
/* ------------------------------------------------------------------------- */
/* logo size on mobile  */
@media only screen and (max-width:768px){
	#logo{
		height:74%!important;
		max-height:74%!important;
	}
}

/* hamburger */
.mobile_menu_bar{
	width:50px!important;
}

/* menu items */
#top-menu li{
	font-weight: 400!important;
}

/* border on nav */
.et-fixed-header#main-header {
    border-bottom: 1px solid rgba(0,0,0,0.5);
}

@media only screen and (max-width:980px){
	.et_menu_container{
		width: 94%!important;
		max-width:100%!important;
	}
	.et_mobile_menu{
		background:#fff!important;
		position:fixed;
		bottom:0;
		left:0;
		right:0;
		border-top:1px solid #2c2c2c!important;
		padding:50px 0px!important;
		text-align:center!important;
	}
	.et_mobile_menu li a{
		border-bottom:0px!important;
		text-decoration:none!important;
	}
}
/* ------------------------------------------------------------------------- */
/* BODY */
/* ------------------------------------------------------------------------- */

/* ----- Commissions + concerts grid ----- */
.commissions-grid .et_pb_post{
	display: grid;
	grid-template-columns: 70px 1fr 100px;
	grid-gap: .5vw;
}
.concerts-grid .et_pb_post{
	display: grid;
	grid-template-columns: 150px 1fr 100px;
	grid-gap: .5vw;
}

.commissions-grid .entry-title, .concerts-grid .entry-title{
	grid-row: 1 / span 1;
	grid-column: 2 / span 1;
}
.commissions-grid .post-meta, .concerts-grid .post-meta{
	grid-row: 1 / span 1;
	grid-column: 1 / span 1;
}
.commissions-grid .post-content, .concerts-grid .post-content{	
	grid-row: 1 / span 1;
	grid-column: 3 / span 1;
}
@media only screen and (max-width: 470px){
	.commissions-grid .et_pb_post, .concerts-grid .et_pb_post{
		display: grid;
		grid-template-columns: 70px 1fr;
		grid-gap: .5vw;
	}
	.commissions-grid .entry-title, .concerts-grid .entry-title{
		grid-row: 1 / span 1;
		grid-column: 2 / span 1;
		padding-bottom: 0px!important;
	}
	.commissions-grid .post-meta, .concerts-grid .post-meta{
		grid-row: 1 / span 1;
		grid-column: 1 / span 1;
	}
	.commissions-grid .post-content, .concerts-grid .post-content{	
		grid-row: 2 / span 1;
		grid-column: 2 / span 1;
		margin-top: -5px!important;
	}
}

/* ----- RECORDINGS ----- */
.recordings-grid .et_pb_ajax_pagination_container{
	display:grid;
	grid-template-columns:repeat(3, auto);
	grid-column-gap:1vw;
	grid-row-gap:1vw;
}
@media only screen and (max-width:768px){
	.recordings-grid .et_pb_ajax_pagination_container{
		grid-template-columns:repeat(2, auto);
		grid-column-gap:2vw;
		grid-row-gap:2vw;
	}
}
.recordings-grid .et_pb_image_container img, .recordings-grid .et_pb_post a img{
	width:100%;
}
.recordings-grid .et_pb_post .post-meta{
display:none!important;}
	
/* overlay */
.et_overlay{
	border: none!important;
}



/* ----- ANNUAL REPORTS ----- */
.rtf-ar-grid{
	display:grid;
	grid-template-columns: repeat(2, 50%);
	grid-column-gap:1vw;
	grid-row-gap:1vw;
}
@media only screen and (max-width: 768px){
	.rtf-ar-grid{
		grid-template-columns: repeat(2, 50%);
}
}
@media only screen and (max-width: 479px){
	.rtf-ar-grid{
		grid-template-columns: repeat(1, auto);
}
}

/* add £ to number counter */
.pound .percent-value:before { content:'£';}

/* ----- ABOUT ----- */
/* Toggle title and hover */
.rtf-toggle .et_pb_toggle_title{
	color: #2c2c2c;
	padding:0px!important;
}

/* remove random margin on rows */
.et_pb_column .et_pb_module{
	margin-bottom:0px;
}

/* ----- NEWS GRIDS ----- */
/* remove margin-bottom of feat image */
.et_pb_post, .et_pb_post .entry-featured-image-url{
	margin-bottom:0px!important;
}
.et_pb_column .et_pb_module {
    margin-bottom: 0px!important;
}
/* --- Latest news grid homepage --- */
.jw-latest-news .et_pb_post{
	display:grid;
	grid-template-columns:13vw auto;
	grid-template-rows: repeat(3, auto);
	grid-column-gap:1vw;
	margin-bottom:10px!important;
	border-bottom: solid 1px #c3b59d;
	padding-bottom: 10px;
}
@media only screen and (max-width:768px){
	.jw-latest-news .et_pb_post{
		grid-template-columns:20vw auto;
		grid-column-gap:2vw;
	}
}

@media only screen and (min-width:768px){
/* featured image */.jw-latest-news .entry-featured-image-url{
	grid-row: span 3;
}
/* Title */.jw-latest-news .entry-title{
	grid-column: 2/3;
	padding:10px 0px;
}
/* meta */.jw-latest-news .post-meta{
	grid-column: 2/3;
}
/* post content */.jw-latest-news .post-content{
	grid-column: 2/3;
}
}

@media only screen and (max-width:479px){
	.jw-latest-news .et_pb_post{
	display:grid;
	grid-template-columns:repeat(1,auto);
	
}
	/* Title */.jw-latest-news .entry-title{
	padding:10px 0px;
}
}

/* Search */
.et_pb_searchsubmit{
	border-radius:0px!important;
}





/* flex box */
.jw-flex-start{display:flex;flex-direction:column;justify-content:flex-start;}
.jw-flex-end{display:flex;flex-direction:column;justify-content:flex-end;}
.jw-flex-center{display:flex;flex-direction:column;justify-content:center;}

/* Scrolling Text */
.jw-scrolling-parent{white-space:nowrap!important;}
.jw-scrolling-child{display:inline-block;}

/* ------------------------------------------------------------------------- */
/* BUTTONS */
/* ------------------------------------------------------------------------- */
.et_pb_button{
	font-family: 'neue-haas-grotesk-display', sans-serif!important;
	opacity:1!important;
}

/* read more button */
.more-link{
	font-family: 'neue-haas-grotesk-display', sans-serif!important;
	font-size:12px;
	font-weight: 600;
	font-style: italic;
	text-transform:capitalize;
}

/* wordpress button*/
.wp-block-button__link {
	font-family: 'neue-haas-grotesk-display', sans-serif!important;
	padding: 3vw!important;
	color: #2c2c2c!important;
	background-color: rgba(0,0,0,0.0)!important;
	border: 0px!important;
	border-radius: 0px!important;
    font-size: 18px!important;
	font-weight:bold;
	text-transform: capitalize;
	font-style: italic;
	text-decoration:underline;
}
.wp-block-button__link:hover:after{
	content: '+';
		margin-left: 1em;
}

	
/* ------------------------------------------------------------------------- */
/* FOOTER */
/* ------------------------------------------------------------------------- */


/* ------------------------------------------------------------------------- */
/* LINKS */
/* ------------------------------------------------------------------------- */

/* unvisited link */
a:link {
	text-decoration:underline;
}


/* hover */
a:hover { 
	opacity: 0.8;
}

/* post navigation*/
.nav-single a{
	text-decoration:none!important;
}
/* ------------------------------------------------------------------------- */
/* MOBILE */
/* ------------------------------------------------------------------------- */


/* ------------------------------------------------------------------------- */
/* TML */
/* ------------------------------------------------------------------------- */
.tml-field {
	border:1px solid #2c2c2c!important;
	padding:10px!important;
	background-color:#fff!important;
}
.tml-button{
	border:1px solid #2c2c2c!important;
	padding:10px 25px!important;
	background-color:#fff;
	font-family:'neue-haas-grotesk-display', sans-serif!important;
	font-weight:600!important;
	font-size:18px;
}
.tml-button:hover {
	background-color:#c3b59d!important;
}

/* ------------------------------------------------------------------------- */
/* Animations */
/* ------------------------------------------------------------------------- */