/*!
Theme Name:   Playground Child Theme
Template:     playground-for-beaver-themer
Version:      1.0.0

Theme URI:    https://github.com/webmandesign/child-theme/
Author:       WebMan Design
Author URI:   https://www.webmandesign.eu/
License:      GPL-3.0-or-later
License URI:  https://www.gnu.org/licenses/gpl-3.0-standalone.html

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

IMPORTANT:
Read the instructions in https://github.com/webmandesign/child-theme/blob/master/readme.md

and rename CHILD_THEME_NAME and PARENT_THEME_SLUG in this file appropriately!
*/

/* replace theme initials in custom classes, e.g. tm-testimonial vs tm-testimonial */
/* Put your custom CSS styles below... */



/*
light yellow grey d6d5ce
very light yellow grey e6e6e2
midgrey 9b9b9b

very light grey for large background areas rgba(160,175,177,0.1)

Brand colours 2022
#711346 DARK RASPBERRY
#A2216D RASPBERRY
#4797A4 TURQUOISE
#6DB8BF LIGHT TURQUOISE
#182F3F NAVY
#2F4A5E LIGHTER NAVY
#06202C BLACK

*/
/*import adobe fonts*/
@import url("https://use.typekit.net/hbp3ojm.css");


.tm-dark-bg{
	background: #2F4A5E;
}
.tm-dark-bg .fl-rich-text blockquote{
	color:#FFF;
}
.tm-light-bg{
	background: #6DB8BF;
}

/*narrow columns - make the image take it's own row*/
@media (max-width: 1000px) { 
	.fl-col-small img.alignright{
		display: block;
		float:none;
		text-align: center;
		margin-left:auto;
		margin-right:auto;
	}
}
/*
.njba-testimonial-wrapper{
		background: #e6e6e2;
}
.njba-testimonial-content p{
	font-size:18px;
	line-height: 1.35em;
	font-style: italic;
	text-align: left;
}
.njba-testimonial-title, .njba-testimonial-sub-title{line-height: 26px !important;}
.njba-testimonial-wrapper .njba-review{display:none;}
*/

body {
	background: #ffffff;
	color:#06202C;
	font-family: 'filson-pro', sans-serif ;
	font-weight: 200;
	font-size: 18px;
	}
a {
	color:#711346;

}
a:hover {color:#A2216D;}
a:visited {color:#487284 ;}


body, button, input[type=button], input[type=submit], textarea {
	line-height: 1.4em;
}

/*h1, .entry-content h1, h2, .entry-content h2, h3, .entry-content h3, h4, .entry-content h4, h5, .entry-content h5, h6, .entry-content h6{*/
h1, h2, h3, h4, h5, h6{
	color: #182F3F;
	font-family: 'filson-pro';
	font-weight: 200;
	line-height: 1.2em;
	margin-bottom: .5em;
}
h1{ font-size:46px;font-family:'beloved-script';}
h2{ font-size:22px;}
h3{ font-size:34px; font-family:'beloved-script';}
h4{ font-size:20px;}
h5{ font-size:18px;}
h6{ font-size:18px;}

.script{font-family:'beloved-script';font-size: 28px;}

p, .entry-content p{
	margin-bottom: 1em;
	max-width: 80em;
}
article li{
	margin-bottom: .5em;
}
article li ul, article li ol{margin-top:.3em !important;}

h1, .entry-content h1{
	line-height: 1em;
	margin-bottom: .7em;
}


blockquote{
	border-left:none;
	line-height: 1.4em;
	color: #187489;
	font-size:18px;
}

.tm-testimonial,
.testimonials-widget{
	padding:4% 2%;
}
.tm-testimonial blockquote,
.testimonials-widget blockquote {
		margin-bottom: 0;
}
.testimonials-widget blockquote p{
		font-size: 18px;
}
.testimonials-widget .ratings{display:none;}

/*header main menu*/

header #menu-main-menu {
	border:1px solid rgba(160,175,177,0.3);
	border-width: 0 0 1px 0 ;
}

#menu-main-menu a {	color: ; 
	border-bottom: 3px solid rgba(200, 200, 200, 0);
}
#menu-main-menu a:hover, #menu-main-menu li.current-menu-item a{
	border-bottom: 3px solid #a0afb1;
	background: none;
}


/*main menu adjustments for small screens*/

@media (max-width: 800px) { 

  header #sitelogo{
		max-height: 100px;
	}
	header .fl-menu{
		position: absolute;
		top:50px;
		right:0;
		background: #FFF;
		border:1px solid #314d59;
		max-width: 200px;
		float:right;
	}
}





