/*
	Theme Name: SM Kosmetik
	Theme URI: http://themeforest.net/user/fuelthemes
	Description: This is a child theme for UberStore
	Version: 1.0.0
	Author: fuelthemes
	Template: uberstore-wp
*/

@import url("../uberstore-wp/style.css");

.main-header h1 {  font-weight:200; }
.playfair, h1, h2, h3, h4, h5, h6 {font-family:Lato;}

#lato-heading {
	font-size: 42px;
	line-height: 56px;
	font-weight: 200;
	font-family: Lato;
	color: #472d27;
	text-decoration: none;
	background-color: transparent;
	text-shadow: none;
	border-width: 0px;
	border-color: #000000;
	border-style: none;
}

#lato-subheading {
	font-size: 31px;
	line-height: 35px;
	font-weight: 200;
	font-family: Lato;
	color: #472d27;
	text-decoration: none;
	text-shadow: none;
	background-color: transparent;
	border-width: 0px;
	border-color: #000000;
	border-style: none;
}

#lato-more {
	font-size: 17px;
	line-height: 20px;
	font-weight: 600;
	font-family: Lato;
	color: #472d27;
	text-decoration: none;
	text-shadow: none;
	background-color: transparent;
	border-width: 0px;
	border-color: #000000;
	border-style: none;
}

#lato-more  a{
	font-size: 17px;
	line-height: 20px;
	font-weight: 600;
	font-family: Lato;
	color: #472d27;
	text-decoration: none;
	text-shadow: none;
}

/*
*  HEADER AND
*  NAVIGATION
*/
#header.style3 {
  background: #fafafa;
  padding: 0 0 25px 0;
}

#nav {
  padding: 12px 20px 0 0;
  height: 60px;
  background: #f4f3f3;
  border-bottom: 1px solid #ebebeb;
}

#header.style1 {
  padding:0 0 15px 0;
  background:#fafafa url("img/header_bg.jpg") repeat-y;
}

#topnav {
  margin:30px;
  float:right;
}

#topnav a {
  color:#A88445;
  font-size:13px;
  text-transform:uppercase;
}
#topnav a:hover, #nav a:hover, #nav .sf-menu > li > a:hover, #nav .sf-menu > li.menu-item-has-children:hover > a, #nav .sf-menu > li.menu-item-has-children > a.active,
dl.tabs dd.active a, dl.tabs li.active a, ul.tabs dd.active a, ul.tabs li.active a {
  color:#35634D;
}

.btn:hover, .button:hover, input[type=submit]:hover, .comment-reply-link:hover {
	background: #35634D;
}

#nav .dropdown, .wpb_tour dl.tabs dd.active, .wpb_tour dl.tabs li.active, .wpb_tour ul.tabs dd.active, .wpb_tour ul.tabs li.active,
.widget ul.menu li.current-menu-item a {
	border-color: #35634D;
}

#nav .dropdown:after{
	border-color: transparent transparent #35634D transparent;
}

ul.top-menu {
  float:right;
  margin:0;
}
.top-menu li {
  list-style-type:none;
  text-align:right;
}

.free-sample {
  background:#35634D;
  padding: 8px 13px;	
}

.top-menu .free-sample {
  margin-top:55px;
}

.free-sample:hover {
  background:#A88445;
  color:#fff;
}

#topnav .top-menu .free-sample a, a.free-sample {
  color:#fff;
}

#topnav .top-menu .free-sample a:hover {
  color:#fff;
}

div[role=main] {
	padding-bottom: 50px;
}


@media only screen and (max-width: 40em) {

	#topnav {
	  margin:10px;
	  float:left;
	}

	ul.top-menu {
	  float:left;
	  margin:0;
	}
	.top-menu li {
	  list-style-type:none;
	  text-align:left;
	}

	.free-sample {
	  background:#35634D;
	  padding: 8px 13px;	
	}

	.top-menu .free-sample {
	  margin-top:10px;
	}
}


.style3 #nav {
  float: right;
  border: 0;
  padding-top: 0;
  background: #F4F3F3;
  height: 40px;
}
.style3 #nav .sf-menu > li:after {
  color: #fff;
}
.style3 #nav .sf-menu > li > a {
  color: #020202;
}
.style3 #nav .sf-menu > li > a:hover, .style3 #nav .sf-menu > li > a.active {
  color: #069283;
}
.style3 #nav .sf-menu > li > a, .style2 #nav .sf-menu > li > a {
  padding: 13px 0 13px 25px;
}
.style3 #nav .dropdown, .style2 #nav .dropdown {
  left: 0;
}
.style3 #nav .dropdown.menu-left, .style2 #nav .dropdown.menu-left {
  left: auto;
  right: -20px;
}
#header .logo .logolink {
  padding-top:10px;
}
.mainbox {
  padding-top:30px;
}
#nav .dropdown ul li a {
  display: block;
  padding: 10px 0;
  margin-right: 20px;
  border-bottom: 1px solid #ededed;
  color: #858585;
  font-weight:bold;
}
#nav .dropdown-column ul li a {
  padding: 10px 0 10px 15px;
  background:url("img/nav_arrow.png") top 15px left no-repeat;
  font-weight:normal;
}
#subnav > ul > li > a:hover {color:#069283;}

