/*
 Theme Name:   UAPL 2022
 Description:  UAPL 2022 Everse Pro Child Theme
 Author:       UAPL
 Author URI:   https://www.ualibrary.org
 Template:     everse-pro
 Version:      1.0.0
 Text Domain:  everse
*/

:root {
    --green_accent: #53AD5F;
    --blue_accent: #6495ED;
		
	 /* https://www.joshwcomeau.com/shadow-palette/ */
    --shadow-color: 160deg 20% 42%;
    --shadow-elevation-low:
        0.3px 0.5px 0.8px hsl(var(--shadow-color) / 0.1),
        0.5px 0.9px 1.4px -0.4px hsl(var(--shadow-color) / 0.26),
        1px 2px 3.1px -0.7px hsl(var(--shadow-color) / 0.42);
    --shadow-elevation-medium:
        0.3px 0.5px 0.8px hsl(var(--shadow-color) / 0.11),
        1.1px 2.2px 3.4px -0.2px hsl(var(--shadow-color) / 0.23),
        2.3px 4.7px 7.3px -0.5px hsl(var(--shadow-color) / 0.36),
        5px 10px 15.5px -0.7px hsl(var(--shadow-color) / 0.49);
    --shadow-elevation-high:
        0.3px 0.5px 0.8px hsl(var(--shadow-color) / 0.1),
        2.3px 4.5px 7px -0.1px hsl(var(--shadow-color) / 0.16),
        4px 8.1px 12.5px -0.2px hsl(var(--shadow-color) / 0.22),
        6.1px 12.1px 18.8px -0.3px hsl(var(--shadow-color) / 0.28),
        8.7px 17.5px 27.1px -0.4px hsl(var(--shadow-color) / 0.34),
        12.5px 25px 38.8px -0.5px hsl(var(--shadow-color) / 0.39),
        17.8px 35.5px 55.1px -0.6px hsl(var(--shadow-color) / 0.45),
        25px 50px 77.6px -0.7px hsl(var(--shadow-color) / 0.51);
}

/* Nav container */
.container { 
    max-width: 1380px !important;
}

nav div.e-n-menu-title-container a {
	text-decoration: none !important;
}

.she-header {
/* 	box-shadow: var(--shadow-elevation-medium); */
}

.nav__dropdown-menu li a {
	font-family: "Red Hat Display", sans-serif !important;
}

.e-n-menu-title-container.e-focus.e-link {
  text-decoration: none !important;
}

ul.sub-menu:has( > li.mn-subitem) {
    left: 8rem !important;
}

/* main nav menu items headers */
h3.mnh3 {
        font-family: "Red Hat Display", sans-serif !important;
	font-size: 1.25rem;
}

.main-nav-list-no-marker ul li {
	list-style-type:none !important;
	padding: 0 !important;
	margin: 0 !important;
}

.main-nav-list-no-marker ul li:hover {
	text-decoration: underline;
}

/* Avoid head-butting: https://css-tricks.com/hash-tag-links-padding/ */
div#loanPeriodsLimitsAccounts::before,
#loanPeriodsLimitsAccounts::before,
div#refundPolicy::before,
#refundPolicy::before,
div#mediaGuides::before,
div#ExploreDigitalMedia::before,
div#Journey::before,
div#studySpaces::before,
div#LibraryLink::before,
div#closingScheduleCS::before,
div#fotlNewsletterSignup::before,
div#deptHeads::before,
div#teenVolunteers::before,
div#discoveryPasses::before { 
  display: block; 
  content: " "; 
  margin-top: -140px; 
  height: 140px; 
  visibility: hidden; 
  pointer-events: none;
}

/* UL list style reset */
.elementor-widget-container ul {
    list-style-type: disc;
    list-style-position:outside !important;
    margin-left: 1rem !important;
    margin-bottom: 2rem !important;
}

.elementor-widget-container ul li ul {
    list-style-type: circle !important;
    margin-bottom: 0 !important;
}

/* Navigation "Your Account" button  */
.menu-button a {
    border-top: 2px solid #eb5e28;
    padding-right: 4px;
    line-height: 1.5 !important;
}

/* We're Open shortcode */
.open-hours {
	margin-right: -15px;
}
.were-open {
	font-family: "Red Hat Display", sans-serif;
}

p.open-text {
	font-weight: 300;
	font-size: 1.4em;
}


/* Remove default text decoration from links */
.elementor-post__title a {
	text-decoration: none !important;
}

