/******************************************************************
Theme Name: JointsWP - CSS
Theme URI: http://www.jointswp.com
Description:
Author: Sidecar Agency
Author URI: http://www.sidecaragency.com
Version: 1.0
******************************************************************/

/*GENERAL*/
html, body, p {
  line-height: 26px;
}
body {
  color: #27292F;
  font-size: 16px;
  background: #f5f5f5;
}
.uppercase {
  text-transform: uppercase;
}
#content {
  background: #f2f8f8;
}
#content #inner-content {
  padding: 0;
}
section.entry-content {
  padding-left: 15px;
  padding-right: 15px;
}
blockquote {
  border-left: none;
}
blockquote p {
  font-weight: bold;
}
/* Links */
a {
  color: #DF542A;
}
#main a {
  color: #DF542A;
}

/* H1, H2, H3, H4, H5 P STYLES */
p {
  font-style: normal;
  margin-top: 5px;
  margin-bottom: 20px;
}
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a {
  text-decoration: none;
}
h1, h2, h3, h4, h5 {
  text-transform: uppercase;
}
h1 {
  font-size: 48px;
  font-weight: 700;
  line-height: 1.25em;
  color: #27292F;
}
h1.page-title {
  color: #393939;
}
h2 {
  font-weight: 600;
  line-height: 28px;
  padding-top: 15px;
  font-size: 24px;
  letter-spacing: 3px;
  color: #DF542A;
  margin-bottom: 25px;
}
h3 {
  font-weight: 600;
  line-height: 28px;
  padding-top: 15px;
  font-size: 18px;
  letter-spacing: 2px;
  color: #4DB7A2;
  margin-bottom: 15px;
}
h4 {
  color: #fff;
  font-size: 16px;
  font-weight: 500;
}
h5 {
  margin-bottom: 15px;
  font-weight: 500;
  font-size: 18px;
  letter-spacing: 2px;
  color: #4DB7A2;
  font-family: "Raleway", arial, sans-serif;
}
h6, span.priceRange {
  margin-top: 30px;
  margin-bottom: 13px;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 1px;
  color: #DF542A;
}

ul.orange-dot li {
  list-style:none;
  line-height: 26px;
}
ul.orange-dot li:before {
  color: #DF542A;
  content:"\2022";
  font-size: 1.5em;
  padding-right: 15px;
  position:relative;
  top:.1em; /* set the vertical position of the bullet if necessary. Make sure to use em or % */
}

/*OVERWRITES FOUNDATION ELEMENTS*/
.pagination a, .pagination button {
  color: #DF542A;
}
.pagination .current {
  background: #4DB7A2;
}
.off-canvas-content {
  background: #f2f8f8;
}
.button.hollow {
  border: 1px solid #fff;
  color: #fff !important;
  font-family: "Raleway", arial, sans-serif;
  font-weight: 700;
  letter-spacing: 1px;
  font-size: 14px;
  padding: 0.5em 2.5em;
  margin-bottom: 5px;
}
.button.hollow:focus, .button.hollow:hover {
  border-color: #fff;
  color: #4DB7A2 !important;
  background: #fff;
}

/*---forms----*/
[type=text], [type=password], [type=date], [type=datetime], [type=datetime-local], [type=month], [type=week], [type=email], [type=number], [type=search], [type=tel], [type=time], [type=url], [type=color], textarea {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 2.1375rem;
  padding: .5rem;
  border: 1px solid #fff;
  margin: 0 0 1rem;
  font-family: inherit;
  font-size: 1rem;
  color: #27292F;
  background-color: #fff;
  box-shadow: none;
  border-radius: 5px;
  transition: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
[type=text]:focus, [type=password]:focus, [type=date]:focus, [type=datetime]:focus, [type=datetime-local]:focus, [type=month]:focus, [type=week]:focus, [type=email]:focus, [type=number]:focus, [type=search]:focus, [type=tel]:focus, [type=time]:focus, [type=url]:focus, [type=color]:focus, textarea:focus {
  border: 1px solid #DF542A;
  background-color: #fff;
  outline: 0;
  box-shadow: none;
  transition: none;
}
form label {
  display: block;
  margin: 0;
  font-size: 14px;
  line-height: 12px;
  color: #27292F;
  text-transform: uppercase;
}
form label input {
  position: relative;
  top: 8px;
}

/*DISPLAYS NONE*/
.dropdown.menu .is-dropdown-submenu-parent.is-right-arrow>a::after,
.itinerary .byline {
  display: none;
}

/*VERTICAL ALIGNMENT FOR QUOTES*/
.inner {
  display: inline-block;
  vertical-align: middle;
  padding: 5px 30px;
}
/* Also works if you set line-height instead of the height (or together with the same value as the height). No pseudo-element needed.  */
.valign-block {
  /*height: 120px;*/
  line-height: 340px;
}
.inner3 {
  line-height: normal; /* Reset line-height for the child. IMPORTANT: Must be "normal", no integer value allowed! */
}
/*vertical aligment in columns*/
.valign-middle {
    display: table;
}
.valign-middle .columns {
  display: table-cell;
  vertical-align: middle;
}

.valign-middle .columns,
.valign-middle [class*="column"] + [class*="column"]:last-child {
    float: none;
}


/*SIDEBAR ON BLOG*/
.sidebar h4 {
  color: #4DB7A2;
}
#recent-posts-2 ul li {
  line-height: 18px;
  margin-bottom: 12px;
}

/*BUTTONS*/
.button {
  font-weight: 700;
  font-family: "Raleway", arial, sans-serif;
}
.button.hollow.secondary {
  border: 1px solid #fff;
  color: #fff;
  padding: 0.5em 2.5em;
  font-weight: 700;
  letter-spacing: 1px;
  font-size: 14px;
}
.button.primary {
  background: #DF542A;
  padding: 7px 25px;
  color: #fff !important;
  font-weight: normal;
  letter-spacing: .5px;
  font-size: .9rem;
}
.button.primary:focus, .button.primary:hover {
  background-color: #3c99b8;
  color: #fff;
}

/*UTILITIES CLASSES*/
.mt-20 {
    margin-top: 20px;
}

