@charset "UTF-8";
/*!
Theme Name: United Pets Child by OELTI
Theme URI: https://boostifythemes.com/
Author: OELTI
Author URI: https://www.oelti.de
Template: united-pets
Description: United Pets Child Theme. Modified by OELTI.
Version: 1.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: united-pets
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/
@import url("../united-pets/style.css");

/*Loading Icon-Fonts*/
/*------------------------------------*/
@import url("../united-pets/assets/fonts/flaticon/flaticon.css");
@import url("../united-pets/assets/fonts/fontawesome/fontawesome-all.min.css");
@import url("../united-pets/assets/fonts/menu-icon/style.css");

/* Fixing bugs in the old template */
.pattern1 {
    background-image: url(/wp-content/themes/united-pets/assets/images/patterns/pattern1.png);
}

.pattern2 {
    background-image: url(/wp-content/themes/united-pets/assets/images/patterns/pattern2.png);
}

.pattern3 {
    background-image: url(/wp-content/themes/united-pets/assets/images/patterns/pattern3.png);
}

#primary-menu .sub-menu {
    padding: 5px 0;
    background-image: url(/wp-content/themes/united-pets/assets/images/patterns/pattern2.png);
    background-repeat: repeat;
}

/*------------------------------------*/
/*Own Style*/
/*------------------------------------*/

.thirdcolor {
    color: #d61c62;
}

.page-header-replacement-spacer {
    min-height: 6em;
    max-height: 6em;
}

.dp-productoverview-toggle1, .dp-productoverview-toggle2 {
    display: none;
}

.footer-credentials {
    background-color: #ffffff;
    font-size: large;
}

/* Coupon Ribbon https://codepen.io/nxworld/pen/oLdoWb */
.coupon-ribbon-parent {
    box-shadow: 0 0 15px rgba(0,0,0,.1);
}
.coupon-ribbon {
    width: 150px;
    height: 144px;
    overflow: hidden;
    position: absolute;
}
.coupon-ribbon::before,
.coupon-ribbon::after {
    position: absolute;
    z-index: -1;
    content: '';
    display: block;
    border: 5px solid #3AA1B4;
}
.coupon-ribbon span {
    position: absolute;
    display: block;
    width: 225px;
    padding: 15px 0;
    padding-left: 1em;
    background-color: #3AA1B4;
    box-shadow: 0 5px 10px rgba(0,0,0,.1);
    color: #fff;
    font: 700 13px/1 'Lato', sans-serif;
    text-shadow: 0 1px 1px rgba(0,0,0,.2);
    text-transform: uppercase;
    text-align: center;
}
.coupon-ribbon-top-right {
    top: -10px;
    right: -10px;
}
.coupon-ribbon-top-right::before,
.coupon-ribbon-top-right::after {
    border-top-color: transparent;
    border-right-color: transparent;
}
.coupon-ribbon-top-right::before {
    top: 0;
    left: 6px;
}
.coupon-ribbon-top-right::after {
    bottom: 0;
    right: 0;
}
.coupon-ribbon-top-right span {
    left: -25px;
    top: 30px;
    transform: rotate(45deg);
}


.dp-discount-banner-de::after {
    content: "25% günstiger ggü. Einzelkauf";
    background-color: rgba(214,28,98,0.8);
    font-weight: bold;
    color: white;
    border-radius: 1em;
    border: 1px solid #d61c62;
    padding: 0.2em;
    position: absolute;
}

.dp-discount-banner-menu {
    font-weight: bold;
    color: #d61c62;
    padding: 0.2em;
    position: absolute;
    min-width: 8em;
    font-size: 0.8em;
}

.dp-footer-logo {
    max-height: 6em;
    max-width: 7em;
}

.footer-widget {
    background-color: white;
}

/*Word-Wrap with a dash (maybe adding also in other parts - here only at footer and mobile)*/
@media (max-width: 544px) {
    div.menu-footer-links-de-container {
        word-wrap: break-word;
        overflow-wrap: break-word;

        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        hyphens: auto;
    }
}

/**
Back to top
 */
.back-to-top {
    background-color: #3aa1b4 !important;
    bottom: 5% !important;
}

/*
Call-To-Action-Button on Mobile
 */
.button-call-to-action, .button-call-to-action > div.buttonizer-label {
    border-bottom: #2b5b65 medium solid;
    border-top: #2b5b65 medium solid;
    height: 50px !important;
}
.button-call-to-action > img {
    width: 30px;
}
.button-call-to-action {
    border-left: #2b5b65 medium solid;
}
.button-call-to-action > div.buttonizer-label {
    border-right: #2b5b65 medium solid;
    left: 53px;
    font-family: Montserrat;
    font-weight: bolder;
    line-height: 42px !important;
    font-size: 17px;
    padding: 0 10px;
    min-width: 154px;
}

