@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');

:root {
    --transparent: rgba(0,0,0,0);
    /*--theme1: rgb(0, 145, 63);*/
    --theme1: rgb(0, 135, 57);
    --theme1darker: rgb(0, 117, 50);
    --theme1darkest: rgb(0, 105, 44);
    --theme2: rgb(217, 37, 28);
    --theme2darker: rgb(193, 33, 25);
    --theme2darkest: rgb(169, 29, 22);
    --theme3: rgb(0, 145, 219);
    --theme3darker: rgb(0, 130, 197);
    --theme3darkest: rgb(0, 116, 176);
}

.btn.btn-theme1 { color: #fff; background-color: rgb(0, 135, 57); border-color: rgb(0, 135, 57); }
.btn.btn-theme1:hover { color: #fff; background-color: rgb(0, 117, 50); border-color: rgb(0, 117, 50); }
.btn.btn-theme1:focus { color: #fff; background-color: rgb(0, 117, 50); border-color: rgb(0, 117, 50); box-shadow: 0 0 0 0.2rem rgba(0, 145, 63, .5) }
.btn.btn-outline-theme1 { color: rgb(0, 135, 57); border-color: rgb(0, 135, 57);}
.btn.btn-outline-theme1:hover { color: #FFFFFF; border-color: rgb(0, 135, 57); background-color: rgb(0, 135, 57); }
.btn.btn-outline-theme1:focus { color: rgb(0, 135, 57); border-color: rgb(0, 135, 57); box-shadow: 0 0 0 0.2rem rgba(0, 145, 63, .5)}

.btn.btn-theme2 { color: #fff; background-color: rgb(193, 33, 25); border-color: rgb(193, 33, 25); }
.btn.btn-theme2:hover { color: #fff; background-color: rgb(169, 29, 22); border-color: rgb(169, 29, 22); }
.btn.btn-theme2:focus { color: #fff; background-color: rgb(169, 29, 22); border-color: rgb(169, 29, 22); box-shadow: 0 0 0 0.2rem rgba(169, 29, 22, .5) }

.btn.btn-theme3 { color: #fff; background-color: rgb(0, 130, 197); border-color: rgb(0, 130, 197); }
.btn.btn-theme3:hover { color: #fff; background-color: rgb(0, 116, 176); border-color: rgb(0, 116, 176); }
.btn.btn-theme3:focus { color: #fff; background-color: rgb(0, 116, 176); border-color: rgb(0, 116, 176); box-shadow: 0 0 0 0.2rem rgba(0, 116, 176, .5) }

.bg-theme1 {background-color: rgb(0, 135, 57) !important;}
.text-theme1 {color: rgb(0, 135, 57);}

.btn-link {color: rgb(0, 135, 57); }
.btn-link:hover {color: rgb(0, 105, 44); }

:focus {outline: 2px solid #000000; z-index: 1;}
#footer :focus, #footer2 :focus {outline-color: #FFFFFF;}

h2 {font-size: 1.75rem;}
h3 {font-size: 1.5rem;}
h4 {font-size: 1.4rem;}

html {font-size: 16px;}
body {font-family: "Lato", sans-serif;}
a {color: rgb(0, 105, 44)}
a:hover {color: rgb(0, 117, 50)}
#scrolltop {display: flex; position: fixed; right: 1rem; bottom: 1rem; border: 2px solid rgb(0, 135, 57); height: 3rem; width: 3rem; justify-content: center; align-items: center; color: rgb(0, 145, 219); border-radius: 50%; background-color: rgba(255,255,255,.8); cursor: pointer; font-size:1.5rem; z-index: 1; }
.hover-outline-1:hover {outline: 2px solid rgb(0, 135, 57);}
.hover-outline-white:hover {outline: 2px solid #FFFFFF;}
.hover-outline-black:hover {outline: 2px solid #000000;}
.hidden {display: none !important;}

#loader {position: fixed; left:0; right:0;top:0;bottom:0; background-color:#FFFFFF;display:flex;align-items:center; justify-content: center; z-index: 999999999;}
#loader i {color: rgb(0, 135, 57); font-size: 2rem;}

h1 { margin-bottom: 1rem;}

#header1 { font-size: .8rem; padding: .5rem 0; background-color: #e9ecef; }

#header2 { padding: 1rem 0; }
#header2 .container > .row > * { align-self: stretch; align-items: center; display: flex; }
#header2 .container > .row .buttons .row { align-items: stretch; display: flex; flex: 1; }
#header2 .container > .row .buttons .row > * { align-self: stretch; align-items: center; display: flex; }
#header2 .container > .row .buttons [role="button"] { align-self: stretch; align-items: center; display:flex; border-left: 1px solid #e9ecef; color: #6c757d; text-decoration: none; position: relative; flex: 1; justify-content: center; padding: 0; text-align: center; }
#header2 .container > .row .buttons [role="button"]:hover {background-color: rgba(0,0,0,0.05); z-index: 1;}
#header2 .container > .row .buttons .row > *:last-child a {border-right: 1px solid #e9ecef; }
#header2 .font-size-addon {position: relative; }
#header2 .font-size-addon .font-size-addon-sign {position: absolute; }
#header2 .font-size-addon.font-size-addon-small {font-size: .75rem; left: -.25rem;}
#header2 .font-size-addon.font-size-addon-small .font-size-addon-sign {font-size: .6rem; margin-left: -.175rem; margin-top: .3rem;}
#header2 .font-size-addon.font-size-addon-medium {;}
#header2 .font-size-addon.font-size-addon-big {font-size: 1.2rem; left: -.25rem;}
#header2 .font-size-addon.font-size-addon-big .font-size-addon-sign {font-size: .6rem; margin-left: -.25rem; margin-top: .6rem;}
#header2 .bip-logo {max-height: 20px;}

#navigation {padding: 0 1rem; }
#navigation .nav-item {flex:1 1 auto!important;}
#navigation .nav-item.active .nav-link {background-color: rgb(0, 105, 44)}
#navigation .nav-link {font-weight: 600; font-size: 1.25rem; color: #FFFFFF; flex:1 1 auto!important; text-align: center; padding: 1rem .5rem; }
#navigation .nav-link:hover {background-color: rgb(0, 117, 50); }

#breadcrumb {background-color: #e9ecef; }
#breadcrumb ol.breadcrumb {margin: 0; padding: .75rem .5rem;  }
#breadcrumb ol.breadcrumb > li > i {position: relative; top: 4px;}
#breadcrumb ol.breadcrumb > li.active {font-weight: 700; color: #343A40;}
#breadcrumb ol.breadcrumb a {color: rgb(0, 105, 44);}

#slider {background-color: #F8F9FA; padding: 1rem 0; }
#slider .carousel-caption {left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,.75);}
#slider .carousel-indicators {margin-bottom: 0; bottom: .5rem;}

#main {padding: 1rem 0;}
#sidenav .widget {margin-bottom: 2rem;}
#sidenav .menu {padding:0 0; background-color: #FFFFFF;background-clip: border-box;border: 1px solid rgb(0, 135, 57);border-radius: .25rem; list-style: none; margin: 0;}
#sidenav .menu ul {margin: 0; padding: 0 0 0 1rem; border-bottom: 1px solid rgba(0,0,0,0); transition: all 400ms ease;}
#sidenav .menu li {list-style:none; padding:0; margin:0;}
#sidenav .menu li a {border-radius: 0; color: #6C757D; display: block; padding: .5rem 1rem; position: relative; border: 1px solid rgba(0,0,0,0); border-width: 1px 0 0 0; transition: border-top 400ms ease; }
#sidenav .menu li a:hover, #sidenav .menu li a:focus, #sidenav .menu li a[aria-expanded="true"] {background-color: #F8F9FA; text-decoration: none; color: rgb(0, 105, 44); }
#sidenav .menu li a[aria-expanded="true"] {border-top: 1px solid rgb(0, 135, 57);}
#sidenav .menu li a[aria-expanded="true"] + ul { border-bottom: 1px solid rgb(0, 135, 57); background-color: #F8F9FA;  }
#sidenav .menu > li:last-child a[aria-expanded="true"] + ul { border-bottom: 0 none; border-radius: 0 0 .25rem .25rem;  }
#sidenav .menu li a.submenu .caret {position: absolute; right: 1rem; top: .75rem; transition: transform 400ms ease; }
#sidenav .menu li a.submenu:not([aria-expanded="true"]) .caret {transform: rotate(90deg);}
#sidenav .menu li a.active, #sidenav .menu ul.show a.active {background-color: rgb(0, 135, 57); color: #FFFFFF; }
#sidenav .menu ul.show a {color: rgb(0, 105, 44);}
#sidenav .menu ul.show a:not(.active):hover {background-color: #f2f0f1;}
#sidenav .menu > li:first-child a {border-radius: .25rem .25rem 0 0;}
#sidenav .menu > li:last-child > a:last-child {border-radius: 0 0 .25rem .25rem;}


#sidenav ul.menu-cards { padding: 0; list-style: none; margin: 0;}
#sidenav ul.menu-cards li { padding: 0; list-style: none; margin: 0 0 .5rem 0;}
#sidenav ul.menu-cards li:last-child {margin-bottom: 0;}
#sidenav ul.menu-cards li a {padding: .25rem 0; border-radius: .25rem; border: 1px solid rgb(217, 37, 28); color: rgb(0, 145, 219); display: flex; transition: padding 400ms ease;}
#sidenav ul.menu-cards li a:hover {text-decoration: none; padding: .25rem 0 .25rem .5rem; }
#sidenav ul.menu-cards li a .icon {font-size: 2rem; margin-top: .1rem; width: 4rem; display: inline-block; text-align: center;}
#sidenav ul.menu-cards li a .text {font-size: 1.1rem;line-height: 1.5rem;margin-top: .1rem;}

#sidenav .card-record { border-bottom: 1px solid rgba(0,0,0,.125); padding: .75rem 1.25rem;}
#sidenav .card-record:last-child {border-bottom: 0 none;}

#sidenav .pictures div {margin-bottom: .5rem; }
#sidenav .pictures img { max-width: 100%; height: auto; vertical-align: middle; border: 1px solid rgba(0,0,0,.125); border-radius: .25rem; }
#sidenav .pictures a { display: inline-block; }
#sidenav .pictures a img { opacity: 0.8; transition: opacity 400ms ease; }
#sidenav .pictures a:hover img { opacity: 1;  }

#sidenav ul.menu-buttons { padding: 0; list-style: none; margin: 0;}
#sidenav ul.menu-buttons li { padding: 0; list-style: none; margin: 0 0 .5rem 0;}
#sidenav ul.menu-buttons i { margin-right: .5rem;}

.article-record { margin-bottom: 1rem; }

.article-meta {font-size: .9rem; color: #343A40; padding: .5rem; border: 1px solid #dee2e6; }
.article-meta:not(.card-header) {color: #343A40; margin: 1rem 0; padding: .5rem; border-radius: .25rem; background-color: #f8f9fa;  }
.article-meta.card-header {border-width: 0 0 1px 0;}
.article-meta-item:not(:last-child) {padding-right: 1rem; margin-right: .5rem; border-right: 1px solid #dee2e6; }
.article-meta-item strong { color: rgb(0, 105, 44); }
.article-image + .article-meta { border-width: 1px 0;}
.article-image > a { display: inline-block; }

.weather-jumbotron {background-color: #F8F9FA; border: 1px solid rgba(0,0,0,.125); }
.weather-icon {border-radius: .25rem; border: 1px solid rgb(0, 116, 176); background-color: rgb(0, 145, 219); }
.weather-temperature {margin-top: .5rem; font-weight: 700; color: rgb(0, 145, 219); font-size: 1.5rem;}
.weather-card {background-color: #F8F9FA;}

.sitemap {}
.sitemap .sitemap-item.sitemap-depth-1:not(:first-child) {margin-top: 1rem;}
.sitemap .sitemap-item.sitemap-depth-1 > a {font-weight: 700;}

.search-result {padding: 1rem 0; border-top: 1px solid #dee2e6; }
.search-result h5 {margin: 0 0 0.1rem; font-weight: 600;}
.search-result .text {margin: 0;}
.search-result .summary {font-size: .9rem; color: #6C757D; padding: .25rem 0;}

.page-item.active .page-link {background-color: rgb(0, 135, 57); border-color: rgb(0, 135, 57);}
.page-link {color: rgb(0, 135, 57);}
.page-link:hover {color: rgb(0, 105, 44);}
.page-link:focus {box-shadow: 0 0 0 0.2rem rgba(0, 145, 63, .25);}

.separated-card {border-bottom: 1px solid #dee2e6; padding: 0 0 1rem; margin: 0 0 1rem;}
.separated-card h2 {margin: 0;}

p.text:empty {display:none;}

#article { }
#article-content {margin-bottom: 2rem;}
#article-content img:not([class]),
#article-content img[class=""] {max-width: 100%;height: auto;vertical-align: middle;}

#case-content .case-field {margin-bottom: 1.5rem;}
#case-content .case-title {color: rgb(0, 135, 57); }
#case-content .case-content {padding: .5rem 0 .5rem 1rem; border-left: 1px solid #dee2e6; }
#case-content .case-content > *:first-child {margin-top: 0;}
#case-content .case-content > *:last-child {margin-bottom: 0;}

#gallery { margin-bottom: 2rem; }
#gallery .gallery-list { border-radius: .25rem; border: 1px solid #dee2e6; padding: .5rem 0 0 .5rem; }
#gallery .gallery-list .gallery-item { padding: 0 .5rem .5rem 0; }
#gallery .gallery-list .gallery-item a { position: relative; display: inline-block; }
#gallery .gallery-list .gallery-item a:hover {opacity: 1; z-index: 1; }

#attachments {margin-bottom: 2rem;}
#attachments .attachments-list { border-radius: .25rem; border: 1px solid #dee2e6;}
#attachments .attachments-list .attachment-item:not(:last-child) {border-bottom: 1px solid #dee2e6; }
#attachments .attachments-list .attachment-item a {display: block; padding: .5rem; }
#attachments .attachments-list .attachment-item:first-child a {border-radius: .25rem .25rem 0 0;}
#attachments .attachments-list .attachment-item:last-child a {border-radius: 0 0 .25rem .25rem;}
#attachments .attachments-list .attachment-item:first-child:last-child a {border-radius: .25rem;}
#attachments .attachments-list .attachment-item a:hover {text-decoration: none; background-color: #F8F9FA; }
#attachments .attachments-list .attachment-item a strong {display: block }
#attachments .attachments-list .attachment-item a span.description {color: #343A40; display: block; }
#attachments .attachments-list .attachment-item a span.file-meta {color: #6C757D; display: block; font-size: .9rem; }
#attachments .attachments-list .attachment-item a span.file-meta .file-meta-item:not(:last-child)::after {content: "·"; padding: 0 .25rem;}

#tags {margin-bottom: 2rem;}

#print {margin-bottom: 2rem; text-align: right; border-top: 1px solid #dee2e6; padding-top: 1rem;}
#gallery + #print { border-top: 0 none; padding-top: 0;}


#share {margin-bottom: 2rem;}
#share a:hover {color: #FFFFFF;}
#share .icon-facebook {color: #3b5998;}
#share .icon-twitter {color: #00ACEE;}
#share .icon-google {color: #db4a39;}
#share .icon-pinterest {color: #c8232c;}
#share .icon-linkedin {color: #0e76a8;}
#share .icon-facebook:hover {background-color: #3b5998;}
#share .icon-twitter:hover {background-color: #00ACEE;}
#share .icon-google:hover {background-color: #db4a39;}
#share .icon-pinterest:hover {background-color: #c8232c;}
#share .icon-linkedin:hover {background-color: #0e76a8;}

#cases {padding: 2rem 0; background-color: #F8F9FA}
/*#cases h3 {font-size: 1.5rem;}*/
#cases .case-box {margin-left: -1px; margin-top: -1px; background-color: #FFFFFF;}
#cases .case-item { border: 1px solid #e9ecef; display: flex; position: relative; height: 100%; align-items: center; padding: .75rem .5rem 1rem 1rem;}
#cases .case-item i {color: rgb(0, 135, 57); font-size: 2rem; }
#cases .case-item strong {color: #343a40; font-size: 1rem; display: block; margin-left: 1rem; font-weight: 600; line-height: 1.625rem; }
#cases .case-item:hover {text-decoration: none; background-color: rgba(0,0,0,0.05); z-index:1; }
#cases .case-item:focus {z-index: 1; }

#footer {padding: 2rem 0; color: #bfbfbf;}
#footer .logo {opacity:.5;}
#footer h4 { color: #f8f9fa; }
#footer a {color: #e9ecef;}
#footer .nav {margin-top: 1rem;}
#footer .nav .nav-item {border-top: 1px solid rgba(255,255,255,.15);}
#footer .nav .nav-item:last-child {border-bottom: 1px solid rgba(255,255,255,.15); }
#footer .nav .nav-item .nav-link {padding: .3rem 1rem;}
#footer .nav .nav-item .nav-link:hover {background-color: rgba(0,0,0,.1);}

#footer2 {padding: 2rem 0; background-color: #1b1e21;}
#footer2 .item {display: flex; text-align: center;}
#footer2 .item a {color: #F8F9FA; display: flex; padding: 1rem 0; flex: 1; opacity: .8; }
#footer2 .item a:hover {background-color: #343a40; opacity: 1; text-decoration: none;}
#footer2 .item figure { display: flex; flex-direction: column; margin: 0; flex: 1; align-items: center; justify-content: center; }
#footer2 .item figure img {max-width: 50%; max-height: 100px; width: auto; height: auto; }
#footer2 .item figure figcaption { display: flex;}

#copyright {font-size: .8rem; padding: .75rem 0; color: #343a40;}
#copyright .separator {margin: 0 .25rem;}
#article-content figure {text-align: center;}

.embed-viewport { height: 90vh; min-height: 480px; }
.embed-viewport iframe { height: 100%; width: 100%; }

@media (max-width: 767px) {
    #sidenav { display: none; }
}