/*! ALA custom style rules
================================= */

/* Global
================================= */
#main{padding-top: 30px; padding-bottom: 5em; }
body.background-white {background-color:#fff;}
body.background-lightgrey {background-color:#f2f2f2;}

/* Columns
================================= */
.no-gutter>[class*='col-']{padding-right:0;padding-left:0;}
.col-centered{float:none;margin:0 auto;}

/* Buttons
================================= */
.btn-primary {
    background-color: #c44d34;
    color: white;
    border-color: #c44d34;
}

/* Headings
================================= */

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    text-decoration: none;
}

/* Breadcrumb
================================= */
section#breadcrumb {padding: 12px 0 15px 19px;border-bottom: 1px solid #E7E7E7;background-color: #E7E7E7;}

section#breadcrumb li + li::before {
    display: inline-block;
    content: "";
    vertical-align: -.125em;
    height: 1rem;
    width: 2rem;
    /* Bootstrap Icons SVG: chevron-right */
    background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23999' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708' clip-rule='evenodd'/></svg>");
    background-repeat: no-repeat;
    background-size: 1rem 1rem;
    background-position: 0.5rem 0;
}

.breadcrumb-list {list-style: none;margin: 0 0 0 35px;padding: 0;}
.breadcrumb-list li {display: inline-block; line-height: normal}
.breadcrumb-list li .glyphicon {margin-right: 5px;color: #bbb;}
#ala-body .breadcrumb-list li .glyphicon {display: none;}

/*. Cards */
.card-ala-light {
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
}
.card-ala-light .btn-outline-dark {
    background-color: white;
}
.card-ala-light .btn-outline-dark:hover {
    background-color: #212529;
}

/* table of contents floating div */
.toc-floating-menu.affix {position: static;}
.sidebar-col {margin-bottom: 20px;position:relative !important;}

/* Colours and Swatchs
================================= */
.swatch-colour{height:70px;width:100%;display:block;border-bottom:1px solid #ccc;}
.color--dark-grey{color: #9d9d9d;} .backgroundcolor--dark-grey{background-color: #9d9d9d;}
.color--dark-red{color: #C44D34;} .backgroundcolor--dark-red{background-color: #C44D34;}
.color--green{color: #006435;} .backgroundcolor--green{background-color: #006435;}
.color--medium-blue{color: #2475A4;} .backgroundcolor--medium-blue{background-color: #2475A4;}
.color--medium-grey{color: #637073;} .backgroundcolor--medium-grey{background-color: #637073;}
.color--mellow-red{color: #DF3034;} .backgroundcolor--mellow-red{background-color: #DF3034;}
.color--off-black{color: #212121;} .backgroundcolor--off-black{background-color: #212121;}
.color--off-white{color: #F2F2F2;} .backgroundcolor--off-white{background-color: #F2F2F2;}
.color--pink{color: #D0367D;} .backgroundcolor--pink{background-color: #D0367D;}
.color--primary-red{color: #F26649;} .backgroundcolor--primary-red{background-color: #F26649;}
.color--purple{color: #2E358B;} .backgroundcolor--purple{background-color: #2E358B;}
.color--red{color: #B10E1E;} .backgroundcolor--red{background-color: #B10E1E;}
.color--white{color: #fff !important;} .backgroundcolor--white{background-color: #fff;}
.color--yellow{color: #FFBF47;} .backgroundcolor--yellow{background-color: #FFBF47;}
.color--apple{color: #65B044;} .backgroundcolor--apple{background-color: #65B044;}
.color--flamingo{color: #f26649;} .backgroundcolor--flamingo{background-color: #f26649;}
.color--mojo{color: #C44D34;} .backgroundcolor--mojo{background-color: #C44D34;}
.color-lochmara {color: #0087BE;} .background-lochmara {background-color: #0087BE;}
.color-facebook {color: #507CBE;} .background-facebook {background-color: #507CBE;}