/**
* Theme Name: Hello Child
* Template: hello-elementor
* Description: extending and customizing Elementor Hello theme
* Author: Design & Know-How
* danah-A version
*/

/* ----------- Menu stuff --------------- */

/* Make the menu sticky */
#site-header {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999;
  background-color: #ffffff;
  border-bottom: 1px solid #c1b8ae;
}

.page-id-3077 #site-header{
  border-bottom: none;
}

.menu li a,
.menu li a:hover,
.site-header .site-title a,
.site-header .site-title a:hover {
  font-weight: 500;
}

.menu li a:hover, .linkedBlurb h5:hover {
  font-weight: 500;
  color: #ff8d6a !important;
}

.current-menu-item a {
  color: #ff4c00 !important;
}

/* Special Gradient for Book Launch menu item */
.menuHighlight {
    font-weight: 600;
    background-image: linear-gradient(red, blue);
    color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* hide the arrow */
.site-navigation ul.menu li.menu-item-has-children:after {
  display: none !important;
}

.Deskburger a {
  visibility: hidden;
}

/* Add the hamburger icon to desktop menu */
.Deskburger a:before {
  visibility: visible;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f0c9";
  margin-right: 5px;
  color: #978b82;
}

.sub-menu a {
  visibility: visible;
}

.sub-menu {
  inset-inline-start: -10px;
  visibility: visible;
  border: 1px solid #c1b8ae;
}

/* give drop menu items some space */
.site-navigation ul.menu li ul {
  min-width: 210px !important;
}

/* hide the bars in the drop down list */
.sub-menu a:before {
  display: none !important;
}

/* Prevent content from hiding behind the header */
body {
  margin-top: 71px !important; /* Adjust this value to match your header's height */
}

/* Footer stuff */
#site-footer {
  /*border-top: 1px solid #ffffff; */
  border-top: 1px solid #c1b8ae;
  background-color: #ffffff;
}

.site-footer .footer-inner{
  flex-direction: row-reverse;
}
/* list container */
.footer-inner .site-navigation{
  flex-wrap: wrap;
  justify-content: flex-end;
  width: 40%;
}

.footer-navigation {
  width: 100%;
}
/* The menu UL list */
#menu-footer-left {
  /* max-height: 80px;
  flex-flow: column wrap;
  width: 75%;*/
 
}

#menu-footer-left li{
  flex: 0 0 50%; /* each item takes half the width → 2 columns */
  box-sizing: border-box;
  padding-left: 10px;
}

#menu-footer-left li a {
  font-size: 12px;
}

/* ---------- CV Page Styles ----------------- */

.cv-text ul li{
  list-style-type: none;
}


.cvText, .cvText code{
  font-family: "Noto serif", serif;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 20px;
    overflow-wrap: break-word;
}

.cvText p{
  margin-block-end: 5px !important;
}

.cvList{
  padding-left: 10px;
}

.cv-text ul {
  margin-bottom: 10px;
  padding-inline-start: 20px;
}

.cvList ul li::marker{
  content: "— ";
}

/* fix long URLs not wraping */
a.url-wrap {
    
    max-width: 100%;                 /* Prevent overflow */
    white-space: normal !important;             /* Allow wrapping */
    overflow-wrap: break-word !important;       /* Standard property */
    word-wrap: break-word !important;           /* Legacy support */
    word-break: break-all !important;           /* Break anywhere if needed */
    hyphens: none !important;                   /* Avoid hyphenation in URLs */
}



.dkpdf-button-container{
  padding:0px 0px 0px 0px !important;
  border: solid 1px #ff8d6a;
  border-radius: 3px;
  background-color: #FF8D6A;
}

.dkpdf-button-container:hover{
  border: solid 1px #c1b8ae;
  background-color: #c1b8ae;
  }

.dkpdf-button{
  display: block !important;
  font-weight: 500 !important;
  padding:5px 15px 5px 15px !important;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  text-transform: uppercase;
  color: var(--e-global-color-text);
}

.dkpdf-button:hover{
  display: block !important;
  font-weight: 500 !important;
  font-family: "Roboto", Sans-serif;
  font-size: 14px;
  text-transform: uppercase;
  color: var(--e-global-color-text) !important;
}

