/*
Theme Name: INK Design theme
Theme URI: https://www.ink.gr
Description: inkdesign theme
Author: INK Design - Toys for Brands
Author URI: https://www.ink.gr
Version: 1.0
*/

/*------------------------------------*\
	GENERAL
\*------------------------------------*/
*,
*:after,
*:before {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering:optimizeLegibility;
}
html {
	-webkit-tap-highlight-color: transparent;
}
body {
	background-color: white;
}
img {
	max-width: 100%;
	vertical-align: middle;
}
input[type="text"],
input[type="search"] {
	font-size: inherit;
	line-height: inherit;
}
::-moz-selection {
	background-color: #8f9095;
}
::selection {
	background-color: #8f9095;
}

.grid-container {
    max-width: 89rem;
}

.grid-x.grid-padding-x.main-header {
    align-items: center;
}

.wp-block-button.colortheme.btn-theme a,
a.btn-theme{
    font-size: 18px;
    color: rgb(119, 89, 1);
    text-transform: uppercase;
    line-height: 0.297;
    border: none;
    border-bottom: 1px solid;
    padding-bottom: 20px;
}

.align-center {
    text-align: center;
}

/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/
body{
	line-height: 1.5;
}
a, a:focus, a:hover {
	text-decoration: none;
}
::-moz-selection, ::selection {
	text-shadow: none;
}

li.menu-item a, a.head-quote {
    /*font-size: 20px;*/
    font-size: clamp(1.2rem, 1vw, 20px);
    font-family:  "Quicksand", sans-serif!important;
    color: rgb(255, 255, 255);
    line-height: 1.297;
    font-weight: 500;
}

a.head-quote {
    position: absolute;
    right: 5rem;
    /* font-size: 18px; */
    /* font-family: 'quicksandlight', sans-serif; */
    /* color: rgb(255, 255, 255); */
    /* line-height: 1; */
    border: 1px solid;
    padding: 18px 30px;
    font-weight: 600;
}

a.head-quote:hover {
    background: white;
    transition: all 0.5s ease;
}

h2, h3 {
    font-family: 'quicksandlight', sans-serif;
    text-transform: uppercase;
}

h2 {
    font-weight: 500;
    /*font-size: 35px;*/
    font-size: clamp(1.6rem, 2vw, 35px);
    text-transform: uppercase;
    line-height: 1.429;
}

h3 {
    font-size: 25px;
    font-weight: 500;
    color: rgb(119, 89, 1);
    text-transform: uppercase;
    line-height: 1.4;

}

h4 {
  font-size: 19px;
  color: rgb(119, 89, 1);
  text-transform: uppercase;
  line-height: 1.158;
  font-weight: 500;
}

p {
    font-size: 16px;
    font-family: 'quicksandlight', sans-serif;
    color: rgb(87, 86, 86);
}

@font-face {
    font-family: 'quicksandlight';
    src: url('quicksand-variablefont_wght-webfont.woff2') format('woff2'),
         url('quicksand-variablefont_wght-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/*------------------------------------*\
	TYPOGRAPHY COLORS
\*------------------------------------*/
body, a{
	color: #444444;
}
::-moz-selection, ::selection {
	color: #FFFFFF;
}
.white{
	color: #FFFFFF;
}
a:focus, a:hover{
	color: #8f9095;
}

.colortheme-heading, h3 {
    color: rgb(119, 89, 1);
}

p {
    color: rgb(87, 86, 86);
}

h2{
    color: rgb(119, 89, 1);
}

/*------------------------------------*\
	TYPOGRAPHY FONTS
\*------------------------------------*/
body, h1, h2, h3, h4, h5, h6, p{
	font-family: 'quicksandlight', sans-serif;
}


/*------------------------------------*\
	SPACING
\*------------------------------------*/

.p-t-b-medium {
    margin-top: 100px;
    margin-bottom: 100px;
}


.p-t-b-small {
    padding-top: 50px;
    padding-bottom: 50px;
}

.main-header-container {
    padding-top: 15px;
}

.p-t-b-posts {
    padding-top: 80px;
    padding-bottom: 50px;
}

.p-t-b-portfolio {
    padding-top: 20vh;
}

/*------------------------------------*\
	HEADER
\*------------------------------------*/

.top-bar, .top-bar ul {
    background-color: transparent;
    justify-content: space-around;
}

.top-bar .top-bar-right {
    margin-left: unset;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

header, .main-header-container {
    position: fixed!important;
    top: 0;
    width: 100%;
    z-index: 99999;
    /* padding-top: 15px; */
}

.sticky.is-anchored.is-at-bottom, .sticky.is-anchored.is-at-top {
    top: 0!important;
    /*padding: 10px 0;*/
    justify-content: space-between;
}

a.mobile-menu-link svg {
    width: 22px;
    visibility: hidden;
}

.mobile-menu-container {
    position: fixed;
    width: 100%;
    padding: 0px!important;
    z-index: 99999;
    height: 65px!important;
    top: 0!important;
}

.sticky.is-anchored {
    max-width: 100%!important;
    width: 100%!important;
    top: 0!important;
    background: #e0e0e06b;
}

.top-bar, .top-bar ul {
    background-color: transparent;
    justify-content: space-around;
}

.top-bar .top-bar-right {
    margin-left: unset;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.logo svg {
    max-width: 60%;
}

.logo svg#Layer_1 {
    fill: #925C32;
}

ul.submenu.menu.is-dropdown-submenu.first-sub.vertical {
    min-width: 100%;
    width: 35vh;
    left: -8vh;
    border-radius: 35px;
}

.is-dropdown-submenu-parent.is-active, 
.is-dropdown-submenu-parent.is-active a,
.dropdown.menu>li.is-active>a{
    color:rgb(146, 92, 50);
}

li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.menu-item-11.has-submenu.is-dropdown-submenu-parent.opens-right:focus-visible {
    outline-color: transparent;
    background: white;
}

ul.submenu.menu.is-dropdown-submenu.first-sub.vertical a {
    line-height: 1.5;
    padding: .8rem 2rem;
}

.dropdown.menu>li.is-dropdown-submenu-parent>a:after {
    border-color: rgb(146, 92, 50) transparent transparent;
}

.top-bar ul.submenu {
    background: white;
}

.closemenu {
    display: none;
    position: fixed;
    z-index: 99999;
    left: 15px;
    top: 15px;
    font-size: 50px;
    color: black;
    /* margin-top: -26px; */
    font-weight: 300;
    transition: all 1s ease;
    position: relative;
}

/*  */
span.close-custom:before, span.close-custom:after {
    content: "";
    transition: all 0.5s ease;
    border-top: 2px solid #ffffff;
    position: absolute;
    right: 0;
    top: 30px;
}

span.close-custom {
    position: relative;
    width: 50px;
    height: 50px;
    display: block;
}

span.close-custom:before {
    width: 45px;
    transform: rotate(45deg); /* needs Y at 0 deg to behave properly*/
    transition: transform 2s;
}

span.close-custom:after {
    width: 45px;
    transform: rotate(-45deg);
    transition: transform 2s;
}
/*  */


.off-canvas-content.is-open-top .closemenu {
    display: block;
    position: absolute;
}

/* off canvas  */
	div#offCanvasMenu {
	    background: rgb(255 255 255);
	    justify-content: center;
	}
	
	.closemenu {
	    color: white;
	    line-height: 2.2;
	}
	
	ul.accordion.off-canvas-nav {
	    background: transparent;
	    margin-bottom: 0;
	}
	
	ul.accordion.off-canvas-nav li.menu-item a {
	    color: rgb(119, 89, 1);
	    font-weight: 400;
	}
	
	.position-top ul.accordion.off-canvas-nav li {
	    line-height: 15px;
	    margin-bottom: 0;
	    text-align: center;
	}
	
	ul.accordion.off-canvas-nav li.menu-item .submenu-toggle {
	    top: 16px;
	}
	
	ul.accordion.off-canvas-nav ul.sub-menu.submenu.is-accordion-submenu.is-active {
	    list-style: none;
	    margin: 0;
	}
	
	ul.accordion.off-canvas-nav ul.sub-menu.submenu.is-accordion-submenu.is-active li.menu-item {
	    /* height: 45px; */
	}

	.position-top ul.accordion.off-canvas-nav li ul.sub-menu.submenu.is-accordion-submenu.is-active li.menu-item{
		font-size: 13px;
		line-height: 15px;
	}
	
	ul.accordion.off-canvas-nav ul.sub-menu.submenu.is-accordion-submenu.is-active {
	    margin-bottom: 20px;
	}
	
	.sticky-container.stuckmob .mobile-menu {
        background: rgb(255 255 255);
        justify-content: space-between;
    }

/* off canvas  */	




/*------------------------------------*\
	HEADER
\*------------------------------------*/

/* ------------------------------------------------------------------------ */
/* ----------------------------------RESPONSIVE---------------------------- */
/* ------------------------------------------------------------------------ */
.position-top .logo {text-align: center;}

div#offCanvasMenu {
    opacity: 0;
}

div#offCanvasMenu.loadop {
    opacity: 1;
}

