/*
Theme Name:     Virtue Child
Theme URI:      http://www.dharmabodha.de/
Description:    Child Theme for the Virtue theme
Author:         Kurtz/Rudy
Author URI:     http://kpunkt.com/
Template:       virtue_premium
Version:        1.01
*/

/* @import url("../virtue_premium/style.css"); */

/* Design-Angaben 
Blau: #363695 (Links)
Rot: #cc0000   (hover)
Braun: #996633 (H2)
*/

body{
	margin:0; 
	padding: 0;
	background-size: auto auto, contain !important;
	min-width:320px;

}

.page-header {
    border-top: none;
    border-bottom: none;
    padding-bottom: 0px;
    margin: 0;
    padding-top: 0px;
}

hr {
    margin-top: 10px;
    margin-bottom: 10px;
    border: 0;
        border-top-color: currentcolor;
        border-top-style: none;
        border-top-width: 0px;
    border-top: 1px solid #666666;
}

/* LOGO */

/*													Logo-Animation
div#logo.logocase img.kad-standard-logo{
	 -webkit-transition:  10s;
      transition:  10s;      
}      
div#logo.logocase img.kad-standard-logo:hover{
	-webkit-transition:  10s ease-in;
   transition:  10s ease-in;
   -moz-transform:      (3600deg);
   -ms-transform:       rotateY(3600deg);
   -o-transform:        rotateY(3600deg);
   -webkit-transform:   rotateY(3600deg);
   transform:           rotateY(3600deg);
   opacity: 0;
} 
*/
/***********************/
/* Schriften */
/***********************/

h1, h2, h3, h4, h5{
	font-family: 'Source Sans Pro', Arial, sans-serif;
	display: block;
	clear: both;
}
.entry-content h1 {
    margin-bottom: 0;
}
.entry-content h2 {
    margin-bottom: 0;
}
b, strong {
    font-weight: 600;
}

h1 { 
	letter-spacing: 3px;
	margin-bottom: 0;
	margin-top:50px;
}
h2 { 
	letter-spacing: 2px;
    margin: 0;	
}

a {color:#363695;}

/***********************/
/* Header */
/***********************/
/* Altes manuell positioniertes Logo
#kad-banner{position:relative;}
#kad-banner>div.kp_logo{ position:absolute; top: 40%; left: 0; width: 100%; z-index:9;}
#logo{ display: none; }
.kad-header-left{ margin-bottom:42px; }
header#kad-header{position:relative;}
*/

img.align-right{float: right;}

#kad-banner .container .row {margin-bottom:-10px;}


/***********************/
/* Menus */
/***********************/

/* Haupt-Menu */
.col-md-12 > #nav-main ul.sf-menu {
    float: none;
    text-align: right;
	padding-bottom:10px;
}

.sf-menu a {
    padding: 10px 6px;
    transition: none;
}

#menu-haupt-menu li a span {border-right: solid 1px #363695; padding-right: 12px;}
#menu-haupt-menu.sf-menu.sf-js-enabled li.menu-item-4340.menu-item.menu-datenschutz a span {border-right:0px;}


/* Altes Top-Menu in Topbar
.topbarmenu ul li a {color: #fff; display: block; padding: 7px 10px 7px 10px; font-size: 12px; transition: none;}
#topbar .topbarmenu.clearfix ul#menu-top-menu li {color: #FFF;}
#menu-top-menu li a span {font-size: 9pt; border-right: solid 1px #FFF; padding-right: 15px;}
*/

/* Untermenu */
#nav-second.clearfix ul#menu-mainmenu-1 {
	padding-top:40px;
}

#nav-second {margin-left: -23px;} /* Orientierung der Nav nach links */

#nav-second ul.sf-menu > li {width: 15% !important;}

#nav-second ul#menu-mainmenu-1 li, 
#nav-second ul#menu-mainmenu-1 li a {text-align: left; background:none;}

/* Untermenu zweite Ebene */
#nav-second ul#menu-mainmenu-1 li ul.sub-menu.sf-dropdown-menu.dropdown li a span {
	font-size:18px;
	font-weight:400;
}
#nav-second ul#menu-mainmenu-1 li ul.sub-menu.sf-dropdown-menu.dropdown li a span:hover {
	font-size:18px;
	font-weight:700;
}

/* MEGA MENU */
#wrapper.container header#kad-banner.banner.headerclass.kt-not-mobile-sticky div#cat_nav.navclass {
	margin-top: 50px;
}

/* Video-Login */
.ppw-ppf-input-container div.ppw-ppf-desc {
    margin: 40px 0;
}
.ppw-ppf-input-container input[type="submit"] {
    margin-top: 20px;
}
.ppw-ppf-show-pwd-btn label {
	display: inline;
    font-weight: 400;
    margin-left: 10px;
}
.ppw-ppf-desc-below {
    font-size: px !important;
    font-weight: !important;
    color: #363695 !important;
    margin-top: 70px;
}


/* Footer-Menu */
footer#containerfooter.footerclass .container ul#menu-footer-menu li a {font-size:14px;}
footer#containerfooter.footerclass .container ul#menu-footer-menu li:hover {color:red;}

footer#containerfooter.footerclass .container ul#menu-footer-menu li a {
    padding: 0 5px;
    margin: 0px;
}
#containerfooter.footerclass div.container div.row div.col-md-3.col-sm-6.footercol1 div.widget-1.widget-first.footer-widget.widget aside#sow-image-2.widget_sow-image div.so-widget-sow-image.so-widget-sow-image-default-0a36e82c757b div.sow-image-container img.so-widget-image {max-width:200px;}

