/**
 * @file
 * Subtheme specific CSS.
 *
 *

*/

.site-footer {
background: #fff !important;
}
.site-footer .content {
    color: #000;
}

/* Paywall - Final Stable Version for Desktop + Mobile */
.paywall {
  position: relative !important;
  width: 100% !important;
  height: auto !important;
  min-height: 340px !important;
  margin-bottom: 2.5rem !important;
  padding: 20px 0 !important;
  overflow: visible !important;
  isolation: isolate;
}

.paywall::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: rgba(255, 255, 255, 0.93) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  z-index: 10 !important;
}

.paywall-content {
  filter: blur(4px) !important;
  user-select: none !important;
  pointer-events: none !important;
  padding-bottom: 20px !important;
}

.paywall-overlay {
  position: absolute !important;
  top: 40% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  z-index: 30 !important;
  width: 100% !important;
  max-width: 500px !important;
  padding: 0 15px !important;
}

/* Mobile Optimization - Prevent inner scroll */
@media (max-width: 576px) {
  .paywall {
    min-height: 380px !important;     /* Slightly taller on mobile for comfort */
  }
  
  .paywall-overlay {
    padding: 0 12px !important;
  }
  
  .paywall-inner {
    padding: 32px 24px !important;
  }
}

.paywall-inner {
  background: #ffffff !important;
  border: 1px solid rgba(0,0,0,0.12) !important;
  border-radius: 16px !important;
  box-shadow: 0 15px 35px rgba(0,0,0,0.18) !important;
  padding: 38px 30px !important;
  text-align: center !important;
}
.bg-light {
    --bs-bg-opacity: none !important;
}
.row {
margin-right: 2% !important;
margin-left: 2% !important;
}

.container-xl, .container-xxl {
width: 90% !important;
}

.item-list ul {
  padding-left: 10px !important;
}

item-list ul li {
list-style: square !important;
}


div.clearfix.text-formatted.field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item {
    margin-left: 5% !important;
    margin-right: 10% !important;
}
.item-list ul span {
    list-style: disc !important;
}

.item-list ul li {
    margin: 2% !important;;
    
}
p{
font-family: Georgia !important;
}

ul span {
font-family: Georgia !important;
font-size: 16px !important;
}

a {
    #color: #c04019 !important;
    color: #06c !important;
    text-decoration: none !important;
    text-transform: capitalize !important;
    font-weight: 600 !important;
}

body{
color: #1d1d1f !important;
}
.field--type-entity-reference {
    background: #e7e7d6 no-repeat top left !important;
    padding: 0.3em 0.8em !important;
    border: 1px dashed #fff !important;
    margin-top: 5px !important;
    width: 50% !important;
    margin-left: 5% !important;
}

@media (min-width: 1200px) {
  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem;
    font-size: 0.85rem !important;
  }
}

@media (max-width: 1023px) {
.sidebar .block {
   display: none !important;
}
}

.sidebar .block {
    background-color: #fff !important;
    border-color: #fff !important;
    padding: 1px !important;
}

.field__item ul {
 margin: 1px !important;
 padding: 1px !important;
}

.field__item > p > span {
font-family: Georgia !important;
font-size: 18px !important;
}


.field__item > p > span > span {
font-family: Georgia !important;
font-size: 18px !important;
}

.field__item > p > span > span > span {
font-family: Georgia !important;
font-size: 18px !important;
}

h6 {
  font-weight: bold !important;
  color: #FF0066 !important;
  font-size: 20px !important;
  text-transform: capitalize !important;
  text-decoration: none !important;
}

.h6 {
  font-weight: bold !important;
  color: #FF0066 !important;
  font-size: 20px !important;
  text-transform: capitalize !important;
  text-decoration: none !important;
}

.field.field--name-field-5.field--type-fivestar.field--label-above {
    padding-left: 40px !important;
}

div.field.field--name-field-5.field--type-fivestar.field--label-above {
    padding-left: 40px !important;
}

.product--variation-field--variation_price__9.field.field--name-price.field--type-commerce-price.field--label-above {
    padding-left: 40px !important;
}

div.product--variation-field--variation_price__9.field.field--name-price.field--type-commerce-price.field--label-above {
    padding-left: 40px !important;
}

button#edit-submit--2.button--add-to-cart {
    margin-left: 20px !important;
}

div#edit-actions {
    margin-left: 20px !important;
}

.ca-hello-bar {
    background: beige;
}
.ca-hello-bar {
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    text-align: center;
    background: #dc0000;
    color: #fff;
    font-size: 15px;
    padding: 6px;
    text-transform: none !important;
    z-index: 9999;
}

.ca-hello-bar a:hover {
    color: blue;
}

