/*
 Theme Name:   Innova.uno Theme
 Theme URI:    https://innova.uno
 Description:  Innova.uno Theme
 Author:       Innova.uno
 Author URI:   http://www.innova.uno
 Template:     generatepress
 Version:      0.1
 Tags: two-columns, three-columns, one-column, right-sidebar, left-sidebar, fluid-layout, responsive-layout, custom-header, custom-background, custom-menu, custom-colors, sticky-post, threaded-comments, translation-ready, featured-images, theme-options, light, white, dark, black, blue, brown, gray, green, orange, pink, purple, red, silver, tan, yellow
*/


/*  BB toolbar colorfix for Publish / Draft / Discard buttons */
 
[data-action="discard"] {
    background: none;
    color: #CE3F40!important;
}
[data-action="discard"]:after {
    content: "\00a0 zmiany ×";
}
.fl-builder-button-primary[data-action="discard"] {
	background: #e74647!important;
}
[data-action="discard"]:hover{
	background: #CE3F40!important;
}
[data-action="publish"] {
    background: #059669!important;
}
[data-action="publish"]:hover {
    background: #047857!important;
}
.fl-builder-publish-actions >.fl-builder-button-group {
    gap: 4px;
}
.fl-builder-button-group > .fl-builder-button {
    border-radius: 3px!important;
}


/*** GLOBAL ***/

.site-info {
	display: none;
}
#catapult-cookie-bar {
	width: 320px!important;
}
#catapult-cookie-bar,
#catapult-cookie-bar button {
    border-radius: 0!important;
}


/*** HEADER ***/

body:not(.fl-builder-edit) header:not(.fl-theme-builder-header-scrolled) .top-bar-module a .fl-heading-text,
body:not(.fl-builder-edit) header:not(.fl-theme-builder-header-scrolled) .top-bar-module .fl-icon i:before,
body:not(.fl-builder-edit) header:not(.fl-theme-builder-header-scrolled) .main-menu ul:not(.sub-menu) a:not(:hover) {
	color: white!important;
}
body:not(.fl-builder-edit) header.fl-theme-builder-header-scrolled .top-bar-module a .fl-heading-text,
body:not(.fl-builder-edit) header.fl-theme-builder-header-scrolled .top-bar-module .fl-icon i:before {
	font-size: 80%;
}
header.fl-theme-builder-header-scrolled .fl-row-content-wrap {
	box-shadow: 0 0 20px -2px #00000045;
}
header.fl-theme-builder-header-scrolled .main-logo img {
	max-height: 100px!important;
}
.module-left-vertical-separator .fl-module-content {
	position: relative;
}
body:not(.fl-builder-edit) header:not(.fl-theme-builder-header-scrolled) .top-bar-module .fl-icon:hover i:before {
	color: #E63946!important;
}
.red-hover .fl-heading:hover .fl-heading-text {
    color: #E63946!important;
}
.footer-menu .sub-menu {
	display: none!important;
}
.main-menu .sub-menu {
	min-width: 180px!important;
	margin-left: 13px;
}
.fl-theme-builder-header-scrolled .main-menu .sub-menu {
	background-color: white;
}
.fl-theme-builder-header-scrolled .main-menu .sub-menu a {
	color: #1D3557!important;
}
.fl-theme-builder-header-scrolled .main-menu .sub-menu li:hover a {
	background-color: #E3EBF0!important;
}
.fl-theme-builder-header-scrolled .main-menu .sub-menu li.current-menu-item:not(:hover) a {
	color: white!important;
	
}

@media only screen and (min-width: 997px) {
	.justified-text p,
	.justified-text li {
		text-align: justify;
	}
}

@media only screen and (max-width: 1785px) {
	.header-social-col {
		min-width: 100px;
	}
	.header-email-col {
		min-width: 260px;
	}
	.header-phone-col {
		width: calc( 65% - 100px );
	}
}
@media only screen and (max-width: 1500px) {
	.homepage-hero-infobox .fl-module-content,
	.homepage-hero-infobox .fl-module-content .pp-infobox-title {
		margin-bottom: 0;
	}
	.homepage-hero-cta .fl-module-content {
		margin-top: 10px;
	}
}
@media only screen and (max-width: 1450px) {
	.hero-l-col,
	.hero-r-col {
		width: 50%;
	}
}
@media only screen and (max-width: 1382px) {
	.header-phone-col {
		width: 30%;
	}
	.hero-l-col {
		width: 45%;
	}
	.hero-r-col {
		width: 55%;
	}
	.homepage-hero-row .hero-r-col .fl-col-content {
		padding-bottom: 20px;
	}
	.homepage-hero-row .homepage-hero-infobox .pp-infobox-title-prefix {
		font-size: 22px;
	}
	.homepage-hero-row .homepage-hero-infobox .pp-infobox-title {
		font-size: 36px;
	}
	.homepage-hero-row .uabb-fancy-text-wrap .uabb-typed-main-wrap {
		font-size: 32px;
	}
}



