/* rondkade theme style*/
:root {
    /* Define a root variable for primary color */
    --primary-color-500: #CAE5EB;
    --primary-color-400: #DEF3F7;
    --primary-color-300: #DFEFF3;
    --primary-color-200: #EAF5F7;
    --primary-color-bg: #ECFCFF;

    /* Define a root variable for secondary color */
    --secondary-color-500: #2B3440;
    --secondary-color-400: #49525E;
    --secondary-color-300: #666F7B;
    --secondary-color-200: #848D99;
    --secondary-color-100: #B0B9C5;

    /* Define a root variable for Tertiary color */
    --tertiary-color-500: #FF7C00;

    /* Define a root variable for Text color */
    --text-color-600: #000000;
    --text-color-500: #1E1E1E;
    --text-color-400: #3B3B3B;
    --text-color-300: #595959;
    --text-color-200: #767676;
    --text-color-100: #E3E3E3;
     --text-color-orange: #FF7C00;
    



}

/* Use the root variable for primary color in your CSS */
body {
    background-color: var(--primary-color-bg) !important;
    overflow-x:hidden;
}
body,body span,body div,body p,body h1,body h2,body h3,body h4,body h5,body h6,body ul,body li,body a,body label,body em,body input,body textarea  {
    font-family: peyda ;
}

#breadcrumbs .separator {
    padding-right:5px;padding-left:5px;color:var(--secondary-color-100);
}
#breadcrumbs span a,#breadcrumbs span{
    color:var(--secondary-color-100);
}
#breadcrumbs span.item-current{
     color:var(--secondary-color-500);
    
}