/*
Theme Name: CL
Author: Remiolamoto
*/


/* =Reset
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;vertical-align: baseline;}
body {line-height: 1;background-color: #fff;}
ol,ul {list-style: none;}
blockquote,
q {quotes: none;}
blockquote:before,blockquote:after,q:before,q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
caption,
th,
td {font-weight: normal;text-align: left;}
h1,
h2,
h3,
h4,
h5,
h6 {clear: both;font-family: Didot, sans-serif;}
html {overflow-y: scroll;font-size: 100%;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
a:focus {outline: thin dotted;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section {display: block;}
audio,canvas,video {display: inline-block;}
audio:not([controls]) {display: none;}
hr {background-color: #ccc;border: 0;height: 1px;margin: 24px;margin-bottom: 1.714285714rem;}
small {font-size: smaller;}
img {border: 0;-ms-interpolation-mode: bicubic;}

/* Clearing floats */
.clear:after,.wrapper:after,.format-status .entry-header:after {clear: both;}
.clear:before,.clear:after,.wrapper:before,.wrapper:after,.format-status .entry-header:before,.format-status .entry-header:after {display: table;content: "";}


/* =Repeatable patterns
-------------------------------------------------------------- */

/* Small headers */
.archive-title,
.page-title,
.widget-title,
.entry-content th,
.comment-content th {font-size: 11px;line-height: 2.181818182;font-weight: bold;text-transform: uppercase;}

/* Shared Post Format styling */
article.format-quote footer.entry-meta,
article.format-link footer.entry-meta,
article.format-status footer.entry-meta {font-size: 11px;line-height: 2.181818182;}

