/**
Theme Name: BlogJr Portfolio modified by MM
Theme URI: https://machnio.pl/
Author: M M
Author URI: https://machnio.pl
Version: 1.0
Template: blogjr
Text Domain: blogjr-portfolio-by-MM 
Description: BlogJr Portfolio modified by MM
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: translation-ready, custom-header, custom-background, theme-options, custom-menu, threaded-comments, featured-images, footer-widgets, right-sidebar, full-width-template, two-columns, three-columns, grid-layout, custom-logo, blog, portfolio, photography

BlogJr Portfolio modified by MM Wordpress Theme, Copyright 2021 M M
BlogJr Portfolio modified by MM WordPress Theme is distributed under the terms of the GNU GPL

BlogJr Portfolio modified by MM WordPress Theme is child theme of BlogJr WordPress Theme, Copyright 2020 Shark Themes
BlogJr WordPress Theme is distributed under the terms of the GNU GPL
*/

body {
	background: #fff;
        font-family: 'Grandstander', cursive;
}

#top-menu,
.backtotop,
.main-navigation ul.sub-menu,
.post-navigation:before,
.posts-navigation:before,
.post-navigation:after,
.posts-navigation:after,
input[type="submit"],
.reply a,
.black-overlay,
.separator,
.section-separator:before,
.wp-block-button__link,
.wpcf7 input.wpcf7-form-control.wpcf7-submit,
.blog-loader-btn .read-more a,
.add-separator:after,
#cta-section .entry-container a.btn:hover,
.banner-slider.center-background-outline-light .custom-header-content a.btn.btn-transparent, 
.banner-slider.center-background-light .custom-header-content a.btn.btn-transparent, 
.banner-slider.center-background-outline .custom-header-content a.btn.btn-transparent, 
.banner-slider.center-background .custom-header-content a.btn.btn-transparent,
#introduction .wp-playlist-tracks .wp-playlist-item.wp-playlist-playing, 
#introduction .wp-playlist-tracks .wp-playlist-item:hover,
#introduction .wp-playlist .mejs-inner .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,
#introduction .wp-playlist .mejs-inner .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current:after,
#introduction .wp-playlist .mejs-inner .mejs-controls .mejs-time-rail .mejs-time-current,
.widget_search form.search-form button.search-submit,
.widget_search form.search-form button.search-submit:hover,
.widget_search form.search-form button.search-submit:focus { 
    background-color: #036c9d; 
    border-color: #036c9d; 
}

#respond input[type="submit"],
.blog-loader-btn .read-more:hover,
.widget_search form.search-form input,
.blog-posts-wrapper .entry-container a.btn.btn-transparent,
.single-post .entry-meta span.tags-links a,
.gallery .overlay .entry-header .entry-title,
.blog-loader-btn .read-more,
.hero_content_widget .read-more,
.wpcf7 input, 
.wpcf7 textarea,
.wpcf7 input.wpcf7-form-control.wpcf7-submit,
.hero_content_widget .read-more:hover { 
    border-color: #036c9d; 
}

