/* LICENSE & DETAILS
   ==================================================

	Theme Name: Renewables
	Theme URI: http://www.wordpressdev.capetown
	Description: A custom, responsive theme for Power of 9 / REISA, Cookhouse Windfarm, Umoya Energy.
	License: GNU General Public License version 3.0
	License URI: http://www.wordpressdev.capetown
	Version: 1.1.1
	Author: Daryl Glass for Power of 9
	Author http://www.wordpressdev.capetown

	All files, unless otherwise stated, are released under the GNU General Public License
	version 3.0 (http://www.gnu.org/licenses/gpl-3.0.html)

   ==================================================
*/

/* Table of Contents
==================================================

	#General
	#Header
	#Menus
	#Heading
	#Footer
	#Home

   ==================================================
*/

/* #General
================================================== */
@font-face {
    font-family: 'Century Gothic';
    font-weight: 400;
    font-style: normal;
    src: url('includes/fonts/CenturyGothic.woff2') format(woff2),
        url('includes/fonts/fonts/CenturyGothic.woff') format(woff);
}

@font-face {
    font-family: 'Century Gothic';
    font-weight: 700;
    font-style: normal;
    src: url('includes/fonts/CenturyGothic-Bold.woff2') format(woff2),
        url('includes/fonts/fonts/CenturyGothic-Bold.woff') format(woff);
}

@font-face {
    font-family: 'Century Gothic';
    font-weight: 700;
    font-style: italic;
    src: url('includes/fonts/CenturyGothic-BoldItalic.woff2') format(woff2),
        url('includes/fonts/fonts/CenturyGothic-BoldItalic.woff') format(woff);
}

@font-face {
    font-family: 'Century Gothic';
    font-weight: 400;
    font-style: italic;
    src: url('includes/fonts/CenturyGothic-Italic.woff2') format(woff2),
        url('includes/fonts/fonts/CenturyGothic-Italic.woff') format(woff);
}

body {
    margin: 0;
    padding: 0;
    font-family: "Century Gothic", "Avant Garde", Futura, sans-serif;
    font-weight: lighter;
    color: #222;
    position: relative;
    background-color: #FFF;
}

.page_wrapper p,
.single_content p {
    margin: 6px 0;
}

.wrapper {
    position: relative;
    margin: 0 auto;
    overflow-x: hidden;
}

.wrapper.menu {
    padding: 0 30px;
}

div {
    box-sizing: border-box;
    transition: 0.3s all;
}

.clearfix {
    width: 100%;
    clear: both;
}

a {
    text-decoration: none;
    outline: 0;
    transition: 0.3s all;
}

a:hover {
    text-decoration: none;
    opacity: 0.8;
}

.more_btn,
.more-link,
.dl_btn {
    text-transform: uppercase;
    display: block;
    margin: 10px 0 0 0;
    color: #FFF;
}

.more_btn.alt {}

.more_btn.right {
    float: right;
}

.dl_btn {
    background-color: #606060;
    padding: 10px 40px;
    text-align: center;
    border-radius: 40px;
    display: inline-block;
}

blockquote {
    margin: 0;
}

.sections {
    width: 100%;
    margin: 0;
    background-repeat: no-repeat;
    background-color: #efefef;
    position: relative;
}

.sections.slider {
    padding: 0;
}

.sections.gallery {
    background-color: #FFF;
}

.sections.news {
    background-color: #666;
    height: auto;
}

.sections.contact {
    background-color: #FFF;
    height: auto;
}

.sections.left {
    background-position: left center, center center;
}

.right_content,
.left_content {
    color: #222;
}

