/**
 * Theme Name: Amma-V3.2--7-MAY-2025
 * Template:   twentytwentyfive
 * Text Domain: amma-de
 * 
 */


/****************** TEMP NAVIGATION FOR TESTING *******************/
/* Basic Menu Styling */
.wp-block-navigation a {
  text-decoration: none;
  color: #333; /* Menu text color */
  padding: 10px 15px; /* Add some spacing around links */
  display: inline-block;
}

/* Hover Effect */
.wp-block-navigation a:hover {
  color: #0073e6; /* Hover color */
  background-color: rgba(0, 115, 230, 0.1); /* Light background on hover */
  cursor: pointer; /* Change cursor on hover */
}

/* Active Link Styling */
.wp-block-navigation a:active,
.wp-block-navigation a.current-menu-item {
  font-weight: bold; /* Make active item bold */
  color: #005bb5; /* Active link color */
}

/* Dropdown (submenu) Styling */
.wp-block-navigation .sub-menu {
  display: none; /* Hide submenus by default */
  position: absolute;
  background: white;
  padding: 10px 15px;
  border: 1px solid #ccc;
}

.wp-block-navigation li:hover > .sub-menu {
  display: block; /* Show submenu on hover */
}

/* Optional: Add pointer cursor on hover */
.wp-block-navigation a {
  cursor: pointer;
}

/* Add more visual hierarchy to nested items */
.wp-block-navigation li > .sub-menu {
  margin-left: 15px;
}


/****************** FROM JENNI *******************/
 :root {
  --swiper-theme-color:#fff;
  --swiper-navigation-color:#fff;
  --swiper-pagination-color:#fff;

  --gutenslider-dot-y-offset: -20px;

  --gutslide-slide-border-color: var(--wp--preset--color--violet-light);

  --tabs-label-color: var(--wp--preset--color--gold-light);
  --tabs-label-active-color: var(--wp-preset-color--white);
}

.wp-block-site-logo img {
 min-width: 80px;
}
header .wp-block-site-logo img {
 width: 260px;
}

.content-max-content-wide {
max-width: var(--wp--style--global--wide-size);
margin-left: auto!important;
}

.content-max-content {
max-width: var(--wp--style--global--content-size);
margin-left: auto!important;
}

.bg-bottom-right{
background-position: bottom right;
}
.bg-center {
background-position: center;;
}
.bg-bottom-left {
background-position: bottom left;
}
/*********************** GUT SLIDER STUFF FROM JENNI **********************************************/
.wp-block-gutsliders-any-content.border-with-radius .swiper-container-outer {
border-radius: 9px;
border: 1px solid var(--gutslide-slide-border-color);
}
.wp-block-gutsliders-any-content.border-with-radius .swiper {
padding-bottom: 2px;
padding-right: 2px;
}
.wp-block-gutsliders-any-content.border-violet-light  {
--gutslide-slide-border-color: var(--wp--preset--color--violet-light); 
}
.wp-block-gutsliders-any-content.border-violet-lightest  {
--gutslide-slide-border-color: var(--wp--preset--color--violet-lightest); 
}
.wp-block-gutsliders-any-content.border-violet  {
--gutslide-slide-border-color: var(--wp--preset--color--violet); 
}
.wp-block-gutsliders-any-content.border-gold  {
--gutslide-slide-border-color: var(--wp--preset--color--gold); 
}
.wp-block-gutsliders-any-content.border-gold-dark  {
--gutslide-slide-border-color: var(--wp--preset--color--gold-dark); 
}
.wp-block-gutsliders-any-content.full-width-slides .gutslider-content-inner {
padding: 0;
max-width: 100%;
}
/****************** LARGE FIRST FEATURED NEWS CSS FROM JENNI - NOT WORKING WITH NEW LOOP QUERY & CARDS ************/
.wp-block-query.first-item-lg .wp-block-post-template .wp-block-post:first-child{
grid-column: 1 /end;
}
.wp-block-query.first-item-lg .wp-block-post-template .wp-block-post:first-child >.wp-block-group{
grid-template-columns: 2fr 1fr;
}

