/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

/* Typographic Scale - use these numbers for fonts, line height, margins,
padding, and any other elements that need sizing

(octave, with 16 and 95)
PX ------- EM
760px, 47.5em
512px, 32em
380px, 23.75em
256px, 16em
190px, 11.875em
128px, 8em
95px, 5.938em
64px, 4em
47.5px, 2.969em
32px, 2em
23.75px, 1.484em
16px, 1em
11.875px, 0.742em
8px, 0.5em
5.938px, 0.371em
4px, 0.25em
2.969px, 0.186em
2px, 0.125em
1.485px, 0.093em

(golden ratio - 16px and 96px)
751.533px, 46.971em
657.939px, 41.121em
464.483px, 29.03em
406.637px, 25.415em
287.072px, 17.942em
251.321px, 15.708em
177.424px, 11.089em
155.328px, 9.708em
109.656px, 6.854em
96px, 6em
67.773px, 4.236em
59.333px, 3.708em
41.887px, 2.618em
36.67px, 2.292em
25.888px, 1.618em
22.664px, 1.416em
16px, 1em
14.007px, 0.875em
9.889px, 0.618em
8.657px, 0.541em
6.112px, 0.382em
5.351px, 0.334em
3.777px, 0.236em

*/

/* Responsive Typography - to adjust typography to size of devices */

html {
	font-size:100%;
	line-height:1;
	/* -ms-text-size-adjust:100%;
	-moz-text-size-adjust:100%;
	-webkit-text-size-adjust:100%; */
}


h1 { font-size: 2.618em } /* 41.887px */
h2 { font-size: 2.292em } /* 36.67px */
h3 { font-size: 1.618em } /* 25.888px */
h4 { font-size: 1.416em } /* 22.664px */

p { font-size: 16px; }

small { font-size: 8px }

body {font-size: 100%;}


/* set default style for all buttons, including regular buttons (.link-btn) */

#mc-embedded-subscribe,
.elementor-button {
	background-color: #8ecc7e !important;
	color: #fff !important;
    	border:2px solid #8ecc7e !important;
}

#mc-embedded-subscribe:hover,
.elementor-button:hover {
	background-color: #fff !important;
    color:#474747 !important;
}

.link-btn {
	background-color: #8ecc7e;
	color: #fff;
    	border:2px solid #8ecc7e;
	padding: 0.618em;
}


.link-btn:hover {
	background-color: #fff;
    color:#474747;
}

/* special style for "Learn More About" button */

.elementor-button .home-btn {
	background-color: pink;
	color: #fff !important;
    border:2px solid #8ecc7e !important;
}

.elementor-button .home-btn:hover {
	background-color: #fff !important;
    color:#474747 !important;
}

/* edit events category display on the wdiget */

.ai1ec-category {
	text-transform: none;
}

.elementor a:hover,
a:hover {
	text-decoration: underline;
}


.inside-article li {
	margin-bottom:1rem;
}



/* disable top bar on mobile */

@media (max-width: 768px) {
    .top-bar {
        display: none;
       }

	/* disable links in footer */
	.footer-widget-3 {
		display:none;
	}
	/* center align all widgets in footer */
	[class^="footer-widget-"] {
		text-align:center;
	}
}



/*

SIDEBAR

*/



#site-navigation {
	border-bottom:solid 4px #6b6f6f;
}


/* style all widget borders */

.sidebar-style,
.elementor-widget-wp-widget-nav_menu,
.elementor-widget-container aside,
#right-sidebar .widget {
	border-top:solid 3px #c7cbca;
}

.sidebar-style,
.elementor-widget-wp-widget-nav_menu,
.elementor-widget-container aside,
.elementor-widget-html {
	/* ALT Blue #71bacb */
	/* background-color:rgba(142, 204, 126, 0.15);  */
	/* ALT Green  #8ecc7e */
	background-color:rgba(142, 204, 126, 0.05);
	padding:30px;
	list-style-type: none;
}

[id^="blog-sidebar"] li {
	margin-bottom:1rem;
}

/* style titles of Elementor widgets */ 

