/*
Theme Name: Roneous Child
Theme URI: http://www.themelogi.com/themes/roneous
Description: A child theme of Roneous Theme
Author: THEMELOGI
Author URI: http://www.themelogi.com
Version: 1.0.0
Template: roneous
*/

/*------------------------------------------------------------------*/

/* 1. Yellow highlight on mouseover for menu items */
.nav-bar ul.menu li a {
    display: inline-block;
    padding: 10px 10px;         /* less vertical padding */
    transition: background-color 0.2s ease;
	border-radius: 4px;
    line-height: 1.5;          /* keeps vertical alignment clean */
}

.nav-bar ul.menu li a:hover {
    background-color: #f8b833;
    color: black;
}

.nav-bar ul.menu li {
    display: block;
}


/* 2. Grey overlay over entire nav-bar */
.nav-bar::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(128, 128, 128, 0.3); /* semi-transparent grey */
    z-index: 0; /* Place behind menu content */
    pointer-events: none; /* Allows clicks to go through */
}

/* 3. Ensure nav-bar content stays above overlay */
.nav-bar > * {
    position: relative;
    z-index: 1;
}

@media (max-width: 1606px) {
	.nav-bar{
		display: none !important;
	}
	.mob-menu-logo-holder {
		text-align: left !important;
		margin-top: 10px !important;
		margin-left: 20px !important;
	}
}

/*NEWS STUFF */

/* Hide the entire entry meta section (date and author) */
.entry-meta {
    display: none !important;
}

/* Hide the likes button */
.tlg-likes-button {
    display: none !important;
}

/* Hide the category section */
.category-more {
    display: none !important;
}

.ssc-share-toogle {
	display: none !important;
}

.breadcrumb {
	display: none !important;
}

/* Footer adjustament*/

.footer-widget {
	padding-top: 20px !important;
}

.widget{
	margin-bottom: 15px !important;
}

.sub-footer{
	display: none;
}

.wp-block-social-links{
	margin-bottom: 15px !important;
}

/* Responsive footer */

@media (max-width: 768px) {
    .footer-widget {
        text-align: center !important;
        margin-top: 10px;
    }
	 .text-right {
        text-align: center !important;
        margin-top: 10px;
    }
	.header-single {
		height: 50vh;
	}
}

/* Header background fix*/
.header-single {
	background-size: contain;
}


#page-4288 .container{
	width: 100% !important;
	padding-top: 40px;
}

/*---------------------------------------------------------*/


.training-schedule {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 40px;
}
.training-schedule th,
.training-schedule td {
	border: 1px solid #ccc;
	padding: 12px;
	text-align: left;
	vertical-align: top;
}
.training-schedule th {
	background-color: #2f4f4f;
	color: white;
}
.training-schedule td {
	background-color: #fff;
}
.training-schedule .day-header {
	background-color: #e0f7fa;
	font-weight: bold;
	font-size: 1.2em;
}
.training-schedule .location {
	font-size: 0.9em;
	color: #555;
}

/* Hompage carousel */
.logo-carousel li {
  opacity: 1 !important;
}

/* Login and registration forms */
.center-login-wrapper {
 	display: flex;
	justify-content: center;
}

.register .ur-button-container {
 	display: flex;
	justify-content: center;
	width: 100% !important;
}

.ur-submit-button {
	width: 100% !important;
}

/*Align button contact*/

#kontakt{
	text-align: center;
}

/*Home page responsive fix*/

@media (min-width: 1025px) and (max-width: 1200px) {
	.wpb_column .vc_column-inner .wpb_wrapper .image-half .container{
		padding-top: 400px;
	}
}

/*------------TABLE MIT------------*/

@media (max-width: 840px) {
	.boxed-icon i {
		display: none !important;
	}
}


@media (max-width: 415px) {
	.responsive-table {
	  font-size: 12px !important;
	}
}

.responsive-table {
	width: 100%;
	border-collapse: collapse;
	background-color: #ffffff;
	font-size: 14px;
	color: #333;
}

.responsive-table thead {
	background-color: #f8b833;
	color: #ffffff;
}

.responsive-table th,
.responsive-table td {
	padding: 12px;
	text-align: left;
	border-bottom: 1px solid #ddd;
}

.responsive-table tr:nth-child(even) {
	background-color: #f9f9f9;
}

@media (max-width: 768px) {
	.responsive-table thead {
		display: none;
	}

	.responsive-table,
	.responsive-table tbody,
	.responsive-table tr,
	.responsive-table td {
		display: block;
		width: 100%;
	}

	.responsive-table tr {
		margin-bottom: 15px;
		background-color: #ffffff;
		border: 1px solid #ddd;
		border-radius: 8px;
		padding: 12px;
	}

	.responsive-table td {
		text-align: right;
		padding-left: 50%;
		position: relative;
	}

	.responsive-table td::before {
		content: attr(data-label);
		position: absolute;
		left: 12px;
		width: 45%;
		white-space: nowrap;
		text-align: left;
		font-weight: bold;
		color: #f8b833;
	}
	
	.vc_row .container{
		width: 100% !important;
	}
}

.icon_title_list-content{
	font-size: 18px;
}