/*
Theme Name: Spacious Child
Theme URI: https://themegrill.com/themes/spacious
Template: spacious
Author: ThemeGrill
Author URI: https://themegrill.com
Description: Spacious is an incredibly spacious multipurpose responsive theme coded & designed with a lot of care and love. You can use it for your business, portfolio, blogging or any type of site. It has 4 page layouts, 2 page templates, 4 blog display types, 13 widgets areas, 5 custom widgets focusing on business template, awesome slider, primary color option to match your logo & website, boxed & wide layout, light & dark color skin, translation ready and many more. You can get free support in https://themegrill.com/support-forum/ and check the demo at https://demo.themegrill.com/spacious/.
Version: 1.7.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, right-sidebar, left-sidebar, flexible-header, custom-header, custom-background, custom-menu, custom-colors, sticky-post, threaded-comments, translation-ready, featured-images, theme-options, footer-widgets, blog, e-commerce, rtl-language-support
Text Domain: spacious

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/
/* =Reset
-------------------------------------------------------------- */

.post .entry-meta .read-more-link {
	padding: 5px 10px;
	background-color: #0FBE7C;
	float: right;
	border-right: none;
}

.read-more, .more-link {
	font-size: 14px;
	color: #0FBE7C;
	/* font-family: 'Lato', sans-serif; */
}

.post .entry-meta {
	border: 0px solid #EAEAEA;
	font-size: 14px;
	color: #666666;
	/* font-family: 'Lato', sans-serif; */
	margin: 0 0 20px;
}

.display-posts-listing li:first{
	margin-top: 0px;
}

.display-posts-listing li{
	margin-top: 50px;
}

.title{
	text-transform: uppercase;
	margin: 25px 0 25px 0;
	font-size: 22px;
	line-height: 60px;
}

.main-navigation ul li ul {
	position: absolute;
	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.95);
	border-top: 1px solid #0FBE7C;
	top: 30px;
	left: -99999px;
	width: 150px;
}

.adlinks > a{
	text-transform: uppercase;
	font-weight: bold;
}

.acadp-listings-title-block{
	color: #0FBE7C !important; 
}

.acadp-no-margin a {
	color: #0FBE7C !important; 
}

.acadp .btn-primary {
	color: #fff;
	background-color: #0FBE7C !important;
	border-color: #0FBE7C !important;
  }

  .acadp .pagination > .active > a, .acadp .pagination > .active > span, .acadp .pagination > .active > a:hover, .acadp .pagination > .active > span:hover, .acadp .pagination > .active > a:focus, .acadp .pagination > .active > span:focus {
	z-index: 2;
	color: #fff;
	cursor: default;
	background-color: #0FBE7C !important;
	border-color: #0FBE7C !important;
}

.acadp .label-primary {
	background-color: #0FBE7C !important;
}

.acadp .text-primary {
	color: #0FBE7C !important;
}

.acadp a {
	color: #0FBE7C !important;
	text-decoration: none;
}

.acadp .btn-success {
	color: #fff !important;
	background-color: #5cb85c;
	border-color: #4cae4c;
}

.acadp .btn-block{
	display: block;
	color: white !important;
	width: 100%;
}

#primary{
	text-align: justify;
}

#FormContent{
	background-color: white !important;
	color: black !important;
	font-size: small;
	overflow: hidden;
}


.frm_repeat_sec{
	border: solid 2px;
	padding: 10px;
}

.frm_field_477_container{
	padding-top: 20px;
}

.frm_field_content_black{
	color: black !important; 
	font-size: 12px !important;
}

.frm_remove_form_row{
	background-color: red !important;
}

.hiddenfield{
	display: none !important;
}

figure.table_borderless table, figure.table_borderless td{
	border: none !important;
}

div.largefont > div:nth-of-type(2) > div > label:first-of-type {
	font-size: 15px !important;
}

option:disabled {
  color: #D3D3D3;
}

.nobottommargin {
  margin-bottom: 0px !important;
}

#um-submit-btn, #um_account_submit_password, #um_account_submit_general, .um-account-link.current{
	background: #0FBE7C !important;
	color: white;
}

.leftmargintenpercent{
	margin: 0 0 0 7%;
	border-collapse: collapse;
	border: none;
}

