/* 
 * Campaign Style Overrides - Rabobank
 */

/* Add Custom font imports here */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');

/* Variables */
:root {
    /* Body */
    --body-background: #fff;
    --body-color: #202122;
    --body-font-family: 'Noto Sans', sans-serif;

    /* Header */
    --header-background: #fff;
    --header-border-color: transparent;
    --header-border-width: 0;

    /* Container */
    --container-padding: 0 10px;
    --container-margin: 2rem auto;
    --container-width: 1140px;

    /* Separators */
    --separator-color: #fff;

    /* Panels */
    --panel-background: #fff;
    --panel-border-width: 1px;
    --panel-border-color: #e0e0e1;
    --panel-border-radius: 5px;
    --panel-separator-color: #e0e0e1;

    /* Images */
    --image-border-width: 0;
    --image-border-color: transparent;
    --image-border-radius: 4px;

    /* Titles */
    --title-primary-color: #0059ff;
    --title-primary-font-family: 'Noto Sans', sans-serif;
    --title-primary-font-weight: 400;
    --title-secondary-color: #fb620f;
    --title-secondary-font-family: 'Noto Sans', sans-serif;
    --title-secondary-font-weight: 400;

    /* Links */
    --link-color: #000ea8;
    --link-hover-color: #0059ff;

    /* Buttons */
    --button-border-radius: 2px;
    --button-border-radius-md: 4px;
    --button-font-family: 'Noto Sans', sans-serif;
    --button-background: transparent;
    --button-hover-background: transparent;
    --button-color: #000061;
    --button-hover-color: #0059ff;
    --button-border-width: 1px;
    --button-border-color: #000061;
    --button-hover-border-color: #0059ff;

    /* Yellow Button */
    --button-primary-background: #fa6400;
    --button-primary-hover-background: #f05800;
    --button-primary-color: #fff;
    --button-primary-hover-color: #fff;
    --button-primary-border-width: 0;
    --button-primary-border-color: #fa6400;
    --button-primary-hover-border-color: #f05800;

    /* Blue Button */
    --button-secondary-background: #fa6400;
    --button-secondary-hover-background: #f05800;
    --button-secondary-color: #fff;
    --button-secondary-hover-color: #fff;
    --button-secondary-border-width: 1px;
    --button-secondary-border-color: #fa6400;
    --button-secondary-hover-border-color: #f05800;

    /* Outline Button */
    --button-outline-background: transparent;
    --button-outline-hover-background: transparent;
    --button-outline-color: #000061;
    --button-outline-hover-color: #0059ff;
    --button-outline-border-width: 1px;
    --button-outline-border-color: #000061;
    --button-outline-hover-border-color: #0059ff;

    /* Disabled Button */
    --button-disabled-background: #ededee;
    --button-disabled-color: #e0e0e1;
    --button-disabled-border-width: 0;
    --button-disabled-border-color: transparent;

    /* Forms */
    --form-label-color: #0059ff;
    --form-accent-color: #fb620f;
    --form-border-color: #e0e0e1;
    --form-border-focus-color: #0059ff;
    --form-placeholder-color: #e0e0e1;

    /* Star Rating */
    --star-on-color: #0059ff;
    --star-off-color: #e0e0e1;
}

.campaign-header .campaign-container {
    margin-bottom: 0 !important;
}

.campaign-header a img {
    width: 220px;
    height: auto;
}