/*
 Theme Name:     Fortuna Child
 Description:    Fortuna Child Theme
 Author:         BlueOwlCreative
 Version:        1.10
 Template:       fortuna

*/
 
:root {
  --szurke:#9f9f9f;
  --sotetszurke:#858585;
  --valtott_hatter:#F7F7F7;
	
  --hatter:#F7F7F7;
  --voros: #B40808;
  --voros_aktiv: #8E2C27;
  --barna: #7A4A3A;
  --szoveg: #2B2B2B;
  --valtott_szoveg:#666666;
}
 
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');/*Menü és címek*/

.main_menu_underline_effect #menu > ul > li > a:after {
height: 1px!important;
}

.nemlatszik {display:none;}

/*
.content_body p {-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
-o-hyphens: auto;
hyphens: auto;}

*/

#fluentform_1 {  font-family: "Montserrat";}
form {margin-bottom: 0px;}

label  {  font-family: "Montserrat"; font-size:16px; font-weight:600;}

.playfair {
  font-family: "Playfair Display"!important;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}

.Inter-font {
  font-family: "Inter", "Arial";
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}

sup {
  vertical-align: super;
  font-size: 8px;
}

.sup {
  vertical-align: super;
  font-size: 8px;
}

.counter_desc {
font-style: normal;	
}

#logo img {
height: 65px;
}

h2, h4 {
display: block;
text-align: -webkit-center!important;
 font-family: "Playfair Display"!important;
text-transform: none!important;
}
h4 {font-size:19px;}

.page_heading h1,.page_heading  {
text-align: -webkit-center!important;
 font-family: "Playfair Display"!important;
text-transform: none!important;
}


h3 {
 font-family: "Playfair Display"!important;
text-transform: none!important;
text-align: -webkit-center!important;
}

.full_container_page_title {
margin-bottom: 5px!important;
}

.page_heading h1:after, h4:after {
   background: none repeat scroll 0 0 var(--voros);
   bottom: -10px;
   content: "";
   display: block;
   height: 1px;
   position: relative;
   width: 100px;
   text-align: center;
}

h3:after {
   background: none repeat scroll 0 0 var(--voros);
   bottom: -10px;
   content: "";
   display: block;
   height: 1px;
   position: relative;
   width: 100px;
   text-align: center;
	
}

h2:after {
   background: none repeat scroll 0 0 var(--voros);
   bottom: -10px;
   content: "";
   display: block;
   height: 1px;
   position: relative;
   width: 100px;
   text-align: center;
	
}

.lakas_szam {text-align:left!important; font-family: Playfair Display; font-size:2rem; line-height:3rem; clear:both;}
.lakas_szam:after {
   background: none repeat scroll 0 0 var(--voros);
   bottom: -10px;
   content: "";
   display: block;
   height: 1px;
   position: relative;
   width: 100px;
}


.page_heading h1 {color:#333!important; margin-left:20px; padding-top:30px; display: inline-block; font-family: "Playfair Display"!important; font-weight:400!important; font-size:1.8rem!important;}

.post_item_desc p {padding-top:20px;}

.sg-popup-content {min-width: 400px!important; padding:20px;}

.number_42 {
border-right: 1px solid var(--szurke)!important;
}

.single-post .post_description {padding:20px;}
.terkep_iframe {display:block; float:right; margin-right:20px;margin-top:32px; width:450px;}

.footer_btm, #footer {background: #fff!important;}

#footer {padding-top: 15px;}

 #footer .container {
padding-left: 15px!important;
padding-right: 15px!important;
}

.footer_icon {display:block; width:100%; text-align: center;}
.footer_icon img {width:200px; text-align: center;}

#footer .col {margin-top:30px;}

#powered {width: 100%;}

.boc_heading , h1 , h2 {  font-family: "Playfair Display", "Arial"; padding-bottom: 20px;}

/* Theme customization starts here */

#menu a {color: var(--sotetszurke); font-weight: 400;  font-family: "Montserrat"; font-size: 1.1rem; }

#menu > ul > li > a {
line-height: 10px;
padding: 15px 20px 15px 20px;
margin-top:30px;
text-transform: none!important;
font-family: "Montserrat";
}

body {
background-color: var(--sotetszurke);
background:var(--sotetszurke);
}

