/*
Theme Name: Twenty Twenty-Four Child
Theme URI: https://wordpress.org/themes/twentytwentyfour/
Description: Twenty Twenty-Four Child Theme
Author: Alajos Szilagyi
Author URI: https://www.szekelylap.ro
Template: twentytwentyfour
Version: 1.0.0
*/


/* root colors for the website */
:root {
  --color-one: #ffffff; /* White */
  --color-two: #013A63; /* Classic Marine Darker Default Color */
  --color-three: #E3E3E3; /* Light Gray */
  --color-four: #02497C; /* Brightened Marine  */
}
._sticky_header{
	background-color: transparent;
	box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
	margin:0 auto;
    width:100%;

	z-index:9;
	
}
.header_new img{
	float:right;
	padding-top:5px;
}
.menuIcon i{
	color: var(--color-two)!important;
}
.tabLabel{
	color: var(--color-two)!important;
}
.impresszum_container p{
	text-align:center;
}

/* fooldal CSS */

.site_logo img{
	padding-left:10px;
	padding-top: 8px;
	
}
@media only screen and (max-width: 767px) {
  .frontpage_posts {
    
  }
	.top_daily_advice {
    margin-top: 1.4rem;
  }
}

.frontpage_column_posts .post-content p{
	font-family:"Inter", sans-serif!important;
	text-align: center;
}
.frontpage_column_posts .timeline-post .post-author{
	display:none!important;
}
.tabMenu_frontPage{
	margin-top:-20px!important;
}
.tabMenu_frontPage .tabMenu li{
	border-radius:19px!important;
	padding: 3px 13px 21px 13px!important;
}
.tabMenu_frontPage .tabMenu{
	margin-top:0px!important;
}
.frontpage_column_posts {
    margin-right: auto !important;
    margin-left: 5px !important;
}
.frontpage_column_posts .floating-info-box{
	display:none!important;
	}
.frontpage_column_post_1 .post-category a, .frontpage_column_post_2 .post-category a, .frontpage_column_post_3 .post-category a, .frontpage_column_post_4 .post-category a, .frontpage_column_post_5 .post-category a, .frontpage_column_post_6 .post-category a, .frontpage_column_post_7 .post-category a{
	color: var(--color-two)!important;
	font-size:13px;
}
.frontpage_column_post_1 .post-author-avatar img, .frontpage_column_post_2 .post-author-avatar img, .frontpage_column_post_3 .post-author-avatar img, .frontpage_column_post_4 .post-author-avatar img, .frontpage_column_post_5 .post-author-avatar img, .frontpage_column_post_6 .post-author-avatar img, .frontpage_column_post_7 .post-author-avatar img{
	width:25px;
	height: 25px;
}
.frontpage_column_post_1 .emoji-container i, .frontpage_column_post_2 .emoji-container i, .frontpage_column_post_3 .emoji-container i, .frontpage_column_post_4 .emoji-container i, .frontpage_column_post_5 .emoji-container i, .frontpage_column_post_6 .emoji-container i, .frontpage_column_post_7 .emoji-container i{
	color: var(--color-four);
}

.frontpage_column_post_1 a, .frontpage_column_post_2 a, .frontpage_column_post_3 a, .frontpage_column_post_4 a, .frontpage_column_post_5 a, .frontpage_column_post_6 a, .frontpage_column_post_7 a{
	color: #000!important;
	text-align: center!important;
}
.frontpage_column_post_1 .post-content, .frontpage_column_post_2 .post-content, .frontpage_column_post_3 .post-content, .frontpage_column_post_4 .post-content, .frontpage_column_post_5 .post-content, .frontpage_column_post_6 .post-content, .frontpage_column_post_7 .post-content{
	padding-bottom:0.1rem;
	color: var(--color-four);
}
.frontpage_column_post_1 ul li{
	background: transparent!important;
	transform: rotate(0deg)!important;
	padding-top:0px!important;
	
}
.frontpage_column_post_2  ul li{
	background: transparent!important;
	transform: rotate(0deg)!important;
	padding-top:0px!important;
	
}
.frontpage_column_post_3  ul li{
	background: transparent!important;
	transform: rotate(0deg)!important;
	padding-top:0px!important;
	
}
.frontpage_column_post_4  ul li{
	background: transparent!important;
	transform: rotate(0deg)!important;
	padding-top:0px!important;
	
}

