/*
Theme Name:     Wendigo Studio (Black) 2015
Theme URI:      http://wendigo-studio.funkytribe.fr/
Description:    Th�me enfant pour  Wendigo Studio (Black) 2015 (based on Twenty Fourteen)
Author:         Adrien Tichoux
Author URI:     http://www.at-hanor.fr/
Template:       twentyfourteen                             
Version:        0.1.0
*/
/* @import must be at top of file, otherwise CSS will not work */
@import '../twentyfourteen/style.css';

/* Body */
body, 
.site-header,
.site-footer,
#secondary,
.site:before { background-color: #fff !important; }  

.site { max-width: 1600px; overflow: hidden;}
.site-header {max-width: 1600px;}


/* FONT */
body,
button,
input,
select,
textarea {
	color: #000;
	/*font-family: ProximaNova-Regular, sans-serif;*/
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
}

a:active, a:hover, .entry-title a:hover { color :#000}
/*h1 { font-family: ProximaNova-Bold, sans-serif}*/
h1 { font-family: 'Montserrat', sans-serif}
.hentry p { font-size: 0.8em; margin-bottom: 1em}
.post-type-archive-client h4 { margin-top: 0; text-transform: uppercase; font-size: 1.1em; margin-bottom: 1.5em}

/* WEBFONT EMBEDS */
/*@font-face {font-family: 'ProximaNovaA-Bold';src: url('webfonts/29764C_0_0.eot');src: url('webfonts/29764C_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/29764C_0_0.woff') format('woff'),url('webfonts/29764C_0_0.ttf') format('truetype');}
@font-face {font-family: 'ProximaNovaA-RegularIt';src: url('webfonts/29764C_1_0.eot');src: url('webfonts/29764C_1_0.eot?#iefix') format('embedded-opentype'),url('webfonts/29764C_1_0.woff') format('woff'),url('webfonts/29764C_1_0.ttf') format('truetype');}
@font-face {font-family: 'ProximaNovaS-Regular';src: url('webfonts/29764C_2_0.eot');src: url('webfonts/29764C_2_0.eot?#iefix') format('embedded-opentype'),url('webfonts/29764C_2_0.woff') format('woff'),url('webfonts/29764C_2_0.ttf') format('truetype');}
@font-face {font-family: 'ProximaNovaS-RegularIt';src: url('webfonts/29764C_3_0.eot');src: url('webfonts/29764C_3_0.eot?#iefix') format('embedded-opentype'),url('webfonts/29764C_3_0.woff') format('woff'),url('webfonts/29764C_3_0.ttf') format('truetype');}
@font-face {font-family: 'ProximaNovaS-Bold';src: url('webfonts/29764C_4_0.eot');src: url('webfonts/29764C_4_0.eot?#iefix') format('embedded-opentype'),url('webfonts/29764C_4_0.woff') format('woff'),url('webfonts/29764C_4_0.ttf') format('truetype');}
@font-face {font-family: 'ProximaNovaA-BoldIt';src: url('webfonts/29764C_5_0.eot');src: url('webfonts/29764C_5_0.eot?#iefix') format('embedded-opentype'),url('webfonts/29764C_5_0.woff') format('woff'),url('webfonts/29764C_5_0.ttf') format('truetype');}
@font-face {font-family: 'ProximaNovaS-BoldIt';src: url('webfonts/29764C_6_0.eot');src: url('webfonts/29764C_6_0.eot?#iefix') format('embedded-opentype'),url('webfonts/29764C_6_0.woff') format('woff'),url('webfonts/29764C_6_0.ttf') format('truetype');}
@font-face {font-family: 'ProximaNovaA-Regular';src: url('webfonts/29764C_7_0.eot');src: url('webfonts/29764C_7_0.eot?#iefix') format('embedded-opentype'),url('webfonts/29764C_7_0.woff') format('woff'),url('webfonts/29764C_7_0.ttf') format('truetype');}
@font-face {font-family: 'ProximaNova-RegularIt';src: url('webfonts/29764C_8_0.eot');src: url('webfonts/29764C_8_0.eot?#iefix') format('embedded-opentype'),url('webfonts/29764C_8_0.woff') format('woff'),url('webfonts/29764C_8_0.ttf') format('truetype');}
@font-face {font-family: 'ProximaNova-BoldIt';src: url('webfonts/29764C_9_0.eot');src: url('webfonts/29764C_9_0.eot?#iefix') format('embedded-opentype'),url('webfonts/29764C_9_0.woff') format('woff'),url('webfonts/29764C_9_0.ttf') format('truetype');}
@font-face {font-family: 'ProximaNova-Regular';src: url('webfonts/29764C_A_0.eot');src: url('webfonts/29764C_A_0.eot?#iefix') format('embedded-opentype'),url('webfonts/29764C_A_0.woff') format('woff'),url('webfonts/29764C_A_0.ttf') format('truetype');}
@font-face {font-family: 'ProximaNova-Bold';src: url('webfonts/29764C_B_0.eot');src: url('webfonts/29764C_B_0.eot?#iefix') format('embedded-opentype'),url('webfonts/29764C_B_0.woff') format('woff'),url('webfonts/29764C_B_0.ttf') format('truetype');}*/

/* STRUCTURE */
	#main {  margin-right: 20px;}

/* TOOLS */ 
.hentry hr, hr.wendigo_hr_black { height: 2px; color:#fff; background:#fff; border-top:2px solid #000;  border-bottom:1px solid #000; margin-left: 0; max-width: 1350px}
.fve-video-wrapper { margin:0em 0 2em 0 !important;}
.sprite { background-image:url('images/sprite.png'); background-repeat: no-repeat; background-position: -20px -20px; }
.mobile-link { display: none;}

::selection { background: black; /* Safari */	}
::-moz-selection { background: black; /* Firefox */}
::-webkit-selection {background: black; } 

.btn, input[type="submit"].wpcf7-submit { background: #fff; display: inline-block; padding:0.5em  1em; color:#fff; border:3px double #000 ; color: #000}

a { color: #000}

/* SIDEBAR */
#secondary { width:170px;   border: 0; z-index: 4; padding-top: 0}

.widget a { color: #000; }
.site-content { margin-left: 230px;}
.secondary-navigation,
.secondary-navigation li { border: 0 !important;}

/* HEADER */
.site-title, .site-description { clip: auto;overflow: hidden; width: 180px}
.site-title { position: fixed; bottom:10px; left:40px; z-index: 11}
#secondary .site-title a { font-size:0; color:black;}
.secondary-navigation {bottom: 0;
position: fixed;
background: black;
padding-top: 72px;
top: 0;
z-index: 10;
margin-bottom: 0;}

.site-title a {text-indent: 0; overflow:hidden;}
@media screen and (max-width: 845px){
.site-title a {text-indent: -200px;}
#secondary .site-title { display: none}
}
.blog .content-area,
.archive .content-area,
.post-type-archive .content-area,
.page .content-area,
.content-sidebar { padding-top: 0; }
.header-main { min-height: 45px}

@media screen and (min-width: 846px){
.content-area, .content-sidebar {padding-top: 0;}
}

/* Menu */
.site-navigation a:visited { color: #999; } 
.site-navigation a:hover, 
.site-navigation li:hover a:visited:hover,
.site-navigation li:hover a:hover,
.site-navigation li:hover a,
.site-navigation .current-menu-item > a,
.secondary-navigation li:hover > a, 
.secondary-navigation li.focus > a { background: none;color: #fff; }
.site-navigation li:hover a,
.site-navigation a { color: #999; text-transform: none;font-weight: normal; font-size: 1.25em} 
.site-navigation .current_page_item > a, 
.site-navigation .current_page_ancestor > a, 
.site-navigation .current-menu-item > a, 
.site-navigation .current-menu-ancestor > a { font-weight: normal; color: #fff;}
.secondary-navigation li a{ padding: 0 20px 0 40px; line-height: 1.6em; }
/* .secondary-navigation li:hover > a{ background: none; color: #000; text-decoration: none; color:black } */
.secondary-navigation li.mt1em { margin-top: 2em;}
.header-main .mobile-link  { width: 45px; height: 45px; border-radius: 100%; text-align: center; text-indent: 45px; background: #000 url('images/sprite.png') no-repeat 45px 45px; overflow: hidden;top: 30px; position: absolute; left:20px; z-index: 20}
.header-main .mobile-link.menu { background-position: -171px 8px; right: 20px; left: auto;}
.header-main .mobile-link.menu.active { background-color:transparent; background-position: -203px 12px }
	#mobile-menu { display: none;}

.site-navigation ul.menu ul.sub-menu { display: none;}
.site-navigation ul.menu li.current-menu-item ul.sub-menu,
.site-navigation ul.menu li.current-menu-ancestor ul.sub-menu,
.site-navigation ul.menu li.current-menu-parent ul.sub-menu { display: block;}

body.page-template-page-templatespage-corpo-2cols-php .menu-item-114 a { color: #fff}

/* sub menu */
.secondary-navigation ul ul { position: static; background: none;}
.secondary-navigation .menu-item-has-children > a:after { content: "";}
.secondary-navigation ul ul a { font-style: italic}
.secondary-navigation ul ul a:hover, .secondary-navigation ul ul li.focus > a { background: none;}
.site-navigation li .current_page_item > a, 
.site-navigation li .current_page_ancestor > a, 
.site-navigation li .current-menu-item > a, 
.site-navigation li .current-menu-ancestor > a,
.site-navigation li.current-menu-parent  > a { color: #fff; } 

/* body.page-template-page-templatespage-corpo-2cols-php .menu-item-114 a { color: #000}
 */
/* POSTS LISTS */
.post-thumbnail,
a.post-thumbnail:hover { background: none; }
.tax-catalogues article.hentry,
.post-type-archive article.hentry { width:280px; height: 250px; float: left; margin:0 5px 10px 5px; position: relative; overflow: hidden;}
.post-type-archive article.hentry .entry-content,
.tax-catalogues article.hentry .entry-content { width:100%; height:200px; position: absolute; /*opacity:0; transition:all 0.2s; top: -260px; bottom:auto; left:0; right: 0;*/ top :-100%; padding: 0; z-index: 10; overflow: hidden; cursor: pointer}
.post-type-archive article.hentry:hover .entry-content,
.tax-catalogues article.hentry:hover .entry-content { opacity:1;  /* top:0; bottom:50px*/}
.post-type-archive article.hentry .entry-content a, 
.tax-catalogues article.hentry .entry-content a{ text-decoration: none;}

.site-content .has-post-thumbnail .entry-header { padding:0; margin-top:0 ; position: relative; z-index: 1 }
.full-width .site-content .has-post-thumbnail .entry-header { margin-top: 0}

.post-type-archive article.hentry h1,
.tax-catalogues article.hentry h1 { font-size: 0.8em; line-height:3em; font-weight: normal;}
.post-type-archive article.hentry h2,
.tax-catalogues article.hentry h2 { color:#999; font-size: 0.8em; line-height:1.5em; font-weight: normal;}
article.hentry .entry-content p { color:#000; font-size: 0.8em; line-height:1.5em; font-weight: normal;}
article.hentry .entry-content a.readmore { color:#fff; font-size:2em; line-height:22px; background: #000; width:22px; height: 22px; border-radius:100%; position: absolute; bottom:5px; right:5px; display: block; text-align: center; text-indent: 25px; background: #000 url('images/sprite.png') -291px 2px no-repeat}
@-moz-document url-prefix()
{
    article.hentry .entry-content a.readmore {line-height: 21px;    }
}

/* .tax-catalogues article.hentry .entry-content a.readmore, */
.post-type-archive-createur article.hentry .entry-content a.readmore { color:#000; background: none; bottom:0; top:0; left:0; right:0; line-height: 200px; width:280px; height: 200px; font-size: 10px; font-family:serif; /*transition:all 0.2s*/ }
/* .tax-catalogues article.hentry:hover .entry-content a.readmore, */
.post-type-archive-createur article.hentry:hover .entry-content a.readmore { font-size: 200px; }

.blog.list-view article.hentry { float: left; min-width: 266px; max-width: 366px; margin:0 30px 1em 0; padding-bottom: 1px; border-bottom: 1px solid #000;}
.blog.list-view article.hentry a.post-thumbnail { display: block; overflow: hidden; margin-bottom: 20px;}
.blog.list-view article.hentry a.post-thumbnail img { width: 100%}
.blog.list-view article.hentry .entry-content { margin: 0; padding: 0 0 1em 0; border-bottom: 2px solid #000;}


.single-createur .site-content .has-post-thumbnail .entry-header { position: fixed; right: 0; left: 230px; margin-top: -140px; padding-top:10px; right: 20px; }
.single-createur .site-content .has-post-thumbnail { padding-top:130px }


/* POSTS SINGLES */
.site-content .entry-header, .site-content .entry-content, .site-content .entry-summary, .site-content .entry-meta, .page-content { max-width: 100%; }
.single-createur .site-content .entry-aside,
.single-film .site-content .entry-header, 
.page-template-page-templatespage-postprod-2cols-php .site-content .entry-header,
.page-template-page-templatespage-corpo-2cols-php .site-content .entry-header{ float: right; width:35%; /*margin-right: 40px;*/}
.single-createur .site-content .entry-content,
.single-film .site-content .entry-content,
.page-template-page-templatespage-postprod-2cols-php .site-content .entry-content,
.page-template-page-templatespage-corpo-2cols-php .site-content .entry-content{ width:58%; margin: 0; padding:6px 0 0 0 !important; }

.single-film .site-content .entry-content,
.page-template-page-templatespage-corpo-2cols-php .site-content .entry-content,
.page-template-page-templatespage-postprod-2cols-php .site-content .entry-content { float: left;}
body.single-film .site-content .entry-header,
body.page-template-page-templatespage-corpo-2cols-php .site-content .entry-header,
body.page-template-page-templatespage-corpo-2cols-php .site-content .entry-header { margin-right: 0; clear: none; padding-top: 0}

.single-film .entry-header h1 { font-size: 2em; line-height:1em; font-weight: normal;margin: 0 0 0.35em 0}
.single-createur .entry-aside h2,
.single-film .entry-header h2,
.single-createur .entry-aside h3,
.single-film .entry-header h3 { font-size: 0.8em; line-height:1.5em; font-weight: normal; margin: 0 }
.single-createur .entry-aside h2.single-sub-title, 
.single-film .entry-header h2.single-sub-title { font-size: 1.3em; text-transform: uppercase; margin-bottom: 1em}
.single-film .entry-header #ssba { padding: 10px 0; overflow: hidden;}
.credit-list { margin: 0; padding: 0; list-style: none;}
.credit-list li { font-size: 0.8em; margin: 0; padding: 0; list-style: none; overflow: hidden; border-bottom:1px dotted #000; padding: 8px 0}
.credit-list li span.credit-label { display: block; float: left; width:45%; margin: 0; padding: 0; font-weight: normal; }
.credit-list li span.credit-value { margin-left:45%; display: block; }

.hentry.page .entry-header { margin:0; padding-bottom: 0;}
.hentry.page .entry-header .entry-title { margin:0;}
.hentry.page p { font-size: 0.8em; margin-bottom: 1em}
.hentry h2 { font-size: 1.3em; text-transform: uppercase; margin-bottom: 1em;}

/* Page corpo */
.wendigoTeamlist { list-style: none; margin:0; padding: 0;}
.wendigoTeamlist h3,
.wendigoTeamlist h4 { font-size: 0.8em; font-weight: normal; line-height: 15px; margin: 0}
.wendigoTeamlist li { list-style: none; overflow: hidden; float: left; width: 150px; height: 200px; margin: 0 40px 30px 0; padding: 0; position: relative;}
.wendigoTeamlist .teamthumb { border:2px solid #000;  width: 146px; height:146px; text-align: center; margin-bottom: 10px;background-position: 21px -129px}
.wendigoTeamlist .teamthumb .teamthumb_holder { border:1px solid #000; width: 142px; height:142px; margin: 1px; overflow: hidden;  background-size: 100% auto; background-repeat: no-repeat; background-position: center bottom;}

/* Page sliedr */
.metaslider { left: 230px; right: 0; position: fixed !important; width: auto !important; top: 0; bottom: 0px; z-index: 10 !important; background: white; }
.metaslider .rslides { position: fixed !important; height: 100% }
.metaslider .rslides li {height: 100% }
.metaslider .rslides img{ min-height: 100%; min-width: 100%}


/*supersized */
#supersized { z-index: 100 !important; left: 230px !important; margin: 0 !important; overflow: hidden !important;  }
#supersized > li {  left: 230px !important;  }
#prevslide, #nextslide {  z-index: 101 !important; }
#prevslide {  left: 240px !important }

#slider-close-btn { position: fixed; width:43px;height:43px; line-height:44px; font-size: 27px; text-align: center; top: 10px; right: 10px; border:2px solid #999;  border-radius:100%; -webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%; background: rgba(0,0,0,0.5); color:#fff; font-weight: bold; z-index: 1000; opacity: 0.6; font-family: Arial;}
#slider-close-btn:hover { opacity: 0.9}

/* Page contact */
.page-template-page-templatespage-contact-php .entry-header { display: none; }
.page-template-page-templatespage-contact-php .site-content .entry-content { position: relative; z-index:10; float: left; margin-left: 50%; margin-top: 10%; max-width:310px; border:2px solid #000; padding: 2px; }
.page-template-page-templatespage-contact-php .entry-content-inner { border:1px solid #000; padding: 20px; background: #fff; }
.page-template-page-templatespage-contact-php #content .hentry{ position: relative;}
#contact-map {  min-height:650px; position: absolute; top:0; height: 0; left:0; right:0; z-index:5; }
.social-links { list-style: none; padding: 0; margin: 0; overflow: hidden; }
.social-links li { list-style: none; padding: 2px; margin: 0 5px 0 0; overflow: hidden; float: left; border:1px solid #000; border-radius:100%; width:34px; height: 33px }
.social-links li a { display: block; overflow: hidden; background: url('images/sprite.png') no-repeat 30px 30px; text-indent: 30px; height: 29px;  border:2px solid #000; border-radius:100%;}
.social-links li.tw a { background-position: -11px 8px; }
.social-links li.fb a { background-position: 11px 7px; }
.social-links li.vi a { background-position: -86px 7px; }


/* Post nav */
.paging-navigation{display:none}
.full-width .archive-header, .full-width .comments-area, .full-width .image-navigation, .full-width .page-header, .full-width .page-content, .full-width .post-navigation, .full-width .site-content .entry-header, .full-width .site-content .entry-content, .full-width .site-content .entry-summary, .full-width .site-content footer.entry-meta { padding:0  0 0 0; } 
.full-width .post-navigation { clear: both; padding: 20px 0 0 0}
.post-navigation, .image-navigation { margin: 0; max-width: none; margin-top: 2em;}
.post-navigation a, .image-navigation a { color: #999; }
.post-navigation a:hover, .image-navigation a:hover { color: black}
 

.full-width .site-content .hentry.has-post-thumbnail:first-child { margin-top: 0} 
@media screen and (min-width: 846px) {
.full-width .site-content .hentry.has-post-thumbnail:first-child { margin-top: 0} 
}
@media screen and (min-width: 673px) {
.full-width .site-content .hentry.has-post-thumbnail:first-child { margin-top: 0} 
}


@media screen and (max-width: 400px) {
	.blog.list-view .site-content .type-post .entry-content { display: block !important;} 
}


@media screen and (max-width: 1040px) {
	.single-film .site-content .entry-header,
	.page-template-page-templatespage-postprod-2cols-php .site-content .entry-header,
	.page-template-page-templatespage-corpo-2cols-php .site-content .entry-header{ float: none; width:100%; margin-right: 0; overflow: hidden;}
	
	.single-film .site-content .entry-content,
	.page-template-page-templatespage-postprod-2cols-php .site-content .entry-content,
	.page-template-page-templatespage-corpo-2cols-php .site-content .entry-content{ width:100%; margin: 0; padding: 0 }
	
	.full-width .archive-header, .full-width .comments-area, .full-width .image-navigation, .full-width .page-header, .full-width .page-content, 	.full-width .post-navigation, .full-width .site-content .entry-header, 
	.full-width .site-content .entry-content, .full-width .site-content .entry-summary, .full-width .site-content footer.entry-meta {
		padding-right: 0px;
		padding-left: 0px;
		margin-right: 0
	}
}

@media screen and (max-width:1007px) {
	#secondary {
		background-color: transparent;
		border: 0;
		clear: none;
		float: left;
		margin: 0 0 0 0;
		min-height: 100vh;
		padding: 0;
	}
}

@media screen and (min-width:845px) and (max-width:1007px) {
	#secondary {
		position: absolute; top: 25px;
	}

}

@media screen and (max-width: 845px) {
	#main {   margin-right: 0;padding-right: 40px;} 
	#secondary {display: none; opacity:0; transition: all 0.2s;}
	#secondary #menu-navigation-principale { margin-left: 2em; font-size: 1.5em}
	#secondary.active { display:block; opacity:1; position: absolute; top:150px; bottom:0; right: 0; left:0; margin: 0; padding: 0; background-color: #000 !important; /*url('images/logo.png') center 20px no-repeat */;overflow: hidden; width: auto; min-height: 10vh;z-index: 5; padding-top: 0;  }
	.secondary-navigation { position: relative; top:0; text-align: center;}
	.secondary-navigation #drop-nav { font-size: 2em; width: 90%; margin: 0 5%}
	#mobile-menu { display: block;}
	#desktop-menu { display: none;}
	#primary { padding: 20px;}
	.header-main { padding: 0; position: static; }
	.site-header { position: static; background: black !important;}
	.mobile-link { display: block;}
	.content-area, .content-sidebar {padding-top: 0;}
	.site-content { margin: 0}
	.site-title { position: static; margin: 10px auto; float: none; width: 163px; height: 133px; }
	.site-title a { display: block; width: 163px; height: 163px; font-size: 0;/*  background:url('images/logo.png') no-repeat ;  */text-align: center;}
	.site-title a img { display:block; height: 132px; margin: 0 auto}

	.single.full-width .post-thumbnail img { width: 100%; margin-bottom: 1em} 
	
	.blog.list-view .site-content .hentry,
	.tax-catalogues article.hentry, 
	.post-type-archive article.hentry { width: 47%; margin:0 10px 20px 10px; height: auto}
	.post-type-archive article.hentry .entry-content,
	.tax-catalogues article.hentry .entry-content { width:100%; max-height:none; bottom: 36px }
	.post-type-archive article.hentry:hover .entry-content, .tax-catalogues article.hentry:hover .entry-content{  bottom: 25px; height: auto }

	.tax-catalogues article.hentry a.post-thumbnail img, 
	.post-type-archive article.hentry  a.post-thumbnail img{ width: 100%;}

	/*.tax-catalogues article.hentry .entry-content a.readmore , 
	.post-type-archive-film article.hentry .entry-content a.readmore */ { position: absolute; left:0; right:0;  top:0; bottom: 0; display: block;width: auto;}
		
	/* slider */
	.metaslider { left: 0; } 
	#supersized {  left: 0 !important;  }
	#supersized > li {  left: 0 !important;  }
	#prevslide {  left: 10px !important }

	/* fixed single header */
	.single-createur .site-content .has-post-thumbnail .entry-header { position: static; right: 0; left: 230px; margin-top:48px; padding-top:0 }
	.single-createur .site-content .has-post-thumbnail { padding-top:0 } 

	.single-createur .site-content .entry-aside { float: none; width:100%; margin-bottom: 30px}
	.single-createur .site-content .entry-content  { width:100%;}

	.single .site-content .has-post-thumbnail .entry-header { padding-top: 48px}

}

@media screen and (max-width: 640px) {

	#main {  margin-right: 0;padding-right: 0; padding-top: 22px} 
	.blog.list-view .site-content .hentry,
	.tax-catalogues article.hentry, 
	.post-type-archive article.hentry { width: 100%; margin:0 10px 20px 10px; height: auto; float: none;}
	.page-template-page-templatespage-contact-php .entry-header { display: none; }

	/* contacts */ 
	.page-template-page-templatespage-contact-php .site-content .entry-content { position: static; z-index:10; float: none; margin-left: 0; margin-top: 0; max-width:100%; border:2px solid #000; padding: 2px; margin-bottom: 2em; margin-top: 400px; float: left;}
	.page-template-page-templatespage-contact-php .entry-content-inner { border:1px solid #000; padding: 20px; background: #fff; }
	.page-template-page-templatespage-contact-php #content .hentry{ position: relative;}
	#contact-map {  min-height:350px; height:350px;  width:100%; position: absolute; top:0; height: 0; left:0; right:0; z-index:5; }
	.social-links { list-style: none; padding: 0; margin: 0; overflow: hidden; }
	.social-links li { list-style: none; padding: 2px; margin: 0 5px 0 0; overflow: hidden; float: left; border:1px solid #000; border-radius:100%; width:34px; height: 33px }
	.social-links li a { display: block; overflow: hidden; background: url('images/sprite.png') no-repeat 30px 30px; text-indent: 30px; height: 29px;  border:2px solid #000; border-radius:100%;}
	.social-links li.tw a { background-position: -11px 8px; }
	.social-links li.fb a { background-position: 11px 7px; }
	.social-links li.vi a { background-position: -86px 7px; }

	.single-film .fve-video-wrapper { margin-top:2em !important;}

}

@media screen and (max-width: 400px) {
	#primary { padding: 0 10px}
	.blog.list-view .site-content .hentry, .tax-catalogues article.hentry, .post-type-archive article.hentry {  margin-left: 0}

	.list-view .site-content .post-thumbnail {
		background: none;
		width: auto;
		z-index: 2;
	}

	.list-view .site-content .post-thumbnail img {
		float: none;
		margin: 0;
		width: auto;
	}

	.list-view .site-content .entry-header {
		background-color: transparent;
		padding: 0;
	}

	.list-view .content-area {
		padding: 0 ;
	}

	.list-view .site-content .hentry {
		border-bottom: 0;
		margin: 0;
		min-height:auto;
		padding:0;
	}

	.list-view .site-content .cat-links,
	.list-view .site-content .entry-content,
	.list-view .site-content .entry-summary,
	.list-view .siteblock;
	}

	.list-view .site-content .entry-title {
		clear: none;
		font-size: 23px;
		font-weight: 300;
		line-height: 1.1em;
		margin-bottom: 0;
		text-transform: none;
	}

	.list-view .site-content .format-aside .entry-title,
	.list-view .site-content .format-link .entry-title,
	.list-view .site-content .format-quote .entry-title {
		display: block;
	}

	.list-view .site-content .entry-meta {
		background-color: transparent;
		clear: none;
		margin: 0;
		text-transform: none;
	}

	.archive-header,
	.page-header {
		border-bottom:0;
		margin:0 auto 0;
		padding-bottom: 0;
	}

	.error404 .page-header {
		border-bottom: 0;
		margin: 0 auto 24px;
		padding: 0 10px;
	}
	.list-view .site-content .cat-links, .list-view .site-content .entry-content, .list-view .site-content .entry-summary, .list-view .site-content footer.entry-meta
	{ display: block}
}