/*
    Red color: rgb(166, 32, 70);
    Black: rgb(4,5,46);
*/
html, body{ position: relative; min-height: 100vh;}
body{color:rgb(4,5,46); font-family: 'Lato', sans-serif; font-size:14px; font-weight: 300;}
a{color:rgb(4,5,46); text-decoration: none}
a:hover{text-decoration: underline ;color:rgb(166,32,70);}
button:focus, select:focus, .btn.focus, .btn:focus{outline: none; box-shadow: none;}
.form-control:focus{border: 1px solid #ced4da; outline: none; box-shadow: none;}

.main-content a{color:rgb(4,5,46); text-decoration: none;}
.main-content a:hover{text-decoration: underline; color:rgb(166,32,70);}

.container{margin-left:0;}
.wrapper{min-height: 100%;}
.main-wrapper{min-height: calc(100vh - 85px);}
.sidebar{height: 100vh; width: 250px; position: fixed; z-index: 1; background-color: rgb(250, 250, 250);}
.sidebar-nav{margin: 50px 0 0 15px;}
.sidebar-nav li{margin-bottom: 10px;}
.sidebar-nav li a{font-size: 16px; font-weight: 400;}
.top-navigation{padding: 25px 15px 0 0;}
.top-navigation a{color:rgb(4,5,46); text-decoration: none;}
.list-inline{margin-bottom: 0;}
.main-container{margin-left:251px; height: 100%;}
.site-logo{width: 150px; display: block; margin: 40px auto 0 auto;}
nav{margin-bottom: 30px;}
.navbar{padding:0;}
.navbar-brand img{width: 90px;}
.custom-toggler.navbar-toggler {border:0;}
.custom-toggler.navbar-toggler:focus{outline: none;}
.custom-toggler .navbar-toggler-icon {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgb(166,32,70)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");}

.main-nav{margin-top:8px;}
.main-nav li a, .sidebar-nav a{font-size: 18px; font-weight: 600;}
.main-nav li a, .top-navigation a, .sidebar-nav a{color: rgb(4,5,46); text-decoration: none;}
.main-nav li a:hover, .top-navigation a:hover, .sidebar-nav a:hover{color:rgb(166,32,70); text-decoration: underline;}
.main-nav li.active a, .top-navigation li.active a, .sidebar-nav li.active a{color:rgb(166,32,70); text-decoration: underline;}
.main-nav li.active a:hover, .top-navigation li.active a:hover, .sidebar-nav li.active a:hover{text-decoration: none;}

.sorting-options{padding: 10px 0; border-top: 1px solid rgb(243,243,243); font-size: 13px;}
.sorting-options select{font-size: 13px;}
/*.legal-checkbox label{font-size: 12px; padding-left: 26px;}*/

.plain-date{font-weight: 300; font-size: 14px;}

.show-more{text-align: center; margin: 30px 0 60px 0;}
.show-more button{display: initial;}

.site-content{border-top: 1px solid rgb(243,243,243); padding-top:35px;}
.site-content h1{font-size: 16px; font-weight: 600; padding-bottom: 30px; margin-bottom: 0;}

.banners-sidebar{text-align: center;}
.banners-sidebar .rekl{position: sticky; top: 20px;}
.b250{width: 160px; height: 600px}

.sidebar-search{margin-top: 40px;}

.form-control{padding: 6px; font-weight: 300; font-size: 14px; border-radius: 3px;}
.form-check{padding-left: 0;}
.search-button{border: 0; background-color: transparent;}
.search-button:focus{outline: none;}
.btn-gray{border-radius: 0; outline: none; border: 1px solid transparent; background-color: rgb(242,242,242); margin-top: 20px; font-size: 13px; font-weight: 400; padding: 6px 35px; text-decoration: none;}
.btn-gray:hover{border: 1px solid rgb(187,187,187);}
.btn-no-block{display: initial;}
.link-gray{color: rgb(4,5,46); text-decoration: none;}
.add-new{margin-top: 0; padding: 6px 26px; font-size: 13px; font-weight: 400;}

/* Custom Checkbox */
.custom-box{display: block; position: relative; padding-left: 25px; margin-bottom: 12px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.custom-box input{position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;}
.check{position: absolute; top: 2px; left: 4px; height: 15px; width: 15px; background-color: #eee; border: 1px solid #ced4da; border-radius: 3px;}
.custom-box:hover input ~ .check{background-color: #ccc;}
.custom-box input:checked ~ .check{background-color: #fff; border: 1px solid #ced4da; border-radius: 3px;}
.check:after{content: ""; position: absolute; display: none;}
.custom-box input:checked ~ .check:after{display: block;}
.custom-box .check:after{left: 4px; top: 0; width: 6px; height: 11px; border: 1px solid rgb(166,32,70); border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
label.custom-box a{color: rgb(4,5,46); text-decoration: none;}
label.custom-box a:hover{color:rgb(166,32,70); text-decoration: underline;}

.comment-placeholder{border-top: 1px solid rgb(243,243,243); padding: 15px 0;}
.comment-title{font-weight: 600; font-size: 12px; margin-bottom: 15px;}
.comment-body{text-align: justify;}
.comment-footer{padding-top:15px; font-size:12px; font-weight: 600; margin-bottom: 12px;}
.comment-footer a{text-decoration: underline;}

.reaction-placeholder{padding: 15px 0 15px 60px; border-top: 1px solid rgb(243,243,243);}
.reactions-list{max-height: 400px; overflow-x: scroll;}
.reaction-title{font-weight: 600; font-size: 12px; margin-bottom: 15px;}
.reaction-body{text-align: justify;}
.reaction-footer{padding-top:15px; font-size:12px; font-weight: 600;}
.reaction-footer a{text-decoration: underline;}

.modal-content{border-radius: 0;}
.modal-header button{font-size: 14px; color: rgb(187,187,187); font-weight: 300;}
.modal-header{border-bottom: 0;}

.rating-score{font-weight: 400; margin-bottom: 15px;}
.rating-score span{margin-right: 10px;}
.rating-score img{margin: 3px 4px;}
.vote-counter{margin: 0!important; padding: 0 4px;}
.browse-comments{font-weight: 400; padding-top: 10px;}
.single-comment-container{max-height: 600px; padding: 0 15px; overflow-x: scroll;}

.form-placeholder{border-top: 1px solid rgb(243,243,243); padding: 15px 0;}

footer{margin-left:251px; margin-top: 40px; padding:5px 0 15px 0; text-align: center; font-weight: 300; font-size: 14px;}

@media (max-width: 576px) {
    .sidebar{width: 0;}
    nav{margin-bottom: 30px;}
    .main-container{margin-left:0; height: 100%;}
    .footer{margin-left:0;}
    .site-content{padding:30px 0 0;}
    .navbar-collapse{margin-top:30px;}
    .form-group{white-space: nowrap; padding: 15px 0 0;}
    .sorting-options{border-bottom: 1px solid rgb(243,243,243);}

}
@media (min-width: 577px) and (max-width: 768px){
    .container {max-width: 100%;}
}

@media (min-width: 768px) and (max-width: 992px){
    .site-logo{width: 120px; margin-top: 50px;}
    .sidebar{width:180px;}
    .main-container, footer{margin-left:181px;}

}
@media (max-width: 768px) {
    .main-container, footer{margin-left:0;}
    .top-navigation {padding: 15px 15px 0 0;}
    .site-logo{width: 90px; margin: 15px auto -15px 15px;}
    .navbar button{margin-top: 10px; margin-bottom: -20px;}
}