.frontpage_column_post_5  ul li{
	background: transparent!important;
	transform: rotate(0deg)!important;
	padding-top:0px!important;
	
}
.frontpage_column_post_6  ul li{
	background: transparent!important;
	transform: rotate(0deg)!important;
	padding-top:0px!important;
	
}
.frontpage_column_post_7  ul li{
	background: transparent!important;
	transform: rotate(0deg)!important;
	padding-top:0px!important;
	
}

.header-menu i{
	color: var(--color-one)!important;
}
.top_daily_advice {
    display:inline;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset;
	height: 3em;
}
/* Desktop-specific style for screens 769px and wider */
@media only screen and (min-width: 769px) {
    .frontpage_posts {
        padding-left: 13px!important; /* 10px left padding on desktop */
    }
}
/* Mobile-specific style for screens up to 768px */
@media only screen and (max-width: 768px) {
    .top_daily_advice {
        display:inline;
    }
}
/* For desktop (show .header-menu and hide #floating-menu) */
@media screen and (min-width: 1025px) {
    .header-menu {
        display: block; /* Show the header menu */
    }
    #floating-menu {
        display: none!important; /* Hide the floating menu */
    }
	
}

@media (max-width: 576px) {
	.wp-block-tcb-tabs .tabMenu {
		flex-direction:row!important;
	}
	.wp-block-tcb-tabs .tcbTabContent .tabMenu li{
	padding:8px!important;
	}
	.frontpage_column_posts .emoji-rating{
	display:none!important;
	}
	.frontpage_column_posts .post-author{
	display:none!important;
	}
	.frontpage_column_posts .post-featured-image{
	display:none!important;
	}
	
	.frontpage_column_posts .post-author-avatar{
	display:none!important;
	}
	.frontpage_column_posts {
	gap: 0px!important;
	}
}
@media (min-width: 1024px) { /* Adjust breakpoint if needed */
    .tabMenu_frontPage .tabContent {
        
    }
}
@media (max-width: 767px) {
  .szamitasok_tab {
    padding-top: 20px;
  }
}
.wp-block-tcb-tabs .tabMenu li i, .wp-block-tcb-tabs .tabMenu li img{
		margin:0px!important;
}
.tabMenu{
	justify-content: center;
}
.tabMenu li{
	border-radius:9px;
}
.tabMenu li:active{
	border-radius:23px;
}
.frontpage_column_posts .post-category img{
	display:none;
}

/* Frontpage layout compact Mobile-only styles  */
@media only screen and (max-width: 767px) {
    /* Your mobile-specific styles go here */
    .frontpage_column_posts .timeline-post .random-posts-list li {
        margin-bottom: 0px!important;
        padding-bottom: 0px!important;
		padding-top: 0px!important;
    }
	.emoji-rating {
		margin-top: 12px!important;
	}
	.frontpage_column_posts .post-category {
		
		padding: 7px 5px!important;
		width: auto!important;
		border-radius:15px;
		right: 0rem;
	}
	.frontpage_column_posts .post-content {
		box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
		box-shadow: rgba(14, 63, 126, 0.04) 0px 0px 0px 1px, rgba(42, 51, 69, 0.04) 0px 1px 1px -0.5px, rgba(42, 51, 70, 0.04) 0px 3px 3px -1.5px, rgba(42, 51, 70, 0.04) 0px 6px 6px -3px, rgba(14, 63, 126, 0.04) 0px 12px 12px -6px, rgba(14, 63, 126, 0.04) 0px 24px 24px -12px;
		border-radius: 21px;
		padding: 5px;
	}
	
	.frontpage_column_post_1{
		padding-top:10px;
	}
	.frontpage_column_post_1 li, .frontpage_column_post_2 li, .frontpage_column_post_3 li, .frontpage_column_post_4 li, .frontpage_column_post_5 li, .frontpage_column_post_6 li, .frontpage_column_post_7 li{
		box-shadow:none!important;
	}
	#wp--skip-link--target{
		margin-block-start:0rem!important;
	}
	.timeline_list{
		padding-top:2em!important;
	}
}
	.tabMenu{
	width: 100%;
}
#tabMenu-tcbTabbedContent-13 li{
	border-radius: 7px;
}
}
@media only screen and (max-width: 767px) {
    /* Your mobile-specific styles go here */
	.timeline-post_szotar_last {
		padding-bottom:5em!important;
	}
	
}
.frontpage_column_posts {
    display: flex; /* Use flexbox for alignment */
    justify-content: center; /* Center columns horizontally */
    align-items: center; /* Center content vertically (if necessary) */
    gap: 20px; /* Space between columns */
}

