/* CSS custom */
@import url(https://fonts.googleapis.com/css?family=Roboto:400,500,700,300);
@import url(https://fonts.googleapis.com/css?family=Andada);

.main-inner-container img, .lis-wrapper img {
  max-width: 100%;
  height: auto;
}
/*BUTTONS*/
.btn:hover, .btn:focus,.btn.focus {
    color: #bbbbbb;
    text-decoration: none;
}
.ad-withus-button {
  background: url(../img/singapore-news-pattern.jpg) 49% -61%;
  padding: 23px;
  margin: 60px 35px 40px 35px;
}
.ad-withus-button a {
  border: 7px solid #E11F0F;
  background: rgba(0, 0, 0, 0.70);
  border-radius: 200px;
  color: #fff;
  font-size: 23px;
  font-weight: 300;
  box-shadow: 3px 4px 7px #313131;
}

.btn-rounded-red {
  border: 7px solid #E11F0F;
  background: rgba(0, 0, 0, 0.70);
  border-radius: 200px;
  color: #fff;
  font-size: 23px;
  font-weight: 300;
  box-shadow: 3px 4px 7px #313131;
  padding: 10px 15px;
  
}
.btn-rounded-blue {
  border: 7px solid #0038DF;
  background: rgba(0, 0, 0, 0.70);
  border-radius: 200px;
  color: #fff;
  font-size: 23px;
  font-weight: 300;
  box-shadow: 3px 4px 7px #313131;
}
.btn-round-blue-xs {
    border: 5px solid #0038DF;
    background: rgba(0, 0, 0, 0.70);
    border-radius: 37px;
    color: #fff;
    font-size: 13px;
    font-weight: 300;
    box-shadow: 3px 4px 7px #313131;
    padding: 8px 15px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}
.btn-round-red-xs {
    border: 5px solid #E11F0F;
    background: rgba(0, 0, 0, 0.70);
    border-radius: 50px;
    color: #fff;
    font-size: 13px;
    font-weight: 300;
    box-shadow: 3px 4px 7px #313131;
    padding: 8px 15px;
    text-transform: uppercase;
    letter-spacing: 0.05em;  
    white-space: normal;
}
.btn-rounded-red:hover, .btn-rounded-blue:hover {
  color: #c3c3c3;
  text-decoration: none;
}

html {margin: 0;}
body {background: #fff }
.wrapper-nav {background:#00215A;}

#about {
background: rgb(0, 30, 127);
background: -moz-linear-gradient(90deg, rgb(0, 30, 127) 30%, rgb(0, 33, 90) 70%);
background: -webkit-linear-gradient(90deg, rgb(0, 30, 127) 30%, rgb(0, 33, 90) 70%);
background: -o-linear-gradient(90deg, rgb(0, 30, 127) 30%, rgb(0, 33, 90) 70%);
background: -ms-linear-gradient(90deg, rgb(0, 30, 127) 30%, rgb(0, 33, 90) 70%);
background: linear-gradient(180deg, rgb(0, 30, 127) 30%, rgb(0, 33, 90) 70%);

}
.content {
  padding-top: 25px;
}
.container-fluid {
  padding-right: 0px;
  padding-left: 0px;}

.home section, .home aside {
    padding: 0;
}

.sub section, .sub aside {
    padding: 0;
}
.service-box {margin: 40px auto 0;}
.service-box img {margin: auto; display: block;}
#home .well {margin-bottom: 0px;}
.photo-gallery-home h3 {margin-top: 0px;}
.bg-dark {padding: 0 20px; background: #333333 url(../img/lightpaperfibers-gray.png) repeat;}
.clients li img {
    float: none !important;
    margin: 0 auto !important;
}
.clients li {
    overflow: hidden;
    position: relative;
    background: transparent;
}
/* Home page fonts */

/*UTILITY NAVIGATION*/
#member-login ul {
    float: right;
}
#member-login ul li.login-form input {   
  background: transparent;
  border: 1px solid #4874c0; 
  height: 24px;
}
input#member-submit {
  height: 24px;
    top: 1px;
  position: relative;
  }
#member-login li {
    display: inline-block;
    list-style: none;
  color: #dcdcdc;
}
p.logo-tagline {
    position: relative;
    font-weight: lighter;
    margin-bottom: 0;
    color: #fff;
    float:right;
}
p.logo-tagline a {color: #fff; text-decoration: none;}
.hdr-image img {
    float: right;
  padding-bottom: 10px;
  width: 105px;
  
}
.hdr-logo {margin: auto; position: relative; display: block; clear:both;}
.hdr-image {
    padding-right: 0;
}
.logo-txt { margin-top: 17px; color: #fff; padding-right: 0;}
.logo-txt h2 {float: right;}

/*HEADER - CTA BOXES*/
.bg-blue {background-color: #193679;}
.header-cta-boxes img {
  margin: auto;
    width: 50%;
}
.cta-boxes-title {padding: 5px 0; margin: auto;}
.cta-boxes-title strong {
    font-family: 'Open Sans';
    font-weight: 400;
    text-transform: uppercase;
}

/*NAVIGATION*/
#header-wrap {
background: #00215a;
background: rgba(0,69,189,1);
background: -moz-linear-gradient(top, rgba(0,69,189,1) 0%, rgba(2,50,133,1) 44%, rgba(0,33,90,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,69,189,1)), color-stop(44%, rgba(2,50,133,1)), color-stop(100%, rgba(0,33,90,1)));
background: -webkit-linear-gradient(top, rgba(0,69,189,1) 0%, rgba(2,50,133,1) 44%, rgba(0,33,90,1) 100%);
background: -o-linear-gradient(top, rgba(0,69,189,1) 0%, rgba(2,50,133,1) 44%, rgba(0,33,90,1) 100%);
background: -ms-linear-gradient(top, rgba(0,69,189,1) 0%, rgba(2,50,133,1) 44%, rgba(0,33,90,1) 100%);
background: linear-gradient(to bottom, rgba(0,69,189,1) 0%, rgba(2,50,133,1) 44%, rgba(0,33,90,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0045bd', endColorstr='#00215a', GradientType=0 );
}
#header-wrap .logo-txt h2 a {color: #fff;}
#header-wrap .hdr-logo h2 {
  font-family: 'Andada', serif; 
    text-transform:none;
    font-size:41px;
  margin-bottom: 0;
}
#header-wrap .hdr-logo h2 a {text-decoration: none;}
#header-wrap hr {    
  max-width: 87%;
    border-color: #023184;
    border-width: 2px;
    border-style: groove;
  margin-top: 0; margin-bottom: 2px;
  clear: both;
}


/*nav picture boxes*/
#t-main-navbar-collapse .bg-nav-img {padding-left: 41px; margin: 8px 0 0;}
#t-main-navbar-collapse .bg-nav-img li {
    display: inline-block;
    height: 92px;
    width: 173px;
}
#t-main-navbar-collapse .bg-nav-img li a {
    /*padding: 0px 49px;*/
    position: relative;
    font-size: 9px;
    color: #00215a;
    display: block;
    line-height: 10em;
  }
