/*
Theme Name:     Virtue Child
Theme URI:      residenz-am-dom.de
Description:    Child Theme for the Virtue theme
Author:         WK / TR
Author URI:     https://www.kpunkt.com/
Template:       virtue_premium
Version:        1.2
*/

/* BODY */
body,h1,h2,h3,h4,h5,p,div,a{ font-family: sans-serif; }
body {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.7;
    color: #58585A;
    text-align: left;
}
#kad-banner{
  border-bottom: solid 2px #bf9516;
  font-size: 11px;
  line-height: 2rem;
}  

#kad-banner-sticky-wrapper #thelogo img {
  padding: 5px 0;
  display: block;
  height: auto;
  width: auto;
  height: 134px;
  max-height: inherit !important;
  position: absolute; 
  bottom: -52px;
  left: 42px;
  z-index: 9;
}

/* Verlauf im Hintergrund */
/*
.ksp-slider-wrapper{
  box-shadow: -100px 50px 100px #efe4c6, 100px 50px 100px #efe4c6;
}     
*/

#wrapper{
  overflow: hidden;
  margin: 0 auto;
  padding: 0;
}
#content .row{
  	margin: 0 auto;
  	padding: 0;
	margin-bottom: 3em;
}
   

/* Abstand Text im Content */
.kp_content {	margin-top: 4em; }
p {  margin: 0 0 10px; }

/* Rahmen um Content */

/* Abstand Hauptmenu - Slider - Content - Footer */

/* CONTAINER */
#wrapper.container .wrap.clearfix.contentclass.hfeed {
	padding-bottom:0px;
	padding-top:0px;
}

#wrapper.container div.wrap.clearfix.contentclass.hfeed div#content .entry-content div.homecontent.clearfix.home-margin .so-panel.widget.widget_sow-editor.panel-first-child {margin-bottom:0px;}

/* Aufzaehlungen */

/* FONTS */
/* definiert in den Virtue Template-Einstellungen */
/* FB und Insta-Icons */
/* CLASSES FOR SECTIONS */

