body, html, .site-main, #primary{
    margin:0;font-family: 'Roboto', sans-serif;
    margin:0!important; 
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    background-color:var(--color-yellow);
}
.page{margin:0;}
main{display: block;overflow: hidden;}
.wp-block-image img, .projects-poster img{
    border-radius: 16px!important;
}




image{width: 100%; height: auto;}
* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

h1, h2, h3, h4, h5, h6{font-family: 'Playfair Display', serif;line-height: 100%;margin-top:0px;}
h1{
    margin-bottom: 1.5rem;
    font-size: 4.75rem;
    font-weight: 400;
    line-height: 2.2em;
}
h2{
    margin-bottom: 1.5rem;
   
    font-size: 3.75rem;
    font-weight: 400;
    line-height: 1.2em;
    color: var(--color-gray);
}
h3{
    line-height: 2.5rem;
}
h4{}
h5{}
h6{}

.heading-h1 {
    font-size: clamp(45px,5.556vw,80px);
    font-weight: 300;
    line-height: 105%;
    text-transform: uppercase;
    color:var(--color-gray);
    z-index: 1;
position: relative;
}

.heading-h1 strong{
    font-weight: 300;
    margin-left: 34rem;
}

a{color:#4C4D4F;
    font-family: 'Roboto', sans-serif;
    text-decoration: none;}
a:hover{text-decoration: none;}

.text-link-h3 a{
    font-family: 'Playfair Display', serif;line-height: 100%;margin-top:0px;
    color: var(--color-gray)!important;
     transition: 0.3s;
     font-style: italic;
}

.text-link-h3 a:hover{
    color:var(--color-red)!important;   
}

.center-section-title-h3{
    text-align: center;
    margin-bottom: 3.5rem;
    font-size: 2.5rem;
}

p{
    font-size: 1.125rem;
    line-height: 1.7em;
    color:#4C4D4F;
}

.projects-name a{
    font-family: 'Playfair Display', serif;line-height: 100%;margin-top:0px;
    font-size: 1.75rem!important;
    font-weight: 500!important;
}

p.light-text{
    color:#a69184;
    font-size: 1.4rem;
}

.odd-30{
    margin-left: 30%;
}

.odd-10{
    margin-left: 10%;
}





/*============================== */
:root{
    --color-yellow: #F4ECD6 ;           
    --color-light-pink: #EDCDBA;            
    --color-beige:#FBF6EA;          
    --color-gray: #4C4D4F; 
    --color-red:#E8595F;  
    --font-brown-color:#6A4A36;   

    /* section spacing */  
    --padding-section:80px;
}
/*============================== */


.dark-gray-block{
    background-color:var(--color-gray);
}
.section-yellow-bg{
    background-color:var(--color-yellow);
}
.section-pink-bg{
    background-color:var(--color-light-pink);
}



div#section-group{
    padding-top:var(--padding-section);
    padding-bottom:var(--padding-section);
}

.mobile-padding{display: none;}


@media (max-width: 600px) {
  .mobile-padding{padding-top:25px;padding-bottom:25px; display:block;}
}


.block-button-space{
    margin-top: 3.2rem;
}



.page-button .wp-block-button__link, .ghostbtn{
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    font-family: var(--font-body-family);
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    -webkit-appearance: none;
    appearance: none;
    width: max-content;
    padding: calc(1.3rem - 1px) 2rem;
    border-radius: 10rem;
    border: 1px solid transparent;
    text-decoration: none;
    line-height: 1;
   transition: background-color 300ms linear;
    -webkit-transition: background-color 300ms linear;
    -ms-transition: background-color 300ms linear;
    -o-transition: background-color 300ms linear;
    -ms-transition: background-color 300ms linear;
}

.button--red .wp-block-button__link, .ghostbtn{
    background-color:var(--color-red);
    padding: 2rem 3rem;
        color: #fff;
}

.ghostbtn{
    padding:1rem 2rem;
}


.button--red .wp-block-button__link a{
    color: #fff;
}

.page-button .wp-block-button__link:hover{
    background-color:var(--color-light-pink);
    color:#000;
}

.ghostbtn:hover{
    background:var(--color-beige);
    color:#000;
}

.section-beige-bg{
    background:var(--color-beige);
}

.small-buttons a {
    background: #fff;
    color: #3b3c3d;
    border: 1px solid #8e8e8e!important;
}

