/* NARROW = 1220px technical, 1000px actual (design dictated) */

/* MWL STYLE GUIDE */
body {
    font-size: 14px;
}
.small,
#breadcrumb {
    font-size: 12px;
}
h1 {
    font-size: 34px;
}


/* TEMP - SHOW/HIDE */
#region-content .service-links {
    display: none;
}


/* Adjust grid for Tablet Narrow */
#zone-content.container-16 .grid-10 { /* restore */
    width: 740px;
}

#zone-content.container-16 .grid-11 { /* restore */
    width: 815px;
}

#zone-content.container-16 .grid-5 { /* restore */
    width: 365px;
}
#zone-footer.container-16 .grid-14 { /* change to fixed-width to prevent region-footer-second from wrapping plus prefix-1 so social share bar doesn't overlap */
    width: 805px;
    padding-left:5px;
}
#zone-footer.container-16 .grid-2 { /* change to fixed width */
    width:300px;
}

/* Restore homepage for 34% width left col */
.panel-threecol-bricks .three-col .panel-panel {
    width: 33%;
}

.panel-threecol-bricks .three-col .panel-col-first {
    width: 34%;
}

.panel-threecol-bricks .two-col-right-stretch .panel-col-first {
    width: 34%;
}

.panel-threecol-bricks .two-col-right-stretch .panel-col-last {
    width: 66%;
}

.panel-threecol-bricks .two-col-right-stretch .panel-col-last .inside {
  margin: 0 0 .5em 0;
}

.panel-threecol-bricks .panel-col-center .inside,
.panel-threecol-bricks .panel-col-first .inside {
  margin: 0 .5em .5em 0;
}

.panel-threecol-bricks .panel-col-top .inside,
.panel-threecol-bricks .panel-col-middle .inside {
  margin-bottom: .5em;
}
.panel-threecol-bricks .three-col .panel-col-center .inside {
    margin-right: .5em;
}
.panel-threecol-bricks .three-col .panel-col-last .inside {
    margin-left: 0;
}
/* END Adjust grid for Tablet Narrow */


/* DESIGN STYLING FROM PSDs */
#zone-top-menu-wrapper #block-menu-menu-travel-menu ul.menu li {
    padding: 0 1.60em; /* 1.65em caused wrapping on Samsung Galaxy - which apparently renders wide, not normal! See EMLT-93 */
}

#zone-branding-wrapper {
    margin-top: 8px;
}

#region-branding-first {
    position: relative; /* override narrow/default */
}

#zone-branding #hptoprollover {
    margin-top: 20px;
}

#zone-branding-wrapper #block-block-1 { /* wide top login block links */
    margin-top: 17px;
}

#zone-branding #block-delta-blocks-logo img {
    width: 365px;
}

#zone-branding .block {
    margin-top: 10px;
}

#zone-branding #region-branding-third .block {
    text-align: left;
    margin-left: -4px;
}

#block-search-form {
    z-index: auto;
}

#block-search-form .form-text {
    height: 44px;
    width: 320px !important;
}

#block-search-form .form-actions input {
    width: 42px;
    height: 42px;
}

#zone-menu-wrapper {
    height: auto; /* override narrow/default */
}

#region-menu-second { /* override mobile/narrow/default */
    margin-left: 5px;
    margin-right: 5px;
}

ul.nice-menu {
    font-size: 18px;
}

ul.nice-menu-down .menuparent a,
ul.nice-menu li a {
    padding: 0 38px;
}

#region-menu-third {
    padding-top: 0; /* override narrow/default */
    width: 365px; /* restore */
    margin-top: -90px; /* override normal */
}

#region-submenu ul li a {
    font-size: 16px;
}

#region-ad {
    width: 100%; /* override wide grid 1180px default */
}

#region-content iframe.google-calendar { /* make responsive */
    width: 100%;
}

/* Feature Panel Slideshow */
.fp-slideshow img { /* default was overriding normal for some reason */
    width: 440px;
    height: 350px;
}

.node-channel-feature-panel .fp-slideshow li { /* only channel slideshow */
    width: 176px;
}

.node-homepage-feature-panel .fp-slideshow li { /* only homepage slideshow */
    width: 229px;
}

.field-name-field-hfp-field-collection .fp-slideshow img {
    width: 550px;
    height: 390px;
}

