/*
Theme Name: CMS.PK - Jednostki
Template: astra
Author: Centrum Cyfryzacji
Version: 1.0.0
*/

/* Header gradient */


@media (min-width: 2048px){
	.ast-above-header.ast-above-header-bar {
		background: linear-gradient(45deg, #85764f 0%, #85764f 42%, white 41%, white 42.3%, #003571 42%, #003571 1%) no-repeat;
		background-size: 120% 625px;
		background-position: 10% top;
	}
}

@media (max-width: 2048px){
	.ast-above-header.ast-above-header-bar {
		background: linear-gradient(45deg, #85764f 0%, #85764f 42%, white 41%, white 42.3%, #003571 42%, #003571 1%) no-repeat;
		background-size: 100% 625px;
		background-position: top;
	}
}
@media (max-width: 1224px) {
  .ast-above-header.ast-above-header-bar {
    background-size: 200% 625px;
    background-position: 10% top;
  }
}

@media (max-width: 768px) {
  .ast-above-header.ast-above-header-bar {
    background-size: 300% 625px;
    background-position: 0% top;
  }
}



/* Header */
/* Menu Link Hover Effect */
.menu-link:hover {
	text-decoration: underline;
}

/* Header Positioning */
.site-header {
	position: fixed;
	width: 100%;
}

/* Adjust Content Margin for Fixed Header */
#page .site-content {
	margin-top: 50px;
}

/* Main Header Menu Items */
.ast-desktop .ast-primary-header-bar .main-header-menu > .menu-item {
	line-height: 30px !important;
}

/* Main Navigation Alignment */
.ast-builder-menu .main-navigation > ul {
	justify-content: flex-end;
}

.ast-primary-header-bar.ast-primary-header.main-header-bar.site-header-focus-item {
	max-height: 100px;
}


#mega-menu-wrap-secondary_menu #mega-menu-secondary_menu {
	margin-right: -20px;
}


section#block-47 {
	margin: 0px;
}

/* Main header text margin on mobile */
@media (max-width:922px) {
	#ast-hf-mobile-menu .menu-link {
		margin-left: 20px;
	}
	
	.widget {
		margin: 0 !important;
	}
	
	#ast-mobile-header .ast-main-header-wrap .ast-site-identity {
		min-width: 68vw;
	}
	
	#mobile-header-logo-pl,
	#mobile-header-logo-en {
		min-width: 76px;
	}
}



/* Search */
/* Wyszukiwarka - Mega Menu */
.mega-menu-search-item > .mega-sub-menu {
    margin-top: 70px !important;
    border-bottom: 2px solid #003571 !important;
}

/* Wyszukiwarka - Template Layout */
#search-template {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

#search-template .display-flex {
	width: 100%;
	display: flex;
	justify-content: space-between;
}

/* Responsive Styles */

/* Mobile and Below */
@media (max-width: 544px) {
	#mega-menu-item-397 > a,
	#mega-menu-item-1514 > a {
		position: relative !important;
		color: transparent !important;
		display: flex !important;
		flex-direction: column !important;
		width: 20px !important;
		user-select: none !important;
	}
	
	#mega-menu-item-397 > a:before,
	#mega-menu-item-1514 > a:before {
		color: #fff !important;
	}
}



/* Primary Menu 2 */
#ast-hf-menu-1 {
	text-decoration: none;
	text-align: center;
	
}



/* Baner */
@media (min-width: 1024px) {
  .baner-container {
    position: relative;
    padding: 2rem;
    color: white;
    background: rgba(206, 211, 213, 0.9); /* 10% przezroczystości */
    overflow: hidden;
    border: 2px solid #85764F;
    border-radius: 12px;
  }
}

@media (max-width: 768px) {
  .baner-container {
    position: relative;
    color: white;
    background: rgba(206, 211, 213, 0.9);
    overflow: hidden;
    max-height: 75px !important;
    border: 2px solid #85764F;
    border-radius: 12px;
  }
}

@media (min-width: 769px) and (max-width: 1024px) {
  .baner-container {
    position: relative;
    color: white;
    background: rgba(206, 211, 213, 0.9);
    overflow: hidden;
    max-height: 100px !important;
    border: 2px solid #85764F;
    border-radius: 12px;
  }
}




/* Gallery */

.spectra-image-gallery__media-wrapper{
		padding: 5px !important;
		box-sizing: border-box !important;
		border-bottom: 2px solid #85764F;
		box-shadow: 2px 2px 20px 2px rgba(0, 0, 0, 0.25) !important;
		border-radius: 5px !important;
		transition: box-shadow 0.3s ease !important;
	}
.spectra-image-gallery__media-wrapper:hover {
		box-shadow: 2px 2px 25px 1px rgba(133, 118, 79, 0.8) !important; /* Złoty cień */
	}

