/**
Theme Name: Unique Schools
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: unique-schools
Template: astra
*/

/* Global */
.clr-white{
	color: #fff;
}
.clr-white:hover{
	color: #eab84c;
}
.size-17{
	font-size: 17px;
}

/* Header */
.ast-desktop .ast-primary-header-bar.main-header-bar, .ast-header-break-point #masthead .ast-primary-header-bar.main-header-bar {
    border-radius: 50px 20px 20px 50px;
}
.ast-site-identity{
	padding: 0;
}
.site-primary-header-wrap.ast-builder-grid-row-container.site-header-focus-item.ast-container {
    padding-left: 0;
}
.site-logo-img img {
    margin-left: -10px;
}
.ast-desktop .ast-primary-header-bar.main-header-bar, .ast-header-break-point #masthead .ast-primary-header-bar.main-header-bar {
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
}
.clr-ylw{
	color: #eab84c;
}
.clr-wht{
	color: #fff;
}
.clr-blu{
	color: #3a4571;
}
.fl-ht-img{
	object-fit: cover;
}
.dashicons, .dashicons-before:before{
	vertical-align: middle;
}
/*  */
/* Mega Menu */
ul.mega-sub-menu {
    margin-top: 1.35em !important;
}

/* Gallery Slider */
button.slick-arrow {
    color: #fff;
    background: #394571;
}

/* School Day page */
table {
	width: 600px;
	border-collapse: collapse;
}

td {
	padding: 10px;
	border-bottom: 1px solid #1e2a44;
}
td:first-child {
	text-align: left;
}
.page-id-79 tr, td {
    border: 1px solid #3a4571 !important;
}
.note {
	font-size: 12px;
	padding-top: 8px;
	color: #cfd8ff;
}
.multi-column{
	column-count: 2;
}
/*  */

/* Gallery Slider */
.slick-arrow.slick-hidden {
    display: inline;
    background: #394571;
    color: #fff;
}
a.custom-btn {
    background: #394571;
    color: #fff;
    padding: 10px;
    border: 1px solid;
    border-radius: 20px;
}
/*  */

/* News Page */
.ast-separate-container #primary, .ast-separate-container.ast-left-sidebar #primary, .ast-separate-container.ast-right-sidebar #primary {
	margin: 7em 0;
}

/* Home Page News Section */
/* News */
.slide-overlay-text a{
	color: #fff !important;
}
.slide-overlay-text a:hover{
	color: #eab84c !important;
}
.page-id-8 .overlay h3:hover, .page-id-8 .overlay span:hover{
	color: #eab84c;
}
.ast-archive-entry-banner[data-post-type="post"] {
	padding-top: 9em;
}
.blog .site-content {
    padding-top: 0px !important;
	background: #eee;
}
header.entry-header.ast-blog-single-element.ast-blog-meta-container {
    position: absolute;
    bottom: 6%;
}
.ast-excerpt-container.ast-blog-single-element {
    margin-bottom: 15%;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    max-height: 3.6em;
    line-height: 1.8em;
    word-wrap: break-word;
}
.archive .entry-title, .blog .entry-title, .search .entry-title {
    line-height: 1.3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    max-height: 3.6em;
    line-height: 1.8em;
    word-wrap: break-word;
}

h2.widget-title {
    font-weight: 400;
    text-indent: 0em;
    text-transform: capitalize;
    font-size: 19px !important;
    text-align: left;
    color: #000;
}
#secondary li {
    line-height: 1.5em;
    border-bottom: 1px solid;
    padding-bottom: 0.5em;
	margin-bottom: 1em;
}
#recent-posts-2 ul li a:after {
    content: ">";
    float: inline-end;
}
.entry-meta, .entry-meta * {
	line-height: 2;
}
span.screen-reader-text {
    display: none;
}
/********************************* News and Gallery CSS **********************************/
/* News */
.media-news {
	width: 100%;
	display: block;
	float: left;
}