/* Form fields, general styles first */
button,input,textarea {border: 1px solid #ccc;border-radius: 3px;font-family: inherit;padding: 6px;}
button,
input {line-height: normal;}
textarea {font-size: 100%;overflow: auto;vertical-align: top;}

/* Reset non-text input types */
input[type="checkbox"],input[type="radio"],input[type="file"],input[type="hidden"],input[type="image"],input[type="color"] {border: 0;border-radius: 0;padding: 0;}

/* Buttons */
.menu-toggle,
input[type="submit"],
input[type="button"],
input[type="reset"],
article.post-password-required input[type=submit],
li.bypostauthor cite span {padding: 6px 10px;font-size: 11px;line-height: 1.428571429;font-weight: normal;color: #7c7c7c;background-color: #e6e6e6;background-repeat: repeat-x;background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6);background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6);background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6);background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6);background-image: linear-gradient(top, #f4f4f4, #e6e6e6);border: 1px solid #d2d2d2;border-radius: 3px;box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);}
.menu-toggle,button,input[type="submit"],input[type="button"],input[type="reset"] {cursor: pointer;}
button[disabled],input[disabled] {cursor: default;}
.menu-toggle:hover,button:hover,input[type="submit"]:hover,input[type="button"]:hover,input[type="reset"]:hover,article.post-password-required input[type=submit]:hover {color: #5e5e5e;background-color: #ebebeb;background-repeat: repeat-x;background-image: -moz-linear-gradient(top, #f9f9f9, #ebebeb);background-image: -ms-linear-gradient(top, #f9f9f9, #ebebeb);background-image: -webkit-linear-gradient(top, #f9f9f9, #ebebeb);background-image: -o-linear-gradient(top, #f9f9f9, #ebebeb);background-image: linear-gradient(top, #f9f9f9, #ebebeb);}
.menu-toggle:active,.menu-toggle.toggled-on,button:active,input[type="submit"]:active,input[type="button"]:active,input[type="reset"]:active {color: #757575;background-color: #e1e1e1;background-repeat: repeat-x;background-image: -moz-linear-gradient(top, #ebebeb, #e1e1e1);background-image: -ms-linear-gradient(top, #ebebeb, #e1e1e1);background-image: -webkit-linear-gradient(top, #ebebeb, #e1e1e1);background-image: -o-linear-gradient(top, #ebebeb, #e1e1e1);background-image: linear-gradient(top, #ebebeb, #e1e1e1);box-shadow: inset 0 0 8px 2px #c6c6c6, 0 1px 0 0 #f4f4f4;border: none;}


/* Responsive images */
.entry-content img,.comment-content img,.widget img {max-width: 100%;}
img[class*="align"],img[class*="wp-image-"],img[class*="attachment-"] {height: auto;}
img.size-full,
img.size-large,
img.header-image,
img.wp-post-image {max-width: 100%;height: auto;}
embed,iframe,object,video {max-width: 100%;}


.entry-content dl.gallery-item {margin: 0;}
.gallery-item a,
.gallery-caption {width: 90%;}
.gallery-item a {display: block;}
.gallery-columns-1 .gallery-item a {max-width: 100%;width: auto;}
.gallery .gallery-icon img {height: auto;max-width: 90%;padding: 5%;}
.gallery-columns-1 .gallery-icon img {padding: 3%;}

/* Navigation */
.site-content nav {clear: both;line-height: 2;overflow: hidden;}
#nav-above {padding: 24px 0;}
#nav-above {display: none;}
.paged #nav-above {display: block;}
.nav-previous,.previous-image {float: left;width: 50%;}
.nav-next,.next-image {float: right;text-align: right;width: 50%;}



/* =Basic structure
-------------------------------------------------------------- */

/* Body, links, basics */
html {font-size: 87.5%;}
body {font-size: 14px;font-family: 'Didot', Georgia, serif;text-rendering: optimizeLegibility;color: #000;text-align: center;}
body.custom-font-enabled {font-family: 'Didot', Georgia, serif;}
a {outline: none;color: #666;}
a:hover {color: #999;}

/* Page structure */
.site {padding: 0 24px;background-color: #fff;}
.site-content {margin:0}

/* Header */
.site-header {padding: 24px 0;max-width: 960px;margin: 0 auto;}
.site-header h1,.site-header h2 {text-align: center;}
/*.site-header h1 a{text-align: center;margin: 20px auto;text-indent: -9999px;background: url('images/clementine-levy-logo.png') 0 0 no-repeat;display: block;width:460px;}*/
.site-header h1 a{text-align: center;margin: 20px auto;text-indent: -9999px;background: url('http://www.clementinelevy.com/wp-content/themes/CL-theme/images/logo.jpg') 0 0 no-repeat;display: block;width:460px;height: 37px;}
.site-header h2 a {color: #515151;display: inline-block;text-decoration: none;}
.site-header h1 a:hover,.site-header h2 a:hover {color: #21759b;}
.site-header h1 {font-size: 24px;line-height: 1.285714286;margin-bottom: 14px;}
.site-header h2 {font-weight: normal;font-size: 13px;line-height: 1.846153846;color: #757575;}
.header-image {margin-top: 24px;}

/* Navigation Menu */
.main-navigation {margin-top: 24px;text-align: center;}
.main-navigation li {margin-top: 24px;font-size: 12px;line-height: 1.42857143;}
.main-navigation a {color: #5e5e5e;}
.main-navigation a:hover {color: #21759b;}
.main-navigation ul.nav-menu,.main-navigation div.nav-menu > ul {display: none;}
.main-navigation ul.nav-menu.toggled-on,
.menu-toggle {display: inline-block;}

/* Banner */
section[role="banner"] {margin-bottom: 48px;}


/* Footer */
footer[role="contentinfo"] {border-top: 1px solid #ededed;clear: both;font-size: 12px;line-height: 2;max-width: 960px;margin-top: 24px;margin-left: auto;margin-right: auto;padding: 24px 0;}
footer[role="contentinfo"] a {color: #686868;}
footer[role="contentinfo"] a:hover {color: #21759b;}


/* =Main content and comment content
-------------------------------------------------------------- */

.entry-meta {clear: both;}
.entry-header {margin-bottom: 24px;display: none;}
.entry-header img.wp-post-image {margin-bottom: 24px;}
.entry-header .entry-title {font-size: 20px;line-height: 1.2;font-weight: normal;}
.entry-header .entry-title a {text-decoration: none;}
.entry-header .entry-format {margin-top: 24px;font-weight: normal;}
.entry-header .comments-link {margin-top: 24px;font-size: 13px;line-height: 1.846153846;color: #757575;}
.comments-link a,.entry-meta a {color: #757575;}
.comments-link a:hover,
.entry-meta a:hover {color: #21759b;}
article.sticky .featured-post {border-top: 4px double #ededed;border-bottom: 4px double #ededed;color: #757575;font-size: 13px;line-height: 3.692307692;margin-bottom: 24px;text-align: center;}
.entry-content,
.entry-summary {line-height: 1.714285714;}
.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6{margin: 24px 0;line-height: 1.714285714;}
.entry-content h1{font-size: 21px;line-height: 1.5;}
.entry-content h2{font-size: 18px;line-height: 1.6;}
.entry-content h3{font-size: 16px;line-height: 1.846153846;}
.entry-content h4,
.comment-content h4 {font-size: 14px;line-height: 1.846153846;}
.entry-content h5{font-size: 13px;line-height: 1.846153846;}
.entry-content h6{font-size: 12px;line-height: 1.846153846;}
.entry-content p,.entry-summary p{margin: 0 0 24px;line-height: 1.714285714;}



/* =Media queries
-------------------------------------------------------------- */

/* Minimum width of 600 pixels. */
@media screen and (min-width: 600px) {
	.site {margin: 0 auto;max-width: 960px;overflow: hidden;}
	.site-content {float: left;width: 65.104166667%;}
	body.template-front-page .site-content,
	body.single-attachment .site-content,
	body.full-width .site-content {width: 100%;}
	.widget-area {float: right;width: 26.041666667%;}
	.site-header h1,
	.site-header h2 {text-align: left;}
	.site-header h1 {font-size: 26px;line-height: 1.846153846;margin-bottom: 0;}
	.main-navigation ul.nav-menu,
	.main-navigation div.nav-menu > ul {border-bottom: 1px solid #EDEDED;border-top: 1px solid #EDEDED;display: inline-block !important;padding: 20px 0;text-align: center;width: 100%;}
	.main-navigation ul {margin: 0;text-indent: 0;}
	.main-navigation li a,
	.main-navigation li {display: inline-block;text-decoration: none;}
	.main-navigation li a {border-bottom: 0;color: #6a6a6a;text-transform: uppercase;white-space: nowrap;}
	.main-navigation li a:hover {color: #000;}
	.main-navigation li {margin: 0 10px 0 0;position: relative;	}
	.main-navigation li ul {display: none;margin: 0;padding: 0;position: absolute;top: 100%;z-index: 1;}
	.main-navigation li ul ul {top: 0;left: 100%;}
	.main-navigation ul li:hover > ul {border-left: 0;display: block;}
	.main-navigation li ul li a {background: #fff;border-bottom: 1px solid #ededed;display: block;font-size: 11px;padding: 8px 10px;width: 180px;white-space: normal;text-align: left;}
	.main-navigation li ul li a:hover {background: #F9F9F9;color: #000;}
	.main-navigation .current-menu-item > a,
	.main-navigation .current-menu-ancestor > a,
	.main-navigation .current_page_item > a,
	.main-navigation .current_page_ancestor > a {color: #636363;font-weight: bold;}
	.menu-toggle {display: none;}
	.entry-header .entry-title {font-size: 22px;}
}

/* Minimum width of 960 pixels. */
@media screen and (min-width: 960px) {
	body .site {padding: 0 40px;margin-bottom: 48px;}
}


body.home h1{text-indent: -9999px;}
a.assistive-text{display: none;}

/*SOCIAL*/
div.site-social{margin: 50px auto;text-align: center;width: 111px;color: #999;padding: 20px 0;}
div.site-social ul li {display: inline-block;float: left;margin-bottom: 8px;margin-left: 4px;margin-right: 4px;}
div.site-social ul li a {background-color: #EAEAEA;border-radius: 40px 40px 40px 40px;display: block;height: 40px;transition: all 0.05s ease 0s;width: 40px;} 
div.site-social ul li a:hover {background-color: #F1F1F1;} 
div.site-social ul li a span {display: block;margin: 0 auto;position: relative;text-align: center;text-indent: -999em;top: 15px;}
div.site-social ul li a[href="https://twitter.com/clementinelevy"] span {background-image: url("images/sprites.png");background-position: 0 -115px;background-repeat: no-repeat;height: 16px;top: 12px;width: 17px;}
div.site-social ul li a[href="http://pinterest.com/clemlevy"] span {background-image: url("images/sprites.png");background-position: 0 -100px;background-repeat: no-repeat;height: 16px;top: 12px;width: 14px;}

div.remio{margin: 50px auto;text-align: center;width: 300px;clear: both;border-top:1px solid #F1F1F1;color:#999;padding: 20px 0;font-size: 12px;}

.entry-content,
.entry-content2{margin: 0 auto 20px auto;text-align: center;}
.entry-content img,
.entry-content2 img{margin-left:10px;}
#gallery {max-height: 600px;overflow-x: scroll;overflow-y: hidden;white-space: nowrap;width: 100%;margin-bottom: 20px;}
#gallery img{height: 600px;width: auto;}

/*-------------------------------------------------------*/
/*------------------------TRICKS-------------------------*/
::-moz-selection{color:#fff;background:#333;}
::selection {color:#fff;background:#333;}
a,a:focus{outline:0;outline-color:#FFF;} 
::-moz-focus-inner{border:0;outline-color:#FFF;}
::-moz-focus-inner{border:0;outline-color:#FFF;}
::-moz-focus-inner{border:0;outline-color:#FFF;}
/*_______________________________________________________*/