/**
Theme Name: OC Legals
Author: Brian Wedmore
Author URI: https://www.ocwebcompany.com
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: oc-legals
Template: astra
*/

.main-navigation a {
	font-weight:bold;
}

.fbn-grid-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 10px;
	margin-top:6px;
	margin-bottom:6px;
}

.fbn-grid-item {
/*    background: #f9f9f9;*/
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 8px;
}

label[for="fbn"] {
	font-weight:bold;
}

/* Forces exactly 2 columns on larger screens */
@media (min-width: 768px) {
    .fbn-grid-container {
        grid-template-columns: repeat(2, 1fr);
    }
}

.woocommerce-cart table.cart td.product-name a,
.woocommerce-checkout table.cart td.product-name a {
    font-weight: bold !important;
}

.woocommerce-cart .woocommerce-cart-form dl.variation dt p,
.woocommerce-cart .woocommerce-cart-form dl.variation dt, .woocommerce-checkout-review-order dl.variation dt p,
.woocommerce-checkout-review-order dl.variation dt, .cart-subtotal th, .order-total th, .product-name, label[for="payment_method_clover_payments"] {
    font-weight: bold !important;
}

label[for="payment_method_clover_payments"]::after {
    content: url('https://www.oclegals.com/wp-content/uploads/3visa.png') url('https://www.oclegals.com/wp-content/uploads/3mastercard.png') url('https://www.oclegals.com/wp-content/uploads/3amex.png')
			url('https://www.oclegals.com/wp-content/uploads/3discover.png');;
    display: block;
    margin-top: 5px;
}

.payment_method_clover_payments::after {
    content: 'Note: This purchase will appear from "The Mission Viejo News" on your credit card statement.';
    color: #F9760C; /* Change text color */
    font-weight: bold; /* Style your text */
    font-size: 14px;
}

/* Container holding both the badge and the bubble */
.tooltip-container {
  position: relative;
  display: inline-block;
  cursor: help; /* Changes cursor to a question mark indicator */
}

/* The circular question mark icon */
.question-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  background-color: #4a5568;
  color: #ffffff;
  border-radius: 50%;
  font-size: 14px;
  font-weight: bold;
}

/* Hidden tooltip styling */
.tooltip-text {
  visibility: hidden;
  opacity: 0;
  width: 180px;
  background-color: #2d3748;
  color: #ffffff;
  text-align: center;
  border-radius: 6px;
  padding: 8px;
  position: absolute;
  z-index: 1;
  bottom: 125%; /* Positions bubble right above the badge */
  left: 50%;
  transform: translateX(-50%);
  font-size: 12px;
  line-height: 1.4;
  transition: opacity 0.2s ease, visibility 0.2s ease; /* Smooth fade effect */
}

/* Optional: Small structural arrow beneath the bubble */
.tooltip-text::after {
  content: "";
  position: absolute;
  top: 100%; /* Bottom edge of the tooltip */
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #2d3748 transparent transparent transparent;
}

/* Display the tooltip bubble on hover */
.tooltip-container:hover .tooltip-text {
  visibility: visible;
  opacity: 1;
}

.sticky-header {
  position: sticky;
  top: 0;
  z-index: 1000;
  background-color: #F9760C;
  color:#fff; 
	text-align:center;
	font-weight:bold;
}

.btn {
  position: relative;
  padding: 10px 20px;
  cursor: pointer;
}

/* Style changes when loading */
.btn--loading {
  background-color: #cccccc;
  cursor: wait;
}

/* Optional CSS loading indicator */
.btn--loading .btn-text {
  visibility: hidden;
}

.btn--loading::after {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  border: 4px solid transparent;
  border-top-color: #ffffff;
  border-radius: 50%;
  animation: button-loading-spinner 1s ease infinite;
}

.search-btn {
	background: linear-gradient(135deg, #F9760B 0%, #D35400 100%) !important; 
    color: #FFFFFF;
	border:none;
}

/* Hover state gradient */
.search-btn:hover {
    background: linear-gradient(135deg,  #D35400, #F9760B) !important;
    color: #ffffff;
}

@keyframes button-loading-spinner {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

#hu-outer-wrapper {
	border: 2px solid #000;
	background-color: #dfdfdf;
}

/* Container holds both columns */
.container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start; /* Aligns content to the top */
  gap: 40px; /* Spacing between text and image */
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px;
  box-sizing: border-box;
}

/* Left column styling */
.content-left {
  flex: 1; /* Takes up remaining available space */
}

/* Right column styling */
.image-right {
  flex-shrink: 0; /* Prevents the image container from shrinking */
}

.image-right img {
  display: block;
  width: 600px;
  height: 540px;
  object-fit: cover; /* Ensures image scales nicely if needed */
}

/* Responsive Media Query for smaller devices */
@media (max-width: 768px) {
  /* Hides the entire image container on mobile/tablets */
  .image-right {
    display: none;
  }
  
  /* Optional: Center or adjust left content padding on mobile */
  .container {
    padding: 15px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .image-right > img{
    max-width: 400px; /* Makes the image smaller on tablets */
  }
  .woocommerce-page.woocommerce-checkout form #order_review td.product-name, .woocommerce.woocommerce-checkout form #order_review td.product-name {
	font-size: 12px;
  }
}

.ast-primary-header-bar {
	background-color: #EAEFF4;
}

.ast-mobile-header-content {
    border-bottom: 1px solid #000;
}

.main-navigation a {
	font-weight:bold;
}

.site-below-footer-wrap[data-section="section-below-footer-builder"] {
	background-color: #EAEFF4;
}

#ast-mobile-header {
	margin-bottom: 10px;
}