#containerfooter .menu li a  {background:transparent;}
#containerfooter .menu li a:hover {
	background:transparent; 
	color:#2d5c88;
}
#containerfooter .container div.row div.col-md-3.col-sm-6.footercol4 {
	background:transparent; 
	padding-left:0px;
}
#nav_menu-6.widget_nav_menu ul#menu-footer-menu.menu {margin:0 0 0 10px;}
#nav_menu-6.widget_nav_menu ul#menu-footer-menu.menu {line-height:18px;}


/* Mobiles Menu */
#mega-menu-wrap-secondary_navigation .mega-menu-toggle {
    background: #363695;
}
#mega-menu-wrap-secondary_navigation ul#mega-menu-secondary_navigation li ul.mega-sub-menu li a.mega-menu-link {letter-spacing:0px;}

/***********************/
/* Seiten */
/***********************/


/***********************/
/* Footer */
/***********************/
footer {min-height:319px;} 
.footerclass {  background-size:  cover !important; }

.footercredits {display:none;}

footer .siteorigin-widget-tinymce.textwidget p {
	font-size: 14px;
	margin:0 0 20px;
	line-height:18px;
}

/* BLOG-Footer */
.single-footer {
  display:none;
}

/***********************/
/* Formulare */
/***********************/

/* form input */
input, textarea, select, input[type=search], button {
	font-size: 100%;
	font-family: inherit;
}
textarea, input[type=text], input[type=password], input[type=search], input[type=email], input[type=url] {
	background: #fff;
	border: 1px solid #c5c5c5;
	padding: 6px 10px;

	border-radius: 5px;
	box-shadow: inset 0 0 3px rgba(0,0,0,.2);
	-webkit-appearance: none;
}
input[type=text], input[type=search], input[type=email], input[type=url] {
	width: 400px;
	max-width: 90%;
}

/* text area */
textarea {
	line-height: 150%;
	width: 94%;
}

/* form input:focus */
textarea:focus, input[type=text]:focus, input[type=password]:focus, input[type=search]:focus, input[type=email]:focus, input[type=url]:focus {
	outline: none;
	background: #eee;
}

/* form button */
input[type=reset], input[type=submit], button {
	background-color: #86b0e2;

	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjM1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background-image: -moz-linear-gradient(top,  rgba(255,255,255,0.35) 0%, rgba(0,0,0,0.1) 100%);
	background-image: -webkit-linear-gradient(top,  rgba(255,255,255,0.35) 0%,rgba(0,0,0,0.1) 100%);
	background-image: linear-gradient(to bottom,  rgba(255,255,255,0.35) 0%,rgba(0,0,0,0.1) 100%);

	color: #fff;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 1em;
	padding: 10px 25px 7px;
	cursor: pointer;
	border: 1px solid #5c7798;
	border-radius: 5px;
	box-shadow: inset 0 1px 1px rgba(255,255,255,.5);
}

/* form input:hover */
input[type=reset]:hover, input[type=submit]:hover, button:hover {
	background: #ebebeb;
	color: #fff;
}


/***********************/
/* Mobile Menu */
/***********************/

/* Mobiles Menu */
ul#menu-mobilmenu.kad-mnav form.form-search li.sf-dropdown a::before{
	content: '<i class="icon-arrow-down" />';
}

ul#menu-mobilmenu.kad-mnav li,
ul#menu-mobilmenu.kad-mnav a {
   list-style: none;
}

li.menu_toogle>a::after{
	float: right;
	content: "\e3b6";
   font-family: virtue_icons;
   font-size: 20px;
	transition: 1s ease-in-out;
}

li.menu_toogle.menu_off>a:hover::after{ transform: rotateX(180deg); }
li.menu_toogle.menu_on>a:hover::after{  transform: rotateX(360deg); }
li.menu_on>a::after{ transform: rotateX(540deg); }

#mobile-nav-trigger button.nav-trigger-case{
  border-radius: 5px 5px 0 0;
}
#mobile-nav-trigger button.nav-trigger-case.collapsed{
  border-radius: 5px;
  background-color:#363695;
}
#kad-mobile-nav.kad-mobile-nav div.kad-nav-inner.mobileclass {
	background: #363695 none repeat scroll 0 0;
}
ul#menu-mobilmenu.kad-mnav a span {
	color: #FFF;
}
ul#menu-mobilmenu.kad-mnav a:hover {
	background: #d18918;
	}
ul#menu-mobilmenu.kad-mnav a:hover span {
	color:#bf2c24;
}

#kad-mobile-nav{
   padding-right: 32px;
   padding-left: 16px;
   margin-top: -5px;
}


/***********************/
/* BLOG */
/***********************/
.postdate {
  padding: 6px 8px 8px;
  margin-top: 0px;
  font-size: 10px;
  text-align: center;
  text-transform: uppercase;
  line-height: normal;
}


/**************************************/
/********** MEDIA QUERIES *************/
/**************************************/

/* Farbige Border zur Entwicklung */
/*
@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: 575px ){	body{ border: solid red;   } }
*/

@media only screen and (max-width: 991px) { /* Tablets */
	body {background-size: 100% auto, cover !important;}	
	.container {max-width: 850px; padding-left: 40px; padding-right: 55px;}
	#logo.logocase {padding-bottom: 40px;}

}

@media ( max-width: 767px ){ 
	div.container {
    padding-left: 20px;
    padding-right: 20px;
}
	#logo.logocase {padding-bottom: 40px;}

}

@media ( max-width: 575px ) {
	
}


@media only screen and (max-width: 480px) { /* Smartphones */
	h1 {font-size:26px !important;}
	h2 {font-size:16px !important;}
	h3 {font-size:14px !important;}
	#containerfooter.footerclass div.container div.row {padding-left:50px;}
}