/* @override https://wpcstaging.wpenginepowered.com/wp-content/themes/WaterLandLife/style.css?* */ /****************************************************************** Theme Name: WaterLandLife Theme URI: http://www.waterlandlife.org Description: ustom WordPress theme developed for Fallingwater. Author: Western Pennsylvania Conservancy Author URI: https://waterlandlife.org Version: 1.7.24 License: GNU General Public License & MIT License URI: http: //www.gnu.org/licenses/gpl-2.0.html Tags: Blank, HTML5, CSS3 ******************************************************************/ html { scroll-behavior: smooth; } .hidden { display: none; } /* FONTS */ @import url('https://fonts.googleapis.com/css?family=Montserrat:300,300i,400,400i,500,500i,700,700i'); a.no-border img { border: 0 none!important; } /* GENERIC BASE STYLES */ * { box-sizing: border-box; color: inherit; font-family: inherit; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; } a[href] { transition: .2s ease-in background, .2s ease-in color, .2s ease-in opacity, .2s ease-in padding; } a[href], a[href] img { border: 0; outline: 0; text-decoration: none; } a[href]:link, a[href]:visited { color: #69923a; } a[href]:hover, a[href]:active { color: #31251b; } body { -webkit-oveflow-scrolling: touch; width: 100%; overflow-x: hidden; margin: 0 auto; padding: 0; background: #fff; color: #716258; font-family: Montserrat,Gotham,sans-serif; } b, strong { font-weight: 600; } img { -webkit-backface-visibility: hidden; } ol, p, ul { margin-top: 0; margin-bottom: 1.25em; } ul.list-simple {list-style: none; padding: 0;} p a, b a, strong a, b strong a, strong b a, p strong b a { /* TRYING TO HIGHLIGHT ALL INLINE LINKS - THIS IS A BIT OF A HACK UNTIL THE PAGES CAN BE REFORMATTED */ font-weight: 700; } table { border-collapse: collapse; } td, th { vertical-align: top; } textarea { height: 7em; } .red { color:#e13838;} /* STRUCTURAL STYLES & WORDPRESS CORE */ .alignnone { margin: 0 0 .5em; } .clear { zoom: 1; } .clear:before, .clear:after, .gallery:after { content: ''; display: block; clear: both; width: 0; height: 0; } .wrapper { width: 80%; max-width: 1280px; margin: 0 auto; } @media screen and (min-width: 1025px) { .tablet, .phone { display: none; } .desktop { display: block; } span.desktop { display: inline; } } @media screen and (max-width: 1024px) { .wrapper { width: 100%; padding: 0 30px; } .desktop, .phone { display: none; } .tablet { display: block; } span.tablet { display: inline; } } @media screen and (max-width: 768px) { .desktop, .tablet { display: none; } .phone { display: block; } span.tablet { display: inline; } } div.alignleft { float: left; margin-right: 30px; } div.alignright { float: right; margin-left: 30px; } @media screen and (max-width: 640px) { div.alignleft { float: none; margin: 0 auto; } div.alignright { float: none; margin: 0 auto; } } .wp-caption-text { margin-bottom: 1rem; font-size: .65em; line-height: 1.4em; } /* FLEX CONTAINERS */ .flex-2 {} .flex-3 { display:flex; flex-direction:row; flex-wrap:wrap; max-width:100%; } .flex-3 div, .flex-3 article { width:calc(100% / 3 - 1rem); } .flex-3 article img { height: auto; width: 100%; } @media screen and (max-width: 768px) { .flex-3 div, .flex-3 article { width:calc(100% / 2 - 1rem); } } @media screen and (max-width: 640px) { .flex-3 div, .flex-3 article { width:calc(100% / 1 - 1rem); } } .flex-4 {} /* ALTERNATE UNORDERED LISTS */ ul.alt-ul { line-height: 90%; margin: 0 0 500px 0 } /* HEADER STYLES */ /* These styles control the appearance of the page
section, which contains the two logo Max Mega Menu drop-downs. Styling for those menu options can be found in the Max Mega Menu theme options and custom styles. */ header a[href]#logo { flex-grow: 0; flex-shrink: 1; padding: 50px 0 10px; } header a[href]#logo img { width: 100%; max-width: 220px; min-width: 200px; height: auto; } header div.wrapper { display: flex; flex-direction: row nowrap; } header nav { flex-grow: 1; flex-shrink: 0; display: flex; flex-direction: column; justify-content: space-between; } @media screen and (max-width: 1024px) { header { display: block; } header a[href]#logo { display: block; margin: 0 auto; padding: 1em 0; } header a[href]#logo img { width: 220px; } header nav { position: absolute; z-index: 9999; width: 100%; width: calc(100% - 60px); top: 0; right: 30px; } } a.breadcrumb { display: block; /*margin-bottom: 1rem;*/ font-size: 1rem; border-bottom: 1px solid #dddddd; } a.breadcrumb i { color: #716258; } /* FOOTER STYLES - TOP */ /* These styles control the appearance of the top portion of the