.ir {
    text-indent: -9999em;
    overflow: hidden;
    background-repeat: no-repeat;
    text-align: left;
    direction: ltr;
}
#t-main-navbar-collapse .bg-nav-img li:nth-child(1) {background:url(../img/events-icon-90w.png) no-repeat top;}
#t-main-navbar-collapse .bg-nav-img li:nth-child(2) {background:url(../img/CRCE-icon-95w.png) no-repeat top;}
#t-main-navbar-collapse .bg-nav-img li:nth-child(3) {background:url(../img/community-icon-95w.png) no-repeat top;}
#t-main-navbar-collapse .bg-nav-img li:nth-child(4) {background:url(../img/Publications-icon-95w.png) no-repeat top;}
#t-main-navbar-collapse .bg-nav-img li:nth-child(5) {background:url(../img/partners-icon-95w.png) no-repeat top;}
#t-main-navbar-collapse .bg-nav-img li:nth-child(6) {background:url(../img/About-us-icon-95w.png) no-repeat top;}

#t-main-navbar-collapse .dropdown-menu { 
  background-color: #00215a;
}
#t-main-navbar-collapse .dropdown-menu>li {
    background: transparent;
}
#t-main-navbar-collapse .dropdown-menu>li>a:hover, #t-main-navbar-collapse .dropdown-menu>li>a:focus {
    color: #00215a;
    text-decoration: none;
    background-color: #ffffff;
  }
#t-main-navbar-collapse .dropdown-menu>li>a {
  color: #fff; 
  font-weight: bold;
}
#t-main-navbar-collapse {
  clear:both;
}
/*#t-main-navbar-collapse .nav>li {height: 130px;}*/
#t-main-navbar-collapse .nav>li>a {
    position: relative;
    display: block;
    padding: 0px 31px;
    line-height: 1em;
    /*bottom: -98px;*/
    height: auto;
    font-size: 16px;
    text-transform: uppercase;
  text-align: center;
  width: 176px;
  color: #fff;
}
#t-main-navbar-collapse .nav>li>a:hover,#t-main-navbar-collapse .nav>li>a:focus {
    text-decoration: none;
   background-color: transparent;
    color: #e12010;
}
#t-main-navbar-collapse .t-main-navbar-nav {margin-top: 20px;}
.navbar{min-height: 0; margin: 0;}
#t-main-navbar-collapse .navbar-nav{
    margin: 10px 0px 10px 40px;
}

#t-navbar .navbar-header {
    margin-top: 40px;
    float: none!imporatnt;
}
.form-control{ border: 1px solid #9A9A9A; }
#t-main-navbar-collapse .navbar-header > a {display:block;}
#t-main-navbar-collapse .navbar-brand {
    height: inherit;
    font-size: 18px;
}
#t-main-navbar-brand h3{
    height: inherit;
    font-size: 18px;
    margin-top: 10px;
}

/*ROTATOR*/
#stories-carousel {
    margin: 35px auto;
}

#stories-carousel #myCarousel b {
    width: 8%;
    position: absolute;
    z-index: 3;
    right: 19px;
    background: #1b2757;
    color: #fff;
    text-align: center;
    margin: auto;
    font-size: 10px;
    font-weight: 400;
    text-transform: uppercase;
    top: 44px;
    letter-spacing: .05em;
}
#stories-carousel .view-calendar-btn {
   position: absolute;
    z-index: 1;
    right: 7px;
    top: 5px;
      background: #e11f0f;
    border-radius: 6px;
    border: 4px solid #e11f0f;
}
#stories-carousel a.readmore {   
  text-transform: uppercase;
  background: #e12010;
    padding: 2px 7px;
    color: #fff;
    border-radius: 4px;
  font-size: 14px;
  font-weight: 700;
}
#stories-carousel a.readmore:hover { 
  text-decoration: none;
  background: #0038df;
  }
#stories-carousel .form-control{ border: 1px solid #9A9A9A; }

