body { font-family: 'noto_sanscondensed', sans-serif; background: rgb(52,91,71); background: linear-gradient(180deg, rgba(52,91,71,1) 0%, rgba(45,81,63,1) 10%, rgba(24,48,39,1) 90%, rgba(28,54,45,1) 100%); background-size: cover; background-attachment: fixed; } .h1, h1 { font-size: 2.5rem; color: #527C39; margin-bottom: .5rem; font-weight: 500; line-height: 1.2; } .h2, h2 { font-size: 2rem; color: #527C39; } .h3, h3 { font-size: 1.75rem; color: #527c39; margin-bottom: .5rem; font-weight: 500; line-height: 1.2; margin-top: 0; } .h4, h4 { font-size: 1.2rem; font-weight: bold; color: #527C39; text-transform: uppercase; } p { margin-top: 0; margin-bottom: 1rem; color: #344f17; } a { color: #669d48; text-decoration: none; } a:hover, a:focus { color: #527C39; font-weight: bold; } a.active { color: #F2B90F; } .card-body { background-color: #eeeee8; } label { margin-top: 0.5rem; } .gradient-green1 { background: linear-gradient(to right top, #395339, #3c573a, #3f5b3c, #425f3d, #45633e); } .gradient-green2 { background: linear-gradient(to right top, #2c5f45, #25503c, #1e4233, #19342a, #142620); } .gradient-yellow1 { background-image: linear-gradient(to left top, #efeac9, #e3dcb8, #d7cea6, #cbc196, #bfb385); } .content-wrapper { min-height: calc(100vh - 340px); } .bg-green { background-color: #517C39; } .bg-green-dark { background-color: #335012; } .bg-green-ultra-dark { background: linear-gradient(to left top, #102723, #112723, #122724, #122724, #132724); color: #a5b94f; } .bg-green-ultra-dark a { color: #a5b94f; } .green-fluo { color: #a5b94f!important; } .bg-green-light { background-color: #f3f8f1; } .green, a.green { color: #517C39 !important; } .green-dark, a.green-dark { color: #335012; text-decoration: none; } a.green-dark:hover { color: #335012; text-decoration: none; text-shadow: 4px black; } .btn-success { color: #fff; border-color: #527c39; background-color: #527c39; } .btn-success:hover { color: #fff; border-color: #669d48; background-color: #669d48; } .btn-link { color: #527c39; } .btn-green-dark { color: #fff; background-color: #344f17; border: 1px solid #527C39; } .btn-green-dark:hover { color: #335012; background-color: #f1f7ee; } .green-light { color: #F1F7EE; } .bg-yellow { background-color: #f4c234; color: #19342a; } .bg-yellow-light { background-color: #f9e7b4; } .bg-grey { background-color: #AAA; } .yellow { color: #e5c551; } .yellow2 { color: #F2B90F; } .light { color: #F5F5F5; } .megamenu { position: static } .megamenu .dropdown-menu { background: none; border: none; width: 100% } div.megamenu ul.megamenu a, div#megamenu ul.megamenu span.separator { color: #517C39; font-family: 'noto_sanscondensed', "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing: 0.05em; font-weight: normal; } div.megamenu ul.megamenu li.megamenu.level1 { list-style: none; text-align: left; cursor: pointer; } #navbarContent > ul > li:hover, #navbarContent > ul > li.show, #navbarContent > ul > li.active { border-bottom: 3px solid #F2B90F!important; } #navbarContent > ul > li > a { color: #FFF; } #navbarContent > ul > li.show > a, #navbarContent > ul > li:hover > a { color: #F2B90F; } .dropdown-menu a > div.w-100:hover, .dropdown-menu a > div.w-100.active { color: #335012; background-color: #F2B90F; } .slick-prev:before, .slick-next:before { color: #335012!important; } .shadow2 { box-shadow: 0px 10px 21px #344f17; } .filters-width { width: 192px; } .content { position: relative; width: 100%; max-width: 400px; margin: auto; overflow: hidden } .content .content-overlay { background: rgba(0, 0, 0, 0.7); position: absolute; height: 99%; width: 100%; left: 0; top: 0; bottom: 0; right: 0; opacity: 0; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s } .content:hover .content-overlay { opacity: 1 } .content-image { width: 100% } .content-details { position: absolute; text-align: center; padding-left: 1em; padding-right: 1em; width: 100%; top: 50%; left: 50%; opacity: 0; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); } .content:hover .content-details { top: 50%; left: 50%; opacity: 1 } .content-details h3 { color: #fff; font-weight: 500; letter-spacing: 0.15em; margin-bottom: 0.5em; text-transform: uppercase } .content-details p { color: #fff; font-size: 0.8em } @font-face { font-family: 'noto_sanscondensed'; src: url('/fonts/notosans-condensed/notosans-condensed-webfont.eot'); src: url('/fonts/notosans-condensed/notosans-condensed-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/notosans-condensed/notosans-condensed-webfont.woff2') format('woff2'), url('/fonts/notosans-condensed/notosans-condensed-webfont.woff') format('woff'), url('/fonts/notosans-condensed/notosans-condensed-webfont.ttf') format('truetype'), url('/fonts/notosans-condensed/notosans-condensed-webfont.svg#noto_sanscondensed') format('svg'); font-weight: normal; font-style: normal; } @media (min-width: 992px){ .dropdown-menu .dropdown-toggle:after{ border-top: .3em solid transparent; border-right: 0; border-bottom: .3em solid transparent; border-left: .3em solid; } .dropdown-menu .dropdown-menu{ margin-left:0; margin-right: 0; } .dropdown-menu li{ position: relative; } .nav-item .submenu{ display: none; position: absolute; left:100%; top:-7px; } .nav-item .submenu-left{ right:100%; left:auto; } .dropdown-menu > li:hover{ background-color: #f1f1f1 } .dropdown-menu > li:hover > .submenu{ display: block; } }