#primary {
	    width: calc(70% - 20px);
}

#secondary {
	    width: calc(30% - 20px);
}

/* Naglowek posta */
.entry-header {
	text-align: center;
	text-transform: uppercase;
}

/* Zmiana fonta strony */
body,html {
	font-family: 'Alegreya';
}

/* Klikalny instagram */
a.customize-unpreviewable {
	cursor: pointer !important;
}

/* Duze litery w menu poziomym */
li.menu-item {
	text-transform: uppercase;
}
li.menu-item a:hover {
	color: #eb0165;
}

/* Zmiana odstepow miedzy zdj na insta, domyslnie 10px; */
.instagallery-items .ig-item {
	padding: 5px;
}

/* Usuniecie kolou tla z szablonu */
body {
	background-color: #FFF  !important;
}

/* Podpis pod tytulem */
#tagline > .wrap {
	border: 0 !important;
	padding: 0 !important;
}

/* Lista select z archiwum */
#archives-dropdown-3 {
	width: 100%;
	padding: 20px !important;
	border: 0 !important;
	background: none !important;
	font-style: italic !important;
	color: #ccc !important;
	font-weight: 100 !important;
}

/* Kategoria wpisu */
.cat-links {
	border: 0;
}

.cat-links a {
	border: 1px solid #eb0165;
	padding: 2px 10px;
}
.cat-links a {
	color: #777;
}

/* Data wpisu  */
.posted-on span a {
	color: #777;
	font-size: 80% !important;
}


/* Tagi wpisu */
.tags-links {
	display: relative;
}
.tags-links a {
	background: #f2f2f2;
	padding: 2px 10px;
}
.tags-links a {
	color: #777;
	font-weight:200;
}

/* Tytul wpisu */
.entry-title {
	padding: 0;
	margin-top: -10px;
}
.entry-title a:hover {
	color: #eb0165;
}

/* Tresc wpisu */
.entry-content {
	font-size: 90%;
	font-family: 'Alegreya';
	text-align: justify;
}

.entry-content a:not(.more-link) {
	color: black;
	font-weight: bold;
	font-style: italic;
}

/* Stopka strony */
.site-footer {
	color: #999 !important;
	padding: 15px !important;
}


/* Ramka glownego kontenera - usunieta */
#page {
	border: 0;
	max-width: 1400px;
	margin: 10px auto;
}

/* Szerokosci kolumn zmienione */
/*@media only screen and (max-width: 1024px) { 
	#secondary {
		width: calc(30% - 20px);
	}
	#primary {
		width: calc(70% - 10px)
	}
}*/

/* Menu */
.main-navigation {
	border: 1px solid #e1e1e1;
	margin: 0;
}


/* Naglowek wpisu */
.entry-footer, .entry-header {
	border: 0;
}

/* Lista tagow pod tytulem */
.additional-tags-list span.tags-links a {
	text-transform: uppercase !important;
	font-style: normal !important;
	color: #999;
	font-size: 90%;
	font-weight: 100 !important;
}

/* SLIDER
.slick-slide {
	position: relative;
	font-family: 'Alegreya'  !important;
	font-size: 10px !important;
}
.rpc-desc-box {
	background: rgba(255,255,255,.7) !important; 
	position: absolute !important;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	margin: 0!important;
	width: 60%;
	padding: 10px;
}
*/
.fixed-height-image {
	height: 450px !important;
}

/* Komenatrze */
.comment {
	border-bottom: 1px solid #eee;
	padding: 10px 5px 20px 5px  !important;
	margin: 10px 10px !important;
	font-family: 'Alegreya';
}
.comment-author b a {
	text-transform: uppercase;
	color: #eb0165;
}
.says {
	display: none;
}

/* Czytaj wiecej
 * Caly blok jest wycentrowany
 * ale tekst posta do lewej
 * Link wtedy Czytaj wiecej jest na srodku
 * */
.entry-content {
	text-align:center;
}
.entry-content p {
	text-align: left;
}
.more-link {
	display: inline-block;
	margin: 10px auto -50px auto;
	color: #424242;
	text-transform: uppercase;
	font-weight: 400;
  letter-spacing: 2px;
  padding: 10px 25px;
  border: 1px solid #E6E6E6;
  font-size: 11px;
	text-decoration: none;
}
.more-link:hover {
	color: #eb0165;
}