#stories-carousel .col-md-8 {margin-right: 0; padding-right: 0;}
#stories-carousel .carousel {background-color: #00215A; height: 580px;}
#stories-carousel .carousel-inner {height: 100%;}
#stories-carousel .carousel-inner>.item>img, 
#stories-carousel .carousel-inner>.item>a>img{
  display: block;
  margin: 0 auto;
  width: 100%!important;
}
#stories-carousel .carousel-caption {
  top: 100%;
    background: #00215a;
    height: 170px;
    width: 100%;
    left: 0;
    margin: 0;
    padding: 0;
  text-align: left;
    padding: 0 20px;
}
#stories-carousel .carousel-caption .story-summary {
    text-shadow: none;
    font-size: 18px;
}
#stories-carousel .carousel-caption h2 {
  margin: 10px 0; 
}
#stories-carousel .carousel-caption h2 a {
  text-shadow: none;
   font-size: 28px;
   color: #ffffff;
}
#stories-carousel .carousel-caption p {
margin-bottom: 15px;  
}
#stories-carousel .carousel-control.right, #stories-carousel .carousel-control.left {
   background: transparent;
  display:none;
}
#stories-carousel .carousel-indicators {
    background: #00215a;
    position: absolute;
    bottom: -10px;
    left: 50%;
    z-index: 15;
    width: 100%;
    padding-left: 0;
    margin-left: -50%;
    text-align: center;
    list-style: none;
    height: 8%;
    padding-top: 7px;
    border-top: 1px solid #595959;
}
#stories-carousel .carousel-indicators li{
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 2px 10px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 10px;
}
#stories-carousel .carousel-indicators .active {
    width: 15px;
    height: 15px;
    margin: 2px 10px;
    background-color: #e12010;
}

/*EVENTS SIDEBAR OF ROTATOR*/
#events-sidebar .events-container {
    background-color: #E1E1E1;
    padding-left: 20px;
    height: 580px;
}
#events-sidebar h3 {
  color: #595959;
  margin: 15px 0 10px;
  border-bottom: 2px solid #ccc;
  padding-bottom: 3px;
  text-align: center;
}
#events-sidebar p {
  margin-bottom: 10px;
  color: #333333;
  font-size: 15px;
}

#events-sidebar .events-container .fa {
   font-size: 1.3em;
}
#events-sidebar a.read-more .fa {
    font-size: 1.5em;
    margin-right: 10px;
}

#events-sidebar .events-container .t-events-incontent {
   background: #f0f0f0; 
    padding: 5px;
    margin: 0;
    border: 1px solid #ccc;
    margin-bottom: 10px;
    overflow: auto;
}
#events-sidebar .event-photo {
    width: 80px;
    height: 80px;
    float: left;
    margin-right: 5px;
    background-color: #ccc;
}
#events-sidebar .event-desc {margin: 5px 0 0; }
#events-sidebar .event-desc a {color:#E11F0F; padding: 0;}
#events-sidebar .t-events-description {color: #333; font-size: 14px;}
#events-sidebar .events-container .t-event-date {
    color: #595959; /*#003772*/
    border: 1px solid #ccc;
    padding: 2px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 20px;
    border-radius: 4px 4px 0 0;
    background: #fff;
}

#events-sidebar .events-container ul li a>strong {
  font-size: 16px; 
  color: #001e7f;
}
#events-sidebar a.read-more {    
  color: #0038df;
    display: block;
    padding: 8px 5px;
    text-transform: uppercase;
    border-top: 2px solid #ccc;
  font-weight: bold;
}

#events-sidebar .hm-event-banner p {
  background: #fff; border: 6px solid #e12010; padding: 5px;
}
#events-sidebar .btn-rounded-red a:first-child {
    padding: 15px;
  margin: auto;
font-size: 18px;
font-weight: 500;
line-height: 1em;
float: none;
width: auto;
  }
#events-sidebar .btn-rounded-red a {
    padding: 20px 10px;
    margin: auto;
    font-size: 18px;
    font-weight: 500;
    line-height: 1em;
    width: 70%;
    white-space: normal;
    float: right;
}
#events-sidebar .hm-event-banner .btn-rounded-red {margin:5px auto;width: 100%;line-height:0em;}
#events-sidebar .hm-event-banner .btn-rounded-red img {padding:6px;float:left;margin-left:10px;}

/* ROTATOR */
#rotator-events {/*margin-top:-60px;*/ }
#rotator-wrap { overflow:hidden; height:445px;}
.rotator-item {position:relative; width:100%; }
.rotator-item img {width:inherit; overflow:hidden; height: 500px;}
.rotator-txt {background: rgba(0,20,59,1.00); height:135px; position:absolute; width:100%; bottom:-15px; padding:15px; color:#fff;}
#home .rotator-txt h3 {margin-top:0; font-family: 'robotomedium'; text-transform: none; font-weight:normal; color:#fff;}
#home .rotator-txt h3 a {margin-top:0; font-family: 'robotomedium'; text-transform: none; font-weight:normal; color:#fff;}
.rotator-txt p{ line-height:18px; font-size: 14px; width:96%;} 

/*BECOME MEMBER*/
#box-6 {
    width: 104%;
  margin: auto;
}