.corner-radius-block{
    -webkit-border-bottom-right-radius: 76px;
-webkit-border-bottom-left-radius: 76px;
-moz-border-radius-bottomright: 76px;
-moz-border-radius-bottomleft: 76px;
border-bottom-right-radius: 76px;
border-bottom-left-radius: 76px;
}

.14small-buttons .wp-block-button__link{
    background-color: #fff;
    color:#000;
    border: 1px solid #4C4D4F;
    color:#4C4D4F;
}







/*==============FRONT PAGE================ */



.featured-intro-block {
    position: relative;
    margin-top: -70px;
}

.featured-intro-block.img-intro-block {
    width: 450px;
}

.block-hero-statement{
    margin-top:var(--padding-section);
    text-align: center;
}

.block-hero-statement h2, h2.block-hero-statement {
    font-size: 3rem;
    color:var(--color-red);
    margin-bottom:0;
    font-family: 'Playfair Display', serif;
    max-width: 622px;
margin: 0 auto;
}


.wpmtst-testimonial-inner.testimonial-inner, .wpmslider-viewport{
    border:none!important;
}

h3.wpmtst-testimonial-heading.testimonial-heading, .wpmtst-testimonial-field.testimonial-field.testimonial-name{
    color: #fff;
}


.strong-view.wpmtst-default .wpmtst-testimonial-inner > *:not(:nth-last-child(2)):not(:last-child){
    margin-bottom: 25px!important;
}

.logo-weddingwire {
  width: 300px;
  height: auto;
  margin: 0 auto;
    margin-bottom: 0px;
  margin-bottom: 2.5rem;
}


/*=====latest work cards ======= */



.art_projects_list_front .wp-block-group__inner-container {
    display: flex;
    flex-direction: row;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    justify-content: space-between;
}


.art_projects_list_front .wp-block-group__inner-container .projects-item {
    flex: 0 0 31%;
    height: 600px;
   scroll-snap-type: mandatory;
    scroll-snap-align: center;
    justify-content: space-between;
    cursor: pointer;
    border-radius: 10px!important;
}


.projects-item {
  position: relative;
  overflow: hidden;
  margin-bottom: 25px;
  border-radius: 16px!important;
}

.wrap-card {
  position: absolute;
  bottom: 20%;
  left: 0;
  width: 100%;
  height: 45%;
  background-color: var(--color-light-pink)!important;
  transform: translateY(100%);
  transition: transform 0.9s ease;
 border-radius: 10px!important;
  padding: 25px;
  color:#4C4D4F!important;
}

.layer-wrapper{
    border-radius: 16px!important;
}

.item .excerpt, .item a{
    color:#4C4D4F!important;
}

.projects-desc p{
    font-size: 16px!important;
}

.wrap-card a{
     color:#4C4D4F;
}

.projects-item:hover .wrap-card {
  transform: translateY(50%);
}

.item:hover .wrap-card {
  transform: translateY(50%);
}

.art_projects_list_front .projects-poster{
    height: 100%;
}

.projects-poster{
    border-radius: 16px!important;
}

.art_projects_list_front .projects-poster img{
    width: 100%;
    height: 100%;
    object-fit: cover;
} 

.projects-poster img{
    
     transition: transform .8s ease;
}

.projects-item:hover .projects-poster img{
    transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}


