.btn-responsive{width:100%}.red{color:#ff3d4d}body{padding-bottom:50px}.navbar{margin-bottom:20px}.dropdown-menu .nav-link{margin-left:10px}.oyb{width:100%;padding:20px}.oyb .oyb-header{overflow:auto;margin:10px 0px;display:flex;flex-direction:column;text-align:center}.oyb .oyb-header .oyb-title{font-size:2em}.oyb .oyb-header .oyb-date{font-size:1.4em;color:#777}.oyb .oyb-nav-links{display:flex;flex-direction:column;align-items:center;margin:30px 0px}.oyb .oyb-nav-links .oyb-days{display:flex;justify-content:center;width:100%;margin-bottom:20px}.oyb .oyb-nav-links .oyb-days .oyb-update{background:#bb499d;color:#fff;font-weight:800}.oyb .oyb-nav-links .oyb-days .oyb-version{width:120px;text-align:center;padding:5px;height:42px;display:flex;margin:0 5px 5px 5px;border:2px solid #008cba}@media(min-width: 401px)and (max-width: 768px){.oyb .oyb-nav-links .oyb-days .oyb-update{flex:1}.oyb .oyb-nav-links .oyb-days .oyb-version{flex:2}}@media(max-width: 400px){.oyb .oyb-nav-links .oyb-days .oyb-button-text{display:none}.oyb .oyb-nav-links .oyb-days .oyb-update{flex:1}.oyb .oyb-nav-links .oyb-days .oyb-version{flex:5}}.oyb .oyb-nav-links .oyb-sections{width:100%;display:flex;overflow:scroll}.oyb .oyb-nav-links .oyb-sections::-webkit-scrollbar{display:none}.oyb .oyb-nav-links .oyb-sections{-ms-overflow-style:none;scrollbar-width:none}.oyb .oyb-nav-links .oyb-sections .oyb-nav-button{margin-right:5px;white-space:nowrap}@media(min-width: 768px){.oyb .oyb-nav-links .oyb-sections{justify-content:center}}.oyb .oyb-nav-links .active{background:#008cba;color:#fff}.oyb .oyb-nav-links .oyb-nav-button,.oyb .oyb-nav-links .oyb-update{padding:8px 15px;border:1px solid #777;margin-bottom:5px;text-decoration:none;text-align:center}.oyb .oyb-devotional-title{font-size:1.8em;color:#008cba}.oyb .oyb-devotional-author{font-size:1.2em;color:#777;margin:20px 0px}.oyb .oyb-passage{margin-top:25px;display:none}.oyb .oyb-passage.active{display:block}.oyb .oyb-passage .oyb-passage-title{font-size:1.8em;margin-bottom:20px;color:#008cba}.oyb .oyb-passage .oyb-passage-text h3{font-size:1.4em}.oyb .oyb-passage .oyb-passage-text .wj{color:#ff3d4d}.oyb .oyb-passage .oyb-passage-text .v{color:#008cba;margin-right:5px;font-weight:800}.oyb .oyb-passage .oyb-passage-text .v:after{content:"."}a{color:#000;text-decoration:none}select{background:rgba(0,0,0,0);width:70px;padding:0px 15px;font-size:1em;line-height:1;border:1px solid gray;border-radius:0;height:35px;-webkit-appearance:none}.reading-plans a{text-decoration:none}.reading-plans a .reading-plan{border:1px solid #008cba;border-radius:4px;padding:20px;flex:1}.reading-plans a .reading-plan .content{margin-left:20px}.reading-plans a .reading-plan .content .title{font-size:1.4em;font-weight:800;color:#000}@media(max-width: 498px){.reading-plans a .reading-plan{flex-direction:column;align-items:center}.reading-plans a .reading-plan .image{margin-bottom:20px}.reading-plans a .reading-plan .content{margin-left:0px}.reading-plans a .reading-plan .content .title{text-align:center}}