:root {
	--cnvs-themecolor: #074555;
	--cnvs-themecolor-rgb: 7, 69, 85;
	--cnvs-gradient-color: linear-gradient(to right, #074555, #F5914D);

	--primary-color: #222;
	/* --primary-color: #074555; */
	--seconary-color: #F5914D;
	--white-color: #FFF;
	--black-color: #000;
	
}



/* @font-face {
    font-family: 'Merriweather Sans';
    src: url('public/assets/web/fonts/Merriweather_Sans/MerriweatherSans-Bold.woff2') format('woff2'),
         url('public/assets/web/fonts/Merriweather_Sans/MerriweatherSans-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
} */


/* Applying the font globally */
body{
	font-family: 'Merriweather Sans', sans-serif;
	color:var(--black-color);
}

h1 {
	font-family: 'Merriweather Sans', sans-serif;
	font-weight: 700; /* Bold font weight */
	line-height: 1.2 !important;
}
h2{
	font-size: 1.75rem !important;
	font-weight: 700;
	font-family: 'Merriweather Sans';
	
}
h3{
	font-size: 1.125rem !important;
	font-weight: 600;
	font-family: 'Merriweather Sans';
}
p{
	line-height: 1.5;
	word-break: break-word;
        font-size: .875rem;
		font-family: 'Merriweather Sans';
}

.primary-text{
	color: var(--primary-color);
}
.primary-btn {
	background-color: var(--primary-color);
	color: var(--white-color);
	border: 1px solid var(--primary-color);
}
.primary-btn:hover {
	background-color: var(--white-color);
	color: var(--primary-color);
	border: 1px solid var(--primary-color);
}
.primary-btn-bordered {
	background-color: var(--white-color);
	color: var(--primary-color);
	border: 1px solid var(--primary-color);
}
.primary-btn-bordered:hover {
	background-color: var(--primary-color);
	color: var(--white-color);
	border: 1px solid var(--primary-color);
}
.secondary-btn {
	background-color: var(--seconary-color);
	color: var(--white-color);
	border: 1px solid var(--seconary-color);
}
.secondary-btn:hover {
	background-color: var(--white-color);
	color: var(--seconary-color);
	border: 1px solid var(--seconary-color);
}
.secondary-btn-bordered {
	background-color: var(--white-color);
	color: var(--seconary-color);
	border: 1px solid var(--seconary-color);
}
.secondary-btn-bordered:hover {
	background-color: var(--seconary-color);
	color: var(--white-color);
	border: 1px solid var(--seconary-color);
}
.bg-primary{
	background-color: var(--primary-color) !important;
	color:  var(--white-color) !important;
}
.primary-bg{
	background-color: var(--primary-color) !important;
	color:  var(--white-color) !important;
}
.secondary-bg{
	background-color: var(--seconary-color);
}

.articlePageContent .dropdown-menu{
	width: 500px !important;
}









.is-expanded-menu #header.sticky-header-shrink #header-wrap #logo img {
    height: 50px;
}
.entry::after {
    content: "";
    position: relative;
    height: 0px;
    margin-top: 0px;
    background-color: #fff;
}
.active{
	color: var(--cnvs-themecolor);
}
.min-vh-52 {
    min-height: 52vh !important;
}
.page-title-content h1, .page-title-content .h1 {
	font-size: 2.3rem;
}
/* ---home css  */
.home-banner-image{
	margin-top:50px;
	width: -webkit-fill-available;
}
.home-banner-image h1{
	text-shadow: 0 0 4px #000;
}
.home-banner-image p{
	text-shadow: 0 0 4px #000;
}

.journal_link h3 a:hover {
	text-decoration: underline !important;
}

.dropdown-toggle-custom::after {
	margin-top: 9px;
	
}
.dropdown-toggle-custom {
	display: flex;
}
.pages-list{
	padding-bottom: 30px !important;
}

