/*
Theme Name: Sing Out! Yoxford
Theme URI: http://www.singoutyoxford.co.uk/
Author: Martin
Author URI:
Description: A clean, minimalist theme for theSing Out! Yoxford.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 8.0
Text Domain: sing out
*/

a,
a:hover {
  color: #212529;
}

a:hover {
  text-decoration: none;
}

.block {
  height: 350px;
  background: rgba(86,61,124,.15);
  margin-bottom: 30px;
}

.block-long {
  height: 750px;
  background: rgba(86,61,124,.15);
  margin-bottom: 30px;
}

.label {
  font-size: .85rem;
  font-weight: bold;
}

.color-white{
	color: #FFFFFF !important;
}

.color-green{
	color: #00a650;
}

.display-3 {
  font-family: "IBM Plex Serif", serif;
  font-weight: 600;
  font-size: 2rem;
  line-height: 1.244;
  margin-top: 0;
  margin-bottom: 3.2rem;
}

.s-section::before {
  content: "";
  display: inline-block;
  height: 1px;
  width: 60%;
  background-color: rgba(0, 0, 0, 0.15);
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate3d(-50%, 0, 0);
  -ms-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
}

	.stave {
		display:block;
		min-width:120%;
		text-align:center;
		position:absolute;
		margin-left:-10%;
		margin-top:-15%;z-index:0;
		opacity: 0.35;
		
	}
	
@media only screen and (max-width: 800px){

	
	.stave {display:none !important}
}
	
	
.header-social {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 20px; /* space between icons */
}

.header-social li {
    margin: 0;
}

.header-social a {
    display: block;
    width: 32px;
    height: 32px;
    position: relative;
    text-indent: -9999px;     /* hide the text label completely */
    overflow: hidden;
}

.header-social a::before {
    font-family: "Font Awesome 5 Brands";  /* adjust if using FA 6: "Font Awesome 6 Brands" */
    font-size: 28px;                      /* icon size */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-indent: 0;
    line-height: 1;
}

/* Facebook */
.header-social .facebook a::before {
    content: "\f39e";          /* fa-facebook-f */
   color:#fff;
   font-size:16px
}

/* Twitter / X (if added later) */
.header-social .twitter a::before,
.header-social .x a::before {
    content: "\f081";          /* fa-twitter (FA5) or "\f081" for newer */
    color: #1DA1F2;
}

/* Instagram */
.header-social .instagram a::before {
    content: "\f16d";
    color: #E1306C;
}

.process h3{
	padding-left:0;
}
.process h3::before {
	content:none;
}