body {
    color: #162F65 !important; 
    font-family: "Montserrat", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}

* {
    margin: 0;
    padding: 0;
}

/* BRAND GUIDELINES */

.brandGuidelineBackgroundBeige {
    background-color: #D2C6B9 !important;
}

.brandGuidelineBackgroundBlue {
    background-color: #162F65 !important;
}

.brandGuidelineBackgroundGrey {
    background-color: #717C97 !important;
}

.brandGuidelineBackgroundOrange {
    background-color: #E69845 !important;
}

.brandGuidelineBackgroundWhite {
    background-color: white !important;
}

.brandGuidelineBorderOrange {
    border-color: #E69845 !important;
}

.brandGuidelineButtonBeige {
    background-color: #D2C6B9 !important;
    border-color: #D2C6B9 !important;
}

.brandGuidelineButtonBlue {
    background-color: #162F65 !important;
    border-color: #162F65 !important;
}

.brandGuidelineButtonOrange {
    background-color: #E69845 !important;
    border-color: #E69845 !important;
}

.brandGuidelineTextBeige {
    color: #D2C6B9 !important;
}

.brandGuidelineTextBlue {
    color: #162F65 !important;
}

.brandGuidelineTextGrey {
    color: #717C97 !important;
}

.brandGuidelineTextOrange {
    color: #E69845 !important;
}

/* SITE STYLES */

.backgroundColorLightGray {
    background-color: #ecf0f3 !important;
}

.blogLink {
    color: #162F65;
    text-decoration:none !important;
    font-size:18px;
}

.borderWidthPixels2 {
    border-width: 2px !important;
}

.centerObject {
    margin: 0 auto 0 auto !important;
}

.divCover1 {
    background-color: #162F65;
    background-image: url(/images/gallery/Home_1.jpg);
    background-repeat: no-repeat;
    color: white;
    font-size: 72px;
    height: 750px;
    width: 100%;
}

.divHomeAchieve {
    background-color: #162F65;
    background-image: url(/images/gallery/home_background_achieve.jpg);
    background-repeat: no-repeat;
    color: white;
    font-size: 72px;
    height: 750px;
    width: 100%;
}

.divHomeFeedback {
    background-color: #162F65;
    background-image: url(/images/gallery/home_background_feedback.jpg);
    background-repeat: no-repeat;
    color: white;
    font-size: 72px;
    /*height: 750px;*/
    width: 100%;
}

.divHomeFeedbackPanel {
    border-style: solid;
    border-width: 3px;
    height: 100%;
    padding: 15px;
}

.fontColorWhite {
    color: white !important;
}


.fontSizePixels18 {
    font-size: 18px !important;
}

.fontSizePixels20 {
    font-size: 20px !important;
}

.fontSizePixels22 {
    font-size: 22px !important;
}


.fontSizePixels24 {
    font-size: 24px !important;
}

.fontSizePixels36 {
    font-size: 36px !important;
}

.fontSizePixels48 {
    font-size: 48px !important;
}

.fontSizePixels70 {
    font-size: 70px !important;
}

.heightPixels127 {
    height: 127px !important;
}

.paddingPixels10 {
    padding: 10px !important;
}

.paddingPixels40 {
    padding: 40px !important;
}

.paddingTopPixels10px {
    padding-top: 10px !important;
}

.starRating {
    color: orange;
}

.supplier-icon {
    height: 50px;
    width: 50px;
}

.widthPixels200 {
    width: 200px !important;
}

.widthPixels260 {
    width: 260px !important;
}

.widthPixels300 {
    width: 300px !important;
}

.widthPixels700 {
    width: 700px !important;
}

.widthPercentage100 {
    width: 100% !important;
}

#divCover1 {
    background-color: #162F65;
    background-image: url(https://eventsnetwork.ph/images/ComingSoon.jpg);
    background-repeat: no-repeat;
    color: white;
    font-size: 72px;
    height: 1365px;
    width: 100%;
}


/* ---------- OVERRIDE ---------- */
.navbar-nav > li {
    padding-left: 10px;
    padding-right: 10px;
}


