/* GENERAL */

body {
    color: #000;
    background-color: #FFF;
    font-family: 'Open Sans', sans-serif;
    line-height: 1.3;
}


/*
body.page-template-page-scholarships-search {
  position: relative;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
body.page-template-page-scholarships-search:before {
  position: absolute;
  display: block;
  content: '';
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.4);
  z-index: 0;
}
*/

h2 {
    margin-bottom: 1em;
    font-size: 3.5em;
    font-weight: 500;
}


/* ALL PAGES */

.header {
    background-position: center 70%;
}


/*
body.page-template-page-scholarships-search .header {
  height: auto;
}

body.page-template-page-scholarships-search .header:before {
  display: none;
}
*/

.header-top-wrapper,
.header-middle-wrapper,
.header-bottom-wrapper {
    max-width: 1100px;
}

.language-chooser li a {
    color: #dc8055;
}

.language-chooser li.active a,
.language-chooser li:hover a {
    background-color: #dc8055;
}


/*
body.page-template-page-scholarships-search .header-bottom {
  padding-bottom: 0;
}
*/

.site-title {
    text-shadow: 1px 1px 2px #000;
}

.footer {
    color: #FFF;
    background-color: #4d2806;
}

body.page-template-page-scholarships-search .main {
    position: relative;
}

