/* This CSS stylesheet specifically refers to just Counselors, About Us, and  Career Opportunities 
    - addictions.html
    - addictions.js
    - addictionselfscreen.html
*/

/*Addictions.HTML*/
#meeting-tabs{
    width: 70%;
}

.location-buttons{
    display: flex;
}


.meeting-buttons{
    border: black solid 1px; 
    padding-top: 35px;
    padding-bottom: 35px;
    height: 20%;
    text-align: center;
}

#meeting-locations{
    border: solid black 1px;
    display: flex;
    text-align: center;
    padding: 5px 5px;
}

#meeting-times {
    overflow-y:scroll;
    border-top: black dashed 3px;
    height: 400px;
    margin-top: 0;
    margin-bottom: 0;
    text-align: left;
}

#ExternalLink {
    width: 20%;
    text-align: center;
    border: solid black 1px;
    height: auto;
    padding: auto;
    text-decoration: none;
    
}

.info-button {
    border: black solid 2px;
    border-radius: 6px;
    padding: 5px;
    text-align: center;
    margin-top: 40px;
}

.page-info div {
    justify-content: center;
    text-align: center;
}

.location-toggle {
    margin: 5px 2px;
    height: fit-content;
    text-align: left;
}

.hide-button {
    display: none;
}

.group-day{
    font-weight: bold;
}

.group-meet{
    font-weight: normal;
}

.hidden-meet{
    display: none;
}


.questionaire-tab{
    display: flex; 
    border: solid black 1px;
}

.tab-inner{
    width:33.3333333333%; 
    text-align: center; 
    padding-bottom: 10px; 
    padding-top: 10px;
    border: black solid 1px;
}

/* Self Screening CSS */
#button-back, #button-next {
    width:150px; 
    border-radius: 15px;
}
#ScreenScore {font-weight: bold;}
#ScreenMessage {font-style: italic;}

.question-avalible {
    display: flex; 
    margin-top: 5px; 
    margin-bottom: 5px; 
}

.question-avalible p{
    width: 80%; 
    margin-left: 5%; 
    padding-right: 5px;
}

.question-content {
    width: 15%;
    text-align: center;
    height: fit-content;
    padding:2% 0;
}

.questionaire-part {
    margin-bottom: 10px; 
    width: 80%; 
    margin-left: 10%;
    margin-right: 10%;
}
.question-center {
    text-align: center;
}

.Hidden{
    display: none;
}
.Page{
    display: block;
}