/* Theme Name: El universo de lo sencillo Author: Roberto Soto Author URI: http://www.robertosoto.es Description: Main Stylesheet for desktop */ /*---------------------- Normalization ----------------------*/ 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, font, 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 { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; -webkit-text-size-adjust:none; } /*---------------------- Basic styles ----------------------*/ html { height:100%; } body { height:100%; margin: 0; padding: 0; color: #2b2b2b; font-family: "allerregular", Georgia, "Times New Roman", Times, serif; font-size:85.7%; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; line-height:1.8em; background: #e7e6e3; font-weight:400;} h1, h2, h3, h4, h5, h6 { font-family:"bitterregular", "Helvetica Neue", "Arial", sans-serif; font-size:2.7em; font-weight:600; text-transform: none; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; line-height:1.1em; margin:0; padding:1.6em 0 0.8em 0; text-align:left; } h2 { font-size:1.5em; } h3 { font-size:1.3em; } h4 { font-size:1.1em; } h5 { font-size:1em; } h6 { font-size:1.0em; } a { color: #00acee; text-decoration: none; -webkit-transition: .14s ease-in; -moz-transition: .14s ease-in; -ms-transition: .14s ease-in; -o-transition: .14s ease-in; transition: .14s ease-in; } a:hover { color: #0073a1; } .lnk-mailto, a.toggler-elem {padding:15px 50px; color:#fff; font-family: "allerregular", Georgia, "Times New Roman", Times, serif; font-size:1.28em; font-weight:bold; background:#0ec2aa; display:table; width:auto; margin:0 auto 50px auto;} .lnk-mailto:hover, a.toggler-elem:hover {background:#087567; color:#fff;} p { padding:0 0 20px 0; margin:0; font-size:1.14em; line-height:1.6em} img, a img { border:none; margin:0; padding:0; } #content img { max-width:100%; width:auto; height:auto; } #content img.aligncenter {padding:50px 0 25px 0;} #content a img { -webkit-transition: .2s ease-in; -moz-transition: .2s ease-in; -ms-transition: .2s ease-in; -o-transition: .2s ease-in; transition: .2s ease-in; } #content a:hover img { -moz-opacity:0.70; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter:alpha(opacity=70); opacity:0.70; } ul { padding:0 0 1.5em 2em; margin:0; list-style-type:disc; list-style-position:outside; } ul li { margin:0; padding:0; background:none; } ol { padding:0 0 1.5em 2em; margin:0; list-style-type:decimal; list-style-position:outside; } ol li { margin:0; padding:0; background:none; } ul.listTags {padding:0 0 0 20px; margin:0; list-style-type:none; background:url('_gfx/bgd-listtags-2x.png')0 2px no-repeat; background-size:15px 15px;} .ie6 .listTags, .ie7 .listTags, .ie8 .listTags {background: url('_gfx/ico-listtags.png') 0 2px no-repeat transparent;} ul.listTags li {color:#00afd1;} li a { vertical-align:top; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } blockquote { position:relative; font-family:"bitterregular", "Helvetica Neue", "Arial", sans-serif; font-size:1.71em; font-weight:600; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; line-height:1.2em; margin: 15px 0 40px 0; text-align: center;} blockquote p {padding:0!important} blockquote .ico { background: url('_gfx/ico-blockquote-2x.png') 0 2px no-repeat transparent; background-size:48px 32px; width:48px; height:33px; top:20px; right:25px; display:inline-block; position:relative;} .ie6 blockquote .ico, .ie7 blockquote .ico, .ie8 blockquote .ico {background: url('_gfx/ico-blockquote.png') 0 2px no-repeat transparent;} .column blockquote { padding: 1em 1em 0 1em; text-align: center; } .column blockquote:before { position:static; left:0; top:0; display:block; padding:0.4em 0 0.1em 0; text-align:center; margin-bottom:-0.2em; } q { font-style:oblique; color:#000000; } hr {position:relative; bottom:0px; left:0; right:0; z-index:1000; background: url('_gfx/sep-article-2x.png') center bottom no-repeat transparent; background-size:1000px 19px; height:19px; border:none; margin:30px 0 0px 0;} .ie6 hr, .ie7 hr, .ie8 hr {background:url('_gfx/sep-article.png') 0 0 no-repeat;} blockquote + hr {margin:0;} hr + h3 {margin-top:20px;} :focus { outline: 0; } ::selection {background:#0ec2aa; } ::-moz-selection {background:#0ec2aa; } ins { text-decoration: none; } del { text-decoration: line-through; } /*---------------------- Links ----------------------*/ .lnk-comments {background: url('_gfx/ico-comments-2x.png') 0 2px no-repeat transparent; background-size:14px 15px; padding:0 0 0 20px; color:#0ec2aa!important} .ie6 .lnk-comments, .ie7 .lnk-comments, .ie8 .lnk-comments {background: url('_gfx/ico-comments.png') 0 2px no-repeat transparent;} .lnk-mail {color:#0ec2aa; font-family: "allerregular", Georgia, "Times New Roman", Times, serif; font-weight:bold; background: url('_gfx/ico-mail-2x.png') 0 2px no-repeat transparent; background-size:21px 14px; padding:0 0 0 30px; } .lnk-mail:hover {color:#087567;} .ie6 .lnk-mail, .ie7 .lnk-mail, .ie8 .lnk-mail {background: url('_gfx/ico-mail.png') 0 2px no-repeat transparent;} .lnk-twitter {color:#00acee; font-family: "allerregular", Georgia, "Times New Roman", Times, serif; font-weight:bold; background: url('_gfx/ico-twitter-2x.png') 0 2px no-repeat transparent; background-size:18px 14px; padding:0 0 0 25px; } .lnk-twitter:hover {color:#0073a1;} .ie6 .lnk-twitter, .ie7 .lnk-twitter, .ie8 .lnk-twitter {background: url('_gfx/ico-twitter.png') 0 2px no-repeat transparent;} .lnk-facebook {color:#4b6cb3; font-family: "allerregular", Georgia, "Times New Roman", Times, serif; font-weight:bold; background: url('_gfx/ico-facebook-2x.png') 0 0px no-repeat transparent; background-size:11px 21px; padding:3px 0 2px 20px; } .lnk-facebook:hover {color:#2b3e66;} .ie6 .lnk-facebook, .ie7 .lnk-facebook, .ie8 .lnk-facebook {background: url('_gfx/ico-facebook.png') 0 0px no-repeat transparent;} .lnk-linkedin {color:#2581c2; font-family: "allerregular", Georgia, "Times New Roman", Times, serif; font-weight:bold; background: url('_gfx/ico-linkedin-2x.png') 0 0px no-repeat transparent; background-size:18px 17px; padding:3px 0 0 25px; } .lnk-linkedin:hover {color:#164e75;} .ie6 .lnk-linkedin, .ie7 .lnk-linkedin, .ie8 .lnk-linkedin {background: url('_gfx/ico-linkedin.png') 0 0px no-repeat transparent;} /*---------------------- Tables ----------------------*/ .table-wrapper { margin:0 0 1.2em 0; overflow-x:auto; } table { border-collapse: collapse; border-spacing: 0; width:100%; text-align:center; background:#fcfcfc; border:1px solid #dddddd; } table tbody { overflow:scroll; } table tr td { font-family: "allerregular", Georgia, "Times New Roman", Times, serif; font-size:0.9em; line-height:1.1em; text-align:center; vertical-align: middle; padding:8px 5px 8px 5px; border-right:1px solid #dddddd; } table tr td:last-child { border-right:0; } table tr:nth-child(2n+1) td { background:#f5f5f5; } table tr th, table thead tr td { font-family:"bitterregular", "Helvetica Neue", "Arial", sans-serif; text-align:center; font-weight:400; background:#e0e0e0; font-size:1.1em; line-height:1.1em; vertical-align: middle; padding:8px 5px 8px 5px; border-right:1px solid #dddddd; } table tr th:last-child, table thead tr td:last-child { border-right:0; } table h1, table h2, table h3, table h4, table h5, table h6 { text-align: center; } table .button { margin-top:20px; margin-bottom:20px; font-size: 1.1em; } table .bigtext { margin: 0.5em 0 0.5em 0; } /*---------------------- Forms ----------------------*/ keygen, select {border-radius:0} form, fieldset { width: 100%; padding: 0; border: 0; margin: 0; font-family: Georgia, "Times New Roman", Times, serif; font-style:italic; } input[type=text], input[type=date], input[type=datetime], input[type=email], input[type=number], input[type=password], input[type=url] { background: url('_gfx/bgd-textarea.gif') 0 0 repeat transparent; border-radius:0; line-height:1.8em; position:relative; display:inline-block; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; width:50%; height:auto; padding:5px 0; margin:0; border:0; -webkit-background-clip: padding-box; background-clip: padding-box; color:#2b2b2b; font-size: 1.1em; font-style: normal; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-align:left; -webkit-appearance:none; -moz-appearance:none; appearance:none; -webkit-transition: .14s ease-in; -moz-transition: .14s ease-in; -ms-transition: .14s ease-in; -o-transition: .14s ease-in; transition: .14s ease-in; } textarea { background: url('_gfx/bgd-textarea.gif') 0 0 repeat transparent; line-height:1.7em; position:relative; display:inline-block; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; width:50%; height:auto; padding:5px 0; margin:0; border:0; border-bottom:1px solid black; -webkit-background-clip: padding-box; background-clip: padding-box; color:#2b2b2b; font-size: 1.1em; font-style: normal; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-align:left; -webkit-appearance:none; -moz-appearance:none; appearance:none; -webkit-transition: .14s ease-in; -moz-transition: .14s ease-in; -ms-transition: .14s ease-in; -o-transition: .14s ease-in; transition: .14s ease-in; } .form .formrow {border:none; position:relative; padding:0 5% 0 0; width:50%; margin:0 0 35px 0; float:left; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;} .form .formrow.big {width:100%;} .form input[type=text], .form input[type=date], .form input[type=datetime], .form input[type=email], .form input[type=number], .form input[type=password], .form input[type=url] {border:none; padding:0; width:100%; } .form textarea {border:none; resize:none} select { position:relative; background:none; display:inline-block; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; width:50%; height:auto; padding:5px 0; margin:0; border:0; border-bottom:1px solid black; -webkit-background-clip: padding-box; background-clip: padding-box; color:#2b2b2b; font-size: 1.1em; font-style: normal; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-align:left; -webkit-appearance:none; -moz-appearance:none; appearance:none; -webkit-transition: .14s ease-in; -moz-transition: .14s ease-in; -ms-transition: .14s ease-in; -o-transition: .14s ease-in; transition: .14s ease-in; } select { cursor:pointer; } .select-wrapper { position:relative; } .select-wrapper .select-chevron:before { position:absolute; top:-1px; right:8px; content: "\f078"; font-family: 'FontAwesome'; font-weight: normal; font-style: normal; display: inline-block; text-decoration: inherit; pointer-events: none; } @media screen and (-webkit-min-device-pixel-ratio:0) { select { padding-right:18px } } textarea { width:100%; } input[type=submit] {padding:15px 18px; float:right; line-height:1em; color:#fff; font-family: "allerregular", Georgia, "Times New Roman", Times, serif; font-size:1.28em; font-weight:bold; background:#0ec2aa!important; display:table; width:auto; margin:0; border:none; border-radius:0} input[type=submit]:hover {background:#087567; box-shadow:none;} ::-webkit-input-placeholder, :-moz-placeholder, ::-moz-placeholder, :-ms-input-placeholder { color:#2b2b2b!important;} #content form { padding:0 0 1.2em 0; } #content .column form { max-width:none; width:100%; } #content .column form input[type=text], #content .column form input[type=date], #content .column form input[type=datetime], #content .column form input[type=email], #content .column form input[type=number], #content .column form input[type=password], #content .column form input[type=url], #content .column form textarea, #content .column form select { width:100%; } .ErrorField {background: url('_gfx/bgd-textarea.gif') 0 0 repeat transparent; color:#e3544b; border:none;} /*---------------------- Contact Form 7 Styles ----------------------*/ div.wpcf7 { margin: 0; padding: 0; } div.wpcf7 .wpcf7-list-item-label, div.wpcf7 .wpcf7-quiz-label { font-family: "allerregular", Georgia, "Times New Roman", Times, serif; font-style:normal; } div.wpcf7 div.wpcf7-response-output { margin: 0px 0 10px 0; padding: 5px 10px 5px 10px; } div.wpcf7 div.wpcf7-mail-sent-ok { border:none; background:#0ec27c; text-align:center; padding:16px; width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; font-family: "allerregular", Georgia, "Times New Roman", Times, serif; font-weight:bold; font-size:1.28em; color:#fff; position:relative; font-style:normal;} div.wpcf7 div.wpcf7-mail-sent-ok:after {content:""; position:absolute; top:-25px; left:20px; z-index:1000; background: url('_gfx/after-wpcf7-mail-sent-ok-2x.png') 0 0 no-repeat transparent; background-size:48px 26px; height:26px; width:48px} div.wpcf7 div.wpcf7-mail-sent-ng { border: 1px dotted #ff2222; color: #ff2222; } div.wpcf7 div.wpcf7-spam-blocked { border: 1px dotted #ffa500; color: #ffa500; } div.wpcf7 div.wpcf7-validation-errors { border: 1px dotted #ff2222; color: #ff2222; } div.wpcf7 span.wpcf7-form-control-wrap { position: relative; } .wpcf7-not-valid {color: #e3544b;} div.wpcf7 span.wpcf7-not-valid-tip, span.ValidationErrors { position: relative; top: auto; left: 0; z-index: 100; background: none; border: none; margin-top:10px; font-size: 1em; color: #e3544b; width: auto; padding: 1px 0 0 20px; display: block; line-height:1em; font-style:normal; font-family: "allerregular", Georgia, "Times New Roman", Times, serif; font-weight:bold;} div.wpcf7 span.wpcf7-not-valid-tip:after, span.ValidationErrors:after {content:""; position:absolute; top:0px; left:0px; z-index:1000; background: url('_gfx/bgd-error-form-2x.png') 0 0 no-repeat transparent; background-size:15px 15px; height:15px; width:15px} .wpcf7-form.sent .form {display:none;} div.wpcf7 span.wpcf7-not-valid-tip-no-ajax { color:#00acee; } div.wpcf7 span.wpcf7-list-item { margin-left: 0; margin-right:0.5em; } div.wpcf7 .wpcf7-display-none { display: none; } div.wpcf7 img.ajax-loader { border: none; vertical-align: middle; margin-left: 4px; } div.wpcf7 .watermark { color: #888; } div.wpcf7 img.wpcf7-captchac { vertical-align: baseline; position: relative; top: 8px; padding: 2px; margin-right: 10px; } div.wpcf7 input.wpcf7-captchar { width:100px!important; } .wpcf7-validation-errors {display:none!important;} /*---------------------- Aditional styles ----------------------*/ .sticky {} .bypostauthor {} .clearfix { *display: inline-block; height: 1%; } .clearfix:after { content: ""; display: block; clear: both; visibility: hidden; font-size: 0; height: 0; } .nowrap { white-space:nowrap; } .intro { padding:0.8em 0.8em 1em 0.8em; margin:0 0 2em 0; font-family: Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:1.4em; font-weight:200; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; color:#bbbbbb; line-height:1.2em; border-top:1px dotted #cccccc; border-bottom:1px dotted #cccccc; text-align:center; } .intro.search {border:none; font-style:normal; font-weight:700; color:#2b2b2b; font-size:1.78em; font-family:"bitterregular", "Helvetica Neue", "Arial", sans-serif; padding:40px 15px 12px 15px; margin:0;} .more-link { display:block; text-align:center; font-family:"bitterregular", "Helvetica Neue", "Arial", sans-serif; font-size:1.5em; font-weight:100; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; padding:1em 0 1em 0; margin-bottom:-20px; } .required { color:#00acee; font-size:1.5em; } .subtitle { font-family:"bitterregular", "Helvetica Neue", "Arial", sans-serif; font-size:1.53em; font-weight:700; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; line-height:1.1em; padding:0 0 23px 0; text-align:center; color:#2b2b2b; } .bigtext { font-family: Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:2em; line-height:1.1em; color:#333333; padding:0; margin: 0.5em 0 1em 0; } .highlight { background: #ffee81; color: #222; } .button { display:inline-block; font-family:"bitterregular", "Helvetica Neue", "Arial", sans-serif; font-weight:400; font-size:1.1em; font-style:normal; color:#ffffff; line-height: 1.2em; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-shadow:none; padding:6px 20px 6px 20px; background:#00acee; webkit-box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.1); box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.1); margin: 5px 0 5px 0; } .button.white { background:#EEEEEE; color:#555555; } .button.gray { background:#C2C2C2; } .button.red { background:#F65550; } .button.yellow { background:#FECC5F; } .button.green { background:#B7D770; } .button.blue { background:#92DBF6; } .button i { margin-left:0.2em; } .button:hover { color:#ffffff; text-decoration:none; webkit-box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5); -moz-box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5); box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5); } .button.white:hover { color:#555555; } img.alignnone { display:block; float:none; margin:0 0 20px 0; } img.alignright { display:block; float:right; margin:0 0 20px 30px; } img.alignleft { display:block; float:left; margin:0 30px 20px 0; } img.aligncenter { display:block; float:none; margin:0 auto 20px auto; } .wp-caption { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; display:block; max-width:100%!important; padding:0; border:none; margin:0 0 20px 0; -webkit-border-radius:0; border-radius:0; background:none; } .wp-caption.alignnone { float:none; margin:0 0 20px 0; } .wp-caption.alignright { float:right; margin:0 0 20px 30px; } .wp-caption.alignleft { float:left; margin:0 30px 20px 0; } .wp-caption.aligncenter { float:none; margin:0 auto 20px auto; } .wp-caption img { max-width:100%; } .wp-caption-text { font-family: Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:0.8em; line-height:1.2em; text-align:center; color:#888888; margin:0.5em 0 0 0; padding:0 0 0.7em 0; } .gallery { margin: 0 auto 10px auto; } .gallery .gallery-item { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; float: left; text-align: center; width:30%; padding:0; margin:0 1% 1% 0; } .gallery.gallery-columns-1 .gallery-item { width:480px; } .gallery.gallery-columns-1 .gallery-item:nth-of-type(1n) { margin-right: 0; } .gallery.gallery-columns-2 .gallery-item { width:49.500%; } .gallery.gallery-columns-2 .gallery-item:nth-of-type(2n) { margin-right: 0; } .gallery.gallery-columns-3 .gallery-item { width:32.666%; } .gallery.gallery-columns-3 .gallery-item:nth-of-type(3n) { margin-right: 0; } .gallery.gallery-columns-4 .gallery-item { width:24.250%; } .gallery.gallery-columns-4 .gallery-item:nth-of-type(4n) { margin-right: 0; } .gallery.gallery-columns-5 .gallery-item { width:19.200%; } .gallery.gallery-columns-5 .gallery-item:nth-of-type(5n) { margin-right: 0; } .gallery.gallery-columns-6 .gallery-item { width:15.833%; } .gallery.gallery-columns-6 .gallery-item:nth-of-type(6n) { margin-right: 0; } .gallery.gallery-columns-7 .gallery-item { width:13.428%; } .gallery.gallery-columns-7 .gallery-item:nth-of-type(7n) { margin-right: 0; } .gallery.gallery-columns-8 .gallery-item { width:11.625%; } .gallery.gallery-columns-8 .gallery-item:nth-of-type(8n) { margin-right: 0; } .gallery.gallery-columns-9 .gallery-item { width:10.222%; } .gallery.gallery-columns-9 .gallery-item:nth-of-type(9n) { margin-right: 0; } .gallery .gallery-icon { border-radius:2px; overflow:hidden; } .gallery a { display:block; border-radius:2px; overflow:hidden; margin:0; } .gallery img { display:block; width:auto; height:auto; margin:0 auto 0 auto; } .gallery .gallery-caption { } .checklist p { padding:0; } .checklist ul { padding:0 0 2em 0.5em; margin:0; list-style-type:disc; list-style-position:outside; } .checklist ul li { position: relative; margin:0; padding:0 0 0 2em; background:none; list-style-type:none; } .checklist ul li:before { position: absolute; top: 0; left: 0; content: "\f00c"; font-family: 'FontAwesome'; font-size:1.5em; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; color:#00acee; } .fontawesome-icon { font-size:1em; position: relative; } .fontawesome-icon.icon-large { font-size:1.333em; } .fontawesome-icon.icon-2x { font-size:2em; } .fontawesome-icon.icon-3x { font-size:3em; } .fontawesome-icon.icon-4x { font-size:4em; } .fontawesome-icon.icon-5x { font-size:5em; } .fontawesome-icon.icon-6x { font-size:6em; } .fontawesome-icon.icon-7x { font-size:7em; } .fontawesome-icon.icon-8x { font-size:8em; } .fontawesome-icon.icon-9x { font-size:9em; } .fontawesome-icon.icon-10x { font-size:10em; } .fontawesome-icon.icon-11x { font-size:11em; } .fontawesome-icon.icon-12x { font-size:12em; } .fontawesome-icon.icon-13x { font-size:13em; } .fontawesome-icon.icon-14x { font-size:14em; } .fontawesome-icon.icon-15x { font-size:15em; } a:hover .fontawesome-icon { text-decoration: none; } .recent-posts { margin:0 -40px 20px -40px; } .recent-posts .recent-posts-post { width: 50%; margin:0; float: left; } .recent-posts .recent-posts-post.last { margin-right: 0; clear: right; } .recent-posts .recent-posts-post .recent-posts-post-image { margin-bottom:1em; } .recent-posts .recent-posts-post .recent-posts-post-image a {display:inline-block; width:100%;} .recent-posts .recent-posts-post .recent-posts-post-image a img {width:100%!important; height:auto;} .recent-posts .recent-posts-post .recent-posts-post-text { font-size:0.8em; line-height:1.4em; padding:0 20px;} .recent-posts .recent-posts-post .recent-posts-post-text h3.recent-posts-post-text-title { padding:0 0 15px 0; font-weight:bold; font-size:18px;} .recent-posts .recent-posts-post .recent-posts-post-text h3 a {color:#2b2b2b;} .recent-posts .recent-posts-post .recent-posts-post-text .recent-posts-post-text-meta { font-family: Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:1.2em; padding-bottom:0.8em; } .single-post .recent-posts { margin: 20px 0; } .iframe-wrapper { width:100%; display:block; margin:10px 0 0px 0; border-radius:2px; overflow:hidden; } .iframe-wrapper iframe { display:block; width:100%!important; padding:0!important; } .iframe-wrapper small { display:none } .progress-bar { display:block; position:relative; height: 1.8em; margin:0 0 0.5em 0; background:#f2f2f2; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.1); box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.1); } .progress-bar .progress-title { display:block; position:absolute; left:0.5em; top:0.2em; z-index:20; font-family:"bitterregular", "Helvetica Neue", "Arial", sans-serif; font-size:1.2em; font-weight:200; text-transform: none; color:#FFFFFF; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; line-height:1.1em; } .progress-bar .progress-bar-content { display:block; position:relative; z-index:10; height: 1.8em; background: #00acee; } .progress-bar.gray .progress-bar-content { background:#C2C2C2; } .progress-bar.red .progress-bar-content { background:#F65550; } .progress-bar.yellow .progress-bar-content { background:#FECC5F; } .progress-bar.green .progress-bar-content { background:#B7D770; } .progress-bar.blue .progress-bar-content { background:#92DBF6; } p > .progress-bar { margin-bottom:-1em; } .tabset { padding:0 0 1.2em 0; } .tabset > br { display: none; } .tabset ul.ul-tabs { position:relative; list-style-type:none; padding:0; border-bottom: 1px solid #dddddd; margin:0; font-family:"bitterregular", "Helvetica Neue", "Arial", sans-serif; font-weight:100; font-size:1.1em; font-style:normal; text-transform:none; } .tabset ul.ul-tabs li { display:inline-block; border:1px solid #dddddd; margin:0 5px -1px 0; background:#e0e0e0; } .tabset ul.ul-tabs li a { display:inline-block; padding:5px 10px 5px 10px; color:#555555; cursor:pointer; } .tabset ul.ul-tabs li a:hover { color:#00acee; } .tabset ul.ul-tabs li.active { border-bottom:1px solid #ffffff; background:#ffffff; } .tabset ul.ul-tabs li.active a { color:#000000; cursor:default; } .tabset .tab-content { display:none; padding: 1.5em 1.5em 0.5em 1.5em; border: 1px solid #dddddd; border-top:0; overflow:hidden; } .tabset .tab-content .tab-title { display:none; } .tabset .tabs-bottom-links { display:none; text-align:right; margin:1em 0 0 0; } .tabset .tabs-bottom-links .tabs-back { display: inline-block; font-family:"bitterregular", "Helvetica Neue", "Arial", sans-serif; font-weight:100; font-size:1.1em; font-style:normal; text-transform:none; cursor:pointer; } .tabset .tabs-bottom-links .tabs-back:before { content:"\f0d8"; font-family:"FontAwesome"; font-weight: normal; font-style: normal; padding-right:0.5em; } /*---------------------- Layout styles ----------------------*/ .column { margin: 0 4% 10px 0; float: left; } .one-half { width: 48%; } .one-third { width: 30.6666%; } .two-third { width: 65.3332%; } .one-fourth { width: 22%; } .three-fourth { width: 74%; } .column.last { margin-right: 0; clear: right; } .column.last:after { content: ""; display: block; clear: both; visibility: hidden; font-size: 0; height: 0; } /*---------------------- General Structure ----------------------*/ #general { position:relative; width:auto; min-width:1152px; max-width:none; min-height: 100%; height: auto !important; height: 100%; margin:0 auto 0 auto; overflow:hidden; } #general.maxwidth { max-width:1680px; } /*---------------------- Header ----------------------*/ #header { position:absolute; z-index:30; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; width:280px; height:100%; padding:30px 40px; background: #1a1a1a; color:#ffffff; overflow:visible; font-family:"bitterregular", "Helvetica Neue", "Arial", sans-serif; font-style:normal; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; line-height: 1em; -webkit-transition: .14s ease-in; -moz-transition: .14s ease-in; -ms-transition: .14s ease-in; -o-transition: .14s ease-in; transition: .14s ease-in;} #header.fixed { position:fixed; } #header a { display:inline-block; color: #e7e6e3; } #header a:hover { text-decoration:underline } /* Logo or site name */ #header hgroup { display:block; padding:0 0 35px 0; } #header hgroup .alt { display:none; } #header hgroup h1 { font-size:1em; line-height:1em; padding:0; } #header .logo-text { display:inline-block; font-size:2.8em; font-weight:400; line-height:1em; padding-bottom:0.2em; } #header .logo-text a { background: url('_gfx/logo-eldls-2x.png') 0 0 no-repeat transparent; background-size:201px 183px; width:201px; height:183px; -webkit-transition: 0s ease-in; -moz-transition: 0s ease-in; -ms-transition: 0s ease-in; -o-transition: 0s ease-in; transition: 0s ease-in;} .ie6 #header .logo-text a, .ie7 #header .logo-text a, .ie8 #header .logo-text a {background: url('_gfx/logo-eldls.png') 0 0 no-repeat transparent;} #header .logo-text a span {display:none} #header .logo-subtitle { display:inline-block; font-size:0.857em; font-weight:400; line-height:1.3em; color:#909090; text-align:center; font-family: "allerregular", Georgia, "Times New Roman", Times, serif;} #header .logo-subtitle a { -moz-opacity:1.00; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); opacity:1.00; } #header .logo-image { min-height:50px; } #header .logo-image a { display:block; -moz-opacity:1.00; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); opacity:1.00; } #header .logo-image a img.logo { display:block; width:240px; } #header .close-menu {width:25px; height:26px; float:right; display:none; background: url('_gfx/ico-close-menu-2x.png') 0 0 no-repeat transparent; background-size:25px 26px; -webkit-transition: 0s ease-in; -moz-transition: 0s ease-in; -ms-transition: 0s ease-in; -o-transition: 0s ease-in; transition: 0s ease-in; } .ie6 #header .close-menu, .ie7 #header .close-menu, .ie8 #header .close-menu {background: url('_gfx/ico-close-menu.png') 0 0 no-repeat transparent;} #header .close-menu span {display:none;} /* Navigation */ #header-nav { position:relative; font-size:1.45em; padding:0; font-weight:100; } #header-nav ul { list-style-type: none; padding:0 0 10px 0; } #header-nav ul li { display:block; position:relative; padding:0 20px 15px 0; line-height:1.2em; } #header-nav ul li:before { content:""; } #header-nav ul .current-menu-item {padding-left:17px} #header-nav ul .current-menu-item:after {content: ""; position:absolute; top:3px; left:00px; z-index:1000; background: url('_gfx/bgd-after-current-page.png') 0 0 no-repeat transparent; width:10px; height:17px;} #header-nav ul li a { display:block; } #header-nav ul .current-menu-item > a, #header-nav ul .current-menu-parent > a, #header-nav ul .current-menu-ancestor > a, #header-nav ul .current_page_item > a, #header-nav ul .current_page_parent > a, #header-nav ul .current_page_ancestor > a { -moz-opacity:1.00; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); opacity:1.00; text-decoration:underline} #header-nav ul li ul.sub-menu { display:none; position:absolute; top:-0.55em; left:230px; font-size: 0.8em; text-align: left; background: #666666 url('_gfx/bgd-linen-trans.png') 0 0 repeat; padding: 0.5em 0.5em 0.8em 0.5em; z-index: 100; width: 300px; -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.50);-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.50); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.50); border: 1px solid rgb(100, 100, 100); border: 1px solid rgba(255, 255, 255, 0); } #header-nav ul li ul.sub-menu li { display:block; padding:0.3em 10px 0.3em 10px; right:0 } #header-nav .select-wrapper { display:none; } .mod-header { position:relative; padding:0} .mod-header select {width:100%; border:none; background:#2b2b2b; line-height:1.2em; color:#ffffff; padding:8px 13px} .mod-header .select-wrapper {display:inline-block; width:100%} .mod-header .select-wrapper .select-chevron:before { position:absolute; top:14px; right:10px; content: ""; display: inline-block; background: url('_gfx/bgd-select-after.png') 0 0 repeat; width:14px; height:10px} /* Widgets */ #main-widgets {} /* -- Generic */ .widget { padding:1.5em 0 1em 0; -webkit-background-clip: padding-box; background-clip: padding-box; font-size:0.8em; font-weight:200; } .widget .widgettitle, #header .title { font-family:"bitterregular", "Helvetica Neue", "Arial", sans-serif; font-size:1.4em; font-weight:400; text-transform:none; padding:0 0 0.9em 0; line-height:1em; color:#777777; } .widget .widgettitle a, #header .widget .widgettitle a, #footer .widget .widgettitle a { -moz-opacity:1.00; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";; filter:alpha(opacity=100); opacity:1.00; } .widget ul { list-style-position: outside; padding-left:1.3em; padding-bottom:0.5em; } .widget ul li { margin:0; padding:0 0 0.2em 0; background:none; line-height:1.2em; } .widget ul li > a { } .widget ul li ul { padding-bottom:0; } .widget select { color:#ffffff; background:#646464; background:rgba(255, 255, 255, .2); width:100%; margin-bottom:10px; } .widget img { max-width:205px; width:auto; height:auto; } .widget a img, #header .widget a img, #footer .widget a img { -moz-opacity:1.00; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); opacity:1.00; } .widget .wp-caption a { display: inline; } /* -- Text widget */ .widget .textwidget { padding-bottom:0.5em; } .widget .textwidget p { padding-bottom:1em; } /* -- Advertisement widget */ .widget .adwidget { padding:0; margin:0 -30px 0 -30px; text-align:center; } .widget .adwidget .adcode { display:block; } /* -- Search widget */ .widget#widget-searchform { position:relative; } form#searchform { margin-top:2px; } form#searchform label { display:none; } form#searchform input.field { width:100%; height:36px; padding:10px 33px 10px 13px; margin:0; border:0; background:#2b2b2b; color:#9c9b9a; font-size:0.857em; font-family:"bitterregular", "Helvetica Neue", "Arial", sans-serif; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-align:left; cursor:pointer; -webkit-appearance: textfield; -webkit-transition: .14s ease-in; -moz-transition: .14s ease-in; -ms-transition: .14s ease-in; -o-transition: .14s ease-in; transition: .14s ease-in; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } form#searchform input.field:hover, form#searchform input.field:focus {color:#ffffff;} form#searchform input.field.active {color:#ffffff; font-size: 1em } form#searchform button.submit { position:absolute; top:12px; right:13px; -webkit-appearance: none; background:none; border:none; color:#ffffff; font-size:1em; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; cursor:pointer; width:15px ; height:15px; padding:0; } form#searchform button.submit .btn-submit { background: url('_gfx/bgd-submit-2x.png') 0 0 no-repeat transparent; background-size:15px 15px; display:inline-block; position:relative; width:15px; height:15px} .ie6 form#searchform button.submit .btn-submit, .ie7 form#searchform button.submit .btn-submit, .ie8 form#searchform button.submit .btn-submit { background: url('_gfx/bgd-submit.png') 0 0 no-repeat transparent; } /* -- Categories widget */ .widget ul li.cat-item ul.children { padding-bottom:0; } /* -- Tag Cloud widget */ #header .widget .tagcloud {line-height:1.2em; padding:0 0 0.5em 0; font-size:1.25em} #header .widget .tagcloud a {padding:5px 4px 4px 4px; background:#00afd1; position:relative; line-height:1em; margin:0 7px 5px 7px; font-weight:400} #header .widget .tagcloud a:after {content:""; position:absolute; top:0px; left:-11px; z-index:1000; background: url('_gfx/bgd-after-tag.png') center bottom no-repeat transparent; height:22px; width:12px} /* -- Calendar widget */ .widget .table-wrapper { margin:0; overflow-x:auto; } .widget table#wp-calendar { width:100%; text-align:center; border-collapse: collapse; border-spacing: 0; width:100%; text-align:center; background:none; border: 1px solid #646464; border: 1px solid rgba(255, 255, 255, .2); margin:5px 0 10px 0; } .widget table#wp-calendar caption {text-align:left; margin:0 0 5px 0; } .widget table#wp-calendar tbody { overflow:scroll; } .widget table#wp-calendar tr th { font-family:"bitterregular", "Helvetica Neue", "Arial", sans-serif; text-align:center; font-weight:400; background:none; font-size:1.1em; padding:5px 3px 5px 3px; border: 1px solid #646464; border: 1px solid rgba(255, 255, 255, .2); background: #323232; background: rgba(255, 255, 255, .1); } .widget table#wp-calendar tr th:last-child { border-right:0; } .widget table#wp-calendar tr td { text-align:center; padding:3px; border: 1px solid #646464; border: 1px solid rgba(255, 255, 255, .2); } .widget table#wp-calendar tr td:last-child { border-right:0; } .widget table#wp-calendar tr:nth-child(2n+1) td { background:none; } /* -- RSS Widget */ .widget .rsswidget { display: block; padding:0; } .widget .rsswidget img { float:left; margin:2px 4px 0 0; } .widget .rss-date { display: block; padding: 0 0 8px 0; font-size: 0.8em; } .widget .rssSummary { display:block; padding: 0 0 8px 0; } .widget cite { display: block; padding: 0 0 12px 0; text-align:right; } /* -- Twitter Pro Widget */ .widget .entry-content { display:block; padding:0 0 4px 0; } .widget .entry-meta { display:block; padding:0 0 4px 0; } .widget .intent-meta { display:block; padding:0 0 8px 0; } .widget .intent-meta a { padding-right:8px; } .widget .follow-button { margin-top:-4px; padding-bottom:24px; } /* -- Social List widget */ .sociallistwidget { } .sociallistwidget ul { list-style-type:none; padding-left:0; } .sociallistwidget ul li { list-style-type:none; margin-bottom:0.2em; background:none; } .sociallistwidget ul li i { display:inline-block; position:relative; top:-0.1em; width:1em; padding-right: 5px; font-size:1.3em; } #header.little {width:105px; padding:30px 20px; } #header.little .logo-text a {width:66px; height:66px; background: url('_gfx/logo-eldls-little-2x.png') 0 0 no-repeat transparent; background-size:66px 66px; -webkit-transition: 0s ease-in; -moz-transition: 0s ease-in; -ms-transition: 0s ease-in; -o-transition: 0s ease-in; transition: 0s ease-in; transition-delay: 0.1s; -webkit-transition-delay: 0.1s;} .ie6 #header.little .logo-text a, .ie7 #header.little .logo-text a, .ie8 #header.little .logo-text a {background: url('_gfx/logo-eldls-little.png') 0 0 no-repeat transparent;} #header.little #header-nav, #header.little .mod-header, #header.little .sep-header, #header.little .logo-subtitle, #header.little #main-widgets, #header.little .final-header, #header.little .tag-cloud, #header.little .widget, #header.little .copy-header {display:none;} #header .copy-header.mod-paypal p{color: #fff; margin-bottom: 10px;} input, select{border: none; background: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0;} #header.little .logo-text.big {left:20%; padding-top:20px;} #header.little .logo-text.big a { background: url('_gfx/logo-eldls-2x.png') 0 0 no-repeat transparent; background-size:201px 183px; width:201px; height:183px; -webkit-transition: 0s ease-in; -moz-transition: 0s ease-in; -ms-transition: 0s ease-in; -o-transition: 0s ease-in; transition: 0s ease-in;} .ie6 #header.little .logo-text.big a, .ie7 #header.little .logo-text.big a, .ie8 #header.little .logo-text.big a {background: url('_gfx/logo-eldls.png') 0 0 no-repeat transparent;} #header .nav-open-menu {position:absolute; top:27px; left:20px; width:31px; height:25px; background: url('_gfx/bgd-open-manu-mob-2x.png') 0 0 no-repeat transparent; background-size:31px 25px; } .ie6 #header .nav-open-menu, .ie7 #header .nav-open-menu, .ie8 #header .nav-open-menu {background: url('_gfx/bgd-open-manu-mob.png') 0 0 no-repeat transparent;} #header .nav-open-menu span {display:none;} #header .info-twitter {font-size:1em; padding-bottom:4px; color:#fff; text-align:left; font-family: "allerregular", Georgia, "Times New Roman", Times, serif;} /*---------------------- Content ----------------------*/ #content { position:relative; z-index:20; padding:0 0 0 380px; margin: 0 auto 0 0; background:#2b2b2b; -webkit-transition: .14s ease-in; -moz-transition: .14s ease-in; -ms-transition: .14s ease-in; -o-transition: .14s ease-in; transition: .14s ease-in;} #content.big {padding-left:205px;} #content:after { content: ""; display: block; clear: both; visibility: hidden; font-size: 0; height: 0; } #content .posts {width:100%; height:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding:0 40px; background:#e7e6e3} .archive-title { font-family:"bitterregular", "Helvetica Neue", "Arial", sans-serif; font-size:2.2em; font-weight:600; text-transform:none; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; padding:50px 0 28px 0; margin:0; text-align:left; border-bottom:1px solid #bab9b8;} .archive-title .little {font-size:.46em;} .archive-title02 { font-family:"bitterregular", "Helvetica Neue", "Arial", sans-serif; font-size:2.2em; font-weight:600; text-transform:none; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; padding:50px 0; margin:0; text-align:center;} /* Article */ article { margin:0 0 40px 0; overflow:hidden; position:relative} article:after {content:""; position:absolute; bottom:0px; left:0; right:0; z-index:1000; background: url('_gfx/sep-article-2x.png') center bottom no-repeat transparent; background-size:1000px 19px; height:19px;} .ie6 article:after, .ie7 article:after, .ie8 article:after {background:url('_gfx/sep-article.png') 0 0 no-repeat;} article .article-featured-video { position:relative; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; display:block; width:100%; overflow:hidden; } article .article-featured-video p { display:none; } article .article-featured-video .iframe-wrapper { margin:0; } article .article-featured-video iframe { display:block; overflow:hidden; } article .article-featured-image { position:relative; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; display:block; width:100%; overflow:hidden; } #content article .article-featured-image img { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; display:block; width:100%; height:auto; margin:0 auto 0 auto; overflow:hidden; } #content article .article-featured-image a:hover img { -moz-opacity:1.00; -ms-filter:"alpha(opacity=100)"; filter:alpha(opacity=100); opacity:1.00; } article .article-featured-slider { position:relative; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; display:block; width:100%; overflow:hidden; } article .article-featured-slider .slide { position:absolute; left:0; top:0; z-index:10; -webkit-transition: 1s ease-in; -moz-transition: 1s; -ms-transition: 1s; -o-transition: 1s; transition: 1s; -moz-opacity:0.00; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); opacity:0.00; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; width:100%; overflow:hidden; } article .article-featured-slider .slide.active { position:relative; z-index:20; -moz-opacity:1.00; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); opacity:1.00; } article .article-featured-slider .slide .slide-text { position:absolute; right:0; bottom:0; background:rgb(34,34,34); background:rgba(34,34,34,0.8); color:#ffffff; text-shadow:none; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; width:100%; padding:8px 20px; text-align:center;} article .article-featured-slider .slide .slide-text .slide-description {font-family: Arial, "Times New Roman", Times, serif; font-size:0.66em; padding:0; line-height:1em; } #content article .article-featured-slider .slide img { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; display:block; width:100%; height:auto; margin:0 auto 0 auto; overflow:hidden; } #content article .article-featured-slider .slide a:hover img { -moz-opacity:1.00; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); opacity:1.00; } article .article-featured-slider .slider-controls { display:none; } article .article-featured-slider .slider-controls .slider-control-prev, article .article-featured-slider .slider-controls .slider-control-next { display:block; line-height:1em; position: absolute; z-index: 30; top: 50%; margin-top:-0.5em; font-size: 2em; color: white; cursor:pointer; text-align:center; width:45px; background:#00afd1; padding:9px 0px;} article .article-featured-slider .slider-controls .slider-control-prev { left: 0.5em; } article .article-featured-slider .slider-controls .slider-control-next { right: 0.5em; } article .article-featured-slider .slider-controls .slider-control-prev:hover, article .article-featured-slider .slider-controls .slider-control-next:hover {background:#009ab8} article .article-container { position:relative;} article .article-container .article-container-main { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; width:100%; padding:50px 50px 0px 50px;} article.format-quote .article-container .article-container-main {padding-top:0;} .page article .article-container .article-container-main, .search article .article-container .article-container-main { width:100%; border-right:0; float:none; } article .article-container .entry-title { font-family:"bitterregular", "Helvetica Neue", "Arial", sans-serif; font-size:1.85em; font-weight:700; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; line-height:1.1em; padding:0 0 40px 0; text-align:center; } article .article-container .entry-title a { color:#2b2b2b; } article .article-container .entry-title a:hover { color:#00acee; } article .article-container .subtitle { font-family:"bitterregular", "Helvetica Neue", "Arial", sans-serif; font-size:1.28em; font-weight:700; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; line-height:1.1em; padding:0 0 40px 0; text-align:center; margin:-20px 0 0 0 } .page article .article-container .entry-title a:hover, .single article .article-container .entry-title a:hover { color:#555555; cursor:default; } /*article .article-container .article-container-main .post-content { overflow:hidden;}*/ article .article-container .article-container-main .post-content p:first-child {padding-top:40px} article .article-container .article-container-main .post-content .clearfix {height:20px} article .article-container.article-container-quote .article-container-main { background: none!important } article .article-container.article-container-quote .article-container-main .entry-title { position:relative; display:block; font-size:1.85em; text-transform:none; line-height:1em; font-family: "bitterregular", "Helvetica Neue", "Arial", sans-serif; font-weight:bold;} article .article-container.article-container-quote .article-container-main .entry-title p:first-child {position:relative; display:inline-block;} article .article-container.article-container-quote .article-container-main .entry-title p:first-child .ico { background: url('http://imageshack.com/a/img538/4856/wdBnoe.png') 0 2px no-repeat transparent; background-size:48px 32px; width:48px; height:33px; top:20px; right:25px; display:inline-block; position:relative;} .ie6 article .article-container.article-container-quote .article-container-main .entry-title p:first-child:before, .ie7 article .article-container.article-container-quote .article-container-main .entry-title p:first-child:before, .ie8 article .article-container.article-container-quote .article-container-main .entry-title p:first-child:before {background: url('http://imageshack.com/a/img661/1807/VBz3PR.png') 0 2px no-repeat transparent;} article .article-container.article-container-quote .article-container-main p { padding-bottom:0; } .single article .article-container.article-container-quote .article-container-main .entry-title a { cursor:default; } .single article .article-container.article-container-quote .article-container-main .entry-title a:hover { -moz-opacity:0.80; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter:alpha(opacity=80); opacity:0.80; } article .article-container.article-container-quote .article-container-main strong { display:block; font-size:0.72em; padding-top:30px; line-height:1em; font-family:"bitterregular", "Helvetica Neue", "Arial", sans-serif; font-style:normal;} article .article-container .article-container-meta { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; width:100%; padding:0px 30px 10px 30px; font-family:"bitterregular", "Helvetica Neue", "Arial", sans-serif; font-weight:100; font-size:0.9em; color:#666666; } .page article .article-container .article-container-meta, .search article .article-container .article-container-meta { width:auto; padding:30px 50px 30px 50px; border:0; float:none; margin-left:0; } .page-id-13 article .article-container .article-container-meta {display:none;} article .article-container .article-container-meta .minicard { padding:30px; margin: -30px -30px 30px -30px; background:#eaeaea; color:#555555; } article .article-container .article-container-meta .minicard .minicard-id {} article .article-container .article-container-meta .minicard .minicard-id .minicard-avatar { float:left; width:65px; padding-bottom:25px; } article .article-container .article-container-meta .minicard .minicard-id .minicard-avatar img { display:block; } article .article-container .article-container-meta .minicard .minicard-id .minicard-header { float:left; padding-bottom:20px; line-height: 1.5em; } article .article-container .article-container-meta .minicard .minicard-id .minicard-header .minicard-name { font-size:1.4em; font-style:normal; font-weight:normal; } article .article-container .article-container-meta .minicard .minicard-id .minicard-header .minicard-name a { color:#555555; } article .article-container .article-container-meta .minicard .minicard-id .minicard-header .minicard-name a:hover { color:#00acee; } article .article-container .article-container-meta .minicard .minicard-id .minicard-header .minicard-twitter { font-size:1em; font-family: georgia; font-style: italic; } article .article-container .article-container-meta .minicard .minicard-id .minicard-header .minicard-twitter a { color:#00acee; } article .article-container .article-container-meta .minicard .minicard-id .minicard-header .minicard-twitter a:hover { color:#00acee; } article .article-container .article-container-meta .minicard .minicard-description { line-height:1.4em; clear:both; } article .article-container .article-container-meta .social { position:absolute; bottom:0; left:75%; margin:0 30px 30px 30px;} .page article .article-container .article-container-meta .social, .search article .article-container .article-container-meta .social { position:static; bottom:0; left:0; margin:0; text-align:left; } article .article-container .article-container-meta .social ul { display:inline-block; padding:0; margin:-2px -7px -4px 0; list-style-type: none; font-size:1.4em; font-weight: normal; text-shadow:none; } article .article-container .article-container-meta .social ul li { list-style-type: none; display:inline-block; padding:0 2px 5px 0; margin:0; background:none; } article .article-container .article-container-meta .social ul li i { display:inline-block; text-align:center; color:#ffffff; background:#999999; width:1em; height:1em; padding:0.2em; -webkit-transition: .15s ease-in; -moz-transition: .15s ease-in; -o-transition: .15s ease-in; transition: .15s ease-in; } article .article-container .article-container-meta .social ul li a { display:inline-block; } article .article-container .article-container-meta .social ul li a.social-twitter i { background:#9AE4E8; } article .article-container .article-container-meta .social ul li a.social-facebook i { background:#3c5a98; } article .article-container .article-container-meta .social ul li a.social-googleplus i { background:#d84d30; } article .article-container .article-container-meta .social ul li a.social-linkedin i { background:#00afcd; } article .article-container .article-container-meta .social ul li a.social-pinterest i { background:#cb2028; } article .article-container .article-container-meta .social ul li a span { display:none; } article .article-container .article-container-meta .social ul:hover li a i { -moz-opacity:0.30; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter:alpha(opacity=30); opacity:0.30; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-transition: .14s ease-in; -moz-transition: .14s ease-in; -ms-transition: .14s ease-in; -o-transition: .14s ease-in; transition: .14s ease-in; } article .article-container .article-container-meta .social ul:hover li a i:hover { -moz-opacity:1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); opacity:1; } /* Post pagination */ .post-nav-inside {float:right} .post-nav { font-family:"bitterregular", "Helvetica Neue", "Arial", sans-serif; font-size:1.5em; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; margin:0 auto 0 auto; padding:20px 0 30px 0; background:#e7e6e3;} .post-nav a {background:#00afd1; color:#ffffff; padding:12px 20px; text-align:center; display:inline-block;} .post-nav a:hover {background:#009ab8} .post-nav a i.icon-caret-left { padding-right:0.2em; } .post-nav a i.icon-caret-right { padding-right:0.2em; } .post-nav a span {display:none;} .post-nav-left { float:left; } .post-nav-left a { padding:12px 24px 12px 18px} .post-nav-right { float:right;} .post-nav-right a { padding:12px 18px 12px 24px; background:#009ab8} .post-nav-right:hover a {background:#00596b} /* Loop End: last post reached */ .loop-end { font-size:4em; color:#cccccc; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-align:center; margin:0 auto 0 auto; padding:20px 0 70px 0; } /* Comment pagination */ .comment-nav { font-family:"bitterregular", "Helvetica Neue", "Arial", sans-serif; font-size:1.5em; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; margin:0 auto 0 auto; padding:20px 0 30px 0; } .comment-nav a {} .comment-nav a:hover { color:#555555; } .comment-nav a i.icon-caret-left { padding-right:0.2em; } .comment-nav a i.icon-caret-right { padding-right:0.2em; } .comment-nav-left { float:left; } .comment-nav-right { float:right; } /* Comments */ .comments { width:100%; padding:40px 40px 30px 40px; display:inline-block; background:#e7e6e3; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;} .single-post .comments {padding-top:40px;} .page-id-15 .comments {padding-top:20px;} #comments.foldingcomments #comments-title { display:inline-block; cursor:pointer; color:#00acee; -webkit-transition: .14s ease-in; -moz-transition: .14s ease-in; -ms-transition: .14s ease-in; -o-transition: .14s ease-in; transition: .14s ease-in; } #comments.foldingcomments #comments-title:hover { color:#555555; } #comments.foldingcomments .comments-wrap { display:none; } ol.commentlist { list-style-type: none !important; counter-reset:li; padding:0; margin-bottom:50px;} ol.commentlist li { position: relative; padding: 20px 0 24px 0px; margin: 0 0 0 0; border-bottom: solid 1px #bab9b8; position: relative; list-style:none; } ol.commentlist li:first-child { margin-top:0px } ol.commentlist li .comment-block {} ol.commentlist li .comment-block .comment-info {} ol.commentlist li .comment-block .comment-info .comment-author { padding:0 0 20px 0; } ol.commentlist li .comment-block .comment-info .comment-author img.avatar { float:left; margin:0 20px 0px 0; width:50px!important; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px;} ol.commentlist li .comment-block .comment-info .comment-author .comment-meta { float:left; width:65%; padding:13px 0 0 0; } ol.commentlist li .comment-block .comment-info .comment-author .comment-meta cite { font-family: "allerbold", Georgia, "Times New Roman", Times, serif; font-size:14px; font-style:normal; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; float:left; color:#f27935;} ol.commentlist li .comment-block .comment-info .comment-author .comment-meta .comment-meta-text { font-size:1em; font-family: "allerbold", Georgia, "Times New Roman", Times, serif; font-size:14px; font-style:normal; float:left; margin-left:10px; color:#2b2b2b!important;} ol.commentlist ul.children { padding:0 0 0 50px; } ol.commentlist ul.children li:first-child { margin-top: 0; } .comment-text {background:#fff; padding:22px 16px 10px 16px; position:relative; margin:0 0 10px 0;} .comment-text:before {content: ""; position:absolute; top:-10px; left:11px; z-index:1000; background: url('_gfx/bgd-comment-text-before.png') 0 0 no-repeat transparent; width:16px; height:10px;} p.reply { text-align:right; } .comment-reply-link {font-family: "allerbold", Georgia, "Times New Roman", Times, serif; font-size:14px; color:#0ec2aa; background: url('_gfx/ico-reply-2x.png') 0 4px no-repeat transparent!important; background-size:25px 23px!important; padding:2px 0 4px 33px} .ie6 .comment-reply-link, .ie7 .comment-reply-link, .ie8 .comment-reply-link {background: url('_gfx/ico-reply.png') 0 4px no-repeat transparent!important; } .comment-reply-link:hover { color:#087567; text-decoration:none; } textarea#comment {height:135px} .comment-reply-title {display:none;} #commentform input[type=submit] {padding:15px 18px; float:right; line-height:1em; border-radius:0; color:#fff; font-family: "allerregular", Georgia, "Times New Roman", Times, serif; font-size:1.28em; font-weight:bold; background:#0ec2aa; display:table; width:auto; margin:0;} #commentform input[type=submit]:hover {background:#087567; box-shadow:none;} input[type=reset] {padding:15px 18px; line-height:1em; float:right; border:none; border-radius:0; color:#fff; font-family: "allerregular", Georgia, "Times New Roman", Times, serif; font-size:1.28em; font-weight:bold; background:#e3544b; display:table; width:auto; margin:0 10px 0 0;} input[type=reset]:hover {background:#963832; box-shadow:none;} ol.commentlist li #respond {padding-top:50px;} #comment-jump {position:relative;} #comment-jump:before {content: ""; position:absolute; top:47px; left:-10px; z-index:1000; background: url('_gfx/bgd-post-after.png') 0 0 no-repeat transparent; width:10px; height:17px;} #comment-jump .ico-comments {position:absolute; top:40px; left:-72px; z-index:1000; background: url('_gfx/bgd-ico-comments-2x.png') 0 0 no-repeat transparent; background-size:43px 29px; width:43px; height:29px;} .ie6 #comment-jump .ico-comments, .ie7 #comment-jump .ico-comments, .ie8 #comment-jump .ico-comments {background: url('_gfx/bgd-ico-comments.png') 0 0 no-repeat transparent;} .page-id-13 #comment-jump .ico-comments, .page-id-13 #comment-jump:before {display:none;} .ico-proyecto {position:absolute; top:40px; left:-72px; z-index:1000; background: url('_gfx/bgd-ico-proyecto-2x.png') 0 0 no-repeat transparent; background-size:43px 43px; width:43px; height:43px;} .ie6 .ico-proyecto, .ie7 .ico-proyecto, .ie8 .ico-proyecto {background: url('_gfx/bgd-ico-proyecto.png') 0 0 no-repeat transparent;} .ico-persona {position:absolute; top:40px; left:-72px; z-index:1000; background: url('_gfx/bgd-ico-persona-2x.png') 0 0 no-repeat transparent; background-size:37px 37px; width:37px; height:37px;} .ie6 .ico-persona, .ie7 .ico-persona, .ie8 .ico-persona {background: url('_gfx/bgd-ico-persona.png') 0 0 no-repeat transparent;} .ico-persona-contacto {position:absolute; top:40px; left:-72px; z-index:1000; background: url('_gfx/bgd-ico-persona-contacto-2x.png') 0 0 no-repeat transparent; background-size:37px 42px; width:37px; height:42px;} .ie6 .ico-persona-contacto, .ie7 .ico-persona-contacto, .ie8 .ico-persona-contacto {background: url('_gfx/bgd-ico-persona-contacto.png') 0 0 no-repeat transparent;} .page-id-11 .posts:before, .page-id-13 .posts:before, .page-id-15 .posts:before {content: ""; position:absolute; top:54px; left:-10px; z-index:1000; background: url('_gfx/bgd-post-after.png') 0 0 no-repeat transparent; width:10px; height:17px;} #cancel-comment-reply-link { float:right; } /* Comment form */ #respond { padding:0; margin:0 auto 30px auto; } #respond #reply-title { padding-top:0; } #respond #commentform { max-width:100%; padding:0;} #respond #commentform label { display:none; } #respond #commentform .comment-notes { display:none; padding: 0 0 2em 0; color:#666666; } #respond #commentform .form-allowed-tags { padding: 0 0 1.5em 0; color:#666666; font-size:0.92em; display:none; } #respond #commentform .form-submit { padding:0; } #respond #commentform .form-submit:after { content: ""; display: block; clear: both; visibility: hidden; font-size: 0; height: 0; } .comment-form-author, .comment-form-email {width:50%; box-sizing:border-box; -moz-box-sizing:border-box;; padding-right:5%; float:left;} /*---------------------- Footer ----------------------*/ #footer { display:none; } /* Listados */ ul.categories-menu {position:relative; padding:0 0 20px 0} ul.categories-menu:after { content: ""; display: block; clear: both; visibility: hidden; font-size: 0; height: 0; } ul.categories-menu li {width:50px; height:50px; float:left; list-style-type:none; padding:0; background:#00afd1; overflow:hidden; -webkit-transition: .14s ease-in; -moz-transition: .14s ease-in; -ms-transition: .14s ease-in; -o-transition: .14s ease-in; transition: .14s ease-in; } ul.categories-menu li:hover, ul.categories-menu li.active {background:#009ab8} ul.categories-menu li a {width:100%; height:100%} ul.categories-menu li a span {display:none} ul.categories-menu li.texto a {background: url('_gfx/ico-texto-2x.png') center center no-repeat transparent; background-size:25px 29px;} .ie6 ul.categories-menu li.texto a, .ie7 ul.categories-menu li.texto a, .ie8 ul.categories-menu li.texto a {background: url('_gfx/ico-texto.png') center center no-repeat transparent; } ul.categories-menu li.video a {background: url('_gfx/ico-video-2x.png') center center no-repeat transparent; background-size:28px 28px;} .ie6 ul.categories-menu li.video a, .ie7 ul.categories-menu li.video a, .ie8 ul.categories-menu li.video a {background: url('_gfx/ico-video.png') center center no-repeat transparent; } ul.categories-menu li.cita a {background: url('_gfx/ico-cita-2x.png') center center no-repeat transparent; background-size:30px 25px;} .ie6 ul.categories-menu li.cita a, .ie7 ul.categories-menu li.cita a, .ie8 ul.categories-menu li.cita a {background: url('_gfx/ico-cita.png') center center no-repeat transparent; } ul.categories-menu li.imagen a {background: url('_gfx/ico-imagen-2x.png') center center no-repeat transparent; background-size:28px 27px;} .ie6 ul.categories-menu li.imagen a, .ie7 ul.categories-menu li.imagen a, .ie8 ul.categories-menu li.imagen a {background: url('_gfx/ico-imagen.png') center center no-repeat transparent; } .social-header {position:relative; padding:0; margin:32px auto 23px auto; width:169px} .social-header:after { content: ""; display: block; clear: both; visibility: hidden; font-size: 0; height: 0; } .social-header li {position:relative; float:left; padding:0; margin:0 10px 0 0; list-style-type:none} .social-header li.last {margin:0} .social-header li a {position:relative; -webkit-transition: .5s ease-in; -moz-transition: .5s ease-in; -ms-transition: .5s ease-in; -o-transition: .5s ease-in; transition: .5s ease-in;} .social-header li a span {display:none} .social-header li.facebook {margin-right:15px} .social-header li.facebook a {background: url('_gfx/ico-facebook-header-2x.png') center center no-repeat transparent; background-size:18px 36px; width:18px; height:36px; display:inline-block;} .social-header li.facebook a:hover {background-size:9px 18px;} .ie6 .social-header li.facebook a, .ie7 .social-header li.facebook a, .ie8 .social-header li.facebook a {background: url('_gfx/ico-facebook-header.png') center center no-repeat transparent; } .social-header li.pinterest a {background: url('_gfx/ico-pinterest-2x.png') center center no-repeat transparent; background-size:36px 36px; width:36px; height:36px; display:inline-block;} .social-header li.pinterest a:hover {background-size:18px 18px;} .ie6 .social-header li.pinterest a, .ie7 .social-header li.pinterest a, .ie8 .social-header li.pinterest a {background: url('_gfx/ico-pinterest.png') center center no-repeat transparent; } .social-header li.twitter a {background: url('_gfx/ico-twitter-header-2x.png') center center no-repeat transparent; background-size:44px 36px; width:44px; height:36px; display:inline-block;} .social-header li.twitter a:hover {background-size:22px 18px} .ie6 .social-header li.twitter a, .ie7 .social-header li.twitter a, .ie8 .social-header li.twitter a {background: url('_gfx/ico-twitter-header.png') center center no-repeat transparent; } .social-header li.rss a {background: url('_gfx/ico-rss-2x.png') center center no-repeat transparent; background-size:36px 36px; width:36px; height:36px; display:inline-block;} .social-header li.rss a:hover {background-size:18px 18px;} .ie6 .social-header li.rss a, .ie7 .social-header li.rss a, .ie8 .social-header li.rss a {background: url('_gfx/ico-rss.png') center center no-repeat transparent; } ul.meta { list-style-type:disc; padding:0; margin:0 auto -0.9em auto; color:#2b2b2b; font-size:1.2em; font-weight:600} ul.meta:after { content: ""; display: block; clear: both; visibility: hidden; font-size: 0; height: 0; } ul.meta li { padding:0 7px 0.9em 15px; line-height: 1.1em; width:auto; display:inline-block; float:left; position:relative; list-style-type:none;} ul.meta li:after { content: "•"; display: block; font-size: 1.3em; color:#000; position:absolute; top:0px ; left:0 } ul.meta li.last {padding-right:0; padding-top:0!important; display:list-item; margin:0;} ul.meta li.first {padding-left:0; list-style-type:none; margin:0;} ul.meta li.first:after {display:none} ul.meta li i { display:inline-block; margin-left:-1.5em; width:1.3em; text-align:left; } ul.meta li a { color:#666666;} ul.meta li a:hover { color:#00acee; } ul.meta li.autor a {color:#f27935} ul.meta li.category a {color:#00afd1} /* Separadors */ .sep-header {background: url('_gfx/bgd-sep-header.png') center center no-repeat transparent; width:100%; height:60px; display:block} /* Clase post */ .post-image, .post-video, .post-quote, .post-text {overflow:visible} .post-image:before, .post-video:before, .post-quote:before, .post-text:before {content: ""; position:absolute; top:0px; left:-50px; z-index:1000; background: url('_gfx/bgd-post-after.png') 0 0 no-repeat transparent; width:10px; height:17px;} .single .post-image:before, .single .post-video:before, .single .post-quote:before, .single .post-text:before {left:-10px;} .post-image .ico-post {position:absolute; top:-6px; left:-105px; z-index:1000; background: url('_gfx/bgs-ico-post-image-2x.png') 0 0 no-repeat transparent; background-size:30px 25px; width:30px; height:25px;} .ie6 .post-image .ico-post, .ie7 .post-image .ico-post, .ie8 .post-image .ico-post {background: url('_gfx/bgs-ico-post-image.png') 0 0 no-repeat transparent;} .single .post-image .ico-post {left:-65px;} .post-video .ico-post {position:absolute; top:-6px; left:-105px; z-index:1000; background: url('_gfx/bgs-ico-post-video-2x.png') 0 0 no-repeat transparent; background-size:28px 28px; width:28px; height:28px;} .ie6 .post-video .ico-post, .ie7 .post-video .ico-post, .ie8 .post-video .ico-post {background: url('_gfx/bgs-ico-post-video.png') 0 0 no-repeat transparent;} .single .post-video .ico-post {left:-65px;} .post-quote .ico-post {position:absolute; top:-6px; left:-105px; z-index:1000; background: url('_gfx/bgs-ico-post-quote-2x.png') 0 0 no-repeat transparent; background-size:30px 25px; width:30px; height:25px;} .ie6 .post-quote .ico-post, .ie7 .post-quote .ico-post, .ie8 .post-quote .ico-post {background: url('_gfx/bgs-ico-post-quote.png') 0 0 no-repeat transparent;} .single .post-quote .ico-post {left:-65px;} .post-text .ico-post {position:absolute; top:-6px; left:-105px; z-index:1000; background: url('_gfx/bgs-ico-post-text-2x.png') 0 0 no-repeat transparent; background-size:29px 33px; width:29px; height:33px;} .ie6 .post-text .ico-post, .ie7 .post-text .ico-post, .ie8 .post-text .ico-post {background: url('_gfx/bgs-ico-post-text.png') 0 0 no-repeat transparent;} .single .post-text .ico-post {left:-65px;} .post.first {padding-top:50px} .post.first:before {top:50px} .post.first .ico-post {top:44px} .single-post .post.first {padding-top:0;} .single-post.single-format-quote .post.first {padding-top:50px;} .single-post #content .posts {padding:0;} .single-post .article-featured {position:relative;} .single-post .article-featured:not(.no-icon):after {content: ""; position:absolute; bottom:-34px; right:5%; z-index:1000; background: url('_gfx/ico-slider-after.png') 0 0 no-repeat transparent; width:99px; height:99px;} .single-post .format-quote .article-featured:after {display:none;} .page .post.first {padding-top:0;} .page #content .posts {padding:0; position:relative;} .page .article-featured {position:relative;} .page .article-featured:after {content: ""; position:absolute; bottom:-34px; right:5%; z-index:1000; background: url('_gfx/ico-slider-after.png') 0 0 no-repeat transparent; width:99px; height:99px;} .page-id-11 .article-featured:after, .page-id-15 .article-featured:after {display:none;} .post.last {margin:0px} .post.last:after {background:none} .uncerconstruction {background:url('_gfx/bgd-uncerconstruction.gif') 0 0 repeat; text-align:center; padding-top:100px; color:#909091;} .uncerconstruction h1 {background: url('_gfx/logo.png') center 0 no-repeat transparent; height:43px; padding-top:200px; text-align:center; overflow:hidden; color:#909091;} .buttons {background:#e7e6e3; padding:0 50px 54px 50px; position:relative; margin:0 0 -8px 0; width:100%; display:inline-block; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;} .page .buttons {padding:0 0 54px 0;} .buttons:after {content:""; position:absolute; bottom:0px; left:0; right:0; z-index:1000; background: url('_gfx/sep-article-2x.png') center bottom no-repeat transparent; background-size:1000px 19px; height:19px;} .ie6 .buttons:after, .ie7 .buttons:after, .ie8 .buttons:after {background:url('_gfx/sep-article.png') 0 0 no-repeat;} .buttons-inner:after { content: ""; display: block; clear: both; visibility: hidden; font-size: 0; height: 0; } .buttons .social {float:left; margin-right:30px;} .buttons .social ul {list-style-type:none; padding:0; margin:0;} .buttons .social ul li {float:left; padding:0; margin:0;} .buttons .social ul li a {width:45px; height:45px; display:inline-block;} .buttons .social ul li a:hover { -moz-opacity:0.70; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter:alpha(opacity=70); opacity:0.70; } .buttons .social ul li a.social-twitter {background:url('_gfx/bgd-social-twitter-2x.png') 0 0 no-repeat; background-size:45px 45px;} .ie6 .buttons .social ul li a.social-twitter, .ie7 .buttons .social ul li a.social-twitter, .ie8 .buttons .social ul li a.social-twitter {background:url('_gfx/bgd-social-twitter.png') 0 0 no-repeat;} .buttons .social ul li a.social-facebook {background:url('_gfx/bgd-social-facebook-2x.png') 0 0 no-repeat; background-size:45px 45px;} .ie6 .buttons .social ul li a.social-facebook, .ie7 .buttons .social ul li a.social-facebook, .ie8 .buttons .social ul li a.social-facebook {background:url('_gfx/bgd-social-facebook.png') 0 0 no-repeat;} .buttons .social ul li a.social-linkedin {background:url('_gfx/bgd-social-linkedin-2x.png') 0 0 no-repeat; background-size:45px 45px;} .ie6 .buttons .social ul li a.social-linkedin, .ie7 .buttons .social ul li a.social-linkedin, .ie8 .buttons .social ul li a.social-linkedin {background:url('_gfx/bgd-social-linkedin.png') 0 0 no-repeat;} .buttons .social ul li a.social-googleplus {background:url('_gfx/bgd-social-google-2x.png') 0 0 no-repeat; background-size:45px 45px;} .ie6 .buttons .social ul li a.social-googleplus, .ie7 .buttons .social ul li a.social-googleplus, .ie8 .buttons .social ul li a.social-googleplus {background:url('_gfx/bgd-social-googleplus.png') 0 0 no-repeat;} .buttons .social ul li a.social-mail {background:url('_gfx/bgd-social-mail-2x.png') 0 0 no-repeat; background-size:45px 45px;} .ie6 .buttons .social ul li a.social-mail, .ie7 .buttons .social ul li a.social-mail, .ie8 .buttons .social ul li a.social-mail {background:url('_gfx/bgd-social-mail.png') 0 0 no-repeat;} .buttons .social ul li span {display:none;} .buttons .post-nav {float:right; width:107px; padding:25px 0 0 0;} .buttons .like-contador {float:left; margin-right:25px} .buttons .like-contador p .contador {background:url('_gfx/bgd-contador-likes-2x.png') 0 0 no-repeat; background-size:45px 45px; padding:0 0 0 50px; min-height:45px; float:left; margin-right:30px;} .ie6 .buttons .like-contador p .contador, .ie7 .buttons .like-contador p .contador, .ie8 .buttons .like-contador p .contador {background:url('_gfx/bgd-contador-likes.png') 0 0 no-repeat;} .buttons .like-contador p .contador span {background:#ba453d; padding:11px; min-width:23px; line-height:1.05em; text-align:center; color:#fff; font-family: "allerregular", Georgia, "Times New Roman", Times, serif; font-size:1.42em; display:inline-block;} .buttons .like-contador p .contador:hover { -moz-opacity:0.70; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter:alpha(opacity=70); opacity:0.70; } .buttons .title {color:#8d8d8d; font-family:"bitterregular", "Helvetica Neue", "Arial", sans-serif; font-size:0.857em; padding-bottom:5px;} /* Twitter */ #eee #button_twitter {background:#00afd1; width:100%; height:20px; overflow:hidden; -webkit-transition: .14s ease-in; -moz-transition: .14s ease-in; -ms-transition: .14s ease-in; -o-transition: .14s ease-in; transition: .14s ease-in; } .plugin #providers .provider #button_twitter:hover {background:#009ab8} .modCompartir {position:absolute; left:60%; top:0; width:70px; height:66px; padding:15px; background:#2b2b2b; display:none; z-index:100;} .modCompartir:after {content: ""; position:absolute; bottom:-13px; left:0px; z-index:1000; background: url('_gfx/bgd-after-mod-compartir.png') center 0 no-repeat transparent; width:100%; height:14px;} .modCompartir .lnk-twitter {background:url('_gfx/bgd-twitter-compartir-texto-2x.png') bottom center no-repeat; background-size:31px 25px; width:70px; padding:0 0 40px 0; line-height:1em; display:inline-block; text-align:center;} .ie6 .modCompartir .lnk-twitter, .ie7 .modCompartir .lnk-twitter, .ie8 .modCompartir .lnk-twitter {background: url('_gfx/bgd-twitter-compartir-texto.png') bottom center no-repeat transparent;} .modCompartir .lnk-twitter:hover {-moz-opacity:0.70; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter:alpha(opacity=70); opacity:0.70; } .blog article.format-quote .article-container .entry-title {padding-bottom:20px;} .blog article, .archive article { padding:0 0 65px 0; margin-bottom:70px;} .mod-reader {position:fixed; width:60px; top:20%; right:0px; z-index:100; -webkit-transition: .14s ease-in; -moz-transition: .14s ease-in; -ms-transition: .14s ease-in; -o-transition: .14s ease-in; transition: .14s ease-in;} .mod-reader a {position:relative; display:block} .mod-reader a span {display:none} .mod-reader .lnk-reader {background: url('_gfx/ico-reader-2x.png') center center no-repeat #00afd1; background-size:45px 45px; width:60px; height:70px; -webkit-transition: .14s linear; -moz-transition: .14s linear; -ms-transition: .14s linear; -o-transition: .14s linear; transition: .14s linear;} .mod-reader .lnk-reader:hover {background-color:#00596b;} .ie6 .lnk-reader, .ie7 .lnk-reader, .ie8 .lnk-reader {background: url('_gfx/ico-reader.png') center center no-repeat #00afd1;} .mod-reader .lnk-reader.active {background: url('_gfx/ico-reader-active-2x.png') center center no-repeat #3e3e3e; background-size:35px 48px;} .mod-reader .lnk-reader.active:hover {background-color:#191919;} .ie6 .mod-reader .lnk-reader.active, .ie7 .mod-reader .lnk-reader.active, .ie8 .mod-reader .lnk-reader.active {background: url('_gfx/ico-reader-active.png') center center no-repeat #3e3e3e;} .mod-reader .lnk-grid {background: url('_gfx/bgdGrid-2x.png') center center no-repeat #009ab8; background-size:45px 45px; width:60px; height:60px; -webkit-transition: .14s linear; -moz-transition: .14s linear; -ms-transition: .14s linear; -o-transition: .14s linear; transition: .14s linear;} .mod-reader .lnk-grid:hover {background-color:#00596b;} .ie6 .lnk-grid, .ie7 .lnk-grid, .ie8 .lnk-grid {background: url('_gfx/bgdGrid.png') center center no-repeat #3e3e3e;} .mod-reader .lnk-grid.active {background: url('_gfx/bgdGrid-active-2x.png') center center no-repeat #3e3e3e; background-size:45px 45px;} .mod-reader .lnk-grid.active:hover {background-color:#191919;} .ie6 .lnk-grid.active, .ie7 .lnk-grid.active, .ie8 .lnk-grid.active {background: url('_gfx/bgdGrid-active.png') center center no-repeat #009ab8;} .copy-header {font-size:11px; color:#909090;} .copy-header p {padding-bottom:5px;} .copy-header a {color:#fff;} div.wpcf7 {margin-bottom:80px;} .search-no-results p, .error404 p {text-align:center;} .search-no-results .recent-posts, .error404 .recent-posts {margin-top:30px;} .search-no-results #content .center, .error404 #content .center {text-align:center; margin:20px auto 0 auto; width:401px; display:inherit;} .search-no-results h3, .error404 h3 {text-align:center; padding:1.6em 30px 0.8em 30px;} #header .info-twitter:after { content: ""; display: block; clear: both; visibility: hidden; font-size: 0; height: 0; } #header .info-twitter .avatar {width:40px; margin-right:11px; float:left;} #header .info-twitter .mod-links {width:149px; float:left; text-align:left;} #header .info-twitter .mod-links a {color:#0ec2aa; font-family: "allerregular", Georgia, "Times New Roman", Times, serif; font-size:12px; padding-bottom:5px; display:block;} .tag-cloud {position:relative;} .tag-cloud:after { content: ""; display: block; clear: both; visibility: hidden; font-size: 0; height: 0; } .tag-cloud a {display:inline-block; line-height:1em; float:left; font-family: "allerregular", Georgia, "Times New Roman", Times, serif; font-weight:bold; padding:5px 4px 4px 4px; background:#00afd1; position:relative; margin:0 8px 5px 12px;} .tag-cloud a:hover {background:#009ab8} .tag-cloud a:after {content: ""; position:absolute; top:0px; left:-12px; z-index:1000; background: url('_gfx/bgd-after-tag.png') 0 0 no-repeat transparent; width:12px; height:22px;} .single article .article-container .article-container-meta {padding:0;} .webamiga01 {position:relative; margin:10px 0 0 0; width:199px; height:32px; display:inline-block; background: url('_gfx/whatwethink.png') 0px 0px no-repeat} .webamiga01 span {display:none;} /*.layOut {display: none; background-color:rgba(0,0,0,0.85); position:fixed; top:0; left:0; bottom:0; right:0; z-index:999; text-align:center} .layOut-inner {position:absolute; top:10%; left:30%; right:24%; background:#e7e6e3; padding:42px} .layOut-inner:after {content:""; position:absolute; top:130px; left:-116px; z-index:1000; background: url('_gfx/cohete.png') 0 0 no-repeat transparent; background-size:116px 258px; height:258px; width:116px} .layOut-inner h1 {font-size:1.85em; padding:0px; line-height:1.2em; text-align:center } .layOut-inner h2 {font-size:1.28em; padding:35px 0 15px 0; text-align:center } .layOut-inner a {display:block; margin-top:35px; font-weight:700} .layOut-inner a.vote{background:#c84724; color: #fff; padding: 10px; max-width: 250px; width: 100%; margin: 0 auto;}*/ .layOut {display: none; background-color:rgba(0,0,0,0.85); position:absolute; top:0; left:0; bottom:0; right:0; z-index:999; text-align:center} .layOut-inner {position:absolute; top:20px; left:30%; right:24%; background:#e7e6e3; padding:42px} .layOut-inner:after {content:""; position:absolute; top:130px; left:-116px; z-index:1000; background: url('_gfx/cohete.png') 0 0 no-repeat transparent; background-size:116px 258px; height:258px; width:116px} .layOut-inner h1 {font-size:1.85em; padding:0px; line-height:1.2em; text-align:center } .layOut-inner h2 {font-size:1.28em; padding:35px 0 15px 0; text-align:center } .layOut-inner a {display:block; margin-top:35px; font-weight:700} .layOut-inner img{width: 100%; max-width: 100%; margin: 0 auto;} .layOut-inner a.vote{background:#c84724; color: #fff; padding: 10px; max-width: 250px; width: 100%; margin: 0 auto;} .pluginButtonContainer {background:grey} .grid #content .posts:after { content: ""; display: block; clear: both; visibility: hidden; font-size: 0; height: 0; } .grid #content {padding-left:280px} .grid .big #content {padding-left:105px} .grid #content article {width:50%; float:left; padding-right:20px; margin:0; box-sizing:border-box; -moz-box-sizing:border-box;} .grid #content article:after {display:none} .grid #content article.first + article {padding-top:50px} .grid #content .posts article.postRight {padding-right:0; padding-left:20px} .grid #content .posts article.postRight + article {clear:both} .grid #content article .post-content {display:none} .grid .article-featured {margin-bottom:15px} .grid article .article-container .article-container-main {padding:0} .grid .ico-post {display:none} .grid .post-image:before, .grid .post-video:before, .grid .post-quote:before, .grid .post-text:before {display:none} .grid ul.meta {width:100%!important} .grid ul.meta li {box-sizing:border-box; -moz-box-sizing:border-box;} .grid ul.meta li:nth-child(1) {width:50%; text-align:right} .grid ul.meta li:nth-child(2) {width:50%; text-align:left} .grid ul.meta li:nth-child(3) {width:46%; text-align:right; padding:0 0 0.9em 0} .grid ul.meta li:nth-child(4) {width:60px; text-align: center; padding:0 10px} .grid ul.meta li:nth-child(5) {width:auto; text-align:left; padding:0 0 0.9em 0} .grid ul.meta li:nth-child(3):after, .grid ul.meta li:nth-child(4):after, .grid ul.meta li:nth-child(5):after {display:none} .grid .lnk-comments {background-size:12px 11px} .zilla-likes:hover, .zilla-likes.active {background-size:12px 12px} .grid .article-featured-slider {display:none} .imgGrid {display:none} .grid .imgGrid {display:block} /* Publi */ #header, .publiBlack { background: url('_gfx/bgdPubli.gif') 0 0 repeat #1d1d1d!important; } .publiBlack { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .publiBlack img { margin:0 auto; display: block; max-width: 100%; height:auto; width: auto; } .publiBlack p { padding:0; margin: 0; } .publiBlack.top { width:100%; padding: 30px; position: relative; } .publiBlack.top:after { content:''; bottom:0; left:0; width: 100%; position: absolute; height: 10px; display: block; webkit-box-shadow: inset 0 -4px 10px -2px #000000; -moz-box-shadow: inset 0 -4px 10px -2px #000000; box-shadow: inset 0 -4px 10px -2px #000000; } .publiBlack.top:before { content:''; top:0; left:0; width: 100%; position: absolute; height: 10px; display: block; webkit-box-shadow: inset 0 4px 10px -2px #000000; -moz-box-shadow: inset 0 4px 10px -2px #000000; box-shadow: inset 0 4px 10px -2px #000000; } .publiBlack.top div { margin: 0 auto; max-width: 980px; } #content .publiBlack a:hover img { -moz-opacity:1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); opacity:1; } .publiBlack.right { width:256px; padding: 30px; position: absolute; top: 0; bottom: 0; right:0; display: none; } .publiBlack.right div { margin: 0 auto; max-width: 196px; } .publiBlack.content { width:100%; padding: 20px 30px; position: relative; } .post:not(.single-post) .publiBlack.content { margin-bottom: 20px; }