/**
 * Theme Name:        BigSky Surface Designs Theme
 * Description:       BigSky Surface Designs Theme (Child of 2025)
 * Version:           1.0.1
 * Author:            Louise Fox
 * Author URI:        https://portfolio.louisefox.co.uk/
 * Text Domain:       bigsky-theme
 * Domain Path:       /assets/lang
 * Tested up to:      7.0
 * License:           GNU General Public License v2.0 or later
 * License URI:       https://www.gnu.org/licenses/gpl-2.0.html
 * Template:          twentytwentyfive
 */


/* Import Adobe Fonts 
Includes Amandine 400, 700 Italic
Amandine 400, 500, 700 Normal
*/
@import url("https://use.typekit.net/xks8zkv.css");
/* Set Amandine for headers */
h1, h2, h3, h4, h5, h6,
header nav a {
    font-family: "amandine", sans-serif;
    letter-spacing: 0.05em;
}


/* Calculated margin for elements that have full width background or border but constrained width content 
 * Constrain using margin rather than content width as this is fluid within % columns with padding */
body {
    --calculated-padding: max(var(--wp--preset--spacing--50), calc(100vw - 1340px) / 2); 
    
    --box-shadow-style: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}


header {
    position: relative;
    z-index: 2;
    box-shadow: var(--box-shadow-style);
}


/* Unset underline on links */
header a,
footer a,
h3 a {
	text-decoration: none;
}

/* Button hover styles */
.wp-element-button:hover, 
.wp-block-button__link:hover {
    background-color: var(--wp--preset--color--custom-big-sky-orange);
}

/* Menu Styles */
nav {
    /* Highlight current menu item */
	.current-menu-item > a,
	a:hover,
	a:active {
		color: var(--wp--preset--color--custom-big-sky-orange) !important;
	}
	
	 /* Home link not needed on desktop */
	@media (min-width: 600px) {
	    .nav-home {
	        display: none !important;
	    }
	}

    /* Improve mobile menu styles */
    @media (max-width: 599px) {
	    .wp-block-navigation__responsive-container {
		background-color: #fffffff5 !important;
	    }
	    .wp-block-navigation__responsive-container-content {
		justify-content: center !important;
		align-items: center !important;

		ul {
		    justify-content: center !important;
		    align-items: center !important;
		}
		li {
		    font-size: var(--wp--preset--font-size--large) !important;
		}
	}
    }
}


/* Remove default margin above Footer */
footer {
    margin-block-start: 0;
}


/* Archive pages - core fix for loop images sometimes being wider than containers */
.archive .wp-block-post-featured-image {
	max-width: 100% !important;
}
/* Core fix for list items displayed as flex */
.archive .entry-content li {
	display: list-item;
}



/* Header gradient effect
header {
    padding-top: 6px;
    background: linear-gradient(180deg, rgba(233, 102, 11, 1) 0%, rgba(244, 200, 5, 1) 10%, rgba(255, 255, 255, 1) 20%);
}

footer {
    background: linear-gradient(0deg, rgba(233, 102, 11, 1) 10%, rgba(244, 200, 5, 1) 80%, rgba(255, 255, 255, 1) 100%);
}
*/


/* Full width columns */
@media (max-width: 781px) {
    .full-width-columns .wp-block-column:first-child,
    .full-width-columns-left .wp-block-column:last-child {
        padding-left: var(--wp--style--root--padding-left) !important;
        padding-right: var(--wp--style--root--padding-right) !important;
    }
}

@media (min-width: 782px) {
    /* Image on right */
	.full-width-columns {
		.wp-block-column:first-child {
			padding-left: var(--calculated-padding) !important;
			.wp-block-group {
				margin-right: 0 !important;
			}
		}
	}
	
    /* Mirror image where image on left */
	.full-width-columns-left {
		.wp-block-column:last-child {
			padding-right: var(--calculated-padding) !important;
			.wp-block-group {
				margin-left: 0 !important;
			}
		}
	}
	
	.full-width-columns,
	.full-width-columns-left {
	    position: relative;
	    z-index: 1;
	    figure {
	        height: 100%;
	        /*box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;*/
	    }
    	img {
            /*aspect-ratio: 4 / 3;*/
            object-fit: cover;
            height: 100%;
		}	    
	}
}


/* Columns with box shadow */
.box-shadow-columns > .wp-block-column {
    box-shadow: var(--box-shadow-style);
    border-radius: 2rem 0;
}


/* About Page */

/* Emphasized text
em {
    font-size: 1.75em;
    margin: 0 0.25em;
    padding: 0 3px;
    line-height: 30px;
    letter-spacing: 1px;
    background: linear-gradient(0deg, var(--wp--preset--color--accent-6) 0%, transparent 100%);
}
p:has(em) {
    line-height: 30px;
}

em {
    background: linear-gradient(0deg, var(--wp--preset--color--accent-6) 0%, transparent 100%);
    letter-spacing: 0.5px;
}
*/

.column-offset-anti {
    transform: rotate(-2deg);
    position: relative;
    top: -20px;
}
.column-offset-clock {
    transform: rotate(3deg);
    position: relative;
    top: 30px;
}
.column-offset-clock > .wp-block-group {
    height: 100%;
}