.dkpdf-button span{
  display: none;
}

/* Back to Top button */
#backToTop{
	display: flex;
    align-items: center;   /* Vertical alignment */
    justify-content: center; /* Optional: horizontal centering */
}

#backToTop p{
	margin: 0; /* Remove default paragraph margin */
}

/* -------- More About / Publication img / Single Publication img ---------------------- */

#postCarousel img, #postCarousel img:hover, #cardBox img, #cardBox img:hover, .searchSideBarInner img, .singleSideBarInner img{
  box-shadow: 5px 5px 5px #453635;
}

.swiper-button-next, .swiper-button-prev, .swiper-button-prev::after{
  font-weight: bold;
}

/* -------- Publications Page ---------------- */

/* fix grid cards display  */
body.elementor-kit-275, html.elementor-kit-275 {
    line-height: unset !important;
}


.inner-content {
    display: inline !important;
	padding-top: 10px;
}


/* Make Title, Year, Author behave like one inline paragraph */
.elementor-grid .inner-content .post-title,
.elementor-grid .inner-content .post-title a,
.elementor-grid .inner-content .post-custom-field,
.elementor-grid .inner-content .post-custom-field {
    display: inline !important;
    margin-right: .35em;
    vertical-align: baseline;
	white-space: normal;
	line-height: 0.5 !important;
}

/* Keep Read More on its own line */
.elementor-grid .inner-content .post-read-more {
    display: block !important;
    margin-top: .5em;
}
.elementor-grid .inner-content p.post-title {
   line-height: 0.5 !important;
    margin: 0 !important;
}

.elementor-grid .inner-content {
    font-size: inherit !important;
}

.elementor-grid .post-image{
	margin-bottom:20px;
}
/* */

.wp-block-code code {
font-family: "Roboto", Sans-serif;
font-size: 14px;
font-weight: 500;
}

.wp-block-code code a {
text-decoration: none;
}

.post-wrapper{
align-items: center;
}

.post-tags{
  margin-top: 10px;
  margin-bottom: 10px;
}

h6 .post-title{
	margin-bottom:5px;
}

.post-title a{ 
  font-weight: 500 !important;
}

.post-image{
	width:200px;
	height:300px;
}

.post-image img{
	width:100% !important;
	height:100%;
}

.short_code_thumb{
  height:70px !important;
  width:auto !important;
}

.tagList ul{
  list-style-type: none;
  padding-left: 0px;
}

.tagList ul li a{
  font-weight: 500 !important;
  font-size: 14px !important;
  
}

.no-post .e-loop-nothing-found-message{
  margin-left: 20px;
}

.bpfwe-select-all{
    background-color: #FF8D6A;
    padding: 5px;
    border-radius: 3px;
}

.bpfwe-select-all:hover, .bpfwe-select-all.checked {
    background-color: #c1b8ae;
    padding: 5px;
    border-radius: 3px;
}

.search-container button{
  text-align: center;
}
/* move the select all button to bottom 
ul.taxonomy-filter {
  display: flex !important;
  flex-direction: column;
}

ul.taxonomy-filter li:first-child {
  order: 10;
  margin-top: 5px;
}
*/

.pagination-filter .page-numbers .current , .pagination-filter .page-numbers {
  padding-left: 5px !important;
  padding-right: 5px !important;
}
.prev.page-numbers, .next.page-numbers{
  padding: 0 !important;
}
/* FireFox fix */
.low-group-trigger{
  display: none !important;
}

/* -------- Single Page / Single-Publication Page / Custom Archive / Search Page ---------------------- */

body.single-publication{ 
    background-color: transparent;
    background-image: linear-gradient(90deg, #FFDB13 0%, #29c5f2 100%);
}

#publication-page-main{
  background-color: #ffffff;
}

#publication-page-content{
  padding:0 0;
}

.tag-links strong, .cat-links strong{
  color:#978B82;
}

#theContent p, #theContent .wp-block-code{
  margin-top: 1em;
}

.wp-block-code code {
  font-family: "Noto Serif", serif, sans-serif !important;
  font-size: 16px;
}

#theContent ul li{
  font-family: "Roboto", Sans-serif;
    font-size: 14px;
    font-weight: 500;
}