.media-posts {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.media-posts .gal-col {
	background: #fff;
	width: 100%;
	max-width: 31%;
	margin: 0px;
	margin-bottom: 45px;
}

/*.media-posts .gal-col:nth-child(3n+ 1) {margin-left: 0;}
.media-posts .gal-col:nth-child(3n+ 3) {margin-right: 0;}*/
.media-posts .gal-col .pic-section {
	width: 100%;
	display: block;
}

.media-posts .gal-col .pic-section img {
	width: 100%;
	max-width: 100%;
	object-fit: fill;
	max-height: 300px;
	height: 200px;
	object-position: top;
}

.media-posts .gal-col .pic-section {
	overflow: hidden;
}

.media-posts .gal-col .pic-section img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	object-position: center;
	object-fit: cover;
}

.media-posts .gal-col .pic-section img:hover {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.media-posts .gal-col .text-box {
	padding: 0px 20px 24px 20px;
	width: 100%;
	display: block;
	height: calc(100% - 238px);
	position: relative;
}

.media-posts .gal-col .text-box .sub-heading {
	margin-top: 0;
	font-family: inherit;
	font-weight: 600;
	font-size: 28px;
	line-height: 33px;
	color: #3a4571;
	text-transform: none;
}

.media-posts .gal-col .text-box .read-more {
	font-family: inherit;
	font-weight: normal;
	font-size: 18px;
	line-height: 21px;
	letter-spacing: 0.05em;
	text-transform: capitalize;
	color: #3850a3;
	margin-top: 15px;
	display: inline-block;
}

.media-posts .gal-col .text-box .read-more h3 {
	padding: 0px;
	margin: 0px;
	min-height: 115px;
}

.entry-title a:hover{
	color: #9c8967;
}

.media-posts .gal-col .text-box .read-more:last-child {
	color: #3a4571;
	font-size: 16px;
	font-weight: 600;
}

.media-posts .gal-col .text-box .read-more:hover:last-child {
	text-decoration: underline;
}

.media-posts .gal-col .text-box .read-more:hover .sub-heading {
	color: #eab84c;
	text-decoration: underline;
}

.media-posts .gal-col .text-box .read-more:hover {
	color: #eab84c !important;
}

.media-posts .gal-col .text-box .news_date {
	color: #3a4571;
	font-size: 16px;
	font-weight: 600;
}

span.updated {
    font-size: 16px;
}

.pagination-bx {
	width: 100%;
	display: flex;
	justify-content: center;
	margin-top: 50px;
}

.pagination.bottom {
	display: inline-flex;
}

.pagination.bottom .first {
	display: none !important;
}

.pagination.bottom .last {
	display: none !important;
}

.pagination.bottom .page-numbers {
	min-width: 45px;
	height: 45px;
	background: #fff;
	display: inline-flex;
	border-radius: 5px;
	align-items: center;
	justify-content: center;
	font-family: inherit;
	font-style: normal;
	font-weight: 500;
	font-size: 18px;
	line-height: 21px;
	letter-spacing: 0.05em;
	padding: 10px 20px;
	margin: 0 5px;
}

.pagination.bottom .page-numbers.current {
	background: rgba(220, 211, 203, 0.3);
}

.pagination.bottom .page-numbers img {
	align-self: center;
}

.pagination.bottom .page-numbers.next img {
	margin-left: 10px;
}

.pagination.bottom .page-numbers.prev img {
	margin-right: 10px;
	transform: rotate(180deg);
}

.pagination.bottom .page-numbers:hover {
	background: rgba(220, 211, 203, 0.3);
}

.news_posts {
	width: 100%;
	display: block;
	float: left;
}

.news_posts .single_practice {
	width: 100%;
	display: block;
	float: left;
}

.main_img {
	width: 100%;
	display: block;
	float: left;
}

.main_img img {
	width: 100%;
	min-height: 462px;
	max-height: 462px;
	object-fit: cover;
	object-position: top;
}

.inner-page-section2 {
	width: 100%;
	display: block;
	float: left;
	padding: 80px 0 94px 0;
}

.news-detail-bx {
	display: flex;
	width: 100%;
}

.news-detail-bx .left_column {
	width: 260px;
}

.news-detail-bx .right_column {
	width: calc(100% - 260px);
	padding-left: 155px;
}

.news-detail-bx .right_column .sub-heading {
	font-family: inherit;
	font-weight: 700;
	font-size: 42px;
	line-height: 49px;
	color: #563096;
	margin: -6px 0 10px;
	padding: 0px;
}

.news-detail-bx .right_column .news_date {
	color: #820024;
	font-size: 18px;
	font-weight: normal;
}

.news-detail-bx .right_column p {
	font-family: inherit;
	font-weight: normal;
	font-size: 18px;
	line-height: 24px;
	color: #4F4F4F;
}

.news-detail-bx .right_column p,
.news-detail-bx .right_column p:last-child {
	margin-bottom: 20px;
}

.news-detail-bx .left_column .gen_heading {
	font-family: inherit;
	font-weight: normal;
	font-size: 18px;
	line-height: 21px;
	text-transform: uppercase;
	color: #563096;
	display: block;
	padding-bottom: 24px;
}

.news-detail-bx .left_column .gen_heading br {
	display: none;
}

.news-detail-bx .left_column .latest_news {
	display: block;
	width: 100%;
	border-top: 1px solid #563096;
}

.news-detail-bx .left_column .latest_news a {
	display: flex;
	width: 100%;
	font-family: inherit;
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	line-height: 25px;
	color: #563096;
	padding-top: 15px;
	padding-bottom: 30px;
}

.news-detail-bx .left_column .latest_news a.active,
.news-detail-bx .left_column .latest_news.active a {
	color: #820024 !important;
}

.news-detail-bx .left_column .latest_news a .gen_title {
	position: relative;
	padding-right: 15px;
	display: block;
	width: 100%;
}

.news-detail-bx .left_column .latest_news a:hover .gen_title {
	color: #efac1f;
}

.news-detail-bx .left_column .latest_news a .active {
	color: #efac1f;
}

.news-detail-bx .left_column .latest_news a .gen_title:before {
	padding: 4px;
	border: solid #563096;
	border-width: 0 2px 2px 0;
	top: 7px;
	right: 3px;
	position: absolute;
	content: "";
	transform: rotate(-44deg);
}

.news-detail-bx .left_column .latest_news a.active .gen_title:before,
.news-detail-bx .left_column .latest_news a .gen_title.active:before,
.news-detail-bx .left_column .latest_news a:hover .gen_title:before {
	border: solid #EFAC1F;
	border-width: 0 2px 2px 0;
}

.news-detail-bx .left_column .latest_news a .arrow {
	display: none;
}

.article-template .news-detail-bx .left_column .mid-panel .latest_news a:hover .arrow:before,
.article-template .news-detail-bx .left_column .mid-panel .latest_news a.active .arrow:before {
	border: solid #E13726;
	border-width: 0 2px 2px 0;
}

.news-button {
	width: 100%;
	background: #FFFFFF;
	border: 2px solid #820024;
	color: #efac1f !important;
	font-family: inherit;
	font-weight: 500;
	font-size: 16px;
	line-height: 19px;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 41px;
	letter-spacing: 0.05em;
	padding: 10px;
	margin-top: 20px;
}

/* Gallery */
body.archive .ast-archive-description{
	padding: 1em;
}
.gallery {
    width: 100%;
    display: block;
    float: left;
}
.gallary_section {
    width: 100%;
    display: block;
    float: left;
}
.gallary-posts {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.gallary-posts .pic-section:nth-child(4n+ 1) {
    margin-left: 0;
}
.gallary-posts .pic-section {
    overflow: hidden;
    background: rgba(0, 0, 0, .1);
    width: 100%;
    max-width: 280px;
    margin: 0 10.6px;
    margin-bottom: 45px;
    height: 280px;
    overflow: hidden;
    position: relative;
    border: 2px solid #c3c3c3;
}
.gallary-posts .post-thumb-wrapp, .gallary-posts .gallary {
    height: 100%;
}
.gallary-posts .post-thumb-wrapp, .gallary-posts .gallary {
    height: 100%;
}
.gallary {
    width: 100%;
    display: block;
    float: left;
    margin-top: 10%;
}
.gallary-posts .pic-section a {
    width: 100%;
    display: block;
}
.gallary-posts .pic-section img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.gallary-posts .pic-section img {
    width: 100%;
    max-width: 100%;
    object-fit: cover;
    max-height: 294px;
    height: 294px;
    object-position: center;
}
.gallery img {
    width: auto;
    max-width: 100%;
    object-fit: cover;
    max-height: 300px;
    height: auto;
    object-position: center;
    margin: 0;
    border: 2px solid #ddd;
}
/* h2.entry-title.ast-blog-single-element a:after {
    content: "\A View More";
    font-size: 14px;
    white-space: break-spaces;
    pointer-events: inherit;
} */
.page-id-2299 h2.entry-title.ast-blog-single-element a:after{
	display: none !important;
}
/*  */
/* fancybox */
.fancybox-image, .fancybox-spaceball {
    height: auto;
}

/* Responsive Table */
.table-wrapper {
  width: 100%;
  overflow-x: auto;
}

.simple-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 400px;
}

.simple-table th,
.simple-table td {
  padding: 12px 16px;
  text-align: left;
  border-bottom: 1px solid #ddd;
}

.simple-table th {
  background: #f5f5f5;
  font-weight: 600;
}

/* Optional: better spacing on small screens */
@media (max-width: 600px) {
  .simple-table th,
  .simple-table td {
    padding: 10px 12px;
  }
}

/*  */

/* Mobile Responsive */

@media (max-width: 768px) {
	h1, .entry-content :where(h1){
		font-size: 36px;
	}
	.media-posts .gal-col .text-box .sub-heading {
		font-size: 22px;
		line-height: 27px;
	}

	.media-posts .gal-col {
		max-width: 100%;
		margin-bottom: 20px;
	}

	.media-posts .gal-col:last-child {
		margin-top: 20px;
	}
	.media-posts .gal-col .text-box {
		height: calc(100% - 290px);
	}
	.ast-article-post .post-thumb-img-content img {
	    aspect-ratio: auto;
	}
	.media-posts .gal-col .text-box .read-more h3{
		min-height: auto;
	}
	.media-posts .gal-col .pic-section img{
		height: auto;
	}
	.multi-column{
		column-count: 1;
	}
	.gallary {
		margin-top: 30%;
	}
	.ast-separate-container .ast-article-single:not(.ast-related-post){
		background-color: unset;
	}
	.media-gallery, .media-news {
		margin-top: 20% !important;
	}
}

@media (min-width: 1080px) {
	p.top-nav-align a {
		margin: 0 1em;
	}
}
/*  */

/* Responsive Table */
.table-responsive {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
/*  */

/* Footer */
img.ftr-soc-links {
    margin: 15px 5px;
}
a img.ftr-soc-links:hover {
    color: #eab84c;
}

.footer-lft-links a{
	color: #fff;
}
.footer-lft-links a:hover{
	color: #eab84c;
}
/*  */

/* Mobile Responsive */
@media (max-width: 768px) {
}

@media (max-width: 1310px) {
	.site-logo-img img {
		margin-left: 0px;
	}
	.media-gallery, .media-news {
		margin-top: 20% !important;
	}
}
/*  */

/* Apply only on default blog page */
.home.blog .site-content .ast-container,
.blog .site-content .ast-container {
    display: block;
}

/* Apply only on default blog page */
.home.blog .inner-heading-txt,
.blog .inner-heading-txt {
    margin-bottom: 20px;
    margin-top: 0;
}

/* News & Gallery Sidebar */
.ast-single-entry-banner[data-post-type="post"] .ast-container > *:not(:last-child), 
.ast-single-entry-banner[data-post-type="post"] .read-more {
    margin-top: 2em;
}

.ast-separate-container #primary, 
.ast-separate-container.ast-left-sidebar #primary, 
.ast-separate-container.ast-right-sidebar #primary {
    margin: 2em 0;
}

#secondary {
    margin: 2em 0 2.5em;
}