/************* OUTLINE BLOCKS IN ADMIN EDITOR *********************************************************************/
/* body.outline-enabled .editor-styles-wrapper [data-block] {
  outline: 1px solid #CCC;
  outline-offset: 0px;
}

body.outline-enabled .editor-styles-wrapper [data-block]:hover {
  outline-color: blue;
}
 */

/************* BUTTONS *********************************************************************/

/* Shared button tweaks */
.wp-block-button__link {
padding: 0.75rem 1.375rem;
transition: all 0.2s ease;
border-radius: 2rem;
font-size: var(--wp--preset--font-size--small);
font-weight: 500;
}

/* Fill (default style) */
.wp-block-button__link {
background: var(--wp--preset--color--gold-dark);
color: var(--wp--preset--color--base);
border: 1px solid var(--wp--preset--color--gold-dark);
}

.wp-block-button__link:hover {
background: color-mix(in srgb, var(--wp--preset--color--gold-dark) 90%, black 10%);
color: var(--wp--preset--color--base);
}

/* Outline style */
.wp-block-button.is-style-outline .wp-block-button__link {
background: transparent;
color: var(--wp--preset--color--violet-dark);
border: 1px solid var(--wp--preset--color--violet-dark);
padding: 0.75rem 1.375rem; /*this is required because Outline is a default block*/
}

.wp-block-button.is-style-outline .wp-block-button__link:hover {
background: var(--wp--preset--color--violet-dark);
color: var(--wp--preset--color--base);
}

/* Outline White style */
.wp-block-button.is-style-outline-white .wp-block-button__link {
background: transparent;
color: var(--wp--preset--color--base);
border: 1px solid var(--wp--preset--color--base);
}

.wp-block-button.is-style-outline-white .wp-block-button__link:hover {
background: var(--wp--preset--color--base);
color: var(--wp--preset--color--violet-dark);
}

/* Dark Purple style */
.wp-block-button.is-style-dark-purple .wp-block-button__link {
background: var(--wp--preset--color--violet-dark);
color: var(--wp--preset--color--base);
border: 1px solid var(--wp--preset--color--violet-dark);
}

.wp-block-button.is-style-dark-purple .wp-block-button__link:hover {
background: var(--wp--preset--color--base);
color: var(--wp--preset--color--violet-dark);
}

/* Accessibility: focus styles */
.wp-block-button__link:focus-visible {
outline: 2px solid currentColor;
outline-offset: 2px;
}

/*********************** GENERAL STYLES ***********************/
.rounded-corners {
  border-radius: 9px;
  overflow: hidden;
}
/*********************** STYLE QUOTE MARK FOR BOTTOM BIG QUOTE BLOCK ***********************/
.quote-outside{
	line-height:1.5;
}
.quote-outside:before {
	content: "“";
    display: block;
    font-family: "Times New Roman", Times, serif;
    font-size: 100px;
    font-weight: 900;
    height: 0.6em;
    line-height: 1;
	color: #d57a74;
}
@media (min-width: 1164px) {
    .quote-outside:before {
        position: absolute;
        left: 0px;
        top: 0;
    }
}
@media (max-width: 768px) {
    .quote-outside {
        padding-left:0px!important;
		padding-right:0px!important;
		margin-left:-10px!important;
		margin-right:-10px!important;
    }
}


/*********************** CENTER MOST STUFF ON MOBILE ***********************/
@media (max-width: 767px) {
  .is-flex-centered {
    display: flex !important;
    flex-direction: column !important; /* Stack items vertically */
    justify-content: center !important;  /* Center content vertically */
    align-items: center !important;      /* Center content horizontally */
    width: 100% !important;              /* Ensure full width for centering */
    text-align: center !important;       /* Center text inside this container */
  }

  .is-flex-centered > * {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* Ensure text inside paragraphs is also centered */
  .is-flex-centered p {
    text-align: center !important;
  }
}
