/*
 Theme Name:   Elle Blix Theme
 Theme URI:    https://www.hearst.es
 Description:  Elle Theme 
 Author:       Hearst
 Author URI:   https://www.hearst.es
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         Elle
 Text Domain:  elle_blix
*/

@charset "utf-8";

/* body --------------------------------------------------*/
body {
 margin:0;
 padding:0;
 font-family: Georgia, "Times New Roman", Times, serif;
 font-size:16px;
 line-height:1.8em; 
 color:#000; 
 background:#fff;
}
*:focus{
 outline-color: invert;
 outline-style: none;
 outline-width: 0pt;
}
.google {
 margin-bottom: 15px;
}

/* reset --------------------------------------------------*/
h1,h2,h3,h4,h5,h6,p,form,fieldset,div {
 margin:0;
 padding:0;
}
.low {
 display:none;
}
.hide {
 position: absolute; 
 top: -1500em; 
 left: 0; 
 width: 1px; 
 height: 1px; 
 overflow: hidden;
}

/* headings --------------------------------------------------*/
h1, h1 a, h3 a, h4 a {
 color:#000;
} 
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {
 color:#777;
}
h2 {
 font-family: "Fonda",Arial,Helvetica,sans-serif;
 color:#000; 
 font-weight:normal; 
 font-size: 36px; 
 line-height:38px; 
 text-transform:uppercase;
 margin:0 0 20px
}
h2 a {
 display: block; 
 padding:0; 
 color:#000; 
 padding:0;
 font-weight:normal;
}
h3 {
 margin:0 0 20px; 
 font-family: "Fonda",Arial,Helvetica,sans-serif; 
 font-size:20px; 
 line-height:24px; 
 color:#777; 
 font-weight:bold;
 text-align:left; 
 border-bottom:1px solid #e6e6e6s;
}
h3 em {
 font-size: 18px;
}
h3 a {
 color:#777;
}
.date{
 display: inline-block; 
 padding:0; 
 margin:0 0 10px; 
 font-family: Georgia, serif;
}

/* links --------------------------------------------------*/
a {
 text-decoration:none; 
 font-weight: bold; 
 color:#000;
 overflow-wrap: break-word;
}
a:hover {
 text-decoration:underline; 
 color:#666;
}
a img {
 border:none;
}
a.more {
 padding-left:12px;
}

/* paragraphs, lists, etc --------------------------------------------------*/
p {
 margin:0 0 20px; 
 padding:0;
}
ul {
 margin:0 0 20px 40px; 
 padding:0; 
 list-style: disc outside;}
ul li {
 margin:0 0 10px; 
 padding:0;
}
ul ul {
 padding:0;
}
.archive a {
 font-weight: normal
}
blockquote {
 margin:0 0 18px; 
 padding:0; 
 font-style:italic; 
 color:#777;
}
pre {
 overflow:auto; 
 margin:0 0 18px 0; 
 padding:4px;
 background-color:#ccc;
}
pre, code, kbr {
 font-family:Courier, Monaco, monospace;
}
code, kbr {
 padding:0 2px;
}
abbr, acronym { 
 font-size:0.9em; 
 letter-spacing:1px;
}
/* Mozilla based browsers */
::-moz-selection {
 background-color: #e6e6e6;
 color: #000;
}
/* Works in Safari */
::selection {
 background-color: #e6e6e6;
 color: #000;
}

/* container --------------------------------------------------*/
.wrapper{
 width:100%;
}
#container {
 position:relative; 
 width:980px;
 margin:0 auto 25px;
 padding:0; 
 background-color:#fff;
}
#container:after {
 content:""; 
 display:block; 
 clear:both; 
 height:0; 
 width:100%;
}
#publiRightCenter{
 display: none;
 width: auto;
 background-color: #f3f3f3;
 text-align: center;
 padding: 15px 0;
 border-bottom: 1px solid #e6e6e6;
 border-top: 1px solid #e6e6e6;
 margin: 0 -3% 30px -3%;
}
#publiRightCenter #publiRightCenter_ad_container{
 width: 300px;
 margin:0 auto;
 padding:0;
}

/* content --------------------------------------------------*/
#content {
 position:relative; 
 float:left; 
 width:600px; 
 padding:0; 
 margin: 0 0 0 20px;
}

