/*
Theme Name: 	Virtue - Premium Child
Theme URI:
Description: 	-
Author: 		Matthias Witthuhn
Author URI: 	http://www.impressed-media.de/
Template: 		virtue_premium

*/

@media screen and (min-width: 821px) {
#gwolle_gb .input {width:60%!important}
}
@media screen and (max-width: 820px) {
#gwolle_gb .input {width:100%!important}
}
@media screen and (min-width: 1200px) {
.image_menu_message h4 {font-size:22px}
.wpcf7 label {width:28%}
.wpcf7 input, .wpcf7 textarea, .wpcf7 input.full, .wpcf7 textarea, .wpcf7 input[type=submit], .wpcf7 input[type=file], em.hint	{width:72%}
iframe.piwik-optout {height:160px}
#social-buttons p {float:left;width:25%}
}
@media screen and (max-width: 1200px) {
.image_menu_message h4 {font-size:20px;line-height:30px}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
label {width:28%}
.wpcf7 input, .wpcf7 textarea, .wpcf7 input.full, .wpcf7 textarea, .wpcf7 input[type=submit], em.hint {width:72%}
iframe.piwik-optout {height:160px}
#social-buttons p {float:left;width:25%}
}
@media screen and (min-width: 992px) {
#kad-shrinkheader .col-md-4 {width:25%}
#kad-shrinkheader .col-md-8 {width:75%}
}
@media screen and (max-width: 991px) {
.col-md-3, .span3 { width: 33.3%; display:inline-block; vertical-align: top;}
.wpcf7 label {width:28%}
.wpcf7 input, .wpcf7 textarea, .wpcf7 input.full, .wpcf7 textarea, .wpcf7 input[type=submit], em.hint {width:72%}
iframe.piwik-optout {height:180px}
#social-buttons p {float:left;width:50%}
}
@media screen and (max-width: 780px) { 
.image_menu_message h4 {font-size:25px}
}
@media screen and (min-width: 769px)  {
.mobile-only {display:none; visibility:hidden}
.web-only {display:block; visibility:visible}
}
@media screen and (max-width: 768px) {
.mobile-only {display:block; visibility:visible}
.web-only {display:none; visibility:hidden}
.col-md-3, .span3 { width: 50%; display:inline-block; vertical-align: top;}
.footernav ul { padding: 0; margin-bottom: 15px; float:left}
iframe.piwik-optout {height:250px}
}
@media screen and (min-width: 601px) {
span.wpcf7-not-valid-tip, .wpcf7-submit {  margin-left: 28%}
div.wpcf7-response-output { margin:1.5em 0 1em 28% }
}
@media screen and (max-width: 600px) {
.wpcf7 label, .contactform input.full, .wpcf7 input, .contactform textarea, .wpcf7 textarea, .wpcf7-submit, .wpcf7 input[type=submit], em.hint { width:100% !important }
div.wpcf7-response-output { margin:1.5em 0 1em }
span.wpcf7-not-valid-tip, .wpcf7-submit {  margin-left: 0}
.contactform input.full,
.contactform textarea,
.select2-container,
.wpcf7 input,
.wpcf7 textarea,
.wpcf7-select,
.wpcf7-submit,
.wpcf7 label
	{width:100%}
span.wpcf7-not-valid-tip{margin:5px 0 15px}
}
@media screen and (max-width: 530px) {
.topics .col-md-4, .topics .span4 {width: 100%}
.kad-btn {width: 100%; text-align: center}
#social-buttons p {float:none;width:100%}
}
@media screen and (max-width: 415px) {
.home-iconmenu a { padding: 15px 15px 2px}
.col-md-3, .span3 { width: 100% }
}
@media screen and (max-width: 380px) {
.home-iconmenu a img { width:35%}
.home-padding {  padding: 10px 0 30px}
h1{font-size:31px!important}
iframe.piwik-optout {height:330px}
}

