/* sa - SOLO a VI-n 
25.8.29.  fejléc ne legyen ragadós
24.2.7.   24.2.29.  24.3.4.
25.1.27. 
Predefined color scheme: Silken Shadow Wisper
find . -type d -exec chmod 755 '{}' \;
find . -type f -exec chmod 644 '{}' \;
sites/default  555
settings    444

	sa-uj-cimlap1-2  w3-row w3-card-4 w3-border w3-padding 
	sa-regi-card-xxx   - a regebbiek 100 napra visszamenoleg
	sa-cimlap-xxx    - a kezdolap alján a kártyák
	w3-light-gray #f1f1f1 
*/
/* Add your css code here */
/* Variable Definitions:
    --r-bg: Background color
    --r-tx: Text color
    --r-h1: h1, h2, h3 color
    --r-lk: Link text color
    --r-lk-h: Link text color hover
    --r-br: Border color
    --r-bg-fr: Input form background
    --r-tx-lk: Menu link text color
    --r-tx-lk-h: Menu link text color hover
    --r-bg-lk: Menu link background color
    --r-bg-lk-h: Menu link background color hover
    --r-tx-bt: Button text color
    --r-tx-bt-h: Button text color hover
    --r-bg-bt: Button background color
    --r-bg-bt-h: Button background color hover
Examples:
#page-wrapper {
  --r-bg: #fefffc;
  --r-tx: #4c5866;
  --r-h1: #2a3439;
  --r-lk: #8a3324;
  --r-lk-h: #79443b;
  --r-br: #f4f5f0;
  --r-bg-fr: #f8f4ff;
  --r-tx-lk: #2c3e4c;
  --r-tx-lk-h: #1520a6;
  --r-bg-lk:#F2F7FD;
  --r-bg-lk-h: #f8f8e8;
  --r-tx-bt: #354a21;
  --r-tx-bt-h: #597d35;
  --r-bg-bt: #edf1fe;
  --r-bg-bt-h: #efece1;
  }
*/

/*#page-wrapper {}
#primary-sidebar-menu {}
#fixed-search-block {}
#popup-login-block {}
#header {}
#primary-menu {}
#welcome-text {}

#top-container {}
#top-container-first {}
#top-container-second {}
#top-container-third {}

#system-messages {}
#breadcrumb {}
#page-title {}

#main-container {}
#sidebar-box-first {}
#sidebar-box-main {}
#sidebar-box-second {}

#bottom-container {}
#bottom-container-first {}
#bottom-container-second {}
#bottom-container-third {}
#bottom-container-fourth {}

#footer-container {}
#footer-container-first {}
#footer-container-second {}
#footer-container-third {}

#footer-menu {}
#copyright {}*/
/*
.header-inner .solo-block {
    width: inherit !important;
}
*/
.page-wrapper .main-navigation-wrapper {
    position: static !important;
}
.solo-col, .solo-col>*, .page-wrapper, .page-wrapper>* {
    width: initial !important;
}
@media (max-width:45rem ){
.solo-col, .solo-col>*, .page-wrapper, .page-wrapper>* {
     width: initial !important;
   }
}
/*  alul
.solo-col, .solo-col>*, .page-wrapper, .page-wrapper>* {
     width: initial !important;
   }
*/
div#page-wrapper {
   background-color: #fff !important;
}

.site-slogan {
	font-size: 1vw !important;
	} 
/*	
.site-name {
	font-size: 3vw !important;
}
*/
	
.site-logo img {
    width: unset !important;
	padding: .5rem;
}

.primary-menu-inner { /* ettol a logo es a menu egy sorban lesz*/
	display: flex;
/*	align-items: flex-end;*/
}
.branding-second {
    display: block;
    align-self: baseline ;
}

#block-god-jn316 {
    padding: 5px;
}

header.header, div.page-title {
      background: 0 !important;
}
.top-container .top-box-inner, 
.bottom-container .bottom-box-inner, 
.footer-container .footer-box-inner {
	--r-bg: white;
}

