body { font-family: Verdana, arial, sans-serif; margin: 0; padding-top: 0; font-size: 17px; background: rgba(245, 206, 223, 0.25);  }

a { color: #000; text-decoration: none; border-bottom: 0px solid #666; padding-bottom: 2px;}
a:hover { border-bottom: 0px solid #f5cedf; }

h1, h2 { text-align: left; font-size: 20px; font-weight: bold; color: #000; margin: 60px 0 20px; line-height: 1.5;  }
h1 span, h2 span { border-radius: 15px; padding: 10px 20px; background: rgba(255, 230,132, 0.8); display: inline-block; } /* Beach  #FFE684; */
/*h1::after, h2::after {content: ""; display: block; clear: both; }*/
.title-menu{ margin-left: 31px; color: #444444}

h3 { padding-top: 15px; padding-bottom: 10px; margin: 0 0 0 20px; text-align: left; font-size: 17px; font-weight: bold;  }
p { margin: 0; padding: 0 20px; line-height: 1.75; }
img { vertical-align: top; }

ul, ol { list-style-type: none; }
li { line-height: 1.5; margin-bottom: 5px; margin-left: 10px;}
ul li::before, ol li::before {content: "\f192"; font-family: "Font Awesome 5 Pro"; font-weight: 900; font-size: 12px; color: #c0e3af;
    display: inline-block; vertical-align: top; margin-top: 4px; position: absolute; margin-left: -20px; }

hr { border: none; border-bottom: 1px solid #c0c0c0; }
main { margin: 160px auto; max-width: 1100px;  position: relative; min-height: 2000px;  }

/*colors */
.green.old { background: #8fb65c; } /* 143, 182, 92 */
.pink { background: #f5cedf; } /* 245, 206, 223 */
.light-pink { background: #fae7ef; }

.green-02 { background: #4C9A2A; }
.light-green { background: #ebefe1; }
.darkgreen { color: #01881c; } /* 1, 136, 28*/
.logo.logo-mobile { display: none; }

.auto-frame { max-width: 1100px; margin: auto; position: relative; }
.clear { clear: both; }
.inline { vertical-align: top; display: inline-block }

.logo img { width: 250px; position: absolute; left: -310px; margin-top: -35px; }
.logo-desktop-hidden { display: none; }
.updated {  font-size: 14px;  width: 1100px; margin: 0px auto 0;  position: relative;}
.updated span { position: absolute; width: 200px; display: inline-block; right: 20px; margin-top: -10px; }

.background { z-index: 0; position: absolute; width: 100%; overflow: hidden; height: 2400px; bottom: 0; top: 0; }
.bg-left { position: absolute; left: -1100px; top: 200px; height: 1000px; width: 1000px; border-radius: 1000px; border: 200px solid #fae7ef; }
.bg-right { position: absolute; top: -900px; right: -980px; height: 1000px; width: 1000px; border-radius: 1000px; border: 200px solid #C0e3af; }
.bg-right-lower { right: -1050px; top: 1000px;  }

.nav-bg-fullsize {  position: fixed; height: 140px; width: 100%; margin: 0; top: 0; z-index: -1;  background: #fae7ef; }
nav { position: fixed; margin: 0; width: 100%; top: 0; z-index: 10;}
.nav-container { width: 1130px; margin: auto; position: relative; background: #fae7ef; height: 178px; padding-top: 52px; margin-top: -90px }
.nav-container div { display: inline-block; }

.nav-container div a { text-decoration: none; text-transform: uppercase; font-size: 20px; color: #444; font-weight: bold; letter-spacing: 1px; padding: 8px 5px;
    border-bottom: 8px solid #c0e3af;  margin: 0 20px; }
.nav-container div a:hover, .nav-container div .active { text-decoration: none; color: #000; border-bottom: 8px solid #01881c; }
.nav-container div a::before {content: "\f192"; font-family: "Font Awesome 5 Pro"; font-weight: 900; font-size: 16px; color: #c0e3af; margin-left: -35px; position: absolute;
    margin-top: 2px;}
.nav-container div a.hide-bullet::before { display: none; }

.nav-container div .dropdown-content {display: none; background: #fae7ef; padding-top: 15px; padding-bottom: 10px; position: absolute; }
.nav-container div .dropdown-content a {color: #000; padding: 8px; font-size: 17px; text-decoration: none; display: block; text-align: left;  }
.dropdown-menu-01 .dropdown-content { display: none; }
.dropdown-menu-01:hover .dropdown-content {display: block; opacity: 1; }

/*editing menu*/
.mymenu {top: 0; height: 100px; position: fixed; width: 100%; z-index: 2;}
.left {position: absolute; left: 0px;}
.right {position: absolute;right: 0px;}
.menuContainer {margin-top: 5px;}
.dropdown-archive {display: inline-block; cursor: pointer;}
.dropdown-content-archive {margin-top: -1px; padding: 10px; border: 1px solid #c0c0c0; position: absolute; display: none; background-color: #FFFFFF; box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); z-index: 3; font-family: Verdana, Arial, sans-serif;font-size: 12px;}
.dropdown-content-archive form { border-bottom: 1px solid #c0c0c0; padding: 3px 0px; transition: 0.5s background;}
.dropdown-content-archive form:hover { background-color: #F0F0F0;}
.dropdown-archive:hover .dropdown-content-archive { display: block;}
.dropdown-archive {display: inline-block; cursor: pointer;}

footer { background: #FFE684;  padding: 30px; margin-top: 40px; color: #000; z-index: 100; position: relative; line-height: 1.75; font-weight: bold;}
footer a { color: #000; text-decoration: none; border-bottom: 1px solid #000; }
footer .copyright { vertical-align: middle; margin-left: 300px; }

.link { color: #000; text-decoration: none; border-bottom: 0px solid #666; padding-bottom: 2px;}
.link:hover { border-bottom: 0px solid #f5cedf; }

.player { max-width: 500px; }
.video-player{ max-width: 500px; margin-top: 20px; margin-bottom: 20px;}