/**
 * Theme Name: Gig
 * Template:   twentytwentyfive
 * ...other header fields
 */

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Merriweather:ital,opsz,wght@0,18..144,300..900;1,18..144,300..900&family=Unbounded:wght@200..900&display=swap');

:root {
--main-green: #248f47;
--light-grey: #fafafa;
--med-grey: #f1f2f4;
}

body, html{
    margin:0;
    padding:0;
    box-sizing: border-box;
    background-color:#f1f2f4;

    /* Default font */
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;

}

.wp-block-site-title, .feature-text h2, .team-title {
    font-family: "Unbounded", sans-serif;
    font-weight: bold;
}

h2 {
  font-family: "Merriweather", serif;
}

h2.section-sub-header {
    font-family: "Inter", sans-serif;
}

/* Convenience classes */

.self-start {
    align-self: flex-start;
}

.no-gap{
    gap: 0 !important;
}

.hidden {
    display: none !important;
}

/* End of convenience classes */


/* the menu */

header {
  display: initial;
}

header .wp-block-group {
  background-color: white;
}

/* end of the menu */


.wp-block-query.alignfull.section{
  width: unset;
}

.wp-block-site-title
{
color: var(--main-green);
}

.wp-block-heading{
color: black;
}

/* download forms section */


.collapseArrow {
    display: inline-block;
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -sand-transform: rotate(180deg);

    text-align: center;
    position: relative;
    /* bottom: 5px; */
    font-size: 22px;
}

.active .collapseArrow {
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    -sand-transform: none;
    top: 5px;
}

#downloadButtons{
    display: none;

    width: 80%;
    background-color: rgba(30, 30, 30, .5);
  border-radius: 30px;
  padding: 15px;
  margin: 0 auto 20px auto;
  border: 1px solid white;
  align-items: center;
}

@media (min-width: 782px){
    #downloadButtons{
	width: 50%;
    }
}

#downloadToggle{
    cursor: pointer;
    margin: 20px auto !important;
    word-break: keep-all;
}
/* end of download forms section */

main {
width: 100%;
}

.top-feature{

}

.feature-text{
    display:flex;
    flex-direction:column;
    text-align:center;
}

.cover-img-col {
    /* background: url('https://celtics.hambone.cyou/wp-content/uploads/2025/07/IMG_20250619_093307-1024x1024.jpg') no-repeat center; */

    height:400px;

    	background: 
	    linear-gradient(to top, rgba(36, 143, 71, 0) 0%, rgba(36, 143, 71, 0) 77%, rgba(36, 143, 71, .5) 84%, rgba(36, 143, 71, 0.6) 90%, rgba(36, 143, 71, 1) 100%),
	    url('https://celtics.hambone.cyou/wp-content/uploads/2025/07/IMG_20250619_093307-1024x1024.jpg') no-repeat center;
    background-size: cover;
}