.elementor-widget-container h5,
.elementor-widget-wp-widget-nav_menu h5,
.sidebar-style h5 {
	margin-bottom: 30px;
    font-size: 20px;
    line-height: 1.5;
    font-weight: 400;
    text-transform: none;
    text-decoration: none;
}


/* remove dropdown arrow from navigation */
@media (min-width: 965px) {
	.menu-item-has-children .dropdown-menu-toggle {
		display: none;
	}
}

.main-navigation .main-nav ul li.menu-item-has-children > a
{
    padding-right: 23px;

}

/* edit Elementor widgets */

.elementor-widget-wp-widget-nav_menu ul {
	list-style-type: none;
	margin:0;
}


/* @media (min-width:769px){
	.elementor-widget-container aside {
		background-color:pink;
		float:left;
		width:33%;
		height:auto;
		margin-right:15px;
	}
} */


/*

PLAY EDITS

*/


.events-home {
	margin: auto;
}

@media (max-width:768px) {
  .elementor .elementor-row {
  flex-direction: column;
 }
 .elementor .elementor-column {
   width: 100%;
 }
}

@media(max-width:1025px) {
	.ai1ec-agenda-widget-view {
		width: 100%;
		max-width: none;
	}
}



/*


SUBNAVIGATION STYLES


 */


#nav_menu-13,
#nav_menu-14,
#nav_menu-15,
.wbfm-home-subnav,
#nav_menu-16 {
	background-color:#f1f1f1;
	border:solid #71bacb 2px;
	padding:0px;
	margin:10px;
}




#nav_menu-13 ul,
#nav_menu-14 ul,
#nav_menu-15 ul,
.wbfm-home-subnav ul,
#nav_menu-16 ul {
	list-style:none;
}



#nav_menu-13 .menu,
#nav_menu-14 .menu,
#nav_menu-15 .menu,
.wbfm-home-subnav .menu,
#nav_menu-16 .menu {
	padding:0;
	margin:0;
}


#nav_menu-13 li,
#nav_menu-14 li,
#nav_menu-15 li,
.wbfm-home-subnav li,
#nav_menu-16 li {
	background-color:#f1f1f1;
	border-bottom:1px solid #71bacb;
}

/* #menu-wbfm-abbreviated-subnavigation li {
	margin-bottom:0px;
} */


#nav_menu-13 li a,
#nav_menu-14 li a,
#nav_menu-15 li a,
.wbfm-home-subnav li a,
#nav_menu-16 li a {
	color:#474747;
	display:block;
	padding:10px;
}


#nav_menu-13 li a:hover,
#nav_menu-14 li a:hover,
#nav_menu-15 li a:hover,
.wbfm-home-subnav li a:hover,
#nav_menu-16 li a:hover {
	color:#f1f1f1;
	background-color: #474747;

}


#nav_menu-13 ul > li:last-child,
#nav_menu-14 ul > li:last-child,
#nav_menu-15 ul > li:last-child,
.wbfm-home-subnav ul > li:last-child,
#nav_menu-16 ul > li:last-child  {
	border-bottom:none;
}

#nav_menu-13 .widget-title,
#nav_menu-14 .widget-title,
#nav_menu-15 .widget-title,
.wbfm-home-subnav h5,
#nav_menu-16 .widget-title {
	text-align:center;
	padding:20px;
	margin:0;
	background-color:#71bacb;
}

/* style standard subnavigation in Before Content Area */
.bcs-widget {
	background-color:#f1f1f1;
	border:solid #474747 2px;
	padding:0px;
	margin:10px;
}

#bcs-sidebar {
	/* text-align: center; */
	padding: 5px;
	margin-bottom:0px !important;
}

.bcs-widget ul {
	list-style:none;
}

.bcs-widget .menu {
	padding:0;
	margin:0;
}

/* .bcs-widget div {
	display: none;
} */


.bcs-widget .subnav-up-arrow,
.bcs-widget .subnav-down-arrow {
	display: inline-block;
	margin-left: 10px;
}

.bcs-widget li {
	background-color:#f1f1f1;
	border-bottom:1px solid #71bacb;
}

/* #menu-wbfm-abbreviated-subnavigation li {
	margin-bottom:0px;
} */