/*HEADER*/
.no-header-image h2 {
    font-size: 36px;
    text-align: center;
    margin-top: 20px;
}
.top-header {
  background: #27292F;
  border-bottom: 6px solid #FFF5E7;
}
.top-header .top-helper {
  background: #f2f8f8;
  padding: 4px;
  color: #fff;
}
.top-header #top-bar-menu {
  background: #27292F;
  padding: 0;
}
.top-header #top-bar-menu .top-bar-right {
  margin-top: 30px;
}
.top-bar, .top-bar ul {
  background-color: transparent;
}
.top-header button#searchButton {
  background: transparent;
}
.top-header a#searchButton {
  position: relative;
  bottom: 2px;
  left: 4px;
}

.logo {
  position: relative;
  top: 2px;
}

/*SEARCH BAR*/
#search-bar {
  background: #8bc4d7;
  display: none;
}
#search-bar ul {
  margin-bottom: 0;
}
#search-bar .button {
  margin-bottom: 0;
  padding: 0.45em 0.6em;
  text-transform: uppercase;
  background: transparent !important;
  position: relative;
  left: -10px;
}
#search-bar .button:hover {
  background: transparent !important;
}
#search-bar a.x-button,
#search-bar .fa-search {
  display: inline-block;
  color: #fff;
}
.button.alert:focus, .button.alert:hover {
  background-color: #3c99b8;
  color: #fff;
}
#search_form [type=text] {
  margin-bottom: 0;
  border: none;
  box-shadow: none;
  background: #8bc4d7;
  color: #fff;
  font-size: 14px;
  display: inline-block;
  width: 97%;
}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #fff;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #fff;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #fff;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #fff;
}

/*NAVIGATION*/
#menu-main-menu-1 {
  float: left;
}
#menu-main-menu-1 a {
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  color: #fff;
}
#menu-main-menu-1 .menu.submenu{
  background: #DF542A;
  border:none;
}
#menu-main-menu-1 .menu.submenu a:hover {
  background: #fff;
  color: #4DB7A2;
}
/*MOBILE MENU*/
.mobile.menu {
  background: #DF542A;
}
.mobile.menu a {
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  color: #fff;
}

/*HERO IMAGES ACROSS ALL PAGES*/
.hero-image {
  position: relative;
  width: 100%; /* for IE 6 */
  margin-bottom: 25px;
  background-position: center;
  background-size: cover;
}

.hero-image .layer {
  background-color: rgba(0, 0, 0, 0.15);
}

/* layer for places to stay page */
.page-id-375 .layer {
  background-color: rgba(0, 0, 0, 0.03);
}

.hero-image .hero-title {
  position: absolute;
  top: 250px;
  left: 0;
  width: 100%;
}
.hero-image .hero-title span.no-background {
  color: white;
  background: transparent;
  font-size: 56px;
  font-weight: bold;
  padding-left: 50px;
  padding-right: 50px;
  letter-spacing: 0;
  text-align: center;
}
span.blue-wrapper {
  color: white;
  background: #4DB7A2;
  text-transform: none;
  font-size: 24px;
  letter-spacing: 1px;
  font-weight: 300;
  font-family: "Roboto", arial, sans-serif;
  padding: 7px 40px;
}
.hero-image .hero-title span.main-title {
  color: white;
  background: transparent;
  font-weight: bold;
  padding: 5px 40px;
  letter-spacing: 0;
  line-height: 50px;
  font-size: 50px;
  font-family: "Raleway", arial, sans-serif;
  text-transform: uppercase;
}
.hero-image .hero-title {
  position: absolute;
  top: 210px;
  left: 0;
  width: 100%;
  text-align: center;
}

/*ANNOUNCEMENTS*/
.announcements {
  background-color: #DF542A;
  padding: 20px 0;
  color: #fff;
  margin-bottom: 20px;
}
.announcements a {
  color: #fff;
  text-decoration: underline;
}

/*BUSINESS DIRECTORY PLUGIN*/
.wpbdp-listing .wpbdp-map {
  display: none !important;
}
.wpbdp-listing-excerpt .vc_column-inner {
  box-sizing: border-box;
  padding-left: 0;
  padding-right: 30px;
  width: 100%;
}
.wpbdp-listing-excerpt.odd .vc_column-inner {
  padding-right: 0;
  padding-left: 15px;
}
.wpbdp-field-business_website_address,
.wpbdp-field-address, .wpbdp-field-zip_code {
  display: inline-block;
}
/*CATEGORY PAGES ON BUSINESS LISTINGS PLUGIN*/
.wpbdp-category-page .wpbdp-map {
  margin-bottom: 30px;
}
.post_grid .wpbdp-listing-excerpt, .wpbdp-category-page .wpbdp-listing-excerpt {
  width: 50%;
  float: left;
  padding: 10px;
  border: none !important;
}

@media screen and (max-width: 640px) {
  .post_grid .wpbdp-listing-excerpt {
    width: 95%;
    float: none;
  }
}
.post_grid .wpbdp-listing-excerpt.odd, .wpbdp-category-page .wpbdp-listing-excerpt.odd {
  background: transparent;
}
.wpbdp-category-page h2.category-name {
  text-align: center;
  margin-top: 30px;
}
.wpbdp-category-page li {
  list-style: none;
}

/*GOOGLE MAP BUSINESS DIRECTORY PLUGIN*/
.wpbdp-map {
  border: none !important;
}

/*HOMEPAGE CSS*/
#front-page .hero-image .hero-title span {
  color: white;
  background: transparent;
  font-size: 58px;
  font-weight: bold;
  padding: 5px 40px;
  letter-spacing: 0;
  line-height: 64px;
  font-size: 64px;
}
#front-page .hero-image .hero-title {
  position: absolute;
  top: 180px;
  left: 0;
  width: 100%;
  text-align: center;
}
#front-page .front-slider {

}
#front-page .front-title {
  color: #fff;
  text-transform: uppercase;
  font-family: "Raleway", arial, sans-serif;
  position: absolute;
  top: 320px;
  text-align: center;
  width: 1170px;
}
#front-page .front-title span {
  font-weight: bold;
  line-height: 64px;
  font-size: 64px;
  letter-spacing: 1px;
}