.section, .content_body{background: #fff;}
.page-id-208 .content_body{
background-color:  var(--hatter);
background: var(--hatter);
}

.epulet_ikon_box {background:var(--hatter); border: 1px solid var(--sotetszurke); border-radius: 5px; text-align: center; padding:20px; min-height: 170px; font-size:0.9rem; line-height: 1.2rem;}
.epulet_ikon_box_2 {background:var(--hatter); border: 1px solid var(--sotetszurke); border-radius: 5px; text-align: center; padding:20px; min-height: 230px; font-size:0.9rem; line-height: 1.2rem;}
.epulet_ikon_box p { padding-top:15px;}
.epulet_ikon_box_2 p { padding-top:15px;}

.epulet_ikon {max-width: 60px;}
.epulet_szoveg {font-size:0.8rem;}
/*.epulet_box_1 {border-right: 1px solid var(--sotetszurke);}
.epulet_box_2 {border-left: 1px solid var(--sotetszurke);}
*/


.lakas_container .button {margin-bottom:0px;}
.button, .ff_submit_btn_wrapper button, .ff-default .ff_btn_style, form.fluent_form_1 .ff-btn-submit:not(.ff_btn_no_style) {
background: var(--voros);
background-color: var(--voros);
border: 1px solid white;
border-radius: 5px;
text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.14);
font-size: 13px;
padding: 14px 22px;
}

.sr7-btn {
background: var(--voros);
background-color: var(--voros);	
border-radius: 5px!important;
}


.button:hover, button:hover , .ff_submit_btn_wrapper button:hover{
background-color:  var(--voros_aktiv)!important;
background:  var(--voros_aktiv);
}

.button_erdeklodes a{
background: var(--voros);
color: #fff!important;
border-radius: 4px;
margin-left:20px;
margin-right: 15px;
}

.button_erdeklodes a:hover {
background: var(--voros_aktiv);
}

.boxed_wrapper {
background: #fff!important;
}

.ff_submit_btn_wrapper {text-align:center!important;}

.barna {background-color: var(--barna)!important;  }
.sotetszurke {background-color: var(--sotetszurke)!important;  }