::selection {background:#ddd6e2;color:#000}
::-moz-selection {background:#ddd6e2;color:#000}
body {background-size:cover !important}

#thelogo:hover img {filter:alpha(opacity=50); -khtml-opacity:.5; -moz-opacity:.5; opacity:.5}
a img:hover {filter:alpha(opacity=80); -khtml-opacity:.8; -moz-opacity:.8; opacity:.8}

#thelogo {margin-bottom:25px}

.topbar-widget {
    color: #fff;
    padding: 5px 0}
.topbarmenu ul li a {
  color: #000;
  font-size:16px;
  padding: 10px 12px;
  color:rgba(255,255,255,0.7) }
.topbarmenu ul li .sf-dropdown-menu li:hover { background:#eee !important }
.stickyheader .is-sticky #kad-banner {
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
	-o-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2)}
.sf-menu a {
    transition:background 0.3s ease-out 0s, box-shadow 0.3s ease-out 0s;
	-webkit-transition:background 0.3s ease-out 0s, box-shadow 0.3s ease-out 0s;
	-moz-transition:background 0.3s ease-out 0s, box-shadow 0.3s ease-out 0s;
	-o-transition:background 0.3s ease-out 0s, box-shadow 0.3s ease-out 0s}
#nav-main {font-size:0}
#nav-main ul.sf-menu > li > a {text-transform:uppercase;letter-spacing:0.2px}
.sf-dropdown-menu { text-transform:none !important;letter-spacing:0.4px}
.sticky-wrapper .kad-header-style-three .nav-main .sf-menu > li > ul {top:100% !important}
#nav-main ul.sf-menu ul li a, #nav-second ul.sf-menu ul li a, .nav-main ul.sf-menu ul li a {font-size:16px;padding:12px}
.kad-header-style-three #nav-main ul.sf-menu > li > a {letter-spacing:0.5px}
#nav-main li a {
  border-left: 0px solid #fff;
  border-right: 0px solid #ddd;
  padding: 15px 15px}
  