/* LINKS */ 
.siteorigin-widget-tinymce.textwidget p a, 
h2 a {color:#881b3f;}
.siteorigin-widget-tinymce.textwidget p a:hover, 
h2 a:hover {color:#bf961d;}

/* MENUS */
/* Hauptmenu */
ul#menu-haupt{ 
  margin: 48px 0 0;
  float: right;
  width: 100%;
}
ul#menu-haupt>li{ height: 30px; margin-left: 5%; float: right;}
ul#menu-haupt>li> a{  
  line-height: 30px!important;
  height: 30px!important;
  font-size: 13px;
  font-weight: 700;
  outline: 0;
  padding: 0 12px !important;
  white-space: nowrap;
}
.kp_menu_row .panel-grid-cell  .textwidget>p,
.kp_menu_row .panel-grid-cell  img{
  margin: 0;
  padding: 0;
  width: 100%;
}
.kp_menu_row>div.panel-grid-cell{
	height: 215px;
	width:  215px !important;
   margin: 10px;
   position: relative;
}
.kp_menu_row .panel-grid-cell .M_1,
.kp_menu_row .panel-grid-cell .M_2,
.kp_menu_row .panel-grid-cell .M_3{ padding: 0; margin: 0; color: #FFF;overflow: auto;height: 100%;}
.kp_menu_row .panel-grid-cell tr.row_1{	height: 202px; vertical-align: top; background: rgba(0,0,0,0);}
.kp_menu_row .panel-grid-cell tr.row_2{	height:40px;   vertical-align: top; background: rgba(0,0,0,0);}
.kp_menu_row .panel-grid-cell .M_2 ul{ padding: 0; padding-bottom: 20px; }
.kp_menu_row .panel-grid-cell a:hover{ color: #bf961d; text-decoration: underline; }
.kp_menu_row .panel-grid-cell p {
    padding: 0 !important;
    margin: 0;
    height: 100%;
    background-color: #881b3f;
    white-space: nowrap;
    position: absolute;
}

.kp_menu_row .panel-grid-cell h5 {
	padding-top: 0 !important;
	margin-top: -11vh;
	background-color: #881b3f;
	white-space: nowrap;
	position: absolute;
	bottom: 5%;
	width: 100%;
}
.kp_menu_row .panel-grid-cell h5 a {
	font-size: 2vh;
	color: #FFF;
	font-weight: 400;
}
.kp_menu_row .panel-grid-cell h5 a:hover {
	text-decoration: none;
}
.kp_menu_row .panel-grid-cell .M_2 h5 { background-color: inherit;}		
.kp_menu_row .panel-grid-cell ul>li{list-style: none; margin-bottom: 0px;}
.kp_menu_row .panel-grid-cell ul>li a:before{content: "» ";}


/* Sitemap */
#pl-97.panel-layout div#pg-97-2.panel-grid.panel-no-style div#pgc-97-2-1.panel-grid-cell div#panel-97-2-1-1.so-panel.widget.widget_nav_menu {margin-bottom: 0px;}

ul#menu-sitemap li {list-style-type:none;}
ul#menu-betreut li {list-style-type:none;}
ul#menu-vital li {list-style-type:none;}
ul#menu-stationaer li {list-style-type:none;}
ul#menu-sitemap li ul li {list-style-type:circle;}
ul#menu-betreut li ul li {list-style-type:circle;}
ul#menu-vital li ul li {list-style-type:circle;}
ul#menu-stationaer li ul li {list-style-type:circle;}

/* SIDEMENU Rechte Spalte */
/* Generell */

#menu-sidenav {float:right; width:100%;}
#menu-sidenav li {list-style: none; overflow: auto; float: right; clear: both; margin:0; padding: 0;}

/* Abstand */
#menu-sidenav>ul {padding: 0 0 0 12px; overflow: auto; float: right; }

/* Titel H3 */

.panel-first-child div.so-widget-sow-editor.so-widget-sow-editor-base div.siteorigin-widget-tinymce.textwidget h3 {
	font-size: 16px; 
	font-weight: 400; 
	text-transform: uppercase; 
	color: #97999b; 
	border-bottom: 1px solid #B78F2E; 
	padding: 50px 0 0px 0; 
	float:right;
}

/* Oberpunkte */
#menu-sidenav li a {float: right; padding: 10px 0px 5px 0; font-weight: 600; font-size: 15px;}
#menu-sidenav li ul li a {float: right; padding: 5px 0px; font-weight: 400; font-size: 15px; color: #87274B;}


/* Unterpunkte */
#menu-sidenav li ul {overflow: auto; clear: both; padding: 0; margin-bottom:30px;}
#menu-sidenav li ul li a {font-size: 15px;}


#menu-sidenav li ul li a:hover {list-style: url("/wp-content/uploads/pfeil-rechts-kl.png") no-repeat left center;  float: right; padding: 5px 0px; font-weight: 600; font-size: 15px; color: #bf961d;}
#menu-sidenav li ul li a:active {background: url("/wp-content/uploads/pfeil-rechts-kl.png") no-repeat left center; float: left; color:#87274B; font-weight: 600;}



/* Mobiles Menu */
img.kad-mobile-logo {
  padding: 5px 0 5px 20px;
  display: block;
  height: auto;
  margin-top: 50px;
}

/* Hamburger */

/* Tabellen */
table tbody tr td p.text-right {margin-bottom:0;}

/* GALERIEN */
#gallery-1 a img {border: none;}

/* HEADER */

/* Slider */
.slider_row { 
	margin:0 -15px; 
	padding-bottom: 15px;
}	

/* EVENTS */
#pg-15-3 > .panel-row-style .widget-title { display:none;}
.panel-widget-style.panel-widget-style-for-15-3-2-0 .vsel-widget-link a {color:#881b3f; font-weight:bold;}
.panel-widget-style.panel-widget-style-for-15-3-2-0 .vsel-widget-link a:hover {color:#bf961d;}
.vsel-content h3.vsel-meta-title a {       color:#881b3f;}
.vsel-content h3.vsel-meta-title a:hover { color:#bf961d;}

body.home.page .vsel-meta-time {display:none!important;}
body.home.page .vsel-meta-location {display:none!important;}

body.home.page #vsel .vsel-content {
  margin: 0 0 10px;
  padding: 0 0 10px;
  border-bottom: 0;
}

body.home.page .vsel-meta{ display: flex;  flex-direction: column; flex-wrap:wrap; margin: 0 0 2px 0 !important; padding: 0; }
body.home.page .vsel-meta > div{ flex: 2; order: 1; margin: 0; padding: 0; }
body.home.page .vsel-meta > h3 { flex: 1; order: 2; margin: 0 !important; padding: 0; }

body.home.page .kt_no_post_header_content header { display:none;}
body.home.page .postmeta.updated.color_gray { display:none;}
body.home.page .single-article article  {margin-top: 0px;}

/* Events-Liste */
.page.page-id-474 .vsel-info {display:none;}
.page.page-id-474 #vsel .vsel-content {margin: 0; padding: 0; border-bottom: none;}

.vsel-widget .vsel-meta {width:100%; clear: both; margin: 0;}

.page.page-id-474 .vsel-meta-title a {float: left; width: 30%; margin-right: 2%; box-sizing: border-box; padding-top:8px;}
.page.page-id-474 .vsel-meta-date.vsel-meta-single-date {float: left; width: 20%; margin-right: 2%; box-sizing: border-box;}
.page.page-id-474 .vsel-meta-time {float: left; width: 20%; margin-right: 2%; box-sizing: border-box;}
.page.page-id-474 .vsel-meta-location {float: left; width: 20%; margin-right: 0%; box-sizing: border-box;}

/* Detail-Seite */
article.kt_no_post_header_content header {display:none;}

.single-article div#ktmain.main.col-md-12 article.kt_no_post_header_content  div.postmeta.updated.color_gray {display:none;}

article.kt_no_post_header_content .single-footer span.posttags {display:none;}

.single-article article {margin-top: 0px;}

.single-footer {
  clear: both;
  margin-bottom: 0px;
  padding-bottom: 0px;
  border-bottom: 0px solid #eee;
  border-bottom-color: rgba(0,0,0,.05);
}

/* FOOTER */
.footerbase_>.container {
  border-top: solid 2px #bf9616;
  font-size: 11px;
  line-height: 2rem;
}  
.footerbase>.container>.footercredits {
  border-top: solid 2px #bf9516;
  font-size: 11px;
  line-height: 2rem;
  padding: 10px 0;
  margin: 0;
}  
.footerbase>.container>.footercredits p{ 
	color: #fffbf3; 
	margin: 0 10px 12px 0;
}
.footernav ul li a { 
	color: #fffbf3; 
}
.footernav ul li a:hover { 
	color: #bf961d; 
}

#menu-fuss li.instagram a span,
#menu-fuss li.facebook a span{ display: none;}

#menu-fuss li.instagram a,
#menu-fuss li.facebook a{
  background-image:url('/wp-content/uploads/2022/03/facebook_creamwhite.png');
  background-repeat: no-repeat;
  background-size: 28px 28px;
  display: block;
  width:  28px !important;
  height: 28px !important;
  margin: 2px 0 0;
  padding: 2px 40px 0 0;
}
#menu-fuss li a:hover{	background-color: rgba(0,0,0,0); background-size: 30px 30px; }

#menu-fuss li.instagram a{
  background-image:url('/wp-content/uploads/2022/03/instagram_creamwhite.png');
  padding-right:150px;
}

/* FORMS  */
form.wpcf7-form p2,
form.wpcf7-form {
  width: 100%;
  max-width: 405px;
}	

form.wpcf7-form label {
	font-size: 14px;
	font-weight: 400;
	width: 100%;
	max-width: 405px;
	text-align: left;
}

form.wpcf7-form label>span.lbl {
    margin: 8px 0 0px 16px;
    display: block
}

form.wpcf7-form input,
form.wpcf7-form textarea {
	padding:10px;
	margin:0;
	width: 100%;
	max-width: 450px;
	background-color: #fff;
	border:solid 1px #bf961d;
}

form.wpcf7-form input.wpcf7-submit {
	width: 100%;
	max-width: 450px;
	font-size: 18px;
	font-weight: 400;
	background-color: #881b3f; 
	border: solid 1px #000;
	color: #fff;
	border-radius: 0.25rem;
}

form.wpcf7-form  input.wpcf7-submit:hover{ 
	background: #bf961d; 
	background-repeat: no-repeat;
	background-position: 80% 7px;
	color: #fff;
	font-size: 18px;
}

/* Formulare MailPoet  */

#mailpoet_form_1 {
  width: 100%;
  max-width: 800px;
}	

#mailpoet_form_1 label {
	color:#58585A;
	font-size: 14px;
	font-weight: 400;
	width: 100%;
	max-width: 405px;
	text-align: left;
}

#mailpoet_form_1 input {
	font-size: 14px;
	padding:10px !important;
	margin:0;
	width: 100%;
	max-width: 405px;
	background-color: #fff;
	border:solid 1px #bf961d;
}

