body {
  padding-top: 0px;
  padding-bottom: 30px;
}

.theme-dropdown .dropdown-menu {
  position: static;
  display: block;
  margin-bottom: 20px;
}

.theme-showcase > p > .btn {
  margin: 5px 0;
}

.theme-showcase .navbar .container {
  width: auto;
}


* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

body {
  font-family: sans-serif;
}


/* ---- grid ---- */

.grid {
  max-width: 1200px;
}

/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- .grid-item ---- */

.grid-item {
  width: 363px;
  margin-bottom: 20px;
  border: none;
}

.grid-item--width2 { width: 746px; }
.grid-item--height2 { height: 384px; font-size:1.2em}
.grid-item--height1{height: 182px; font-size:0.8em}
.grid-item--height1 img{max-height: 182px;width: 100%;}


/* ============================================================
  GLOBAL
============================================================ */
.effects .img {position: relative;float: left;margin-bottom: 15px;width: 100%;height: 100%;overflow: hidden;}

.effects .img:nth-child(n) {
  margin-right: 5px;
}
.effects .img:first-child {
  margin-left: 0;
}
.effects .img:last-child {
  margin-right: 0;
}
.effects .img img {
  display: block;
  margin: 0;
  padding: 0;
  max-width: 100%;
  height: 100%;
}

