/**
 * Theme Name:	WeFo Theme
 * Template:		astra
 *
 */


/**
 * FONT AND COLOR VARIABLES
 *
 */

/**
@import url('https://fonts.googleapis.com/css2?family=Merriweather+Sans:ital,wght@0,300..800;1,300..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

@font-face {
  font-family: "Boldstrom";
  src: url('assets/font/boldstrom.otf');
}

@font-face {
  font-family: "Louize";
  src: url('assets/font/louize/LouizeDisplayTrial-Regular.otf');
}

*/


@font-face {
  font-family: "Helvetica-WeFo";
  src: url('assets/font/helvetica/HelveticaNeueMedium.otf');
}

@font-face {
  font-family: "Tiempos";
  src: url('assets/font/tiempos-regular.woff2');
}

:root {
  /* #6B8475 GREEN DARK  
     #B9C1A3 GREEN LIGHT 

     #9AA5C1 BLUE DARK   
     #C1C2DC BLUE LIGHT  

     #B4815F BROWN DARK  
     #C1A081 BROWN LIGHT 

     #D5C1AD TAN DARK    
     #ECE3D6 TAN LIGHT   

     #222222 GREY DARK   
     #F6F6F6 GREY LIGHT  
	
     #A5FE4C NEON GREEN 
     #FCFE03 NEON YELLOW
     #7F5DFF NEON PURPLE
     #FF4000 NEON RED		*/
	
  --accent-color-hero: 	#fff;
  --accent-color:      	#6B8475;
  --heading-color-hero: #fff;
	
  --shader-color:      	#B9C1A3;
  --footer-color:      	#9AA5C1;
  --navi-color:      	#9AA5C1;
	
  --link-color:        	#6B8475;
  --link-color-hover:  	#6B8475;

  --btn-bg:   			#6B8475;
  --btn-border:   		#6B8475;
  --btn-hero-bg:   		#6B8475;
  --btn-hero-border:   	#A5FE4C;
	
  --font-heading: 		"Tiempos"; /*Josefin Sans;*/
  --font-body:    		"Helvetica-WeFo";
}



/**
 * DOCUMENT STYLES
 *
 */

body {
	font-family: 	var(--font-body), sans-serif !important;
	background: 	#fff !important;
}


a {
	color: var(--ast-global-color-3);
	text-decoration: underline !important;
}

a:hover {
	color: var(--ast-global-color-3);
	text-decoration: underline !important;
}


h1, h2 {
	font-weight: 	normal !important;
	text-transform: none; /*capitalize;*/
	font-weight: 	900 !important;
}

h1 {
	line-height: 	1.1em !important;
	/*padding-left: 	34px;*/
	padding-bottom:	0 !important;
	/*left: 			-34px;*/
	position: 		relative;
	font-size: 		4rem !important;
	hyphens: 		auto;
	color:			var(--accent-color) !important;
	font-family: 	var(--font-heading), sans-serif !important;
}

h2, h3 {
	font-family: 	var(--font-heading), sans-serif !important;
}

h3 {
	font-size: 1.2rem !important;
}

h1.wp-block-heading {
	/*left:0 !important;*/
}

h2.wp-block-post-title a {
	text-transform: none; /*capitalize;*/
	font-weight: 	normal;
    color: 			black;
    font-size: 		80%;
}


p {
	font-size: 		1rem !important;
	font-weight: 	lighter !important;
}

.entry-content li {
	font-weight: 	lighter;
	margin-bottom:	10px;
}

a.menu-link, a.menu-link:hover {
	text-decoration: none !important;
}

ul.sub-menu, a.menu-link:hover {
	background: rgb(255, 2555, 255, 0.1) !important;
}

.current-menu-item, .current-page-parent {
	font-weight: bold !important;
	background: rgb(255, 2555, 255, 0.1) !important;
}

header.site-header { 
	background-image: linear-gradient(to top, rgba(255,0,0,0), rgba(0,0,0,.75));
}

header.site-header .site-header-section {
	padding:15px 0;
}

.menu-toggle {
	background: none !important;
}


/**
 * BUTTONS STYLES
 * --btn-bg  --btn-border  --btn-hero-bg  --btn-hero-border
 */


.wp-block-uagb-buttons a, .wpcf7-submit, .wp-element-button {
	border-radius: 0 !important;
	background: var(--btn-bg) !important;
	padding: 20px 25px !important;
	border: solid 1px #fff !important;
	text-decoration: none !important;
}

.wp-block-uagb-buttons a:hover, wpcf7-submit:hover, .wp-element-button:hover {
	text-decoration: underline !important;
	
}

.button-dark-bg a {
	border-radius: 0 !important;
	background: none !important;
	padding: 15px 20px 12px 20px !important;
	border: solid 2px var(--btn-border) !important;
	text-decoration: none !important;
}

.button-dark-bg a:hover {
	background: rgb(255,255,255,0.2) !important;
}



/* FOOTER
 * 
 * -
 * 
 */