.content33 {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

.content33 li {
    margin: 0;
    box-sizing: border-box;
}

.news_thumbnail {
    width: 100%;
    height: 200px;
    margin: 0 0 30px 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
}

.news_thumbnail a {
    width: 100%;
    height: 200px;
    display: block;
}

.content_left {
    color: #FFF;
}

.content_left.community,
.content_left.farms {
    color: #FFF;
}

.content_left.contact {
    color: #222;
}

.content_left .energy_dark,
.content_right .energy_dark {
    color: #222;
}

.content_inner.dark,
.content_inner.dark a {
    color: #222 !important
}

.scholarship_icon,
.education_icon,
.enterprise_icon,
.enterprise-development_icon,
.health_icon,
.community-development_icon,
.welfare_icon,
.environment_icon,
.infrastructure_icon,
.water-and-sanitation_icon {
    background-position: center center;
    background-repeat: no-repeat;
}

.scholarship_icon {
    background-image: url(images/scholarship_icon.svg);
}

.education_icon {
    background-image: url(images/education_icon.svg);
}

.scholarship_icon.dewildt,
.education_icon.dewildt {
    background-color: #989F4E;
}

.scholarship_icon.waterloo,
.education_icon.waterloo {
    background-color: #AA8066;
}

.scholarship_icon.zeerust,
.education_icon.zeerust {
    background-color: #425563;
}

.scholarship_icon.bokamoso,
.education_icon.bokamoso {
    background-color: #C66E4E;
}

.scholarship_icon.matla,
.education_icon.matla {
    background-color: #D22630;
}

.scholarship_icon.reisa,
.education_icon.reisa {
    background-color: #2d3180;
}

.scholarship_icon.umoya,
.education_icon.umoya {
    background-color: #a5bd33;
}

.scholarship_icon.cookhouse,
.education_icon.cookhouse {
    background-color: #8b351f;
}

.scholarship_icon.boikanyo,
.education_icon.boikanyo {
    background-color: #CEB888;
}

.enterprise_icon, .enterprise-development_icon {
    background-image: url(images/enterprise_icon_umoya.svg);
    background-color: #606060;
}

.enterprise-development_heading_icon, .enterprise_heading_icon.umoya {
    background-image: url(images/enterprise_icon_umoya.svg);
    color: #a5bd33;
    background-repeat: no-repeat;
    background-size: contain;
    min-height: 75px;
    line-height: 75px; 
    padding: 0 0 0 95px; 
}

.environment_icon {
    background-image: url(images/environment_icon.svg);
    background-color: #606060;
}

.infrastructure_icon {
    background-image: url(images/infrastructure_icon.svg);
    background-color: #222;
}

.health_icon,
.community-development_icon,
.welfare_icon,
.water-and-sanitation_icon {
    background-image: url(images/health_icon.svg);
    background-color: #222;
}

.energy_type_icon_solar_panels,
.energy_type_icon_turbines {
    padding: 0;
    background-position: center center;
    background-repeat: no-repeat;
}

.energy_type_icon_solar_panels.light {
    background-image: url(images/solar_icon.svg);
}

.energy_type_icon_solar_panels.dark {
    background-image: url(images/solar_icon_drk.svg);
}

.energy_type_icon_turbines.light {
    background-image: url(images/wind_icon.svg);
}

.energy_type_icon_turbines.dark {
    background-image: url(images/wind_icon_drk.svg);
}

.homes_icon {
    background-position: center center;
    background-repeat: no-repeat;
    text-align: center;
}

.homes_icon.light {
    background-image: url(images/homes_icon.svg);
}

.homes_icon.dark {
    background-image: url(images/homes_icon_drk.svg);
}

.invest_contribution {
    width: auto;
    text-align: right;
    float: right;
    clear: both;
}

.invest_contribution_graphic {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    background-position: center center;
    background-repeat: no-repeat;
}

.single_inner {
    padding: 0 0 40px 0;
}

.page_sections {
    margin: 0;
    padding: 0;
    list-style: none;
}

.page_sections li ul {
    padding: 0;
    margin: 0;
}

.page_sections li ul li {
    padding: 0 0 0 25px;
    margin: 0 0 15px 0 !important;
    float: none;
    list-style: none;
    border: none;
    background-image: url(images/bullet.svg);
    background-position: left top 10px;
    background-size: 8px 8px;
    background-repeat: no-repeat;
}

.page_sections li ul li:last-of-type {
    margin: 0 !important;
}

.page_images img,
.single_images img {
    width: 100%;
    height: auto;
    border-radius: 20px;
}

.image_caption {
    font-size: 12px;
    line-height: 14px;
    color: #999;
    font-style: italic;
    text-align: center;
    padding: 10px 0;
}

.page_header_image {
    width: 100%;
    background-position: center center;
    background-size: cover;
}

.page_header {
    width: 100%;
    height: 100px;
}

.page_content {
    position: relative;
}

.page_content ul,
.single_content ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.page_content li,
.single_content li {
    padding: 0 0 5px 25px;
    margin: 0;
    background-position: left top 9px;
    background-size: 8px 8px;
    background-repeat: no-repeat;
}

.page_content.dewildt li,
.single_content.dewildt li {
    background-image: url(images/bullet_dewildt.svg)
}

.page_content.matla li,
.single_content.matla li {
    background-image: url(images/bullet_matla.svg)
}

.page_content.waterloo li,
.single_content.waterloo li {
    background-image: url(images/bullet_waterloo.svg)
}

.page_content.zeerust li,
.single_content.zeerust li {
    background-image: url(images/bullet_zeerust.svg)
}

.page_content.bokamoso li,
.single_content.bokamoso li {
    background-image: url(images/bullet_bokamoso.svg)
}

.page_content.reisa li,
.single_content.reisa li {
    background-image: url(images/bullet_reisa.svg)
}

.page_content.umoya li,
.single_content.umoya li {
    background-image: url(images/bullet_umoya.svg)
}

.page_content.cookhouse li,
.single_content.cookhouse li {
    background-image: url(images/bullet_cookhouse.svg)
}

.page_content.boikanyo li,
.single_content.boikanyo li {
    background-image: url(images/bullet_boikanyo.svg)
}

/* #General Media Queries
================================================== */
@media only screen and (max-width: 799px) {
    body {
        font-size: 16px;
        line-height: 26px;
    }

    .wrapper {
        width: 100%;
    }

    .wrapper.image {
        max-height: 400px;
    }

    .sections {
        height: auto;
        padding: 20px;
        background-size: auto 400px, cover;
    }

    .sections-overlay {
        margin: -20px;
        padding: 20px;
        height: 450px;
    }

    .sections-overlay.dark {
        background-color: rgba(34, 34, 34, 0.5);
    }

    .sections-overlay.light {
        background-color: rgba(255, 255, 255, 0.5);
    }

    .sections.slider {
        clear: both;
    }

    .right_content,
    .left_content,
    .content33 li {
        width: 100%;
    }

    .content33 li {
        margin-bottom: 20px;
    }

    .content_left,
    .content_right,
    .content_inner {
        width: 100%;
        padding: 0;
    }

    blockquote {
        font-size: 20px;
        line-height: 26px;
    }

    blockquote p {
        margin: 0 0 20px 0;
    }

    .sections.right,
    .sections.left {
        background-position: top center, center center;
        background-repeat: repeat, no-repeat;
    }

    .content_left .energy_light,
    .content_right .energy_light {
        line-height: 20px;
    }

    .mw_generated {
        font-size: 50px;
        line-height: 50px;
        float: left;
    }

    .mw {
        font-size: 30px;
        line-height: 30px;
        margin: 18px 0 0 10px;
        float: left;
    }

    .mw_holder {
        width: 300px;
        margin: 0 auto 20px auto;
    }

    .energy_type_icon_solar_panels,
    .energy_type_icon_turbines {
        margin: 20px 0;
        background-size: 100px 100px;
        height: 100px;
        width: 100%;
        line-height: 100px;
        float: left;
    }

    .content_right.energy {
        margin: 70px 0 0 0;
    }

    .homes_icon {
        margin: -40px 0 20px 0;
        padding: 150px 0 0 0;
        background-position: top center !important;
        background-size: 170px 170px;
        background-repeat: no-repeat;
        height: 170px;
        width: 100%;
        text-align: center;
        font-size: 50px;
        float: left;
    }

    .content_inner.light,
    .content_inner.light a {
        color: #222 !important
    }

    .scholarship_icon,
    .education_icon,
    .enterprise_icon,
    .enterprise-development_icon,
    .development_icon
    .health_icon,
    .community-development_icon,
    .welfare_icon,
    .environment_icon,
    .infrastructure_icon,
    .water-and-sanitation_icon {
        width: 100px;
        height: 100px;
        margin: 20px auto 10px auto;
        border-radius: 100px;
        background-size: 50px 50px;
    }

    .education_icon {
        margin: 0 auto 10px auto;
    }

    .content_inner.light,
    .content_inner.dark,
    .content_inner.theme,
    .content_inner.light h2,
    .content_inner.dark h2,
    .content_inner.theme h2 {
        text-align: center !important
    }

    .invest_contribution_holder {
        width: 100%;
        height: 350px;
        position: relative;
        margin: 0;
    }

    .invest_contribution {
        position: absolute;
        left: 50%;
        margin: 12px 0 2px -65px;
        font-size: 22px;
        line-height: 22px;
        height: 22px;
    }

    .invest_contribution.per2 {
        top: 35px;
    }

    .invest_contribution.per3 {
        top: 74px;
    }

    .invest_contribution_graphic {
        background-size: 350px 350px;
    }

    .investment {
        text-align: center !important;
        margin: 20px 0 10px 0;
    }

    div,
    p,
    a,
    li,
    td {
        -webkit-text-size-adjust: none;
    }

    .content_inner {
        padding: 0;
        font-size: 15px;
        line-height: 20px;
    }

    .page_wrapper {
        padding: 20px;
    }

    .single_wrapper {
        padding: 20px 20px 0 20px;
    }

    .page_content,
    .single_content {
        width: 100%;
    }

    .page_images {
        width: 100%;
        margin: 30px 0 0 0;
    }

    .single_images {
        width: 100%;
    }

    .page_header_image {
        height: 200px;
    }

    .page_sections li {
        padding: 0;
        margin: 30px 0;
    }

    .page_sections li:last-of-type {
        margin: 30px 0 0 0;
    }

    .image_caption {
        margin: 0 0 10px 0;
    }
}

@media only screen and (min-width: 800px) {
    body {
        font-size: 14px;
        line-height: 26px;
    }

    .wrapper {
        width: 100%;
        box-sizing: border-box;
    }

    .wrapper.image {
        max-height: 700px;
    }

    .sections {
        height: 800px;
        padding: 50px 65px;
        background-size: auto 800px, cover;
        box-sizing: border-box;
    }

    #investments.sections.right {
        background-size: auto 1080px, cover;
        height: 1080px;
    }

    .sections.slider {
        height: 800px;
    }

    .sections.gallery {
        height: 1065px;
    }

    .right_content {
        float: right;
        width: 500px;
    }

    .left_content {
        float: right;
        width: 500px;
    }

    .content33 li {
        width: 33.333%;
        float: left;
        padding: 0 20px;
    }

    .content33 li:first-of-type {
        padding: 0 40px 0 0;
    }

    .content33 li:last-of-type {
        padding: 0 0 0 40px;
    }

    .content_left {
        width: 62%;
        float: left;
        padding: 0 20px 0 0;
    }

    .content_left.contact {
        width: 45%;
        float: left;
        padding: 0;
    }

    /* ANCHOR TO SOLAR FIELD AND COMMUNITY PAGE TOP */
    #more-7,
    #more-10,
    #more-12,
    #more-60,
    #more-170,
    #more-1063 {
        position: absolute;
        top: -65px;
    }

    .content_left.farm_page {
        width: 40%;
        float: left;
        padding: 0;
    }

    .content_left.investments {
        width: 40%;
        float: left;
        padding: 0;
    }

    .content_left.energy {
        width: 68%;
        float: right;
        padding: 0 20px 0 0;
    }

    .content_right.investments {
        width: 60%;
        float: right;
        padding: 0 0 0 20px;
    }

    .content_right.farm_page {
        width: 57%;
        float: right;
        padding: 0;
    }

    .content_right {
        width: 50%;
        float: right;
        padding: 0 0 0 40px;
    }

    .content_right.energy {
        width: 68%;
        float: right;
        padding: 0 0 0 20px;
    }

    .content_inner_holder {
        width: 100%;
        margin: 0 0 30px 0;
    }

    .content_inner {
        float: left;
        width: 100%;
        padding: 0;
        font-size: 12px;
        line-height: 18px;
    }

    blockquote {
        font-size: 25px;
        line-height: 35px;
    }

    .sections.right {
        background-position: right center, center center;
        background-repeat: no-repeat, no-repeat;
    }

    #investments.sections.right {
        background-position: right -127% center, center center;
        background-repeat: no-repeat, no-repeat;
    }

    .content_left .energy_light,
    .content_right .energy_light {
        color: #FFF;
    }

    .mw_generated {
        font-size: 58px;
        line-height: 58px;
        float: left;
    }

    .mw {
        font-size: 34px;
        line-height: 34px;
        margin: 22px 0 0 10px;
        float: left;
    }

    .mw_holder {
        width: 100%;
        margin: 0 0 20px 0;
    }

    .energy_type_icon_solar_panels,
    .energy_type_icon_turbines {
        margin: 0 20px 0 0;
        background-size: 100px 100px;
        height: 100px;
        width: 100px;
        line-height: 100px;
        float: left;
    }

    .content_right.energy {
        margin: 50px 0 0 0;
    }

    .energy_type_desc {
        float: left;
        width: 300px;
    }

    .homes_icon {
        float: right;
        margin: -40px 0 0 0px;
        padding: 175px 0 0 0;
        background-size: 200px 200px;
        height: 200px;
        width: 200px;
        font-size: 50px;
    }

    .homes_desc {
        float: left;
        width: 230px;
    }

    .clearfix.energy {
        margin: 65px 0 0 0;
    }

    .content_inner.light,
    .content_inner.light a {
        color: #FFF !important
    }

    .scholarship_icon,
    .education_icon,
    .enterprise_icon,
    .enterprise-development_icon,
    .health_icon,
    .community-development_icon,
    .welfare_icon,
    .environment_icon,
    .infrastructure_icon,
    .water-and-sanitation_icon {
        width: 80px;
        height: 80px;
        margin: 0 0 10px 0;
        border-radius: 80px;
        background-size: 55px 55px;
        float: left;
    }

    .content_left.investments {
        margin: 0;
    }

    .invest_contribution_holder {
        width: 100%;
        height: 380px;
        position: relative;
        margin: 0;
    }

    .invest_contribution {
        position: absolute;
        left: 50%;
        margin: 12px 0 2px -70px;
        font-size: 26px;
        line-height: 26px;
        height: 26px;
    }

    .invest_contribution.per2 {
        top: 39px;
    }

    .invest_contribution.per3 {
        top: 78px;
    }

    .invest_contribution_graphic {
        background-size: 380px 380px;
    }

    .page_wrapper {
        padding: 65px 65px;
    }

    .single_wrapper {
        padding: 50px 65px 0 65px;
    }

    .page_content,
    .single_content {
        width: 60%;
    }

    .single_content {
        float: left;
    }

    .page_images {
        width: 40%;
    }

    .single_images {
        width: 40%;
        padding: 0 0 0 95px;
    }

    .single_images {
        float: right;
    }

    .page_header_image {
        height: 400px;
    }

    .page_sections li {
        padding: 0 0 50px 0;
        margin: 50px 0;
    }

    .page_sections li:nth-child(odd) .page_content {
        float: left;
    }

    .page_sections li:nth-child(odd) .page_images {
        float: right;
        padding: 0 0 0 95px;
    }

    .page_sections li:nth-child(even) .page_content {
        float: right;
    }

    .page_sections li:nth-child(even) .page_images {
        float: left;
        padding: 0 95px 0 0;
    }

    .page_sections li:last-of-type {
        margin: 50px 0 0 0;
    }

    .image_caption {
        margin: 0 0 30px 0;
    }
}

