/* HOME */

/* OVERLAY OPACITY ELEMENTOR FIX */

.elementor-background-overlay {
	opacity: .8;
}

/* border rekrutacji w main menu*/
#menu-item-86 a{
	color: #ff6a00 !important;
/* 	border: 1.5px solid #ff6a00; */
/* 	background: #ff6a00 !important; */
}

/* PO LEKCJACH */
/* górna lista */
.activities i{
	cursor: pointer;
}

/* EVENT CALENDAR - UPCOMING EVENTS */

/* .tribe-events-notices ul li{
	font-size: 0;
}

.tribe-events-notices ul li::before{
	font-size: 18px;
	content: 'To wydarzenie minęło';
} */

#tribe-events .tribe-events-button, .tribe-events-button{
	display: none;
}

.elementor-widget-wp-widget-tribe-events-list-widget h5{
	font-size: 36px;
	color: #414535;
}

.tribe-list-widget{
	list-style-type: none;
	display: flex;
	justify-content: space-around;
	margin: 0;
	padding: 0;
}

.tribe-list-widget li{
/* 	display: inline-block !important; */
	width: 25%;
}

.tribe-list-widget h4{
/* 	font-weight: normal; */
}

.tribe-events-widget-link{
	display: none;
/* 	position: absolute;
	right: -20px;
	bottom: -30px;
	margin: 0;
	font-size: 16px; */
}

.tribe-event-title{
	color: #414535;
}

.tribe-events-event-image img{
/* 	width: 300px;
	height: 233px; */
}

@media (max-width: 600px){
	
	.tribe-list-widget{
		flex-direction: column;
		justify-content: space-between;
	}
	
	.tribe-list-widget li{
		width: 100%;
	}
	
/* section	 */
/* 	.elementor-8 .elementor-element.elementor-element-ac29690{
		margin-top: 0;
	} */
}

/* EOF EVENT CALENDAR */

/* RECENT POSTS */

.rpwwt-widget{
	height: 100%;
}

.rpwwt-post-title{
	font-size: 20px;
	font-weight: bold;
	padding: 10px 0;
	line-height: .9;
}

.rpwwt-post-date{
	font-size: 12px;
	border-bottom: solid 1px #414535;
/* 	padding-bottom: 5px; */
}

.rpwwt-widget h5{
	color: #414535;
	border-bottom: 1px solid #414535;
	font-size: 38px;
	padding-bottom: 10px;
}

.rpwwt-widget ul{
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-end;
	height: 100%;
	margin-bottom: 0;
}

.rpwwt-widget ul li{
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: 28%;
	height: 30%;
	list-style-type: none;
	margin-bottom: 10px;
}

.rpwwt-widget ul li .rpwwt-post-excerpt{
	display: none;
}

.rpwwt-widget ul li:first-child{
	display: block;
	width: 68%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
/* 	margin-bottom: -10px; */
}

.rpwwt-widget ul li:first-child .rpwwt-post-title{
	font-size: 24px;
	padding: 15px 0;
}

.rpwwt-widget ul li:first-child .rpwwt-post-excerpt{
	display: block;
}

.rpwwt-widget ul li:first-child .rpwwt-post-date{
	font-size: 16px;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
}

.rpwwt-widget ul li a img{
	width: 100%;
	height: auto;
}

.rpwwt-widget ul li:first-child a img{
	width: 100%;
}

