/* Hírek Css */
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');

:root {
--szin_oldalhatter: #efece7;
--szin_sotetkek: #024;
--kiemel_piros: #ed008c;
--kiemel_zold: #b4c81b;
}

.nemtalalt {font-size: 1.3em; padding-left: 10px;}

body{-webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; -o-hyphens: auto; hyphens: auto;}
.container{width: 100%; min-height: 96vh; margin: 0 auto; opacity: 1; 
	background: radial-gradient(#000 16%, transparent 17%),radial-gradient(#444 16%, transparent 17%) 0px 1px,radial-gradient(#000 16%, transparent 17%) 8px 8px,radial-gradient(#444 16%, transparent 17%) 8px 9px;
	background-color: #422727; background-size: 16px 16px;}

.fixed-header, .fixed-footer {text-align: center; background: var(--szin_sotetkek); width: 100%; height: 35px; margin: 0 auto; z-index: 100;}
.fixed-header {top: 0;}
.fixed-footer {bottom: 0;}
.fixed-header a {color: yellow; font-size: 2rem; font-weight: 500; padding: 0 7px;}

#logo{margin-top: 5px; height: 120px;}
@media (max-width: 767px) { #logo{width: 90px; height: auto;}}

nav a{ color: yellow; text-decoration: none; padding: 7px 20px; display: inline-block;}

.container p{}

.avatar {max-width: 30px; border-radius: 50%; float: left;}

.pagination {display: -ms-flexbox; display: flex; list-style: none; border-radius: 0.25rem; align-items: center; justify-content: center;}

.page-link {position: relative; display: block; padding: 0.5rem 0.75rem; margin-left: -1px; line-height: 1.25; color: #007bff; background-color: #fff; border: 1px solid #dee2e6;}
.page-link:hover {z-index: 2; color: #0056b3; text-decoration: none; background-color: #e9ecef; border-color: #dee2e6;}
.page-link:focus {z-index: 2; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);}
.page-link:not(:disabled):not(.disabled) {cursor: pointer;}

.page-item:first-child .page-link {margin-left: 0; border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem;}
.page-item:last-child .page-link {border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem;}
.page-item.active .page-link {z-index: 1; color: #fff; background-color: #007bff; border-color: #007bff;}
.page-item.disabled .page-link {color: #6c757d; pointer-events: none; cursor: auto; background-color: #fff; border-color: #dee2e6;}

.ures-120 {clear: both; height: 120px;} /*üres hely*/

.modal-body {padding: 1px;}
.modal-title {text-align: center; font-size: 1.3em;}
.modal-header .close {margin-top: -3rem; font-size: 3rem; opacity: 0.7;}
.modal-dialog {width: 96vw;}

.hircontent {width: 50%; margin: 0 auto;}
@media (max-width: 992px) { 
	.hircontent {width: 100%; padding: 5px;}
}

.hirbox {text-align: left; border-radius: 5px 5px; background: white; box-shadow: 0 2px 4px rgba(0,0,0,0.10), 0 1px 2px rgba(0,0,0,0.22); padding-bottom: 10px;
	color: black; font-family: 'Roboto', sans-serif; font-size: 1em;}
.hirbox div {padding: 5px;}
.hirbox div p {margin: 8px 0; white-space: pre-wrap; text-align: justify; color: black; padding: 0 5px;}

.hirfej {cursor: default; float: left; width: 100%; background-color: var(--szin_oldalhatter); border-radius: 5px 5px 0 0;}
.hirfej img{height: unset; border-radius: 50%;}
.hirszerzo {float: left; white-space: nowrap; display: inline-block;}

.hirmenu {float: right; cursor: pointer; font-size: 2rem; font-weight: bold;}

.hirgaleria {width: 100%; overflow: hidden;}
.galeria {margin: 0; padding: 0; list-style: none;}
.galeria .nagykep {object-fit: cover; object-position: center center; width: 66%; height: auto; min-height: 320px; max-height: 320px; float: left; padding: 0; border: 1px solid black;}
.galeria .kiskep {object-fit: cover; object-position: top; width: 33%; height: auto; min-height: 160px; max-height: 160px; float: left; padding: 0; border: 1px solid black; border-radius: 0px; margin-top: 0px;}

.socmedia {display:block; padding: 0 10px;} 
.socmedia a {overflow: hidden; margin: 0 3px; word-wrap: break-word;} 

.hirkeres { text-align: left; border-radius: 5px 5px; background: white; box-shadow: 0 2px 4px rgba(0,0,0,0.10), 0 1px 2px rgba(0,0,0,0.22);}
.hirkeres div {padding: 15px 20px;}

.dropdown-content {display: none; background-color: #f9f9f9; min-width: 150px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); margin-top: -45px;}
.dropdown-content a {float: none; color: black; text-decoration: none; display: block; text-align: left;}
.dropdown-content a:hover {background-color: #ddd;}

.show {display: block;}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {color: #fff; background-color: #0062cc; border-color: #005cbf;}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {box-shadow: 0 0 0 0 rgba(38, 143, 255, 0.5);}
.dropdown,
.dropleft {position: relative;}

.dropdown-toggle {white-space: nowrap;}

.dropdown-toggle::after {display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0;
	border-left: 0.3em solid transparent;}

.dropdown-toggle:empty::after {margin-left: 0;}

.dropdown-menu {position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 10rem; padding: 0.5rem 0; margin: 0.125rem 0 0; font-size: 1rem; color: #212529;
	text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.175);}

.dropdown-menu-left {right: auto; left: 0;}
.dropdown-menu-right {right: 0; left: auto;}

@media (min-width: 576px) { 
	.dropdown-menu-sm-left {right: auto; left: 0;}
	.dropdown-menu-sm-right {right: 0; left: auto;}
}

@media (min-width: 768px) {
	.dropdown-menu-md-left {right: auto; left: 0;}
	.dropdown-menu-md-right {right: 0; left: auto;}
}

@media (min-width: 992px) {
	.dropdown-menu-lg-left {right: auto; left: 0;}
	.dropdown-menu-lg-right {right: 0; left: auto;}
}

@media (min-width: 1200px) {
	.dropdown-menu-xl-left {right: auto; left: 0;}
	.dropdown-menu-xl-right {right: 0; left: auto;}
}
.dropup .dropdown-menu {top: auto; bottom: 100%; margin-top: 0; margin-bottom: 0.125rem;}

.dropup .dropdown-toggle::after {display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0; border-right: 0.3em solid transparent;
	border-bottom: 0.3em solid; border-left: 0.3em solid transparent;}

.dropup .dropdown-toggle:empty::after {margin-left: 0;}

.dropright .dropdown-menu {top: 0; right: auto; left: 100%; margin-top: 0; margin-left: 0.125rem;}

.dropright .dropdown-toggle::after {display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0;
	border-bottom: 0.3em solid transparent; border-left: 0.3em solid;}

.dropright .dropdown-toggle:empty::after {margin-left: 0;}
.dropright .dropdown-toggle::after {vertical-align: 0;}

.dropleft .dropdown-menu {top: 0; right: 100%; left: auto; margin-top: 0; margin-right: 0.125rem;}
.dropleft .dropdown-toggle::after {display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: "";}
.dropleft .dropdown-toggle::after {display: none;}

.dropleft .dropdown-toggle::before {display: inline-block; margin-right: 0.255em; vertical-align: 0.255em; content: "";
	border-top: 0.3em solid transparent; border-right: 0.3em solid; border-bottom: 0.3em solid transparent;}

.dropleft .dropdown-toggle:empty::after {margin-left: 0;}
.dropleft .dropdown-toggle::before {vertical-align: 0;}

.dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] {right: auto; bottom: auto;}
.dropdown-divider {height: 0; margin: 0.5rem 0; overflow: hidden; border-top: 1px solid #e9ecef;}
.dropdown-item {display: block; width: 100%; padding: 0.25rem 1rem; clear: both; font-weight: 400; color: #212529; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0;}
.dropdown-item:hover, .dropdown-item:focus {color: #16181b; text-decoration: none; background-color: #f8f9fa;}
.dropdown-item.active, .dropdown-item:active {color: #fff; text-decoration: none; background-color: #007bff;}
.dropdown-item.disabled, .dropdown-item:disabled {color: #6c757d; pointer-events: none; background-color: transparent;}

.dropdown-menu.show {display: block;}
.dropdown-header {display: block; padding: 0.5rem 1rem; margin-bottom: 0; font-size: 0.875rem; color: #6c757d; white-space: nowrap;}
.dropdown-item-text {display: block; padding: 0.25rem 1rem; color: #212529;}

.btn-group,
.btn-group-vertical {position: relative; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle;}

.btn-group > .btn,
.btn-group-vertical > .btn {position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto;}

.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover {z-index: 1;}

.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {z-index: 1;}

.btn-toolbar {display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: start; justify-content: flex-start;}
.btn-toolbar .input-group {width: auto;}

.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) {margin-left: -1px;}

.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn-group:not(:last-child) > .btn {border-top-right-radius: 0; border-bottom-right-radius: 0;}

.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) > .btn {border-top-left-radius: 0; border-bottom-left-radius: 0;}

.dropdown-toggle-split {padding-right: 0.5625rem; padding-left: 0.5625rem;}

.dropdown-toggle-split::after,
.dropup .dropdown-toggle-split::after,
.dropright .dropdown-toggle-split::after {margin-left: 0;}
.dropleft .dropdown-toggle-split::before {margin-right: 0;}

.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {padding-right: 0.375rem; padding-left: 0.375rem;}

.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {padding-right: 0.75rem; padding-left: 0.75rem;}

.btn-group.show .dropdown-toggle {box-shadow: none;}

.btn-group.show .dropdown-toggle.btn-link {box-shadow: none;}

.btn-group-vertical {-ms-flex-direction: column; flex-direction: column; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: center; justify-content: center;}

.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {width: 100%;}

.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) { margin-top: -1px;}

.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn-group:not(:last-child) > .btn {border-bottom-right-radius: 0; border-bottom-left-radius: 0;}

.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) > .btn {border-top-left-radius: 0; border-top-right-radius: 0;}

.kerekgomb {color: red; background-color: var(--szin_oldalhatter); text-align: center; text-decoration: none; border-radius: 50%; padding: 0; margin: 0;}

.hirszerk {border: 1px solid blue; color: black; width: 100%; border-radius: 5px;}
.hirszerkfej {text-align: center; margin: 0 auto;}
.hirszerkfej input {margin: 0 10px;}
.imgDropped {width: 40%;}

.form-group {padding: 0;}
.input-group {border-radius: 5px;}

/* Kép betöltés */
.preview-images-zone {width: 100%; border: 1px solid #ddd; min-height: 180px; /* display: flex; */ padding: 5px 5px 0px 5px; position: relative; overflow: auto;}
.preview-images-zone > .preview-image {height: 90px; width: 90px; position: relative; margin-right: 5px; float: left; margin-bottom: 5px;}
.preview-images-zone > .preview-image:first-child {height: 185px; width: 185px; position: relative; margin-right: 5px;}
.preview-images-zone > .preview-image > .image-zone {width: 100%; height: 100%;}
.preview-images-zone > .preview-image > .image-zone > img {width: 100%; height: 100%;}
.preview-images-zone > .preview-image > .tools-edit-image {position: absolute; z-index: 100; color: #fff; bottom: 0; width: 100%; text-align: center; margin-bottom: 10px; display: none;}
.preview-images-zone > .preview-image > .image-cancel {font-size: 40px; position: absolute; top: 0; right: 0; font-weight: bold; margin-right: 10px; cursor: pointer; display: none; z-index: 100; color: red;}

.preview-image:hover > .image-zone {cursor: move; opacity: 0.5;}
.preview-image:hover > .tools-edit-image, .preview-image:hover > .image-cancel {display: block;}

.ui-sortable-helper {width: 90px !important; height: 90px !important;}

/* Tovább olvas */
.card-body {text-align: justify;}
/*.card-body .more-text{ display: none;}*/

/* Továbbiak 
.show_hide {margin: 10px;}
.card-body {height: 200px; overflow:hidden;}
.card-body.visible {height:auto;}*/

.csonkit-5 { --line-height: 1.4em; line-height: var(--line-height); height: calc(var(--line-height) * 5); overflow: hidden; display: -webkit-inline-box;}
.content-field { }

.d-none {display: none !important;}