@media only screen and (min-width: 1200px) {
    .wrapper {
        width: 1200px;
        box-sizing: border-box;
    }

    .content_left,
    .content_left.energy,
    .content_left.investments,
    .content_left.contact,
    .content_left.farm_page {
        width: 42%;
        float: left;
        padding: 0 40px 0 0;
    }

    .mw_generated {
        font-size: 72px;
        line-height: 72px;
        float: left;
    }

    .mw {
        font-size: 34px;
        line-height: 34px;
        margin: 35px 0 0 10px;
        float: left;
    }

    .mw_holder {
        width: 100%;
        margin: 0 0 20px 0;
    }

    .content_right.energy {
        margin: 86px 0 0 0;
    }

    .content_right,
    .content_right.energy,
    .content_right.investments,
    .content_right.farm_page {
        width: 50%;
        float: right;
        padding: 0 0 0 40px;
    }

    .energy_type_icon_solar_panels,
    .energy_type_icon_turbines {
        float: left;
        margin: 0 40px 0 0;
        background-size: 150px 150px;
        height: 150px;
        width: 150px;
        line-height: 150px;
    }

    .homes_icon {
        float: right;
        margin: -40px 0 0 40px;
        padding: 175px 0 0 0;
        background-size: 200px 200px;
        height: 200px;
        width: 200px;
        font-size: 50px;
    }

    .homes_desc {
        float: left;
        width: 250px;
    }

    .energy_type_desc {
        float: right;
        width: 300px;
    }

    .content_left.investments {
        margin: 40px 0 0 0;
    }

    .content_inner_holder {
        width: 100%;
        margin: 0 0 40px 0;
    }

    .content_inner {
        float: right;
        width: 250px;
        padding: 0;
        font-size: 12px;
        line-height: 18px;
    }

    .scholarship_icon,
    .education_icon,
    .enterprise_icon,
    .enterprise-development_icon,
    .health_icon,
    .community-development_icon,
    .welfare_icon,
    .environment_icon,
    .infrastructure_icon,
    .water-and-sanitation_icon {
        width: 130px;
        height: 130px;
        float: left;
        border-radius: 130px;
        background-size: 90px 90px;
    }

    #investments.sections.right {
        background-position: 183.8% 0, center center;
        background-repeat: no-repeat, no-repeat;
    }

    .invest_contribution_holder {
        width: 570px;
        height: 570px;
        position: relative;
        margin: -20px 0 0 -50px;
    }

    .invest_contribution_graphic {
        background-size: cover;
    }

    .invest_contribution {
        left: 50%;
        margin: 18px 0 2px -100px;
        font-size: 38px;
        line-height: 42px;
        height: 42px;
    }

    .invest_contribution.per2 {
        top: 60px;
    }

    .invest_contribution.per3 {
        top: 120px;
    }

    .sections.gallery {
        height: 1040px;
    }
}

