@charset "utf-8";
/* CSS Document */

/*
 Theme Name:   sebastian-kubica
 Description:  Divi Child Theme
 Author:       Marcin Urbańczyk
 Author URI:   http://marcinurbanczyk.com
 Template:	   Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

*/

@import url('../Divi/style.css');

body {
  font-size: 17px;
}

p {
  font-size: 1em; /* 17px */
  line-height: 1.5294em; /* 26px */
  margin: 0 0 1.5294em 0;
}
/* 60px - The quick brown fox jumps over the lazy dog */
h1 {
  font-size: 3.5294em; /* 60px */
  line-height: 1.3000em; /* 78px */
  margin-top: 0.4333em;  margin-bottom: 0.0000em;
}
/* 48px - The quick brown fox jumps over the lazy dog */
h2 {
  font-size: 2.8235em; /* 48px */
  line-height: 1.0833em; /* 52px */
  margin-top: 0.5417em;  margin-bottom: 0.0000em;
}
/* 36px - The quick brown fox jumps over the lazy dog */
h3 {
  font-size: 2.1176em; /* 36px */
  line-height: 1.4444em; /* 52px */
  margin-top: 0.7222em;  margin-bottom: 0.0000em;
}
/* 27px - The quick brown fox jumps over the lazy dog */
h4 {
  font-size: 1.5882em; /* 27px */
  line-height: 1.9259em; /* 52px */
  margin-top: 0.9630em;  margin-bottom: 0.0000em;
}
/* 20px - The quick brown fox jumps over the lazy dog */
h5{
  font-size: 1.1765em; /* 20px */
  line-height: 1.3000em; /* 26px */
  margin-top: 1.3000em;  margin-bottom: 0.0000em;
}
/* 17px - The quick brown fox jumps over the lazy dog */
h6 {
  font-size: 1.0000em; /* 17px */
  line-height: 1.5294em; /* 26px */
  margin-top: 1.5294em;  margin-bottom: 0.0000em;
}

/* ---------------------  M A S O N R Y    P O S T S     ------------------------*/
#main-content .container {width:100%; background-color:#eaeaea;}
h1.main_title {font-family: 'Roboto Condensed', sans-serif; font-size: 1.2em; font-style: normal; font-weight: 400; letter-spacing: 0.15em; margin-bottom: 2em; margin-top: -60px; padding-left: 34px; text-align: left; text-transform: uppercase;}
	
.pswp__bg { background: #eaeaea none repeat scroll 0 0;}

/* ---------------------  T O P   N A V I G A T I O N    ------------------------*/
.et-fixed-header #top-menu ul li.current-menu-item > a {
    color: #ffffff !important;
}
.et-search-form input { background: #ffffff; padding-left:12px;}
.lang-item {letter-spacing:0.02em;}
#et-secondary-nav li a {font-size:13px; text-transform:none; color:#666; font-weight:normal; font-variant:normal;}
#et-secondary-nav {float:right; display:inline-block; margin-top:-7px; margin-right:0px; margin-left:20px;}
.nav ul li a:hover, .et_mobile_menu li a:hover {opacity: 1.0; color:#000;}
#top-menu-nav > ul > li > a:hover, #et-secondary-menu > ul > li > a:hover, #et-info-email:hover, .et-social-icons a:hover {opacity:1.0; transition: all 0.2s ease-in-out 0s;
color:#000;}
#et-top-navigation #et-secondary-menu { display: inline; float: none; position: relative;}
#et-secondary-menu .et-social-icons li a {font-size:1em;}
#top-menu li.current-menu-ancestor > a {color:#ff0000;}
#et-secondary-menu .et-social-icons {  margin-right: 2px;  margin-top: -3px;}
#et_search_icon:hover, .mobile_menu_bar::before, .mobile_menu_bar::after, .et-social-icon a:hover, .comment-reply-link, .form-submit input, .entry-summary p.price ins, .woocommerce div.product span.price, .woocommerce-page div.product span.price, .woocommerce #content div.product span.price, .woocommerce-page #content div.product span.price, .woocommerce div.product p.price, .woocommerce-page div.product p.price, .woocommerce #content div.product p.price, .woocommerce-page #content div.product p.price, .woocommerce .star-rating span::before, .woocommerce-page .star-rating span::before, .woocommerce a.button.alt, .woocommerce-page a.button.alt, .woocommerce button.button.alt, .woocommerce-page button.button.alt, .woocommerce input.button.alt, .woocommerce-page input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce-page #respond input#submit.alt, .woocommerce #content input.button.alt, .woocommerce-page #content input.button.alt, .woocommerce a.button, .woocommerce-page a.button, .woocommerce button.button, .woocommerce-page button.button, .woocommerce input.button, .woocommerce-page input.button, .woocommerce #respond input#submit, .woocommerce-page #respond input#submit, .woocommerce #content input.button, .woocommerce-page #content input.button, .woocommerce a.button.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-page input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce #content input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce a.button:hover, .woocommerce-page a.button:hover, .woocommerce button.button, .woocommerce-page button.button:hover, .woocommerce input.button:hover, .woocommerce-page input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce-page #respond input#submit:hover, .woocommerce #content input.button:hover, .wp-pagenavi span.current, .wp-pagenavi a:hover, .et_password_protected_form .et_submit_button, .nav-single a, .posted_in a, #top-menu li.current-menu-ancestor > a, #top-menu li.current-menu-item > a, .bottom-nav li.current-menu-item > a, .footer-widget h4 {
    color: #ff0000;}
	#main-header .nav li ul a:hover {color: rgba(255, 255, 255, 1);}
	#main-header .nav li ul {background-color: #ff0000!important;}
#main-header, #et-top-navigation {font-weight: 400;letter-spacing: 0.1em; text-transform: uppercase;}
.nav li ul {
    background: #ff0000 none repeat scroll 0 0;
    width: 300px;
}
#top-menu li li a {
    padding: 6px 20px;
    width: 260px;
	text-transform:none;
	letter-spacing:0.02em;	font-weight:600;	font-family: 'Roboto Condensed', sans-serif;
}
.nav li ul { right: 0;}
#top-menu-nav > ul > li > a:hover {color:black; opacity:1;}
#top-menu-nav #top-menu li .sub-menu li a:hover {opacity:1; color:#ffffff;}
#main-header .container {width:100%; padding-left:30px; padding-right:30px;}
#et_mobile_nav_menu ul.et_mobile_menu {background-color: rgba(255, 255, 255, 1);}
#mobile_menu {
    border-color: #ffffff;
}


