.elementor-871 .elementor-element.elementor-element-e3c71b0{--display:flex;}.elementor-871 .elementor-element.elementor-element-60259b4{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-around;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:50px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-871 .elementor-element.elementor-element-60259b4:not(.elementor-motion-effects-element-type-background), .elementor-871 .elementor-element.elementor-element-60259b4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-871 .elementor-element.elementor-element-519743b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:30px;}.elementor-871 .elementor-element.elementor-element-3e7d560{--item-display:flex;--read-more-alignment:1;--grid-row-gap:38px;--grid-column-gap:0px;}.elementor-871 .elementor-element.elementor-element-3e7d560 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( -0.01 * 100% );}.elementor-871 .elementor-element.elementor-element-3e7d560:after{content:"-0.01";}.elementor-871 .elementor-element.elementor-element-3e7d560 .elementor-post__thumbnail__link{width:100%;}.elementor-871 .elementor-element.elementor-element-3e7d560 .elementor-post__meta-data span + span:before{content:"///";}.elementor-871 .elementor-element.elementor-element-3e7d560.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:30px;}.elementor-871 .elementor-element.elementor-element-3e7d560.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:30px;}.elementor-871 .elementor-element.elementor-element-3e7d560.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:30px;}.elementor-871 .elementor-element.elementor-element-3e7d560 .elementor-post__title, .elementor-871 .elementor-element.elementor-element-3e7d560 .elementor-post__title a{color:var( --e-global-color-accent );}.elementor-871 .elementor-element.elementor-element-3e7d560 .elementor-post__title{margin-bottom:13px;}.elementor-871 .elementor-element.elementor-element-3e7d560 .elementor-post__meta-data{color:#BE8F45;}.elementor-871 .elementor-element.elementor-element-3e7d560 .elementor-post__excerpt p{color:var( --e-global-color-accent );}.elementor-871 .elementor-element.elementor-element-3e7d560 .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-871 .elementor-element.elementor-element-3e7d560 .elementor-post__text{margin-bottom:0px;}.elementor-871 .elementor-element.elementor-element-3e7d560 .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-871 .elementor-element.elementor-element-3e7d560 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-871 .elementor-element.elementor-element-3e7d560 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-871 .elementor-element.elementor-element-3e7d560 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-871 .elementor-element.elementor-element-3e7d560 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}.elementor-871 .elementor-element.elementor-element-132d2c4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-871 .elementor-element.elementor-element-16c1f54{width:100%;max-width:100%;}.elementor-871 .elementor-element.elementor-element-2bddece > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-871 .elementor-element.elementor-element-cee7cb5 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:30px 0px 0px 0px;}@media(min-width:768px){.elementor-871 .elementor-element.elementor-element-519743b{--content-width:10em;}.elementor-871 .elementor-element.elementor-element-132d2c4{--content-width:100%;}}@media(max-width:767px){.elementor-871 .elementor-element.elementor-element-60259b4{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:50px;--padding-bottom:50px;--padding-left:05px;--padding-right:05px;}.elementor-871 .elementor-element.elementor-element-519743b{--content-width:90%;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-871 .elementor-element.elementor-element-3e7d560{--grid-row-gap:15px;}.elementor-871 .elementor-element.elementor-element-3e7d560 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0 * 100% );}.elementor-871 .elementor-element.elementor-element-3e7d560:after{content:"0";}.elementor-871 .elementor-element.elementor-element-3e7d560 .elementor-post__thumbnail__link{width:100%;}.elementor-871 .elementor-element.elementor-element-132d2c4{--content-width:90%;}}/* Start custom CSS for html, class: .elementor-element-c7b0fcc */body {
  margin: 0;
  padding: 0;
}

nav .column.right .menu ul li {
  list-style: none;
  margin: 0 !important;
  margin-right: 20px !important;
  width: auto !important;
}

.blog-layout {
  background: url(https://www.tresslounge.ca/wp-content/uploads/2025/03/Rectangle.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 700px;
  max-height: 100svh;
 
  position: relative;

  margin: 0;
  padding: 0;

  font-family: "Marcellus SC", serif;
}

.blog-layout nav {
  display: flex;
  justify-content: space-between;
  align-items: center;

  width: 100%;
  height: 100px;
  background-color: #fff;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  padding: 0 5rem;
  margin: 0;

  background-color: #00000000;

  position: relative;
  z-index: 5000;

  position: absolute;
  top: 0;
  left: 0;

  box-sizing: border-box;
}

nav .column.left {
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
}

nav .column.left .logo {
  width: auto;
  height: 50px;
}

nav .column.left .logo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

nav .column.right {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80%;
}

nav .column.right .menu {
  display: flex;
  align-items: center;
}

nav .column.right .menu ul {
  display: flex;
  align-items: center;
}

nav .column.right .menu ul li {
  list-style: none;
  margin-right: 20px;
}
  
nav .column.right .menu ul li a {
  text-decoration: none;
  color: #fff;
}
 
.blog-layout nav .button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  height: auto;
}

.blog-layout .content {
  width: 100%;
  height: 100%;

  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;

  position: relative;
  z-index: 50;
}