.leftmargintenpercent td{
	border: 0px solid transparent;
	line-height: 24px;
	margin-bottom: 15px;
	/* font-family: 'Lato', sans-serif; */
	font-size: 16px;
}

#ipw-28{
	text-align: justify;
}

a.um-link{
	color: #0FBE7C !important;
}

#custom_html-23{
	margin: 0 0 0 0 !important;
}

.ColorTableHeaderCell {
  background-color: #0fbe7c;
  color: white;
}

.frm_message{
	background-color: white !important;
	color: black !important;
	font-size: 16px !important;
	/* font-family: 'Lato', sans-serif !important; */
	line-height: 24px !important;
}

@font-face {
	font-family: 'Calibri';
	font-style: normal;
	font-weight: 400;
	src: local('Calibri'), url('fonts/calibri.woff') format('woff');
}
@font-face {
	font-family: 'Calibri';
	font-style: italic;
	font-weight: 400;
	src: local('Calibri'), url('fonts/calibrii.woff') format('woff');
}
@font-face {
	font-family: 'Calibri';
	font-style: normal;
	font-weight: 300;
	src: local('Calibri'), url('fonts/calibril.woff') format('woff');
}
@font-face {
	font-family: 'Calibri';
	font-style: italic;
	font-weight: 300;
	src: local('Calibri'), url('fonts/calibrili.woff') format('woff');
}
@font-face {
	font-family: 'Calibri';
	font-style: normal;
	font-weight: 700;
	src: local('Calibri'), url('fonts/calibrib.woff') format('woff');
}
@font-face {
	font-family: 'Calibri';
	font-style: italic;
	font-weight: 700;
	src: local('Calibri'), url('fonts/calibriz.woff') format('woff');
}
body, p, h1, h2, h3, h4, h5, h6, .entry-title, .entry-content, .entry-summary {
	font-family: 'Calibri';    
}

#wp-custom-header img{
	height: 75px;
	width: auto;
	
}

#header-text-nav-container{
	display: none;
}

.footer-socket-wrapper{
	/* display: none; */
	background-color: #007CAD;
	color: white;	
}

.footer-content{
	width: 1200px;
	margin: 0 auto;	
	padding: 20px 0 20px 0;
	display: flex;
	justify-content: space-between;

	align-items: center;    
	border-bottom: 1px solid #FFFFFF;
	vertical-align: middle;
}

.footer-list {
	display: flex;
	align-items: center;
	justify-content: center;
	color: white;
	gap: 20px; /* Add horizontal gap between items */
}

.footer-list .footer-list-item {
	margin-bottom: 12px; /* Add vertical gap between items */
}

.footer .footer-list .footer-list-item a {
	display: flex;
	align-items: center;
	font-weight: 400;
	line-height: 1.5;
	margin-left: 20px;
	color: #FFFFFF;
	text-decoration: none;
}

.contact-list {
	display: flex;
	align-items: center;
	justify-content: center;
	color: white;
	padding-top: 20px;
	padding-bottom: 20px;
	gap: 20px; /* Add horizontal gap between items */
}

h3{
	padding-bottom: 0px !important;	
}

.contact-list .contact-list-item a {
	display: flex;
	align-items: center;
	font-weight: 400;
	line-height: 1.5;
	margin-left: 20px;
	color: #FFFFFF;
	text-decoration: none;
}

.contact-list-item a img{
	margin-bottom: 0px !important;
}

.footer-list a {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 16px !important; /* Make links larger */
}

.okfo-logo-footer {
	height: 40px;
	width: auto;
	object-fit: fill;
}

.jelentkezes_focim {	
	color: #007CAD;
	font-size: 26px;
	line-height: 24px;
	font-weight: bold;
}

.jelentkezesi_lap_alcim,
.frm_section_heading h3 {
	color: #007CAD !important;
	font-style: italic;   /* corrected from text-transform */
	font-weight: bold;
	margin-bottom: 6px !important;
	font-size: 18px;
}

.frm_button_submit:hover {
	background-color: white !important;
	color: #007CAD !important;
}

.frm_subsection_heading h3 {
	color: #008066 !important;
	font-size: 18px;    
	font-weight: bold;
	font-style: normal;
	text-transform: uppercase;
}

