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

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

/* Ankieta widget */

.wp-polls .Buttons {
    border: 1px solid #c8c8c8;
    background-color: #0993dd;
    margin-bottom: 0px;
}

/* Popularne widget */

#secondary .widget ul li {
    line-height: 1.5;
    padding: 0px 0px;
}

#secondary .widgets-list-layout li {
    margin-bottom: 0em;
}

#secondary .widgets-list-layout .widgets-list-layout-blavatar {
    float: left;
    width: 19.276596%;
    max-width: 40px;
    height: auto;
}

#secondary .widgets-list-layout-links {
    float: right;
    width: 78.404255%;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #0993dd;
}

/* Fix do slajdera - Lazy Load */

.bx-viewport {
	max-height: 350px;	
}

/* pager dla slajdera czeka na css */

.bx-pager-item {
	display: none;
}

/* Colormag Author-box display none */

.author-box {
  display: none;
}

/* Recenzje labelki */

.recenzja-swiat {
    font-size: 20px;
    color: white;
    text-transform: uppercase;
    background-color: #c6230b;
    display: block;
    margin-bottom: 10px;
    text-align: center;
		padding: 7px; 
}

.recenzja-rozgrywka {
    font-size: 20px;
    color: white;
    text-transform: uppercase;
    background-color: #c68a0b;
    display: block;
    margin-bottom: 10px;
    text-align: center;
		padding: 7px;
}

.recenzja-grafika {
    font-size: 20px;
    color: white;
    text-transform: uppercase;
    background-color: #6bbc09;
    display: block;
    margin-bottom: 10px;
    text-align: center;
	  padding: 7px;
}

.recenzja-dzwiek {
    font-size: 20px;
    color: white;
    text-transform: uppercase;
    background-color: #08bca4;
    display: block;
    margin-bottom: 10px;
    text-align: center;
	  padding: 7px;
}

.recenzja-jakosc {
    font-size: 20px;
    color: white;
    text-transform: uppercase;
    background-color: #0d5ae0;
    display: block;
    margin-bottom: 10px;
    text-align: center;
	  padding: 7px;
}

.recenzja-ocena {
    font-size: 20px;
    color: white;
    text-transform: uppercase;
    background-color: #7809c1;
    display: block;
    margin-bottom: 10px;
    text-align: center;
	  padding: 7px;
}

/* Redakcja okrągłe img */

#post-896 .tablepress img {
	border-radius: 50%;
}

/* Alignment linków z wordpress do środka */

.fitvids-video {
	text-align: center;	
}

/* Ukrycie podpisów sekcji polecamy na mobilkach */

@media screen and (max-width: 768px) { 
#colormag_highlighted_posts_widget-14 .below-entry-meta {
  display: none;
	}
}

/* Ukrycie banera obok loga na mobilkach */

@media screen and (max-width: 768px) { 
#colormag_highlighted_posts_widget-11 .below-entry-meta {
  display: none;
	}
}

/* Odstęp głównych kafelków */

#colormag_highlighted_posts_widget-11 {
	margin-bottom: 20px;	
}

/* Block quote fix */

blockquote h1
{
	color: #ffffff;
}

blockquote h2
{
	color: #ffffff;
}

blockquote h3
{
	color: #ffffff;
}

blockquote h4
{
	color: #ffffff;
}

blockquote p a
{
	color: #ffffff;
	text-decoration: underline;
}

/* Ukrycie banera obok loga na mobilkach */

/*
@media screen and (max-width: 768px) { 
	#header-right-section .widget {
        display: none;
    }
}
*/

/* Ladowanie Facebook widget fix */

#sfp_page_plugin_widget-4 {
	height: 265px;
}

/* Wyjustowanie tekstu */

.post .entry-content {
	    text-align: justify;
	    text-justify: distribute;
}

/* Bullet point formating */

.entry-content ul, .entry-content ol {
    margin-bottom: 15px;
    font-size: 15px;
}

.entry-content li {
    line-height: 1.4;
    margin-bottom: 8px;
}
	
/* Konfiguracja Polecamy w sidebarze */

@media screen and (min-width: 768px) { #colormag_highlighted_posts_widget-14.widget_highlighted_posts .article-content {
        display: none;
    }
}

