﻿/*
Theme Name: zspkrynica
Theme URI: http://www.krynica.szkola.pl
Author: Iwona Wesołowska
Author URI: http://www.krynica.szkola.pl
Description: Zespół Szkół w Krynicy-Zdroju
Version: 1.0.0
License: All rights reserved
License URI: 
Text Domain: krynica.szkola.pl
*/

body {background-color: #fff;}
.bg-info {background-color: #fff;}
a.nav-link {color: #f8c53a;}
.nav-link active {color: #f8c53a;}
.nav-link:hover {color: #f8c53a;}

a.laktual {color: #005CA7;}
a.laktual:hover {color: #308CD7;}
.laktual_kreska {width: 100%; border-top: 1px solid #e0e0e0; margin-top: 10px;margin-bottom: 20px;}
.laktual_tresc {font-size: 1.25rem;}
a.laktualp {color: #fff;}
a.laktualp:hover {color: #d8a51a;}
.laktualp a {color: #fff;}
.laktualp a:hover {color: #d8a51a;}

.banner_zd {position:relative;}

.banner_napis_1 {position:absolute; bottom: 80px; right: 0px; background-color:rgba(0, 0, 0, 0.4); color:#FFF; width:70%; padding: 10px; border-bottom: solid 2px #005ca7;font-size: 1rem; font-family: 'Courgette', cursive; text-align: center;}
.banner_napis_2 {position:absolute; bottom: 80px; right: 0px; background-color:rgba(0, 0, 0, 0.4); color:#FFF; width:70%; padding: 10px; border-bottom: solid 2px #005ca7;font-size: 1rem; font-family: 'Courgette', cursive; text-align: center;}
.banner_napis_3 {position:absolute; bottom: 80px; right: 0px; background-color:rgba(0, 0, 0, 0.4); color:#FFF; width:70%; padding: 10px; border-bottom: solid 2px #005ca7;font-size: 2rem; font-family: 'Courgette', cursive; text-align: center;}
.banner_napis_4 {position:absolute; bottom: 50px; right: 0px; background-color:rgba(0, 0, 0, 0.4); color:#FFF; width:60%; padding: 10px; border-bottom: solid 2px #005ca7;font-size: 3rem; font-family: 'Courgette', cursive; text-align: center;}
.banner_napis_5 {position:absolute; bottom: 80px; right: 0px; background-color:rgba(0, 0, 0, 0.4); color:#FFF; width:60%; padding: 10px; border-bottom: solid 2px #005ca7;font-size: 2rem; font-family: 'Courgette', cursive; text-align: center;}

h2.h2tytul{color:#005CA7;font-size:2rem;position:relative;padding-bottom:7px;text-transform:uppercase;display:inline-block;}
h2.h2tytul::after{content:"";display:block;position:absolute;width:100%;height:1px;background-color:#ddd;bottom:0;left:0;}
h2.h2tytul::before{content:"";display:block;position:absolute;width:25%;height:1px;background-color:#005CA7;bottom:0;left:0;z-index:2;}

h1.h1tytul{color:#005CA7;font-size:2rem;position:relative;padding-bottom:7px;text-transform:uppercase;display:inline-block;}
h1.h1tytul::after{content:"";display:block;position:absolute;width:100%;height:1px;background-color:#ddd;bottom:0;left:0;}
h1.h1tytul::before{content:"";display:block;position:absolute;width:25%;height:1px;background-color:#005CA7;bottom:0;left:0;z-index:2;}

.tytlogo {font-size: 1rem;line-height:1.2;}

@media (max-width: 767.98px) {
.carousel-caption_1 {
  right: 10%;
  bottom: 0px;
  left: 10%;
  padding-top: 5px;
  padding-bottom: 5px;
}

.mdhidden {display:none !important;}
.laktual_tresc {font-size: 1rem;}
.blockquote {font-size: 1rem;}
}
@media (min-width: 768px) {
.lghidden {display:none;}
}

@media (max-width: 575.98px) {
	
.banner_napis_1 {bottom: -15px; width:100%;  font-size: 0.8rem;}
.banner_napis_2 {bottom: -15px; width:100%;  font-size: 0.8rem;}
.banner_napis_3 {bottom: -10px; width:100%; font-size: 0.8rem;}
.banner_napis_4 {bottom: 0px; width:80%; font-size: 1rem;}
.banner_napis_5 {bottom: 0px; width:60%; font-size: 0.8rem;}	
	
.tytlogo {font-size: 0.95rem;}
.liniamobmenu {border-top: 2px solid #EAF0FD;margin-top:4px;}
}
@media (min-width: 576px) and  (max-width: 767.98px){
.tytlogo {font-size: 0.95rem;}
.liniamobmenu {border-top: 2px solid #EAF0FD;margin-top:4px;}
}
@media (min-width: 768px) and  (max-width: 991.98px){
.tytlogo {font-size: 0.9rem;}
}
@media (min-width: 576px) {
	
.banner_napis_1 {bottom: 20px; width:100%;  font-size: 1.1rem;}
.banner_napis_2 {bottom: 40px; width:100%;  font-size: 1.2rem;}
.banner_napis_3 {bottom: 0px; width:100%; font-size: 1.2rem;}
.banner_napis_4 {width:80%; font-size: 1.6rem;}
.banner_napis_5 {bottom: 0px; width:55%; font-size: 1rem;}

}
@media (min-width: 768px) {


.banner_napis_1 {bottom: 20px; width:100%; font-size: 1.4rem;}
.banner_napis_2 {bottom: 20px; width:100%; font-size: 1.4rem;}
.banner_napis_3 {bottom: 20px; width:80%; font-size: 1.5rem;}
.banner_napis_4 {width:80%; font-size: 1.8rem;}
.banner_napis_5 {bottom: 20px; width:55%; font-size: 1.2rem;}

}
@media (min-width: 992px) {
	
.banner_napis_1 {bottom: 20px; width:100%; font-size: 1.6rem;}
.banner_napis_2 {bottom: 20px; width:100%; font-size: 1.6rem;}
.banner_napis_3 {bottom: 20px; width:80%; font-size: 1.6rem;}
.banner_napis_4 {font-size: 2.2rem;}
.banner_napis_5 {bottom: 40px; width:60%; font-size: 1.5rem;}

}
@media (min-width: 1200px) {
	
.banner_napis_1 {font-size: 1.8rem;}
.banner_napis_2 {font-size: 1.8rem;}
.banner_napis_3 {width:70%; font-size: 1.8rem;}
.banner_napis_4 {font-size: 2.5rem;}
.banner_napis_5 {width:60%; font-size: 1.8rem;}

}
@media (min-width: 1400px) {

}


.card1 {
  border-radius: 1rem;
}
.card1:hover {
  border-radius: 1rem;
}
.card-body1 {background-color:#4e8989; border-radius: 1rem; font-size:1.5rem;}
.card-body1:hover {background-color:#4e8989;}
.card-body2 {background-color:#4e8989; border-radius: 1rem; font-size:1.3rem;}
.card-body2:hover {background-color:#4e8989;}
.card-ikonka {font-size: 4rem;}
.card-link {text-decoration: none; color: #fff;}
.card-link:hover {text-decoration: none; color: #fff;}

.zdjecia {display:inline;}

.navbar-nav .nav-item.active>.nav-link_1,.navbar-nav .nav-item:active:focus>.nav-link_1,.navbar-nav .nav-item:active>.nav-link_1,.navbar-nav .nav-item:focus>.nav-link_1,.navbar-nav .nav-item:hover>.nav-link_1{color:#d8a51a;}
.navbar-nav .nav-item.nav-item-line>.nav-link_1::after{background:#d8a51a;}
.navbar-nav .nav-item.nav-item-double-line.active>.nav-link_1,.navbar-nav .nav-item.nav-item-double-line>.nav-link_1:active,.navbar-nav .nav-item.nav-item-double-line>.nav-link_1:active:focus,.navbar-nav .nav-item.nav-item-double-line>.nav-link_1:focus,.navbar-nav .nav-item.nav-item-double-line>.nav-link_1:hover,.navbar-nav .nav-item.nav-item-line.active>.nav-link_1,.navbar-nav .nav-item.nav-item-line>.nav-link_1:active,.navbar-nav .nav-item.nav-item-line>.nav-link_1:active:focus,.navbar-nav .nav-item.nav-item-line>.nav-link_1:focus,.navbar-nav .nav-item.nav-item-line>.nav-link_1:hover{color:#d8a51a;}
.navbar-nav .nav-item.nav-item-line>.nav-link_1::after{background:#d8a51a;}
.navbar-nav .nav-item.nav-item-double-line>.nav-link_1::after,.navbar-nav .nav-item.nav-item-double-line>.nav-link_1::before{background:#d8a51a;}
.navbar-nav .nav-item.nav-item-outline>.nav-link_1::after,.navbar-nav .nav-item.nav-item-outline>.nav-link_1::before{background:#d8a51a;}
.navbar-nav .nav-item.nav-item-outline.active>.nav-link_1,.navbar-nav .nav-item.nav-item-outline>.nav-link_1:active,.navbar-nav .nav-item.nav-item-outline>.nav-link_1:active:focus,.navbar-nav .nav-item.nav-item-outline>.nav-link_1:focus,.navbar-nav .nav-item.nav-item-outline>.nav-link_1:hover{box-shadow:-2px 0 0 #d8a51a inset,2px 0 0 #d8a51a inset}
.nav-item.active .caret_1,.nav-item:hover .caret_1{border-top-color:#d8a51a;}

.wrimagecard{	
	margin-top: 0;
    margin-bottom: 1.5rem;
    text-align: left;
    position: relative;
    background: #fff;
    box-shadow: 12px 15px 20px 0px rgba(46,61,73,0.15);
    border-radius: 10px;
    transition: all 0.3s ease;
}
.wrimagecard .fa{
	position: relative;
    font-size: 70px;
}
.wrimagecard-topimage_header{
padding: 20px;
}
a.wrimagecard:hover, .wrimagecard-topimage:hover {
    box-shadow: 2px 4px 8px 0px rgba(46,61,73,0.2);
}
.wrimagecard-topimage a {
    width: 100%;
    height: 100%;
    display: block;
}
.wrimagecard-topimage_title {
    padding: 20px 24px;
    height: 80px;
    padding-bottom: 0.75rem;
    position: relative;
}
.wrimagecard-topimage a {
    border-bottom: none;
    text-decoration: none;
    color: #525c65;
    transition: color 0.3s ease;
}

blockquote {
    padding: 10px 10px;
    margin: 0 0 20px;
    border-left: 5px solid #E0E0E5;
	font-style: italic;
	
}

.page-item.active .page-link {
  z-index: 1;
  color: #fff;
  background-color: #005CA7;
  border-color: #005CA7;
}
.page-item  span.dots {
	position: relative;
	display: block;
	line-height: 1.25;
	margin-left: -1px;
	padding: 0.5rem 0.75rem;
	border: 1px solid #dee2e6;
}

.alignleft {
	float: left;
	margin: 0.5em 1em 0.5em 0;
}

.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto 1.75em;
}

.alignright {
	float: right;
	margin: 0.5em 0 0.5em 1em;
}




/* Slider */

.slick-slide {
    margin: 0px 20px;
}

.slick-slide img {
    width: 100%;
}

.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

.gazetaBtn {
  position: fixed;
  top: 220px;
  right: 0px;
  z-index: 99;
  font-size: 16px;
  border: none;
  outline: none;
  background-color: #78b1e3;
  color: white;
  cursor: pointer;
  padding: 5px;
  border-radius: 4px;
}