.blog-layout .content h1 {
  font-size: 4rem;
  color: #fff;
  text-align: start;
  font-weight: 400;

  width: 90%;
  max-width: 1400px;

  font-family: "Aboreto";
  font-style: normal;
  font-weight: 400;
  font-size: 5rem;
  line-height: 108px;
  /* or 112% */
  text-transform: uppercase;

  background: linear-gradient(
    90.47deg,
    #e8c95d 2.14%,
    #faf7ed 41.19%,
    #ecce60 80.24%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

li {
  list-style: none;
}

.blog-layout .right-img {
  width: 50vw;
  height: auto;
  object-fit: cover;
  position: absolute;
  top: 0;
  right: 0;

  height: 100%;
}

@media (max-width: 768px) {
  .blog-layout {
    height: 60svh;
  }

  .blog-layout .content h1 {
    font-size: 2rem;
  }

  .blog-layout nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
  
    width: 100%;
    height: 100px;
    background-color: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    padding: 0 0.8rem;
    margin: 0;
  
    background-color: #00000000;
  
    position: relative;
    z-index: 5000;
  
    position: absolute;
    top: 0;
    left: 0;
  
    box-sizing: border-box;
  }

  .blog-layout nav .button {
    display: none;
  }

  .blog-layout .content h1 {
    font-size: 4rem;
    color: #fff;
    text-align: start;
    font-weight: 400;
  
    width: 90%;
    max-width: 1400px;
  
    font-family: "Aboreto";
    font-style: normal;
    font-weight: 400;
    font-size: 5rem;
    line-height: normal;
    /* or 112% */
    text-transform: uppercase;
    text-align: center;
  
    background: linear-gradient(
      90.47deg,
      #e8c95d 2.14%,
      #faf7ed 41.19%,
      #ecce60 80.24%
    );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
  }

  .blog-layout .right-img {
    width: 100%;
    height: auto;
    object-fit: cover;
    position: absolute;
    top: 0;
    right: 0;
  
    height: 100%;
  }
}/* End custom CSS */
/* Start custom CSS for wp-widget-search, class: .elementor-element-16c1f54 */form{
    display: flex !important;
    flex-direction: row;
    flex-wrap: none !important;
}

form input{
    width: 100% !important;
    border-bottom: 1px solid #0e0e0e !important;
    padding: 1rem 0 0.2rem 0 !important;
    background-color: transparent;
}

form button{
    border: 1px solid white !important;
    color: #000;
    padding: 0.5rem !important;
    width: auto !important;
}

.search-field{
        width: 100% !important;
    border-bottom: 1px solid #0e0e0e !important;
    padding: 1rem 0 0.2rem 0 !important;
    background-color: transparent;
}

.search-submit{
       border: 1px solid white !important;
    color: #000;
    padding: 0.5rem !important;
    width: auto !important; 
    border-radius: 5px !important;
}/* End custom CSS */
/* Start custom CSS for wp-widget-categories, class: .elementor-element-2bddece */.cat-item{
    color: #fff !important;
    
}

.elementor-widget-container ul li{
        color: #fff !important;
}

#posts-blog .cat-item{
  color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for wp-widget-recent-posts, class: .elementor-element-368f1d0 */a{
    color: white !important;
}

.recent-posts li{
     list-style: none !important;
     margin-left: 0rem !important;
}

.elementor-widget-container li{
     list-style: none;
     padding-left: 0;
     margin: 0;
     list-style: none !important;
     margin-left: 0rem !important;
}

h5{
    padding-top: 2rem;
    margin-top: 0;  
    margin: 0;
    margin-bottom: 0.5rem;
}

.elementor-widget-container 
ul{
    padding-top: 0;
    margin-top: 0;
}/* End custom CSS */
/* Start custom CSS for wp-widget-tag_cloud, class: .elementor-element-cee7cb5 */.posts-tag-cloud{
    height: auto !important;
    padding: 0;
    margin: 0;
    
    display: flex !important;
}


.woocommerce.widget_product_tag_cloud{
        display: flex !important;
        flex-direction: column;
        gap: 1rem;
}

.posts-tag-cloud h5{
    color: #fff;
    padding: 0;
    margin: 0;
}

.posts-tag-cloud .tagcloud{
    display: flex;
    flex-wrap: wrap;
    gap: 1rem !important;
    
    padding-top: 1.5rem;
}

.posts-tag-cloud a{
    margin: 0rem 0 !important;
    color: #fff !important;
    font-size: 15px !important;
    border: 1px solid #fff !important;
    border-radius: 20px;
    padding: 2px 18px !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-60259b4 */.colzs{
   width: 100% !important;
   display: flex !important;
   flex-direction: column;
   gap: 1rem;
   padding: 0.8rem;
   box-sizing: border-box;
}


@media only screen and (min-width: 800px){
.colzzz{
   width: 30% !important;
}

.colzs{
   width: 100% !important;
   display: flex !important;
   flex-direction: row !important;
   gap: 1rem;
   padding: 1rem;
   box-sizing: border-box;
}

.col-1{
    width: 70%;
}
}/* End custom CSS */