@media (min-width:1024px){
	.spectra-image-gallery{
		max-height:400px;
		max-width: 400px;
	}
	.spectra-image-gallery__media-wrapper{
		max-height:400px;
		max-width: 400px;
	}
	.spectra-image-gallery__media.spectra-image-gallery__media--grid {
		max-height: 390px;
	}
	.gallery-column {
		padding-left: 250px !important;
		padding-right: 0 !important;
		margin-right: 0 !important;
	}
	.gallery-column-right {
		padding-left: 0 !important;
		margin-left: 0 !important;
		padding-right: 250px !important;
	}
}

@media (max-width:1024px){
	.gallery-column {
		padding-left: 10px !important;
		padding-right: 0 !important;
		margin-right: 0 !important;
	}
	.gallery-column-right {
		padding-left: 20px !important;
		margin-left: 0 !important;
		padding-right: 20px !important;
	}
}




/* Galeria_Karuzela Team Galeria Timeline*/

.spectra-image-gallery__media-wrapper{
	padding: 5px !important;
    box-sizing: border-box !important;
    border-bottom: 2px solid #85764F;
    box-shadow: 2px 2px 20px 2px rgba(0, 0, 0, 0.25) !important;
    border-radius: 5px !important;
    transition: box-shadow 0.3s ease !important;
}
.spectra-image-gallery__media-wrapper:hover {
    box-shadow: 2px 2px 25px 1px rgba(133, 118, 79, 0.8) !important; /* Złoty cień */
    
}

.uagb-team__content {
    padding: 21px !important;
    box-sizing: border-box !important;
    border-bottom: 2px solid #85764F;
    box-shadow: 2px 2px 20px 2px rgba(0, 0, 0, 0.25) !important;
    border-radius: 5px !important;
    margin-top: 25px !important;
	margin-bottom: 25px !important;
    transition: box-shadow 0.3s ease !important;
}

.uagb-team__content:hover {
    box-shadow: 2px 2px 25px 1px rgba(133, 118, 79, 0.8) !important; /* Złoty cień */
}

.galeria-rotator-item {
    padding: 21px !important;
    box-sizing: border-box !important;
    border-bottom: 2px solid #85764F;
    box-shadow: 2px 2px 20px 2px rgba(0, 0, 0, 0.25) !important;
    border-radius: 5px !important;
    margin-top: 25px !important;
	margin-bottom: 25px !important;
    transition: box-shadow 0.3s ease !important;
}
.galeria-rotator-item:hover {
    box-shadow: 2px 2px 25px 1px rgba(133, 118, 79, 0.8) !important; /* Złoty cień */
    
}

.uagb-timeline__events-inner--content{
	padding: 10px !important;
    box-sizing: border-box !important;
    border-bottom: 2px solid #85764F;
    box-shadow: 2px 2px 20px 2px rgba(0, 0, 0, 0.25) !important;
    border-radius: 5px !important;
    transition: box-shadow 0.3s ease !important;
}
uagb-timeline__events-inner--content:hover {
    box-shadow: 2px 2px 25px 1px rgba(133, 118, 79, 0.8) !important; /* Złoty cień */
    
}

@media (min-width:1024px){
	.spectra-image-gallery{
		max-height:400px;
		max-width: 400px;
	}
	.spectra-image-gallery__media-wrapper{
		max-height:400px;
		max-width: 400px;
	}
	.spectra-image-gallery__media.spectra-image-gallery__media--grid {
		max-height: 390px;
	}
	.gallery-column {
		padding-left: 250px !important;
		padding-right: 0 !important;
		margin-right: 0 !important;
	}
	.gallery-column-right {
		padding-left: 0 !important;
		margin-left: 0 !important;
		padding-right: 250px !important;
	}
}

@media (max-width:1024px){
		.gallery-column {
		padding-left: 10px !important;
		padding-right: 0 !important;
		margin-right: 0 !important;
	}
	.gallery-column-right {
		padding-left: 20px !important;
		margin-left: 0 !important;
		padding-right: 20px !important;
	}
}




/* Karuzela */
.owl-item {
    padding: 10px !important;
    box-sizing: border-box !important;
    border-bottom: 2px solid #85764F;
    box-shadow: 2px 2px 20px 2px rgba(0, 0, 0, 0.25) !important;
    border-radius: 5px !important;
    margin-top: 25px !important;
	margin-bottom: 25px !important;
    transition: box-shadow 0.3s ease !important;
}
.carousel-slider__item > img{
	max-height: 150px !important;
	max-width: 150px !important;
}

.owl-item:hover {
    box-shadow: 2px 2px 25px 1px rgba(133, 118, 79, 0.8) !important; /* Złoty cień */
    
}



/* Aktualnosci */
.ast-single-related-posts-container.ast-container-- {
    display: none;
}