@-moz-document url-prefix() { .select-wrapper select { padding-top:9px;} }



/*
*  GENERAL
*  PAGE
*/
.post .post-content h1 {
  font-weight:200;
  font-size:30px;
  color:#472d27;
}

.post .post-content h2 {
  font-weight:200;
  font-size:30px;
  color:#472d27;
}

.product-list .iconbox span img {
  width:80px;
  height:200px;
}
.product-list .iconbox span {
  width:80px;
  height:200px;
}

.neuer-look .columns {
  text-align:center;
}
.ansprechpartner img {
  margin-bottom:10px;
}
.ansprechpartner {
  text-align:center;
}
.ansprechpartner .title {
  padding-bottom: 0px;
  margin-bottom:0px;
}

.tp-caption a, .tp-caption a:hover {
  color:#fff;
}

.tp-caption a:hover {
  text-decoration:underline;
}

/*
*  PRODUCT DETAIL
*  PAGE
*/
.quantity input[type="button"], .quantity .qty { 
  height:36px;
  width:36px;
  font-size:15px;
  padding:0;
}

.product-information .single_add_to_cart_button {padding:10px;}

#designer { width: 700px !important;}

.fancy-product .fpd-container { margin-right:0; }

#designer section.fpd-sidebar {
  margin-right:10px;
}

.fancy-product .fpd-container {
  margin-bottom:0;
}

.short-description  {
  margin-top:40px;
}

.iconbox.left.type2  .fa {
  color:#069283;
}


.short-description .row .columns:last-child {
  text-transform:lowercase;
}

.post .post-content h2.small {
font-weight: 400;
font-size: 24px;
line-height: 28px;
margin-top: 0;
}


#anleitung h1 {
  font-size:24px;
}
#anleitung h2 {
  font-size:20px;
}
#anleitung li {
  margin-left:20px !important;
}
#anleitung .row {
  margin-bottom:40px;
}
#anleitung p {
  line-height:2;
  font-size:15px;
}
.product-information {padding-left:0;}
.product_meta {text-transform:inherit;}
.post .post-title  h1 {font-size:32px;}
.product-information .price > .amount {font-size:26px;}
.woocommerce-tabs {margin-top:20px;}
.notification-box.success {background:#DAEBE6;}
.notification-box {color:#fff important;}
.button.wc-forward {color:#069283;}
.button.wc-forward {color:#069283;}
.button.wc-forward.checkout-button, .button.wc-forward.checkout {color:#fff;}
.button.wc-forward:hover {background:#069283; color:#DAEBE6;}
.horizontaldiscounttable  {float:left;}

#subfooter {background:#fafafa;}





   /* This is a CSS code for horizontal style 1 . You can get default css for this design
   into  style1.css file into sample-styles folder */
   
   
.horizontaldiscounttable {
min-width: 180px;
font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
text-align: left;
width:400px;
height:auto;
text-overflow: ellipsis;
max-width: 2em;
white-space: nowrap;
margin-bottom:20px;
}

.horizontaldiscounttable td.horizontalquantitytd {
font-weight: bold;
font-size: 12px;
width:120px;
}
.horizontaldiscounttable td.horizontalpricetd {
font-weight: bold;
font-size: 12px;
width:120px;
}

.horizontaldiscounttable td.horizontalfirsttrtd {
font-size: 12px;

}
.horizontaldiscounttable td.horizontalsecondtrtd {
font-size: 12px;


}
.horizontalheadingtext {
  font-weight: 900;
  font-size: 12px;
  float: left;
  width: 100%;
  text-transform: uppercase;
  color: #222222;
  margin: 0 0 10px;
  line-height: 20px;
}

.iconbox .content {
  margin-bottom:50px;	
}

.cta-btns {
  text-align:center;
}

.cta-btns .btn {
  margin-top:50px;
  margin-bottom:10px;
}


#content {
  margin:0 auto;
  max-width: 75em;	
}

.mu_register input[type="submit"],
			.mu_register #blog_title,
			.mu_register #user_email,
			.mu_register #blogname,
			.mu_register #user_name {
  font-size:12px !important;
  margin-bottom: 15px !important;
  padding-bottom:10px !important;
}


.mu_register input[type="submit"] {
  font-size:14px !important;
  margin-bottom: 3px !important;
  width:auto !important;
}

.alignright img, .alignleft img, .aligncenter img { 
  width: auto !important;
}

#menu-footer li {
  float:left;
  border:none;
  padding:0 20px;
}
.menu-footer-container { float:right; }

#footer { padding: 20px; background:#f4f3f3;}
#text-2 { padding-top:18px; }



.title, .post .post-content h3.title {
  font-size: 12px;
  font-weight: 900;
  line-height: 1;
  margin-bottom: 20px;
  color: #222222;
  text-transform: uppercase;
}


.tp-caption a.black, .tp-caption a.black:hover {
  color:#222;
}