/* CSS Structure */

/* 1. Variables */
/* 2. Example Attribute Order */
/* 3. Salesforce Overrides */
/* 4. Standard Styles */
/* 4.1. Heading */
/* 4.2. Border */
/* 4.3. Padding */
/* 4.4. Buttons */
/* 4.5. Inputs */
/* 4.6. Outputs */
/* 4.7. Grids */
/* 4.8. Other Standard Styles */
/* 4.9. Login Page */

/* 5. Shop Standard Styles */
/* 6. Shop Main Components */
/* 6.0.1 Shop Start */
/* 6.1. Shop Header */
/* 6.2. Shop Search Main */
/* 6.2.1 Shop Search Breadcrumbs */
/* 6.3. Shop Search Bar */
/* 6.4. Shop Search Result */
/* 6.5. Shop Search Result Column, Shop Items */
/* 6.6. Shop Checkout */
/* 6.7. Shop Overlay */
/* 6.8. Shop Cart */
/* 6.9. Shop Search Filter */
/* 6.91. Shop Confirmation Page */
/* 6.92. Shop Detail */
/* 6.92.1 Shop Detail Carousel */
/* 6.92.2 Shop Detail Rec Carousel */

/* 7. Media queries */

/* 15. MD Standard Styles */
/* 16. MD Main Components */

/* 99. Header */
/* 99.1 Header - Logo */

/* Variables Style Definition */
:root {
    /* Colors */
    --brand-color: rgb(230, 68, 21);
    --brand-color-light: rgb(230, 68, 21, 0.1);
    --background-color: #f7f7f7;
    --background-color-white: #fff;
    --text-color: #516771;
    --CTA-button-color: #66cc00;
    --success-background-light-color: rgba(0, 121, 44, 0.1);
    --darkgreen-color: #00792c;
    --warning-color: red;

    /* Font Styling */
    --font-weight-300: 300;
    --font-weight-400: 400;
    --font-weight-500: 500;
    --font-family-Light: 'Roboto-Light';
    --font-family-Normal: 'Roboto';

    /* Font Sizes */
    --h1-font-size: 36px;
    --h2-font-size: 30px;
    --h3-font-size: 26px;
    --h4-font-size: 20px;
    --Paragraph-big-font-size: 18px;
    --Paragraph-medium-font-size: 16px;
    --Paragraph-small-font-size: 14px;
    --navigation-font-size: 20px;
    --navigation-small-font-size: 11px;

    /* Borders */
    --border-light: 1px solid rgb(241, 241, 241);
    --border-dark: 1px solid #666;
    --border-brand: 1px solid rgb(230, 68, 21);
    --border-success: 3px solid #00792c;
    --border-radius-default: 3px;

    /* Padding/Margin */
    --p-m-x-small: 4px;
    --p-m-small: 8px;
    --p-m-medium: 12px;
    --p-m-large: 20px;
    --p-m-x-large: 40px;

    /* Buttons */
    --button-border-radius: 3px;
    --button-line-height: 44px;
    /* not yet used */
    --Button-font-size: 20px;

    /* Images/Icons */
    --my-login-email-icon: url('/sfsites/c/resource/myCommunityIcons/GENERELL/contact-mail.png');
    --my-login-phone-icon: url('/sfsites/c/resource/myCommunityIcons/GENERELL/contact-phone.png');
    --my-login-email-icon-hover: url('/sfsites/c/resource/myCommunityIcons/ROEFIX/contact-mail.png');
    --my-login-phone-icon-hover: url('/sfsites/c/resource/myCommunityIcons/ROEFIX/contact-phone.png');
    --shop-item-row-edit-Unit-icon: url('/sfsites/c/resource/myCommunityIcons/ROEFIX/button-expand.png');
    --shop-search-box-icon: url('/sfsites/c/resource/myCommunityIcons/ROEFIX/button-expand.png');
    --my-shop-login-page-icon: url('/sfsites/c/resource/myCommunityIcons/GENERELL/user.png');
    --shop-start-header-icon: url('/sfsites/c/resource/myShopStartMainBackgroundRoefix');
    --shop-icon-burger-icon: url('/sfsites/c/resource/myCommunityIcons/GENERELL/menu.png');
    --shop-cart-button-icon: url('/sfsites/c/resource/myCommunityIcons/GENERELL/cart.png');
    --shop-search-breadcrumb-icon: url('/sfsites/c/resource/myCommunityIcons/ROEFIX/home-filled.png');
    --shop-search-bar-icon: url('/sfsites/c/resource/myCommunityIcons/ROEFIX/search.png');
    --shop-item-row-edit-quantity-icon: url('/sfsites/c/resource/myCommunityIcons/ROEFIX/search.png');
    --shop-icon-write-icon: url('/sfsites/c/resource/myCommunityIcons/ROEFIX/write.png');
    --shop-icon-trash-icon: url('/sfsites/c/resource/myCommunityIcons/ROEFIX/trash.png');
    --shop-cart-refresh-price-button-icon: url('/sfsites/c/resource/myCommunityIcons/ROEFIX/refresh.png');
    --shop-search-filter-toggle-button-icon: url('/sfsites/c/resource/myCommunityIcons/ROEFIX/filter-filled.png');
    --shop-search-filter-toggle-button-icon-activ: url('/sfsites/c/resource/myCommunityIcons/GENERELL/filter-c.png');
    --shop-custom-input-date-picker-icon: url('/sfsites/c/resource/myCommunityIcons/ROEFIX/calendar.png');
    --shop-confirmation-icon-check: url('/sfsites/c/resource/myCommunityIcons/ROEFIX/circle-check.png');
    --md-filter-icon: url('/sfsites/c/resource/myCommunityIcons/ROEFIX/filter.png');
    --md-download-icon: url('/sfsites/c/resource/myCommunityIcons/ROEFIX/download.png');
    --md-chevrondown-icon: url('/sfsites/c/resource/myCommunityIcons/ROEFIX/button-expand.png');
    --md-search-bar-icon: url('/sfsites/c/resource/myCommunityIcons/ROEFIX/search.png');
    --md-first-page-icon: url('/sfsites/c/resource/myCommunityIcons/ROEFIX/pagination-first.png');
    --md-previous-page-icon: url('/sfsites/c/resource/myCommunityIcons/ROEFIX/pagination-previous.png');
    --md-next-page-icon: url('/sfsites/c/resource/myCommunityIcons/ROEFIX/pagination-next.png');
    --md-last-page-icon: url('/sfsites/c/resource/myCommunityIcons/ROEFIX/pagination-last.png');
    --md-page-size-icon: url('/sfsites/c/resource/myCommunityIcons/ROEFIX/button-expand.png');

    --md-first-page-icon-white: url('/sfsites/c/resource/myCommunityIcons/ROEFIX/pagination-first-white.png');
    --md-previous-page-icon-white: url('/sfsites/c/resource/myCommunityIcons/ROEFIX/pagination-previous-white.png');
    --md-next-page-icon-white: url('/sfsites/c/resource/myCommunityIcons/ROEFIX/pagination-next-white.png');
    --md-last-page-icon-white: url('/sfsites/c/resource/myCommunityIcons/ROEFIX/pagination-last-white.png');

    --my-header-logo: url('/sfsites/c/resource/roefixLogoClaimless');
    --my-header-logo-width: 117px;
    --custom-label: '';
}