/*
Theme Name: LMU - Jury of Peers (Bootstrap Basic)
Theme URI: https://rundiz.com
Author: Vee Winch
Author URI: 
Description: Bootstrap v.3 basic theme for developers to build their new theme very fast and easy. To follow what was changed, please look for <a href="https://github.com/Rundiz-WP/bootstrap-basic" target="commits">commits</a> of this theme at Github or changelog.md file that come with the theme.
Version: 1.2.8
Requires PHP: 5.4
Requires at least: 4.0
Tested up to: 6.2
License: MIT
License URI: https://opensource.org/licenses/MIT
Text Domain: bootstrap-basic
Domain Path: /languages/
Tags: one-column, two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-menu, featured-images, front-page-post-form, post-formats, threaded-comments, translation-ready

This theme built with Twitter Bootstrap v.3. It is basic theme with basic style for build new theme with Bootstrap.

*/

  

/*
Required WordPress CSS
*/

/* body {
   font-family: 'lyon_textblack'; 
} */


/* ==== GLOBAL ======= */
.lmu-blue {
    color: #0076A5 !important
}

.lmu-red {
    color: #BB203C;
}

.padding-fix{
    padding: 15px 9%;
}

.staff-page #hamburger-icon {
    fill: white; /* Set the desired color */
}

/* ==================== */

html, body { 
    font-family:'metricregular'; 
    max-width: 100vw;
    overflow-x: hidden;
    text-decoration:none;
    
}

h1, h2, h3, h4, h5, h6{
    font-family:'metricsemibold'; 
    text-decoration:none;
}
.featured-title {
	height:auto!important;
	bottom:200px!important;
}

a, a:hover{
    text-decoration:none!important;
}
.title {
  padding:30px 30px 30px 10%;	
  position: absolute;
  height: auto;
  right: 0;
  z-index: -1;
}

.featured-title h1 {
    font-size:58px!important;
}

.title h1 { 
	font-size:28px!important; 
}

.featured-content {
    max-width: 100%!important;/*1200px!important;*/
    margin: auto!important;
	position:relative!important;
}

.modal-section.section1 h2 {
    font-family: 'lyon_display_regularregular';
    font-size: 2.3em;
    line-height: 42px;
}

/*=== added 10/18/23 == */
.post-by-profile-title:hover {
    color: #AB0C2F !important;
    cursor: pointer !important;
}

.other-posts-by-author .container-fluid .row .col-md-4 {
    min-height: 250px;
    height: 100%;
}

@media screen and (max-width: 991px) {
    .um-page-user .col-md-4{
        padding-left: 0;
        padding-right: 0;
    }
    .um-page-user .other-posts-by-author .col-md-4 hr {
        margin: 0 !important;
    }
}

@media screen and (max-width: 600px) {
    .um-page-user .col-md-4{
        padding-left: 15px;
        padding-right: 15px;
    }

}


/*** Generic WP Styles ***/
.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}
.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}
.bypostauthor {
}


/* WordPress gallery */
.gallery-caption {
}
.gallery {
    margin-bottom: 1.6em;
}
.gallery-item {
    display: inline-block;
    padding: 1.79104477%;
    text-align: center;
    vertical-align: top;
    width: 100%;
}
.gallery-columns-2 .gallery-item {
    max-width: 50%;
}
.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
    max-width: 25%;
}
.gallery-columns-5 .gallery-item {
    max-width: 20%;
}
.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}
.gallery-icon img {
    margin: 0 auto;
}
.gallery-caption {
    color: #707070;
    color: rgba(51, 51, 51, 0.7);
    display: block;
    font-family: "Noto Sans", sans-serif;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.5;
    padding: 0.5em 0;
}
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
    display: none;
}


.sticky {
}
.wp-caption {
    border: 1px solid #ccc;
    margin-bottom: 1.5em;
    max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
    display: block;
    margin: 1.2% auto 0;
    max-width: 98%;
}
.wp-caption-text {
    text-align: center;
}
.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}
/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    font-family:'metricsemibold';
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000; /* Above WP toolbar. */
}


/* customs */
/* GLOBAL */
body{
    
    margin-top: 20px;
}
.margin-fix {
    margin: 0px 4%;
}
.container{
    width: 100%;
    
}

ul{
    list-style: none;
}

/* =========HEADER NAV ============*/
.social-img {
    height: 50px;
}
#menu-footer-menu {
    padding-left: 0;
    font-size: 22px;
}
.input-contain {
    width: 100%;
}
.search-field {
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid red;
}
.hamburger-icon {
    display: block;
    width: 30px;
    height: 24px;
    position: relative;
    cursor: pointer;
  }
  
  .hamburger-icon span {
    display: block;
    width: 100%;
    height: 4px;
    background-color: black;
    position: absolute;
  }
  
  .hamburger-icon span:nth-child(1) {
    top: 0;
  }
  
  .hamburger-icon span:nth-child(2) {
    top: 50%;
    transform: translateY(-50%);
  }
  
  .hamburger-icon span:nth-child(3) {
    bottom: 0;
  }
  
  .logo-img{
    height: 68px;
  }