/* Add Space after p and li */
#content p {
    margin-bottom: 10px !important;
}
#content li {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}


/*General*/
/*------------------------------------*/

/* Hiding the footer when printing the page */
@media print {
    /*the header*/
    nav.main-nav {
        display: none;
    }
    /*move content top top of page */
    div.site-content {
        margin-top: -100px;
    }
    /*the footer*/
    footer {
        display: none;
    }
    /*top link button */
    button.back-to-top {
        display: none;
    }
    /* recaptcha text */
    div.rc-anchor, div.rc-anchor-pt {
        display: none !important;
    }
}

/*Remove ReCaptcha Badge*/
.grecaptcha-badge {
    visibility: hidden !important;
}

/* Hover-Grow for every Elementor button */
.elementor-button:hover {
    transform: scale(1.1);
}
.elementor-button {
    transition: all .2s ease-in-out;
}

/* Small devices (991px)  */
@media (max-width: 991px) {

    /*Adjust menu info*/
    .dp-discount-banner-menu {
        -ms-transform: rotate(-15deg) translate(-155%, -150%);
        -webkit-transform: rotate(-15deg) translate(-155%, -150%);
        transform: rotate(-15deg) translate(-155%, -150%);
    }

    /* Adjust flexible abo box additional info */
    .dp-discount-banner-de::after {
        -ms-transform: rotate(20deg) translate(-5%, -135%);
        -webkit-transform: rotate(20deg) translate(-5%, -135%);
        transform: rotate(20deg) translate(-5%, -135%);
    }
}
/* Medium devices (991px)  */
@media (min-width: 991px) {

    #primary-menu > li > a:before {
        top: 0px;
    }

    /*Adjust menu info*/
    .dp-discount-banner-menu {
        -ms-transform: rotate(-20deg) translate(-120%, -85%);
        -webkit-transform: rotate(-20deg) translate(-120%, -85%);
        transform: rotate(-20deg) translate(-120%, -85%);
    }

    /* Adjust flexible abo box additional info */
    .dp-discount-banner-de::after {
        -ms-transform: rotate(20deg) translate(10%, -165%);
        -webkit-transform: rotate(20deg) translate(10%, -165%);
        transform: rotate(20deg) translate(10%, -165%);
    }
}
.navbar {
    background: #f2f2f2 !important;
    -webkit-box-shadow: 3px 3px 12px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 3px 3px 12px 0px rgba(0,0,0,0.3);
    box-shadow: 3px 3px 12px 0px rgba(0,0,0,0.3) !important;
}
@font-face {
    font-family: 'BRLNSR';
    src: local('BRLNSR'), url(https://beta.dogpaper.eu/wp-content/fonts/berlin-sans-fb/BRLNSR.woff) format('woff');
}
@media (max-width: 991px) {
    .container #pull {
        top: 10px;
    }
}
@media (max-width: 767px) {
    .section-heading h2, h2 {
        font-size: 2.0em !important;
    }

}
h3 {
    font-size: 1.7em !important;
}
@media (max-width: 544px) {
    .section-heading h2, h2 {
        font-size: 1.7em !important;
    }
}

/*Adjust the logo and menue */
.custom-logo {
    max-height: 60px !important;
}
#primary-menu > .menu-item {
    padding: 0;
    padding-left: 1em;
    padding-right: 1em;
}
.arrow-icon {
    top: 0px;
}
.container-title > a {
    display: inline-block;
    vertical-align: middle;
}

.container-title h1 {
    color: #000000 !important;
    font-size: 2em;
    display: inline-block;
    vertical-align: middle;
    line-height: 70%;
    font-family: 'BRLNSR' !important;
    font-weight: normal;
    margin-left: 10px;
    margin-top: 0;
    margin-bottom: 0;
}

.container-title h1 span {
    display: inline-block;
}

.container-title h1 .dp_highlight {
    color: #3AA1B4;
}

.container-title h1 .dp_subtitle {
    font-size: 0.4em;
}
@media (max-width: 991px) {
    .custom-logo {
        max-height: 40px !important;
    }
    .container-title h1 {
        font-size: 1.3em;
        line-height: 74%;
    }
    .container-title h1 .dp_subtitle {
        font-size: 0.45em;
    }
    .container #pull {
        top: -10px;
    }
}

/*When logged in, the top bar was moved from top*/
.logged-in .fixed-top {
    top: 0px !important;
}