/* FONTS */
.libre-baskerville-regular {
    font-family: "Libre Baskerville", serif;
    font-weight: 400;
    font-style: normal;
}

.libre-baskerville-bold {
    font-family: "Libre Baskerville", serif;
    font-weight: 700;
    font-style: normal;
}

.libre-baskerville-regular-italic {
    font-family: "Libre Baskerville", serif;
    font-weight: 400;
    font-style: italic;
}

/*
    <uniquifier > : Use a unique and descriptive class name
    <weight > : Use a value from 100 to 900
*/

.montserrat-100 {
    font-family: "Montserrat", serif;
    font-optical-sizing: auto;
    font-weight: 100;
    font-style: normal;
}


.roboto-thin {
    font-family: "Roboto", sans-serif;
    font-weight: 100;
    font-style: normal;
}

.roboto-light {
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    font-style: normal;
}

.roboto-regular {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.roboto-medium {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-style: normal;
}

.roboto-bold {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-style: normal;
}

.roboto-black {
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-style: normal;
}

.roboto-thin-italic {
    font-family: "Roboto", sans-serif;
    font-weight: 100;
    font-style: italic;
}

.roboto-light-italic {
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    font-style: italic;
}

.roboto-regular-italic {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: italic;
}

.roboto-medium-italic {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-style: italic;
}

.roboto-bold-italic {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-style: italic;
}

.roboto-black-italic {
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-style: italic;
}


/* ---------- MEDIA QUERIES ---------- */
:root {
    --bg-about-us-section-1-desktop: url(/images/pages/about-us/bg-about-us-section-1-desktop.jpg);
    --bg-about-us-section-1-mobile: url(/images/pages/about-us/bg-about-us-section-1-mobile.jpg);
    --bg-be-a-member-section-1-desktop: url(/images/pages/be-a-member/bg-be-a-member-section-1-desktop.jpg);
    --bg-be-a-member-section-1-mobile: url(/images/pages/be-a-member/bg-be-a-member-section-1-mobile.jpg);
    --bg-be-a-member-section-2-desktop: url(/images/pages/be-a-member/bg-be-a-member-section-2-desktop.jpg);
    --bg-be-a-member-section-2-mobile: url(/images/pages/be-a-member/bg-be-a-member-section-2-mobile.jpg);
    --bg-blog-section-1-desktop: url(/images/pages/blog/bg-blog-section-1-desktop.jpg);
    --bg-blog-section-1-mobile: url(/images/pages/blog/bg-blog-section-1-mobile.jpg);
    --bg-client-sign-up-section-1-desktop: url(/images/pages/client-sign-up//bg-client-sign-up-section-1-desktop.jpg);
    --bg-client-sign-up-section-1-mobile: url(/images/pages/client-sign-up/bg-client-sign-up-section-1-mobile.jpg);
    --bg-gallery-section-1-desktop: url(/images/pages/gallery/bg-gallery-section-1-desktop.jpg);
    --bg-gallery-section-1-mobile: url(/images/pages/gallery/bg-gallery-section-1-mobile.jpg);
    --bg-home-section-1-desktop: url(/images/pages/home/bg-home-section-1-desktop.jpg);
    --bg-home-section-1-mobile: url(/images/pages/home/bg-home-section-1-mobile.jpg);
    --bg-home-section-2-desktop: url(/images/pages/home/bg-home-section-2-desktop.jpg);
    --bg-home-section-2-mobile: url(/images/pages/home/bg-home-section-2-mobile.jpg);
    --bg-suppliers-section-1-desktop: url(/images/pages/suppliers/bg-suppliers-section-1-desktop.jpg);
    --bg-suppliers-section-1-mobile: url(/images/pages/suppliers/bg-suppliers-section-1-mobile.jpg);
}

.bg-about-us-section-1 {
}

.bg-be-a-member-section-1 {
}

.bg-be-a-member-section-2 {
}

.bg-blog-section-1 {
}

.bg-client-sign-up-section-1 {
}

.bg-home-section-1{

}

.bg-home-section-2 {
}

.bg-suppliers-section-1 {
}



@media screen and (max-width: 768px) {

    .bg-about-us-section-1 {
        background-color: white;
        background-image: var(--bg-about-us-section-1-mobile);
        background-repeat: no-repeat;
        background-size: cover;
        min-height: 280px;
    }

    .bg-be-a-member-section-1 {
        background-color: white;
        background-image: var(--bg-be-a-member-section-1-mobile);
        background-repeat: no-repeat;
        background-size: cover;
        min-height: 280px;
    }

    .bg-be-a-member-section-2 {
        background-color: white;
        background-image: var(--bg-be-a-member-section-2-mobile);
        background-repeat: no-repeat;
        background-size: cover;
        min-height: 150px;
    }

    .bg-blog-section-1 {
        background-color: white;
        background-image: var(--bg-blog-section-1-mobile);
        background-repeat: no-repeat;
        background-size: cover;
        min-height: 200px;
    }

    .bg-client-sign-up-section-1 {
        background-color: white;
        background-image: var(--bg-client-sign-up-section-1-mobile);
        background-repeat: no-repeat;
        background-size: cover;
        min-height: 200px;
    }

    .bg-gallery-section-1 {
        background-color: white;
        background-image: var(--bg-gallery-section-1-mobile);
        background-repeat: no-repeat;
        background-size: cover;
        min-height: 150px;
    }

    .bg-home-section-1 {
        background-color: white;
        background-image: var(--bg-home-section-1-mobile);
        background-repeat: no-repeat;
        background-size: cover;
        min-height: 280px;
    }

    .bg-home-section-2 {
        background-color: white;
        background-image: var(--bg-home-section-2-mobile);
        background-repeat: no-repeat;
        background-size: cover;
        min-height: 180px;
    }

    .bg-suppliers-section-1 {
        background-color: white;
        background-image: var(--bg-suppliers-section-1-mobile);
        background-repeat: no-repeat;
        background-size: cover;
        min-height: 280px;
    }
}

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

    .bg-about-us-section-1 {
        background-color: white;
        background-image: var(--bg-about-us-section-1-desktop);
        background-repeat: no-repeat;
        background-size: cover;
        min-height: 700px;
    }

    .bg-be-a-member-section-1 {
        background-color: white;
        background-image: var(--bg-be-a-member-section-1-desktop);
        background-repeat: no-repeat;
        background-size: cover;
        min-height: 900px;
    }

    .bg-be-a-member-section-2 {
        background-color: white;
        background-image: var(--bg-be-a-member-section-2-desktop);
        background-repeat: no-repeat;
        background-size: cover;
        min-height: 600px;
    }

    .bg-blog-section-1 {
        background-color: white;
        background-image: var(--bg-blog-section-1-desktop);
        background-repeat: no-repeat;
        background-size: cover;
        min-height: 700px;
    }

    .bg-client-sign-up-section-1 {
        background-color: white;
        background-image: var(--bg-client-sign-up-section-1-desktop);
        background-repeat: no-repeat;
        background-size: cover;
        min-height: 700px;
    }

    .bg-gallery-section-1 {
        background-color: white;
        background-image: var(--bg-gallery-section-1-desktop);
        background-repeat: no-repeat;
        background-size: cover;
        min-height: 500px;
    }

    .bg-home-section-1 {
        background-color: white;
        background-image: var(--bg-home-section-1-desktop);
        background-repeat: no-repeat;
        background-size: cover;
        min-height: 900px;
    }

    .bg-home-section-2 {
        background-color: white;
        background-image: var(--bg-home-section-2-desktop);
        background-repeat: no-repeat;
        background-size: cover;
        min-height: 600px;
    }

    .bg-suppliers-section-1 {
        background-color: white;
        background-image: var(--bg-suppliers-section-1-desktop);
        background-repeat: no-repeat;
        background-size: cover;
        min-height: 700px;
    }
}



#navSite {
    display: table;
    width: 100%;
    /*table-layout: fixed;*/
}
#navSite li {
    display: table-cell;
}
#navSite a {
    display: block;
    text-align: center;
}