/****************************************************************** Theme Name: Water Land Life Custom Theme Theme URI: http://www.waterlandlife.org Description: Custom WordPress theme developed for the Western Pennsylvania Conservancy. Author: H2 Author URI: http: //www.h2.com Version: 1.0 License: GNU General Public License & MIT License URI: http: //www.gnu.org/licenses/gpl-2.0.html Tags: Blank, HTML5, CSS3 ******************************************************************/ /* FONTS */ @import url('https://fonts.googleapis.com/css?family=Montserrat:300,300i,400,400i,500,500i,700,700i'); /* 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: 500; } img { -webkit-backface-visibility: hidden; } ol, p, ul { margin-top: 0; margin-bottom: 1.25em; } table { border-collapse: collapse; } td, th { vertical-align: top; } textarea { height: 7em; } /* 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; } } /* ALTERNATE UNORDERED LIST */ 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 20px; } header a[href]#logo img { width: 100%; max-width: 297px; 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; } } /* FOOTER STYLES - TOP */ /* These styles control the appearance of the top portion of the