@media only screen and (min-width: 996px) {
	/*body:not(.fl-builder-edit) header:not(.fl-theme-builder-header-scrolled) .main-menu ul.sub-menu a:not(:hover) {
		color: #1D3557!important;
	}*/
	.top-bar-email .fl-module-content:before {
		content: '';
		position: absolute;
		width: 1px;
		height: 20px;
		left: 10px;
		background-color: #E63946;
		top: 50%;
		transform: translateY(-50%);
	}
	.top-bar-email .fl-module-content:after {
		content: '';
		position: absolute;
		width: 1px;
		height: 20px;
		right: 5px;
		background-color: #E63946;
		top: 50%;
		transform: translateY(-50%);
	}
	div:not(.footer-row) .menu-tel,
	div:not(.footer-row) .menu-email,
	div:not(.footer-row) .menu-li,
	div:not(.footer-row) .menu-fb {
		display: none!important;
	}
}

@media only screen and (max-width:768px) {
	html, body {
		overflow-x: hidden;
	}
	header[data-type="header"] {
		left: 0;
		position: fixed!important;
		right: 0;
		top: 0;
		width: 100%;
		z-index: 100;
	}
	
	.admin-bar header[data-type="header"] {
		top: 32px;
	}
	.header-logo-col .fl-col-content {
		justify-content: flex-start!important;
	}
	.main-menu .fl-menu-mobile-flyout {
		background-color: #1D3557;
		box-shadow: 0 0 20px -2px #0000006e;
	}
	.main-menu .fl-menu-mobile-flyout .fl-menu-mobile-close i:before {
		color: white;
	}
	header.fl-theme-builder-header-scrolled .main-menu .fl-menu-mobile-toggle {
    	color: #1D3557;
	}
	.main-menu .fl-menu-mobile-flyout li a {
		color: white!important;
	}
	.menu-tel {
		margin-top: 60px!important;
	}
	.menu-li, .menu-fb {
		display: inline-block;
	}
	div:not(.footer-row) .menu-tel,
	div:not(.footer-row) .menu-email {
		font-size: 13px!important;
	}
	body:not(.fl-builder-edit) header:not(.fl-theme-builder-header-scrolled) .main-menu ul.sub-menu a:not(:hover) {
		font-size: 12px;
	}
	.main-menu ul#menu-main-menu ul.sub-menu li.current-menu-item a {
		color: #1D3557!important;
	}
}



/*** MAIN ***/

.homepage-hero-infobox .pp-infobox-title-prefix {
	margin-bottom: -15px;
}

.infobox-red-separator .pp-heading-wrapper {
    margin-bottom: 30px;
    position: relative;
}
.infobox-red-separator .pp-heading-wrapper:after {
    content: '';
	position: absolute;
	height: 1px;
	width: 40%;
	background-color: #E63946;
	left: 0;
	bottom: -15px;
}

.infobox-middle-align .pp-infobox {
	justify-content: center!important;
}
.homepage-oferta-infobox .pp-infobox {
	padding-bottom: 20px!important;
}
.homepage-oferta-infobox .pp-infobox-description {
	height: 100%;
	position: relative;
	padding-bottom: 20px;
}
.homepage-oferta-infobox .pp-infobox-description .pp-infobox-button {
	height: 40px;
}
.homepage-oferta-infobox .pp-infobox-description .pp-infobox-button a {
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
}

