/*
 Theme Name:   VE1
 Theme URI:    https://generatepress.com
 Description:  GeneratePress child theme
 Author:       Andy Nicholls
 Author URI:   http://ve1.co.uk
 Template:     generatepress
 Version:      0.1
*/




/* IMAGE FRAMES & DIVIDER SHAPES */

.gb-container.header-frame {
    background-image:             
        url(https://alsagermusicfestival.co.uk/wp-content/uploads/2025/10/frame-lower-left-26-2.png),         /* lower left */
        url(https://alsagermusicfestival.co.uk/wp-content/uploads/2025/10/frame-lower-right-26-4.png),        /* lower right */
        url(https://alsagermusicfestival.co.uk/wp-content/uploads/2024/06/frame-upper-left-t1.png),      /* upper left */
        url(https://alsagermusicfestival.co.uk/wp-content/uploads/2024/06/frame-upper-right-t1.png),     /* upper right */ 
		url(https://alsagermusicfestival.co.uk/wp-content/uploads/2025/10/stars-2.png),     /* star */  
	 	url(https://alsagermusicfestival.co.uk/wp-content/uploads/2024/05/stars-1-sm.png);     /* star */  
	
    background-size: 
        260px auto,      					/* lower left */
        260px auto,      					/* lower right */
        500px auto, 							/* upper left */
        500px auto,							/* upper right */  
		70px auto,
		50px auto;
	
    background-repeat: 
        no-repeat,  					/* lower left */
        no-repeat,  					/* lower right */
        no-repeat,  					/* upper left */
        no-repeat,  					/* upper right */ 
		no-repeat,
		no-repeat;

    background-position:
        bottom left,        			/* lower left */
        bottom right,       			/* lower right */
        top left,           			/* upper left */
        top right,          			/* upper right */ 
		top 40px left 25vw,
		top 50px right 25vw;
}

@media(min-width:1025px) and (max-width:1920px){
    .gb-container.header-frame {
        background-size: 
           	260px auto,						/* lower left */
        	260px auto,						/* lower right */
            500px auto,       				/* upper left */
            500px auto,       				/* upper right */  
			50px auto,
			40px auto;
    }	
}

@media(min-width:769px) and (max-width:1024px){
    .gb-container.header-frame {
        background-size: 
           	240px,						/* lower left */
        	240px,						/* lower right */
           	400px,						/* upper left */
           	400px,						/* upper right */  
		40px,
		30px;
    }
}

@media(min-width:401px) and (max-width:768px){
    .gb-container.header-frame {
        background-size: 
            clamp(140px, 30vw, 200px),	/* lower left */
            clamp(140px, 30vw, 200px), 	/* lower right */
            250px,       				/* upper left */
            250px,       				/* upper right */   
			20px,
		15px;
    }
}
@media(max-width:400px){
    .gb-container.header-frame {
        background-size: 
            100px,	/* lower left */
            100px, 	/* lower right */
            200px,       				/* upper left */
            200px,       				/* upper right */   
			10px,
		5px;
    }
}