/*
Theme Name:     Roots for FE Archicte
Theme URI:      http://www.it2b.ch/
Description:    Child theme of Rootsfor FE Architecte
Author:         Nicolas Favrod-Coune
Author URI:     http://azimut-prod.ch
Template:       roots-master                         
Version:        0.1.0

License:            MIT License
License URI:        http://opensource.org/licenses/MIT
*/
.clear {
  clear: both;
}
/* general */
body {
	/*font-family: "Verdana";*/
	font-family: 'Helvetica Neue','liberation_sansregular', Helvetica,Arial,Sans-Serif ;
	font-size: 14px;
	font-weight:300;
	/*background-image:url('./images/bg-paper-1024.jpg');*/
}

h1, h2, h3, h4, h5, h6 {
	
}

h1 {
	font-size: 20px;
}
h2 {
	font-size: 16px;
}
h3 {
	font-size: 14px;
}

a, a:hover, a:visited {
	color: #111;
}

blockquote p:before {
  content: url("images/blockquote1-50.png");
  float:left; 
  margin: 0 25px 5px 0;
}
blockquote p:after {
  content: url("images/blockquote1-50bis.png");
}


blockquote {
  border: 0px;
  margin: 0px;
  padding: 0px;
}

blockquote p {
padding: 0px;
margin: 0;
font-size: 14px;
font-weight: 300;
line-height: 1.5;
}

footer div{
  font-size: 8px;
}



H1#projet-title {
	margin: 0px 0px 10px;
	line-height: 1em;
}



/************* Default bootstrap navbar *************/
@media(min-width:768px) {
	.navbar {
		display: none;
	}
}

.container  {
	margin-left: 0px;
	margin-right: 0px;

}

/************* TOP section (first row, custom nav top) ***********/

/*** header ***/

#custom-nav-top {
	margin-top: 30px;
}


#content {
  min-height: 300px;
}


/*** END header ***/

/**** LOGO ****/
.textlogo {
	font-size: 12px;
	font-style: italic;
}

.textlogo1 {
	font-size: 14px;
	font-weight: bold;
}

.textlogo2 {
	line-height: 1.2;
}

.site-logo {
}

.site-logo a img {
	width:97px;
	float:right;
	padding-right:10px;
}

#mainimage {
	text-align: center;
	box-shadow: 0px 0px 0px 0px;
}

.single .flex-direction-nav a {
    margin: 55px 0px;
}

#mainimage img {
    max-height: 400px;
    /*max-height: 100%;*/
    bottom: 0px;
    margin: auto;
    text-align: center;
    width: auto;
}


@media(max-width:600px) {
	#mainimage {
	/*background: url("./images/loading1.gif") no-repeat center;*/
	max-height: 200px;
}
	#logoarea .site-logo img {
	

	}
	#logoarea {
	  text-align: center;
	  }
	#mainimage {
	height: auto;
	min-height: 201px;
	
}  	#mainimage img {
	height: auto;
	width:auto;
	max-height: 200px;
}  

.single .flex-direction-nav a {
    margin: 10px 0px;
    
}
	.flex-direction-nav a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f001'; }
.flex-direction-nav a.flex-next:before  { content: '\f002'; }
	  
}

@media(max-width:599px) {
	.site-logo a img {
		float:none;
		margin-right: 0px;
		
	}

}

@media(max-width:767px)  {
    #nav-type {
	  margin-top: 20px;
	}
	
	#nav-type ul,
	#navarea  ul,
	#menu3 ul#menu-menu-3
	{
	  text-align: center;
	}
    #nav-type li, 
    #navarea li,
    #menu3 ul li  {
    display: inline-block;
    margin: 10px 10px 0px 0px;
    }
}



@media(min-width:600px) and (max-width:767px) {
	#logoarea .textlogo {
		float: left;
		width: 80%;
	}
	.site-logo a img {
		width: 77px;
		float:left;
		margin-right: 5px;
	}
}
@media(min-width:768px) {
	#mainimage {
	max-height: 400px;
}
}
@media(min-width:979px) {
	.site-logo a img {
		width: 77px;
	}
}

@media(min-width:768px) and (max-width:979px)  {
	.single .flex-direction-nav a {
    		margin: 25px 0px;
	}
	.textlogo1 {
	}
	#nav-type {
		width: 185px;
	}
}
@media(min-width:980px)  and (max-width:1199px) {
	.single .flex-direction-nav a {
    margin: 41px 0px;
    }
    	.site-logo a img {
		width: 97px;
	}
	#nav-type {
		width: 185px;
	}

}


@media(min-width:980px)  and (max-width:1199px) {
	#mainimage {
	max-height: 465px;
	}
	#mainimage img {
	max-height: 464px;
	}
	#nav-type {
	  margin-left: 0px;
	}
}
@media(min-width:1200px) {
	#mainimage {
	max-height: 577px;
	}
	#mainimage img {
	max-height: 576px;
}
	#nav-type {
		width: 245px;
	}

}