#secondary li {
    line-height: 2em;
    border-bottom: 1px solid;
    padding: 0.3em;
    margin-bottom: 1em;
    background: transparent;
    border-radius: 0;
}

#secondary li a {
    color: #3a4571;
    padding: 10px;
}

/* Custom Sidebar */
ul#menu-our-school, ul#menu-parents, ul#menu-curriculum, , ul#menu-extra-curricular {
    list-style: none;
	padding-left: 0;
}
ul#menu-our-school li, ul#menu-parents li, ul#menu-curriculum li, ul#menu-extra-curricular li{
	background: transparent;
    display: block;
    padding: 5px;
    margin: 10px 0;
	border-bottom: 2px solid;
}
ul#menu-our-school li a, ul#menu-parents li a, ul#menu-curriculum li a, ul#menu-extra-curricular li a{
	color: #3a4571;
	display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 16px;
	font-weight: 500;
}
ul#menu-our-school li:hover, ul#menu-parents li:hover, ul#menu-curriculum li:hover, , ul#menu-extra-curricular li:hover {
	background: #3a4571;
}

ul#menu-our-school li:hover a, ul#menu-parents li:hover a, ul#menu-curriculum li:hover a, ul#menu-extra-curricular li:hover a {
	color: #fff;
}
ul#menu-our-school li a:hover, ul#menu-parents li a:hover, ul#menu-curriculum li a:hover, ul#menu-extra-curricular li a:hover{
	color: #fff;
	text-decoration: underline;
}
ul#menu-our-school li a:after, ul#menu-parents li a:after, ul#menu-curriculum li a:after, ul#menu-extra-curricular li a:after {
    content: ">";
    float: right;
}
.menu-our-school-container .current_page_item, .menu-parents-container .current_page_item, .menu-curriculum-container .current_page_item, , .menu-extra-curricular-container li a .current_page_item{
    background: #3a4571 !important;
    border: 2px solid;
}
.menu-our-school-container .current_page_item a, .menu-parents-container .current_page_item a, .menu-curriculum-container .current_page_item a, .menu-extra-curricular-container .current_page_item a{
	background: #394571 !important;
    color: #fff !important;
    padding: 10px;
    border-radius: 10px;
    font-weight: 600;
}

