/*
Theme Name: LiegendDemo
Theme URI: heneart.com
Author: heneart
Author URI: https://heneart.com
Description: template for LiegendDemo
Version: 1.0.0
License: commercial
License URI: 
Tags:
*/

/*
kolory: 
darkblue: #292a5e
crema: #f8f5f1
brown: #aca38e
*/
body {
	color: black;
	font-size:16px;
	margin:0;
	padding:0;
	font-family: Inter, Arial, Helvetica, sans-serif;
	font-weight:300;
}

b, strong, .list-view-google-calendar_link,.list-view-google-calendar_date {
  font-weight: 700;
} 

html
{
	margin:0;
	padding:0;
	
}

body, html { padding: 0; margin: 0;}
.background {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  z-index: 0;
}
a {outline: none; color:#292a5e; text-decoration:none;}
.bialy a {outline: none; color:white; text-decoration:none;}
.clr { clear:both;}
.hide { display:none;}

img{
max-width: 100%;
height: auto;
display: block;
}

img.respo{
width: 100%;
height: auto;
display: block;
}

/*youtube respo*/
.vid-holder {
    display: flex;
    justify-content: center;
    max-width:800px;
    margin: 40px auto;
    text-align: center;
}
    
.vid-holder iframe {
    aspect-ratio: 16 / 9;
    width: 100% !important;
}

/*respo google docs*/
.doc-holder {
  overflow: hidden;
  padding-top: 56.25%;
  position: relative;
}
.doc-holder iframe {
  border: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.pagehead a,
.pagehead .uk-iconnav a,
.pagehead .uk-navbar-toggle,
.pagehead .uk-navbar-item,
.pagehead h1{ color:white;}

.pagehead { background-color: #292a5e;}
/*color modifiers*/

.czarny { color:black;}
.czarny:hover { color:black; text-decoration:none;}
.czarny-bg {background-color:black;}

.bialy { color:white;}
.bialy-bg {background-color:white;}

.darkblue  {color: #292a5e;}
.darkblue-bg {background-color: #292a5e;}

.crema  {color: #f8f5f1;}
.crema-bg {background-color: #f8f5f1;}

.brown  {color: #aca38e;}
.brown-bg {background-color: #aca38e;}


.uk-button-brown {
  color: white;
  border: 1px solid #aca38e;
  background-color: #aca38e;
  border-radius: 10px;
}

.uk-button-brown:hover {
  color: white;
  border: 1px solid #8b8474 ;
  background-color: #8b8474;
  border-radius: 10px;
}


.bialy .uk-accordion-default .uk-accordion-title {
  color: white;
}

.bialy .uk-icon-button {
  box-sizing: border-box;
  width: 80px;
  height: 80px;
  border-radius: 500px;
  background: white;
  color: #292a5e;
}

.bialy .uk-icon-button:hover {
  box-sizing: border-box;
  width: 80px;
  height: 80px;
  border-radius: 500px;
  background: white;
  color: #4f50b6;
}

h1 { font-weight:700; font-size: 3rem; margin: 0; padding: 0;}
.subslogan { font-weight:700; font-size: 1.5rem;}
.subslogan2 { font-weight:700; font-size: 3rem;line-height:3rem;}

.uk-divider-vertical.black-divider {  border-left: 1px solid black; height:60px; margin-top:50px; margin-bottom:50px;}
.uk-divider-vertical.white-divider {  border-left: 1px solid white; height:60px; margin-top:50px; margin-bottom:50px;}

.lista-dividers {border-top: 1px solid black; border-bottom: 1px solid black; padding: 20px 0;} 
.lista-dividers-white {border-top: 1px solid white; border-bottom: 1px solid white; padding: 20px 0;}

.uk-list-divider > :nth-child(n+2) {
  border-top: 1px solid black;
}

.bialy .uk-list-divider > :nth-child(n+2) {
  border-top: 1px solid white;
}

.bialy .uk-accordion-default .uk-accordion-icon {
  color: white;
}

.slick-slide {
   height:calc(100vh/3 + 40px);
}

.slick-slide img {
   height:calc(100vh/3 + 40px);
}

.slick-prev {
  left: 2%;
  z-index: 1;
}
.slick-next {
  right: 2%;
}

.uk-navbar-nav > li > a {
  color:white;
  font-size: 1.2rem;
  font-weight: 600;
}


.uk-panel-scrollable {
  border: none;

}

ul.almohadilla {
  list-style: none;
  margin:0;
  padding:0;
}

ul.almohadilla li{ margin:0; padding:0;}

ul.almohadilla li:before {
content: "#";
padding-right:5px;
}


.ramkajobs {max-width:460px; text-transform:uppercase}
.ramka { border:solid 1px black; width:140px; height:140px; position:relative;}


@media (max-width: 500px) {
	.ramka {width:100%; margin:0 0 10px 0}
	.hidebreaker { display: inline;}
}
.namba { font-size:1.7rem}

/*ikony kolor*/

.czarny.uk-icon svg path {
fill: #000000;
}

.czarny.uk-icon svg circle {
fill: #000000;
}

.czarny.uk-icon svg polygon {
fill: #000000;
}


.slogan { margin:5px 0 0 0; padding:0;color:white; font-weight:400; text-transform:uppercase; font-size:0.9rem; letter-spacing:2px;}

.uk-navbar-left a, .uk-navbar-left a:hover {color:white;}


@media (max-width: 1000px) {
.slogancont { margin-top:50px;}
.slogan { margin:5px 0 0 0; padding:0; font-weight:300; word-wrap: break-word;   overflow-wrap: break-word; font-size:0.8rem}
.slogankopf { background:rgba(0,0,0,0.7); width:auto; padding:20px}
h1 { font-weight:700; font-size: 1.5rem; margin: 0; padding: 0;}
.subslogan { font-weight:700; font-size: 1rem; line-height: 1rem;}
.subslogan2 { font-weight:700; font-size: 1rem;line-height:1rem;}
}


.bigfont {font-size:2.5rem; font-weight:400; text-align:center; display:block; float:left; width:100%;line-height:100%;}
.smallfont {font-size:1rem; font-weight:300; text-align:center}
@media (max-width: 800px) {
.bigfont {font-size:1.8rem; font-weight:400; text-align:center;}
.smallfont {font-size:0.8rem; font-weight:300; text-align:center}	
}

@media (max-width: 500px) {

.bigfont {font-size:1.5rem; font-weight:400; text-align:center;}
.smallfont {font-size:0.6rem; font-weight:300; text-align:center}
}


img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }



.strzalka { color:#292a5e!important}
.stopka { background:#292a5e;}
.stopka a { color:white}
.stopka a:hover { color:white; text-decoration:underline;}
.text-extra-small {
  font-size: .8rem;
  line-height: 1;
}
/*.stopka a, .stopka a:hover{ color:black; text-decoration:none;}*/

.uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6, .uk-heading-2xlarge, .uk-heading-large, .uk-heading-medium, .uk-heading-small, .uk-heading-xlarge, h1, h2, h3, h4, h5, h6 {
font-family: Arial, Helvetica, sans-serif; }

/*contactform*/
::-webkit-input-placeholder { /* WebKit browsers */
color: #666 !important;
opacity: 1;
font-family: 'Arial, Helvetica, sans-serif';
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #666 !important;
opacity: 1;
font-family: 'Arial, Helvetica, sans-serif';
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #666 !important;
opacity: 1;
font-family: 'Arial, Helvetica, sans-serif';
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #666 !important;
opacity: 1;
font-family: 'Arial, Helvetica, sans-serif';
}