@import url('https://fonts.googleapis.com/css2?family=Sansita+Swashed:wght@600&display=swap');
/*
* loading
*/
#loading {
    background: url('media/images/frontPage/sports_gifs/bouncingBall.gif') no-repeat center center;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 9999999;
}
/*body {
    background: #0066ff;
}*/
/* for debugging */
.test {
    border: 1px solid black;
}

/*
*Navigation
*/
.navbar {
    z-index: 9;
}

#navbar_div {
    min-height: 600px;
} 

.logo-nav {
    width: 40px;
    height: 40px;
    border: 1px solid black;
    border-radius: 100%;
}

#title {
    background: linear-gradient(90deg, rgba(255, 51, 0, 1) 29%, rgba(255, 255, 255, 1) 51%, rgba(3, 133, 3, 1) 73%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: bold;
}
.header-img {
    width: 100%;
    max-height: 700px;
}

.nav-top #title {
    font-size: x-large;
    display: inline;
    color: whitesmoke;
}

/*
*Slider
*/
#headSlider {
    position: absolute;
    width: 100%;
    top: 0;
    height: 600px;
}
.slider_img{
    height: 600px;
    width: 100%;
}

/*
*Overlay header
*/
.overlay_header {
    position: relative;
    z-index: 2;
    top: 200px;
    text-align: center;
    width: 100%;
}

.overlay_header h2 {
    padding: 20px;
    border-radius: 20px;
    background-color: rgb(0, 102, 255,0.6);
    font-size: x-large;
    border-bottom: 10px solid #003d99;
    font-style: oblique;
}
.cta {
    border-radius: 20px;
    padding: 10px 20px;
}
.register_cta {
    background-color: #0066ff;
    border-color: #003d99;
}

/*
*About us
*/
.about {
    color: whitesmoke;
    font-size: larger;
    font-family: 'Sansita Swashed', cursive;
}

.about_logo {
    border-radius: 100%;
    height: 100px;
    width: 100px;

}
#content-about-us {
    /* 
    background: rgb(51, 133, 255);
	    background: rgb(201, 118, 40) !important;
    background: linear-gradient(180deg, rgba(51, 133, 255, 1) 0%, rgba(0, 102, 255, 1) 51%, rgba(0, 61, 153, 1) 100%);
    background-position: center center;
    background-repeat: no-repeat;**/
}


/*
*Team
*/
.team-img {
    width: 65%;
    /*height: 170px;*/
    border-radius: 100%;
    position: relative;
    top: 40px;
}

.team-about {
    width: 100%;
    height: 220px;
    background: #212121;
    border-style: ridge;
    border-width: 10px;
    border-color: #ffc107;

}

.officer-social{
    border: 1px solid #ffc107;
    padding: 10px;
    margin: 5px;
    border-radius: 100%;
    color: #ffc107;
}

.officer-social:hover{
    border-color: #ffc107;
    background-color: #ffc107;
    color: #212121;
    text-decoration: none;

}

.middle_section {
/**	    background: rgb(201, 118, 40) !important;
 background: rgb(51, 133, 255);
 background: linear-gradient(180deg, rgba(51, 133, 255, 1) 0%, rgba(0, 102, 255, 1) 51%, rgba(0, 61, 153, 1) 100%);
 ;
	**/
}
.mymove{
     position: relative;
     animation: mymove 5s infinite;
     animation-direction: alternate;
}

@keyframes mymove {
    from {
        left: 10%;
        /* top: 10px; */
    }

    to {
        left: 60%;
        /* top: 60px; */
    }
}


.rotate{
      animation: rotate 7s infinite;
}



@keyframes rotate {
    50% {
        transform: rotate(180deg);
    }
}

.running_boy {
    position: relative;
    animation: running_boy 5s infinite;
    max-height: 180px;
    max-width: 180px;

}

@keyframes running_boy {
    from {
        left: 10%;
    }

    to {
        left: 40%;
    }
}
/*
*members
*/

#content-about-us{
    background-image: url('https://schoolgamesindia.org.in/wp-content/uploads/2023/12/pngtree-world-cup-blue-gradient-flat-football-banner-image_194909.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  
}

.middle_section{
    background-image: url('https://schoolgamesindia.org.in/wp-content/uploads/2023/12/corporate-business-blue-wide-banner-design-background-abstract-modern-3d-banner-design-with-dark-blu.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  
}
memberSection{
    background-image: url('https://schoolgamesindia.org.in/wp-content/uploads/2023/12/pngtree-world-cup-blue-gradient-flat-football-banner-image_194909.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  
}
.section_title_div{
    border: 1px dotted white;
    border-radius: 100%;
    border-bottom: 10px double white;
    margin: 40px 10px;
    padding: 20px 0px;
}
.section_title {
    color:whitesmoke;
}

.section_title_div_white{
    border: 1px dotted #ffc107;
    border-radius: 100%;
    border-bottom: 10px double #ffc107;
    margin: 40px 10px;
    padding: 20px 0px;
}
.section_title_white{
    color:#ffc107;
}

.member_name{
    margin-top: 10px;
    margin-bottom: 0    ;
    font-size: larger;
    color: white;
}

.member_deg{
    color: whitesmoke;
}
.member-photo{
  /*border-radius: 30%;*/
    height: 200px;
}

#affiliation{
    background-image: url('../media/images/frontPage/decor/pink_shape.png');
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 75%;
}


.aff-img{
    /*border-bottom: 10px  solid gold;*/
    min-height: 250px;
    max-height: 350px;
    padding: 10px;
}

.aff-info{
    padding: 20px 0;
}

.aff-info h3{
    color: gold;
    font-family: 'Sansita Swashed',
    cursive;
}

.aff-info button{
    border-radius: 20px;
}


/*
News
*/
#news_section{
     background-image: url('../media/images/frontPage/decor/black_line.png');
     background-repeat: repeat-y;
     background-position: top top;
     background-size: 50%;

}
.news_photo{
    min-height: 400px;
    max-height: 450px;
    padding: 5px;
}

.news_button{
    border-radius: 20px;
    background-color: #0066ff;

}

/*
*Games
*/
#games{
    background-color: #f8f8ff;

}

/*
Enquiry
*/

.enquiry{
   /* background: url('../media/images/background/dark.jpg');*/
    background-color:   #001f4d;
}
.enquiry label{
    color: whitesmoke;
}

/*
testimonial
*/
.testimonial_img{
    border-radius: 100%;
    border:1px solid black;
    width: 100px;
    height: 100px;
}

#testimonial_title{

}

#testimonial_body{

}


/*
Footer
*/
footer{
    background-color:   #001f4d;
    color: white;
}
footer a{
    color: white;
}
footer a:hover{
    color: gray;
    text-decoration: none;
}

footer .social-icon{
    border: 1px solid white;
    padding: 10px;
    border-radius: 100%;
}

footer .social-icon:hover{
    border-color: #003d99;
    background-color: #003d99;
    color: #ffc107;
}


.supporter {
    background: white;
}

.supporter_img {
    height: 120px;
    width: 120px;
}
.img_wyg{
    height: 120px;
}

.img_shihan{
    border-radius: 100%;
}

.color-saffron {
    color: #f4c430
}

.color-green {
    color: green;
}

.color-light-primary {
    /*color: #d1c4e9;*/
    color: whitesmoke
}

.color-primary {
    color: #8b008b;
}

.color-accent {
    color: #ffc107;
}

.color-dark-primary {
    color: #8b008b;
}

.svg-inline--fa {
    vertical-align: -0.2em;
}