/*
Theme Name: Liberian Consulate Child
Theme URI: http://underscores.me/
Template: liberian-consulate
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Tags: custom-background,custom-logo,custom-menu,featured-images,threaded-comments,translation-ready
Version: 1.0.0.1758549629
Updated: 2025-09-22 14:00:29

*/

.post, .page{
    margin: 0 0 0.8rem;
} 

.n-mg p{
    margin: 0;
}

.styleCards h5 {
    min-height: 60px;
}
.home .styleCards h5 {
    min-height: 35px;
}

.page-content, .entry-content, .entry-summary {
    margin: 0;
}

.decorationSection.medium::before, 
.decorationSection.medium::after {
    content: '' !important;
    width: 100% !important;
    position: absolute !important;
    top: 60% !important;
    left: 0 !important;
    background-color: #212F64;
    height: 10px !important;
}

.decorationSection.medium::after{
    top: 61.5% !important;
    background-color: #C02033;
    z-index: -1;
}

.decorationSection::before, 
.decorationSection::after {
    content: '' !important;
    width: 100% !important;
    position: absolute !important;
    top: 40px !important;
    left: 0 !important;
    background-color: #212F64;
    height: 10px !important;
}

.decorationSection::after{
    top: 53px !important;
    background-color: #C02033;
    z-index: -1;
}

.styleCards,
.overflowHidden {
    overflow: hidden !important;
}

.cardHover:hover {
    box-shadow: 0px 0px 999px 999px rgba(255, 255, 255, 0.2);
    z-index: 500;
}

.hoverButton a:hover {
    transform: scale(1.1);
}

.titleCenterVertical{
     margin-top: auto;
    margin-bottom: auto;
}
.btnBotom {
    margin-top: auto;
}

.buttonIcon a > span {
    flex-direction: column !important;
    align-items: center;
}

.hoverLink a:hover {
    text-decoration: underline;
}

.e-n-carousel.swiper.swiper-initialized.swiper-horizontal.swiper-pointer-events {
    padding-bottom: 0;
}

.contentStyle h3{
    color: #333;
}

#gform_submit_button_1 {
    background-color: #002D49;
    outline: none;
    border-radius: 0;
    border: none;
}

.gform_required_legend {
    display: none;
}

.borderFooter{
    border-top: 10px solid #C02033;
}

.borderFooter::before{
   content: '' !important;
    width: 100% !important;
    position: absolute !important;
    top: -23px !important;
    left: 0 !important;
    background-color: #212F64;
    height: 10px !important;
}

.iconFooter .elementor-icon-list-icon {
    background-color: #000;
    width: 25px;
    height: 25px;
    border-radius: 100%;
    border: 1px solid #000;
    align-items: center;
    justify-content: center;
}

.iconFooter .elementor-icon-list-icon svg {
    margin: 0 !important;
}

.hoverButtonRed:hover a span,
.hoverButtonRed:hover a svg path {
    color: red;
    fill: red;
}

.hoverLinkUnderline a {
    border-bottom: 2px solid transparent;
    transition: border-bottom 0.3s;
}

.hoverLinkUnderline a:hover {
    border-bottom: 2px solid #002D49;
}

.events-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 25px;
}

