/* SKIP NAV */
/* FORM VALIDATION */
/* FORM VALIDATION */
/*BB*/
/* Page */
/* Text */
/* Shadows */
/* Focus State */
/* Hero */
/* Tooltip */
/* Jumplinks */
/* XHTML */
/*Content Banner Image*/
/* Skip Nav */
/*Search Result*/
/* Breadcrumb */
/*Clickable content card*/
/* ONSALE FILTER*/
/* Deals Ratings */
/* Jet UI Deal card */
/*Jet UI onsale filter*/
/*Direct CHeckout Departure Dates*/
/*Hero styling*/
/*Transparent white*/
/*Coral*/
/*blue*/
/*red*/
/* Page */
/* Text */
/* Shadows */
/* Focus State */
/* Hero */
/* Tooltip */
/* Jumplinks */
/* XHTML */
/*Content Banner Image*/
/* Skip Nav */
/*Search Result*/
/* Breadcrumb */
/*Clickable content card*/
/* ONSALE FILTER*/
/* Deals Ratings */
/*Jet UI onsale filter*/
/*CarryOn Blog*/
/*-------------------------PAGE PARAMETERES-------------------------*/
/*-------------------------PADDING-------------------------*/
/*-------------------------MARGIN-------------------------*/
/*-------------------------BORDER RADIUS-------------------------*/
/*-------------------------TRANSITIONS-------------------------*/
/*-------------------------TYPOGRAPHY-------------------------*/
/* Hero */
/*Search Results*/
/* Email Toaster*/
/*-------------------------Text Constants--------------------------*/
/*-------------------------LINKS--------------------------*/
/*-------------------------PRIMARY BUTTONS-------------------------*/
/*-------------------------SECONDARY BUTTONS FOR DARK BACKGROUNDS-------------------------*/
/*-------------------------SECONDARY BUTTONS-------------------------*/
/*-------------------------block-buttontext-------------------------*/
/*-------------------------Disabled Buttons-------------------------*/
/*------------Deal Card-------------*/
/* show more */
/*Expandable Btns*/
/*-------------------------BOX HEADINGS-------------------------*/
/* SKIP NAV */
/* Error Page */
/* Res tool */
/* Blocks */
/* Breadcrumb */
/* Advisories */
/* Dropdown Vertical Filter */
/* Deal Card List Block */
/*Image Text Block*/
/*Ratings*/
/* Trip Advisor */
/* Block Main Div */
/* DDL Page Deal Card*/
/* Deals Price Sufix */
/* Homepage */
/* Promos */
/* FORMS */
/* Full Content Width */
/* DROPDOWN */
/* EMAIL TOAST */
/* FORM VALIDATION */
/*buttons*/
/* VALUE PROP */
/*Deal Cards*/
/* DDL PAGE */
/* ONSALE FINDER */
/*ended here*/
/* FULL CONTENT PAGE */
/*XHTML Block*/
/* ONSALE FILTER */
/* ALL INCLUSIVE PAGE */
/*-----------------Hotel Details Page -----------------------*/
/*------------------Hotel Details Page View 2---------------------*/
/*-----coop------*/
/*-----Search Result Page------*/
/*Slider Arrows*/
/*Pop Over*/
/* Display Popover for departure dates on desktop */
/*Content Card*/
/*JumpLinks Block*/
/*Clickable Card List*/
/*Rating Reviews*/
/*Link Underline*/
/*Clickable content card*/
/*full hover content card*/
/*half hover content card*/
/*Partner Logo*/
/* Header */
/* Email Toaster*/
/*Clickable Content Card*/
/*Jet UI onsale filter*/
/* Blog*/
/* EMAIL TOAST */
/* Breadcrumb */
/* Advisories */
/* VALUE PROP */
/* FORM VALIDATION */
/* ONSALE FILTER */
/*Start Page*/
/* ONSALE FINDER */
/* HOME PAGE */
/*HOTEL DETAILS PAGE*/
/*Hero Slider*/
/* HOTEL LANDING PAGE */
/* MOBILE */
/* DDL PAGE */
/* DDL Page Deal Card*/
/*Content Card*/
/* BUTTONS */
/*Search*/
/*JumpLinks Block*/
/*Full content Page*/
/*Link Underline*/
/* Header */
/*Clickable Content Card*/
/*CarryOn Blog*/
/*Hero block*/
/*CarryOn Blog*/
/*BB*/
/* Page */
/* Text */
/* Shadows */
/* Focus State */
/* Hero */
/* Tooltip */
/* Jumplinks */
/* XHTML */
/*Content Banner Image*/
/* Skip Nav */
/*Search Result*/
/* Breadcrumb */
/*Clickable content card*/
/* ONSALE FILTER*/
/* Deals Ratings */
/* Jet UI Deal card */
/*Jet UI onsale filter*/
/*Direct CHeckout Departure Dates*/
/*Hero styling*/
/*Transparent white*/
/*Coral*/
/*blue*/
/*red*/
/* Page */
/* Text */
/* Shadows */
/* Focus State */
/* Hero */
/* Tooltip */
/* Jumplinks */
/* XHTML */
/*Content Banner Image*/
/* Skip Nav */
/*Search Result*/
/* Breadcrumb */
/*Clickable content card*/
/* ONSALE FILTER*/
/* Deals Ratings */
/*Jet UI onsale filter*/
/*CarryOn Blog*/
/*-------------------------TYPOGRAPHY-------------------------*/
/* Hero */
/*Search Results*/
/* Email Toaster*/
@import url("https://fonts.googleapis.com/css?family=Playfair+Display:400,700,100");
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,700,100");
body {
  padding: 0;
  margin: 0; }
  body ul, body ol {
    padding: 0;
    margin: 0; }
  body li, body a {
    list-style-type: none;
    text-decoration: none; }
  body .accessibility-main-messaging, body .skip-main {
    background-color: rgba(5, 13, 41, 0.9);
    border-radius: 0 0 3px 3px;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    left: 5px;
    padding: 6px;
    position: absolute;
    top: -50px;
    transition: top 1s ease-out 0s, background 1s linear 0s;
    z-index: 100; }
    body .accessibility-main-messaging:focus, body .skip-main:focus {
      transition: top 0.1s ease-in 0s, background 0.5s linear 0s;
      top: 0;
      border-left: 1px solid #ffffff;
      border-bottom: 1px solid #ffffff;
      border-right: 1px solid #ffffff; }
  body #btnBackToTop {
    position: fixed;
    bottom: 8em;
    right: 25px;
    font-size: 12px;
    padding: 12px 15px;
    border-radius: 50%;
    text-align: center;
    background-color: rgba(235, 235, 235, 0.8);
    transition: background 0.25s linear; }
    body #btnBackToTop i {
      color: #000; }
    body #btnBackToTop:hover, body #btnBackToTop:focus {
      background-color: rgba(135, 135, 135, 0.5); }
  body header {
    min-width: 200px;
    background-color: #ffffff; }
    body header .topBar {
      background-color: #0059a3; }
      body header .topBar nav {
        display: flex;
        margin: 0 auto;
        max-width: 1170px;
        min-width: 200px;
        justify-content: space-between;
        padding: 10px 0; }
        body header .topBar nav a {
          display: flex;
          align-items: center; }
          body header .topBar nav a .topBarLogo {
            width: 20%; }
        body header .topBar nav .topBarList {
          display: flex;
          padding-top: 5px;
          margin: 0 10px 10px 10px; }
          body header .topBar nav .topBarList .listItem {
            padding-left: 3px;
            text-transform: uppercase;
            letter-spacing: .25px;
            font-size: 12.5px;
            font-weight: 700;
            font-family: "Open Sans";
            color: #f0f0f0; }
    body header .logoContainer {
      display: flex;
      margin: 0 auto;
      max-width: 1170px;
      min-width: 200px;
      justify-content: center;
      padding: 20px 0; }
      body header .logoContainer a {
        display: flex;
        margin: 0 auto;
        max-width: 1170px;
        min-width: 200px;
        justify-content: center; }
        body header .logoContainer a .headerLogo {
          width: 50%; }
    body header .topNav {
      border-bottom: 1px solid rgba(0, 0, 0, 0.09); }
      body header .topNav .menuItems {
        display: flex;
        margin: 0 auto;
        max-width: 1170px;
        min-width: 200px;
        justify-content: center;
        border-top: 1px solid rgba(0, 0, 0, 0.09); }
        body header .topNav .menuItems .menuItem {
          padding: 20px 15px 15px 15px;
          position: relative; }
          body header .topNav .menuItems .menuItem ::before {
            height: 15px;
            display: block;
            width: 1px;
            content: " ";
            right: 0;
            position: absolute;
            border-right: 1px dotted rgba(0, 0, 0, 0.1); }
          body header .topNav .menuItems .menuItem a {
            text-transform: uppercase;
            letter-spacing: .25px;
            font-size: 12.5px;
            font-weight: 700;
            font-family: "Open Sans";
            color: #474747;
            padding-bottom: 13px; }
            body header .topNav .menuItems .menuItem a:hover {
              border-bottom: 3px solid #0059a3;
              color: #0059a3; }
        body header .topNav .menuItems .active a {
          border-bottom: 3px solid #0059a3; }
  @media screen and (max-width: 768px) {
    body .menuItem {
      display: none; } }
  @media screen and (max-width: 727px) {
    body .listItem,
    body .topBar {
      display: none; } }

body footer {
  font-family: "Open Sans";
  font-size: 13px;
  line-height: 20px;
  letter-spacing: 0.25px;
  min-width: 200px;
  background-color: #ffffff; }
  body footer .bottomNav {
    background-color: #0059a3; }
    body footer .bottomNav .jumplinksblock-container {
      padding: 0; }
      body footer .bottomNav .jumplinksblock-container .jumplinks-container {
        display: flex;
        margin: 0 auto;
        max-width: 1170px;
        min-width: 200px;
        justify-content: center;
        flex-wrap: wrap;
        flex-direction: row; }
        body footer .bottomNav .jumplinksblock-container .jumplinks-container .jumpLink {
          display: flex;
          align-items: center;
          padding: 20px 15px 20px 15px;
          margin: 0; }
          body footer .bottomNav .jumplinksblock-container .jumplinks-container .jumpLink .jumpLinkIcon {
            position: relative;
            width: 14px;
            height: 14px;
            z-index: 1;
            border-bottom: none;
            padding-bottom: 0;
            margin-right: 0; }
            body footer .bottomNav .jumplinksblock-container .jumplinks-container .jumpLink .jumpLinkIcon svg {
              width: 100%;
              height: 100%;
              fill: #ffffff; }
              body footer .bottomNav .jumplinksblock-container .jumplinks-container .jumpLink .jumpLinkIcon svg path {
                fill: #ffffff !important; }
            body footer .bottomNav .jumplinksblock-container .jumplinks-container .jumpLink .jumpLinkIcon::before {
              background: rgba(213, 213, 213, 0.2);
              content: '';
              top: -5px;
              left: -6px;
              position: absolute;
              width: 25px;
              height: 25px;
              display: block;
              transform: rotate(45deg);
              transition: all .25s linear;
              z-index: -1; }
          body footer .bottomNav .jumplinksblock-container .jumplinks-container .jumpLink .jumpLinkText {
            margin-left: 15px;
            font-size: 14px;
            color: #efefef;
            font-weight: normal;
            font-family: "Open Sans";
            border-bottom: none;
            padding-bottom: 0;
            text-transform: capitalize; }
            body footer .bottomNav .jumplinksblock-container .jumplinks-container .jumpLink .jumpLinkText::after {
              content: none; }
          body footer .bottomNav .jumplinksblock-container .jumplinks-container .jumpLink:hover {
            padding-bottom: 20px; }
        body footer .bottomNav .jumplinksblock-container .jumplinks-container :nth-child(1):hover .jumpLinkIcon::before {
          background-color: #3660A5;
          transform: rotate(0deg); }
        body footer .bottomNav .jumplinksblock-container .jumplinks-container :nth-child(2):hover .jumpLinkIcon::before {
          transform: rotate(0deg);
          background-color: #1BB6EC; }
        body footer .bottomNav .jumplinksblock-container .jumplinks-container :nth-child(3):hover .jumpLinkIcon::before {
          transform: rotate(0deg);
          background-color: #CC2127; }
        body footer .bottomNav .jumplinksblock-container .jumplinks-container :nth-child(4) .jumpLinkIcon img {
          width: 100%;
          height: 100%; }
        body footer .bottomNav .jumplinksblock-container .jumplinks-container :nth-child(4):hover .jumpLinkIcon::before {
          transform: rotate(0deg);
          background-color: #CC181E; }
        body footer .bottomNav .jumplinksblock-container .jumplinks-container :nth-child(5):hover .jumpLinkIcon::before {
          transform: rotate(0deg);
          background-color: #854E3A; }
  body footer .sponsorSection {
    display: flex;
    margin: 0 auto;
    max-width: 1170px;
    min-width: 200px;
    flex-wrap: wrap;
    padding: 40px 0 30px;
    width: 100%;
    min-width: 200px; }
    body footer .sponsorSection .contentContainer {
      width: calc(50% - 20px);
      margin: 20px 10px;
      min-width: 200px; }
      body footer .sponsorSection .contentContainer .containerTitle {
        padding-bottom: 10px;
        border-bottom: 1px dotted rgba(0, 0, 0, 0.1);
        font-family: "Playfair Display";
        font-weight: normal;
        font-style: normal;
        font-size: 20px; }
        @media screen and (max-width: 768px) {
          body footer .sponsorSection .contentContainer .containerTitle {
            font-size: 18px;
            line-height: 20px; } }
      body footer .sponsorSection .contentContainer a {
        margin-bottom: 10px; }
      body footer .sponsorSection .contentContainer .siteDescription {
        color: #777; }
        body footer .sponsorSection .contentContainer .siteDescription .siteLink {
          color: #000000; }
          body footer .sponsorSection .contentContainer .siteDescription .siteLink:hover {
            color: #0059a3; }
      body footer .sponsorSection .contentContainer .content-container {
        width: 100%; }
        body footer .sponsorSection .contentContainer .content-container .slick-arrow {
          display: none !important; }
        body footer .sponsorSection .contentContainer .content-container .slick-list {
          padding: 0 !important;
          box-shadow: 0 1px 5px 0 #4a4a4a; }
          body footer .sponsorSection .contentContainer .content-container .slick-list .slick-track {
            display: flex; }
            body footer .sponsorSection .contentContainer .content-container .slick-list .slick-track .slick-slide {
              width: 100% !important; }
              body footer .sponsorSection .contentContainer .content-container .slick-list .slick-track .slick-slide .blog-item-image-container {
                position: relative;
                padding-top: 150px;
                height: 100%;
                max-height: 100%; }
                body footer .sponsorSection .contentContainer .content-container .slick-list .slick-track .slick-slide .blog-item-image-container img {
                  width: 100%;
                  position: absolute;
                  top: 0;
                  bottom: 0;
                  height: 100%;
                  object-fit: cover;
                  max-height: 100%; }
              body footer .sponsorSection .contentContainer .content-container .slick-list .slick-track .slick-slide .blog-content {
                display: none; }
        body footer .sponsorSection .contentContainer .content-container .slick-dots {
          bottom: -40px; }
          body footer .sponsorSection .contentContainer .content-container .slick-dots li {
            background: url(/EPiServer/CMS/Content/siteassets/admin/images/bullets.png) no-repeat;
            text-indent: -9999px; }
          body footer .sponsorSection .contentContainer .content-container .slick-dots .slick-active {
            background-position: 0 -22px; }
  body footer .copyrightContainer {
    background-color: black; }
    body footer .copyrightContainer p {
      color: white;
      text-align: center;
      padding: 15px 0;
      margin: 0; }

@media screen and (max-width: 768px) {
  body .contentContainer {
    flex: 50%; } }

/* SKIP NAV */
/* FORM VALIDATION */
/* FORM VALIDATION */
/*BB*/
/* Page */
/* Text */
/* Shadows */
/* Focus State */
/* Hero */
/* Tooltip */
/* Jumplinks */
/* XHTML */
/*Content Banner Image*/
/* Skip Nav */
/*Search Result*/
/* Breadcrumb */
/*Clickable content card*/
/* ONSALE FILTER*/
/* Deals Ratings */
/* Jet UI Deal card */
/*Jet UI onsale filter*/
/*Direct CHeckout Departure Dates*/
/*Hero styling*/
/*Transparent white*/
/*Coral*/
/*blue*/
/*red*/
/* Page */
/* Text */
/* Shadows */
/* Focus State */
/* Hero */
/* Tooltip */
/* Jumplinks */
/* XHTML */
/*Content Banner Image*/
/* Skip Nav */
/*Search Result*/
/* Breadcrumb */
/*Clickable content card*/
/* ONSALE FILTER*/
/* Deals Ratings */
/*Jet UI onsale filter*/
/*CarryOn Blog*/
/*-------------------------PAGE PARAMETERES-------------------------*/
/*-------------------------PADDING-------------------------*/
/*-------------------------MARGIN-------------------------*/
/*-------------------------BORDER RADIUS-------------------------*/
/*-------------------------TRANSITIONS-------------------------*/
/*-------------------------TYPOGRAPHY-------------------------*/
/* Hero */
/*Search Results*/
/* Email Toaster*/
/*-------------------------Text Constants--------------------------*/
/*-------------------------LINKS--------------------------*/
/*-------------------------PRIMARY BUTTONS-------------------------*/
/*-------------------------SECONDARY BUTTONS FOR DARK BACKGROUNDS-------------------------*/
/*-------------------------SECONDARY BUTTONS-------------------------*/
/*-------------------------block-buttontext-------------------------*/
/*-------------------------Disabled Buttons-------------------------*/
/*------------Deal Card-------------*/
/* show more */
/*Expandable Btns*/
/*-------------------------BOX HEADINGS-------------------------*/
/* SKIP NAV */
/* Error Page */
/* Res tool */
/* Blocks */
/* Breadcrumb */
/* Advisories */
/* Dropdown Vertical Filter */
/* Deal Card List Block */
/*Image Text Block*/
/*Ratings*/
/* Trip Advisor */
/* Block Main Div */
/* DDL Page Deal Card*/
/* Deals Price Sufix */
/* Homepage */
/* Promos */
/* FORMS */
/* Full Content Width */
/* DROPDOWN */
/* EMAIL TOAST */
/* FORM VALIDATION */
/*buttons*/
/* VALUE PROP */
/*Deal Cards*/
/* DDL PAGE */
/* ONSALE FINDER */
/*ended here*/
/* FULL CONTENT PAGE */
/*XHTML Block*/
/* ONSALE FILTER */
/* ALL INCLUSIVE PAGE */
/*-----------------Hotel Details Page -----------------------*/
/*------------------Hotel Details Page View 2---------------------*/
/*-----coop------*/
/*-----Search Result Page------*/
/*Slider Arrows*/
/*Pop Over*/
/* Display Popover for departure dates on desktop */
/*Content Card*/
/*JumpLinks Block*/
/*Clickable Card List*/
/*Rating Reviews*/
/*Link Underline*/
/*Clickable content card*/
/*full hover content card*/
/*half hover content card*/
/*Partner Logo*/
/* Header */
/* Email Toaster*/
/*Clickable Content Card*/
/*Jet UI onsale filter*/
/* Blog*/
/* EMAIL TOAST */
/* Breadcrumb */
/* Advisories */
/* VALUE PROP */
/* FORM VALIDATION */
/* ONSALE FILTER */
/*Start Page*/
/* ONSALE FINDER */
/* HOME PAGE */
/*HOTEL DETAILS PAGE*/
/*Hero Slider*/
/* HOTEL LANDING PAGE */
/* MOBILE */
/* DDL PAGE */
/* DDL Page Deal Card*/
/*Content Card*/
/* BUTTONS */
/*Search*/
/*JumpLinks Block*/
/*Full content Page*/
/*Link Underline*/
/* Header */
/*Clickable Content Card*/
/*CarryOn Blog*/
/*Hero block*/
/*CarryOn Blog*/
/* Related Content, Featured Content, Recent Content */
.relatedblogsblock .content-container, .recentblogsblock .content-container, .featuredblogsblock .content-container, .fixedblogsblock .content-container {
  margin-top: 20px;
  padding-top: 0; }
  .relatedblogsblock .content-container .blog-item-image-container, .recentblogsblock .content-container .blog-item-image-container, .featuredblogsblock .content-container .blog-item-image-container, .fixedblogsblock .content-container .blog-item-image-container {
    position: relative;
    height: 100%;
    padding-top: 70%; }
    .relatedblogsblock .content-container .blog-item-image-container img, .recentblogsblock .content-container .blog-item-image-container img, .featuredblogsblock .content-container .blog-item-image-container img, .fixedblogsblock .content-container .blog-item-image-container img {
      position: absolute;
      top: 0;
      right: 0;
      height: 100%;
      left: 0;
      width: 100%; }
  .relatedblogsblock .content-container .content-section, .recentblogsblock .content-container .content-section, .featuredblogsblock .content-container .content-section, .fixedblogsblock .content-container .content-section {
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap; }
    .relatedblogsblock .content-container .content-section .blog-item-image-container, .recentblogsblock .content-container .content-section .blog-item-image-container, .featuredblogsblock .content-container .content-section .blog-item-image-container, .fixedblogsblock .content-container .content-section .blog-item-image-container {
      max-height: 100%; }
    .relatedblogsblock .content-container .content-section.slick-slider, .recentblogsblock .content-container .content-section.slick-slider, .featuredblogsblock .content-container .content-section.slick-slider, .fixedblogsblock .content-container .content-section.slick-slider {
      margin-right: -20px;
      margin-left: -20px;
      width: auto;
      display: block;
      max-width: calc(100% + 40px); }
      @media screen and (max-width: 768px) {
        .relatedblogsblock .content-container .content-section.slick-slider, .recentblogsblock .content-container .content-section.slick-slider, .featuredblogsblock .content-container .content-section.slick-slider, .fixedblogsblock .content-container .content-section.slick-slider {
          margin-right: -20px !important;
          margin-left: -20px !important;
          width: auto !important; } }
      .relatedblogsblock .content-container .content-section.slick-slider .slick-slide, .recentblogsblock .content-container .content-section.slick-slider .slick-slide, .featuredblogsblock .content-container .content-section.slick-slider .slick-slide, .fixedblogsblock .content-container .content-section.slick-slider .slick-slide {
        margin-right: 20px;
        margin-left: 20px; }
        .relatedblogsblock .content-container .content-section.slick-slider .slick-slide .blog-item a, .recentblogsblock .content-container .content-section.slick-slider .slick-slide .blog-item a, .featuredblogsblock .content-container .content-section.slick-slider .slick-slide .blog-item a, .fixedblogsblock .content-container .content-section.slick-slider .slick-slide .blog-item a {
          display: flex;
          max-height: 100%;
          flex-direction: column; }
        .relatedblogsblock .content-container .content-section.slick-slider .slick-slide .blog-item img, .recentblogsblock .content-container .content-section.slick-slider .slick-slide .blog-item img, .featuredblogsblock .content-container .content-section.slick-slider .slick-slide .blog-item img, .fixedblogsblock .content-container .content-section.slick-slider .slick-slide .blog-item img {
          width: 100%; }
      .relatedblogsblock .content-container .content-section.slick-slider .slick-track, .recentblogsblock .content-container .content-section.slick-slider .slick-track, .featuredblogsblock .content-container .content-section.slick-slider .slick-track, .fixedblogsblock .content-container .content-section.slick-slider .slick-track {
        max-height: 100%;
        display: flex; }
      .relatedblogsblock .content-container .content-section.slick-slider .slick-dots, .recentblogsblock .content-container .content-section.slick-slider .slick-dots, .featuredblogsblock .content-container .content-section.slick-slider .slick-dots, .fixedblogsblock .content-container .content-section.slick-slider .slick-dots {
        bottom: -40px; }
        .relatedblogsblock .content-container .content-section.slick-slider .slick-dots li button:before, .recentblogsblock .content-container .content-section.slick-slider .slick-dots li button:before, .featuredblogsblock .content-container .content-section.slick-slider .slick-dots li button:before, .fixedblogsblock .content-container .content-section.slick-slider .slick-dots li button:before {
          font-size: 24px;
          opacity: 0.5;
          color: #000; }
        .relatedblogsblock .content-container .content-section.slick-slider .slick-dots li.slick-active button:before, .recentblogsblock .content-container .content-section.slick-slider .slick-dots li.slick-active button:before, .featuredblogsblock .content-container .content-section.slick-slider .slick-dots li.slick-active button:before, .fixedblogsblock .content-container .content-section.slick-slider .slick-dots li.slick-active button:before {
          opacity: 1;
          color: #2c8fcd; }
      .relatedblogsblock .content-container .content-section.slick-slider .slick-next, .relatedblogsblock .content-container .content-section.slick-slider .slick-prev, .recentblogsblock .content-container .content-section.slick-slider .slick-next, .recentblogsblock .content-container .content-section.slick-slider .slick-prev, .featuredblogsblock .content-container .content-section.slick-slider .slick-next, .featuredblogsblock .content-container .content-section.slick-slider .slick-prev, .fixedblogsblock .content-container .content-section.slick-slider .slick-next, .fixedblogsblock .content-container .content-section.slick-slider .slick-prev {
        z-index: 1; }
        .relatedblogsblock .content-container .content-section.slick-slider .slick-next:before, .relatedblogsblock .content-container .content-section.slick-slider .slick-prev:before, .recentblogsblock .content-container .content-section.slick-slider .slick-next:before, .recentblogsblock .content-container .content-section.slick-slider .slick-prev:before, .featuredblogsblock .content-container .content-section.slick-slider .slick-next:before, .featuredblogsblock .content-container .content-section.slick-slider .slick-prev:before, .fixedblogsblock .content-container .content-section.slick-slider .slick-next:before, .fixedblogsblock .content-container .content-section.slick-slider .slick-prev:before {
          color: black;
          font-weight: bold; }
      .relatedblogsblock .content-container .content-section.slick-slider .slick-next, .recentblogsblock .content-container .content-section.slick-slider .slick-next, .featuredblogsblock .content-container .content-section.slick-slider .slick-next, .fixedblogsblock .content-container .content-section.slick-slider .slick-next {
        right: -3px; }
      .relatedblogsblock .content-container .content-section.slick-slider .slick-prev, .recentblogsblock .content-container .content-section.slick-slider .slick-prev, .featuredblogsblock .content-container .content-section.slick-slider .slick-prev, .fixedblogsblock .content-container .content-section.slick-slider .slick-prev {
        left: -3px; }
  .relatedblogsblock .content-container .content-section:not(.slick-slider), .recentblogsblock .content-container .content-section:not(.slick-slider), .featuredblogsblock .content-container .content-section:not(.slick-slider), .fixedblogsblock .content-container .content-section:not(.slick-slider) {
    display: flex; }
    .relatedblogsblock .content-container .content-section:not(.slick-slider) .blog-item, .recentblogsblock .content-container .content-section:not(.slick-slider) .blog-item, .featuredblogsblock .content-container .content-section:not(.slick-slider) .blog-item, .fixedblogsblock .content-container .content-section:not(.slick-slider) .blog-item {
      width: 100%;
      margin-bottom: 20px; }
      .relatedblogsblock .content-container .content-section:not(.slick-slider) .blog-item a, .recentblogsblock .content-container .content-section:not(.slick-slider) .blog-item a, .featuredblogsblock .content-container .content-section:not(.slick-slider) .blog-item a, .fixedblogsblock .content-container .content-section:not(.slick-slider) .blog-item a {
        display: inline-flex;
        flex-direction: column;
        width: 100%; }
      .relatedblogsblock .content-container .content-section:not(.slick-slider) .blog-item img, .recentblogsblock .content-container .content-section:not(.slick-slider) .blog-item img, .featuredblogsblock .content-container .content-section:not(.slick-slider) .blog-item img, .fixedblogsblock .content-container .content-section:not(.slick-slider) .blog-item img {
        width: 100%; }
  .relatedblogsblock .content-container.columns-1 .content-section:not(.slick-slider) .blog-item, .recentblogsblock .content-container.columns-1 .content-section:not(.slick-slider) .blog-item, .featuredblogsblock .content-container.columns-1 .content-section:not(.slick-slider) .blog-item, .fixedblogsblock .content-container.columns-1 .content-section:not(.slick-slider) .blog-item {
    width: 100%; }
  @media screen and (min-width: 768px) {
    .relatedblogsblock .content-container.columns-2 .content-section:not(.slick-slider) .blog-item, .recentblogsblock .content-container.columns-2 .content-section:not(.slick-slider) .blog-item, .featuredblogsblock .content-container.columns-2 .content-section:not(.slick-slider) .blog-item, .fixedblogsblock .content-container.columns-2 .content-section:not(.slick-slider) .blog-item {
      width: calc(50% - 20px); }
    .relatedblogsblock .content-container.columns-3 .content-section:not(.slick-slider) .blog-item, .recentblogsblock .content-container.columns-3 .content-section:not(.slick-slider) .blog-item, .featuredblogsblock .content-container.columns-3 .content-section:not(.slick-slider) .blog-item, .fixedblogsblock .content-container.columns-3 .content-section:not(.slick-slider) .blog-item {
      width: calc(33.33% - 40px); }
    .relatedblogsblock .content-container.columns-4 .content-section:not(.slick-slider) .blog-item, .recentblogsblock .content-container.columns-4 .content-section:not(.slick-slider) .blog-item, .featuredblogsblock .content-container.columns-4 .content-section:not(.slick-slider) .blog-item, .fixedblogsblock .content-container.columns-4 .content-section:not(.slick-slider) .blog-item {
      width: calc(25% - 80px); }
    .relatedblogsblock .content-container.columns-4 .content-section:not(.slick-slider) .blog-item, .recentblogsblock .content-container.columns-4 .content-section:not(.slick-slider) .blog-item, .featuredblogsblock .content-container.columns-4 .content-section:not(.slick-slider) .blog-item, .fixedblogsblock .content-container.columns-4 .content-section:not(.slick-slider) .blog-item {
      width: 50%; } }

/*Navigation Block*/
.blognavigationblock .content-section {
  display: block;
  /*flex-direction: row;
        flex-wrap: wrap;*/
  text-align: center; }
  .blognavigationblock .content-section .blog-nav a {
    display: inline-flex;
    flex-direction: row;
    align-items: center; }
    .blognavigationblock .content-section .blog-nav a .blog-nav-image-placeholder {
      max-width: 25%; }
      .blognavigationblock .content-section .blog-nav a .blog-nav-image-placeholder img {
        width: 100%; }
    .blognavigationblock .content-section .blog-nav a .blog-nav-info {
      display: flex;
      flex-direction: column;
      padding-left: 20px;
      padding-right: 20px; }
  .blognavigationblock .content-section .blog-nav-previous {
    align-self: flex-start; }
  .blognavigationblock .content-section .blog-nav-next {
    align-self: flex-end; }
    .blognavigationblock .content-section .blog-nav-next a {
      flex-direction: row-reverse; }

/*Social Profile*/
.instagramprofileblock, .facebookprofileblock, .pinterestprofileblock, .twitterprofileblock {
  width: 100%; }
  .instagramprofileblock .content-section, .facebookprofileblock .content-section, .pinterestprofileblock .content-section, .twitterprofileblock .content-section {
    width: 100%; }
    .instagramprofileblock .content-section iframe, .facebookprofileblock .content-section iframe, .pinterestprofileblock .content-section iframe, .twitterprofileblock .content-section iframe {
      width: 100%; }

body .site-wrapper {
  position: relative; }

body .featuredblogsblock .content-container {
  margin-top: 30px;
  padding-top: 0; }
  body .featuredblogsblock .content-container .content-section {
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    max-width: 1180px; }
    body .featuredblogsblock .content-container .content-section .slick-prev {
      left: 80px !important;
      background: #757474;
      display: inline-block;
      font-size: 32px;
      padding: 15px;
      position: absolute;
      text-align: center;
      width: 36px;
      height: 44px; }
      body .featuredblogsblock .content-container .content-section .slick-prev:hover {
        background: #0059a3; }
      body .featuredblogsblock .content-container .content-section .slick-prev::before {
        content: '';
        border: solid white;
        border-width: 0 3px 3px 0;
        display: inline-block;
        padding: 3px;
        transform: rotate(135deg); }
      @media screen and (max-width: 768px) {
        body .featuredblogsblock .content-container .content-section .slick-prev {
          left: 50px !important; } }
    body .featuredblogsblock .content-container .content-section .slick-list {
      max-height: 100%;
      padding: 0 !important;
      margin: 0 50px; }
      body .featuredblogsblock .content-container .content-section .slick-list .slick-track {
        max-height: 100%; }
        body .featuredblogsblock .content-container .content-section .slick-list .slick-track .blog-item {
          margin-right: 20px;
          margin-left: 20px; }
          body .featuredblogsblock .content-container .content-section .slick-list .slick-track .blog-item a {
            display: flex;
            max-height: 100%;
            flex-direction: column;
            position: relative; }
            body .featuredblogsblock .content-container .content-section .slick-list .slick-track .blog-item a .blog-item-image-container {
              position: relative;
              padding-top: 600px; }
              body .featuredblogsblock .content-container .content-section .slick-list .slick-track .blog-item a .blog-item-image-container img {
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0;
                right: 0;
                height: 100%;
                width: 100%;
                max-height: 100%; }
              @media screen and (max-width: 768px) {
                body .featuredblogsblock .content-container .content-section .slick-list .slick-track .blog-item a .blog-item-image-container {
                  padding-top: 300px; } }
            body .featuredblogsblock .content-container .content-section .slick-list .slick-track .blog-item a .blog-content {
              position: absolute;
              top: 50%;
              left: 5%;
              right: 5%;
              transform: translateY(-50%);
              max-width: 800px;
              margin: 0 auto;
              display: flex;
              flex-direction: column;
              align-items: center;
              background: rgba(0, 0, 0, 0.7); }
              body .featuredblogsblock .content-container .content-section .slick-list .slick-track .blog-item a .blog-content .blog-item-title {
                padding: 30px 30px 15px;
                color: #fff;
                font-family: "Playfair Display";
                text-transform: uppercase;
                line-height: 48px;
                font-size: 48px; }
                @media screen and (max-width: 768px) {
                  body .featuredblogsblock .content-container .content-section .slick-list .slick-track .blog-item a .blog-content .blog-item-title {
                    font-size: 18px;
                    line-height: 1.2em; } }
              body .featuredblogsblock .content-container .content-section .slick-list .slick-track .blog-item a .blog-content .blog-item-author {
                display: none; }
              body .featuredblogsblock .content-container .content-section .slick-list .slick-track .blog-item a .blog-content .blog-item-date {
                padding: 15px 30px 30px;
                color: #fff;
                font-family: "Open Sans";
                text-transform: uppercase;
                line-height: 18px;
                font-size: 10px; }
              body .featuredblogsblock .content-container .content-section .slick-list .slick-track .blog-item a .blog-content .blog-item-learn-more {
                display: none; }
          @media screen and (max-width: 768px) {
            body .featuredblogsblock .content-container .content-section .slick-list .slick-track .blog-item {
              margin-left: 0 !important;
              margin-right: 0 !important; } }
    body .featuredblogsblock .content-container .content-section .slick-next {
      right: 80px !important;
      background: #757474;
      display: inline-block;
      font-size: 32px;
      padding: 13px;
      position: absolute;
      text-align: center;
      width: 36px;
      height: 44px; }
      body .featuredblogsblock .content-container .content-section .slick-next:hover {
        background: #0059a3; }
      body .featuredblogsblock .content-container .content-section .slick-next::before {
        content: '';
        border: solid white;
        border-width: 0 3px 3px 0;
        display: inline-block;
        padding: 3px;
        transform: rotate(-45deg); }
      @media screen and (max-width: 768px) {
        body .featuredblogsblock .content-container .content-section .slick-next {
          right: 50px !important; } }
    body .featuredblogsblock .content-container .content-section .slick-dots {
      display: none !important; }

body .recentblogsblock .content-container {
  margin-top: 20px;
  padding-top: 0; }
  body .recentblogsblock .content-container .content-section {
    margin-bottom: 30px; }
    body .recentblogsblock .content-container .content-section .blog-item {
      margin-right: 20px;
      margin-left: 20px;
      margin-bottom: 40px !important;
      width: 100% !important; }
      body .recentblogsblock .content-container .content-section .blog-item a {
        width: 100%; }
        body .recentblogsblock .content-container .content-section .blog-item a .blog-content {
          display: flex;
          flex-direction: row;
          margin-bottom: 20px;
          flex-wrap: wrap; }
          body .recentblogsblock .content-container .content-section .blog-item a .blog-content .blog-item-title {
            margin-bottom: 20px;
            font-family: "Playfair Display";
            line-height: 40px;
            font-size: 36px;
            color: #2a2d2d;
            width: 100%; }
            @media screen and (max-width: 768px) {
              body .recentblogsblock .content-container .content-section .blog-item a .blog-content .blog-item-title {
                font-size: 26px;
                line-height: 1.2em; } }
          body .recentblogsblock .content-container .content-section .blog-item a .blog-content .blog-item-author {
            font-family: "Open Sans";
            text-transform: uppercase;
            line-height: 18px;
            font-size: 10px;
            color: #aaaaaa; }
            body .recentblogsblock .content-container .content-section .blog-item a .blog-content .blog-item-author::after {
              content: "/";
              padding-left: 15px;
              color: #aaaaaa; }
          body .recentblogsblock .content-container .content-section .blog-item a .blog-content .blog-item-date {
            padding-left: 15px;
            font-family: "Open Sans";
            text-transform: uppercase;
            line-height: 18px;
            font-size: 10px;
            color: #aaaaaa; }
          body .recentblogsblock .content-container .content-section .blog-item a .blog-content .blog-item-title:hover, body .recentblogsblock .content-container .content-section .blog-item a .blog-content .blog-item-author:hover, body .recentblogsblock .content-container .content-section .blog-item a .blog-content .blog-item-date:hover {
            color: #0059a3; }
          body .recentblogsblock .content-container .content-section .blog-item a .blog-content .blog-item-image-container {
            width: 100%;
            margin-bottom: 20px;
            margin-top: 20px; }
            body .recentblogsblock .content-container .content-section .blog-item a .blog-content .blog-item-image-container img {
              max-height: 100%;
              object-fit: cover; }
          body .recentblogsblock .content-container .content-section .blog-item a .blog-content .blog-item-description {
            display: flex;
            order: 5;
            font-family: "Open Sans";
            line-height: 24px;
            font-size: 14px;
            color: #777777;
            width: 100%; }

body .instagramprofileblock {
  margin-bottom: 40px;
  width: 100%; }
  body .instagramprofileblock .content-container {
    width: 100%; }
    body .instagramprofileblock .content-container h2 {
      font-family: "Playfair Display";
      text-transform: uppercase;
      line-height: 20px;
      font-weight: normal;
      font-style: normal;
      font-size: 18px;
      border-bottom: 1px dotted rgba(0, 0, 0, 0.1);
      padding: 0 0 5px 10px;
      border-left: 5px solid #0059a3; }
  body .instagramprofileblock .content-section iframe, body .instagramprofileblock .content-section span {
    border: none !important;
    min-width: 0 !important; }

body .relatedblogsblock {
  width: 100%; }
  body .relatedblogsblock .content-container {
    margin-top: 0; }
    body .relatedblogsblock .content-container .blog-item-heading {
      margin-left: 20px;
      margin-right: 20px; }
      body .relatedblogsblock .content-container .blog-item-heading h2 {
        margin-top: 0;
        font-family: "Playfair Display";
        text-transform: uppercase;
        line-height: 20px;
        font-weight: normal;
        font-style: normal;
        font-size: 18px;
        border-bottom: 1px dotted rgba(0, 0, 0, 0.1);
        padding: 0 0 5px 10px;
        border-left: 5px solid #0059a3; }
    body .relatedblogsblock .content-container .content-section .blog-item {
      padding: 0 20px; }
      body .relatedblogsblock .content-container .content-section .blog-item a .blog-item-image-container::before {
        background-repeat: no-repeat;
        background-position: center center;
        background-color: rgba(0, 0, 0, 0.5);
        position: absolute;
        height: 100%;
        width: 100%;
        z-index: 1;
        top: 0;
        left: 0;
        opacity: 0;
        transition: opacity 0.35s ease 0s;
        content: ''; }
      body .relatedblogsblock .content-container .content-section .blog-item a .blog-item-image-container::after {
        border-left: 1px solid #fff;
        border-right: 1px solid #fff;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fff;
        transform: scale(1, 1);
        display: block;
        position: absolute;
        top: 30px;
        left: 30px;
        bottom: 30px;
        right: 30px;
        z-index: 1;
        transition: transform 0.35s ease 0s;
        opacity: 0;
        content: ''; }
      body .relatedblogsblock .content-container .content-section .blog-item a .blog-item-image-container:hover::before, body .relatedblogsblock .content-container .content-section .blog-item a .blog-item-image-container:hover::after {
        opacity: 1; }
      body .relatedblogsblock .content-container .content-section .blog-item a .blog-item-image {
        object-fit: cover; }
      body .relatedblogsblock .content-container .content-section .blog-item a .blog-content {
        display: flex;
        flex-direction: column;
        margin-top: 20px;
        margin-bottom: 20px; }
        body .relatedblogsblock .content-container .content-section .blog-item a .blog-content .blog-item-title {
          font-family: "Playfair Display";
          font-weight: 400;
          font-style: normal;
          font-size: 16px;
          line-height: 22px;
          color: #000; }
          body .relatedblogsblock .content-container .content-section .blog-item a .blog-content .blog-item-title:hover {
            color: #0059a3; }
        body .relatedblogsblock .content-container .content-section .blog-item a .blog-content .blog-item-author {
          display: none; }
        body .relatedblogsblock .content-container .content-section .blog-item a .blog-content .blog-item-date {
          margin-top: 5px;
          font-family: "Open Sans";
          text-transform: uppercase;
          line-height: 18px;
          font-weight: 400;
          font-style: normal;
          font-size: 10px;
          color: #aaaaaa; }

body .search-block {
  padding: 0 !important; }
  body .search-block .content-section {
    display: block !important;
    padding: 0 !important; }
    body .search-block .content-section .block-title {
      font-family: "Playfair Display";
      text-transform: uppercase;
      line-height: 20px;
      font-weight: normal;
      font-style: normal;
      font-size: 18px;
      border-bottom: 1px dotted rgba(0, 0, 0, 0.1);
      padding: 0 0 5px 10px;
      border-left: 5px solid #0059a3;
      text-align: left !important; }
    body .search-block .content-section .block-content .search_form {
      width: 100%; }
      body .search-block .content-section .block-content .search_form fieldset {
        border: 1px solid rgba(0, 0, 0, 0.11);
        color: #777;
        display: flex;
        padding: 0;
        justify-content: space-between;
        margin: 0; }
        body .search-block .content-section .block-content .search_form fieldset .search {
          border: none;
          padding: 10px 0 10px 10px;
          width: 100%;
          outline: none;
          color: #777; }
        body .search-block .content-section .block-content .search_form fieldset .search-button {
          background-color: #0059a3;
          border: none;
          padding: 10px 12px;
          color: white; }

body .clickablecontentcardlistblock {
  margin-bottom: 40px; }
  body .clickablecontentcardlistblock .clickablecontentcardlistblock-container {
    padding: 0; }
    body .clickablecontentcardlistblock .clickablecontentcardlistblock-container h2.Listblock-title {
      font-family: "Playfair Display";
      line-height: 20px;
      font-weight: normal;
      font-style: normal;
      font-size: 18px;
      border-bottom: 1px dotted rgba(0, 0, 0, 0.1);
      padding: 0 0 5px 10px;
      border-left: 5px solid #0059a3;
      text-align: left;
      color: #000000; }
      body .clickablecontentcardlistblock .clickablecontentcardlistblock-container h2.Listblock-title::before {
        font: var(--fa-font-solid);
        content: "\f083";
        margin-right: 5px; }
      @media screen and (max-width: 768px) {
        body .clickablecontentcardlistblock .clickablecontentcardlistblock-container h2.Listblock-title {
          font-size: 18px !important;
          line-height: 20px !important; } }
    body .clickablecontentcardlistblock .clickablecontentcardlistblock-container ul.content-section {
      flex-direction: column;
      width: 100% !important; }
      body .clickablecontentcardlistblock .clickablecontentcardlistblock-container ul.content-section li.clickablecontentcardblock {
        width: 100% !important;
        max-width: 100% !important; }
        body .clickablecontentcardlistblock .clickablecontentcardlistblock-container ul.content-section li.clickablecontentcardblock a .block-maindiv {
          background: none !important;
          padding: 0 !important;
          min-height: auto; }
          body .clickablecontentcardlistblock .clickablecontentcardlistblock-container ul.content-section li.clickablecontentcardblock a .block-maindiv .image-placeholder {
            margin-bottom: 10px !important;
            position: relative; }
            body .clickablecontentcardlistblock .clickablecontentcardlistblock-container ul.content-section li.clickablecontentcardblock a .block-maindiv .image-placeholder::before {
              background-repeat: no-repeat;
              background-position: center center;
              background-color: rgba(0, 0, 0, 0.5);
              position: absolute;
              height: 100%;
              width: 100%;
              z-index: 1;
              top: 0;
              left: 0;
              opacity: 0;
              transition: opacity 0.35s ease 0s;
              content: ''; }
            body .clickablecontentcardlistblock .clickablecontentcardlistblock-container ul.content-section li.clickablecontentcardblock a .block-maindiv .image-placeholder::after {
              border-left: 1px solid #fff;
              border-right: 1px solid #fff;
              border-top: 1px solid #fff;
              border-bottom: 1px solid #fff;
              transform: scale(1, 1);
              display: block;
              position: absolute;
              top: 30px;
              left: 30px;
              bottom: 30px;
              right: 30px;
              z-index: 1;
              transition: transform 0.35s ease 0s;
              opacity: 0;
              content: ''; }
            body .clickablecontentcardlistblock .clickablecontentcardlistblock-container ul.content-section li.clickablecontentcardblock a .block-maindiv .image-placeholder:hover::before, body .clickablecontentcardlistblock .clickablecontentcardlistblock-container ul.content-section li.clickablecontentcardblock a .block-maindiv .image-placeholder:hover::after {
              opacity: 1; }
          body .clickablecontentcardlistblock .clickablecontentcardlistblock-container ul.content-section li.clickablecontentcardblock a .block-maindiv .block-content {
            border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
            body .clickablecontentcardlistblock .clickablecontentcardlistblock-container ul.content-section li.clickablecontentcardblock a .block-maindiv .block-content h3.block-title {
              border: none;
              font-family: "Playfair Display";
              font-style: normal;
              font-size: 16px;
              font-weight: 400;
              line-height: 22px;
              color: #000000; }
        body .clickablecontentcardlistblock .clickablecontentcardlistblock-container ul.content-section li.clickablecontentcardblock a:hover .block-maindiv .block-content h3.block-title {
          border-bottom: none !important; }

body .blog-content-pagination {
  display: flex;
  padding: 20px 0;
  width: 100%;
  justify-content: center;
  border-top: 1px solid #f0f0f0;
  margin-top: 30px;
  flex-wrap: wrap; }
  body .blog-content-pagination li {
    border: 1px solid #eaeaea;
    background: #f6f6f6;
    margin: 10px 10px 0 0;
    padding: 4px 11px;
    color: #777; }
    body .blog-content-pagination li:has( > a) {
      padding: 0; }
    body .blog-content-pagination li a {
      display: flex;
      align-items: center;
      color: #777;
      font-family: "Playfair Display";
      font-size: 14px;
      padding: 4px 11px; }
      body .blog-content-pagination li a .prev_arrow {
        margin-right: 10px; }
        body .blog-content-pagination li a .prev_arrow::before {
          content: '\f177';
          font: var(--fa-font-solid);
          font-size: 14px; }
      body .blog-content-pagination li a .next_arrow {
        margin-left: 10px; }
        body .blog-content-pagination li a .next_arrow::after {
          content: '\f178';
          font: var(--fa-font-solid);
          font-size: 14px; }
      body .blog-content-pagination li a svg {
        display: none; }
      body .blog-content-pagination li a:hover {
        background: #0059a3;
        color: #fff; }
        body .blog-content-pagination li a:hover svg {
          fill: #fff; }
  body .blog-content-pagination .disabled {
    display: none; }
  body .blog-content-pagination .active {
    background: #0059a3;
    border: 1px solid #0059a3; }
    body .blog-content-pagination .active > a {
      color: #fff; }

.AppleVacations-BlogRootPage .breadcrumbSection, .AppleVacations-BlogListingPage .breadcrumbSection, .AppleVacations-BlogSearchPage .breadcrumbSection {
  display: none; }

.AppleVacations-BlogPage .breadcrumbSection {
  max-width: 1270px;
  margin: 0 auto;
  position: absolute;
  width: 100%;
  top: -43px;
  display: flex;
  left: 30px;
  right: 0;
  background: #ffffff; }
  .AppleVacations-BlogPage .breadcrumbSection .root-breadcrumbs {
    padding: 15px 30px 14px 0;
    margin-left: 50px;
    box-sizing: border-box;
    font-size: 10px;
    font-family: "Open Sans";
    font-weight: 400;
    font-style: normal;
    color: #777777;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    width: 62%; }
    .AppleVacations-BlogPage .breadcrumbSection .root-breadcrumbs :first-child::before {
      font: var(--fa-font-solid);
      margin-right: 2px;
      content: "\e3af"; }
    .AppleVacations-BlogPage .breadcrumbSection .root-breadcrumbs a {
      color: #333; }
      .AppleVacations-BlogPage .breadcrumbSection .root-breadcrumbs a:hover {
        color: #0059a3; }
    .AppleVacations-BlogPage .breadcrumbSection .root-breadcrumbs .breadcrumb-caret {
      fill: #777777; }
      .AppleVacations-BlogPage .breadcrumbSection .root-breadcrumbs .breadcrumb-caret svg {
        width: 8px;
        height: 8px;
        transform: rotate(180deg); }
    @media screen and (max-width: 1024px) {
      .AppleVacations-BlogPage .breadcrumbSection .root-breadcrumbs {
        margin-left: 30px;
        margin-right: 30px;
        width: 100%; } }
  @media screen and (max-width: 1024px) {
    .AppleVacations-BlogPage .breadcrumbSection {
      left: 0; } }
  @media screen and (max-width: 768px) {
    .AppleVacations-BlogPage .breadcrumbSection {
      top: -71px;
      padding-bottom: 30px; } }

/* SKIP NAV */
/* FORM VALIDATION */
/* FORM VALIDATION */
/*BB*/
/* Page */
/* Text */
/* Shadows */
/* Focus State */
/* Hero */
/* Tooltip */
/* Jumplinks */
/* XHTML */
/*Content Banner Image*/
/* Skip Nav */
/*Search Result*/
/* Breadcrumb */
/*Clickable content card*/
/* ONSALE FILTER*/
/* Deals Ratings */
/* Jet UI Deal card */
/*Jet UI onsale filter*/
/*Direct CHeckout Departure Dates*/
/*Hero styling*/
/*Transparent white*/
/*Coral*/
/*blue*/
/*red*/
/* Page */
/* Text */
/* Shadows */
/* Focus State */
/* Hero */
/* Tooltip */
/* Jumplinks */
/* XHTML */
/*Content Banner Image*/
/* Skip Nav */
/*Search Result*/
/* Breadcrumb */
/*Clickable content card*/
/* ONSALE FILTER*/
/* Deals Ratings */
/*Jet UI onsale filter*/
/*CarryOn Blog*/
/*-------------------------PAGE PARAMETERES-------------------------*/
/*-------------------------PADDING-------------------------*/
/*-------------------------MARGIN-------------------------*/
/*-------------------------BORDER RADIUS-------------------------*/
/*-------------------------TRANSITIONS-------------------------*/
/*-------------------------TYPOGRAPHY-------------------------*/
/* Hero */
/*Search Results*/
/* Email Toaster*/
/*-------------------------Text Constants--------------------------*/
/*-------------------------LINKS--------------------------*/
/*-------------------------PRIMARY BUTTONS-------------------------*/
/*-------------------------SECONDARY BUTTONS FOR DARK BACKGROUNDS-------------------------*/
/*-------------------------SECONDARY BUTTONS-------------------------*/
/*-------------------------block-buttontext-------------------------*/
/*-------------------------Disabled Buttons-------------------------*/
/*------------Deal Card-------------*/
/* show more */
/*Expandable Btns*/
/*-------------------------BOX HEADINGS-------------------------*/
/* SKIP NAV */
/* Error Page */
/* Res tool */
/* Blocks */
/* Breadcrumb */
/* Advisories */
/* Dropdown Vertical Filter */
/* Deal Card List Block */
/*Image Text Block*/
/*Ratings*/
/* Trip Advisor */
/* Block Main Div */
/* DDL Page Deal Card*/
/* Deals Price Sufix */
/* Homepage */
/* Promos */
/* FORMS */
/* Full Content Width */
/* DROPDOWN */
/* EMAIL TOAST */
/* FORM VALIDATION */
/*buttons*/
/* VALUE PROP */
/*Deal Cards*/
/* DDL PAGE */
/* ONSALE FINDER */
/*ended here*/
/* FULL CONTENT PAGE */
/*XHTML Block*/
/* ONSALE FILTER */
/* ALL INCLUSIVE PAGE */
/*-----------------Hotel Details Page -----------------------*/
/*------------------Hotel Details Page View 2---------------------*/
/*-----coop------*/
/*-----Search Result Page------*/
/*Slider Arrows*/
/*Pop Over*/
/* Display Popover for departure dates on desktop */
/*Content Card*/
/*JumpLinks Block*/
/*Clickable Card List*/
/*Rating Reviews*/
/*Link Underline*/
/*Clickable content card*/
/*full hover content card*/
/*half hover content card*/
/*Partner Logo*/
/* Header */
/* Email Toaster*/
/*Clickable Content Card*/
/*Jet UI onsale filter*/
/* Blog*/
/* EMAIL TOAST */
/* Breadcrumb */
/* Advisories */
/* VALUE PROP */
/* FORM VALIDATION */
/* ONSALE FILTER */
/*Start Page*/
/* ONSALE FINDER */
/* HOME PAGE */
/*HOTEL DETAILS PAGE*/
/*Hero Slider*/
/* HOTEL LANDING PAGE */
/* MOBILE */
/* DDL PAGE */
/* DDL Page Deal Card*/
/*Content Card*/
/* BUTTONS */
/*Search*/
/*JumpLinks Block*/
/*Full content Page*/
/*Link Underline*/
/* Header */
/*Clickable Content Card*/
/*CarryOn Blog*/
/*Hero block*/
/*CarryOn Blog*/
#blogPage {
  width: 100%; }
  #blogPage .metadata-content-section .hero-image {
    margin-bottom: 20px;
    margin-top: 20px; }
    #blogPage .metadata-content-section .hero-image img {
      width: 100%; }
  #blogPage .main-content-container {
    display: flex;
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column; }
    @media screen and (min-width: 960px) {
      #blogPage .main-content-container {
        flex-direction: row; }
        #blogPage .main-content-container > .content-section {
          width: 70%;
          /*padding-right: $defaultPadding*2;*/ }
          #blogPage .main-content-container > .content-section > div > .block {
            width: 100%;
            padding: 0; }
        #blogPage .main-content-container > .side-content-container {
          width: 30%; }
          #blogPage .main-content-container > .side-content-container > div > .block {
            width: 100%;
            padding: 0; } }
    #blogPage .main-content-container .content-section {
      padding: 0 20px;
      box-sizing: border-box; }
      #blogPage .main-content-container .content-section img {
        max-width: 100%; }

body {
  background-repeat: no-repeat;
  background-image: url(/EPiServer/CMS/Content/siteassets/admin/images/blog_background.svg);
  background-size: cover;
  background-attachment: fixed; }
  body #blogRootPage {
    padding: 0 30px;
    box-sizing: border-box; }
    body #blogRootPage .top-content-container {
      max-width: 1180px;
      margin: 0 auto; }
    body #blogRootPage .main-content-container {
      max-width: 1180px;
      margin: 0 auto;
      display: flex;
      flex-direction: row;
      padding: 0 30px;
      background-color: #ffffff; }
      body #blogRootPage .main-content-container > .content-section {
        width: 70%;
        padding: 0 20px; }
      body #blogRootPage .main-content-container > .side-content-section {
        width: 30%;
        padding: 0 20px; }
      @media screen and (max-width: 1024px) {
        body #blogRootPage .main-content-container {
          flex-direction: column;
          padding: 0 20px; }
          body #blogRootPage .main-content-container > .content-section {
            width: 100%;
            padding: 0; }
            body #blogRootPage .main-content-container > .content-section .xhtmlblock {
              padding: 0; }
          body #blogRootPage .main-content-container > .side-content-section {
            width: 100%;
            padding: 0; } }
    body #blogRootPage .bottom-content-container {
      margin-bottom: 30px; }
    @media screen and (max-width: 1024px) {
      body #blogRootPage {
        padding: 0; } }
  body #blogPage {
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 30px;
    box-sizing: border-box;
    position: relative; }
    body #blogPage .metadata-content-section {
      display: flex;
      flex-direction: column;
      width: 70%;
      padding: 0 30px;
      box-sizing: border-box;
      background-color: #ffffff;
      margin-top: 90px; }
      body #blogPage .metadata-content-section .jumplinksblock-container {
        padding: 0;
        margin-top: 30px; }
        body #blogPage .metadata-content-section .jumplinksblock-container .jumplinks-container {
          display: flex;
          flex-direction: row;
          flex-wrap: wrap;
          font-family: "Open Sans";
          text-transform: uppercase;
          line-height: 18px;
          font-size: 10px;
          border-bottom: 1px dotted rgba(0, 0, 0, 0.1);
          margin-left: 20px; }
          body #blogPage .metadata-content-section .jumplinksblock-container .jumplinks-container a.jumpLink:nth-child(1) .jumpLinkText {
            margin-left: 27px; }
          body #blogPage .metadata-content-section .jumplinksblock-container .jumplinks-container a.jumpLink:nth-child(1)::before {
            font: var(--fa-font-solid);
            content: '\f08d';
            background-color: #0059a3;
            color: #fff;
            padding: 8px 10px;
            position: absolute;
            z-index: 9;
            font-size: 10px; }
          body #blogPage .metadata-content-section .jumplinksblock-container .jumplinks-container a.jumpLink {
            display: block;
            margin: 0; }
            body #blogPage .metadata-content-section .jumplinksblock-container .jumplinks-container a.jumpLink .jumpLinkIcon {
              display: block;
              border-bottom: none;
              padding-bottom: 0;
              margin-right: 0; }
            body #blogPage .metadata-content-section .jumplinksblock-container .jumplinks-container a.jumpLink .jumpLinkText {
              background: #262626;
              color: #fff;
              display: inline-block;
              font-size: 11px;
              line-height: 18px;
              padding: 4px 10px;
              position: relative;
              font-family: "Open Sans";
              text-transform: uppercase;
              font-weight: normal;
              z-index: 1;
              border-bottom: none; }
              body #blogPage .metadata-content-section .jumplinksblock-container .jumplinks-container a.jumpLink .jumpLinkText::after {
                height: 100%;
                top: 0;
                z-index: -1;
                background: #0059a3; }
            body #blogPage .metadata-content-section .jumplinksblock-container .jumplinks-container a.jumpLink:hover {
              padding-bottom: 0; }
          @media screen and (max-width: 1024px) {
            body #blogPage .metadata-content-section .jumplinksblock-container .jumplinks-container {
              margin-left: 0; } }
      body #blogPage .metadata-content-section .hero-video {
        order: 3;
        margin-left: 20px;
        margin-right: 20px;
        display: flex;
        position: relative;
        padding-top: 56.25%; }
        body #blogPage .metadata-content-section .hero-video iframe {
          position: absolute;
          top: 0;
          bottom: 0;
          left: 0;
          right: 0;
          width: 100%;
          height: 100%;
          border: 0;
          max-height: 100%; }
      body #blogPage .metadata-content-section .hero-image {
        order: 3;
        padding-left: 20px;
        padding-right: 20px;
        display: flex;
        margin-top: 0; }
        body #blogPage .metadata-content-section .hero-image figure {
          margin: 0;
          width: 100%; }
          body #blogPage .metadata-content-section .hero-image figure img {
            width: 100%; }
      body #blogPage .metadata-content-section .post-title {
        display: flex;
        order: 1;
        padding-left: 20px;
        padding-right: 20px;
        margin-bottom: 20px;
        margin-top: 20px; }
        body #blogPage .metadata-content-section .post-title h1 {
          font-family: "Playfair Display";
          line-height: 40px;
          font-size: 36px;
          color: #2a2d2d;
          font-weight: normal;
          font-style: normal;
          margin: 0; }
          @media screen and (max-width: 768px) {
            body #blogPage .metadata-content-section .post-title h1 {
              font-size: 26px;
              line-height: 1.2em; } }
      body #blogPage .metadata-content-section .post-metadata-area {
        display: flex;
        font-family: "Open Sans";
        text-transform: uppercase;
        line-height: 18px;
        font-size: 10px;
        margin-bottom: 20px;
        order: 2;
        padding-left: 20px;
        padding-right: 20px; }
        body #blogPage .metadata-content-section .post-metadata-area .post-author {
          color: #aaa; }
          body #blogPage .metadata-content-section .post-metadata-area .post-author:after {
            content: "/";
            padding-left: 15px;
            color: #aaa; }
        body #blogPage .metadata-content-section .post-metadata-area .post-date {
          color: #aaa;
          padding-left: 15px; }
        body #blogPage .metadata-content-section .post-metadata-area .post-author:hover, body #blogPage .metadata-content-section .post-metadata-area .post-date:hover {
          color: #0059a3; }
      @media screen and (max-width: 1024px) {
        body #blogPage .metadata-content-section {
          width: 100%;
          padding: 0 20px; }
          body #blogPage .metadata-content-section .hero-image, body #blogPage .metadata-content-section .post-title, body #blogPage .metadata-content-section .post-metadata-area {
            padding: 0; }
          body #blogPage .metadata-content-section .hero-video {
            margin: 0; } }
    body #blogPage .main-content-container {
      max-width: 1300px;
      margin: 0 auto;
      display: flex;
      flex-direction: row;
      background-color: #ffffff; }
      body #blogPage .main-content-container > .content-section {
        width: 70%; }
        body #blogPage .main-content-container > .content-section .block-content {
          font-family: "Open Sans";
          line-height: 24px;
          font-weight: 400;
          font-style: normal; }
          body #blogPage .main-content-container > .content-section .block-content div {
            margin-bottom: 20px;
            margin-top: 10px; }
          body #blogPage .main-content-container > .content-section .block-content p {
            font-size: 14px;
            color: #777777; }
            body #blogPage .main-content-container > .content-section .block-content p iframe {
              width: 100%; }
            body #blogPage .main-content-container > .content-section .block-content p a {
              color: #0059a3; }
            body #blogPage .main-content-container > .content-section .block-content p img {
              object-fit: cover; }
          body #blogPage .main-content-container > .content-section .block-content h3, body #blogPage .main-content-container > .content-section .block-content h2 {
            font-family: "Playfair Display";
            font-weight: 700;
            font-style: normal;
            font-size: 24px;
            margin-bottom: 25px; }
          body #blogPage .main-content-container > .content-section .block-content figure {
            margin: 0;
            width: 100%; }
            body #blogPage .main-content-container > .content-section .block-content figure img {
              width: 100%; }
        body #blogPage .main-content-container > .content-section .post-metadata-area {
          display: none; }
      body #blogPage .main-content-container > .side-content-container {
        width: 30%;
        position: absolute;
        right: 0;
        top: 0;
        background-color: #fff;
        height: 100%;
        padding: 0 20px; }
        body #blogPage .main-content-container > .side-content-container > .site-side-content-section {
          padding: 0 20px; }
      @media screen and (max-width: 1024px) {
        body #blogPage .main-content-container {
          flex-direction: column; }
          body #blogPage .main-content-container > .content-section {
            width: 100%;
            padding: 0; }
            body #blogPage .main-content-container > .content-section .xhtmlblock {
              padding: 0; }
          body #blogPage .main-content-container > .side-content-container {
            width: 100%;
            position: relative;
            padding: 0; } }
    body #blogPage .bottom-content-container {
      padding: 0 20px;
      background-color: #ffffff;
      margin-bottom: 30px;
      padding-top: 30px; }
      body #blogPage .bottom-content-container > .site-bottom-content-section {
        width: 70%; }
      @media screen and (max-width: 1024px) {
        body #blogPage .bottom-content-container {
          padding: 0 10px;
          padding-top: 30px; }
          body #blogPage .bottom-content-container > .site-bottom-content-section {
            width: 100%; } }
    @media screen and (max-width: 1024px) {
      body #blogPage {
        padding: 0; } }
  body #blogListingPage .top-content-container .xhtmlblock, body #blogSearchPage .top-content-container .xhtmlblock {
    display: flex;
    max-width: none;
    margin: 0 auto 40px auto;
    justify-content: center;
    word-break: break-word;
    padding: 0; }
    body #blogListingPage .top-content-container .xhtmlblock .content-section, body #blogSearchPage .top-content-container .xhtmlblock .content-section {
      max-width: none !important; }
    body #blogListingPage .top-content-container .xhtmlblock .block-content, body #blogSearchPage .top-content-container .xhtmlblock .block-content {
      display: flex; }
      body #blogListingPage .top-content-container .xhtmlblock .block-content h1, body #blogSearchPage .top-content-container .xhtmlblock .block-content h1 {
        background-color: #f3f3f3;
        border-bottom: 1px solid rgba(0, 0, 0, 0.08);
        padding: 60px 10px;
        text-align: center;
        font-family: "Playfair Display";
        font-weight: 400;
        font-style: normal;
        font-size: 28px;
        text-transform: uppercase; }
  body #blogListingPage .middle-content-container, body #blogSearchPage .middle-content-container {
    max-width: 1180px;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    padding: 0 30px;
    background-color: #ffffff;
    margin-top: 30px; }
    body #blogListingPage .middle-content-container > .main-content-container, body #blogSearchPage .middle-content-container > .main-content-container {
      width: 70%;
      padding: 0 20px; }
      body #blogListingPage .middle-content-container > .main-content-container .blog-list-content-section, body #blogSearchPage .middle-content-container > .main-content-container .blog-list-content-section {
        margin-top: 20px; }
        body #blogListingPage .middle-content-container > .main-content-container .blog-list-content-section .blog-list, body #blogSearchPage .middle-content-container > .main-content-container .blog-list-content-section .blog-list {
          margin-bottom: 30px;
          margin-left: auto;
          margin-right: auto;
          max-width: 1180px; }
          body #blogListingPage .middle-content-container > .main-content-container .blog-list-content-section .blog-list .blog-item, body #blogSearchPage .middle-content-container > .main-content-container .blog-list-content-section .blog-list .blog-item {
            margin-right: 20px;
            margin-left: 20px;
            display: flex;
            flex-direction: column;
            margin-bottom: 40px; }
            body #blogListingPage .middle-content-container > .main-content-container .blog-list-content-section .blog-list .blog-item .blog-item-categories, body #blogSearchPage .middle-content-container > .main-content-container .blog-list-content-section .blog-list .blog-item .blog-item-categories {
              display: flex;
              flex-wrap: wrap;
              font-family: "Open Sans";
              text-transform: uppercase;
              line-height: 18px;
              font-size: 10px;
              border-bottom: 1px dotted rgba(0, 0, 0, 0.1); }
              body #blogListingPage .middle-content-container > .main-content-container .blog-list-content-section .blog-list .blog-item .blog-item-categories .blog-item-category:nth-child(1) a, body #blogSearchPage .middle-content-container > .main-content-container .blog-list-content-section .blog-list .blog-item .blog-item-categories .blog-item-category:nth-child(1) a {
                margin-left: 27px; }
              body #blogListingPage .middle-content-container > .main-content-container .blog-list-content-section .blog-list .blog-item .blog-item-categories .blog-item-category:nth-child(1)::before, body #blogSearchPage .middle-content-container > .main-content-container .blog-list-content-section .blog-list .blog-item .blog-item-categories .blog-item-category:nth-child(1)::before {
                font: var(--fa-font-solid);
                content: '\f08d';
                background-color: #0059a3;
                color: #fff;
                padding: 8px 10px;
                position: absolute;
                z-index: 9;
                font-size: 10px; }
              body #blogListingPage .middle-content-container > .main-content-container .blog-list-content-section .blog-list .blog-item .blog-item-categories .blog-item-category a, body #blogSearchPage .middle-content-container > .main-content-container .blog-list-content-section .blog-list .blog-item .blog-item-categories .blog-item-category a {
                background: #262626;
                color: #fff;
                display: inline-block;
                font-size: 11px;
                line-height: 18px;
                padding: 4px 10px;
                position: relative;
                z-index: 1; }
            body #blogListingPage .middle-content-container > .main-content-container .blog-list-content-section .blog-list .blog-item .blog-item-categories a:hover::before, body #blogSearchPage .middle-content-container > .main-content-container .blog-list-content-section .blog-list .blog-item .blog-item-categories a:hover::before {
              width: 100%; }
            body #blogListingPage .middle-content-container > .main-content-container .blog-list-content-section .blog-list .blog-item .blog-item-categories a::before, body #blogSearchPage .middle-content-container > .main-content-container .blog-list-content-section .blog-list .blog-item .blog-item-categories a::before {
              content: '';
              height: 100%;
              position: absolute;
              top: 0;
              left: 0;
              width: 0;
              z-index: -1;
              -webkit-transition: all 0.3s linear;
              transition: all 0.3s linear;
              background-color: #0059a3; }
            body #blogListingPage .middle-content-container > .main-content-container .blog-list-content-section .blog-list .blog-item .blog-item-info, body #blogSearchPage .middle-content-container > .main-content-container .blog-list-content-section .blog-list .blog-item .blog-item-info {
              display: flex;
              flex-direction: column;
              order: 3; }
              body #blogListingPage .middle-content-container > .main-content-container .blog-list-content-section .blog-list .blog-item .blog-item-info .blog-item-image, body #blogSearchPage .middle-content-container > .main-content-container .blog-list-content-section .blog-list .blog-item .blog-item-info .blog-item-image {
                position: relative;
                display: flex;
                padding-top: 400px; }
                body #blogListingPage .middle-content-container > .main-content-container .blog-list-content-section .blog-list .blog-item .blog-item-info .blog-item-image a, body #blogSearchPage .middle-content-container > .main-content-container .blog-list-content-section .blog-list .blog-item .blog-item-info .blog-item-image a {
                  position: absolute;
                  top: 0;
                  bottom: 0;
                  left: 0;
                  right: 0;
                  max-height: 100%; }
                  body #blogListingPage .middle-content-container > .main-content-container .blog-list-content-section .blog-list .blog-item .blog-item-info .blog-item-image a img, body #blogSearchPage .middle-content-container > .main-content-container .blog-list-content-section .blog-list .blog-item .blog-item-info .blog-item-image a img {
                    height: 100%;
                    width: 100%;
                    object-fit: cover; }
              body #blogListingPage .middle-content-container > .main-content-container .blog-list-content-section .blog-list .blog-item .blog-item-info h3, body #blogSearchPage .middle-content-container > .main-content-container .blog-list-content-section .blog-list .blog-item .blog-item-info h3 {
                display: none; }
            body #blogListingPage .middle-content-container > .main-content-container .blog-list-content-section .blog-list .blog-item .blog-item-title, body #blogSearchPage .middle-content-container > .main-content-container .blog-list-content-section .blog-list .blog-item .blog-item-title {
              font-family: "Playfair Display";
              line-height: 40px;
              font-size: 36px;
              margin-top: 20px;
              margin-bottom: 20px;
              display: flex;
              order: 1; }
              body #blogListingPage .middle-content-container > .main-content-container .blog-list-content-section .blog-list .blog-item .blog-item-title a, body #blogSearchPage .middle-content-container > .main-content-container .blog-list-content-section .blog-list .blog-item .blog-item-title a {
                color: #2a2d2d; }
                body #blogListingPage .middle-content-container > .main-content-container .blog-list-content-section .blog-list .blog-item .blog-item-title a:hover, body #blogSearchPage .middle-content-container > .main-content-container .blog-list-content-section .blog-list .blog-item .blog-item-title a:hover {
                  color: #0059a3; }
              @media screen and (max-width: 768px) {
                body #blogListingPage .middle-content-container > .main-content-container .blog-list-content-section .blog-list .blog-item .blog-item-title, body #blogSearchPage .middle-content-container > .main-content-container .blog-list-content-section .blog-list .blog-item .blog-item-title {
                  font-size: 26px;
                  line-height: 1.2em; } }
            body #blogListingPage .middle-content-container > .main-content-container .blog-list-content-section .blog-list .blog-item .blog-item-upper-author-area, body #blogSearchPage .middle-content-container > .main-content-container .blog-list-content-section .blog-list .blog-item .blog-item-upper-author-area {
              display: flex;
              order: 2;
              font-family: "Open Sans";
              text-transform: uppercase;
              line-height: 18px;
              font-size: 10px;
              margin-bottom: 20px; }
              body #blogListingPage .middle-content-container > .main-content-container .blog-list-content-section .blog-list .blog-item .blog-item-upper-author-area .blog-item-author, body #blogSearchPage .middle-content-container > .main-content-container .blog-list-content-section .blog-list .blog-item .blog-item-upper-author-area .blog-item-author {
                color: #aaaaaa; }
                body #blogListingPage .middle-content-container > .main-content-container .blog-list-content-section .blog-list .blog-item .blog-item-upper-author-area .blog-item-author::after, body #blogSearchPage .middle-content-container > .main-content-container .blog-list-content-section .blog-list .blog-item .blog-item-upper-author-area .blog-item-author::after {
                  content: "/";
                  padding-left: 15px;
                  color: #aaaaaa; }
              body #blogListingPage .middle-content-container > .main-content-container .blog-list-content-section .blog-list .blog-item .blog-item-upper-author-area .blog-item-date, body #blogSearchPage .middle-content-container > .main-content-container .blog-list-content-section .blog-list .blog-item .blog-item-upper-author-area .blog-item-date {
                color: #aaaaaa;
                padding-left: 15px; }
              body #blogListingPage .middle-content-container > .main-content-container .blog-list-content-section .blog-list .blog-item .blog-item-upper-author-area .blog-item-author:hover, body #blogListingPage .middle-content-container > .main-content-container .blog-list-content-section .blog-list .blog-item .blog-item-upper-author-area .blog-item-date:hover, body #blogSearchPage .middle-content-container > .main-content-container .blog-list-content-section .blog-list .blog-item .blog-item-upper-author-area .blog-item-author:hover, body #blogSearchPage .middle-content-container > .main-content-container .blog-list-content-section .blog-list .blog-item .blog-item-upper-author-area .blog-item-date:hover {
                color: #0059a3; }
            body #blogListingPage .middle-content-container > .main-content-container .blog-list-content-section .blog-list .blog-item .blog-item-synopsis, body #blogSearchPage .middle-content-container > .main-content-container .blog-list-content-section .blog-list .blog-item .blog-item-synopsis {
              display: flex;
              order: 4; }
              body #blogListingPage .middle-content-container > .main-content-container .blog-list-content-section .blog-list .blog-item .blog-item-synopsis p, body #blogSearchPage .middle-content-container > .main-content-container .blog-list-content-section .blog-list .blog-item .blog-item-synopsis p {
                margin-top: 20px;
                margin-bottom: 20px;
                font-family: "Open Sans";
                line-height: 24px;
                font-size: 14px;
                color: #777777; }
            body #blogListingPage .middle-content-container > .main-content-container .blog-list-content-section .blog-list .blog-item .blog-item-lower-author-area, body #blogListingPage .middle-content-container > .main-content-container .blog-list-content-section .blog-list .blog-item .blog-item-like-comment-area, body #blogListingPage .middle-content-container > .main-content-container .blog-list-content-section .blog-list .blog-item .blog-item-additional-content, body #blogListingPage .middle-content-container > .main-content-container .blog-list-content-section .blog-list .blog-item .blog-item-nav, body #blogSearchPage .middle-content-container > .main-content-container .blog-list-content-section .blog-list .blog-item .blog-item-lower-author-area, body #blogSearchPage .middle-content-container > .main-content-container .blog-list-content-section .blog-list .blog-item .blog-item-like-comment-area, body #blogSearchPage .middle-content-container > .main-content-container .blog-list-content-section .blog-list .blog-item .blog-item-additional-content, body #blogSearchPage .middle-content-container > .main-content-container .blog-list-content-section .blog-list .blog-item .blog-item-nav {
              display: none; }
    body #blogListingPage .middle-content-container > .side-content-container, body #blogSearchPage .middle-content-container > .side-content-container {
      width: 30%;
      padding: 0 20px; }
    @media screen and (max-width: 1024px) {
      body #blogListingPage .middle-content-container, body #blogSearchPage .middle-content-container {
        flex-direction: column;
        padding: 0 20px; }
        body #blogListingPage .middle-content-container > .main-content-container, body #blogSearchPage .middle-content-container > .main-content-container {
          width: 100%;
          padding: 0; }
        body #blogListingPage .middle-content-container > .side-content-container, body #blogSearchPage .middle-content-container > .side-content-container {
          width: 100%;
          padding: 0; } }
  body #blogListingPage .bottom-content-container, body #blogSearchPage .bottom-content-container {
    margin-bottom: 30px; }
  @media screen and (max-width: 1024px) {
    body #blogListingPage, body #blogSearchPage {
      padding: 0; } }
  body #blogSearchPage .middle-content-container {
    position: relative; }
    body #blogSearchPage .middle-content-container .search-message-content-section {
      width: 100vw;
      position: absolute;
      top: -30px;
      left: calc( -50vw + 50%); }
      body #blogSearchPage .middle-content-container .search-message-content-section .search-success-message {
        background-color: #f3f3f3;
        border-bottom: 1px solid rgba(0, 0, 0, 0.08);
        padding: 60px 10px;
        text-align: center;
        font-family: "Playfair Display";
        font-weight: 400;
        font-style: normal;
        font-size: 28px;
        text-transform: uppercase; }
        body #blogSearchPage .middle-content-container .search-message-content-section .search-success-message .search-term::before {
          content: '"'; }
        body #blogSearchPage .middle-content-container .search-message-content-section .search-success-message .search-term::after {
          content: '"'; }
      body #blogSearchPage .middle-content-container .search-message-content-section .search-failure-message {
        background-color: #f3f3f3;
        border-bottom: 1px solid rgba(0, 0, 0, 0.08);
        padding: 60px 10px;
        text-align: center;
        font-family: "Playfair Display";
        font-weight: 400;
        font-style: normal;
        font-size: 28px;
        text-transform: uppercase; }
        body #blogSearchPage .middle-content-container .search-message-content-section .search-failure-message .search-term::before {
          content: '"'; }
        body #blogSearchPage .middle-content-container .search-message-content-section .search-failure-message .search-term::after {
          content: '"'; }
      body #blogSearchPage .middle-content-container .search-message-content-section .search-failure-details {
        display: none; }
    body #blogSearchPage .middle-content-container .blog-list-content-section {
      margin-top: 190px !important; }
    body #blogSearchPage .middle-content-container .side-content-container {
      margin-top: 190px !important; }
  body #blogListingPage .main-content-container .blog-item .blog-item-info > .blog-item-image > a::before, body #blogSearchPage .main-content-container .blog-item .blog-item-info > .blog-item-image > a::before {
    background-image: url(/EPiServer/CMS/Content/siteassets/admin/images/plus.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 0.35s ease 0s;
    content: ''; }
  body #blogListingPage .main-content-container .blog-item .blog-item-info > .blog-item-image > a::after, body #blogSearchPage .main-content-container .blog-item .blog-item-info > .blog-item-image > a::after {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    transform: scale(1, 1);
    display: block;
    position: absolute;
    top: 30px;
    left: 30px;
    bottom: 30px;
    right: 30px;
    transition: transform 0.35s ease 0s;
    opacity: 0;
    content: ''; }
  body #blogListingPage .main-content-container .blog-item .blog-item-info > .blog-item-image > a:hover::before, body #blogListingPage .main-content-container .blog-item .blog-item-info > .blog-item-image > a:hover::after, body #blogSearchPage .main-content-container .blog-item .blog-item-info > .blog-item-image > a:hover::before, body #blogSearchPage .main-content-container .blog-item .blog-item-info > .blog-item-image > a:hover::after {
    opacity: 1; }
  body #blogRootPage .main-content-container .blog-item .blog-item-image-container::before {
    background-image: url(/EPiServer/CMS/Content/siteassets/admin/images/plus.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 1;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 0.35s ease 0s;
    content: ''; }
  body #blogRootPage .main-content-container .blog-item .blog-item-image-container::after {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    transform: scale(1, 1);
    display: block;
    position: absolute;
    top: 30px;
    left: 30px;
    bottom: 30px;
    right: 30px;
    z-index: 1;
    transition: transform 0.35s ease 0s;
    opacity: 0;
    content: ''; }
  body #blogRootPage .main-content-container .blog-item .blog-item-image-container:hover::before, body #blogRootPage .main-content-container .blog-item .blog-item-image-container:hover::after {
    opacity: 1; }