#front-page .original-roadtrip {
  padding-right: 45px;
}
#front-page h2 a {
  color: #fff !important;
}
#front-page h1 span {
  font-size: 58px;
  letter-spacing: 4px;
}
#front-page h3 {
  color: #4DB7A2;
  margin-bottom: 15px;
}
#front-page .subcategoryTitle {
  background: #DF542A;
  padding: 10px 10px;
  position: relative;
  bottom: 50px;
  letter-spacing: 1px;
  text-align: center;
  width: 80%;
  margin: 0 auto;
  font-family: "Raleway", arial, sans-serif;
  font-weight: 600;
  font-size: 24px;
  text-transform: uppercase;
  top: -25px
}
#front-page .subcategoryTitle a {
  color: #fff;
}
#front-page ul.subcategory {
  padding: 0 25px;
  position: relative;
  bottom: 5px;
}
#front-page ul.subcategory a {
  color: #486178;
}
#front-page ul.subcategory a:hover {
  color: #f69663;
}
#front-page .hero-wrap {
  margin-top: 121px;
}
#front-page #subcategories .wpb_single_image {
  margin-bottom: 0;
}
#front-page #subcategories .wpb_wrapper {
  background: #ffffff;
}

/*REGION BUTTONS ON MAP*/
.button.orange {
  background: #DF542A !important;
}
.button.yellow {
  background: #FBD020 !important;
}
.button.light {
  background: #4DB7A2 !important;
}
.button.dark {
  background: #27292F !important;
}
.region-buttons {
  position: absolute;
  bottom: 115px;
}
.region-buttons .button {
  text-transform: uppercase;
  padding: 7px 25px;
  position: relative;
  color: #fff !important;
}
.region-buttons .button:hover {
  background: #4DB7A2 !important;
}
.region-buttons .orange {
  left: 180px;
}
.region-buttons .yellow {
  left: 215px;
  top: 17px;
}
.region-buttons .light {
  left: 260px;
  top: 20px;
}
.region-buttons .dark {
  left: 310px;
  top: 17px;
}

/*STRONG TAGS WITH COLORS ON ITINERARIES PAGE EXAMPLE*/
strong.dark { color: #486178;}
strong.yellow { color: #FBD020;}
strong.light { color: #44b1b6;}
strong.orange { color: #f69663;}

/*THINGS TO DO, FOOD & WINE, PLACES TO STAY CSS - MAIN LISTING CATEGORY*/
/*LISTING EXCERPTS */
.page-template-template-root-category .wpbdp-listing-excerpt,
.page-template-template-region .wpbdp-listing-excerpt {
  float: left;
  border-bottom: none;
  width: 50%;
}

/*ITINERARIES ARCHIVE PAGE TEMPLATE*/
.itinerary-archive {
  padding-right: 15px !important;
}
.itineraries.large-up-2>.columns:last-child {
  padding-left: 15px !important;
  padding-right: 0 !important;
}


/*VISITOR ASSISTANCE*/
.visitor-assistance {
  padding-bottom: 15px;
  margin-top: 40px;
}
.visitor-assistance h2 {
  padding-top: 0;
}
.visitor-assistance .visitor-assistance-image h4.region-title {
  position: absolute;
  top: 270px;
  left: 30px;
  width: 100%;
  z-index: 100;
}
.visitor-assistance .visitor-assistance-image h4.region-title a {
  color: #fff;
}
.visitor-assistance .visitor-assistance-image h4.region-title span{
  color: white;
  font-size: 24px;
  font-weight: 700;
  padding: 20px 25px;
  letter-spacing: 1px;
  font-family: "Raleway", arial, sans-serif;
}
.visitor-assistance .wpb_wrapper {
  background: #ffffff;
}
.visitor-assistance ul {
  padding-left: 20px;
}
.visitor-assistance ul li{
  margin-bottom: 9px;
}
.visitor-assistance ul a {
  color: #27292F;
  display: block;
  line-height: 18px;
}
.visitor-assistance .content {
  min-height: 142px;
  margin-bottom: 20px;
  margin-top: 50px;
}
.visitor-assistance ul a:hover {
  color: #f69663;
}
.visitor-assistance .visitor-assistance-image h4.region-title span.orange {
  background: #DF542A;
}
.visitor-assistance .visitor-assistance-image h4.region-title span.yellow {
  background: #FBD020;
}
.visitor-assistance .visitor-assistance-image h4.region-title span.light {
  background: #4DB7A2;
}
.visitor-assistance .visitor-assistance-image h4.region-title span.dark {
  background-color: #27292f ;
}

/*HIDES VISITOR ASSISTANCE ON PAGE*/
.page-id-866 .visitor-assistance,
.page-id-867 .visitor-assistance {
  display: none;
}



/*FONT AWESOME ICONS AND OTHER ICONS*/
.fa-question-circle-o {
  color: #DF542A; /*price range*/
}
a.search-icon {
  padding: 4px;
  margin-left: 10px;
  color: #fff;
}

/*BUSINESS LISTING PAGE CSS*/
#single-listing .image-caption,
.page-template-template-region .image-caption,
.topic .image-caption, .itineraries .image-caption {
  position: absolute;
  right: 10px;
  bottom: 5px;
  color: rgba(255, 255, 255, 0.8);
}
#single-listing .hero-image .hero-title {
  position: absolute;
  top: 288px;
  left: 0;
  width: 100%;
  text-align: left;
  line-height: 43px;
}
#single-listing h5,
#single-listing h6{
  margin-top: 15px;
}
#single-listing .row.information {
  padding-bottom: 15px;
}
#single-listing .address,
#single-listing .phone {
  text-transform: uppercase;
  font-weight: 500;
  color: #DF542A;
  margin-top: 0;
}
#single-listing .address p {
  margin-bottom: 0;
}
#single-listing .phone {
  margin-top: 0;
}
#single-listing .address a,
#single-listing .phone a,
#single-listing .website {
  color: #DF542A;
}
#single-listing .website a {
  color: #DF542A;
  text-transform: uppercase;
  font-weight: 500;
}
#single-listing .galleryRow {
  padding: 50px 0;
}
#single-listing .galleryRow h3,
#single-listing .socialFeed h3 {
  color: #4DB7A2;
  font-weight: bold;
  font-size: 24px;
  margin-bottom: 40px;
  padding-top: 0;
}
#single-listing .getDirections a {
  color: #4DB7A2;
  font-weight: 500;
}
#single-listing .visitorAssitance {
  padding-top: 15px;
}
#single-listing .visitorAssitance a {
  color: #486178;
}
#single-listing .visitorAssitance a:hover {
  color: #f69663;
}