/* Home page news section */
/* First row layout only */
.first-row-layout {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
}

.first-row-layout .gallery-card {
    height: 250px;
    border-radius: 16px;
    overflow: hidden;
    position: relative;
}

/* Big left */
.first-row-layout .card-1 {
    grid-column: 1 / span 2;
    grid-row: span 2;
    height: 525px;
}

/* Small right stacked */
.first-row-layout .card-2 {
    grid-column: 3;
}

.first-row-layout .card-3 {
    grid-column: 3;
}

/* Image */
.gallery-image {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
}

/* Overlay */
.overlay {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 20px;
    background: rgba(0,0,0,0.5);
    color: #fff;
}

.overlay h3 {
    color: #fff;
}
a.all-news-btn {
    color: #fff;
    padding: 5px;
    margin: 20px 10px;
    display: inline-block;
    border: 1px solid;
    border-radius: 20px;
    width: 100px;
    text-align: center;
}
/*  */

/* Latest News Page */
.ast-separate-container.ast-two-container #secondary .widget {
    background-color: #fff;
}
.ast-separate-container .ast-article-single:not(.ast-related-post){
	background-color: #fff;
}
.media-news {
    margin-top: 10%;
    margin-bottom: 50px;
}

/* Row Layout */
.news-row {
    display: flex;
    gap: 30px;
    margin-bottom: 30px;
    max-width: 1140px;
    width: 100%;
}

