/*

Theme Name: X &ndash; Child Theme
Theme URI: http://theme.co/x/
Author: Themeco
Author URI: http://theme.co/
Description: Make all of your modifications to X in this child theme.
Version: 1.0.0
Template: x

*/

/* Font Styling */


/* @font-face {
  font-family: 'helvetica';
  src: url('http://www.deargoods.com/wp-content/themes/x-child/fonts/helvetica.eot');
  src: url('http://www.deargoods.com/wp-content/themes/x-child/fonts/helvetica.eot?#iefix') format('embedded-opentype'),
       url('http://www.deargoods.com/wp-content/themes/x-child/fonts/helvetica.woff') format('woff'),
       url('http://www.deargoods.com/wp-content/themes/x-child/fonts/helvetica.ttf')  format('truetype'),
       url('http://www.deargoods.com/wp-content/themes/x-child/fonts/helvetica.svg#svgFontName') format('svg');
}
 */

.ubermenu-item-level-1 {
    font-size:14px;
}

.x-colophon.bottom .x-nav li a {
    text-transform: none;
    font-size:16px;
}

.woocommerce div.product .woocommerce-tabs h2 {
    font-size: 26px !important;
}

.woocommerce div.product .summary .product_title {
    font-size: 36px !important;
}

/* .eg-item-skin-1-element-0, .eg-item-skin-1-element-6 {
font-family: 'helvetica' !important;
}
 */

/* adding font to: Navigation Menu */

/* .x-navbar .x-nav-wrap .x-nav > li > a {
  font-family: "helvetica",sans-serif;
  font-weight: 400;
} */

/* adding font to: Headings */

/* h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: "helvetica",sans-serif;
} */

/* adding font to: Custom Headline */

/* .h-custom-headline {
  font-family: "helvetica",sans-serif;
}
 */
/* adding font to: Body font, will be inherited to all plain texts where font-family is not defined */

/* body {
  font-family: "helvetica",sans-serif;
} */

/* .woocommerce div.product .summary .price>.amount, .woocommerce div.product .summary .price>ins>.amount {
    font-size: 44px;
}

.woocommerce div.product .summary .product_title {
    font-weight: 500;
	
	} */
 
 
 /* .woocommerce div.product .summary .price>.amount, .woocommerce div.product .summary .price>ins>.amount {
    font-size: 44px;
}

.woocommerce div.product .summary .product_title {
    font-weight: 500;
	
	} */
	
 
 /* .x-tab-content p, ul, li {
font-size: 14px;
}


.x-tab-content h2 {
font-size: 20px !important;
} */

/*change font size*/

/* .x-tab-content p, ul, li {
font-size: 18px;
} */


 
.ubermenu-main, .ubermenu-main > .ubermenu-nav {
    border-left: 1px !important;
    border-right: 1px !important;
}


.x-brand {
display:none;
}

#wpmenucartli {
display:none;
}



/*Customizer Import */

/* remove underline bei menu hover - aktuell noch ausgeklammert 

.x-navbar .desktop .x-nav > li > a:hover > span, .x-navbar .desktop .x-nav > li.x-active > a > span, .x-navbar .desktop .x-nav > li.current-menu-item > a > span {
box-shadow: none !important;
}
*/


/* make footer full width */

footer.x-colophon.bottom .x-container {
  min-width: 100% !important;
}

/* sub menu left align */
.masthead-inline .x-navbar .sub-menu {
    left: 0 !important;
}

/* bg color drop down menu */

.x-navbar .sub-menu {
background-color: #eeeeee!important;
}

/* pfeile aus dropdown menu entfernen */

.x-navbar .desktop .x-nav li>a>span:after {
    display: none;
}

/* blog landing page, remove autor name und leave a comment */

.p-meta > span:first-child {
    display: none;
}

.p-meta>span:nth-child(4) {
    display: none;
}

/* hover effekte für blogposts auf blog landingpage entfernen */

a.entry-thumb:hover img {
	opacity: 1;
	filter: alpha(opacity=100);
	zoom: 1;
}

.entry-thumb:before {
	background-color: transparent !important;
	content: "";
}

/* blog landing page, x standart header verbergen */

.x-header-landmark {
border:none !important;
padding: 0px 0 !important;
}



/* blog entry icons vor headline entfernen */

.x-iso-container-posts > .hentry .entry-wrap {
border: 0px !important;
}

/* border um featured image auf blogpage entfernen */

.entry-featured {
  border: none !important;
}

/* reduce blog featured image size */ 
body .entry-thumb {
  background-color: #fff;
}

body .entry-thumb img {
  min-width: inherit;
  display: block;
  margin: 0 auto;
}

/* blog entry icons vor headline entfernen */

.format-standard .entry-title::before {
    content: "";
}


/* mailchimp form styling */

.x-subscribe-form input[type="text"],
.x-subscribe-form input[type="email"] {
  width: 100%;
  margin-bottom: 1.25em;
  font-size: inherit;
  color: #ffffff;
  background: #000000;
  border: none;
}

/* dotted line style für selbstgebauten footer */

