/*
Theme Name: Capra Bike
Template: basic-bs4
Author: Endesis
Description: Theme for Capra Bike Web Site
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: caprabike
*/
/* Inizia qui il tuo CSS */
.container-fluid {
    padding: 0;
    background-image: url("images/bgtrees.png");
    background-repeat: no-repeat;
    background-position: bottom;
}
h1 {
    font-weight: bold;
    font-size: 3rem;
}
.carousel-inner img {
    width: 100%;
    height: 100%;
}
.bg-color {
    background-color: #304e42;
}
.btn-primary {
    text-transform: uppercase;
    color: #fff;
    background-color: #304e42;
    border-color: #304e42;
}
.btn-primary:hover {
    color: #304e42;
    background-color: #fff;
    border-color: #304e42;
}
.j404 {
    height: 720px;
}
.row-content {
    padding: 2px 0 4px 0;
}
.col-content {
    padding: 0 20px 0 20px;
}

/* MENU */
.nav-link, .dropdown-item {
    text-transform: uppercase;
    font-size: 0.9rem;
}

/* MENU INTERNO */
nav.navigation, nav.post-navigation {
    width: 100%;
}
div.nav-links {
    padding-bottom: 10px;
    margin-bottom: 20px;
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #dee2e6;
}
div.nav-previous, div.nav-next {
    display: inline;
}
/*div.nav-internal {
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid #dee2e6;
}*/
div.nav-internal a {
    padding: 0 1rem;
    text-transform: uppercase;
    font-size: 0.9rem;
    color: #304e42;
}
div.nav-internal a:hover {
    text-decoration: underline;
    color: #304e42;
}
div.nav-internal img {
    width: 32px;
    height: 32px;
}

/* CARDS */
span.eventdate {
    padding: 6px 6px 2px 6px;
    /*font-weight: bold;*/
    background-color: #FFF;
    color: green;
}
span.pastdate {
    color: red;
}
.card-title {
    font-weight: bold;
}
.card-header {
    text-transform: uppercase;
    font-weight: bold;
}
.card-body {
    padding: 0.5rem 1.25rem 1.25rem 1.25rem;
    /*min-height: 250px;*/
}
.card-img-overlay {
    top: 4rem;
    bottom: 15rem;
}
.card-img-top {
    width: 100%;
    height: auto;
}
/* SOCIAL ICONS */
.social-icons {
  width: 32px;
  height: 32px;
}
.social-icons-facebook {
  fill: #1877f2;
  width: 36px;
  height: 36px;
}
.social-icons-youtube {
  fill: #FF0000;
  width: 36px;
  height: 36px;
}
.social-icons-whatsapp {
  fill: #25D366;
}

/* FORM */
div.form {
    /*border: 1px solid grey;*/
}
.formsubmit .forminput {
    text-align: left;
}
.newsletterform, .contattiform, .prenotaform {
    margin: 0 auto 0 auto;
    text-align: left;
    width: 60%;
    font-size: 0.8rem;
    color: #304e42;
}
.newsletterform fieldset, .contattiform fieldset, .prenotaform fieldset {
    border: 1px solid grey;
    margin: 24px 0 48px 0;
    padding: 36px 60px 36px 60px;
}
.newsletterform legend, .contattiform legend, .prenotaform legend {
    margin: 0;
    padding: 0 12px;
    width: auto;
    font-size: 0.8rem;
    color: #304e42;
    font-weight: bold;
    text-transform: uppercase;
}
.forminput {
    margin: 0 0 12px 0;
}
.forminput label, .formcheckbox label, .formcaptcha label {
    margin: 0;
    text-align: left;
    width: 100%;
    font-weight: bold;
}
label.error {
    color: red;
}
p.errors {
    color: red;
    text-transform: uppercase;
    font-weight: bold;
}
.forminput input {
    width: 300px;
}
.forminput textarea {
    width: 80%;
    height: 100px;
}
.formsubmit, .formcaptcha {
    margin: 48px 0 12px 0;
}
.formsubmit input {
    width: 200px;
    color: #fff;
    background-color: #304e42;
    border-color: #304e42;
}
.formsubmit input:hover {
    color: #304e42;
    background-color: #fff;
    border-color: #304e42;
}

/* THANK YOU */
div.thankyou {
    padding: 48px 4px 48px 4px;
}

/* stili per forminator (inseriti nella conf dei form) */
/*.forminator-button, forminator-button-submit {
    text-transform: uppercase;
    color: #fff;
    background-color: #304e42;
    border-color: #304e42;
}
.forminator-button:hover, forminator-button-submit:hover {
    color: #304e42;
    background-color: #fff;
    border-color: #304e42;
}*/