/*
 Theme Name:   Particle
 Description:  bootScore Child Theme
 Author:       bootScore
 Author URI:   https://bootscore.me
 Template:     bootscore-main
 Version:      5.1.0.1
 Text Domain:  bootscore
*/

/* 
All style editing is done via css/scss/_bscore_custom.scss
*/



 @font-face {
                /* Font Name to use*/
                font-family: 'Inter';
                /* Font path*/
                src: url('assets/font/Inter-VariableFont_slnt.wght.ttf');
            }

@font-face {
                /* Font Name to use*/
                font-family: 'Particle';
                /* Font path*/
                src: url('assets/font/particle.ttf');
            }

.container {
    color:  #000;
}

.main_heading {
                    text-transform: uppercase;
                    font-size: 40px;
                    font-weight: 400;
                    color:  #000;
                }

.morePress{
    padding-top: 20px;
    font-size: 1rem;
    text-transform: uppercase;
}
.morePress a {

      color: #000;
}

.morePress a:hover {

      color: #000;
}



@media only screen and (min-width: 768px) {

.main_heading {
                    text-transform: uppercase;
                    font-size: 70px;
                    font-weight: 400;
                    color:  #000;
                    height: 80px;
                    overflow: hidden;
                    white-space: nowrap;
                }

.main_heading .wrap {
                    height: 80px;
                    overflow: hidden;
                    white-space: nowrap;
                }




.morePress{
    font-size: 1.5rem;
  
}

}

.main_btn {
    border-color:  #000;
}

.btn-check:focus+.btn, .btn:focus, .btn:active {
    outline: 0;
    box-shadow: none !important;
}

@media only screen and (max-width: 600px) {
                body {
                    /*background-color: lightblue;*/
                }
                .main_fnt {
                    font-size: 33px;
                    line-height: 1.2;
                }
                .read_more {
                    cursor: pointer;
                    font-size: 15px;
                }
                body {
                    padding-top: 30px;
                    padding-bottom: 60px;
                }
                
                .main_btn {
                   /* display: inline-block;
                    flex: 1;
                    min-width: 33%;
                    font-size: 35px; */
                   
                  
                    text-transform: uppercase;
                    padding-top: 10px;
                    padding-bottom: 10px;
                    padding-left: 20px;
                }

                .accordion-body {
                    display: inline-block;
                    font-size: 27px;
                    flex: 1;
                    min-width: 33%;
                   
                    padding-top: 10px;
                    padding-bottom: 10px;
                    padding-left: 20px;
                }
           


                .border-all, border-b, .border-t {
                    border-bottom: 1px solid #000000;
                } 
                .main_contact {
                    font-size: 15px;
                    padding-top: 30px;
                    padding-bottom: 30px;
                }
                #readMore {
                    font-size: 32px;                    
                }

                  #particlemenu {
                    font-size: 32px;                    
                }
                .bottom_fnt {
                    font-size: 2rem;
                    font-family: Particle;
                    letter-spacing: 0.2rem;
                }
                 .bottom_fnt_link{
                    font-family: Inter;
                     letter-spacing: normal;
                 }
            }


    @media only screen and (min-width: 600px) {
                body {
                    /*background-color: lightblue;*/
                }
                .main_fnt {
                    font-size: 30px;
                     line-height: 1;

                }

                .accordion-body{

                     font-size: 44px;
                     line-height: 1.2;
                     padding: 1rem 1.25rem 0 1.25rem;


                }
                .read_more {
                    font-size: 25px;
                }
                body {
                    padding-top: 30px;
                    padding-bottom: 90px; 
                } 
               
                .main_btn {
                     /* display: inline-block;
                     flex: 1;
                      min-width: 33%;  */

                    font-size: 30px;            
                   
                    text-transform: uppercase;
                    padding-top: 10px;
                    padding-bottom: 10px;
                    padding-left: 20px;
                }
                
                 .container_main_heading {
                    padding-top: 60px;
                    padding-bottom: 60px;
                 }
                
                .container_main_links {
                    padding-top: 60px;
                    padding-bottom: 60px;
                }
                


                .border-all {
                    border: 1px solid #000000;                    
                }
                .border-b {
                    border-bottom: 1px solid #000000;
                }
                .border-t {
                    border-top: 1px solid #000000;
                }
                .main_contact {
                    font-size: 25px;
                    padding-top: 60px;
                    padding-bottom: 60px;
                }

                .main_contact_project {
                    font-size: 25px;
                    padding-top: 45px;
                    padding-bottom: 45px;
                }
                #readMore {
                    font-size: 69px;                    
                }
                  #particlemenu {
                    font-size: 40px;                    
                }
                .bottom_fnt {
                    font-size: 3rem;
                    font-family: Particle;
                     letter-spacing: 0.2rem;
                }
                 .bottom_fnt_link{
                    font-family: Inter;
                     letter-spacing: normal;

                 }
            }

           

            /* BG Change Start */
            body {
                font-family: 'Inter';
                /*animation: myanimation 25s infinite;*/
            }
            /*
            @keyframes myanimation {
                0% {background-color: #71bf52;}
                20%{background-color:#fffb61;}
                40%{background-color:#fc2837;}
                60%{background-color:#ff8e46;}
                80% {background-color: #9c49ac;}
                100% {background-color: #00b4d8;}                
            }*/
            /* BG Change End */  
            .p-l-20 {
                padding-left: 20px;
            }
            hr {
                margin-bottom: 0px;
            }
            a {
                text-decoration: none;
                color: #000000;
            }
            .modal-dialog {
                max-width: 100%;
                background-color: black;
                color: white;
                margin: 0;
                min-height: 100%;
            }


            .modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #000;
    background-clip: padding-box;   
    border-radius: 0.3rem;
    outline: 0;
        line-height: 1.2;

}