/*MORE TO EXPLORE*/
.explore .explore-img{
  margin-bottom : 0;
  background-size: cover;
  background-position: center;
}
.explore .listing-item {
  margin-bottom: 10px;
}
.explore h3 {
  color: #4DB7A2;
  font-weight: bold;
  font-size: 24px;
  margin-bottom: 30px;
  padding-top: 0;
  font-family: "Raleway", arial, sans-serif;
  font-weight: 500;
  letter-spacing: 1px;
}
.explore .excerpt {
  font-size: 14px;
  line-height: 18px;
  word-wrap: break-word;
}
.explore .explore-content {
  background: #fff;
  padding: 20px 15px;
  font-size: 14px;
  line-height: 18px;
  word-wrap: break-word;
}
.explore .explore-content p {
  font-size: 14px;
  line-height: 18px;
  word-wrap: break-word;
}
.explore .explore-content h3 {
  margin-bottom: 10px;
  line-height: 16px;
}
.explore .explore-content h3 a{
  color: #4DB7A2 !important;
  font-size: 16px;
}
.explore .short-desc {
  font-size: 14px;
  line-height: 18px;
  word-wrap: break-word;
  word-break: break-word;
  margin-top: 5px;
}

/*YOUTUBE VIDEO EMBEDS ON MEMBERSHIP PAGE*/
.youtube-video,
.fa-icon {
  margin-bottom: 0;
}

/*CONTACT PAGE*/
.email-card {
  background: #fff;
  padding:  0;
  font-family: "Roboto", arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 1px;
  color: #4DB7A2;
  text-decoration: none;
  text-transform: uppercase;
  margin-bottom: 15px;
}
.email-card .recipient {
  padding: 10px 20px;
}
.email-card .icon {
  background: #DF542A;
  text-align: center;
}
.email-card .icon a i{
  color: #fff;
  padding: 15px;
}

/*ITINERARIES PAGE WITH DOWNLOADS*/

.downloadables h3 {
  color: #DF542A !important;
}
.downloadables ul.downloads {
  text-transform: uppercase;
  font-weight: 500;
}

.downloadables li.dark a{ color: #486178;}
.downloadables li.yellow a{ color: #FBD020;}
.downloadables li.light a{ color: #44b1b6;}
.downloadables li.orange a{ color: #f69663;}
.downloadables li.default a{ color: #27292F;}

/* Use the following CSS code if you want to have a class per icon */
ul.downloads { padding-left:20px; list-style:none; }
ul.downloads li { line-height: 28px;}
ul.downloads li:before {
  font-family: 'FontAwesome';
  content: '\f019';
  margin:0 15px 0 -15px;
  color: #27292F;
}
ul.downloads li.dark:before {
  color: #486178;
}
ul.downloads li.yellow:before {
  color: #FBD020;
}
ul.downloads li.light:before {
  color: #44b1b6;
}
ul.downloads li.orange:before {
  color: #f69663;
}


/*GOOGLE MAP FROM BUSINESS DIRECTORY PLUGIN */
/*showing on places to stay, wine & food, things to do*/
#map-area {
 display:none;
}
#map-area.active {
  display:block;
}

/*BLOG*/
.blog h3 a {
  color: #4DB7A2 !important;
}
.blog .title,
.single-post .title {
  padding: 30px 0 10px;
}
.blog .pagination {
  margin-left: 0;
  margin-bottom: 2rem;
  text-align: center;
}

/* FOOTER*/
.footer {
  clear: both;
  background: #27292F;
  padding: 30px 0;
  color: #ffffff;
  font-size: 14px;
  margin-top: 40px;
}
.footer span {
  line-height: 24px;
  font-weight: 500;
  display: block;
}
.footer a {
  color: #ffffff;
}
.footer .subfooter {
  padding: 30px 0 35px 0;
}
.social-media .fa-fw {
  width: 1.38571429em;
}
.social-media .fa-2x {
  font-size: 2em;
}
.footer .social-media {
  margin-top: 15px;
}
.footer .dream img {
  max-width: 100%;
}
/*FOOTER MENU*/
#menu-footer-menu a {
  text-transform: uppercase;
  color: #fff;
  font-weight: 500;
  font-size: 15px;
  padding: .7rem 2.2rem;
}

/* FLOW FLOW PLUGIN */
/*FACEBOOK STREAMS*/
.ff-stream {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  min-height: auto !important;
  background: none !important;
}
.ff-stream .ff-stream-wrapper {
  margin-top: 0 !important;
}
.ff-stream .ff-name {
  font-weight: 600 !important;
  font-size: 14px !important;
}
.ff-stream .ff-content,
.ff-stream h4 {
  position: relative;
  /*margin: 0 !important;*/
  padding: 10px 0 0;
  border-top: 0 !important;
}
.ff-theme-flat h4 {
  font-weight: normal !important;
}
.ff-item-bar {
  display: none;
}
.ff-item-cont h4 {
  display: none;
}
.ff-item-meta h6 a {
  color: #4DB7A2 !important;
}
.ff-upic-centered-big .ff-userpic {
  border: none !important;
  max-width: 50px;
  max-height: 50px;
}
.ff-upic-centered-big.ff-sc-stamp1 .ff-icon {
  top: -2px !important;
  left: 35px !important;
  border: none !important;
}
.ff-upic-centered-big .ff-img-holder+.ff-item-meta {
  margin-bottom: 0 !important;
}
.ff-content {
  margin-top: 0 !important;
  padding-bottom: 20px !important;
}
.ff-name {
  color: #4DB7A2 !important;
}
.socialFeed {
  margin-bottom: 50px;
}

/*CONTACT FORM 7*/
input.wpcf7-form-control.wpcf7-submit { /*Submit button*/
  background: #DF542A;
  padding: 7px 25px;
  color: #fff !important;
  font-weight: 700;
  letter-spacing: .5px;
  display: block;
  margin: 0 auto;
  margin-top: 10px;
  border-width: 0;
  text-transform: uppercase;
  font-size: .9rem;
}

/*THE EVENTS CALENDAR PLUGIN - EVENTS PAGE */
.events-archive .entry-content, .events-archive .entry-header {
  width: 100%;
}
#tribe-bar-form.tribe-bar-full .tribe-bar-filters {
  background: #27292F;
}
#tribe-bar-form .tribe-bar-search-filter {
  float: left;
  margin-bottom: 0;
  padding: 25px;
  width: 50%;
}
#tribe-bar-form .tribe-bar-submit {
  float: left;
  margin-bottom: 0;
  margin-left: 0;
  padding: 25px;
  width: 50%;
}
#tribe-bar-form .tribe-bar-submit input[type=submit] {
  background: #DF542A;
  font-size: 16px;
}
#tribe-bar-form input[type=text] {
  padding: 10px;
  border: none;
  background: #fff;
}
#tribe-bar-form input {
  font-size: 16px;
  margin: 0 4px 0 0;
  color: #486178;
  text-transform: uppercase;
}
#tribe-bar-form .tribe-bar-date-filter {
  display: none;
}
#tribe-bar-form #tribe-bar-views {
  padding-left: 0;
}
#tribe-events-content .entry-content,
#tribe-events-content .entry-header {
  width: 100%;
}
#tribe-events-content .info {
  top: 235px;
  padding: 10px 20px;
}
#tribe-events-content h2.tribe-events-page-title {
  font-weight: 600;
  line-height: 28px;
  padding-top: 15px;
  font-size: 24px;
  letter-spacing: 3px;
  color: #4DB7A2;
  margin-bottom: 35px;
  text-transform: uppercase;
}
#tribe-events-content .tribe-events-loop {
  max-width: 100%;
}
#tribe-events-content h2 a {
  color: #fff;
  letter-spacing: 1px;
}
#tribe-events-content .eventTitle {
  background: rgba(60, 154, 185, 0.8);
  padding: 20px 25px;
  position: relative;
  bottom: 40px;
  left: 40px;
  text-align: center;
}
#tribe-events-content .eventDetails {
  padding: 5px 30px;
}
#tribe-events-content .eventDetails h2 a{
  color: #27292F;
  text-transform: none;
  line-height: 2em;
}
#tribe-events-content .tribe-events-list-separator-month span {
  background-color: transparent;
  padding: 0 7.5%;
  color: #4DB7A2;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 18px;
  letter-spacing: 3px;
}
#tribe-events-content h2.tribe-events-list-event-title {
  letter-spacing: 1px;
  color: #4DB7A2;
  font-size: 18px;
  margin: 0;
  padding: 0;
  text-align: left;
}
.tribe-events-list .type-tribe_events {
  padding: 1.75em 0;
}

