/*
 Theme Name:   Bootscore Child
 Description:  Bootscore Child Theme
 Author:       Bootscore
 Author URI:   https://bootscore.me
 Template:     bootscore
 Version:      6.0.0
 Requires at least: 5.0
 Tested up to: 6.6
 Requires PHP: 7.4
 License: MIT License
 License URI: https://github.com/bootscore/bootscore-child/blob/main/LICENSE
 Text Domain:  bootscore
*/

/* 
All style editing is done via /assets/scss/_bootscore_custom.scss
*/

html {
background: white !important;
margin: 0 !important ;
font-family: "Open Sans", sans-serif;
font-weight: 400;
font-style: normal;
}


body{
padding-top:0px;
margin-top: 0px;
font-family: "Open Sans", sans-serif;
font-weight: 400;
font-style: normal;
}


.gallery {
margin-bottom: 10px !important;
}
.gallery::after {
content: '';
display:block;
clear:both;
}
.gallery br {
clear: none !important; 
display: none;
}
.gallery .gallery-item {
width: auto !important;
margin-left: 1vw !important
}
.gallery .gallery-item img {
border: 1px solid #cfcfcf !important;
-webkit-box-shadow: 1px 1px 2px 1px #B0B0B0;
box-shadow: 1px 1px 2px 1px #B0B0B0;
padding: 5px !important
}


ul {
  list-style: none; /* Remove default bullets */
}

.fa-theater-masks, .fa-lightbulb, .fa-users{
font-size: 100px   !important;
margin-top:20px !important;
}

.fa-theater-masks, .fa-check{
color: #F7941D !important
}

.fa-lightbulb, .support h3, hr{
color: #A64EA3 !important
}


.fa-users{
color: #3AC7F3 !important
}


#nav-main{
background: #FFF !important;

}

#nav-main a{
color: #07213A !important;
font-family: "Open Sans", sans-serif;
font-weight: 400;
font-style: normal;
font-size: 1em  !important
}



#nav-main img{
max-height: 100px
}


aside, .widget-area,#secondary {
background: transparent !important
}

.card {
padding: 20px 10px  20px 10px !important
}




.menu-item{
margin-right: 10px !important;
margin-left: 10px !important
}


.btn a:link,.btn a:hover, .btn a:visited, #one a{
color: #FFF  !important;
font-weight:500 !important
}

strong{
color: #92268D !important;
font-size: 110% !important
}



.btn-info{
background: #F7941D !important;
border: 2px solid #FFF  !important;
-webkit-border-radius: 10px 10px 10px 10px !important;
border-radius: 10px 10px 10px 10px !important;
text-transform:uppercase !important;
color: #FFF !important;
padding: 3vh 5vw 3vh 5vw !important;

}


.btn-primary{
background: #92278F !important;
border: 2px solid #FFF !important;
-webkit-border-radius: 10px 10px 10px 10px !important;
border-radius: 10px 10px 10px 10px !important;
text-transform:uppercase !important;
color: #FFF !important;
padding: 3vh 5vw 3vh 5vw !important;

}



.btn-dark{
background:#000 !important;
border: 2px solid #F6C6CD!important;
-webkit-border-radius: 10px 10px 10px 10px !important;
border-radius: 10px 10px 10px 10px !important;
text-transform:uppercase !important;
}


hr {
margin: 20px 0 20px 0 !important;
width:100% !important;
}

p,ol,ul {
font-family: "Open Sans", sans-serif;
font-weight: 400;
font-style: normal;
font-size:1.1em !important
}

li{
margin-left:0px !important
}


h1 {
font-family: "Playfair", serif;
font-weight: 400;
font-style: normal;
color: #92288f !important;
font-size: 3.2em !important
}

h2 {
font-family: "Playfair", serif;
font-weight: 400;
font-style: normal;
font-size: 3.2em !important
}

h3,h4,h5{
font-family: "Playfair", serif;
font-weight: 400;
font-style: normal;
}


#footer a{
color:white !important;
text-decoration:none !important
}

#footer li{
padding-top: 10px !important  
}


#footer{
background:#3881C3 !important;
color:#FFF !important;
font-size:90% !important
}