.bcs-widget li a {
	color:#474747;
	display:block;
	padding:15px;
}

.bcs-widget li a:hover {
	color:#f1f1f1;
	background-color: #474747;
}

.bcs-widget ul > li:last-child {
	border-bottom:none;
}

.bcs-widget .bcs-title {
	text-align:center;
	padding:20px 10px;
	margin:0;
	background-color:rgba(113, 186, 203, 0.38);
	font-weight: bold;
	font-style:italic;
}

.bcs-title span {
	font-style: normal;
}

.bcs-widget ul li a {
	padding: 15px 10px;
}

.bcs-widget ul li a {
	color: #474747;
	text-decoration:none;
}

.bcs-widget ul li a:hover {
	color: #f1f1f1;
	background:  #474747 ;
	text-decoration: none;
}


/* display WBFM subnavigation horizontally */

.wbfm-subnav ul {
	margin: 0;
	padding-bottom: 17px;
	list-style-type: none;
	list-style-image: none;
}

.wbfm-subnav ul li a {
	text-decoration:underline;
	padding: 5px;
	font-weight: bold;
}

.wbfm-subnav ul li a:hover {
	color: #f1f1f1;
	background:  #474747 ;
	text-decoration: none;
}

@media (min-width:769px) {
	.bcs-widget {
		border:solid #71bacb 2px;
		padding:0px;
		margin-bottom:15px;
	}


	.bcs-widget .menu {
		padding:20px;
		margin:0;
		text-align: center;
	}

	.bcs-widget li {
		background-color:#f1f1f1;
		border-bottom:none;
		font-size: .9em;
	}

	.bcs-widget li a {
		color:#474747;
		display:block;
		padding:10px;
	}

	.bcs-widget li {
		border-right:1px solid black;
		margin-bottom:6px;
	}


	.bcs-widget li a:hover {
		color:#f1f1f1;
		background-color: #474747;
	}

	.bcs-widget ul > li:last-child  {
		border-right:none;

	}

	.bcs-widget .bcs-title {
		text-align:center;
		padding:20px;
		margin:0;
		font-weight: bold;
		font-size: 1.1em;
	}


	.bcs-widget:after,
	.bcs-widget div:after {
		content: "";
		display: block;
		clear: both;
		width:100%;
	}

	.bcs-widget div {
		display: block;
	}


	.bcs-widget li,
	.bcs-widget .sub-menu li  {
		/* float: left; */
	}


	.bcs-widget li {
		display: inline-block;
	}

	.bcs-widget ul li a {
		padding: 5px 20px;
		color: #E38644;
		font-weight: bold;
	}

	.bcs-widget ul li a {
		color:#474747;
	}

	.bcs-widget ul li a:hover {
		color: #f1f1f1;
		background:  #474747 ;
	 	text-decoration: underline;
	}



	#nav_menu-13,
	#nav_menu-14,
	#nav_menu-15,
	.wbfm-home-subnav,
	#nav_menu-16 {
		background-color:#f1f1f1;
		border:solid #71bacb 2px;
		padding:0px;
		margin-bottom:15px;
	}

	#nav_menu-13 ul,
	#nav_menu-14 ul,
	#nav_menu-15 ul,
	.wbfm-home-subnav ul,
	#nav_menu-16 ul {
		list-style:none;
	}

	#nav_menu-13 .menu,
	#nav_menu-14 .menu,
	#nav_menu-15 .menu,
	.wbfm-home-subnav .menu,
	#nav_menu-16 .menu {
		padding:0;
		margin:0;
	}

	#nav_menu-13 li,
	#nav_menu-14 li,
	#nav_menu-15 li,
	.wbfm-home-subnav li,
	#nav_menu-16 li {
		background-color:#f1f1f1;
	}

	#nav_menu-13 li,
	#nav_menu-14 li,
	#nav_menu-15 li,
	.wbfm-home-subnav li,
	#nav_menu-16 li {
		border-bottom:solid #71bacb 1px;
	}

	#menu-wbfm-abbreviated-subnavigation li {
		margin-bottom:0px;
	}

	#nav_menu-13 li a,
	#nav_menu-14 li a,
	#nav_menu-15 li a,
	.wbfm-home-subnav li a,
	#nav_menu-16 li a {
		color:#474747;
		display:block;
		padding:10px;
	}

	#nav_menu-13 li a:hover,
	#nav_menu-14 li a:hover,
	#nav_menu-15 li a:hover,
	.wbfm-home-subnav li a:hover,
	#nav_menu-16 li a:hover {
		color:#f1f1f1;
		background-color: #474747;

	}

	#nav_menu-13 ul > li:last-child,
	#nav_menu-14 ul > li:last-child,
	#nav_menu-15 ul > li:last-child,
	.wbfm-home-subnav ul > li:last-child,
	#nav_menu-16 ul > li:last-child  {
		border-bottom:none;
	}

	#nav_menu-13 .widget-title,
	#nav_menu-14 .widget-title,
	#nav_menu-15 .widget-title,
	.wbfm-home-subnav h5,
	#nav_menu-16 .widget-title {
		text-align:center;
		padding:20px;
		margin:0;
		background-color:#71bacb;
	}

}


