@import url("settings.css");

h1 {font-size: 28px; line-height: 1.2em; font-family: var(--header-font); color: var(--bg1); }
h2 {font-size: 28px; line-height: 1.2em; font-family: var(--header-font); color: #000;}
h3 {margin-top: 20px; color: var(--bg1); margin-bottom:10px; line-height: 1.5em; font-size: 20px}
h4 {margin-top: 20px; color: #000; margin-bottom:10px; line-height: 1.5em; font-size: 1.3em}
h5 {margin-top: 20px; font-weight: bold; color: var(--bg1); padding-bottom: 5px; margin-bottom:10px; line-height: 1.5em; font-size: 1.3em; border-bottom: 1px solid var(--bg1)}
h6 {margin-top: 20px; font-weight: bold; color: #000; line-height: 1em; font-size: 0.8em}
.tile h3 {font-family: var(--header-font); }
header .topbar {padding-right: 70px; padding-top:18px;justify-content: flex-end; display:flex}
.sidebar .address {padding-top: 10px}
header {height: var(--slider-height); background:#fff}
.header-container{position: absolute; top:0; width:100%; z-index:1}
.header-container .bgtop{position: absolute; top:0; width:100%; height: var(--slider-height);background: #000 }
.header-container .bgtop>img,.header-container .bgtop video{object-fit:cover;position:absolute;top:0;left:0;display:block;width:100%;height:100%; opacity: 0.8}
.slider .carousel-one {background:none}
.content h2.home a {color: var(--bg2)}
header .topbar  {position:absolute; background: none;z-index:1}
header .topbar  .address {display:none}
header .navbar-brand {font-size: var(--navbar-fontsize); color:#fff; margin-left:365px}
header .navbar-brand:hover {color:#fff}
header .navbar-brand span {display:block}
header .navbar-brand small {color:#fff; font-size:20px}
/*header .topbar .search input {background:#f5f5f5; color:#000}*/
header .navbar {height:100%; flex-direction: column;padding:0}
header .navbar .container-lg {display:flex; justify-content:center; flex-grow:5}
#menu_top {width:100%; background: var(--bg2);max-height:80px}
#menu_top .container-lg {justify-content: center}
.content {padding:0 20px}
#menu_top .navbar-nav {margin-left:365px}
.sidebar {z-index:2}
header ul.navbar-nav li a i {color:#fff}
header ul.navbar-nav li a br {display:none}
header ul.navbar-nav > li > a {line-height:50px}
.address span, .address a{color:#fff; font-size: 0.8rem; white-space: nowrap; padding:5px}
header .navbar-nav .dropdown-menu, header ul.navbar-nav li a,  ul.navbar-nav li.show > a, ul.navbar-nav li.active a {background: var(--bg2); color: #fff}
.sidebar, .sidebar .tile, #menu_sidebar ul.navbar-nav li a:hover, #menu_sidebar ul.navbar-nav li a:hover, header ul.navbar-nav li a:hover {background: var(--bg1); color:#fff}
.sidebar .tile .tile-icon, .sidebar .tile h3{color: var(--color-extra1); text-shadow: none}
footer a, footer, .sidebar .rss li a,.slogo:hover, .slogo:focus, header .navbar-brand:hover,.navbar-brand:focus, .navbar-brand:hover {color:#fff}
.slogo {line-height:24px; margin-top: 15px;display: block; color: #fff;font-family: "Cinzel"; text-align: center; font-size: 16px; padding-top: 30px; padding-bottom: 30px; border-bottom: 1px solid rgba(200,200,200,0.5); border-top: 1px solid rgba(200,200,200,0.5);}
.slogo img {margin-bottom:5px}
.slogo small {font-size: 12px}

.address span {display:block}
#chooselang_google_content {background: none}
#chooselang_google {color: #555}
.page-content {margin-top:var(--slider-height); display:block;}
/*.logotypes-bg {background: var(--bg2); margin-top:0}*/
footer .copyright, .logotypes-bg {background: var(--bg1) linear-gradient(rgba(0, 0, 0, 0.35),rgba(0, 0, 0, 0.35)); margin-top:0}

.logotypes-bg {background: #fff; margin-top:0; box-shadow: 0 -4px 8px 0 rgba(0, 0, 0, 0.2), 0 -6px 20px 0 rgba(0, 0, 0, 0.19);}
footer .footer-box h4 {text-shadow: none; color: var(--color-extra1)}
.content .list2 a p, .content .list2 a em {color:#000}
.sidebar .tile {border-bottom: 1px solid rgba(200,200,200, 0.7)}
.sidebar .tile-noborder {border-bottom: 0;}
#chooselang_google_content {border:0}
.sidebar .tile p {color: #ddd}
a.button:hover, button:hover {color: var(--color1)}
header .navbar-brand img {display:none}
#clockdiv > div {background: var(--color1)}
#clockdiv div > span {background: #efc587}
@media (max-width: 1400px) {
    header .navbar-brand {font-size: 42px; margin-left:365px}
    #menu_top .navbar-nav {margin-left:265px; justify-content:center}
}
@media (max-width: 1100px) {
    header .navbar-brand {font-size: 32px}

}
@media (max-width: 992px) {   

.page-title {margin-top:0}
    header {z-index: unset; top: unset; display:block;position: static}
    header ul.navbar-nav li a br {display:inline}
    header ul.navbar-nav {overflow-y:auto}
    header ul.navbar-nav > li > a {line-height: 20px; text-align:center; padding: 10px; font-size: 13px; border:0}
    .content {padding:0 10px}
    header .navbar-brand {font-size: 26px}
    a.wcag-button {right:10px;top:10px}
    header ul.navbar-nav {overflow-y:unset}
    #menu_top {overflow-y:unset;}
    #menu_sidebar ul.navbar-nav li ul li a, header ul.navbar-nav li ul li a {padding: 5px 10px !important; border: 0; font-size: 12px}
    #menu_sidebar .dropdown-menu, header .dropdown-menu {width:200px !important}
}
@media (max-width: 767px) {
       
        
      .nohome header {height: 105px} 
    .nohome .page-content {margin-top:120px}  
    .nohome .bgtop {display:none}
    .header-container {z-index:unset}
    .page-title {margin-top:0}
    .sidebar .rss li a, .slogo:hover {color: #555}
    .sidebar .address, .sidebar .slogo {display:none}
    a.wcag-button {top: 8px;right: 90px;}
    .header-container .bgtop>img, .header-container .bgtop video {object-position: 65% center}
    .header-container .bgtop {z-index:1; height: calc(var(--slider-height) - 105px); top: 105px}
    header {position: absolute; }
    header .navbar .container-lg {justify-content: space-between}
    header .topbar .search {min-width:300px; padding-right:10px}
    #menu_sidebar .navbar-brand, header nav.navbar .navbar-brand {text-align:left; line-height: 1.2em; padding-top:0; margin-left:0; font-size: 14px; color: var(--bg1)}
    header .topbar {z-index:3; position: fixed; top:65px; left:0; background: var(--bg1); width: 100%; text-align:left; padding: 0; font-size:11px; line-height:20px}
    header .topbar  .address {display:flex; width:100%; padding-left: 10px; overflow-y: scroll;}
   
    header .navbar {position: fixed; top:0; left:0;  width:100%;background: #fff;height: auto; min-height:65px}
    header ul.navbar-nav {overflow-y:auto; margin-left: 0}
    #menu_top {min-height: calc(100vh - 105px); overflow-y: scroll; max-height: unset; background: #fff; position:absolute; top:60px}
    #menu_sidebar ul.navbar-nav li ul li a, header ul.navbar-nav li ul li a {padding: 5px 0 5px 80px !important; border-top: 1px solid #eee}
    #menu_sidebar .dropdown-menu, header .dropdown-menu {width: 100% !important}
    #chooselang_google_content {backgrouond: var(--bg1); text-align:center}
    #menu_sidebar nav.navbar, header nav.navbar {z-index:3}
    header ul.navbar-nav li a br {display:none}
    #menu_top .navbar-nav {margin-left:0}
    header ul.navbar-nav li a i,header ul.navbar-nav li a:hover i, ul.navbar-nav li.show > a i, ul.navbar-nav li.active a i {color: #aaa}
    #menu_sidebar ul.navbar-nav li a, header ul.navbar-nav li a {color: #000; background: #fff; padding: 5px 20px; border-top: 1px solid #eee; padding: 0 40px; text-align: left; font-size: 14px;}
    .sidebar, .sidebar .tile, #menu_sidebar ul.navbar-nav li a:hover, #menu_sidebar ul.navbar-nav li a:hover, header ul.navbar-nav li a:hover {background: #fff; color: #000}
     header .navbar-brand img {display:block; height:50px; margin-top:0}
        header .navbar-brand small {display:block; color: #777; font-size:12px}
        header .navbar-brand small br {display:none;}
        #menu_sidebar .navbar-toggler, header .navbar-toggler  {top:5px}
        
}

@media (max-width: 576px) {
    header .navbar-brand small br {display:none}
    header .navbar-brand small {display:block; font-size: 10px; color: var(--bg2)}
    header .topbar .search {min-width:unset}
    header .topbar .search #chooselang_google {margin-right: 50px;line-height: 30px; border-radius: 15px; width: 30px;height: 30px; padding: 0;justify-content: center;}
    .header-container .bgtop>img, .header-container .bgtop video {object-position: 62% top}
    a.wcag-button {right:0; font-size: 30px; top: 61px; background: none; color: #fff;}
    a.wcag-button:hover {color: #fff}
}