/* Default is inherited by all > 740px AND by IE 7 and 8 */

/* MWL STYLE GUIDE */
h1 {
    font-size: 30px;
}

#mobile-if-visible-test {
    display: none;
    visibility: hidden;
}

/* SHOW/HIDE based on current Responsive Layout */
#block-dart-dart-tag-leaderboard {
    display: block;
    visibility: visible;
}

#block-dart-dart-tag-mobile-banner { /* Mobile ad block */
    display: none;
    visibility: hidden;
}

#block-views-content-page-link-list-block { /* Static links block */
    display: block;
}

#region-sidebar-second {
    display: block;
}

#block-dart-dart-tag-square-above-fold {
    visibility: visible;
}

#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 */
    min-height: 250px;
}

#zone-postscript-wrapper {
    display: block;
}

#region-footer-second {
    display: block;
}


/* Adjust grid for Tablet Narrow */
/* default right sidebar isn't wide enough for ad so need to adjust grid sizes */
#zone-content.container-16 .grid-10,
#zone-content.container-16 .grid-11 { /* change to grid-9 equivalent */
    width: 404px;
}

#zone-content.container-16 .grid-5 { /* change to grid-7 equivalent */
    width: 300px; /* actual grid-7 is 312px, but avoiding need to center */
}

#zone-footer.container-16 .grid-14 { /* change to fixed-width to prevent region-footer-second from wrapping */
    width: 416px;
}
#zone-footer.container-16 .grid-2 { /* change to fixed width */
    width: 300px;
}

/* Adjust homepage for 50% width left col */
.panel-threecol-bricks .two-col-right-stretch .panel-col-first,
.panel-threecol-bricks .two-col-right-stretch .panel-col-last,
.panel-threecol-bricks .three-col .panel-col-first,
.panel-threecol-bricks .three-col .panel-col-center,
.panel-threecol-bricks .three-col .panel-col-last {
    float: left;
}

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

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

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

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

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

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

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


/* DESIGN STYLING FROM PSDs */
#zone-branding-wrapper { /* override mobile settings */
    padding: 0;
}

#zone-branding {
    position: relative; /* fix for Firefox so left property can be specified for logo region */
}

#region-branding-first {
    position: absolute;
    left: 0;
}

#region-branding-first #block-delta-blocks-logo {
    margin-top: 8px;
}

#region-branding-first img {
    height: 48px;
}

#zone-menu-wrapper {
    border-top-width: 1px;
}

#region-menu-third {
    text-align: right;
    width: 245px;
    padding-top: 14px;
    margin-right: 20px;
}

#block-search-form .form-text {
    height: 34px;
}

#region-menu-third .form-type-textfield {
    display: inline !important; /* potentially overriding jQuery inline style set by mwl_theme.js */
}

#block-search-form .form-actions input {
    width: 32px;
    height: 32px;
    padding-right: 0;
    padding-left: 0;
    margin-left: -4px;
}