#mailpoet_form_1 .mailpoet_text {font-size:14px;}

.mailpoet_form .mailpoet_paragraph {
	color:#58585A; 
	font-size: 14px;
	width: 100%;
	max-width: 800px;
	text-align: left;
}

#mailpoet_form_1 .mailpoet_submit {
	width: 100%;
	max-width: 405px;
	font-size: 18px;
	font-weight: 400;
	background-color: #881b3f; 
	border: solid 1px #000;
	color: #fff;
	border-radius: 0.25rem;
}

#mailpoet_form_1 .mailpoet_submit:hover{ 
	background: #bf961d; 
	background-repeat: no-repeat;
	background-position: 80% 7px;
	color: #fff;
	font-size: 18px;
}

/* Border-Colors for development */
/*
@media ( max-width: 1199px){body{ border: solid yellow;} }
@media ( max-width: 991px ){body{ border: solid blue;  } }
@media ( max-width: 767px ){body{ border: solid orange;} }
@media ( max-width: 479px ){body{ border: solid red;   } }
*/

/********************************/
/*** RESPONSIVE MEDIA QUERIES ***/
/********************************/
@media ( min-width: 1200px ){
	.kp_menu_row>div.panel-grid-cell{
	   height:calc( ( 1110px - 120px ) / 3 );
	   width: calc( ( 1110px - 120px ) / 3 ) !important;
	}
	
}	

