/* 
    -----------------------
    theme_1 = light theme 
    theme_2 = dark theme 
    theme_3 = blue theme 
    theme_4 = grey theme 
    -----------------------
*/

.theme_1 {
    background-color: #FFFFFF;
}
.theme_2 {
    background-color: #103246;
}
.theme_3 {
    background-color: #559CB8;
}
.theme_4 {
    background-color: #F0F0F3;
}
.theme_1 h1,
.theme_1 h2,
.theme_1 h3,
.theme_1 i,
.theme_1 li,
.theme_1 p,
.theme_4 h1,
.theme_4 h2,
.theme_4 h3,
.theme_4 i,
.theme_4 li,
.theme_4 p {
    color: #03435B;
}
.theme_2 h1,
.theme_2 h2,
.theme_2 h3,
.theme_2 i,
.theme_2 li,
.theme_2 p,
.theme_3 h1,
.theme_3 h2,
.theme_3 h3,
.theme_3 i,
.theme_3 li,
.theme_3 p  {
    color: #FFFFFF;
}
.theme_2 p,
.theme_2 li,
.theme_3 p,
.theme_3 li {
    font-weight: 300;
}

.theme_1.block.text ul li.default:before,
.theme_1.block.text ul li:not([class]):before,
.theme_1.block.intro ul li.default:before,
.theme_1.block.intro ul li:not([class]):before,
.theme_2.block.text ul li.default:before,
.theme_2.block.text ul li:not([class]):before,
.theme_2.block.intro ul li.default:before,
.theme_2.block.intro ul li:not([class]):before,
.theme_4.block.text ul li.default:before,
.theme_4.block.text ul li:not([class]):before,
.theme_4.block.intro ul li.default:before,
.theme_4.block.intro ul li:not([class]):before,
.block.text ul li.default:before,
.block.text ul li:not([class]):before {
    background-image: url('/static/img/icons/check-blue.svg');
}
.theme_3.block.text ul li.default:before,
.theme_3.block.text ul li:not([class]):before,
.theme_3.block.intro ul li.default:before,
.theme_3.block.intro ul li:not([class]):before {
    background-image: url('/static/img/icons/check-darkblue.svg');
}
.theme_1 a,
.theme_2 a,
.theme_4 a {
    color: #1D84b5;
}
.theme_3 a {
    color: #28516A;
}

/* HOMETEXT */
.theme_1.block.hometext .line,
.theme_4.block.hometext .line {
    background-color: #03435B;
}
.theme_2.block.hometext .line,
.theme_3.block.hometext .line  {
    background-color: #FFF;
}

/* SIMPLE_VIEW COURSE GRID */
.theme_1.block.coursesgrid .label,
.theme_1.block.coursesgrid .clear,
.theme_1.block.coursesgrid .sub .amount,
.theme_1.block.coursesgrid .sub .results,
.theme_1.block.coursesgrid .search input:focus,
.theme_1.block.coursesgrid .search input::placeholder,
.theme_4.block.coursesgrid .label,
.theme_4.block.coursesgrid .clear,
.theme_4.block.coursesgrid .sub .amount,
.theme_4.block.coursesgrid .sub .results,
.theme_4.block.coursesgrid .search input:focus,
.theme_4.block.coursesgrid .search input::placeholder {
    color: #03435B;
}
.theme_2.block.coursesgrid .label,
.theme_2.block.coursesgrid .clear,
.theme_2.block.coursesgrid .sub .amount,
.theme_2.block.coursesgrid .sub .results,
.theme_2.block.coursesgrid .search input:focus,
.theme_2.block.coursesgrid .search input::placeholder,
.theme_3.block.coursesgrid .label,
.theme_3.block.coursesgrid .clear,
.theme_3.block.coursesgrid .sub .amount,
.theme_3.block.coursesgrid .sub .results,
.theme_3.block.coursesgrid .search input:focus,
.theme_3.block.coursesgrid .search input::placeholder {
    color: #FFF;
}
.theme_1.block.coursesgrid .grid .course {
    border: 1px solid #E3E3E7;
}
.theme_1.block.coursesgrid .filters,
.theme_1.block.coursesgrid .sub {
    border-top: 1px solid #EEEEEE;
}
.theme_2.block.coursesgrid .filters,
.theme_2.block.coursesgrid .sub, 
.theme_3.block.coursesgrid .filters,
.theme_3.block.coursesgrid .sub {
    border-top: 1px solid #FFFFFF;
}
.theme_4.block.coursesgrid .filters,
.theme_4.block.coursesgrid .sub {
    border-top: 1px solid #03435B;
}
.theme_1.block.coursesgrid .filter select {
    background-color: #F0F0F3;
}
.theme_2.block.coursesgrid .filter select,
.theme_3.block.coursesgrid .filter select,
.theme_4.block.coursesgrid .filter select {
    background-color: #FFF;
}
.theme_1.block.coursesgrid .download,
.theme_2.block.coursesgrid .download,
.theme_4.block.coursesgrid .download {
    background-color: #4F9CBA;  
}
.theme_3.block.coursesgrid .download {
    background-color: #03435B;
}
.theme_1.block.coursesgrid .download:hover,
.theme_2.block.coursesgrid .download:hover,
.theme_4.block.coursesgrid .download:hover {
    background-color: #418099;
}
.theme_3.block.coursesgrid .download:hover {
    background-color: #103246;
}
.theme_1.block.coursesgrid .search input,
.theme_4.block.coursesgrid .search input {
    border-right: 1px solid #03435B;
    border-top: 1px solid #03435B;
    border-bottom: 1px solid #03435B;
    color: #03435B;
}
.theme_2.block.coursesgrid .search input,
.theme_3.block.coursesgrid .search input {
    border-right: 1px solid #FFF;
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
    color: #FFF;
}
.theme_1.block.coursesgrid .search .icon,
.theme_4.block.coursesgrid .search .icon {
    border-left: 1px solid #03435B;
    border-top: 1px solid #03435B;
    border-bottom: 1px solid #03435B;
}
.theme_2.block.coursesgrid .search .icon,
.theme_3.block.coursesgrid .search .icon {
    border-left: 1px solid #FFF;
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
}
.theme_2.block.coursesgrid .search .icon,
.theme_3.block.coursesgrid .search .icon {
    background-image: url('/static/img/icons/search-light.svg');
    background-repeat: no-repeat;
}
.theme_1.block.coursesgrid .search .icon,
.theme_4.block.coursesgrid .search .icon {
    background-image: url('/static/img/icons/search.svg');
    background-repeat: no-repeat;
}
.theme_1.block.coursesgrid .more-info-container,
.theme_3.block.coursesgrid .more-info-container,
.theme_4.block.coursesgrid .more-info-container {
    background-color: #03435B;
}
.theme_2.block.coursesgrid .more-info-container {
    background-color: #4f9cba;
}

@media screen and (max-width: 760px) {
    .theme_1.block.coursesgrid .filters,
    .theme_2.block.coursesgrid .filters,
    .theme_3.block.coursesgrid .filters,
    .theme_4.block.coursesgrid .filters {
        border-top: none;
    }
}