/* Sidebar Social Media etc. Buttons Styling */
.show-vertical-gigya #region-content.sticky,
.show-vertical-gigya #region-sidebar-second.sticky {
    left: 75px; /* keep #region-sidebar-first column, otherwise content shifts over */
}
#region-sidebar-first #block-gigya-sharebar-blocks-gigya-sharebar-blocks-vert {
    margin-left: 7px; /* centering gigya sidebar links */
}
#region-sidebar-first #block-print-print-links {
    margin-left: 7px; /* centering gigya sidebar links */
}

#region-content {
    /* margin-left: 70px;
    width: 610px; 1000px - 40px (pg width + margins) - 300px (sidebar second) - 50px (sidebar first) */
}

/* Story styling */
.node-type-travel-review .node-travel-review .field-name-field-review-photos,
.node-type-story .node-story .field-name-field-photos {
    width: 335px;
}

.node-type-travel-review .node-travel-review .field-name-field-review-photos .views-field-field-review-fc-caption,
.node-story .wg_slide_cap_credit {
    width: 315px; /* override slideshow sizing for caption widths, subtract extra 20px for 10px padding */
}

/* Slideshow */
.wg_img, .wg_slide_cap_credit {
    width: 435px;
}
#block-views-slideshow-slide .views-field-field-slide-link .item-list ul,
#block-views-meredith-slideshow-slide .views-field-field-slide-link .item-list ul {
    margin-left: 435px;
}

/* View all slides section */
#block-views-slideshow-view-all .views-row,
#block-views-meredith-slideshow-view-all .views-row {
    width: 140px;
    height: 195px; /* this way no need to set clear left on new rows */
    margin-left: 19px;
    margin-right: 19px;
}

/* Sidebar Second Centering Code */
#region-sidebar-second div[id^="block-meredith-karma"],
#region-sidebar-second .block-imageblock {
    background-color: #faf9f6;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}

#quicktabs-social_media_feeds #quicktabs-container-social_media_feeds #fb-activity-feed-iframe {
    width: 358px !important;
}

/* Landing Pages - make responsive */
.node-featured-content .field-name-field-fc-image,
.node-featured-content .field-name-field-fc-linked-title,
.node-featured-content .field-name-field-fc-desc,
.view-category-nodequeue-horizontal .q_img,
.view-category-nodequeue-horizontal .q_title,
.view-category-nodequeue-horizontal .q_dek {
    float: none;
    width: 220px;
    margin-left: 10px;
}

.node-featured-content .field-name-field-fc-image,
.node-featured-content .field-name-field-fc-linked-title,
.node-featured-content .field-name-field-fc-desc  {
    margin-left: 20px;
}

.node-featured-content .field-name-field-fc-image,
.node-featured-content .field-name-field-fc-linked-title,
.node-featured-content .field-name-field-fc-desc,
.view-category-nodequeue-horizontal.view-display-id-panel_pane_2 .q_img,
.view-category-nodequeue-horizontal.view-display-id-panel_pane_2 .q_title,
.view-category-nodequeue-horizontal.view-display-id-panel_pane_2 .q_dek { /* Homepage wide 3 queue */
    float: none;
    width: 350px;
}

.view-category-nodequeue-horizontal.view-display-id-panel_pane_3 .q_title,
.view-category-nodequeue-horizontal.view-display-id-panel_pane_3 .q_img { /* homepage 4-wide */
    float: none;
    width: 245px;
}

.node-featured-content .field-name-field-fc-image img,
.view-category-nodequeue-horizontal .q_img img {
    width: auto;
}

/* Travel page open page directory */
#node-panel-13843 .node-open-page .field-item div {
    float: left;
    width: 25%;
}
#node-panel-13843 .node-open-page .field-item div.col-1 {
    clear: both;
}
#node-panel-13843 .node-open-page .field-item div.col-3 {
    clear: none;
}

/* Fix for EDRU-36 - Move story format caption/credits below photo */
.node-type-story .node-story .field-name-field-photos .wg_slide_cap_credit,
#flexslider_views_slideshow_main_story_images-slideshow .views-field-field-caption,
#flexslider_views_slideshow_main_travel_review_photos_slideshow-slideshow .views-field-field-catpion,
.node-recipe .story-enlarge-link-text { /* make story photo captions overlap cuz it's pretty cool looking but covers too much of the picture on anything besides wide :) */
    position: static !important;
    bottom: 0;
    background-color: #f7f6f4 !important;
}