/* code to set navigation as header and set logo outside of navigation header
-- to match the needed design. Read More: https://docs.generatepress.com/article/navigation-logo/ */

.site-header {
    display: none;
}

.main-navigation .site-logo.navigation-logo img {
    height: auto;
    width: 300px;
}

/* @media (max-width: 768px) {
    .main-navigation .main-nav ul li a {
        text-align: center;
    }
} */


/* change breakpoint for mobile menu */


@media (max-width: 1090px) {

	.main-navigation a {
		font-size: 0.875em;
	}

}

@media (max-width: 965px) {
	.main-navigation .menu-toggle,
	.main-navigation .mobile-bar-items,
	.sidebar-nav-mobile:not(#sticky-placeholder) {
		display: block;
	}

	.main-navigation ul,
	.gen-sidebar-nav {
		display: none;
	}

	[class*="nav-float-"] .site-header .inside-header > * {
		float: none;
		clear: both;
	}
}


/*  center menu icon on tablet/mobile view */

.nav-search-enabled .main-navigation .menu-toggle {
	text-align:center;
}


/* remove list styling (remove the bullets) for recent posts on the home page */
#rpwwt-wp-widget-recent-posts-widget-with-thumbnails>ul {
	margin:0px;
	list-style-type: none;
}


/*



@media (max-width: 1048px) {
	.main-navigation .menu-toggle,
	.main-navigation .mobile-bar-items,
	.sidebar-nav-mobile:not(#sticky-placeholder) {
		display: inline-block;
	}
 */


	/*
.mobile-header-navigation .mobile-bar-items,
.mobile-header-navigation .menu-toggle {
    float: none !important;
    display: inline-block;
}
 */

/*
.mobile-header-navigation {
    text-align: right;
}

	.main-navigation ul,
	.gen-sidebar-nav {
		display: none;
	}

	[class*="nav-float-"] .site-header .inside-header > * {
		float: none;
		clear: both;
	}

}
 */

/* open menu to right on click */

/*
.dropdown-click .main-navigation ul ul ul,
.dropdown-click .secondary-navigation ul ul ul {
    left: 100%;
    top: 0;
    position: absolute;
}

.dropdown-click .main-navigation ul ul .dropdown-menu-toggle:before,
.dropdown-click .secondary-navigation ul ul .dropdown-menu-toggle:before,
.dropdown-click .main-navigation ul ul .menu-item-has-children.sfHover>a .dropdown-menu-toggle:before {
    content: "\f105";
}
 */


/* add CTA design to last element on navigation */
#primary-menu > ul > li:nth-last-child(2) {
     background-color: #8ecc7e;
}

#primary-menu > ul > li:nth-last-child(2) a {
     color: #f1f1f1;
}

#primary-menu > ul > li:nth-last-child(2) a:hover {
     color: black;
     background-color: #8ecc7e;
}

/* color last navigation item in slideout mobile menu */

ul.slideout-menu > li:last-child {
     background-color: #E38644;
}

ul.slideout-menu > li:last-child a {
     color: #f1f1f1;
}

