/*
Special page template style
Version: 1.0.051
*/

body.page-template-page-special .td-header-row .td-header-sp-rec {
	display: none;
}

.page-template-page-special .td-main-content:before, .page-template-page-special .td-container-border:before{
	content: none;
}

.page-template-page-special img {
    border: none !important;
}

#kb-overlay {
	display: none;
	pointer-events: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0; 
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5); /* Black background with opacity */
    z-index: 9999; /* Specify a stack order in case you're using a different order for other elements */
    cursor: pointer; /* Add a pointer on hover */
}

#loader {
     border: 16px solid #f3f3f3;
    border-top: 16px solid #000;
    border-radius: 50%;
    width: 120px;
    height: 120px;
    /* text-align: center; */
    margin: auto;
    animation: spin 2s linear infinite;
    z-index: 9999;
      position: fixed;
    bottom: 45%;
    right: 45%;
}

.kb-no-scroll {
	margin: 0;
    height: 100%;
    overflow: hidden;
}

/* #loader::after {
	content: 'Payment processing';
	color: #fff;
    font-size: 40px;
    margin-top: 40px;
    font-weight: 800;
    text-align: center;
} */s

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.page-template-page-special h1.td-page-title, .sign-up-success h1.td-page-title {
	text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 800;
    font-size: 2.5rem;
    line-height: 3.2rem;
    margin: 20px 0 30px 0px;
}

.neighbors-helping-neighbors.page-template-page-special h1.td-page-title {
    display: none;
}

.page-template-page-special .headshot-image-grid img{
	width: 180px;
    display: inline;
    border-radius: 100%;
    border: 1px solid #e4e4e4;
    margin: 20px;
}

.page-template-page-special .headshot-image-grid {
	width: 670px;
	margin: auto;
}

.block-wrap {
	width: 75%;
	margin: auto;
}

.sign-up-success .block-wrap {
	width: 80%;
	margin: auto;
}


.td-page-content p.kb-quote, .page-template-page-special .td-page-content p.kb-quote {
	text-align:center; 
	font-size:1.6rem; 
	line-height:2.3rem; 
	font-weight: 100;
}

.page-template-page-special .td-page-content li {
	font-size:1.1rem; 
	line-height:2rem; 
}


.page-template-page-special .td-page-content p {
	font-size: 18px;
	line-height: 26px;
	text-align: center;
}

.kb-subscribe-form {
	display: none;
}

.kb-subscribe-form.kb-monthly-form {
	display: block;
}



/* Button */

.page-template-page-special button {
  -webkit-border-radius: 3;
  -moz-border-radius: 3;
  border-radius: 3px;
  color: #ffffff;
  font-size: 20px;
  background: #e12025;
  padding: 12px 20px 12px 20px;
  text-decoration: none;
  margin: 0 20px 10px 0;
}

.page-template-page-special button:hover {
  background: #8c2629;
  text-decoration: none;
  
}

.page-template-page-special button:focus  {
	outline: none;
}

.page-template-page-special button.kb-monthly-button {
	background: #8c2629;	
}


/* Content box */

.kb-member-content-box {
	background-color: #f6f6f6;
    font-weight: 600;
    padding: 20px;
    width: 106%;
    margin-left: -3%;
    border: .5px solid #e1e1e1;
	border-top: #e12025 6px solid;
}

.td-post-content .kb-member-content-box p {
    margin-bottom: 0;
    line-height: 30px;
    width: 100%;
	
}

.td-post-content .kb-member-content-box a {
	font-style: normal;
}

.wp-block-cover {
    margin-bottom: 25px;
}

/* MoBILE */

@media screen and (max-width: 767px) {
    .block-wrap {
		width: 100%;
    }
    
    .page-template-page-special h1.td-page-title, .sign-up-success h1.td-page-title {
		text-transform: uppercase;
	    letter-spacing: 5px;
	    font-size: 2rem;
	    text-align: center;
	    line-height: 2.4rem;
	    margin: 20px 0 20px 0px;
	}
	
	.support-cover.wp-block-cover {
		min-height: 300px;
		height: 300px;
	}
	
	.td-page-content p.kb-quote {
		font-size: 1.5rem;
		line-height: 2rem;
	}	
  
  .page-template-page-special .headshot-image-grid img {
    width: 150px;
    margin: 15px;
  }
	
}