.site-title a,
.page-header span.author-name,
.blog-posts-wrapper .entry-container a.btn.btn-transparent,
.comment-meta .url,
.comment-meta .fn,
.entry-title,
.slick-dots li.slick-active button:before,
.banner-slider.center-background-outline-light .custom-header-content h2 a:hover, 
.banner-slider.center-background-light .custom-header-content h2 a:hover, 
.banner-slider.center-background-outline-light .custom-header-content .entry-meta a:hover, 
.banner-slider.center-background-light .custom-header-content .entry-meta a:hover, 
.banner-slider.center-background-outline-light .custom-header-content .cat-links a:hover, 
.banner-slider.center-background-light .custom-header-content .cat-links a:hover, 
.banner-slider.center-background-outline .custom-header-content h2 a:hover, 
.banner-slider.center-background .custom-header-content h2 a:hover, 
.banner-slider.center-background-outline .custom-header-content .entry-meta a:hover, 
.banner-slider.center-background .custom-header-content .entry-meta a:hover,
.banner-slider.center-background-outline .custom-header-content .cat-links a:hover, 
.banner-slider.center-background .custom-header-content .cat-links a:hover,
.banner-slider.center-background .custom-header-content .cat-links a:hover,
.blog-posts-wrapper.image-focus-dark article.has-post-thumbnail .entry-container .entry-footer a:hover, 
.blog-posts-wrapper.image-focus-dark article.has-post-thumbnail .entry-container .entry-title a:hover, 
.blog-posts-wrapper.image-focus-dark article.has-post-thumbnail .entry-container .cat-links a:hover, 
.blog-posts-wrapper.image-focus-outline-dark article.has-post-thumbnail .entry-container .entry-footer a:hover, 
.blog-posts-wrapper.image-focus-outline-dark article.has-post-thumbnail .entry-container .entry-title a:hover, 
.blog-posts-wrapper.image-focus-outline-dark article.has-post-thumbnail .entry-container .cat-links a:hover,
.widget_contact_info label { 
    color: #036c9d; 
}  


.blog-posts-wrapper .entry-container a.btn.btn-transparent:hover,
#respond input[type="submit"]:hover,
#respond input[type="submit"]:focus,
.reply a:hover,
.reply a:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
.slick-prev:hover, 
.slick-next:hover,
.slick-prev:focus, 
.slick-next:focus,
.custom-header-content .separator,
.custom-header-content a.btn:hover,
.wp-block-button .wp-block-button__link:hover,
.wp-block-button .wp-block-button__link:focus,
.blog-loader-btn .read-more a:hover,
#secondary .widget-title, 
#secondary .widgettitle,
.post-navigation, .posts-navigation, 
.post-navigation, .posts-navigation,
#introduction .post-wrapper .entry-container a.btn:hover,
.backtotop:hover { 
    background-color: #036c9d; 
    border-color: #036c9d; 
}

#respond input[type="submit"]:hover,
#respond input[type="submit"]:focus,
.pagination a.page-numbers:hover,
.pagination a.page-numbers:focus,
.pagination a.page-numbers:hover svg,
.pagination a.page-numbers:focus svg,
.custom-header-content a.btn:hover,
.slick-prev:hover, 
.slick-next:hover,
.slick-prev:focus, 
.slick-next:focus,
.wp-block-pullquote, 
.wp-block-quote, 
#filter-posts ul li.active a,
.wp-block-quote:not(.is-large):not(.is-style-large),
.blog-posts-wrapper .entry-container a.btn.btn-transparent:hover { 
    border-color: #036c9d; 
}

a:hover, 
a:focus, 
a:active,
.main-navigation a:hover,
.main-navigation a:focus,
.custom-header-content .cat-links a:hover,
.custom-header-content .cat-links a:focus,
.pagination a.page-numbers:hover,
.pagination a.page-numbers:focus,
.site-title a:hover,
.custom-header-content h2 a:hover,
#featured-posts article .entry-container span.posted-on a:hover,
#featured-posts.dark article .entry-container span.posted-on a:hover,
#featured-posts .section-content article .entry-header .entry-title a:hover,
.single-post .entry-meta span a:hover,
article .entry-title a:hover,
article .entry-title a:focus,
.entry-meta > span a:hover,
.entry-meta > span a:focus,
#secondary .widget ul li a:hover,
.main-navigation ul.menu li.current-menu-item > a { 
    color: #036c9d; 
}
.post-navigation a:hover,
.post-navigation a:focus,
.posts-navigation a:hover,
.posts-navigation a:focus {
	color: #fff;
}

.main-navigation ul li a:hover svg,
.main-navigation li a:hover svg,
.pagination a.page-numbers:hover,
.pagination a.page-numbers:focus,
.pagination a.page-numbers:hover svg,
.pagination a.page-numbers:focus svg,
.filter-posts-tag svg.icon.icon-tag,
.filter-posts-category svg.icon.icon-list { 
    fill: #036c9d; 
}