#tribe-events-content .tribe-events-list-separator-month:after {
  display: none;
}
#tribe-events-content .tribe-events-list-separator-month {
  margin: 15px 0;
}
#tribe-events-content h5 {
  margin-bottom: 0;
  font-size: 28px;
}
#tribe-events-content .listing-img {
  background-position: center;
  margin-bottom: 0 !important;
}
span.tribe-event-date-start,
span.tribe-event-date-end,
span.tribe-event-time {
  color: #486178;
  font-size: 22px;
}
.layer {
	background-color: rgba(0, 0, 0, 0.3);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* SLICK SLIDER*/
.front-slider .slick-slide {
  height: 513px;
}
.front-slider .slick-slide img {
    display: block;
    width: 100%;
}
.front-slider .slick-slide .layer {
    background-color: rgba(0, 0, 0, 0.03);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.front-slider .image-caption {
  position: absolute;
  color: rgba(255, 255, 255, 0.8);
  text-align: right;
  bottom: 0;
  padding-right: 10px;
  padding-bottom: 5px;
  width: 1170px;
}
.slick-slider .slick-prev:before,
.slick-slider .slick-next:before {
    content: '';
}
.slick-slider .slick-prev {
  background: url('/wp-content/uploads/2016/05/left.png') no-repeat center;
}
.slick-slider .slick-next {
  background: url('/wp-content/uploads/2016/05/right.png') no-repeat center;
}

.slider-wrapper .slick-slide img {
  max-height: 220px;
}
/*BUSINESS DIRECTORY LISTINGS*/
.listing-img {
  position: relative;
  width: 100%;
  margin-bottom: 120px !important;
  background-size: cover;
  background-position: center;
}
.listing-img .image-caption {
  position: absolute;
  right: 10px;
  top: 5px;
  color: rgba(255, 255, 255, 0.8);
}
.info {
  position: absolute;
  top: 280px;
  left: 40px;
  width: 90%;
  color: white;
  background: #27292F;
  padding: 15px 30px;
  z-index: 4;
}

@media screen and (max-width: 640px) {
  .info {
    position: relative;
    padding: 15px 30px 0 30px;
  }
}




.info h3 {
  padding-top: 0;
  line-height: 24px;
  margin-bottom: 0;
}
.info h3 a {
  color: #fff !important;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 1px;
}
.info p {
  font-size: 16px;
  font-weight: normal;
  line-height: 20px;
  margin-bottom: 20px;
}

@media screen and (max-width: 640px) {
  .info p {
    margin-bottom: 0;
  }
}



.info .button.hollow.secondary {
  border: 1px solid #DF542A;
  color: #fff !important;
  padding: 0.5em 2.5em;
  font-weight: 700;
  letter-spacing: 1px;
  font-size: 14px;
  margin-bottom: 0;
  background: #DF542A;
}
.info .button.hollow.secondary:focus, .button.hollow.secondary:hover {
  border-color: #fff;
  color: rgba(60, 154, 185, 0.8) !important;
  background: #fff;
}

/*SEARCH RESULTS PAGE*/
#search-results .valign-block {
  line-height: 100px;
}
#search-results h1.archive-title {
  color: #27292F;
  margin-bottom: 30px;
}
#search-results h3 a {
  color: #4DB7A2;
}
#search-results p {
  line-height: 22px;
}
#search-results .inner4 {
  padding: 0;
  line-height: normal;
}
#search-results {
  margin-top: 40px;
}
#search-results .pagination .current {
  background: #DF542A;
}
#search-results article {
  margin-bottom: 30px;
}
#search-results h3 {
  padding-top: 5px;
}
#search-results .listing-img {
  margin-bottom: 0 !important;
  margin-right: 20px;
}



