h/*

Theme Name: Little Shell Tribe of Montana
Theme URI: https://www.montanalittleshelltribe.org/
Description: Theme for Little Shell Tribe of Montana.
Version: 1.0
Author: Joe Mendonca
Author URI: https://www.felthat.com/

*/

/*--------------------------------------------------------------
HTML Elements
--------------------------------------------------------------*/

* {
    margin: 0;
    padding: 0;
}

body {
    background: #ffffff;
    color: #000000;
    font-family: "Gotham A", "Gotham B";
    font-style: normal;
    font-weight: 400;
    height: 100%;
    margin: 0;
    width: 100%;
}

img {
    border: 0px none;
}

.alignleft {
    display: inline;
    float: left;
    margin: 0px 10px 10px 0px;
}

.alignright {
    display: inline;
    float: right;
    margin: 0px 0px 10px 10px;
}

.aligncenter {
    display: inline;
    float: center;
}

/*--------------------------------------------------------------
Typography
--------------------------------------------------------------*/

a {
    text-decoration: none;
}

h1,
h2,
h3,
h4 {
    display: block;
    font-family: "Gotham A", "Gotham B";
    font-style: normal;
    font-weight: 700;
}

h3 {
    font-size: 36px;
    margin-bottom: 16px;
    text-transform: uppercase;
}

h4 {
    font-size: 25px;
    line-height: 47.36px;
    margin-bottom: 23px;
    text-transform: uppercase;
}

p {
    font-size: 16px;
    line-height: 22px;
}

/*--------------------------------------------------------------
Layout
--------------------------------------------------------------*/

.wrapper {
    float: left;
    width: 100%;
}

.layout {
    margin: 0 auto;
    width: 1229px;
}

.main {
    float: left;
    padding-top: 189px;
    width: 100%;
}

.background {
    height: 100vh;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: -1;
}

.background img {
    bottom: 0;
    left: 0;
    margin: auto;
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    right: 0;
    top: 0;
}

/*--------------------------------------------------------------
Header
--------------------------------------------------------------*/

header {
    height: 134px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
}

header .layout {
    position: relative;
}

header a h1 {
    color: #000000;
    float: left;
    font-size: 46px;
    font-weight: 700;
    margin: 61px -34px 0px 0px;
}

.logo {
    float: left;
    height: auto;
    margin: 40px 0px 0px 20px;
    width: 300px;
}

.header-cart {
    display: block;
    height: auto;
    position: absolute;
    top: 62px;
    right: 40px;
    width: 24px;
}

/*--------------------------------------------------------------
Menu
--------------------------------------------------------------*/

.menu {
    float: right;
    margin: 64px 80px 0px 0px;
}

.menu li {
    float: left;
    list-style-type: none;
    margin-right: 20px;
    position: relative;
}

.menu li:last-child {
    margin-right: 0px;
}

.menu li a {
    color: #000000;
    font-size: 18px;
    text-transform: uppercase;
}

/*--------------------------------------------------------------
Sub Menu
--------------------------------------------------------------*/