/* .main-title{
	font-family: "Merriweather Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold !important;
    line-height: 1.4 !important;
  
    font-size: 1.75rem !important;
	font-family: sans-serif;
}
.sub-main-title{
	font-family: "Merriweather Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	word-break: break-word !important;
    font-size: .875rem !important;
	font-family: sans-serif;
	
} */
.main-title{
	
    font-weight: 600 !important;
	line-height: 1.4 !important;
	font-family: 'Merriweather Sans';
	font-size: min(max(1.5rem, 4vw), 2.25rem);
}
.sub-main-title{
	word-break: break-word !important;
    font-size: .875rem !important;
	font-family: 'Merriweather Sans';
}
.journal-page-title{
	font-size: 1rem;
	font-family: 'Merriweather Sans';
}
.book-border{

    box-shadow: -6px 3px 6px 0px #0000005b;
}
.common-button {
	border-radius: 32px;
	cursor: pointer;
	display: inline-block;
	font-family: 'Merriweather Sans';
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.5;
	margin: 0;
	padding: .5rem 1.5rem;
	position: relative;
	text-align: center;
	text-decoration: none;
	
}
.menu-link{
	font-family: 'Merriweather Sans' !important;
}
.menuitem{
	margin-bottom: 10px;
}
.app-journal-overview-padding {
	padding: 24px !important;
	border-radius: 12px;
	margin: 0;
}
.text-decoration{
	text-decoration: underline !important;
}
.nav-link-padding-0{
	padding:0px !important;
}

.journal-overview-btn
/* .journal-overview-btn:hover  */
{
	
	border: 2px solid var(--cnvs-contrast-200) !important;
	box-shadow: none;
	text-decoration: underline;
	text-underline-offset: .25rem;
	background-color: var(--cnvs-contrast-200) !important;
	color: var(--black-color);
}
.journal-overview-btn:hover 
{
	
	border: 2px solid var(--cnvs-contrast-200) !important;
	box-shadow: none;
	text-decoration: underline;
	text-underline-offset: .25rem;
	background-color: var(--cnvs-contrast-200) !important;
	color: var(--black-color) !important;
	text-decoration-thickness: 4px !important;
}
.text-decoration-underline:hover{
	text-decoration-thickness: 4px !important;
}
.for-auther{
	padding: 16px 0;
	color: #222;
}
.article-sidebar-section{
	font-size: 1rem;
}
.pantheon-banner{
	width: 100%; 
	height: auto;
	/* max-height: 270px;  */
	object-fit: cover;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 6px;
	padding-left: 12px;
}

@media (max-width: 768px) {
	.pantheon-banner{
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 6px;
		border-top-right-radius: 0px;
		padding-left: 0px;
	}
	.mobile-views{
		display: grid !important;
	}
	.logo-light-pantheon{
		margin-top: 10px;
	}
  }
  .theme-color-bg{
	background-color: #074555 !important;
  }
  .outlinestrock{
	outline: 2px solid lightgray;
  }

  /* ////////////////////////////////// */
  .suggestion-box {
	  position: absolute;
	  z-index: 1000;
	  background-color: white;
	  border: 1px solid #ddd;
	  max-height: 200px;
	  overflow-y: auto;
	  width: 100%;
	  border-top: white;
  }
  .suggestion-box li {
	  padding: 8px;
	  cursor: pointer;
  }
  .suggestion-box li:hover {
	  background-color: #f0f0f0;
  }
  .top-search-form input {
    font-size: 1.175rem !important;
	margin-left: 12px;
  }
  .article-mt-ff{
    line-height: 1.5;

  }
  .article-type{
	all: revert;
	font-size: 0.9rem;
  }
  .article-date{
	font-size: 0.9rem !important;
    all: revert;
  }

  .footer-ul ul{
	padding-left: 0rem !important;
  }
  .journal-title{
	margin: 16px 0;
  }

  .newjournalupdate {
	flex-direction: row !important;
	border-left: 10px solid #074555 !important;
	border-top: none !important;
  }
  .publishdate  li::before{
	content: "" !important;
    display: inline-block !important;
    margin-right: 0 !important;
  }
  /* home css  */
  
.menulinklowercase{
	text-transform: lowercase !important;
}
.upperletterfirst::first-letter {
	text-transform: uppercase !important; /* Capitalize the first letter */
  }

  /* home cssend   */

.box-shadow-image{
	box-shadow: -6px 3px 6px 0px #0000005b  !important;
}
.reference-item {
    border-bottom: 1px solid #ddd; /* Adds a line between references */
    padding-bottom: 15px; /* Adds some space below the content before the line */
    margin-bottom: 15px; /* Adds space after the line before the next reference */
}
.color-yallow{
	background-color: #f2c94c !important;
}

    /* Show submenus when '.primary-menu' does not have the '.on-click' class */

  /* editor code start  */
  /* h1{font-size:2.25rem;font-size:clamp(1.75rem,4vw,2.25rem)}
  h2{font-size:1.75rem;font-size:clamp(1.5rem,4vw,1.75rem)}
  h1,h2,h3,h4,h5{line-height:1.2;font-weight:700}
  h3{font-size:1.5rem;font-size:clamp(1.25rem,4vw,1.5rem)}
  h4,h5{font-size:1.25rem}
  body,h5{font-size:1.125rem} */
  /* editor code end  */
