/*!
Theme Name: Aircraft Buyer Models Theme
Theme URI: https://aircraftbuyermodels.com
Author: Calum Childs
Author URI: https://calumchilds.com
Description: The default theme for the Aircraft Buyer Models website.
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: aircraftbuyer
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Aircraft Buyer is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

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

:root {
    --aircraft-red: #dd0000;
    --aircraft-blue: #5a86bf;
    --aircraft-dark-blue: #69758C;
    --aircraft-very-dark-blue: #2b486f;
    --aircraft-vibrant-blue: #337ae3;
    --aircraft-light-blue: #dee7f2;
    --aircraft-light-blue-hover: #c8d7ea;
    --aircraft-green: #49881E;

    --button-hover-animation: all 0.5s ease 0s;

    --bs-body-font-family: 'Inter', sans-serif;
    --bs-primary: var(--aircraft-blue);
    --bs-primary-rgb: 90, 134, 191;
}

body {
    overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
}

main {
    max-width: 1320px;
    margin: 0 auto;
    margin-left: 15px;
    margin-right: 15px;
}

main.home-page {
	max-width: none;
}

.blog-content, .commentlist {
    max-width: 700px;
    margin: 0 auto;
}

a {
    color: var(--aircraft-vibrant-blue);
}

select {
    background-color: var(--aircraft-light-blue);
    color: var(--aircraft-very-dark-blue);
    border: none;
}

/* Bootstrap Over-rides */

/* - Buttons - */

.btn.btn-primary {
    --bs-btn-bg: var(--aircraft-blue);
    --bs-btn-border-color: var(--aircraft-blue);

}

/* - Navigation - */
@media screen and (min-width: 900px) and (max-width: 1270px) {
    ul.navbar-nav li a.fs-5 {
        font-size: 1rem !important;
    }
}

/* Custom Utilities */

.w-95 {
    width: 95%;
}

.w-100 {
    width: 100%;
}

.mw-700 {
    max-width: 700px;
    margin: 0 auto;
}
@media screen and (min-width: 800px) {
	.dropdown-on-hover:hover .dropdown-menu {
		display: block;
		margin-top: 0; /* remove the gap so it doesn't close */
	}
}

/* Footer */
@media screen and (max-width: 767px) {

    .site-footer {
        margin-bottom: 150px;
    }

}

/* WordPress over-rides */
/* - Buttons - */
.wp-block-button__link, .wp-block-search__button, .submit {
    border-radius: 6px;
    background-color: var(--aircraft-blue);
    color: white;
    transition: all 0.5s ease 0s;
    padding: 0.375rem 0.75rem;
}

.wp-block-button__link:hover, .wp-block-search__button:hover, .submit:hover {
    background-color: var(--aircraft-dark-blue);
    transition: all 0.5s ease 0s;
}

/*
.wp-element-button {
    padding: 0.75rem 1.5rem;
}
*/
/* WooCommerce over-rides */

/* - Buttons - */

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt {
    background-color: var(--aircraft-blue);
    transition: var(--button-hover-animation);
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:hover {
    background-color: var(--aircraft-dark-blue);
    transition: var(--button-hover-animation);
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button {
    background-color: #dee7f2;
    color: #2b486f;
    transition: var(--button-hover-animation);
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button:hover {
    background-color: #c8d7ea;
    color: #2b486f;
    transition: var(--button-hover-animation);
}

/* This styling only applies to the fixed button at the bottom of mobile screens */
.add_to_cart_button.btn.btn-primary.ajax_add_to_cart.added {
    background-color: var(--aircraft-green);
    border-color: var(--aircraft-green);
    font-weight: 700;
}

.add_to_cart_button.btn.btn-primary.ajax_add_to_cart.added::before {
    content: '\f00c';
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
    padding-right: 7px;
}

.added_to_cart.wc-forward {
    text-align: center;
}
@media screen and (max-width: 800px) {
    .woocommerce-breadcrumb,
    .woocommerce .entry-summary,
    .woocommerce .woocommerce-Tabs-panel,
    section.related-products {
        padding: 0px 10px !important;
    }
}
/* - Prices - */

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) ul.products li.product .price {
    color: var(--aircraft-vibrant-blue);
    font-weight: 700;
    text-decoration: none;
}

.woocommerce span.onsale {
    background-color: var(--aircraft-red);
}

@media screen and (min-width: 600px) {
    .woocommerce span.onsale {
        padding: 0;
        font-size: 1.714em;
    }
}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product .stock {
    color: var(--bs-gray-500);
}

/* - Sidebar - */

#sidebar {
    display: none;
}