/*
Theme Name: FLS Twenty Twenty-One
Description: FLS colors and landscape header, built on the maintained WordPress Twenty Twenty-One theme.
Template: twentytwentyone
Version: 1.0.1
License: GNU General Public License v2 or later
Text Domain: fls-twenty-twenty-one
*/
:root { --global--color-background:#eff5e7; --global--color-primary:#25372c; --global--color-secondary:#355b3c; --global--font-size-base:18px; --global--font-size-page-title:34px; --global--spacing-vertical:26px; --responsive--aligndefault-width:1000px; --responsive--alignwide-width:1080px; }
body { background:#eff5e7; color:#25372c; font-family:Arial,Helvetica,sans-serif; font-size:18px; }
.site-header { max-width:1080px; padding:28px 0 0; margin:0 auto 40px; display:block; }
.site-branding { margin:0 0 24px; }
.site-title,.site-title a { font-family:Georgia,serif; font-size:34px; font-weight:400; line-height:1.2; color:#205b25; text-transform:none; }
.site-description { font-family:Georgia,serif; font-size:20px; margin-top:5px; }
.primary-navigation { margin:0; font-family:Arial,Helvetica,sans-serif; font-size:16px; }
.primary-navigation > div > .menu-wrapper { justify-content:flex-start; background:white; }
.primary-navigation > div > .menu-wrapper > li { margin:0; border-right:1px solid #edf0e9; flex:1 1 auto; }
.primary-navigation > div > .menu-wrapper > li > a { padding:18px 13px; }
.primary-navigation .current-menu-item > a { background:#91bfa9; color:#173a27; text-decoration:none; }
.primary-navigation .sub-menu { background:#fff; border:1px solid #dce5d7; }
.fls-landscape { max-width:1080px; margin:0 auto; padding:40px 40px 0; background:#fff; }
.fls-landscape img { display:block; width:100%; height:auto; }
.site-main { max-width:1080px; margin:0 auto; background:#fff; padding:36px 40px 40px; }
.singular .entry-header { border-bottom:0; padding-bottom:0; margin-bottom:25px; }
.entry-title { font-family:Georgia,serif; font-weight:400; color:#205b25; }
.entry-content h2,.entry-content h3 { font-family:Georgia,serif; color:#205b25; }
.entry-content a { color:#206032; text-decoration:underline; }
.entry-content > *, .entry-header, .entry-footer, .comments-area { max-width:100%; }
.site-footer { max-width:1080px; padding:25px 0; margin:0 auto; }
.widget-area { max-width:1080px; }
img,video,iframe { max-width:100%; }
@media(min-width:482px){ .primary-navigation > div > .menu-wrapper {flex-wrap:wrap;} .primary-navigation > div > .menu-wrapper > li > .sub-menu {min-width:240px;} }
@media(max-width:1120px){ .site-header,.site-footer,.widget-area {margin-left:24px;margin-right:24px;} .fls-landscape,.site-main {margin-left:24px;margin-right:24px;} }
@media(max-width:481px){ .site-header {padding-top:24px;margin-bottom:24px;} .site-title,.site-title a {font-size:27px;} .site-description {font-size:17px;} .site-branding {max-width:calc(100% - 45px);} .fls-landscape {padding:18px 18px 0;} .site-main {padding:24px 18px;} .entry-title {font-size:30px;} .primary-navigation > div > .menu-wrapper > li {border:0;} .primary-navigation > div > .menu-wrapper > li > a {padding:12px 0;} }
/* Keep all nine existing menu items aligned at desktop widths. */
.primary-navigation > .primary-menu-container { margin-left:0; margin-right:0; }
.primary-navigation .primary-menu-container > ul > .menu-item > a { font-size:16px; }
@media(min-width:1000px){
 .primary-navigation > div > .menu-wrapper > li {flex:1 1 0; min-width:0; justify-content:center; align-items:center;}
 .primary-navigation > div > .menu-wrapper > li > a {padding:16px 7px; text-align:center;}
 .primary-navigation > div > .menu-wrapper > li > .sub-menu-toggle {width:20px; margin-left:0;}
}