/* #HEADINGS
================================================== */
h1,
h2,
h3,
h4,
h5 {
    text-transform: uppercase;
    font-weight: normal;
}

h2.education,
h2.enterprise,
h2.health,
h2.community-development,
h2.welfare,
h2.environment {
    margin: 0 0 10px 0;
}

.content_right h1 {
    text-align: right
}

.farms_icon,
.community_icon,
.news_icon,
.gallery_icon {
    color: #FFF;
    background-position: left center;
    background-repeat: no-repeat;
    display: block;
}

.scholarship_heading_icon,
.education_heading_icon,
.community-development_heading_icon,
.enterprise_heading_icon,
.health_heading_icon,
.welfare_heading_icon,
.environment_heading_icon,
.infrastructure_heading_icon,
.water-and-sanitation_heading_icon {
    color: #FFF;
    background-repeat: no-repeat;
    display: block;
}

.farms_icon {
    background-image: url(images/wind_icon.svg);
}

.farms_icon.dark {
    background-image: url(images/solar_icon_dark.svg);
    color: #222;
}

.farms_icon.dewildt {
    background-image: url(images/solar_icon_dewildt.svg);
    color: #989F4E;
}

.farms_icon.waterloo {
    background-image: url(images/solar_icon_waterloo.svg);
    color: #AA8066;
}

.farms_icon.zeerust {
    background-image: url(images/solar_icon_zeerust.svg);
    color: #425563;
}

.farms_icon.bokamoso {
    background-image: url(images/solar_icon_bokamoso.svg);
    color: #C66E4E;
}

.farms_icon.matla {
    background-image: url(images/solar_icon_matla.svg);
    color: #D22630;
}

.farms_icon.reisa {
    background-image: url(images/solar_icon_reisa.svg);
    color: #2d3180;
}

.farms_icon.umoya {
    background-image: url(images/wind_icon_umoya.svg);
    color: #a5bd33;
}

.farms_icon.cookhouse {
    background-image: url(images/wind_icon_cookhouse.svg);
    color: #8b351f;
}

.farms_icon.umoya.light,
.farms_icon.cookhouse.light {
    background-image: url(images/wind_icon.svg);
    color: #FFF;
}

.farms_icon.boikanyo {
    background-image: url(images/wind_icon_boikanyo.svg);
    color: #CEB888;
}

.community_icon {
    background-image: url(images/community_icon.svg);
}

.community_icon.dewildt {
    background-image: url(images/community_icon_dewildt.svg);
    color: #989F4E;
}

.community_icon.waterloo {
    background-image: url(images/community_icon_waterloo.svg);
    color: #AA8066;
}

.community_icon.zeerust {
    background-image: url(images/community_icon_zeerust.svg);
    color: #425563;
}

.community_icon.bokamoso {
    background-image: url(images/community_icon_bokamoso.svg);
    color: #C66E4E;
}

.community_icon.matla {
    background-image: url(images/community_icon_matla.svg);
    color: #D22630;
}

.community_icon.reisa {
    background-image: url(images/community_icon_reisa.svg);
    color: #2d3180;
}

.community_icon.umoya {
    background-image: url(images/community_icon_umoya.svg);
    color: #a5bd33;
}

.community_icon.cookhouse {
    background-image: url(images/community_icon_cookhouse.svg);
    color: #8b351f;
}

.community_icon.boikanyo {
    background-image: url(images/community_icon_boikanyo.svg);
    color: #CEB888;
}

.farms_icon.light {
    background-image: url(images/solar_icon.svg);
    color: #FFF;
}

.community-development_heading_icon,
.health_heading_icon,
.education_heading_icon,
.enterprise_heading_icon,
.environment_heading_icon,
.infrastructure_heading_icon,
.scholarship_heading_icon {
    min-height: 75px;
    line-height: 75px;
}

.community-development_heading_icon.dewildt {
    background-image: url(images/community_icon_dewildt.svg);
    color: #989F4E;
}

.community-development_heading_icon.waterloo {
    background-image: url(images/community_icon_waterloo.svg);
    color: #AA8066;
}

.community-development_heading_icon.zeerust {
    background-image: url(images/community_icon_zeerust.svg);
    color: #425563;
}

.community-development_heading_icon.bokamoso {
    background-image: url(images/community_icon_bokamoso.svg);
    color: #C66E4E;
}

.community-development_heading_icon.matla {
    background-image: url(images/community_icon_matla.svg);
    color: #D22630;
}

.community-development_heading_icon.reisa {
    background-image: url(images/community_icon_reisa.svg);
    color: #2d3180;
}

.community-development_heading_icon.umoya {
    background-image: url(images/community_icon_umoya.svg);
    color: #a5bd33;
}

.community-development_heading_icon.cookhouse {
    background-image: url(images/community_icon_cookhouse.svg);
    color: #8b351f;
}

.community-development_heading_icon.boikanyo {
    background-image: url(images/community_icon_boikanyo.svg);
    color: #CEB888;
}

.health_heading_icon.dewildt,
.welfare_heading_icon.dewildt,
.water-and-sanitation_heading_icon.dewildt {
    background-image: url(images/health_icon_dewildt.svg);
    color: #989F4E;
}

.health_heading_icon.waterloo,
.welfare_heading_icon.waterloo,
.water-and-sanitation_heading_icon.waterloo {
    background-image: url(images/health_icon_waterloo.svg);
    color: #AA8066;
}

.health_heading_icon.zeerust,
.welfare_heading_icon.zeerust {
    background-image: url(images/health_icon_zeerust.svg);
    color: #425563;
}

.health_heading_icon.bokamoso,
.welfare_heading_icon.bokamoso {
    background-image: url(images/health_icon_bokamoso.svg);
    color: #C66E4E;
}

.health_heading_icon.matla,
.welfare_heading_icon.matla {
    background-image: url(images/health_icon_matla.svg);
    color: #D22630;
}

.health_heading_icon.reisa,
.welfare_heading_icon.reisa {
    background-image: url(images/health_icon_reisa.svg);
    color: #2d3180;
}

.health_heading_icon.umoya,
.welfare_heading_icon.umoya {
    background-image: url(images/health_icon_umoya.svg);
    color: #a5bd33;
}

.health_heading_icon.cookhouse,
.welfare_heading_icon.cookhouse {
    background-image: url(images/health_icon_cookhouse.svg);
    color: #8b351f;
}

.health_heading_icon.boikanyo,
.welfare_heading_icon.boikanyo {
    background-image: url(images/health_icon_boikanyo.svg);
    color: #CEB888;
}

.education_heading_icon.dewildt {
    background-image: url(images/education_icon_dewildt.svg);
    color: #989F4E;
}

