/*
Theme Name: FamiPress - Child
Theme URI: https://harutheme.com/famipress
Author: HaruTheme
Author URI: https://harutheme.com/
Description: This is child theme of FamiPress
Template: famipress
Version: 1.0.0
*/

/*---------------------------------
  	Write your css code from here
------------------------------------*/

@-webkit-keyframes sonarEffect {
  0% {
    opacity: .3;
  }
  40% {
    opacity: .5;
    box-shadow: 0 0 0 2px rgba(0,153,219, 0.5), 0 0 10px 10px #0099db, 0 0 0 10px rgba(0,153,219, 0.5);
  }
  100% {
    box-shadow: 0 0 0 2px rgba(0,153,219, 0.5), 0 0 10px 10px #0099db, 0 0 0 10px rgba(0,153,219, 0.5);
    -webkit-transform: scale(1.5);
    opacity: 0;
  }
}

@keyframes sonarEffect {
  0% {
    opacity: .3;
  }
  40% {
    opacity: .5;
   box-shadow: 0 0 0 2px rgba(0,153,219, 0.5), 0 0 10px 10px #0099db, 0 0 0 10px rgba(0,153,219, 0.5);
  }
  100% {
    box-shadow: 0 0 0 2px rgba(0,153,219, 0.5), 0 0 10px 10px #0099db, 0 0 0 10px rgba(0,153,219, 0.5);
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
    opacity: 0;
  }
}

body {
	color: #5c5c5c;
}

/* a {
	cursor: pointer !important;
} */

.haru-nav-menu--dropdown .haru-item:hover, .haru-nav-menu--dropdown .haru-item:focus, .haru-nav-menu--dropdown .haru-item.highlighted, .haru-nav-menu--dropdown .haru-item.haru-item-active {
	background-color: #0099db;
	color: white;
}

body[data-elementor-device-mode="tablet"] .haru-header .header-padding-2, body[data-elementor-device-mode="mobile"] .haru-header .header-padding-2 {
	justify-content: space-between;
    align-items: center;
}

body[data-elementor-device-mode="mobile"] .haru-header .header-padding-2 {
}

body[data-elementor-device-mode="mobile"] .haru-header .header-padding-2 > div:first-child {
	height: 100%;
	display: flex;
		flex-direction: column;
    flex-wrap: nowrap;
	justify-content: center;
}

.haru-menu-toggle {
	border-radius: 50%;
}

.haru-slick--nav-opacity .slick-prev, .haru-slick--nav-opacity .slick-next {
	border-radius: 40px;
	margin: 7px;
	top: 35%;
}

.haru-slick--nav-opacity .slick-prev[aria-disabled="true"], .haru-slick--nav-opacity .slick-next[aria-disabled="true"] {
  display: none !important;
}

.slick-slide .post-item__thumbnail img, .archive-content .post-thumbnail img {
	aspect-ratio: 3 / 2;
    object-fit: cover;
}


.post-meta-comment, .post-meta-author, .post-meta-date, .post-item__meta-date {
	display: none !important;
}

.single-content .post-thumbnail-wrap {
	margin-bottom: 2rem;
	display: flex;
	justify-content: center;
}

.single-content .post-thumbnail-wrap img {
	max-width: 60%;
	border-radius: 12px;
	aspect-ratio: 3 / 2;
    object-fit: cover;
}


.video-item__wrap .video-item__date {
	display: none;
}

.video-item__wrap .video-item__title {
	text-align: center;
}

.video-item__icon-wrap a:hover,
.video-item__wrap .video-item__title a:hover {
	color: #3B8FC2 !important;
}

	.row-video .video-item__wrap {
		aspect-ratio: 3 / 2;
	}

.row-video .video-item__wrap img {
		object-fit: cover;
		aspect-ratio: 3 / 2;
	}




.video-item__icon a:hover:after {
  -webkit-animation: sonarEffect 1.3s ease-out 75ms;
          animation: sonarEffect 1.3s ease-out 75ms;
  transition: all .3s;
}

.video-item.style-2 .video-item__icon{
	top: 15%;
    left: 11%;
}



@media (min-width: 767px) {
	.row-video .video-list .slick-track{
		width: 100% !important;
		display: flex;
		flex-direction: row;
	}

	.row-video .video-list .slick-track .slick-slide {
		width: auto !important;
		flex: 1
	}
}

