.pagination-container{background:hsla(0,0%,100%,.3);border-radius:50px;display:flex;justify-content:flex-end;margin-bottom:20px;padding:6px 20px}.pagination-container ul{display:flex;margin:0;padding-left:0}.pagination-container ul li{display:inline-block;margin:0 3px}.pagination-container ul li a,.pagination-container ul li span{background:none;border:none;border-radius:50px;color:#222;float:left;font-size:14px;line-height:26px;min-width:26px;position:relative;text-align:center;transition:all .3s ease-in-out}.pagination-container ul li a:focus,.pagination-container ul li a:hover,.pagination-container ul li span:focus,.pagination-container ul li span:hover{z-index:2}.pagination-container ul li:first-child a,.pagination-container ul li:first-child span,.pagination-container ul li:last-child a,.pagination-container ul li:last-child span{background:transparent;color:#222;font-size:25px}.pagination-container ul .active>a,.pagination-container ul .active>a:focus,.pagination-container ul .active>a:hover,.pagination-container ul .active>span,.pagination-container ul .active>span:focus,.pagination-container ul .active>span:hover{background-color:#417db4;border-color:#417db4;color:#fff;cursor:default;z-index:3}.pagination-container ul .disabled a,.pagination-container ul .disabled a:focus,.pagination-container ul .disabled a:hover,.pagination-container ul .disabled span,.pagination-container ul .disabled span:focus,.pagination-container ul .disabled span:hover{background:none;color:#222;cursor:not-allowed}#posts{padding:2rem 0}#posts .container header{display:flex;margin:0 -15px 1rem}#posts .container header .page-title{color:#417db4}#posts .container header>div{margin:0 15px;width:33.33%}#posts .container header form .search-input{background:#adc7df;display:flex;gap:1rem;justify-content:space-between;padding:.5rem 1rem;position:relative}#posts .container header form input{background:transparent;border:none;color:#fff;display:flex;flex:1;font-family:Old Standard TT,serif;font-size:2rem;letter-spacing:.5px;outline:none;padding:.5rem 1rem .3rem}#posts .container header form input:focus{color:#417db4}#posts .container header form button{background:none;border:none;color:#417db4;cursor:pointer;outline:none;padding:0 1rem}#posts .container header form button:hover{color:#fff}@media (max-width:767px){#posts .container header{flex-wrap:wrap;gap:2rem;margin-bottom:0}#posts .container header .page-title{text-align:center}#posts .container header>div{width:100%}#posts .container header>div:nth-child(3){display:none}}#posts header h2{font-size:4rem;margin-top:0}#posts header p{font-size:2rem;padding:1rem}#posts .with-title{padding:3rem;text-align:center}#posts .post_container{display:flex;flex-wrap:wrap;margin:0 -15px}#posts .post_container .item{box-sizing:border-box;padding:15px;width:33.33%}@media (max-width:767px){#posts .post_container .item{width:100%}}