/* Global */
:root {
    --body-background-color:#273746;
    --body-color:white;

    --bar-background-color:#1f4e70;
    --bar-background-transparent:rgba(31, 78, 112, 0.9);
    --bar-background-button:rgba(31, 78, 112, 0.7);
    --bar-background-shade:rgba(31, 78, 112, 0.2);
    --bar-color:white;

    --content-background-color:white;
    --content-color:black;
    --content-link-color: #1470a7;
    --content-link-hover-color: #0c4f74;

    --menu-background-color: rgba(20,112,167,1);
    --menu-color:white;
    --menu-hover-background-color:rgb(219, 183, 24);
    --menu-hover-color:rgb(0, 0, 0);
}

a {color:white;}
a:hover{color:white;}

html {
  min-width:375px;
}
body {
  background-color: #273746;
    background-color: var(--body-background-color);
    color:white;
    color:var(--body-color);
}

/* Homepage boxes */
#below {
  display:none;
}
body.home #below {
  display:block;
}
body.home #article-content .container {
  margin-top: 37vw!important;
}

/* Header */
#logo {
    width: 60%;
    max-width:300px;
    z-index:1000;
    position:absolute;
    top:-30px;
    right:0px;
}

ul.tags {display:none;}

header {
    background-color: #1f4e70;
    background-color: var(--bar-background-transparent);
    color:white;
    color:var(--bar-color);
    height:100px;
    margin:0px!important;
    position:relative;
    z-index:1;
}

/* Header Menu */
.topmenu ul.menu {
    float:right;
}
.topmenu ul.menu li {
    display:inline-block;
}
.topmenu ul.menu li a {
    opacity:0.7;
}
.topmenu ul.menu li a:hover {
    background-color: var(--menu-background-color);
    color: white;
    color:var(--menu-color); 
}

/* Slideshow (front page) */
#slideshow {
    width:100%;
    position:absolute;
    z-index: 0;
}
.cycle-slideshow { width: 100% }
.cycle-slideshow > div { 
    width: 100%; 
    height: 42vw;
    min-height:300px;
    background-position: center;
    background-size:cover; 
}

/* Home page specific stuff. */
body.home .contentrow {background-color:transparent;}
body.home .contentrow .page-header {display:none;}
body.home .contentrow .sidebar {display:none;}
body.home .contentrow .page-content {width:100%; background-color:transparent;}

body.home .contentrow #homeboxes>div .item-page {
	padding:0px; 
	margin:10px;
	border-radius:10px;
	box-shadow: 0 0 0 15px rgba(0,0,0,0.3);
	transition: 1s;
}
body.home .contentrow #homeboxes>div:hover .item-page {
	box-shadow: 0 0 0 15px rgba(255,255,255,0.8);
}
body.home .contentrow #homeboxes>div div[itemprop="articleBody"]>div {
  border-radius:10px;
}

body.home main.main {
    height:42vw; 
    min-height:300px;
    z-index:-1;
}

#slideshow .slidebuttons {
    width:60%;
    margin:0px auto;
    position:relative;
    bottom:15vw;
    z-index:255;
}
#slideshow .slidebuttons>div>p {
    background-color: #1470a7;
    background-color: var(--menu-background-color);
    height:7vw;
    width:7vw;
    margin: 0px auto;
    text-align:center;
    border-radius:100%;
    cursor:pointer;
}
#slideshow .slidebuttons>div>p>span {
    position:relative;
    top:7.5vw;
    font-size:2vw;
    font-weight:bold;
    text-shadow: 2px 2px 4px rgba(0,0,0,1);
}
#slideshow p.wrapper {
    background-image: url('./../images/icons/news.png');
    background-size:70%;
    background-position:center;
    background-repeat:no-repeat;
}
#slideshow p.wrapper.news {background-image: url('./../images/icons/news.png');}
#slideshow p.wrapper.events {background-image: url('./../images/icons/events.png');}
#slideshow p.wrapper.staff {background-image: url('./../images/icons/staff.png');}
#slideshow p.wrapper.blogs {background-image: url('./../images/icons/blog.png');}
#slideshow p.wrapper:hover {
    box-shadow: 0 0 0 15px #1f4e70;
    box-shadow: 0 0 0 15px var(--bar-background-button);
    transition:0.7s;
}

/* Search */
.topmenu {
    position:relative;
}
.topmenu .search {
    position:absolute;
    left:0px;
    top:5px;
    color:black;
    z-index:2;
}
.search label {
    display:none;
}
.search select {
    width:200px;
}
#article-content .search {
    margin-top:10px;
}

/* MaximenuCK */
nav div#menu-wrapper ul.maximenuck label.maximenumobiletogglericonck {
    text-align:left!important;
}

.maximenumobiletogglericonck {
  margin-right:20px;
}
nav.menu {
    padding:0px;
    position:relative;
    top:-51px;
    text-align:left;
}

ul.maximenuck {padding-left:0px;}

ul.maximenuck>li.level1>.floatck>.maxidrop-main {
	background-color: var(--menu-background-color);
}
.maxidrop-main {
    width:100%!important;
    color:var(--menu-color);
    position:relative;
    top:15px;
    padding-bottom:20px;
}
.level1>.floatck>.maxidrop-bottom {
    border-bottom:20px solid rgba(0,0,0,0.2);
}
.maxidrop-main div.floatck {
    margin-top:-10px!important;
}

