html, body
{
    height:100%;
    font-size:14px;
    font-family: Lora,"Helvetica Neue",Helvetica,Arial,sans-serif;
    line-height: 1.5;
}

h1, h2
{
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
}

#navbar .navbar-brand
{
    font-size:0;
    width:64px;
    margin-left:10px;
    margin-right:10px;
    background: url(/sites/all/themes/bootstrap_lambda/images/logo.kc.png) 50% 70%;
}

#navbar .menu .not-logged-in,
#navbar .menu .logged-in
{
    display:none;
}

body.logged-in #navbar .menu .logged-in
{
    display:inline;
}

body.not-logged-in #navbar .menu .not-logged-in
{
    display:inline;
}

/* feed icon */

body.front div.feed-icon
{
    display:none;
}

body.not-front section.block-views
{
    position:relative;
}

body.not-front div.region-content div.feed-icon
{
    position:absolute;
    top: -46px;
    right:3px;
}

body.not-front h1.page-header
{
    padding-right:16px; /* break title earlier to prevent overlap with feed icon (if visible) */
}

body.not-front .region-sidebar-second div.feed-icon
{
    position:absolute;
    top:32px;
    right:3px;
}

body.not-front .region-sidebar-second .block:first-child div.feed-icon
{
    top:12px;
}

body.not-front .block-views h2.block-title
{
    border-bottom:1px solid #ddd;
}

/* front page - show 100% height cover page */

#front-cover
{
    display:none;
    position: relative;

    background: url(/sites/all/themes/bootstrap_lambda/images/background.mountain.jpg) no-repeat center 10% scroll;

    background-size: 100% auto;
}

#front-cover .logo-kinabalucoders
{
    position: absolute;
    top:40%;
    margin-top: -165px;
}

@media (min-width:1024px)
{
    #front-cover .logo-kinabalucoders
    {
        top: 50%;
    }
}

#front-cover .btn
{
    font-size: 40px;
}

#front-cover h3
{
    margin-top:0;
    line-height:1.5em;
}

body.front #front-cover
{
    display:block;
}


body.front > .main-container > .row > section > #front-cover
{
    height:100vh;
}

#front-cover .branding
{
    margin:0;
    padding:0;
    font-size:0px;
    background: url(/sites/all/themes/bootstrap_lambda/images/logo.kinabalu-coders.png) no-repeat center bottom;
    background-size: contain;
    height:219px;
}

/* experimental -  scrollable admin + tool bar */

@media (max-width:810px)
{
    body.toolbar #toolbar
    {
        overflow-x: auto;
        overflow-y: hidden;
    }
    body.toolbar #toolbar #toolbar-user
    {
        float:left;
    }
    body.toolbar #toolbar div.toolbar-menu
    {
        width: 810px;
        padding-left: 10px;
        padding-right: 10px;
        height:70px;
    }
    body.toolbar #toolbar div.toolbar-menu ul li a
    {
        padding: 3px 10px;
    }
    body.toolbar #toolbar div.toolbar-menu #toolbar-menu
    {
        margin-top:3px;
    }
    body.toolbar #toolbar div.toolbar-menu #toolbar-menu li
    {
        border-radius: 10px 10px;
        margin-right:3px;
        background: gray;
    }
}


/* correct some deficiencies with admin theme and boostrap themes */

body .navbar-fixed-top
{
    top:0px;
}
body.toolbar-drawer .navbar-fixed-top
{
    top:30px;
}
body.toolbar-drawer.navbar-is-fixed-top
{
    padding-top:95px !important;
}
@media (max-width:1058px)
{
    body.toolbar .navbar-fixed-top
    {
        top:50px;
    }
    body.toolbar.toolbar-drawer .navbar-fixed-top
    {
        /* top:84px; */
    }
    body.toolbar.navbar-is-fixed-top
    {
        padding-top: 115px !important;
    }
}
@media (max-width:810px)
{
    body.toolbar .navbar-fixed-top
    {
        top:70px;
    }
    body.toolbar.toolbar-drawer .navbar-fixed-top
    {
        /*  top:104px; */
    }
    body.toolbar.navbar-is-fixed-top
    {
        padding-top: 135px !important;
    }
}