/* Footer */
footer .widget {
    padding-bottom: 1em !important;
}
footer .custom-logo-link > h1 {
    text-align: left;
}
footer div.row > div:first-child > div {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
footer .icons-container {
    display: inline-block;
}
footer .icons-container .footer-icons {
    vertical-align: middle;
    margin: 10px 0 0 .5em;
    padding: 0;
    position: relative;
    max-width: 50px;
    width: 50px;
    float: none;
    display: inline;
}
footer div.row > div:nth-child(3) .footer-icons {
    max-width: 70px;
    width: 70px;
}
.footer-section {
    text-align: center;
}
.footer-section > p {
    text-decoration: underline;
    margin-bottom: 0.3em;
}
.footer-section > ul > li {
    list-style: none;
}
.footer-section > ul > li > img {
    width: 50%;
    height: auto;
    margin-bottom: 10px;
}

/*Startpage (OnePager) */
/*------------------------------------*/

/* Key Features not italic */
i.eci {
    font-style: normal !important;
}

/* Tablist item overwrite */
.nav-tabs .nav-link {
    flex-grow: 1;
    margin: 2px;
    text-align: center;
}
.nav-tabs + .block-padding { /* => tab-content*/
    padding-top: 1em;
}

section {
    padding-top: 1em;
    padding-bottom: 1em;
}
.section-heading {
    margin-bottom: 2em;
}

/*Every product page*/
/*------------------------------------*/


/*Subscripion page*/
/*------------------------------------*/
body.woocommerce {
    color: #000000;
}

.woocommerce h2 {
    text-align: center;
    font-size: 1.667rem;
    text-transform: uppercase;
}

.woocommerce .onsale {
    text-transform: uppercase;
    font-weight: bold;
    color: #3AA1B4;
    text-align: center;
}
.woocommerce .onsale,
.woocommerce .pricecontainer .price {
    font-size: 1.063rem;
}
.woocommerce .pricecontainer {
    text-align: center;
}

.woocommerce .pricecontainer .price {
    font-weight: bold;
}

.woocommerce del {
    opacity: inherit;
    color: #d61c62;
}

.woocommerce .pricecontainer ins {
    background-color: inherit;
    padding-left: 0.6em;
}

.woocommerce .treatmentcosts,
.woocommerce .shippinginfo {
    font-size: 0.8rem;
}

.woocommerce .treatmentcosts {
    font-weight: normal;
}

.woocommerce .shippinginfo {
    margin-top: 0.6em;
    display: inline-block;
}
.woocommerce .woocommerce-product-gallery .shippinginfo {
    width: 75%;
}

/*Sticky product image / Price under picture*/
.woocommerce .woocommerce-product-gallery {
    position: -webkit-sticky !important;
    position: sticky !important;
}
@media (max-width: 991px) { /* Medium devices (991px)  */
    .woocommerce .woocommerce-product-gallery {
        top: 90px !important;
    }
    .woocommerce .product_title + .onsale,
    .woocommerce .product_title + .onsale + .pricecontainer {
        display: none;
    }
    .woocommerce .product_title + .onsale {
        display: none;
    }
    .woocommerce div.product div.images img,
    .woocommerce div.woocommerce-product-gallery {
        transition: width 2s, height 2s;
    }
    .woocommerce div.product div.images {
        margin-bottom: initial;
    }
    .woocommerce div.woocommerce-product-gallery {
        background-color: #fff;
    }
    .woocommerce div.onsale {
        min-height: 3.236em;
        min-width: 3.236em;
        padding: .202em;
        font-weight: 700;
        position: absolute;
        text-align: center;
        line-height: 3.236;
        top: -.5em;
        left: -.5em;
        margin: 0;
        border-radius: 100%;
        background-color: #3AA1B4;
        color: #FFFFFF;
        z-index: 1050;
        font-size: 0.9em;
    }
}
@media (min-width: 768px) {
    .woocommerce .woocommerce-product-gallery {
        top: 80px !important;
    }
}

/* Variation */
.woocommerce .variations td.label h3 {
    font-size: 1rem !important;
}
.variations select{
    visibility: hidden;
    display: none !important;
}
.variations td,
.variations th {
    text-align: left;
    line-height: inherit !important;
}
.variations label {
    display: inline;
}
.woocommerce .variations td.value .variation-radios {
    font-size: 0.9rem;
    font-weight: normal;
}
.woocommerce .variations td.value .variation-radios > div {
    margin-bottom: 5px;
}
.woocommerce .variations td.value .variation-radios label {
    font-weight: normal !important;
}
.woocommerce .variations td.value .variation-radios .description p {
    margin-left: 20px;
}
.woocommerce .variations td.value .variation-radios p {
    font-size: 0.7rem;
}
.woocommerce .fine-print-individual-purchase-info {
    font-size: 0.8rem;
}
.woocommerce h2 + div.onsale + div.pricecontainer .fine-print-individual-purchase-info {
    display: none;
}
.woocommerce .variations tr {
    visibility: collapse;
    border-bottom: none;
}
.woocommerce .variations tr:last-child {
    visibility: visible;
}
.woocommerce .variations tr:last-child .variation-radios > div {
    border: black thin solid;
    box-sizing: border-box;
    padding: 3px;
}
.woocommerce .variations tr:last-child label > .monthplan {
    display: inline-block;
    font-weight: bold;
}
.woocommerce .variations tr:last-child label > .countpoops {
    display: inline-block;
    font-size: smaller;
    margin-left: 20px;
}
.woocommerce .variations .reset_variations {
    display: none !important;
}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
    background-color: #2b5b65 !important;
}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
    background-color: #3aa1b4 !important;
}
.woocommerce .single_add_to_cart_button {
    width: 100%;
}