a.elementor-cta__button,
a.elementor-price-table__button {
	text-decoration: none !important;
}

/* Add text decoration to links in paragraphs */
/* p > a {
	text-decoration: underline !important;
} */

/* Gravity Form overrides */
.assignment_alert label, 
.assignment_alert legend,
.teacher_collection_request label,
.teacher_collection_request legend,
.global_contact label,
.global_contact legend,
.newsletter_signup label,
.newsletter_signup legend,
.purchase_suggestion label,
.purchase_suggestion legend,
.program_proposal label,
.program_proposal legend,
.home_delivery_card label,
.home_delivery_card legend,
.board-meeting-notification label,
.board-meeting-notification legend,
.gfield_label_before_complex,
legend.gfield_label.gform-field-label {
    font-size: 16px !important;
	font-weight: 400;
    text-transform: uppercase !important;
    color: var(--e-global-color-primary) !important;
}

label.gform-field-label.gform-field-label--type-inline.gfield_consent_label {
    font-size: 1em;
}

label.gform-field-label--type-inline {
    text-transform: none !important;
}

.form_section_spacer {
    margin-top: 2.2em;
}

.gfield_label {
    margin-top: 2em;
	font-family: "Red Hat Display", sans-serif;
	text-transform: uppercase;
}

.gform-field-label--type-sub,
.gform-field-label--type-inline {
    margin-top: 0;
	font-family: "Red Hat Display", sans-serif;
}

.name_first label,
.name_last label {
    text-transform: none !important;
}

.global-search-form-sty {
	font-family: "Red Hat Display", sans-serif !important;
}

/* GravityForms spinner */
.gform_ajax_spinner {
	box-sizing: border-box;
	margin-top: 60px;
	margin-left: -60px;
	animation: spinner 1.1s infinite linear;
	width: 28px;
	position: relative;
	z-index: 999;
}
@keyframes spinner {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

/* Gravity form Mailchimp list signup */
#gform_wrapper_11 {
	background-color: var(--e-global-color-0de4837);
}

/* Gravity submit buttons */

input#gform_submit_button_1,
input#gform_submit_button_11 {
	color: var( --e-global-color-9a26be0 );
    background-color: var( --e-global-color-08f23ae );
    border: 2px solid var( --e-global-color-0de4837 );
	transition: all .3s;
}

input#gform_submit_button_1:hover,
input#gform_submit_button_11:hover {
    background-color: var( --e-global-color-0de4837 );
	border: 2px solid var(--e-global-color-secondary );
	transform: none !important;
	transition: all .3s;
}

input#gform_submit_button_1 {  /* Search form (front page) submit button vertical adjustmt */
    margin-bottom: 0.1em;
}

input#gform_submit_button_11 { /* Mailchimp signup form (front page) submit button vertical adjustmt */
    margin-bottom: 33px;
}

/* Reference Subject Guides Featured Image styling */

.ref-guides-featured-image {
    filter: brightness(56%);
}

/* Reference Subject Guides Related Materials styling */

.rm_cover_imgs {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, 1fr);
    column-gap: 1em;
    row-gap: 2em;
    margin-top: 2em;
}

.rm_title {
    padding-top: 1em;
}

.rm_cover {
    box-shadow: var(--shadow-elevation-medium)!important;
    transition: all 0.5s ease-in;
}

.rm_cover:hover {
    transform: scale(1.15);
}

/* Reference database page infinite scroll loading spinner */
span.e-load-more-spinner {
    font-size: 2em !important;
    color: var(--e-global-color-1f7dabc) !important;
}


/* Board Documents list as attached to post */
ul.bdoc_items {
    list-style: none;
}

/* Latest Releases carousel iframe CSS adjustments */
.ambl-show > div img {
    margin: 2%;
    border: 0.5em solid #FFF;
    box-shadow: 1px 5px 8px 2px #dcdcdc;
    width: auto !important;
}

.ambl-show > div {
    padding-bottom: 6em !important;
}

/* Elementor Popup "Program Promo" close button style */
#elementor-popup-modal-10641 .dialog-close-button i {
	color: #fff;
    background: #000;
    padding: 10px;
    border-radius: 50px;
    border: 2px solid #FFF;
    box-shadow: 0px 0px 5px 1px #fff;
}

#elementor-popup-modal-10641 .dialog-close-button {
border-radius: 50px;
}