#region-menu-third .form-submit {
    border: 1px solid #b74518;
    background-color: #c95526;
    background-image: -webkit-gradient(linear, left bottom, left top,
                        color-stop(0.00, #c95526), color-stop(1.00, #e3612d));
    background-image: -webkit-linear-gradient(bottom, #c95526 0%, #e3612d 100%);
    background-image:    -moz-linear-gradient(bottom, #c95526 0%, #e3612d 100%);
    background-image:     -ms-linear-gradient(bottom, #c95526 0%, #e3612d 100%);
    background-image:      -o-linear-gradient(bottom, #c95526 0%, #e3612d 100%);
    background-image:         linear-gradient(bottom, #c95526 0%, #e3612d 100%);
}

#region-menu-third .form-submit:hover {
    border: 1px solid #b74518;
    background-color: #e3612d;
    background-image: -webkit-gradient(linear, left bottom, left top,
                        color-stop(0.00, #e3612d), color-stop(1.00, #c95526));
    background-image: -webkit-linear-gradient(bottom, #e3612d 0%, #c95526 100%);
    background-image:    -moz-linear-gradient(bottom, #e3612d 0%, #c95526 100%);
    background-image:     -ms-linear-gradient(bottom, #e3612d 0%, #c95526 100%);
    background-image:      -o-linear-gradient(bottom, #e3612d 0%, #c95526 100%);
    background-image:         linear-gradient(bottom, #e3612d 0%, #c95526 100%);
}

#zone-menu-wrapper {
    height: 58px;
}

#region-menu-second { /* overriding Omega grid so it displays like mobile does */
    float: none;
    display: block;
    width: auto;
    margin-left: 230px;
    margin-right: 265px;
}

#region-menu-second .block h2 {
    height: 58px;
    line-height: 58px;
    font-size: 17px;
    border-right: 2px solid #E4DBDC;
}

#region-menu-second #block-block-9 h2 {
    border-left: 2px solid #E4DBDC;
}

#zone-top-ad {
    text-align: center;
    padding-top: 8px;
}

#region-ad {
    margin: 0;
}

#region-ad .region-inner {
    width: auto;
    min-width: 728px;
    margin: 0 auto;
}

.wg_img, .wg_slide_cap_credit {
    width: 411px; /* add width in so it can wrap */
    max-width: 100%;
}

#region-content iframe.google-calendar { /* make responsive */
    width: 400px; /* won't support 100% on iPad and iPhones so have to use fixed size :( */
}

/* Story styling */
.node-type-travel-review .node-travel-review .field-name-field-review-photos,
.node-type-story .node-story .field-name-field-photos {
    width: 175px;
    float: left;
    margin-bottom: 10px;
    margin-right: 10px;
}

.node-story .wg_slide_cap_credit {
    width: 155px; /* override slideshow sizing for caption widths, subtract extra 20px for 10px padding */
}

.node-type-travel-review .node-travel-review .field-name-field-review-photos .field-item,
.node-type-story .node-story .field-name-field-photos .field-item .story-enlarge-link-text,
.node-type-story .node-story .field-name-field-photos .field-item .wg_slide_cap_credit {
    text-align: left;
}

.story-enlarge-link-text {
    display: block; /* hide enlarge link button for mobile */
}

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

#block-views-slideshow-view-all .views-row-last,
#block-views-meredith-slideshow-view-all .views-row-last {
  margin-right: 0;
}

#block-views-slideshow-view-all .views-field-field-slide-image,
#block-views-meredith-slideshow-view-all .views-field-field-slide-image {
    float: none;
    margin-right: 0;
    margin-bottom: 3px;
}

#block-views-slideshow-view-all .views-field-field-slide-image img,
#block-views-meredith-slideshow-view-all .views-field-field-slide-image img {
    max-width: 100%;
    width: auto !important;
    height: auto !important;
}
#gigya-sharebar-horz { /* space from left side */
    margin-right: 0;
    margin-left: 25px;
}

#gigya-sharebar-horz div.gig-button-container {
    padding: 0;
}

#gigya-sharebar-horz .gig-button-container-google-plusone,
#gigya-sharebar-horz .gig-button-container-email {
    display: block; /* show Google+ and email on non-mobile since wide enough */
}

/* set min heights and widths so they don't "bump" down/over as they load */
#gigya-sharebar-vert .gig-button-container-facebook-like {
    min-height: 70px;
}
#gigya-sharebar-horz .gig-button-container-facebook-like {
    min-width: 95px;
}
#gigya-sharebar-vert .gig-button-container-google-plusone {
    min-height: 65px;
}
#gigya-sharebar-horz .gig-button-container-google-plusone {
    min-width: 95px;
}
#gigya-sharebar-vert .gig-button-container-pinterest {
    min-height: 63px;
}
#gigya-sharebar-horz .gig-button-container-pinterest {
    min-width: 87px;
}
#gigya-sharebar-vert .gig-button-container-email {
    min-height: 30px;
}
#gigya-sharebar-horz .gig-button-container-email {
    min-width: 75px;
}
#gigya-sharebar-horz-reaction3 { /* make email button smaller */
    margin-left: 20px;
}


/* Feature Panel Slideshow */
.node ul.fp-slideshow {
    height: 321px; /* prevent height flash */
    overflow: hidden;
}

.node-homepage-feature-panel .fp-slideshow li { /* only homepage slideshow */
    float: left;
    width: 19%;
    overflow: hidden;
}

.node-homepage-feature-panel .fp-slideshow div.field-name-field-feature-panel-link a {
    display: none;
}

.fp-slideshow img {
    width: 404px;
    height: 321px;
}

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

.field-name-field-hfp-field-collection .fp-slideshow li {
    padding-left: 10px !important;
}