.modal-header {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1rem;
    margin: -0.5rem 1rem 0 0;
    border-bottom: 0px solid #dee2e6;
    border-top-left-radius: calc(0.3rem - 1px);
    border-top-right-radius: calc(0.3rem - 1px);
}

.btn-close {
    box-sizing: content-box;
    width: none;
    height: none;
    font-family: Particle;
    
    font-size:  4rem;
    color: #000;
    background: none;
    border: 0;
    border-radius: 0.25rem;
    opacity: 1;
    }

.bottom_link {

    padding-bottom: 60px;
    padding-top: 60px;
}


            .bottom_link .text_hide {
                display: none !important;                
            }
            .bottom_link:hover .text_hide {
                display: inline !important;                 
            }

.plus{
    color: black;
    font-size: 4rem;
    margin-top: -1rem;
    margin-right: 1rem;
    font-family:  Particle;
}

.read_more{
    cursor: pointer;
}


@media (max-width: 782px) {
  #wpadminbar {
    position: fixed;
  }

  .logged-in.admin-bar .fixed-top,
  .logged-in.admin-bar .offcanvas:not(.offcanvas-bottom),
  .logged-in.admin-bar .modal {
    top: 0px;
  }

  .logged-in.admin-bar .modal-fullscreen {
    height: calc(100% - 46px);
  }
}

@media (min-width: 783px) {
  .logged-in.admin-bar .fixed-top,
  .logged-in.admin-bar .offcanvas:not(.offcanvas-bottom),
  .logged-in.admin-bar .modal {
    top: 0px;
  }
}


  .nav-link{
    margin: 0;
    color: white;
    padding: 0;
  } 

  .nav-link a:hover{
    color: white;

  }

.navbar{
        position: absolute;
    /* display: flex; */
    flex-wrap: wrap;
    align-items: end;
    justify-content: space-between;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    /* width: 300px; */
    right: 0;
    text-align: right;
}



#bootscore-navbar{

    width: 300px;
    text-align: left;

}


.dropdown-menu {
    position: absolute;
    z-index: 1000;
    display: none;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0;
    font-size: 1rem;
    color: white;
    text-align: left;
    list-style: none;
    background-color: black;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;

}


.dropdown-item {
    font-size: 1.5rem;
    display: block;
    width: 100%;
    padding: 0.25rem 1rem;
    clear: both;
    font-weight: 400;
    color: white;
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}


.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: black;
}

     .main_btn:hover {
                   color: white;
                   background-color: black;
    }
    .main_btn:hover a {
                   color: white;
                   background-color: black;
    }
hr {background-color: black; opacity: 1}


.accordion-item {
    background-color: transparent;
    border-bottom: 0px solid rgba(0, 0, 0, 1);
}

.accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 1rem 0;
    font-size: 2rem;
    text-transform: uppercase;
    color: #000;
    text-align: left;
    background-color: transparent;
    border-bottom: 0px black solid;
    border-radius: 0;
    overflow-anchor: none;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease; */
}

.accordion-button:focus {
    z-index: 3;
    border-color: transparent;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 0%);
}
.accordion-button:hover {
    z-index: 2;
}
.accordion-button:not(.collapsed) {
    color: #000;
    background-color: transparent;
    box-shadow: inset 0 -1px 0 rgb(0 0 0 / 0%);
}

.accordion-button::after {
    flex-shrink: 0;
    width: 0;
    height: 0;
    margin-left: auto;
    content: "";
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e);
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform 0.2s ease-in-out;
}


.accordion-body {

     border-bottom: 1px black solid;
}


.project_image{
    width:  100%;
    text-align:  center;
    padding: 60px 0 60px 0;
    
}
.project_image img {width:  100%}

.project_sponsors {
    padding:  60px 0 60px 0;
    text-transform: uppercase;

    font-size:  1.5rem;

}

.project_sponsors a, .project_sponsors a:hover {

    color:  black;

}

.project_press_kit {
    text-transform: uppercase;

    font-size:  1.5rem;

}

.project_press_kit a, .project_press_kit a:hover {

    color:  black;

}

.contactsMenu {

    font-size: 1.5rem;
}


.accordion [aria-expanded=true]{
  /*
  http://caniuse.com/#feat=pointer-events
  Works for MOST modern browsers. (- Opera Mobile)
  */
  pointer-events: none;
}

@media (hover: hover) {

    .bottom_fnt_link {

    opacity:  0;
}
}


@media (hover: none) {

    .bottom_fnt_link {

    opacity:  1;
}
}






.bottom_fnt a {

    color:  #000;
}

.bottom_fnt a:hover {

    color: #000;
}


.bottom_fnt a:hover  .bottom_fnt_link {
   
opacity: 1;
   }

.viewLink{
    opacity: 1;
}




.nav-link:hover, .nav-link:focus {
    color: #fff;

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

.dropdown-item {
    text-transform: uppercase;
}

.main_contact a, .main_contact a:hover {

    color: #000;
}

.centerFooter {
    text-align: center;
    display: inline-flex;
}

.centerFooter li{
    padding-left: 20px;
    padding-right: 20px;
}

.centerFooter li a, .centerFooter li a:hover, .centerFooter li a:visited, .centerFooter li a:focus{
    color: #000000;
}

ul#footer-menu {
    padding-left: 50px;
    padding-right: 50px;
}

@media (max-width: 700px) {
    ul#footer-menu {
        padding-left: 10px;
        padding-right: 10px;
    }
    .centerFooter li{
    padding-left: 10px;
    padding-right: 10px;
}
  }