/*
Theme Name: Boxauna Artcloud Child Theme
Theme URI: https://wordpress.org/themes/twentytwentyfive/
Template: twentytwentyfive
Author: Artcloud
Author URI: https://artcloud.fi
Description: Artcloud Child Theme
Version: 1.0.0
Updated: 2026-03-06 06:52:09

*/
/* 
header{
    position: absolute;
    max-width: 1200px;
    width: 100%;
    left: 50%;
    z-index: 10;
    transform: translateX(-50%);
    background: transparent;
} */
header{
    position: fixed;
    top:0;
    left:50%;
    transform: translateX(-50%);
    max-width:1200px;
    width:100%;
    z-index:1000;
    background:transparent;
}

.desktop-menu { display: block; }
.mobile-menu  { display: none; }

@media (max-width: 783px) {
  .desktop-menu { display: none !important; } 
  .mobile-menu  { display: block !important; } 
}

/* .sticky-header {
    position: fixed !important;
    top: 0;
    left: 0;
    transform: none !important;
    max-width: 100% !important;
    width: 100%;
    background: var(--wp--preset--color--custom-color-2);
    z-index: 1000;
    box-shadow: 0 3px 10px rgba(0,0,0,0.08);
} */
.sticky-header{
    left:0;
    transform:none;
    max-width:100%;
    background: var(--wp--preset--color--custom-color-2);
    box-shadow:0 3px 10px rgba(0,0,0,0.08);
}

.logo-black{
    display:none;
}

.sticky-header .logo-white{
    display:none;
}

.sticky-header .logo-black{
    display:block;
}

.desktop-menu .wp-block-navigation a{
    color: var(--wp--preset--color--custom-color-2) !important;
}

.sticky-header .wp-block-navigation a,
.sticky-header .wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open,
.mobile-menu .wp-block-navigation a{
    color: var(--wp--preset--color--custom-color-1) !important;
}


.mobile-menu .wp-block-navigation__responsive-container.is-menu-open{
	position:fixed;
    inset:0;
    height:100vh;
	display:flex;
    flex-direction:column;
    justify-content:flex-start;
    padding:0 !important;
    z-index:99999;
}

.mobile-menu .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content{
	padding-top: 15px !important;
	
}

.mobile-menu .wp-block-navigation__responsive-dialog .wp-block-site-logo{
	padding-bottom: 30px;
    border-bottom: 1px solid #cdcdcd;
	margin-top: 20px !important;
	padding-left: 30px;
    padding-right: 30px;
}
.mobile-menu .wp-block-navigation__responsive-dialog .wp-block-navigation__responsive-container-close{
	margin-top: 10px !important;
	padding-left: 30px;
    padding-right: 30px;
}
.mobile-menu .wp-block-navigation__responsive-container .wp-block-buttons{
	margin-bottom: 30px !important;
}
.mobile-menu .wp-block-navigation .wp-block-navigation__container{
	width: 100% !important;
	overflow: hidden !important;
	gap: 5px !important;
}
.mobile-menu .wp-block-navigation .wp-block-navigation-item{
	width: 100% !important;
	padding-bottom: 15px !important;
	margin-bottom: 15px !important;
	border-bottom: 1px solid #cdcdcd;
	padding-left: 30px;
    padding-right: 30px;
	
}

.skip-link.screen-reader-text{
	display: none !important;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
}

/* Default - no focus anywhere */
*:focus {
    outline: none !important;
}

/* Focus only visible when keyboard user */
body.keyboard-user *:focus-visible {
    outline: 2px solid #000000 !important;
    outline-offset: 3px;
}

.feature-grid{
    display:grid !important;
    grid-template-columns: repeat(3, 1fr);
    gap:20px;
}

@media (max-width:1024px){
.feature-grid{
    grid-template-columns: repeat(2,1fr);
}
}

@media (max-width:600px){
.feature-grid{
    grid-template-columns: 1fr;
}
}

.cf7-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:40px;
max-width:900px;
margin:auto;
}

.cf7-field{
display:flex;
flex-direction:column;
}

.cf7-field label{
font-size:18px;
margin-bottom:8px;
color:var(--wp--preset--color--custom-color-1);
}

.cf7-field input,
.cf7-field select,
.cf7-field textarea{
border:none;
border-bottom:1px solid #cfcfcf;
padding:12px 0;
background:transparent;
font-size:18px;
width:100%;
}

.cf7-field textarea{
height:120px;
resize:none;
}

.cf7-full{
grid-column:1 / -1;
}

.cf7-submit{
grid-column:1 / -1;
text-align:center;
margin-top:20px;
}

.cf7-submit input{
background:var(--wp--preset--color--custom-color-1);
color:var(--wp--preset--color--custom-color-2);
border:none;
padding-top: 1rem;
padding-right: 2.25rem;
padding-bottom: 1rem;
padding-left: 2.25rem;
font-family: var(--wp--preset--font-family--inter);
font-size: clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.357), 18px);
font-style: normal;
font-weight: 500;
line-height: 1.33;
cursor:pointer;
}


.wpcf7-submit:hover {
    background-color: color-mix(in srgb, var(--wp--preset--color--contrast) 85%, transparent);
    border-color: transparent;
    color: var(--wp--preset--color--base);
}

.wpcf7-response-output{
    text-align:center;
    padding:12px 20px !important;
    margin-top:20px;
    border-radius:6px;
    font-size:14px;
}
.wpcf7 form.sent .wpcf7-response-output{
    color:#155724;
    background:#d4edda;
    border:1px solid #c3e6cb;
}
.wpcf7 form.invalid .wpcf7-response-output{
    color:#721c24;
    background:#f8d7da;
    border:1px solid #f5c6cb;
}
.wpcf7 form.unaccepted .wpcf7-response-output{
    color:#856404;
    background:#fff3cd;
    border:1px solid #ffeeba;
}
.wpcf7 form.payment-required .wpcf7-response-output{
    color:#856404;
    background:#fff3cd;
    border:1px solid #ffeeba;
}
.wpcf7-not-valid-tip{
    color:#dc3232;
    font-size:13px;
    margin-top:5px;
}

.wpcf7-not-valid{
    border-bottom:2px solid #dc3232 !important;
}

.wpcf7-spinner{
    display: none !important;
}

@media (max-width:768px){

.cf7-grid{
grid-template-columns:1fr;
gap:25px;
}

}
@media (max-width:1024px){
.feature-image-box{
	display: none !important;
}
}

@media (max-width:781px){
	.model-left{
	    flex-direction: column-reverse;
	}
	.model-right .is-layout-flow > .alignright {
    	float: left !important;
		margin: 0 !important;
	}
	.model-left .is-layout-flow > .alignleft {
		margin: 0 !important;
	}
	
	.model-left .wp-block-image,
	.model-left .wp-block-image img,
	.model-right .wp-block-image,
	.model-right .wp-block-image img{
		width: 100% !important;
	}
	
	.about-section .about-content{
		padding-right: var(--wp--preset--spacing--20) !important;
	}
	
}

.wp-block-accordion-heading__toggle:hover .wp-block-accordion-heading__toggle-title {
    text-decoration: none !important;
}


.wp-block-accordion-heading__toggle-icon {
    font-weight: 300 !important;
    font-size: 22px !important;
}

.wp-block-navigation .wp-block-navigation-item__content.active .wp-block-navigation-item__label {
    font-weight: 700 !important;
}

.mobile-menu .wp-block-navigation__responsive-dialog .wp-block-navigation__responsive-container-close {
    color: var(--wp--preset--color--custom-color-1) !important;
}