.project-listing-header{
    border-bottom: 1px solid #d0c8b2;
    margin-bottom: 50px;
    padding-bottom: 50px;
    padding-top: 50px;
    text-align: center;
    width:100%; 
   display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
   display: -ms-flexbox;  /* TWEENER - IE 10 */
   display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
   display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
   -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.project-listing-header h1{
    margin-bottom: 0;
    line-height: 0.7em;
    text-transform: uppercase;
    color: var(--color-gray);
    font-size: clamp(2.8382011413574215rem,-4.228465294775386rem + 11.041666306457513vw,9.021534272973629rem);
}

.work-list-page{
    padding-bottom: var(--padding-section);
}


.subtitle p{
    font-family: 'Roboto', sans-serif;
   
    font-weight: 400;
    text-align: left;
    font-size: 15px;
}

.subtitle{
    max-width: 50%;
}


@media (max-width: 768px) {
  .wrap-card {
    transform: translateY(50%);
  }
}

@media (min-width: 1528px) {
  .project-listing-header h1{
    margin-bottom: 0;
    line-height: 0.7em;
    text-transform: uppercase;
    color: var(--color-gray);
    font-size: 6rem;
    }
}


/*=====latest work cards ======= */



.small-button-wrap {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}


.process-block-front { 
  counter-reset: item;
  list-style-type: none;
    padding: 0;
    margin: 0;
   margin-top: 60px;
}



ul.block-blog-post-front{
    margin:0;
    padding:0;
    margin-top: 50px;
}

ul.block-blog-post-front li{
    display: flex;
    flex-direction: column-reverse;
    border-bottom: 1px solid #e9e0c9;
    padding-bottom: 30px;
    padding-top: 30px;
    transition: 0.9s ease;

}

ul.block-blog-post-front li a{
    font-size: 2rem;
    color: var(--color-gray);
    transition: transform 0.9s ease;
}


ul.block-blog-post-front li:hover > a{
    color: #e9e0c9;
}



.block-process-steps p, .block-process-steps h3 {
    color:var(--font-brown-color);
}



.min-padding{
    padding-top: 35px!important;
    padding-bottom: 35px!important;
}

.about-txt{
    margin-top: 50px;
}

figure.wp-block-image.size-full.icon {
    margin-bottom: 0;
}

@media only screen and (max-width: 787px) {
  .art_projects_list_front .wp-block-group__inner-container{flex-direction: column;}
  .art_projects_list_front .wp-block-group__inner-container .projects-item{margin-bottom: 25px;}
  .art_projects_list_front .projects-poster {height: 450px;}
  .corner-radius-block{
    -webkit-border-bottom-right-radius: 40px;
    -webkit-border-bottom-left-radius: 40px;
    -moz-border-radius-bottomright: 40px;
    -moz-border-radius-bottomleft: 40px;
    border-bottom-right-radius: 40px;
    border-bottom-left-radius: 40px;
  }
  .small-button-wrap{flex-direction: column;margin-top: 25px; align-items: center;}
  .small-button-wrap .wp-block-buttons.is-layout-flex{margin-bottom: 25px;}
  .filter-links{text-align: center;}

  .heading-h1 {
    font-size: clamp(30px,5.556vw,80px);
    font-weight: 300;
    line-height: 145%;
    text-transform: uppercase;
    color: var(--color-gray);
    }
    .featured-intro-block {position: relative;margin-top: -38px;}
    .heading-h1 strong{margin-left: 0rem;}
    h2{font-size: 2rem;margin-bottom: 0.5rem;}
    .process-block-front{margin-top:25px;}
    .odd-30, .odd-10{margin-left: 0%;}
}



  .heading-h1 strong{
    background: url('../img/line.svg');
    background-repeat: no-repeat;
    background-position: bottom;
    padding-bottom: 11px;
  }


/*=====List project ======= */



.layer-wrapper{
    background:none!important;
}





/*=====Project single page ======= */


#artn-project-details{
    margin-bottom: 35px;
}

.block-header {
  display: flex!important;
  flex-direction: row;
  max-height: 800px;
  width: 100%;
}

.col-header-block {
  width: 100%;
}

.project-header-bg h1 {
  color: #fff;
  padding-top: 10rem;
  padding-bottom: 10rem;
}

.col-header-block.left-block {
  display: flex;
  justify-content: center;
  align-content: center;
  padding: 13%;
  text-align: center;
  flex-direction: column;
}

.col-header-block.left-block h1 {
  margin-bottom: 1.5rem;
  font-size: 3.8rem;
  font-weight: 400;
  line-height: 4rem;
  color: var(--color-gray);
}

.col-header-block.left-block p{
    color:var(--color-red);
}


.below-header-content {
    background: var(--color-beige);
    padding-top:var(--padding-section);
    padding-bottom: var(--padding-section);
}

.col-header-block.right-block {
    overflow: hidden;
}

div#work-desc-single-page {
       padding-bottom: var(--padding-section);
}




.nav-links {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px;
    max-width: 1240px;
    margin: 0 auto;
    margin-top: 80px;
    }


nav.navigation.post-navigation {
    padding-top: 50px;
    padding-bottom: 50px;
    margin: 0;
}

a:visited{
    color:#000;
}