hr.style9 {
	border-top: 1px dashed #8c8b8b;
	border-bottom: 1px dashed #fff;
}

/* hover effekt für grid auf startseite  */

.x-block-grid img {
-webkit-transition: opacity 0.8s ease;
transition: opacity 0.4s ease;
}

.x-block-grid a:hover img {
opacity: 0.6;
}

/* full width website, auch mit grid  */ 

.home .x-container.max.width.offset,
.home .x-section .x-container.width {
    width: 100%;
}

/* top und bottom margins im grid für gleiche abstände  */

.home #x-section-1 .x-block-grid > li {
    margin-top: 1px;
}

.home #x-section-1 .x-block-grid-item img {
    margin-bottom: 26px;
}

.home #x-section-2 .x-block-grid > li {
    margin-top: 0px;
}

.home #x-section-2 .x-block-grid-item img {
    margin-bottom: 26px;
}

/* img slider background color verschwinden lassen  */

.x-flexslider .x-slides img {
    margin-bottom: 0;
}

.x-flexslider .x-slides .x-slide {
    background-color: #fff;
}


@media (min-width:960px) {
#topmenu {
  margin-top: 50px;
  margin-left: 60%;
  float:right;
  
}
}

@media (max-width:960px) {
#topmenu {
  margin-top: 50px;
  margin-left: 10%;
  float:none;
  
}
}


.minimal-light .esg-filterbutton.selected {
    
    border: none !important;
    color: black !important;
    box-shadow: none !important;
    
}

.minimal-light .esg-filterbutton, .minimal-light .esg-navigationbutton *, .minimal-light .esg-navigationbutton {
 	
    border: none !important;
    color: black !important;
    box-shadow: none !important;
}

.posted_in {
display:none;
}


.x-landmark {
    display: none;
}

.x-breadcrumbs {
    float: left;

}

.x-breadcrumbs span.current {
    color:grey;
}
 
#topmenu a {
  color:#545454 !important;
  
}


.esg-grid .mainul li.eg-product-wrapper {
border:none !important;
}
 
 .eg-product-content {
 border-width: 0 !important;
}


/*remove border around links and buttons in Firefox*/
a:focus, 
a.x-btn:focus, 
select:focus, 
input[type="file"]:focus, 
input[type="radio"]:focus, 
input[type="submit"]:focus, 
input[type="checkbox"]:focus, 
input[type="button"]:focus {
outline: none !important;
}

 /*Remove margin between breadcrumbs and product image*/
 .x-container.offset {
    margin: 20px auto; /*change this value*/
}



/* WooCommerce */


	
.woocommerce .quantity input[type="number"] {
    max-width: 150px;
    background-color: lightgrey;
    color: black;
	text-align: center;
}



.woocommerce div.product .images .x-img-thumbnail {
    max-width: 500px;
    border: none;
}

.woocommerce div.product .woocommerce-tabs {
    clear: none;
    float: right;
    width: 50%;
    margin-top: 50px;
  
}




.woocommerce div.product .images .x-img-thumbnail {
    max-width: 600px;
    border: none;
}

.woocommerce div.product .woocommerce-tabs {
    clear: none;
    float: right;
    width: 50%;
    margin-top: 50px;
  
}

.woocommerce .cart .actions .coupon input[type="text"] {
    width: 25% !important;
    margin: 1% !important;
    float: left;
}

.woocommerce-variation-add-to-cart {
    float:right;
}


.woocommerce-variation-add-to-cart .quantity {
	display:none !important;
}


.x-nav-tabs {
display:none;
}

.x-tab-content {
border:none;
}



/*remove padding in description tab*/

.x-tab-content .x-tab-pane {
    padding: 0;
 
}




/*remove reset and sku */
.woocommerce .reset_variations {
    display:none !important;
}

.product_meta .sku_wrapper {
    display:none;
}
 /* move cart button up */
.woocommerce div.product .summary .variations {
    margin-bottom: 0 !important;
}

.woocommerce div.product .woocommerce-tabs {
    margin-top: 10px !important;
}


.product .quantity { display: none; }




/* Slider in Gallery Posts tweaks */

.x-flexslider {
    background: #ffffff;
	}
	
	
.x-flexslider .x-slides img {
    width: initial;
    display: block;
	margin: 0 auto 
	}
   
/* Footer menu styling */	
.x-colophon.bottom .x-nav li a {
    text-transform: none;
}

/* forcing to make grid even */
.eg-product-element-0 {
    overflow: hidden;
    height: 50px !important;
}



@font-face {
	font-family: 'helvetica';
	font-style: normal;
	src: url('//www.deargoods.com/wp-content/uploads/useanyfont/161102021338helvetica.eot');
	src: local('helvetica'), url('//www.deargoods.com/wp-content/uploads/useanyfont/161102021338helvetica.eot') format('embedded-opentype'), url('//www.deargoods.com/wp-content/uploads/useanyfont/161102021338helvetica.woff') format('woff');
}
         
.helvetica{font-family: 'helvetica' !important;}
           
	body, h1, h2, h3, h4, h5, h6, p, blockquote, li, a{
	font-family: 'helvetica' !important;
}