body.page-template-page-scholarships-news .main {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.content-block {
    padding: 60px 0;
}

.content-block.content-search {
    padding: 60px 0 100px 0;
    min-height: 1000px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.pagination {
    margin-bottom: 15px;
    text-align: center;
}

.pagination a,
.pagination span {
    font-size: 1.7em;
    color: #000;
    margin: 0 10px;
}

.pagination .current {
    font-size: 2em;
    font-weight: 700;
}


/* HOME */

.content-text-and-image {
    background-color: #ffdebb;
}

.cti-text {
    position: relative;
    width: 100%;
}

.cti-text-inner {
    position: relative;
    width: 62%;
    /*50%*/
    min-height: auto;
    /*400px*/
    padding: 70px 40px;
    background-color: rgba(66, 33, 11, 0.59);
    z-index: 2;
}

.cti-text,
.cti-text-inner,
.cti-text p,
.cti-text li,
.cti-text th,
.cti-text td {
    color: #FFF;
}

.cti-text p {
    font-size: 2em;
    font-weight: 500;
}

.cti-text p a {
    color: #00F;
}

.cti-image {
    position: absolute;
    right: 0;
    top: 0;
    width: 38%;
    /*50%*/
    height: 100%;
    padding: 0;
    box-sizing: content-box;
    background-color: #906e53;
    background-repeat: no-repeat;
    background-position: right center;
    background-size: contain;
    z-index: 1;
}

.content-text-over-image {
    min-height: 1000px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.coi-text {
    width: 100%;
    padding: 60px;
    background-color: rgba(25, 149, 188, 0.69);
}

.coi-text,
.coi-text p,
.coi-text li,
.coi-text th,
.coi-text td {
    color: #FFF;
}

.coi-text p a {
    color: #00F;
}


/* SEARCH */

.cs-container {
    padding: 90px 20px;
    background-color: rgba(66, 33, 11, 0.8);
    text-align: center;
}

.cs-row {
    display: inline-block;
    width: 100%;
    max-width: 722px;
    margin: 0 auto 50px auto;
    text-align: left;
}

.cs-row:last-child {
    margin-bottom: 0;
}

.cs-name input {
    width: 100%;
    padding: 20px 30px;
    background-color: #FFF;
    font-size: 1.6em;
}

.cs-name input::placeholder {
    color: #603813;
}

.cs-categories {
    overflow: hidden;
}

.cs-container .cs-categories-half,
.cs-container .cs-awards {
    width: 50%;
    float: left;
    padding-right: 30px;
}

.cs-category,
.cs-award {
    position: relative;
    margin-bottom: 15px;
}

.cs-category input,
.cs-award input,
.cs-category span,
.cs-award span {
    display: inline-block;
    color: #FFF;
    font-size: 1.8em;
    vertical-align: middle;
}

.cs-category input,
.cs-award input {
    position: absolute;
    left: 0;
    top: 3px;
    width: 20px;
    height: 20px;
    margin-right: 11px;
}

.cs-category span,
.cs-award span {
    padding-left: 25px;
}

.cs-category label,
.cs-award label {
    cursor: pointer;
}

.cs-category:last-child,
.cs-award:last-child {
    margin-bottom: 0;
}

.cs-container .cs-submit {
    float: left;
    width: 50%;
    text-align: left;
}

.cs-submit input {
    display: inline-block;
    position: relative;
    top: 0;
    padding: 10px 60px 15px 60px;
    color: #FFF;
    background-color: #bc2d31;
    font-size: 2.4em;
    font-weight: 700;
    border-radius: 30px;
    cursor: pointer;
    transition: top 0.3s ease-out;
}

.cs-submit input:hover {
    top: -10px;
    transition: top 0.3s ease-in;
}


/* LIST */

.content-list {
    background-color: #ffbe74;
    text-align: center;
}

.content-list .content-block-wrapper {
    display: inline-block;
    width: 90%;
    text-align: left;
}

.cs-container-2 {
    padding: 30px 20px;
    margin-bottom: 50px;
    background-color: #62b4a1;
    /* font-size: 0.9em; */
}

.cs-container-2 .cs-name input {
    padding: 10px 15px;
}

.cs-container-2 .cs-row {
    margin-bottom: 20px;
}

.cs-container-2 .cs-row:last-child {
    margin-bottom: 0;
}

.cl-left {
    display: none;
    float: left;
    width: 33%;
    padding: 35px 20px 200px 20px;
    background-color: #62b4a1;
    box-shadow: 0 0 2px rgba(14, 112, 93, 0.32);
}

.cl-left .cs-row {
    max-width: 272px;
    margin-bottom: 40px;
}

.cl-left .cs-name-label {
    margin-bottom: 15px;
    color: #000;
    font-size: 1.6em;
}

.cl-left .cs-name input {
    padding: 10px 15px;
}

.cl-left .cs-category input,
.cl-left .cs-award input,
.cl-left .cs-category span,
.cl-left .cs-award span {
    color: #000;
}

.cl-left .cs-category input,
.cl-left .cs-award input {
    border: 1px solid #42210b;
}

.cl-left .cs-submit {
    margin-top: 40px;
}

.cl-left .cs-submit input {
    padding: 15px 30px;
    font-size: 2em;
}

.cl-right {
    width: 100%;
}

.cl-filters {
    padding: 10px 0;
    color: #603813;
    background-color: rgba(255, 255, 255, 0.83);
    font-size: 1.6em;
}

.clf-heading {
    padding: 20px 60px 20px 30px;
}

.clf-filter {
    padding: 20px 100px 20px 30px;
}

.cl-entry {
    padding: 20px 0 20px 30px;
    margin-bottom: 30px;
    background-color: #FFF;
    box-shadow: 0 0 5px rgba(226, 128, 19, 0.75);
    border-radius: 20px;
}


/*
.cl-entry {
  width: 95%;
}
.cl-entry:nth-child(even) {
  margin-left: 5%;
}
*/

.cle-title {
    margin-bottom: 10px;
    color: #603813;
    font-size: 2.2em;
    font-weight: 700;
}

.cle-subtitle {
    margin-bottom: 25px;
}

.cle-subtitle,
.cle-criteria,
.cle-category {
    font-size: 1.8em;
}

.cle-criteria {
    text-transform: capitalize;
}

.cle-row {
    /* display: table;
  table-layout: auto; */
    width: 100%;
}

.cle-heading,
.cle-criteria,
.cle-category,
.cle-separator {
    /* display: table-cell;
  vertical-align: top; */
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

.cle-heading {
    padding-bottom: 10px;
    color: #919191;
    font-size: 1.3em;
    font-weight: 500;
}

.cle-separator {
    margin-top: -3px;
    color: #919191;
    padding: 0 10px;
}

.cle-top {
    display: table;
    table-layout: auto;
    width: 100%;
}

.cle-titles,
.cle-label {
    display: table-cell;
    vertical-align: top;
}

.cle-titles {
    padding-right: 15px;
}

.cle-label {
    width: 250px;
    text-align: right;
}

.cle-label-inner {
    display: inline-block;
    position: relative;
    padding: 15px 20px;
    color: #FFF;
    background-color: #64008c;
    font-size: 1.6em;
}

.cl-entry.application .cle-label-inner {
    background-color: #37b5cc;
}

.cle-label-inner:before {
    display: block;
    position: absolute;
    content: '';
    left: 100%;
    top: 100%;
    margin-left: 1px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 14px 14px 0 0;
    border-color: #32004a transparent transparent transparent;
}

.cl-entry.application .cle-label-inner:before {
    border-color: #37a2cc transparent transparent transparent;
}

.cle-label-inner:after {
    display: block;
    position: absolute;
    content: '';
    left: 100%;
    top: 0;
    width: 16px;
    height: 100%;
    margin-left: -1px;
    background-color: #64008c;
}

.cl-entry.application .cle-label-inner:after {
    background-color: #37b5cc;
}


/* INFORMATION */

.content-double-text {
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
}

.content-double-text .content-block-wrapper {}

.content-double-text ul,
.content-double-text ol {
    list-style: outside;
    margin-left: 1.5em;
    font-size: 1.7em;
    margin-bottom: 1em;
}

.content-double-text li {
    margin-bottom: 0.5em;
}

.cdt-cols {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.cdt-col {
    display: table-cell;
    width: 50%;
    padding: 60px;
    vertical-align: top;
}

.cdt-col-1 {
    background-color: rgba(252, 222, 187, 0.8);
}

.cdt-col-1,
.cdt-col-1 h2,
.cdt-col-1 p,
.cdt-col-1 li,
.cdt-col-1 th,
.cdt-col-1 td,
.cdt-row,
.cdt-row li,
.cdt-row th,
.cdt-row td {
    color: #42210b;
}

.cdt-col-2 {
    background-color: rgba(66, 33, 11, 0.8);
}

.cdt-col-2,
.cdt-col-2 h2,
.cdt-col-2 p,
.cdt-col-2 li,
.cdt-col-2 th,
.cdt-col-2 td {
    color: #FFF;
}

.cdt-row {
    padding: 60px;
    background-color: rgba(255, 255, 255, 0.5);
}

.content-block.content-cols {
    padding-bottom: 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.content-cols .content-block-wrapper {
    position: relative;
    padding-bottom: 10%;
    overflow: hidden;
}

.content-cols .content-block-wrapper:before {
    display: block;
    position: absolute;
    content: '';
    left: 0;
    bottom: -6%;
    width: 100%;
    height: 0;
    padding-bottom: 30%;
    background: url('images/content-cols-bg.png') no-repeat center bottom;
    background-size: contain;
}

.content-cols-heading {
    height: 46px;
    color: #007999;
    text-align: center;
    overflow: hidden;
}

.content-cols-heading h2 {
    display: inline-block;
    position: relative;
    margin: 0;
    color: #007999;
    padding: 0 40px;
}

.content-cols-heading h2:before,
.content-cols-heading h2:after {
    display: block;
    position: absolute;
    content: '';
    top: 50%;
    width: 5000px;
    height: 2px;
    background-color: #007999;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.content-cols-heading h2:before {
    right: 100%;
}

.content-cols-heading h2:after {
    left: 100%;
}

.cc-cols {
    position: relative;
    padding: 80px 60px 15% 60px;
    border-left: 2px solid #007999;
    border-right: 2px solid #007999;
    margin-top: -23px;
    overflow: hidden;
}

.cc-cols:before,
.cc-cols:after {
    display: block;
    position: absolute;
    content: '';
    bottom: 100%;
    width: 2px;
    height: 100%;
    background-color: #007999;
}

.cc-cols:before {
    left: 0;
}

.cc-cols:after {
    right: 0;
}

.cc-col,
.cc-col h2,
.cc-col p,
.cc-col li {
    color: #007999;
}

.cc-col-1 {
    float: left;
    width: 45%;
}

.cc-col-2 {
    float: right;
    width: 45%;
}

.content-news {
    padding: 40px 0;
}

.news-entries {
    max-width: 860px;
    padding: 60px 80px;
    margin: 0 auto;
    background-color: rgba(255, 255, 255, 0.9);
}

.news-entry {
    display: block;
    padding-bottom: 40px;
    border-bottom: 1px solid #005F84;
    margin: 0 auto 40px auto;
}

.news-entry:last-child {
    border-bottom: 0;
    margin-bottom: 0;
}

.news-title {
    margin-bottom: 15px;
    color: #005F84;
    font-size: 2.2em;
    font-weight: 700;
}

.news-intro p,
.news-intro li {
    color: #333;
    font-size: 1.6em;
    line-height: 1.4;
}

body.page-template-page-scholarships-news a.btn.yellow.news-button {
    font-size: 16px !important;
}


/* MOBILE */

@media (max-width: 950px) {
    .content-block,
    .content-block.content-search {
        padding: 40px 0;
    }
    .cti-image {
        position: static;
        width: 100%;
        height: 0;
        padding-bottom: 50%;
    }
    .cti-text-inner {
        width: 100%;
        min-height: 0;
        padding: 30px 40px;
    }
    .cti-text p {
        font-size: 2em;
    }
    .content-block.content-search,
    .content-text-over-image {
        min-height: 0;
    }
    .cs-container {
        padding: 50px 20px;
    }
    .coi-text {
        padding: 38px 40px 40px 40px;
    }
    .cdt-col,
    .cc-cols,
    .cdt-row {
        padding: 40px;
    }
    .cc-cols {
        padding-bottom: 150px;
    }
    .news-entries {
        padding: 40px;
    }
}

@media (max-width: 768px) {
    .main-menu-button {
        background-color: #dc8055;
    }
    .header {
        background-position: center 35%;
    }
    /*
  .main-menu-container {
    background-color: rgba(220,128,85,0.8);
  }
  */
    h2 {
        margin-bottom: 0.5em;
        font-size: 3em;
    }
    p {
        font-size: 1.5em;
    }
    .content-block,
    .content-block.content-search,
    .content-news {
        padding: 20px 0;
    }
    .cti-text-inner {
        padding: 20px 25px;
    }
    .cti-text p {
        font-size: 1.7em;
    }
    .cs-container {
        padding: 25px;
    }
    .cs-row {
        margin-bottom: 20px;
    }
    .cs-submit input {
        padding: 10px 40px 13px 40px;
        font-size: 2em;
    }
    .cs-name input {
        padding: 10px 15px;
    }
    .cs-category input,
    .cs-award input,
    .cs-category span,
    .cs-award span {
        font-size: 1.6em;
    }
    .cl-entries {
        padding: 0 15px;
    }
    .cl-entry {
        position: relative;
        padding: 20px;
    }
    .cle-top,
    .cle-titles,
    .cle-label {
        display: block;
    }
    .cle-titles {
        margin-top: 20px;
    }
    .cle-label {
        position: absolute;
        right: 0;
        top: -10px;
    }
    .cle-label-inner {
        padding: 10px 15px 10px 20px;
        font-size: 1.4em;
    }
    .coi-text {
        padding: 20px 20px 25px 20px;
    }
    .cdt-cols {
        display: block;
    }
    .cc-cols {
        margin-top: -27px;
    }
    .cdt-col,
    .cc-col-1,
    .cc-col-2 {
        display: block;
        float: none;
        width: 100%;
    }
    .cdt-col,
    .cc-cols,
    .cdt-row {
        padding: 25px;
    }
    .cc-col-1 {
        padding: 25px 0;
    }
    .cc-col-2 {
        padding: 0 0 100px 0;
    }
    .news-entries {
        padding: 25px;
    }
}

@media (max-width: 650px) {
    .content-cols .content-block-wrapper:before {
        bottom: -40px;
        height: 250px;
        padding-bottom: 0;
    }
}

@media (max-width: 500px) {
    h2 {
        font-size: 2.4em;
    }
    .content-block,
    .content-block.content-search,
    .content-news {
        padding: 15px 0;
    }
    .cti-text p {
        font-size: 1.6em;
    }
    .cs-container .cs-categories-half,
    .cs-container .cs-awards {
        float: none;
        width: 100%;
        margin-bottom: 15px;
    }
    .cs-submit {
        margin-top: 20px;
    }
    .cs-category input,
    .cs-award input {
        top: 1px;
    }
    .cle-titles {
        margin-top: 15px;
    }
    .cle-title {
        margin-bottom: 5px;
        font-size: 1.8em;
    }
    .cle-subtitle,
    .cle-criteria,
    .cle-category {
        font-size: 1.5em;
    }
    .cle-subtitle {
        margin-bottom: 15px;
    }
    .cle-heading {
        padding-bottom: 5px;
    }
    .cle-label-inner {
        padding: 6px 10px 8px 15px;
    }
    .cc-col-2 {
        padding-bottom: 60px;
    }
    .content-cols .content-block-wrapper:before {
        bottom: -30px;
    }
    .news-title {
        font-size: 1.8em;
    }
    .news-intro p,
    .news-intro li {
        font-size: 1.5em;
    }
}

@media (max-width: 400px) {
    h2 {
        font-size: 2em;
    }
    p {
        font-size: 1.4em;
    }
    .news-title {
        margin-bottom: 10px;
        font-size: 1.6em;
    }
    .news-intro p,
    .news-intro li {
        font-size: 1.4em;
    }
    .pagination a,
    .pagination span {
        font-size: 1.5em;
        margin: 0 5px;
    }
    .content-cols .content-block-wrapper:before {
        bottom: -25px;
    }
}

@media (max-width: 350px) {
    .content-cols .content-block-wrapper:before {
        bottom: -20px;
    }
}