/*
Sample Product
 */
.woocommerce .woocommerce-product-details__short-description p {
    margin-bottom: 0.5em;
}
.woocommerce .woocommerce-product-details__short-description li {
    list-style: none;
    margin-left: -20px;
}
.woocommerce .woocommerce-product-details__short-description li:before {
    content: "\f196";
    padding-right: 5px;
    font-family: Flaticon;
    font-style: normal;
    color: #3AA1B4;
}
.woocommerce .woocommerce-product-details__short-description p:last-child {
    font-size: 0.8em;
}
.woocommerce div.product p.price, .woocommerce div.product span.price {
    color: inherit !important;
    font-weight: bold;
}
.woocommerce div.product form.cart {
    margin-bottom: 1em;
}

/*
Checkout page
 */
.page-id-19 .unitedpets-container,
.page-id-9 .unitedpets-container { /* Checkout page needs more margin */
    margin-top: 155px !important;
}
.wpmc-tabs-wrapper .wpmc-tab-item.current::before,
.wpmc-tabs-wrapper .wpmc-tab-item.current .wpmc-tab-number,
.wpmc-tabs-wrapper .wpmc-tab-item.current .wpmc-tab-number {
    border-bottom-color: #3AA1B4 !important;
    border-color: #3AA1B4 !important;
}
.woocommerce-billing-fields__field-wrapper .additionalContent {
    font-size: 0.8em;
}
article#post-19 input,
article#post-9 input {
    border-color: #ccc !important;
}
.woocommerce .deliverypayment {
    font-size: 0.7em;
}
.woocommerce .product-quantity {
    display: none;
}
.woocommerce ins {
    background-color: transparent;
}
.woocommerce dl.variation dl,
.woocommerce dl.variation dt,
.woocommerce dl.variation dd {
    display: block;
    width: 100%;
}
.woocommerce dl.variation {
    margin-top: 10px !important;
}
.woocommerce dl.variation dt {
    text-decoration: underline;
}
.woocommerce dl.variation dd {
    margin-bottom: 5px !important;
}
tr.subscription-order .cart_item #productname {
    font-size: 1.1em;
    border: solid 1px #6f6f6f;
    font-weight: bold;
}
/*Kreditkartenfeld für Mobiltelefone*/
@media (max-width: 544px) { /* Small devices (landscape phones, 544px) */
    #sumosubsc-stripe-card-element {
        width: 270px;
    }
}
/*Kreditkartensymbole STripe*/
.woocommerce-checkout #payment ul.payment_methods li.payment_method_sumo_stripe img:nth-child(1)::before {
    content: "\A";
    white-space: pre;
}
/* Pflichtfeld Wiederkehrende Zahlung ausblenden */
.woocommerce div[class$="payment_mode_switcher"] {
    display: none;
}
.woocommerce #place_order {
    width: 100%;
}

/*
Confirmation page
 */
.woocommerce-order .woocommerce-notice {
    font-size: inherit !important;
    text-transform: uppercase;
    padding: 0.2em 0.4em;
    border: rgba(0, 0, 0, .1) thin solid;
    border-bottom-width: 2px;
    border-right-width: 2px;
    border-radius: 5px;
}

/*
Login-Page
 */
.password-input {
    width: 100%;
}

/*
MyAccount Page
 */
.page-id-20 .content-area,
.page-id-10 .content-area {
    max-width: inherit !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
    width: 25% !important;
}
.woocommerce-account .woocommerce-MyAccount-content {
    width: 75% !important;
}

/*
MyAccount Page - Subscription View
 */
.woocommerce .subscription_cancel input.button {
    border: thin solid #bbb !important;
}


/*
COOKIE
 */
#cookie-notice {
    line-height: 40px !important;
}
#cookie-notice .cn-button.bootstrap {
    background-color: #3AA1B4 !important;
}
#cookie-notice #cn-close-notice {
    display: none;
}