.field-name-field-hfp-field-collection .fp-slideshow li.first {
    padding-left: 0 !important;
}

/* Vertical and Horizontal Nodequeues */
.node-featured-content .field-name-field-fc-image img,
.view-category-nodequeue-horizontal .q_img img {
    width: 80px;
}

.view-category-nodequeue-horizontal .q_title {
    margin-left: 90px;
}

.view-category-nodequeue-horizontal .q_dek {
    margin-left: 90px;
}

.node-featured-content .field-item,
.view-category-nodequeue-horizontal.view-display-id-panel_pane_2 ul li {
    float: left;
    width: 33%;
    clear: none;
}
.node-featured-content .field-item .field-item {
    /* Unfortunately we have nested .field-item classes so need to clear these styles */
    float: none;
    width: 100%;
}
.view-category-nodequeue-horizontal.view-display-id-panel_pane_3 ul li {
    float: left;
    width: 25%;
    clear: none;
}
.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 {
    float: none;
    width: 220px;
    margin-left: 19px;
    margin-right: 0;
}
.view-category-nodequeue-horizontal.view-display-id-panel_pane_3 .q_img,
.view-category-nodequeue-horizontal.view-display-id-panel_pane_3 .q_title {
    float: none;
    width: 170px;
    margin-left: auto;
    margin-right: auto;
}
.node-featured-content .field-name-field-fc-image img,
.view-category-nodequeue-horizontal.view-display-id-panel_pane_2 .q_img img,
.view-category-nodequeue-horizontal.view-display-id-panel_pane_3 .q_img img {
    width: auto;
}
.node-featured-content .field-item {
    margin-top: 0;
}

.node-featured-content .field-name-field-fc-linked-title {
    margin-top: 0;
}

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

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

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

.profile .view-id-profile_photos .views-row,
#block-views-most-popular-photos-block-1 .views-row,
#block-views-most-popular-photos-block-2 .views-row {
    float: left;
    width: 33%;
    clear: none;
    margin-bottom: 15px;
}

/* varying heights so need to clear new rows, :nth-child(4) is more elegant, but not IE8 or IE7
   compatible so found this alternative here http://stackoverflow.com/a/8492882/1229018 */
.profile .view-id-profile_photos .views-row:first-child + div + div + div,
.profile .view-id-profile_photos .views-row:first-child + div + div + div + div + div + div,
#block-views-most-popular-photos-block-1 .views-row:first-child + div + div + div,
#block-views-most-popular-photos-block-1 .views-row:first-child + div + div + div + div + div + div,
#block-views-most-popular-photos-block-1 .views-row:first-child + div + div + div + div + div + div + div + div + div,
#block-views-most-popular-photos-block-1 .views-row:first-child + div + div + div + div + div + div + div + div + div + div + div + div {
    clear: left;
}

.profile .view-id-profile_photos .views-field-field-photo,
#block-views-most-popular-photos-block-1 .views-field-field-photo,
#block-views-most-popular-photos-block-2 .views-field-field-photo {
    float: none;
    width: 100%;
    margin-bottom: 0;
}

.profile .view-id-profile_photos .views-row-last .views-field-field-photo .field-content,
#block-views-most-popular-photos-block-1 .views-row-last .views-field-field-photo .field-content,
#block-views-most-popular-photos-block-2 .views-row-last .views-field-field-photo .field-content {
    margin-right: 0;
}

/* Sidebar Second (Right Sidebar) Styling */

#region-sidebar-second .block {
    margin-bottom: 10px;
}

#block-block-10 .connect-link img {
    width: 31px;
}

#block-block-10 .connect-link {
    float: left;
    width: 12%;
    text-align: center;
}

#block-block-10 .connect-link-label {
    padding-top: 8px;
    text-transform: lowercase;
    font-size: 11px;
}

#block-block-10 .connect-link-label a {
    color: #4B4545;
}

.block-views-top-5-block-1 h2.block-title {
    margin-bottom: 0;
}

.block-views-top-5-block-1 table {
    line-height: 30px;
    padding-left: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 15px;
    margin-bottom: 0; /* override omega-text.css */
}

.block-views-top-5-block-1 .views-field-counter {
    width: 30px;
}

.block-views-top-5-block-1 tr.even, .block-views-top-5-block-1 tr.odd {
    border-bottom-color: #f1eded;
    background-color: transparent;
}