/* Popularne posty */
/**
 * The container of our grid.
 */
.wpp-grid {
    overflow: hidden;
    margin: .1em auto;
    padding: 0;
}
 
    /**
     * The container of each post.
     *
     * Each LI will use relative positioning so we can freely move
     * the elements inside them (namely the post title and the overlay)
     * using CSS3 animations.
     */
    .wpp-grid li {
        position: relative;
        display: inline;
        float: left;
        margin: 0;
        padding: 5px;
        list-style: none;
        width: 50%;
    }
         
        /**
         * The thumbnail.
         *
         * By settings its width to 100% and its height to auto
         * we are making sure it adapts its size to the container
         * while maintaining its aspect ratio.
         */
        .wpp-grid li .wpp-thumbnail {
            display: block;
            width: 100%;
            height: auto;
            border: none;
        }
     
        /**
         * The overlay.
         *
         * It's initial position is outside the LI element (top: 100%),
         * hiding it from view.
         */
        .wpp-grid li .wpp-grid-overlay {
            position: absolute;
            display: block;
            top: 100%;
            right: 0;
            bottom: 0;
            left: 0;
            opacity: 0;
            transition: all 0.4s;
            background: rgb(0, 0, 0);
            background: rgba(0, 0, 0, 0.7);
        }
         
        /**
         * This defines how the overlay behaves when hovering over a post.
         *
         * The overlay is positioned inside the container (LI) and its opacity
         * is also gradually set to 100% (1) during the animation.
         */
        .wpp-grid li:hover .wpp-grid-overlay {
            top: 0;
            opacity: 1;
        }
         
        /**
         * The post title.
         *
         * Like the overlay, this element is also hidden from view.
         * It's positioned at the top of its container (LI) and its
         * opacity is set to 0 (invisible).
         */
        .wpp-grid li .wpp-post-title {
            position: absolute;
            display: block;
            top: 0;
            left: 0;
            opacity: 0;
            padding: 0 15px;
            width: 100%;
            line-height: 1em;
            text-align: center;
            transition: all 0.4s;
            box-sizing: border-box;
				
        }

.wpp-grid li .wpp-post-title, .wpp-grid li .wpp-post-title:hover {
	color: white !important;
}
         
        /**
         * This defines how the post title behaves when hovering over a post.
         *
         * The title is positioned at the center of its container (LI) and its opacity
         * is also gradually set to 100% (1) during the animation.
         */
        .wpp-grid li:hover .wpp-post-title {
            top: 50%;
            opacity: 1;
            transform: translateY(-50%);
        }
     
    /**
     * Responsive CSS rules.
     *
     * These are specific to my theme. You'll have to adjust these to fit yours.
     */
     
    /* When the screen width is 940 or lower, switch to a two columns grid. */
    @media ( max-width: 940px ) {
        .wpp-grid li {
            width: 50%;
        }
    }
     
    /* When the screen width is 480 or lower, switch to a one column grid. */
    @media ( max-width: 480px ) {
        .wpp-grid li {
            float: none;
            clear: both;
            width: 100%;
        }
    }

/* Naglowek */
.site-branding tr {
	border: 0;
}

/* Przyciski Starsze/nowsze */
.nav-links > div > a {
	background-color: #FFF !important;
	color: #969696 !important;
	padding: 0 !important;
	letter-spacing: 4px !important;
}
.nav-previous {
	float: right !important;
	text-align: right !important;
}

.nav-next {
	float: left !important;
	text-align: left !important;
}

/* Wyszukiwarka */
.search-field {
	border: 0 !important;
	background: none !important;
	font-style: italic !important;
	color: #ccc !important;
	font-weight: 100 !important;
}

/* Naglowek zmiana czcionki */
.site-title {
	font-family: 'Amatic SC';
	font-size: 750%;
}

.site-description {
	color: #000 !important;
	font-size: 20px !important;
}

/* ukrycie jakiegos stockowego napisu */
.ssba-share-text {
	display: none;
}

/**/
.featured-image a:after,.featured-image span:after  {
	border: 0 !important;
}

/**/
#custom_html-4 {
	padding-bottom: 10px !important;
}

/**/
.rpc-post-para {
	font-size: 70%;
	color: #000;
}

/**/
.comments-link a {
	text-decoration: none;
	font-weight: 100 !important;
	letter-spacing: 3px;

	font-style: normal !important;
	font-size: 80%;
}