.searchbox-wrapper {
  display: none;
  background: #bfdadc;
  padding: 20px;
}

#filter {
  background: #27292F;
  padding: 20px;
  margin: 50px 0 35px;
}
#filter ul {
  margin-bottom: 0;
}
#filter hr {
  border-bottom: 1px solid #f69663;
  margin-top: 0;
  margin-bottom: 5px;
}
#filter .dropdown-pane {
  background-color: #fefefe;
  border: none;
  display: block;
  padding: 1rem;
  position: absolute;
  padding: 0;
  width: 453px;
  z-index: 10;
  border-radius: 0;
}
.button.dropdown::after {
  content: '';
  width: 0;
  height: 0;
  border: .4em inset;
  border-color: #f69663 transparent transparent;
  border-top-style: solid;
  top: .4em;
  float: right;
  margin-left: 1em;
  display: inline-block;
}
#filter label {
  color: #f69663;
}
#filter ul li {
  color: #f69663;
  font-size: 14px;
}
#filter ul li label {
  padding: 2px 15px;
  font-weight: 500;
}
#filter ul li label:hover {
  background: #f69663;
  color: #fff !important;
}
#filter [type=file], #filter [type=checkbox], #filter [type=radio] {
  margin: 7px 0 7px;
}
#filter .button {
  color: #27292F;
  margin-bottom: 0;
  background: #fff;
  text-align: left;
  font-weight: 500;
}
#filter .button.switch-map {
  color: #fff;
  margin-bottom: 0;
  background: #DF542A;
  text-align: center;
  font-weight: 500;
  text-transform: uppercase;
}


/* THEME TEMPLATE PAGE */
.page-template-template-theme .hero-image .hero-title {
  text-align: center;
}

.page-template-default .wpb_wrapper h3{
  color: #DF542A;
}

/* REGIONS PAGES*/
/*VENTURA REGION has a dark blue #486178 and id 367*/
.page-id-367 .hero-title span,
.wpbdp-listing-category-ventura-region .hero-image .hero-title span.main-title  {
  /* background: #27292F !important; */
}
/*MONTEREY BAY REGION has a dark blue #f69663 and id 359*/
.page-id-359 .hero-title span,
.wpbdp-listing-category-monterey-bay-region .hero-image .hero-title span.main-title  {
  /* background: #DF542A !important; */
}
/*SANTA BARBARA REGION has a light blue #8bc4d7 and id 369*/
.page-id-369 .hero-title span,
.wpbdp-listing-category-santa-barbara-region .hero-image .hero-title span.main-title  {
  /* background: #FBD020 !important; */
}
/*SAN LUIS OBISPO REGION has a yello #FBD020 and id 370*/
.page-id-370 .hero-title span,
.wpbdp-listing-category-san-luis-obispo-region .hero-image .hero-title span.main-title {
  /* background: #FBD020 !important; */
}


/* SINGLE ITINERARY TEMPLATE*/
/*SINGLE TOPIC TEMPLATE*/
.single-itineraries h3,
.single-topic h3 {
  color: #4DB7A2;
}
.single-topic .wpbdp-category-page h2.category-name {
  display: none;
}
.single-topic .explore-img {
  margin-bottom: 0;
  background-size: cover;
}
.single-topic .explore-content {
  background: #fff;
  padding: 20px 15px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 18px;
  min-height: 155px;
  word-wrap: break-word;
  text-align: center;
}
.single-topic .explore-content h3 {
  line-height: 18px;
  padding-top: 0;
  padding-bottom: 15px;
}
.single-topic .explore-content h3 a {
  color: #4DB7A2 !important;
  font-weight: 500;
  letter-spacing: 1px;
  font-size: 16px;
  font-family: "Raleway", arial, sans-serif;
}
.single-itineraries h2.wpb_heading {
  position: absolute;
  bottom: -35px;
  right: 35px;
  background: rgba(72, 97, 120, 0.8);
  padding: 20px 25px;
  /* position: relative; */
  text-align: center;
  min-width: 340px;
  color: #fff;
}
.single-itineraries .visitor-assistance {
  display: none !important;
}
.single-itineraries .light-box h2.wpb_heading {
  background: rgba(68, 177, 182, 0.8);
}
.single-itineraries .orange-box h2.wpb_heading {
  background: rgba(246, 150, 99, 0.8);
}
.single-itineraries .yellow-box h2.wpb_heading {
  background: rgba(246, 216, 135, 0.8);
}


/* LISTING ITEMS - DISPLAY POST SHORTCODE*/
.listing-item .content {
  position: absolute;
  top: 190px;
  left: 60px;
  width: 81%;
  color: white;
  background: rgb(60, 154, 185);
  background: rgba(60, 154, 185, 0.8);
  padding: 10px 40px 30px;
}
.listing-img.listing-shortcode {
    margin-bottom: 120px !important;
}
.listing-item .image-and-content {
  position: relative;
  width: 100%;
}
.listing-item .large-7.columns {
  margin-bottom: 120px;
}


/*SHORTCODES TO DISPLAY ALL LISTINGS*/
.column.listing {
  position: relative;
  margin-bottom: 200px;
}
.all-listings .listing .boxed {
  background: rgba(60, 154, 185, 0.8);
  position: absolute;
  bottom: -124px;
  color: white;
  left: 40px;
  width: 90%;
  padding: 0 30px;
  z-index: 4;
}
.all-listings h3 a {
  color: #fff !important;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 1px;
}
.all-listings p {
  font-size: 16px;
  font-weight: normal;
  line-height: 20px;
  margin-bottom: 18px;
}

/*ITINERARY SHORTCODE*/
/*TOPIC SHORTCODE*/
.itinerary-img,
.topic-img {
  position: relative;
  background-size: cover;
  margin-bottom: 20px;
  background-position: center;
}
.itinerary-img.itinerary-shortcode.no-quote {
  margin-bottom: 35px;
}
.itinerary-shortcode .info,
.topic-shortcode .info {
  top: 250px;
  left: 60px;
  width: 81%;
  color: white;
  background: #27292F;
}
.topic-shortcode .info > a {
  background: #DF542A;
  border: #DF542A;
}
.itinerary-shortcode .info h3,
.topic-shortcode .info h3 {
  margin-bottom: 3px !important;
}

