/*
Theme Name: Eska Child
Description: Child theme for Eska
Author: Khurram Awan
Template: woffice
*/



body.hide-for-contributors #event-personal-li, #groups-personal-li {
    /*display: none !important;*/
}
.woffice-skin-celestial .woffice-event .intern-thumbnail { width: 500px!important; max-height : 500px!important;}
.edit-link { display : none!important; }
.woffice-ai-action { display : none!important; }

.role-contributor .r-sidebar-toggle {
    display: none !important;
}

.mark-notification-read {
	display: none !important;
}
.login-remember {display:none !important;}
#content {padding-top: 100px!important;}
.application_details {  display: none !important; }

.hide-for-contributors .celst-inner-search-wrapper.celst-blog,
.hide-for-contributors .celst-inner-search-wrapper.celst-wiki {
    display: none !important;
}
.meta.color,
.meta.general {
    display: none !important;
}
body.layout-1 #woffice-login #woffice-login-left header #login-logo, body.layout-2 #woffice-login #woffice-login-left header #login-logo, body.layout-loginright #woffice-login #woffice-login-left header #login-logo {
        display: block !important; 
    }
@media only screen and (max-width: 991px) {
    body.layout-1 #woffice-login #woffice-login-left header #login-logo, body.layout-2 #woffice-login #woffice-login-left header #login-logo, body.layout-loginright #woffice-login #woffice-login-left header #login-logo {
        display: block; 
		text-align: center;
    }
}


.woffice-event {
	padding-top : 50px !important;
}
/* Job page */
#pm-subject {
	width: 50%;
}

.celst-blog-single-wrapper .blog-single-item .blog-thumb .intern-thumbnail img {
    object-fit: contain;
}

.screen-content {
  margin-left: 0% !important;
}

.dir-navs {
	width: 100% !important;
}
#navbarColor02 {
	display: none !important;
}
.job_filters {
    display: none !important;
}
.job_listings {
	list-style: none !important;
}
/* Add CSS for Login page Tabs */
body.vertical-modern-menu .celst-left-sidebar .celst-nav ul#main-modern-menu>li.menu-item>a , body.vertical-modern-menu .celst-left-sidebar .celst-nav ul#main-modern-menu>li.menu-item ul.sub-menu li.menu-item>a , body.vertical-modern-menu .celst-left-sidebar .celst-nav ul#main-modern-menu>li.menu-item ul.sub-menu li.menu-item>a:hover{ 
	color: rgb(0,42,94);
}

/* turn black menububbles in to blue */

body.vertical-modern-menu .celst-left-sidebar .celst-nav ul#main-modern-menu>li.menu-item.current-menu-item>a {
	background-color: #053d87;
}

.nav-tab-wrapper {
	padding-top: 25px;
	display: flex;
	border-bottom: 2px solid #ddd;
	margin-bottom: 20px;
}
.nav-tab {
	padding: 10px 20px;
	cursor: pointer;
	text-decoration: none;
	color: #000;
	font-size: 12px;
	background: #fff;
	border: 1px solid #ddd;
	border-bottom: none;
	margin-right: 5px;
	transition: background 0.3s ease;
}
.nav-tab:hover {
	background: #eaeaea;
}
.nav-tab-active {
	background: #002A5E;
	border-color: #ddd #ddd #fff;
	color: #fff;
}
.tab-content {
	display: none;
	padding: 20px;
	border: 1px solid #ddd;
	background: #fff;
}
.tab-content.active {
	display: block;
}
#wp-submit {
    display: block !important;
    visibility: visible !important;
}

/* Login tiles */

.login-tiles-container {
	height: auto !important;
    overflow-y: auto !important;
    display: flex;
    flex-wrap: wrap; 
    justify-content: start !important;
	padding: 0px !important;
    gap: 10px; 
}
.login-tile {
    flex: 1 1 calc(33.33% - 20px); /* Each tile will take up 33.33% of the container, minus the gap */
    box-sizing: border-box; /* Ensures padding and margins are included in the width calculation */
    margin-bottom: 20px; /* Adds space below each tile */
}

.login-tile .tile-content {
    width: 100%;
    padding: 15px;
    box-sizing: border-box;
}

.login-tile img {
    height: 100px; /* Limit image height */
    /* width: auto; Maintain aspect ratio */
    width: 150px; /* Limit image width to prevent overflow */
}

.login-tile h2 {
    margin-top: 10px;
    font-size: 18px; /* Adjust size as needed */
}

.login-tile p {
    font-size: 16px; /* Adjust size as needed */
}

.login-tile:hover {
    background-color: #005f8a; /* Darker shade on hover */
}

.card-img-top { width: 50px !important; height: 30px!important; }
.card-body {padding:5px; text-align: center;}

/*. End  .*/
#woffice-login {
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    padding: 20px !important;
    background: #fff !important;
    flex-wrap: wrap !important; /* Ensure wrapping on smaller screens */
}

#woffice-login-right {
	max-width: 70%;
	background-image: url(intranet_login_bg.jpg)!important;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center;
    opacity: 1.0;
	padding: 50px;
	display: flex; /* Flexbox-Layout aktivieren */
    justify-content: center; /* Horizontale Zentrierung (falls benötigt) */
    align-items: center; /* Vertikale Zentrierung */
    height: 100%; /* Container nimmt volle Höhe ein */
    width: 100%; /* Container nimmt volle Breite ein (optional, falls benötigt) */
}

#woffice-login-right .card {
	width: 175px !important;
	height: 60px !important;
	background: #fff;
    padding: 5px;
}

#woffice-login-right .card:hover {
	background: rgba(255, 255, 255, 0.8);
	cursor: pointer !important;
}

#woffice-login-right .card a {text-align: center;cursor: pointer !important;}

#woffice-login-right .card .card-title {
	font-size: 10px;
	line-height: 10px;
	margin-bottom: 0px;
}

#woffice-login-left,
#woffice-login-right {
    position: relative !important; /* Ensure positioning */
    z-index: 1 !important; /* Ensure correct stacking order */
    flex: 1 !important; /* Allow flexibility */
	
}

#woffice-login-left {
	max-width: 30%;
	padding: 20px;
    z-index: 2 !important; /* Left side on top */
}

#woffice-login-right {
    z-index: 1 !important; /* Right side behind */
}

@media screen and (max-width: 768px) {
	html, body {
        height: auto !important;
        overflow-y: auto !important;
    }

    #woffice-login {
        min-height: 100vh !important;
        height: auto !important;
        overflow-y: auto !important;
    }
	#woffice-login-right {
		max-width: 100%;
	}
	/*#office-login #woffice-login-right {
		overflow-y: visible !important;
	}*/
    #woffice-login-left {
        max-width: 100%;
        padding: 15px;
    }
	body.layout-loginright #woffice-login {
		flex-direction: column;
		
	}
	body.layout-loginright #woffice-login #woffice-login-left {
		margin-top: 0px;
	}
	/*.login-tiles-container {
		display: flex;
        flex-wrap: wrap;
        justify-content: start !important;
        padding: 0px !important;
        gap: 10px;
        height: auto !important;  
        min-height: auto !important; 
        overflow-y: visible !important;
	}*/
}









.category-list {
    list-style-type: none;
    padding: 0;
}
.category-list li {
    margin-bottom: 10px;
}
.category-list li a {
    text-decoration: none;
    color: #0073e6;
}
.category-list li a:hover {
    color: #0056b3;
}