/*
Theme Name: Colormag Child Theme
Theme URI: http://themegrill.com/themes/colormag/
Description: Child Theme for Colormag
Author: ThemeGrill
Author URI: http://themegrill.com
Template: colormag
Version: 1.0
*/

/*
Tutaj możesz dodać własny CSS.

Naciśnij ikonkę pomocy, żeby dowiedzieć się więcej.
*/

/* Ikonka komentarzy fontawesome */

i.fa-comment:before {
  content: "\f075";
}

/* Odległość linii przy wypunktowaniu */

.entry-content li {
    line-height: 1.4;
}

/* Podświetlenie tła napisów widgetów */

section#colormag_featured_posts_slider_widget-5 .bx-wrapper:hover .slide-content .entry-title {
    background: rgba(9,147,221,1);
}

section#colormag_featured_posts_slider_widget-5 .slide-content .entry-title a:hover {
    color: rgba(255,255,255,255);
}

section#colormag_highlighted_posts_widget-13 .single-article:hover .article-content .entry-title {
    background: rgba(9,147,221,1);
}

section#colormag_highlighted_posts_widget-13 .single-article .article-content .entry-title a:hover {
    color: rgba(255,255,255,255);
}

section#colormag_highlighted_posts_widget-11 .single-article:hover .article-content .entry-title {
    background: rgba(9,147,221,1);
}

section#colormag_highlighted_posts_widget-11 .single-article .article-content .entry-title a:hover {
    color: rgba(255,255,255,255);
}

/* Usunięcie autora i daty ze slidera */
.slide-content .below-entry-meta {
    display: none;
}

/* Format wiadomości po zapisaniu do listy newsletter */
.widget_wysija_cont .updated, .widget_wysija_cont .message {
    background-color: #0993dd;
    border-color: #0993dd;
    color: #FFFFFF;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    padding-left: 9px;
}

.widget_wysija_cont .wysija-paragraph {
    margin-bottom: -25px;
}

/* Ukrywa prawą sekcje na małych ekranach */
@media screen and (max-width: 768px) { section#colormag_highlighted_posts_widget-13 {
        display: none;
    }
}

@media screen and (max-width: 768px) { 
	section#text-8 {
        display: none;
    }
}

/* Ukrywa slajder na małych ekranach */
@media screen and (max-width: 768px) { section#colormag_featured_posts_slider_widget-5 {
        display: none;
    }
}

@media screen and (max-width: 768px) { 
	section#text-9 {
        display: none;
    }
}

@media screen and (max-width: 768px) { 
	#main {
    	padding-top: 0px;
    }
}

/* Animacja okładek postów */
.highlights-featured-image {
  position: relative;
  overflow: hidden;
}

/* Animacja okładek postów */
.highlights-featured-image img {
  max-width: 100%;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

/* Animacja okładek postów na kursor*/
.highlights-featured-image:hover img {
  -moz-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

/* Tło tekstu okładek postów */
.widget_highlighted_posts .article-content .entry-title {
    font-size: 16px;
    padding: 5px 10px 5px 10px;
    margin-right: 20px;
    background-color: rgba(0, 0, 0, 0.50);
}

/* Animacja okładek slidera */
.slider-featured-image {
  position: relative;
  overflow: hidden;
}

/* Animacja okładek slidera */
.slider-featured-image img {
  max-width: 100%;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

/* Animacja okładek slidera na kursor*/
.slider-featured-image:hover img {
  -moz-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

/* Tło tekstu slidera */
.widget_featured_slider .slide-content .entry-title {
    padding: 10px 15px 10px 15px;
    margin-right: 30px;
    background-color: rgba(0, 0, 0, 0.50);
}

/* Usunięcie daty z okładek obok slidera */
section#colormag_highlighted_posts_widget-13 .below-entry-meta {
    display: none;
}

/* Margines od podlinkowanego YouTube */
.fitvids-video {
  margin-bottom: 20px;
}

.tablepress img {
  padding: 5px;
}

h1 {
  font-size: 34px;
}

h2 {
  font-size: 22px;
}

h3 {
  font-size: 20px;
}

h4 {
  font-size: 16px;
  line-height: 1.5;
}

/* Konfiguracja cytatów */
blockquote {
  padding: 15px 30px 10px 35px;
}

blockquote p {
  font: inherit;
  font-size: 94%;
  font-style: inherit;
  font-weight: inherit;
  line-height: 1.6;
  padding: 0px;
}

blockquote p:before {
  content: "\201C";
  font-size: 60px;
}

blockquote:before {
    display:none;
}