div#offCanvasMenu {
    z-index: 99999;
    justify-content: center;
}

.position-top {
 height: 100vh;
 display: flex;
 flex-direction: column;
 align-items: center;
}

.position-top .logo img {
 height: auto;
}

.position-top ul.accordion.off-canvas-nav li {
 font-size: 16px;
 letter-spacing: 1px;
 line-height: 30px;
 margin-bottom: 3vh;
 text-transform: uppercase;
 }

 .position-top ul.accordion.off-canvas-nav li .submenu-toggle {
    height: 29px;
    right: auto;
 }

.position-top ul.accordion.off-canvas-nav li .submenu-toggle:after {
 border-color: black transparent transparent;
}

a.mobile-menu-link:before {
    top: -2px;
    width: 45px;
 } 

 a.mobile-menu-link:after, a.mobile-menu-link:before {
    content: "";
    transition: all 0.5s ease;
    border-top: 2px solid rgb(119, 89, 1);
    height: 2px;
    position: absolute;
    right: 0;
}

a.mobile-menu-link:after {
    top: 8px;
    width: 30px;
}

a.mobile-menu-link span {
    position: absolute;
    left: 0;
    top: 0;
    margin-top: -13px;
    height: 25px;
    width: 100%;
    display: block;
     max-width: 90%;
}

a.mobile-menu-link {
    padding: 0 30px;
    /* border-top: 1px solid; */
    margin: 0;
    height: auto;
    font-size: 10px;
    position: relative;
    transition: all 0.5s ease;
}

a.mobile-menu-link {
    position: relative;
}

.mobile-menu-container a {
    color: #ffffff;
    width: 60px;
}

/*  */
.wrapper.off-canvas-content.is-open-top.has-transition-overlap.has-position-top a.mobile-menu-link:after, 
.wrapper.off-canvas-content.is-open-top.has-transition-overlap.has-position-top a.mobile-menu-link:before {content: "";transition: all 0.5s ease;position: absolute;right: 0;top: 0px;}

.wrapper.off-canvas-content.is-open-top.has-transition-overlap.has-position-top a.mobile-menu-link:before{
    width: 45px;
    transform: rotate(45deg);
    transition: transform 1s;
}

.wrapper.off-canvas-content.is-open-top.has-transition-overlap.has-position-top a.mobile-menu-link:after{
    width: 45px;
    transform: rotate(-45deg);
    transition: transform 1s;
}

/*  */

@media screen and (min-width:1024px){
    div#offCanvasMenu {
     opacity: 0; 
    }
}


.mobile-menu-container a svg {
    display: none;
}

/*------------------------------------*\
	HOME PAGE
\*------------------------------------*/

.home .p-t-b-medium {
    margin-top: 50px;
}

.home .intro-text {
    margin: 35px auto 0;
    max-width: 100%;
}

.section-video {
    position: relative;
    height: 100vh;
    overflow: hidden;
    /*z-index: 99998;*/
}

.homepage-bg {
    position: absolute;
    width: 100%;
    height: inherit;
    top: 0;
    background-size: cover;
}

