/* =================================================
 * Custom front end styles For NEBCA Website 2025
 * Enqueued in theme functions.php 
 * Note: These styles will only effect the front end
 * e.g. shortcodes, html blocks, js 
 * =========================================== */
 
/* scroll to top button
--------------------------------------------- */
#scroll-to-top{
	z-index:99;
	background:#1D2022;
	position: fixed;
	bottom: 80px;
	right: -65px;
	padding:8px 4px;
	cursor: pointer;
	color: #FFF;
	font-size: 16px;
	line-height: 1;
	border-radius:6px 0 0 6px;
	width: 64px;
	text-align: center;
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
}
#scroll-to-top span{
	margin-right: 4px;
	font-size: 16px;
}

/* adjustments for paypal payment blocks
 * the class is set in the group block that 
 * contains the paypal html
--------------------------------------------*/
.paypal-calendar-form form, .paypal-classified-form form{
	font-weight: 500;
	padding-left: 30px;
}
.paypal-classified-form form input[name="submit"]{
	margin-top: 20px;
}
.paypal-membership-addtocart div.price-container{
	display: none !important;
}

/* hide trophy slider on small screens */
.trophy-slider-group{max-width: 60%;}
@media (max-width:781px){
	.trophy-slider-group{ display:none;}
}
/* increase member slider width on smaller screens */
.member-slider-group{max-width: 60%;}
@media (max-width:800px){
	.member-slider-group{max-width: 80%;}
}
@media (max-width:600px){
	.member-slider-group{max-width: 100%;}
}
/* increase width of member slider on small screens */
.trial-slider-group{max-width: 80%;}
@media (max-width:800px){
	.trial-slider-group{max-width: 100%;}
}
/* home slider width */
.home-slider-group{max-width: 80%;}
		

/* cookie notice styles 
--------------------------------------------- */
#cookie-notice{
	color:#fff;
	text-align: center;
	font-family:inherit;
	background:#596cd5;
	padding:20px;
	position:fixed;
	bottom:10px;
	left:10px;
	width:100%;
	max-width:300px;
	box-shadow:0 10px 20px rgba(0,0,0,.2);
	border-radius:5px;
	margin:0px;
	z-index:1000000;
	box-sizing:border-box;
	display: none;
}
#cookie-notice a{
	color:inherit;
	font-weight: 500;
}

#cookie-notice button{
	color:inherit;
	background:#3842c7;
	border:0;
	padding:10px;
	margin-top:10px;
	width:100%;
	cursor:pointer;
}

@media only screen and (max-width:600px){
	#cookie-notice{
		max-width:100%;
		bottom:0;
		left:0;
		border-radius:0
	}
}

/* styles from blockbase ponyfill.css 
--------------------------------------------- */
.aligncenter {
  text-align: center;
  display: block;
  margin-right: auto;
  margin-left: auto;
}

a,
.wp-block-navigation a {
  text-underline-offset: 0.15em;
}

/* modal on click styles 
--------------------------------------------- */
/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
  background-color: #3e3efe;
  margin: 15% auto; /* 15% from the top and centered */
  padding: 10px;
  border: 1px solid #888;
  width: 80%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}