footer img.logo-img { margin-bottom:10px;}

header {
    background-color: #ffffff;
    height: 80px;
}

.main-navigation {
    display: flex;
    /* justify-content: space-between; */
    align-items: center;
   
}
.logo-image-lmu {
    margin-left: auto;
}
.logo-image-lmu img{
    padding-top: 10px;
    height: 78px;
}

.logo-image-jury {
    margin-left: 30px !important;
}
.logo-image-jury img{
   height: 58px;
}

.logo-image img {
    padding-top: 10px;
    height: 60px;
}

.socials-link {
    margin: 30px 0 0 0;
    display: block;
    float: left;
    clear: both;
}

.socials-link a svg {
    color: #fff;
     fill: #fff;
     vertical-align:text-bottom;
}

.socials-link a {
    width:30px;
    height:30px;
    color: #fff;
    fill: #fff;
    border: 1px solid #fff;
    padding: 6px 0;
    border-radius:50%;
    line-height: 0!important;
    margin: 0 10px 0 auto;
    display: inline-block;
    text-align: center;
    vertical-align: text-bottom;
}

/* ==== QUOTE ====== */


div#quote-wrapper {
    width: 100%;
    margin:20px 0 40px 0;
    height:auto;
    background-color: #0076a5;
    font-family: 'lyon_display_regularregular';
    line-height: 42px;
    text-align:center;
}
#quote-wrapper h3, #quote-wrapper h3 span {
    font-size: 30px;
    font-family:'lyon_displaymedium_italic';
    max-width: 560px;
    margin: -60px auto 10px;
}

#quote-wrapper h3, #quote-wrapper span {
    font-family: 'lyon_display_regularregular';
    color:#0076a5;
}

#quote-wrapper span.large-quote {
    font-size:110px;
    line-height: 0;
    margin-top:100px;
    display: inline-block;
    color:#0076a5;
    font-family:'lyon_displaymedium_italic';
}

#quote-wrapper span.quote-name, #quote-wrapper span.quote-subtitle, #quote-wrapper span.quote-title {
    font-family: 'metricregular';
    font-size: 23px;
    border-bottom: 5px solid #0076a5;
    color:#000;
    margin: 5px auto;
    display: inline-block;
}

#quote-wrapper span.quote-subtitle, #quote-wrapper span.quote-title{
    border:none;
    font-size:15px;
    margin:0 auto;
    display:block;
}
#quote-wrapper span.quote-subtitle{
    margin-top:-25px;
    font-family: 'metricsemibold';
}

/* ==== MODAL POPUP ====== */
div#popup {
    opacity:0;
    transition: opacity 0.15s ease;
    display:block;
    pointer-events:none;
    z-index: 99999999;
}
.modal-section.section1, .modal-section.section2 {
    transition: all 0.3s ease-out 0.2s;
    top: -100%;
    position: relative;
}
.modal-section.section2 {
    max-height:500px;
    padding-top: 57px;
    transition-delay: 0.4s;
}
div#popup.open {
    opacity:1;
    pointer-events:all;
}
div#popup.open .modal-section.section1, div#popup.open .modal-section.section2 {
    top:0;
}

.menu-theme h4, .menu-topics h4, div#popup h4, div#popup h5, div#popup h6 {
    text-transform: uppercase;
    font-size: 0.85em;
    font-weight: bold;
    font-family:'metricsemibold';
    letter-spacing:1px;
}

div#popup.open a, div#popup.open a:hover {
    text-decoration:none;
}

.footer-menu ul li a {
    color: white;
}
.close-btn {
    
    font-size: 54px;
    cursor: pointer;
    z-index: 9999;
}


.hamburger-icon {
    display: inline-block;
    cursor: pointer;
    /* Add your icon styles here */
}

.hamburger-icon span {
    display: block;
    height: 3px;
    width: 25px;
    margin-bottom: 5px;
    /* Add your icon bar styles here */
}

/* Modal Overlay Styles */
.modal-section{
    padding: 3%;
    
}
.modal-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.7); /* Semi-transparent overlay color */
    z-index: 9999; /* Make sure it's above other elements */
}

/* Modal Content Styles */
.modal-content {
    border: none;
    box-shadow: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 19%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 46.33vh; /* Set the height to 1/3 of the viewport height */
    background-color: #ffffff00; /* Modal background color */
    
}