.education_heading_icon.waterloo {
    background-image: url(images/education_icon_waterloo.svg);
    color: #AA8066;
}

.education_heading_icon.zeerust {
    background-image: url(images/education_icon_zeerust.svg);
    color: #425563;
}

.education_heading_icon.bokamoso {
    background-image: url(images/education_icon_bokamoso.svg);
    color: #C66E4E;
}

.education_heading_icon.matla {
    background-image: url(images/education_icon_matla.svg);
    color: #D22630;
}

.education_heading_icon.reisa {
    background-image: url(images/education_icon_reisa.svg);
    color: #2d3180;
}

.education_heading_icon.umoya {
    background-image: url(images/education_icon_umoya.svg);
    color: #a5bd33;
}

.education_heading_icon.cookhouse {
    background-image: url(images/education_icon_cookhouse.svg);
    color: #8b351f;
}

.education_heading_icon.boikanyo {
    background-image: url(images/education_icon_boikanyo.svg);
    color: #CEB888;
}

.enterprise_heading_icon.dewildt {
    background-image: url(images/enterprise_icon_dewildt.svg);
    color: #989F4E;
}

.enterprise_heading_icon.waterloo {
    background-image: url(images/enterprise_icon_waterloo.svg);
    color: #AA8066;
}

.enterprise_heading_icon.zeerust {
    background-image: url(images/enterprise_icon_zeerust.svg);
    color: #425563;
}

.enterprise_heading_icon.bokamoso {
    background-image: url(images/enterprise_icon_bokamoso.svg);
    color: #C66E4E;
}

.enterprise_heading_icon.matla {
    background-image: url(images/enterprise_icon_matla.svg);
    color: #D22630;
}

.enterprise_heading_icon.reisa {
    background-image: url(images/enterprise_icon_reisa.svg);
    color: #2d3180;
}

.enterprise_heading_icon.umoya {
    background-image: url(images/enterprise_icon_umoya.svg);
    color: #a5bd33;
}

.enterprise_heading_icon.cookhouse {
    background-image: url(images/enterprise_icon_cookhouse.svg);
    color: #8b351f;
}

.enterprise_heading_icon.boikanyo {
    background-image: url(images/enterprise_icon_boikanyo.svg);
    color: #CEB888;
}

.environment_heading_icon.dewildt {
    background-image: url(images/environment_icon_dewildt.svg);
    color: #989F4E;
}

.environment_heading_icon.waterloo {
    background-image: url(images/environment_icon_waterloo.svg);
    color: #AA8066;
}

.environment_heading_icon.zeerust {
    background-image: url(images/environment_icon_zeerust.svg);
    color: #425563;
}

.environment_heading_icon.bokamoso {
    background-image: url(images/environment_icon_bokamoso.svg);
    color: #C66E4E;
}

.environment_heading_icon.matla {
    background-image: url(images/environment_icon_matla.svg);
    color: #D22630;
}

.environment_heading_icon.reisa {
    background-image: url(images/environment_icon_reisa.svg);
    color: #2d3180;
}

.environment_heading_icon.umoya {
    background-image: url(images/environment_icon_umoya.svg);
    color: #a5bd33;
}

.environment_heading_icon.cookhouse {
    background-image: url(images/environment_icon_cookhouse.svg);
    color: #8b351f;
}

.environment_heading_icon.boikanyo {
    background-image: url(images/environment_icon_boikanyo.svg);
    color: #CEB888;
}

.infrastructure_heading_icon {
    background-image: url(images/infrastructure_icon.svg);
}

.infrastructure_heading_icon.dewildt {
    color: #989F4E;
}

.infrastructure_heading_icon.waterloo {
    color: #AA8066;
}

.infrastructure_heading_icon.zeerust {
    color: #425563;
}

.infrastructure_heading_icon.bokamoso {
    color: #C66E4E;
}

.infrastructure_heading_icon.matla {
    color: #D22630;
}

.infrastructure_heading_icon.umoya {
    color: #a5bd33;
}

.infrastructure_heading_icon.reisa {
    background-image: url(images/infrastructure_blue_icon.svg);
    color: #2d3180;
}

.scholarship_heading_icon.dewildt {
    background-image: url(images/scholarship_icon_dewildt.svg);
    color: #989F4E;
}

.scholarship_heading_icon.waterloo {
    background-image: url(images/scholarship_icon_waterloo.svg);
    color: #AA8066;
}

.scholarship_heading_icon.zeerust {
    background-image: url(images/scholarship_icon_zeerust.svg);
    color: #425563;
}

.scholarship_heading_icon.bokamoso {
    background-image: url(images/scholarship_icon_bokamoso.svg);
    color: #C66E4E;
}

.scholarship_heading_icon.matla {
    background-image: url(images/scholarship_icon_matla.svg);
    color: #D22630;
}

.news_icon {
    background-image: url(images/news_icon.svg);
    margin: 50px 0;
}

.news_icon.dewildt {
    background-image: url(images/news_icon_dewildt.svg);
    color: #989F4E;
}

.news_icon.waterloo {
    background-image: url(images/news_icon_waterloo.svg);
    color: #AA8066;
}

.news_icon.zeerust {
    background-image: url(images/news_icon_zeerust.svg);
    color: #425563;
}

.news_icon.bokamoso {
    background-image: url(images/news_icon_bokamoso.svg);
    color: #C66E4E;
}

.news_icon.matla {
    background-image: url(images/news_icon_matla.svg);
    color: #D22630;
}

.news_icon.reisa {
    background-image: url(images/news_icon_reisa.svg);
    color: #2d3180;
}

.news_icon.umoya {
    background-image: url(images/news_icon_umoya.svg);
    color: #a5bd33;
}

.news_icon.cookhouse {
    background-image: url(images/news_icon_cookhouse.svg);
    color: #8b351f;
}

.news_icon.boikanyo {
    background-image: url(images/news_icon_boikanyo.svg);
    color: #CEB888;
}

.gallery_icon {
    background-image: url(images/gallery_icon.svg);
    color: #222;
}

.energy_icon {
    padding: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(images/electric_icon.svg);
}

.energy_icon.dark {
    background-image: url(images/electric_icon_drk.svg);
}

.energy_icon.light {
    background-image: url(images/electric_icon.svg);
}

