#block-setmore .content img {
  height: 42px;
  max-width: 100%;
  border-radius: 5px;
}
.main-content {margin-top:40px;}
.region-content a {color:#d2aca1;}
.views-col {
border: 1px solid #DDDDDD;
margin: 0.5%;
padding: 0.7%;}
.view-writing  ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.image-listing-items {background-color: #f1f1f1;
padding-bottom: 20px;
padding-left: 20px;}

#main-nav-superfish-menu-link-content9bc0836c-e87e-45b4-82a5-faed6f66d6bf--2, #main-nav-superfish-menu-link-content0836541b-5dfb-413d-b8b9-07fa296a5cd8, #main-nav-superfish-menu-link-contentea62f0ca-d79a-4856-87f5-5ac7cb74802a--2, #main-nav-superfish-menu-link-contente36e9250-74b0-4c0c-9115-194e5cef2a78--2, #main-nav-superfish-menu-link-content3fd19f78-ea13-4f1e-9b5a-dabcbd2b8f0c, #main-nav-superfish-menu-link-content0836541b-5dfb-413d-b8b9-07fa296a5cd8, #main-nav-superfish-menu-link-content0836541b-5dfb-413d-b8b9-07fa296a5cd8, #main-nav-superfish-menu-link-content06128279-89eb-4038-806e-f8dce5964296--2{
    padding: 1.2em 0em .3em!important;
    text-transform: uppercase!important;
    font-size: .9em!important;
    letter-spacing: .08em!important;
    color: #505050!important;
    font-weight: 700!important;
}
ul.menu li a {
    padding: 5px 0 5px 20px;
    line-height: 150%;
    display: block;
    font-size:inherit!important;
    text-decoration: none;
    text-transform: uppercase;
     color: #505050!important;
    -webkit-transition: color .5s linear;
    -moz-transition: color .5s linear;
    -ms-transition: color .5s linear;
    -o-transition: color .5s linear;
    transition: color .5s linear;
}

ul.menu li a:hover { color: #858383!important; }
.headings-wide-spacing-enabled .header-container ul.menu li a {
    letter-spacing: 0.08em!important;
    text-transform: uppercase;
}
.header-container ul.menu li a {
    font-weight: 700!important;
    margin: 0 5px;
}
    
@media (max-width:767px) {
.topadd {padding-right: 50px !important;}
  #block-sitebranding-3, #block-mainnavsuperfish-2 {display:none;}
  .main-content__section, .sidebar__section {
    padding: 80px 0 20px;}
    .hero {
    position: relative;
    width: 100%!important;
    height: 60vh!important;
    display: flex;
    justify-content: center;
    align-items: center;
}
.hero-title {
  font-size: 2.6rem !important;
  padding-left: 40px !important;
  padding-right: 40px !important;
  text-shadow: 2px 2px 10px black!important;
}

}
@media (min-width:992px) {
.viewmore {position: absolute;
  top: 300px;}
.wrapper {
  display: grid;
  grid-template-columns: 60% 40%;
}
.writingblock .views-row { display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0px;}
  button.slideout-toggle {display:none!important;}
  .view-writing .masonry .masonry-item {
  width: 48.5%;
  border: 1px solid #DDDDDD;
  margin: 0.5%;
  padding: 0.7%;}
.hero-insert h1 {text-transform:none; font-size: 52px; font-weight:700;}
.hero-insert h2 {font-size:20px;line-height:1.4em;}
.hero-insert {padding:0px 40px 0px 40px;}
.hero-row-wrap {
    position: relative;
    pointer-events: auto;
    padding: 0px 30px 0px;
margin:auto;
    width: 1240px;
    z-index: 1;
    visibility: visible;
min-height: 512px;
}
#block-lifestyleblog fieldset legend {
  margin-bottom: 240px;
}
.hero-column {
  box-sizing: border-box;
  display: block;
  position: absolute;
  height: auto !important;
  white-space: normal !important;
  vertical-align: top;
left: 0px;
bottom: 0px;
width: 50%;
z-index: 2;
}
}
.slideout-menu ul.menu span {letter-spacing: .13em;color: #9c9c9c;}
.slideout-menu ul.menu li {line-height:1.2em;}
@media only screen and (max-device-width: 480px) {
.viewmore {position: absolute;
  top: 200px !important;}
.masonry .masonry-item {
  width: 98.5%;
  margin: 0.5%;
  padding: 0.7%;}
.logo {margin-left:0px!important;}
#block-lifestyleblog fieldset legend {
  margin-bottom: 260px;
}
.hero {
  position: relative;
  width: 100vw;
  height: 80vh;
  display: flex;
  justify-content: center;
  align-items: center;
}
.hero-row {
  display: table-cell;
  position: absolute;
  width: 100% !important;
  box-sizing: border-box;
  height: auto;
  font-size: 0;
  bottom: 0;
}
.intro-category p, .masonry-layout-home-sample, .node__container, .view-portfolio-image .view-content {padding-left:20px;padding-right:20px;}
.masonry-item .field--name-body {padding:0 20px;}
}
.overlay {border-radius:0px!important;}
.masonry-item .node--view-mode-teaser {
    padding: 0px!important;
    margin-bottom:  0px!important;
}
.masonry-item .image-preview {border: solid 1px #dddddd;}
.masonry-item .node__header {padding:20px;}
ul.sf-menu span.nolink {
    padding: 5px 17px!important;
    margin: 0 5px;}
    .header__section ul.menu {
    padding: 15px 80px!important;
}
#block-sitebranding img {height:80px!important;}

.logo {
    margin-left: 40px;
}

#block-carrymehomepromo {
    background-color: #505050!important;
}