@media ( max-width: 1199px ){
  .show_g_1200{ display: none!important; }
  .kp_menu_row>div.panel-grid-cell{
	   height:calc( ( 910px - 90px ) / 3 );
	   width: calc( ( 910px - 90px ) / 3 ) !important;
	}
	
}

@media ( max-width: 991px ){
	.show_g_991{ display: none!important; }
 	.kp_menu_row>div.panel-grid-cell{
    height:calc( ( 690px - 60px) / 3 );
	  width: calc( ( 690px - 60px) / 3 ) !important;	   
  }	
  .kp_menu_row .panel-grid-cell h3 {
      bottom: 1%;
   }
  .kp_menu_row .panel-grid-cell h3 a{
   	font-size: 3vh;
	}
	.id-kad-mobile-nav {
  		margin-top: 50px;
  		margin-bottom: 24px;
	}  
	.mobileclass {
	  background: #f2f2f2;
	  /* background: rgba(200,200,200,0.7); */
	}
	.boxed #wrapper.container, .container {
	  padding: 0 20px;
	  margin-top: 0px;
	}
	.kad-header-style-three #logo #thelogo{
	  text-align: center;
	  display: table-cell;
		vertical-align: middle;
		max-width: 100%;
	}
	header .nav-trigger .nav-trigger-case{
		top: 0;
		position: absolute!important;
	}
	.kad-header-right{
		outline: solid;
		width: 20%;
	}
	
}

@media ( max-width: 767px ){
  .kp_menu_row>div.panel-grid-cell{
		width: 100%!important;
		height: auto;
		display: inline;
		position: relative;
		float: left;
		display: block;
  }	
  .kp_menu_row>div.panel-grid-cell p{
		clear: left;
		position: relative;
		width: 25%!important;
		clear: none;
		height: 100%;
		overflow: auto;
		background: none;
		margin: 0!important;
		padding: 0!important;
  }

  .kp_menu_row>div.panel-grid-cell h3{
  		background-color: #881b3f!important;
  		width: 73%;
  		min-height: 100%;
  		height: 100%!important;
  		right: 0;
  		margin: 0!important;
      padding: 0!important;
      bottom: 0;
  }
  .kp_menu_row>div.panel-grid-cell h3>a{
      position: absolute;
      bottom: 0.5em;
      left: 1em;
      font-size:3vh!important;  
  }
	.kp_menu_row .panel-grid-cell .M_2 h5 { background-color: #881b3f;}

}

@media ( max-width: 479px ){}
@media ( min-width: 768px ){}