/* Modal Section Styles */

.bar1, .bar2, .bar3 {
    width: 35px;
    height: 4px;
    background-color: #333;
    margin: 6px 0;
    transition: 0.4s;
  }

.modal-section {
    box-shadow: none;
    width: 50%;
    padding-top: 100px;
    /* Add styles for the two sections here */
}

.section1 {
    color: white;
    height: 100%;
    background-color: #0089b3;
}
.section2 {
    height: 90%;
    position: relative;
    top:-6%;
    background-color: rgb(255, 255, 255);
}

.menu-right-contain{
    display: flex;
}
.section2 .logo-image {
    display: flex;
    justify-content: end;
}
.category-list{
    padding: 0;
    font-size: 22px;
    
}
.menu-topics .category-list{
    font-size:15px;  
    line-height:20px;
}
.menu-topics{
    margin-left: 10%;
}



div#content, div#content > div:first-of-type {
    margin: 15px auto 0 auto;
}

div#content {
    margin:8px 4% 0 4%;
    min-height: calc(100vh - 336px);
}

header.margin-fix {
    margin-top: 10px;
}

/* ========== HOME BANNER ===============*/


.topics-header {
    display: flex;
    align-items: center;
}

.horizontal-topics {
    list-style: none;
    padding: 0;
    margin-bottom: 30px; 
    display: flex;
    flex-wrap: wrap; 
    width: 100%;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid lightgray;
    border-bottom: 1px solid lightgray;
}

.horizontal-topics li {
    margin-right: 10px;
    font-size: 18px;
    
}

.horizontal-topics li a {
    color: black;
}
.horizontal-topics li a:hover {
    color: #0076A5;
}

/* Style the h3 header */
.topics-header h3 {
    margin-right: 10px; 
    margin-top: 10px;
    font-size: 18px;
}




.featured-image{
    background-position:top center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 675px;
    max-width:1920px;
    margin:auto;
}

.featured-title {
    width: 50%;
    background-color: white;
    height: 700px;
    position: relative;
    bottom: 280px;
    left: 4%;
    padding:4% 4% 0% 4%;
}

.featured-title h1 {
    font-size: 115px;
}

.featured-title h1 a:hover{
    text-decoration: none;
    cursor: pointer;
}
.featured-content {
    border-top: 1px solid #fff;
}
#featured-title-author {
    font-weight: 400;
    font-style: normal;
    font-weight:bold;
    font-family:'metricregular';
    text-decoration: underline;
    font-size:1.52em;
    letter-spacing:1px;
    padding-bottom:5px;
    border-bottom:6px solid #0076a5;    
    width: auto;
    display: inline-block;
}

.featured-title h4, div#content h2{
    color: #0076a5;
    letter-spacing:1px;
    font-weight: bold;
    font-family:'metricsemibold';
}
div#content h2{
    color:#000;
    font-family:'metricregular';
}
.featured-title h1 a{
    font-family: 'lyon_display_regularregular'; 
    color: #AB0C2F;
}
/*  red Title */

.featured-content {
    display: flex;
    justify-content: space-between;
}

nav.featured-menu {
    margin: -5px 0 10px 0!important;
    display: block;
    float: left;
    width: 100%;    
}
.featured-content nav.featured-menu {
  margin-top:20px!important;   
}
 ul li a {
    font-family:'metriclight'; 
}

nav.featured-menu, nav.featured-menu ul, nav.featured-menu ul li, nav.featured-menu ul li a{
    padding:0!important;
}
svg.svg-inline--fa.fa-search{
    height:2em;
    color:#ccc;
}
form.search-form label, form.search-form input.search-field {
    width:90%;
}
form.search-form input.search-field {
    width:100%;
    border-bottom:5px solid #AB0C2F;
    padding:5px 0;
    font-size:20px;
}
/* form.search-form{
    margin-top:60px;
} */
h1.title, .title {
    width: 50%;
    background-color: #AB0C2F;
    height:auto;
    padding-left: 10%;
    color: white;
    font-family: 'lyon_display_regularregular'; 
}

.title h1 {
    font-size: 60px;
    font-family: 'lyon_display_regularregular';
}
/* latest 3 featured */
.last-three-featured {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: -25px -15px 0 0;
}

.last-three-featured-wrapper {
    flex-basis: calc(33.33% - 30px);
    margin: 15px 0;
    text-align: center;
}

.last-three-featured-title {
    margin-top: 15px;
    display: flex;
    flex-direction: column;
    align-items: start;
}

.latest-three-featured-image img {
    min-width: 300px;/*411px;*/
    max-width:100%;
    height: auto;
}

.featured-wrapper {
    margin:-100px 0 0 0!important;
}

hr {
    border-width: 1px;
    border-color: black;
  }