.fab {
    font-family: "Font Awesome 5 Brands";
    font-weight: 400;
}
.fa-amazon::before {
    content: "f270";
}
@font-face {
  font-family: 'Font Awesome 5 Brands';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("../webfonts/fa-brands-400.eot");
  src: url("../webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-brands-400.woff2") format("woff2"), url("../webfonts/fa-brands-400.woff") format("woff"), url("../webfonts/fa-brands-400.ttf") format("truetype"), url("../webfonts/fa-brands-400.svg#fontawesome") format("svg"); }

.fab {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }
   .booktitle {
    font-size: 18px;
    padding-bottom: 15px;
    margin: 0 0 40px 0;
    border-bottom: 1px solid #e7e7e7;
    text-transform: uppercase;
    font-weight: 500;
}

.banner .container {
    padding-left: 40px;
    padding-right:40px;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-top:20px;
    padding-bottom:20px;
}
.title {font-weight:bold;}
#block-writingrevise {
  background-image:url('/sites/default/files/2024-07/promo_back.jpg');
  background-size:cover;
  background-color: rgba(100,100,100,.5);
  background-blend-mode: multiply;
color:#FFFFFF;
}
.pink {color:#dcbeb5;}
.caps {  text-transform: uppercase;}
.bookimage {
    height: auto;
    max-width: 80%;
    border-radius: 5px;
    padding: 10px;
    transform: rotate(-5deg);
}
@media only screen and (max-device-width: 767px)  {
  .page-container-border-enabled .page-container > div {
    margin-left: -20px!important;
    margin-right: -20px!important;}
    ul.menu li a {
    padding: 5px 0 5px 20px;
    line-height: 150%;
    display: block;
    font-size:inherit!important;
    text-decoration: none;
    text-transform: uppercase;
     color: #8f8f8f!important;
}
.hero-row-wrap {
    position: relative;
    pointer-events: auto;
    padding: 400px 0px 0px;
margin:auto;
    width: 100%;
    z-index: 1;
    visibility: visible;
}
.hero-column {
  box-sizing: border-box;
  display: block;
  position: absolute;
  height: auto !important;
  white-space: normal !important;
  vertical-align: top;
left: 0px;
bottom: 0px;
width: 100%;
z-index: 2;
}
.hero-insert h2 {font-size:14px;line-height:1.4em;}
.hero-insert h1 {text-transform:none; font-size: 30px; font-weight:700;line-height: 1.2em !important;}
.hero-insert {padding: 20px;}
}
@media (max-width: 767px) {
  .motion {
    width:98%!important;
  }
  .layout-sidebar-second .container {padding-left:35px;padding-right:35px;}
  #block-views-block-home-case-studies-block-1 .col-1, #block-views-block-home-case-studies-block-1 .col-2 {width:100%!important;}
}
.motion {width:32.3%;}
.headings-wide-spacing-enabled .header-container ul.menu li a {
    font-size:.9em!important;
}
.home-gallery {
  display: grid;
  grid-template-columns: repeat(auto-fit, min(10em, 100%));
  grid-template-rows: masonry;
  justify-content: center;
  grid-gap: 0.5em;
  padding: 0.5em;
}
.hero-insert {padding:10px 40px 10px 40px;}
.home-gallery > * {
  align-self: start;
}
.home-gallery img {
  display: block;
  width: 100%;
  border-radius: 4px;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.7);
}
.color-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(32,26,22,.7);
}
.desc-wrapper  { -webkit-animation: feature-text-anim .75s ease-in-out;
  animation: feature-text-anim .75s ease-in-out;
  z-index: 100;
  position: relative;
  width: 100%;
  max-width: 956px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 32px;
  text-align: center;
  text-rendering: optimizeLegibility;
}
.hero-wrapper {position: relative;
overflow: hidden;
min-height: 320px;
width: 100%;}
.hero-container {
position: relative;
text-align: center;
color: white;
}