/* subcontent --------------------------------------------------*/
#subcontent {
 float:right; 
 width:300px; 
 margin:0 20px 0 0; 
 padding:10px 0 0 0;
}

/* entry --------------------------------------------------*/
.entry, .minientry {
 clear:both; 
 margin:0 0 40px;
}
.entry:last-of-type, .minientry:last-of-type {
 margin:0;
}
.entry .info {
 clear:both; 
 position:relative; 
 margin:0 0 20px 0; 
 padding:0; 
 background-color:#000; 
 color: #fff; 
 text-transform:uppercase; 
 font-family: "Fonda",Arial,Helvetica,sans-serif; 
}
.entry .info a {
 border-right:none;
 color:#fff; 
 text-decoration: none; 
 font-weight: normal
}
.entry .info a:first-of-type {
 margin:0 0 0 10px;
}
.entry .info a:hover { 
 text-decoration:underline; 
 color:#e6e6e6;
}
.entry .info em {
 color:#fff; 
 text-transform:none; 
 font-size:14px; 
 font-style: normal; 
 margin:0 0 0 10px;
 padding:0 0 0 10px; 
 border-left:1px solid #fff;
}

/* Images --------------------------------------------------*/
img {
 border:none; 
 max-width:100%; 
 height:auto;
}
.alignleft {
 float:left;
 margin:0 20px 20px 0; 
 max-width: 100%; 
 height:auto;
}
.alignright {
 float:right;
 margin:0 0 20px 20px;
 max-width: 100%; 
 height:auto;
}
.aligncenter {
 display: block; 
 margin:20px auto; 
 clear:both; 
 max-width: 100%; 
 height:auto;
}
.alignnone {
 display: block; 
 margin:20px 0; 
 clear:both; 
 max-width: 100%; 
 height:auto;
}
.alignleft a, .alignright a, .aligncenter a, .alignnone a {
 display:block;
}
.wp-caption img {
 width:100%; height:auto; 
 display: block; 
 margin:0 0 10px;
}
.wp-caption-text {
 color: #666; 
 font-size:14px; 
 line-height: 18px; 
 margin: 0;
 text-align: center;
}
.wp-caption-text a {
 display:inline;
}

/* navegacion --------------------------------------------------*/
span.previous {
 float:left; 
 max-width: 49%; 
}
span.next {
 float:right; 
 max-width: 49%; 
}
span.next a {
 padding: 0 15px 0 3px; 
 margin: 0 1px 0 0; 
 color:#666; 
 background: url(images/icoFlechaDrcha.gif) center right no-repeat;
 text-transform: uppercase; 
 font-weight: normal; 
 font-family: "Fonda",Arial,Helvetica,sans-serif; 
}
span.previous a {
 padding: 0 3px 0 15px; 
 margin: 0 0 0 1px; 
 color:#666; 
 background: url(images/icoFlechaIzq.gif) center left no-repeat; 
 text-transform: uppercase;
 font-weight: normal; 
 font-family: "Fonda",Arial,Helvetica,sans-serif; 
}
span.next a:hover, span.previous a:hover { 
 text-decoration:underline; 
 color:#000;
}
#entrynavigation { 
 display:block; 
 clear:both; 
 margin:0 0 40px; 
 padding:0;
}
#entrynavigation:after  {
 content:""; 
 height:0; 
 width:100%; 
 display:block; 
 clear:both;
}

/* content misc --------------------------------------------------*/
.entry .editlink, #comments .editlink {
 position:absolute;
 right:0;
 top:0px;
}
.entry .editlink a, #comments .editlink a {
 display:block;
 margin:0;
 padding:2px 5px;
 border:none;
 font-size:12px; 
 line-height:1.2em; 
 text-transform:uppercase;
 background:#e6e6e6; 
 color:#000
}
.entry .editlink a:hover, #comments .editlink a:hover {
 text-transform:uppercase; 
 color:#666
}

