/*
Theme Name: Ella Young 2024
Theme URI:
Author: Niall Collins
Author URI: https://www.websitetailoring.com/
Description: A theme for the Ella Young website (2024). See www.websitetailoring.com for more information
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6.1
Requires PHP: 8.2
*/

/*
Montserrat Medium
Montserrat Bold

*/
@import "style-common.css";

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');


html {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: normal;   
    height: 100%;  
}


body {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: normal;   
    height: 100%; 
}

h1 {
    font-size: 40px;
    margin-block-start: 0.1em;
    margin-block-end: 0.1em;
}
h2 {
    font-size: 32px;
    margin-block-start: 0.1em;
    margin-block-end: 0.1em;    
}
h3 {
    font-size: 26px;
    margin-block-start: 0.1em;
    margin-block-end: 0.1em;    
}


ul li {
    padding-bottom: 10px;
}

main a, main a:visited {
    color: var(--rosetta-green) !important;
}


/* Main menu */
header {
    background-color: var(--ey-dark-green);  
    margin-bottom: 20px;
}
#site-header {
    min-height: 120px;
    max-width: var(--max-width);
    padding-top: 20px;
    margin-left: auto;
    margin-right: auto;  
}
/*
#site-header .wp-block-navigation li a {
    color: var(--rosetta-blue) !important;
    font-weight: bold !important; 
    font-size: 14pt;
}
#site-header .wp-block-navigation li {
    padding-right: 30px;
}
#site-header .wp-block-navigation li.current-menu-item a {
    
}
*/
#site-header-below {
    background-color: #9ea89d;
    height: 15px;
    width: 100%;

    margin-top: -20px;  /* Fudge - this element is causing spacing to the top */
}



/* Uber menu */
#site-header ul li a {
    color: #ffffff !important;
    font-weight: 500 !important; 
    font-size: 12pt;
}
#site-header .wp-block-navigation li {
    /*padding-right: 30px;*/
}
/* Main menu */






/* Footer */
.sticky-footer {
    height: 100%;
}
.sticky-footer-spacer {
    height: 20px;
    padding-bottom: 30px;
}
footer {

}
#site-footer {
    min-height: 30px;
    width: 100%;
    background-color: var(--dark-grey);
    color: #ffffff;
    text-align: center;
    font-size: 13px;
    padding-top: 7px;    
}
#footer-copyright {
    margin-bottom: 0px !important;
}
/* End Footer */





h2.wp-block-post-title, h2.wp-block-post-title a {
    color: var(--rosetta-blue);
}



.blog-page {
    margin-bottom: unset !important;
}


.wp-block-post-excerpt__more-link {
    padding-top: 10px;
}

.hide {
    display: none;
}


@media only screen and (max-width: 480px){

    /* Hide logo ribbon and display logo panel instead */
    #footer-logo-panel {
        display: block;
    }
    #footer-ribbon {
        display: none;
    }

    #footer-grey-container {
        line-height: 20px;
    }
    #footer-grey-container .footer-text {
        padding-top: 30px;
    }

    header .wp-block-columns:where(.wp-block-columns.is-layout-flex) {
        gap: 0em !important;
    }
} 


@media only screen and (max-width: 782px){

    #footer-logos figure {
        text-align: center;
        float: unset;
        display: block;
    }
    #footer-copyright {
        text-align: center;
    }
    #footer-copyright p {
        text-align: center;
    }

}


@media only screen and (max-width: 768px) {
    #header-logo-col {
        text-align: center !important;
    }

    .container {
        padding-left: 10px;
        padding-right: 10px;
    }

    .reverse-mobile {
        flex-direction: column-reverse;
    }    
} 




@media only screen and (max-width: 1024px) {
    #header-logo-col {
        text-align: left;
    }
} 


@media only screen and (max-width: 1280px) {
    .container {
        max-width: var(--max-width);
    }

    #header-logo-col {
        text-align: left;
    }    
}