/* Zmniejszenie odstępu widgeta z bannerami */

#text-11.widget.widget_text.clearfix {
	margin-bottom: 10px;
}

/* Szerokość banerów */

#text-11.widget img {
	max-width: 99.5%;	
}

/* Zmniejszenie odstępu widgetów na sidebarze */

#secondary .widget, .error-404 .widget {
    margin-bottom: 25px;
}
	
/* Sekcja czy wiesz że */

#randomize-2.widget {
	  font-size: 16px;
  	position: relative;
}

#randomize-2.widget a {
	  color: #FFFFFF;
	  text-decoration: none;
	  display: block;
}

#randomize-2 div {
    padding: 10px 10px 10px 10px;
    border-radius: 15px;
    background-color: #444;
	  margin: 5px 5px 5px 5px;
	  max-width: 100%;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

#randomize-2 div:hover {
	  background-color: #0993dd;
	  -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

/* Nagłówki na głównej */

.widget-title {
    border-bottom: 2px solid #0993dd;
    border-bottom: 2px solid #0993dd;
    font-size: 18px;
    margin-bottom: 15px;
    padding-bottom: 0;
}

.widget-title span {
    background-color: #0993dd;
}

.widget-title span {
    background-color: #0993dd;
    color: #fff;
    padding: 6px 12px;
    display: inline-block;
}

/* Reklama img margin fix */
#header-right-section img {
    margin-bottom: 0px;
}

/* Usunięcie kategorii ze wszystkich miejsc */
.above-entry-meta {
    display: none;
}

/* Wyłączenie ikonki komentarzy */
.below-entry-meta .comments {
  display: none;
}

/* Wyświetlanie autorów pod kategorią nowość */

.widget_highlighted_posts .article-content .below-entry-meta .byline {
    display: unset;
}

/* Większe ikony social góra */

#masthead .social-links i.fa {
    font-size: 28px;
    padding: 0 10px;
}

/* Większe ikony social stopka */

.social-links i.fa {
    font-size: 28px;
    padding: 0 10px;
}

/* Marginesy obrazków przy align left / right */

#content .post img.alignright {
    margin-left: 15px;
    margin-top: 15px;
}

#content .post img.alignleft {
    margin-right: 15px;
    margin-top: 15px;
}

/* Forum - przycisk szukaj */

.colormag-button, blockquote, button, input[type=reset], input[type=button], input[type=submit] {
    align-self: right;
}

#bbpress-forums #bbp-search-form #bbp_search {
	  align-self: left;
}

/* Podswietlanie napisu na okladkach - myszka */

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);
}

/* Sekcja polecane / okładki */

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

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

#colormag_highlighted_posts_widget-14 .single-article .article-content .entry-title a {
    text-decoration: none;
}

/* 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;
    }
}

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

@media screen and (max-width: 768px) { 
.main-content-section, .widget_slider_area {
    padding-top: 0px;
}
}

@media screen and (max-width: 768px) { 
 .widget_slider_area {
    padding-bottom: 0px;
}
}

@media screen and (max-width: 768px) { 
	#site-navigation-sticky-wrapper element.style {
				height: 0px;
		}
}

@media screen and (max-width: 768px) { .tg-footer-other-widgets {
    float: none;
    margin-right: 0;
    width: 100%;
}
}

@media screen and (max-width: 768px) {
.tg-footer-main-widget {
    float: none;
    margin-right: 0;
    width: 100%;
}
}

.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;
}

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

/* Strona Redakcja font */
.tablepress tbody {
	font-size: 14px;	
}

