/*********************************************************************************
*
* General front page css setup
*
*********************************************************************************/
*{
	font-family: 'Calibri', sans-serif;
}

a{
    color: #221b16; /*pantone IGP*/
	font-weight: bold;
}
a:hover {
    color: #d5c027; /*pantone 605C (jaune marron foncé)*/
}

.btn-front {
    background-color: #d5c027;
    border-color: #d5c027;
	color: #fff;
}

.btn-front-dark {
    background-color: #221b16; /*pantone IGP*/
    border-color: #221b16;
	color: #fff;
}

.btn-front:active, .btn-front:focus, .btn-front:hover {
	color: #221b16;
	background-color: #efe242; !important;
}

.btn.focus,
.btn:focus {
    /*box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);*/
    /* these following lines are to remove the blue horrible circle around the buttons on focus state*/
    outline: 0;
    box-shadow:none !important;
}

/*a.btn-primary:hover
{
    background-color: #efe242;
    border-color: #d5c027;
}*/

section#about.bg-primary{
    background-color: #d5c027!important;/*pantone 605C(jaune marron foncé)*/
    /*color: #221b16; *//*pantone IGP*/
}

hr {
    /*border-color: #221b16; *//*pantone IGP*/
    border-color: #fff;
}

/*********************************************************************************
*
* Main navbar
*
*********************************************************************************/
#mainNav {
	background-color: #221b16; /*pantone IGP*/
	/*font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;*/
}

#mainNav .navbar-nav>li.nav-item>a.nav-link,
#mainNav .navbar-nav>li.nav-item>a.nav-link:focus {
    color: #d5c027; /*pantone 605C (jaune marron foncé)*/
    font-size: 1.0rem;
    font-weight: 700;
}

#mainNav .navbar-nav>li.nav-item>a.nav-link:focus:hover,
#mainNav .navbar-nav>li.nav-item>a.nav-link:hover {
    color: #fff;
}

#mainNav.navbar-shrink {
    border-bottom: 1px solid rgba(33, 37, 41, .1);
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgba(33, 37, 41, 0.0980392);
    background-color: #221b16; /*pantone IGP*/
}

#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link
{
    /*color: #efe242; *//*pantone 3935C(jaune marron clair)*/
	color: #d5c027; /*pantone 605C (jaune marron foncé)*/
}
#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:focus,
#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:active,
#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:focus:hover,
#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:target,
#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:hover {
    /*color: #efe242; *//*pantone 3935C(jaune marron clair)*/
	color: #fff;
}

.navbar-toggler-icon {
    background-color: #d5c027; /*pantone 605C (jaune marron foncé)*/;
}

.navbar-toggler-icon:focus {
    outline-color: black;
}

.navbar-light .navbar-toggler {
    border-color: #d5c027;
    outline-color: #efe242;
}

/*********************************************************************************
*
* Header Masthead (fullscreen picture)
*
*********************************************************************************/
header.masthead {
	padding-top: 10rem;
	padding-bottom: calc(10rem - 56px);
	/*background-image: url(../img/frontfull9neuf.png);/static/img/slideshow/grapefield.jpeg*/
    /*background-image: url(/static/img/slideshow/grapefield.jpeg);*/
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

header.mastheadimg{
	background-image: url(/static/img/slideshow/grapefield.jpeg);
}

/*********************************************************************************
*
* Footer
*
*********************************************************************************/
.footer-pantone {
    background-color: #221b16; /*pantone IGP*/
    color: #d5c027; /*pantone 605C (jaune marron foncé)*/
}
.footer-pantone-inverse {
    background-color: #d5c027; /*pantone 605C (jaune marron foncé)*/
    color: #221b16; /*pantone IGP*/
    font-weight: 700;
}

.footerlink{
    color: #221b16; /*pantone IGP*/
    font-size: x-large;
}

.footerlink:hover{
    color: #fff; /*pantone IGP*/
    text-decoration: underline;

}