.fejlesztes_alatt{
	box-shadow: inset 0 0 12px 4px rgba(0, 0, 0, 0.1);
}
.nav_header_custom {
	margin-block-start: 0.2rem!important;
}
.wp-block-navigation__responsive-container{
	left:30%!important;
}








/* Animation for fade-in and slide-down effect */
@keyframes fadeInSlideDown {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

#submit{
	box-shadow: rgba(60, 64, 67, 0.15) 0 1px 2px, rgba(60, 64, 67, 0.1) 0 2px 4px;
	border-radius: 21px;
  	border-style: none;
	color: #3c4043;
	background-color: #fff;
	transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1),opacity 15ms linear 30ms,transform 270ms cubic-bezier(0, 0, .2, 1) 0ms;
	align-content:center;
	margin:auto;
	display:flex;
	font-size:10px;
}
#author{
	border: none!important;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
	border-radius: 15px;
}
#email{
	border: none!important;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
	border-radius: 15px;
}
#submit:hover {
  background: #F6F9FE;
  color: #174ea6;
	box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 8px, rgba(0, 0, 0, 0.03) 0px 4px 6px;

}
#submit:active {
  box-shadow: 0 4px 4px 0 rgb(60 64 67 / 30%), 0 8px 12px 6px rgb(60 64 67 / 15%);
  outline: none;
}

/* content item CSS */
.author_single_post img{
	display: flex!important;
    flex-wrap: nowrap; /* Prevent wrapping */
	margin-left: auto !important;
	box-shadow: 0 15px 25px rgba(0, 0, 0, 0.1), 0 5px 10px rgba(0, 0, 0, 0.05);
	border-radius: 50%!important;
	width: 25px!important;
    height: 25px!important;
}

.single_class_swipe{
	height:100%!important;
	
}
/* Ensure consistent styling inside .content_sajat */
.single_post_content {
	
	border-radius:21px;
}
.single_post_content .emoji-vote-count{
	color: var(--color-two);
}

.single_post_content img {
    max-width: 70vw; /* 70% of viewport width to stay 30% below max */
    max-height: 70vh; /* 70% of viewport height to stay 30% below max */
    width: auto; /* Maintain aspect ratio */
    height: auto; /* Maintain aspect ratio */
    object-fit: contain; /* Ensure image fits within bounds without cropping */
    display: block; /* Prevent inline spacing issues */
    margin: 0 auto; /* Optional: center the image */
    overflow: hidden; /* Prevent overflow */
	padding-top: 0.7em;
}
/* Mobile-specific style for screens up to 768px */
@media only screen and (max-width: 768px) {
    .single_post_content img {
        max-width: 95vw; /* Stretch to full viewport width on mobile */
        width: 100vw; /* Ensure full width */
        max-height: 70vh; /* Keep 30% below max viewport height */
        height: auto; /* Maintain aspect ratio */
        margin: 0; /* Remove centering to use full width */
    }
}
.single_post_content p {
    padding: 2rem 2rem !important; /* Reduced left/right padding */
    margin: 0 !important; /* Remove margins */
    display: block;
    text-align: center;
	box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
	border-radius:53px;
}
.single_post_content p:hover {
    color: var(--color-four);
    transform: scale(1.03);
    transition: all 0.9s ease;
}
.single_post_content p:has(img) {
    padding: 0 !important; /* Remove padding if the <p> contains an <img> */
    display: block;
}
.category_single_post {
}
.content_sajat_frame {
    
	min-width: 20rem;
}
.content_sajat {
    position: relative;
    top: 15%;
    margin-left: auto!important;
    margin-right: auto!important;
    border-radius: 15px;
    gap: 0;
}
.content_sajat img {
    object-position: center;
    border-radius: 13px;
}