/* EVENTS */
.event-wrp {background:#ececec; height:445px;padding-top: 15px; position:relative; }
.event-wrp h3 {color:#011e81; font-family: 'roboto_condensedbold'; margin:0; display:block; border-bottom:1px solid #e12010; padding-bottom: 5px; margin-bottom:15px;}
.event-item {border-bottom:1px solid #e1e1e1; padding: 10px 0;}
.event-itm:last-child {border:none;}
.event-date {background:url(../images/cal-icon.png) no-repeat center; float:left; width:23%; height: 55px; text-align: center;}
.event-date p {margin:0; padding-top:19px; font-family: 'roboto_condensedbold'; font-size:16px; color:#011e81; line-height:25px}
.event-date p span {font-size: 30px; font-family: 'roboto_condensedbold';}
.event-info {color:#011e81; float:left; width:74%;}
.event-info h4{  font-family: 'roboto_condensedbold'; text-transform: none; margin:3px 0 5px; }
.event-info p {color:#000; margin:0;}
.event-info a {color:#e12010; font-family: 'robotoitalic'; text-decoration: none;}


/*PHOTO GALLERY HOMEPAGE*/


#hm-photo-video-feed {  
  margin: 40px auto;
}
#hm-photo-video-feed h3 {
 color: #fff;
 margin: 0;
 background: #E11F0F;
 padding: 10px;
 margin-bottom: 20px;
}
#hm-photo-video-feed .figure {
    height: 186px;
    overflow: hidden;
    border-top: 23px solid #000;
    border-bottom: 23px solid #000;
    background-color: #000000;
}
/* VIDEO hmpg */
#video-feed {padding:20px 0;}
#vid-summary {border-right: 1px solid #0038DF}
#hm-photo-video-feed #vid-summary h3 {
  margin-top:0;
    color: #0038DF;
    border-bottom: 4px double;
    padding-bottom: 3px;
}

.video-item { height: 200px; display: inline-block;}
.video-item img {
  width: 100%;
  
} /*might help with images going outside of box*/
#hm-photo-video-feed .video-item h3 {font-size:18px; background-color: #000000; position: relative; top: -39px; overflow: hidden;}

.hm-video-feed a.btn-rounded-red {
    position: absolute;
    bottom: 8px;
    margin: 5px auto;
    display: block;
    width: 44%;
    clear: both;
    font-size: 18px;
  right: 0; left: 0;
  }

/* FLICKR */
.hm-video-feed {background-color: #262626; height: 340px;}
#flickr-feed a.btn-rounded-red {
  position: relative;
    margin: 15px auto auto;
    display: block;
    width: 42%;
    font-size: 18px;
}
.flickr_badge_image {margin:0px;float:left; width:25%; padding:15px 3px 15px 0px; overflow:hidden;}
.flickr_badge_image:last-child {padding: 15px 0;}
.flickr_badge_image img {border: 0px solid #FFFFFF !important; padding:0px; margin:0; width:100%; height:auto;}
#flickr_badge_wrapper {text-align:left; margin:0; padding:0; height:auto;}
#hm-photo-video-feed #flickr-feed {
  margin:0;  
  height: 340px;
  background: #262626;
}
#flickr-btn .more-events {
  font-size: 27px;
    font-family: roboto;
    text-align: center;
    font-weight: 400;
    letter-spacing: -1px;
    background: #0038DF;
    padding: 10px 15px;
    position: relative;
    top: 25px;
    left: 39%;
    right: auto;
    color: #fff;
    box-shadow: 0 0 17px #8C8C8C;
}
#flickr-btn {
  margin-bottom:15px; 
  background: url(../img/singapore-news-pattern.jpg) repeat;
  width: 100%;
  margin: auto;
  height: 95px;
  border-bottom: 2px solid #0038DF;
}

/* CTA 3 section */
.call-to-action {margin-bottom: 15px;}
.call-to-action h3 {
  background: #262626;
    margin: 20px auto 0;
    padding: 12px 5px;
    height: 75px;
    border-radius: 5px 5px 0 0;
    font-weight: 400;
    color: #ffffff;
    border-bottom: 2px solid #D6D6D6;
}

.call-to-action-fb h3 {
    margin: 20px auto 0;
    padding: 12px 5px;
    height: 74px;
    border-radius: 5px 5px 0 0;
    font-weight: 400;
    color: #FFFFFf;
    background-color: #262626;
    border-bottom: 2px solid #D6D6D6;
  }
.hm-media-icons {
    background: #000;
    margin: auto;
    padding: 5px;
}
.hm-media-icons a {
  color: #fff;
  padding: 5px;
}

#box-27 img {
    border-top: 6px solid #000;
    border-bottom: 6px solid #000;
    margin: auto;
}

.fb_iframe_widget iframe {
    margin: 0;
    width: 100%;
}
.fb-page {overflow: hidden; height: 470px;}

/* PARTNERS */
.partner-title {
    color: #0038E0;
  margin-top: 60px;
}
#box-4 img {margin: auto;}

/*INTERIOR*/
.content {background: #fff;}
.content > h1:first-of-type, .content .page-header > h1:first-of-type {    
  border-top: 2px solid;
  border-bottom: 2px solid;
  padding: 5px 0;
}

.page-header {border: none; margin: 0;}


/*LIVING IN SINGAPORE LANDING PAGE*/

.lis-wrapper {
    padding-top: 30px;
}
/* /welcome-to-living-in-singapore/ */
.lis-wrapper #t-pages-page-206 iframe {
  float: left; margin-right: 10px;
  }
.lis-wrapper .dark-bg {
    background-color: #F7F7F6;
}
.lis-tagline {
    color: #545454;
    text-transform: none;
    font-weight: 300;
    margin: 10px 0;
    font-size: 40px;
   display: block;
  }