.main-header-container:before {
    content:'';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 11rem;
    z-index: 999999999;
    display: block;
    /* background-image: linear-gradient(228deg, #2e2e2e73, transparent); */
    background-image: -moz-linear-gradient( 270deg, #41404073 0%, #2e2e2e38 50%, transparent 100%);
    background-image: -webkit-linear-gradient( 270deg, #41404073 0%, #2e2e2e38 50%, transparent 100%);
    background-image: -ms-linear-gradient( 270deg, #41404073 0%, #2e2e2e38 50%, transparent 100%);
    z-index: -1;
}

.is-stuck .main-header-container:before {
    background-image: -moz-linear-gradient( 270deg, #41404099 0%, #2e2e2e78 50%, transparent 100%);
    background-image: -webkit-linear-gradient( 270deg, #41404099 0%, #2e2e2e78 50%, transparent 100%);
    background-image: -ms-linear-gradient( 270deg, #41404099 0%, #2e2e2e78 50%, transparent 100%);
}

.two-col.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
    flex-basis: auto;
}

.wp-block-column.txo-col-text>* {
    max-width: 60%;
    margin-bottom: 3.2rem;
}

.two-col-left-text .wp-block-column.txo-col-text>* {
    margin: 0 0rem 3.2rem auto;
}

.wp-block-image.p-r-img figure {
    /*padding-left: 20rem;*/
}

.wp-block-columns.meet-the-planner {
    /* background-image: url(/wp-content/uploads/2022/10/parallax_photo.jpg); */
    min-height: 500px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 100px;
    position: relative;
}

.parallax-video {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    max-height: 90vh;
    overflow: hidden;
}

.parallax-video video {
    /* position: fixed; */
    /* z-index: -10001; */
    /* top: 0; */
    width:100%!important;
}

.meet-the-planner h3 {
    margin-bottom: 5vh;
}

.wp-container-14.two-col-posts {
    gap: 8em;
}

.two-col-posts .wp-block-column.is-vertically-aligned-center {
    box-shadow: 0px 9px 10px 0px rgba(0, 1, 1, 0.1);
}

.wp-block-columns.grid-container.two-col-posts {
    max-width: 72rem;
    max-width: fit-content;
    gap: 10em;
}

.wp-block-columns.grid-container.two-col-posts .wp-block-column>* {
    padding-bottom: 25px;
}

.wp-block-columns.grid-container.two-col-posts .wp-block-column .wp-block-buttons {
    margin-bottom: 10px;
}

/*------------------------------------*\
	SERVICES
\*------------------------------------*/
.service-intro-list li::marker {
  color: rgb(119, 89, 1);
  font-size: 1.6rem;
  content:'-';
}

.service-intro-list li {
    font-size: 18px;
    color: rgb(87, 86, 86);
    line-height: 1.6;
    padding-right: 8em;
    padding-left: 5px;
}

.service-intro-list ul {
    margin: 0 0 0 auto;
    max-width: 90%;
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
}

.service-intro-list .wp-block-buttons {
    max-width: 90%;
    margin: 5em auto;
    text-align: center;
}

.page-title {
    font-size: 35px;
    color: rgb(119, 89, 1);
    text-transform: uppercase;
    line-height: 1.429;
    font-weight: 500;
    letter-spacing: 1px;
}

/**/

.grid-container.grid-services {
    max-width: 100rem;
    padding: 0;
}

.grid-container.grid-services .grid-x.main-row .cell {
    max-width: 45%;
}

.grid-container.grid-services .grid-x.main-row .cell:last-child .post-image {
    text-align: right;
}

.grid-container.grid-services .grid-x.main-row h2 {
    text-align: center;
}

.grid-container.grid-services .grid-x.main-row {
    justify-content: space-between;
}

.grid-container.grid-services .grid-x.main-row .slide-service {
    display: flex;
    flex-direction: column;
    max-width: 80%;
    position: relative;
    margin-top: -100px;
    margin: -15rem auto 0;
    text-align: center;
    background: white;
    box-shadow: 2px 2px 10px #80808066;
}

.slide-service-item .post-info {
    width: inherit;
    display: flex;
    flex-direction: column;
    padding: 50px;
    gap: 25px;
}

.slide-service-item .post-image {
    z-index: -1;
    position: relative;
    display: block;
}

.slide-service-item .post-image img {
    z-index: 0;
}

.slide-service-item .post-info a.btn-theme {
    margin: 0 auto 0;
}

.slide-service-item .post-info p.has-text-align-center {
    height: 100px;
    overflow: hidden;
    padding: 0 35px;
}

.slide-service button.slick-prev {
    left: 25px;
    z-index: 5;
}

.slide-service button.slick-next {
    right: 25px;
    z-index: 5;
}

.slide-service .slick-next:before, 
.slide-service .slick-prev:before {
    color: rgb(119, 89, 1);
    font-family: auto;
    font-size: 65px;
}

.slide-service button.slick-next, 
.slide-service button.slick-prev {
    height: 65px;
    top: calc(50% );
}

.slide-service .slick-prev:before {
    content: '\2039';
}

.slide-service .slick-next:before {
    content: '\203A';
}

/*------------------------------------*\
	SINGLE SERVICE
\*------------------------------------*/
.service-post-content {
    max-width: 45rem;
    margin: 100px auto;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: center;
}



.service-post-content .single-content h4 {
    padding-bottom: 5rem;
    position: relative;
}

.service-post-content .single-content h4:after {
    content: '';
    width: 25%;
    height: 2px;
    display: block;
    margin: 0 auto;
    position: absolute;
    background: rgb(119, 89, 1);
    top: 50%;
    left: calc(75% / 2 );
}

.service-post-content h1.single-title {
    font-size: 35px;
    color: rgb(119, 89, 1);
    text-transform: uppercase;
    line-height: 1.429;
}

.service-bootom a.btn-theme {
    margin: 5em auto 0;
    text-align: center;
    justify-content: center;
    display: flex;
    flex: 0 0 auto;
    width: fit-content;
}

.moto-ins {
    text-align: center;
    max-width: 35rem;
    margin: 0 auto;
}

.moto-ins img {
    margin: 1.5em auto;
}

.moto-ins h3:first-child {
    text-align: left;
}

.moto-ins h3:last-child {
    text-align: right;
}

.moto-ins h3 {
    font-size: 35px;
    font-family: 'quicksandlight';
    color: rgb(119, 89, 1);
    text-transform: uppercase;
    line-height: 1.429;
    margin-right: -5rem;
}

/*------------------------------------*\
	TESTIMONIAL PAGE - SWEET WORDS
\*------------------------------------*/

.intro-text{
    max-width: 45rem;
    margin: 100px auto;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: center;	
}

.testimonial-row.two-col.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
    flex-basis: 0;
}


.all-testimonials .wp-block-columns.testimonial-row:nth-child(even) {
    flex-direction: row-reverse;
}

.two-col-right-text .wp-block-column.txo-col-text>* {
    padding-left: 15%;
    max-width: 57%;
}

.two-col-left-text .testimonial-text-inside>* {
    padding-left: 30%;
    max-width: 75%;
}

.testimonial-text-inside p {
    font-size: 16px;
    color: rgb(87, 86, 86);
    line-height: 1.375;
    text-align: center;
    font-style: italic;
}

.testimonial-text-inside h3, .testimonial-text-inside h4 {
    font-weight: 500;
}

.testimonial-text-inside p {
    margin-top: 5vh;
    position: relative;
}

.testimonial-text-inside p:after {
    content: '';
    position: absolute;
    bottom: -20px;
    right: 0;
    width: 110px;
    height: 71px;
    background-image: url(https://www.mykonosweddings.net/wp-content/uploads/2022/11/quote_icon.png);
    background-repeat: no-repeat;
}


.testimonial-row .slick-prev:before {
    background-image: url(https://www.mykonosweddings.net/wp-content/uploads/2022/11/arrow_left.png);
}

.testimonial-row .slick-next:before {
    background-image: url(https://www.mykonosweddings.net/wp-content/uploads/2022/11/arrow_right.png);
}


.testimonial-row .slick-next:before, 
.testimonial-row .slick-prev:before {
    width: 24px;
    content: '';
    background-repeat: no-repeat;
    height: 44px;
    display: block;
    background-size: cover;
}

.testimonial-row .slick-next {
    right: 25px;
}

.testimonial-row .slick-prev {
    left: 25px;
}

.testimonial-row .slick-next, .testimonial-row .slick-prev {
    z-index: 1;
}

/*------------------------------------*\
	FOOTER
\*------------------------------------*/

.main-footer-container li.menu-item a, .main-footer-container li {
    font-size: 15px;
    font-family: 'quicksandlight', sans-serif;
    color: rgb(87, 87, 87);
    line-height: 2.286;
    letter-spacing: 0;
    font-weight: 400;
    padding: 0;
}

.grid-x.main-footer ul.menu {
    flex-direction: column;
}

.main-footer-container h3 {
    font-size: 18px;
    font-family: 'quicksandlight', sans-serif;
    color: rgb(119, 89, 1);
    text-transform: uppercase;
    line-height: 1.944;
    font-weight: 500;
}

li span {
    font-size: 14px;
    color: rgb(119, 89, 1);
    line-height: 2.286;
}

ul.social-footer {
    display: flex;
    list-style: none;
    flex-direction: row;
    width: 100%;
    max-width: 50%;
    margin: 0;
    justify-content: space-around;
}

.p-t-b-f {
    padding-top: 100px;
    padding-bottom: 60px;
}


/**/
.position-fixed-top {
    position: fixed;
    top: calc(50% - 120px );
    right: 0;
}

.social-links-all.position-fixed-top {
    z-index: 99999;
}

.social-links-all ul {
    list-style: none;
}

.social-links-all ul li {
    padding-top: 10px;
}

/*------------------------------------*/
/*-----------PORTFOLIO----------------*/
/*------------------------------------*/

section.portfolio-section .grid-x.grid-padding-x.grid-padding-y {
    text-align: center;
    justify-content: center;
}


/*------------------------------------*/
/*---------------BLOG-----------------*/
/*------------------------------------*/

.blog-reverse article:nth-child(even) .grid-x {
    flex-direction: row-reverse;
}

.blog-reverse {
    max-width: 80%;
    margin: 0 auto;
    padding: 20vh 0;
    width: 100%;
}

.archive .blog-reverse {
    padding: 0;
    max-width: 100%;
}

.archive main.main-container {
    padding: 15vh;
}

.archive main.main-container h1.category-title {
    text-align: center;
}

.archive main.main-container .breadcrumbs-container.show-for-large {
    text-align: center;
}

.blog-reverse article .grid-x .cell:last-child {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 5vh;
    text-align: center;
}

.blog .blog-reverse .post-more a,
.archive .post-more a {
    font-size: 18px;
    color: rgb(119, 89, 1);
    text-transform: uppercase;
    line-height: 0.297;
    border: none;
    border-bottom: 1px solid;
    padding-bottom: 20px;
}

.blog-reverse h3.post-subtitle a {
    font-size: 25px;
    font-weight: 500;
    color: rgb(119, 89, 1);
    text-transform: uppercase;
    line-height: 1.4;
}

.blog-reverse .post-excerpt {
    font-size: 16px;
    font-family: 'quicksandlight', sans-serif;
    color: rgb(87, 86, 86);
    line-height: 1.6;
}

.blog-reverse article .grid-x .cell:last-child {
    max-width: 30vh;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: 0 auto;
}

ul.wp-block-latest-posts {
    margin: 0;
    text-align: center;
}

ul.wp-block-latest-posts .wp-block-latest-posts__featured-image.aligncenter {
    height: 300px;
    width: 300px;
    margin: 0 auto 20px;
}

ul.wp-block-latest-posts .wp-block-latest-posts__featured-image.aligncenter img.wp-post-image {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

ul.wp-block-latest-posts li a {
    font-size: 20px;
    font-weight: 300;
    text-transform: uppercase;
    line-height: 1.4;
    max-width: 66%;
    display: block;
    margin: 0 auto;
    border-bottom: 1px solid;
    padding-bottom: 15px;
}

.pagination-container ul.pagination {
    text-align: center;
}

.pagination-container ul.pagination li.current {
    background: transparent;
    border: 1px solid black;
    padding: 0.4rem;
}

.pagination-container ul.pagination li.current a {
    padding: 0px 8px;
}

.pagination-container ul.pagination li {
    margin: 0 10px;
}

.pagination ul.pagination li a:hover {
    background: transparent;
    color: initial;
    font-weight: 600;
}

h2.recent-posts-spacing {
    /*margin-bottom: 5vh;*/
}


.blog-reverse .post-article .post-image a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}

.blog-reverse .post-article .post-image a, .post-article .post-image {
    width: 100%;
    height: 50vh;
}


.feature-background {
    height: 45vh;
    position: relative;
}

.feature-background-size {
    height: inherit;
    background-size: cover!important;
    background-position: center!important;
}

.feature-background:after {
    position: absolute;
    content: '';
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: -webkit-linear-gradient( 270deg, #41404099 0%, rgb(234 199 105 / 52%) 100%);
}

.single-post .single-content p img {
    text-align: center;
    display: block;
    margin: 0 auto;
}

.main-blog-header ul.wp-block-categories-list.wp-block-categories {
    list-style: none;
    margin: 0;
    display: flex;
    width: 100%;
    justify-content: center;
    align-content: center;
    flex-direction: row;
    flex-wrap: wrap;
}

.main-blog-header ul.wp-block-categories-list.wp-block-categories li.cat-item {
    text-align: center;
    padding: 12px;
    margin: 1% 1.5%;
    /* box-shadow: 3px 2px 5px #00000021; */
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    min-height: 8vh;
}

.main-blog-header ul.wp-block-categories-list.wp-block-categories li.cat-item a {
    font-size: 16px;
    color: rgb(119, 89, 1);
    text-transform: uppercase;
    height: inherit;
    line-height: 6vh;
    color: #444444;
}

.main-blog-header ul.wp-block-categories-list.wp-block-categories li.cat-item:nth-child(odd) a {
    color: white;
    color: #444444;
}

.main-blog-header ul.wp-block-categories-list.wp-block-categories li.cat-item:nth-child(odd) {
    /* background: rgb(234 199 105); */
    /* box-shadow: 3px 4px 6px #26262621; */
}

.main-blog-header ul.wp-block-categories-list.wp-block-categories li.cat-item:not(:last-child) {
    /* border-right: 1px solid; */
    position: relative;
}

.main-blog-header ul.wp-block-categories-list.wp-block-categories li.cat-item:not(last-child):after {
    content: '|';
    display: inline;
    position: absolute;
    right: -24px;
    top: 35%;
}

.main-blog-header ul.wp-block-categories-list.wp-block-categories li.cat-item:nth-child(odd):hover {
    background: white;
    transition: 1s ease;
}

.main-blog-header ul.wp-block-categories-list.wp-block-categories li.cat-item:nth-child(odd):hover a {
    color: rgb(234 199 105);
    transition: 0.51s ease;
}

.main-blog-header ul.wp-block-categories-list.wp-block-categories li.cat-item:hover {
    /* background: rgb(234 199 105); */
    /* transition: 1s ease; */
}

.main-blog-header ul.wp-block-categories-list.wp-block-categories li.cat-item:hover a {
    color: white;
    transition: 1s ease;
    color: rgb(234 199 105);
}

.single-post main.main-container .grid-container {
    padding-top: 5vh;
}


.single-post main.main-container .main-sidebar-right ul.wp-block-latest-posts li a {
    text-align: left;
    max-width: 100%;
}

.single-post main.main-container .main-sidebar-right {
    padding: 0 0vh 0 5vh;
}

.single-post main.main-container .grid-container .main-sidebar-right h2 {
    font-size: clamp(1.4rem, 1vw, 19px);
    text-transform: capitalize;
}

.single-post main.main-container .grid-container .main-sidebar-right a.wp-block-latest-posts__post-title {
    font-size: clamp(1rem, 1vw, 17px);
    padding-bottom: 5px;
    border-bottom: 0;
}

/*------------------------------------*/
/*----------CONTACT PAGE--------------*/
/*------------------------------------*/

.wpcf7 form.sent .wpcf7-response-output {
    border-color: transparent;
    text-align: center;
    font-size: 26px;
}


ul.two-cols-list {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
    margin: 0;
    list-style: none;
    display: flex;
    flex-wrap:wrap;
    flex-direction: row;
    align-items: end;
    max-width: 55%;
    margin: 0 auto;
}

.grid-x.main-row.contact-grid {
    justify-content: center;
    align-content: space-between;
}

ul.two-cols-list li {
    margin: 0 20px 50px;
    flex: 1 1 auto;
    width:40%;
}

ul.two-cols-list li:last-child textarea[rows] {
    height: 26vh;
}

[type=color], 
[type=date], 
[type=datetime-local], 
[type=datetime], 
[type=email], 
[type=month], 
[type=number], 
[type=password], 
[type=search], 
[type=tel], 
[type=text], 
[type=time], 
[type=url], 
[type=week], 
textarea, 
select {
    border: none;
    box-shadow: none;
    background-image: none;
    background: transparent;
    border-bottom: 1px solid rgb(119, 89, 1);
}



form ::placeholder, select {
    text-transform: uppercase;
    color:#323232;
    font-size:17px;
}


[type=color]:focus, 
[type=date]:focus, 
[type=datetime-local]:focus, 
[type=datetime]:focus, 
[type=email]:focus, 
[type=month]:focus, 
[type=number]:focus, 
[type=password]:focus, 
[type=search]:focus, 
[type=tel]:focus, 
[type=text]:focus, 
[type=time]:focus, 
[type=url]:focus, 
[type=week]:focus, 
textarea:focus, 
select:focus{
    border: none;
    border-bottom: 1px solid rgb(119, 89, 1);
    box-shadow: none;
    background: transparent;
}

.contact-form-list p {
    margin: 0 auto;
    text-align: center;
}

input.wpcf7-form-control.has-spinner.wpcf7-submit {
    /*text-transform: uppercase;*/
    letter-spacing: 1px;
    padding: 15px 60px;
    background-color: rgb(119, 89, 1);
    color: white;
    border: none;
    font-size: 18px;
    margin-top: 20px;
    
}

li.location textarea[rows] {
    height: 50px;
}

input.wpcf7-form-control.has-spinner.wpcf7-submit span.wpcf7-spinner {
    display:inline;
}

span.wpcf7-spinner {
    display: inline!important;
    position: absolute;
}

.contact-form-list {
    border-bottom: 1px solid #00000014;
    padding-bottom: 40px;
}

span.wpcf7-form-control-wrap span.wpcf7-list-item-label, span.wpcf7-list-item-label a {
    color: #323232;
    font-size: 16px;
}

span.wpcf7-form-control-wrap input[type="checkbox"] {
    line-height: 1;
}

.sbi_header_img {
    display: none;
}

#sb_instagram .sb_instagram_header .sbi_header_text.sbi_no_bio h3, 
.sb_instagram_header .sbi_header_text.sbi_no_bio h3,
#sb_instagram .sb_instagram_header .sbi_header_text .sbi_bio, 
#sb_instagram .sb_instagram_header .sbi_header_text h3, 
.sb_instagram_header .sbi_header_text .sbi_bio, 
.sb_instagram_header .sbi_header_text h3{
margin: 0 0 30px 0px!important;
    justify-content: center;
    position: relative;
    /* flex: 100%; */
    text-transform: lowercase;
    font-size: 16px;
    display: block;
    width: 100%;
}

p.sbi_bio {
    text-transform: unset!important;
}

#sb_instagram .sb_instagram_header .sbi_header_text  h3:before {
    content: '@';
    margin-right: 5px;
    font-size: 20px;
    display: revert;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

#sb_instagram .sb_instagram_header a, .sb_instagram_header a {
    float: none;
}

#sb_instagram .sb_instagram_header, .sb_instagram_header {
    text-align: center;
    float: none;
}

#sb_instagram .sb_instagram_header .sbi_header_text, 
.sb_instagram_header .sbi_header_text {
    float: none;
    text-align: center;
}

.display-posts.wp-block-latest-posts {
    display: none;
}

.dispnone{
        display: none!important;

}

html body .modula-fancybox-container.modula-fancybox-is-open {
    z-index: 999999999999999999999999999999999999!important;
}

html body .modula.modula-gallery-initialized .modula-item:hover img, 
html body .modula.modula-gallery-initialized .modula-items .modula-item.tg-loaded:hover img.pic{
    opacity:1!important;
}

li.head-quote.menu-item a {
    border: 1px solid;
    padding: 10px 30px;
    font-weight: 600;
}

li.head-quote.menu-item a:hover {
    background: white;
    transition: all 0.5s ease;
    color:black;
}

.main-header-container .grid-container {
    max-width: 100%;
    max-width: 95rem;
}

.blog  aside.sidebar {
    display: none;
}

.contact-page-info p img {
    vertical-align: middle;
    margin-right: 10px;
}

.instagram-feed-photos {
    padding-top: 100px;
}

h4.single-excerpt.contact-excerpt {
    text-align: center;
    margin-bottom: 25px;
}

.page-template-page-contact .intro-text {
    margin: 100px auto 20px;
}

/*------------------------------------*/
/*------------RESPONSIVE--------------*/
/*------------------------------------*/

/*Laptop*/

@media only screen   
and (min-width: 1030px)   
and (max-width: 1366px){

    .two-col-right-text .wp-block-column.txo-col-text>*{
        padding-left: 5%;
        max-width: 85%;
    }

    .two-col-left-text .wp-block-column.txo-col-text>*{
        margin: 0 0rem 2.2rem auto;
        max-width: 90%;
    }

    .p-t-b-medium{
        margin-top: 60px;
        margin-bottom: 0;
    }

    .intro-text {
        margin: 35px auto 0;
    }

    .service-intro-list .wp-block-buttons {
        margin: 4em auto 0em;
    }

    .grid-container.grid-services{
        max-width: 80%;
    }
    
    .grid-container.grid-services .grid-x.main-row .slide-service {
    margin: -24rem auto 0;
    }
    
    .grid-container.grid-services .grid-x.main-row h2 {
        margin-bottom: -5rem;
        z-index: 10;
        position: relative;
        color: white;
    }
    
    .two-col-left-text .testimonial-text-inside>* {
        padding-left: 0;
        max-width: 80%;
        margin: 0 auto .5rem;
    }
    
    .two-col-right-text .wp-block-column.txo-col-text>* {
        margin: 0 auto 1rem;
        padding: 0;
        max-width: 80%;
    }    
    
    a.post-image, .post-image a {
        max-height: 58vh;
        height: 58vh;
        width: 100%;
        display: flex;
    }
    
    a.post-image img, 
    .post-image a img,
    .blog-reverse .post-article .post-image a img{
        height: inherit;
        width: 100%;
        object-fit: cover;
        object-position: top;
    }    
    
    .blog-reverse .post-article .post-image a, 
    .post-article .post-image {
        height: auto;
    }
    
    .blog-reverse {
        max-width: 90%;
    }
    
    .blog-reverse article .grid-x .cell:last-child {
        max-width: 33%;
    }    
    
    .grid-x.main-row.contact-grid {
        margin-top: 10vh;
    }
    
}

.responsivefooter {
    display: none;
}

.small-12.medium-12.large-12.cell.mobile-blog-header {
    display: none;
}
@media screen and (max-width:1024px) {
    .position-top {
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%);
    }

}
@media screen and (max-width:767px){
    .section-video {
        height: 500px;
    }
    
    div#homepage-bg {
        background-position: bottom center;
    }   

    .intro-text {
        padding: 0;
        max-width: 80%;
    }

    .two-col-right-text .wp-block-column.txo-col-text>* {
        max-width: 100%;
        padding-left: 0;
    }
    
    .p-t-b-medium {
        margin-bottom: 0;
        margin-top: 0;
    }

    .wp-block-columns.meet-the-planner {
        background-image: url(/wp-content/uploads/2022/10/parallax_photo.jpg);
        min-height: auto;
        padding: 60px 15px;
    }
    
    .two-col-left-text .wp-block-column.txo-col-text>* {
        margin: 50px auto;
        max-width: 100%;
    }
    
    .is-layout-flex.wp-container-11.wp-block-columns.two-col.two-col-left-text.p-t-b-medium {flex-direction: column-reverse;}
    
    .wp-block-image .alignright {
        float: none;
        margin: 0;
    }

    .wp-block-columns.grid-container.two-col-posts {
        gap: 3rem;
    }

    .is-layout-flow.wp-block-column.is-vertically-aligned-center.txo-col-text {
        padding: 40px 10px;
    }
    
    .two-col-right-text .wp-block-column.txo-col-text>* br {
        display: none;
    }
    
     .home .two-col-right-text .wp-block-column.txo-col-text>* br {
        display: block;
    }

    .grid-x.main-footer {
        text-align: center;
        gap: 20px;
    }
    
    .small-12.medium-6.large-3.cell.main-footer-first-column {
        text-align: center;
    }
    
    .p-t-b-f {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    
    .main-footer-container ul {
        list-style: none;
        margin: 0;
    }
    
    .main-footer-container ul.social-footer {
        align-content: center;
        max-width: 100%;
        justify-content: center;
        gap: 30px;
        margin-top: 30px;
    }


	section.simple-page .post-image ,
	.post-image {
	    min-height: 300px;
	    width: 100%;
	}
	
	section.simple-page .post-image a,
	.post-image a{
	    display: block;
	    height: inherit;
	    width: 100%;
	    min-height: inherit;
	}
	
	section.simple-page .post-image a img,
	.post-image a img,
	.post-image img{
	    object-fit: cover;
	    height: 100%;
	    width: 100%;
	    display: block;
	    min-height: inherit;
	}
	
	.service-intro-list ul {
	    margin: 0 auto;
	    max-width: 90%;
	    columns: 1;
	    -webkit-columns: 1;
	    -moz-columns: 1;
	}
	
	.service-intro-list li {
	    padding-right: 0;
	}
	
	.p-t-b-small {
	    padding-top: 10px;
	    padding-bottom: 10px;
	}
	
	.grid-container.grid-services .grid-x.main-row .cell {
	    max-width: 100%;
	    padding-bottom: 65px;
	}
	
	.grid-container.grid-services .grid-x.main-row .slide-service {
	    margin: 0 auto 0;
	}
	
	.grid-container.grid-services .grid-x.main-row .slide-service {
	    max-width: 100%;
	}
	
	.grid-container.grid-services .grid-x.main-row h2 {
	    margin-bottom: 30px;
	}

	.moto-ins h3, 
	.moto-ins h3:first-child, 
	.moto-ins h3:last-child {
	    margin: 0 auto;
	    text-align: center;
	}
	
	.service-post-content {
	    max-width: 80%;
	    margin: 50px auto;
	}
	
	.instagram-feed-photos {
	    margin-top: 50px;
	}

	h4.single-excerpt {
	    line-height: 1.4;
	}
	
	.two-col-left-text .testimonial-text-inside>*, .two-col-right-text .wp-block-column.txo-col-text.testimonial-text-inside>* {
	    padding-left: 0;
	    max-width: 90%;
	    margin: 0 auto 40px;
	}

	.type-wedding .portfolio-hover {
	    top: unset;
	    transform: translate(-50%, 0%);
	    background-color: transparent;
	    justify-content: end;
	    border-bottom: 15px solid rgb(234 199 105 / 0%);
	}
	
	.blog-reverse .post-article .post-image a, .post-article .post-image {
	    height: auto;
	}
	
	.type-wedding:hover .portfolio-hover, .type-wedding .portfolio-hover {
	    opacity: 1;
	}
	
	.type-wedding .post-image h2.post-subtitle {
	    display: none;
	}
	
	.portfolio-hover>* {
	    background: #ffffffe8;
	    margin: 0;
	}
	
	article.type-wedding {
	    margin-bottom: 30px;
	}

	.blog-reverse {
	    padding: 10vh 0;
	    max-width: 90%;
	}
	
	.main-blog-header ul.wp-block-categories-list.wp-block-categories li.cat-item {
	    margin: 0;
	    padding: 0 0 10px;
	    min-height: auto;
	    height: 11vw;
	}
	.small-12.medium-12.large-12.cell.main-blog-header.desktop-blog-header{
		display:none;
	}
	.small-12.medium-12.large-12.cell.mobile-blog-header{
		display: block!important;
	}

	.small-12.medium-12.large-12.cell.mobile-blog-header {
	    display: none;
	}
	
	.small-12.medium-12.large-12.cell.mobile-blog-header ul.wp-block-categories-list.wp-block-categories {
	    margin: 0;
	    list-style: none;
	    display: block;
	}
	
	.small-12.medium-12.large-12.cell.mobile-blog-header ul.wp-block-categories-list.wp-block-categories li.cat-item {
	    display: inline-block;
	    position: relative;
	    padding: 0 5px;
	}
	
	.small-12.medium-12.large-12.cell.mobile-blog-header ul.wp-block-categories-list.wp-block-categories li.cat-item:after {
	    position: absolute;
	    content: '-';
	    right: -5px;
	}
	
	.small-12.medium-12.large-12.cell.mobile-blog-header ul.wp-block-categories-list.wp-block-categories {
	    text-align: center;
	}
	
	.main-blog-header ul.wp-block-categories-list.wp-block-categories li.cat-item:not(:last-child):after {
	    right: 4px;
	    top: 12px;
	}
	
	.main-blog-header ul.wp-block-categories-list.wp-block-categories li.cat-item a {
	    padding-right: 12px;
	}
	
	.contact-form-list ul.two-cols-list {
        max-width: 90%;
        columns: 1;
        -webkit-columns: 1;
        -moz-columns: 1;
    }

	.responsivefooter {
	    display: block;
	}

	div#nav_menu-2, 
	div#nav_menu-3 {
	    display: none;
	}
	
	.main-footer-first-column {
	    margin-bottom: 30px;
	}

    .services-list ul {
        column-count: 1!important;
        max-width: 80%!important;
    }
    
    .services-list ul li {
        padding-right: 0!important;
    }

	.sticky.is-anchored {
        max-width: 100%!important;
        width: 100%!important;
        top: 0!important;
        background: transparent;
        padding: 10px 0;
    }
    
	.sticky.is-anchored.stuckmob, .is-open-top .sticky.is-anchored {
        background: #ffffff;
	}
    
    .meet-the-planner p.has-text-align-center br {
        display: none;
    }
    
	p.has-text-align-center.meet-par-desk {
	    display: none;
	}
	
	p.has-text-align-center.meet-par-mob {
	    display: block;
	}
	
	p.has-text-align-center.meet-par-mob br {
	    display: block;
	}
    
    
    .archive main.main-container {
        padding: 0;
    }
    
    .archive.category main.main-container {
        padding-top: 27vw;
    }

	.wp-block-columns.meet-the-planner {
	    background-image: url(/wp-content/uploads/2022/10/parallax_photo.jpg)!important;
	}
	.parallax-video {
    display: none;
}
	
		.instagram-feed-photos {
	    padding-top: 0px;
	}
    
}


/*----tablet START------------*/
@media only screen   
and (min-width: 768px)   
and (max-width: 1024px){

  ul.two-cols-list {
      max-width: 90%;
  }
  
  .small-12.medium-6.large-3.cell.main-footer-fourth-column {
      justify-content: center;
      align-items: center;
      display: flex;
      flex-direction: column;
      width: 100%;
      margin: 20px auto;
  }
  
  .small-12.medium-6.large-3.cell.main-footer-first-column {
      width: 100%;
      text-align: center;
      margin: 0 auto 30px;
  }  
  
  .small-12.medium-6.large-3.cell.main-footer-second-column, 
  .small-12.medium-6.large-3.cell.main-footer-third-column {
      align-items: center;
      display: flex;
      justify-content: center;
      text-align: center;
  }
  
  .top-footer-container.p-t-b-medium {
      margin: 0;
  }  

  ul.social-footer {
      max-width: 33%;
  }
  
  .small-12.medium-6.large-3.cell.main-footer-fourth-column ul {
      margin: 0 auto 30px;
      list-style: none;
      text-align: center;
  }
  
    
}

/*----LAPTOP START------------*/

/* For 1366 Resolution */  
@media only screen   
and (min-width: 1025px)   
and (max-width: 1605px){

  .parallax-video{
      max-height: 110vh;
  }  

  .two-col-left-text .wp-block-column.txo-col-text>* {
      margin: 0 auto 3rem;
  }
  
  .two-col-right-text .wp-block-column.txo-col-text>* {
      max-width: 85%;
  }

  .top-footer-container.p-t-b-medium {
      margin: 0;
  }

  .grid-container.grid-services {
      max-width: 80%;
  }
  
  .grid-container.grid-services .grid-x.main-row .slide-service {
      margin: -20rem auto 0;
  }

  .two-col-left-text .testimonial-text-inside>* {
      max-width: 85%;
      padding-left: 15%;
  }

  .blog-reverse {
    max-width: 100%;
  }

  .blog-reverse article .grid-x .cell:last-child {
      max-width: 50vh;
  }  
  
}




    .accordionw, 
	.accordionw1, 
	.accordionw2, 
	.accordionw3 {
	     background-color: #eeeeee05;
	     cursor: pointer;
	     padding: 18px;
	     width: 100%;
	     position: relative;
	     text-align: center;
	     outline: none;
	     transition: .4s;
	     border: 1px solid;
	     letter-spacing: 2px;
	     font-size: 18px;
	     font-family: 'quicksandlight', sans-serif;
	     color: rgb(119, 89, 1);
	     text-transform: uppercase;
	     line-height: 1.944;
	     font-weight: 500;
	     max-width: 90%;
	     margin-bottom: 15px;
	}

	.responsivefooter .panel {
	    padding: 0 18px;
	    background-color: transparent;
	    max-height: 0;
	    overflow: hidden;
	    transition: max-height 0.2s ease-out;
	    margin-bottom: 20px;
	}

	button.accordionw:after, 
	button.accordionw1:after, 
	button.accordionw2:after, 
	button.accordionw3:after {
	  content: '\02795';
	  font-size: 10px;
	  color: #ffffff5e;
	  margin-left: 15px;
	  display: inline;
	  position: absolute;
	  top: calc(45px / 2 );
	}

	button.accordionw.active:after, 
	button.accordionw1.active:after, 
	button.accordionw2.active:after, 
	button.accordionw3.active:after {
	    content: "\2796";
	}
	
	main.main-container.wedd-error {
        background: rgb(119, 89, 1);
        display: flex;
        justify-content: center;
    }
    
    main.main-container.wedd-error .grid-container .cell section{
        display: flex;
        justify-content: center;
        align-content: center;
        flex-direction: column;
        flex: auto;
        flex-wrap: wrap;
    }


.services-list ul {
    column-count: 2;
    gap: 40px;
    /* display: flex; */
    margin: 0 auto 100px;
    max-width: 75%;
}

.is-layout-flow.wp-block-column.services-list ul li::marker {
    color: rgb(119, 89, 1);
    font-size: 1.5em;
}

.services-list ul li {
    padding-right: 4em;
    font-size: 17.4px;
    /* font-weight: 300; */
}

.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-text-color) {
    color: rgb(119, 89, 1);
}

.services-list .wp-block-buttons {
    margin-top: 50px;
}

.gdpr_lightbox {
    z-index: 99999;
}

.instagram-gallery__button--follow {
    background-color: rgb(119, 89, 1);
}

.two-col-left-text.mia-dom .testimonial-text-inside>* {
    padding-left: 0%;
    max-width: 95%;
}

.meet-par-mob{
    display:none;
}

@media screen and (min-width:1024px){
    .ytbvid {max-width: 50%;}
}

.pagination.pag-wed {
    display: block;
    clear: both;
    width: 100%;
}

#post-container {
    display: flex;
    flex-wrap: wrap; /* Allow items to wrap to the next row if needed */
    justify-content: space-between; /* Add spacing between columns */
    gap: 20px; /* Add spacing between rows and columns */
}

#post-container .post-article {
    flex: 1 1 calc(33% - 20px); /* Three columns with a gap of 20px */
    box-sizing: border-box; /* Include padding/border in size calculation */
}

@media (max-width: 1024px) {
    #post-container .post-article {
        flex: 1 1 calc(50% - 20px); /* Two columns for tablets */
    }
}

@media (max-width: 768px) {
    #post-container .post-article {
        flex: 1 1 100%; /* Single column for smaller devices */
        position:relative;
    }
}

.load-more-container {
    margin-top: 20px;
}
#load-more {
    padding: 10px 20px;
    background: #333;
    color: #fff;
    border: none;
    cursor: pointer;
    transition: 0.3s;
}
#load-more:hover {
    background: #555;
}