/* #HEADINGS MEDIA QUERIES
================================================== */
@media only screen and (max-width: 799px) {

    .farms_icon,
    .community_icon,
    .news_icon,
    .gallery_icon {
        padding: 0 0 0 55px;
        background-size: 40px 40px;
        height: 50px;
        line-height: 50px;
    }

    h1 {
        font-size: 26px;
        line-height: 28px;
        margin: 0 0 30px 0;
    }

    h2 {
        font-size: 22px;
        line-height: 24px;
        margin: 0 0 20px 0;
    }

    h3 {
        font-size: 20px;
        line-height: 22px;
        margin: 0 0 6px;
    }

    h4 {
        font-size: 18px;
        line-height: 20px;
        margin: 0 0 6px 0;
    }

    h5 {
        font-size: 16px;
        line-height: 18px;
        margin: 0 0 20px 0;
    }

    .energy_icon {
        margin: 0 auto 20px auto;
        background-size: 100px 100px;
        height: 100px;
        line-height: 100px;
    }

    .energy_dark h2,
    .energy_light h2,
    .energy_theme h2,
    .energy_dark,
    .energy_light,
    .energy_theme {
        text-align: center !important
    }

    .energy_dark p .energy_light p,
    .energy_theme p {
        margin: 0 0 20px 0;
    }

    .gallery_icon {
        margin: 0;
    }

    .farms_icon.gallery_header,
    .community_icon.gallery_header {
        margin: 90px 0 20px 0 !important;
        line-height: 42px !important;
        height: auto !important;
        min-height: 50px;
    }

    .gallery_icon.gallery_header {
        margin: 0 20px 20px 20px !important;
        line-height: 42px !important;
        height: auto !important;
        min-height: 50px;
    }

    .scholarship_heading_icon,
    .education_heading_icon,
    .community-development_heading_icon,
    .enterprise_heading_icon,
    .health_heading_icon,
    .welfare_heading_icon,
    .environment_heading_icon,
    .water-and-sanitation_heading_icon {
        padding: 0 0 0 55px;
        background-size: 40px 40px;
        line-height: 36px !important;
        height: auto !important;
        background-position: left top;
        min-height: 40px !important;
    }

    .content_right.farm_page {
        margin: 30px 0 0 0;
    }
}

@media only screen and (min-width: 800px) {

    .farms_icon,
    .community_icon,
    .news_icon,
    .gallery_icon {
        padding: 0 0 0 105px;
        background-size: 85px 85px;
        height: 85px;
        line-height: 85px;
    }

    h1 {
        font-size: 48px;
        line-height: 48px;
        margin: 0 0 40px 0;
    }

    h2 {
        font-size: 32px;
        line-height: 32px;
        margin: 0 0 25px 0;
    }

    h3 {
        font-size: 25px;
        line-height: 28px;
        margin: 0 0 6px;
    }

    h4 {
        font-size: 20px;
        line-height: 28px;
        margin: 0 0 20px 0;
    }

    h5 {
        font-size: 18px;
        line-height: 28px;
        margin: 0 0 20px 0;
    }

    .energy_dark h2,
    .energy_light h2,
    .energy_theme h2,
    .energy_dark,
    .energy_light,
    .energy_theme {
        text-align: left !important;
        margin: 0 0 10px 0;
    }

    .energy_icon {
        margin: 0 20px 20px 0;
        background-size: 100px 100px;
        height: 100px;
        line-height: 100px;
        width: 100px;
        float: left;
    }

    .gallery_icon {
        margin: 0 0 50px 0;
    }

    .gallery_icon.archive_gallery {
        margin-left: 65px
    }

    .scholarship_heading_icon,
    .education_heading_icon,
    .community-development_heading_icon,
    .enterprise_heading_icon,
    .health_heading_icon,
    .welfare_heading_icon,
    .environment_heading_icon,
    .infrastructure_heading_icon,
    .water-and-sanitation_heading_icon {
        padding: 0 0 0 95px;
        background-size: 75px 75px;
        height: 75px;
        line-height: 75px;
        background-position: left center;
    }

    .energy_dark p .energy_light p,
    .energy_theme p {
        margin: 0 0 10px 0;
    }

    h2.education,
    h2.enterprise,
    h2.health,
    h2.community-development,
    h2.welfare,
    h2.environment {
        margin: 0 0 10px 0;
        font-size: 25px;
        line-height: 25px;
    }

    .news_icon.gallery_header {
        margin-left: 65px;
    }
}

@media only screen and (min-width: 1200px) {
    .energy_icon {
        margin: 0 auto 40px auto;
        background-size: 150px 150px;
        height: 150px;
        line-height: 150px;
        width: 100%;
        float: none;
    }

    .energy_dark h2,
    .energy_light h2,
    .energy_theme h2,
    .energy_dark,
    .energy_light,
    .energy_theme {
        text-align: left !important;
        margin: 0 0 25px 0;
    }

    .energy_dark p .energy_light p,
    .energy_theme p {
        margin: 0 0 20px 0;
    }

    h2.education,
    h2.enterprise,
    h2.health,
    h2.community-development,
    h2.welfare,
    h2.environment {
        margin: 0 0 10px 0;
        font-size: 35px;
        line-height: 35px;
    }
}

/* #ARCHIVES
================================================== */

.gallery_thumbnail {
    display: block;
    width: 100%;
    height: 300px;
    background-color: #efefef;
    margin: 0 0 30px 0;
    border-radius: 20px;
    background-position: center center;
    background-size: cover;
}

.archive_thumbnail a,
.gallery_thumbnail a {
    width: 100%;
    height: 300px;
    display: block;
}

/* #GALLERY
================================================== */
.gallery_archive_wrapper {
    padding: 0 20px;
}

.gallery_item {
    padding: 0;
    margin: 0;
    list-style: none;
    display: grid;
    width: 100%;
    gap: 30px;
}

.gallery_tab_holder {
    float: left;
    padding: 0;
    list-style: none;
}

.gallery_tab_holder li {
    float: left;
    padding: 0 25px 0 0;
    margin: 0;
    box-sizing: border-box;
}

.gallery_tab {
    background-image: url(images/gallery_icon.svg);
    background-size: 22px 22px;
    background-position: left center;
    background-repeat: no-repeat;
    padding: 0 0 0 27px;
    font-size: 16px;
    text-transform: uppercase;
    color: #999;
    opacity: 0.5;
}

.gallery_see_all {
    background-image: none;
    padding: 0;
    font-size: 16px;
    text-transform: uppercase;
    color: #999;
    opacity: 0.5;
}

.gallery_tab:hover {
    opacity: 0.8;
}

.gallery_tab.active {
    opacity: 1;
}

.gallery_tab_items {
    width: 0;
    height: 800px;
    opacity: 0;
    overflow: hidden;
    float: left;
    margin: 0;
    padding: 0;
    transition: 0.3s all;
}

.gallery_tab_items.active {
    float: right;
    width: 100%;
    opacity: 1;
}

.gallery_slider,
.gallery_slider li {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100% !important;
    background-position: center center;
    background-size: cover;
    position: relative;
}

.gallery_slider_caption {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 25px;
    color: #FFF;
}

.gallery_slider_caption.dewildt {
    background-color: rgba(152, 159, 78, 0.80);
}

.gallery_slider_caption.waterloo {
    background-color: rgba(170, 128, 102, 0.80);
}

.gallery_slider_caption.zeerust {
    background-color: rgba(66, 85, 99, 0.80);
}

.gallery_slider_caption.bokamoso {
    background-color: rgba(198, 110, 78, 0.80);
}

.gallery_slider_caption.matla {
    background-color: rgba(101, 48, 36, 0.80);
}

.gallery_slider_caption.reisa {
    background-color: rgba(45, 49, 128, 0.80);
}

.gallery_slider_caption.cookhouse {
    background-color: rgba(139, 53, 31, 0.80)
}

.gallery_slider_caption.boikanyo {
    background-color: rgba(206, 184, 136, 0.80)
}

.gallery_slider_caption.umoya {
    background-color: rgba(165, 189, 51, 0.80)
}

.gallery_pager {
    padding: 0;
    list-style: none;
    overflow: hidden;
    opacity: 1 !important;
    position: relative;
}

.gallery_pager li {
    float: left;
    background-color: #fff;
    box-sizing: border-box;
}

.gallery_pager li a {
    opacity: 1 !important;
}