#t-lis-navbar {background-color: #E11F0F;}
#t-lis-navbar .navbar-nav {float: none;}
#t-lis-navbar .navbar-nav>li {
  background: transparent; 
  width: 20%;
    text-align: center;
}
#t-lis-navbar .navbar-nav>li>a {
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    padding: 10px 0;
    border-left: 2px solid #fff;
}
#t-lis-navbar .nav>li>a:hover, #t-lis-navbar .nav>li>a:focus {
    text-decoration: none;
    background-color: #c11a0c;
}
.lis-content {background-color: #fff;}
.ad-block {background-color: #fff; padding: 15px; box-shadow: 0 0 16px #CCCCCC;}

/*BEGIN: 100 Year Landing Page*/
.the100-wrapper iframe {width: 100%; display: block; text-align: center;}

.the100-wrapper h2, .the100-wrapper h3 {
  margin-top: 0; 
  background: #00215a;
  color: #fff;
  padding: 10px;
}
.the100-wrapper .submit-act h3 {
  margin-bottom: 0;
}
.the100-wrapper .passport-100 {margin: 10px auto; display: block;}
.the100-wrapper .passport-100 a { color:#fff;}
.the100-wrapper .centennial-map {width:100%;}
.the100-wrapper #myCarousel-100 {background: rgba(0, 0, 0, 0.10);}
.the100-wrapper .rot-ban-inner {padding: 0;}
.the100-wrapper .rt-rotator-sidebar img {
    padding: 15px;
    background: #fff;
    margin: 10px auto;
    height: 100%;
    width: auto;
    clear: both;
  }
.the100-wrapper .rt-rotator-sb {
  background: url(../img/hist-singapore-boats.jpg) no-repeat;
  background-size: cover;
  padding: 0 10px;
  }
.the100-wrapper .rt-rotator-sb .cta-btn {
  text-align: center;
  margin: 9px;
  }
.the100-wrapper .rt-rotator-sb p {
    font-weight: 500;
    color: #00215a;
    background: rgba(255,255,255,0.50);
    padding: 10px;
    margin-bottom: 5px;
    border-bottom: 1px solid #00215a;
}
.the100-wrapper .rt-rotator-sidebar #box-34 {
    background: rgba(255,255,255,0.75);
    height: 100%;
    padding: 10px;
   overflow: hidden;
}
.the100-wrapper .rt-rotator-sidebar #box-34 p {
  margin-bottom: 0;
  }
.the100-wrapper .rt-rotator-sidebar #box-34 .logo-100 {
  background: #fff;
  }
.the100-wrapper .about-sec {
    overflow: hidden;
    margin: 40px auto;
    padding: 20px;
    text-align: center;
  }
.the100-wrapper .about-sec img {
  width: 100%;
}
.the100-wrapper .about-sec .cta-btn {
    padding: 10px;
    background: #00215a;
  text-align: center;
}
.the100-wrapper .submit-act {padding-bottom: 15px; overflow: hidden;}
.the100-wrapper .submit-act p {
    font-size: 19px;
    text-transform: uppercase;
    font-weight: 500;
    background: #00215a;
    color: #fff;
    line-height: 1.3;
    padding: 10px;
}
.the100-wrapper .section-1 {
    background: url(../img/historical-singapore-temple-md1.jpg) 0% -29% repeat;
    padding: 40px 0;
}
.the100-wrapper .section-3 {
  /* background: url(../img/hist-singapore-boats.jpg) 0% 60% no-repeat;
  background-size: cover;*/
  padding: 20px 0;
  margin-bottom: 40px;
  }
.the100-wrapper #box-33 {
    background: rgba(255,255,255,0.75);
    padding: 0 20px 20px;
}
.the100-wrapper #box-33 h2 {font-size: 24px; margin: 0 -20px 12px;}
.the100-wrapper #box-33 img {
   border: 2px solid #00215a;
    border-radius: 300px;
    height: 95px;
    width: 95px;
    margin-right: 10px;
    padding: 5px;
  }
.the100-wrapper #box-34 .original-logo {
    border: 2px solid #00215a;
    border-radius: 300px;
    height: 125px;
    width: 125px;
    margin-right: 10px;
    padding: 5px;
}
/*END: 100 Year*/

/* OLD STYLES */