.menu li:hover > .sub-menu {
    display: block;
    opacity: 1;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.sub-menu {
    background: #ffffff;
    opacity: 0;
    margin: 4px 0px 0px -10px;
    padding: 4px 30px 12px 10px;
    position: absolute;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.sub-menu li {
    float: left;
    width: 100%;
}

.sub-menu li a {
    font-size: 14px;
    line-height: 20px;
}

/*--------------------------------------------------------------
Content
--------------------------------------------------------------*/

.overlay {
    background: rgba(255, 255, 255, 0.79);
    float: left;
    width: 100%;
}

/*--------------------------------------------------------------
About
--------------------------------------------------------------*/

.page-template-about .overlay {
    margin-top: 77px;
    padding: 16px 0px 54px 0px;
}

.page-template-about p {
    font-size: 14.58px;
    line-height: 22.92px;
    margin-bottom: 20px;
    margin-left: calc(50% - 310px);
    text-align: left;
    width: 620px;
}

.page-template-about .main,
.page-template-contact .main {
    text-align: center;
}

/*--------------------------------------------------------------
Contact and FAQs
--------------------------------------------------------------*/

.page-template-contact .overlay {
    margin: 20px 0px 41px 0px;
    padding: 32px 0px 0px 0px;
}

.page-template-contact p {
    margin-bottom: 35px;
    margin-left: calc(50% - 504px);
    width: 1008px;
}

/*--------------------------------------------------------------
Contact form
--------------------------------------------------------------*/

.gform_wrapper {
    float: left;
    margin-left: calc(50% - 480px);
    margin-top: 9px;
    width: 960px;
}

.gform_wrapper li {
    float: left;
    list-style-type: none;
    width: 100%;
}

.gform_wrapper label,
.woocommerce-checkout label {
    float: left;
    font-size: 16px;
    margin: 0px 0px 5px 4px;
    text-align: left;
    text-transform: uppercase;
}

.gform_wrapper input,
.gform_wrapper textarea,
.woocommerce-checkout input,
.woocommerce-checkout textarea,
.select2-container--default
    .select2-selection--single
    .select2-selection__rendered {
    background: #dfdcd5;
    border: 1px solid #000000;
    font-size: 16px;
    margin-bottom: 25px;
    padding: 8px 4px 8px 4px;
    width: calc(100% - 8px);
}

.gform_wrapper textarea {
    height: 93px;
}

.gform_wrapper li:first-child,
.gform_wrapper li:nth-child(2) {
    display: inline-block;
    width: 452px;
}

.gform_wrapper li:first-child {
    margin-right: 56px;
}

.gform_wrapper input[type="button"],
.gform_wrapper input[type="reset"],
.gform_wrapper input[type="submit"] {
    background: #ffffff;
    border: 1px solid #000000;
    border-radius: 0px;
    font-size: 18px;
    font-weight: 700;
    margin: -5px 0px 19px 0px;
    padding: 6px 85px 6px 85px;
    text-align: center;
    text-transform: uppercase;
    width: auto;
}

.validation_error,
.validation_message {
    float: left;
    margin-bottom: 24px;
    width: 100%;
}

.gform_confirmation_wrapper {
    float: left;
    padding-bottom: 24px;
    width: 100%;
}

/*--------------------------------------------------------------
WooCommerce
--------------------------------------------------------------*/

.shop-message {
    float: left;
    font-size: 24px;
    margin: 0px 0px -9px 0px;
}

.posted_in,
.woocommerce-result-count,
.sku_wrapper {
    display: none;
}

.woocommerce .overlay .layout {
    width: 906px;
}

.woocommerce-page ul.products {
    float: left;
    margin-top: 30px !important;
}

.woocommerce ul.products.columns-3 li.product,
.woocommerce-page ul.products.columns-3 li.product {
    width: 253px;
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    margin: 0px 73px 66px 0px;
}

.woocommerce-page ul.products li.product:nth-child(3n) {
    margin-right: 0px;
}

ul.products {
    margin: 51px 0px 20px 0px !important;
}

.woocommerce-loop-product__title,
.woocommerce-Price-amount.amount {
    color: #000000;
}

.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
    background: rgba(205, 201, 192, 0.6);
    border-radius: 0px;
    color: #000000;
}

.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
    background: rgba(205, 201, 192, 1);
}

.up-sells.upsells.products h2 {
    display: none !important;
}

/*--------------------------------------------------------------
WooCommerce single product
--------------------------------------------------------------*/

.single-product .overlay {
    margin-top: 31px;
}

.single-product .price,
.single-product .summary.entry-summary p {
    margin-bottom: 24px !important;
}

.input-text.qty.text {
    padding: 5px 6px 5px 6px !important;
}

.single-product .price {
    margin-top: 20px;
}

.single-product .woocommerce-variation-price bdi {
    float: left;
    margin-bottom: 20px;
    width: 100%;
}

/*--------------------------------------------------------------
WooCommerce cart
--------------------------------------------------------------*/

.product-name a {
    color: #000000;
}

/*--------------------------------------------------------------
WooCommerce checkout
--------------------------------------------------------------*/

.woocommerce-checkout p {
    float: left;
    margin-bottom: 32px;
    width: 100%;
}

#billing_address_1,
#billing_email_field {
    margin-bottom: 32px;
}

#billing_country_field,
#billing_state_field {
    margin-bottom: 25px;
}

.select2-container--default
    .select2-selection--single
    .select2-selection__rendered {
    line-height: 18px;
}

