/*  [button color="red, gray, white, black, blue, green" text_color="light, dark" size="block, full-width" link="https://ehe.osu.edu" target="self, blank"]Button Text[/button]  */

.btn {
    border-radius: 0;
    margin: 0 0 20px 0;
    border: none;
}

.bgc-red {
    background-color: #bb0000;
}

.bgc-white {
    background-color: #ffffff;
}

.bgc-grey {
    background-color: #666666;
}

.bgc-black {
    background-color: #333333;
}

.bgc-purple {
    background-color: #442369;
}

.bgc-blue {
    background-color: #92b0d7;
}

.bgc-darkcyan {
    background-color: #26686d;
}

.bgc-yellow {
    background-color: #dcaa38;
}

.bgc-brown {
    background-color: #453831;
}

.bgc-green {
    background-color: #909738;
}

.bgc-orange {
    background-color: #d65828;
}

.bgc-lightcyan {
    background-color: #6ebbab;
}

.bgc-darkpink {
    background-color: #851e5e;
}

.color-red {
    color: #bb0000 !important;
}

.color-white {
    color: #ffffff !important;
}

.color-grey {
    color: #666666 !important;
}

.color-black {
    color: #333333 !important;
}

.color-purple {
    color: #442369 !important;
}

.color-blue {
    color: #92b0d7 !important;
}

.color-darkcyan {
    color: #26686d !important;
}

.color-yellow {
    color: #dcaa38 !important;
}

.color-brown {
    color: #453831 !important;
}

.color-green {
    color: #909738 !important;
}

.color-orange {
    color: #d65828 !important;
}

.color-lightcyan {
    color: #6ebbab !important;
}

.color-darkpink {
    color: #851e5e !important;
}

.separator {
    margin: 4% auto;
    clear: both;
}

#content_wrapper .separator h2,
#content_wrapper .separator h3,
#content_wrapper .separator h4 {
    margin-top: -20px;
    background-color: #fff;
    padding: 0 20px;
}

#content_wrapper .separator h3 {
    margin-top: -15px;
}

#content_wrapper .separator h4 {
    margin-top: -10px;
}

.separator span {
    display: block;
}


/* border color */

.bdc-red {
    border-top-color: #bb0000;
}

.bdc-white {
    border-top-color: #ffffff;
}

.bdc-grey {
    border-top-color: #666666;
}

.bdc-black {
    border-top-color: #333333;
}

.bdc-purple {
    border-top-color: #442369;
}

.bdc-blue {
    border-top-color: #92b0d7;
}

.bdc-darkcyan {
    border-top-color: #26686d;
}

.bdc-yellow {
    border-top-color: #dcaa38;
}

.bdc-brown {
    border-top-color: #453831;
}

.bdc-green {
    border-top-color: #909738;
}

.bdc-orange {
    border-top-color: #d65828;
}

.bdc-lightcyan {
    border-top-color: #6ebbab;
}

.bdc-darkpink {
    border-top-color: #851e5e;
}


/* border style */

.separator-style-solid {
    border-top-style: solid;
}

.separator-style-dashed {
    border-top-style: dashed;
}

.separator-style-dotted {
    border-top-style: dotted;
}

.separator-style-double {
    border-top-style: double;
}


/* border width */

.separator-width-1 {
    border-top-width: 1px;
}

.separator-width-2 {
    border-top-width: 2px;
}

.separator-width-4 {
    border-top-width: 4px;
}

.separator-width-6 {
    border-top-width: 6px;
}

.separator-width-8 {
    border-top-width: 8px;
}

.separator-width-10 {
    border-top-width: 10px;
}


/* border element width */

.separator-elementwidth-20 {
    width: 20%;
}

.separator-elementwidth-40 {
    width: 40%;
}

.separator-elementwidth-50 {
    width: 50%;
}

.separator-elementwidth-60 {
    width: 60%;
}

.separator-elementwidth-80 {
    width: 80%;
}

.separator-elementwidth-100 {
    width: 100%;
}


/* paragraph size */

p.small {
    font-size: small;
}

p.large {
    font-size: x-large
}

p.xlarge {
    font-size: xx-large
}