.last-three-featured-text {
    text-align: start;
    
}
.last-three-featured-text, .last-three-featured-text * {
    font-size: 1.3em!important;
}
.last-three-featured-text h2 a{
    font-family: "lyon_display_regularregular", Arial, sans-serif;
    color: black;
    font-size: 45px;
    text-align: start;
    font-weight: 300;
}

.last-three-featured-text p{
    color: #0076a5;
    font-size: 14px!important;
    text-align: start;
}

.features-title, h2.features-title, div#content h2.features-title{
        font-family:'metricsemibold'; 
        margin-bottom: -5px;
}




/* ==== FEATURED CATEGORY ======== */
.featured-sections-wrapper {
    display: flex;
    justify-content: space-between;
   
    
}
/* Add the following CSS to your theme's stylesheet or custom CSS section */

.featured-sections-wrapper {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
   
  }
  
  .last-two-featured {
    width: calc(33.33% - 20px); 
    margin-bottom: 30px; 
    box-sizing: border-box; 
  }
  
  
  .last-two-featured-title h2 {
    font-size: 24px;
    margin-bottom: 10px;
  }
  
  .last-two-featured-text h2 a {
    font-weight: 300;
    color: #000000;
    font-family: 'lyon_displaylight'; 
  }

  .last-two-featured-text p {
    color: #0076a5;
  }
  
.light-hr{
    border-color: lightgrey;
}
.grey{
    border-color: grey;
}

/* ==== FOOTER =========== */



/* Footer container */
#site-footer {
    background-color: #f0f0f0; 
    padding: 20px 4%; 
    border-top:0;
  }
  
 
  #footer-row {
    display: flex;
    justify-content: space-between;
    
    margin: 0 auto;
  }
  
 
  .footer-section {
    flex: 1;
    padding: 10px; /* Add padding as needed */
  }
  

  .footer-section h4 {
    font-size:16px;
    margin-bottom: 10px;
  }
  
  .footer-section p {
    font-size: 16px;
    color: #666;
    margin: 0 0 0 12px;
  }
  
 
  .footer-section:nth-child(1) {
    flex-basis: 60%;
  }
  
  .footer-section:nth-child(2),
  .footer-section:nth-child(3) {
    flex-basis: 20%;
  }
  
  ul#menu-footer-menu li, ul#menu-footer-menu li a {
    font-size: 16px;
    color: #333;
    line-height: normal;
}
  
/* pages */
/* ============ STUDENT CORRESPONDENT ============== */
.profile-article-author {
    font-size: 18px;
}
.profile-article {
    font-weight: normal !important;
    font-family: "lyon_display_regularregular", Arial, sans-serif !important;
}
.post-by-profile {
    font-size: 16px;
}
.student-quote {
    font-family: "lyon_textsemibold_italic", Arial, sans-serif;
}
.profile-text-para {
    font-size: 20px;
}
.profile-text-pronouns {
    font-family: "metricregular", Arial, sans-serif;
    font-size: 18px;
}
.profile-text-location {
    margin: 0;
    font-family: "metmetricregularricbold", Arial, sans-serif;
}
.text-content-contain {
    padding-top: 25px;
    padding-right: 40px;
}
.profile-text-name {
    font-family: "metricbold", Arial, sans-serif;
    font-size: 60px;
}
.student-quote-contain {
    width: 100%;
    text-align: center;
}
.student-correspondent-title {
    font-size: 50px;
    font-family: "lyon_textsemibold", Arial, sans-serif;
}
.section-student-correspondent {
    display: flex;
    justify-content: space-between;
}


.left-div h5{
   padding-bottom: 0;
    
}
.left-div {
    width: 40%;
    
}
.left-div-student {
    width: 45%;
}

.right-div {
    width: 55%;
   padding-top: 10%;
}

.red-container {
    background-color: #BB203C;
    color: white;
    z-index: 1;
    position: relative;
    padding-bottom: 20px;
}

.red-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 46%; 
    height: 355px;
    background-color: #BB203C;
    z-index: 0; 
}

.circle-image {
    width: 50%; 
    padding-top: 50%; 
    border-radius: 50%;

    background-size: cover; 
    background-position: center center; 
}
.circle-img-contain {
    display: flex;
    justify-content: center;
}