/* Global Search Popup Nav Icon */
/*.SearchMagGlass {
	background-image: url('https://uapubliclibdev.wpengine.com/wp-content/uploads/2023/03/Magnifying_glass_icon.svg');
    background-repeat: no-repeat;
    background-position: right center;
	background-size: 25px;
    margin-left: 10px !important;
	transition: background-size 0.3s ease-out;
	color: transparent !important;
}*/

/* Global Search menu item label */
/*.menu-item-10847 a {
    color: transparent !important;
}*/

/*li.menu-item-10847:hover {
	color: transparent !important;
	background-size: 40px;
}*/

/* FAQ Accordion */
div.faq-accordion .elementor-tab-content a {
	text-decoration: underline !important;
}

/* Button text decoration */
a.elementor-button-link {
	text-decoration: none !important;
}

/* YS Recommended Reading Lists IMG */
.ysrr_cover {
    box-shadow: var(--shadow-elevation-medium)!important;
    transition: all 0.5s ease-in;
}

.ysrr_cover:hover {
    transform: scale(1.15);
}

/* One Click Accessibility widget */
li.pojo-a11y-toolbar-item {
	list-style: none !important;
}

#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a {
	font-size: 100% !important;
}

/* Closing Schedule List (template 11535) */
#closingScheduleList li {
    list-style-type: square;
    list-style-position: outside;
    margin-bottom: 1.1em;
}

/* Work At UAPL bullet list /careers-at-uapl */
#workUAPL li {
	margin-top: 1.1em;
}

/* Friends of the Library Pricing Table */
table#fotlPricingTable > thead > tr > th {
	background-color: #6EB1AB !important;
}

/* Dept footer link style adjustment */
/* .deptFooterContainer .elementor-icon-box-description a {
    color: #ffffff !important;
}*/

/* Summer Reading Program Grand Prize choices grid */

#input_16_8 label.gform-field-label figcaption {
     font-size: 1.1em !important;
	font-weight: 600;
	color: #003662;
    margin: 1em 0em 2em !important;
    border: solid, 2px, #EFF3F3;
    border-radius: 25px;
    padding: 10px;
    background-color: #ffffff;
	max-width: 250px;
}

#input_16_8 img {
	max-height: 250px;
	width: auto;
}

fieldset#field_16_8 input[type="radio"]  {
	opacity: 0;
}

fieldset#field_16_8 input[type="radio"] + label {
    border: 3px dotted transparent;
	padding: 2px;
}

fieldset#field_16_8 input[type="radio"]:checked + label {
    border: 3px dotted #66ccff;
	padding: 2px;
}

.prize_image {
	object-fit: cover;
	aspect-ratio:1;
	margin: 0 auto;
	border-radius: 50% !important;
	border: 1em solid #ffcc00 !important;
	transition: 0.3s ease;
}

img.prize_image:hover {
    padding: 1.2em;
	transform: scale(0.95);
}

/* Summer Reading Program /Winter Reading Program Grand Prize Drawing page */
#winnerResult {
	margin-top: 3em;
    line-height: 1.6em;
    background-color: #EFF3F3;
    padding: 1em;
}

/* Winter Reading Program Grand Prize choices grid */

#input_19_8 label.gform-field-label figcaption {
    font-size: 1.1em !important;
	font-weight: 600;
	color: #403232;
    margin: 1em 0em 2em !important;
    border: solid, 2px, #EFF3F3;
    border-radius: 25px;
    padding: 10px;
    background-color: #F7E79D;
	max-width: 250px;
}

#input_19_8 img {
	max-height: 250px;
	width: auto;
}

fieldset#field_19_8 input[type="radio"]  {
	opacity: 0;
}

fieldset#field_19_8 input[type="radio"] + label {
    border: 3px dotted transparent;
	padding: 2px;
}

fieldset#field_19_8 input[type="radio"]:checked + label {
    border: 3px dotted #CA4A41;
	padding: 2px;
}

/* GravityForms Summer / Winter Reading book list requests */
.booklist_request {}
.gfield_required_text {
	color: #A02408 !important;
	font-weight: 700 !important;
}
.gfield_description_21_3,
.gfield_description_21_7 {
	color: #474747 !important;
}

/* Screen reader settings */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
}

/* Staff directory entries */
.staffDirectoryEntry {
	font-size: 1.25rem !important;
	font-weight: 600;
	margin-bottom: 0.3rem !important;
}

/* master link list footer template 7329 adjustments */
.elementor-7329 ul {
        list-style-type: none;
        margin-left: 0 !important;
        margin-bottom: 2rem !important;
}