@media(min-width:1309px) {

}
	
/*** END LOGO ***/


@media(max-width:767px) {
	 #navarea {
	}
}

.nav-top ul {
	list-style: none;
	margin: 0px 0px 0px 0px;	
}


/***************** END TOP section **************/

/***************** COntent section **************/

.page-header {
	margin: 0;
	border: none;
}

#content-wrapper {
  margin-top: 40px;
}
article {
  margin-top: 20px;
}



#home-title {
  text-align: right; 
  font-weight: 300;
  font-size: 0.9em;
  color: #333333;
  margin: 0 0 25px;
}

.nordmann-text {
  float: left; 
  text-align:justify; 
  width:201px; 
  font-size: 0.9em;
}
.nordmann-text p {
  margin: 0;
  text-align: justify;
  -moz-text-align-last: justify;
  text-align-last: center;
    height: 20px;
}

.nordmann-text p:after {
  content: "";
  display: inline-block;
  width: 100%;
}


.home-meta {
  margin: 50px 0 50px 207px;
  font-size: 1em;
  font-style:italic;
  width: 100px;
  position: relative;
}

@media(max-width:767px) {
  .home-meta {
    margin-left: 0px;
  }
  body.page-template-template-home-php #content {
    text-align: center;
  }
  .nordmann-text {
    margin-left: auto;
    margin-right: auto;
    float: none;
   }
   #home-title {
    text-align: center;
   }
}

/* Category slides */

.slides {
	list-style: none;
	position: relative;
	margin: 0px;
	padding: 0px;
}
.slides li {
	float: left;
	margin: 0px;
	background: #fff;
	padding: 0px;
	position: relative;
    border-top:0;
    border-right: 1px solid #fff;
    border-bottom:  1px solid #fff;
    border-left: 0;
    width: 19.7%;
}
/*.slides li.crsl-item:nth-child(5n+6) { clear: both;}*/

#slides-category li {
  float: none;
  display:inline-block;
margin-right: -4px;  
}

#slides-slider.slides li {
  border: 0px solid #fff;
}

.slides li a,
.slides li a img {
	display: block;
	position: relative;
}
.slides li a {
	overflow: hidden;
}
.slides li a div {
	position: absolute;
	background: #333;
    color: #ffffff;
	background: rgba(25,25,25,0.7);
	width: 100%;
	height: 100%;
}


.slides li a div span {
	display: block;
	padding: 3px 0;
	margin: 20px 20px;
	text-transform: uppercase;
	font-weight: bold;
	color: rgba(255,255,255,0.9);
	text-shadow: 0px rgba(0,0,0,0.2);
	border-bottom: 1px solid rgba(255,255,255,0.5);
	box-shadow: 0 1px 0 rgba(0,0,0,0.1), 0 -1px 0 rgba(255,255,255,0.3);
}
@media(max-width:435px) {
	.slides li {width: 49%;}
	.slides li img {width: 100%;}
/*	.slides li.crsl-item:nth-child(2n+2) { clear: both;}*/
}
@media(min-width:436px) and (max-width:702px) {
	.slides li {width: 19.5%;}
}
@media(min-width:768px) and (max-width:979px) {
	.slides li {width: 19.5%;}
}
@media(min-width:980px) and (max-width:1199px) {
	.slides li {width: 19.6%;}
}


@media(min-width:0px) and (max-width:799px) {
.slides li a div span {
	font-size: 0.6em;
	padding: 10px 0;
	margin: 5px 8px 5px;
	}
}

@media(min-width:800px) and (max-width:1199px) {
.slides li a div span {
	font-size: 0.7em;
	padding: 10px 0;
	margin: 5px 8px 5px;
	}
}

figure.image {
  margin: 0px;
  padding: 0px;
}



/* Fields on the left */
#custom-fields-container {
  /*font-size: 10px;*/
  padding-bottom: 10px;  
} 

#custom-fields-container div {
  /*font-size: 10px;*/
  padding-bottom: 10px;  
} 

.field-name {
  font-weight: bold;
}


/** Tables **/





/*********** CONTACT ***********/

.wpcf7-form-control-wrap.your-name input {
  width:43%;
} 
.wpcf7-form-control-wrap.your-email input {
  width:43%;
} 

.wpcf7-form-control-wrap.your-subject input {
  width:43%;
} 
.wpcf7-form-control-wrap.your-message textarea {
  width:90%;
  height: 60px;
}

.wpcf7-form-control-wrap.captcha-536 input {
  width: 15%;
}
.wpcf7-captcha-captcha-536 {
  margin: -10px 0 0 0;
}

/***************** Projet styling **************/

#projet-infos div {
  padding-right: 10px;
}