/* Left Big Post */
.big-post {
    width: 50%;
    display: flex;
    flex-direction: column;
}

.big-post img {
    width: 100%;
    height: 240px;
    object-fit: cover;
    border-radius: 10px 10px 0 0;
}

.big-post h3 {
    color: #ffffff !important;
}

/* Right Small Posts */
.small-posts {
    width: 50%;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

/* Individual Small Post */
.small-post {
    display: flex;
}

.small-img img {
    width: 300px;
    height: 177px;
    object-fit: cover;
    border-radius: 10px 0 0 10px;
}

.small-post h3 {
    color: #ffffff !important;
}

a.read-more-link:hover {
    text-decoration: underline;
}

/* Content Styling */
.media-posts .content-wrap,
.media-posts .small-content {
    background: #394571;
    color: #fff;
    padding: 18px;
    width: 100%;
	border-radius: 0 0 10px 10px;
}

.media-posts .small-content {
    border-radius: 0 10px 10px 0;
}

.media-posts .content-wrap a,
.media-posts .small-content a,
.media-posts .content-wrap .sub-heading,
.media-posts .small-content .sub-heading {
    color: #ffffff;
}

/* Button */
.purple-btn {
    display: inline-block;
    background: purple;
    color: #fff;
    padding: 8px 15px;
    text-decoration: none;
    margin-top: 10px;
}

/* Date */
.news_date {
    margin-bottom: 24px;
    font-size: 15px;
}

@media only screen and (max-width: 991px) {
    .news-row {
        display: block;
    }

    .big-post,
    .small-posts {
        width: 100%;
        max-width: 100%;
        margin-bottom: 20px;
    }

    .big-post {
        flex-direction: row;
    }

    .media-posts .content-wrap {
        border-radius: 0 10px 10px 0;
    }

    .small-img img {
        width: 300px;
        height: 177px;
        object-fit: cover;
        border-radius: 10px 0 0 10px;
    }
}

/* Gallery Page */

.fancybox-image,
.fancybox-spaceball {
    height: auto;
}

/* Latest Gallery Listing page */
/* Gallery Page Wrapper */
.ast-separate-container.ast-two-container #secondary .widget {
    background-color: #fff;
}
.ast-separate-container .ast-article-single:not(.ast-related-post) {
    background-color: #fff;
}
.media-gallery {
    margin-top: 10%;
    margin-bottom: 50px;
}

