/*
* NSASS - National Sports and Society Survey
* OSU Department of Sociology
* Authored by CHRR at The Ohio State University
* Updated: 01/22/2025
*/

.text-left{text-align:left;}
.text-center{text-align:center;}
.text-right{text-align:right;}
.mb-0{margin-bottom:0;}
.mb-2{margin-bottom:2rem;}

.sr-only{
	position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}

/* header */
header{background-color:#fff;padding:auto 20px;}
header div img{display:block;margin:30px auto;text-align:center;}
header p, footer .p-contact{color:#575850;font-size:1em;margin-bottom:.25em;}
header p a, footer .p-contact a{text-decoration:none;}
header p span.account, footer .p-contact span.account{color:#1c009b;margin-left:10px;white-space:nowrap;}
header p span.follow-us{margin-left:30px;}

/*nav bar*/
nav{background-color:#858a9e;padding-bottom:.35em;padding-top:.6em;text-align:center;}
nav a.button{height:25px;line-height:27px;margin-bottom:3px;margin-top:0;width:95%;}

/* content */
div.full-width{width:100%;overflow-x:hidden;}
div.container{padding-top:2em;}
section{padding-bottom:2em;}
ol, ul{margin-left:.75em;}
section ol{list-style-type:upper-alpha;}
section ul{color:#1c009b;font-size:1.2em;list-style-type:none;text-align:center;}
.research-ul ul{color:#000000;font-size:1em;list-style-type:circle;margin-left:0;text-align:left;}
section ul li a{text-decoration:none;}
section i{margin-right:.5em;}
section div#accordion, form, .tint-box{background-color:#efefef;border-radius:10px;padding:1em;}
section div#accordion h3{border-bottom:1px solid #1c009b;cursor:pointer;font-family:'proximanova',Arial,sans-serif;outline:none;font-size: 1.75rem;}


label.radio-inline{display:inline;}
.input-mb{margin-bottom:30px;}
p.p-intro{font-size:1.2em;}
.btn-app{font-size:12px;line-height:40px;padding:0 8px;width:100%;box-sizing: border-box;}

/* footer */
footer{background-color:#fff;border-top:#858a9e 1px solid;padding:1em 1em 1em 1em;}
footer img{height:100%;width:100%;margin-bottom:1.5em;}
footer div.contact p{color:#575850;font-size:1.1em;text-align:center;font-size:.9em;}
footer p.copyright{margin-bottom:0;text-align:center;font-size:.8em;}
footer div.contact p:first-child{margin-bottom:.75em;}

/* Media Queries
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* Larger than mobile */
@media (min-width: 400px) {
    footer img{height:75%;width:75%;}
}

/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {
    header img.nsass-logo{float:left;height:50%;margin:2em 0 2em 2em;width:50%;}
    header div.contact{padding:2em 1em 0 0;text-align:right;}
    header div.contact p:first-child{margin-bottom:1.5em;}
    nav{padding-bottom:0;}
    nav a.button{height:38px;line-height:38px;margin-bottom:10px;margin-right:.5em;width:40%;}
    section div#accordion{margin:1em;}
    footer div.contact p:first-child{margin-bottom:1.5em;}
    .btn-app{font-size:13px;line-height:38px;padding:0 30px;width:65%;}
}

/* Larger than tablet */ /* buttons and logo are good here, need tweaks for lower*/
@media (min-width: 769px) {
    nav a.button{width:auto;}
    ol, ul, section#ongoing-research ul{margin-left:2em;}
    footer div.contact p{text-align:center;font-size:1.1em;}
    footer p.copyright{text-align:right;font-size:.9em;}
}

/* Larger than desktop */
@media (min-width: 1000px) {
    header img.nsass-logo{float:right;height:40%;margin:2em 4em 2em 0;width:40%;}
    footer img{height:70%;width:70%;}
    .btn-app{width:40%;}
}

/* Larger than Desktop HD */
@media (min-width: 1200px) {
    body {font-size: 1.75em;line-height: 1.8;
    }
}