ul.slideout-menu > li:last-child a:hover {
     color: #474747;
     background-color: #8ecc7e;
}

/* edit size of social icons */



/* add border color to footer */

.site-footer {
     border-top: solid #8ecc7e 5px;
}

/* eliminate space between nav and header */

.separate-containers .page-header-image {
    margin-top: 0;
}


/*fix page title to bottom of page header area */




/* give background to page header to make it legible */

.inside-page-hero h1 {
	background-color: #f1f1f1;
	padding:10px;
	border:2px solid #8ecc7e;
	font-weight:600;
	display: inline-block;
	font-size:1.618em;
}

/* More Than a Land Trust area */
.inside-footer-widgets .footer-widget-2 {
	padding:0px;
}

/* style footer widgets */

.footer-widget-3 a {
	font-size: 1em;
}

@media (min-width:1025px) {
	.footer-widget-3,
	.footer-widget-4 {
		width:50%;
		float:left;
	}
}


.footer-name {
	font-size: 1.5em;
}

/* have footer contact links float left */

/* clear the parent div so that it
doesn't shrink due to the floated footer contact links */

.footer-widget-4 {
	content: "";
}

@media (min-width:769px) and (max-width:1025px) {
	/* .footer-widget-2 {
		border-top:2px solid #fff;
	} */
}

@media (max-width:1025px) {
	[class^="footer-widget-"] {
		width:100%;
	}
}

ul.footer-contact-links {
	margin-left:100px;
}

/* get social links on one line */
.facebook, .instagram, .twitter {
	width:2.6em;
	height:2.6em;
	margin-right:5px;
}

.footer-social-links li {
	float:left;
	margin-right:5px;
}

.footer-social-links {
	display: inline-block;
	width:auto;
}

.footer-contact {
	width: auto;
}


@media (min-width:1025px) and (max-width:1150px) {
	.facebook, .instagram, .twitter {
		width:2em;
		height:2em;
		margin-right:5px;
	}

}





/* fix padding to allow widgets to be full width of page */

[class^="footer-widget-"] {
	padding:40px;
}



@media (min-width: 1025px) {

	/* make 1st footer widget - the search area - span full width of the footer */
	.inside-footer-widgets .footer-widget-1 {
		width: 100%;
		border-bottom:solid white 1px;
	}


	/* style the search footer widget to make the text the leftmost 45% and the search bar the rightmost 55% */

	.inside-footer-widgets .footer-widget-1 .search-footer {
		width:40%;
		float:left;
	}

	#search-8 {
		width:55%;
		float:right;
		display:block;
	}

	/* styling to separate footer widgets 2,3, and 4 from the full width widget 1 */
	.footer-widget-2, .footer-widget-3, .footer-widget-4 {
	}

	.inside-footer-widgets .footer-widget-2 {
		width:50%;
		text-align: center;
		background-color: #fff;
		border-right:solid white 1px;

	}

	div#footer-widgets.site.footer-widgets{
		padding-bottom:0px;
	}
} /* end of media query for desktop */



/* footer css edits for larger than mobile */

@media (min-width:769px){
	[class^="footer-widget-"] {
		text-align: left;
	}
}

@media (min-width:769px) and (max-width:1024px) {
	.footer-widget-3 ul li {
		float:left;
		padding:0px 17px;
		border-right:2px solid #c7cbca;
	}

	.footer-widget-3 ul li:last-child {
		border:none;
	}
}

@media (min-width:1400px){
	.footer-widget-3 ul li {
		float:left;
		padding:0px 17px;
		border-right:2px solid #c7cbca;
	}

	.footer-widget-3 ul li:last-child {
		border:none;
	}
}



/******

meet our team -
staff member single pages

*******/

/* add padding for readability */
.staff-member-heading,
.staff-member-details {
	padding: 10px;
}

/* make Email button inline-block to add margin - to add space between it
and the following paragraph */
.staff-member-single-contact {
	display: inline-block;
	margin-bottom:2.292em;
	font-size: 0.875em;
	padding: 0.054em;
}


/* add delimiter between biography paragraph and the "Go Back" link to the
main staff page */
.staff-member-single-bio {
	padding-bottom:2.292em;
	border-bottom: 1px solid black;
}