.cover-img {
 border-image: fill 0 linear-gradient(#0003,#000);
}

.section-header
{
max-width: 90%;
}

.section-sub-header
{
color: grey;
max-width: 80%;
}



div.section{
width: 100%;
margin: 0 auto !important;
display: flex;
flex-direction: column;
align-items: center;
padding-top: 15px;
padding-bottom: 15px;
scroll-margin-top: 80px;
}

.wpcf7{
    scroll-margin-top: 100px;
}


.section:nth-child(even) {
    background-color: var(--light-grey);
}
.section:nth-child(odd) {
    background-color: var(--med-grey);
}

div.mission-box {
    background-color: white;
    padding: 30px 0;
    border-radius: 20px;
    margin: 0 1rem;
}

.mission-card{
    box-shadow: rgba(104,104,104,.1) 0 1px 2px;
}

.mission-row{
    justify-content:center;
}

.quote-box {
    background-color: var(--med-grey);
border-radius: 10px;
padding: 0.6rem;
margin-bottom:15px 
}

.bible-verse{
align-self: flex-end;
}

.img-card{
    border-radius: 10px;
    background-color: white;
    overflow: hidden;
    border: solid 1px #e9eaec;
    box-shadow: rgba(104,104,104,.1) 0 1px 2px;
    flex-wrap:nowrap;
    width:345px;
    padding-bottom: 12px;
}

.img-card .wp-block-post-date{
  
}

.kickoff-card{

}

.img-card figure{
  width: 100%;
}

.img-card figure img{
  width: 100%;
max-height: 375px;
object-fit: cover;
}


.event-card {
background-color: white;
border-radius: 20px;
padding: 1rem;
margin: 0 1rem;
}



.event-time, .event-location {
color: grey;
}

.green-badge, .green-badge-links a{
 border-radius: 5px;
color: white;
background-color: var(--main-green);
padding: 5px;
}

.green-badge-links a{
    margin-right: 8px;
}

.green-badge-links span{
    display: none;
}


.wp-block-gallery.has-nested-images figure.wp-block-image{
  flex-grow: 0;
  max-height: 375px;
  object-fit: cover;
}

.wp-block-gallery.has-nested-images figure.wp-block-image img {
border-radius: 10px;
}

.event-pop{
  color: var(--main-green);
position: relative;
left: 20px;
}

.event-pop::before {
       content: '';
       display: inline-block;
       width: 15px;
       height: 15px;
       -moz-border-radius: 7.5px;
       -webkit-border-radius: 7.5px;
       border-radius: 7.5px;
       background-color: var(--main-green);
    position: absolute;
left: -20px;
top: 10px;

}

footer {
background-color: var(--main-green);
color: white;
margin-top: 0;
}

footer .wp-block-heading {
color: white;
}

.footer-contact-row{
align-items: flex-start;
}

.footer-contact-row div {
  flex-grow: 1;
}

.foot-foot{
margin-bottom: 0;
}

@media (max-width: 781px){
  div.section{

  }


  div.mission-box {
   margin: 0;

  }

  .wp-block-query{
      padding: 0;
  }


  .technique-card{
      padding-left:0 !important;
      padding-right:0 !important;
  }
  
  .wp-block-query .kickoff-list {
      padding:0;
      margin: 0;
      
  }

  .kickoff-list li {
      margin-bottom: 15px;
  }


}

.left-title {
  float: left;
  align-self: flex-start;
  font-weight: bold;
}

@media (min-width: 782px){

    .splash-stack{
	min-height: 92vh;
    }
    
    ul.wp-block-post-template {
	display: flex;
	/* flex-direction: column; */
	gap: var(--wp--preset--spacing--50);
    }

    .left-title {
	padding-left: 18%;
    }

    .img-card {
	height: 550px;
    }
    
    .cover-img-col {
	background: 
	    linear-gradient(to left, rgba(36, 143, 71, 0) 0%, rgba(36, 143, 71, 0) 77%, rgba(36, 143, 71, .5) 84%, rgba(36, 143, 71, 0.6) 90%, rgba(36, 143, 71, 1) 100%),
	    url('https://celtics.hambone.cyou/wp-content/uploads/2025/07/IMG_20250619_093307-1024x1024.jpg') no-repeat center;
	height:revert;
	background-size:cover;
    }  

    ul.wp-block-post-template li{
	flex: 1 0 33%;
	margin-block-start: 0;
    }

       
}


/* Contact form */

.wpcf7{
    max-width: 600px;
    background-color: white;
    color: black;
    border-radius: 12px;
    padding: 15px 15px 0 15px; /* less 4 mobile */
    font-weight: bold;
    font-size: 1 rem;
}

.wpcf7 textarea, .wpcf7 input {
    background-color: #fafafa;
    color: #a2a9b5;
    width: 100%;
    box-shadow: none;
    box-sizing: border-box;
    margin-bottom: 8px;
}

.wpcf7-form{
    width: 100%;
}

.wpcf7 p {
    margin: 0;
}

.wpcf7 label {
    font-size: 1rem;
}

.wpcf7 h4 {
    font-size: 1.3rem;
    font-weight: bold;
    margin: 0.5rem 0;
}

input.wpcf7-submit{
    background-color: var(--main-green);
    color: white;
    padding: 1rem 0;
    margin-bottom: 0;
}

/* End of contact form */