/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

/* ========================================================================
  Besao Multi-purpose Cooperative Website
 ========================================================================== */

/* ================================
    Mobile CSS 
=================================== */

.uk-navbar-content { height:auto; padding: 0 20px;}
.uk-navbar-toggle { padding:25px 10px; color:#fff; }
ul.uk-nav-sub { padding-left:35px; padding-right: 15px; }
.uk-navbar-center { max-width:90%; }
@media (max-width: 480px) {
    div#events .item-container { width: 50% !important; }
    .membership-bg .step1 {width: 220px !important; padding:15px;}
    h4.footer-menu-horiz { margin-top: 25px; }
    .uk-panel.showcase { text-align: center;}
    #tm-top-a { margin-top: -15px;}

    /* Reveal from the flow and screen readers on any device */
    .uk-hidden {
      display: block !important;
      visibility: visible !important;
    }
}
@media (min-width: 490px) (max-width: 767px) {
	.uk-container { padding:0px !important; }	
	.uk-article-title {font-size:30px !important;}
	.uk-navbar, .uk-offcanvas.uk-active .uk-offcanvas-bar.uk-offcanvas-bar-show { background:#296191 !important; ;}	
	.tm-totop-scroller {top:45px !important;}
	.showcase {padding-left:10px; padding-right:10px; text-align:center; margin-top:5px !important}
	.footer-copyright {text-align:center !important; font-size:80% !important; }
    .top_wrapper-menu { 
        background: -webkit-linear-gradient(left, #1a3867, #175a91 , #1a3867 )!important; /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(right, #1a3867, #175a91 , #1a3867 )!important; /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(right, #1a3867, #175a91 , #1a3867 )!important; /* For Firefox 3.6 to 15 */
        background: linear-gradient(to right, #1a3867, #175a91 , #1a3867 )!important; /* Standard syntax */
    }
    div#events .item-container { width: 50%; }

    /* Reveal from the flow and screen readers on any device */
    .uk-hidden {
      display: block !important;
      visibility: visible !important;
    }
}
@media (max-width: 767px) {
    .uk-article-title { font-size: 20px !important; line-height: 25px !important; }
    h3 { font-size: 21px !important;}
    .uk-width-1-1 { margin-top: 15px !important; }
}

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

/*events gallery override*/
div#events .item-container { width: 25%; }
#events .item .title { font-size: 1.1em; }
#events .item .content .data { background: #142849; }
.eventgallery-category-headline {text-transform: uppercase; font-size: 26px;}
.readon-button {text-transform: uppercase; font-weight: bold; border-bottom: #15335f solid 2px;}

/* off canvas */
html .uk-nav.uk-nav-offcanvas > li.uk-active > a { color:#64d1ae; background: #061b33;}
.uk-offcanvas-bar { background: #092442; }
.uk-nav-offcanvas > li > a { background: #0e3158; }
.uk-navbar-toggle:hover, .uk-navbar-toggle:focus { color: #64d1ae; }

/*container and grid*/
#tm-top-a {
  margin-top:15px;
}
#tm-top-a, #tm-middle {
    display: block;
}
#rev_slider_1_1_wrapper {
    border-bottom: #061b33 solid 4px;
}
.top_wrapper-header {
    /*background: -webkit-linear-gradient(left, #1a3867, #175a91 , #1a3867 ); /* For Safari 5.1 to 6.0 */
    /*background: -o-linear-gradient(right, #1a3867, #175a91 , #1a3867 ); /* For Opera 11.1 to 12.0 */
    /*background: -moz-linear-gradient(right, #1a3867, #175a91 , #1a3867 ); /* For Firefox 3.6 to 15 */
    /*background: linear-gradient(to right, #1a3867, #175a91 , #1a3867 ); /* Standard syntax */
    background: url("../images/bg-mountain.png") no-repeat top center;
    background-color: #f9f9f9;
    z-index: 9999;
}

.top_wrapper-menu { 
    background:#092442 ; 
    display:block;
    z-index: 999;
    border-top: #888 solid 2px;
    border-bottom: #888 solid 2px;
}
/*
.top {
    background: #092442;
    margin-bottom: 25px;
}
    .top .patronize, .top .patronize h2 {
        color: white !important;
    }
*/
.uk-container { 
    padding:0px 10px; 
    background:none; 
    box-sizing:none;
}
.uk-article, .finder { 
    padding:10px 20px; 
}
.uk-article { 
    margin-top: 20px; 
}
.uk-grid:not(.uk-grid-preserve) > * {
    padding:0px 2px;
    } /*slider and thumbs below*/
.uk-grid:not(.uk-grid-preserve) {
    margin-left:0px; margin-top:0px;
    } /*slider and thumbs below*/
.uk-grid-divider:not(:empty), .uk-grid-divider:not(.uk-grid-preserve):not(:empty) {
    margin-left:0px; margin-right:0px;
    } /*margin and padding fix for quicklinks*/
.uk-grid-divider > [class*="uk-width-medium-"]:nth-child(n+2):not(.uk-width-medium-1-1) {
    padding-left:20px;
    } /*quicklinks with border left padding*/

body {background:transparent;}
/*body {background:url("../images/bg-blue.jpg"); background-attachment:fixed; background-position: top center; background-repeat:repeat;}*/
/*header-menu*/
.tm-toolbar {
    margin-top:0px; 
    margin-bottom:20px; 
    background:#f5f5f5; 
    padding:10px 20px;
    color:#ffae00; 
    font-size:80%; 
    font-weight:500;
}
.uk-search {
    margin:7px 5px 5px 5px; 
    border:#0e3158 solid 1px; 
    background:#092442;
}
.uk-search::before {
    color:white;
}
input.uk-search-field {
    color:white; 
    background:#092442; 
    font-weight: 500;
}
        .uk-search-field::-webkit-input-placeholder {   
        color: white;  
        font-weight: 500;
        font-size: 14px;
        }  

        .uk-search-field:-moz-placeholder {  
        color: white;  
        opacity:  1;  
        font-weight: 500;
        font-size: 14px;
        }  

        .uk-search-field::-moz-placeholder {  
        color: white;  
        opacity:  1;  
        font-weight: 500;
        font-size: 14px;
        }  

        .uk-search-field:-ms-input-placeholder {  
        color: white;  
        font-weight: 500;
        font-size: 14px;
        }

.tm-headerbar { 
    margin:5px 0px 5px 5px; 
}
.tm-navbar { margin:0px; }
.tm-headerbar .uk-panel { max-width:500px }
.uk-navbar, .uk-dropdown-navbar  { 
    background: none !important ;
    z-index: 99999; 
}
.uk-navbar-nav { padding:0px;}
.uk-navbar-nav > li > a, .uk-nav-navbar > li > a, .uk-navbar-nav > li:hover > a, .uk-navbar-nav > li > a:focus, .uk-navbar-nav > li.uk-open > a {
    color: #f5f5f5 ;
}
.uk-navbar-nav > li.uk-active > a {
    color:#64d1ae;
    background: transparent;
}
.uk-navbar-nav > li > a {
    font-weight: 400; 
    margin:5px;
    font-size: 13px;
	letter-spacing:1px;
    text-transform: uppercase;
    font-family:"Gotham",sans-serif;
    height: 38px;
    line-height: 38px;
}
.uk-nav-navbar > li > a {
    font-weight: 100; 
    letter-spacing:1.5px;
}
.uk-navbar-nav > li:hover > a, .uk-navbar-nav > li > a:focus, .uk-navbar-nav > li.uk-open > a {
    transition:ease-in .3s;
    background: #061b33;
}
}/*header-menu*/

/* dropdown */
.uk-dropdown {
    padding: 10px 15px;
}
.uk-open > .uk-dropdown-navbar { 
    margin-top:10px; 
    background: #061b33 !important;
}
.uk-nav-navbar > li > a {
    font-size: 94%;
	font-family:"Gotham",sans-serif;  
}
.uk-nav-navbar > li > a:hover, .uk-nav-navbar > li.uk-active > a { 
    background: none !important;
    color:#64d1ae;
}
.uk-nav-navbar > li, .uk-dropdown-navbar { background:transparent; ; }
.uk-nav-navbar > li a { color:#e3e3e3; font-weight: 300; }
.uk-dropdown:not(.uk-dropdown-stack) > .uk-grid > [class*="uk-width-"]:nth-child(n+2) {
    border-left: 1px solid #2a3076;
}
/*dropdown-end*/

.uk-button.offmenu_toggle {background: transparent !important;}
.offmenu_toggle { display:block; position:absolute; float:left; top:25px;font-weight: 700; font-size: 18px; font-family:"Gotham A","Gotham B","HelveticaNeue-Regular","Helvetica Neue Regular","Helvetica Neue",Helvetica,Arial,"Hiragino Kaku Gothic ProN",Meiryo,"MS PGothic",Roboto,sans-serif;  }
    @media (max-width: 1200px) {
        .offmenu_toggle {  }
        .uk-navbar-nav > li > a { font-size: 12px; padding:0 13px; }
    }
.offmenu_toggle:hover {color: #222C37;}
.offmenu_toggle:active {color: #222C37;}
.offmenu_toggle:focus, .offmenu_toggle::after {
    visibility: visible;
}

/* content */
em {color: inherit;}
.tm-content {
    margin-top: 20px;
}
.uk-article { 
    font-size: 18px !important; 
    line-height: 1.6em; 
}
.ad {padding:0px !important;}
a, .uk-link {color:#222C37;}
.uk-article-title { font-weight:700; border-bottom: #dfdfdf solid 1px; padding-bottom: 7px; font-size: 27px; text-transform: uppercase;}
.uk-article-meta { color: #222C37; font-weight: 600; }
h1, h2, h3, h4, h5, h6 {font-weight:500; letter-spacing: .8px; color:#222C37; font-family: "Gotham",sans-serif !important; }
.button-download, .button-download a {padding:10px 10px; background:#48e3d0; color:#222C37; border-radius:0px; border:0px; border:#222C37 solid 2px;}
.button-download:hover, .button-download a:hover {background:#225480; transition:ease-in-out 0.3s; color:#fff;}
.uk-button.readmore { background: #48e3d0; color: #222C37; font-weight: 700; }

.uk-grid:not(.uk-grid-preserve) + .uk-grid { margin-top:30px; margin-bottom: 30px; }
.uk-grid-divider:empty:not(.uk-grid-preserve) {margin-top:10px; margin-bottom:20px;}/*divider*/
.bmpc-breadcrumb { background: #f9f9f9; border-top: #ccc solid 2px;}
.uk-breadcrumb {padding:15px 10px; margin-bottom: 0px; font-weight: bold;}
.uk-border-circle {border:#296191 solid 2px; }
.nspArt p.nspText {color:#6e6e6e; font-size:13px;}
.nspArt img.nspImage { box-shadow:#8e8e8e 0px 0px 4px 0px; }
.nspArt .nspInfo {text-transform:uppercase; font-family:sans-serif; font-size:12px; font-weight:100; margin:0px;color:#444; padding:15px;}
h3.uk-panel-title {font-size:25px; padding-bottom:10px; font-weight:700; text-transform:uppercase; color:#333;margin-top:15px;}

.committee .uk-article img {
    border-radius: 50%;
    border:#296191 solid 2px;
}

/* Overlay Style */
.uk-overlay-background {background: rgba(9, 36, 66, 0.9) none repeat scroll 0% 0%;}
h2.uk-button { color:#222C37; font-weight: 600; font-size: 17px; padding:5px 10px; background: #48e3d0; }
.uk-overlay-bottom { background: #48e3d0; color:#222C37; font-weight: 600; font-size: 15px; text-transform: uppercase; padding: 12px;}

.frontnews .nspArt {border: #dfdfdf solid 1px; margin-bottom: 10px !important; margin-top: 11px !important;}
.frontnews .nspArt:hover {border: #222 solid 1px; transition:ease-in-out 0.5s;}
.frontnews .nspCol4 {margin: 0 5px;}
.frontnews .nspArt p.nspText { padding:15px !important;}
.frontnews .nspArt h4.nspHeader { padding:3px 15px 15px;}
.frontnews .readon-button { text-transform: capitalize; border-bottom: 0px; margin-left: 10px; padding:5px; background: #092442; color: white;}
.nspArt h4.nspHeader a {font-weight:600; font-size:20px; color:#222C37;}


.people_label {color: #296191; margin-top:10px; margin-bottom:0px;}
.board_label{padding:10px 5px; background:#A03536; width:340px; margin:0 auto 20px; text-align:center; color:#fff; box-shadow:#296191 0px 10px 0px -5px; font-size:130%; font-family:"Montserrat",sans-serif; letter-spacing:3px;}
.committee_label {list-style:none; }
.committee_label li {display:inline-block; margin-right:5px; padding: 8px 20px; background:#a03536; color:#fff; box-shadow:#296191 0px 8px 0px -5px; font-family:"Montserrat",sans-serif;}
.committee_label li a {color:#fff;}

.membership-bg { height: auto; background-attachment:scroll; background-position: center; background-repeat: no-repeat; border-bottom:#175a91 solid 5px;}
.membership-bg .step1 {
    display: block; 
    padding: 20px; 
    background-repeat: repeat; 
    margin: 20px;
    width: 280px;
}

.patronize {
    margin-top: 20px;
    letter-spacing: 1.5px;
    font-weight: 200;
    font-size: 22px;
    text-transform: uppercase;
    text-align: center;
}
    @media (max-width: 480px) {
        .patronize { font-size: 18px;}
        .patronize h2 { font-size: 30px !important; }
    }
.patronize h2 {
    font-weight: 400 !important;
    font-size: 47px;
    letter-spacing: 2px;
    margin-top: 10px;
}
.pat-button button {
    margin-left: 10px;
    margin-right:10px;
    margin-bottom: 40px;
    padding:15px 25px;
    background: #48e3d0;
    color: #092442;
    border: none;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
}
.pat-button button:hover {
    background: #48e3d0;
    transition:ease-in .3s;
    color: #343434;
} 
.pat-button em {
    margin-right: 10px;
}

.pull-right {margin-left:10px; box-shadow: #343434 0px 0px 5px 0px;}
img .pull-left {margin-right:10px; box-shadow: #343434 0px 0px 5px 0px;}

.uk-tab > li > a { color:#fff; border-color:#e1e1e1; background: #1a3867;}
.uk-tab > li.uk-active > a, .uk-nav-side > li > a {color:#175a91;}


.uk-subnav > * {padding-left: 0px;}
.uk-subnav > li > a { 
    color:#fff; 
    padding:10px;
    font-size:14px;
    background: #1a3867; 
    margin-left: 2px; 
    margin-right: 2px; 

}
.uk-subnav > li.uk-active > a, .uk-nav-side > li > a {
    color:#222C37; 
    background: #f7f7f7;
    font-weight: 600;
}

.tp-caption a {color:#ffffff; }/* slider caption */
.tp-caption a:hover {color:#ffffff !important;}
/*content*/

#events .item .content:hover .data {
    background-color: #142849 !important;
}

.chrono_credits {display:none !important;}

/*footer*/
.footer-quicklinks {
    background-color: #092442;
    padding: 30px 5px;
}
.footer-bmpc {
    background-color: #222C37;
    border-top: #0e3158 solid 1px;
}
.footer-menu-horiz a {
    text-decoration: none;
    line-height:25px;
    font-weight: 300; 
    padding: 0px;
    font-size: 13px;
    letter-spacing:1.3px;
    text-transform:capitalize;
    color:#999;
}
.footer-menu-horiz a:hover {
    color: white;
}
h4.footer-menu-horiz {
    font-size: 15px;
    letter-spacing:1.3px;
    text-transform:uppercase;
    color:#64d1ae;
    display: block;
    padding-left: 30px;
    font-weight: 600;
    font-family: 'Roboto','Helvetica Neue', sans-serif; !important; 

}
.footer-menu-horiz { 
    text-decoration: none; 
    list-style: none; 
    text-align: left; 
}
p.footer-menu-horiz {
    padding-top: 25px;
    border-top: #999 solid 1px;
    text-align: center;
    margin-top: 20px;
    font-size: 13.5px;
    font-weight: 100;
    font-family: 'Roboto','Helvetica Neue', sans-serif; !important; 
}
.footer-menu-horiz li, .footer-menu-horiz li a {
    display: block;
    float:none;
    color: #e3e3e3;
    font-family: 'Roboto','Helvetica Neue', sans-serif; !important; 
}
.footer-menu-horiz li a:hover {
    color: #64d1ae;
} 


.uk-panel-box {background:#f5f5f5;}
.uk-list li a {color:#444;}
.uk-list li a:hover {color:#296191; text-decoration:none;}

.tm-footer {margin:0px 0px 10px 0px; padding:30px 10px; color:white; font-size:100%; text-align:left;}
.footer-copyright {text-align:center; color:white; font-size:90%; margin-top:0px;}
.tm-totop-scroller {top:50px; right:20px; color:white; border: white solid 3px; border-radius: 50%;}

.want_this_vert, .want_this_hori { display: none !important;}

.gcore-line-td textarea, input[type="text"] { background: #48e3d0;}
#submit6 { background: #092442; color: white; padding: 10px 20px; font-size: 15px; font-weight: 600;}

/* ===================
jDownloads Custom CSS
====================== */
.jorange, .jblue {
    padding: 5px 10px !important;
    border-radius: 0px !important;
}
.jblue {
    background: #092442 !important;
}
.jorange {
    background: #64d1ae !important;
    border-color: #222C37;
}
.jdbutton {
    font-size: 13px !important;
}