.single_post_content_def {
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    padding: 2em 5px; /* Reduced left/right padding */
    margin: 0 !important; /* Remove margins */
    border-radius: 9px;
}
.content_sajat_refresh {
    display: flex;
    justify-content: space-between; /* Spread items: left, center, right */
    align-items: center; /* Vertically center all items */
    width: 100%;
    padding: 0 1em; /* Match original 1em spacing */
    box-sizing: border-box;
	position: fixed;
    bottom: 17em;
    background-color: transparent !important;
}
.content_sajat_refresh li {
    list-style: none;
    font-size: 1.5rem;
    color: var(--color-two);
    text-align: center;
}
.content_sajat_refresh li a i {
    color: var(--color-two);
    position: absolute;
}
.content_sajat_refresh .post-navigation-link-next a{
	float:right!important;
}
.content_sajat .emoji-rating .emoji-vote-count{
	color: var(--color-two);
}




add_action('wp_footer', function() {
    if (is_user_logged_in()) {
        szekely_trigger_notification('success', 'Test notification from wp_footer');
    }
});


/* Modern animation for .animate__for_for_me_please */
.animate__for_for_me_please {
    animation: popIn 0.6s ease-out forwards;
    opacity: 0.7;
    transform: scale(0.9);
}

@keyframes popIn {
    0% {
        opacity: 0.7;
        transform: scale(0.9);
    }
    70% {
        opacity: 1;
        transform: scale(1.05);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

/* Optional hover effect for interactivity */
.animate__for_for_me_please:hover {
    transform: scale(1.02);
    transition: transform 0.3s ease;
}

/* Ensure the animation is globally available */
body .animate__for_for_me_please {
    animation: popIn 0.6s ease-out forwards;
}
/* Modern animation for .animate_for_me_2 */
.animate_for_me_2 {
    animation: slideFadeRotate 0.7s ease-out forwards;
    opacity: 0.6;
    transform: translateY(10px) rotate(-5deg);
}

@keyframes slideFadeRotate {
    0% {
        opacity: 0.6;
        transform: translateY(10px) rotate(-5deg);
    }
    70% {
        opacity: 1;
        transform: translateY(-3px) rotate(2deg);
    }
    100% {
        opacity: 1;
        transform: translateY(0) rotate(0deg);
    }
}

/* Optional hover effect for interactivity */
.animate_for_me_2:hover {
    transform: scale(1.03);
    transition: transform 0.3s ease;
}

/* Ensure the animation is globally available */
body .animate_for_me_2 {
    animation: slideFadeRotate 0.7s ease-out forwards;
}

/* Alap stílusok a konténerhez */
.about-us-container {
    max-width: 800px;
    margin: 40px auto;
    padding: 30px;
    font-family: 'Arial', sans-serif;
    line-height: 1.7;
    color: #333;
    background-color: var(--color-one); /* White background */
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    border: 1px solid var(--color-three); /* Light gray border for subtle contrast */
}

/* Címsorok */
.about-us-container h1 {
    font-size: 2.2em;
    color: var(--color-two); /* Dark marine for main heading */
    text-align: center;
    margin-bottom: 25px;
}

.about-us-container h2 {
    font-size: 1em;
    color: var(--color-two); /* Dark marine for subheadings */
    margin-top: 30px;
    margin-bottom: 15px;
}

/* Szövegstílusok */
.about-us-container p {
    margin-bottom: 20px;
    color: #444;
}

/* Lista formázása */
.about-us-container ul {
    list-style: none;
    padding: 0;
    margin: 20px 0;
}

.about-us-container ul li {
    font-size: 1.1em;
    margin: 10px 0;
    padding-left: 25px;
    position: relative;
    color: #444;
}

.about-us-container ul li::before {
    content: "•";
    position: absolute;
    left: 0;
    color: var(--color-four); /* Brightened marine for list bullets */
    font-size: 1.3em;
}

/* Kiemelt szöveg */
.highlight {
    font-weight: bold;
    color: var(--color-four); /* Brightened marine for highlighted text */
}

/* Reszponzivitás */
@media (max-width: 600px) {
    .about-us-container {
        margin: 20px;
        padding: 20px;
    }

    .about-us-container h1 {
        font-size: 1.8em;
    }

    .about-us-container h2 {
        font-size: 1.4em;
    }

    .about-us-container p,
    .about-us-container ul li {
        font-size: 1em;
    }
}