/*
 Theme Name:   HandMade Child Theme
 Theme URI:    http://themes.g5plus.net/handmade/
 Description:  HandMade Child Theme
 Author:       G5plus
 Author URI:   http://g5plus.net
 Template:     handmade
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags: 				two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
Text Domain: 		g5plus-handmade
*/
/************************************************************************************
Put your custom CSS below this block :)
*************************************************************************************/
@charset "utf-8";
@font-face {
	font-family: 'Varela Round';
	font-style: normal;
	font-weight: 400;
	src: url('fonts/Varela_Round/VarelaRound-Regular.woff2') format('woff2'),
       url('fonts/Varela_Round/VarelaRound-Regular.woff') format('woff'), 
       url('fonts/Varela_Round/VarelaRound-Regular.ttf') format('truetype'),
       url('fonts/Varela_Round/VarelaRound-Regular.svg') format('svg');
	font-display: swap}
	   
@font-face {
  font-family: "Princess Sofia"; 
  font-style: normal; 
  font-weight: 400;  
  src: url('fonts/Princess_Sofia/PrincessSofia-Regular.woff2') format('woff2'),
       url('fonts/Princess_Sofia/PrincessSofia-Regular.woff') format('woff'), 
       url('fonts/Princess_Sofia/PrincessSofia-Regular.ttf') format('truetype'),
       url('fonts/Princess_Sofia/PrincessSofia-Regular.svg') format('svg');
	   font-display: swap;}
@font-face {
	 font-family: "Playfair Display";
	 font-optical-sizing: auto;
	 font-weight: 400;
	 font-style: normal;
	 src:
	 url('fonts/Playfair_Display/PlayfairDisplay-VariableFont_wght.woff2') format('woff2'),
	 url('fonts/Playfair_Display/PlayfairDisplay-VariableFont_wght.woff') format('woff'),
	 url('fonts/Playfair_Display/PlayfairDisplay-VariableFont_wght.ttf') format('truetype'),
	 url('fonts/Playfair_Display/PlayfairDisplay-VariableFont_wght.svg') format('svg');
	 font-display: swap}
	   
@font-face {
	   font-family: "Merriweather", serif;
	   font-weight: 400;
	   font-style: normal;
	   src:url('fonts/Merriweather/Merriweather-Regular.eot');
	   src: local(''),
       url('fonts/Merriweather/Merriweather-Regular.eot?#iefix') format('embedded-opentype'), 
       url('fonts/Merriweather/Merriweather-Regular.woff2') format('woff2'),
       url('fonts/Merriweather/Merriweather-Regular.woff') format('woff'), 
       url('fonts/Merriweather/Merriweather-Regular.ttf') format('truetype'),
       url('fonts/Merriweather/Merriweather-Regular.svg') format('svg');
	   font-display: swap}


.top-bar .sidebar .widget #lang_sel>ul>li>a:after {content: "" !important}
.top-bar .top-bar-left {width:20%}
.top-bar .top-bar-right {width:80%}

header.main-header .search-box input {color: #000}


/*WooCommerce*/

h3.check-out-title {display:none}
.woocommerce form .form-row label {text-transform:none}

#agree_forwarding_email_field > span .input-radio {display:inline-block;margin-right:1em}
#agree_forwarding_email_field > span .radio {display:inline-block}

.product-listing.woocommerce .product-link {background-color: rgba(204,204,204,0);}
.product-listing.woocommerce .product-name {min-height:4em; max-height:4em; overflow:hidden}

.woocommerce .related.products {display:none}

.woocommerce-checkout #payment ul.payment_methods li .payment_box_title {padding: 1rem 2rem}
.woocommerce-checkout #payment ul.payment_methods li {text-align: left}

.woocommerce table.shop_table {text-align: center}
.woocommerce table.woocommerce-checkout-review-order-table td, 
.woocommerce table.shop_table.order_details td {
	border-bottom: 1px solid #f7f7f7;
	padding: 1rem;
	text-align: center}	

table.woocommerce-checkout-review-order-table th.product-name,
table.woocommerce-checkout-review-order-table tr.cart-subtotal th {font-weight: 700; font-size: 16px !important}
table.woocommerce-checkout-review-order-table th.product-total {padding-left: 1% !important; font-size: 16px !important; font-weight: 700}

.dhl-einwilligung {display: block; background: red}
.dhl-einwilligung {background-color:#f2f2f2; padding:1em !important; border:1px solid dedede}
.dhl-einwilligung .input-radio {float:left; margin:20px 10px 20px 0}
/*.dhl-einwilligung .woocommerce-input-wrapper label {float:left; margin:0 10px 0px 20px}*/

/*PayPal Plugin WooCommerce*/
.wc-ppcp-product-payments__container:not(top) {margin: 0;}
#wc-ppcp-product-button-container {margin: 10px 0 0 0; padding: 10px 0 0 10px}
li.payment_method_ppcp {text-align: left}
li.payment_method_ppcp img {
	vertical-align:middle !important;
	margin-left: -50px !important; 
	margin-top: 3rem !important
	}

@media screen and (max-width:1280px) and (min-width:992px)  {	
header.main-header .header-logo > a > img {max-height:75px}
header.main-header .menu-wrapper .x-nav-menu > li.x-menu-item > a,
ul.breadcrumbs li {font-size:12px}
.fl {width:25%}
.fr {width:75%}
}

@media screen and (max-width:992px) {
.top-bar .container {padding-left:0; padding-right:0}
.wpml-ls-legacy-dropdown {width:10em; background-color:#f9f9f9}
.top-bar .top-bar-left {float:left;width:10%}
.top-bar .top-bar-right {float:right; width:80%; text-align:right}
.top-bar .sidebar .widget_nav_menu > div > ul.menu {display:none}
.top-bar .sidebar aside + aside {margin-right:10px; margin-left:10px}
.top-bar .sidebar .widget_nav_menu > div > ul.menu > li {line-height:100%}
}

@media screen and (max-width:768px) {
.top-bar .container {padding-left:0; padding-right:0}
.wpml-ls-legacy-dropdown {width:10em; background-color:#f9f9f9}
.top-bar .top-bar-left {float:left;width:10%}
.top-bar .top-bar-right {float:right; width:80%; text-align:right}
.top-bar .sidebar .widget_nav_menu > div > ul.menu {display:none}
.top-bar .sidebar aside + aside {margin-right:10px; margin-left:10px}
.top-bar .sidebar .widget_nav_menu > div > ul.menu > li {line-height:100%}
}