/* ---------------------  S I D E   N A V I G A T I O N  ------------------------*/

.et_pb_scroll_top.et-pb-icon { background:url('http://sebastiankubica.pl/wp-content/uploads/2016/04/sidebar-nav.svg'); border-bottom-left-radius: 0px; border-top-left-radius: 0px; color: rgba(255, 255, 255, 0); font-size:40px;}
ul.et_pb_side_nav { background: rgba(0, 0, 0, 0) none repeat scroll 0 0;}
ul.et_pb_side_nav .side_nav_item a.active { background-color: #ff0000 !important; border-radius:0px; }
ul.et_pb_side_nav .side_nav_item a { background-color: rgba(0, 0, 0, 0.25);}
.et_pb_social_media_follow li a.icon.circle { border-radius: 0%;}
.et_pb_social_media_follow li a.icon::before { color: #ff0000; font-size: 20px; height: 48px; line-height: 48px;  width: 48px;}
.et_pb_social_media_follow li a.icon { height: 48px; width: 48px;}
#social-facebook-module {text-align:center; margin: 5% auto 0; width: 48px;}
#social-facebook-module li a {transition:all 0.3s ease-in-out;}
#social-facebook-module li a:hover {background-color:#000000!important;}
#contact-module-home-page h2 {font-size:3em;}
#home-page-header {background-size:contain; background-position: top left;}
#post-262 {background:url('http://sebastiankubica.pl/wp-content/uploads/2016/03/paper-back.jpg'); background-position:cover;}
#categories-section-container {background-size:contain; background-position: top left;}
#categories-section-container .et_pb_blurb_position_left .et_pb_blurb_container, #categories-section-container .et_pb_blurb_position_right .et_pb_blurb_container { vertical-align: middle;}
.et_pb_blurb h4 { padding-bottom: 5px; font-size:36px;}
#categories-section-container .et_pb_row {padding-top:0%; padding-bottom:0%;}
#categories-section-container a svg { width: auto;}
.et_pb_section { background-color: rgba(255, 255, 255, 0);}
#categories-row {padding-top:10%; padding-bottom:10%;}
#categories-row-bottom-padding {padding-bottom:10%;}
.categories-blurb .et_pb_blurb h4 a {}
.et_pb_main_blurb_image img:hover {fill:#ff0000;}
#footer-info {letter-spacing:0.1em; padding-bottom:0px; }
#footer-info a:hover {opacity:1; color:#ffffff; }
#main-footer .container { width: 100%; padding-left:30px; padding-right:30px;}
#bio-heading h3 {font-size: 3em; letter-spacing: 0.15em;}
#bio-section .et_pb_text h4 strong {font-family: 'Roboto Condensed', sans-serif; font-style: normal; font-weight: 700;}
#categories-section .et_pb_code a {display:block;  height: 100%; margin-bottom: -7px; position: relative; width: 100%;}
#left-area ul, .entry-content ul, .comment-content ul, body.et-pb-preview #main-content .container ul {
    line-height: 1.5em;
	font-family: 'Roboto Condensed', sans-serif; font-weight:400; font-style:normal;font-variant:normal;
}

/* ---------------- A N I M  A T E D   I C O N S  -----------------------------	*/
#categories-section .et_pb_row {width:100%;}
.et_pb_fullwidth_header .et_pb_fullwidth_header_scroll a .et-pb-icon {
    background: url('http://sebastiankubica.pl/wp-content/uploads/2016/04/scroll-down.svg');
    color: rgba(0,0,0,0);
    font-size: 48px;
	animation: arrowAnim 1.5s ease-in-out infinite;
}
@keyframes arrowAnim {
  0% { }
  10% { transform: translate(0px,8px);}
  50% { transform: translate(0px,0px);}
  100% {transform: translate(0px,0px);}
}
#main-slider-section {
background: #16a3ba; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, #fcc99d 0%, #16a3ba 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#fcc99d), color-stop(100%,#16a3ba)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover, #fcc99d 0%,#16a3ba 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover, #fcc99d 0%,#16a3ba 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover, #fcc99d 0%,#16a3ba 100%); /* IE10+ */
background: radial-gradient(ellipse at center, #fcc99d 0%,#16a3ba 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcc99d', endColorstr='#16a3ba',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#slider-widget .et_pb_widget {
    float: left;
    margin: 0;
	position:relative;
}
/* ---------------------    P O S T E R    G R I D  ----------------------*/
			/*@media (max-width: 768px) {
				.gallery-item {
					width: 50% !important;
				}
			}
			
			@media (max-width: 480px) { 
				.gallery-item {
					width: 100% !important;
				}
			}
			
			.gallery {
				margin: auto;
			}
			.gallery-item {
				float: left;
				margin-top: 10px;
				text-align: center;*/
			/*	width: {$itemwidth}%; */
			/*}
			.gallery img {
				border: 1px solid #ccc;
			}
			.gallery-caption {
				margin-left: 0;
				}*/

/* ---------------------    T Y P O G R A P H Y    -----------------------*/

h1, h2, h3, h4, h5, h6 {font-family: 'bahianaregular';}
p {font-family: 'Roboto Condensed', sans-serif; font-weight:400; font-style:normal;font-variant:normal;}







/* ---------------------    A N I MO W A N A   M Y S Z K A   --------------   */

.mouse-icon-container { margin-bottom: -90px; width:100%; position:absolute; float:left; bottom:0; opacity:0;}
.mouse-icon {border: 2px solid #fff; border-radius: 14px; bottom: 62px; display: block; height: 42px; left: 50%;  margin: 0 0 0 -14px; position: absolute; width: 24px; /*z-index: 1;*/}
.mouse-icon > span::before { top: -11px;}
.mouse-icon > span::before, .mouse-icon > span::after { background: #fff none repeat scroll 0 0; border-radius: 2px; content: ""; height: 4px; left: 1px; position: absolute; top: 76px; width: 4px;}
.mouse-icon > span > span { background: #fff none repeat scroll 0 0; border-radius: 2px; display: block;  height: 10px;left: 1px; position: relative; top: 28px; transition: top 0.15s ease-out 0s; width: 4px;-webkit-transition:top .15s ease-out;-moz-transition:top .15s ease-out;-ms-transition:top .15s ease-out;-o-transition:top .15s ease-out;transition:top .15s ease-out;}
.mouse-icon > span { background: #fff none repeat scroll 0 0; border-radius: 2px; height: 4px; left: 9px; position: absolute; top: -18px; width: 4px;}
.mouse-icon.animate > span > span{top:36px;}

/* -----------------------   F O N T S   -----------------------------*/

@font-face {
    font-family: 'bahianaregular';
    src: url('fonts/bahiana-regular-webfont.eot');
    src: url('fonts/bahiana-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/bahiana-regular-webfont.woff2') format('woff2'),
         url('fonts/bahiana-regular-webfont.woff') format('woff'),
         url('fonts/bahiana-regular-webfont.ttf') format('truetype'),
         url('fonts/bahiana-regular-webfont.svg#bahianaregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@media only screen and (max-width:767px) {
body {
  font-size: 14px;
  font-family: Georgia, serif;
}

p {
  font-size: 1em; /* 14px */
  line-height: 1.5000em; /* 21px */
  margin: 0 0 1.5000em 0;
}
/* 32px - The quick brown fox jumps over the lazy dog */
h1 {
  font-size: 2.2857em; /* 32px */
  line-height: 1.3125em; /* 42px */
  margin-top: 0.6563em;  margin-bottom: 0.0000em;
}
/* 28px - The quick brown fox jumps over the lazy dog */
h2 {
  font-size: 2.0000em; /* 28px */
  line-height: 1.5000em; /* 42px */
  margin-top: 0.7500em;  margin-bottom: 0.0000em;
}
/* 26px - The quick brown fox jumps over the lazy dog */
h3 {
  font-size: 1.8571em; /* 26px */
  line-height: 1.6154em; /* 42px */
  margin-top: 0.8077em;  margin-bottom: 0.0000em;
}
/* 24px - The quick brown fox jumps over the lazy dog */
h4 {
  font-size: 1.7143em; /* 24px */
  line-height: 1.7500em; /* 42px */
  margin-top: 0.8750em;  margin-bottom: 0.0000em;
}
/* 18px - The quick brown fox jumps over the lazy dog */
h5{
  font-size: 1.2857em; /* 18px */
  line-height: 1.1667em; /* 21px */
  margin-top: 1.1667em;  margin-bottom: 0.0000em;
}
/* 16px - The quick brown fox jumps over the lazy dog */
h6 {
  font-size: 1.1429em; /* 16px */
  line-height: 1.3125em; /* 21px */
  margin-top: 1.3125em;  margin-bottom: 0.0000em;
}
}