/*
Theme Name:     SmartBox Child Theme
Description:    Child theme for the SmartBox WP Theme
Author:         Oxygenna
Author URI:     http://themeforest.net/user/oxygenna
Template:       smartbox-theme
Version:        1.0
*/

/* *********************** HEADER / GENERAL ********************** */
br.clear{clear: both; line-height: 1; font-size: 1px; height: 1px;}
body{font-size: 17px;}
p strong{color: #f15c22;}
h1.super{font-size: 60px; font-weight: 600; text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.5) !important;}
.lighter {font-weight: 300;}
.navbar .nav > li > a {padding-bottom: 15px !important; padding-top: 15px !important;}
#menu-menu-1{background: #efefef; border-bottom: 1px solid #1c9bd1;}
#menu-menu-1 a:hover, #menu-menu-1 .current-menu-item a{color: #1c9bd1;}
#menu-menu-1 li a{font-size: 18px;}
#masthead a.brand{padding: 25px 0; margin: 0;}
#masthead a.brand img{width: 100%}
#masthead .navbar-inner .span3{margin-left: 0;}
#baseline-menu{margin-left: 0;}

#swboc-4{font-size: 30px; font-style: italic; float: right; font-weight: 200; margin: 30px 0; line-height: 1.3em; color: #1b1d1d; background: transparent url("img/header-baseline-bg.png") no-repeat right center; width: 100%;}
#swboc-4 p span{display: block; text-align: right;}
.super-hero-unit figure, .super-hero-unit figure img{min-height: 120px;}
a:hover{color: #0397D6;}


/* *********************** HOME ********************** */
.home h1.super{font-size: 24px; font-weight: 500; margin-left: 30px; margin-right: 30px; line-height: 1.2em;}
.home .super-hero-unit, .home .super-hero-unit h1{text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.5) !important;}
.home ul.icons li h4{text-transform: none; font-weight: 400; color: #5E5E5E; font-size: 17px; line-height: 24px;}
.home #post-6 section.section.section-alt .container-fluid{background: transparent url("img/bg-divers.png") no-repeat 95% bottom;}
.home .section.section-alt { padding-bottom: 0; }
.home p.legend { color: #9e9e9e; font-size: 0.8em; padding-top: 10px; }
.home ul.icons li { margin-bottom: 15px; }
.home ul li strong { color: #F15C22; }
.home ul.options li { text-indent: 20px; }

/* *********************** ENTREPRISES ********************** */
.blog h1.super{font-size: 48px;}
.blog .super-hero-unit figure figcaption{margin-top: -20px;}
.single .image-logo{text-align: center;}
.single .actus h3{font-size: 24px;}
.single article p,.single article div,.single article li{font-size: 20px; font-weight: 300; line-height: 1.4em; color: #191818;}
.single p.description-title{margin-bottom: 0;}
.single .plus-actus{margin-top: 30px;}
.single .plus-actus h4{color: #F15C22; font-size: 20px; margin-bottom: 10px;}
.single .plus-actus a[href$=".pdf"], .single .plus-actus a[href$=".jpg"], .single .plus-actus a[href$=".png"] { background: transparent url("img/icone-pdf.png") no-repeat left center; padding-left: 40px; }
.single .plus-actus li a{display: inline-block; min-height: 32px;}
.single .plus-actus li{list-style: none inside; margin: 5px 0;}
.single .plus-actus ul{margin-left: 0;}
.blog .connexion{width: 75%; margin: 30px auto; padding: 20px; background: #f5f5f5;}
.blog #connect h2,.blog #connect > p{text-align: center;}
.blog .lwa-submit-links{display: none;}
.post h2.intro{font-size: 22px; line-height: 1.2em; margin-bottom: 12px; font-weight: normal;}
.post h2.intro strong{font-weight: 600;}


/* *********************** CONTACT ********************** */
input, textarea, .uneditable-input{width: 100%;}
input[type="submit"]{padding: 5px 15px; background: #0397D6; border: none; border-radius: 3px; text-transform: uppercase; color: white; font-weight: 600;}

/* ********************************************************/

.round-box.no-rounded .box-inner .img-circle{
position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* *********************** FOOTER ********************** */
#footer{text-shadow: 1px 1px 0 rgba(255,255,255,0.6); color: #323232; }
#footer div.span4 { font-size: 0.8em; }
#footer div.span4 { line-height: 20px; min-height: 0px; }


/* *********************** RESPONSIVE ********************** */

@media (min-width: 1070px){
	#baseline-menu.span9{width: 640px; float: right;}
}

@media (min-width: 860px) and (max-width: 1069px){
	#baseline-menu.span9{width: 535px; float: right;}
	#menu-menu-1 li a{font-size: 14px;}
}
@media (max-width: 1200px){
	.blog h1.super{font-size: 30px;}
}
@media (max-width: 1069px){
	.home h1.super{font-size: 18px;}
	.blog h1.super{font-size: 30px;}
}
@media (max-width: 980px){
	#masthead .navbar .span3{width: 220px;}
	#footer{font-size: 15px;}
}
@media (max-width: 860px){
	#swboc-4{font-size: 24px;}
	#baseline-menu.span9{width: 420px; float: right;}
    #masthead .nav > li > a{font-size: 16px;}
	#footer #swboc-2 .span6{float:none; margin: 10px 0;}
}
@media (max-width: 767px){
	.single .actus{margin-top: 30px;}
	h1.super{font-size: 40px; line-height: 70px;}
	.blog .super-hero-unit figure figcaption{margin-top: -36px;}
	#footer .span6.text-left, #footer .span6.text-right{float: none; text-align: center !important; margin-top: 15px; }
	#footer .span6.text-right p{text-align: center !important;}
	#footer #swboc-2 .span6{float:left; margin: 0 10px; width: 45%;}
	.galerie-entreprise li{width: 31.9149% !important; float: left !important; margin-left: 2.76243% !important;}
	.galerie-entreprise [class*="span"]:first-child { margin-left: 0 !important;}
}
@media (max-width: 715px){
	.home h1.super{font-size: 16px;}
	.home .super-hero-unit figure,.home .super-hero-unit figure img{min-height: 120px;}
	.blog .super-hero-unit figure,.blog .super-hero-unit figure img{min-height: 120px;}
	.blog .super-hero-unit figure figcaption h1{line-height: 1em; margin-top: 12px;}
}
@media (max-width: 680px){
	#masthead .navbar .span3{width: 30%;}
	#swboc-4{font-size: 18px;}
	#baseline-menu.span9{width: 67%; float: right;}
}
@media (max-width: 647px){
	.blog h1.super{font-size: 22px;}
}
@media (max-width: 510px){
	.home h1.super{font-size: 15px;}
}
@media (max-width: 480px){
	#masthead .navbar .span3{width: 200px; float: none; margin: auto;}
	#baseline-menu.span9{width: 100%; float: none; margin: auto; }
	.navbar .brand{float: none;}
	#swboc-4{margin: 0 auto; height: 68px; line-height: 1.6em; font-size: 14px;}
	h1.super{font-size: 30px; line-height: 70px;}
	.super-hero-unit figure figcaption{margin-top: -36px;}
	.home h1.super{font-size: 14px;}
	.home .super-hero-unit figure .flex-caption{margin-top: -40px;}
	#footer #swboc-2 .span6{float:none; margin: 10px 0; width: 100%;}
}

@media (max-width: 320px){
	.home .super-hero-unit figure,.home .super-hero-unit figure img{min-height: 140px;}
	.home .super-hero-unit figure figcaption h1{margin-top: -15px;}
}