#footer2 ul {
column-count: 1;

}

.fa-brands{
font-size: 2em
}


a:link, a:visited {
color: #92268D !important;
text-decoration:none
}



a:hover,.current-menu-item a.current_page_item a{
text-decoration:none;
background: transparent !important
}

#content{
width: 100vw !important;
margin-top: 5vh !important;

} 

section{
width: 100vw !important;


} 


a:focus {
  outline: none !important;
}

*:focus:not(:focus-visible) {
  outline: 0 !important;
  box-shadow: none !important;
}

.separator{

}



.bg-light{ 
background:#FFFFFF !important
}

.about h2,.events h2,.gallery h2,.classes h2{
color: #92288f !important;
}

.classes h2{
font-size: 2.3em !important;
line-height: 100% !important
}

.classes .fs-4{
color: #3881C3 !important;
}


.data{
color: #3881C3 !important;
}



.blue {
width: 100% !important;
color: white !important;
background:#3881C3
}

.light-purple {
width: 100% !important;
background:#EDEAF0;
margin-top:0 !important
}

.dark-purple {
width: 100% !important;
background:#7A30BD;
margin-top:0 !important;
color: white !important;
padding-top: 20vh !important;
padding-bottom:20vh  !important
}

.dark-purple p{
max-width: 70% !important;
margin: auto
}




.one {
min-height: 75vh
}


.one h1{
color: #FFF !important;
font-size: 4.5em  !important
}

.one h3{
color: #FFF !important;
font-size: 2.6em  !important;
margin-bottom: 10vh
}


#nav-main .dropdown-item{
color:#062039 !important;
margin: 2vh 0 2vh 0;
display:block !important; 
max-width:280px !important;
overflow-wrap: break-word !important;
z-index:9999999 !important;
font-size: 0.9em !important
}

.depth_0{

}


.current-menu-item a { 
background: transparent !important
}

#nav-main .menu-item:hover > .dropdown-menu {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.dropdown-toggle:after {
display: none;
}


@media only screen and (max-width:80em) { 
.logo{
max-height: 70px !important
}

.btn-info,.btn-primary,.btn-dark{
padding: 2vh 3vw 2vh 3vw !important;

}
}

@media only screen and (max-width:86.125em) { 
#nav-main a{
font-size: 0.9em  !important
}


.menu-item{
margin-right: 5px !important;
margin-left: 5px !important
}


.one{
height: 600px !important;
min-height: 600px !important;
max-height: 600px !important;
}

.dark-purple{
max-height: 500px !important;
padding-top: 10vh !important;
padding-bottom:10vh  !important

}

.logo{
max-height: 50px !important
}

.btn-info,.btn-primary,.btn-dark{
padding: 1vh 3vw 1vh 3vw !important;

}

.one h3{
margin-bottom: 4vh !important
}

}

@media only screen and (max-width:156.25em) and (min-width:64em) { 
#one h3 {

}
}

@media only screen and (max-width:62em) { 
section{
padding-left: 20px !important;
padding-right: 20px !important;
}


}

@media only screen and (max-width:53.125em) { 
.logo{
max-height: 90px !important
}
}

@media only screen and (max-width:31.25em) { 
#why h2{
padding-top: 10px !important;
} 

#content{
margin-top: 0vh !important;
} 
.logo{
max-height: 70px !important;
margin-left: 20px !important
}

#one h1,.why h2 {
line-height:90% !important
}

.why h2,.founder h2 {
margin-top: 20px !important
}

#one{
padding-left: 10px !important;
padding-right: 10px  !important
}

.extra{
margin-bottom: 10px
}

.btn-primary, .btn-info{
	min-width:95% !important
}

#news{
padding-left: 10px !important;
padding-right: 10px !important;
font-family: "Caveat", cursive;
font-style: normal;

}

.gallery-item {
float: none!important;
margin: auto;
width: auto!important;
min-width: 180px;
margin-top: 10px
}

.gallery-item img {
width: 100% !important;
min-height:150px !important;
max-width:150px !important;
height:auto !important
}


}


@media only screen and (max-width:20em) { 
.logo{
max-height: 50px !important;
margin-left: 10px !important
}
}