@media (min-width:1024px){
	/* Obrazerk aktualności na głównej */
	/* .uagb-post__image > a > img, */
	.smaller-post-image > article > div > a > img {
		margin: 0 auto;
		height: auto !important; 
		max-height: 250px;
		width: auto !important;
	}

	.uagb-post__inner-wrap {
		min-width: -webkit-fill-available;
	}

	.uagb-post__text.uagb-post__cta.wp-block-button {
		display: flex;
		flex-wrap: nowrap;
		justify-content: flex-end;
	}

	.uagb-post-grid.is-grid article {
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
	}

	.uagb-post__text.uagb-post__excerpt {
		height: 100%;
	}
}

@media (max-width:1024px){
	.wp-block-uagb-container full-width{
		max-width: 700px !important;
		max-height: 350px !important;
	}
	/* Obrazerk aktualności na głównej */
	/* .uagb-post__image > a > img, */
	.smaller-post-image > article > div > a > img {
		margin: 0 auto;
		height: auto !important; 
		max-height: 250px;
		width: 100% !important;
	}
	.posty-aktualnosci > article {
		min-width: 350px;
	}

	.uagb-post__inner-wrap {
		width: 100% !important;
	}

	.uagb-post__text.uagb-post__cta.wp-block-button {
		display: flex;
		flex-wrap: nowrap;
		justify-content: flex-end;
	}
	  .uagb-post-grid.is-grid {
    display: flex;
		flex-wrap: wrap !important;
		gap: 20px;
		justify-content: space-between;
	  }

	  .uagb-post-grid.is-grid article {
		width: calc(50% - 10px) !important;  /* Dwie kolumny */
		margin-bottom: 20px; 
	  }

	.uagb-post__text.uagb-post__excerpt {
		height: 100%;
	}
	.wp-block-uagb-container aktualnosci{
		max-height: 250px !important;
	}
}



/* Posts */
.uagb-post__text.uagb-post__cta.wp-block-button {
    float: right;
}

article.uagb-post__inner-wrap{
	padding: 20px !important;
	box-sizing: border-box !important;
	border-bottom: 2px solid #85764F;
	box-shadow: 4px 4px 50px 2px rgba(0, 0, 0, 0.25) !important;
	border-radius: 10px !important;
	margin-bottom: 15px !important;
	transition: box-shadow 0.3s ease !important;
}


article.uagb-post__inner-wrap:hover {
	box-shadow: 2px 2px 50px 1px rgba(133, 118, 79, 0.8) !important; /* Złoty cień */

}

h4.uagb-post__title.uagb-post__text {
	padding: 10px !important;
}
nav.navigation.post-navigation {
	display: none;
}




/* After arrow i slider arrow */
.after-arrow a.wp-block-button__link {
    height: 50px;
    width: 50px;
    aspect-ratio: 1/1;
    -webkit-aspect-ratio: 1/1;
}
.after-arrow-event a {
    display: flex;
    justify-content: center;
    align-items: center;
}
.after-arrow-event svg#Layer_1 {
    position: absolute;
}


.after-arrow-event a.wp-block-button__link {
    height: 50px;
    width: 50px;
    aspect-ratio: 1/1;
    -webkit-aspect-ratio: 1/1;
}

.after-arrow a.wp-block-button__link::after {
    content: '';
    display: inline-block;
    background: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" fill="%23ffffff" viewBox="0 0 330 330"><path d="M250.606,154.389l-150-149.996c-5.857-5.858-15.355-5.858-21.213,0.001 c-5.857,5.858-5.857,15.355,0.001,21.213l139.393,139.39L79.393,304.394c-5.857,5.858-5.857,15.355,0.001,21.213 C82.322,328.536,86.161,330,90,330s7.678-1.464,10.607-4.394l149.999-150.004c2.814-2.813,4.394-6.628,4.394-10.606 C255,161.018,253.42,157.202,250.606,154.389z"/></svg>') no-repeat center;
    background-size: contain;
    width: 25px;
    height: 26px;
    margin-left: -8px;
    vertical-align: middle;
    transition: background 0.3s ease;
}

.after-arrow a.wp-block-button__link:hover::after {
    background: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" fill="%2385764f" viewBox="0 0 330 330"><path d="M250.606,154.389l-150-149.996c-5.857-5.858-15.355-5.858-21.213,0.001 c-5.857,5.858-5.857,15.355,0.001,21.213l139.393,139.39L79.393,304.394c-5.857,5.858-5.857,15.355,0.001,21.213 C82.322,328.536,86.161,330,90,330s7.678-1.464,10.607-4.394l149.999-150.004c2.814-2.813,4.394-6.628,4.394-10.606 C255,161.018,253.42,157.202,250.606,154.389z"/></svg>') no-repeat center;
}