/*media query*/
@media screen and (min-width: 1024px){
	#search.search-open {
		border-color: #036c9d;
	}
	.main-navigation ul.sub-menu li:hover > a, 
	.main-navigation ul.sub-menu li:focus > a {
		background-color: #036c9d;
	} 
	.main-navigation li.menu-item-has-children ul li svg {
		fill: #006666;
	}
	.main-navigation li.menu-item-has-children ul li a {
		fill: #00FF00;
	}
}

@media screen and (max-width: 1023px){
	.main-navigation .dropdown-toggle svg,
	.main-navigation li.menu-item-has-children ul li svg {
		fill: #006666;
	}
	.main-navigation svg {
		fill: #fff;
	}
	.main-navigation svg.icon-search,
	.main-navigation .search.search-open svg.icon-close,
	.main-navigation svg.icon-down {
		fill: #036c9d;
	}
	.main-navigation a:hover, 
	.main-navigation a:focus, 
	.main-navigation ul.menu li.current-menu-item > a {
		color: #036c9d;
	} 
}

# dodane

.main-navigation .current-menu-ancestor > a {
	color: #666666;
}

# nadpisujemy z blogjr
h1.page-title {
	font-size: 3rem;
	font-family: 'Grandstander';
	/* font-weight: 600; */
}

h1, h2, h3, h4, h5, h6 {
    clear: both;
    color: #1d1d1d;
    margin: 16px 0;
    line-height: 1.3;
    font-family: 'Grandstander'
}

.site-title {
    margin: 0;
    line-height: 1;
}

/* tytul site-u - na samej gorze  na pewno dziala*/
.site-title a {
    /* font-size: 3rem;  */
    font-family: 'Grandstander';
}

/* tytul strony - nad obrazkami na pewno dziala */
.page-header .page-title {
    font-family: 'Grandstander';
    font-size: 2.5rem; 
}

/* zapewnia ze w rozwijanym menu pozycja wybrana jest malymi literami */
.main-navigation ul.menu li.current-menu-item > a {
    font-family: 'Grandstander';
    color: #000000;
    text-transform: none;
}

/* zadzialalo - zmiana koloru powoduje ze zmienia sie kolor napisu wszedzie w menu na czarny, nawet w tej rozwijanej niebieskiej czesci
   ale tam chcemy miec kolor bialy, wiec kolor zakomentowujemy */
.main-navigation ul.menu li a {
    font-family: 'Grandstander';
   /* color: #000000; */
    text-transform: none;
} 


/* raczej nic nie robi
.main-navigation .menu-item-has-children > a::after {
    font-family: 'Grandstander';
    float: none;
    text-transform: none;
}
*/


/* wlacza fonty w menu takie jak chcemy */
.main-navigation ul.nav-menu > li > a, .left-absolute .main-navigation ul.nav-menu > li > a {
    font-family: 'Grandstander';
    line-height: 100px;
    text-transform: none;
}


/* tez raczej nic nie robi
.main-navigation > a {
    font-family: 'Grandstander';
    text-transform: none;

}
*/

/* tez raczej nic nie robi
.main-navigation ul.sub-menu a {
    font-family: 'Grandstander';
    float: right;
    text-transform: none;
}
*/

/* male litery w sub-menu  - chyba niepotrzebne
ul.sub-menu > li.menu-item > a {
    text-transform: none;
} */

/* kolor tla galerii nextgen i przykrywanie elementow strony pod spodem */
div.sl-overlay {
  background-color: #036c9d; 
  z-index: 9000;
  opacity: 1;
}
img.sl-wrapper {
  z-index: 10000;
  opacity: 1;
}

/* proba ustawienia koloru dla galerii figcaption */
figcaption.blocks-gallery-item__caption > a {
  color: #ffffff;
}

/* niebieski kolor dla wybranego menu, ktore ma "podmenu" */
.main-navigation .current-menu-ancestor > a {
        color: #036c9d;
}