* { padding: 0px; margin: 0px; text-decoration: none; list-style: none; } .wrapper { max-width: 1200px; margin: 0 auto; padding: 0px 15px; -webkit-box-sizing: border-box; box-sizing: border-box; font-family: "Lato"; } html { min-width: 300px; font-size: 62.5%; } .forum-prawne-h3 { font-size: 2.5rem !important; font-weight: bold !important; font-family: "Lato" !important; padding-bottom: 40px !important; } .forum-list li { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 15px 20px; background: #3399DB; } .forum-list li img { height: 20px; margin: auto auto; } .forum-list li p { font-size: 1.3rem; color: #ffffff; font-weight: bold; padding: 0px 5px; } .forum-list li .heading-cat, .forum-list li .post-cat { -webkit-box-flex: 2; -webkit-flex: 2 1; -ms-flex: 2 1; flex: 2 1; margin-left: 20px; } .forum-list li .heading-title, .forum-list li .post-number { -webkit-box-flex: 1; -webkit-flex: 1 1; -ms-flex: 1 1; flex: 1 1; } .forum-list li .heading-last-post, .forum-list li .forum-post-author { -webkit-box-flex: 4; -webkit-flex: 4 1; -ms-flex: 4 1; flex: 4 1; } .forum-list li .heading-last-post { margin-left: 10px; } .forum-list .forum-topic { background: #ffffff; } .forum-list .forum-topic:hover { cursor: pointer; } .forum-list .forum-topic:hover p { color: #2886D0; } .forum-list .forum-topic p { -webkit-transition: color .3s ease; -o-transition: color .3s ease; transition: color .3s ease; color: #333333; font-family: "Lato"; font-weight: 900; font-size: 1.3rem; } .forum-list .forum-topic .post-cat { margin: auto 0px auto 20px; } .forum-list .forum-topic .post-number { margin: auto 0px auto 5px; } .forum-list .forum-post-author { display: block; } .forum-list .forum-post-author .post-content { margin-bottom: 5px; font-family: "Lato"; font-weight: bold; } .forum-list .forum-post-author .post-avat { color: #969696; font-family: "Lato"; font-size: 1.1rem; font-weight: 400; } .forum-list .forum-post-author .name-author { color: #2C84CC; padding-left: 5px; } .forum-list .forum-post-author .separator { padding: 0px 5px; } .newest-header img { padding-right: 13px; } .newest-header i { padding-right: 5px; color: #2C84CC; font-size: 2rem; } .newest-header h3 { font-family: "Lato"; font-weight: 900; display: inline-block; font-size: 1.6rem; } .sinle-newest-post, .single-newest-topic { padding: 25px 0px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; border-bottom: 1px solid #e9e9e9; } .sinle-newest-post:hover, .single-newest-topic:hover { cursor: pointer; } .sinle-newest-post:hover .post-content, .single-newest-topic:hover .post-content { color: #2886D0; } .sinle-newest-post img, .single-newest-topic img { height: 45px; padding-right: 10px; } .sinle-newest-post .post-content, .single-newest-topic .post-content { -webkit-transition: color .3s ease; -o-transition: color .3s ease; transition: color .3s ease; color: #222222; font-size: 1.7rem; font-family: "Lato"; font-weight: bold; padding-bottom: 10px; margin-top: 0px;} .sinle-newest-post .post-avat, .single-newest-topic .post-avat { color: #969696; font-family: "Lato"; font-size: 1.2rem !important; font-weight: 400; } .post-desc { color: #222222; font-family: "Lato"; font-size: 1.2rem !important; font-weight: 600; padding-top: 15px; } .paginatortopic a { padding-left: 8px !important; padding-right: 8px !important; display: inline-block; color: #2C84CC; } .paginatortopic a:hover { background: #2b84cb; color: #ffffff; cursor: pointer; } .sinle-newest-post .name-author, .single-newest-topic .name-author { color: #2C84CC; padding-left: 5px; } .sinle-newest-post .separator, .single-newest-topic .separator { padding: 0px 5px; } .sinle-newest-post .newest-post-content, .single-newest-topic .newest-post-content { color: #666666; font-family: "Lato"; padding-top: 15px; font-size: 1.4rem; line-height: 22px; } .underline { height: 3px; } .single-newest-topic img { height: 25px; padding-right: 20px; } .single-newest-topic .post-content { padding: 0px; } .site-footer { margin-top: 30px; } @media (max-width: 960px) { .footer-menu { padding: 0px 15px !important; } .logo-kontakt { max-width: 215px !important; } .logo-kontakt img { width: 220px; height: 45px; } .newsletter { max-width: 200px !important; } .newsletter .add-e-mail-address input { padding: 12px 5px !important; padding-right: 5px !important; font-size: 1.3rem !important; } .newsletter .add-e-mail-address i { padding: 10px !important; } } @media (max-width: 800px) { .footer-menu { padding: 0px 10px !important; padding-left: 10px !important; max-width: 360px !important; } .footer-menu .footer-menu-container ul { padding: 0px 10px !important; } .footer-menu .footer-menu-container ul li { padding-right: 10px !important; list-style: none !important; } .footer-menu .footer-menu-container ul li:hover a { left: 0px !important; } .footer-menu .footer-menu-container ul li .footer-sub-section { padding-left: 0px !important; } .footer-menu .footer-menu-container ul li a { padding-left: 0px !important; } } @media (max-width: 730px) { .logo-kontakt { max-width: 210px !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; } .logo-kontakt img { width: 190px; height: 40px; } .logo-kontakt .footer-sub-section { font-size: 1.3rem !important; } .newsletter { max-width: 180px !important; } .newsletter .fb-button { font-size: 1.3rem !important; } } @media (max-width: 651px) { .contact-container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin: 0 auto; padding-left: 20px !important; padding-right: 15px !important; } .contact-container .footer-sub-section .icon-down-open, .contact-container .footer-sub-section .icon-up-open { display: inline-block !important; } .contact-container .slide-newsletter, .contact-container .slide-service { margin-bottom: 20px; } .contact-container .slide-newsletter:hover, .contact-container .slide-service:hover { cursor: pointer; color: #228cd1; } .contact-container .logo-kontakt, .contact-container .footer-menu, .contact-container .newsletter { margin: 0 auto !important; max-width: 300px !important; width: 100%; padding-left: 0px !important; -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; } .contact-container .newsletter { padding-top: 20px; } .contact-container .footer-menu .footer-sub-section { padding-left: 0px !important; margin-top: 40px !important; margin-bottom: 20px !important; width: 100px; padding-bottom: 0px; } .contact-container .footer-menu ul { padding-left: 15px; } .contact-container .footer-menu ul li { list-style: square !important; } .contact-container .footer-menu ul li:hover a { left: 20px !important; } .contact-container .logo-kontakt img { width: 240px; height: 50px; } .creators { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .creators p { font-size: 1.2rem; display: inline-block; margin-left: 15px; position: relative; top: 4px; } .creators i { display: inline-block; color: #ffffff; font-size: 2rem; line-height: 0px; background: #228cd1; padding: 4px 5px; margin-right: 15px; border-radius: 2px; -webkit-transition: background .3s ease; -o-transition: background .3s ease; transition: background .3s ease; } .creators i:before { margin: 0px; } .creators i:hover { background: #117bc1; cursor: pointer; } }