/*
Theme Name: Paula Burgi
Author: Vic Golding
Author URI: 
Theme URI: 
Tags: full-site-editing, block-patterns
Text Domain: paula-burgi
Requires at least: 6.4
Requires PHP: 7.4
Tested up to: 6.4
Version: 100.0

License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* =================================
  TABLE OF CONTENTS
====================================

01. Base Styles
02. Fonts
03. Body
04. Header
05. Navigation
06. Footer
07. Contact Form
08. Media Queries

=================================
  01. Base Styles
==================================== */

/* Styles intended only for the front.*/
html {
	scroll-behavior: smooth;
}

@media screen and (prefers-reduced-motion: reduce) {

	html {
		scroll-behavior: auto;
	}
}

body {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* =================================
  02. Fonts
==================================== */

/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on December 16, 2023 */

@font-face {
    font-family: Movement-DirectBlack;
    src: url('assets/fonts/Movement-DirectBlack.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: Movement-DirectThin;
    src: url('assets/fonts/Movement-DirectThin.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: aptos;
    src: url('assets/fonts/aptos.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}


/* =================================
  03. Body
==================================== */

body#body {
    font-family: aptos;
    background: #DECDBA;
    display: flex;
    flex-direction: column;
    min-height: calc(100vh - 64px);
}

div.wrapper {
    flex: 1;
}

h1 {
    font-family: Movement-DirectBlack;
    font-size: 2em;
}

h2.wp-block-heading {
    font-family: aptos;
    font-size: 1.25em;
    text-transform: lowercase;
    font-weight: 600;
    color: #828966;
}


/* =================================
  04. Header
==================================== */

.header-logo {
    width: 4rem;
}

header#main-header a {
    text-decoration: none;
}

/* =================================
  05. Navigation
==================================== */

nav#main-navigation.navbar.home > .container {
    justify-content: center;
}

nav#main-navigation.navbar:not(.home) > .container {
    justify-content: space-between;
}

nav#main-navigation.navbar.navbar-expand-lg ul.navbar-nav {
    flex-direction: row;
}

nav#main-navigation.navbar.navbar-expand-lg ul.navbar-nav a.nav-link {
    padding-right: 2em;
    padding-left: 2em;
}

nav#main-navigation.navbar ul.navbar-nav li.nav-item {
    text-transform: lowercase;
}

nav#main-navigation.navbar ul.navbar-nav li.nav-item:not(.current_page_item) a.nav-link {
    color: #DD856D;
}

nav#main-navigation.navbar ul.navbar-nav li.nav-item.current_page_item a.nav-link {
    color: #89ABCB;
}

/* =================================
  06. Footer
==================================== */

/* =================================
  07. Contact Form
==================================== */

div.wpforms-container label.wpforms-field-label {
    color: #828966;
    text-transform: lowercase;
}

div.wpforms-container input.wpforms-field-large,
div.wpforms-container textarea.wpforms-field-medium {
    border-radius: 0.75em;
    border: none;
}

div.wpforms-container div.wpforms-submit-container button.wpforms-submit[type="submit"] {
    background-color: #828966;
    border-radius: 0.75em;
    text-transform: lowercase;
}

/* =================================
  08. Media Queries
==================================== */

/* X-Small devices (portrait phones, less than 576px) */
/* No media query for `xs` since this is the default in Bootstrap */

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) { }

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .header-logo {
        width: 5rem;
    }
    nav#main-navigation.navbar.home > .container {
        justify-content: flex-end;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .header-logo {
        width: 9rem;
    }
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) { }

/* Miscellaneous */
@media screen and (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }
}