/* Virtual School */

:root{
--primary: #571963;
--secondary: #000;
}
* {
font-family: Arial,Helvetica Neue,Helvetica,sans-serif !important; 
letter-spacing: unset !important;
}

strong, b{font-weight: bold;}
p {
    margin: 0 0 1em 0;
}

body {
    background: #f1f1ff;
    color: #000000;
}

.listing__heading{
font-size: 1.7rem;
}

ul.alt li, ul.list--listing li {
    padding: 0.5em;
    display: inline;
    border-top: unset;
}

#page-wrapper > section:nth-child(4) > div > div > div {
    width: unset;
}
/* give extra space for bottom menu to display fully inline */
#page-wrapper > section > div > div > div {
    width: unset;
}

/* hide html5-up copyright */
#footer > ul > li:nth-child(2) {
    display:none;
}

/* Menu */
#header nav{
right: 6.75em;
}
#nav ul ul, #nav ul li:hover ul:before, #nav ul li.hover ul:before{
background-color: var(--secondary) !important;
box-shadow: 0 2px 0 0 rgb(0 0 0 / 7%);
}
#nav > ul > li > ul > li a:not(.button){
color: #fff;
border-top: solid 1px var(--secondary);
}
#nav > ul > li > ul >li:first-child > a{
border-top: 0;
}
#nav > ul > li > ul > li a:hover{
background-color: var(--primary);
}
#navPanel .link {
    color: #fff;
}
a.list__link:focus{
    background-color: var(--primary) !important;  
    color: white !important;
}
@media screen and (max-width: 840px){
    #navButton .toggle:before, #navPanel{
      background-color: var(--secondary);
    }
    #navPanel .link.depth-0{
      font-weight: 600;
    }
    a.toggle:focus:before{
      outline: 2px solid var(--secondary);
    }
    #navPanel > nav > a:nth-child(10) {
        display:none;
    }
    #navPanel > nav > a:nth-child(11) {
        display:none;
    }  
    #navPanel .link:focus {
    	color:white;
	}
}
input[type="button"]:focus, input[type="submit"]:focus, a:focus, *:focus{
outline: 2px solid var(--secondary);
outline-offset: 1px;
}
#js-menu-toggle > li:nth-child(2),
#js-menu-toggle > li:nth-child(3),
#navPanel > nav > ul > li:nth-child(10) > a, 
#navPanel > nav > ul > li:nth-child(11) > a {
  display: none;
}

#header{
background-color: var(--primary);
border-bottom: 2px solid white;
}

/* Buttons */
input[type="submit"], input[type="reset"], input[type="button"], .button, input[type="submit"].secondary, input[type="reset"].secondary, input[type="button"].secondary, .button.secondary{
background-color: var(--primary) !important;
}
input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .button:hover, input[type="submit"].secondary:hover, input[type="reset"].secondary:hover, input[type="button"].secondary:hover, .button.secondary:hover{
background-color: var(--secondary) !important;
color: #fff;
}
/* Links */
a {
  color: var(--primary);
}
a.image-link {
  border: unset;
}
a:hover{
color: var(--secondary);
}
/* Select */
input[type="text"], input[type="password"], input[type="email"], input[type="date"], input[type="search"], select, textarea{
background: var(--primary);
color: #fff !important;
}

input[type="text"]:hover, input[type="password"]:hover, input[type="email"]:hover, input[type="date"]:hover, input[type="search"]:hover, select:hover, textarea:hover, input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="date"]:focus, input[type="search"]:focus, select:focus, textarea:focus {
  border-color: var(--secondary);
  box-shadow: 0 0 0 2px var(--primary);
   background-color: var(--secondary);
}
input::placeholder{
    color: #fff !important;
}

/* Search */
input#search-site {
display: inline;
width: 80%;
}
input#search-site-header{
    color: #fff !important;
}
@media screen and (max-width: 840px){
input#search-site {
display: block;
width: 100%;
margin-bottom: 1rem;
}
input.button.button--secondary {
width: 100%;
}
#top-nav{
height: 4rem;
}

}
/* Search results */
.search-refine.boxed.boxed--secondary {
display: none;
}

ul.search-results.item-list.item-list--rich {
list-style: none;
padding-left: unset;
}
ul.search-results.item-list.item-list--rich > li > p {
margin: unset;
}
ul.search-results.item-list.item-list--rich > li {
margin-bottom: 1rem;
}
ul.search-results.item-list.item-list--rich > li > h3 > a {
color: var(--primary);
}
ul.search-nav.nav.nav--pagination {
list-style: none;
margin: unset;
display: flex;
flex-direction: row;
justify-content: center;
}
ul.search-nav.nav.nav--pagination > li{
border-radius: 54px;
box-shadow: 0 2px 0 0 #e5e5e5;
padding: .9rem;
margin-left: 1rem;
width: 54px;
}
ul.search-nav.nav.nav--pagination > li > a {
border-bottom: unset;
}
                         

#footer {
background-color: var(--primary);
}
.copyright li {
color:white;
}

/* Banner */
#banner {
  background-color: var(--primary);
}

#banner h1 {
  color: #ffc2ed;
  font-size: 5em;
  text-shadow: 3px 3px #f7ef39;
  font-style: italic;
  font-weight: bold;
}

#footer {
background-color: var(--primary);
}
.copyright li {
color:white;
}

.nav--pagination li {
text-align: center;
}

.listing {
padding: 2em;
background-color: #ddd;
border-radius: 10px;
}
.listing--featured {
padding-top:1em;
}

.imageCaption p {
    font-style: unset;
}

#header .button, #header.alt .button  {
box-shadow: unset;
}
#header nav{
display: flex;
}
/* Hide submit new event button */
#main > div > div > div.col-4.col-12-narrow > a {
display: none;
}