/* Comments --------------------------------------------------*/
#comments {
 clear:both;
 padding:0; 
 width:100%; 
}
#comments h2 {
 margin:0 0 20px 0; 
 padding:0; 
 font-size:22px; 
 line-height:24px; 
}
#comments ul {
 padding:0; 
 margin:0 0 40px; 
 list-style-type:none;
}
#comments li.comment {
 position:relative; 
 margin:0 0 20px 0; 
 border-bottom:1px solid #f3f3f3;
}
#comments li.comment:last-of-type {
 border-bottom:none;
}
#comments li.comment p {
 margin:0 0 10px 0; 
 line-height: 22px;
}
#comments p.header {
 position:relative; 
 margin:0 0 10px;
}
#comments h2.dejaComentarios {
 margin:0 0 5px 0;
}
.comments-navigation { 
 display:block; 
 clear:both; 
 margin:0; 
 padding:0 0 20px;
 text-align: center;
}
.comments-navigation:after {
 content:""; 
 height:0; 
 width:100%; 
 display:block; 
 clear:both;
}
.comments-navigation .page-numbers {
  padding: 0 5px;
  background:#f3f3f3; 
}
.comments-navigation a.next, .comments-navigation a.prev {
  padding: 0 5px;
  background:transparent;
  margin:0 10px;
}
.comments-navigation .page-numbers.current {
  background:#000; 
  color:#fff;
}
.comments-navigation a:hover {
  text-decoration: none;
}

/* form --------------------------------------------------*/
#commentform, #contactform, #loginform, #lostpasswordform {
 clear:both; 
 margin:0; 
 padding:30px; 
 background: #f3f3f3;
}
form fieldset {
 border:0 solid;
}
#commentform label, #contactform label, #loginform label {
 width:110px;
 display:inline-block; 
 text-align: right; 
 margin:0 5px 0 0; 
 vertical-align: top;
}
#commentform p em, #contactform p em {
 font-size:12px; 
 padding:0 0 0 5px; 
 color:#666;
}
form input, form textarea {
 width:40%; 
 padding:1%; 
 border:1px solid; 
 font-family: Georgia, "Times New Roman", Times, serif;
 border-color:#ccc; 
 background:#fff;
 color: #666; 
 font-size: 14px;
}
form textarea {
 overflow:auto;
 width:70%;
}
#commentform .button, #contactform .button, #loginform .block .button, #lostpasswordform .block .button {
 color:#fff; 
 background-color:#000; 
 border-width:0; 
 cursor:pointer; 
 font-family: "Fonda",Arial,Helvetica,sans-serif; 
 font-size:16px; 
 line-height:18px; 
 text-transform: uppercase; 
 text-align: center;
 font-weight: normal; 
 padding:1%; 
 margin:0 auto; 
 width:60%; 
 display: block;
 opacity: 1;
 transition: opacity 0.3s ease-in-out;
}
#commentform .button:hover, #contactform .button:hover, #loginform .block .button:hover, #lostpasswordform .block .button:hover {
 opacity:0.8;
}
form .hiddenfield {
 display:none;
}
.cptch_block {
 padding-left: 50px;
}
#lostpasswordform .cptch_block {
 padding-left: 0;
}
.cptch_block + br {
 display: none;
}
#commentform + p a {
 font-weight: normal
}
#commentform p:last-of-type, #contactform p:last-of-type {
 margin:0;
}
#commentform #email_confirm, #contactform #email_confirm {
 display:none;
}
#commentform input[type="checkbox"], #contactform input[type="checkbox"], #loginform .block input[type="checkbox"], #loginform .block label[for="rememberme"], #lostpasswordform .block input[type="checkbox"], #lostpasswordform .block label[for="rememberme"]  {
 width:auto;
}

/* login form --------------------------------------------------*/
#loginform label {
 width:140px;
}
#lostpasswordform label  {
 width:100%;
 display:block; 
 text-align: left; 
 margin:0 0 1%; 
}
#loginform .block input {
  width: 350px;
}
#lostpasswordform .block input  {
 width:100%;
 display:block; 
 text-align: left; 
}