footer { 
padding:30px 0 0; margin-top:30px;
background: rgb(0, 30, 127);
background: -moz-linear-gradient(90deg, rgb(0, 30, 127) 30%, rgb(0, 33, 90) 70%);
background: -webkit-linear-gradient(90deg, rgb(0, 30, 127) 30%, rgb(0, 33, 90) 70%);
background: -o-linear-gradient(90deg, rgb(0, 30, 127) 30%, rgb(0, 33, 90) 70%);
background: -ms-linear-gradient(90deg, rgb(0, 30, 127) 30%, rgb(0, 33, 90) 70%);
background: linear-gradient(180deg, rgb(0, 30, 127) 30%, rgb(0, 33, 90) 70%);
}
footer .fa {color: #fff;}

.ft-links {float:left; width:25%;}
.ft-links ul { margin:0; padding:0;}
.ft-links li {list-style: none; padding: 5px 0;}
.ft-links li a {color:#fff;}
.ft-links li a:hover {color:#e12010;}

.footer-info {margin:0 auto;}
.footer-info ul{padding:0; color:#fff; text-align:center;}
.footer-info li {list-style: none; display:inline-block; color:#fff; margin:0 auto;}
.footer-info li .phone-link {color:#fff; font-size:22px; padding-top:3px;}
.footer-info li a {padding: 0 2px}
.footer-info .mail-addy {display:block; text-align: center;padding:8px 0 0;}
.footer-info .mail-addy a {color:#fff; }

.common-links {width:100%; border-top:1px solid #ececec; margin-top:30px;}
.common-links ul {margin:0; padding:0; color:#fff;padding: 3px 0;}
.common-links li {list-style: none; color:#fff; display:inline-block; padding:15px 5px 3px; }
.common-links li a {color:#fff;}

.footer-logo img{margin:0px auto 10px; }

#footer-mobile {margin:30px 0 0 0; padding:0;}
#footer-mobile li:first-child{border-top:1px solid rgba(255,255,255,0.2);}
#footer-mobile li {list-style: none; border-bottom:1px solid rgba(255,255,255,0.2); padding:10px 15px;}
#footer-mobile li:last-child { border-bottom:1px solid rgba(255,255,255,1);}
#footer-mobile a { color:#fff;}
#footer-mobile a:hover {color:#e12010;}


/*SIDEBAR*/
.sidebar {
    background: #F9F9F9 url(../img/singapore-news-pattern-trans.jpg);
    border: 1px solid #eee;
    margin-bottom: 60px;
    float: right;
}
.sidebar a.event-title {    
  font-weight: bold;
    font-size: 16px;
  }
.t-sidebar-events {background: #fff; padding: 15px; margin-top: 25px;}
.t-sidebar-events li {
    margin-bottom: 13px;
}
.sidebar h3 {
  color: #e12010;
  border-bottom: 2px solid #ccc;
  padding-bottom: 5px;
  margin-top: 0px;
  }
.sidebar a.btn-round-blue-xs {    
    display: block;
}
.sidebar .join-btn {
  border: 7px solid #0038DF;
    background: rgba(0, 0, 0, 0.76);
    border-radius: 37px;
    color: #fff;
    font-size: 23px;
    font-weight: 300;
    box-shadow: 3px 4px 7px #313131;
    padding: 10px 30px;
  }

.t-sidebar-events .t-event-title {color: #001E7F;}
.t-sidebar-events .t-event-date {
    color: #595959;
    border: 1px solid #ccc;
    padding: 2px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 20px;
    border-radius: 4px 4px 0 0;
    background: #fff;
    display: block;
}

.t-sidebar-events .t-events-incontent {
    border: 1px solid #cccccc;
    margin-bottom: 15px;
    padding: 10px;
  background: #fefefe;
}
.t-sidebar-events .t-events-incontent p {
  margin-bottom: 0px;
}

.sidebar .ad-box img {margin: 30px auto;}

/*TWIITER*/
iframe #twitter-widget-0 {height: 413px; width: 100%!important;}

.body-wide .sidebar {display: none;}
.admin-links.clear-block {
    background: rgba(0,0,0,0.8);
    padding: 4px 8px;
    position: relative;
    width: 260px;
    clear: both;
}/*Tendenci EDIT box*/
.admin-links.clear-block a {
    color: #fff;
}/*Tendenci EDIT link of box*/

.t {width: 100%!important;}
/*FORMS OVERRIDES*/
.label, label {color: inherit; float: left; text-align: left!important; font-size: inherit!important;}
label {float: none;}
.field-wrapper .field-label {text-align: left!important;}
.form-control {width: inherit!important;}
.donation-add {width: 100%!important;}

/*Code below styles to default of T-META-EDITOR*/
.t-meta-editor-bar {  
  background-color: #eeffdd; 
}
.t-meta-data a.label {color: #eee;}
.t-meta-editor-bar .t-meta-options-links > li a {
    color: #0066cc;
}
.t-meta-editor-bar .t-meta-options-links > li a:hover {    
  color: #002266;
}

/*BOOTSTRAP OVERRIDE*/
.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {background-color: #00215a;}
.label {
    padding: .2em .6em .2em;
    margin-right: 10px;
}
#t-jobs-search-form > span.label, 
#t-jobs-search-form > a.label{
 color: #fff!important; 
}
span.glyphicon.glyphicon-ok-sign {
    /*font-size: 22px;*/
    color: #F05F40;
}

.t-jobs-job-regular h1 .glyphicon{display: none;}


/*MEDIA*/
@media (max-width: 1200px) {
#flickr-feed {
    height: 369px; margin: auto;
  }
}
@media (max-width: 1199px){
#header-wrap hr {max-width: 100%;}
#header-wrap .hdr-logo h2 {font-size: 40px;}
#t-main-navbar-collapse .bg-nav-img {padding-left: 6px;}
#t-main-navbar-collapse .bg-nav-img li {width: 152px;}
#t-main-navbar-collapse .navbar-nav {
    margin: 10px 0 10px 0;
}
#t-main-navbar-collapse .nav>li>a {width: 156px;}
.hdr-image img {
    width: 90px;
    float: none;
    margin: auto;
}
#events-sidebar .events-container {height: 710px;}
#stories-carousel .carousel {height: 710px;}
#events-sidebar .event-photo {
    width: 70px;
    height: 70px;
  }

#events-sidebar .btn-rounded-red {border-radius: 80px;}
#events-sidebar .btn-rounded-red a {float:right; width: 60%;}
#events-sidebar .btn-rounded-red a:first-child { line-height: 1em;}
#events-sidebar .hm-event-banner .btn-rounded-red img {
    padding: 0;
    display: inline-block;
    text-align: center;
    margin-top: 10px;
}
#t-main-navbar-collapse .nav>li>a {
  padding: 0 24px;
}
#t-lis-navbar .navbar-nav>li {  width: 20%;}
#t-lis-navbar .navbar-nav>li>a {
  padding: 10px 0;
}
.hm-video-feed a.btn-rounded-red, #flickr-feed a.btn-rounded-red {width: 54%}
#flickr-feed {
    height: 384px;
  }
.fb-page {
    height: 376px;
  }
#events-sidebar .event-desc {
    line-height: 1;
  }
#flickr-feed a.btn-rounded-red {
margin: 34px auto auto;
  }
#hm-photo-video-feed #flickr-feed, .hm-video-feed {
    height: 359px;
 }
.video-item img {
    height: 185px;
  }

/*begin mobile aas 100th landing page*/
.the100-wrapper #rotator-banner img {
    padding: 10% 0;
    position: relative;
}
/*end mobile aas 100th */
}
@media (min-width: 991px){
 nav .collapse {display: block; visibility: visible;}
}
@media (max-width: 990px){

/**/
#stories-carousel .carousel{
  height: 770px;  
  }
#events-sidebar .events-container {
  height: 770px;
  }
#events-sidebar .btn-rounded-red a {
    float: none;
    width: 100%;
    display: block;
}
#events-sidebar .hm-event-banner .btn-rounded-red img {
padding: 0;
display: inline-block;
text-align: center;
margin-top: 10px;
float: none;
}
.sidebar .join-btn {border-radius: 65px; white-space: normal;}

