/*
Theme Name: Medici Theme
Theme URI: https://medici.com
Author: Medici Team
Author URI: https://medici.com
Description: A custom theme for Medici
Version: 1.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: medici
*/

/*
SG Styles
*/

/* Body */
body { margin:0px; padding:0px; }
body, html { height:100%; }

body { font-size: 15px; font-family: "Georgia"; line-height: 1.7; }
body.custom-bg { background-color: #ffffff;/*97abbf*/ background-image: url(assets/images/bg.png); background-position: center center; background-size: contain; background-repeat: no-repeat; background-attachment: fixed; }

h1 { font-size: 32px; }
h2 { font-size: 28px; }
h3 { font-size: 24px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
h6 { font-size: 14px; }
h1, h2, h3, h4, h5, h6 { clear: both; margin: .6em 0; font-family: "Georgia", serif; }

#to_top { position: fixed; bottom: 20px; right: 20px; display: none; /* Hidden by default */ background-color:rgba(0,0,0,0.5); /* Button color */ color: white; /* Text color */ border: none; border-radius: 3px; padding: 10px; cursor: pointer; z-index: 1000; /* Ensure it is on top */ }
#to_top:hover { background-color: rgba(0,0,0,0.8); /* Darker shade on hover */ }

/* Header Navigation */
.header_navigation { display:inline-block; height:auto; margin:0px 0px; padding:0px; }                                                                    
.header_navigation .nav_menu { transition: all 0.3s ease; height: auto; margin: 0px; padding: 15px 0px; list-style: none; }
.header_navigation .nav_menu li { display: inline-block; margin: 0px; padding: 0px; text-align: center; font-size: 16px; line-height: 65px; font-weight: 700; font-family: "Georgia", serif; text-transform: uppercase; white-space: nowrap; }
.header_navigation .nav_menu a:link, .header_navigation .nav_menu a:visited { display: block; margin: 0px; height: 65px; padding: 0px 15px; color: #2D2D2D; text-decoration: none; transition: 0.1s; white-space: nowrap; }
.header_navigation .nav_menu a:hover, .header_navigation .nav_menu a:active { display:block; margin:0px; height:65px; padding:0px 15px; color:#D15563; text-decoration:none; transition:0.1s; }
.header_navigation .nav_menu.shrink_nav{ padding:0px 0px; }

/* Header Subnavigation */
.header_navigation .nav_menu li ul { top: auto; list-style: none; margin: 0px; padding: 0px; min-width: 250px; position: absolute; z-index: 99999; border-top: 1px solid #FFF; } 
.header_navigation .nav_menu li ul li { display: block; min-height: 35px; height:auto; margin: 0px; padding: 0px; font-size: 18px; line-height: 1.4; font-weight: 400; text-align: left; background: none; float: none; text-transform: none; } 
.header_navigation .nav_menu li ul li a:link, .header_navigation .nav_menu li ul li a:visited { display: block; height:auto; margin: 0px; padding: 8px 10px; color: #FFF; text-decoration: none; background: #9091AF; border-bottom: 1px solid #FFF; white-space: normal; word-wrap: break-word; }
.header_navigation .nav_menu li ul li a:hover, .header_navigation .nav_menu li ul li a:active { display: block; height: auto; padding: 8px 10px; color: #FFF; text-decoration: none; background: #D15563; border-bottom: 1px solid #FFF; white-space: normal; word-wrap: break-word; }

/* #header-navigation-right .nav_menu li:nth-last-child(2) a, #header-navigation-right .nav_menu li:nth-last-child(2) a:visited { color:#FFF; background:#D15563;  }
#header-navigation-right .nav_menu li:nth-last-child(2) a:hover, #header-navigation-right .nav_menu li:nth-last-child(2) a:active { color:#FFF; background:#9091AF; } */
.header_navigation .nav_menu ul, .header_navigation .nav_menu li:hover ul ul, .header_navigation .nav_menu ul li:hover ul ul { display:none; }
.header_navigation .nav_menu li:hover ul, .header_navigation .nav_menu ul li:hover ul, .header_navigation.nav_menu ul li ul li:hover ul { display:block; }

/* Header Navigation Mobile */
.header_navigation_mobile { display:none; }

/* Footer Navigation */
.footer_navigation { display:block; margin:0px 0px 60px 120px; padding:0px; text-align:left; overflow:auto; }
.footer_navigation .nav_menu { display:block; width:100%; margin:0px; padding:0px; text-align:left; list-style:none; }
.footer_navigation .nav_menu li { display:inline-block; max-width:16%; margin:0px 3% 0px 0px; padding:0px; text-align:left; font-size:16px; line-height:20px; font-weight:700; text-transform:uppercase; font-family:"Georgia", serif; float:left; }
.footer_navigation .nav_menu a:link, .footer_navigation .nav_menu a:visited { display:block; margin:0px; padding:0px; color:#FFF; text-decoration:none; transition:0.1s; }
.footer_navigation .nav_menu a:hover, .footer_navigation .nav_menu a:active { display:block; margin:0px; padding:0px; color:#D15563; text-decoration:none; transition:0.1s; }
.footer_navigation .nav_menu li:last-child { margin:0px 0px 0px 0px; }

/* Footer Subnavigation */
.footer_navigation .nav_menu li ul { list-style:none; margin:8px 0px 0px 0px; padding:0px; } 
.footer_navigation .nav_menu li ul li { display:block; width:100%; max-width:100%; margin:0px; padding:0px 0px 8px 0px; font-size:16px; line-height:20px; font-weight:400; text-align:left;  background:none; text-transform:none; font-family:"Georgia", serif; float:none; }
.footer_navigation .nav_menu li ul li a:link, .footer_navigation .nav_menu li ul li a:visited { display:block; margin:0px; padding:0px; color:#FFF; text-decoration:none; }
.footer_navigation .nav_menu li ul li a:hover, .footer_navigation .nav_menu li ul li a:active { display:block; margin:0px; padding:0px; color:#D15563; text-decoration:none; }
.footer_navigation .nav_menu li ul li:nth-child(2) { width:100%; }

/* Header */
.header_container { box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); /* Add this line for box shadow */ position:fixed; top:0; left:0; z-index:1000; height:auto; width:100%; margin:0px; padding:0px; background:#FFF; }
.header { width: 100%; max-width: 100%; height: auto; margin: 0px auto; padding: 0px 0px; position: relative; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 1rem; }
.header-left, .header-right { display: flex; align-items: center; }
.header-left { justify-content: flex-end; }
.header-right { justify-content: flex-start; }
.header-center { display: flex; justify-content: center; align-items: center; padding: 0 .5rem; }
.header_logo { max-height: 80px; width: auto; transition: all 0.3s ease; }
.header_navigation { display: flex; align-items: center; height: auto; margin: 0px; padding: 0px; position: relative; }

.header_logo { transition: all 0.3s ease; width:auto; margin:0px 20px; padding:10px 0px; float:left; position:relative; }
.header_logo.shrink_title { padding:3px 0px; height:58px;}

/* Footer */
.footer_container { margin:0px; padding:20px 0px; background:#000; }
.footer { margin:0px auto; padding:0px 0px; width:100%; max-width:1280px; text-align:center; overflow:auto; }
.footer_up { display:inline-block; margin:0px 20px 0px 20px; padding:0px; color:#FFF; font-size:16px; line-height:24px; text-align:right; float:right; }
.footer_up a:link, .footer_up a:visited { color:#FFF; }
.footer_up a:hover, .footer_up a:active { color:#FFF; }
.footer_spacer { height:45px; margin:0px; padding:0px; background:#FFF; }
.footer_legal { margin:0px 15px 30px 15px; padding:0px; color:#FFF; font-size:10px; line-height:18px; font-weight:700; text-transform:uppercase; font-family:"Georgia", serif; text-align:center; }

/* Main */
#main {  }

/* Content */
.content_container { margin:0px; padding:90px 0px 0px 0px; text-align:center; background:#FFF; position:relative; overflow:auto; }

.home_projects_container { margin:0px; padding:60px 0px 0px 0px; text-align:center; background:#FFF; position:relative; overflow:auto; }
.content_container_a { margin:0px; padding: 90px 0px 0px 0px; text-align:center; background:#F5F5F5; position:relative; overflow:auto; }
.content_container_b { margin:10px; padding:90px 0px 0px 0px; text-align:center; background:transparent; position:relative; overflow:auto; }
.content_container_c { margin:0px; padding: 0px 0px 0px 0px; text-align:center; background:#FFF; position:relative; overflow:auto; }
.content_container_video { margin:0px; padding:0px; text-align:center; background:url(template/background/background-videos.jpg) no-repeat center; background-size:cover; position:relative; overflow:auto; }
.content_mask_a { width:100%; margin:0px; padding:0px; position:absolute; top:0px; bottom:0px; left:0px; right:0px; background:rgba(255,255,255,0.5); }
.content_video_background { width:100%; margin:0px; padding:0px; position:absolute; top:0px; bottom:0px; left:0px; right:0px; overflow:hidden; background:#F0EBDD; }
.content_modal { margin:0px; padding:0px; text-align:center; background:#FFF; position:relative; overflow:auto; }
.content { display: block; width: 100%; max-width: 1440px; min-height: 100px; margin: 0px auto; padding: 0px; overflow: auto; position: relative; /* Hide scrollbar for Chrome, Safari and Opera */ &::-webkit-scrollbar { display: none; } /* Hide scrollbar for IE, Edge and Firefox */ -ms-overflow-style: none;  /* IE and Edge */ scrollbar-width: none;  /* Firefox */ }
.content_wide { display:block; width:100%; margin:0px; padding:0px; overflow:auto; position:relative; }
.content_narrow { display:block; width:90%; max-width:1200px; margin:0px auto; padding:0px; overflow:auto; position:relative; }
.content_left { display:block; margin:0px; padding:0px; vertical-align:top; float:left; left:0px; }
.content_right { display:block; margin:0px; padding:0px; vertical-align:top; float:right; right:0px; }
.content_full { display:block; width:90%; max-width:1200px; margin:0px auto; padding:0px; overflow:auto; position:relative; }
.content_border { border-left:1px solid #D2D2D2; box-sizing:border-box; }
.content_one { width:8%; }
.content_two { width:17% }
.content_three { width:25% }
.content_four { width:33%; }
.content_five { width:41%; }
.content_six { width:50%; }
.content_seven { width:59%; }
.content_eight { width:67%; }
.content_nine { width:75%; }
.content_ten { width:83%; }
.content_eleven { width:92%; }
.content_twelve { width:100%; }

.content_container_center{text-align:center;}
.content_container_center .content_three{display:inline-block;float:none;}

/* Link */
.link_button { height:35px; display:inline-block; margin:0px auto 20px auto; padding:0px 40px; color:#132C76; font-size:15px; line-height:35px; font-weight:700; text-transform:uppercase; text-align:center; font-family:"Georgia", serif; }
.link_button:link, .link_button:visited { color:#FFF; text-decoration:none; font-weight:700; background:#9091AF; border:none; border-radius:0px; transition:all 0.2s; }
.link_button:hover, .link_button:active { color:#FFF; text-decoration:none; font-weight:700; background:#D15563; border:none; border-radius:0px; transition:all 0.2s; }

.content a:link, .content a:visited, .content a:focus, .content a:active { }

.wp-block-button { height:35px!important; display:inline-block; margin:0px auto 20px auto; padding:15px 0px 0px 0px; color:#132C76; line-height:35px; font-weight:700; text-transform:uppercase; text-align:center; font-family:"Georgia", serif; }
.wp-block-button__link:link, .wp-block-button__link:visited { min-width:220px; padding:0px 20px!important; color:#FFF; text-decoration:none; font-size:15px!important; font-weight:700; background:#9091AF; border:none; border-radius:0px; transition:all 0.2s; }
.wp-block-button__link:hover, .wp-block-button__link:active { min-width:220px; padding:0px 20px!important; color:#FFF; text-decoration:none; font-size:15px!important; font-weight:700; background:#D15563; border:none; border-radius:0px; transition:all 0.2s; }

/* Admin */
.admin_edit_link { display:inline-block!important; margin:10px 0px!important; padding:5px 10px!important; font-size:10px!important; line-height:10px!important; border-radius:10px!important; position:absolute!important; bottom:5px!important; right:5px!important; z-index:299!important; }
.admin_edit_link:link, .admin_edit_link:visited { background:rgba(0,0,0,0.8)!important; color:#FFF!important; text-decoration:none!important; }
.admin_edit_link:hover, .admin_edit_link:active { background:rgba(0,0,0,1.0)!important; color:#FFF!important; text-decoration:none!important; }

/* Responsive */
.desktop { display:inherit!important; }
.mobile { display:none!important; }

.img-responsive { width: auto; height: auto; }


/* Custom Containers ------------------------------------------------------*/

/* Home */
.home_feature { height:600px; min-height:500px; margin:0px; padding:0px 0px 0px 0px; background-size:cover; position:relative; background-position:center; overflow:visible; }
.home_feature_mask { width:100%; margin:0px; padding:0px; position:absolute; top:0px; bottom:0px; left:0px; right:0px; background:rgba(0,0,0,0.6); }
.home_feature_content { width:100%; max-width:1280px; margin:0px auto; padding:0px; position:absolute; top:40%; left:50%; transform:translate(-50%, -25%); overflow:auto; }                                                                   
.home_feature_text { width:100%; max-width:700px; margin:0px 20px; padding:0px; color:#FFF; font-size:18px; line-height:25px; text-align:left; box-sizing:border-box; position:relative;font-weight:600;  }
.home_feature_text h1 { margin:0px 0px 20px 0px; color:#FFF; font-size:50px; line-height:55px; font-weight:700; font-family:"Georgia", serif; }
.home_feature_text h2 { margin:0px 0px 20px 0px; color:#FFF; font-size:48px; line-height:55px; font-weight:700; font-family:"Georgia", serif; }
.home_feature_text ul { display:flex; justify-content:flex-start; margin:15px 0px 0px 0px; padding:0px; list-style:none; overflow:auto; }
.home_feature_text ul li { flex-basis:220px; margin:0px 15px 0px 0px; padding:0px; list-style:none; text-align:center; }
.home_feature_text ul li a:link, .home_feature_text ul li a:visited { display:block; height:35px; color:#FFF; font-size:15px; line-height:35px; font-weight:700; text-transform:uppercase; text-decoration:none; font-family:"Georgia", serif; background:#D15563; transition:all 0.2s; }
.home_feature_text ul li a:hover, .home_feature_text ul li a:active { display:block; height:35px; color:#FFF; font-size:15px; line-height:35px; font-weight:700; text-transform:uppercase; text-decoration:none; font-family:"Georgia", serif; background:#707070; transition:all 0.2s; }
.home_feature_text ul li:last-child a:link, .home_feature_text ul li:last-child  a:visited { background:#9091AF; }
.home_feature_text ul li:last-child a:hover, .home_feature_text ul li:last-child a:active { background:#707070; }
.home_feature_intro_desktop { display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: stretch; width: 96%; max-width: 1280px; margin: -50px auto 0; padding: 0px; background: #FFF; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); position: relative; z-index: 2; }
.home_feature_intro_mobile { display:none; }
.home_feature_intro_image { flex-basis:40%; margin:0px; padding:0px; text-align:center; }
.home_feature_intro_image img { width:80%; height:auto; margin:10% auto 0px auto; }
.home_feature_intro_text { flex-basis:55%; margin:0px; padding:30px; text-align:left; color:#2D2D2D; font-size:16px; line-height:30px;position:relative; }
.home_feature_intro_text h2 { margin:0px 0px 15px 0px; color:#9091AF; font-size:20px; line-height:30px; font-weight:700;  }
.home_feature_intro_spacer { margin:0px; padding:0px 0px 400px 0px; background:#FFF; }
.home_video_player { height:100%; min-width:100%; margin:0px; padding:0px; object-fit:cover; object-position:center; }
.home_projects_container .content { /* Hide scrollbar for Chrome, Safari and Opera */ &::-webkit-scrollbar { display: none; } /* Hide scrollbar for IE, Edge and Firefox */ -ms-overflow-style: none;  /* IE and Edge */ scrollbar-width: none;  /* Firefox */ }
.home_projects_header { margin: 20px 20px 30px; padding: 0px; color: #FFF; font-size: 42px; line-height: 50px; font-weight: 700; font-family: "Georgia", serif; text-align: left; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5), 0px 0px 20px rgba(0, 0, 0, 0.3); }
.home_projects { display:flex; flex-wrap:wrap; justify-content:space-between; margin:0px 10px 60px 10px; padding:0px; }
.home_project_block { flex-basis:32%; margin:0px 0px 30px 0px; padding:0px; background:#FFF; box-shadow:3px 3px 8px #DDD; position:relative; }
.home_project_block a { text-decoration: none; }
.home_project_image { margin:0px; padding:0px 0px 60% 0px; background-size:cover; background-position:center; background-color:#F5F5F5; }
.home_project_text { margin:0px; padding:15px 20px; color:#2D2D2D; font-size:14px; line-height:20px; text-align:left; font-family:"Georgia", serif; }
.home_project_text h3 { margin:0px 0px 5px 0px; color:#2D2D2D; font-size:16px; line-height:22px; font-weight:700; font-family:"Georgia", serif; }
.home_project_link { margin:0px; padding:5px 0px 0px 0px; color:#7C5A7D; font-size:14px; line-height:20px; font-weight:700; text-align:left; font-family:"Georgia", serif; text-transform:uppercase; }
.home_project_link a:link, .home_project_link a:visited { color:#7C5A7D; transition:all 0.1s; }
.home_project_link a:hover, .home_project_link a:active { color:#D15563; transition:all 0.1s; }

/* Instagram */
.instagram_feed { margin:60px 20px; padding:0px; text-align:center; position:relative; }
.instagram_feed_title { margin:0px 10px 30px 10px; padding:0px; color:#000; font-size:48px; line-height:55px; font-weight:700; font-family:"Georgia", serif; text-align:left; position:relative; }
.instagram_feed_title .dashicons { width:50px; height:50px; line-height:50px; font-size:42px; display:inline-block; }
.instagram_feed_title a:link, .instagram_feed_title a:visited { color:#000; text-decoration:none; transition:all 0.2s; }
.instagram_feed_title a:hover, .instagram_feed_title a:active { color:#7C5A7D; text-decoration:none; transition:all 0.2s; }
.instagram_feed_gallery { margin:0px; padding:0px; text-align:center; position:relative; }

/* Youtube */
.youtube_playlist_intro { margin:60px 20px 30px 20px; padding:0px; color:#000; text-align:left; position:relative; }
.youtube_playlist_intro h3 { display:inline-block; margin:0px; font-size:42px; line-height:50px; font-weight:700; font-family:"Georgia", serif; }
.youtube_playlist_intro .dashicons { width:55px; height:55px; line-height:55px; font-size:48px; display:inline-block; }
.youtube_playlist { display:flex; flex-wrap:nowrap; justify-content:space-around; align-content:stretch; margin:0px 0px 80px 0px; padding:0px; border:20px #F7F7F7 solid; }
.youtube_playlist_player { flex-basis:75%; margin:0px; padding:0px 0px 42.19% 0px; position:relative; }
.youtube_playlist_player #ytplayer { width:100%; margin:0px; padding:0px; position:absolute; top:0px; bottom:0px; left:0px; right:0px; }
.youtube_playlist_list { flex-basis:25%; flex:1; margin:0px; padding:0px; position:relative; }
.youtube_playlist_list_scroll { width:100%; margin:0px; padding:0px; position:absolute; top:0px; bottom:0px; left:0px; right:0px; background:#F7F7F7; overflow-y:auto; overflow-x:hidden; }
.youtube_playlist_list_block { display:flex; flex-wrap:nowrap; justify-content:flex-start; align-content:stretch; align-items:center; margin:0px 0px 3px 0px; padding:0px; background:#F7F7F7; cursor:pointer; transition:all 0.2s; }
.youtube_playlist_list_block:nth-child(even) { background:#CCC; transition:all 0.2s; }
.youtube_playlist_list_block:hover, .youtube_playlist_list_block:nth-child(even):hover { background:#9091AF; transition:all 0.2s; }
.youtube_playlist_list_image { flex-basis:33%; margin:10px; padding:0px 0px 20% 0px; background-size:cover; background-position:center; box-sizing:border-box; }
.youtube_playlist_list_text { flex-basis:67%; margin:0px; padding:10px 10px 10px 0px; color:#000; font-size:16px; line-height:20px; font-weight:400; text-align:left; font-family: "Georgia", serif, serif; }
.youtube_playlist_list_title { margin:3px 0px 0px 0px; padding:0px; color:#000; font-size:16px; line-height:20px; }

/* Subscribe */
.subscribe { margin:60px 20px 90px 20px; padding:0px; text-align:left; }
.subscribe_intro { margin:0px; padding:0px; color:#000; font-size:16px; line-height:24px; font-weight:700; font-family:"Georgia", serif; }
.subscribe_intro h3 { margin:0px 0px 30px 0px; font-size:42px; line-height:50px; font-weight:700; font-family:"Georgia", serif; }
.subscribe_form { width:100%; max-width:600px; margin:0px; padding:0px; text-align:left; }
.subscribe_form .form_field { font-size:15px!important; font-family:"Georgia", serif!important; padding:0px 0px 15px 0px!important; } 
.subscribe_form .form_field input { height:40px!important; }
.subscribe_form .form_button { height:40px!important; display:inline-block; width:300px; margin:0px; padding:0px 40px!important; color:#FFF!important; font-size:15px!important; line-height:40px!important; font-weight:700!important; text-transform:uppercase; text-align:center; font-family:"Georgia", serif!important; border:none!important; background:#D15563!important; border-radius:0px!important; transition:all 0.2s!important; }
.subscribe_form .form_button:hover { color:#FFF!important; background:#9091AF!important; border:none!important; border-radius:0px!important; transition:all 0.2s!important; }

.subscribe_footer { margin:30px 20px 30px 20px; padding:0px; text-align:left; }
.subscribe_intro_footer { margin:0px; padding:0px; color:#000; font-size:16px; line-height:24px; font-weight:700; }
.subscribe_intro_footer h3 { margin:0px 0px 30px 0px; font-size:48px; line-height:55px; font-weight:700; font-family:"Georgia", serif; }

/* Slider */
.slide_container { display:block; width:auto; height:100%; margin:0px; padding:0px 20px; position:relative; overflow:hidden; }
.slide_panel { display:block; width:100%; margin:0px; padding:0px; background-position:center; background-size:cover; background-repeat:no-repeat; text-align:center; position:absolute; top:0px; bottom:0px; }
.slide_label { background:rgba(255,255,255,0.9); display:inline-block; min-width:200px; margin:0px; padding:5px 25px 5px 20px; font-size:13px; line-height:25px; font-weight:600; text-align:center; text-shadow:none; border-radius:0px; position:absolute; bottom:0px; left:0px; z-index:9001; }
.slide_prev { width:25px; height:25px; margin:0px; padding:0px; text-align:center; position:absolute; top:50%; left:0px; z-index:9003; cursor:pointer; transition:all 0.2s; }
.slide_next { width:25px; height:25px; margin:0px; padding:0px; text-align:center; position:absolute; top:50%; right:0px; z-index:9002; cursor:pointer; transition:all 0.2s; }
.slide_next i, .slide_prev i { font-size:15px; line-height:15px; color:#CCC; }
.slide_show { display:block; left:0%; }
.slide_hide { display:none; }
.slide_buttons { display:block; margin:0px 0px 45px 0px; padding:0px; overflow:auto; text-align:center; }
.slide_navigation_button { display:inline-block; width:20px; height:20px; margin:0px 4px; padding:0px; border:1px solid #111111; }
.slide_navigation_button_active { display:inline-block; width:20px; height:20px; margin:0px 4px; padding:0px; border:1px solid #FE3432; }
.accent_font .post_text h2 {font-family: "Tangerine", cursive; font-weight: 400; font-size: 50px; color:#030760; }
.wp-block-image figure .aligncenter { margin-bottom:10px; }
.aligncenter .wpedon-form { text-align:center; }
#media_gallery > figure { cursor:pointer; }

#lightbox { display: none; /* Hidden by default */ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); /* Semi-transparent background */ z-index: 1000; /* On top of other elements */ justify-content: center; align-items: center; }
#lightbox-img { max-width: 90%; max-height: 90%;    position: absolute; /* Use absolute positioning */ top: 50%; /* Position from the top */ left: 50%; /* Position from the left */ transform: translate(-50%, -50%); }
#caption { position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); color: white; text-align: center; }
.prev, .next { position: absolute; top: 50%; transform: translateY(-50%); border-radius: 50%; padding: 10px; text-align: center; width: 40px; height: 40px; color: white; background:rgba(0,0,0,0.5); font-size: 40px; cursor: pointer; user-select: none; line-height:40px; }
.prev { left: 20px; }
.next { right: 20px; }
.close { position: absolute; top: 20px; right: 20px; color: white; font-size: 30px; cursor: pointer; }

/* CSS to disable text selection */
.no-select { user-select: none; /* Non-standard syntax */ -webkit-user-select: none; /* Safari */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ }
.sticky { position: fixed; top: 70px; width: 300px; /* Match the sidebar width */ }
.sidebar_after_content {width:100%;position:relative;padding:0;margin:15px auto 0px; float:none;word-break:normal;word-wrap:break-word;overflow:hidden; display:inline-block;}
.recent_post_wrap { padding:15px; }
.sidebar_after_content .project_list { display: flex; /* Change to grid layout */ grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); /* Responsive grid with a minimum column width */ gap: 20px; /* Optional: space between grid items */ text-align: center; justify-content: center; /* Center the grid items horizontally */ align-items: center; /* Center the grid items vertically */ text-align: center; }
.sidebar_after_content .project { overflow: hidden; }
.project img { width: 100%; height: auto; display: block; margin-bottom:15px; }

.sidebar_content {position:relative;padding:0;margin-bottom:20px;word-break:normal;word-wrap:break-word;overflow:hidden;}
.sidebar_content .textwidget .wp-caption {margin:0 auto;}
.mdc_widget_header {padding:8px 10px;background:#ececec;border-bottom:1px solid #dddddd;}
.mdc_widget_header .sidebar_title { font-size: 14px; line-height:1;color:#000000;text-shadow:0 1px 0 #ffffff;margin:0;padding:0;text-transform:uppercase;text-align:center;background: url(assets/images/widgets-header.png) repeat;overflow:hidden;position:relative;}
.mdc_widget_header .sidebar_title a,.mdc_widget_header .sidebar_title a:hover,.mdc_widget_header .sidebar_title a:focus{color:#000000;}
.mdc_widget_header .sidebar_title span{padding:0 10px;display:inline-block;background:#ececec;position:relative;vertical-align:bottom;}
.mdc_widget_header .sidebar_title i{position:absolute;top:50%;right:5px;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);}
.mdc_widget_box_inside {padding:0px; background:#FFF; }

.sidebar_content .recent_post_inner {max-width:215px; }
.sidebar_after_content .recent_post_inner {max-width:245px; }
.sidebar_after_content .recent_post_img img {width:100%; height:auto;}

.recent_post_item a { font-size:14px; }
.content_fullwidth { display:block; width:100%; min-width:880px; max-width:1250px; min-height:100px; margin:0px auto; padding:0px; overflow:auto; position:relative; }
.content { display:block; width:100%; min-width:900px; max-width:1440px; min-height:100px; margin:0px auto; padding:0px; overflow:auto; position:relative; }
.content_single { display:block; width:100%; min-width:900px; max-width:1100px; min-height:100px; margin:0px auto; padding:0px; overflow:auto; position:relative; }
.content_left { display:block; margin:0px; padding:0px; vertical-align:top; float:left; }
.content_right { display:block; margin:0px; padding:0px; vertical-align:top; float:right; }
.content_full { display:block; width:90%; max-width:1200px; margin:0px auto; padding:0px; overflow:auto; position:relative; }
.content_border { border-left:1px solid #DDD; box-sizing:border-box; }
.content_one { width:8%; }
.content_two { width:17% }
.content_three { width:21% }
.content_four { width:33%; }
.content_five { width:41%; }
.content_six { width:50%; }
.content_seven { width:59%; }
.content_eight { width:67%; }
.content_nine { width:78%; }
.content_ten { width:83%; }
.content_eleven { width:92%; }
.content_twelve { width:100%; }
.content_sidebar {  }

.content_wrap { margin: 0 2%; }
.post_text { background: #FFF; padding: 15px 45px; text-align: left; }
.post_text_content { padding: 25px 45px; text-align: justify;  color: #7a7a7a; }
.post_text_content .wp-block-image { margin-bottom:15px; }
.post_text h1 { font: normal bold 24px "Georgia", serif, Arial, Helvetica, serif; margin: 0 auto; }
.post_text h2 { text-transform:none; }
.post_text p { margin: 0 0 15px 0; }
.post_text_center { text-align: center; }
.post_text ul, .post_text ol { padding:0 15px 0 40px;}
.post_text ol li, .post_text ul li { margin-bottom:5px; }

.post_text .wp-block-pullquote { width:100%;}
.post_text figure { padding:10px; background:#EEE;margin:15px auto 15px; }
.post_text figcaption {font-size:12px; margin: 0px auto; padding:5px 5px 5px 5px; text-align:center;background:#EEE; }

.recent_post_inner { max-width: 215px; width: auto; margin: 0 auto 15px; background: #EEE; }
.recent_post_text { font-size: 12px; line-height: 1.5; }
.recent_post_text p { margin-top: 0px; padding: 5px; }
.recent_post_img { height: auto; text-align: left; }
.sidebar_content .recent_post_img img { max-width: 220px; width: 100%; height: auto; object-fit: cover; object-position: top; }

.recent_post_text a { width:100%; }
.recent_post_item h4 { margin:5px 0 5px 0; }

.post_header_inside { padding: 10px 10px; border-bottom: 1px solid #ffffff; margin:0 auto; }
.post_header { background: #97abbf; position: relative; border-bottom: 1px solid #eeeeee; text-shadow: 0 1px 0 #ffffff; text-align: center; }
.post_header h1 { position: relative; z-index: 2; margin: 15px 0 20px 0; padding: 0 20px; }
.post_header::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(255, 255, 255, 0.8); z-index: 0; }

.post_header_inside p#breadcrumbs,
.post_header_inside h1,
.publication_desc { max-width:880px; margin-left:auto; margin-right:auto; }
.publication_desc { line-height:1.6; }
.publication_text { background: #FFF; padding: 15px 45px 30px; text-align: left; }

p#breadcrumbs { position: relative; z-index: 2; margin: 0; padding: 0;display:none !important;}
#breadcrumbs { font-family: "Georgia", serif; font-size: 14px; color: #7a7a7a; text-transform: uppercase; }
#breadcrumbs a { text-decoration: none; }

.staff_text { background: #FFF; }
.staff_text_content { clear: both; margin-bottom: 35px; padding-bottom: 15px; border-bottom: 1px solid #000; }
.staff_text h1 { font: normal bold 24px "Georgia", serif, Arial, Helvetica, sans-serif; margin: 0 auto; }
.staff_featured_img { float:left; border: 3px solid #555555;width: 180px; height: 180px; object-fit: cover; margin: 0 15px 15px 0; }
.staff_header { float:left; width: auto;}
.staff_header h3 { margin: 0 0 10px 0; }
.staff_details { margin-bottom:20px; }
.staff_details p { margin: 0 0 0 0; }
.staff_details .detail { margin-bottom: 5px; }
.program_staff_member img { float:left; width:200px; height:auto; object-fit: cover; }
.program_staff_member { float:left; width:100%; margin-bottom:15px; padding-bottom:15px; border-bottom: 1px solid #DDD; }
.program_staff_member:last-child { border:none; }
.program_staff_member_header { float:left; width:60%; margin: 0 20px; text-align:left;}
.program_staff_member_wrap { text-align: center; margin-top:25px;display: inline-block; width:100%;}
.program_staff_member_wrap h3 { text-align: center; }
.program_staff_item_inner { float:none; text-align:center; }
.program_staff_item { width:24%; margin: 0 1% 20px 0; background:#EEE; text-align:center;display:inline-block; }
.program_staff_item img { width:200px; height:200px; object-fit: cover; display:inline-block; }
.list_wrapper { width:90%; margin: 0 auto; }
.list_content { width:90%; margin: 0 auto; }
.list_list { float: none; text-align: center; margin: 0 auto; width: 90%; background: #FFF; }
.item_list a {display:inline-block; text-align:center; width:100%;}
.list_item { margin: 0px 0px 20px 0px; padding: 15px 0 0 0px; float: left; width: 100%; border-bottom: 1px solid #000; }
.list_grid_item { margin: 0px 0px 0px 0px; padding: 15px 0 0 0px; float: left; width: 100%; text-align: center; min-height: 300px; }
.list_grid_item span { display: block; width: 100%; float: left; line-height: 1.6; }
.list_text_content { margin-bottom: 30px; }
.list_featured_img { box-sizing: border-box; width: calc(100% - 0px); height: auto; max-width:195px;object-fit: cover; margin: 0 auto; border: 3px solid #555555; }
.list_past_img { box-sizing: border-box; width: calc(100% - 0px); max-height:195px; max-width:195px;height: auto; object-fit: cover; margin: 0 auto; border: 3px solid #555555; padding:0px;box-sizing: border-box;  }
.list_title { text-align: left;float:left;}
.list_title h4 { clear: both; }
.list_profile { margin: 0px 0px 20px 0px; padding: 0px; float: left; }
.list_profile span { margin: 5px 0; text-align: center; display: block; }
.list_profile_inner { width:195px;background:#EFEFEF; margin-right:15px; }
h2.list_type { width: 100%; text-align: center; float: left; }
.archive_description { text-align: left; }
.pub_portrait { overflow: hidden; }
.pub_portrait img { width: auto; height: auto; max-height: 500px; object-fit: cover; margin: 0 auto; }
.pub_landscape img { width: auto; height: auto; max-height: 450px; object-fit: cover; margin: 0 auto; }
.publication_item { margin-bottom: 10px; min-height: 420px; text-align: center; }
.item_list_wrap { display: inline-block;}
.publication_link { text-align: center; }
.publication_img img { width: auto; height: 600px; object-fit: cover; }
.post_list { text-align: center; float: left; width: 100%; background: #FFF; }
.publications_list { display:inline-block; width:100%; }
.other_map_publications { text-align: center; margin: 0 auto; display:block; background: #FFF; }
.other_map_publications h3 { font-size: 24px; }
.interns_list { width: 100%; float: left; background: #FFF; }
.intern_featured_img { object-fit: cover; margin: 0 auto; width: 180px; height: 180px; }
.intern_profile_inner { border: 3px solid #555555; background: #EEE; }
.trustee_featured_img { border: 3px solid #555555; object-fit: cover; margin: 0 auto; width: 120px; height: auto; }
.program_staff { float: left; width: 180px; background: #EEE; margin: 0 15px 10px 0; clear: both; border:2px solid #EEE; }
.program_staff_title { padding:0 10px; }
.program_staff img { width: 100%; height: auto; }
.program_staff span { display: block; width: 100%; float: left; line-height: 1.6; text-align: center; }
.program_content figure.alignleft { clear: both; }
.page_children { display: flex; flex-direction: row;flex-wrap: wrap; gap: 2%; margin: 0 auto; max-width:90%;}
.white_bg { background: #FFF; }
.child_page { margin: 10px 0px; flex: 1 1 32%; height:350px; max-height: none; box-sizing: border-box;  overflow:hidden; }
.child_page a:hover span.grid_btn { background:#D15563; color:#FFF; }
.child_page img { width:100%;height:100%;max-height:none; object-fit:cover;object-position: center; display: block;}
.child_page:last-child img { object-position: center; }
.mdc-animated { -webkit-animation-duration: 2s; -moz-animation-duration: 2s; -o-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; }
.swiper { width: 625px; height: 400px; }
.swiper-slide { background-size: cover; background-position: center; /* Use flexbox for centering */ justify-content: center; /* Center horizontally */ align-items: center; /* Center vertically */ text-align: center; }
.swiper-slide .slide_text a { color: white; font-size: 28px; width: 60%; }
.swiper-slide .slide_text { width: 100%; display: flex; align-items: center; /* Center vertically */ align-items: center; justify-content: center; /* Optional: centers horizontally as well */ height: 100%; /* Ensure the link takes the full height of the slide */ }
.single-program .swiper-button-next:after, .single-program .swiper-button-prev:after { color: white; }
.sidebar_after_content .swiper-button-next:after, .sidebar_after_content .swiper-button-prev:after { color: #000; }
.swiper-container { position: relative; margin-left:-10px; margin-right:-10px; }
.fade-in { opacity: 0; transform: translateY(50px); transition: opacity 0.9s ease, transform 0.9s ease; }
.fade-in.show { opacity: 1; transform: translateY(0); }
@-webkit-keyframes mdc-fadein { from { opacity: 0; } to { opacity: 1; } }
@-moz-keyframes mdc-fadein { from { opacity: 0; } to { opacity: 1; } }
@-o-keyframes mdc-fadein { from { opacity: 0; } to { opacity: 1; } }
@keyframes mdc-fadein { from { opacity: 0; } to { opacity: 1; } }
.mdc-fadein { animation-duration: .8s; -webkit-animation-name: mdc-fadein; -moz-animation-name: mdc-fadein; -o-animation-name: mdc-fadein; animation-name: mdc-fadein; }

/* Sidebar Menu */
.main-menu { margin: 10px auto 20px; width: 85%; padding-left: 0; }
.main-menu .sub-menu, ul.main-menu { list-style: none; font-family: "Georgia", serif; font-weight: 700; }
.sub-menu a { font-weight: 300; }
li.current_page_item > a { font-weight: 700; }
.current_page_item ul { display: block; }

.main-menu .menu-item { position: relative; }
.content_sidebar .main-menu > .menu-item:last-child a { background-color: #D15563; color: #FFF; }
.main-menu > .menu-item { transition: background-color 0.3s ease; /* Smooth transition for background color */ }
.main-menu > .menu-item:hover { background-color: rgba(255, 255, 255, 0.7); }
.main-menu > .current_page_item { background-color: rgba(255, 255, 255, 0.7); }
/* .main-menu > .menu-item:last-child a { background: #D15563; color: #FFF; border-radius: 0 0px 3px 3px; } */
.main-menu .menu-item a { width: 100%; border-bottom: 1px solid rgba(0, 0, 0, 0.1); display: block; width: auto; text-decoration: none; text-transform: none; line-height: 1.1; margin-bottom: 0px; padding: 10px 2%; background:rgba(255, 255, 255, 0.9); transition: background 0.7s ease; }
.main-menu li.menu-item > a { text-transform: uppercase; }
.main-menu li.menu-item .sub-menu a { text-transform: none; padding: 5px 10px; font-size:14px; }

.dropdownTrigger { width: 25%; position: absolute; top: 0; right: 0; }
.main-menu a { color: #2D2D2D; }
.main-menu .sub-menu li a { color: #FFF; }

.main-menu .sub-menu { visibility: hidden; /* Hide the sub-menu by default */ opacity: 0; /* Start with opacity 0 for transition */ transition: opacity 0.3s ease, max-height 0.3s ease, visibility 0.3s ease; /* Transition for opacity, max-height, and visibility */ max-height: 0; /* Start with max-height 0 for smooth toggle */ overflow: hidden; /* Hide overflow */ padding-left: 0px; z-index: 99999; }
.main-menu .sub-menu .current-menu-item a { font-weight: 700; }
.main-menu .sub-menu a { font-weight: 300; line-height: 1.2; background: #9091AF; color: #FFF; padding: 10px 10%; }
.main-menu .sub-menu a:hover { background: rgb(156, 156, 183); color: #FFF; transition: all 0.5s ease, color 0.5s ease; }

.main-menu .menu-item-has-children.active .sub-menu { visibility: visible; /* Make the sub-menu visible */ opacity: 1; /* Fade in */ }
.main-menu .menu-item-has-children .dropdownTrigger { display: flex; align-items: center; justify-content: center; width: 20%; line-height: 36px; background: rgba(0, 0, 0, 0.1); cursor: pointer; }
.main-menu .menu-item-has-children:first-child .dropdownTrigger { border-radius: 0 3px 0px 0; }
.main-menu li:first-child.menu-item-has-children a { border-radius: 0 3px 0px 0; }

.main-menu .menu-item-has-children .dropdownTrigger:before { content: '▼'; /* Use a down arrow as the icon */ }
.main-menu .menu-item-has-children.active .dropdownTrigger:before { content: '▲'; /* Change to 'x' icon when active */ }
.main-menu .menu-item-has-children.active > a:after { transform: rotate(180deg); /* Rotate icon when active */ }
.main-menu .current_page_item a, .main-menu .current-menu-item a { color:#D15563; }

.grid_btn {position: absolute; bottom: 0; left: 50%; transform: translate(-50%,0); white-space: nowrap;width:100%;  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); display:block; margin:0px auto 0px auto; padding:12px 0; color:#132C76; font-size:18px;text-wrap:balance; line-height:1.2; font-weight:700; text-transform:uppercase; text-align:center; font-family:"Georgia", serif; }
span.grid_btn {  background:#9091AF; color:#FFF; text-decoration:none; font-weight:700; background:#9091AF; border:none; border-radius:0 0 3px 3px;  transition:all 0.5s; }

.placeholder-image:hover span.grid_btn { background:#D15563; color:#FFF; }
.placeholder-image { color:#000;font-style:italic; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);border-radius:3px;transition:ease all 0.5s; width: 100%; height: 35vh; background-color: gray; display: flex; align-items: center; justify-content: center; background-image: url("https://medidev01sg.local/wp-content/uploads/2020/06/Screen_Shot_2020-06-26_at_3-removebg-preview-3.png"); background-size:cover; background-position:center; background-repeat:no-repeat; opacity:0.2;}

.header_navigation_mobile { width:100%; margin:0px; padding:5px 0px 5px 0px; text-align:left; background:rgba(144,145,175,0.98); position:fixed; z-index:9999; top:135px; left:0px; }
.header_navigation_mobile .nav_menu { display:block; width:100%; margin:0px auto; padding:0px; list-style:none; }
.header_navigation_mobile .nav_menu li { display:block; margin:0px; padding:0px; text-align:left; font-size:15px; position:relative;   font-weight:700; font-family:"Georgia", serif; text-transform:uppercase; border-bottom:1px solid #FFF; }
.header_navigation_mobile .nav_menu li:last-child { border-bottom:none; }

.header_navigation_mobile .nav_menu a:link, .header_navigation_mobile .nav_menu a:visited {display:inline-block; width: 100%;margin:0px; padding:10px 20px; color:#FFF; text-decoration:none; }
.header_navigation_mobile .nav_menu a:hover, .header_navigation_mobile .nav_menu a:active {margin:0px; padding:10px 20px; color:#FFF; text-decoration:none; }
.header_navigation_mobile .nav_menu li ul { display:none; width:100%; margin:0px auto; padding:0px; list-style:none; }
.header_navigation_mobile .nav_menu li ul li { display:block; height:auto;font-size:14px; line-height:1.2;}
.header_navigation_mobile .nav_menu li ul li a:link {padding: 10px 25px; }
.dropdown-icon {float:right; width:25px; position:absolute; right:0; top:0;}
.header_navigation_mobile .nav_menu > a { float:left;}
.header_navigation_mobile .nav_menu .sub-menu { float:none;}
.dropdown-icon {   float:right;  display: flex; /* Use flexbox for centering */ justify-content: center; /* Center horizontally */ align-items: center; /* Center vertically */ color: #FFF; padding: 0 10px; height:37px; width:25px; background: rgba(255, 255, 255, 0.2);  }
.dropdown-icon i { display: inline-block; /* Ensure the icon can be transformed */ transition: transform 0.2s ease; /* Smooth transition for rotation */ }    
.social_media_section { text-align: center; padding: 40px 0; }    
.social_media_container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }    
.social_media_title { font-size: 32px; color: #2D2D2D; margin-bottom: 30px; font-family: "Georgia", serif; }    
.social_media_icons { display: flex; justify-content: center; gap: 20px; align-items: center; }    
.social_media_icon { width: 40px; height: 40px; border-radius: 50%; background: #9091AF; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease; cursor: pointer; }    
.social_media_icon:hover { background: #D15563; transform: translateY(-3px); }
a.social_media_icon { text-decoration: none; }   
.social_media_icon .dashicons { color: #FFF; font-size: 25px; width: 25px; height: 25px; text-decoration:none; }
.menu-item.search-icon .search-form { position: relative; margin-left: 10px; }
.menu-item.search-icon .search-input-wrapper { display: flex; align-items: center; background: transparent; border: none; padding: 0; transition: all 0.3s ease; }
.menu-item.search-icon .search-field { width: 90px; padding: 5px 10px; border: none; background: transparent; color: #2D2D2D; font-family: "Georgia", serif; transition: all 0.3s ease; opacity: 1; }
.menu-item.search-icon .search-submit { background: none; border: none; padding: 5px; cursor: pointer; display: flex; align-items: center; justify-content: center; }
.menu-item.search-icon .search-submit .dashicons { font-size: 20px; width: 20px; height: 20px; color: #2D2D2D; transition: color 0.3s ease; }
.menu-item.search-icon .search-submit:hover .dashicons { color: #D15563; }
.content_video_background .content::-webkit-scrollbar { display: none; /* Chrome, Safari and Opera */ }
.content_video_background .content { -ms-overflow-style: none;  /* IE and Edge */ scrollbar-width: none;  /* Firefox */ }

/* Adjust the home projects container to prevent overflow */
.home_projects.swiper-container { position: relative; padding: 0 44px; margin: 0; overflow: hidden; }
.home_projects .swiper-button-next, .home_projects .swiper-button-prev { color: #9091AF; background: rgba(255, 255, 255, 0.95); width: 44px; height: 44px; border-radius: 50%; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; top: 50%; transform: translateY(-50%); z-index: 10; position: absolute; }
.home_projects .swiper-button-next:hover, .home_projects .swiper-button-prev:hover { background: #9091AF; color: #fff; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); }
.home_projects .swiper-button-next:after, .home_projects .swiper-button-prev:after { font-size: 20px; font-weight: 600; }
.home_projects .swiper-button-next { right: 0; }
.home_projects .swiper-button-prev { left: 0; }

/* Ensure content doesn't get cut off */
.home_projects .swiper-wrapper { margin: 0; position: relative; z-index: 1; }
.header-left, .header-right { flex: 1; display: flex; align-items: center; }
.header-left { justify-content: flex-end; margin-left:2%; }
.header-right { justify-content: flex-start; margin-right:2%; }
.header-center { flex: 0 0 auto; text-align: center; padding: 0 .5rem; }
.header_logo { max-height: 80px; width: auto; }
.header_navigation { display: flex; align-items: center; justify-content: center; height: auto; margin: 0px; padding: 0px; position: relative; }
.header-left .header_navigation { justify-content: flex-start; }
.header-right .header_navigation { justify-content: flex-end; }
.nav_menu { display: flex; list-style: none; margin: 0; padding: 0; align-items: center; }
.nav_menu li { margin: 0 1rem; }
.nav_menu a { text-decoration: none; color: inherit; }

/* Search Icon and Window */
.search-icon { display: inline-block; margin-left: 15px; }
.search-icon .dashicons { font-size: 24px; width: 24px; height: 24px; color: #2D2D2D; transition: color 0.3s ease; }
.search-icon:hover .dashicons { color: #D15563; }
.search-window { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.9); z-index: 999999; display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transition: opacity 0.3s ease, visibility 0.3s ease; }
.search-window.active { opacity: 1; visibility: visible; }
.search-window-content { width: 90%; max-width: 600px; position: relative; }
.search-input-wrapper { display: flex; align-items: center; background: #fff; border-radius: 4px; padding: 5px 15px; }
.search-field { flex: 1; border: none; padding: 15px 0; font-size: 18px; background: transparent; color: #2D2D2D; }
.search-field:focus { outline: none; }
.search-submit { background: none; border: none; padding: 10px; cursor: pointer; }
.search-submit .dashicons { font-size: 24px; width: 24px; height: 24px; color: #2D2D2D; transition: color 0.3s ease; }
.search-submit:hover .dashicons { color: #D15563; }
.search-close { position: absolute; top: -40px; right: 0; background: none; border: none; padding: 10px; cursor: pointer; }
.search-close .dashicons { font-size: 30px; width: 30px; height: 30px; color: #fff; transition: color 0.3s ease; }
.search-close:hover .dashicons { color: #D15563; }

/* Search Results Styles */
.search-results-count { margin-bottom: 2em; font-size: 1.1em; color: #666; }
.search-result-item { margin-bottom: 2em; padding-bottom: 2em; border-bottom: 1px solid #eee; }
.search-result-item:last-child { border-bottom: none; }
.search-result-item h2 { margin-bottom: 0.5em; }
.search-result-item h2 a { color: #333; text-decoration: none; }
.search-result-item h2 a:hover { color: #666; }
.search-excerpt { margin-bottom: 1em; line-height: 1.6; }
.search-meta { margin-bottom: 1em; font-size: 0.9em; color: #666; }
.search-meta span { margin-right: 1em; }
.search-meta .post-type { text-transform: capitalize; }
a.read-more { display: inline-block; padding: 0.5em 1em; color: #fff; text-decoration: none; border-radius: 4px; transition: background 0.3s ease; }
.read-more:hover { background: #666; }
.no-results { text-align: center; padding: 3em 0; }
.no-results h2 { margin-bottom: 1em; }
.search-form-container { max-width: 500px; margin: 2em auto; }
/* Pagination Styles */
.pagination { margin: 2em 0; text-align: center; position: relative; display: flex; justify-content: center; align-items: center; gap: 1em; }
.pagination .page-numbers { display: inline-flex; align-items: center; justify-content: center; min-width: 40px; height: 40px; margin: 0 4px; padding: 0 12px; font-size: 16px; line-height: 1; color: #2D2D2D; text-decoration: none; list-style-type: none; background: #FFF; border: none; border-radius: 4px; transition: all 0.3s ease; }
.pagination .page-numbers:hover:not(.current) { color: #D15563; }
.pagination .page-numbers.current { color: #FFF; background: #9091AF; border-color: #9091AF; }
.pagination .prev, .pagination .next { position: absolute; top: 50%; transform: translateY(-50%); font-weight: 700; text-transform: uppercase; font-size: 14px; min-width: 100px; }
.pagination .prev { left: 0; }
.pagination .next { right: 0; }
.pagination .dots { border: none; background: none; }
.pagination .dots:hover { color: #2D2D2D; border: none; background: none; }

/* Clear floats */
.search-result-item:after { content: ""; display: table; clear: both; }

/* Search Results Grid Styles */
.search-results-section { margin-bottom: 3em; }
.search-section-title { color: #9091AF; font-size: 24px; margin-bottom: 1em; padding-bottom: 0.5em; border-bottom: 2px solid #9091AF; }
.search-results-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 2em; margin-bottom: 2em; }
.search-result-item { background: #FFF; border-radius: 8px; box-shadow: 0 2px 4px rgba(0,0,0,0.1); transition: transform 0.3s ease, box-shadow 0.3s ease; overflow: hidden; display: flex; flex-direction: column; }
.search-result-item:hover { transform: translateY(-5px); box-shadow: 0 4px 8px rgba(0,0,0,0.15); }
.search-thumbnail { width: 100%; margin: 0 auto; padding: 0; }
.search-thumbnail img { max-width:200px; height: auto; object-fit: cover; }
.search-content { padding: 1.5em; flex-grow: 1; display: flex; flex-direction: column; text-align:left; }
.search-content h3 { margin: 0 0 0.5em 0; font-size: 1.2em; line-height: 1.4; }
.search-content h3 a { color: #2D2D2D; text-decoration: none; transition: color 0.3s ease; }
.search-content h3 a:hover { color: #D15563; }
.search-excerpt { font-size: 0.9em; line-height: 1.6; color: #666; flex-grow: 1; }
.search-meta { font-size: 0.85em; color: #9091AF; }
.read-more { display: inline-block; padding: 0.5em 1.5em; background: #9091AF; color: #FFF; text-decoration: none; border-radius: 4px; transition: background 0.3s ease; text-align: center; font-weight: 600; text-transform: uppercase; font-size: 0.9em; }
.read-more:hover { background: #D15563; }

/* Search Form Styles */
.search-form-container { max-width: 600px; margin: 0 auto 2em; padding: 0 20px; }
.search-form { width: 100%; }
.search-input-wrapper { display: flex; align-items: center; background: #FFF; border: 2px solid #9091AF; border-radius: 4px; padding: 5px 15px; transition: all 0.3s ease; box-shadow: 0 0 0 2px rgba(209, 85, 99, 0.1); }
.search-input-wrapper:focus-within { border-color: #D15563; box-shadow: 0 0 0 2px rgba(209, 85, 99, 0.2); }
.search-field { flex: 1; border: none; padding: 12px 0; font-size: 16px; background: transparent; color: #2D2D2D; font-family: "Georgia", serif; }
.search-field:focus { outline: none; }
.search-submit { background: none; border: none; padding: 10px; cursor: pointer; transition: color 0.3s ease; }
.search-submit .dashicons { font-size: 24px; width: 24px; height: 24px; color: #9091AF; transition: color 0.3s ease; }
.search-submit:hover .dashicons { color: #D15563; }
.search-toggle { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; padding: 0; background: none; border: none; cursor: pointer; transition: color 0.3s ease; }
.search-toggle .dashicons { font-size: 24px; width: 24px; height: 24px; color: #2D2D2D; transition: color 0.3s ease; }
.search-toggle:hover .dashicons { color: #D15563; }
/* Header Search Styles */
.header_navigation .search-item { display: flex; align-items: center; margin-left: 20px; }
.header_navigation .search-form { position: relative; }
.header_navigation .search-input-wrapper { display: flex; align-items: center; background: transparent; border: none; padding: 0; transition: all 0.3s ease; }
.header_navigation .search-field { width: 0; padding: 0; border: none; background: transparent; color: #2D2D2D; transition: all 0.3s ease; opacity: 0; }
.header_navigation .search-input-wrapper:focus-within .search-field { width: 100px; padding: 5px 10px; opacity: 1; }
.header_navigation .search-submit { background: none; border: none; padding: 5px; cursor: pointer; display: flex; align-items: center; justify-content: center; }
.header_navigation .search-submit .dashicons { font-size: 20px; width: 20px; height: 20px; color: #2D2D2D; transition: color 0.3s ease; }

.header_navigation .search-submit:hover .dashicons { color: #D15563; }

.header_logo_wrap { order: 4; margin: 0 2rem; }


.conferences_archive .wp-block-image{text-align:center;}
.sub-menu .menu-item-has-children{position:relative;}
.sub-menu .menu-item-has-children .sub-menu{top:0;left:250px;max-height:70vh;overflow-y:auto;}
/* Media Queries ------------------------------------------------------*/

@media screen and (max-width : 1600px) {
	/* Home */
    .header_navigation .nav_menu li { font-size:16px; }
}

@media screen and (max-width : 1366px) {
    /* Header Navigation */
    .header_navigation .nav_menu li { font-size: 15px; }
    .header_navigation .nav_menu a:link, .header_navigation .nav_menu a:visited { padding: 0px 12px; }
    .list_wrapper { width:100%; }
}

@media screen and (max-width : 1300px) {
    .header_navigation .nav_menu li { font-size: 14px; }
    .home_feature_intro_spacer { padding:0px 0px 440px 0px; }
}

@media screen and (max-width : 1100px) {

    .home_feature_intro_desktop { padding-left:10px; padding-right:10px; }
    .home_feature_intro_spacer { padding:0px 0px 490px 0px; }
}

@media screen and (max-width : 1024px) {

    /* Header Navigation */
    .header_navigation .nav_menu a:link, .header_navigation .nav_menu a:visited { padding:0px 10px; }
    .header_navigation .nav_menu a:hover, .header_navigation .nav_menu a:active { padding:0px 10px; }

    /* Header */
    .header_logo { height:50px; margin:25px 5px; }
}

@media screen and (max-width : 900px) {

    .post_header_inside, .publication_desc { max-width:none;}
    .content_container_b .content { display: flex; flex-direction: column; /* Stack elements vertically */ }
    .content_left { order: 2; /* Move to the bottom */ }
    .content_right { order: 1; /* Keep it at the top */ }

    .child_page { margin: 10px 0px; flex: 1 1 49%;box-sizing: border-box; }
    .child_page img { max-height: none; object-position: top; }

/* Responsive */
.desktop { display:none!important; }
.mobile { display:inherit!important; }

/* Header Navigation Mobile */
.header_navigation_mobile { top:65px; }

.header_navigation_mobile_primary { 
    /* background-image:url(template/icons/icon-nav-arrow.png);  */
    background-position:top 15px right 10px; background-repeat:no-repeat; }

/* Header Navigation Mobile */
.header_navigation { display:none; }

/* Header */
.header_mobile { display:block; width:100%; min-width:300px; height:65px; margin:0px; padding:0px; background:#FFF; cursor:pointer; position:fixed; top:0px; left:0px; z-index:999999; }

/* Header */
.header_top { }
.header_top_content { }
.header_top_text { margin:0px 15px; font-size:13px; text-align:center; }
.header_top_text a:link, .header_top_text a:visited { }
.header_top_text a:hover, .header_top_text a:active { }
.header { width:100%; min-width:300px; height:65px; margin:0px auto 0px auto; background:url(template/header/header-menu-mobile.png) no-repeat right; }
.header_logo { display:inline-block; width:auto;margin:0px 15px; height: 55px; }
.header_search { display:none; }

.header_navigation_mobile { display:none; }

/* Footer Navigation */
.footer_navigation { display:none; margin:0px 15px 60px 15px; }

/* Footer */
.footer_container { padding:45px 0px; }
.footer { }
.footer_legal { font-size:11px; line-height:18px; }

/* Sidebar Navigation */
.sidebar_navigation { display:block; margin:45px 20px 60px 20px; }
.sidebar_navigation .nav_menu { }
.sidebar_navigation .nav_menu li { }
.sidebar_navigation .nav_menu a:link, .sidebar_navigation .nav_menu a:visited { }
.sidebar_navigation .nav_menu a:hover, .sidebar_navigation .nav_menu a:active { }
.sidebar_navigation .nav_menu li:first-child { }
.sidebar_navigation .nav_menu li:first-child a:link, .sidebar_navigation .nav_menu li:first-child a:visited { }
.sidebar_navigation .nav_menu li:first-child a:hover, .sidebar_navigation .nav_menu li:first-child a:active { }

/* Content */
.content_container { width:100%;min-width:300px; max-width:none;display: flex; flex-direction: column;}
.content_container_a { min-width:300px; max-width:none; display: flex; flex-direction: column; }
.content_container_b { min-width:300px; max-width:none; }
.content_container_c { min-width:300px; max-width:none; display: flex; flex-direction: column; }
.content_container_d { min-width:300px; max-width:none; display: flex; flex-direction: column; }
.content_feature { height:auto; min-width:300px; }
.content_banner_intro { margin:0px 0px -40px 0px; padding:0px; background:#FFF; position:relative; overflow:visible; }
.content_background { margin:0px; padding:0px; text-align:center; background-color:#FFF; background-size:cover; background-position:center; position:relative; }
.content_mask { }
.content_blue { }
.content_image { position:relative; }
.content_modal { }
.content { min-width:100%; max-width:100%; }
.content_wide { width:auto; }
.content_narrow { width:auto; }
.content_border { }
.content_full { }
.content_left { float:none;  order: 2;}
.content_right { float:none; order: 1;}
.content_one { width:100%; }
.content_two { width:100% }
.content_three { width:100% }
.content_four { width:100%; }
.content_five { width:100%; }
.content_six { width:100%; }
.content_seven { width:100%; }
.content_eight { width:100%; }
.content_nine { width:100%; }
.content_ten { width:100%; }
.content_eleven { width:100%; }
.content_twelve { width:100%; }

.post_list .content_three { width:32%; margin-right:1%; float:left;}
.list_grid_item { min-height:275px; }
.list_grid_item span { line-height:1.3; }

/* Containers */
.container_title { margin:20px 15px 15px 15px; font-size:30px; line-height:34px; }
.container_text { margin:0px 15px 30px 15px; font-size:14px; }

/* Post */
.post_title { margin:45px 20px 0px 20px; font-size:24px; line-height:32px; }
.post_text { margin:0px;padding: 10px 25px; font-size:16px; line-height:28px; }
.post_text iframe { }
.post_text img { max-width:100%; height:auto;}
.post_text strong { }
.post_text h2:first-child { }
.post_block_a { margin:30px 0px 0px 0px; padding:40px 5%; font-size:16px; line-height:28px; }
.post_block_a h2 { }
.post_block_a ul { }
.post_block_a p { }
.post_block_b { margin:30px 0px 0px 0px; padding:40px 5%; font-size:16px; line-height:28px; }
.post_block_b h2 { }
.post_block_b ul {  }

/* Link */
.link_button { display:block; }
.link_button:link, .link_button:visited { font-size:16px; font-weight:400; }
.link_button:hover, .link_button:active { font-size:16px; font-weight:400; }

/* Type */
h1, h1 a:link, h1 a:visited { font-size:40px; line-height:46px; }
h2, h2 a:link, h2 a:visited { font-size:30px; line-height:36px; }
h3, h3 a:link, h3 a:visited { font-size:26px; line-height:32px; }
h4, h4 a:link, h4 a:visited { font-size:20px; line-height:26px; }
h5, h5 a:link, h5 a:visited { font-size:18px; line-height:28px; }

/* Custom Containers ------------------------------------------------------*/

/* Home */
.home_feature { height:100vh; min-height:0px; max-height:600px; float:left; }
.home_feature_mask { }
.home_feature_content { top:50%; transform:translate(-50%,-50%); } 
.home_feature_text { width:auto; margin:0px 30px; font-size:14px; line-height:28px; }
.home_feature_text h1 { margin:0px 0px 15px 0px; font-size:36px; line-height:40px; }
.home_feature_text h2 { margin:0px 0px 15px 0px; font-size:32px; line-height:36px; }
.home_feature_text ul { display:flex; flex-wrap:wrap; justify-content:center; }
.home_feature_text ul li { flex-basis:100%; max-width:400px; margin:0px auto 20px auto; padding:0px; }
.home_feature_text ul li a:link, .home_feature_text ul li a:visited { }
.home_feature_text ul li a:hover, .home_feature_text ul li a:active { }
.home_feature_text ul li:last-child a:link, .home_feature_text ul li:last-child  a:visited { }
.home_feature_text ul li:last-child a:hover, .home_feature_text ul li:last-child a:active { }
.home_feature_intro_desktop { display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: stretch; width: 96%; margin: 50px auto 0; padding: 40px; background: #FFF; border-radius: 8px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); position: relative; z-index: 2; }
.home_feature_intro_mobile { display:none; }
.home_feature_intro_image { flex-basis:100%; margin:0px 0px 20px 0px; padding:0px; text-align:center; }
.home_feature_intro_image img { width:100%; max-width:300px; height:auto; margin:0px auto 0px auto; }
.home_feature_intro_text { flex-basis:100%; margin:0px; padding:0px; }
.home_feature_intro_spacer { display:none; }
.home_video_player { display:none; }
.home_projects_header { margin:40px 30px 20px 30px; font-size:32px; line-height:40px; color:#FFF; }
.home_projects { display:flex; flex-wrap:wrap; justify-content:space-between; margin:0px 0px 45px 0px; padding:0px; }
.home_project_image { }
.home_project_text { font-size:13px; line-height:20px; }
.home_project_text h3 { }
.home_project_link { margin:0px 20px; padding:0px 0px 10px 0px; text-align:left; }
.home_project_link a:link, .home_project_link a:visited { }
.home_project_link a:hover, .home_project_link a:active { }

/* Instagram */
.instagram_feed { margin:45px 30px; padding:0px; text-align:center; position:relative; }
.instagram_feed_title { margin:0px 10px 20px 10px; font-size:26px; line-height:36px; }
.instagram_feed_title a:link, .instagram_feed_title a:visited { }
.instagram_feed_title a:hover, .instagram_feed_title a:active { }
.instagram_feed_gallery { margin:0px; padding:0px; text-align:center; position:relative; }

/* Youtube */
.youtube_playlist_intro { margin:45px 30px 20px 30px; }
.youtube_playlist_intro h3 { margin:0px; font-size:32px; line-height:40px; }
.youtube_playlist { flex-wrap:wrap; justify-content:flex-start; align-content:flex-start; margin:0px 15px 30px 15px; }
.youtube_playlist_player { flex-basis:100%; margin:0px; padding:0px 0px 56.25% 0px; }
.youtube_playlist_player #ytplayer { }
.youtube_playlist_list { flex:1; margin:0px; padding:0px; position:relative; }
.youtube_playlist_list_scroll { width:100%; margin:0px; padding:0px; position:relative; top:auto; bottom:auto; left:auto; right:auto; }
.youtube_playlist_list_block { display:flex; flex-wrap:nowrap; justify-content:flex-start; align-content:stretch; align-items:center; margin:0px 0px 3px 0px; padding:0px; background:#F7F7F7; cursor:pointer; transition:all 0.2s; }
.youtube_playlist_list_block:nth-child(even) { background:#CCC; transition:all 0.2s; }
.youtube_playlist_list_block:hover, .youtube_playlist_list_block:nth-child(even):hover { background:#9091AF; transition:all 0.2s; }
.youtube_playlist_list_image { flex-basis:33%; margin:10px; padding:0px 0px 20% 0px; background-size:cover; background-position:center; box-sizing:border-box; }
.youtube_playlist_list_text { flex-basis:67%; margin:0px; padding:10px 10px 10px 0px; color:#000; font-size:14px; line-height:18px; font-weight:400; text-align:left; font-family: "Georgia", serif, serif; }
.youtube_playlist_list_title { margin:3px 0px 0px 0px; padding:0px; color:#000; font-size:14px; line-height:18px; }

/* Subscribe */
.subscribe { margin:45px 30px 60px 30px; }
.subscribe_intro { margin:0px; padding:0px; font-size:15px; line-height:28px; font-weight:400; }
.subscribe_intro h3 { margin:0px 0px 20px 0px; font-size:32px; line-height:40px; }
.subscribe_form { }
.subscribe_form .form_field { } 
.subscribe_form .form_field input { }
.subscribe_form .form_button { }
.subscribe_form .form_button:hover { }
/* Slider */
.slide_container { display:none; }
.youtube_playlist_list_scroll { height:600px; }
}

/* Mobile Responsive */
@media screen and (max-width: 768px) {
    .header-left, .header-right { display: none; }
}

/* Mobile styles */
@media screen and (max-width: 900px) {
    .header_navigation { display: none; }
    .header_mobile { display: block; }
}

@media screen and (max-width: 900px) {
.home_projects.swiper-container { padding: 0; }    
.home_projects .swiper-wrapper { margin: 0; }
.home_projects .swiper-slide { padding: 0; }
.home_projects .swiper-slide { width: 200px !important; flex-shrink: 0; }
.home_projects.swiper-container { overflow: hidden; padding: 0 44px; }
}

@media screen and (max-width: 900px) {
    .menu-item.search-icon .search-field { width: 90px; }
    /* Home Feature Section */
    .home_feature { height: auto; min-height: 500px; max-height:none; }
    .home_feature_content { position: relative; top: 90px; left:0px; transform: none; padding: 0 0px; }
    .home_feature_text { width: 100%; margin: 0; padding: 0 15px; }
    .home_feature_text h1 { font-size: 32px; line-height: 1.3; margin-bottom: 15px; }
    .home_feature_text h2 { font-size: 28px; line-height: 1.3; margin-bottom: 15px; }
    .home_feature_text ul li { flex-basis: 45%; max-width: 300px; margin: 0; }
    /* Home Feature Intro */
    .home_feature_intro_desktop { flex-direction: column; width: 95%; margin: 120px auto 0; padding: 20px 20px; }
    .home_feature_intro_image { flex-basis: 100%; margin: 0 0 30px 0; }
    .home_feature_intro_image img { width: 100%; max-width: 250px; margin: 0 auto; }
    .home_feature_intro_text { flex-basis: 100%; text-align: center; }
    .home_feature_intro_text h2 { font-size: 24px; line-height: 1.4; margin-bottom: 20px; }
    /* Projects Section */
    .home_projects_container { padding: 40px 0; margin-top:20px; float:left; }
    .home_projects_header { color: #000; margin: 0 20px 25px; text-align: left; text-shadow:none; }
    .home_projects { margin: 0 15px 40px; }
    .home_project_block { flex-basis: 100%; max-width: 400px; margin: 0 auto 25px; }
    .home_project_image { padding-bottom: 50%; }
    .home_project_text { padding: 20px; min-height: auto; }
    .home_project_text h3 { font-size: 20px; line-height: 1.4; margin-bottom: 10px; }
    /* Instagram Section */
    .instagram_feed { margin: 40px 15px; }
    .instagram_feed_title { font-size: 24px; line-height: 1.3; text-align: center; margin-bottom: 25px; }
    /* YouTube Section */
    .youtube_playlist_intro { margin: 40px 15px 25px; text-align: center; }
    .youtube_playlist_intro h3 { font-size: 28px; line-height: 1.3; }
    .youtube_playlist { margin: 0 15px 40px; border-width: 10px; }
    /* Subscribe Section */
    .subscribe { margin: 40px 15px; text-align: center; }
    .subscribe_intro h3 { font-size: 28px; line-height: 1.3; margin-bottom: 20px; }
    .subscribe_form { max-width: 100%; }
    .subscribe_form .form_button { width: 100%; max-width: 300px; }
}

@media screen and (max-width: 768px) {
    .search-window-content { width: 95%; }
    .search-field { font-size: 16px; }
    .youtube_playlist_list_scroll { display: flex; /* Use flexbox for layout */ flex-wrap: wrap; /* Allow items to wrap to the next line */ gap: 2px; /* Optional: space between items */ width: 100%; /* Ensure the container takes full width */ height:450px; overflow-y:auto; }
    .youtube_playlist_list_block { flex: 0 0 48%; /* Each item takes up 50% of the width */ box-sizing: border-box; /* Include padding and border in the element's total width and height */ margin: 0; /* Reset margin if necessary */ padding: 0; /* Reset padding if necessary */ }
    .list_profile_inner { width:125px;}
    .list_featured_img {  max-width:125px; }
    .list_past_img img { max-width:125px; width:100%; max-height:125px; }
    .pagination { padding: 0 80px; }
    .pagination .page-numbers { min-width: 35px; height: 35px; margin: 0 2px; padding: 0 8px; font-size: 14px; }
    .pagination .prev,
    .pagination .next { min-width: 80px; font-size: 12px; }
    .search-results-grid { grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 1.5em; }
    .search-thumbnail img { height: 180px; }
    .search-content { padding: 1.2em; }
    .search-form-container { padding: 0 15px; }
    .search-field { font-size: 14px; padding: 10px 0; }
    .search-submit .dashicons { font-size: 20px; width: 20px; height: 20px; }
    .header_navigation .search-input-wrapper:focus-within .search-field { width: 80px; }
    .header_logo { transition: all 0.3s ease; width: auto; padding: 0px; margin-top:5px; position: relative; }
}

@media screen and (max-width: 600px) {
.child_page { margin: 10px 0px; flex: 1 1 100%;box-sizing: border-box; }
.staff_header { float:left;}
.staff_details { margin-bottom:10px; }
.swiper { width:auto;}
.post_text_content {padding:10px 0;}
.post_text { padding: 5px 10px; }
.intern_featured_img { width: 120px; height: 120px;}
.list_profile span { margin-top:0;}
.list_profile { margin:0 10px 0 0; }
}

@media screen and (max-width: 480px) {
    .search-results-grid { grid-template-columns: 1fr; }
    .search-thumbnail img { height: 200px; }
}