/* .sa-uj-cim .sa-uj-modositva  .sa-uj-image .sa-uj-kiemel .sa-uj-body   
.sa-uj-B2   -egesz view
.sa-uj-B2-sor  - ez csak simple grid-nel latszana
.sa-uj-B2-oszlop w3-card-4
 */
 /* ez a kartya */


.sa-uj-B2 .grid__content.element-container-wrapper,
.sa-regi-card .grid__content.element-container-wrapper {
	padding: .4rem;
    border-radius: .5rem;
    border: solid thin;
    border-color: var(--r-br, var(--r-br-b));
    background-color: var(--r-bg);
    height: 300px;
    overflow: hidden;
}
.sa-uj-cim,
.sa-regi-card-cim {
 	font-size: 1rem;
 	font-weight: bold;
 	line-height: normal;
 	display: flex;
 	background-color: var(--r-br) !important;
 	border-radius: .3rem;
 	padding: 4px 4px 0 4px;
 }
.sa-uj-modositva,
.sa-regi-card-modositva {
	font-size: .8rem;
	line-height: normal;
	background-color: var(--r-br);
	padding: 0 4px 4px 4px;
}
.sa-uj-B2 .sa-uj-image .solo-image,
.sa-regi-card .sa-regi-card-image .solo-image {
	float:  left !important;
	max-width: 220px;
	height: auto;
	overflow: hidden;
 	margin-right: 5px;
 	margin-top: 10px;
 	padding-right: 10px;
}
.sa-uj-kiemel,
.sa-regi-card-kiemel {
    line-height: normal;
    font-size: .8em;
    font-weight: 600;
    margin-top: 10px;
}


.footer-box-inner {
	padding: .4rem;
    border-radius: .5rem;
    border: solid thin;
    border-color: var(--r-br, var(--r-br-b));
}
.sa-uj-B2 .sa-uj-body,
.sa-regi-card-body {
	font-size: .8rem ;
	line-height: normal;	
	text-align: justify;
	margin-top: 10px;

}

/* ********  cimlap , alul 8 card */
/* .sa-card-cim  .sa-card-image .sa-card-body */
.sa-card-cim {
	--r-br: #9e8f55;
	background: var(--r-br);
 	font-size: .8rem;
 	font-weight: bold;
 	line-height: normal;
 	padding: .3rem;
 	margin-bottom: .3rem;
 	border-radius: .2rem .2rem 0 0;
 }
 
.sa-card-body p,
.sa-card-body
{
	font-size: .6em;
	line-height: normal;
	text-align: justify;
	overflow: hidden;
}
.sa-card-image {
	padding: 0 .3rem 0 .3rem;
	max-height: 220px;
	overflow: hidden;
}

.sa-cimlap .grid__content.element-container-wrapper{
	padding: .4rem;
    border-radius: .5rem;
    height: 300px;
    border: solid thin;
    border-color: var(--r-br, var(--r-br-b));
    overflow: hidden;
}

/* cimke, kiemeles, kategoriak*/

.field--name-field-cimke {
    font-size: .9rem;
    float: right;
    display: inline-flex;
}
.field--name-field-cimke a:hover {
	font-weight: bolder;
	background-color: var(--r-br);
	padding: .3rem;
}

h2.sa-mainap, h2.sa-block-kategoriak{
color: red;	
}

.sa-csatorna {
	background-color: #9e8f55 !important;
	font-weight: bolder;
}
/* taxonomy-t vesszo es space-el valasztja el*/
.field--name-field-cimke .field__item:not(:last-child)::after {
    content: ",\00a0";
}

.field-content.sa-kategoriak {
    line-height: 1rem;
}

.field.field--name-field-image.field--type-image.field--label-hidden.field__items {
    width: fit-content;
}


field--name-field-kieme:before {
    clear: none;
}
.field--name-field-kieme{
    font-weight: bold;
    font-size: 1.1rem;
    border-left: solid brown medium;
    padding-left: 0.5rem;
    border-width: 5px;
    line-height: 1rem;
}

.solo-ul li {
    line-height: normal;
}