.hdr-image img {width: 90px;margin: auto;float: none;}
#header-wrap .hdr-logo h2 { font-size: 31px;}

/* /welcome-to-living-in-singapore/ */
.lis-wrapper #t-pages-page-206 iframe {
width: 100%;  
}
.lis-wrapper table img {max-width: initial;}

#t-main-navbar-collapse .bg-nav-img {
  display: none;
}
#t-main-navbar-collapse .nav>li {height: auto;}
#t-main-navbar-collapse .nav>li>a {height: auto; line-height: 2; bottom: 0; width: auto;}
#header-wrap h2 {font-size: 37px; padding-bottom: 2px;}
#t-main-navbar-collapse .nav>li, 
#t-main-navbar-collapse .nav>li>a,
#t-main-navbar-collapse .nav>li>a:hover, 
#t-main-navbar-collapse .nav>li>a:focus {background: transparent;}

/*custom nav code BEGIN*/
nav .collapse {display: none;}
nav .navbar-nav {
    float: none!important;
    margin: 0px!important;
}
nav .navbar-header {         
  float: none; 
  margin: auto;
}     
nav .navbar-toggle {         
  display: block;  
  color: #fff;
  float: none;
  margin: auto;
  width: 90%;
}     
.lis-wrapper nav .navbar-toggle {    
  display: block;
    color: #fff;
    float: none;
    margin: auto;
    background: #e12001;
    margin-bottom: 20px;
  }
#t-lis-navbar .navbar-nav>li {
  width: 100%;
  }
nav .navbar-toggle span {   
  font-size: 20px;
}
nav .navbar-toggle-title {
  font-family: 'roboto';
  }
nav .navbar-collapse {        
  border-top: 1px solid transparent;         
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);     
}     
 
nav .navbar-nav {         
  float: none!important;         
  margin: 0x;     
}     
nav .navbar-nav>li {         
  float: none;     
}     
nav .navbar-nav>li>a {        
  padding-top: 10px;         
  padding-bottom: 10px;     
}
.navbar-nav>li>a {padding: 13px 20px!important;}/*styles secondary nav li*/
nav .navbar-nav .open .dropdown-menu>li>a {    
  line-height: 20px;
}
nav .navbar-nav .open .dropdown-menu>li>a,
nav .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 10px 20px;
}
nav .dropdown-menu>li>a {
    display: block;
    clear: both;
    font-weight: 400;
    white-space: nowrap;
}

nav .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    box-shadow: none;
    border: none;
}
.open>.dropdown-menu {
    display: block;
}
nav .nav .open>a, nav .nav .open>a:hover, nav .nav .open>a:focus {
    background-color: #00215a;
    border-color: #337ab7;
    border-bottom: 2px solid red;
}
nav .dropdown-menu>li>a {
    color: #fff;
    background: #0a357e;
  }
.navbar-right {
    float: none!important;
    margin-right: 0px; 
}
/*custom nav code ENDs*/

/*mobile ROTATOR*/
.the100-wrapper #rotator-banner img {
    padding: 0;
  }
#flickr-feed {
    height: 611px;
  }
#stories-carousel .carousel-caption {
  top: 198px;
  }
#stories-carousel .carousel-inner>.item>img, #stories-carousel .carousel-inner>.item>a>img {
  margin: 13% auto auto;
  }
#events-sidebar .event-photo {
    width: 74px;
    height: 74px;
  }
#stories-carousel .view-calendar-btn {width: 70px; height: auto;}
/*PHOTO AND VIDEO FEED */
#hm-photo-video-feed #flickr-feed {
    height: auto;
  }
.video-item img {
    height: auto;
}
#hm-photo-video-feed .figure {
    height: 236px;
    margin-bottom: 30px;
  background-color: #000000;
  }
#flickr-feed a.btn-rounded-red {
    bottom: 13px;
    margin: 5px auto 0 auto;
}
.hm-video-feed a.btn-rounded-red, #flickr-feed a.btn-rounded-red {
  width: 71%;
  }
#hm-photo-video-feed .video-item h3 {overflow: visible;}
.hm-video-feed {height: 662px;}

/*Annual Strategic Partners*/
#box-4 img {
    margin: auto;
    width: 175px;
    height: auto;
}
#about .well a.pull-right {float: none!important;}

.settings-form label, .t-meta-data .label{
  float: none !important;
 }
}

@media (max-width: 768px){
#events-sidebar .event-photo {
    width: 65px;
    height: 65px;
  }
#events-sidebar .events-container, #stories-carousel .carousel {
    height: 555px;
  }
#events-sidebar .events-container {width: 100%;}
#events-sidebar .btn-rounded-red a {display:inline-block;}
#events-sidebar .hm-event-banner .btn-rounded-red img {display:inline-block;width: 19%;
    height: auto;
    padding-left: 22px;
}
#events-sidebar .hm-event-banner .btn-rounded-red {margin-bottom: 15px;}
#stories-carousel .col-md-8 {padding:0;width:100%;}
#stories-carousel .carousel {height: 500px;}
#stories-carousel .carousel-caption {
  top: 100%;
  }