/* change display on desktop screens, to make image on left,
and all information on right */

@media (min-width:769px) {
	.staff-member-heading {
		float:left;
		width:25%;
	}
	.staff-member-details {
		overflow: hidden;
	}
}

/*overrides bottom margin for p elements from the WP theme */

div .staff-member-heading {
	margin-bottom:0px !important;
}



/* .staff-member-heading img {
	 float:left;
	 padding:0px 20px 20px 0px;
} */



/* .staff-member-heading p {
display:inline-block;

} */



.staff-member-single-job-title {
	font-style:italic;
}


/* staff member page */

.staff-section {
	overflow-wrap: break-word;
	padding-bottom:3.708em;
	border-bottom: 0.012em solid black;

}

.staff-member-title {
	margin-bottom:0px;
}
/* center picture, name, and title in post */

.staff-member-post {
	margin:0 10px 10px 10px;
	box-sizing: border-box;
	border: thin solid #EEE;
	padding:.5em;
	/* background-color: #CEF; */
}

/* have each staff category take a new line
AND keep its floating elements inside the container div */
.staff-member-heading:after,
.staff-section::after {
content: "";
  display: block;
  clear: both;
width:100%;
}


@media (min-width:769px){
	.staff-member-post {
	    float:left;
	    width:20%;
		height:350px;
		margin:0 30px 10px 10px;
		box-sizing: border-box;
		border: thin solid #EEE;
		/* background-color: #CEF; */
	}
}

@media (min-width:1069px){
	.staff-member-post {
	    float:left;
	    width:20%;
		height:407px;
		margin:0 30px 10px 10px;
		box-sizing: border-box;
		border: thin solid #EEE;
		/* background-color: #CEF; */
	}
}

/* clear fix individual staff posts on the Staff Member page to have all
its child elements stay inside the parent post */
.group:after {
  content: "";
  display: table;
  clear: both;
}

p.staff-member-name {
font-size:1em;
margin-bottom:.5em;
}


.staff-member-job-title {
	font-size:.9em;
	font-style:italic;

}

.staff-member-home{
	display: block;
}

.staff-member-email {
	font-size: 0.875em;

}

/********** blog
*******/

/* remove space between navigation menu and blog post's featured image */
.separate-containers .page-header-content {
	margin-top:0px;
}

/* hide page title for blog categories */
/* .category h1.page-title {
    display: none;
} */


/* enable a Simple Mega Menu
https://docs.generatepress.com/article/building-simple-mega-menu/
*/

@media (min-width: 769px) {
    nav .main-nav .mega-menu {
        position: static;
    }

    nav .main-nav .mega-menu > ul {
        position: absolute;
        width: 100%;
        left: 0 !important;
    }

    nav .main-nav .mega-menu > ul > li > a {
        font-weight: bold;
    }

    nav .main-nav .mega-menu>ul>li {
        display: inline-block;
        width: 25%;
        vertical-align: top;
    }

    nav .main-nav .mega-menu.mega-menu-col-2>ul>li {
        width: 50%;
    }

    nav .main-nav .mega-menu.mega-menu-col-3>ul>li {
        width: 33.3333%;
    }

    nav .main-nav .mega-menu.mega-menu-col-5>ul>li {
        width: 20%;
    }

    nav .main-nav .mega-menu > ul > li:hover > a,
    nav .main-nav .mega-menu > ul > li:focus > a,
    nav .main-nav .mega-menu > ul > li[class*="current-"] > a,
    nav .main-nav .mega-menu ul ul {
        background-color: transparent !important;
        color: white;
	   text-decoration: underline;
    }

    nav .main-nav .mega-menu ul .sub-menu {
        position: static;
        display: block;
        opacity: 1;
        visibility: visible;
        width: 100%;
        box-shadow: 0 0 0;
        left: 0;
        height: auto;
    }

    nav .main-nav .mega-menu ul.toggled-on .sub-menu {
        pointer-events: auto;
    }

    nav .main-nav .mega-menu .sub-menu .menu-item-has-children .dropdown-menu-toggle {
        display: none;
    }
}