.homepage-oferta-infobox .fl-module-content .pp-infobox {
	transition: .4s ease;
}
.homepage-oferta-infobox .fl-module-content:hover .pp-infobox {
	background-color: #c2d1db;
	transition: .4s ease;
}
.infobox-red-separator.o-mnie-infobox .pp-infobox-title-wrapper {
	position: relative;
	margin-bottom: 40px;
}
.infobox-red-separator.o-mnie-infobox .pp-infobox-title-wrapper:after {
	content: '';
	position: absolute;
	height: 1px;
	width: 20%;
	background-color: #E63946;
	left: 0;
	bottom: -15px;
}
.o-mnie-infobox .pp-more-link {
	margin-left: -10px!important;
}
.homepage-o-mnie-foto-col {
	position: relative;
}
.homepage-o-mnie-foto .fl-photo {
	position: absolute;
	bottom: 0;
	left: -125px;
}
.orly-omnie .fl-module-content,
.orly-hero  .fl-module-content {
	position: relative;
}
.orly-omnie .fl-photo {
	position: absolute;
	top: -90px;
	right: -40px;
}
.orly-hero .fl-photo {
	position: absolute;
	top: 0px;
	left: -250px;
}
.orly-omnie .fl-photo img {
	width: 80%;
}
.rekomendacje-module .pp-testimonials-heading {
	position: relative;
}
.rekomendacje-module .pp-testimonials-heading:after {
    content: '';
    position: absolute;
    height: 1px;
    width: 10%;
    background-color: white;
    left: 0;
    right: 0;
    bottom: -25px;
    margin: 0 auto;
}
.homepage-form-rodo {
    margin-top: -65px;
}
.homepage-form-rodo a {
	color: #E63946!important;
}
.news-module-homepage .pp-content-post {
	height: 400px!important;
}
.news-module-homepage .pp-content-grid-inner {
	height: calc( 100% - 188px );
}
.news-module-homepage .pp-content-grid-inner .pp-content-post-data {
	height: 100%;
	position: realtive;
}
.news-module-homepage .pp-content-grid-inner .pp-content-post-data .pp-content-grid-more-link {
	position: absolute;
	bottom: 0;
	left: 0;
    right: 0;
}
.pp-success-msg p {
    padding-bottom: 50px;
    font-weight: 700;
    font-size: 24px;
    text-align: ce;
}


/* TABLET */

@media only screen and (max-width: 996px) {
	.orly-hero .fl-photo {
		top: 20px;
    	left: -140px;
	}
	.orly-hero .fl-photo img {
		max-width: 50%;
	}
	.header-social-col {
		max-width: 100px;
		min-width: unset!important;
	}
	.header-email-col {
		max-width: 170px;
		min-width: unset!important;
	}
	.header-phone-col {
		width: 100px;
	}
	.main-menu a {
		padding: 10px!important;
	}
	.main-menu #menu-main-menu {
		text-align: right!important;
	}
	.main-menu .menu-tel,
	.main-menu .menu-email,
	.main-menu .menu-li,
	.main-menu .menu-fb {
		display: none!important;
	}
	.homepage-hero-row .homepage-hero-infobox .pp-infobox-title {
		font-size: 24px;
	}
	.homepage-hero-row .homepage-hero-infobox .pp-infobox-title-prefix {
		font-size: 18px;
	}
	.homepage-hero-row .uabb-fancy-text-wrap .uabb-typed-main-wrap {
		font-size: 24px;
	}
	.homepage-o-mnie-foto .fl-photo {
		right: 50px;
	}
}


/* TELEFON */

@media only screen and (max-width:768px) {
	.homepage-typing-module .uabb-fancy-text-wrap {
		text-align: center;
	}
	.homepage-o-mnie-foto .fl-photo {
		left: unset;
		right: -40px;
	}
	.subpage-top-shadow-image-col .fl-col-content:after {
		content: '';
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		background-image: linear-gradient(180deg, #000000bd, transparent 70%);
	}
	.subpage-top-shadow-image-col .fl-col-content {
		position: relative;
	}
	.o-mnie-infobox .pp-description-wrap h4 {
		font-size: 20px;
	}
	.homepage-o-mnie-foto .fl-photo {
		left: 0;
		right: 12%;
	}
	.homepage-o-mnie-foto-col {
		animation: none!important;
		opacity: 1!important;
	}
	.orly-omnie .fl-photo {
		right: 20px;
	}
	.orly-hero .fl-photo {
		position: absolute;
		top: -125px;
		right: 2vw;
		left: unset;
		text-align: right;
	}
	.orly-hero .fl-photo img {
		max-width: 60%;
	}
	.homepage-form-rodo {
		margin-top: 0;
	}
	.news-module-homepage .pp-content-post {
		margin-bottom: 10%!important;
	}
}