.event-card {
    background: #fff;
    padding: 10px 35px 10px 15px;
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.event-card .event-content {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.event-title {
    font-family: "Montserrat", Sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #002D49;
    line-height: 1;
    margin: 0;
}

.event-excerpt {
    font-family: "Montserrat", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: #002D49;
    margin-bottom: 5px;
}

.event-readmore {
    font-family: "Montserrat", Sans-serif;
    font-size: 15px;
    font-weight: 600;
    fill: red;
    color: red !important;
    display: flex;
    justify-content: flex-end;
    line-height: 24px;
    margin-top: auto;
    gap: 5px;
    transition: all 0.3s ease;
}

.event-card:hover a,
.event-card:hover a svg path {
    color: #002D49 !important;
    fill: #002D49;
}

#search-20cfeb3 {
    width: 100%;
}
div[aria-roledescription="carousel"] {
	padding-bottom:0!important;
}
.cgl-posts .elementor-posts-container article {
    display: flex;
    flex-direction: row;
    gap: 20px;
}
.elementor-widget-wp-widget-recent-posts ul, .latest-events ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.elementor-widget-wp-widget-recent-posts ul li a, .latest-events ul li a {
    color: #000;
    font-family: 'Montserrat', sans-serif;
}
.elementor-widget-wp-widget-recent-posts ul li a:hover, .latest-events ul li a:hover {
    color: #002d49;
    text-decoration: underline;
}
.elementor-widget-wp-widget-recent-posts h5, .latest-events h3 {
    margin: 15px 0;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
}
.event-thumbnail a img {
    height: 160px;
    object-fit: cover;
}
.latest-events ul li a {
    display: block;
}
.cgl-search-button .e-search-input-wrapper {
    width: 68%;
}
.cgl-search-button {
    padding: 10px;
    background-color: #ECEBEB;
}
.recent-posts-list article.post-item, .latest-events ul li {
    margin: 10px 10px;
}
.recent-posts-list, .latest-events {
    background-color: #ECEBEB;
    padding: 0 0 10px;
}
.recent-posts-list h3.recent-posts-title, .latest-events h3 {
    background-color: #002d49;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    text-align: center;
    padding: 10px;
    font-size: 24px;
    font-weight: 600;
    margin: 0;
}
.post-thumbnail img, .latest-events img {
    height: 185px;
    object-fit: cover;
}
.latest-events ul li a, .recent-posts-list article.post-item h3.post-title {
    font-family: "Montserrat", Sans-serif;
    font-size: 16px;
    font-weight: 600;  
    color: #54595f;
    margin: 0 0 20px;
}
.latest-events ul li a img {
    height: 185px;
    object-fit: cover;
    width: 100%;
}
.cgl-nav-content {
  transition: all 0.3s ease-in-out;
}

.cgl-nav-content.sticky {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  background: #fff;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}
body.header-sticky-active {
  padding-top: 0;
}

body.header-sticky-active .cgl-nav-content {
  padding-top: 0;
}
a.elementor-post__read-more {
    color: red !important;
}
a.elementor-post__read-more:hover {
    color: #002D49 !important;
}

.contentPost a{
    color: #002D49;
    transition: all 0.3s ease;
}
.contentPost a:hover{
    text-decoration: underline;
}
.search-results .elementor-post__text {
    padding: 0 !important;
}
/* 
 * 
 *  HOME - LATEST POSTS
 * 
*/

.latest-posts-home {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.home-post-card {
  background-color: #E9EBEC;
  padding: 10px 25px 10px 15px;
}

.home-post-title {
    font-family: "Montserrat", Sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 23px;
    color: #002D49;
    margin: 0;
}

.home-post-excerpt {
    font-family: "Montserrat", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: #002D49;
    margin: 0;
    margin-top: 7px;
}

.home-post-readmore {
    font-family: "Montserrat", Sans-serif;
    font-size: 15px;
    font-weight: 600;
    fill: red;
    color: red !important;
    display: flex;
    width: 100%;
    justify-content: flex-end;
    gap: 0.3rem;
    transition: all 0.3s ease;
}

.home-post-readmore:hover,
.home-post-card:hover .home-post-readmore {
  color: #002D49 !important;
  fill: #002D49;
}

.home-post-readmore svg {
    width: 10px;
}

/* titleColor,
contentColor */

/*
 * 
 *  RESPONSIVE
 * 
*/

@media screen and (max-width:1024px){
	.notBreak p br,
	.notBreak h2 br {display:none;}
	.sidebarN .e-con-inner .e-child:last-child .elementor-posts-container { grid-template-columns: repeat(1,1fr);}
}

@media screen and (max-width:767px){
	body:not(.home) h1 {font-size:25px!important; line-height:33px!important;}
	.decorationSection.medium::before {top:76%!important;}
	.decorationSection.medium::after {top:77%!important;}
	
	.sidebarN .e-con-inner .e-child:last-child .elementor-widget-posts {width:100%;}
	
	.cgl-posts .elementor-posts-container article{
		flex-direction: column;
	}
}