.ditdw-body { background-image: url(../img/family_background.jpg); background-position: center 127px; background-color: #3b0365; }

.ditdw-site-logo {
    top: 5px;
    margin: 0 0 0 -35px;
    background: transparent url(../img/family_ball_logo.png) no-repeat 0 0;
    background-size: contain;
}
.ditdw-page-header, .ditdw-page-footer .ditdw-footer-bottom {
    background: #4c0b7a;
}
.ditdw-page-header .ditdw-header-top {
    border-color: #4c0b7a;
}
.ditdw-page-footer .ditdw-footer-top, .ditdw-page-header .ditdw-subnav-features {
    background: #3a08a5;
}
ul.ditdw-menu-main-navigation > li{
    background: #4c0b7a;
}
.ditdw-sub-menu.ditdw-open{
    background: #aa0bff;
}
ul.ditdw-menu-main-navigation > li ul.dropdown-menu > li{
    background: #3a08a5;
}
ul.ditdw-menu-main-navigation li a:hover, .ditdw-sub-menu.ditdw-open {
    background: #aa0bff;
}
@media screen and (max-width: 479px) {
    .ditdw-site-logo {
        width: 80px;
        height: 80px;
    }    
}

@media screen and (min-width: 480px) {
    .ditdw-site-logo {
        width: 95px;
        height: 95px;
        margin: 0 0 0 -50px;
    }
}

@media screen and (min-width: 768px) {
    .ditdw-site-logo {
        width: 120px;
        height: 120px;
        top: 10px;
        margin: 0 0 0 -55px;
    }
 
}

a, a:visited {
    color: #3a08a5;
}
/**
 ** Blue
 **/
.ditdw-hidden-select,
.ditdw-filter-select-cover{
    background: #4c0b7a;
}
.ditdw-page-title:before{
    background: #3a08a5;
}
.ditdw-content .ditdw-section-title, h2, a.ditdw-page-next, a.ditdw-page-prev{
    color: #4c0b7a;
}
.ditdw-sub-navigation {
    background-color: #3a08a5;
}
input[type="email"], input[type="text"] {
    border-color: #aa0bff;
}
.ditdw-input-field.ditdw-checkbox input + label:before{
    color: #aa0bff;
}
/**
 ** Yellow 
 **/
.ditdw-page-header, .ditdw-hero.ditdw-sponsored-hero .ditdw-hero-sponsor, .ditdw-page-footer {
    border-color: #aa0bff;
}
.ditdw-button-link, 
.ditdw-filter-chooser .ditdw-filters-available{
    background: #aa0bff;
}
.ditdw-item .ditdw-text {
    border-color: #3a08a5;
}

/**
 ** Dark Purple 
 **/
.ditdw-hidden-select option{
    background: #3a08a5;
}
.ditdw-vertical-slider i.fa, .ditdw-slider-nav{
    color: #3a08a5;
}
.ditdw-vertical-slider .ditdw-horizontal-item, .ditdw-vertical-slider .ditdw-next, .ditdw-vertical-slider .ditdw-previous,
.ditdw-content .ditdw-bordered-list, .ditdw-content .ditdw-bordered-list dt, .ditdw-content .ditdw-bordered-list dd, .ditdw-bordered-list article.ditdw-horizontal-item,
.ditdw-audio-section .ditdw-bordered-list .ditdw-horizontal-item.ditdw-audio-track, .ditdw-content .ditdw-bordered-list .ditdw-channel-row {
    border-color: #3a08a5;
}



/**
 ** Lighter blue/yellow
 **/
.ditdw-horizontal-item.ditdw-current {
    background-color: #dc9bfc;
}
.ditdw-filter-select-cover{
    border-color: #aa0bff;
}
.ditdw-button-link {
    border-color: #dc9bfc;
}



/**
 ** Pagination
 **/
a.ditdw-page-next, a.ditdw-page-prev {
    text-decoration: none;
}
a.ditdw-page-next.ditdw-disabled, a.ditdw-page-prev.ditdw-disabled {
    color: #3b3e41;
}
.ditdw-button-link.ditdw-current-page {
    background: #aa0bff;
    border-color: #3a08a5;
}
.ditdw-pagination a.ditdw-button-link {
    background: #3a08a5;
    border-color: #aa0bff;
}


/**
 ** One Offs
 **/
.ditdw-show-new span {
    background: #fce800;
}
.ditdw-copyright {
    background: #4c0b7a;
}

/**
 *  single-game styles
 */
.ditdw-content .ditdw-game-stage .ditdw-no-support {
    background: #4c0b7a;
    padding: 3em 0;    
}
.ditdw-game-play-button {
    background-color: #aa0bff;
    border-bottom: 3px solid #4c0b7a;
}

ul.ditdw-navigation li:after {
    color: #fff;
}

.ditdw-input-field.ditdw-error input {
    border-color: #ed1c24;
}

.ditdw-characters-active {
    background: #aa0bff;
}

.ditdw-button-link, .ditdw-body a.ditdw-button-link, .ditdw-filter-select-cover, .ditdw-pagination .ditdw-button-link { font-weight: 300; }

.ditdw-item.ditdw-current .ditdw-image { box-shadow: 0 3px 0 #4c0b7a; }

.ditdw-item .ditdw-item-type {
    font-weight: bold;
    color: #4c0b7a;
    text-transform: capitalize;
}

.ditdw-item .ditdw-item-type:after {
    content: ' - ';
}