.gallery_pager_inner {
    position: relative;
    background-position: center center;
    background-size: cover;
    overflow: hidden;
    cursor: pointer;
    width: 100%;
    opacity: 1 !important;
}

.gallery_pager_hover {
    position: absolute;
    left: 0;
    right: 0;
    background-color: rgba(255, 255, 255, 0.90);
    transition: 0.3s all;
    box-sizing: border-box;
    padding: 20px;
}

.gallery_pager_hover h3 {
    font-size: 18px;
    line-height: 18px;
    margin: 0;
}

.gallery_pager_inner:hover .gallery_pager_hover {
    top: 0;
}

.gallery_next,
.gallery_prev {
    position: absolute;
    z-index: 10000;
    top: 50%;
    opacity: 0.85;
    cursor: pointer;
    background-color: #606060;
    background-image: url(images/arrow_icon.svg);
    background-position: center center;
    background-repeat: no-repeat;
}

.gallery_next:hover,
.gallery_prev:hover {
    opacity: 1;
}

.gallery_snippet h3 {
    margin: 0;
}

/* #SLIDER
================================================== */
.top_element {
    width: 100%;
    margin: 0;
}

.slider_content {
    color: #222;
}

.slide_image,
.slide_image li {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    background-position: center center;
    background-size: cover !important;
    background-repeat: no-repeat;
}

.slide_image .bx-viewport {
    width: 100% !important;
    background-position: center center;
    background-size: cover !important;
    background-repeat: no-repeat;
}

/* #SLIDER MEDIA QUERIES
================================================== */
@media only screen and (max-width: 799px) {
    .top_element {
        height: auto !important;
        padding: 20px 20px 10px 20px;
        background-color: rgba(255, 255, 255, 0.60)
    }

    .logo {
        display: none;
    }

    .logo_mobile {
        display: block;
        width: 230px;
        height: auto;
        margin: 20px 0 20px 20px;
        float: left;
        box-sizing: border-box;
    }

    .slider_content {
        width: 100%;
    }

    .slide_image,
    .slide_image li,
    .slide_image .bx-viewport {
        height: 300px !important;
    }

    .gallery_slider,
    .gallery_slider li {
        height: 250px !important;
    }

    .gallery_holder {
        width: 100%;
        height: 380px;
        overflow: hidden;
        margin: 0;
    }

    .gallery_holder.single {
        width: 100%;
        height: 380px;
        overflow: hidden;
        margin: 10px 0 0 0;
        padding: 0 20px;
    }

    .sections.gallery {
        height: 600px;
    }

    .gallery_pager {
        width: 100%;
        height: 100px;
        margin: 15px 0 0 0;
    }

    .gallery_pager li {
        width: 125px;
        height: 100px;
        padding: 0 15px 0 0;
    }

    .slick-slide {
        width: 305 !important;
        height: 100px;
    }

    .gallery_pager_inner {
        height: 100px;
    }

    .gallery_pager_hover {
        display: none;
    }

    .gallery_next,
    .gallery_prev {
        width: 40px;
        height: 40px;
        margin-top: -25px;
        background-size: 15px 15px;
    }

    .gallery_prev {
        left: 0;
    }

    .gallery_next {
        right: 0;
        transform: rotate(180deg)
    }

    .gallery_tab_holder {
        margin: 10px 0 0 0;
        float: left;
    }

    .gallery_archive_wrapper {
        padding: 0 20px;
        width: 100%;
        box-sizing: border-box;
    }

    .gallery_hr {
        border: 0;
        height: 5px;
        margin: 30px 20px 0 20px;
    }

    .addtoany_shortcode {
        margin: 20px 20px 0 20px;
    }

    .gallery_archive_wrapper .addtoany_shortcode {
        margin: 10px 0 0 0;
    }

    .archive_item {
        margin: 0;
        padding: 0;
        width: 100%;
        list-style: none;
        box-sizing: border-box;
    }

    .archive_item li {
        margin: 0 0 30px 0;
        padding: 0;
        width: 100%;
        box-sizing: border-box;
    }

    .archive_snippet {
        margin: 0;
    }
}

@media only screen and (min-width: 800px) {
    .top_element {
        position: absolute;
        left: 0;
        top: 0;
        z-index: 10000;
        height: 800px;
        padding: 50px 65px;
        background-size: auto 800px;
        background-repeat: no-repeat;
        background-position: right bottom;
        background-image: url(images/section_element_top.svg);
    }

    .logo {
        display: block;
        width: 400px;
        height: auto;
        margin: 85px 0 30px 0;
        float: right;
    }

    .logo_mobile {
        display: none;
    }

    .slider_content {
        float: right;
        width: 500px;
    }

    .slide_image,
    .slide_image li,
    .slide_image .bx-viewport {
        height: 800px !important;
    }

    .gallery_slider,
    .gallery_slider li {
        height: 590px !important;
    }

    .gallery_holder {
        width: 1200px;
        height: 800px;
        overflow: hidden;
        margin: 10px -65px 0 -65px;
    }

    .gallery_holder.single {
        width: 1200px;
        height: 800px;
        overflow: hidden;
        margin: 10px 0 0 0;
    }

    .gallery_pager {
        width: 1215px;
        height: 200px;
        margin: 15px -7.5px 0 -7.5px;
    }

    .gallery_pager li {
        width: 25%;
        height: 200px;
        padding: 0 7.5px;
    }

    .slick-slide {
        width: 305px !important;
        height: 200px;
    }

    .gallery_pager_inner {
        height: 200px;
    }

    .gallery_pager_hover {
        height: 200px;
        top: 200px;
    }

    .gallery_next,
    .gallery_prev {
        width: 55px;
        height: 55px;
        margin-top: -27.5px;
        background-size: 20px 20px;
    }

    .gallery_prev {
        left: 7.5px;
    }

    .gallery_next {
        right: 7.5px;
        transform: rotate(180deg)
    }

    .gallery_tab_holder {
        margin: -30px 0 30px 0;
    }

    .gallery_archive_wrapper {
        padding: 0 65px;
    }

    .gallery_item {
        grid-template-columns: repeat(3, 1fr);
    }

    .gallery_hr {
        border: 0;
        height: 5px;
        margin: 50px 65px 0 65px;
    }

    .archive_item {
        margin: 0;
        padding: 0 65px;
        list-style: none;
        width: 100%;
        box-sizing: border-box;
    }

    .archive_item li {
        margin: 0 0 50px 0;
        padding: 0 0 50px 0;
        width: 100%
    }

    .archive_thumbnail {
        width: 300px;
        height: 200px;
        background-color: #efefef;
        float: left;
        margin: 0;
        border-radius: 20px;
        background-position: center center;
        background-size: cover;
    }

    .gallery_thumbnail,
    .archive_thumbnail a,
    .gallery_thumbnail a {
        width: 100%;
        height: 200px;
    }

    .archive_snippet {
        margin: 0;
        float: right;
        width: 390px
    }
}

@media only screen and (min-width: 1200px) {
    .logo {
        display: block;
        width: 400px;
        height: auto;
        margin: 0 0 85px 0;
        float: right;
    }

    .archive_snippet {
        margin: 0 0 0 365px;
        float: none;
        width: auto
    }

    .archive_item {
        margin: 0 65px;
        padding: 0;
        list-style: none;
        width: 1070px;
    }
}