.other-posts-by-author {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.article {
    width: calc(33.33% - 20px); 

    
    text-align: center;
}

.article img {
    max-width: 100%;
    height: auto;
}

.article h2 {
    margin-top: 10px;
    font-size: 16px;
}

.article p {
    margin-top: 5px;
    text-align: start;

}

.article h2 {
    font-size: 40px;
    text-align: start;
}
.student-quote {

}

.blue-hr {
    opacity: 1;
    width: 36%;
    border: 3px solid #1189B3;
}


/* ======== MEET OUR TEAM ===============*/
.red-container-wide {
    background-color: #BB203C;
    color: white;
    width: 200%;
    
    position: relative;
    top: -42px;
}

.red-container-wide h1 {
    font-size: 2.5 em;
    margin-top: 30px !important;
    font-family: "lyon_text_regularregular", Arial, sans-serif;
}
.red-container-wide h5 {
    font-size: 26px;
    padding-top: 10px;
    font-family: "lyon_text_regularregular", Arial, sans-serif;

}
.red-bg-wide{
    position: absolute;
    top: 0;
    left: 0;
    width: 80%; 
    height: 400px;
    background-color: #BB203C;
    z-index: 0; 
    padding-right: 10px;
}


.correspondents-img-contain {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.correspondent {
    width: calc(33.33% - 2%);
    text-align: center;
    margin-bottom: 2%;
    box-sizing: border-box;
    
}

.correspondents h1 {
    font-family: "lyon_text_regularregular", Arial, sans-serif;
}
.correspondents {
    margin: 0 !important;
}
.correspondents-circle-image {
    width: 270px;
    height: 270px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto;
}

.correspondents-circle-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.correspondent h3 {
    position: relative;
    display: inline-block;
    margin-bottom: 8px; 
    font-family: "metricbold", Arial, sans-serif;
}
.correspondent-year {
    font-family: "metricsemibold", Arial, sans-serif;
    font-size: 20px;
}
.correspondent-location {
    font-family: "metricregular", Arial, sans-serif;
    font-size: 18px;
}

.past-correspondents h2{
    color: #0076A5;
    font-family: "lyon_text_regularregular", Arial, sans-serif !important;
}
.correspondent h3::before {
    content: "";
    position: absolute;
    bottom: -4px; 
    left: 0;
    width: 100%;
    height: 4px; 
    background-color: #0076A5; 
    z-index: -1;
}

.correspondent p {
    margin: 0; 
  
}

.correspondent-section{
    font-family: "metricmedium", Arial, sans-serif !important;
    font-size: 20px;
    padding: 0;
}

.correspondents h1 {
    padding-bottom: 30px;
  
}

@media (max-width: 768px) {
    .correspondent {
        width: calc(50% - 2%);
    }
    
    .correspondents-circle-image {
        width: 200px;
        height: 200px;
    }
}




.pastcorrespondents-list-contain {
    display: flex;
    flex-wrap: wrap;
}

.correspondent-section {
    width: 25%; 
    box-sizing: border-box;
    /* margin-bottom: 20px; */
   
    box-sizing: border-box;
    
}

.correspondent-section p {
    margin: 4px 0; 
}



.contact-info {
    display: flex;
    flex-direction: row;
    align-items: center; 
    justify-content: space-between;
}

.contact-info h4 {
    margin-right: 20px; /* Adjust the margin between the <h4> elements */
}

.contact-editors h2 {
    margin-bottom: 10px; 
    font-family: "lyon_text_regularregular", Arial, sans-serif !important;
}

.contact-questions {
    font-family: "lyon_display_regularregular", Arial, sans-serif !important;
    font-size: 24px !important;
}

.contact-email {
    font-family: "metricbold", Arial, sans-serif !important;
    font-size: 22px !important;
}

/* ======== ARTICLE ========== */
.article-content {
    width: 100%;
    max-width: 100%; 
    margin-bottom: 20px;
}

.article-content img {
    width: 100%; 
    height: auto; 
}

.article-header {
    position: relative;
    top: -200px;
    width: 70%;
    background-color: #ffffff;
    padding: 40px 4%;
    height: 450px;
}

.article-header h1 {
    font-size: 74px;
}

.article-links {
    text-align: right;
  position: relative;
    display: flex;
    justify-content: end;
    align-items: center;
}
.article-links img{
    z-index: 9999;
 width: 48px;
 height: 100%;
}

.blue-thick-underline {
    z-index: 99999;
    position: relative;
    display: inline-block;
    margin-bottom: 8px;
    text-decoration: none; /* Remove default underline */
}

.blue-thick-underline::before {
    content: "";
    position: absolute;
    bottom: -12px;
    left: 0;
    width: 100%;
    height: 8px;
    background-color: #1189B3; /* Adjust the color of the underline */
    z-index: -1;
}

.white-thick-underline {
    z-index: 1111;
    position: relative;
    display: inline-block;
    margin-bottom: 6px;
    text-decoration: none; /* Remove default underline */
}

.white-thick-underline::before {
    content: "";
    position: absolute;
    bottom: -8px;
    left: 0;
    width: 100%;
    height: 6px;
    background-color: #ffffff; /* Adjust the color of the underline */
    z-index: -1;
}


.article-date-category {
    display: flex;
    padding-top: 20px;
}
.article-date-category-alum {
    padding-left: 40px;
}



.article-content-text {
    position: relative;
    top: -260px;
    margin: 0 auto;
    padding: 20px;
}

.blockquote-right {
    position: relative;
    margin: 20px 0;
    padding: 20px;
   
    text-align: justify;
    font-style: italic;
    float: right;
    width: 45%;
}

.blockquote-right p {
    margin: 0;
}

.blockquote-right cite {
    display: block;
    margin-top: 10px;
    font-size: 14px;
    font-style: normal;
    color: #555;
}

.article-content-text p {
    font-size: 18px;
}
.article-content-text {
    padding: 0 4%;
}



.socials-link a svg {
    color: #000000;
     fill: #000000;
     vertical-align:text-bottom;
}

.socials-link a {
    width:30px;
    height:30px;
    color: #000000;
    fill: #000000;
    border: 1px solid #000000;
    padding: 6px 0;
    border-radius:50%;
    line-height: 0!important;
    margin: 0 10px 0 auto;
    display: inline-block;
    text-align: center;
    vertical-align: text-bottom;
}
/* ======== ARTICLE NO BANNER ========= */

.article-header-no-banner h1{
    font-size: 76px;
}

.socials-link-no-banner {
    display: flex;
    justify-content: center;
    margin: 30px 0 0 0;
    display: block;
    float: left;
    clear: both;
    
}
.author-social {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 10px;
}
.socials-link-no-banner a svg {
    color: #000000;
     fill: #000000;
     vertical-align:text-bottom;
}

.socials-link-no-banner a {
    width:42px;
    height:42px;
    color: #000000;
    fill: #000000;
    border: 1px solid #000000;
    padding: 11px 0;
    border-radius:50%;
    line-height: 0!important;
    margin: 0 10px 0 auto;
    display: inline-block;
    text-align: center;
    vertical-align: text-bottom;
}

.article-content-text-no-banner p {
    font-size: 18px;
}


/* ======= POST WITH BANNER ====== */
.single.post-with-banner .article-content{
    padding-left: 0 !important;
}

.single.post-with-banner div#content{
    margin: 0;
}
.single.post-with-banner #main-column .post, #main-column .page{
    padding: 0;
}
.single.post-with-banner .article-header-no-banner h1{ 
    padding: 0;
}
.single.post-with-banner .article-content-text-no-banner{ 
    padding: 0 4%;
}
.single.post-with-banner .author-social{ 
    padding: 0 4% 10px 4%;
}
.single.post-with-banner .article-date-category{ 
    padding: 0 4%;
}