.btn-primary a:visited {
    color: lightpink !important;
}

button.btn.btn-primary a:visited {
    color: lightpink !important;
}

.btn-primary a {
color: white !important;
}

button.btn.btn-primary a:link {
    color: white !important;
}

.h4 a:link {
  color: #DC143C !important; 
}

h4 a:link {
  color: #DC143C !important;
}

div#block-apu-book-navigation {
    margin-top: 20px !important;
}

div#block-apu-book-navigation {
    padding-top: 20px !important;
}

div#block-views-block-recently-read-block-1 {
    margin-top: 10px !important;
}

div#block-views-block-recently-read-block-1 {
      padding-top: 10px !important;
}

h3 {
  font-weight: 600 !important;
  color: #8e44ad !important;
  font-size: 22px !important;
  text-transform: capitalize !important;
  text-decoration: none !important;
}


.h3 {
  font-weight: 600 !important;
  color: #c62e46 !important;
  font-size: 22px !important;
  text-transform: capitalize !important;
  text-decoration: none !important;
}

.h4 {
  font-weight: 600 !important;
  color: #DC143C !important;
  font-size: 32px !important;
  text-transform: capitalize !important;
  text-decoration: none !important;
}  

h4 {
  font-weight: 600 !important;
  font-size: 22px !important;
  text-transform: capitalize !important;
  text-decoration: none !important;
}  

a {
  color: #4682B4;
  text-decoration: none !important;
  text-transform: capitalize !important;
  font-weight: 600 !important;
}


span.page-link {
    color: #4682B4 !important;
    font-weight: 600 !important;
}

h5 {    
  font-weight: 600 !important;
  color: #4682B4 !important;
  font-size: 20px !important;
  text-transform: capitalize !important;
  text-decoration: none !important;
}  

.wrapper {
  max-width: 1300px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 16px !important;
  padding-right: 16px !important;
}

a.nav-link.nav-link--user a:hover {
  color: #E30B5C !important;
}

a.nav-link.nav-link--user-logout a:hover {
   color: #E30B5C !important;
}

h2.node__title a:hover {
   color: #E30B5C !important;
}


.slogan {
    margin-left: 20px !important;
    font-weight: 600 !important;
    font-size: 18px !important; 
    color: #999 !important; 
}

#show_image_popup{
  position: absolute; /*  so that not take place   */
  top: 50%;
  left: 50%;
  z-index: 1000; /*  adobe all elements   */
  transform: translate(-50%, -50%); /*  make center   */
  display: none; /*  to hide first time   */
}
#show_image_popup img{
  max-width: 90%;
  height: auto;
}

.node__content .clearfix {
margin-left: 5% !important;
margin-right: 10% !important;
}

.highlight {
    padding: 9px 14px;
    margin-bottom: 14px;
    background-color: #d3e3ff;
    border: 2px solid #c7dbff;
    border-radius: 4px;
    margin-left: 5% !important;
    margin-right: 10% !important;
}


.form-control {
margin-bottom: 1.5% !important;
}

span.node-readmore.nav-link a {
   color: #6A6D6A !important;
}

table {
   table-layout: auto !important;
   width: 100% !important;
}

a:link {
  color: #4682B4;
  text-decoration: none !important;
  text-transform: capitalize !important;
  font-weight: 600 !important;
}

a:hover {
  color: #E30B5C;
}

h2.text-align-justify.MsoNormal {
   color: #004573 !important;
}

.content .view {
    margin-left: 5% !important;
    margin-right: 10% !important;
}

.text-align-justify {
    text-align: -webkit-auto !important;
    word-spacing: -0.05em !important;
    text-align-last: left !important;
}
a.nav-link.nav-link--user-logout {
   text-transform: capitalize !important;
   color: #8A9A5B !important;
   font-size: 18px !important;
   margin-right: 10px !important;
   font-weight: 700 !important;
}

a.nav-link.nav-link--user {
   text-transform: capitalize !important;
   color: #8A9A5B !important;
   font-size: 18px !important;
   margin-right: 10px !important; 
   font-weight: 700 !important;
}

h1.title {
  margin-bottom: 30px !important;
  margin-left: 5% !important;
  margin-top: 20px !important;
}

.views-field.views-field-field-metatag {
    margin-bottom: 30px !important;
}

span.field-content a {
  font-weight: bold !important;
  color: #004573 !important;
  font-size: 24px !important;
  text-transform: capitalize !important;
  text-decoration: none !important;
}

span.field-content a:hover {
    color: #E30B5C !important;
}

h2.MsoNormal {
  font-weight: 600 !important;
  color: #004573 !important;
  font-size: 24px !important;
  text-transform: capitalize !important;
  text-decoration: none !important;
}  

