.yarpp-related .yarpp-thumbnail-title {
  font-size: 12px !important;
  font-weight: 700 !important;
  text-align: left !important;
}
/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 


/*.wppsac-post-carousel .design-1 .wppsac-post-image-bg {
	background: #f1f1f1;
	height: 600px;
	line-height: 0;
	overflow: hidden;
	position: relative;
	width: 100%;
}*/

/*carousel dots*/
.wppsac-post-slider .slick-dots li button, .wppsac-post-carousel .slick-dots li button {
	background: transparent !important;
	border: 2px solid #7e7e7e;
}

.wppsac-post-slider .slick-dots li.slick-active button, .wppsac-post-carousel .slick-dots li.slick-active button {
	background: #000000 !important;
    	border: 2px solid #000000;
}

/*image ratio*/
.wp-block-post-featured-image {
	height: 571px !important;
}

.wp-block-post-featured-image img{
	height: 571px !important;
}



.page-id-36255 .tagindex .links {
  column-count: 3; /* Adjust the number of columns as needed */
  column-gap: 20px; /* Optional: Adjust the space between columns */
}

.page-id-36255 .tagindex{
    min-width:1200px !important
}

.page-id-36255 .tagindex li{
    padding: 10px 0 10px 0 !important
}

.page-id-36255 #mctm1-R{
    display:none
}

:root :where(.wp-element-button, .wp-block-button__link) {
	border-width: 0px !important;
}

:root :where(.wp-element-button:hover) {
	background-color: #e5e7f2 !important;
}

.wp-block-search__button svg {
margin-top:-3px;
	min-height: 38px;
	min-width: 38px;

	fill: #000;
}

.wp-block-search__button svg:hover {
	fill: #b50b3e;
}

.wp-block-search__button.has-icon.wp-element-button {
	max-width: 50px;
	padding-left: 5px !important;
	padding-right: 5px !important;
}

.slick-list {
    margin: 0 -5px;
    width:calc(100% + 5px);
    overflow:hidden;
}

.slick-slide > div {
    padding: 0 5px;
}



.wppsac-post-title {
	display: none;
}

/* 1. Set a height for the container that holds the image.
   You must define a height for height:100% to work.
   Adjust the pixel value to fit your design. */
.wppsac-post-image-bg {
    height: 470px; /* <-- ADJUST THIS VALUE AS NEEDED */
    overflow: hidden; /* Ensures no part of the image spills out */
}

/* 2. Style the image to fill this container. */
.wppsac-post-image {
    width: 100%;
    height: 434px;
    object-fit: cover; /* Key property: covers the area, maintains aspect ratio */
    object-position: center; /* Optional: centers the image within the frame */
}

.wppsac-post-carousel.design-1 .wppsac-carousel-slides {
    

    max-height:600px;
	padding: 0;
}
.wppsac-carousel-slides {
    overflow:hidden;
}

.wppsac-post-title a{
    border:none;
    font-size:clamp(4.16rem, 4.08vw + 4.89rem, 4.75rem !important)
}



.wppsac-post-content-left h2 a{
     font-size:32px !important;
    font-weight:300;
}


.wp-block-post-content img{
    max-width:100% !important;
   min-width:100% !important;
    height:auto
}

/*.wp-block-post-featured-image img {
  object-position: 50% 5%;
}*/

.search_top .wp-block-search__inside-wrapper {
    max-height:40px
}

.search_top  .wp-element-button{
    padding-top:4px !important
}

.search_top #wp-block-search__input-1{
    font-size:16px;
    font-weight:600;
}

.search_top .wp-block-search__button {
     font-size:16px;
    font-weight:600;
}


/* --- Responsive Masonry Tag Map - CSS-Only Solution --- */

/* 1. Main container setup using CSS Columns */
#mcTagMap .holdinner {
    /* Mobile-first: Defaults to 1 column */
    column-count: 1;
    column-gap: 25px; /* Adjust the space between columns */
}

/* 2. Target the items to prevent them from breaking across columns */
#mcTagMap .tagindex {
    display: inline-block; /* Essential for masonry effect */
    width: 100%;
    break-inside: avoid; /* Prevents items from splitting between columns */
    margin-bottom: 25px; /* Adds vertical space between items in a column */
}

/* 3. Tablet layout: 2 columns */
@media (min-width: 768px) {
    #mcTagMap .holdinner {
        column-count: 2;
    }
}

/* 4. Desktop layout: 4 columns */
@media (min-width: 1024px) {
    #mcTagMap .holdinner {
        column-count: 4;
    }
}

/* 5. Remove conflicting old styles from the floated layout */
#mcTagMap .holdleft {
    width: auto;
    float: none;
    margin: 0;
}