html, body { height:100%; }
.bg {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
.card { opacity: 0.88; -webkit-transition:opacity 600ms ease-out; -moz-transition:opacity 600ms ease-out; -o-transition:opacity 600ms ease-out; transition:opacity 600ms ease-out; }
.card:hover { opacity: 1; -webkit-transition:opacity 600ms ease-out; -moz-transition:opacity 600ms ease-out; -o-transition:opacity 600ms ease-out; transition:opacity 600ms ease-out; }

.logo { width:auto; height:auto; }
.ci-border-bottom { border-bottom:2px solid #20007f; }
.bg1 { background-image: url("uploads/ceres-ag-bg1.jpg"); }
.bg2 { background-image: url("uploads/ceres-ag-bg2.jpg"); }
.bg3 { background-image: url("uploads/ceres-ag-bg3.jpg"); }
.bg4 { background-image: url("uploads/ceres-ag-bg4.jpg"); }
/* Links */
a {
    color: #20007f;
    text-decoration: none;
    background-color: transparent;
}
a:hover {
    color: #20007f;
    text-decoration: underline;
}
/* Buttons */
.btn-outline-secondary {
    color: #20007f;
    border-color: #20007f;
}
.btn-outline-secondary:hover {
    color: #$settings['textcolor'];
    background-color: #20007f;
    border-color: #20007f;
}