.single-sidebar {
	margin-top: 2rem;
}

.haru-button.haru-button--style-4.haru-button--has-icon:before {
	background-color: #3b8fc2;
}

.haru-button.haru-button--style-4.haru-button--has-icon:has(.haru-align-icon-right):hover {
	color: white;
}
.haru-icon-box--style-11{
        min-height: 250px;
}
.haru-icon-box--style-11 .haru-icon-box__btn:before{
		background-color: #3b8fc2;
}

.haru-icon-box--style-11 .haru-icon-box__btn {
		color: #3b8fc2;
}


.haru-icon-box--style-11 .haru-icon-box__btn:hover {
		color: white !important;
}

.haru-icon-box--style-11 .haru-icon-box__btn:after{
	color: white;
}

.haru-icon-box--style-11 .haru-icon-box__image {
	display: none;
}

.primary-light .haru-button {
	color: #3b8fc2;
}

.haru-button-icon i {
	color: white;
}

.haru-text-animation--style-3 .haru-text-animation__typewrite{
	color: #E3F0F9;
}

.haru-text-list__list li {
  padding-left: 50px;
  position: relative;
}

.haru-text-list__list li::before {
  position: absolute;
  left: 0;
	  top: 50%;
  transform: translateY(-50%);
}

.haru-slick--nav-opacity .slick-prev:hover, .haru-slick--nav-opacity .slick-next:hover {
	color: white !important;
	background-color: #0099db;
}

.haru-button.haru-button--outline-gray:hover {
	color: white !important;
	background-color: #0099db;
	border: 2px solid #0099db;
}

.archive-content .post-title a:hover, .archive-content .post-title a:focus {
	color: #0099db !important;
}

.archive-content .haru-button.read-more {
    display: flex;
    align-items: center;
    justify-content: center;
	
	width: fit-content;
	background-color: #0099db;
	color: white;
	border-radius: 120px;
	height: 35px;
    padding: 0 20px;
    font-size: 0.85rem !important;
	outline: 1.5px solid #0099db;
}

.archive-content .haru-button.read-more:hover {
	background-color: transparent;
	color: #0099db;
}

.archive-content .post-category-wrap a:hover{
	background-color: #E3F0F9 !important;
}

.archive-sidebar .all-button > a {
    border-bottom: 1px solid transparent;
    transition: all .3s;
}

.archive-sidebar .all-button {
	font-weight: bold;
}

.archive-sidebar .wp-block-categories-list li:hover > a, .archive-sidebar .wp-block-categories-list li:focus > a,
.archive-sidebar .all-button:hover > a, .archive-sidebar .all-button:focus > a,
.archive-sidebar .wp-block-categories .current-cat a,
.archive-sidebar a:focus
{
	border-bottom: 1px solid #0099db;
    color: #0099db !important;
}

#haru-footer .elementor-element-14d2bf2 {
	flex-wrap: nowrap;
}

.dark-mode .haru-footer-link--style-1 a:hover, .dark-mode .haru-footer-link--style-1 a:active, .background-dark .haru-footer-link--style-1 a:hover, .background-dark .haru-footer-link--style-1 a:active {
	color: #0099db;
}

/* Kontakt */

.haru-contact a:hover, .haru-contact a:active {
	color: #0099db;
}

.contact-form textarea {
	border-radius: 12px;
}

.contact-form input[type=text]:focus,
.contact-form input[type=text]:focus-visible,
.contact-form input[type=email]:focus,
.contact-form input[type=password]:focus,
.contact-form input[type=search]:focus,
.contact-form input[type=number]:focus,
.contact-form input[type=url]:focus,
.contact-form input[type=tel]:focus,
.contact-form input[type=date]:focus,
.contact-form select:focus,
.contact-form textarea:focus {
	border: 1.5px solid #0099db;
}

.contact-form input[type=submit] {
	background-color: #3b8fc2;
	color: white;
	border: 1.5px solid #3b8fc2;
	border-radius: 30px;
	height: 45px;
    line-height: 14px;
}

.contact-form input[type=submit]:hover {
	background-color: white;
	color: #0099db;
}

.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) a, .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) img {
	border-radius: 12px;
}