.centered {
position: absolute;
top: 50%;
left: 30%;
transform: translate(-20%, -50%);
}
.hero-name {font-weight: 300;
font-style: normal;
font-size: 28px;
letter-spacing: 4px;
text-transform: uppercase;
line-height: 1.3em;
color: #9c9999;
margin: 20px auto;
}
.hero {
    width: 100%;
    height:70vh;
    display: flex;
}
.hero::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(/sites/default/files/2024-09/RemyOnsetsm.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    filter: brightness(80%);
}
.hero-content {
  position: relative;
  color: white;
  text-align: center;
  margin: 0.625rem;
  max-width: 1200px;
  margin: auto;
  padding-top: 80px;
}
.hero-title {
    font-size: 4rem;
    font-weight: 600;
    margin-bottom: 0;
    letter-spacing:0em!important;
    line-height: 1.1em;
    text-transform:initial!important;
    padding-left:20px;padding-right:20px;
      text-shadow: 5px 5px 5px black;
}
.hero-subtitle {
    font-size: 2rem;
    font-weight: 200;
    margin-top: 1rem;
}

.cat-image {height:auto; width:auto;position:absolute;}
.bg-primary {
  background: #2d2d2d;
  fill: #2d2d2d;
}
.divider-xl {
  height: 3px;
  width: 161px;
}
.center {text-align: center;}
.padding-bottom40 {padding-bottom:80px;}
#block-categorysections .title {font-size:40px;}
.masonry-layout-home-sample .masonry-group {padding-bottom:80px;}
.masonry-layout-home-sample h3 {padding-left:10px;}
#block-views-block-home-case-studies-block-1 .col-1, #block-views-block-home-case-studies-block-1 .col-2 {width:48%;}
.view-home-case-studies .views-col {border:0px;}
.case {padding:20px;background-color: rgba(244, 244, 244, 0.95);border-radius: 10px;margin: 20px;    top: -30px;
position: relative;box-shadow: rgba(28, 56, 72, 0.1) 0px 2px 2px, rgba(28, 56, 72, 0.1) 0px 4px 4px, rgba(28, 56, 72, 0.1) 0px 8px 8px, rgba(28, 56, 72, 0.1) 0px 16px 16px, rgba(28, 56, 72, 0.1) 0px 32px 32px, rgba(28, 56, 72, 0.1) 0px 64px 64px;}
.node__title {font-size: 26px;}
.path-home-sample .block-page-title-block {background-color: #505050;padding-top:20px;}
.page-title {
  margin-top: 80px!important;
  margin-bottom: 80px!important;
  color:#505050;
  font-size:24px;
}
.path-home-sample .page-title {color:#f1f1f1;}

.main-content__section, .sidebar__section {
  padding: 0px 0 130px!important;
}
#remy-hero {background-color:#000000;padding:40px;}
.hero-row {
  display: table;
  position: relative;
  width: 100% !important;
  table-layout: fixed;
  box-sizing: border-box;
  vertical-align: top;
  height: auto;
  font-size: 0;
}

.hero-insert {background: rgba(55, 55, 55, .9) }
#block-views-block-home-case-studies-block-1 {margin-top:40px}
.blogdate {font-size:12px;text-transform: uppercase;ont-size: 12px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.33;
letter-spacing: 1.8px;
color: #000;text-align: center;padding:20px}
.path-blog .views-field-title a {
  width: 100%;
  font-size: 36px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.1;
  letter-spacing: normal;
  padding-bottom:20px;
  text-align: center;
  text-decoration:none;
}
.path-blog .views-field-title a:hover {
  text-decoration:none;
}
.path-blog .views-field-title {
  max-width: 595px;
}
.sidebar-second .remy-wrapper {
  max-width: 358px;
  position: relative;
  width: 85%;
  margin: 0 auto;
  text-align:center;
}
.remy-wrapper img {border-radius: 50%;width:85%;height:85%}
.remy-wrapper ul {
    counter-reset: item;
    list-style-type: none;
    text-align:center;
}

.remy-wrapper li::before {
    content: counter(item);
    counter-increment: item;
   color: #858383;
   line-height:1!important;
   margin: 0 0 0.25em 1.5em !important;
text-transform: uppercase;
font-size: 12px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
letter-spacing: 1.8px;
text-align: center;
}
.remy-wrapper li a {font-size: 20px!important;
letter-spacing: 0.24px!important;
transition: color 0.2s ease;}
.remy-wrapper h2 {text-align:center;}
.remy-wrapper .views-field-title {margin-top:-20px}
.padding-40 {padding-top:40px;}
fieldset {
  background: no-repeat top /100% url("/sites/default/files/inline-images/%C2%A9remyhaynes.jpg")!important;
  text-align: center;
}
#block-lifestyleblog fieldset legend {
  border: 1px solid #eaeaea;
  background-color:rgba(244, 244, 244, 0.95);
  display: block;
  width: auto;
  padding: 5px;
  font-size: 12px;
  text-transform: uppercase;
  margin-left: auto;
  margin-right: auto;
}
.view-lifestyleblog .views-row {margin-top:40px;  margin-bottom: 40px;
  border-bottom: solid 2px gray;
  padding-bottom: 40px;
  border-bottom: 1px solid #e7e7e7;
}
.contactus img {width:25%; height:25%;margin-bottom:10px;margin-top:20px;}
li.menu-item span {color:#ffffff!important;}
.grid-container {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 20px;
            padding: 20px;
        }

        .grid-item {
            background-color: #f2f2f2;
            padding: 20px;
            text-align: center;
        }
.grid-item video {
            max-width: 100%; /* Ensure images don't exceed the container width */
            height: auto; /* Maintain aspect ratio */
        }

        /* Add media query for responsiveness */
        @media (max-width: 768px) {
.viewmore {position: absolute;
  top: 380px;}
#block-writingrevise .left {text-align:center !important;}
            .grid-container {
                grid-template-columns: 1fr;
            }
.wrapper {display: grid;
   grid-template-columns: 1fr; 
}
.right {display:none;}
#block-writingrevise {
  background-color: rgb(100, 100, 100);
}
.writingblock .views-row { display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 0px;}
        }
.white-fill {    background-color: #f1f1f1;}
.right {
           margin: 1rem 2rem 2rem 3rem;
            width: 60%;
            height: 250px;
            overflow: hidden;
        }
.right img {border-radius:0px;}
.left {margin-top: 2rem }
.title {font-size:2.5rem;}
.left a.button {background-color:none!important;border:solid white 1px;}
.writing img {
            width: 100%;
            height: auto;
            display: block;
border-radius: 0px;
}
.screen-reader-text {
  border: 0;
  clip: rect(1px,1px,1px,1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}
.writinggroup {text-align: center;
position:relative;
    background-color: #FFFFFF;
    margin:2em;padding:0px;color: #505050;
box-sizing: border-box;}
.writinggroup img {border-radius: 0px;}
.views-field-field-publication {text-transform: uppercase;font-size: 1.2rem;font-weight: bold;}
.writinggroup .views-field {padding-left: 40px;padding-right:40px;padding-bottom:10px;}
.writinggroup .views-field-body {font-size: smaller;padding-bottom:40px;}
.writinggroup .views-field-title {font-size:2.1rem;font-weight:400;}
#block-writingrevise .left {text-align:right;}
.viewmore {position: absolute;
  left: 85%;
  width: 15%;
  padding: 20px;
  margin-top: -10px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  will-change: transform;
  background-color: #373737;
  border-radius: 5px;
  padding: 5px;}
.viewmore a {color:#FFFFFF;text-decoration:underline;text-underline-offset: 3px;font-size:12px;}
.viewmore a span.tiny {font-size: 90%;
  display: inline-block;
  padding-left: 1px;
  bottom: .2em;
  position: relative;}
.writingblock > .view-content .clearfix::before {content:none;}
.breadcrumb__items {
  text-align: left !important;
  padding: 0px 0px 0px 15px !important;
}
.menu-item.xspace {padding-top:10px;}
.content-top__section {
  padding: 0px !important;
}
.topadd ul {display: flex;font-size:smaller;  justify-content: flex-end;}
.topadd li {padding: 0 0 10px 40px;}
.topadd li > i {
padding-right:10px;
  display: inline;
  font-size: 15px;
  line-height: 1;
white-space: nowrap;
  color: #2d2d2d;}
.topadd {padding-right: 100px;}
#block-address {padding: 0px !important;}