footer .menu {background-color: none;}
footer .menu a {	color: #fff;}
footer .menu a:hover, footer .current-menu-item a{border-bottom: none;text-decoration: underline;}
.tm-credits .fl-accordion-button-icon-left, .tm-credits .fl-accordion-button-icon-right {
    opacity: 0;
    }
.tm-credits .fl-accordion-button-label:focus{outline-style: none;}


/*forms and buttons*/
/*re-usable class for consistent buttons*/


.tm-button .fl-button-wrap a,  input[type="submit"]{
	background: #A2216D !important;
	border:none !important;
	padding-left:1em;padding-right: 1em;
}
.tm-button .fl-button-wrap a .fl-button-text, .tm-button .fl-button-icon,  input[type="submit"]{
	color: #FFFFFF !important;
	font-size: 20px;
	border-radius: 5px;
	line-height: 1em;
}
.tm-button .fl-button-wrap a:hover,  input[type="submit"]:hover{
	background: #711346 !important;
}

/*gravity form */

.gform_confirmation_wrapper{
	margin:20px auto;
	padding:20px;
	background: #ffe6aa;
}

/*override gform style that mucks with inline display*/
.gform_wrapper .field_sublabel_hidden_label .ginput_complex.ginput_container input[type=text], .gform_wrapper .field_sublabel_hidden_label .ginput_complex.ginput_container select {margin-bottom: 0 !important;}
.gform_wrapper li.hidden_label input{
	margin-bottom: 0 !important; 
}

.tm-subscribe-form ul.gform_fields input{
	background: #FFF;
	margin-top: 0 !important; /*mid-align with the submit button*/

}

.tm-subscribe-form .gform_wrapper{
	display:flex;
  justify-content:center;
}


.tm-subscribe-form .gform_footer{
	margin-top: 35px;
}

/*portfolio styling*/
.tm-portfolio-item-overlay{
	height:100%;
}

.tm-portfolio-item-overlay:hover{
	background: rgba(255, 255, 255, 0.85);
	background: rgba(49, 77, 90, 0.85);
}

.tm-portfolio-item-overlay .fl-rich-text h2 a  {	
		display:none;	
		padding:150px 0 100px 0;
}
.tm-portfolio-item-overlay:hover .fl-rich-text h2 a {	
	color:#fff;
	text-decoration: underline;		
	display:block;
	padding:150px 0 80px 0;/*prevent jumping-expansion of narrow columns. Tried overflow hidden but it didn't work.*/
	width:100%;
	font-size:18px;
	line-height: 24px;
}

/*carousel used as footer of single posts for navigation between posts*/
.tm-portfolio-carousel .fl-post-carousel-text{
	padding:7px 5px 0 5px;
/* doesn't work, maybe come back to fuss with this to get the title to overlay the image.  margin-top:-10px;
  background: rgba(255, 255, 255, 0.6);*/
}
.tm-portfolio-carousel .fl-post-carousel-title{
	font-size: 14px !important;
	line-height: 20px !important;
	margin:0 auto;
	text-align: center;
}
.tm-portfolio-carousel .fl-photo{
	max-height: 100px;
	overflow: hidden;
}
.tm-portfolio-carousel .fl-photo img{
	margin-top: -17px;
}

.fl-node-5ed2f51c331d7{ /* hide "posted in" */
	display:none;
}



/*
.tm-portfolio-row .fl-col-content .fl-rich-text{opacity:0;}
.tm-portfolio-row .fl-col-content:hover{
	opacity: .5;
}
.tm-portfolio-row .fl-col-content:hover .fl-rich-text{opacity:1;border:1px solid red;}*/



/* testimonials */

.page-id-1708 #content .fl-rich-text{ /*testimonials page*/
		background: #e6e6e2;
		padding: 0 30px;
}

.testimonials-widget blockquote{
	padding:0;
	padding-left:0;
}
/* 
.testimonials-widget .prepend{
	margin-bottom:0;
}
.testimonials-widget .listing{
	padding-top:0;
}*/

.testimonials-widget .image{
	max-width: 150px;
	float:right;
	margin-left: 17px;
}
@media (max-width: 800px) { 
	.testimonials-widget .image{
	margin:0 auto;
		float:none;
	}
}


.testimonials-widget .credit:before{
	content: "–";
}
.testimonials-widget .credit {
	font-size: .9em;
	margin-left:20px;
	text-align: left !important;
}

/*woocommerce extras*/