footer {
	padding-top: 50px;
}

footer, footer div {
	background-color: var(--footer-color) !important;	
}

footer a {
	color: #fff !important;
	text-decoration: underline;
}

footer h3 {
	color: #fff !important;
	font-weight:normal;	
}

footer p {
	font-size: 0.9rem !important;
	color: white !important;
}



/* PATTERN
 * 
 * Centred text with small headline
 * 
 */

.uagb-block-6fhwbrc4 {
	
}

.uagb-block-6fhwbrc4 h2 {
	border-bottom: solid 2px var(--accent-color);
	font-size: 1.5rem !important;
	max-width: fit-content !important;
    margin: 0 auto !important;
    margin-bottom: 20px !important;
}

.uagb-block-6fhwbrc4 p {
	font-size: 1.2rem !important;
	line-height: 2rem;
}


/* PATTERN
 * 
 * Shorter hero for sub pages
 * 
 */

.wefo-hero-short {
	padding-bottom: 100px !important;
}

.wefo-hero-short h1 {
	color: var(--heading-color-hero) !important;
}

.wefo-hero-short a {
	color: #fff;
}


/* PATTERN: Team
 * 
 * Styles for people page
 * 
 */

.workshops img {
	border-radius: 5px !important;
    max-height: 200px !important;
	height: 200px !important;
	object-fit: cover;
}

.wefo-people ul {
	margin: 0 !important;
}

.wefo-people li div.wp-block-group {
	padding-left: 0 !important;
}

.wefo-people li h3.wp-block-post-title {
	font-weight: normal !important;
	margin-bottom: 10px !important;
	
}

.wefo-people li figure {
	margin: 0 !important;
}

.wefo-people li img {
	border-radius: 5px;
    max-height: 200px;
	height: 200px;
}


/* PATTERN: Thematic Strands
 * 
 * Shorter hero for sub pages
 * 
 */

#wefo-strands {
	background: var(--shader-color);
}

#wefo-strands h4, #wefo-strands h3, #wefo-strands h2, #wefo-strands p {
	color: white !important;
}

#wefo-strands a.wp-block-button__link {
	background: none !important;
}


/* PATTERN:
 * 
 * Partners grid
 * 
 */

.wefo-partners figure {
	padding:20px;
}


.wefo-partners img {
	height: 75px;
	object-fit: contain;
	margin: 25px 0 0 0;
}



/* BLOG
 * 
 */
.entry-meta, #comments {
	display: none;
}


/* TAGS
 * 
 */
.tag-event {
	margin: 0 auto 0 0 !important;
    font-size: .9rem !important;
    font-weight: 900 !important;
    letter-spacing: 0rem;
    background: none;
    padding: 5px 0px;
    color: var(--accent-color-hero);
    max-width: fit-content;
}


/* HOME PAGE BLOG QUERY
 * 
 */

.home-section {
	margin-left: 40px !important;
}

.blog-homepage ul.columns-3 {
	max-width: inherit !important;
	margin: 0 !important;	
}

.blog-homepage .wp-block-group {
	padding-left: 0 !important;	
}

.blog-homepage h2 {
	margin-top: 0 !important;
    line-height: 110%;
}

.blog-homepage h2 a {
	text-decoration: none !important;
}

.blog-homepage h2 a:hover {
	text-decoration: underline !important;
}


.blog-homepage .wp-block-post-featured-image {
	margin: 12px 0;
}

.blog-homepage .wp-block-post-featured-image img {
	height: 250px;
	object-fit: contain;
}


/* BLOG POSTS
 * 
 * Media reviews page and main blog
 * 
 */

.wefo-media .wp-block-query ul, .wefo-blog .wp-block-query ul {
	margin-left: 0 !important;
}

.nav-links a {
	color: white !important;
    background: var(--navi-color) !important;
    padding: 10px 15px 40px 15px !important;
	text-decoration: none !important;
}

.ppma-author-category-wrap {
	padding: 0 0 40px 0 !important;
    display: block !important;
}

.ppma-author-category-wrap a {
	font-style: italic !important;
}

.ppma-author-category-wrap::before {
	content: "Written by: ";

}

/* HERO
 * 
 * 
 */

.hero h1 {
	color:			var(--heading-color-hero) !important;
}

.hero a {
	color: #fff;
}

.hero a.wp-block-button__link {
	border-color: var(--accent-color-hero) !important;
}



/* TABLEPRESS
 * 
 * 
 */

.tablepress .dt-column-order {
	display:none !important;
}

.tablepress td {
	font-size: 14px;
}

.tablepress .column-1 {
	width: 35%;
}

.tablepress .column-2 {
	width: 35%;
}

.tablepress .column-3 {
	width: 15%;
}

.tablepress .column-4 {
	
}

.tablepress th {
	background-color: #9AA5C1 !important;
}

.tablepress .s4 {
	font-size: 12px;
    padding: 7px 9px !important;
    border-radius: 6px;
}