/* #Menu
================================================== */
.menu_holder {
    position: fixed;
    z-index: 100000;
    top: 0;
    width: 720px;
    height: 65px;
    background-size: 800px 65px;
    background-repeat: no-repeat;
    background-position: right center;
    background-image: url(images/menu.svg);
    overflow: hidden;
}

.menu_holder.sticky {
    width: 65px;

}

.menu_holder.hover {
    overflow: visible
}

.menu_icon {
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(images/menu_icon.svg);
    cursor: pointer;
}

.menu_icon a {
    display: block;
}

.menu_icon:hover {
    background-color: #222;
}

.menu_icon.dewildt {
    background-color: #989F4E;
}

.menu_icon.waterloo {
    background-color: #AA8066;
}

.menu_icon.zeerust {
    background-color: #425563;
}

.menu_icon.bokamoso {
    background-color: #C66E4E;
}

.menu_icon.matla {
    background-color: #D22630;
}

.menu_icon.reisa {
    background-color: #2d3180;
}

.menu_icon.cookhouse {
    background-color: #8b351f;
}

.menu_icon.boikanyo {
    background-color: #CEB888;
}

.menu_icon.umoya {
    background-color: #a5bd33;
}

/* #EMENU MEDIA QUERIES
================================================== */
@media only screen and (max-width: 799px) {
    .menu_holder {
        display: none;
    }

    .menu_icon {
        float: right;
        margin: 20px;
        width: 40px;
        height: 40px;
        background-size: 25px 25px;
    }

    .menu_icon a {
        width: 40px;
        height: 40px;
    }

    /* Mobile Menu */
    .mobile_menu_holder {
        position: fixed;
        top: 15px;
        right: 15px;
        z-index: 10000;
    }

    .mobile_menu_icon {
        float: right;
        width: 50px;
        height: 50px;
        padding: 0;
        margin: 20px 0 0 0;
        cursor: pointer;
        background-image: url(images/menu_icon.svg);
        background-size: 50px 50px;
    }

    .mobile_menu_icon.scroll {
        margin: 0;
        background-size: 40px 40px;
        width: 40px;
        height: 40px;
        -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.5);
        box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.5);
    }

    .mobile_menu {
        position: fixed;
        top: -700px;
        left: 0;
        width: 100%;
        z-index: 100001;
        box-sizing: border-box;
        margin: 0;
        padding: 0;
        list-style: none;
        transition: 0.4s all;
    }

    .mobile_menu.active,
    .mobile_close.active {
        top: 0;
    }

    .mobile_menu li {
        padding: 0;
        font-size: 15px;
        width: 100%;
        text-align: center;
        box-sizing: border-box;
        border-bottom: 1px solid #CCC;
        line-height: 45px;
        height: auto;
        background-color: rgba(55, 55, 55, 0.95);
    }

    .mobile_menu li a {
        color: #FFF;
        text-decoration: none;
        display: block;
        text-transform: uppercase;
        height: 45px;
    }

    .mobile_menu ul {
        padding: 0;
        list-style: none;
        width: 100%;
        overflow: hidden;
        height: 0;
        opacity: 0;
        transition: all 0.3s;
    }

    .mobile_menu ul li {
        background-color: rgba(44, 44, 44, 0.90);
        border-top: 1px solid #CCC;
        border-bottom: none;
        width: 100%;
        opacity: 0;
        height: 0;
        transition: all 0.3s;
        line-height: 45px
    }

    .mobile_menu ul ul {
        padding: 0 !important;
        list-style: none;
        width: 100%;
        opacity: 0;
        height: 0;
        transition: all 0.3s;
        overflow: hidden;
    }

    .mobile_menu ul ul li {
        background-color: rgba(33, 33, 33, 0.90);
        border-top: 1px solid #CCC;
        width: 100%;
        opacity: 0;
        height: 0;
        transition: all 0.3s;
    }

    .mobile_menu ul ul li ul li {
        background-color: rgba(22, 22, 22, 0.90);
        border-top: 1px solid #CCC;
    }

    .mobile_menu li.active {
        height: auto;
    }

    .sub-menu.active {
        height: auto;
        padding: 0;
        opacity: 1;
        overflow: visible;
        color: #FFF !important
    }

    .sub-menu li.active {
        height: auto;
        opacity: 1;
        overflow: visible;
    }

    .mobile_close {
        background-color: rgba(32, 32, 32, 0.90)important;
        font-size: 15px;
        text-transform: uppercase;
        color: #FFF;
        cursor: pointer;
    }
}

@media only screen and (min-width: 800px) {
    .mobile_menu_holder {
        display: none;
    }

    .menu_icon {
        float: left;
        width: 65px;
        height: 65px;
        background-size: 35px 35px;
    }

    .menu_icon a {
        width: 65px;
        height: 65px;
    }

    .desktop_menu {
        margin: 17px 0 0 30px;
        padding: 0;
        list-style: none;
        float: left;
        opacity: 1;
        overflow: hidden;
    }

    .desktop_menu.sticky {
        width: 0;
        height: 0;
        opacity: 0;
        overflow: visible
    }

    .desktop_menu li {
        margin: 0;
        padding: 0;
        float: left;
    }

    .desktop_menu li a {
        margin: 0;
        padding: 0 30px 0 0;
        text-transform: uppercase;
    }

    /* # LEVEL TWO */
    .sub-menu {
        position: absolute;
        padding: 0;
        width: 220px;
        height: 0;
        opacity: 0;
        transition: 0.3s all;
        margin: 0;
        overflow: hidden;
        list-style: none;
        z-index: 2001;
    }

    .sub-menu li {
        float: left;
        width: 100% !important;
        margin: 0;
        padding: 0;
        height: 0;
        opacity: 0;
    }

    .sub-menu li a {
        padding: 0 10px;
        font-size: 14px;
        display: block;
        background-color: #efefef;
        margin: 0;
        line-height: 38px !important;
        height: 40px !important;
    }

    .desktop_menu li:hover>.sub-menu {
        height: auto;
        opacity: 1;
        padding: 20px 0 0 0;
        overflow: visible;
    }

    .desktop_menu li:hover>.sub-menu li {
        height: 40px;
        opacity: 1;
    }

    /* THIRD LEVEL MENU */
    .sub-menu .sub-menu {
        left: 220px;
        padding: 0 !important;
        margin-top: -35px !important;
    }

    .menu_holder {
        left: 0;
        margin-left: 0;

    }
}

@media only screen and (min-width: 1200px) {
    .menu_holder {
        left: 50%;
        margin-left: -600px;

    }
}

/* #BOTTOM
================================================== */
.bottom_bar {
    width: 100%;
    color: #FFF;
}

.footer_meta {
    float: left;
    height: 18px;
    line-height: 18px;
}

.footer_meta a {
    color: #FFF;
}

.social_icon {
    float: right;
    width: 18px;
    height: 18px;
    margin: 0 0 0 18px;
}

.social_icon img {
    width: 20px;
    height: 20px;
}

/* #BOTTOM MEDIA QUERIES
================================================== */

@media only screen and (max-width: 799px) {
    .bottom_bar {
        padding: 20px;
        font-size: 10px;
        height: 60px;
        text-align: center;
    }
}

@media only screen and (min-width: 800px) {
    .bottom_bar {
        padding: 35px 40px 0 40px;
        font-size: 11px;
        height: 80px;
    }
}