/* front page: remove all padding and margin from body */

body.front > .main-container > .row > section 
{
    margin:0;
    padding:0;
}

/* front page: margins for articles */

body.front > .main-container > .row > section > .region > section
{
    padding-top:100px;
    padding-bottom:35px;
    padding-left:15px;
    padding-right:15px;
}

/* front page: alternate black and white sections, adjust link colors accordingly */

body.front > .main-container > .row > section > .region > section
{
    background: transparent;
}
body.front > .main-container > .row > section > .region > section:nth-child(2n+1)
{
    color: #fff;
    background: #000;
}
body.front > .main-container > .row > section > .region > section:nth-child(2n+1) a:not(.btn)
{
    color: white;
}
body.front > .main-container > .row > section > .region > section:nth-child(2n+1) a:not(.btn):hover
{
    color: yellow;
}

/* keep content to an acceptable width */

body.front > .main-container > .row > section > .region > section > div
{
    max-width:1024px;
    margin:auto;
}
body.not-front > .main-container > .row
{
    max-width:1440px;
    margin:auto;
}

/* separate individual community and project panels with dividers */

#mini-panel-listing_communities > div > div > div.panel-pane > div > div > div.row:nth-child(2)
{
    padding-bottom:25px;
    border-bottom:1px solid #eee;
    margin-bottom:25px;
}
#mini-panel-listing_communities > div > div > div.panel-pane:last-child > div > div > div.row:nth-child(2)
{
    border-bottom:0 !important;
    margin-bottom:0;
}

/* section: panel separation with dividers 
    projects render on black background on front page, white as standalone
    adjust the border color accordingly
*/

body.front #mini-panel-listing_projects > div > div > div.panel-pane > div > div > div.row:nth-child(2)
{
    border-bottom:1px solid #555;
}
body.not-front #mini-panel-listing_projects > div > div > div.panel-pane > div > div > div.row:nth-child(2)
{
    border-bottom:1px solid #eee;
}
#mini-panel-listing_projects > div > div > div.panel-pane > div > div > div.row:nth-child(2)
{
    padding-bottom:25px;
    margin-bottom:25px;
}
#mini-panel-listing_projects > div > div > div.panel-pane:last-child > div > div > div.row:nth-child(2)
{
    border-bottom:0 !important;
    margin-bottom:0;
}

/* front section titles */

#mini-panel-who_we_are .pane-title,
.pane-listing-communities > .pane-title,
.pane-listing-projects > .pane-title,
#mini-panel-front_supportus .pane-title
{
    font-weight: 700;
    text-align:center;
    margin-bottom:35px;
    text-transform: uppercase;
}

#mini-panel-who_we_are p,
#mini-panel-front_supportus p
{
    padding-left:20px;
    padding-right:20px;
}

/* front section KC news and events */