.nav-previous, .nav-next{
background: #fff;
color: #3b3c3d;
border: 1px solid #8e8e8e important;
text-align: center!important;
cursor: pointer;
justify-content: center;
box-sizing: border-box;
font-family: var(--font-body-family);
font-size: 14px;
text-transform: uppercase;
font-weight: 600;
-webkit-appearance: none;
appearance: none;
width: max-content;
padding: calc(1.3rem - 1px) 2rem;
border-radius: 10rem;
border: 1px solid transparent;
text-decoration: none;
line-height: 1;
color:#000;
transition: background-color 300ms linear;
-webkit-transition: background-color 300ms linear;
-ms-transition: background-color 300ms linear;
-o-transition: background-color 300ms linear;
-ms-transition: background-color 300ms linear;
}

.nav-previous:hover, .nav-next:hover{
    background-color: var(--color-light-pink);
    color:#000;
    border: none;
}








/*=====Blog single page ======= */

.blog-media .post-thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.blog-media .post-thumbnail {
  height: 700px;
  width: 100%;
  margin-bottom: 80px;
}

.side-l-blog-single-content h1 {
  line-height: 3.5rem;
  font-size: 2.5rem;
}


.artn-blogs {
  border-bottom: 1px solid #d0c8b2;
  padding-bottom: 79px;
}


.blog-page{
    padding-bottom: var(--padding-section);
}


.artn-blogs::last-child{
    border-bottom:none;
}

.list-blog-item {
  display: flex;
  cursor: pointer;
}

.post-cover-img {
  width: 40%;
  margin-right: 25px;
  height: 350px;
  /*display: flex;*/
  overflow: hidden;
  border-radius: 16px;
}

.post-cover-img img{
    border-radius: 16px;
    width: 100%;
    height: 350px;
    object-fit: cover;
   transition: all .8s ease-in-out;
}

.post-cover-img img:hover{
    transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

.artn-blogs.agl.agl-fadeUp.agl-html2canvas {
  width: 60%;
}


h2.entry-title a{
    font-family: 'Playfair Display', serif;
    color:var(--color-gray);
  transition: transform 0.9s ease;
}


h2.entry-title a:hover{
      font-style: italic;
}

.artn-blogs .entry-meta a, .artn-blogs .entry-meta{
    color:var(--font-brown-color);
    font-style: italic;
}



.node-content {
  margin-top: 50px;
  background: var(--color-light-pink);
  padding: 25px;
  border-radius: 10px;
}


.blog-entry-content {
  padding-left: 25px;
}

.node-content p{
    margin-bottom: 50px;
}


.blog-sidebar a:hover{
    background-color: var(--color-gray);
    border-color: var(--color-gray);
    color:#fff;
}



@media (max-width: 580px) {
  .list-blog-item {
    display: flex;
    cursor: pointer;
    flex-direction: column;
    }

    .post-cover-img{
        width: 100%;
        margin-bottom: 25px;
    }

    .artn-blogs.agl.agl-fadeUp.agl-html2canvas{
    width: 100%;

    }
}






















.artn-form-section{
	margin-top:-15px!important;
}







.weddingwireWidget__footer{
    display: none;
}

.weddingwireWidget{
    border:none !important;
    /*background-color: white;*/
}

.weddingwireWidget > div:nth-child(2){
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.weddingWireWidgetReview{
    width: calc(33% - 1rem);
    background-color: white;
    padding: 20px;
    border: 1px solid #e6e3e3 !important;
    border-radius: 4px;
    margin-right: 1rem;
}

.weddingWireWidgetReview:last-of-type {
    margin-right: 0;
}


.weddingwireWidget__header{
    display: none;
}

.reviews-btn-front{
    margin-top: 50px;
}

@media screen and (max-width: 992px) {
    .weddingwireWidget > div:nth-child(2){
        flex-direction: column;
    }
    .weddingWireWidgetReview{
        width: 100%;
        margin-bottom: 25px;
    }
}






/*================Testimonials front ============== */



.wpmtst-testimonial-inner.testimonial-inner {
    background: #fff;
}


.wpmtst-testimonial-field.testimonial-field.testimonial-name {
    color: #af1a26;
}


h3.wpmtst-testimonial-heading.testimonial-heading {
    color: #3b3c3d;
}






/*================Testimonials page ============== */




form.wpmtst-submission-form input{
    height: 60px;
    padding-left: 10px;
}

.wpmtst-testimonial-inner.testimonial-inner {
    border-radius: 5px;
}

