.l9 ul { margin-left: 1em; } .l9 ol { padding-left: 29px } .l9 ul li { list-style-type: disc; margin-left: 1em; } .l9 li ul li { list-style-type: circle; margin-left: 2em; } .popular-articles { font-size: 24px; } .popular-articles li { margin: 10px; } nav { background: #cc6666; margin-bottom: 20px; } h4, h4 a { color: #262b34 !important; } .btn { background: #cc6666; } .color-link, .card-action a, .title a { color: #21a9e1 !important; } .card-action a:hover { opacity: .7; } .collection .collection-item.active { background-color: #303641; } .btn:hover { opacity: .8; } .main-form { width: 60%; margin: 50px auto; display: block; } .main-form input { display: inline-block; width: auto; width: 80%; height: 36px; } .main-form button { display: inline-block; margin-left: 5px; } .card .card-content .card-title { line-height: 30px; font-size: 20px; min-height: 60px; display: block; } .card .card-content p { display: block; min-height: 70px; } #search { height: 64px; } .side-search * { height: 64px !important; } .flex { display: flex; flex-wrap: wrap; } .row.flex .col { margin: 10px 0; } .flex .card { height: 100%; } .flex .card .card-action { position: absolute; width: 100%; bottom: 0; } .flex .card .card-content { padding-bottom: 85px; } a.article-btn { color: black; border: 1px solid black; font-size: 20px; cursor: default; font-weight: 300; width: auto; display: inline-block; text-align: center; padding: 0 1rem; } h3.article_chapter { font-weight: 400; font-size: 20px; margin-bottom: 30px; } li.ya-share2__item.ya-share2__item_service_collections { display: none; } .share_countr { margin-top: 10px; } .input-field button[type=reset] { position: absolute; top: 0; right: 1rem; border: none; padding: 0; background: transparent; } .input-field input[type=search] ~ .material-icons { color: rgba(255,255,255,0.7); } .input-field input[type=search] ~ button[type=reset] .material-icons { color: rgba(255,255,255,0.7); transition: .3s color; } .input-field label.active ~ button[type=reset] .material-icons { color: #fff; transition: .3s color; } .input-field input[type=search]:focus ~ button[type=reset] .material-icons { color: #444; transition: .3s color; } .article-content img { max-width: 100%; } @media only screen and (max-width: 601px) { .article-content img { height: auto !important; } } .brand-logo_img { max-height: 64px; } @media only screen and (max-width: 601px) { .brand-logo_img { max-height: 56px; } } #search_input { font-size: 16px; }