/* subcontent --------------------------------------------------*/
#publiRight {
 width:300px; 
 overflow:hidden; 
 margin:0 auto 40px;
}
#subcontent ul {
 padding:0;
 margin:0;
 list-style-type:none;
}
#subcontent ul li.widget {
 color:#444;
 margin: 0 0 40px; 
 padding: 0;  
 line-height: 24px; 
}
#subcontent ul li.widget a {
 color:#444; 
 text-decoration:none; 
 font-weight: normal;
}
#subcontent ul li.widget a:hover {
 color:#666; 
 text-decoration:underline;
}
#subcontent ul li.widget h2.widgettitle{ 
 color:#000; 
 font-size: 22px; 
 line-height: 24px; 
 font-family: "Fonda",Arial,Helvetica,sans-serif; 
 padding:0; 
 margin:0 0 10px 0; 
 text-transform:uppercase; 
 font-weight: normal;
} 
#subcontent ul li.widget ul {
 margin:0 0 0 10px;
 padding: 0;
}
#subcontent ul li.widget ul li {
 list-style:none; margin:0 0 15px;
}
#subcontent ul li.widget.widget_search label.screen-reader-text {
 display:none;
}
#subcontent ul li.widget.widget_search form#searchform {
 margin:0; 
 padding:0;
}
#subcontent ul li.widget.widget_search form#searchform div input#s {
 width:60%; 
 margin:0;
 padding:0.5%;
 font-family: Georgia, "Times New Roman", Times, serif;
 font-size:16px;
 line-height:1.8em; 
 color:#444;
}
#subcontent ul li.widget.widget_search form#searchform div input#searchsubmit {
 width:30%; 
 color:#fff; 
 background-color:#000; 
 border-width:0; 
 cursor:pointer; 
 font-family: "Fonda",Arial,Helvetica,sans-serif; 
 font-size:16px; 
 line-height:18px; 
 text-transform: uppercase; 
 font-weight: normal; 
 padding:2%;
}
#subcontent label.screen-reader-text {
 display: none;
}
#subcontent ul li.widget.widget_text div, #subcontent ul li.widget.widget_tag_cloud div, #subcontent ul li.widget select  {
 padding:0;
 margin:0;
 color:#444;
}
#subcontent ul li.widget select {
 padding:0.5%;
 font-family: Georgia, "Times New Roman", Times, serif;
 font-size:16px;
 line-height:1.8em; 
 color:#444;
}
#subcontent ul li#recent-posts.widget_recent_entries ul {
 margin:0;
}
#subcontent ul li#recent-posts.widget_recent_entries ul li {
 min-height: 80px; 
}
#subcontent ul li#recent-posts.widget_recent_entries ul li:hover {
 background-color: #e6e6e6;
}
#subcontent ul li#recent-posts.widget_recent_entries ul li:after {
 content:""; 
 height:0; 
 width:100%; 
 display:block; 
 clear:both;
}
#subcontent ul li#recent-posts.widget_recent_entries ul li a {
 display:block; 
 padding:5px 0 0 0; 
 line-height:20px;
}
#subcontent ul li#recent-posts.widget_recent_entries ul li a strong { 
 font-weight: normal; 
 color:#000;
}
#subcontent ul li#recent-posts.widget_recent_entries ul li a .dateSidebar {
 font-weight: normal; 
 font-family: Georgia, "Times New Roman", Times, serif;
 font-size:12px;
 line-height:1.2em; 
 color:#666; 
 text-transform: uppercase;
}
#subcontent ul li#recent-posts.widget_recent_entries a.imgSidebar {
 display:block;
 padding:0;
}
#subcontent ul li#recent-posts.widget_recent_entries img {
 float:left; 
 margin:0 10px 0 0;
}
#subcontent ul li#recent-posts.widget_recent_entries ul li a:hover{ 
 text-decoration: none;
}
#calendar_wrap {
 padding:0; 
 margin:0; 
 color:#666;
 font-family: "Fonda",Arial,Helvetica,sans-serif; 
 font-size: 16px; 
 line-height: 22px;
}
#calendar_wrap #wp-calendar {
 width:95%;
}
#calendar_wrap #wp-calendar th {
 text-align:center;
 background:#e6e6e6; 
 text-transform: uppercase;
 font-weight: normal
}
#calendar_wrap #wp-calendar td {
 text-align:center;
 background:#f3f3f3;
}
#calendar_wrap #wp-calendar td#today {
 border:1px solid #666
}
#calendar_wrap #wp-calendar a {
 font-weight:bold; 
 color:#000
}
#calendar_wrap #wp-calendar caption {
 background:#000; 
 color:#fff; 
 text-transform: uppercase; 
 padding:2px;
}
#calendar_wrap #wp-calendar tfoot tr td {
 background:#000; 
 color:#fff;
}
#calendar_wrap #wp-calendar tfoot a {
 color:#fff; 
 font-weight:normal; 
 text-transform: uppercase;
}

