/*
Theme Name: flatsome-child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome-NEW
Version: 3.0
*/


/*************** ADD CUSTOM CSS HERE.   ***************/

::placeholder {
  color: #f4dbb1;
}

@font-face {
   font-family:'Prata';
   font-style: normal;
   font-weight: 400;
   src: local('Prata'), local('Prata-Regular'),
   url(/fonts/Prata-Regular.woff2) format('woff2'),
   url(/fonts/Prata-Regular.woff) format('woff');
}

@font-face {
   font-family:'Open Sans';
   font-style: normal;
   font-weight: 400;
   src: local('OpenSans'), local('OpenSans-Regular'),
   url(/fonts/OpenSans-Regular.woff2) format('woff2'),
   url(fonts/OpenSans-Regular.woff) format('woff');
}

body {font-family: 'Open Sans';}

.header-inner.flex-row.container.logo-center.medium-logo-center {
    display: none !important;
}
.header:not(.transparent) .header-bottom-nav.nav>li.active>a {color: #9b0672 !important;}
.price.is-xxlarge {
    display: none;
}

h1.title {font-size: 8em;}
h2 {font-family: 'Prata' !important;font-size: 2em !important;margin-bottom: 0.25em; color: #F4DBB1 !important; font-weight: 700 !important;letter-spacing: 0.1em;line-height: 2em !important;}
h2.gold{color: #C89C50 !important;} 
h4.gold {color: #C89C50 !important;}

.img .img-inner {position: relative;overflow: visible;}
p.highlight {color: #9b0672;}
p.landing {
    font-size: 1.2em;
    color: #f4dbb1;
    letter-spacing: 0.075em;
}

p {line-height: 1.5em;color: #000;}
p.gold {font-weight: bolder;color: #C89C50;}
h4{color: #000 !important; line-height: 0.25em;} 
a.landing-link {
    text-decoration: underline;}
h2.p-koerperarbeit {font-size:4em;}
p.stock.out-of-stock {color: #ff0000;font-size: 1.25em;}
input.newsletter-mail {}
div#Newsletter {height: 60% !important; }
ul.links {font-size: .8em;}
input.newsletter-mail:focus {color: #fff;}
input.newsletter-button {width: 50%;font-family: "Sintony",sans-serif;font-size: 1.25em;border: 1px solid;background-color: transparent !important;}

.box-badge .box-text {margin: 0px 0px 20px 0px;background-color: rgba(0, 0, 0, .45);}

.nav>li>a {
    font-size: 1.2em;
}

a.button.primary.is-outline.lowercase:hover {color:#AF1006;}

.banner.has-hover {background-color: transparent !important;}

.newsletter {
    padding-top: 14%;
}

.banner h3 {
    font-size: 2.85em;
}


input[type=email], input[type=date], input[type=search], input[type=number], input[type=text], input[type=tel], input[type=url], input[type=password], textarea, select, .select-resize-ghost, .select2-container .select2-choice, .select2-container .select2-selection {
    box-sizing: border-box;
    border: 2px solid #f4dbb1;
    padding: 0 .75em;
    height: 2.507em;
    font-size: .97em;
    border-radius: 0;
    max-width: 100%;
    width: 100%;
    vertical-align: middle;
    background-color: transparent;
    color: #f4dbb1;
    box-shadow: none;
    transition: none;
}

input[type=email]:focus, input[type=search]:focus, input[type=number]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus 
{    box-shadow: none;
    outline: 0;
    color: #f4dbb1;
    background-color: transparent;
}

button {
    background: #9b0672;
    color: #F4DBB1;
}

input[type=submit] {background-color: f4dbb1 !important; color: #000000 !important;border: 2px solid #f4dbb1;text-transform: none !important;font-weight: normal;}


#cf7md-form .mdc-text-field:not(.mdc-text-field--disabled) {
    background-color: rgba(255, 255, 255, 0.2); !important;
}

button.wpcf7-form-control.wpcf7-submit.cf7md-submit-btn.mdc-button.mdc-button--raised.cf7md-initialized.mdc-ripple-upgraded {
background-color: transparent !important; outline-color: solid 1px #F4DBB1 !important;}

#cf7md-form .mdc-button--raised {
    box-shadow: none !important;
    transition: none !important;
}

#cf7md-form .mdc-button {border-radius: 0px; border: 2px solid #F4DBB1;background-color: #F4DBB1 !improtant;
}



/* ANGEBOT */

.product .box-text.text-center {background-color: rgba(175, 16, 6, 0.45);margin: 0;height: 40%;bottom: 0px;}
.product .title-wrapper {font.font-size: font-size: 1.125em; font-weight: 700;}
.product a {color: #F4DBB1;}

#cf7md-form .mdc-button--raised:not(:disabled), #cf7md-form .mdc-button--unelevated:not(:disabled) {color: #000 !important}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
h2 {
    font-size: 2em;
    margin-bottom: .25em;
}

h1.title {
    font-size: 2.5em;
}

.banner h2 {
    font-size: 4em;
}
.grid-style-3 .title-wrapper {
    -ms-flex: 1;
    flex: 1;
    padding-right: 15px;
    min-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}


.product p.wc-gzd-additional-info {
    margin-bottom: .5rem;
    font-size: .5em;
    clear: left;
}
.product_list_widget .wc-gzd-additional-info, .products .wc-gzd-additional-info {
    font-size: .8em;
    margin: 0 0 .7rem 0;
    padding: 0;
}



}