.itinerary-shortcode .info > a {
  background: #DF542A;
  border: #DF542A
}
.itinerary-shortcode .quote,
.itinerary-quote, .topic-quote {
  line-height: 1.3;
  color: #27292F !important;
  font-size: 24px;
  font-weight: 700;
}
.itinerary-img.itinerary-shortcode,
.topic-img.topic-shortcode {
  margin-bottom: 70px;
}
.itinerary-shortcode.no-quote,
.topic-shortcode.no-quote {
  margin-bottom: 100px;
}
.row.one-itinerary, .row.one-topic {

}

/* SHORTCODES*/
.listing-img.shortcode {
  margin-bottom: 180px;
}
.itinerary-img.shortcode {
  margin-bottom: 180px;
}

/*PAGE TEMPLATE: DEFAULT PAGES WITH NO IMAGE*/
header.default-header h1 {
  color: #27292F;
  margin: 30px 0 5px;
}



/* -- Big screen size -- */
.image-gallery{
  -webkit-column-count: 3;  -webkit-column-gap: 15px;
     -moz-column-count: 3;     -moz-column-gap: 15px;
          column-count: 3;          column-gap: 15px;
}


/* -- Medium screen size -- */
@media screen and (max-width: 1100px) {
  .image-gallery{
    -webkit-column-count: 3;  -webkit-column-gap: 15px;
       -moz-column-count: 3;     -moz-column-gap: 15px;
            column-count: 3;          column-gap: 15px;
  }
 .image-gallery{
  width:85%;

  }
  /*copy*/
  .copy {
    padding: 0 13px;
  }
}

/* -- Small screen size -- */
@media screen and (max-width: 800px) {
  .image-gallery{
    -webkit-column-count: 2;  -webkit-column-gap: 15px;
       -moz-column-count: 2;     -moz-column-gap: 15px;
            column-count: 2;          column-gap: 15px;
  }
  .image-gallery{
    width:90%;
  }
}