#mini-panel-who_we_are .panel-panel
{
    margin-top:25px;
    margin-bottom:50px;
}
#mini-panel-who_we_are .panel-panel a
{
    font-size:18px;
}
#mini-panel-who_we_are .views-field-title
{
    font-weight:bold;
}
#mini-panel-who_we_are .panel-panel ul
{
    text-align:center;
}
#mini-panel-who_we_are .views-row:last-child
{
    margin-bottom:20px;
}
/* all news/event link */
#mini-panel-who_we_are .link-news-and-rss
{
    text-align:center;
    margin-bottom:20px;
    font-size: 1.2em;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    text-transform: uppercase;
}
/* for larger screens */
@media (min-width: 767px)
{
    #mini-panel-who_we_are .panel-panel.left
    {
        border-right:1px solid #555;
    }
    #mini-panel-who_we_are .panel-panel.left,
    #mini-panel-who_we_are .panel-panel.left .pane-title,
    #mini-panel-who_we_are .panel-panel.left ul
    {
        text-align:right;
    }
    #mini-panel-who_we_are .panel-panel.right,
    #mini-panel-who_we_are .panel-panel.right .pane-title,
    #mini-panel-who_we_are .panel-panel.right ul
    {
        text-align:left;
    }

    /* all news/event link */
    #mini-panel-who_we_are .link-news-and-rss
    {
        margin-top: -50px;
    }
    #mini-panel-who_we_are .link-news-and-rss .links
    {
        padding:10px 25px;
        border:1px solid #555;
        text-align:center;
        display: table;
        margin: 0 auto;
        border-radius: 24px 24px;
    }
}

/* font-awesome icon for tags */

.field-type-taxonomy-term-reference .field-items .field-item
{
    display:inline-block;
    padding-right:10px;
}
.field-type-taxonomy-term-reference .field-items .field-item:before
{
   font-family: FontAwesome;
   content: "\f02b";
   padding-right:3px;
}

/* front section articles */

body.front article
{
    font-size:18px;
    text-align:center;
}

body.front article p
{
    margin-bottom:25px;
}

/* front and standalone panel titles */

#mini-panel-listing_communities .panel-panel.right .pane-title,
#mini-panel-listing_projects .panel-panel.right .pane-title
{
    font-size:1.7em;
}

/* front and standalone panel sub-titles (events, posts) */

.pane-content-from-gamma > .pane-title,
#mini-panel-listing_communities .panel-panel.right .pane-content-from-gamma > .pane-title,
#mini-panel-listing_projects .panel-panel.right .pane-content-from-gamma > .pane-title
{
    margin-top:20px;
    font-size:1.4em;
}

/* some views in blocks are on empty pages, add separation between node title and block */

.region-content > #block-panels-mini-listing-communities,
.region-content > #block-panels-mini-listing-projects
{
    padding-top:25px;
}

/* apply separation for standalone article and side-menu in secondary region (on small screens) */

body.not-front .row .col-sm-9 .region-content
{
    margin-bottom:25px;
}

/* clean separation of fields on content */

body.page-node h1.page-header
{
    margin-bottom:0px;
}

body.page-node .field-type-image
{
    overflow:hidden;
}

body.page-node:not(.node-type-item-removal-record) .field-type-image
{
    padding-top:0;
}

body.page-node .field-type-image img
{
    float: left;
    margin:5px;
    padding:5px;
    margin-left:0px;
    border:1px solid #ddd;
}

/* articles have single image, float it to the right */

body.page-node .node-article .field-type-image
{
    float:right;
}

body.page-node .node-article .field-type-image img
{
    border:0;
}

body.not-front section.col-sm-9 .view-primary-domain-content .views-field:not(.views-field-title),
.node .field,
.node footer
{
    padding-top:15px;
}

.view-primary-domain-content .views-field-field-event-date .views-label
{
    font-weight:bold;
}

.view-primary-domain-content div.views-row
{
    margin-bottom:25px;
}

/* content headers and tiny thumbnails */

body.not-front .view-primary-domain-content .views-field-name:not(th),
body.not-front .view-primary-domain-content .views-field-sitename
{
    font-style: italic;
}

body.not-front .view-primary-domain-content .views-field-title
{
    border-bottom: 1px solid #ddd;
    margin-bottom:10px;
}
body.not-front .view-primary-domain-content .custom-domain-icon,
body.not-front .view-primary-domain-content .tiny-content-thumbnail
{
    margin-left:5px;
    margin-bottom:5px;
}

/* display suite overrides */

.field-type-ds.field-name-submitted-by
{
    padding-top:0;
    font-style:italic;
    font-weight: 400;
}

.node .list-inline
{
    padding-top:15px;
}

