@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,400i,700,700i');

/* STYLE */

body {
    font-family: 'Roboto', sans-serif !important;
    font-weight: lighter !important;
}

.bg-green {
    background-color: rgb(36, 152, 110) !important;
    /*background-image: url('../images/shattered-dark.png');
    background-position: center;
    background-attachment: fixed;*/
}

.bg-purple {
    background-color: #9098d4 /*rgb(49, 83, 164)*/;
}

.bg-muted {
    background-color: #f2f2f2;
}

.text-green {
    /*color: rgb(36, 152, 110);*/
    color: #55c0a1;
}

.text-muted {
    color: #888;
}

.text-muted.accented b {
    color: #55c0a1;
    font-weight: bold !important;
}

.text-muted.accented span {
    border-bottom: 1px solid #55c0a1 !important;
}

.divider-green {
    border-bottom: 5px solid #55c0a1 !important;
}

.divider-muted {
    border-bottom: 5px dotted rgba(0, 0, 0, 0.12) !important;
}

.half {
    width: 50%;
    margin: 0px auto;
}

.vertical-divider {
    height: 80px;
    width: 0px;
    display: block;
    text-align: center;
    margin: 0 auto;
}

.vertical-divider.muted {
    border-left: 3px dotted rgba(0, 0, 0, 0.12) !important;
}

.vertical-divider.green {
    border-left: 3px dotted #55c0a1 !important;
}

.sara-logo {
    margin: 0px auto;
    width: fit-content;
}

.sara-logo div img {
    width: 300px;
    float: left;
}

.sara-logo div span {
    float: left;
    font-size: 65px;
    line-height: 150px;
    text-transform: none;
    font-weight: lighter;
    color: #b5b5b5;
}

.sara-logo.uk-active {
    border-bottom: 2px solid #55c0a1 !important;
}

.more-btn {
    display: block !important;
    margin: 0 auto !important;
    width: fit-content;
    cursor: pointer !important;
}

.more-btn .more-icon {
    float: left;
    -webkit-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    -ms-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
}

/*.more-btn.more .more-icon {
    -moz-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
}*/

.more-btn .more-text {
    float: left;
    border-left: 3px dotted rgba(0, 0, 0, 0.12) !important;
    padding-left: 10px;
    margin-left: 10px;
    height: fit-content;
    -webkit-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    -ms-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
}

.more-btn.more .more-text {
    height: 100px;
    -webkit-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    -ms-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
}

/* OVERRIDES */
h1 {
    font-family: 'Roboto', sans-serif !important;
    font-weight: lighter !important;
    text-transform: uppercase !important;
}