.single.post-with-banner .white-bg-contain{ 
    background-color: white;
    width: 70%;
    padding-left: 4%;
    padding-top: 2%;
    min-height: 300px;
}

.single.post-with-banner .white-bg-contain h4, .single.post-with-banner .white-bg-contain h1{ 
   z-index: 1;
}
.single.post-with-banner .article-content-wrapper{ 
    position: relative;
    top: -300px;
    margin-bottom: -225px;
}
.article-content-wrapper {
    padding-bottom: 50px;
}
.single.post-with-banner .socials-link-no-banner{ 
    display: unset;
    float: right;
    z-index: 1;
    padding-right: 4%;
    position: relative;
}

/* .single.post-with-banner .white-bg-contain:after {
    content: "";
    display: block;
    background: #fff;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding-bottom: 300px;
    z-index: 0;
} */

.single.post-with-banner .article-header-no-banner h1{  
    /* width: 70%; */
    background-color: white;
}

.post-thumbnail-wrapper {
    width: 100%;
    height: 1000px; /* Adjust the desired height */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}


/* ======= THEMES PAGES ========== */
.themes-list .current-menu-item a {
    color: #AB0C2F !important;
  }
  .category-list .current-menu-item {
    color: #AB0C2F !important;
    
}


.theme-mid-banner:after {
    content: "";
    background: #1089B3;
    top: 0;
    position: absolute;
    bottom: 0;
    z-index: -1;
    left: -90px;
    right: -90px;
}
.theme-mid-banner-contain {
    background-color: #AB0C2F;
}

.theme-mid-right h4 {
    font-size: 26px;
    font-family: "metricmedium", Arial, sans-serif !important;
}
.theme-mid-right h1 {
    font-family: "lyon_textsemibold_italic", Arial, sans-serif !important;
}
.theme-article h2 {
    font-family: "lyon_display_regularregular", Arial, sans-serif !important;
}
.category-title {
    font-family: "lyon_textsemibold", Arial, sans-serif !important;
}