.rpwwt-widget ul li a{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

@media (max-width: 600px){
	.rpwwt-widget{
		height: 100%;
	}
	
	.rpwwt-widget ul{
		padding-left: 0;
/* 		flex-direction: row;
		align-items: flex-end;
		justify-content: space-between; */
	}
	
	.rpwwt-widget ul li{
		width: 100%;
		height: initial;
		padding: 10px 0;
	}
	
	.rpwwt-widget ul li a img{
		display: none;
	}
	
	.rpwwt-post-date{
		border: none;
	}
	
	.rpwwt-widget ul li:first-child{
		position: relative;
		width: 100%;
		border-bottom: solid 1px #414535;
	}
	
	.rpwwt-widget ul li:first-child a img{
		display: block;
		width: 100%;
	}
	
	.rpwwt-widget ul li:first-child .rpwwt-post-date{
		position: relative;
		border: none;
		padding-bottom: 10px;
	}
	
	.rpwwt-widget ul li:first-child .rpwwt-post-title{
		font-size: 20px;
	}
	
	.rpwwt-widget ul li:first-child .rpwwt-post-excerpt{
		font-size: 18px;
		padding-bottom: 10px;
	}
}

/* EOF RECENT POSTS */

/* COUNTERS */

@media (max-width: 600px){
	
	.elementor-counter-number-wrapper{
		font-size: 60px !important;
	}
	.counters-number{
/* 		width: 50%; */
	}
}

/* STAFF */
.staff h5{
	color: #414535;
}

/* ABOUT - CARDS */

.card-header h2{
	font-size: 38px;
}

.card-header i{
	font-size: 45px;
}

/* EOF ABOUT - CARDS */

/* CARDS */

/* Nagłówek na górnej border */
.klo-info-card h3{
	color: #0CA2E3;
	position: absolute;
	bottom: 15px;
	left: -5px;
	background: linear-gradient(#fff 58%, rgba(255, 255, 255, 0) 42%);
	text-shadow: 1.5px 1.5px 1.5px #fff;
	white-space: nowrap;
}

.klo-info-card{
/* 	transition: transform .5s ease-in-out; */
}

.klo-info-card:hover{
/* 	transform: scale(1.05); */
}

.klo-info-card i{
	position: relative;
	top: 30px;
	left: 20px;
	color: #fff;
	transition: color .3s ease-in-out;
}

.elementor-8 .elementor-element.elementor-element-07206ef:not(.elementor-motion-effects-element-type-background) > .elementor-element-populated i{
	top: 250px;
}

.klo-info-card i:hover{
	color: #0CA2E3;
}

@media (max-width: 767px){
	.klo-info-card h3{
		font-size: 26px;
	}
}

/* After School Card */
@media (max-width: 600px){
	.elementor-8 .elementor-element.elementor-element-07206ef:not(.elementor-motion-effects-element-type-background) > .elementor-element-populated{
		padding-bottom: 30px !important;
		background-image: url("https://klo.radom.pl/test3/wp-content/uploads/2020/01/free.jpg")
	}
	
	.elementor-8 .elementor-element.elementor-element-07206ef:not(.elementor-motion-effects-element-type-background) > .elementor-element-populated i{
		top: 30px;
	}
}


/* EOF O SZKOLE */



/* HERO */

/* maintitle i subtitle na slide */
.slide-inner{
	top: 80%;
	left: 0;
}

.text-slider{
	position: absolute;
	bottom: 0;
	left: 0;
}

/* NAVBAR + HEADER */

/*entry button*/
.button-slider {
	display: none;
}

.text-slider .maintitle{
/* 	color: #feffea; */
/* 	text-shadow: #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px; */
	text-shadow: 2px 4px 3px rgba(0,0,0,0.7);
}

.text-slider .subtitle{
/* 	color: #feffea; */
/* 	text-shadow: #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px; */
	text-shadow: 2px 4px 3px rgba(0,0,0,0.7);
}

#mainnav ul li a{
/* 	text-shadow: #000 0px 0px 1px; */
	font-family: Ubuntu !important;
	font-weight: 400;
	cursor: pointer;
}

/* węższy pasek nav */

.home .site-header{
	padding: 10px 0;
	background-color: rgba(65, 69, 53, .3);
}

.site-header{
	padding: 10px 0 !important;
	background-color: #414535;
}

#masthead{
	transition: none;
}

.site-logo{
	height: 10rem;
}

.content-area .hentry{
	padding-bottom: 0px !important;
}

/* menu nie rozszerza się po scrollu */
.site-header.float-header{
  padding: 10px 0 !important; 
}

