/*
ThemeName:Porte Plume
Description: ChildthemeforUncodetheme
Author:DFC
AuthorURI:
Template: uncode
Version:1.0.0
TextDomain: uncode


*/


@font-face {
 font-family: "Miller Banner Semibold";
 src: url("assets/fonts/miller-banner-semibold.eot");
 src:  url("assets/fonts/miller-banner-semibold.eot#iefix")  format("embedded-opentype"),
  url("assets/fonts/miller-banner-semibold.woff") format("woff"),
  url("assets/fonts/miller-banner-semibold.ttf") format("truetype"),
  url("assets/fonts/miller-banner-semibold.svg") format("svg");
 font-style: normal;
 font-weight: normal;
}
@font-face {
 font-family: "Miller Banner Semibold";
 src: url("assets/fonts/miller-banner-semibold-italic.eot");
 src:  url("assets/fonts/miller-banner-semibold-italic.eot#iefix")  format("embedded-opentype"),
  url("assets/fonts/miller-banner-semibold-italic.woff") format("woff"),
  url("assets/fonts/miller-banner-semibold-italic.ttf") format("truetype"),
  url("assets/fonts/miller-banner-semibold-italic.svg") format("svg");
 font-style: italic;
 font-weight: normal;
}

*{
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}
html, * {
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6{
	font-weight:100 ;	
}

p, li, dt, dd, dl, address, label, small, pre, code{
	font-size:17px;
	line-height:22px;
}

u {
	text-decoration:none;
	padding-bottom: 3px; 
	margin-bottom: 1px solid;
}

/* LAYOUT
 **********
.main-container .row-container .row-parent{ padding: 36px; }
*/

/* COULOURZ
**************/
.bleu-profond{ color: #00667f;}
.poussin{ color: #ffc529;}
::selection {
    color: #00667f!important;
    background: rgba(0,0,0,0) !important;
}


.heading-text {
	text-align:center;
}
.heading-text p,
.heading-text h3,
.small-title,
.subtitle,
.tmb .t-entry .t-entry-title{
	font-family: "Source Sans Pro", sans-serif;
	font-size: 20px;
	line-height: 25px;
	text-transform: uppercase;
	letter-spacing: 4px;
	font-weight: normal;
	margin-bottom:55px;
}

.tab-pane .heading-text.el-text h3{
	font-family: "Miller Banner Semibold";
	font-size: 38px;
	text-transform: none;
	line-height: 1.2em;
	letter-spacing:2px;
	margin: 36px auto !important;
}

.tab-pane .uncode-list{
	color:#666;
	font-size:15px;
}


.etiquette{
	box-shadow: 0 0 0 1px #E6802E inset, 0 0 0 3px #fff inset, 0 0 0 4px #E6802E inset, 0 0 0 6px #fff inset, 0 0 0 7px #E6802E inset;
	padding:20px;
	margin:10px 0;
	position:relative;
}
.etiquette p{ margin:0; font-size:16px; line-height:1.3em; }
.etiquette p .detail-container{ margin-bottom: 5px; }

	.etiquette::before,
	.etiquette::after{
		content: " ";
		background:#fff;
		position:absolute; 
		z-index:10; 
		width:70%; 
		left:15%;
		height:15px;
	}
	.etiquette::before{top:0;}
	.etiquette::after{bottom:0;}

	.etiquette .etiquette-inside{position:relative; top:0; bottom:0; height:100%; width:100%;}
	.etiquette .etiquette-inside::before,
	.etiquette .etiquette-inside::after{
		content: " ";
		background:#fff;
		position:absolute; 
		z-index:10; 
		height:70%; 
		top:15%;
		width:15px;	
	}
	
	.etiquette .etiquette-inside::before{left: 0;}
	.etiquette .etiquette-inside::after{right: 0;}

.tmb .t-entry .t-entry-title{
	letter-spacing:1px;
}
	
	
/* CITATIONS
*****************/
.citation { margin: 0 0 20px;}
.citation p{
	text-align:center;
	font-family: "Miller Banner Semibold";
	font-style: italic;
	font-weight:normal;
	font-size:34px;
	line-height:37px;
	color:#111;
}

.boite{
	background: #fff url(../img/pattern/striped-2.png) repeat;
	padding: 20px;
	width: 40%;
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -205px;
	text-align: center;
	height: 410px;
	z-index: 10;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.boite:hover{
	-webkit-box-shadow: 0 1px 5px rgba(0,0,0,.1);
	-moz-box-shadow: 0 1px 5px rgba(0,0,0,.1);
	-ms-box-shadow: 0 1px 5px rgba(0,0,0,.1);
	box-shadow: 0 1px 5px rgba(0,0,0,.1);			
}

.boite .boite-bordure{
	background: #fff;
	padding: 30px 60px;
	height: 100%;
	width: 100%;
	display: table;
	-ms-word-break: break-all;
	word-break: break-all;
	word-break: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}
.boite .boite-contenu{
	display: table-cell;
	vertical-align: middle;	
}

.boite .boite-mask{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.3);
	opacity:0;
}
.boite .boite-mask:hover{
	opacity:1
}

/* BORDERS 
**********************************/
.border-01{ background:#fff url(assets/img/border01-00.png) 0 0 repeat; position:realtive;}
.border-01:before, .border-01:after {
	content: "";
	position: absolute;
	background:#fff url(assets/img/border01-01.png) 0 0 repeat-x; 
	left: 0px;
	right: 0px;
	height: 25px;
	border-left: 25px solid #fff;	
	border-right: 25px solid #fff;	
}
.border-01:before { top: 0; }
.border-01:after { bottom: 0; background-position: bottom left; }
.border-01 span { color:#016780; }
.border-01 .pp-overlay { background-color:#016780; }



.border-02 {
	box-shadow: 0 0 0 1px #E6802E inset, 0 0 0 3px #fff inset, 0 0 0 4px #E6802E inset, 0 0 0 6px #fff inset, 0 0 0 7px #E6802E inset;
	padding:20px;
	margin:10px 0;
	position:relative;
}
.border-02 .pp-overlay { background-color:#E6802E; }



.border-03{ background: #fff url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAQElEQVQYV2NkIAIc7578n5GQOpAiy9JcRrwKYYpAhuFUiKwIp0J0RVgVYlOEoRCXIhSF+BTBFRJSBFZIjCKQQgBPwSbv/P6iTgAAAABJRU5ErkJggg==) repeat;}
.border-03 span { color:#c78b93; }
.border-03 .pp-description-background{ 
  background: red;
  height: 100px;
  position: relative;
  width: 20px;
  
}
.border-03 .pp-description-background::after {
  background: red;
  content: " ";
  height: 20px;
  left: -40px;
  position: absolute;
  top: 40px;
  width: 100px;
}
          
.border-03 .pp-overlay { background-color:#c78b93; }




.border-04{ background:#fff url(assets/img/border04.png) 0 0 repeat; }
.border-04:before, .border-04:after {
	content: "";
	position: absolute;
	background:#fff url(assets/img/border04.png) 0 0 repeat-x; 	
	left: 0;
	right: 0;
	height: 25px;
	border-left: 25px solid #fff;	
	border-right: 25px solid #fff;	
}
.border-04:before { top: 0;  background-position: left bottom}
.border-04:after { bottom: 0; }
.border-04 span { color:#c9c200; }
.border-04 .pp-overlay { background-color:#C9C000; }

.border-05{
	padding:20px;
	margin:10px 0;
	position:relative;
	background:#fff;
}
.border-05:before {
  content: " ";
  position: absolute;
  z-index: -1;
  top: 16px;
  left: 16px;
  right: 16px;
  bottom: 16px;
  border: 1px solid #a0727c;
}
.border-05:after {
	content: " ";
	position: absolute;
	z-index: -1;
	top: 8px;
	left: 8px;
	right: 8px;
	bottom: 8px;
	border: 4px solid #a0727c;
}
.border-05 .pp-overlay { background-color:#a0727c; }

.portfolio-wrapper .post-footer, .portfolio-wrapper .post-share{
	border: none;	
}

/* TABS 
*****************/
.nav-tabs{
	text-transform:lowercase;
	font-size:18px;	
}
.nav-tabs > li.active > a, 
.tabs-left > li.active > a {
	color:#1c1c1c !important;
}
.nav-tabs > li > a span {
    font-size: 15px;
}

/* BUTTONS
************/
.btn,
.btn-link { 
	border: 6px double; 
	padding: 10px 20px !important;
	border-radius:0; 
}


/* NAVIGATION
***************/

.menu-primary ul.menu-smart > li {list-style-type: upper-roman;}
.font-size-menu, .menu-primary ul.menu-smart > li > a, .menu-primary ul.menu-smart li.dropdown > a, .menu-primary ul.menu-smart li.mega-menu > a, .menu-smart > li > a > div > div > div.btn, .vmenu-container a, .uncode-cart .buttons a { font-size:16px; font-weight:300 !important; }
.menu-item.btn{ border: 1px solid; padding: 2px;} 
.menu-item.btn.contact{ background:rgba(255,197,41,0.5);} 
.hmenu .menu-primary .menu-smart > li > a { letter-spacing: 3px;}
.style-dark-override:not(.is_stuck).menu-transparent .menu-horizontal-inner > .nav > .menu-smart > li.active > a, .style-dark-override:not(.is_stuck).menu-transparent .menu-horizontal-inner > .nav > .menu-smart > li a.active, .style-dark-override:not(.is_stuck).menu-transparent .menu-horizontal-inner > .nav > .menu-smart > li.current-menu-parent > a, .style-dark-override:not(.is_stuck).menu-transparent .menu-horizontal-inner > .nav > .menu-smart > li.current-menu-ancestor > a,
.hmenu .menu-primary .menu-smart > li.active > a{  color: #fff !important ; }
.hmenu .menu-primary .menu-smart > li.active > a:after{ border-top: 2px solid #fff; margin-top: 4px;}
.hmenu .menu-primary .menu-smart > li > a::before{height: 20%;}

/*  PORTFOLIO
*****************/
.portfolio-wrapper .post-title{
	font-family: "Miller Banner Semibold";
	font-weight:normal;
	font-size:55px;
	line-height:55px;

}


/*  BLOCK CONTENU PORTEPLUME 
*****************/

.pp-item { margin: 40px 0 ; }

	.pp-item h2{ margin: 0; }
	.pp-item .pp-text {margin: 36px 0 0 ; }
	
	.pp-overlay {  
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 12;
		background:rgba(0,0,0,.75);
		text-align:center;
		opacity:0;
		display: table-cell;
		vertical-align: middle;
		-webkit-transition: opacity .25s ease;
		-moz-transition: opacity .25s ease;
	}

	.pp-item a:hover .pp-overlay { opacity:0.8; }	
	
	.pp-image { width: 100%; max-height:450px; position: relative; z-index:0;}
	
		.pp-item.pp-align-left .pp-image { text-align: left; }

		.pp-item.pp-align-right .pp-image{ text-align: right; }

		.pp-image img{ width:70%; height:auto;}
		
	.pp-description {
		overflow:hidden;
		position: relative;
		z-index: 10;
		padding: 20px;
		width: 50%;
		margin-top:-260px;
		min-height: 340px;
 display: -ms-flexbox;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: box;
  
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -ms-box-orient: horizontal;
  box-orient: horizontal;
  
/*		display: flex;
		align-items: center;
		justify-content: center;
*/		
	}
	.pp-description-background{
		/*
		display:absolute;
		top:0;
		bottom:0;
		left:0;
		right:0;
		*/
		background:#fff;
		z-index:11;
	}
	
	.pp-description-content{
		padding: 30px;
		background:#fff;
	}
	
	.heading-text-title{
		text-align:center;
		font-family: "Miller Banner Semibold";
		font-weight:normal;
		font-size:31px;
		line-height:37px;
		color:#111;		
	}

	.pp-small-image{     
		width: 25%;
		position: relative;
		margin-top: 10px; 
	}
		.pp-align-left .pp-description	{ float: right; }
		.pp-align-right .pp-description	{ float: left; }
		.pp-align-left .pp-small-image 	{ left: 25%; margin-left: -10px; }
		.pp-align-right .pp-small-image	{ right: 25%; margin-right: -10px; float: right; }

	.pp-small-image img { }


/* SLIDERS
********************/	
.single-gutter .tmb,
.tmb-light.tmb-bordered.tmb-no-bg.tmb-media-first.tmb > .t-inside .t-entry-visual{ border:none; }

.tmb-light.tmb-border, .tmb-light.tmb-bordered:not(.tmb-no-bg):not(.tmb-media-shadowed).tmb > .t-inside, .tmb-light.tmb-bordered.tmb-no-bg.tmb-media-first.tmb > .t-inside .t-entry-visual,
.style-light .btn-default, .style-dark .style-light.style-override .btn-default, .style-dark .style-light .btn-default,
.site-footer .style-light .btn-default, .site-footer .style-dark .style-light.style-override .btn-default, .site-footer .style-dark .style-light .btn-default{
	background-color:transparent !important;
	border:none !important;
}