pre.wp-block-code{
  margin-bottom: 0 !important;
}

.entry-title a{
  text-decoration: none !important;
  font-weight: 500 !important;
}

/* style the native wp button */
.wp-block-button__link .wp-element-button{
  border-radius:3px !important;
  background-color: #FF8D6A !important;
  margin-bottom: 10px;
  font-weight: 500;
}

:root :where(.wp-element-button, .wp-block-button__link){
  border-radius:3px !important;
  background-color: #FF8D6A !important;
  text-decoration: none !important;
  font-weight: 500 !important;
  margin-bottom: 10px;
  line-height: 14px;
}

:root :where(.wp-element-button, .wp-block-button__link):hover{
  border-radius:3px !important;
  text-decoration: none !important;
  background-color: #c1b8ae !important;
  color:#453635 !important;
  font-weight: 500 !important;
}

.wp-block-buttons{
  margin-bottom: 20px;
  margin-top: 20px;
}

.intButton{
	width:20%;
}

.wp-block-button{
  /* height: 32px; */
  min-width: 120px !important;
}

.pub-info {
  font-family: "Roboto", Sans-serif;
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  word-spacing: 0;
  margin-top: 10px;
  margin-bottom: 10px;
  border-style: solid;
  border-width: 0px 0px 1px 0px;
  border-color: var(--e-global-color-b7b2da4 );
}

.pub-info a{
  text-decoration: none !important;
  font-weight: 700;
}

.wp-block-quote{
  margin: 30px 0px;
  font-family: "Roboto", Sans-serif;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  word-spacing: 0;
  text-align: center;
  width: 100%;
} 

.wp-block-quote p{
  width: 85%;
  margin-left: auto;
  margin-right: auto;
}

.posts-category{
  font-weight: 700;
}



.searchContainer{
    display: flex;
    flex-direction: row;
    margin-top: 121px;
    margin-bottom: 70px !important;
    margin-bottom: 10px;
    margin-left: 0px;
    margin-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    min-height: 500px;
}

.searchInner{
    align-items: var(--align-items);
    align-self: auto;
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 1;
    flex-wrap: var(--flex-wrap);
    justify-content: center;
}

.searchFlex{
    display: flex;
    flex-direction: row;
    gap: 0px 0px;
    row-gap: 0px;
    column-gap: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
}


.searchSideBar{
    align-self: stretch;
    flex-grow: 0;
    flex-shrink: 1;
    width: 25%;
    display: flex;
    flex-direction: column;
    gap: 20px 20px;
    row-gap: 20px;
    column-gap: 20px;
    border-style: none;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
    padding-top: 10px;
    padding-bottom: 0px;
    padding-left: 10px;
    padding-right: 10px;
}


.searchSideBarInner{
  background-color: var(--e-global-color-1a1202e );
  padding-top: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 0px;
  justify-content: center;
  display: flex;
}

 .researchImg {
  width:100%;
  aspect-ratio: 3 / 4;
  /*overflow: hidden;*/
  display: flex;
}

.singleSideBarInner, {
  width:100%;
  aspect-ratio: 2 / 3;
  /*overflow: hidden;*/
  display: flex;
}

/* force images into portrait mode */
.singleSideBarInner img, .researchImg img{
  width: 98%;
  height: 98%;
  object-fit: cover;
  display: block; 
}

.searchSideBarButton{
  background-color: #ff8d6a;
  padding: 0px;
  border-radius: 3px;
}

.searchSideBarButton a, .wp-block-button a{
  font-family: "Roboto", sans-serif !important;
  font-size: 14px !important; 
  font-weight: 500 !important;
  text-transform: uppercase;
  text-decoration: none !important;
  text-align: center;
  font-style: normal !important;
  color: var(--e-global-color-text);
  display: block;
  padding: 10px 20px;
}

.searchSideBarLink a{
font-family: "Roboto", sans-serif !important;
  font-size: 14px !important; 
  font-weight: 500 !important;
  text-transform: uppercase;
  text-decoration: none !important;
  text-align: center;
  font-style: normal !important;
  color: var(--e-global-color-text);
  display: block;
  padding-top: 10px;
  padding-right: 20px;
  padding-bottom: 10px;
  padding-left: 0px;
}

