/*
 Theme Name:   Boléro
 Theme URI:    http://sgdf06.fr
 Description:  Thème enfant pour Customizr-Pro. Thème pour présenter le territoire Scouts et Guides de France des Alpes Maritimes.
 Author:       Tartempio
 Author URI:   http://sgdf06.fr/
 Template:     customizr-pro
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         green, white, light, dark, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
Text Domain:   Bolero
*/


@import url("../customizr-pro/style.css");


/*------------------------------------------------*/
/*                      Fonts                     */
/*------------------------------------------------*/

 
@font-face {
    font-family: 'dimboregular';
    src: url('fonts/dimbo_regular-webfont.eot');
    src: url('fonts/dimbo_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/dimbo_regular-webfont.woff2') format('woff2'),
         url('fonts/dimbo_regular-webfont.woff') format('woff'),
         url('fonts/dimbo_regular-webfont.ttf') format('truetype'),
         url('fonts/dimbo_regular-webfont.svg#dimboregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'dimboitalic';
    src: url('fonts/dimbo_italic-webfont.eot');
    src: url('fonts/dimbo_italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/dimbo_italic-webfont.woff2') format('woff2'),
         url('fonts/dimbo_italic-webfont.woff') format('woff'),
         url('fonts/dimbo_italic-webfont.ttf') format('truetype'),
         url('fonts/dimbo_italic-webfont.svg#dimboitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}


.site-title, .site-description, h1, h2, h3, .tc-dropcap {
    font-family: dimboregular, Lato, sans-serif;
    font-weight: 100;
    letter-spacing: 0.75px;
}

.mce-content-body .h1, .mce-content-body h2, .mce-content-body h3 {
    font-family: dimboregular, Lato, sans-serif;
    font-weight: 100;
    letter-spacing: 0.76px;
}

h1 {    
	font-size: 2.5em;
    ftext-transform: uppercase;
}

h2 {    
	font-size: 2em;
    ftext-transform: uppercase;
}

h3 {    
	font-size: 1.6em;
    ftext-transform: uppercase;
}

body, .navbar .nav>li>a {
    font-size: 1em;
}

.widget_archive li a, .widget_categories li a, .widget_links li a, .widget_meta li a, .widget_nav_menu li a, .widget_pages li a {
    font-size: .9em;
}



/*------------------------------------------------*/
/*                   Font Color                   */
/*------------------------------------------------*/

a,
.btn-link,
.navbar-link:focus,
.navbar .nav > li > a:hover,
.navbar .nav li.dropdown.open.active > .dropdown-toggle,
.carousel-control:focus,
.widget h3:before,
.navbar-wrapper .navbar h2,
h2.site-description,
.navbar .nav > li.current-menu-item > a, 
.navbar .nav > li.current-menu-ancestor > a,
.archive .archive-header .format-icon:before,
.dropdown-menu > li.current-menu-ancestor > a,
.dropdown-submenu:focus > a,
.widget.widget_rss li:before,
.social-block a:hover,
.page-links button.btn,
#footer #calendar_wrap table a,
footer#footer .colophon a.back-to-top {
     color: #24bb97;
}


/*------------------------------------------------*/
/*                      Footer                     */
/*------------------------------------------------*/
/*
footer#footer h3 {
    text-transform: uppercase;
	//font-size: 1.6em;
}
*/
footer#footer a, footer#footer p {
    font-size: 0.9em;
}


/*------------------------------------------------*/
/*                   HoverZoomIn                  */
/*------------------------------------------------*/

.hoverzoom {
width: 320px;
height: 240px;
}
.hoverzoom {
width: 100%;
height: 100%; 
}
.hoverzoom img {
/* La transition s'applique à la fois sur la largeur et la hauteur, avec une durée d'une seconde. */
-webkit-transition: all 1s ease; /* Safari et Chrome */
-moz-transition: all 1s ease; /* Firefox */
-ms-transition: all 1s ease; /* Internet Explorer 9 */
-o-transition: all 1s ease; /* Opera */
transition: all 1s ease;
}
.hoverzoom:hover img {
/* L'image est grossie de 25% */
-webkit-transform:scale(1.25); /* Safari et Chrome */
-moz-transform:scale(1.25); /* Firefox */
-ms-transform:scale(1.25); /* Internet Explorer 9 */
-o-transform:scale(1.25); /* Opera */
transform:scale(1.25);
}


/*------------------------------------------------*/
/*                  HoverZoomOut                  */
/*------------------------------------------------*/


.hoverzoomout img {
	/* La transition s'applique à la fois sur la largeur et la hauteur, avec une durée d'une seconde. */
	-webkit-transition: all 1s ease; /* Safari et Chrome */
	-moz-transition: all 1s ease; /* Firefox */
	-ms-transition: all 1s ease; /* Internet Explorer 9 */
	-o-transition: all 1s ease; /* Opera */
	transition: all 1s ease;
}
.hoverzoomout:hover img {
/* 	-webkit-filter: blur(2px);
	-moz-filter: blur(2px);
	-o-filter: blur(2px);
	-ms-filter: blur(2px);
	filter: blur(2px); */
	
	/* L'image est grossie de 25% */
	-webkit-transform:scale(0.95); /* Safari et Chrome */
	-moz-transform:scale(0.95); /* Firefox */
	-ms-transform:scale(0.95); /* Internet Explorer 9 */
	-o-transform:scale(0.95); /* Opera */
	transform:scale(0.95);
}



/*------------------------------------------------*/
/*                      Carte                     */
/*------------------------------------------------*/

.carte-groupes {
	margin : auto;
	width : 95%;
	max-width : 1500px;
}



/*------------------------------------------------*/
/*                      News                      */
/*------------------------------------------------*/

.SP_News_Widget  {
	background-color: #27cda5;
	padding:5px;
}

.SP_News_Widget h4 {
    font-size: 27px;
	font-family: dimboregular, Lato, sans-serif;
    font-weight: 100;
    letter-spacing: 0.75px;
}

.SP_News_Widget h4:before {
	font-family:FontAwesome;
    content: "\f1ea";
	top: -1.9px;
	padding-right: 10px;
}

.SP_News_Widget .news_li a {
	color: #EEE;
	text-shadow: none !important;
}

.SP_News_Widget .on a {
	color: #24bb97;
	text-shadow: 0 1px 0 #FFF;
}