@charset "UTF-8";

/*
Theme Name: jolmuss
Theme URI: 
Author: Jolie
Author URI: 
Description: 
Requires at least: 6.7
Tested up to: 6.7
Requires PHP: 5.7
Version: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: jolmuss
Tags: 
*/

/*--------------------------------------------------------------
    TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 - UNIVERSAL
2.0 - CSS VARIABLES
3.0 - CLASSES
4.0 - TYPOGRAPHY
        - HEADINGS
        - TEXT
        - LINKS
5.0 - COMPONENTS
        - HEADER
        - MAIN
        - FORMS
        - FOOTER
6.0 - MEDIA QUERIES
-------------------------------------------------------------- */


/*--------------------------------------------------------------
    1.0 - UNIVERSAL
-------------------------------------------------------------- */

* {
    -o-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

*:focus-visible {
    outline: 2px solid #FF8E38;
    outline-offset: 2px;
}

html {
    scroll-behavior: smooth;
}

/*--------------------------------------------------------------
    2.0 - CSS Variables
-------------------------------------------------------------- */
 
:root {
    --padding: 2rem;
    --spacing: 5rem;
}

/*--------------------------------------------------------------
    3.0 - CLASSES
-------------------------------------------------------------- */

/*--------------------------------------------------------------
    4.0 - TYPOGRAPHY
-------------------------------------------------------------- */

/* ----- HEADINGS ----- */

header .has-h-1-font-size {
    max-width: 800px;
}

/* ----- TEXT ----- */

/* ----- LINKS ----- */

a {
    text-decoration: none;
    color: #192840;
    transition: color 0.2s ease-in-out;
    overflow: hidden;
}

header li:hover,
header li:focus,
header li:active,
footer li:hover,
footer li:focus,
footer li:active,
.wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:hover {
    color: #FF8E38;
}

/*--------------------------------------------------------------
    5.0 - COMPONENTS
-------------------------------------------------------------- */ 

/* ----- HEADER ----- */

/* ----- MAIN ----- */

#gallery .wp-block-group-is-layout-grid .wp-block-image img {
    transition:transform 0.25s linear;
    display: block;
    width: 100%;
    height: auto;
}

#gallery .wp-block-group-is-layout-grid .wp-block-image:hover img {
    transform: scale(1.06);
} 

iframe {
    width: 100%;
}

/* ----- FORMS ----- */

body .gform_wrapper input[type="submit"],
body .gform_wrapper button[type="submit"] {
    padding: 16px 32px !important;
    border-radius: 999px !important; 
    font-size: 16px !important;
    border: none !important;
    background-color: #72A7D6 !important; 
    color: #192840 !important;
    cursor: pointer !important;
}

body .gform_wrapper input[type="submit"]:hover,
body .gform_wrapper input[type="submit"]:focus,
body .gform_wrapper input[type="submit"]:active,
body .gform_wrapper button[type="submit"]:hover,
body .gform_wrapper button[type="submit"]:focus,
body .gform_wrapper button[type="submit"]:active {
    background-color: #FF8E38 !important;
}

.gform_required_legend {
    display: none !important;
}

.gform_wrapper form .gform_footer,
.gform_wrapper form .gform_page_footer {
    display: flex !important;
    justify-content: center !important;
}

.gform_wrapper input[type="submit"],
.gform_wrapper button[type="submit"] {
    float: none !important;
    margin: 0 auto;
}

/* ----- FOOTER ----- */

footer .wp-block-post-navigation-link:hover,
footer .wp-block-post-navigation-link:focus,
footer .wp-block-post-navigation-link:active {
    text-decoration: underline;
}

.wp-block-social-links .wp-social-link svg {
    height: 24px;
    width: 24px;
}

/*--------------------------------------------------------------
    6.0 - MEDIA QUERIES
-------------------------------------------------------------- */

/* Responsive Desktop */
@media only screen and (max-width: 1080px) {
    :root {
        --padding: 1.5rem;
        --spacing: 4rem;
    }
}

/* Responsive Tablet */
@media only screen and (max-width: 767px) {
    :root {
        --padding: 1rem;
        --spacing: 3.5rem;
    }
}

/* Responsive Mobile */
@media only screen and (max-width: 480px) {

    :root {
        --padding: .75rem;
        --spacing: 3rem;
    }
    
    footer .is-layout-flex,
    .wp-container-core-group-is-layout-a6df0007 {
        flex-direction: column;
        justify-items: center;
    }
    
    .is-layout-flex .wp-block-social-links,
    div .wp-block-group .has-xsparagraph-font-size {
        flex-direction: row;
    }
    
    body .is-layout-flex .wp-block-gallery {
        flex-direction: column;
        justify-content: center;
        padding: 50px 0;
        gap: 50px;
    }
    
    body .is-layout-grid {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    
    .single-post section,
    .page-template section {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    .wp-container-core-group-is-layout-23441af8 {
        justify-content: left;
    }
    
    .wp-container-core-group-is-layout-a6df0007 {
        align-items: center;
    }
    
    footer .wp-block-group.has-offwhite-color.has-darkblue-background-color {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }
}