.block-views-top-5-block-1 tr.views-row-first {
    border-top: 1px solid #f1eded;
}

/* Google Ads Styling */
#section-content {
    padding-bottom: 0;
}

#zone-postscript-wrapper {
    background-color: #faf9f6;
}

#region-postscript-first .region-inner {
    padding: 5px 16px 20px 16px;
}

#region-sidebar-second .mdpgoogleadattribution,
#region-postscript-first .mdpgoogleAttribution995 {
    text-align: right;
    font-size: 12px;
    padding-right: 10px;
}

#region-sidebar-second .mdpgoogleadattribution a,
#region-postscript-first .mdpgoogleAttribution995 a {
    color: #4b4545;
}

#region-postscript-first .mdpgoogleAd995 {
    float: left;
    width: 25%;
}

#region-sidebar-second .mdpgooglesidebarAd {
    padding-top: 10px;
    padding-bottom: 10px;
}

#region-sidebar-second .mdpgooglesidebarAd a,
#region-postscript-first .mdpgoogleAd995 a {
    color: #00869E !important;
}

#region-sidebar-second .mdpgooglesidebarAd span,
#region-postscript-first .mdpgoogleAd995 span {
    text-decoration: none !important;
}

/* Footer */
#section-footer h2 {
    /* float: left; */
    /* width: 210px; */
    /* text-align: right; */
    /* padding-right: 5px; */
}

#section-footer .block-menu .content {
    /* margin-left: 215px; */
}

#block-menu-menu-brand-licensing-partners h2 {
    height: 33px; /* space between four menus */
}

#section-footer #block-block-4 {
    padding-left: 0px; /* h2 width plus padding-right for copyright block */
    margin-top: 35px;
}

#region-footer-first .block-menu {
    padding: 0; /* override padding set for mobile only */
}

#rating-wrapper {
    float:right;
    width: 215px;
}

.node-type-recipe .recipeimg {
    position: relative;
    float: left;
    margin-right: 10px;
}

.node-type-recipe .recipeimg img {
    width: 175px;
}

.fivestar-combo-stars .form-type-fivestar .form-item,
.fivestar-combo-stars .fivestar-static-form-item {
    float: left;
}
/* recipe style guide - ends here */

.node-travel-review .rate-widget-2 {
  float: right;
}

.node-travel-review .field-name-field-review-free {
  clear: right;
  margin-top: 10px;
}

.node-travel-review .field-name-field-review-free-details {
  clear: right;
  padding-top: 10px;
}


.view-travel-review-ugc-search .views-field-path a.buttonize {
    width: 150px;
}

.fieldable-panels-pane article h2 {
  font-size: 15px;
  line-height: 20px;
}

.view-category-nodequeue-horizontal.view-display-id-panel_pane_3 .view-header {
  width: 25%;
}
.view-category-nodequeue-horizontal.view-display-id-panel_pane_3 .views-field-title {
  float: none;
  width: 170px;
  margin-left: auto;
  margin-right: auto;
}

ul.blogs-topper-links li a {
  font-size: 12px;
}

#zone-branding .logo-img {
  padding: 8px;
}
#zone-branding .logo-img a {
  width: 172px;
  height: 49px;
}

/* EDRU-993 xfile page implementation */
body.node-type-xfile #zone-branding {
  height: 55px;
}


/* Footer Mobile Menu Implementation */
#section-footer #block-search-form--2, div.connect-footer, div#div-mone-footerRight{
  display: none;
}

div#zone-footer {
  width: 100%;
}

#zone-footer.container-16 .grid-14 {
  width: 100%;
}

div#zone-prefooter-search div.connect-footer {
  display: block;
  top: 0px;
}

div#zone-prefooter-search div.connect-title{
  margin-top: 0px;
}

div#zone-prefooter-search section#block-search-form--2 {
  top: 0px;
}

/* EDRU-1286: Provide Desktop and Mobile versions for splash pages */
body.node-type-xfile #block-system-main .field-name-body #deskTopImg,
body.node-type-open-page #block-system-main .field-name-body #deskTopImg {
  display: block;
}
body.node-type-xfile #block-system-main .field-name-body #mobileImg,
body.node-type-open-page #block-system-main .field-name-body #mobileImg {
  display: none;
}

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