.category-description {
   
    font-family: "lyon_textregular_no._2", Arial, sans-serif !important;
}
.article-author {
    font-family: "metricmedium", Arial, sans-serif !important;
}
.theme-mid-banner {
    margin: 0 !important;
}
.article-row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px; /* Adjust as needed */
}

.article-col {
    border-bottom: 1px solid lightgrey;
    flex: 1;
    margin-right: 10px; /* Adjust as needed */
}


.in-page-list {
    padding: 0;
}

.theme-mid-banner {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.theme-mid-banner {
    padding: 50px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #1189B3;
}

.theme-mid-left {
    width: 30%;
    text-align: center;
    padding-left: 4%;
}

.theme-mid-left h1 {
    font-size: 24px;
    margin-bottom: 10px;
}

.theme-mid-left img {
    border-radius: 50%;
    width: 100%;
    height: auto;
}

.theme-mid-right {
    width: 70%;
    
    text-align: center;
    color: white;
}
.theme-mid-content-wrapper {
    padding: 0 4%;
}

.theme-mid-right p {
    margin: 0px 0;
    padding: 0;
}

.theme-article {
    padding-bottom: 50px;
    padding-top: 50px;
    padding-left: 15px;
    padding-right: 15px;
}

.themes-list li:hover, .topics-list li:hover {
    color: #BE2A44;
}

.searchbar {
    width: 100%;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 4px solid #BE2A44;
}

.theme-header h3 {
    color: #999C9E;
}
.theme-searchbar input::placeholder {
    color: #C8C9C7;
}
.themes-list li {
    font-size: 22px;
}

.topics-list li {
    font-size: 18px;
}
/* Style the "X" for list items */


.icon-svg {
    display: none;
    vertical-align: middle;
    fill: #888B8D;
    height: 16px;
}

.themes-list .lmu-blue a:hover .icon-svg {
    display: inline-block;
    margin-left: 5px; /* Adjust as needed */
    vertical-align: middle;
}

.topics-list .category-list li a:hover + .icon-svg {
    display: inline-block;
    margin-left: 5px; /* Adjust as needed */
    vertical-align: middle;
}




.theme-searchbar {
    display: flex;
}
input {
    border: none;
    outline: none; /* This removes the outline when the input is focused */
}
@media (max-width: 768px) {
    .theme-mid-banner {
        flex-direction: column;
        text-align: center;
    }

    .theme-mid-left,
    .theme-mid-right {
        width: 100%;
    }
}

/* ===== PAGINATION ======= */
.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
}



/* ======== UM PROFILE FIELDS ========== */
.um.um-profile, .um.um-profile * {
    opacity: 1!important;
}

/* ======== ARTICLE NO BANNER ========== */
#main-column .post, #main-column .page {
    border: none !important;
}
/* ======== MOBILE =========== */

/* BANNER */

@media (max-width: 2240px) {
    .featured-title h1 {
        font-size: 103px;
    }
}

@media (max-width: 1920px) {
    .featured-title h1 {
        font-size: 105px;
    }
}

@media (max-width: 1620px) {
    .featured-title h1 {
        font-size: 95px;
    }
}
@media (max-width: 1200px) {
    .featured-title h1 {
        font-size: 85px;
    }
}
@media (max-width: 1020px) {
    .featured-title h1 {
        font-size: 70px;
    }
}

@media (max-width: 880px) {
    .featured-title h1 {
        font-size: 60px;
    }
    .red-container-wide h1 {
        z-index: 1;
    }
    
}


