/*
Theme Name: OceanWP Child
Theme URI: https://oceanwp.org/
Description: Bolton Schools ICT.
Author: Nick
Author URI: https://oceanwp.org/
Template: oceanwp
Version: 1.0
*/
.video-container {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
}

.video-container video {
  width: 100%;
  height: auto;
  object-fit: cover;
  display: block;
}

/* Detail block customisation */
.wp-block-details summary {
	padding: 15px;
	margin-bottom: 5px;
	background-color: #0065B0;
	color: white;
	box-sizing: border-box;
}

/* accessible marquee */
.announcement {
  overflow: hidden;
  white-space: nowrap;
  background: transparent;
  color: #0165B0;
  font-size: 28px;
}
.announcement h2 {
  display: inline-block;
  padding-left: 100%;
  color: white; /* This ensures the text color is white */
  font-size: 28px;
  animation: scroll-left 75s linear infinite;
  text-shadow: 0 0 2px #ffffff, 0 0 4px #ffffff;
}
.announcement h2:hover {
  animation-play-state: paused;
}
@keyframes scroll-left {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-100%); }
}
/* KB category article color*/
.epkb-article__text{
	color: #0065B0;
}
/* Footer title Widget Color*/
#footer-widgets .footer-box .widget-title {
    color: white;
    border-color: white;
}
.sidebar-box, .footer-box {
    color: #fff;
}
/* content wrap*/
#main #content-wrap {
    background-color: #fff;
    padding: 30px;
}
/* --010526--*/
/* Sidebar links*/
.sidebar a {
  display: block;
  color: black;
  padding: 16px;
  text-decoration: none;
}
/* Active/current link */
.sidebar a.active {
  background-color: #0065B0;
  color: white;
}
/* Links on mouse-over*/ 
.sidebar a:hover:not(.active) {
  background-color: #0065B0;
  color: white;
}

/* content wrap*/
#main #content-wrap {
    background-color: #fff;
    padding: 30px;
}
/* file btn */
.wp-block-file *+.wp-block-file__button {
    color: white;
    padding: 5px 15px 5px 15px;
}

/* Custom side Navigation 
.sidebar {
  margin: 0 0 0 -18px;
  padding: 0;
  width: 270px;
  background-color: #fff;
  position: fixed;
  height: 100%;
  overflow: auto;
} */