#nav-main ul.sf-menu > li > a:hover, #nav-main ul.sf-menu > li.current-menu-item, #nav-main ul.sf-menu > li.current-page-ancestor {
	background: #fff; 
	background-image: -webkit-linear-gradient(#fff 20%, #f5f5f5 100%); 
	background-image: -moz-linear-gradient(#fff 20%, #f5f5f5 100%); 
	background-image: -o-linear-gradient(#fff 20%, #f5f5f5 100%); 
	background-image: linear-gradient(#fff 20%, #f5f5f5 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#f5f5f5');
	box-shadow: 0 7px 10px -5px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 7px 10px -5px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 7px 10px -5px rgba(0, 0, 0, 0.2);
	-o-box-shadow: 0 7px 10px -5px rgba(0, 0, 0, 0.2);
	color: #777 !important }
ul.sf-dropdown-menu > li > a:hover {background:#f2f2f2}
.sf-dropdown-submenu > a.sf-with-ul {background:#f2f2f2;font-weight:bold !important}

.sf-menu > .kt-lgmenu > ul, .sf-menu > li.kt-lgmenu.sfHover > ul, .sf-menu > li.kt-lgmenu:hover > ul {left:0;right:0;margin:0 auto}

.nav-trigger {margin-top:25px}
  
.kt-showsub-indicator ul.sf-menu > li.sf-dropdown > a > span {padding-right: 15px}
.footerclass {
  border-top:1px solid #ccc;box-shadow:0 2px 25px rgba(0,0,0,0.15)
}
#containerfooter .menu {
    list-style: outside none none;
    margin: 0 20px 0 0;
    padding: 0
}
#containerfooter .menu li a {
    background: none;
    display: block;
    max-width: 100%;
    padding: 5px 8px;
    transition: background 0.3s ease-in-out 0s
}
#containerfooter h3 {font-size: 16px; margin: 0 0 5px}

.home-padding {padding:25px 0 15px}

.social-button {width: 34px; height: 32px; display: inline-block; background-position: top left; background-repeat:none; margin-right: 5px}
.social-button {
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	-ms-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out }
.social-button:hover {background-position:top right}

.footernav ul li a {font-size:14px}
.footercredits {border-top:1px solid #eee;margin-top:25px}
.footercredits p {line-height:1.7em}

/* -------------------- */

.tooltip-inner{padding:3px 8px;color:#fff;text-align:center;text-decoration:none;background-color:#555;border-radius:4px}
.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}
.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#555}
.tooltip.top-left .tooltip-arrow{bottom:0;left:5px;border-width:5px 5px 0;border-top-color:#555}
.tooltip.top-right .tooltip-arrow{bottom:0;right:5px;border-width:5px 5px 0;border-top-color:#555}
.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#555}
.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#555}
.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#555}
.tooltip.bottom-left .tooltip-arrow{top:0;left:5px;border-width:0 5px 5px;border-bottom-color:#555}
.tooltip.bottom-right .tooltip-arrow{top:0;right:5px;border-width:0 5px 5px;border-bottom-color:#555}

.page-header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    border-top: none;
    margin: 0 0 20px;
    padding-bottom: 8px;
    padding-top: 8px}

.bcarousellink > header > h5 {
    margin: 0;
    padding: 0;
	font-size: 18px;
	font-weight: 600;
	line-height: 24px}
	
a.bcarousellink p, .bcarousellink > header > h5 {
	color:#555 !important;
	transition: all .3s ease-out;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-o-transition: all .3s ease-out }
	
a.bcarousellink:hover p, .bcarousellink:hover > header > h5 { color:#777 !important }
.widget_virtue_imgmenu_widget img {width: 100%}

.image_menu_message h4 {
    background-color: rgba(255, 255, 255, 0.7); 
    color: #000;
    padding: 6px 10px;
	position:unset;
	text-align:center}

.modal-dialog {width:800px !important}

.kt-simple-box, .kad-icon-box {border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;-o-border-radius:6px;margin:0 auto 8px}
.kt-simple-box h6 {color:#fff;font-size:16px;line-height:26px}
.kad-youtube-shortcode.videofit {margin-bottom:20px}

iframe.piwik-optout {width:100%;display:block;background:#ddd;border:0 !important}



/* ------ panels ------ */

.nav-tabs { background: rgba(255, 255, 255, 0.4) none repeat scroll 0 0 }
.panel-group {
    margin-top: 10px;
}
.panel.panel-default {
    background: rgba(0, 0, 0, 0.05) none repeat scroll 0 0;
    border: 1px solid #e5e5e5;
    margin-bottom: 3px}
.panel-heading .accordion-toggle.collapsed {border-left: 4px solid #d6d6d6}
.panel-heading .accordion-toggle {border-left:4px solid;font-weight:700}
.panel-heading:hover {background: #fff}
.panel h3 {border-bottom:none;margin-bottom: 5px}
.panel-body {background: #fff}
div.panel-body.postclass ul {padding: 0 20px}
.icon-minus, .icon-plus {margin-left: 10px}

.accordion-toggle {background: rgba(255,255,255,0.65)}
.accordion-toggle.collapsed {background:none}

.kad-btn {border-radius: 8px; min-width: 160px;  text-align: center}

#panel-6-0-0-1 {margin-bottom: -2px !important}

#social-buttons {display:inline-block;margin-bottom:25px}
#social-buttons p {display:inline-block;margin:0}
#social-buttons img {margin:0!important}


/* ------ content stuff ------ */

hr {border-color:rgba(0, 0, 0, 0.1);margin-bottom:35px;}

img {
	-webkit-transition: opacity 0.25s ease-in-out;
	-moz-transition: opacity 0.25s ease-in-out;
	-o-transition: opacity 0.25s ease-in-out;
	-ms-transition: opacity 0.25s ease-in-out;
	transition: opacity 0.25s ease-in-out}
a img:hover, ul#menu-topbar a:hover img {
  filter:alpha(opacity=75);
  -moz-opacity:0.75;
  -khtml-opacity: 0.75;
  opacity: 0.75 }

h1,h2,h3 {margin-bottom:15px;text-transform:uppercase}
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4 {margin-bottom:15px}
h1{letter-spacing:-0.5px}
h4,h6 {margin-bottom:5px; margin-top:0}
a h2:hover, a h3:hover, a h4:hover {color:#888!important}
a.accordion-toggle {text-decoration:none!important}
.contentclass a:hover, .contentclass a:active, .contentclass a:focus, .kad-icon-box:hover h4, .kad-icon-box:active h4, .kad-icon-box:focus h4 {color:#f6b5ae}
#widget_kadence_social-2 a:hover,#widget_kadence_social-2 a:active,#widget_kadence_social-2 a:focus {color:#fff !important}
/*#ktmain a:link, #ktmain a:visited, a.kt-excerpt-readmore {color:#634476;text-decoration:underline}*/
a.homepromolink, .kad-icon-box {text-decoration:none!important}

blockquote {padding:0 20px;border-left:7px solid #f6b5ae;margin-top:10px}
blockquote p {font-size: 22px; line-height: 1.4em }
td { padding: 0.5em 2%;vertical-align:top}

iframe.flex, .video-wrapped {
	width: 100%;
	display: block;
	margin-bottom:25px}

.image_menu_hover_class { background: #fff !important}
.image-menu-image-size .homepromolink:hover .image_menu_hover_class { 
	filter:alpha(opacity=45);
	-moz-opacity:0.45;
	-khtml-opacity: 0.45;
	opacity: 0.45}

[class*=" icon-"], [class^="icon-"] {margin-bottom: 6px}

/* ------ form stuff ------ */

label, em.hint {font-weight:400; display:inline-block}
.wpcf7 input, .wpcf7 textarea, input.full, textarea	{
	border:1px solid #bbb;
	border-radius:8px!important;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
    color: #777;
    padding: 5px 8px;
    max-width: 900px
}
.select2-container	{
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
    color: #777
}
.form-search, .select2-container,.wpcf7-select		{border-radius:8px}
.select2-container .select2-choice					{color:#555}
.select2-container, .wpcf7-select, input, textarea 	{background:#fff;color:#555}
.select2-container .select2-choice .select2-arrow 	{background:rgba(0,0,0,.1)}
.select2-container	{width:50%}

.wpcf7 input.wpcf7-submit {font-size: 16px}
input.wpcf7-submit:hover	{color:#fff!important}
input.wpcf7-submit { color: #fff; font-size: 14px;
	-webkit-transition: background 0.4s ease-out 0s;
	-moz-transition: background 0.4s ease-out 0s;
	-o-transition: background 0.4s ease-out 0s;
	-ms-transition: background 0.4s ease-out 0s;
	transition: background 0.4s ease-out 0s }
.wpcf7 textarea, textarea	{height:210px;margin-bottom:5px}

input:active,input:focus,input:hover,textarea:active,textarea:focus,textarea:hover,.select2-choice:active,.select2-choice:focus,.select2-choice:hover{background:#f1f1f1;color:#000}
span.wpcf7-list-item		{margin: 0 8px 0 0}
div.wpcf7-response-output	{background:rgba(255,255,255,.15);border-radius:8px}
#commentform .form-submit #submit, input.button[type="submit"] {color: #fff}
#commentform .form-submit #submit:hover {color: #000}
div.wpcf7-validation-errors { border: 2px solid #e00; background: #fff; font-weight: 600 }
div.wpcf7-response-output { border-radius: 8px; padding: 7px 14px }

/* ------ NextGen Gallery ------ */

.ngg-gallery-thumbnail span {
    line-height: 1.4em;
    padding: 5px 8px 9px
}

/* ------ Guestbook ------ */

#gwolle_gb_new_entry input {
	border:1px solid #bbb;
	border-radius:8px!important;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
    padding: 5px 8px;
    max-width: 900px
}
#gwolle_gb_new_entry input #gwolle_gb_author_name,
#gwolle_gb_new_entry input #gwolle_gb_author_email,
#gwolle_gb_new_entry textarea	{ color: #000}
#gwolle_gb_new_entry input #gwolle_gb_submit {color:fff!important}
#gwolle_gb .input textarea {height:180px!important;padding:7px!important}
#gwolle_gb_new_entry input {width:100%}

#gwolle-gb-total {display: none}
#gwolle_gb .page-navigation a, #gwolle_gb .page-navigation span {font-size:20px;padding:5px 10px!important}
#gwolle_gb .page-navigation span.current{background-color:fff!important}
.button{backgound:#fff!important;font-size:16px;}

#gwolle_gb_write_button > input.btn-default {background-color:#fff!important}
#gwolle_gb_write_button > input.btn-default:hover {background-color:#eee!important}


#gwolle_gb .gwolle-gb-first {margin:0 0 15px}
.gb-entry {margin: 20px 0 25px!important;padding: 0 0 25px!important}
#gwolle_gb .gwolle-gb-first, .gb-entry {border-bottom:1px solid #ddd !important; border-top: none !important}
.gb-author-info {margin-bottom:0.5em}
.gb-author-name, .gb-moderator {
    font-size: 24px;
    font-style: normal;
    font-weight: 600 !important;
	margin-right: 5px;
}
.gb-datetime {color:#999;font-style:italic}
#gwolle_gb .gb-entry-admin_reply {background-color:#fff!important;background-image:none!important;padding:15px!important}
.gb-admin-reply-uid {font-weight:bold}


/*  --- SHOP ---  */
.form-search .search-query {width:auto}

.summary .price {
    font-size: 28px;
    display: inline-block;
}
.product p.wc-gzd-additional-info {display: inline-block}
p.price-unit {margin-left: 6px}
p.price-unit::before, .tax-info::before {content: "("}
p.price-unit::after, .shipping-costs-info::after {content: ")"}

#content div.product form.cart {margin-top: 30px}
.woocommerce-product-details__short-description {margin-top: 20px}
div.product .woocommerce-tabs ul.tabs li {padding: 0 21px}

div.product .product_meta .posted_in{
    display: inline-block;
    margin-left: 20px;
}
#kadbreadcrumbs span {margin: 0 1px}

.woo-archive-pg-order {display:none}
.product_item .price {font-size:24px}
.kad_add_to_cart .contentclass a:hover {color:#fff !important}
.kad-btn-primary:hover, .cart_totals .checkout-button:hover {background:#ccc !important}

 /* Warenkorb */
.woocommerce-shipping-calculator {display:none}
.wc-proceed-to-checkout a {color:#fff; text-decoration:none}
.shop_table_responsive .product-name a {font-weight:bold}
.cart_totals .checkout-button {line-height: 26px;font-size: 16px}

 /* Order Received */
ul.order_details {display:block}


 /* Kundenkonto */
legend {padding-top: 25px}
.button {background:#fff}