#stories-carousel .carousel-inner>.item>img, #stories-carousel .carousel-inner>.item>a>img {
 margin: 9% auto auto; 
}
#stories-carousel .carousel-caption h2 a {
  font-size: 25px;
}
.video-item img {
    height: auto;
    width: auto;
    margin: auto;
}
.video-item a {display: block; background-color: #000000;}

.video-item {
    height: auto;
    display: block;
    margin: auto;
  }
.video-item img {
    height: auto;
  }
.video-item h3 {
 text-align: center;
}
#flickr-feed {
    margin: 0 0 40px;
    height: 100%;
  }
#hm-photo-video-feed .figure {
    height: 256px;
    overflow: hidden;
    background: #000000;
    margin-bottom: 39px;
  }
#hm-photo-video-feed .video-item h3 {margin-bottom: 0;}
#flickr-feed img { margin: auto; }
.video-item img {
    height: 256px;
}
.hm-video-feed {
    height: 719px;
}
#hm-photo-video-feed #flickr-feed {
    height: auto;
    margin: 0 0 40px;
  }
#flickr-feed a.btn-rounded-red {
    bottom: 13px;
      margin: 4px auto;
  }
#header-wrap .hdr-logo h2 {
 margin-top; 0;
  }
}

@media (max-width: 767px){
#box-6 {width: auto;}
#member-login {
    clear: both;
    display: block;
    margin-bottom: 20px;
}
#member-login li {
  margin-top: 20px;
  }
#member-login li a {
  color: #ddd;     
  border: 1px solid #ddd;   
  padding: 5px 10px;
  position: relative;
}
#header-wrap .hdr-logo h2 {font-size: 30px;}
#stories-carousel .carousel-inner>.item>img, #stories-carousel .carousel-inner>.item>a>img {
  margin: 0 auto auto;
  }
#stories-carousel .carousel-caption {
   top: 100%;
    position: relative;
    margin-top: 35px;
  }

.hm-video-feed a.btn-rounded-red, #flickr-feed a.btn-rounded-red {
    width: 53%;
  }
#stories-carousel .col-md-8 {
    margin: 0;
    padding: 0;
  }
#events-sidebar .events-container {
  height: auto; padding-bottom: 5px; padding-top: 5px;
  }
.hm-video-feed {
    margin-bottom: 60px;
 }
.hdr-logo .hdr-image img {   
    top: -10px;
    position: relative;
  float: none;
  margin: auto;
  width: 80px;
    height: auto;
  padding-bottom: 0;
}
#header-wrap .hdr-logo h2 {margin-top: 0;}
#header-wrap .hdr-logo h2, #header-wrap .logo-txt, #header-wrap p.logo-tagline {text-align: center; float: none;}
#header-wrap .logo-txt {margin-top: 0;}
/* begin: mobile 100th anniversary */
.the100-wrapper .rt-rotator-sidebar #box-34 .logo-100 {
  clear: both;
  }
}

@media (max-width: 660px){
.hm-logo {
    width: 76px;
    height: auto;
}
#header-wrap .hdr-logo h2 {font-size: 25px;}
#stories-carousel .carousel-inner>.item>img, #stories-carousel .carousel-inner>.item>a>img {
  margin: 5% auto auto;
}

#stories-carousel .view-calendar-btn {
  height: 77px;
  width: auto;
  top: -5%;
  }
#stories-carousel .carousel-caption h2 a {
  font-size: 23px;
}
}

@media (max-width: 560px){
#events-sidebar .btn-rounded-red a {
    float: right;
}
#events-sidebar .hm-event-banner .btn-rounded-red img {width:35%;}
#stories-carousel .carousel-inner>.item>img, #stories-carousel .carousel-inner>.item>a>img {
    margin: 9% auto auto;
  }
}

@media (max-width: 480px){
#header-wrap .hdr-logo h2 {
  padding-right: 15px;   
  width: 280px;
    margin: auto;
}
#events-sidebar .hm-event-banner .btn-rounded-red img {padding-left:0;}
.ad-withus-button a, 
#box-6 .btn,
.hm-video-feed a.btn-rounded-red, 
#flickr-feed a.btn-rounded-red {
  font-size: 18px;
  white-space: nowrap;
  padding: 10px 15px;
  }

.hm-video-feed a.btn-rounded-red, 
#flickr-feed a.btn-rounded-red {
    width: 235px;  
    font-size: 18px;
  white-space: nowrap;
  padding: 10px 15px;
}
.ad-withus-button {
  margin: 60px 18px 40px 18px;
  }
.logo-txt h2 {
font-size: 22px;
}
}


/* PHOTOSETS EDITS */
#photo-search-results .navbar-default .nav > li>a, 
#photo-search-results .navbar-default .nav>li>a:focus {
  color: #222;
}


/* MASONRY PHOTOS 
================= */
.grid-item {
  float: left;
}
#photo-sets-header-wrap *, 
#photo-sets-header-wrap *:before, 
#photo-sets-header-wrap *:after {
  box-sizing:  border-box !important;
}

.grid {
  -moz-column-width: 20em;
  -webkit-column-width: 20em;
  column-width: 20em;
  -moz-column-gap: 1em;
  -webkit-column-gap:1em; 
  column-gap: 1em;
  width: 100%;
}

.grid > .col-sm-4 {
  display: inline-block;
  padding: .33rem;
  width:  100%; 
  float: none;
}

.grid-item-content {
  position: relative;
  display: block;
}

.grid-item .thumbnail {
  padding: 0;
  margin-bottom: 5px;
}