/* Theme Name: MamyGadzety Theme URI: Author: code Krzysiek Dróżdż (WPmagus.pl) Author URI: Description: Version: 1.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: Text Domain: mamygadzety */ /* html5doctor.com Reset Stylesheet v1.6.1 Last Updated: 2010-09-17 Author: Richard Clark - http://richclarkdesign.com Twitter: @rich_clark */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;} body {line-height:1;} article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section {display:block;} nav ul {list-style:none;} blockquote, q {quotes:none;} blockquote:before, blockquote:after, q:before, q:after {content:'';content:none;} a {margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;} /* change colours to suit your needs */ ins {background-color:#ff9;color:#000;text-decoration:none;} /* change colours to suit your needs */ mark {background-color:#ff9;color:#000;font-style:italic;font-weight:bold;} del {text-decoration: line-through;} abbr[title], dfn[title] {border-bottom:1px dotted;cursor:help;} table {border-collapse:collapse;border-spacing:0;} /* change border colour to suit your needs */ hr {display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0;} input, select {vertical-align:middle;} /* == Tools ======================================== */ .clearfix{*zoom:1}.clearfix:before,.clearfix:after{display:table;content:"";line-height:0}.clearfix:after{clear:both} .row {margin-left: -15px; margin-right: -15px;} .row{*zoom:1}.row:before,.row:after{display:table;content:"";line-height:0}.row:after{clear:both} .col-1-3 {padding: 0 15px; width: 33.333333333333%; float: left;} .col-2-3 {padding: 0 15px; width: 66.666666666666%; float: left;} .col-1-2{padding: 0 15px; width: 50%; float: left;} /* == Main ======================================== */ *, *:before, *:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} html, body {background: #fff; font-family: Lato, Arial, sans-serif; font-size: 17px; line-height: 1.5; overflow-x: hidden;} body {background: #fff url(images/bg-home.png) no-repeat 50% top;} h1, h2, h3 {font-family: "Titillium Web", Arial, sans-serif; font-weight: bold; line-height: 1.15; margin: 1em 0 .5em 0;} input, textarea, select {font-family: "Titillium Web", Arial, sans-serif;} p, ul, ol, dl, table, figure {margin: 1em 0;} h1 {font-size: 40px;} h2 {font-size: 30px;} h3 {font-size: 21px; text-transform: uppercase;} a {color: #000; text-decoration: underline;} a:hover {text-decoration: none;} h1 a, h2 a, h3 a {text-decoration: none;} h1 a:hover, h2 a:hover, h3 a:hover {color: #ffd200;} .container {width: 1200px; margin: 0 auto; display: block;} /* == Header ======================================== */ #header {font-family: "Titillium Web", Arial, sans-serif;} #header .site-title {text-align: center; margin: 60px 0;} #header .site-title a {display: block; width: 186px; height: 103px; background: url(images/logo.png) no-repeat 50% 50%; text-indent: -9999px; margin: 0 auto; position: relative; z-index: 1000;} #header .site-title a:before, #header .site-title a:after {content: ' '; display: block; position: absolute; top: 66px; width: 36px; height: 1px; border-top: 1px solid #000;} #header .site-title a:before {left: -64px;} #header .site-title a:after {right: -64px;} #header nav {position: relative;} #header nav .menu-toggle {display: none;} #header nav .primary {font-size: 17px; margin: 0; padding: 0; margin: 0 -10px;} #header nav .primary li {display: block; width: 16.6%; padding: 0 10px; float: left;} #header nav .primary a {display: inline-block; border: 3px solid #ffd200; width: 100%; text-decoration: none; text-align: center; font-weight: bold; text-transform: uppercase; padding: 6px 0;} #header nav .primary a:hover, #header nav .primary .current-post-ancestor a, #header nav .primary .current-menu-item a {background: #ffd200;} #header nav .secondary {font-size: 17px; position: absolute; top: -110px; left: 0; margin: 0;} #header nav .secondary li {display: inline-block; margin: 0 1.2em;} #header nav .secondary a {text-transform: uppercase; text-decoration: none;} #header nav .secondary a:hover {color: #ffd200;} #header nav .search-container {font-size: 17px; position: absolute; top: -110px; right: 0;} #header nav .search-container:after {content: ' '; position: absolute; display: block; width: 33px; height: 88px; background: url(images/decor-02.png) no-repeat left top; right: -26px; bottom: -73px;} #header nav .search-container form {margin-top: -10px; position: relative;} #header nav .search-container label span {text-transform: uppercase; margin-right: .75em;} #header nav .search-container input[type="search"] {border: 3px solid #000; padding: 6px 40px 6px 10px; font-size: 17px; font-family: "Titillium Web", Arial, sans-serif;} #header nav .search-container input[type="submit"] {width: 30px; height: 30px; border: 0; text-indent: -9999px; background: transparent url(images/ico-search.png) no-repeat 50% 50%; position: absolute; right: 8px; top: 8px;} /* == Footer ======================================== */ #footer {background: #fff;} #footer.home {background: #ffd200;} #footer .container {position: relative;} #footer.home .container:after {content: ' '; position: absolute; display: block; width: 505px; height: 84px; right: 0; top: -83px; background: url(images/bottom-grass.png) no-repeat left top;} #footer .site-title {float: left; background: url(images/logo.png) no-repeat 50% 50%; background-size: 93px 52px; display: block; width: 93px; height: 52px; text-indent: -9999px; margin: 20px 0;} #footer nav ul {text-align: right; float: right; margin: 25px 0;} #footer nav li {display: inline-block; line-height: 52px; margin-left: 1em; font-size: 13px;} #footer nav li a {text-transform: uppercase; text-decoration: none;} #footer .cookies-info {position: absolute; text-align: center; width: 200px; left: 50%; margin-left: -100px; font-size: 12px; top: 30px;} #totop {display: block; text-indent: -9999px; width: 48px; height: 48px; background: rgba(0, 0, 0, .2); border-radius: 5px; position: fixed; right: 2.5%; bottom: -5%; -webkit-transition: bottom .3s; -moz-transition: bottom .3s; -ms-transition: bottom .3s; -o-transition: bottom .3s; transition: bottom .3s; } #totop:before { content: ''; position: absolute; top: 12px; left: 12px; width: 0; height: 0; border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 24px solid rgba(0, 0, 0, .5); } body.scrolled #totop {bottom: 5%;} /* == Content ======================================== */ #main {margin-top: 30px;} .article-list{*zoom:1; margin-left:-15px; margin-right:-15px;} .article-list:before, .article-list:after {display:table; content:""; line-height:0} .article-list:after{clear:both} #social-block {background: #ffd200 url(images/bg-social.png) repeat-x left top; position: relative;} #social-block:after {content: ' '; position: absolute; bottom: 0; width: 100%; background: url(images/grass.png) repeat-x left bottom; height: 10px;} #social-block .col-1-3 h1 {text-align: center; font-size: 30px; text-transform: uppercase;} #social-block ::-webkit-input-placeholder {color: #957e10;} #social-block :-moz-placeholder {color: #957e10;} #social-block ::-moz-placeholder {color: #957e10;} #social-block :-ms-input-placeholder {color: #957e10;} #social-block .blog-social {} #social-block .blog-social ul {list-style: none; text-align: center;} #social-block .blog-social ul li {display: inline-block; position: relative; margin-left: 4em;} #social-block .blog-social ul li:first-child {margin-left: 0;} #social-block .blog-social ul li:before {position: absolute; top: 50%; content: ' '; display: block; border-top: 2px solid #000; width: 2em; margin-left: -3em; margin-top: -3px;} #social-block .blog-social ul li:first-child:before {content: none;} #social-block .blog-social ul li a {text-decoration: none;} #social-block .blog-social ul li a span {display: inline-block; text-indent: -9999px;} #social-block .blog-social ul li a:before {font-family: FontAwesome; font-size: 48px;} #social-block .blog-social ul li.social-foursquare a:before {content: '\f180';} #social-block .blog-social ul li.social-youtube a:before {content: '\f166';} #social-block .blog-social ul li.social-linkedin a:before {content: 'f08c';} #social-block .blog-social ul li.social-twitter a:before {content: '\f081';} #social-block .blog-social ul li.social-facebook a:before {content: '\f082';} #social-block .blog-social ul li.social-google-plus a:before {content: '\f0d4';} #social-block .blog-social ul li.social-tumblr a:before {content: '\f174';} #social-block .blog-social ul li.social-vimeo a:before {content: '\f194';} #social-block .blog-social ul li.social-pinterest a:before {content: '\f0d3';} #social-block .blog-social ul li.social-instagram a:before {content: '\f16d';} #social-block .blog-newsletter {text-align: center;} #social-block .blog-newsletter p {margin: 0;} #social-block .blog-newsletter input {display: inline-block; border: 2px solid #000; text-align: center; font-size: 16px; padding: .25em 1em; margin: 0 10% 1.25em 10%; background: transparent;} #social-block .blog-newsletter input[type="text"] {width: 80%;} #social-block .blog-newsletter input[type="submit"] {cursor: pointer; text-transform: uppercase; font-weight: bold;} #social-block .blog-partners {} #social-block .blog-partners ul {display: inline-block; text-align: center; list-style: none; width: 100%;} #social-block .blog-partners ul li {display: inline-block; text-align: center; margin: 0 4%; max-width: 40%;} #social-block .blog-partners ul li img {max-width: 100%; height: auto;} .review-list {} .review-list h1 {text-align: center;} .review-list h1 a {color: #ffd200;} .review-list ol {font-weight: bold; list-style: none; font-family: "Titillium Web", Arial, sans-serif; counter-reset:li; margin-left:0; padding-left:0;} .review-list li {padding: .5em 40px .5em 30px; border-bottom: 2px solid #000; position: relative; font-size: 16px;} .review-list li:before {content:counter(li); counter-increment:li; position:absolute; top: 50%; margin-top: -15.5px; left: 0; width:30px; font-size: 21px; font-weight:bold;} .review-list li a {text-decoration: none; font-weight: normal;} .review-list li:hover a {color: #ffd200;} .review-list li > span {position: absolute; right: 0; top: 50%; margin-top: -7px; font-size: 11px; display: block; padding-top: 2px; background: url(images/ico-comments.png) no-repeat left 50%; padding-left: 24px;} .review-list .more {text-decoration: none; display: block; text-align: center; font-weight: bold; text-transform: uppercase; border: 2px solid #000; padding: .25em .5em; font-size: 13px;} .review-list .more:hover {border-color: #ffd200; background: #ffd200;} .article .article-header h1 {margin-top: 0;} .articles {} .articles #load-more {display: block; width: 12em; text-align: center; margin: 2em auto 3em auto;} .articles .article {padding: 0 15px; margin: 45px 0; width: 33.3333333333%; float: left; font-size: 14px;} .articles .article .article-header {} .articles .article .article-header h1 {font-size: 20px; text-transform: uppercase; min-height: 46px;} .articles .article .article-header > a {display: block; margin: 1em 0;} .articles .article .article-header > a img {display: block; width: 100%; height: auto;} .articles .article .article-header .article-meta {display: block; margin: 0.5em 0; position: relative;} .articles .article .article-header .article-meta:before {content: ' '; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; border-top: 1px solid #f1f1f1;} .articles .article .article-header .article-meta span {font-size: 11px; background: #fff; position: relative; padding-right: 1em;} .articles .article .article-header .article-meta .article-categories {float: right; margin-top: 4px; padding-right: 0; padding-left: 1em;} .articles .article .article-more {text-decoration: none; font-weight: bold; text-transform: uppercase; border: 2px solid #000; padding: .25em .5em; display: inline-block; font-size: 13px;} .articles .article .article-more:hover {border-color: #ffd200; background: #ffd200;} .articles.featured {margin-bottom: 30px;} .articles.featured .article {margin: 15px 0;} .articles.featured .article .article-header {position: relative;} .articles.featured .article .article-header > a {margin: 0;} .articles.featured .article:hover .article-header h1 a, .articles.featured .article:hover .article-header .article-meta a {opacity: 0.75;} .articles.featured .article h1 {position: absolute; display: block; bottom: 1.5em; top: 50%; margin-top: -80px;width: 100%; padding: 1em; text-align: center; line-height: 1.5;} .articles.featured .article h1 a {background: #ffd200; box-shadow: 10px 0 0 #ffd200, -10px 0 0 #ffd200;} .articles.featured .article h1 a:hover {color: #000;} .articles.featured .article .article-meta {position: absolute; bottom: 0; text-align: center; width: 100%; display: block;} .articles.featured .article .article-meta:before {content: none;} .articles.featured .article .article-meta .article-categories {font-family: "Titillium Web", Arial, sans-serif; float: none; font-size: 15px; background: transparent;} .articles.featured .article .article-meta .article-categories a {line-height: 175%; text-decoration: none; text-transform: uppercase; display: inline-block; color: #fff; background: #000; box-shadow: 10px 0 0 #000, -10px 0 0 #000;} .articles.featured .article .article-thumbnail {background-size: cover; background-position: 50% 50%; display: block;} .articles.featured .article.large .article-thumbnail {height: 492px;} .articles.featured .article.medium .article-thumbnail {height: 231px;} .articles.featured .article.small .article-thumbnail {height: 144px;} .articles.featured .article:nth-child(5) {position: relative;} .articles.featured .article:nth-child(5):after {content: ' '; position: absolute; width: 30px; height: 145px; background: url(images/decor-01.png) no-repeat left top; left: -10px; top: -145px;} .article .article-content ul, .article .article-content ol {padding-left: 2em;} .article.single {background: url(images/article-decor.png) no-repeat 50% top;} .article.single .container {padding: 0 160px;} .article.single > .article-header {/*position: relative; padding-top: 460px;*/} .article.single > .article-header > div.container {margin-top: -40px;} .article.single > .article-header h1 {background: #fff; display: inline; position: relative; line-height: 130%; background: #fff; box-shadow: 20px 0 0 #fff, -20px 0 0 #fff;} .article.single > .article-header .thumbnail-container {padding: 0;} .article.single > .article-header .thumbnail {height: 500px; display: block; background-position: 50% 50%; background-size: cover; background-repeat: no-repeat;/*position: absolute; left: 0; right: 0; top: 0; overflow: hidden; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; height: 500px;*/} /*.article.single > .article-header .thum bnail img {width: 100%; height: auto; min-height: 100%;}*/ .article.single > .article-header .article-meta {display: block; margin: 1em 0; padding-bottom: 1em; border-bottom: 1px solid #f1f1f1;} .article.single > .article-header .article-meta .article-categories {display: none;} .article.single > .article-header .article-meta .article-tags {display: block; font-size: 13px; margin-top: 6px;} .article.single > .article-header .article-meta .article-tags a {text-decoration: none;} .article.single > .article-header .article-meta .article-tags a:hover {text-decoration: underline;} .article.single > .article-header .article-meta .article-fb-like {display: block; margin-top: 6px;} .article.single .article-content h1, .article-content h2 {position: relative;} .article.single .article-content h1:before, .article.single .article-content h2:before {content: ' '; position: absolute; left: -160px; top: 2px; height: 1em; display: block; width: 140px; background: #000;} .article.single .article-content img.size-full, .article-content img.size-large {width: 920px; height: auto; display: block; border: 20px solid #ffd200; margin: 1em -20px;} .article.single .article-content figure {position: relative; border: 20px solid #ffd200; margin: 1em -20px; width: 920px !important;} .article.single .article-content figure img, .article.single .article-content figure img.size-full, .article.single .article-content figure img.size-large {width: 100%; height: auto; width: 100%; display: block; border: 0; margin: 0;} .article.single .article-content figure figcaption {position: absolute; left: -160px; top: -20px; width: 140px; background: #ffd200; font-size: 13px; padding: 20px;} .article.single .article-content figure figcaption p:first-child {margin-top: 0;} .article.single .article-content figure.align-right figcaption {left: auto; right: -160px;} .article.single .article-list .article {} .article.single .article-content video {max-width: 100%; height: auto;} .article.single .article-content .embed-youtube {max-width: 100%; position: relative; height: 1px; padding-bottom: 56.25%; padding-top: 25px;} .article.single .article-content .embed-youtube iframe {position: absolute; left: 0; top: 0; width: 100%; height: 100%;} .article.single .article-footer aside {padding: 0 0 30px 0; margin-top: 75px;} .article.single .article-footer aside > header {text-align: center; padding-top: 30px; margin-bottom: -75px} .article.single .article-footer aside > header h1 {font-size: 30px; text-align: center; position: relative; top: -90px; display: inline-block; background: #fff; padding: 10px 20px; text-transform: uppercase;} .article.single .related-articles {margin-bottom: -45px;} .article.single .related-articles > header {border-top: 1px solid #000;} .article.single .article-review {border: 5px solid #ffd200; margin: 2em 0;} .article.single .article-review .overall {font-size: 120px; display: block; float: left; line-height: 140px; height: 140px; position: relative; padding: 0 15px; background: #ffd200;} .article.single .article-review .overall:after {content: ' '; display: block; position: absolute; right: -60px; top: 0; width: 0; height: 0; border-style: solid; border-width: 70px 0 70px 60px; border-color: transparent transparent transparent #ffd000;} .article.single .article-review .description {font-size: 16px; font-weight: bold; height: 140px; margin-left: 260px; padding: 15px;} .article.single .article-review .description .description-content {position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} .article.single .article-review .description .description-content p:first-child {margin-top: 0;} .article.single .article-review .ratings {border-top: 5px solid #ffd200;} .article.single .article-review .rating {position: relative; margin-top: -5px; clear: right; font-size: 15px; font-weight: bold; text-transform: uppercase; width: 33.3333333333333%; padding: 10px 15px; float: left; border-top: 5px solid #ffd200; border-left: 5px solid #ffd200; display: block;} .article.single .article-review .rating:before {content: ' '; left: 15px; right: 15px; top: 50%; display: block; height: 1px; border-top: 2px solid #000; position: absolute;} .article.single .article-review .rating:first-child {border-left: 0;} .article.single .article-review .rating span {float: right; background: #fff; padding-left: 15px; position: relative;} .article.single .article-review .rating span:first-child {float: left; padding-right: 15px; padding-left: 0;} .article.single .article-review .rating .value {position: relative;} .article.single .article-review .rating .value:before {content: '\f006\f006\f006\f006\f006'; font-family: FontAwesome; padding-right: 6px;} .article.single .article-review .rating .value:after {content: '\f005\f005\f005\f005\f005'; font-family: FontAwesome; position: absolute; left: 15px; overflow: hidden;} .article.single .article-review .rating .value[data-value="0"]:after {width: 0px;} .article.single .article-review .rating .value[data-value="0.5"]:after {width: 6px;} .article.single .article-review .rating .value[data-value="1"]:after {width: 14px;} .article.single .article-review .rating .value[data-value="1.5"]:after {width: 20px;} .article.single .article-review .rating .value[data-value="2"]:after {width: 28px;} .article.single .article-review .rating .value[data-value="2.5"]:after {width: 34px;} .article.single .article-review .rating .value[data-value="3"]:after {width: 42px;} .article.single .article-review .rating .value[data-value="3.5"]:after {width: 48px;} .article.single .article-review .rating .value[data-value="4"]:after {width: 56px;} .article.single .article-review .rating .value[data-value="4.5"]:after {width: 62px;} .article.single .article-review .rating .value[data-value="5"]:after {width: 70px;} .article.single .comments {background: #f1f1f1;} .article.single .comments > div {padding: 0 160px;} .article.page {padding: 2em 0; background: none;} .article.page .article-header {padding-top: 0;} .article.page .container {padding: 0;} .page-template-page-about-php .article {background: url(images/o-mnie-decor.png) no-repeat 50% top;} .page-template-page-about-php .article img {width: auto; max-width: 100%; height: auto; margin: 1em; border: 2px solid #ffd200; border-radius: 200px;} .page-template-page-about-php .article .row {margin-top: 2em;} .page-template-page-about-php .article .row p {font-size: 14px;} .page-template-page-colaboration-php .article {} .page-template-page-colaboration-php .article .row {margin-bottom: 30px;} .page-template-page-colaboration-php .article .column-inner {border: 2px solid #ffd200; padding: 0 24px;} .page-template-page-colaboration-php .article .column-inner.no-padding {padding: 0;} .page-template-page-colaboration-php .article .wp-post-image {width: 100%; height: auto; display: block;} .page-template-page-colaboration-php .article .lead {margin-bottom: 0;} .page-template-page-colaboration-php .article .lead > div {margin-bottom: 30px;} .page-template-page-colaboration-php .article .lead p {font-size: 29px; line-height: 110%;} .page-template-page-colaboration-php .article .lead em {font-style: normal; color: #ffd200;} .page-template-page-colaboration-php .article .cloud {border: 2px solid #ffd200; padding: 0 1em; position: relative; margin-bottom: 30px;} .page-template-page-colaboration-php .article .cloud:after, .page-template-page-colaboration-php .article .cloud:before {border-color: #ffd200; top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none;} .page-template-page-colaboration-php .article .cloud:after {border-top-color: #fff; border-width: 20px; margin-left: -20px;} .page-template-page-colaboration-php .article .cloud:before {border-top-color: #ffd200; border-width: 23px; margin-left: -23px;} .page-template-page-colaboration-php .article .statistics {margin-bottom: 0;} .page-template-page-colaboration-php .article .statistics .col-1-3 {margin-bottom: 30px;} .page-template-page-colaboration-php .article .statistics .column-inner {background: #ffd200; padding: 1em 1em 1em 5em; position: relative;} .page-template-page-colaboration-php .article .statistics .column-inner:before {position: absolute; left: 16px; top: 50%; margin-top: -33px; font-family: FontAwesome; font-size: 48px;} .page-template-page-colaboration-php .article .statistics div:nth-child(1) .column-inner:before {content: '\f0c0';} .page-template-page-colaboration-php .article .statistics div:nth-child(2) .column-inner:before {content: '\f108';} .page-template-page-colaboration-php .article .statistics div:nth-child(3) .column-inner:before {content: '\f082';} .page-template-page-colaboration-php .article .statistics .column-inner span {line-height: 1; font-size: 48px; font-weight: bold; font-family: "Titillium Web", Arial, sans-serif; white-space: nowrap;} .page-template-page-colaboration-php .article .statistics .column-inner span span {font-size: 14px; font-weight: bold; text-transform: uppercase; display: block; white-space: normal;} .page-template-page-colaboration-php .article .partners {margin-bottom: 0;} .page-template-page-colaboration-php .article .partners .slider-nav {position: absolute; top: 11px; right: 7px;} .page-template-page-colaboration-php .article .partners .slider-nav span {display: inline-block; text-indent: -9999px; width: 0; height: 0; margin: 0 5px; cursor: pointer; border-style: solid;} .page-template-page-colaboration-php .article .partners .col-1-3 {margin-bottom: 30px;} .page-template-page-colaboration-php .article .partners .column-inner {border-color: #000; position: relative;} .page-template-page-colaboration-php .article .partners .intro .column-inner {background: #000; color: #fff;} .page-template-page-colaboration-php .article .partners h2 {color: #fff; margin: 0 -24px; padding: 12px; background: #000; font-size: 15px; text-transform: uppercase;} .page-template-page-colaboration-php .article .partners .partners-page {width: 100%;} .page-template-page-colaboration-php .article .partners .list {} .page-template-page-colaboration-php .article .partners .list ul {*zoom:1;} .page-template-page-colaboration-php .article .partners .list .column-inner {padding: 0;} .page-template-page-colaboration-php .article .partners .list .column-inner h2 {margin: 0;} .page-template-page-colaboration-php .article .partners .list ul:before,.page-template-page-colaboration-php .article .partners .list ul:after{display:table;content:"";line-height:0}.page-template-page-colaboration-php .article .partners .list ul:after{clear:both} .page-template-page-colaboration-php .article .partners .list .column-inner {border: 1px solid #000;} .page-template-page-colaboration-php .article .partners .list ul {list-style: none; padding: 0; /*margin: 0 -24px;*/ margin: 0;} .page-template-page-colaboration-php .article .partners .list ul li {display: block; background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; float: left; width: 50%; height: 150px; padding-top: 30px; padding-left: 5px; padding-right: 5px; border: 1px solid #000; text-align: center; position: relative;} .page-template-page-colaboration-php .article .partners .list ul li div {background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; position: absolute; top: 15px; left: 15px; right: 15px; bottom: 15px;} /*.page-template-page-colaboration-php .article .partners .list ul li img {max-width: 100%;}*/ .page-template-page-colaboration-php .article .actions {} .page-template-page-colaboration-php .article .actions .column-inner {position: relative;} .page-template-page-colaboration-php .article .actions .samples {position: relative; margin-bottom: 15px;} .page-template-page-colaboration-php .article .actions .sample {position: absolute; top: 0; left: 0; right: 0; background: #fff;} .page-template-page-colaboration-php .article .actions .slider-nav {position: absolute; top: 11px; right: 7px;} .page-template-page-colaboration-php .article .actions .slider-nav span {display: inline-block; text-indent: -9999px; width: 0; height: 0; margin: 0 5px; cursor: pointer; border-style: solid;} .prev {border-width: 8px 14px 8px 0; border-color: transparent #808080 transparent transparent;} .next {border-width: 8px 0 8px 14px; border-color: transparent transparent transparent #808080;} .page-template-page-colaboration-php .article .actions p {font-size: 15px;} .page-template-page-colaboration-php .article .actions .sample > a {display: block; text-align: center; max-width: 300px; margin: 1em auto; text-decoration: none; font-weight: bold; text-transform: uppercase; border: 2px solid #000; padding: .25em .5em; font-size: 13px;} .page-template-page-colaboration-php .article .actions .sample > a:hover {background: #ffd200; border-color: #ffd200;} .page-template-page-colaboration-php .article .actions dl {font-size: 15px; border-top: 1px solid #000; padding-top: 1em;} .page-template-page-colaboration-php .article .actions dt {float: left; width: 70%; clear: both;} .page-template-page-colaboration-php .article .actions dd {float: left; font-weight: bold;} .page-template-page-colaboration-php img.alignnone {border: 2px solid #ffd200; border-radius: 200px;} /* == Comments ======================================== */ .comments-area {} .comment-reply-title, .comments-title {font: 900 16px/1.5 Lato, sans-serif; margin: 0; text-transform: uppercase;} .comment-list {list-style: none; margin: 0 0 48px 0;} .comment-author {font-size: 14px; line-height: 1.7142857142;} .comment-list .reply, .comment-metadata {font-size: 12px; line-height: 2; text-transform: uppercase;} .comment-list .reply {margin-top: 24px;} .comment-author .fn {font-weight: 900;} .comment-author a {color: #2b2b2b;} .comment-list .trackback a, .comment-list .pingback a, .comment-metadata a {color: #767676;} .comment-author a:hover, .comment-list .pingback a:hover, .comment-list .trackback a:hover, .comment-metadata a:hover {color: #41a62a;} .comment-list article, .comment-list .pingback, .comment-list .trackback {border-top: 1px solid rgba(0, 0, 0, 0.1); margin-bottom: 24px; padding-top: 24px;} .comment-list > li:first-child > article, .comment-list > .pingback:first-child, .comment-list > .trackback:first-child {border-top: 0;} .comment-author {position: relative;} .comment-author .avatar {border: 1px solid rgba(0, 0, 0, 0.1); height: 18px; padding: 2px; position: absolute; top: 0; left: 0; width: 18px;} .says {display: none;} .comment-author, .comment-awaiting-moderation, .comment-content, .comment-list .reply, .comment-metadata {padding-left: 30px;} .comment-edit-link {margin-left: 10px;} .comment-content {-webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; word-wrap: break-word;} .comment-content ul, .comment-content ol {margin: 0 0 24px 22px;} .comment-content li > ul, .comment-content li > ol {margin-bottom: 0;} .comment-content > :last-child {margin-bottom: 0;} .comment-list .children {list-style: none; margin-left: 15px;} .comment-respond {margin-bottom: 24px; padding: 0;} .comment .comment-respond {margin-top: 24px;} .comment-respond h3 {margin-top: 0; margin-bottom: 24px;} .comment-notes, .comment-awaiting-moderation, .logged-in-as, .no-comments, .form-allowed-tags, .form-allowed-tags code {color: #767676;} .comment-notes, .comment-awaiting-moderation, .logged-in-as {font-size: 14px; line-height: 1.7142857142;} .no-comments {font-size: 16px; font-weight: 900; line-height: 1.5; margin-top: 24px; text-transform: uppercase;} .comment-form label {display: block;} .comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"] {width: 100%;} .form-allowed-tags, .form-allowed-tags code {font-size: 12px; line-height: 1.5;} .required {color: #c0392b;} .comment-reply-title small a {color: #2b2b2b; float: right; height: 24px; overflow: hidden; width: 24px;} .comment-reply-title small a:hover {color: #41a62a;} .comment-navigation {font-size: 12px; line-height: 2; margin-bottom: 48px; text-transform: uppercase;} .comment-navigation .nav-next, .comment-navigation .nav-previous {display: inline-block;} .comment-navigation .nav-previous a {margin-right: 10px;} #comment-nav-above {margin-top: 36px; margin-bottom: 0;} /* == Media ======================================== */ .alignleft {float: left;} .alignright {float: right;} .aligncenter {display: block; margin-left: auto; margin-right: auto;} blockquote.alignleft, figure.wp-caption.alignleft, img.alignleft {margin: 7px 24px 7px 0;} .wp-caption.alignleft {margin: 7px 14px 7px 0;} blockquote.alignright, figure.wp-caption.alignright, img.alignright {margin: 7px 0 7px 24px;} .wp-caption.alignright {margin: 7px 0 7px 14px;} blockquote.aligncenter, img.aligncenter, .wp-caption.aligncenter {margin-top: 7px; margin-bottom: 7px;} /* == RWD ======================================== */ @media(max-width:1239px) { a{font-size: 94%;} .container {width: 960px; margin: 0 auto;} #header nav .secondary li {margin: 0 .6em;} /* .articles.featured .article.large .article-thumbnail {height: 492px;} .articles.featured .article.medium .article-thumbnail {height: 231px;} .articles.featured .article.small .article-thumbnail {height: 144px;}*/ .article.single .article-content figure {width: 680px !important;} .article-content img.size-full, .article-content img.size-large {width: 680px; height: auto;} .article.single .article-content img.size-full, .article.single .article-content img.size-large {width: 680px;} .article.single .article-review .rating {margin-top: 0; clear: both; width: 100%; padding: 10px 15px; float: left; border-top: 5px solid #ffd200; border-left: 0;} .article.single .article-review .rating:first-child {margin-top: -5px;} .article.single > .article-header .thumbnail {height: 0; padding-bottom: 42%;} .article.page .container {padding: 0;} .page-template-page-colaboration-php .article .lead p {font-size: 20px; line-height: 140%;} } @media(max-width:1040px) { a {font-size: 85%;} .articles.featured .article h1 { line-height: 1.3;} .container {width: auto; margin: 0 30px;} #header nav .secondary li {margin: 0 .2em; font-size: 14px;} #header form label {font-size: 14px;} #header form input[type="search"] {width: 10em;} .article.single .article-content figure {width: 100% !important; margin-left: 0; margin-right: 0;} .article.single .article-content img.size-full, .article.single .article-content img.size-large {width: 100%; margin-left: 0; margin-right: 0;} .page-template-page-colaboration-php .article .lead p {font-size: 17px; line-height: 140%;} .page-template-page-colaboration-php .article .statistics .column-inner span {font-size: 40px;} #social-block .blog-social ul li {margin-left: 3em;} #social-block .blog-social ul li:before {border-top: 2px solid #000; width: 1.5em; margin-left: -2.25em; margin-top: -3px;} } @media(max-width:880px) { .article.single .article-content figure {border: 10px solid #ffd200;} .article.single .article-content img.size-full, .article-content img.size-large {border: 10px solid #ffd200;} .col-1-3 {width: 100%; float: none;} .col-2-3 {width: 100%; float: none;} .articles .article {width: 50%; float: left;} .article.single .container {padding-left: 0; padding-right: 0;} .article.single .comments > div {padding-left: 18%; padding-right: 18%;} .articles.featured .article.large .article-thumbnail {height: 1px; padding-bottom: 60%;} .articles.featured .article.medium .article-thumbnail {height: 1px; padding-bottom: 60%;} .articles.featured .article.small .article-thumbnail {height: 1px; padding-bottom: 60%;} body {background: #fff;} #header {position: relative;} #header .site-title {margin: 30px 0;} #header .site-title a:before, #header .site-title a:after {content: none;} #header nav {position: absolute; right: 0; top: 12px; z-index: 999; width: 240px; max-width: 90%;} #header nav .menu-toggle {display: block; width: 118px; height: 98px; padding: 20px 30px; margin-left: auto; border-radius: 3px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} #header nav .menu-toggle span {text-indent: -9999px; display: block; width: 100%; font-size: 24px; line-height: 48px; text-transform: uppercase;} #header nav .menu-toggle span:after {color: #000; text-indent: 0; font-size: 48px; font-family: FontAwesome; content: '\f0c9'; position: absolute; width: 48px; height: 48px; top: 20px; right: 30px;} #header nav ul {display: none; padding: 1em 0;} #header nav.on {background: #000; z-index: 1100;} #header nav.on .menu-toggle {color: #fff; width: 100%;} #header nav.on .menu-toggle span {text-indent: 0;} #header nav.on .menu-toggle span:after {color: #fff;} #header nav.on ul {display: block;} #header nav .primary {font-size: 17px; margin: 0; padding: 1em 0; margin: 0 -10px;} #header nav .primary li {display: block; width: 100%; padding: 0 10px; float: none;} #header nav .primary a {color: #fff; display: block; border: none; text-align: left; padding: .3em 30px;} #header nav .primary a:hover {background: transparent; color: #ffd200;} #header nav .secondary {position: static; border-top: 1px solid #fff;} #header nav .secondary li {display: block; margin: 0; padding: .3em 30px;} #header nav .secondary a {color: #fff;} #header nav .search-container {display: none; position: relative; top: 0; right: 0;} #header nav.on .search-container {display: block;} #header nav .search-container form {margin: 15px 30px;} #header nav .search-container form label span {display: none;} #header nav .search-container form label input {width: 100%;} #footer {padding-bottom: 30px;} #footer .cookies-info {position: absolute; text-align: center; width: 200px; left: 50%; margin-left: -100px; font-size: 12px; top: 70px;} .article.single .article-content figure figcaption {position: static; width: 100%; background: #ffd200; font-size: 13px; padding: 20px 0 0 0;} .page-template-page-colaboration-php .article .statistics .column-inner span {font-size: 48px;} } @media(max-width:600px) { .col-1-2 {float:none;width:100%;} .article.single .article-content img.size-full, .article-content img.size-large {border: 5px solid #ffd200;} .article.single .article-content figure {border: 5px solid #ffd200;} .articles .article {width: 100%; float: none;} .article.single .article-review .overall {float: none; width: 100%; text-align: center;} .article.single .article-review .overall:after {content: none;} .article.single .article-review .description {height: auto; margin-left: 0;} .article.single .article-review .description .description-content {position: static; top: 0; -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%);} .article.single > .article-header > div.container {margin-top: 10px;} .article.single .comments > div {padding: 0;} } @media(max-width:480px) { .articles .article {padding: 0px 25px;} #header .site-title a {margin-left: 0;} #footer .site-title {display: block; margin-left: auto; margin-right: auto; float: none;} #footer nav ul {float: none; text-align: center;} #footer .cookies-info {position: static; text-align: center; margin-left: 0; width: 100%;} } /** Recenzje *// ul#menu-recenzje{ list-style:none; } .page-template-page-sklepy #social-block, .tax-sklepy-kategorie #social-block{ clear:both; } .page-template-page-sklepy ul#menu-recenzje li a img { border: medium none; box-shadow: none; left: 0px; position: absolute; vertical-align: middle; width: 100%; min-height:100%; z-index: 4; } .cat_left{ width:33%; float:left; text-align:center; padding-right:30px; } .tax-sklepy-kategorie .list{ width:67%; float:left; } .tax-sklepy-kategorie .list .product{ width: 47.5%; /* 48%; */ /* float:left; */ display:inline-block; position:relative; margin-left:2%; margin-bottom:2%; } .tax-sklepy-kategorie .list .product:nth-child(even) { padding-right:0px; } .tax-sklepy-kategorie .list .product img{ width:100%; height:auto; } .cat_name_ul{ list-style:none; padding:0px; margin:0px; } .cat_name_ul li{ width:100%; text-align:center; border:3px solid black; margin:5px 0; } .cat_name_ul li a{ text-decoration: none; text-transform: uppercase; font-weight: bold; font-size: 18px; padding: 5px 0; display: block; } .cat_name_ul li.live a{ color:#ffd200; } .cat_name_ul li:hover a,.cat_name_ul li:focus a{ color:#ffd200; } span.cat_name{ background-color:#000; color:#fff; text-transform:uppercase; font-weight: bold; font-size: 18px; padding:10px 30px; } .product .on { display:none; } .product .on{ width:100%; height:98%; display:block; text-align:center; position:absolute; top:0px; background-color:rgba(255, 207, 30, 0.73); } .product .on h3{ padding-top: 32px; padding-bottom: 26px; } .product .on .rezencja, .product .on .kup_teraz{ text-decoration:none; padding:10px 20px; border:3px solid black; margin:0 10px; font-size:14px; font-weight:bold; } .product .on .rezencja:hover, .product .on .kup_teraz:hover,.product .on .rezencja:focus,.product .on .kup_teraz:focus{ background-color:#ffd200; } .product .off{ width:100%; height:98%; display:block; text-align:center; position:absolute; top:0px; } .product .off h3{ background: #ffd200; box-shadow: 10px 0 0 #ffd200, -10px 0 0 #ffd200; display: inline; padding: 5px 15px; top: 40%; position: relative; line-height:30px; } .product:hover .on, .product:focus .on{ display:block; } .product:hover .off, .product:focus .off{ display:none; } .page-template-page-sklepy #main header{ position:relative; } .banner_inside{ position:absolute; top:1px; text-align:center; width:100%; height:100%; } .banner_inside span{ display:block; } .haslo{ margin-top:10%; margin-bottom:40px; } .banner_inside p{ display: inline; background-color: #ffd200; text-transform: uppercase; padding: 10px; line-height: 42px; font-size: 30px; font-weight: bold; } .banner_inside a{ clear: both; color: #ffd200; background-color: #000; margin-top: 56px; text-decoration: none; padding: 13px 26px; font-size: 19px; } .cat_desc{ text-align:center; } @media(max-width:880px) { .cat_left{ width:100%; padding-right:0; } .tax-sklepy-kategorie .list{ width:100%; } .tax-sklepy-kategorie .list .product:nth-child(odd){ margin-left:0; } } @media(max-width:600px) { .tax-sklepy-kategorie .list .product{ width:100%; } } .page-template-page-sklepy { position:relative; } ul#menu-recenzje-big li a span { background: none repeat scroll 0 0 rgba(255,210,0,0); display: inline-block; font-size: 20px; line-height: 1.5; min-height: 46px; padding: 1em; position: relative; text-transform: uppercase; vertical-align: middle; z-index: 5; } ul#menu-recenzje-big li a:hover span,ul#menu-recenzje-big li a:focus span { background: rgba(255,210,0,0.9); } @media(max-width:1239px) { ul#menu-recenzje-big li { margin: 15px; } ul#menu-recenzje-big { width: 820px; margin: 0 auto; } } @media(max-width:879px) { .menu-item a img { width: 100%; } ul#menu-recenzje-big { max-width: 380px; width: 100%; } ul#menu-recenzje-big li { margin: 15px 0; float: inherit; } ul#menu-recenzje-big li a { width: 100%; background-size: 100% auto; max-width: 380px; } } /* @media(max-width:380px) { .container { margin: 5px; } ul#menu-recenzje-big li a { width: 100%; background-size: 100% auto; height: auto; } ul#menu-recenzje-big { max-width: 100%; width: 100%; } ul#menu-recenzje-big li { margin: 0; padding: 10px 0; } } */ ul#menu-recenzje-big { list-style:none; } .page-template-page-sklepy ul#menu-recenzje-big li a img { border: medium none; box-shadow: none; left: 0px; position: absolute; vertical-align: middle; width: 100%; z-index: 4; } li.full_width{ width:100%; overflow:hidden; margin-bottom:20px; } li.full_width a { /* width: 100%!important; */ /* overflow: hidden; */ /* height: 230px; */ position: relative; width: 100%; height: 230px; display: block; text-align:center; line-height:230px; } li.full_width { /* width: 100%; */ /* height: 230px; */ /* overflow: hidden; */ float: left; } li.full_width a span{ } .tax-sklepy-kategorie .list h1{ margin-top:0px!important; margin-bottom:0px!important; } .cat_desc{ margin:0px; margin:5px 0 8px 0; } .cat_left { margin-top: 51px; } .cat_name_ul li { border: 2px solid black; } .cat_name_ul li.live a,.cat_name_ul li:hover a,.cat_name_ul li.live a,.cat_name_ul li:focus a{ background-color:#ffd200; color:#000; } .page-template-page-sklepy ul#menu-recenzje li a span { background: none repeat scroll 0 0 rgba(255, 210, 0, 0); display: inline-block; font-size: 20px; line-height: 230px; min-height: 46px; padding: 0; position: relative; text-transform: uppercase; vertical-align: initial; z-index: 5; } a:hover .span_title,a:focus .span_title{ background-color: transparent; } ul#menu-recenzje li{ overflow:hidden; } ul#menu-recenzje li a span.menu-image-title{ background-color:rgba(255, 210, 0, 0); } .span_title{ font-size:20px!important; margin:0px; display:inline; background-color:#ffd200; padding:10px 20px; font-size: 20px; font-weight:bold; } .menu-recenzje li:hover .menu-image-title,.menu-recenzje li:focus .menu-image-title{ background-color: rgba(255, 207, 30, 0.73); } #menu-recenzje-big span.menu-image-title{ line-height:230px; } .full_width .menu-image-title{ top:-2px; } @media(max-width:879px) { .menu-recenzje-container li{ overflow:hidden; } .menu-recenzje-container li img{ height: 230px!important; width: auto!important; } } li.full_width a, .page-template-page-sklepy ul#menu-recenzje li a{ display:table; text-decoration:none; } li.full_width a .span_title, .page-template-page-sklepy ul#menu-recenzje li a .span_title{ display: inline; background: #ffd200; box-shadow: 10px 0 0 #ffd200, -10px 0 0 #ffd200; line-height:20px; padding:0; top:0px; } .full_width .menu-image-title, .page-template-page-sklepy .menu-image-title{ top:0px; } .page-template-page-sklepy #menu-recenzje-big span.menu-image-title { line-height: 42px; } .page-template-page-sklepy ul#menu-recenzje-big li a span{ padding:0; display:table-cell; } img.big_img{ display:inherit; } img.small_img{ display:none; } @media(max-width:880px) { img.big_img{ display:none; } img.small_img{ display:inherit; } } .product .on{ display:none; } .page-template-page-sklepy .menu-image-title{ width:100%; height:100%; } .page-template-page-sklepy p.span_title{ padding:15px 20px!important; } /** 08.12.2015 */ .page-template-page-recenzje .alm-btn-wrap{ display:none!important; } .page-template-page-recenzje .alm-reveal { float: left; } .page-template-page-recenzje h1{ text-align:center; }