.tovabbkepzes_szervezo_adatok {
	border: none !important;
	color: black !important;
	background: transparent !important;
	font-family: inherit !important;
	font-size: inherit !important;
	box-shadow: none !important;
	outline: none !important;
	padding: 0 !important;
	margin: 0 !important;
	display: flex !important;
	flex-direction: row;
	align-items: center;
	gap: 0;
}

.tovabbkepzes_szervezo_adatok label {
	width: 30% !important;
	margin: 0 !important;
	padding-right: 10px;
	box-sizing: border-box !important;
	text-align: left !important;
	display: flex !important;
	align-items: center !important;
}

.tovabbkepzes_szervezo_adatok input[type="text"] {
	width: 70% !important;
	margin: 0 !important;
	box-sizing: border-box;
	background: transparent !important;
	border: none !important;
	color: #757d87 !important;
	font-family: inherit !important;
	font-size: inherit !important;
	box-shadow: none !important;
	outline: none !important;
	padding: 0 !important;
	pointer-events: none;
	cursor: default;
	text-align: left;
	display: flex !important;
	align-items: center !important;
}

.frm_section_spacing{
	border-top: none !important;
}

.breadcrumb {
	display: flex;         /* Items in one line */
	align-items: center;   /* Vertically center items */
	width: 100%;
	text-align: left;
	margin: 12px 0 12px 0;
	flex-wrap: nowrap;  
	font-size: 18px;	
}

.clearfix {
	padding: 0 !important;
	margin: 0 0 0 0 !important;
}

.genderradio > div:nth-child(2) {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 12px; /* optional: space between the two inner divs */
}

.tovabbkepzes_szervezo_adatok input[type="text"] {
	border: none !important;
	color: #757d87 !important;
	background: transparent !important;
	font-family: inherit !important;
	font-size: inherit !important;
	box-shadow: none !important;
	outline: none !important;
	padding: 0 !important;
	margin: 0 !important;
	pointer-events: none; /* Prevents editing, keeps readonly */
	cursor: default; /* Makes it look like a label */
}

select[disabled] {
	background: #f3f3f4 !important;
	color: black !important;
	border: 1px solid #e0e0e0 !important;
	border-radius: 6px !important;
	box-shadow: none !important;
	font-family: inherit !important;    
	cursor: default !important;
	pointer-events: none !important;
	appearance: none !important;
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	min-width: 250px; /* adjust as needed */
}

.tovabbkepzes_adatai > p {
	background: #f3f3f4;
	color: #222;
	border: 1px solid #e0e0e0;
	border-radius: 5px;
	padding: 5px 8px 5px 8px;    
	/* margin: 8px 0 0 0; */
	text-align: justify;
	font-family: inherit;
	min-width: 250px;
	box-sizing: border-box;
	font-size: 14px;
}



.tovabbkepzes_adatai{
	color: black;
}

/* OKFO Header Styles */
.okfo-header-container {
	background-color: #ffffff;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
	height: 60px;
	width: 100%;
	position: relative;
	z-index: 1000;
}

.frm_error{
	color: red !important; 
}

.okfo-header-content {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 100%;
	max-width: 1200px;
	margin: 0 auto;	
}

.okfo-logo-container {
	display: flex;
	align-items: center;
	height: 100%;
}

.okfo-logo-container img{
	margin-bottom: 0;
}

.okfo-logo {
	height: 60px;
	width: auto;
	object-fit: fill;
}

/* Header Shadow Effect */
#masthead.site-header {
	position: relative;
	z-index: 1000;
	margin-bottom: 0;
}

#masthead.site-header::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 8px;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), transparent);
	pointer-events: none;
}

/* Responsive Design */
@media (max-width: 768px) {
	.okfo-header-content {
		padding: 0 15px;
	}
}

@media (max-width: 480px) {
	
	.okfo-logo {
		height: 35px;
	}
	
	.okfo-header-container {
		height: 55px;
	}
}

/* Custom Styles for OKFO Forms */
.frm_opt_container, .frm_opt_container label, .frm_opt_container a {
	display: inline;
	vertical-align: middle;
	margin: 0 !important;
}

.frm_checkbox {
	display: inline;
	margin: 0 !important;
}

.frm_opt_container {
	white-space: normal; /* allow wrapping if needed, but keeps inline */
}