@media (max-width:961px){
    .last-two-featured {
        width: 100%;
    }
    .last-three-featured-wrapper {
        flex-basis:calc(100% - 15px);
    }
    .featured-wrapper {
        margin:120px 0 0 0!important;
    }
    .featured-title {
        width: 80%;
        padding: 4%;
    }
    .featured-content {
        border-top:none;
    }
    .title {
        padding:90px 150px 50px 30px;
        width:100%;
    }

    .title h1 {
        font-size: 41px!important;
        line-height: 52px;
    }
    /* nav.featured-menu {
        display: none;
    } */

    article.last-three-featured-title .latest-three-featured-image, .last-three-featured-text {
        width: 50%;
        padding: 0;
        margin: 0;
        float: left;
        display: inline-block;
        clear: none;
    flex-direction: row;
    }
    .last-three-featured-wrapper:nth-of-type(2) .last-three-featured-title {
        flex-direction: row-reverse;
    }
    .last-three-featured-wrapper .last-three-featured-title {
        flex-direction: row;
    }
    .last-three-featured-wrapper .last-three-featured-text { padding: 0 25px; width: auto; }
    }


    @media (max-width:667px){
        article.last-three-featured-title .latest-three-featured-image, .last-three-featured-text { width: 100%; }
    }


    @media (max-width:600px){
        .last-three-featured-wrapper .last-three-featured-text {
            padding: 0;
        }
        .theme-mid-right {
            padding: 0 !important;
        }
        .theme-mid-right h1{
            font-size: 32px;
        }
        .theme-mid-left {
            width: 100% !important;
        }

        .red-container-wide {
            width: 100vw;
        }
        .correspondents-img-contain {
            flex-direction: column;
            align-items: center;
        }
        
        .contact-info {
            flex-direction: column;
        }
        .correspondent-section h2 {
            padding-bottom: 15px;
        }
        form.search-form {
            margin-top: 0;
        }
        .theme-container .row.theme-menu .col-md-3 {
            float: left;
        }
        .col-md-6 {
            width: 100%;
        }
        .row.theme-menu {
            display: flex;
            flex-wrap: wrap;
        }
        .single .article-content {
            padding-left: 0 !important;
        }

        .socials-link-no-banner {
            margin-bottom: -270px;
        }
        .blockquote-right {
            float: none;
            width: 100%;
        }
        .article-content-text-no-banner blockquote:not(:first-of-type) {
            padding-right: 0 !important;
        }
        figure {
            padding-right: 0 !important;
        }
        .single .article-content-wrapper h5{
             font-size: 20px !important;
             padding-right: 0 !important;
        }
        .single .article-header-no-banner h1 {
            font-size: 55px !important;
        }

        .single.post-with-banner .white-bg-contain {
            width: 100% !important;
        }
  
        .banner-social-hide, .sharedaddy.sd-sharing-enabled h3.sd-title {
            display: none !important;
        }
        .socials-link-no-banner.banner-social{
            display: block !important;
        }
    }

    @media (min-width: 667px) and (max-width: 840px) {
        .title {
            padding: 100px 150px 40px 30px;
        }
        .title h1 {
            font-size: 24px;
        }
        .featured-title {
            bottom: 240px !important;
        }
    }
    @media (min-width: 768px) and (max-width: 820px) {
        .correspondents-circle-image {
            width: 200px;
            height: 200px;
        }
    }

    @media (max-width: 500px) {
        .pastcorrespondents-list-contain {
            padding-top: 20px;
        }
        .correspondent-section {
            text-align: center;
        }
        .modal-section.section1 h2 {
             margin-bottom: 15px !important;
        }
        .horizontal-topics h3 {
            margin: 0;
        }
        .horizontal-topics {
            flex-wrap: wrap !important;
           
        }
        ul.horizontal-topics, ul.horizontal-topics > * {
            padding: 0 10px;
        }
        .menu-right-contain {
            padding-top: 5px;
        }
        .section1 br {
            display: none;
        }
        .modal-section span.close-btn {
            position: relative;
            bottom: 25px;
            height: 40px;
        }
        .section2 .logo-image {
            display: none;
        }
        blockquote.blockquote-right {
            padding: 0 20px 20px 20px !important;
        }
        .section2 {
            padding-top: 0 !important;
        }
        .horizontal-topics {
            justify-content: center!important;
        }
        .logo-image-jury img {
            height: 48px;
        }
        .section1 h2 {
            margin-top: 0 !important;
        }
    }
    @media (max-width: 540px) {
        .featured-title h1 {
            font-size: 38px !important;
            
        }
        .featured-title {
        bottom: 305px !important;
        
        }

        .title {
            padding: 0 150px 10px 30px;
        }
    }
    @media (max-width: 375px) {
       .section2 .logo-image {
        display: none;
       }
       
       .section1 h2{
        font-size: 20px !important;
        margin-top: 0 !important;
       }
       .featured-menu ul li a {
        font-size: 16px !important;
       }

       .section1 .close-btn {
        font-size: 40px;
       }

       .category-list {
        font-size: 16px !important;
       }
       #menu-topics {
        font-size: 14px !important;
       }


       div#popup.open .modal-section.section1, div#popup.open .modal-section.section2 {
        top: -55px !important;
       }

       .section1 h5 {
        margin: 0 0 -20px 0 !important;
       }
    }

    @media (max-width: 600px) {
        .single header.margin-fix {
            padding: 10px 5% 10px 5% !important;
        }
       #footer-row {
        align-items: center;
       }

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

       .footer-section .logo-img {
        padding-left: 30px;
       }
       .single header.margin-fix {
        top: 0 !important;
       }
       .single .article-header-no-banner {
        padding-top: 20px !important;
       }
    }

    
    @media (min-width: 600px) and (max-width: 880px) {
        .featured-title{
            bottom: 275px !important;
        }
        .red-container-wide {
            width: 265% !important;
        }
    }
    @media (min-width: 540px) and (max-width: 600px) {
        .featured-title{
            bottom: 315px !important;
        }
    }