.slider-after-arrow .swiper-button-prev,
.slider-after-arrow .swiper-button-next {
	transition: all 0.3 ease-in-out;
}

.slider-after-arrow .swiper-button-prev:hover,
.slider-after-arrow .swiper-button-next:hover {
	border: 2px solid #fff !important;
}

.after-arrow a.wp-block-button__link:focus::after {
    background: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" fill="%2385764f" viewBox="0 0 330 330"><path d="M250.606,154.389l-150-149.996c-5.857-5.858-15.355-5.858-21.213,0.001 c-5.857,5.858-5.857,15.355,0.001,21.213l139.393,139.39L79.393,304.394c-5.857,5.858-5.857,15.355,0.001,21.213 C82.322,328.536,86.161,330,90,330s7.678-1.464,10.607-4.394l149.999-150.004c2.814-2.813,4.394-6.628,4.394-10.606 C255,161.018,253.42,157.202,250.606,154.389z"/></svg>') no-repeat center;
}

.wp-block-button .wp-block-button__link:focus::after {
    background-color: unset !important; /* Wyłączenie koloru tła */
}



/* Scroll to top */
div#ast-scroll-top:hover {
    border: 1px solid #003571;
}
div#ast-scroll-top {
    border: 1px solid #fff;
	margin-top: 2px;
}

@media only screen and (max-width: 544px) {
	div#ast-scroll-top {
		display: none !important;
	}
}




/* Footer */
/* Footer - Background Image */
footer .site-primary-footer-wrap[data-section="section-primary-footer-builder"] {
	background-image: url(/wp-content/uploads/2025/07/footer-jubileusz.svg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: right top;
}

.site-primary-footer-wrap ::selection {
    background: #003571;
}

.ast-builder-grid-row-container-inner {
  max-width: 1600px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
}

/* Footer links underline */
.footer-text a {
  position: relative;
  text-decoration: none;
  color: inherit;
}

.footer-text a::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 2px;
  width: 0;
  background-color: white;
  transition: width 0.3s ease;
}

.footer-text a:hover::after {
  width: 100%;
}

/* Footer - Menu Item Styles */
#astra-footer-menu li.menu-item {
	position: relative;
	padding: 16px 0;
	border-bottom: 1px solid #fff;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

#astra-footer-menu li.menu-item a {
	padding-top: 0;
}

#astra-footer-menu li.menu-item:after {
	content: url("/wp-content/uploads/2024/10/arrow-right-white.svg");
	position: absolute;
	right: 0;
}

/* Responsive Styles */

/* Tablet and Below */
@media (max-width: 921px) {
	.footer-widget-area[data-section="section-footer-menu"] .astra-footer-tablet-vertical-menu {
		display: flex;
		flex-direction: column;
	}
}

/* Mobile and Below */
@media (max-width: 544px) {
	#social-forum,
	.footer-social-forum-icons-mobile-center {
		display: flex;
		justify-content: center;
		align-items: center;
	}
}
@media (max-width: 544px) {
    .ast-header-break-point .footer-widget-area[data-section="sidebar-widgets-footer-widget-3"] {
        margin: 0 auto;
        width: 80%;
    }
}




/* Basic CSS */
.max-height-70 {
	max-height: 70vh;
}
.max-height-50 {
	max-height: 50vh;
}

.transition-03,
.transition-03 > a,
.transition-03 > div > a, 
#ast-scroll-top {
	transition: all ease-in-out 0.3s !important;
}

.image-box-shadow-25 {
	filter: drop-shadow(0px 0px 25px #ccc);
}

.wp-block-columns.are-vertically-aligned-center.is-not-stacked-on-mobile.is-layout-flex.wp-container-core-columns-is-layout-1.wp-block-columns-is-layout-flex {
    gap: 0px !important;
}

#repeat-round {
	background-repeat: round !important;
}

.aspect-16-9 {
	aspect-ratio: 16/9;
}

.hover-transition .wp-block-button__link,
.hover-transition a {
	transition: all 0.3s ease-in-out;
}

.hover-underline a:hover {
	text-decoration: underline !important;
}

html:lang(en) .wp-block-column .wp-image-576 {
	padding-left: 10px;
	padding-bottom: 6px;
}

.ast-container{
	max-width:1400px !important;
}
@media(max-width: 768px){
	.site-content{
		margin-top: 50px !important;
	}
}
@media(min-width: 768px) and (max-width: 1024px){
	.site-content{
		margin-top: 50px !important;
	}
}
.height-100 { 
	height: 100%;
	max-height: 600px;
}

.overflow-hidden {
	overflow: scroll;
}
.full-width {
	width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    box-sizing: border-box !important;
}
a.uagb-tabs-list.uagb-tabs__icon-position-left {
	width: 100%;
}