#separation {
  text-align: center;
  margin: 50px auto;
}

#separation img {
  
}


/**** STATIC PAGES *******/


/* accordion bureau */
.bureau-theme {
  font-size; 0.7em;
  border-bottom: 1px solid #F0F0F0;
  
}

.bureau-theme .ui-accordion-header-icon {
  display:none;
}

.bureau-theme .ui-accordion .ui-accordion-icons  {

}

.bureau-theme  .ui-accordion .ui-accordion-header {
display: block;
cursor: pointer;
position: relative;
margin-top: 2px;
padding: .8em .8em .8em 0.1em !important;
min-height: 0;
font-size: 0.9em;
font-style: italic;
font-weight: 200;
border-top: 1px solid #F0F0F0;
}

.bureau-theme  .ui-accordion .ui-accordion-header:hover {
  background: #F5F5F5;
}

.bureau-theme .wp-tab-content.ui-accordion-content  {
  padding: 0;
  font-size: 0.9em;
}


/* Prestations Tabs */

.wp-tabs.none-theme.wpui-tabs-vertical ul.ui-tabs-nav li {
  font-weight: lighter;
  font-size: 0.9em; 
  text-align: left;
}

.wp-tabs.none-theme .ui-tabs-nav {
  padding: 1em 1em 0 0 !important;
}

/***** HOME ******/


.meerkat {

}
.meerkat div {
    margin: 0 auto;
    padding-top: 15%;
    text-align: center;
    width: 200px;
}


/******* Contact *********/

textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
border-color: rgba(99, 99, 99, 0.5);
outline: 0;
outline: thin dotted \9;
-webkit-box-shadow: inset 0 1px 1px rgba(99, 99, 99, 0.075), 0 0 8px rgba(99, 99, 99, 0.6);
-moz-box-shadow: inset 0 1px 1px rgba(99,99,99,.075), 0 0 8px rgba(99,99,99,.6);
box-shadow: inset 0 1px 1px rgba(99,99,99, 0.075), 0 0 8px rgba(99, 99, 99, 0.6);
}


/* FlexSlider FE ARCHITECTE Theme
*********************************/
.flexslider { margin: 0 0 1px; background: #fff; border: 0px solid #fff; position: relative; -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,.2); -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,.2); -o-box-shadow: 0 0px 0px rgba(0,0,0,.2); box-shadow: 0 0px 0px rgba(0,0,0,.2); zoom: 1; }

#carousel {
  
}

/*** TO SHOW FIRST IMAGE BEFORE LOADING OF OTHERS ****/
.flexslider #slides-slider > li:first-child {display: block; -webkit-backface-visibility: visible; width:100%;} 
.flexslider #carousel > li:after {display: block; -webkit-backface-visibility: visible;} 


.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 150px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 0px; }

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  { 
line-height: 50px;
display: block;
width: 40px;
height: 100%;
margin: 50px 0px;
position: absolute;
top: 0;
z-index: 10;
overflow: hidden;
opacity: 0;
cursor: pointer;
color: rgba(0, 0, 0, 0.8);
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
transition: all .3s ease;

/*line-height: 100px; display: block; width: 40px; height: 100%; margin: -100px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; */ }
.flex-direction-nav .flex-prev { left: -50px; }
.flex-direction-nav .flex-next { right: -50px; text-align: right; }
.flexslider:hover .flex-prev { opacity: 0.7; left: 10px; }
.flexslider:hover .flex-next { opacity: 0.7; right: 10px; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
.flex-direction-nav a:before  { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: '\f001'; }
.flex-direction-nav a.flex-next:before  { content: '\f002'; }

/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
  .flex-direction-nav .flex-next { opacity: 1; right: 10px;}
}




ul.icon {
    list-style: none; /* This removes the default bullets */
    padding-left: 20px; /* This provides proper indentation for your icons */
}
ul.icon li { 
    position: relative; /* Allows you to absolutely place the :before element
                           relative to the <li>'s bounding box. */
}
ul.icon.check li:before {
    background: url("/wp-content/uploads/wp-ui//none-theme/images/ui-icons_222222_256x240.png") -64px -144px;
   /* ex: download.jqueryui.com/themeroller/images/ui-icons_888888_256x240.png */
   /* The -144px, -96px coordinate is the location of the 16x16 Person icon */

    /* The next 2 lines are necessary in order to make the :before pseudo-element
       appear, and thereby show it's background, your icon. */
    content: ''; 
    display: inline-block;

    /* Absolute is always in relation to the nearest positioned parent. In this
       case, that's the <li> with _relative_ positioning, above. */
    position: absolute;

    left: -20px; /* Places the icon 16px left of the <li>'s edge */
    top: 2px;    /* Adjust this based on your font-size and line-height */

    height: 16px; width: 16px; /* jQuery UI icons (with spacing) are 16x16 */
}