/* navbar + header - media queries */

@media (max-width: 1024px){
	
	#masthead {
    background-color: rgba(65, 69, 53, 1) !important;
	}
	
	#masthead .header-wrap .container{
		width: 100%;
		margin: 0;
/* 		margin-right: 15px;
		margin-left: 15px; */
	}
	
	.site-logo{
		height: 80px !important;
	}
	
	.btn-menu{
		width: 50px;
		height: 50px;
		font-size: 50px;
		margin-top: -20px !important;
/* 		padding-right: 30px; */
	}
	
	#mainnav-mobi{
		width: 40vw;
		top: 75px;
		right: -15px;
	}
	
	#mainnav-mobi ul > li{
		border: none;
	}
	
	#mainnav-mobi ul > li > a{
		background-color: #414535;
	}
	
	#mainnav-mobi ul.sub-menu > li > a{
		background-color: #0CA2E3;
	}
}

@media (max-width: 991px){
	
	.site-header .col-xs-12{
		padding-right: 15px;
	}
}

@media (max-width: 767px){
	
	.site-header .col-xs-12{
		width: 50%;
		padding-right: 15px;
	}
	
	#mainnav-mobi{
		min-width: 50vw;
	}
	
	.btn-menu {
    float: right;
		margin: 0;
		padding-right: 30px;
}
	
	.header-wrap {
    text-align: left;
	}
}

@media (max-width: 600px){
	
	.site-logo{
		height: 60px !important;
		position: relative;
		z-index: 1001;
	}
	
	.btn-menu{
		width: 40px;
		height: 40px;
		font-size: 40px;
	}
	
	#mainnav-mobi{
		min-width: 100vw !important;
		right: 0 !important;
		top: 55px;
	}
}

/* FOOTER */

/* Konieczne do usunięcia linii między homepage a footer! */
.footer-widgets {
  border-top: none;
}

.page-wrap {
    padding-bottom: 0 !important;
}

.entry-footer {
    display: none !important;
}

.page .page-wrap .content-wrapper {
    padding-bottom: 0 !important;
}

.content-area .hentry {
    padding-bottom: 0 !important;
}

/* .page .page-wrap .content-wrapper{
  padding-top: 0 !important;
} */

#sidebar-footer{
	width: 100vw;
	padding: 40px;
	padding-bottom: 0;
}

#sidebar-footer .container{
	width: 100%;
}

#sidebar-footer h3{
	color: #0CA2E3;
	margin: 0;
	padding-bottom: 10px;
	font-size: 28px;
}

.footer-address, .footer-links{
	text-align: left;
	border-right: 1px solid #fff;
	height: 40vh;
}

/* Konieczne do usunięcia dziwnego bordera m.in. między footer a copyrights */
.footer-widgets.widget-area{
	border: none;
}

/* footer widget 2 - address */

.footer-address p{
	color: #fff;
	margin: 0;
	padding: 0;
	font-size: 20px;
}

.footer-media{
	padding-top: 10px;
}

.footer-buttons i{
	text-align: left;
	font-size: 40px;
	color: #fff;
	padding-right: 5%;
	transition: color .3s ease-in-out;
}

.footer-buttons i:hover{
	color: #0CA2E3;
}

/* footer widget 3 - links */

#sidebar-footer .footer-links a{
	color: #fff;
	text-decoration: none;
	display: block;
	font-weight: bolder;
	transition: color .3s ease-in-out;
}

#sidebar-footer .footer-links a:hover{
	color: #0CA2E3;
}

/* footer widget 4 - quote */

.footer-quote{
	text-align: left;
}

.footer-quote p, h5{
	color: #fff;
}

.footer-quote h5{
	text-align: right;
}

.footer-quote i{
	color: #0CA2E3;
}

.footer-quote hr{
	border-color: #0CA2E3;
	background-color: #0CA2E3;
}

/* footer - copyrights */

#colophon {
	text-align: center;
	font-size: 16px;
}