/* display suite: social sharing buttons (generic styles) */

ul.share-links
{
    list-style:none;
    padding:0;
}

ul.share-links li
{
    display:inline-block;
    padding:3px;
    margin-left:0;
    border:1px solid transparent;
    border-radius:5px 5px;
}

ul.share-links li.header-left
{
    padding-top:5px;
    padding-left:0;
}

ul.share-links li:not(.header-left)
{
    border:1px solid gray;
    border-radius:5px 5px;
    margin-top:3px;
    margin-right:3px;
}

ul.share-links li:not(.header-left)
{
    width:30px;
    text-align:center;
}
ul.share-links li:not(.header-left) .text
{
    display:none;
}

/* remove field separation from block display of same view */

.region-sidebar-second .view-primary-domain-content .views-field
{
    padding-top:0;
}

/* clean separation of fields on content */

.profile .field
{
    margin-top:15px;
}

/* miscellaneous formatting */

.date-display-range
{
    display:inline-block; /* prevent line breaks for events list */
}

.form-actions
{
    margin-top:15px;
}

/* community and project images */

.btn {
    text-transform: uppercase;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 400;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.btn-facebook
{
    border: 1px solid #3b5998;
    color: #fff;
    background-color: #3b5998;
}

.btn-facebook:hover,
.btn-facebook:focus
{
    border: 1px solid #2f4779;
    color:#fff;
    background-color: #2f4779;
}

.leads
{
    position:relative;
    padding-left:15px;
    padding-right:15px;
}

.leads > div
{
    padding-left:3px;
    padding-right:3px;
}

ul.social-links li
{
    padding-bottom:5px;
}

.view-primary-domain-content .item-list > ul
{
    list-style:none;
    padding:0;
    margin:0;
}

.view-primary-domain-content .item-list > ul li
{
    padding-bottom: 10px;
}

body.not-front .view-primary-domain-content .item-list > ul li
{
    padding-left:15px; /* match secondary menus */
}

.block-menu-block .nav > li > a
{
    padding:3px 15px;
}

/* bounty taxonomy filter */

.view-available-taxonomy .filter-taxonomy
{
    display: inline-block;
    margin:3px;
}
.view-available-taxonomy .filter-taxonomy:before
{
    font-family: FontAwesome;
    content: "\f02b";
    padding-right:3px;
}

/* tables */

.views-table th,
.views-table td.views-field-field-bounty-status,
.views-table .views-field-created,
.views-table .views-field-last-updated,
.views-table .views-field-field-claimed
{
    white-space: nowrap;
}

/* login */

#user-login .captcha,
#user-register-form .captcha
{
    margin-bottom:15px;
}

/* footer */

.footer
{
    padding-top:5px;
}

#block-block-3
{
    padding-top:10px;
    padding-bottom:10px;
}

#block-block-3 .column
{
    text-align:left;
}

#block-block-3 .logo-cc
{
    margin: 5px 0px 5px 5px;
    float:right;
}

@media (max-width: 768px)
{
    #block-block-3 .logo-cc
    {
        float:none;
        display:block;
        margin:auto;
        margin-bottom:5px;
    }
    #block-block-3 .column
    {
        text-align:center;
        margin-bottom:20px;
    }
}

.makemeeting-table
{
    width:99.5%;
    max-width:99.5%;
}

.makemeeting-table table
{
    width: 100%;
    max-width: 100%;
}

.makemeeting-table table td:first-child
{
    position: relative;
    left: -10px;
    padding-left: 10px;
}

.makemeeting-table .checkbox input[type="checkbox"]
{
    margin-left:-16px;
}

.makemeeting-table .answer-editable .answer-edit
{
    left: 0;
    padding: 0;
    top: 1em;
    width:100px;
}

.makemeeting-table td.checkbox
{
    text-align:center;
}

.ds-1col.comment .permalink
{
    display:block;
    font-size:1.5em;
}