.overlay {
  display: block;
  position: absolute;
  z-index: 20;
  background: rgba(0, 0, 0, 0.8);
  overflow: hidden;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.overlay p{padding-top:30px;}


a.close-overlay {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  line-height: 45px;
  text-align: center;
  background-color: #000;
  cursor: pointer;
}
a.close-overlay.hidden {
  display: none;
}

a.expand {
  display: block;
  position: absolute;
  z-index: 100;
  width: 60px;
  height: 60px;
  border: solid 1px #fff;
  text-align: center;
  color: #fff;
  line-height: 1em;
  font-weight: 300;
  font-size: 14px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 0px;
  text-transform:lowercase;
  padding-top:20px;
}
a.expand:hover{text-decoration:none; color:#fff;}

.expand.right:before{content:url("images/suitcase.svg");}


/* ============================================================
  EFFECT 1 - SLIDE IN BOTTOM
============================================================ */
.effect-1 .overlay {
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 0;
}
.effect-1 .overlay a.expand {
  left: 0;
  right: 0;
  bottom: 50%;
  margin: 0 auto -30px auto;
}

.effect-1 .img.hover .overlay {
  height: 100%;
}

.effect-1 .overlay.montage a.expand {
  bottom: 25%;
}

p{color:#8a8a8a;}
.date{font-size:0.8em; color:#8a8a8a}
.post-text{padding-top:10px}
.post figure{position:relative;}
.post figure img{width:100%;}
article.post{border:1px solid #dfdfdf}
article .post-title{margin-bottom:10px;}
.footer-tags{background-color:#f5f5f5; padding-left: 20px; padding-right: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 0.8em;
  color:#4d4d4f}
.footer-tags a{color:#4d4d4f;}
.footer-tags, .date{font-family:'Roboto Condensed', sans-serif}
.expand.left{right:70px!important;padding-top:20px;}
.expand.right{left:70px!important;padding-top:13px;}
.post-title a{color:#4d4d4f}
.post-title a:hover{color:#f26522}

.footer-tags, .date, .breadcrumb.filter{font-family:'Roboto Condensed', sans-serif; text-transform:lowercase;}

.breadcrumb.filter{background-color:transparent;border-top:1px solid #CCC;border-bottom:1px solid #CCC;border-radius:0px;text-align:center;font-size:18px;padding:20px;}
.breadcrumb.filter a{color:#ccc}
.breadcrumb.filter .active{color:#4d4d4f;}
.breadcrumb.filter>li+li:before{content:"\007C";}

.carousel-inner>.item {max-height: 400px;overflow: hidden;}
.carousel-inner .item img{with:100%;height:auto}

.carousel-caption{text-shadow:none!important; text-align:left!important;
right: 0px!important;
  left: 0px!important;
  padding-bottom: 15px!important;
  width: 100%;
  padding: 30px;
  background-color: rgba(0,0,0,0.7);
  bottom: 0px!important;}
.carousel-caption h3{margin-bottom:5px;margin-top:10px}
.carousel-caption p{color:#fff;}
.date.carousel{float:left;width:10%}
.carousel-text{float:left;width:90%}
.day{font-size: 3em;
  color: #fff;
  display: block;
  line-height: 1em;}
.month{color:#fff;text-transform:uppercase;border-bottom:1px solid #fff;padding-bottom:5px;}
.popular-title{position: absolute;
  top: 20px;
  background-color: #41ad49;
  margin-left: -10px;
  padding: 10px;}
.popular-title h2{margin-bottom:0px;color:#fff;margin-top:0px;}

.wsmenu{font-family:'Roboto Condensed', sans-serif; text-transform:lowercase;font-size:1em;}
.navbar-brand, .navbar-nav>li>a{text-shadow:none!important;}
.top-menu .navbar-nav>li>a{padding-top:5px;padding-bottom:5px;}
.top-menu .nav>li>a:hover, .top-menu .nav>li>a:focus{background-color:transparent}
.wsmenu-list li a .arrow:after{border-top:4px solid #fff;}
.wesgro-icon{}
.search.large-icon{background-image: url("images/mag-glass.png");
    background-size: 25px 25px;
    width: 25px; 
    height: 25px;
  display:inline-block;}

.suitcase.large-icon{background-image: url("images/suitcase.png");
    background-size: 25px 25px;
    width: 25px; 
    height: 25px;
  display:inline-block;}
.fa-suitcase:before{content:url("images/suitcase.svg");}
.wsmenu-list > li{text-align:center;}
.wsmenu-list > li > a{border-right:none;}

.info-icon{width:30px;height:30px;}

.breadcrumb{background-color:transparent!important;text-transform:lowercase;}
.breadcrumb a,.breadcrumb a:hover{color:#ccc;}
.breadcrumb .form-group{margin-bottom:0px;}
.input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group{margin-left:10px!important;}
input[type="text"], input[type="password"], input[type="email"], textarea, select {/*background-color:#efefef;*/ border:none;box-shadow:none;}

.sidebar-module{font-size:0.9em;}
.sidebar-module .nav>li {border-bottom: 1px solid #ccc;font-family:'Roboto Condensed', sans-serif;font-size:16px}
.sidebar-module .nav>li:first-child {border-top: 1px solid #ccc;}

.post-image{margin-top:20px;margin-bottom:20px;}

.panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e114";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    color: grey;         /* adjust as needed */
}
.panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e080";    /* adjust as needed, taken from bootstrap.css */
}

.blue{background-color:#00aeef !important}
.panel-heading{padding:15px!important;}
.panel-heading .accordion-toggle:after, .panel-heading .accordion-toggle:before{color:#fff;}
h3.panel-title,h3.panel-title a{font-family:'Roboto Condensed', sans-serif; text-transform:lowercase;font-weight:400; -webkit-font-smoothing: antialiased !important;}

.sidenav-icon {
  width: 20px;
  height: 20px;
  display: block;
  margin: auto;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  float: left;
  margin-right: 10px;}
.sidenav-icon.regions{background-image: url('images/discover-regions.png');  }
.sidenav-icon.stay{background-image: url('images/discover-stay.png');}
.sidenav-icon.events{background-image: url('images/discover-events.png');}

.wsmenu{background-color:#41ad49;}
.wsmenu-list > li > a{line-height:60px}
.wsmenu-list li a .arrow:after{margin:7px 10px 0 10px;}
.wsmenu-list > li > a .fa{font-size:19px;line-height:19px;}

.plan-trip-social{text-align:center;}
.large-social{display:inline-block;width:50px;height:50px;background-size:50px;background-repeat:no-repeat;background-position:center center!important;}
.large-social.facebook{background-image:url("images/plan-trip-facebook.png")}
.large-social.twitter{background-image:url("images/plan-trip-twitter.png")}
.large-social.email{background-image:url("images/plan-trip-email.png")}
.large-social.print{background-image:url("images/plan-trip-print.png")}

.trip-post{margin-bottom:10px;}
.trip-post-text{padding:25px;}
.trip-post .img{padding-left:0px;}
.trip-post .close{
  margin-right: 10px;
  margin-top: 5px;}

.tt-dataset{text-align: left; background-color: #fff; padding: 5px; font-size: 0.7em;}

.triangle-shadow{
    background-image: url("images/corner-piece.png");
    position: absolute;
    bottom: -10px;
    z-index: 9999999;
    display: block;
    width: 10px;
    height: 10px;
    left: 0px;}

  .modal-body .left, .modal-body .right {display:inline-block;width:50%;}

.morecontent span {
    display: none;
}
.morelink {
    display: block;
}

/* responsive media queries */

@media (min-width: 960px) and (max-width: 1200px) {
  .grid  {
    max-width: 766px!important;
        margin:auto!important;
  }
}

@media (min-width: 320px) and (max-width: 960px) {
  .grid  {
    max-width: 384px!important;
        margin:auto!important;
  }
  .grid-item--width2{max-width:363px}
}

@media (max-width:480px) {
  .grid-item, .grid-item--width2{width:100%;}
}

@media (max-width: 320px){
  .grid  {
    max-width: 260px!important;
    margin:auto!important;
  }
  .top-menu{display:none;}
  .logo {
    background-size: 75%!important;
    background-position: center 10px;
    height:110px!important;
    padding:0px;
  }
  .triangle-shadow{display:none!important} 
  /* ---- .grid-item ---- */

}

@media only screen and (max-width: 780px){
  .animated-arrow span, 
  .animated-arrow span:before, 
  .animated-arrow span:after {background: #333;}
  .top-menu{display:none;}
  .wsmenu > .wsmenu-list > li > a{color:#fff;}
  .fa-search:before{color:#fff;}
  .mobile-sub .wsmenu-submenu li a{background-color:#255e28 !important;}
  .mobile-sub .wsmenu-submenu{border-color:#255e28 !important;}
  .mobile-sub .wsmenu-submenu li .wsmenu-submenu-sub li a, .mobile-sub .wsmenu-submenu li:hover>a{background-color:#154017!important;}
  .animated-arrow span, .animated-arrow span:before, .animated-arrow span:after{height:3px;background-color:#41ad49;}
  .overlapblackbg{background-color: rgba(0, 0, 0, 0.7);}
  .animated-arrow{cursor: pointer;padding:13px 28px 16px 5px;margin: 10px 0 0 15px;}
  .animated-arrow.menuopen{padding: 6px 28px 23px 5px}
  .main-body{padding-top:80px!important}
}