.maximenuck li {
    color:var(--menu-color);
}

#menu-wrapper .maximenuck>li {
    padding:15px 1vw; 
    font-size: 20px;
}

.maximenuck li.parent:hover {
    background-color: rgb(219, 183, 24);
    background-color: var(--menu-hover-background-color);
    color: var(--menu-hover-color);
}

/* Shadow at the bottom of the menu */
.level1 > .floatck > .maxidrop-main > .maxidrop-main2 {
    border-top: rgb(219, 183, 24);
    border-top:5px solid  var(--menu-hover-background-color);
}

.maximenuck2 li {
    padding:2px 5px;
}
.maximenuck2 .level4 a {
    font-size: 50%;
    text-indent:0px;
    color:white;
    color: var(--menu-color);
}
.maximenuck2 a {
    font-size: 70%;
    text-indent:0px;
    color:white;
    color: var(--menu-color);
}
.maximenuck2 a:active {
    color: rgb(219, 183, 24);
    color: var(--menu-hover-background-color);
}
.maximenuck2 a:hover {
    color: rgb(219, 183, 24);
    color: var(--menu-hover-background-color);
}


/* Sidebar */
#sidebar-wrapper {
	z-index:0;
}
#sidebar-wrapper ul {
	z-index:0!important; 
}
#sidebar-wrapper li {
	z-index:0!important; 
}

main .contentrow {
    background-color: #1f4e70;
    background-color: var(--bar-background-color);
    color:white;
    color:var(--bar-color);
}

/* Tag List */
#article-content .tag-category .category li {
    display:initial;
    list-style-type: disc;
}
#article-content .tag-category .category h3 {
    font-size: 110%;
    margin:0px;
    padding:0px;
    display:inline-block;
}
.icon-search {
    background-image: url('./../images/icons/search.png');
    background-size:contain;
    background-repeat:no-repeat;
    height:15px;
    width:15px;
    display:block;
}
.icon-remove {
    background-image: url('./../images/icons/cancel.png');
    background-size:contain;
    background-repeat:no-repeat;
    height:15px;
    width:15px;
    display:block;
}
.tag-category .btn-group button.btn {
    border:1px solid black;
    border-radius:5px!important;
    padding:2px;
    margin:3px;
}
.tag-category select {
    width:100px;
}

/* Content */
#article-content .page-header {
    margin:0px;
    padding:5px 0px;
}

.contentrow {
    position:relative;
    top:-45px;
}

.page-content {
    background-color: white;
    background-color: var(--content-background-color);
    color:black;
    color:var(--content-color);
}
.page-content a {
    color:#1470a7;
    color:var(--content-link-color);
}
.page-content a:hover {
    color:#0c4f74;
    color:var(--content-link-hover-color);
}

/* Footer */
footer {
    position:fixed;
    bottom:0px;
    opacity:0.7;
    margin:0px!important;
    display:none;
}
footer .spacer hr {
    border-color: var(--bar-background-color);
}

/* Footer Menu */
footer ul.menu {
    text-align:center;
}
footer ul.menu li {
    display:inline-block;
}
footer ul.menu li a {
    opacity:0.7;
}
footer ul.menu li a:hover {
    background-color: var(--menu-background-color);
    color: white;
    color:var(--menu-color); 
}

/* Blog List */
.blogblog-list > p {display:none}
.blogblog-list .cat-children > h3 {display:none}

/* Blog */
.blog .page-header {
    border:none;
}
.blog .article-info-term {
    display:none;
}
.blog .page-header {
    padding:0px;
}
.blog h2 {
    font-size:140%;
}
.blog .items-more a {
    padding:2px;
}
.blog .items-leading {
    background-color: rgba(31, 78, 112, 0.2);
    background-color: var(--bar-background-shade);
    padding:15px;
    margin:-15px;
    margin-bottom:5px;
}

/* pagination */ 
.pagination {
    width:100%;
}
.pagination li {
    display:inline-block;
}
.pull-right {
    float:right;
}

/******************************************************************************/
/* responsive text queries */

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
  aside.sidebar {display:none;}
  article.page-content {width:100%;}
  body.home .contentrow {margin-top:100px;}
  body.home #article-content .container {
    margin-top: 23vw!important;
  }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) { 
  #menu-wrapper .maximenuck li {font-size: 16px;}
  .search .search-query {width:150px;}
  .topmenu .nav li a {padding:10px 5px; font-size:80%;}
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 524px) {
  .maximenuck li {font-size: 18px;}
  #menu-wrapper .maximenuck div.maximenuck2 li.maximenuck div.floatck {margin-top:0px!important;}
  #menu-wrapper .maximenuck div.maximenuck2 li.maximenuck.level3 {margin-left:20px;}
  #menu-wrapper .maximenuck div.maximenuck2 li.maximenuck.level4 {margin-left:40px;}
  .topmenu ul {display:none}
  .topmenu .search {position:relative; text-align:left; left:5px; top:10px;}
  .search .search-query {width:150px;}
  ul.maximenuck li {background-color: var(--menu-background-color);}
  .maximenuckh {position:absolute; top:10px; left:10px;}
  div.container.topmenu {margin:0px; padding:0px; height:0px;}
  .contentrow {top:5px;}
}

/* Header Text */
@media only screen and (max-width: 400px) {
  .search .search-query {width:100px;}
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
  
}