/* OCENA TESTERA */

        #score123 .score-container {
            position: relative;
            /*width: 720px;*/
					  height: min-content;
            padding: 25px;
            background-color: #0993dd;
            margin: 80px auto 20px;
            font-family: Arial;
            border-radius: 25px;
            font-size: 16px;
	          min-height: 420px;
        }
        @media (max-width:1174px) {
            #score123 .score-container {
                width:calc(100% - 50px);
            }
        }
        
        #score123 .score-number {
            width: 120px;
            height: 120px;
            border-radius: 50%;
            border: 3px solid #fff;
            background-color: #0993dd;
            position: absolute;
            left: 60px;
            top: -60px;
            z-index: 1;
            text-align: center;
            font-size: 20px;
            color: rgba(255, 255, 255, 0.5);
            line-height: 120px;
        }
        
        #score123 .score-number .score {
            font-size: 54px;
            color: #fff;
        }
        
        #score123 .score-title {
            text-align: center;
            font-size: 30px;
            font-weight: bold;
            color: #0993dd;
            margin-left: 205px;
            position: absolute;
            top: -30px;
            left: 0;
            background-color: #fff;
            padding: 10px 20px;
            border-radius: 25px;
            display: block;
            border: 2px solid #0993dd;
        }
        @media (max-width:767px) {
            #score123 .score-title {
                position:static;
                margin-left:0;
                margin-top:25px;
            }
        }
        
        #score123 .score-content {
            margin-top: 70px;
        }
        @media (max-width:767px) {
            #score123 .score-content {
                margin-top:20px;
            }
        }
        
        #score123 .score-content .score-details {
            color: #fff;
            float: left;
            display: block;
            margin-right: 20px;
            width: 20%;
        }
        @media (max-width:767px) {
            #score123 .score-content .score-details {
                margin-right: 0;
                width: 100%;
            }
        }
        
        #score123 .score-content .score-details ul {
            padding: 0;
            margin: 0;
        }
        
        #score123 .score-content .score-details ul li {
            list-style: none;
        }
        
        #score123 .score-detail {
            font-size: 28px;
            font-weight: bold;
            background-color: #fff;
            color: #0993dd;
            width: 38px;
            height: 38px;
            border-radius: 50%;
            display: inline-block;
            text-align: center;
        }
        
        #score123 .score-description {
            color: #fff;
            display: block;
            width: calc(50% - 40px);
            float: left;
            text-align: justify;
            margin-right: 20px;
            font-size: 16px;
            line-height: 20px;
	          margin-bottom: 15px;
        }
        @media (max-width:767px) {
            #score123 .score-description {
                margin-top:30px;
                margin-right: 0;
                width: 100%;
            }
        }
        
        #score123 .platform-detail {
            font-size: 16px;
            font-weight: bold;
            background-color: #fff;
            color: #0993dd;
            width: 48px;
            height: 48px;
            line-height: 48px;
            border-radius: 50%;
            display: inline-block;
            text-align: center;
        }
        
        #score123 .desc-platform {
            border-top: 1px solid #fff;
            margin-top: 20px;
        }

        #score123 .desc-platform p {
            margin: 10px auto auto auto;
						font-size: 20px;
	          display: flex;
            justify-content: space-between;
        }
        
        #score123 .desc-platform ul li {
            margin-top: 1px;
						font-size: 14px;
        }
        
        #score123 .desc-platform ul {
            list-style-type: disc;
        }
        
        #score123 .score-pros {
            display: block;
            float: left;
            width: 30%;
            color: #fff;
        }
        @media (max-width:767px) {
            #score123 .score-pros {
                width: 100%;
                margin-top:30px;
            }
        }
        
        #score123 .score-pros ul {
            margin: 0;
            padding: 0;
        }
        
        #score123 .score-pros ul li {
            list-style: none;
            margin-bottom: 10px;
            width: 100%;
        }
        
        #score123 .score-pros ul li .pros {
            font-size: 30px;
            font-weight: bold;
            display: inline-block;
            line-height: 20px;
            width: 25px;
            vertical-align: top;
        }
        
        #score123 .score-pros ul li .pros-desc {
            display: inline-block;
            width: calc(100% - 25px);
        }
        
        #score123 .clearboth {
            clear: both;
        }
        
        #score123 .sponsor {
            position: absolute;
            z-index: 1;
            bottom: 25px;
            left: 25px;
            display:block;
	          width: 130px;
        }
        @media (max-width: 767px) {
        #score123 .sponsor {
            position: static;
           }
       }
        #score123 .link {
            text-align: right;
            position:absolute;
            right:20px;
            bottom:20px;
            color:#fff;
            text-decoration: underline;
            font-size:14px;
        }
        @media (max-width:767px) {
            #score123 .link {
                position:static;
                display:block;
            }
        }