/* MEDIA QUERIES--------------------------------------------------*/
/* Smaller than 768 and 768 */
@media only screen and (max-width: 768px) {
 .wrapper, #container {
  width: 100%;
 }
 #content {
  display:block; 
  float:none; 
  clear:both;
  width:94%; 
  margin:0 auto;
 }
 #subcontent {
  display:none;
 }
 h2 {
  font-size: 30px;
  line-height: 32px;
 }
 #content > ul:last-of-type {
  list-style: none; 
  width:100%; 
  background:#f3f3f3; 
  margin:0 0 20px;
 }
 #content > ul:last-of-type li {
  padding:3% !important; 
  border-bottom:1px solid #e6e6e6; 
  margin:0; 
  color: #666;
  font-family: Georgia,serif;
  font-size: 16px;
  line-height: 22px;
 }
 #content > ul:last-of-type li:last-of-type {
  border-bottom:none;
 }
 #content > ul:last-of-type li ul {
  margin:0; 
  list-style: none;
 }
 #content > ul:last-of-type li ul li {
  border-bottom:none;
  padding:0 0 3% 0 !important;
 }
 #content > ul:last-of-type h2 {
  font-size: 24px; 
  line-height: 26px;
 }
 ul li#recent-posts.widget_recent_entries ul {
 margin:0;
 }
 ul li#recent-posts.widget_recent_entries ul li {
  padding:0 !important;
  margin:0 0 3% 0;
 }
 ul li#recent-posts.widget_recent_entries ul li:hover {
  background-color: #e6e6e6;
 }
 ul li#recent-posts.widget_recent_entries ul li:after {
  content:""; 
  height:0; 
  width:100%; 
  display:block; 
  clear:both;
 }
 ul li#recent-posts.widget_recent_entries ul li a {
  display:block; 
  padding:5px 0 0 0; 
  line-height:20px;
 }
 ul li#recent-posts.widget_recent_entries ul li a strong { 
  font-weight: normal; 
  color:#000;
 }
 ul li#recent-posts.widget_recent_entries ul li a .dateSidebar {
  font-weight: normal; 
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size:12px;
  line-height:1.2em; 
  color:#666; 
  text-transform: uppercase;
 }
 ul li#recent-posts.widget_recent_entries a.imgSidebar {
  display:block;
  padding:0;
 }
 ul li#recent-posts.widget_recent_entries img {
  float:left; 
  margin:0 10px 0 0;
 }
 ul li#recent-posts.widget_recent_entries ul li a:hover{ 
  text-decoration: none;
 }
 .entry .info em {
  font-size: 0.7rem;
 }
}

/* Smaller than 767 */
@media only screen and (max-width: 767px) {
 #publiRightCenter{
  display:block; 
  height: auto;
 }
 iframe{
  max-width: 100%;
 }
}

/* Smaller than 640 */
@media only screen and (max-width: 639px) {
 #commentform, #contactform, #loginform, #lostpasswordform  {
  padding: 4%;
 }
 #commentform label, #contactform label, #loginform label, #lostpasswordform label {
  width:100%;
  display:block; 
  text-align: left; 
  margin:0;
 }
 form input, form textarea, #loginform .block input, #lostpasswordform .block input {
  width:97%;
  display:block;
 }
 .cptch_block {
  padding-left: 0;
 }
 #commentform .button, #contactform .button, #loginform .block .button, #lostpasswordform .block .button  {
  width: 98%; 
 }
 #commentform p, #contactform p, #loginform p, #lostpasswordform p {
  margin: 0 0 3%;
 }
 #commentform .block input[type="checkbox"], #contactform .block input[type="checkbox"], #loginform .block input[type="checkbox"], #loginform .block label[for="rememberme"], #lostpasswordform .block input[type="checkbox"], #lostpasswordform .block label[for="rememberme"]{
  display:inline;
 }
}

/* Smaller than 480 and 480 */
@media only screen and (max-width: 480px) {
 .alignleft, .alignright {
  float:none; 
  clear:both; 
  display:block; 
  margin:20px auto; 
 }
 h2 {
  font-size: 24px;
  line-height: 26px;
 }
 .entry, .minientry {
  overflow: hidden;
 }
 .entry .info em {
  display:none;
 }
}

/* Smaller than 320 and 320 */
@media only screen and (max-width: 320px) {
  ul li#recent-posts.widget_recent_entries ul li a .dateSidebar {
  font-size:10px;
 }
}