/*
Theme Name: FIAF 2026
Theme URI: https://congresfiaf2026.org
Author: congres fiaf 2026
Description: Thème du Congrès FIAF 2026
Version: 1.0
Text Domain: fiaf2026
*/

Body{
	margin:0;
}
#menu-1-39b4018 li, #menu-1-d3284cf li{
	border-right:1px solid #F6F0C9;
}
#menu-item-80, #menu-item-2558 {
  border-right: none!important;
}
.tnp-subscription .tnp-field{
	margin-bottom:10px!important;
}
.tnp-subscription label{
	color:#FFFCE8!important;
	font-weight:bold!important;
}
.tnp-subscription .tnp-submit{
	background-color:#FFFCE8!important;
	color:#755137!important;
}
/* Only apply on screens larger than mobile (768px) */
@media (min-width: 768px) {
    .frame-section  {
        overflow: hidden;
    }
    .frame-container > .e-con-inner {
        position: relative;
        
        /* --- SETTINGS --- */
        --line-color: rgba(255, 255, 255, 0.6);
        --line-width: 1px;    
        --line-offset: 60px;  
        
        /* --- NEW: Separate controls for lengths --- */
        --line-len-h: 350px;  /* Length of the Horizontal line (Left to Right) */
        --line-len-v: 350px;  /* Length of the Vertical line (Top to Bottom) */
    }

    /* Shared settings for both corners */
    .frame-container > .e-con-inner::before,
    .frame-container > .e-con-inner::after {
        content: "";
        position: absolute;
        
        /* The box size now mirrors the line lengths */
        width: var(--line-len-h);
        height: var(--line-len-v);
        
        pointer-events: none;
        z-index: 0;
        background-repeat: no-repeat;
    }

    /* --- TOP LEFT CROSS --- */
    .frame-container > .e-con-inner::before {
        top: -60px;
        left: -80px;
        
        background-image: 
            linear-gradient(to bottom, var(--line-color), var(--line-color)), /* Vert */
            linear-gradient(to right, var(--line-color), var(--line-color));  /* Horz */
        
        /* 100% here refers to the width/height variables set above */
        background-size: 
            var(--line-width) 100%, 
            100% var(--line-width);
            
        background-position: 
            var(--line-offset) 0, 
            0 var(--line-offset);
    }

    /* --- BOTTOM RIGHT CROSS --- */
    .frame-container > .e-con-inner::after {
        bottom: -60px;
        right: -80px;
        
        background-image: 
            linear-gradient(to bottom, var(--line-color), var(--line-color)), /* Vert */
            linear-gradient(to right, var(--line-color), var(--line-color));  /* Horz */
            
        background-size: 
            var(--line-width) 100%, 
            100% var(--line-width);
            
        background-position: 
            calc(100% - var(--line-offset)) 0, 
            0 calc(100% - var(--line-offset));
    }

    /* Specific override for Red Line variant */
	.frame-container.red-line > .e-con-inner {
		--line-color: #a63817;
		--line-width: 2px;
         --line-len-v: 100vh; 
	}
	 .frame-container.red-line > .e-con-inner::before {
        left: 0px;
	}
    .frame-container.red-line > .e-con-inner::after {
        right: 0px;
	}
	.frame-container.red-line.pos > .e-con-inner::before {
        left: -80px;
	}
    .frame-container.red-line.pos > .e-con-inner::after {
        right: -80px;
	}
	.frame-container.white-line > .e-con-inner {
		--line-color: #fff;
	}
}

@media (max-width: 1024px) {
	.frame-container > .e-con-inner::before {
        top: -60px;
        left: -60px;
    }

    .frame-container > .e-con-inner::after {
        bottom: -60px;
        right: -60px;
    }
}
:root { --header-h: 0px; }
.snap-section:first-of-type {
  min-height: calc(100vh - var(--header-h));
}
.snap-section { min-height: 100vh; }
html { scroll-behavior: auto !important; }