/* MWL Photo Gallery and Photo Pages STYLE GUIDE STARTS HERE */
/* MAIN PHOTO GALLERY PAGE - /photos */
#block-block-6 a.buttonize {
    width: 150px;
}

#block-views-a71ac6653247d3da76e575d3dba88bbf { /* Browse Categories jump menu */
    left: 180px;
}

.view-gallery-category-jump-menu select {
    width: 240px;
}

.pane-meredith-karma-square-fixed-2 {
  padding: 16px 12px;
}

#block-meredith-karma-square-fixed-2 .content, /* equiv to #dfp-ad-div_gpt_rightbannerlower-wrapper */
.pane-meredith-karma-square-fixed-2 .pane-content {/* equiv to #dfp-ad-div_gpt_rightbannerlower-wrapper */
    width: 45%;
    background-color: #FAF9F6;
    text-align: center;
}

#region-content #block-reviews-geo-reviews-near-you,
#block-views-content-page-link-list-block { /* Static links block */
    margin-left: 350px;
}

#block-views-photo-related-tag-cloud-block {
    width: 50%;
}

#block-views-photo-gallery-featured-block .views-field-field-photo img {
    margin: 0 auto;
}

#block-views-exp-sub-photo-galleries-page-7 #edit-field-photo-caption-value {
    width: 240px;
}


/* End Landing Pages */

#rating-wrapper {
    width: 390px;
}

.node-type-recipe .recipeimg {
    margin-right: 20px;
    margin-bottom: 40px;
    width: 300px;
}

.node-type-recipe .recipeimg img {
    width: 100%;
}

#rating-wrapper .fivestar-static-form-item {
    float: right;
    height: 60px;
    padding-left: 30px;
    padding-top: 15px;
    border-left: 1px solid #F1EDEE;
}
/* EDRU-32 Allow search results below recipe results to display higher on page*/
.recipe_search_finder .box {
  /*height:auto !important;*/
}
  /* recipe style guide - ends here */

/* Node specific styling */
#node-open-page-14185 .mwl-travel-guide:first-child + div + div,
#node-open-page-14185 .mwl-travel-guide:first-child + div + div + div + div {
    clear: none;
}

#node-open-page-14185 .mwl-travel-guide:first-child + div + div + div {
    clear: left;
}

.profile #manage-account .user-profile-category dd { /* float "manage account" buttons */
  float: left;
  margin-right: 10px;
}

.node-travel-review .field-name-field-review-free {
  clear: none;
  margin-top: 0;
}

.node-travel-review .field-name-field-review-free-details {
  clear: none;
  padding-top: 0;
}

.view-category-nodequeue-horizontal.view-display-id-panel_pane_3 .views-field-title {
  float: none;
  width: 245px;
}
#region-branding-second,
#region-branding-third {
    top: -10px;
}
#zone-branding .logo-img a {
  width: 365px;
  height: 105px;
}
#zone-branding .logo-img {
  padding: 0px;
  margin-top: 8px;
}

div.connect-link-circle-google {
  clear: none;
}

#zone-footer .block-search input.form-text {
  width: 82%;
}

/* mobile menu restyling */
#section-footer .block-menu .content {
  display: block;
}

/* EDRU-1289 - fixes search box positioning */
#region-menu-third section#block-search-form {
  position: relative;
  top: 20px;
  right: 0px;
}

#zone-branding #region-branding-third .block {
  position: relative;
  top: 13px;
  z-index: 50;
}

/* EDRU-1305 - fixes nodeque spacing issues with content */
.view-tags-content-list div.views-row {
  clear: initial;
  padding-bottom: 60px;
}

#mod_instagram_feed .instagram_item {
  width: 23%;
}
#mod_instagram_feed .instagram_item:nth-child(4n) {
  clear: none;
}
#mod_instagram_feed .instagram_item:nth-child(5n) {
  clear: left;
}
#mod_instagram_feed .instagram_item:nth-of-type(n+7) {
  display: block;
}
#instagram_feed_links {
  max-width: 586px;
}

/* EDRU-3877 - Instagram Social Feed Panel Styling */
.panel-pane.pane-instagram-pane {
  height: 450px;
}

li.social-feed-item,
li.social-feed-item img {
  width: 150px;
  height: 150px;
}

.social-feed-item {
  margin-right: 35px;
  margin-bottom: 35px;
}

a.social-feed-link {
  margin-right: 7%;
}