h2.node__title {
   display: flex !important;
   margin-left: 5% !important;
}

title {
    display: inline-block !important;
}

span.node-readmore.nav-link a {
     text-decoration: underline !important;
}

span.node-readmore.nav-link a:hover {
     color: #E30B5C !important;
}

span.node-readmore.nav-link {
    text-transform: capitalize !important;
    color: #999 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    margin-left: 4% !important;
}

h2.node__title a {
  color: #4682B4 !important;
  font-weight: 700 !important; 
  font-size: 30px !important;
  text-transform: capitalize !important;
  text-decoration: none !important;
}

h1 {
  font-weight: bold !important;
  color: #6A6D6A !important;
  font-size: 36px !important;
  text-transform: capitalize !important;
  text-decoration: none !important;
}

h2 {
  font-weight: 600 !important;
  color: #c0392b !important;
  font-size: 24px !important;
  text-transform: capitalize !important;
  text-decoration: none !important;
  margin-bottom: 20px !important;
  margin-top: 20px !important;
}


img {
    max-width: 100% !important;
    height: auto !important;
    margin: 5% !important;
}

.breadcrumb a:hover {
    color: #E30B5C !important;
}

ul.book-pager a:hover {
    color: #E30B5C !important;
}
ul.book-pager a {
    color: #4682B4!important;
    text-transform: capitalize !important;
    text-decoration: none !important;
}

li.menu-item a {
   text-decoration: none !important;
   text-transform: capitalize !important;
   color: #848884 !important;
   font-size: 16px !important;
   font-weight: 500 !important;
}

.breadcrumb a {
    color: #4682B4 !important;
    font-size: 14px !important;
    font-weight: bold !important;
    text-decoration: none !important;
    text-transform: capitalize !important;
}

.breadcrumb {
    padding: 0 .5rem !important;
}

.breadcrumb li:not(:last-child)::after {
    display: inline-block !important;
    margin: 0 .25rem !important;
    font-size: 14px !important;
    font-weight: bold !important;
    content: ">" !important;
}

.breadcrumb ul {
    display: flex !important;
    list-style: none !important;
    flex-wrap: wrap !important;
    margin: 0px !important;
    padding: 0px !important;
}

button.navbar-toggler {
    position: absolute !important;
    top: -50px !important;
    right: 20px !important;
}

.nav-link {
     text-transform: capitalize !important;
     color: #999 !important; 
     font-size: 20px !important;
     font-weight: 700 !important;
}

.navbar-toggler .navbar-nav .nav-link {  
    padding-right: 10px !important;
    padding-left: 50px !important;
} 

li.nav-item {
    text-align: right !important;
    text-transform: capitalize !important;
    font-weight: 200 !important;
    font-size: 22px !important; 
    color: #999 !important; 
    padding-right: 20px !important;
}


.navbar-toggler {
    padding: 10px 20px;
    font-size: 20px;
    line-height: 1;
    background-color: #adb5bd;
    border: 2px solid transparent;
    border-radius: 0.25rem;
    transition: box-shadow .15s ease-in-out;
}

button.navbar-toggler {
    font-size: x-large;
}

.page-node-658 .content .title {  
 display: none !important;
}

a.navbar-brand {
    margin-bottom: -30px;
    margin-left: 5px !important;
}

.navbar ul {
    margin-top: -45px !important;
}

}

.m-4 {
    margin-top: -20px !important;
}

.page-node-658 .content .title {
 display: none !important;
}

nav .navbar-nav {
padding: 50px 20px !important;
text-transform: capitalize !important; 
font-weight: 400 !important; 
font-size: 13px !important; 
border-top: none !important; 
line-height: 150% !important; 
}

ul.menu li a { text-transform: capitalize !important; font-weight: 700 !important; padding: 10px !important;
}
    
html {
    font-family: Georgia!important;
    font-size: 18px !important;
    color: #444 !important;
    user-select: none !important;
}

nav .navbar-nav li a{
  color: #999 !important; 
  font-size: 15px !important; 
  line-height: 50% !important; 
  display: inline-block; !important;
  font-weight: 700; padding:-40px; !important;  
  text-transform: capitalize !important;
}

nav .navbar-nav a:hover {
 color: #E30B5C !important;
}

header.nav.section.img {
  all: none!important;
}

navbar-brand {
   padding:0 !important;
   margin-left:50%;
}

 
.carousel-inner .carousel-item {
    height: 16rem!important;
}

.img-fluid {
    margin: 10px!important;
}
/**
 * CK Editor Settings
 * Color and Font
 */
.red{
color:red!important;
}
.green{
color:green!important;
}
.blue{
color:blue!important;
}
.black{
color:black!important;
}