/* SMALL SCREENS */
@media only screen and (max-width: 640px) {
  html, body, p {
    line-height: 24px;
  }

  .region-buttons {
    position: relative;
    bottom: 0;
  }
  .region-buttons .button {
    position: inherit;
    width: 100%;
  }
  .button.primary {
    width: 100%;
  }
  header.default-header h1 {
    text-align: center;
    font-size: 30px;
  }

  #top-bar-menu .top-bar-right {
    margin-top: 25px !important;
    width: 30%;
  }
  #top-bar-menu .top-bar-left {
    width: 70%;
  }
  #top-bar-menu .top-bar-right a.hamburger {
    color: #fff;
  }

  #front-page .original-roadtrip {
  padding-right: 0;
  }
  #front-page .vc_empty_space {
    display: none !important;
  }

  #filter {
    display: none;
  }

  .hero-image .hero-title span {
    color: white;
    background: transparent;
    font-weight: bold;
    padding: 5px;
    font-size: 40px;
    letter-spacing: 0;
    line-height: 44px !important;
    font-size: 44px !important;
    display: block;
    top: 200px;
  }

  /*Wine nd food*/ /*Regions*/
  .listing {
    padding: 0;
  }
  .listing-img {
    height: auto !important;
    width: 65px !important;
  }
  .listing-img.listing-shortcode {
    margin-bottom: 40px !important;
  }
  .listing-shortcode.listing-img {
    background: none !important;
    width: 100% !important;
    display: block;
  }
 
  .listing-img.listing-shortcode .info,
  .listing .info.info.info.info {
    padding-right: 10px !important;
    padding-left: 43px !important;
    padding-top: 0 !important;
  }

  @media screen and (max-width: 640px) {
    .listing-img.listing-shortcode .info,
    .listing .info.info.info.info {
      padding-right: 10px !important;
      padding-left: 75px !important;
      padding-top: 0 !important;
      padding-bottom: 0 !important;
      margin-right: 0 !important;
      width: 100% !important;
    }
  }

  

  .post_grid .wpbdp-listing-excerpt {
    width: 100%;
  }


  .info {
    padding: 20px !important;
  }
  .info p {
    font-weight: normal;
    margin-bottom: 18px;
    padding-right: 10px;
  }
  .info h3 {
    line-height: 24px;
    padding-top: 0;
    margin-bottom: 18px;
    padding-right: 10px;
  }

 

  .info h3 a {
    font-weight: 700;
    color: #fff !important;
    letter-spacing: 0 !important;
  }

  @media screen and (max-width: 640px) {
    .info h3 a {
      padding-left: 0 !important;
    }

  }




  .image-gallery{
    -webkit-column-count: 1;  -webkit-column-gap: 0px;
       -moz-column-count: 1;     -moz-column-gap: 0px;
            column-count: 1;          column-gap: 0px;
  }
  .image-gallery{
    width:95%;
  }
  .image-gallery img{ /* fills 100% width on small screen */
    width:100%;
    height:auto;
  }

  .visitor-assistance .visitor-assistance-image h4.region-title span {
    color: white;
    font-size: 18px;
    font-weight: 700;
    padding: 20px 19px;
    letter-spacing: 1px;
    font-family: "Raleway", arial, sans-serif;
  }
  .visitor-assistance .visitor-assistance-image h4.region-title {
    top: 130px;
  }
  .visitor-assistance .content {
    padding-bottom: 15px;
    margin-top: 10px;
  }
  .visitor-assistance ul {
    padding-left: 20px;
    padding-bottom: 10px;
  }
  .visitor-assistance ul a {
    line-height: 16px;
  }
  .visitor-assistance .content .wpb_content_element {
    margin-bottom: 0 !important;
  }

  #menu-footer-menu a {
    text-transform: uppercase;
    color: #fff;
    font-weight: 500;
    font-size: 16px;
    padding: 5px 15px;
  }
  .footer {
    margin-top: 0;
  }
  .footer .social-media {
    margin-bottom: 30px;
  }
  .footer .subfooter {
    padding-top: 0;
  }

  /*ROOT CATEGORIES & REGIONS */
  .info {
    top: 0 !important;
    color: #27292F;
    background: transparent;
  }
  .listing {
    float: left !important;
  }
  .page-template-template-root-category .listing-img img,
  .page-template-template-region .listing-img img {
    height: auto;
    overflow: hidden !important;
    width: 65px;
    height: 65px;
    float: left;
    margin-left: 10px;
  }
  .page-template-template-root-category .info p,
  .page-template-template-region .info p {
    color: #4DB7A2;
    font-size: 14px !important;
    line-height: 16px;
  }
  .page-template-template-region .wpbdp-field-address p {
    font-weight: 500;
    color: #27292F;
  }
  .page-template-template-root-category .wpbdp-field-address .value p,
  .page-template-template-root-category .wpbdp-field-zip_code span,
  .page-template-template-region.wpbdp-field-address .value p,
  .page-template-template-region .wpbdp-field-zip_code span {
    font-weight: 500 !important;
    color: #27292F;
  }
  .page-template-template-root-category .wpbdp-field-zip_code span,
  .page-template-template-region .wpbdp-field-zip_code span {
    padding-left: 4px;
  }
  .page-template-template-root-category .wpbdp-listing-excerpt,
  .page-template-template-region .wpbdp-listing-excerpt,
  .wpbdp-category-page .wpbdp-listing-excerpt {
    width: 100%;
  }
  .wpbdp-listing.wpbdp-listing {
    font-size: 100%;
  }
  .wpbdp-listing-excerpt .listing {
    width: 100% !important;
  }
  .wpbdp-listing-excerpt h3 {
    line-height: 16px;
  }
  .wpbdp-listing-excerpt h3 a {
    color: #27292F !important;
    font-size: 16px;
  }
  .wpbdp-listing-excerpt .listing .padding-right-0 {
    padding: 0;
  }
  .wpbdp-listing-excerpt .listing-img {
    width: 100% !important;
    background: none !important;
    margin-bottom: 30px !important;
  }
  .wpbdp-listing-excerpt .info {
    width: 95%! important;
  }
  .wpbdp-listing-excerpt .info p {
    color: #4DB7A2;
  }
  .wpbdp-listing-excerpt .listing-img img{
    overflow: hidden !important;
    width: 65px;
    height: 65px;
    float: left;
    margin-left: 10px;
  }
  .wpbdp-listing-excerpt .vc_column-inner {
    padding-right: 0;
  }
  .wpbdp-listing-excerpt.odd .vc_column-inner {
    padding-left: 0;
  }

  .itinerary-shortcode .full-info,
  .topic-shortcode .full-info {
    top: 0 !important;
  }
  .itinerary-shortcode .full-info p,
  .topic-shortcode .full-info p {
    margin-bottom: 0;
  }
  .itinerary-shortcode .full-info,
  .topic-shortcode .full-info {
    left: 7px;
    top: 150px !important;
    width: 96% !important;
  }
  .itineraries.large-up-2>.columns:last-child {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .itinerary-archive {
    margin-bottom: 20px;
  }
  .itinerary-archive h3 {
    line-height: 24px;
    margin-bottom: 3px;
  }
  .itinerary-shortcode.itinerary-img,
  .topic-shortcode.topic-img {
    height: 215px !important;
    margin-bottom: 200px;
  }
  section.entry-content {
    padding-left: 0;
    padding-right: 0;
  }

  #front-page .hero-image .hero-title span {
    padding: 0;
  }
  .downloadables h3 {
    line-height: 22px;
    font-size: 18px;
    letter-spacing: 0px;
  }
  ul.downloads li {
    line-height: 26px;
    font-size: 14px;
  }
  .button.hollow.secondary {
    border: 1px solid #DF542A;
    color: #fff;
    background: #DF542A;
    width: 100%;
    margin-bottom: 10px;
  }
  .button.hollow {
    margin-top: 10px;
    margin-bottom: 0;
  }
  .post-type-archive-tribe_events #main,
  .page-template-template-itineraries-archive #main {
    padding: 0 !important;
  }
  #tribe-events-content h2 a {
    color: #4DB7A2;
  }
  .tribe-event-schedule-details {
    padding: 12px 0;
  }
  #tribe-bar-form {
    display: none;
  }
  .email-card .recipient {
    font-size: 14px;
    letter-spacing: 0;
  }
  .single-itineraries {

  }
  .blue-box {
    background: rgba(60, 154, 185, 1);
    padding: 0 20px 5px;
    color: #fff;
  }
  .blue-box h3 {
    letter-spacing: 1px;
  }
  .blue-box h3,
  .blue-box p {
    line-height: 22px;
  }
  .blue-box h3 a {
    color: #fff !important;
  }
  .blue-box .button {
    background: #4DB7A2 !important;
    border: 1px solid #fff;
    color: #fff !important;
    font-family: "Raleway", arial, sans-serif;
    font-weight: 700;
    letter-spacing: 1px;
    font-size: 14px;
    padding: 0.5em 2.5em;
  }

  .menu>li:not(.menu-text)>a {
    display: block;
    padding: .7rem;
    line-height: 1;
  }
  form#search_form {
    padding: 5px;
  }
  #search_form [type=text] {
    width: 90%;
  }
  #front-page .front-title {
    width: 100%;
    top: 0;
    color: #000;
    position: relative;
  }
  #front-page .front-title span {
    font-size: 26px;
    /* font-size: 18px; */
    /* letter-spacing: 2px; */
    line-height: 28px;
    color: #4DB7A2;
  }
  .front-slider .slick-slide {
    height: auto;
  }















}


/* STICKY NAV
header {
    width: 100%;
    z-index:1000;
    -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    -ms-transition: height 0.3s;
    -o-transition: height 0.3s;
    transition: height 0.3s;
}

header img {
    display: inline-block;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

#top-bar-menu .top-bar-right a {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

header.smaller {
    height: 75px;
}

header.smaller img {
        height: 40px;
        line-height: 40px;
        font-size: 30px;
}

.header .top-bar-left {
    padding-top: 5px;
}

header.smaller #top-bar-menu .top-bar-right {
    margin-top: 15px;
}

header.smaller nav li {
  line-height: 75px;
  padding-bottom: 200px;
}


/*USA PAGE*/
.page-id-5190 .layer {
    background-color: rgba(0, 0, 0, 0.05);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}