.fbn-grid-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 10px;
	margin-top:6px;
	margin-bottom:6px;
}

.fbn-grid-item {
/*    background: #f9f9f9;*/
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 8px;
}

label {
	font-size: 16px;
}

label[for="fbn"] {
	font-weight:bold;
}

/* Forces exactly 2 columns on larger screens */
@media (min-width: 768px) {
    .fbn-grid-container {
        grid-template-columns: repeat(2, 1fr);
    }
}

#ast-hf-menu-1 {
background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 10px;	
}

.menu-item:hover {
/*	border: 2px solid #ccc;
	background-color: #fff;
	outline: 3px solid #ccc;
	outline-offset: -10px;*/

}

.ast-builder-menu-1 .menu-link:hover, .ast-builder-menu-1 .main-header-menu > .menu-item:hover > .menu-link {
  /*color: #F9760B;*/
  box-shadow: inset 200px 0 0 0 #F9760B;
  color: white;
}
	
.menu-item > a, .ast-builder-menu-1 .menu-item.current-menu-item > .menu-link {
  box-shadow: inset 0 0 0 0 #F9760B;
  transition: color .5s ease-in-out, box-shadow .5s ease-in-out;
  color: #666666;
  text-decoration: underline #F9760B;
  text-decoration-thickness: 4px;
}

.ast-builder-menu-1 .menu-item > .menu-link {
  color: #F9760B;	
}	

.cky-consent-bar {
	background: linear-gradient(to right, #Efefef, #fff) !important;
}	

.cky-title {
	color: #F9760B !important;
}
/*
.menu-item > a::before, .ast-builder-menu-1 .menu-item.current-menu-item > .menu-link::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 4px;
    border-radius: 4px;
    background-color: #18272F;
    bottom: 20px;
    left: 0;
    transform-origin: right;
    transform: scaleX(0);
    transition: transform .3s ease-in-out;
  }

.menu-item > a:hover::before {
  transform-origin: left;
  transform: scaleX(1);
}
*/
.woocommerce-cart table.cart td.product-name a,
.woocommerce-checkout table.cart td.product-name a {
    font-weight: bold !important;
}

.woocommerce-cart .woocommerce-cart-form dl.variation dt p,
.woocommerce-cart .woocommerce-cart-form dl.variation dt, .woocommerce-checkout-review-order dl.variation dt p,
.woocommerce-checkout-review-order dl.variation dt, .cart-subtotal th, .order-total th, .product-name, label[for="payment_method_clover_payments"] {
    font-weight: bold !important;
}

.woocommerce-page.woocommerce-checkout form #order_review td:last-child, .woocommerce-page.woocommerce-checkout form #order_review th:last-child, .woocommerce.woocommerce-checkout form #order_review td:last-child, .woocommerce.woocommerce-checkout form #order_review th:last-child {
	vertical-align: top;
}

.woocommerce-page.woocommerce-checkout form #order_review td.product-name, .woocommerce.woocommerce-checkout form #order_review td.product-name {
	font-size: 16px;
}

.woocommerce-page.woocommerce-checkout form #order_review td.product-name dt, .woocommerce.woocommerce-checkout form #order_review td.product-name dt,
.woocommerce-page.woocommerce-checkout form #order_review td.product-name dd, .woocommerce.woocommerce-checkout form #order_review td.product-name dd {
	font-size: 14px;
}

.woocommerce-info::before {
	color: #F9760B;
}

.woocommerce-info {
	border-top-color: #F9760B;
}

