/*
Theme Name: fosmstrap_child
Template: fosmstrap
Author: fosm
Author URI: https://wordpress.org/
Description: fosm, built on startboostrap freelancer.
Requires at least: 5.9
Tested up to: 5.9
Requires PHP: 5.6
Version: 1.0
Text Domain: fosmstrap_child
*/

/* .no-max-width {
	max-width: 50% !important;
} */

@media (max-width: 1200px) {
.no-max-width {
	max-width: 100% !important;
}
}
masthead-heading text-uppercase mb-0 mt-2
.a-fosm {
    color: #b1d34b;
}


.login h1 a {
	background-size: 200px !important;
	height: 100px !important;
	width: 200px !important;
	
}

.display-4-fat {
	font-weight: 700;
	color: white;
}

.blog-post {
display: none;
}

.card {
    width:50%;
}

@media screen and (max-width:768px) {
.card {
    width:100%;
}
}

@media only screen and (max-width: 402px) {
.navbar > .container, .navbar > .container-fluid, .navbar > .container-sm, .navbar > .container-md, .navbar > .container-lg, .navbar > .container-xl, .navbar > .container-xxl {
/* 	flex-wrap: nowrap !important; */
}
}

@media only screen and (max-width: 402px) {
.img-nav-logo-small {
    width: 50%;
    height: 100%;
}
}

@media only screen and (max-width: 402px) {
#mainNav .navbar-toggler {
    margin: 0 0 0 0 !important;
}
}

@media only screen and (max-width: 402px) {
#mainNav {
/* 	    height: 130px; */
}
}

@media only screen and (max-width: 402px) {
#weather-icon {
	margin-bottom: 1%;
}
}

#mainNav .navbar-toggler {
    border-color: white;
    margin: 2.5rem auto 0 auto;
}

#mainNav .navbar-toggler:hover {
	color: #b1d34b !important;
	border-color: #b1d34b !important;
	margin: 2.5rem auto 0 auto;
}

#mainNav .navbar-nav li.nav-item a.nav-link:hover {
    color: #b1d34b !important;
}
@media only screen and (max-width: 409px) {
#mainNav .navbar-toggler {
  font-size: 70% !important;
/*   margin: 0.25rem auto auto auto; */
}
}

@media (min-width: 992px) {
#mainNav {
	padding-top: 10 !important;
	padding-bottom: 0 !important;
}
}


/*Transparent header on scroll*/
#mainNav {
	background-color: rgba(44, 62, 80, 1);
	font-family: 'Poppins', sans-serif;
	font-weight: 700;
	padding-top: 10px !important;
	padding-bottom: 0;
}

body.scrolled #mainNav {
  background-color: rgba(44, 62, 80, 0.75);
  transition: background-color .2s;
}
body.scrolled #mainNav:hover {
  background-color: rgba(44, 62, 80, 1);
  transition: background-color .2s;
}

/*Nav logo*/
a.home-link {
    display: inline-flex;
    flex-direction: row;
}


body{
	padding-top: 84px
}

.white-text {
	color: white;
}

.lead {
    font-size: 1.65rem !important;
	text-align: justify;
}

.lead-orange {
    font-size: 1.65rem !important;
	text-align: justify;
	color: rgb(255 165 0);
	line-height: 1.2;
}

.lead-footer {
    font-size: 1.25rem;
}

.masthead .masthead-heading {
    color: white;
}

@media (min-width: 992px) {
.masthead {
    padding-top: calc(12rem + 104px) !important;

}
}

.event-note {
	color: #000;
	text-align: center;
	font-family: 'Poppins', sans-serif;
	font-weight: 700;
}

.masthead {
    background-image: url("https://slaithwaitemillpond.org/wp-content/uploads/2022/06/slaithwaite-millpond-heron.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    box-shadow: 0 0 0 1000px rgba(0,0,0,0.5) inset;
	height: 800px;
}

/* Not currently used as section is hidden.
#contact {
    background-image: url("https://slaithwaitemillpond.org/wp-content/uploads/2023/07/slaithwaite-1892map.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    box-shadow: 0 0 0 1000px rgba(0,0,0,0.5) inset;
	height: 800px;
}
*/

header#con.masthead.bg-primary.text-white.text-center {
    background-image: url("https://slaithwaitemillpond.org/wp-content/uploads/2022/06/slaithwaite-millpond.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    box-shadow: 0 0 0 1000px rgba(0,0,0,0.5) inset;
	height: 800px;
}

header#blog.masthead.bg-primary.text-white.text-center {
    background-image: url("https://slaithwaitemillpond.org/wp-content/uploads/2022/07/clearup-2000x1134-f.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    box-shadow: 0 0 0 1000px rgba(0,0,0,0.5) inset;
	height: 800px;
}

/*Backgrounds*/
.bg-fosm {
  --bs-bg-opacity: 1;
  background-color: #F7FCFB;
}

.bg-fosm-dark {
  background-color: rgba(44, 62, 80, 0.75);
  padding: 2rem;
}

.page-section {
    padding: 6rem 0 1rem 0 !important;
}
.bg-success {
--bs-bg-opacity: 0.5 !important;
}

.bg-slaithwaite-map {
    background-image: url("https://slaithwaitemillpond.org/wp-content/uploads/2023/07/slaithwaite-1892map.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    box-shadow: 0 0 0 1000px rgba(0,0,0,0.5) inset;
}

/*Buttons*/

.btn-orange {
    padding: 7px 15px 7px 15px;
    font-size: 1rem;
    text-decoration: none;
    color: #fff;
    background-color: rgb(37 101 174);
    border: solid 1px #d3e0ee;
    border-radius: 5px;
}

.btn-orange:hover {
    color: #fff;
    background-color: rgb(255 165 0);
    border: solid 1px #d3e0ee;
    border-radius: 5px;
}

.btn-link {
    color: #fff !important;
}

.btn-link:hover {
    color: #000 !important;
}

/*Footer*/

.page-section-bottom {
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 6rem;
    padding-left: 0px;
}

.footer {
  padding-bottom: 0 !important;
}

#footer-con {
  padding-bottom: 5rem;
}

a#priv-pol {
    color: #15967d;
}

a#priv-pol:hover {
    color: #1abc9c;
}

/* Image Fade In */

.fade-in {
  animation: fadeIn ease 3s;
  -webkit-animation: fadeIn ease 3s;
  -moz-animation: fadeIn ease 3s;
  -o-animation: fadeIn ease 3s;
  -ms-animation: fadeIn ease 3s;
}
@keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-moz-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-o-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-ms-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
	
}

/* Responsive Breakpoints */
@media only screen and (max-width: 500px) {

.lead {

	text-align: left;
/* 	padding: 0 10px 0 10px; */
	
}
	.masthead, .masthead-contact {
	height: 500px;
	
}
	
	.lead-orange {
	text-align: left;
	}

}

.divider-custom .divider-custom-line {
	margin-left: 1rem;
}

.card-header.fosm {
	background-color: rgba(44, 62, 80, 0.75);
}

#ka-img {
	width: 50%;
}

@media only screen and (max-width: 988px) {

	#ka-img {
	width:100%;
	}
}

.accordion-button:not(.collapsed) {
	color: #fff !important;
	background-color: rgba(44, 62, 80, 0.75) !important;
}

/* custom form*/
.tnp-subscription input[type=text], .tnp-subscription input[type=email], .tnp-subscription input[type=submit], .tnp-subscription select {
    background-color: white !important;
}

.tnp-field label {
    color: white !important;
}

.tnp-subscription input.tnp-submit {
    color: black !important;
}