/* Row Layout */
.gallery-row {
    display: flex;
    gap: 30px;
    margin-bottom: 30px;
    max-width: 1140px;
    width: 100%;
}

/* Left Big Gallery */
.big-gallery {
    width: 50%;
    display: flex;
    flex-direction: column;
}
.big-gallery img {
    width: 100%;
    height: 240px;
    object-fit: cover;
    border-radius: 10px 10px 0 0;
}
.big-gallery h3 {
    color: #ffffff !important;
}

/* Right Small Galleries */
.small-galleries {
    width: 50%;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

/* Individual Small Gallery */
.small-gallery {
    display: flex;
}
.small-gallery .small-img img {
    width: 300px;
    height: 177px;
    object-fit: cover;
    border-radius: 10px 0 0 10px;
}
.small-gallery h3 {
    color: #ffffff !important;
}

/* Overlay */
.image-wrap,
.small-gallery .small-img {
    position: relative;
}
.gallery-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.35);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.3s ease;
    border-radius: 10px 10px 0 0;
}
.small-gallery .gallery-overlay {
    border-radius: 10px 0 0 10px;
}
.gallery-overlay .zoom-icon {
    font-size: 30px;
    color: #fff;
}
.big-gallery .image-wrap:hover .gallery-overlay,
.small-gallery .small-img a:hover .gallery-overlay {
    opacity: 1;
}

/* Read More Link */
a.read-more-link:hover {
    text-decoration: underline;
}

/* Content Styling */
.media-posts .content-wrap,
.media-posts .small-content {
    background: #394571;
    color: #fff;
    padding: 18px;
    width: 100%;
    border-radius: 0 0 10px 10px;
}
.media-posts .small-content {
    border-radius: 0 10px 10px 0;
}
.media-posts .content-wrap a,
.media-posts .small-content a,
.media-posts .content-wrap .sub-heading,
.media-posts .small-content .sub-heading {
    color: #ffffff;
}

/* Button */
.purple-btn {
    display: inline-block;
    background: purple;
    color: #fff;
    padding: 8px 15px;
    text-decoration: none;
    margin-top: 10px;
}

/* Date */
.news_date {
    margin-bottom: 24px;
    font-size: 15px;
}

/* Responsive */
@media only screen and (max-width: 991px) {
    .gallery-row {
        display: block;
    }
    .big-gallery,
    .small-galleries {
        width: 100%;
        max-width: 100%;
        margin-bottom: 20px;
    }
    .big-gallery {
        flex-direction: row;
    }
    .media-posts .content-wrap {
        border-radius: 0 10px 10px 0;
    }
    .small-gallery .small-img img {
        width: 300px;
        height: 177px;
        object-fit: cover;
        border-radius: 10px 0 0 10px;
    }
    .gallery-overlay {
        border-radius: 10px 0 0 10px;
    }
}