.select2-container--default .select2-selection--single {
    background-color: transparent;
    border: 0px;
    border-radius: 0px;
}

.select2-container--default
    .select2-selection--single
    .select2-selection__arrow {
    top: 5px;
}

.select2-dropdown {
    background: #dfdcd5;
    border: 1px solid #000000;
    color: #000000;
    margin-top: 8px;
    width: calc(100% + 1px);
}

.select2-search__field {
    margin-top: 10px;
}

.select2-container--default
    .select2-results__option--highlighted[aria-selected],
.select2-container--default
    .select2-results__option--highlighted[data-selected] {
    background-color: #000000;
}

.woocommerce-privacy-policy-text a {
    color: #000000;
}

.woocommerce-checkout-review-order {
    margin-bottom: 32px;
}

#add_payment_method #payment ul.payment_methods,
.woocommerce-cart #payment ul.payment_methods,
.woocommerce-checkout #payment ul.payment_methods,
#add_payment_method #payment div.form-row,
.woocommerce-cart #payment div.form-row,
.woocommerce-checkout #payment div.form-row {
    border: 0px;
}

.payment_box.payment_method_paypal,
.payment_box.payment_method_paypal:before,
.about_paypal {
    display: none !important;
}

.payment_box.payment_method_stripe {
    margin-top: 40px !important;
}

.woocommerce-checkout #stripe-payment-data p {
    margin-bottom: 10px !important;
}

.form-row.woocommerce-SavedPaymentMethods-saveNew.woocommerce-validated {
    margin-top: 20px !important;
}

#wc-stripe-new-payment-method {
    margin: 9px 0px 0px 6px !important;
}

#add_payment_method #payment div.payment_box .wc-credit-card-form,
.woocommerce-cart #payment div.payment_box .wc-credit-card-form,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form {
    margin: 0px !important;
}

#add_payment_method #payment ul.payment_methods,
.woocommerce-cart #payment ul.payment_methods,
.woocommerce-checkout #payment ul.payment_methods {
    padding: 0px !important;
}

#add_payment_method #payment div.form-row,
.woocommerce-cart #payment div.form-row,
.woocommerce-checkout #payment div.form-row {
    margin: 0px !important;
    padding: 0px !important;
}

.form-row.form-row-wide {
    margin: 0px !important;
}

/*--------------------------------------------------------------
WooCommerce information boxes
--------------------------------------------------------------*/

.woocommerce-info {
    background-color: transparent;
    border: 0px;
    color: #000000;
    margin: 0px 0px 32px 0px;
    padding: 0px;
}

.woocommerce-info::before {
    display: none;
}

.woocommerce-info a {
    color: #000000;
}

/*--------------------------------------------------------------
Home content
--------------------------------------------------------------*/

.home-content {
    background: rgba(205, 201, 192, 0.6);
    font-size: 16px;
    line-height: 20px;
    margin: 0 auto;
    margin-top: 280px;
    padding: 34px 116px 34px 116px;
    width: 800px;
}

.home-content p {
    margin-bottom: 18px;
}

/*--------------------------------------------------------------
Search
--------------------------------------------------------------*/

.search-overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.85);
	z-index: 9999;
	justify-content: center;
	align-items: center;
}

.search-overlay input {
    border: 1px solid #000000;
    font-size: 24px;
    margin-bottom: 24px;
    padding: 6px 4px;
}

.search-overlay input[type="submit"] {
    background: #000000;
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
    padding: 6px 12px;
}

.search-overlay.active {
	display: flex;
}

.search-box form {
	width: 90%;
	max-width: 500px;
}

.header-search-icon {
    cursor: pointer;
    display: block;
    position: absolute;
    right: 0px;
    top: 62px;
	width: 24px;
}

/*--------------------------------------------------------------
Search results
--------------------------------------------------------------*/

.search-results h1 {
    margin-bottom: 40px !important;
}

.search-results,
.search-results h2 {
    font-size: 14.58px;
    line-height: 22.92px;
}

.search-results h2,
.search-results .excerpt {
    margin-bottom: 0px !important;
}

.search-results .read-more {
    float: left;
    font-weight: bold;
    margin-bottom: 20px;
    width: 100%;
}

.search-results a {
    color: #000000;
}