/*
Theme Name: commeilfaut
Theme URI: https://commeilfaut.com/
Description: WordPress theme for https://commeilfaut.com/
Version: 1.0
Author: Time Programmer Corp
Author URI: http://www.timeprogrammer.com
Tags: women’s shoes for tango and the evenings of Buenos Aires ,
Text Domain: www.commeilfaut.com
*/
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%;font: inherit;vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
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;}

/* THEME STARTS HERE */

ol {margin: 0 0 1.6em 1.3333em;}
ul {list-style: disc;}
.no_circles li {list-style-type: none;}
.fa-check {color: #337f05;font-size:1.2em }
ol {list-style: decimal;}
li > ul,li > ol {margin-bottom: 5;}
li{margin:10px;}
.page-content li{font-size:16px;margin:5px 10px 5px 20px}
dl {	margin-bottom: 1.6em;}

dt {	font-weight: bold;}

dd {	margin-bottom: 1.6em;}

table,th,td {	border: 1px solid #eaeaea;	border: 1px solid rgba(51, 51, 51, 0.1);}

table {
	border-collapse: separate;
	border-spacing: 0;
	border-width: 1px 0 0 1px;
	margin: 0 0 1.6em;
	table-layout: fixed; /* Prevents HTML tables from becoming too wide */
	width: 100%;
}

caption,th,td {	font-weight: normal;text-align: left;}

th { 	border-width: 0 1px 1px 0;
	font-weight: 700;}

td {	border-width: 0 1px 1px 0;}

th, td {padding: 0.4em;}

img {
	-ms-interpolation-mode: bicubic;
	border: 0;
	height: auto;
	max-width: 100%;
	vertical-align: middle;
}
figure {margin: 0;}
del { opacity: 0.8;}
h1, h2, h3, h4, h5{margin:20px;font-family: Roboto, sans-serif;font-weight: 100;color:#5e5c5a}
h1 {  font-size: 34px;}
h2 {  font-size: 28px;}
h3 {  font-size: 24px;}
h3 {  font-size: 20px;}
p {text-align:justify;font-size:16px; margin:10px;line-height:30px; color:#5e5c5a;font-family:Roboto;}
strong{font-weight:bold}
a{text-decoration:none;color:#003362}
body {font-family: Roboto, sans serif; font-size:1em;background-color:#f9faef;font-family:'Roboto';line-height:25px;color:#392e31;}

.lateral-bar {float:left;margin:5px 5px 5px -5px;width:267px;height:520px;}
.titles,.thumbnail-titles{ clear:both; padding:5px;border-radius:5px;margin:5px;}
.title-home,.title-product,.title_post{font-size:28px; color:#392e31;margin:20px}
.title_post{padding:10px}
.center_text{text-align:center;line-height:20px;}
.right_text{text-align:right}
.top_row{width:70%;margin:auto}
.thumbnail-image{border-radius:5px;overflow:hidden;margin-left:15px;height:83px; }

.tab{margin:-10px 20px 10px 20px; border-radius:5px; padding:10px; background-color:#f9faef;}

.widget {margin-bottom: 5px; -webkit-border-radius: 5px; 
	border-radius: 5px; padding: 5px;background-color:#FFFFFF; }
.widget li{ list-style:none;}

 .widget-footer { width:100px; margin-bottom: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #ececec; padding: 5px; }

 .meta {clear:both; padding:20px; margin: 15px;font-size:14px;/*background: #CCC;
opacity:0.2;*/}
 .time { background-image: url(images/calendar.png); }
 .author{ background-image: url(images/agent.png); }
 .comments { background-image: url(images/chat-.png); }
 .category { background-image: url(images/connections.png);}
 .tags{background-image: url(images/tag.png);}
.page_title{ padding:10px;border-radius:8px;margin:10px;background-color:#bcb2a4;width:95%}
.page_title a{color:white; font-size:1.2em}
.infinity-line{background-color:white;height:1px;margin:20px auto 20px auto }
.text-justify{text-align:justify;}
.between_lines{border-top:1px solid #efefea;border-bottom:1px solid #efefea;text-align:center;padding:10px;}

#menu { z-index:300; list-style-type:none; color:#a98516;text-transform: uppercase;text-align:center;margin-bottom:0px;font-size:1vw;z-index:300;background-color:black;}

#menu ul {list-style-type:none;border-radius:5px;border:1px solid white;padding:0px;}

#menu a {display:block;text-decoration:none;padding:5px;margin:0px auto 0px auto; color:white;  /*background:background: -webkit-linear-gradient(to right, #185db9, #00aeef);    background: linear-gradient(to right, #185db9, #00aeef);;*/}

#menu a:hover {color:grey;/*border-radius:5px; border-bottom:1px solid white; 
	background: -webkit-linear-gradient(to right, #086aaa,#094a75);
    background: linear-gradient(to right, #086aaa,#094a75);*/
	}

	#menu li {float:left;position:relative;padding-right:5px; }
#menu ul li:hover{}
#menu ul {position:absolute;display:none;top:30px;left: 5px;}
#menu ul a {float:left;padding:0px;border-bottom:1px solid white} 
#menu li ul a {width:150px;height:auto;}
#menu ul ul {top:auto;}
#menu li ul ul {margin:0px 0 0 10px;}
#menu li:hover ul ul, #menu li:hover ul ul ul, #menu li:hover ul ul ul ul {display:none;}
#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li li li li:hover ul {display:block;}

/* Alignment */
.alignleft {	display: inline;float: left;margin-right: 1.625em;}
.alignright {display: inline;float: right;margin-left: 1.625em;}
.aligncenter {clear: both;display: block;margin-left: auto;margin-right: auto;}

.wpcf7{ width:100%; margin:5%;padding:10px;}
	.wpcf7 input,.wpcf7 select {width: 60%;height:30px;margin-left:2%;}
	.wpcf7 input[type="submit"]{width: 25%;height:40px}
	.wpcf7 input[type="checkbox"]{width: 20px;height:20px;}
	.wpcf7-textarea {width: 85%;margin-left:2%;height:80px}

@media (min-width: 320px and (max-width:1999px)
{
	.changesize {width:100%;}	
}

@media (min-width: 1200px) (max-width: 2000px)
{
	.changesize {width:80%;}
}