/*
Theme Name: SERP Download Center - Astra Child
Theme URI: https://wpastra.com/
Template: astra
Author: GetUWired
Author URI: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme
Description: The Astra WordPress theme is lightning-fast and highly customizable. It has over 1 million downloads and the only theme in the world with 5,700+ five-star reviews! It’s ideal for professional web designers, solopreneurs, small businesses, eCommerce, membership sites and any type of website. It offers special features and templates so it works perfectly with all page builders like Spectra, Elementor, Beaver Builder, etc. Fast performance, clean code, mobile-first design and schema markup are all built-in, making the theme exceptionally SEO-friendly. It’s fully compatible with WooCommerce, SureCart and other eCommerce plugins and comes with lots of store-friendly features and templates. Astra also provides expert support for free users. A dedicated team of fully trained WordPress experts are on hand to help with every aspect of the theme. Try the live demo of Astra: https://zipwp.org/themes/astra/
Tags: custom-menu,custom-logo,entertainment,one-column,two-columns,left-sidebar,e-commerce,right-sidebar,custom-colors,editor-style,featured-images,full-width-template,microformats,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready,blog
Version: 4.9.0.1743450755
Updated: 2025-03-31 19:52:35

*/

/* GLOBALS */
/* Base styling for all checkboxes (works fine almost everywhere) */
input[type="checkbox"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 18px;
  height: 18px;
  border: 2px solid var(--e-global-color-accent);
  border-radius: 3px;
  background: #fff;
  cursor: pointer;
  position: relative;
  outline: none;
  vertical-align: middle;
}

/* Checked state - orange background */
input[type="checkbox"]:checked {
  background-color: var(--e-global-color-accent);
  border-color: var(--e-global-color-accent);
}

/* White checkmark overlay */
input[type="checkbox"]:checked::after {
  content: "";
  position: absolute;
  left: 5px;
  top: 1px;
  width: 5px;
  height: 10px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  pointer-events: none;
}

/* hover/focus effect */
input[type="checkbox"]:hover {
  box-shadow: 0 0 0 3px rgba(255, 140, 0, 0.2);
}

/* Remove Astra im box shadow */
.ast-article-single figure, .ast-article-single img:not(figure img) {
    box-shadow: unset !important;
    -webkit-box-shadow: unset !important;
    -moz-box-shadow: unset !important;
}

#serp-bg-logo {
    overflow: hidden;
    pointer-events: none;
}

/*********************** MEMBERPRESS ****************************/

/* ─────────────────────────────────────────────
   MemberPress "My Profile" checkbox styling
   (Role, grade levels, how did you hear, etc.)
   Use custom box on label so Firefox behaves
   ───────────────────────────────────────────── */

/* Hide the native checkbox */
.mepr-account-form .mepr-form-checkboxes-input,
.mepr-signup-form  .mepr-form-checkboxes-input,
.mepr-checkout-form .mepr-form-checkboxes-input,
.mp_wrapper .mepr-form-checkboxes-input {
  position: absolute;
  opacity: 0;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

/* Label hosts the custom checkbox */
.mepr-account-form .mepr-form-checkboxes-label,
.mepr-signup-form  .mepr-form-checkboxes-label,
.mepr-checkout-form .mepr-form-checkboxes-label,
.mp_wrapper .mepr-form-checkboxes-label {
  position: relative;
  padding-left: 28px;
  cursor: pointer;
}

/* Empty box */
.mepr-account-form .mepr-form-checkboxes-label::before,
.mepr-signup-form  .mepr-form-checkboxes-label::before,
.mepr-checkout-form .mepr-form-checkboxes-label::before,
.mp_wrapper .mepr-form-checkboxes-label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  box-sizing: border-box;
  border-radius: 3px;
  border: 2px solid var(--e-global-color-accent);
  background: #fff;
}

/* Checked state – filled orange box */
.mepr-account-form .mepr-form-checkboxes-input:checked + .mepr-form-checkboxes-label::before,
.mepr-signup-form  .mepr-form-checkboxes-input:checked + .mepr-form-checkboxes-label::before,
.mepr-checkout-form .mepr-form-checkboxes-input:checked + .mepr-form-checkboxes-label::before,
.mp_wrapper .mepr-form-checkboxes-input:checked + .mepr-form-checkboxes-label::before  {
  background-color: var(--e-global-color-accent);
  border-color: var(--e-global-color-accent);
}

/* Checked state – white checkmark */
.mepr-account-form .mepr-form-checkboxes-input:checked + .mepr-form-checkboxes-label::after,
.mepr-signup-form  .mepr-form-checkboxes-input:checked + .mepr-form-checkboxes-label::after,
.mepr-checkout-form .mepr-form-checkboxes-input:checked + .mepr-form-checkboxes-label::after,
.mp_wrapper .mepr-form-checkboxes-input:checked + .mepr-form-checkboxes-label::after {
  content: "";
  position: absolute;
  left: 6px;
  top: 50%;
  transform: translateY(-60%) rotate(45deg);
  width: 5px;
  height: 10px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
}

