/***************
 * #bcacc1  #cbc 
silver 
hsl(285,14,71) 
rgb(188,172,193) 
 * 
 * #715869  #767 
dimgray 
hsl(319,12,39) 
rgb(113,88,105) 
* 
#8151a3  #85a 
slateblue 
hsl(275,33,47) 
rgb(129,81,163) 
* 
* #e85a72 alternate color #8151a3
* #333333 main color
* 
 * *********/
/************************/
.alert-success { color: #7cc4f8; background-color: #c6e8fa; min-height: 222px !important; color: #2c3e50; width: auto; text-justify: inter-word; }
.alert-info { color: #7cc4f8; background-color: #c6e8fa; min-height: 222px !important; color: #2c3e50; width: auto; text-justify: inter-word; }
.feature-box span.subtitle { min-height: 185px !important; }
/************************/
#fp-banner { width: 100%; height: 100%; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; }
.stretch { width: 100% !important; height: auto !important; min-height: 450px; background: url(../images/fontaine/Fontaine05-3-header3.jpg) no-repeat; background-repeat: no-repeat; background-size: 100% 100%; webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: left 0px top 0px; }
.stretch2 { z-index: -1; }
.textwidget1 { position: relative; }
.small { width: 40%; }
/************************/
.main-navigation, .header, .container, .row, .col-md-4, .col-md-8, .logo, .header-extras { z-index: 1001 !important; }
.bg { }
/************************/
.ruler { margin-top: 35px !important; margin-bottom: 35px !important; }
.ruler { border: 0; height: 1px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(129,81,163, 0.75), rgba(0, 0, 0, 0)); }
/************************/
#fp-banner-footer { position: relative; }
.textwidget1-footer { position: relative; }
.saturate { -webkit-filter: saturate(3); filter: saturate(3); }
.grayscale { -webkit-filter: grayscale(100%); filter: grayscale(100%); }
.contrast { -webkit-filter: contrast(160%); filter: contrast(160%); }
.brightness { -webkit-filter: brightness(0.25); filter: brightness(0.25); }
.blur { -webkit-filter: blur(3px); filter: blur(3px); }
.invert { -webkit-filter: invert(100%); filter: invert(100%); }
.sepia { -webkit-filter: sepia(100%); filter: sepia(100%); }
.huerotate { -webkit-filter: hue-rotate(180deg); filter: hue-rotate(180deg); }
.rss.opacity { -webkit-filter: opacity(50%); filter: opacity(50%); }
/*************************/
h2.special-heading { }
.fixed-header-on .main-navigation.fixed, #navbar-collapse-1 { z-index: 1000; }
/*************************/
.fontaine-widget { position: absolute !important; left: 20%; top: 10% !important; display: block; min-height: 25%; max-height:50%; width: 25%; z-index: 1000 !important; background: transparent; display: block; background-color: transparent; overflow-x: auto; overflow-y: auto;}
#la-fontaine-aux-bois-header { width: 100% !important; margin: 0px; display: block; clear: both;}
#la-fontaine-aux-bois-header .image { position: relative; margin: 0px; width: 100%; }
#la-fontaine-aux-bois-header > div > h1/*h1  */ { position: absolute; top: 70%; left: 0; width: 100%; display: block; }
#la-fontaine-aux-bois-header > div > h1 span { color: white; background: #8151a3; background: rgba(129,81,163,0.50); padding: 20px; font-size: 180%; }
#la-fontaine-aux-bois-header > div > h1 span.spacer { padding: 0 2px; background: none; }
/************************/
.custom-footer { width: auto !important; height: auto !important; background: url(../images/fontaine/Fontaine05-3-footer4.jpg) no-repeat; background-size: 40%; /*25*/ background-repeat: no-repeat; background-position: left 0px bottom 0px; }
/************************/
.col-md-12 { text-align: center !important; }
.header .site-slogan { color: #333333; margin: 0; padding: 0; font-weight: 500; letter-spacing: 2px; font-size: 120%; line-height: 1.3846153846; clear: both; font-family: Philosopher, serif; outline: 0; border: 0; vertical-align: baseline; text-transform: uppercase; text-align: center !important; }
.site-slogan {padding-top: 15px; padding-right: 0px; padding-bottom: 15px; padding-left: 0px;}
.logo { padding-top: 15px; padding-right: 0px; padding-bottom: 15px; padding-left: 0px;}
/************************/
blockquote { font-family: "Lato", sans-serif; color: #333232; font-size: 130% !important; }
blockquote.inline p { width: 99% !important; display: inline-block; margin: 0; }
/************************/
.wu-copyright { display: none !important; }
/************************/
body > div.page-wrapper > section > div > div > div img, .brand img { width: auto !important; height: auto !important; background-size: 100% !important; background-repeat: no-repeat !important; webkit-background-size: contain !important; -moz-background-size: contain !important; -o-background-size: contain !important; background-size: contain !important; background: url(../images/fontaine/back.png) no-repeat !important; /*border: 15px solid rgba(255,255,255,0.70);*/ background-position: right -150px top -50px !important; border-top: 25px solid rgba(255,255,255,0.70); border-left: 25px solid rgba(255,255,255,0.70); border-right: 25px solid rgba(255,255,255,0.70); border-bottom: 25px solid rgba(255,255,255,0.70); }
/************************/
span.wpcf7-list-item { display: block; }
.wpcf7 { font-size: 16px; }
/************************/
/* * <ul class="list-triangle">*/
body > div.page-wrapper > section > div > div ul { list-style: none; }
/************************/
/* Extra Small devices (phones less than 480px) */
@media (max-width:340px) {
.fontaine-widget{ display: none !important;}
#la-fontaine-aux-bois-header > div > h1 { position: relative; left: 0; width: 100% !important; display: block; clear:both !important; margin-bottom:30px !important;}
#la-fontaine-aux-bois-header > div > h1 span {font-size: 90%; }
#la-fontaine-aux-bois-header > div > h1 span.spacer { padding: 0 2px; background: none; }

}

@media (max-width:480px) {
.fontaine-widget{ display: none !important;}
#la-fontaine-aux-bois-header > div > h1 { position: relative; left: 0; width: 100% !important; display: block; clear:both !important; margin-bottom:30px !important;}
#la-fontaine-aux-bois-header > div > h1 span { font-size: 90%; }
#la-fontaine-aux-bois-header > div > h1 span.spacer { padding: 0 2px; background: none; }

}

/* Small devices (tablets, phones less than 767px) */
@media (max-width:767px) {
#la-fontaine-aux-bois-header > div > h1 { position: relative; left: 0; width: 100% !important; display: block; clear:both !important; margin-bottom:30px !important;}
#la-fontaine-aux-bois-header > div > h1 span { font-size: 90%; }
#la-fontaine-aux-bois-header > div > h1 span.spacer { padding: 0 2px; background: none; }

}

/* Medium devices (tablets, phones less than 860px) */
@media (max-width:860px) {

}

/* Medium devices (desktops, tablets less than 991px) */
@media (max-width:991px) {

}

/* Medium desktop devices and tablets */
@media (min-width:768px) and (max-width:1199px) {

}

/* Large devices (Large desktops less than 1199px) */
@media (max-width:1199px) {

}
