@font-face {
    font-family: 'icomoon';
    src:  url('../fonts/icomoon.eot?z7z7g8');
    src:  url('../fonts/icomoon.eot?z7z7g8#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?z7z7g8') format('truetype'),
    url('../fonts/icomoon.woff?z7z7g8') format('woff'),
    url('../fonts/icomoon.svg?z7z7g8#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}


[class^="icn-"], [class*=" icn-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    margin-right: 8px;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icn-clock:before {
    content: "\e94e";
}
.icn-bubble2:before {
    content: "\e96e";
}
.icn-search:before {
    content: "\e986";
}

/* archive page*/
.poradna {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: center;
    gap: 30px;
    align-items: stretch;
    margin-top:50px;
}
body.archive .poradna .poradna-container {
    flex: 0 0 48%;
}

body.archive .poradna .poradna-container.full {
    flex: 0 0 100%;
}
body.archive .poradna .poradna-container h3 {
    padding: 20px;
}
body.archive .poradna .poradna-container ul {
    display: flex;
    flex-wrap: wrap;
    padding:0 20px;
}
body.archive .poradna .poradna-container ul li{
    list-style: none;
    flex: 1 0 50%;
    border-bottom: 1px solid #dddddd;
    padding-bottom: 8px;
    margin-top: 8px;
}
body.archive .poradna .poradna-container ul li a {
    color: #000000;
    height: 100%;
    width: 100%;
    display: flex;
}
body.archive .poradna .poradna-container ul li a:hover {
    text-decoration: none;
    color: #ff8b4b;
}
body.archive .poradna .poradna-container ul li a.active {
    color: #ff8b4b;
}
body.single .poradna .poradna-container,
body.page .poradna .poradna-container {
    flex: 0 0 100%;
}
.poradna .poradna-container {
    border: 1px solid #eeeeee;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
body.page .poradna .poradna-container {
    border: unset;
}
.poradna .poradna-container .poradna-title{
    margin-bottom: 10px;
    padding: 20px 20px 0 20px;
}
body.archive .poradna .poradna-container .poradna-title h1 {
    font-size: 28px;
}
.poradna .poradna-container .poradna-title a{
    color: #ff8b4b;
    font-size: 25px;
    line-height: 25px;
}
.poradna .poradna-container .poradna-description{
    margin: 20px 0;
    padding: 0 20px;
}
.poradna .poradna-container .poradna-footer{
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    border-top: 1px solid #eeeeee;
}
.poradna .poradna-container .poradna-footer div {
    align-items: center;
    justify-content: center;
    display: flex;
    flex: 0 0 33%;
    height: 45px;
}

body.archive .poradna .poradna-container .poradna-footer div:nth-child(2) {
    border-left: 1px solid #eeeeee;
}

.poradna .poradna-container .poradna-footer div a {
    color: #ffffff;
    height: 100%;
    width: 100%;
    display: flex;
    background-color: #ff8b4b;
    align-items: center;
    justify-content: center;
}

.poradna .poradna-container .poradna-footer div a:hover{
    text-decoration: none;
    background-color: #ff6a18;
}

/* single post */
.poradna-details {
    padding: 0 20px;
}

.poradna-container .light {
    font-weight: lighter;
}

.poradna-container .bold {
    font-weight: bold;
}

.poradna-details a {
    color: #ff8b4b;
}

body.single .poradna .poradna-container .poradna-footer div:nth-child(1) {
    justify-content: left;
    padding-left: 20px;
}

body.single  .poradna .poradna-container .poradna-footer div:nth-child(2) {
    justify-content: right;
    padding-right: 20px;
}
.poradna .poradna-container .poradna-footer span {
    margin-right: 6px;
}
body.single  .poradna .poradna-container .poradna-footer div a {
    width: auto;
    height: auto;
    margin-right: 12px;
}

/* form */

.poradna form label {
    width: 100%
}
.poradna form label,
.poradna form input[type=text],
.poradna form input[type=email],
.poradna form textarea,
.poradna form select {
    width: 100%
}

@media only screen and (max-width:992px)  {
    body.archive .poradna .poradna-container {
        flex: 0 0 100%
    }
}
@media only screen and (max-width:680px)  {
    body.archive .poradna .poradna-container ul li{
        flex: 1 0 100%;
    }
}
