/*
Theme Name: Coffee Cream 
Theme URI: http://themes.onliniak.ct8.pl/
Author: Rafael Pszenny
Description: Śmietanka do kawy to lekki motyw blogowy dla WordPressa pisany z myślą o długich artykułach, sieciach 2G i laptopach. Zgodny z Google/Bing, HTML5, CSS3 i SVG1.1. Nie posiada jQuery, opcji motywu, nagłówków. W zamian zintegrowany jest z tłumaczeniem Google,Microsoft,Yandex(Beta); dzieleniem się w social mediach oraz podwójną nawigacją (szukanie we wszystkich kategoriach i tylko w wybranej kategorii).
Version: 1.0
License: GNU General Public License v3 or later
License URI: https://www.gnu.org/licenses/gpl.html
Text Domain: coffee-cream
Tags: featured-images, left-sidebar, translation-ready, sticky-post, blog
*/
@font-face {
font-family:'Raleway';
font-style:normal;
font-weight:400;
src:local(Raleway),local(Raleway-Regular),url(/wp-content/themes/coffee-cream/font/Raleway-Regular.woff2) format("woff2")
}

@media screen {
article table,article th,article td {
border:1px solid #000
}

dd {
border-left:thick double #000
}

dt {
font-weight:700
}

blockquote {
border-left:thick double #000;
background:lightgray;
font-style:italic;
font-family:'Gabriola',fantasy
}

blockquote:before {
content:"\201C";
font-size:300%
}

blockquote:after {
content:"\201D";
font-size:300%
}

pre,p,div.tagcloud {
overflow:auto
}

.sticky::before {
content:"<?php _e('Sticky','coffee-cream'); ?>";
background-color:#e6e6fa;
border-radius:5px;
box-shadow:0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
border:2px solid #e6e6fa
}

li.comment {
list-style:none;
display:table
}

li.bypostauthor::before {
content:"<?php _e('Odpowiedź autora:','coffee-cream'); ?>";
background-color:#e6e6fa;
border-radius:5px;
box-shadow:0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
border:2px solid #e6e6fa
}

a {
color:#000
}

ul,li {
line-height:1cm
}

textarea,input {
max-width:90%
}

li.menu-item {
display:block
}

ul.sub-menu {
display:none
}

html > body > div.primary-menu > ul.menu > li.menu-item:hover > ul.sub-menu {
display:block
}

nav img {
width:auto;
border:0;
height:auto;
border-radius:0;
padding:0
}

a.page-numbers {
letter-spacing:3px;
text-decoration:none;
color:#FFC;
background-color:#3a5f0b;
margin-left:8px;
border-radius:5px
}
}

@media screen and (min-width: 1000px) {
li.bypostauthor::before {
position:absolute
}

form.search-form {
width:450px;
padding:15px;
font-size:13px;
color:#eee;
text-align:center
}

form.search-form input {
height:20px;
background:#F0E9D7;
border:0;
font:bold 15px;
text-align:center;
border-radius:8px
}

form.search-form input:focus {
outline:0;
background:#7b93cf;
box-shadow:0 0 2px rgba(0,0,0,.8) inset;
font:bold 15px;
color:#fff;
text-align:center;
border-radius:8px
}

h1,h2,h3,h4,h5,h6 {
font-family:'Gabriola',fantasy
}

article {
font-family:'Raleway',sans-serif;
font-size:19px;
line-height:29px;
color:#333;
padding:0 1.5cm 1.5cm;
background-color:#faf7ed;
float:right;
border-radius:25px;
width:596px;
margin:40px
}

html,aside,aside a,nav,nav a,footer a {
background-color:#2a1c01;
color:#fff;
font-family:'Comic Sans MS',cursive;
font-size:small;
line-height:21px
}

h1 {
padding-top:1.5cm
}

main {
width:1000px
}

nav {
width:225px
}

div.primary-menu {
list-style-type:none;
margin:auto;
padding:0;
overflow:auto;
background-color:#cfb77b;
border-radius:25px;
font-size:medium;
font-family:"Comic Sans MS",cursive
}

li.menu-item {
float:left
}

li.menu-item a {
display:block;
text-align:center;
padding:14px 16px;
text-decoration:none
}

li.menu-item a:hover {
background-color:#7b93cf;
color:#fff
}

.gallery-caption {
color:#888;
font-size:12px;
margin:0 0 12px
}

div.gallery-columns-4 {
column-count:4
}
}

@media screen and (min-width: 600px) {
article.format-gallery img.attachment-post-thumbnails {
float:none
}

div.gallery-columns-2 {
column-count:2
}

div.gallery-columns-3 {
column-count:3
}
}

@media all {
.alignnone {
margin:5px 20px 20px 0
}

.aligncenter,div.aligncenter {
display:block;
margin:5px auto
}

.alignright {
float:right;
margin:5px 0 20px 20px
}

.alignleft {
float:left;
margin:5px 20px 20px 0
}

a img.alignright {
float:right;
margin:5px 0 20px 20px
}

a img.alignnone {
margin:5px 20px 20px 0
}

a img.alignleft {
float:left;
margin:5px 20px 20px 0
}

a img.aligncenter {
display:block;
margin-left:auto;
margin-right:auto
}

.wp-caption {
background:#fff;
border:1px solid #f0f0f0;
max-width:96%;
padding:5px 3px 10px;
text-align:center
}

.wp-caption.alignnone {
margin:5px 20px 20px 0
}

.wp-caption.alignleft {
margin:5px 20px 20px 0
}

.wp-caption.alignright {
margin:5px 0 20px 20px
}

.wp-caption img {
border:0 none;
height:auto;
margin:0;
max-width:98.5%;
padding:0;
width:auto
}

.wp-caption p.wp-caption-text {
font-size:11px;
line-height:17px;
margin:0;
padding:0 4px 5px
}

.screen-reader-text {
clip:rect(1px,1px,1px,1px);
position:absolute!important;
white-space:nowrap;
height:1px;
width:1px;
overflow:hidden
}

.screen-reader-text:focus {
background-color:#f1f1f1;
border-radius:3px;
box-shadow:0 0 2px 2px rgba(0,0,0,0.6);
clip:auto!important;
color:#21759b;
display:block;
font-size:14px;
font-size:.875rem;
font-weight:700;
height:auto;
left:5px;
line-height:normal;
padding:15px 23px 14px;
text-decoration:none;
top:5px;
width:auto;
z-index:100000
}

img.attachment-post-thumbnails {
width:222px;
border:ridge;
padding:10px 20px;
height:200px;
border-radius:15px
}
}

@media print {
h1 {
text-align:center
}

a {
color:#000
}

article {
margin:0 auto
}

div#respond.comment-respond,nav,aside,.menu-menu-container,footer {
display:none
}
}

@media screen and (max-width:999px) {
body {
max-width:92%;
margin:auto;
background-color:#2a1c01
}

main,div.primary-menu {
background-color:#faf7ed;
padding:10px;
max-width:97%
}

a {
line-height:1cm
}

nav svg {
background:#2a1c01;
border-radius:25%
}
}

@media screen and (min-width:600px) {
img.attachment-post-thumbnails {
float:right
}
}