/*
 Theme Name:   Twenty Twenty-Five Child
 Template:     twentytwentyfive
 Version:      1.0.0
*/

body{
	background-color:#fff !important;
}

.living-in-queseda-banner {
  background-color: #ff6f61; /* a warm coral color, you can change this */
  color: #fff;
  text-align: center;
  padding: 12px 0;
  font-size: 1.2em;
  font-weight: bold;
  position: relative;
}

.translang {
    width: 156px;
    float: right;
    position: absolute;
    right: 100px;
    top: -3px;
}

#flags {
    height: 30px;
}

header{
	padding:24px 0 !important;
}

@media only screen and (min-width: 822px) {
.site-header {
	padding-top: calc(1 * var(--global--spacing-vertical));
}
}

@media only screen and (min-width: 482px) {
.site-header {
	padding-bottom: calc(1 * var(--global--spacing-vertical));
}

  .primary-navigation > div > .menu-wrapper > li > .sub-menu li {
    background: #fff;
  }
  
  .primary-navigation > div > .menu-wrapper > li > .sub-menu::after {
    border-color: #fff;
  }
}


@media only screen and (min-width: 768px) {
/* Fixed social icon menu on right side */
#block-3 {
  position: fixed;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  z-index: 9999;
  background: rgba(255, 255, 255, 0.9); /* Optional: semi-transparent background */
  padding: 10px;
  border-radius: 8px 0 0 8px;
  box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1);
}

/* Stack icons vertically */
#block-3 ul.wp-block-social-links {
  flex-direction: column;
  gap: 10px;
  align-items: center;
}

/* Optional: enlarge icons and smooth hover effect */
#block-3 .wp-block-social-link-anchor svg {
  width: 28px;
  height: 28px;
  transition: transform 0.2s ease;
}

#block-3 .wp-block-social-link-anchor:hover svg {
  transform: scale(1.2);
}

ul li .menu-item-has-children > a {
	font-weight: bold !important;
	/* color: red; */
}

}

.featured-image-box a{
	text-decoration:none;
}


	.featured-image-box, .featured-image-box img {
	border-radius: 9px;
}


h3.biz-category-heading {
	color: #fff;
	background-color: #ff6f61;
	padding: 3px 12px 6px;
	border-radius: 6px;
}

@media only screen and (max-width: 800px) {
.living-in-queseda-banner{
	position:static;
}

}


@media only screen and (max-width: 440px) {
#masthead {
	height: 160px;
}
.translang {
	top: 55px;
}

.site-branding {
	display: block;
	width: 100% !important;
	max-width: 100% !important;
}

}