/* Hover highlight on label */
.mepr-account-form .mepr-form-checkboxes-label:hover::before,
.mepr-signup-form  .mepr-form-checkboxes-label:hover::before,
.mepr-checkout-form .mepr-form-checkboxes-label:hover::before,
.mp_wrapper .mepr-form-checkboxes-label:hover::before {
  box-shadow: 0 0 0 3px rgba(255, 140, 0, 0.2);
}

.mepr-checkboxes-field-row label {
    font-weight: 400;
}

/* MailerLite prefs label weight */
#mlite-pref-form label {
  font-weight: 400;
}

#mlite-pref-form p {
	margin-bottom: 0.5em;
}

.serp-account-content>h2 {
	margin-bottom: 1.5em;
}

/* Hide MP injection account form */
body.page-id-938 .mp_wrapper:not(.serp-account-container .mp_wrapper) {
  display: none !important;
}

.mp_wrapper label, .mp_wrapper .mp-row {
    font-family: var(--e-global-typography-f4a188f-font-family), Sans-serif;
    font-size: 0.85rem;

}

/* Hide Address Line 1 + 2 on MemberPress account/profile forms */
.mepr-account-form .mp-form-row:has(input[name="mepr-address-one"]),
.mepr-edit-account-form .mp-form-row:has(input[name="mepr-address-one"]),
.mepr-profile-form .mp-form-row:has(input[name="mepr-address-one"]),
.mp_wrapper .mp-form-row:has(input[name="mepr-address-one"]) {
  display: none !important;
}

.mepr-account-form .mp-form-row:has(input[name="mepr-address-two"]),
.mepr-edit-account-form .mp-form-row:has(input[name="mepr-address-two"]),
.mepr-profile-form .mp-form-row:has(input[name="mepr-address-two"]),
.mp_wrapper .mp-form-row:has(input[name="mepr-address-two"]) {
  display: none !important;
}

/*********************** DOWNLOAD MONITOR ************************/

/* Disable DLM Default Loading spinner */
.dlm-xhr-loading-gif{
    display: none !important;
}

.dlm-custom-box {
  text-align: left;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
  margin: 0;
  font-family: sans-serif;
}

.dlm-box-image {
  position: relative;
  width: 100%;
  height: 240px;
  margin-bottom: 10px;
  border-radius: 8px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--e-global-color-03bffad);
}

.dlm-box-image img {
  max-height: 180px;
  object-fit: contain;
  display: block;
}

.dlm-pdf-badge {
  position: absolute;
  top: 6px;
  right: 6px;
  background-color: #e74c3c;
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  padding: 2px 5px;
  border-radius: 3px;
  text-transform: uppercase;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
  z-index: 10;
}

.dlm-box-controls {
    padding: 2px 10px 10px 10px;
    width: 100% !important;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
    height: 100%;
}
.dlm-box-download-btn:hover {
    transform: scale(1.05);
    transition: all 0.1s ease-out
}
.dlm-box-preview-btn:hover {
    transform: scale(1.05);
    transition: all 0.1s ease-out
}
.dlm-box-preprinted-btn:hover {
    transform: scale(1.05);
    transition: all 0.1s ease-out
}

.download-card__actions {
    height: 100%;
}

.dlm-box-title {
  font-family: var(--e-global-typography-secondary-font-family), Sans-serif;
  font-size: 0.85rem;
  font-weight: var(--e-global-typography-secondary-font-weight);
  color: var(--e-global-color-text);
  text-transform: uppercase;
  margin-top: 8px;
  margin-bottom: 6px;
}

.dlm-box-buttons {
  width: 100%;
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
  gap: 14px;
}

.dlm-box-buttons-left {
  display: flex;
  justify-content: flex-start;
  gap: 14px;
}
.dlm-box-buttons-right {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 6px;
}

.dlm-box-preprinted {
  font-family: var(--e-global-typography-secondary-font-family), Sans-serif;
  font-size: 10px;
  color: var(--e-global-color-text);
  width: 80px;
  line-height: 0.75rem;
}

.dlm-box-buttons a.dlm-box-download-btn,
.dlm-box-buttons a.dlm-box-preview-btn,
.dlm-box-buttons a.dlm-box-preprinted-btn {
  width: 36px !important;
  height: 36px !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 6px;
  text-decoration: none;
  color: #fff !important;
  line-height: 1.2;
  white-space: nowrap;
  transition: transform 0.1s ease-out, background 0.2s ease;
}
.dlm-box-preprinted-btn {
  background-color: var(--e-global-color-text);
}
.dlm-box-download-btn {
    background-color: var(--e-global-color-accent);
}
.dlm-box-preview-btn {
    background-color: var(--e-global-color-primary);
}

a.dlm-box-download-btn:hover,
a.dlm-box-preview-btn:hover,
a.dlm-box-preprinted-btn:hover {
  transform: scale(1.05);
}

a.dlm-box-download-btn svg,
a.dlm-box-preview-btn svg,
a.dlm-box-preprinted-btn svg {
  width: 14px;
  height: 14px;
  fill: #FFA343;
  transition: transform 0.2s ease, fill 0.2s ease;
  display: block;
  pointer-events: none;
}