.site-footer{
	padding: 0;
	padding-bottom: 10px;
	border-top: none;
	line-height: 0;
}

/* footer - media queries */

@media (max-width: 1199px){
	
	#sidebar-footer h3{
		font-size: 24px;
	}
}

@media (max-width: 991px){
	
	#sidebar-footer{
		padding: 0;
		padding-top: 60px;
	}
	
	#sidebar-footer img{
		max-width: 50% !important;
	}
	
	.footer-address, .footer-links{
		border-right: none;
		height: auto;
	}
	
	.footer-quote{
		display: none;
	}
}

@media (max-width: 600px){
	
	#colophon span{
		display: none;
	}
}

/* Horizontal scroll */
html, body {
  overflow-x: hidden;
}

/* gallery controls */
.eicon-chevron-right, .eicon-chevron-left, .eicon-close{
/* 	color: #80CFE6; */
}

/*usunięcie podpisu podstron*/
.page header.entry-header {
	display:none;
}

/*porządki z p i m*/
.page .content-wrapper {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	margin: 0px;
}

/*headery bliżej tekstu w blogu i nie tylko*/
h4 {
	margin: 10px 0px 5px 0px;
}

/*tło bloga na transparent*/
/* #secondary,
.comment-body,
.page-wrap .content-wrapper { 
	background-color: #feffea;
} */

/*nagłówek dla kategorii postów*/
.archive-title {
	margin-left: 20px;
}

/*tło dla sidebara w blogu*/
#secondary {
	background: transparent;
}

/* Wielkość img w Testimonials */
.roll-testimonials .avatar {
  width: 200px;
	max-height: 200px;
} 

/*ostatnie posty z thumbnailsami*/
#rpwwt-recent-posts-widget-with-thumbnails-3 ul li {
	margin: 0;
	padding: 0;
}

#rpwwt-recent-posts-widget-with-thumbnails-2 {
	text-align: left;
}

@media (max-width: 1199px){
	/* PO LEKCJACH */
	/* górna lista */
	.activities{
		padding-left: 20px;
	}
}


@media only screen and (max-width: 1024px){
	
}

@media (max-width: 991px){
	/* testimonials wyrównane na mobile */
	.elementor-8 .elementor-element.elementor-element-6dd8dca7{
		width: 100vw;
	}
	
	.elementor-8 .elementor-element.elementor-element-6dd8dca7 p{
		padding-left: 20px;
		padding-right: 20px;
	}
}

@media only screen and (max-width: 767px){
	
	/* Języki obce */
	#german-img{
		margin-top: -100px;
		padding-bottom: 30px;
	}
	#english-img{
		margin-top: -40px;
	}
	#french-img{
		margin-top: -45px;
	}
	
/* Profile */
	#mat-img{
		margin-top: -50px;
	}
	#bio-img{
		margin-top: -60px;
	}
	#hum-img{
		margin-top: -40px;
	}
	
	/* slajdy menu */
	
	.visual-menu{
		width: 75%;
		margin: 0 auto;
		margin-top: -20px;
	}
	
/* PO LEKCJACH img spacing*/
	.after-school-img{
		margin-top: -50px;
	}
}

@media (max-width: 600px){
/* HOME - headers	 */
	.rpwwt-widget h5, .elementor-widget-wp-widget-tribe-events-list-widget h5, .about-header i, .about-header h2{
		font-size: 30px;
	}
	
/* HOME - testimonials */
	.elementor-8 .elementor-element.elementor-element-752eeb31 .roll-testimonials .testimonial-name{
		font-size: 25px;
	}
	.whisper p{
		font-size: 20px;
	}
	
	/* CARDS */
	/* Nagłówek na górnej border */
	.klo-info-card h3{
		bottom: 18px;
	}
}

@media only screen and (max-width: 480px){

/* testimonials wyrównane na mobile */
/* 	.elementor-8 .elementor-element.elementor-element-6dd8dca7{
		width: 100vw;
	} */
}