.page_heading h1 {font-size:2.5rem; font-weight: 800; color:#fff; ;}

.post_content {background: #fff;}

#hirek_box h1 strong, #hirek_box h2 strong {font-weight: 800; color:white!important;}

#header_box {background:rgba(255,255,255,1);}
#hirek_box {background:rgba(255,255,255,0.8); border-radius: 5px; margin-top:-35px; margin-bottom:5px;}
#hirek_box .span_1_of_2 {width:94%!important;}
#hirek_box .jobb_oszlop {margin-bottom:25px;}
#hirek_box .right {float:right; text-align: -webkit-right; text-align: right;}
#hirek_box h2 span {background:rgba(0,0,0,0.2); padding: 15px 20px 0px 25px; border-top-left-radius: 5px; border-top-right-radius: 5px; display: inline-block; margin-top:-9px;}

.ajtoszam strong {font-size: 1.4rem; margin-top:5px; display: inline-block;}
.negyzetmeter .icon {margin-top:-7px!important;}
.lakas_row_header {font-size:2rem; }
.lakas_row {border-bottom: 1px solid #c0a375; margin-bottom:0px;}
.lakas_row .button a, .lakas_row a.btn_theme_color.btn_outline {border: 0px solid #c0a375!important; font-size: 2rem;}
.lakas_row .button i.icon {margin:0!important;top: 0.28rem; left: 0.13rem;}

.lakas_row a.btn_theme_color.btn_outline:hover, .btn_theme_color.btn_outline:hover { border-radius: 50px; }
.lakas_row a.button { padding: 11px 8px; }

.counter-digit {font-size: 2.5rem;}

.kiadva p strong {display: block; color: var(--voros)!important; font-size: 1.4rem; padding:2px;}

.button {font-weight: 600!important; }

p, blockquote, blockquote p, .post_description blockquote p {font-family: "Montserrat"; font-style: normal;}

blockquote {
border-left: 1px solid var(--voros)!important;
}

.valtott_szoveg {color:var(--valtott_szoveg)!important;}

.post.category-blog .pic, .post_meta {display: none;}

#footer {background-color:var(--valtott_hatter)!important; color:var(--valtott_szoveg);}

#footer .wp-block-paragraph {border-left: 1px solid var(--voros); padding:0px 20px; margin:20px;}

/*FILTER*/

#header.scrolled #menu > ul > li > a {
 line-height: 10px!important; 
}

.form_header {
text-align: -webkit-center;
display: block!important;
line-height: 30px;
font-size: 13px;
color: var(--szoveg2);
font-weight: 400;
white-space: nowrap;
cursor: move;
padding-top:20px!important;
}

.form_statisztika {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
display: grid;
padding: 15px 20px;
text-align: -webkit-center;
background: var(--hatter);
border-radius: 10px;
border: 1px solid  var(--hatter);
}


.statisztika_belso {
padding: 0px 4px;
}

.form_statisztika .select {
position: relative;
display: flex;
height: 3em;
border-radius: .25em;
overflow: hidden;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.form_statisztika select {
font-family: inherit;
font-size: inherit;
margin: 0;
display: block;
background: #fcfcfc;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
line-height: 1.3rem;
appearance: none;
flex: 1;
padding: 0 1em;
color: #000;
background-color: #fff;
background-image: none;
cursor: pointer;
font-weight: 600;
width: 140px;
border: 1px solid #f5f5f5;
border-radius: 0px;
color: var(--szoveg);
}


.form_statisztika .select::after {
content: '\25BC';
position: absolute;
top: 2px;
right: 2px;
padding: 3px 10px;
background-color: var(--hatter);
transition: .25s all ease;
pointer-events: none;
}


/* APARTMAN*/
.apartment-filter {
width: 100%;
background-color: var(--szurke);
outline: 10px solid #ffffff25;
padding: 17px 25px;
align-items: center;
justify-content: space-between;
margin-bottom: 75px;
}

.apartment-list-item {
width: calc(100% - 20px);
position: relative;
align-items: center;
justify-content: space-between;
background: #fff;
padding: 10px;
margin: 10px;
border-radius: 0px;
}

.apartment-feature-image {text-align: center;}
.apartment-feature-image img{width:auto; height: 40px;}


.flex-row {
flex-direction: row;
}

.flex {
display: flex;
}

.flex-column {
flex-direction: column;
}
.apartment-list .apartment-features {
gap: 45px;
}

.list-subtitle {text-align: center; display: inline-block;}
.list-subtitle span{text-align: center;}

.apartment-features {
justify-content: space-between;
padding: 10px 20px;
}

.page-id-218 .apartment-info {
margin-top: 80px;
margin-right:5%;
}

.apartment-leiras {
gap:25px;
width:45%;
}

.apartment-item-image {
gap: 35px;
align-items: center;
}

.apartment-feature-text p {
color: #000;
font-family: "Montserrat";
font-size: 13px;
font-style: normal;
font-weight: 500;
line-height: 135%;
letter-spacing: .39px;
}

.apartment-title h2 {margin-bottom:0px;}
.apartment-title {text-align:center;}
.apartment-title span{margin-top:8px; padding:0px 10px;}
.apartment-feature-text {float:left; display: inline-block; padding:6px;}



.apartment-feature.flex-column {flex-direction: row;}

.availability {
font-family: "Montserrat";
font-size: 13px;
font-style: normal;
line-height: 90.1%;
text-transform: uppercase;
}
.availability_false {
background-color: var(--voros);
font-weight: 700;
color:#fff;
padding:4px 8px!important;
border-radius: 5px;
width:80px;
text-align: -webkit-center;
}

.availability_true {
background-color: #668617;
font-weight: 700;
color:#fff;
padding:4px 8px!important;
border-radius: 5px;
width:80px;
text-align: -webkit-center;
}

.apartment-list-item span.building {
color: var(--valtott_szoveg);
font-weight: 400;
display: block;
}
.apartment-list-item span.building, .availability {
font-family: "Montserrat";
font-size: 13px;
font-style: normal;
line-height: 90.1%;
text-transform: uppercase;
}

.checkbox-to-hide {
visibility: hidden;
}

input[type=checkbox]+label.checkmark:after {
visibility: visible;
width: 22px;
height: 23px;
content: "";
background: url(/wp-content/plugins/m12b/images/ikon_circle.svg);
background-size: cover;
position: relative;
display: block;
}

input[type=checkbox]+label.checkmark:after {
visibility: visible;
width: 22px;
height: 23px;
content: "";
background: url(/wp-content/plugins/m12b/images/ikon_circle.svg);
background-size: cover;
position: relative;
display: block;
}

input[type=checkbox]:checked+label.checkmark:after {
width: 23px;
height: 22px;
content: "";
background: url(/wp-content/plugins/m12b/images/ikon_tick.svg);
background-size: cover;
position: relative;
display: block;
}

@media all and (min-width: 1200px) {
.container {width: 100%!important;}
}

@media all and (max-width: 1200px) {
.form_statisztika {grid-template-columns: 1fr 1fr 1fr;}
}


@media all and (max-width: 1024px) {
	
.form_statisztika {grid-template-columns: 1fr 1fr 1fr;}
	
.apartment-feature.flex-column {flex-direction: row;}

.apartment-list .apartment-features { gap: 10px;}
	
.apartment-feature {display: block;}

}


@media all and (max-width: 768px) {

.apartment-info {
margin-top: 20px;
display: block!important;
padding: 10px;
}
	
	.list-subtitle {margin:0px 5px;}
	
	.apartment-list {border: 1px solid var(--szurke); padding 5px; background: var(--valtott_hatter); margin:10px 0px;}

.flex {display:-webkit-inline-box;}

.apartment-features {justify-content: space-between; padding: 4px;}

.apartment-list .m_button {display:inline-block; text-align:center; width:100%;}


.form_statisztika { grid-template-columns: 1fr 1fr;}
	
}

@media all and (max-width: 480px) {

.form_statisztika {grid-template-columns: 1fr;}
	
}
.image_corner img{
  border-radius: 20px;
  object-fit: cover;
}

.line_box {
     display: flex;
     margin-bottom: 40px;
	z-index:1;
}
 .text_circle {
     flex: 1;
     text-align: center;
     position: relative;
	 z-index:2;
}
 .text_circle:after {
     background-color: grey;
     bottom: 1.25em;
     content: "";
     display: block;
     height: 3px;
     position: absolute;
     right: 0;
     width: 50%;
     z-index: 1;
}
 .stav_projektu .text_circle:after,.stav_projektu .text_circle:before {background-color: grey;}
 .line_box h4 {
     font-weight: bold;
	 text-transform: none;
	  font-family: "Playfair Display"!important;
	 font-size: 1.2rem!important;
}
 .line_box h4,.line_box p {
     font-size: 12px;
     margin-bottom: 0;
     padding: 0 5px;
	 line-height: 1.2rem;
}

.line_box p {
 margin: 30px 0px;

}

 .subline {
     position: absolute;
     right: -25px;
     bottom: -43%;
}
 .subline:before {
     content: "";
     position: absolute;
     height: 15px;
     width: 15px;
     bottom: 14px;
     right: 15px;
     background-color: var(--szurke);
     border-radius: 50%;
     top: -25px;
}
 .subline h6 {margin-bottom: 0;}
 .timeline {margin: 40px 0;}
 .text_circle.done:after,.text_circle.done + .text_circle:before,.stav_projektu .text_circle.done:after,.stav_projektu .text_circle.done + .text_circle:before {background-color: var(--szurke);}
.text_circle.sub:after {background-color: var(--szurke); }
 .text_circle:not(:first-child):before {
     bottom: 1.25em;
     content: "";
     display: block;
     height: 3px;
     position: absolute;
     left: 0;
     width: 50%;
     z-index: -1;
     background-color: grey;
}
 .stav_projektu .text_circle:not(:first-child):before {background-color: grey;}
 .text_circle:last-child:after {width: 0;}
 .circle {height: 100%;}

.tvar {
		height: 30px;
		width: 30px;
		border: 1px solid var(--voros);
		display: flex;
		position: relative;
		border-radius: 100%;
		top: -40px;
		margin: 3px auto;
		background-color: #fff;
		z-index: 2;
}

 .tvar span {
		margin: 25% auto;
		height: 20px;
		width: 20px;
		background-color: var(--voros);
		border-radius: 100%;
		color: #fff;
		top: -3px;
		position: relative;
		z-index: 2;
}
 .stav_projektu .tvar {border: 2px solid grey;}
 .stav_projektu .done .tvar,.stav_projektu .sub .tvar {border: 2px solid #189599;}
 .subline h6 {color: #189599;}
 .timeline .card-header:hover {
     background-color: #ececec;
     cursor: pointer;
}
/* iPhone X ----------------------------------- */
 @media only screen and (device-width : 375px) and (device-height : 812px) and (-webkit-device-pixel-ratio : 3) {
    .subline:before {top: -43px;}
}
 @media only screen and (device-width : 812px) and (device-height : 375px) and (orientation : landscape) and (-webkit-device-pixel-ratio : 3) {
    .subline:before {top: -31px;}
}
/* iPad portrait ----------------------------------- */
 @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    .subline:before {top: -29px;}
}
/* mobile width till 767px ----------------------------------- */
 @media (max-width: 767px){
    .subline:before {top: -30px;}
}
/* Portrait iPad Pro */
 @media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {
    .subline:before {top: -23px;}
}
/* mobile width till 480px ----------------------------------- */
 @media (max-width: 480px){
    .subline:before {top: -43px;}
}


@media all and (max-width: 660px) {

	#header_desktop {display:none!important; visibility:hidden;}
	.header_desktop {display:none!important; visibility:hidden;}
	
	.terkep_iframe {display:block;  padding-left:40px;; width:100%;}
	
	.line_box {display: block; margin-bottom: 40px;z-index:1;}
	
	/*
	.text_circle:after {
background-color: rgb(220,220,220);
bottom: -5em;
content: "";
display: inline-block;
height: 100%;
position: absolute;
right: 49.7%;
width: 3px;
z-index: 1;
text-align: center;
}
	*/
	
	.text_circle:not(:first-child):before, .text_circle:after {display: none;}
	
	.tvar {top: -20px;}
	
}

@media all and (min-width: 661px) {

	#header_mobile { display:none!important; visibility:hidden;}
	.header_mobile { display:none!important; visibility:hidden;}
}