.searchSideBarButton a:hover{
  background-color: #c1b8ae;
  color: var(--e-global-color-text)!important;
  border-radius: 3px;
  font-weight: 500 !important;
}

.searchSideBarLink a:hover{
font-weight: 700;
}

.searchSideBarInner h5 span{
  font-weight: 700 !important;
}

.searchMain{
    display: flex;
    align-self: flex-start;
    flex-grow: 0;
    flex-shrink: 1;
    width: 75%;
    flex-direction: column;
    column-gap: 20px;
    border-style: none;
    margin-top: 10px;
    margin-left: 10px;
    margin-bottom:30px;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    
}
#publication-page-title-container{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 2px 0px;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: var(--e-global-color-b7b2da4 );
}

#publication-page-title{
  margin-bottom: 0px;
}

.searchMianInside{
  width: 85%;
  padding-left: 10px;
}

.searchReturn, .searchReturn p{
  margin-bottom: 0px !important;
}

.searchReturn h5{
  margin-bottom: 10px;
}

hr .searchSeparator{
  border:1px solid #c1b8ae;
  margin-top: 20px;
}

/* --------- Bio / Press ------------------------------- */

figcaption {
  font-family: "Roboto", Sans-serif !important;
  font-size: 11px !important; 
  font-weight: 300 !important;
  font-style: normal !important;
  word-spacing: 0;
  text-transform: uppercase;
}

/* -------- Academic Advice ---------------------------- */

#scholarsList ul{
  padding-inline-start: 20px;
}

/* -------- It's Complicated --------------------------- */
#complicatedList ul li{
  padding-bottom: 20px;
}

/* --------- Mobile Styles ----------------------------- */

@media (max-width: 767px){
  .headSpace{
    display: none !important;
  }
  .site-navigation-toggle-holder .site-navigation-toggle {
    background-color: #ffffff !important;
  }
  #menu-footer-left li {
    padding-right: 20px;
  }
  .footer-inner{
    text-align: left !important;
  }
  #subscribe{
    width: 100%;
    padding: 0 5%;
  }
  body {
    width:100vw;
  }
  /* Mobile Menu Stuffs ---- */
  #menu-mobilemenu .menu-item a{
    font-family: "Roboto", sans-serif !important;
    font-weight: 500;
  }
  .site-navigation-dropdown ul.menu li.current-menu-item a{
    background-color: #ffffff !important;
  }
  .site-navigation-dropdown ul.menu li a{
    border-top: solid 1px #c1b8ae;
    box-shadow: none !important;
  }
  .site-navigation-dropdown ul.menu{
    border-bottom: solid 1px #c1b8ae;
  }

  /* CV URL OVERFLOW Fix ----- */
  .cvText {
    word-break: normal;
  }

  /* Slider */
  .swiper-slide .post-image{
    display: flex;
    justify-content: center;
    min-height: 200px !important;
  }
  .swiper-slide .post-image img{
    height: 180px !important;
    width: 120px !important;
  }

  .post-excerpt, .post-custom-field {
    display: none;
  }

  /* -------- Single Page / Single-Publication Page / Custom Archive / Search Page ---------------------- */

  #publication-page-main{
    width: 90%;
  }

  .searchFlex{
    flex-direction: column;
    padding-right: 0;
    padding-left: 0;
  }

  .searchContainer{
    padding-left: 10px;
    padding-right: 10px;
  }

  .searchInner, .searchSideBar, .searchMain {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
    padding-right: 0;
    padding-left: 0;
  }
	
	.searchSideBar{
		margin-bottom: 0px;
	}
	
  .searchSideBarLink{
    display: none;
  }

  #publication-page-title{
    padding-inline-start: 0px;
	padding-bottom: 10px;
  }
	
	.post-wrapper{
	align-items: center;
	}

  .searchMianInside{
    width: 100%;
    padding-left: 0;
  }

  .singleSideBarInner{
    padding-right: 0;
  }

}

@media(max-width: 576px) {
  .site-navigation-toggle-holder .site-navigation-toggle {
    background-color: #ffffff !important;
  }
  #site-header {
    width: 100vw;
  }
  .footer-inner .site-navigation{
    text-align: left !important;
  }

}