.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button {
    /*background-color: #F9760B;*/ 
	background: linear-gradient(135deg, #F9760B 0%, #D35400 100%); 
    color: #FFFFFF;
	border:none;
}

/* Hover state gradient */
.woocommerce a.button:hover, 
.woocommerce button.button:hover, 
.woocommerce input.button:hover,
.woocommerce #respond input#submit.submit:hover {
    background: linear-gradient(135deg,  #D35400, #F9760B);
    color: #ffffff;
}

.woocommerce-cart-form__cart-item dl.variation {
    display: grid;
    grid-template-columns: auto 1fr; /* Left column fits text, right column takes the rest */
    margin: 10px 0 0 0;
    padding: 0;
}

/*.woocommerce-js td.product-name dl.variation dd {
    padding: 6px 12px;
    margin: 0;
}
*/
.woocommerce-js td.product-name .wc-item-meta dd:nth-of-type(odd), .woocommerce-js td.product-name dl.variation dd:nth-of-type(odd), .woocommerce-js td.product-name dl.variation dt:nth-of-type(odd) {
    background-color: #EAEFF4; 
	padding-left: 4px;
}

.woocommerce-js td.product-name .wc-item-meta dd:nth-of-type(even), .woocommerce-js td.product-name dl.variation dd:nth-of-type(even), .woocommerce-js td.product-name dl.variation dt:nth-of-type(even) {
    background-color: #ffffff; 
	padding-left: 4px;
}

.woocommerce-js td.product-name dl.variation dt {
	padding-left: 4px;
}	

.woocommerce-js td.product-name dl.variation dt::before {
	content: "•";
}

/* Add a little padding for better spacing */
.woocommerce-cart-form__cart-item {
    padding: 10px;
}

#wrapper .order_item ul.wc-item-meta, 
#wrapper .order_item .wc-item-meta span,
.email-order-item-meta span {
    font-weight: bold !important;
}

#wrapper .order_item .td.product-name,
#wrapper .order_item td.product-name a {
    font-weight: bold !important;
}


label[for="payment_method_clover_payments"]::after {
    content: url('https://www.oclegals.com/wp-content/uploads/3visa.png') url('https://www.oclegals.com/wp-content/uploads/3mastercard.png') url('https://www.oclegals.com/wp-content/uploads/3amex.png')
			url('https://www.oclegals.com/wp-content/uploads/3discover.png');;
    display: block;
    margin-top: 5px;
}

.payment_method_clover_payments::after {
    content: 'Note: This purchase will appear from "The Mission Viejo News" on your credit card statement.';
    color: #F9760C; /* Change text color */
    font-weight: bold; /* Style your text */
    font-size: 14px;
}

/* Container holding both the badge and the bubble */
.tooltip-container {
  position: relative;
  display: inline-block;
  cursor: help; /* Changes cursor to a question mark indicator */
}

/* The circular question mark icon */
.question-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  background-color: #4a5568;
  color: #ffffff;
  border-radius: 50%;
  font-size: 14px;
  font-weight: bold;
}

/* Hidden tooltip styling */
.tooltip-text {
  visibility: hidden;
  opacity: 0;
  width: 180px;
  background-color: #2d3748;
  color: #ffffff;
  text-align: center;
  border-radius: 6px;
  padding: 8px;
  position: absolute;
  z-index: 1;
  bottom: 125%; /* Positions bubble right above the badge */
  left: 50%;
  transform: translateX(-50%);
  font-size: 12px;
  line-height: 1.4;
  transition: opacity 0.2s ease, visibility 0.2s ease; /* Smooth fade effect */
}

/* Optional: Small structural arrow beneath the bubble */
.tooltip-text::after {
  content: "";
  position: absolute;
  top: 100%; /* Bottom edge of the tooltip */
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #2d3748 transparent transparent transparent;
}

/* Display the tooltip bubble on hover */
.tooltip-container:hover .tooltip-text {
  visibility: visible;
  opacity: 1;
}

.sticky-header {
  position: sticky;
  top: 0;
  z-index: 1000;
  background-color: #F9760C;
  color:#fff; 
	text-align:center;
	font-weight:bold;
}

.btn {
  position: relative;
  padding: 10px 20px;
  cursor: pointer;
}

/* Style changes when loading */
.btn--loading {
  background-color: #cccccc;
  cursor: wait;
}

/* Optional CSS loading indicator */
.btn--loading .btn-text {
  visibility: hidden;
}

.btn--loading::after {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  border: 4px solid transparent;
  border-top-color: #ffffff;
  border-radius: 50%;
  animation: button-loading-spinner 1s ease infinite;
}

@keyframes button-loading-spinner {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

#hu-outer-wrapper {
	border: 2px solid #000;
	background-color: #dfdfdf;
}

/* Container holds both columns */
.container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start; /* Aligns content to the top */
  gap: 40px; /* Spacing between text and image */
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px;
  box-sizing: border-box;
}

/* Left column styling */
.content-left {
  flex: 1; /* Takes up remaining available space */
}

/* Right column styling */
.image-right {
  flex-shrink: 0; /* Prevents the image container from shrinking */
}

.image-right img {
  display: block;
  width: 600px;
  height: 540px;
  object-fit: cover; /* Ensures image scales nicely if needed */
}

/* Responsive Media Query for smaller devices */
@media (max-width: 768px) {
  /* Hides the entire image container on mobile/tablets */
  .image-right {
    display: none;
  }
  
  /* Optional: Center or adjust left content padding on mobile */
  .container {
    padding: 15px;
  }
}

.ast-mobile-header-content {
    border-bottom: 1px solid #000;
}
ul.star-list {
  list-style-type: none;
  padding-left: 2.5em;
	padding-top: 6px;
  margin: 0;
}

ul.star-list li {
  position: relative;
	font-weight: bold;
	font-size: 1.1em;
}

ul.star-list li::before {
  content: "★";
	position: absolute;
  left: -1.2em;
}