/*
Theme Name: thevejmelkas
Theme URI: http://www.thevejmelkas.com/
Description: WordPress Theme für thevejmelkas.com.
Version: 0.1
Author: Dirk Jaster
*/

html,body,div,span,p,a,img,u,i,ul,small,strong,button{margin:0;padding:0;border:0;font-size:100%;font-family: 'Glass Antiqua', serif;}
html,body{min-height:100%;}
body{background:#f9f7e9;color:#343f50;box-sizing:border-box;padding:2%;font-size:20px;line-height:1.25;}
a { color:#343f50; text-decoration:none; border-bottom:2px dotted #e6ae7f; }
a:hover {border-color:#c3db9a;}
img { max-width:100%; height:auto; }
small { font-size:16px; }
.aligncenter { display: block; margin-left: auto; margin-right: auto;}
.alignleft { float: left; margin: 0.5em 1em 0.5em 0; }
.out { display:block; width:100%; max-width:800px; height:100%; margin:auto; -webkit-border-radius:10px; border-radius:10px; box-sizing:border-box; } 
#menu-navi { list-style-type: none; font-size:26px; letter-spacing:1px; text-transform: uppercase; text-align: center; padding:0 0 10px 0; margin:0 0 25px; border-bottom:4px dotted #c3db9a; }
#menu-navi li { display: inline; }
#menu-navi a { display: inline-block; padding:2px 12px; border:0; }
#menu-navi a:hover { color:#c3db9a; }
.current-menu-item {font-weight: bold;}
.page{margin-bottom:20px;}
.page-restrict-output{margin-top:20px;}
.pr-error{color:red;}                                           
#ninja_forms_field_9_options_span li, #ninja_forms_field_18_options_span li, #ninja_forms_field_25_options_span li {display:inline-block; padding-right:10px; }     
#ninja_forms_field_9_options_span label, #ninja_forms_field_18_options_span label, #ninja_forms_field_25_options_span label {padding-top:35px;}
#ninja_forms_field_9_0_label, #ninja_forms_field_18_0_label, #ninja_forms_field_25_0_label { background:url(img/di1.png) no-repeat center top; }
#ninja_forms_field_9_1_label, #ninja_forms_field_18_1_label, #ninja_forms_field_25_1_label { background:url(img/di2.png) no-repeat center top;}
#ninja_forms_field_9_2_label, #ninja_forms_field_18_2_label, #ninja_forms_field_25_2_label { background:url(img/di3.png) no-repeat center top;}
.clear:before,
.clear:after { content: " "; display: table; }
.clear:after { clear: both; }
.products, .wc-tabs { list-style:none; }
.products a { border:0; }
.products li { display:block; float:left; width:30%; padding-right:5%; height:420px; }
.products li:nth-child(3n) { padding-right:0; }
.products h3 { margin:8px 0; }
.products a.button,
.cart button { background:0; display:block; border-bottom:2px dotted #e6ae7f; padding-top:8px; font-size:18px; }
.cart button { font-size:20px; font-weight:bold; cursor: pointer; }
.cart { margin:10px 0 25px; }
.product-thumbnail a { border:0; }
.products small { font-size:14px; letter-spacing: -1px; }
.products .outofstock { position:relative; }
.products .outofstock a { -webkit-filter: grayscale(80%) opacity(50%); 
                                filter: grayscale(80%) opacity(50%); }
.products .outofstock:before {
  content: "out of stock";
  display: block;
  position: absolute;
  left:0;
  top:20px;
  font-size:13px;
  color:#000;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  z-index:9;
}
.products .outofstock:after {
  content: "";
  display: block;
  position: absolute;
  left:0;
  top:0;
  width: 0;
  height: 0;
  border-top: 80px solid #fac293;
  border-right: 80px solid transparent;
  z-index:8;
}                                                             
.woocommerce .woocommerce-message {
    border:0 !important;
}
#add_payment_method #payment, .woocommerce-checkout #payment {
    background:0 !important;
}
#add_payment_method #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods {
    padding:0 !important;
    border:0 !important;
}

ul.photolinks { list-style:none; }
ul.photolinks li { display:inline-block; width:48%; padding:3px 0; }
ul.photolinks a { display:block; }
ul.photolinks img { margin-right:16px; }
ul.photolinks p { height:0; display:none; }

@media (max-width: 600px) {
  #menu-navi { font-size:24px; }
  #menu-navi a { padding:2px 8px; }
  .products li { width:48%; padding-right:4%; height:400px; }
  .products li:nth-child(3n) {  padding-right:4%; }  
  .products li:nth-child(2n) {  padding-right:0; }
}