From e137787572c5b56b994da7a1ea0d1564b4d3eb6c Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Antonio=20Rodr=C3=ADguez?= Date: Sat, 21 Jan 2017 11:42:57 +0100 Subject: [PATCH] new design 2017 --- assets/css/bloggy.css | 2419 ++++++++++++++++++++++++++++++++++++- assets/js/bloggy.en_ES.js | 1332 +++++++++++++++++++- assets/js/bloggy.en_US.js | 1283 +++++++++++++++++++- default.hbs | 1 - 4 files changed, 5017 insertions(+), 18 deletions(-) diff --git a/assets/css/bloggy.css b/assets/css/bloggy.css index f9943a8..138b54a 100644 --- a/assets/css/bloggy.css +++ b/assets/css/bloggy.css @@ -5,4 +5,2421 @@ * @author Kiko Beats (https://github.com/Kikobeats) * @license MIT */ -article,aside,figcaption,footer,header,main,nav,section{display:block}html{font-family:Open Sans,sans-serif;-webkit-text-size-adjust:100%;text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}strong{font-weight:900}mark{background:#ff0;color:#000}img{border:0}button,input{font-family:inherit;font-size:100%;margin:0;line-height:normal}button{text-transform:none;-webkit-appearance:button;-moz-appearance:button;appearance:button;cursor:pointer}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}@font-face{font-family:Icons;src:url(../fonts/icons.eot?1);src:url(../fonts/icons.eot?1#iefix) format("embedded-opentype"),url(../fonts/icons.woff?1) format("woff"),url(../fonts/icons.ttf?1) format("truetype"),url(../fonts/icons.svg?1#icons) format("svg");font-weight:400;font-style:normal}.fade{opacity:0;-webkit-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}.collapsing{position:relative;height:0;-webkit-transition:height .35s ease;transition:height .35s ease}.collapsing,.modal-open{overflow:hidden}.modal{display:none;overflow:auto;overflow-y:scroll;position:fixed;top:0;right:0;bottom:0;left:0;z-index:8}.modal.fade .modal-dialog{-webkit-transform:translateY(-25%);transform:translateY(-25%);-webkit-transition:-webkit-transform .3s ease-out;transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;transition:transform .3s ease-out}.modal.in .modal-dialog{-webkit-transform:translate(0);transform:translate(0)}.modal-dialog{position:relative;margin-left:auto;margin-right:auto;width:auto;padding:10px;z-index:9}.modal-content{position:relative;background-color:#fff;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;box-shadow:0 3px 9px rgba(0,0,0,.5);background-clip:padding-box;outline:none}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:7;background-color:#000}.modal-backdrop.fade{opacity:0;filter:alpha(opacity=0)}.modal-backdrop.in{opacity:.5;filter:alpha(opacity=50)}.modal-header{padding:15px;border-bottom:1px solid #e5e5e5;min-height:16.428571429px}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.428571429}.modal-body{position:relative;padding:20px}.modal-footer{margin-top:15px;padding:19px 20px 20px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer:after,.modal-footer:before{content:" ";display:table}.modal-footer:after{clear:both}.modal-footer .btn+.btn{margin-left:5px;margin-bottom:0}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}@media screen and (min-width:768px){.modal-dialog{width:600px;padding-top:30px;padding-bottom:30px}.modal-content{box-shadow:0 5px 15px rgba(0,0,0,.5)}}.navbar-collapse{max-height:340px;overflow-x:visible;padding-right:15px;padding-left:15px;border-top:1px solid transparent;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.1);overflow-scrolling:touch}.navbar-collapse:after,.navbar-collapse:before{content:" ";display:table}.navbar-collapse:after{clear:both}@media (min-width:660px){.navbar-collapse{width:auto;border-top:0;box-shadow:none}.navbar-collapse.collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important}}.hidden{text-indent:-9999px;visibility:hidden;display:none}.right{float:right}.clearfix:after,.clearfix:before{content:" ";display:table}.clearfix:after{clear:both}.clearfix{*zoom:1}html{font:62.5%/1.65 Open Sans,sans-serif}body{width:100%;color:#3c4043;font-size:1.3rem}h1,h2,h3,h4{color:#242628;font-weight:900;text-rendering:optimizeLegibility;line-height:1;margin-top:0}@media (max-width:800px){h1{font-size:4rem}}@media (max-width:400px){h1{font-size:3rem}}h2{font-size:4.5rem;padding-top:.8em;margin-top:.8em;border-top:1px solid #e2edf2;margin-bottom:.45rem}@media (max-width:800px){h2{font-size:2.8rem}}@media (max-width:400px){h2{font-size:2.6rem}}h3{font-size:3.8rem;margin-bottom:.6rem}@media (max-width:800px){h3{font-size:1.8rem}}@media (max-width:400px){h3{font-size:1.6rem}}h4{font-size:2.6rem;margin-bottom:.4rem}@media (max-width:800px){h4{font-size:1.6rem}}@media (max-width:400px){h4{font-size:1.5rem}}h2 a:hover{text-decoration:none;box-shadow:inset 0 -4px 0 #5ba4e5}ol,p,ul{margin:1.6em 0}ol,ul{padding-left:2.4em}@media (max-width:600px){ol,ul{padding-left:1.6em}}li{margin:1.2rem 0}a{color:#5ba4e5;text-decoration:none;-webkit-transition:color .3s ease,text-decoration .3s ease,background .3s ease;transition:color .3s ease,text-decoration .3s ease,background .3s ease}a:hover{text-decoration:underline}mark{background-color:#fdffb6;padding:0 .1rem}nav ul{list-style:none;margin:0;padding:0;border-top:1px solid #e2edf2}nav li{margin:0;font-size:1.3rem}nav li a{display:block;padding:10px 15px;color:#7d878a;border-bottom:1px solid #e2edf2}nav li a:hover{color:#242628;background:rgba(0,0,0,.04);text-decoration:none}nav li a:before{margin-right:1em}.blog-logo{box-sizing:border-box;display:block;position:relative;z-index:6;float:left;font-size:10px;text-decoration:none;height:30px;width:30px;text-align:center;-webkit-transition:all .15s ease;transition:all .15s ease;border-radius:2px}.blog-logo>img{vertical-align:-7%;text-transform:none;speak:none;line-height:1;position:absolute;top:4px;left:4px;max-width:22px}.blog-logo>span{color:rgba(60,80,90,.7);margin-left:40px;font-size:16px;font-weight:900}.global-header{position:relative;min-height:80px}.nav-current{font-weight:900}@media (max-width:800px){.global-header{min-height:44px}}.global-header .blog-logo{text-decoration:none;position:absolute;top:15px;left:15px;-webkit-transition:all .3s ease;transition:all .3s ease}@media (max-width:800px){.global-header .blog-logo{top:7px;left:7px}}@media (max-width:660px){.global-header .blog-logo{width:81px;background:transparent;left:7px;-webkit-transition:all .25s ease,left .5s ease;transition:all .25s ease,left .5s ease;border-radius:0}.blog-logo>span{color:rgba(60,80,90,.7);margin-left:40px;font-size:16px}.global-header .blog-logo:after{color:#242628;opacity:1}}.global-header nav{background:#fff;width:100%;padding:10px 0;position:absolute;z-index:5}@media (max-width:1130px){.global-header nav{padding:0}}@media (max-width:800px){.global-header nav{position:fixed;box-shadow:0 1px 2px rgba(0,0,0,.05),inset 0 -1px 0 hsla(0,0%,100%,.5);-webkit-transition:all .15s ease-out 0;transition:all .15s ease-out 0;background:gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(25%,#fff),color-stop(100%,hsla(0,0%,100%,.93)));background:-webkit-linear-gradient(top,#fff,#fff 25%,hsla(0,0%,100%,.93));background:linear-gradient(top,#fff,#fff 25%,hsla(0,0%,100%,.93));background:linear,to bottom,#fff 0,#fff 25%,hsla(0,0%,100%,.93) 100%}.global-header nav:before{width:70%;margin-left:-35%}.global-header nav:after,.global-header nav:before{content:"";height:44px;position:absolute;bottom:0;left:50%;box-shadow:0 1px 0 rgba(0,0,0,.02)}.global-header nav:after{width:30%;margin-left:-15%}}.global-header .wrapper{padding:0 17px;min-height:60px;max-width:1100px;margin:0 auto}@media (max-width:800px){.global-header .wrapper{min-height:44px;padding:0 7px}}.global-header ul{float:right;border-top:none;position:relative;z-index:2}.global-header li{float:left;position:relative;font-size:1.1rem}.global-header li a{display:block;height:60px;padding:21px 20px;border-bottom:none;color:#242628;text-transform:uppercase;box-sizing:border-box}@media (max-width:800px){.global-header li a{height:44px;padding:13px 15px}}.global-header li a:hover{color:#5ba4e5;text-decoration:none;background:none}.global-header .mobile-menu{box-sizing:border-box;display:block;height:30px;width:30px;min-width:30px;min-height:30px;position:absolute;top:7px;right:7px;z-index:4;padding:0;color:#fff;text-align:center;background:#242628;border-radius:2px;display:none}.global-header .mobile-menu:before{font-family:Icons;font-weight:400;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\e01c";font-size:14px;margin-left:1px;vertical-align:-10%}.global-header .mobile-menu:hover{text-decoration:none}@media (max-width:660px){.global-header .mobile-menu{display:block}}.global-header .navbar-collapse{position:relative;z-index:3;clear:both;padding:0}@media (max-width:660px){.global-header .navbar-collapse{float:none;padding:0}.global-header .navbar-collapse li{float:none}.global-header .navbar-collapse li a{padding:13px 10px}.global-header .navbar-collapse li:first-child{margin-top:43px}}#global-footer{padding:20px;font-size:1.1rem;background:#fff}@media (max-width:600px){#global-footer{padding:0 15px}}#global-footer .poweredby{float:left;padding:12px 0;text-transform:none;font-weight:400;color:#7d878a}@media (max-width:600px){#global-footer .poweredby{display:block;width:100%;text-align:center}}#global-footer .poweredby a{font-weight:400;color:#7d878a;text-decoration:none}#global-footer .poweredby a:hover{color:#5ba4e5}#global-footer .facebook a:before{font-family:Icons;font-weight:400;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\e010"}#global-footer .facebook a:hover{text-decoration:none}#global-footer .twitter a:before{font-family:Icons;font-weight:400;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\e00f"}#global-footer .twitter a:hover{text-decoration:none}#footer-nav{max-width:1100px;margin:0 auto 80px;border-bottom:1px solid #e2edf2;position:relative;text-transform:uppercase}@media (max-width:800px){#footer-nav{margin:100px auto 50px}}@media (max-width:600px){#footer-nav{margin:0 auto;border:none}}#footer-nav ul{float:right;border-top:none}#footer-nav li{float:left;font-size:1em}#footer-nav li a{border:none}#footer-nav li:last-child a{padding-right:0}#footer-nav li:hover a{text-decoration:none;background:inherit}#social-menu{font-size:1.5em}#social-menu li a{padding:10px}#social-menu li a:before{margin-right:0}#social-menu li:first-child a{padding-left:0}@media (max-width:600px){#social-menu{float:none!important;font-size:2.4rem;text-align:center}#social-menu li{display:inline-block;float:none}}@media (max-width:400px){.modal-dialog{padding:0}}.modal-close{box-sizing:border-box;display:block;position:absolute;top:25px;right:20px;color:#b3b9ba}.modal-close:before{font-family:Icons;font-weight:400;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\e020";font-size:18px}.modal-close:hover{text-decoration:none;color:#7d878a}@media (max-width:800px){.modal-close{top:18px}}.modal-content{box-sizing:border-box;border:8px solid rgba(0,0,0,.2);box-shadow:none}.wrapper{position:relative}form{margin:3.2em 0}form input{box-sizing:border-box;width:260px;padding:5px;margin:0 0 5px;outline:0;font-size:1.6rem;line-height:1.4em;background:#fff;border:1px solid #d0e2ea;border-radius:2px;box-shadow:inset 0 1px 3px rgba(0,0,0,.05);-webkit-transition:all .15s ease-out 0;transition:all .15s ease-out 0}@media (max-width:500px){form input{width:100%}}form input[type=email]:focus{border:1px solid #aaa9a2;background:#fff;outline:none;outline-width:0;-webkit-transition:all .15s ease-out 0;transition:all .15s ease-out 0}.button,.button-add,.button-add[type=submit],.button-save,button,button[type=submit]{box-sizing:border-box;min-height:35px;width:auto;display:inline-block;padding:.9em 1.37em;cursor:pointer;outline:none;text-decoration:none;color:#fff;font-size:11px;line-height:13px;font-weight:200;text-align:center;letter-spacing:1px;text-transform:uppercase;text-shadow:none;border-radius:.3rem;border:.1em solid rgba(0,0,0,.05);-webkit-transition:background .3s ease,border-color .3s ease,width 1s ease;transition:background .3s ease,border-color .3s ease,width 1s ease}.button-add:not(.button-loading):hover,.button-save:not(.button-loading):hover,.button:not(.button-loading):hover,button:not(.button-loading):hover{border-color:transparent;background:#f8f8f8;text-decoration:none}.large.button-add{padding:1em 1.8em;font-size:14px;line-height:16px;border-radius:.5rem}.wide.button-add,button.wide{width:100%}@media (max-width:500px){.button,.button-add,.button-add[type=submit],.button-save,button,button[type=submit]{width:100%}}.button,button{color:#777;font-weight:400;background:#eee;box-shadow:none}.button:not(.button-loading):focus,.button:not(.button-loading):hover,button:not(.button-loading):focus,button:not(.button-loading):hover{border-color:rgba(0,0,0,.1)}.button-save,button[type=submit]{background:#5ba4e5;box-shadow:none}.button-save:not(.button-loading):focus,.button-save:not(.button-loading):hover,button[type=submit]:not(.button-loading):focus,button[type=submit]:not(.button-loading):hover{background:#2f8cde}.button-add,.button-add[type=submit]{background:#9fbb58}.button-add:not(.button-loading):focus,.button-add:not(.button-loading):hover,.button-add[type=submit]:not(.button-loading):focus,.button-add[type=submit]:not(.button-loading):hover{background:#8ba644}main{padding:0 15px}@media (max-width:400px){main{padding:0}}.page-wrapper{box-sizing:border-box;position:relative;max-width:1100px;margin:50px auto;background:#fff;border:1px solid #e2edf2;border-radius:2px}@media (max-width:1130px){.page-wrapper{margin:1px auto}}@media (max-width:800px){.page-wrapper{margin:16px auto}}@media (max-width:400px){.page-wrapper{margin:1px auto;border:none}}.checkout-choose-plan form .label input[type=radio]:not(:checked)+.radio-indicator:before,.checkout-choose-plan label input[type=radio]:not(:checked)+.radio-indicator:before,form .checkout-choose-plan .label input[type=radio]:not(:checked)+.radio-indicator:before{content:'';position:absolute;top:6px;left:-1px;width:16px;height:16px;border:2px solid #dbdbdb;border-radius:16px}@media (max-width:909px){.checkout-choose-plan form .label input[type=radio]:not(:checked)+.radio-indicator:before,.checkout-choose-plan label input[type=radio]:not(:checked)+.radio-indicator:before,form .checkout-choose-plan .label input[type=radio]:not(:checked)+.radio-indicator:before{top:4px}}.checkout-choose-plan form .label input[type=radio]:not(:checked)+.radio-indicator+p+.saving,.checkout-choose-plan label input[type=radio]:not(:checked)+.radio-indicator+p+.saving,form .checkout-choose-plan .label input[type=radio]:not(:checked)+.radio-indicator+p+.saving{background:#f2f2f2;text-decoration:line-through;color:rgba(0,0,0,.4)}.checkout-form .card-details .card-number input::-moz-placeholder{font-size:1.8rem;color:#a9a9a9}::-moz-selection{color:#f9dec7;background:#b3d5f3;text-shadow:none}::selection{color:#f9dec7;background:#b3d5f3;text-shadow:none}h1,h2,h3,h4,h5,h6{margin:1.25em 0}h1{font-size:4rem;line-height:1.2em;text-indent:-3px;letter-spacing:-2px}@media (max-width:500px){h1{font-size:2.8rem}}h2{padding-top:0;font-size:3rem;line-height:1.2em;text-indent:-2px;letter-spacing:-1px;border:0}@media (max-width:500px){h2{font-size:2.3rem}}h3{font-size:2.5rem}@media (max-width:500px){h3{font-size:2rem}}h4{font-size:2.2rem}@media (max-width:500px){h4{font-size:2rem}}h5{font-size:2rem}h6{font-size:1.8rem}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{text-decoration:underline;color:#242628}h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover{text-decoration:none;color:#3498db;box-shadow:none}blockquote>p{font-family:freight-text-pro,Georgia,Cambria,Times New Roman,Times,serif;font-style:italic;letter-spacing:.01rem;word-wrap:break-word}figcaption{font-size:90%;font-style:italic;text-align:center}.vertical,.wrap{position:relative}.vertical{top:-2%;display:table-cell;vertical-align:middle}.page-wrapper{padding:50px 60px;overflow:hidden}.blog-header{position:relative;display:table;width:100%;height:300px;padding:0 60px;margin:-50px -60px 50px;text-align:center;color:#fff;background:#303538 no-repeat 50%;background-size:cover}.blog-header h1{background-color:rgba(139,195,74,.7)}@media (max-width:400px){.blog-header{width:100%;height:200px;padding:0 15px;margin:-15px -15px 15px}}@media (max-width:650px){.blog-header{width:114%;height:250px;padding:0 11%;margin:-11% 0 11% -18%}}@media (max-width:850px){.blog-header{width:114%;padding:0 11%;margin:-11% 0 11% -18%}}@media (max-width:1100px){.blog-header{padding:0 40px;margin:-30px -40px 30px}}.blog-header h1{max-width:640px;margin:0 auto;font-size:2.8rem;letter-spacing:0;color:#fff;display:inline-block;padding:.5rem 2rem}@media (max-width:500px){.blog-header h1{font-size:1.8rem}}@media (max-width:650px){.blog-header h1{font-size:2.2rem}}@media (max-width:850px){.blog-header h1{margin:96px 96px 96px 56px;font-size:2.6rem}}.archive-template .blog-header{display:none}.blog-content{float:left;font-size:1.6rem;width:63.26531%}@media (max-width:500px){.blog-content{font-size:1.5rem}}.blog-content.fullscreen{width:100%}.blog-sidebar{float:right;width:30.61224%}.blog-sidebar h1,.blog-sidebar h2,.blog-sidebar h3,.blog-sidebar h4,.blog-sidebar h5,.blog-sidebar h6{margin-top:0}.blog-sidebar p{margin:0 0 15px;font-size:17px;font-weight:200;line-height:1.3em}.widget{padding:25px 30px 30px;margin-bottom:50px}@media (max-width:1100px){.page-wrapper{padding:30px 40px}}@media (max-width:1000px){.blog-content,.blog-sidebar{float:none;width:100%}}@media (max-width:850px){.page-wrapper{padding:8% 11%}.blog-content{margin-right:0}.blog-sidebar{position:static;width:100%;margin-top:30px}}@media (max-width:650px){.page-wrapper{padding:6% 9%}}@media (max-width:400px){.page-wrapper{padding:15px}}.post{margin-bottom:40px;border-bottom:1px dashed #d0e2ea}@media (max-width:500px){.post{margin-bottom:25px}}.post-title{margin:0}.post-title a{text-decoration:none}.post-excerpt p{margin:2.6rem 0}@media (max-width:500px){.post-excerpt p{margin:2rem 0}}.post-meta{margin:5px 0;font-size:1.4rem;color:#9eabb3}.post-meta .author-img{float:left;width:24px;height:24px;margin-right:9px}@media (max-width:500px){.post-meta .author-img{display:none}}.author-img{border-radius:100%}.post-meta a{text-decoration:none;color:#9eabb3}.post-meta a:hover{text-decoration:underline}.more-links{margin:2em 0}@media (max-width:500px){.more-links{margin:1.6em 0}.more-links .right{display:none}}.read-more{min-height:0;padding:.3em .5em;font-size:10px;line-height:12px;vertical-align:top}@media (max-width:500px){.read-more{padding:1em}}@media (min-width:768px){.navbar-collapse.closed{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important}}.wrap article aside{display:none}.wrap.featured .blog-content{width:100%}.wrap.featured .blog-sidebar{display:none}.wrap.featured article{max-width:700px;margin:0 auto;font-size:1.15em}.wrap.featured .post-title{margin-top:480px}@media (max-width:900px){.wrap.featured .post-title{margin-top:280px}}@media (max-width:500px){.wrap.featured .post-title{margin-top:140px}}.wrap.featured aside{display:block;float:right;width:300px;color:#111;border-top:3px solid #55acee;margin-top:5px;margin-right:-150px;margin-left:30px;margin-bototm:1.6em;background:#e2edf2;border-radius:3px;padding:20px 30px 25px;font-size:15px;line-height:1.8em}@media (max-width:1020px){.wrap.featured aside{display:none}}.wrap.featured .post-content .full-img{width:calc(100% + 120px);max-width:none;margin-left:-60px;margin-right:-60px}@media (max-width:1100px){.wrap.featured .post-content .full-img{width:calc(100% + 30px);margin-left:-15px;margin-right:-15px}}.hero{position:absolute;top:-50px;right:-60px;left:-60px;overflow:hidden}@media (max-width:850px){.hero{top:-40px;right:-11%;left:-11%}}.hero-image{height:500px;background:#eee no-repeat 50%;background-size:cover}@media (max-width:900px){.hero-image{height:300px}}@media (max-width:500px){.hero-image{height:200px}}.post-template .post{margin-bottom:0;border-bottom:none}.post-template .fb-like{margin-right:30px}.post-content{margin-bottom:3.2em}.post-content img{display:block;height:auto;max-width:100%;margin:1.5em auto}@media (max-width:500px){.post-content img{margin:1.6em auto}}.post-content .full-img{width:calc(100% + 60px);max-width:none;margin-left:-60px}@media (max-width:400px){.post-content .full-img{width:100%;width:calc(100% + 30px);margin-right:-15px;margin-left:-15px}}@media (max-width:650px){.post-content .full-img{width:122%;margin-right:-11%;margin-left:-11%}}@media (max-width:850px){.post-content .full-img{width:130%;margin-right:-15%;margin-left:-15%}}@media (max-width:1100px){.post-content .full-img{width:calc(100% + 30px);margin-left:-15px}}.share{margin:1.6em 0}@media (max-width:750px){.share{display:none}}.twitter-share-button{margin-right:30px}.fb-like{line-height:1.2rem}.pocket-btn{display:inline-block;margin-right:-10px;vertical-align:top}[class^=PIN_]{-webkit-transition:none;transition:none}.author{position:relative;padding:30px;margin:1.6em 0;border:2px dashed #e2edf2;background:#f4f8fa}.author .author-img{position:absolute;top:30px;left:30px;width:80px;height:80px;border:5px solid #fff}.author-meta{margin-left:120px}.author-meta h4{margin-top:.25rem}.author-meta p{font-size:1.4rem;margin:1rem 0 0}@media (max-width:550px){.author{padding:20px;text-align:center}.author .author-img{position:static}.author-meta{margin-left:0}.author-meta p{font-size:1.3rem}}.footnotes{font-size:1.3rem;font-style:italic}.footnotes li{margin:.6rem 0}.footnotes p{margin:0}.comments{margin-top:3.2em}code,pre{font-family:Consolas,Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,serif;font-size:90%;line-height:1.5;text-align:left;white-space:pre;word-spacing:normal;word-wrap:normal;word-break:normal;-moz-tab-size:2;-o-tab-size:2;tab-size:2;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none;color:#000;text-shadow:0 1px #fff;direction:ltr}code::-moz-selection,pre::-moz-selection{background:#b3d4fc;text-shadow:none}code::selection,pre::selection{background:#b3d4fc;text-shadow:none}@media print{code,pre{text-shadow:none}}pre{padding:1em;margin:2.5rem 0;overflow:auto}:not(pre)>code,pre{border:1px solid rgba(0,0,0,.15);background:#fbfaf8}:not(pre)>code{padding:1px 3px;font-family:Consolas,Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,serif;font-size:72%;line-height:72%;white-space:normal;color:#c25;border:1px solid #e1e1e8;border-radius:.3em;background-color:#f7f7f9;text-shadow:0 1px #fff}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#969896}.token.punctuation{color:#333}.namespace{opacity:.7}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:#0086b3}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#183691}.language-css .token.string,.style .token.string,.token.atrule,.token.attr-value,.token.entity,.token.keyword,.token.operator,.token.url{color:#a71d5d}.token.function{color:#0086b3}.token.important,.token.regex,.token.variable{color:#e90}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}pre[data-line]{padding:1em 0 1em 3em}div.prism-show-language,pre[data-line]{position:relative}div.prism-show-language>div.prism-show-language-label[data-language]{position:absolute;top:0;right:0;bottom:auto;left:auto;z-index:1;display:inline-block;width:auto;height:auto;padding:0 .5em;font-size:.9em;-webkit-transform:none;transform:none;color:#000;border-radius:0 0 0 5px;background-color:#cfcfcf;box-shadow:none;text-shadow:none}.pagination{position:relative;margin:40px auto 20px;font-size:1.3rem;text-align:center}.pagination,.pagination a{color:#9eabb3}.pagination a:hover{text-decoration:none}.newer-posts,.older-posts{position:absolute;display:inline-block;padding:5px 15px;-webkit-transition:border .3s ease;transition:border .3s ease;text-decoration:none;border:2px solid #ebf2f6;border-radius:30px}@media (max-width:500px){.newer-posts,.older-posts{position:static;margin:10px 0}}.older-posts{right:0}.page-number{display:inline-block;padding:5px 0}@media (max-width:500px){.page-number{display:block}}.newer-posts{left:0}.newer-posts:hover,.older-posts:hover{border-color:#9eabb3}.read-next{margin:4rem 0;border-radius:5px;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.read-next,.read-next-story{display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden}.read-next-story{position:relative;min-width:50%;text-align:center;color:#fff;background:#222 no-repeat 50%;background-size:cover;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.read-next-story,.read-next-story:hover{text-decoration:none}.read-next-story:hover:before{-webkit-transition:all .2s ease;transition:all .2s ease;background:rgba(0,0,0,.8)}.read-next-story:hover .post:before{-webkit-transition:all .2s ease;transition:all .2s ease;color:#222;background:#fff}.read-next-story:before{position:absolute;top:0;right:0;bottom:0;left:0;display:block;content:"";-webkit-transition:all .5s ease;transition:all .5s ease;background:rgba(0,0,0,.7)}.read-next-story .post{position:relative;width:80%;padding:3rem 0;margin:0 auto}.read-next-story .post:before{padding:4px 10px 5px;font-family:Open Sans,sans-serif;font-size:1.1rem;content:"READ THIS NEXT";-webkit-transition:all .5s ease;transition:all .5s ease;text-transform:uppercase;color:hsla(0,0%,100%,.8);border:1px solid hsla(0,0%,100%,.5);border-radius:4px}.read-next-story.prev .post:before{content:"Tal vez te interese"}.read-next-story h2{margin-top:3rem;color:#fff}.read-next-story p{margin:3rem 0 0;font-weight:200;line-height:1.4em;color:hsla(0,0%,100%,.8)}.read-next-story.no-cover{background:#fff}.read-next-story.no-cover:before{display:none}.read-next-story.no-cover .post:before{color:rgba(0,0,0,.5);border-color:rgba(0,0,0,.2)}.read-next-story.no-cover:hover .post:before{color:#3498db;border-color:#3498db}.read-next-story.no-cover h2{color:rgba(0,0,0,.8)}.read-next-story.no-cover p{color:rgba(0,0,0,.5)}.read-next-story.no-cover+.read-next-story.no-cover{border-left:1px solid rgba(0,0,100,.04)}.tags{vertical-align:text-bottom}.tags>a{padding:.167rem .5rem;font-size:.85rem;-webkit-transition:all .35s;transition:all .35s;text-transform:uppercase;color:#f8f8f8;border-radius:.7rem;background-color:rgba(230,126,34,.7)}#global-footer .poweredby a{text-decoration:underline}.global-header{min-height:30px}#feature-one{color:#2ecc71}@media (min-width:800px){#feature-one{height:30px;padding:6px 10px;margin:15px 0 0;-webkit-transition:all .5s ease;transition:all .5s ease;border:1.5px solid #2ecc71;border-radius:2px;background:hsla(0,0%,100%,.8)!important}#feature-one:hover{color:hsla(0,0%,100%,.8)!important;background:#2ecc71!important}}@media (max-width:800px){#feature-one{font-weight:900}}#feature-two{color:#3498db}@media (min-width:800px){#feature-two{height:30px;padding:6px 10px;margin:15px 0 0;-webkit-transition:all .5s ease;transition:all .5s ease;border:1.5px solid #3498db;border-radius:2px;background:hsla(0,0%,100%,.8)!important}#feature-two:hover{color:hsla(0,0%,100%,.8)!important;background:#3498db!important}}@media (max-width:800px){#feature-two{font-weight:900}}.button-add,.button-add[type=submit],.button-green{-webkit-transition:all .5s ease;transition:all .5s ease;background:#fff;border:2px solid #2ecc71;color:#2ecc71}.button-add:not(.button-loading):focus,.button-add:not(.button-loading):hover,.button-add[type=submit]:not(.button-loading):focus,.button-add[type=submit]:not(.button-loading):hover,.button-green:not(.button-loading):focus,.button-green:not(.button-loading):hover,.ghost-pro-ad:hover .button-add:not(.button-loading),.ghost-pro-ad:hover [type=submit].button-add:not(.button-loading){background:#2ecc71;color:#fff}.button-blue,.button-save,button[type=submit],input[type=submit]{background:#3498db;box-shadow:none}.button-blue:not(.button-loading):focus,.button-blue:not(.button-loading):hover,.button-save:not(.button-loading):focus,.button-save:not(.button-loading):hover,button[type=submit]:not(.button-loading):focus,button[type=submit]:not(.button-loading):hover,input[type=submit]:not(.button-loading):focus,input[type=submit]:not(.button-loading):hover{background:#217dbb}#blogsubscribe .modal-header{padding:50px 50px 0;text-align:center;border:none}@media (max-width:450px){#blogsubscribe .modal-header{padding:35px 20px 0}}#blogsubscribe .modal-title{font-size:2.8rem;font-weight:700;line-height:1.1em}@media (max-width:450px){#blogsubscribe .modal-title{font-size:2.2rem}}#blogsubscribe .modal-body{padding:30px 50px 50px;text-align:center}@media (max-width:450px){#blogsubscribe .modal-body{padding:10px 20px 30px}}#blogsubscribe form{margin:0}#blogsubscribe input{width:100%;height:50px;padding:0 15px;margin-bottom:1rem}#blogsubscribe input:last-of-type{min-height:50px;font-size:1.8rem;line-height:1}@media (max-width:450px){#blogsubscribe input:last-of-type{font-size:1.3rem}}#blogsubscribe p{margin:1rem 0;color:#aaa9a2}.fbgroup-box,.twitter-box{position:relative;padding:0}@media (max-width:1000px){.fbgroup-box,.twitter-box{display:none}}.fbgroup-box img,.twitter-box img{width:100%}.twitter-box-profilepic{position:absolute;top:100px;left:50%;display:block;width:100px;height:100px;margin-left:-50px;text-align:center;border-radius:100%;background:#fff}.twitter-box-profilepic img{width:80%;height:auto;margin-top:6px}.fbgroup-box .twitter-box-profilepic,.twitter-box-dev .twitter-box-profilepic{background-color:#e2edf2;border:5px solid #fff}.fbgroup-box .twitter-box-profilepic img,.twitter-box-dev .twitter-box-profilepic img{width:70px;margin-top:15px}.fbgroup-box-content,.twitter-box-content{padding:50px 10px 10px;text-align:center;border:1px solid #eee;border-top:none}.fbgroup-box-content h4,.twitter-box-content h4{font-size:2rem;font-weight:700}.fbgroup-box-content p,.twitter-box-content p{margin:.8rem 0;font-size:1.4rem;line-height:1.5em;color:#35393b}.twitter-follow-button{margin:1rem 0}.facebook-box{padding:3px 0 0}@media (max-width:1000px){.facebook-box{display:none}}.fbgroup-box .fbgroup-box-profilepic img{width:70px;margin-top:15px}.fbgroup-box-content>h4{margin:1rem}.fbgroup-box-content>p{margin:2rem 0}.fbgroup-box-content>a{margin:1rem 0}.fbgroup-box-content .button-add{width:60%}.fbgroup-box-profilepic{position:absolute;top:100px;left:50%;display:block;width:100px;height:100px;margin-left:-50px;text-align:center;border-radius:100%;background:#fff}.fbgroup-box-profilepic img{width:80%;height:auto;margin-top:6px}.feature-post,.popular-posts{padding:0}.feature-post h3,.popular-posts h3{margin-bottom:2rem;font-size:1.8rem;font-weight:700;text-transform:uppercase}.feature-post mark,.popular-posts mark{padding:0 4px;font-weight:400;color:#fff;background:#f1c40f}.feature-post ol,.popular-posts ol{padding:0;margin:0;list-style:none}.feature-post li,.popular-posts li{position:relative;display:block;margin:0 0 2px;font-size:1.4rem;line-height:1.4em;background:#f0f6f8}.feature-post li:hover,.popular-posts li:hover{background:#e2edf2}.feature-post li:hover .number,.popular-posts li:hover .number{background:#d4e4ec}.feature-post li:nth-child(3n) .number,.popular-posts li:nth-child(3n) .number{border-color:#35393b}.feature-post li:nth-child(3n+2) .number,.popular-posts li:nth-child(3n+2) .number{border-color:#e74c3c}.feature-post a,.popular-posts a{display:block;min-height:38px;padding:15px 15px 15px 75px;color:rgba(0,0,0,.7)}.feature-post a:hover,.popular-posts a:hover{text-decoration:none}.feature-post .number,.popular-posts .number{position:absolute;top:0;bottom:0;left:0;display:block;width:37px;padding:10px;font-size:2.8rem;font-weight:700;line-height:1.5em;text-align:center;color:rgba(0,0,0,.2);border-left:3px solid #3498db;background:#e2edf2}.blog-subscribe{padding:0;text-align:center}.blog-subscribe h3{font-weight:700;text-transform:uppercase}.blog-subscribe p{margin:1rem 0 2.5rem;font-size:1.6rem;font-weight:200;color:#aaa9a2}.subscribe-banner{width:100%;padding:10px 0;font-size:1.6rem;font-weight:700;text-align:center;color:#fff;background:#2ecc71}.subscribe-banner .button{color:#fff;background:#242628}.subscribe-banner .button:hover{background:#111}@media (max-width:800px){.subscribe-banner{display:none}} \ No newline at end of file + +@import url('https://fonts.googleapis.com/css?family=Cabin'); +:root { + --first: #6496cd; + --second: #84ccd8; + --dark: #31393c; + --complement: #2176ff; + --highlight: #ef7b45; +} + +article, aside, figcaption, footer, header, main, nav, section { + display: block +} + +html { + font-family: Helvetica, sans-serif; + -webkit-text-size-adjust: 100%; + text-size-adjust: 100%; + -ms-text-size-adjust: 100%; +} + +body { + margin: 0 +} + +a:focus { + outline: thin dotted +} + +a:active, a:hover { + outline: 0 +} + +h1 { + font-size: 2em; + margin: .67em 0 +} + +strong { + font-weight: 900 +} + +mark { + background: #ff0; + color: #000 +} + +img { + border: 0 +} + +button, input { + font-family: inherit; + font-size: 100%; + margin: 0; + line-height: normal +} + +button { + text-transform: none; + -webkit-appearance: button; + -moz-appearance: button; + appearance: button; + cursor: pointer +} + +button::-moz-focus-inner, input::-moz-focus-inner { + border: 0; + padding: 0 +} + +@font-face { + font-family: Icons; + src: url(../fonts/icons.eot?1); + src: url(../fonts/icons.eot?1#iefix) format("embedded-opentype"), url(../fonts/icons.woff?1) format("woff"), url(../fonts/icons.ttf?1) format("truetype"), url(../fonts/icons.svg?1#icons) format("svg"); + font-weight: 400; + font-style: normal +} + +.fade { + opacity: 0; + -webkit-transition: opacity .15s linear; + transition: opacity .15s linear +} + +.fade.in { + opacity: 1 +} + +.collapse { + display: none +} + +.collapse.in { + display: block +} + +.collapsing { + position: relative; + height: 0; + -webkit-transition: height .35s ease; + transition: height .35s ease +} + +.collapsing, .modal-open { + overflow: hidden +} + +.modal { + display: none; + overflow: auto; + overflow-y: scroll; + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 8 +} + +.modal.fade .modal-dialog { + -webkit-transform: translateY(-25%); + transform: translateY(-25%); + -webkit-transition: -webkit-transform .3s ease-out; + transition: -webkit-transform .3s ease-out; + transition: transform .3s ease-out, -webkit-transform .3s ease-out; + transition: transform .3s ease-out +} + +.modal.in .modal-dialog { + -webkit-transform: translate(0); + transform: translate(0) +} + +.modal-dialog { + position: relative; + margin-left: auto; + margin-right: auto; + width: auto; + padding: 10px; + z-index: 9 +} + +.modal-content { + position: relative; + background-color: #fff; + border: 1px solid #999; + border: 1px solid rgba(0, 0, 0, .2); + border-radius: 6px; + box-shadow: 0 3px 9px rgba(0, 0, 0, .5); + background-clip: padding-box; + outline: none +} + +.modal-backdrop { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 7; + background-color: #000 +} + +.modal-backdrop.fade { + opacity: 0; + filter: alpha(opacity=0) +} + +.modal-backdrop.in { + opacity: .5; + filter: alpha(opacity=50) +} + +.modal-header { + padding: 15px; + border-bottom: 1px solid #e5e5e5; + min-height: 16.428571429px +} + +.modal-header .close { + margin-top: -2px +} + +.modal-title { + margin: 0; + line-height: 1.428571429 +} + +.modal-body { + position: relative; + padding: 20px +} + +.modal-footer { + margin-top: 15px; + padding: 19px 20px 20px; + text-align: right; + border-top: 1px solid #e5e5e5 +} + +.modal-footer:after, .modal-footer:before { + content: " "; + display: table +} + +.modal-footer:after { + clear: both +} + +.modal-footer .btn+.btn { + margin-left: 5px; + margin-bottom: 0 +} + +.modal-footer .btn-group .btn+.btn { + margin-left: -1px +} + +.modal-footer .btn-block+.btn-block { + margin-left: 0 +} + +@media screen and (min-width:768px) { + .modal-dialog { + width: 600px; + padding-top: 30px; + padding-bottom: 30px + } + .modal-content { + box-shadow: 0 5px 15px rgba(0, 0, 0, .5) + } +} + +.navbar-collapse { + max-height: 340px; + overflow-x: visible; + padding-right: 15px; + padding-left: 15px; + border-top: 1px solid transparent; + box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .1); + overflow-scrolling: touch +} + +.navbar-collapse:after, .navbar-collapse:before { + content: " "; + display: table +} + +.navbar-collapse:after { + clear: both +} + +@media (min-width:660px) { + .navbar-collapse { + width: auto; + border-top: 0; + box-shadow: none + } + .navbar-collapse.collapse { + display: block!important; + height: auto!important; + padding-bottom: 0; + overflow: visible!important + } +} + +.hidden { + text-indent: -9999px; + visibility: hidden; + display: none +} + +.right { + float: right +} + +.clearfix:after, .clearfix:before { + content: " "; + display: table +} + +.clearfix:after { + clear: both +} + +.clearfix { + *zoom: 1 +} + +html { + font: 62.5%/1.65 Helvetica, sans-serif +} + +body { + width: 100%; + color: var(--dark); + font-size: 1.3rem +} + +h1, h2, h3, h4 { + color: var(--dark); + font-weight: 900; + text-rendering: optimizeLegibility; + line-height: 1; + margin-top: 0 +} + +@media (max-width:800px) { + h1 { + font-size: 4rem + } +} + +@media (max-width:400px) { + h1 { + font-size: 3rem + } +} + +h2 { + font-size: 4.5rem; + padding-top: .8em; + margin-top: .8em; + border-top: 1px solid #e2edf2; + margin-bottom: .45rem +} + +@media (max-width:800px) { + h2 { + font-size: 2.8rem + } +} + +@media (max-width:400px) { + h2 { + font-size: 2.6rem + } +} + +h3 { + font-size: 3.8rem; + margin-bottom: .6rem +} + +@media (max-width:800px) { + h3 { + font-size: 1.8rem + } +} + +@media (max-width:400px) { + h3 { + font-size: 1.6rem + } +} + +h4 { + font-size: 2.6rem; + margin-bottom: .4rem +} + +@media (max-width:800px) { + h4 { + font-size: 1.6rem + } +} + +@media (max-width:400px) { + h4 { + font-size: 1.5rem + } +} + +h2 a:hover { + text-decoration: none; + box-shadow: inset 0 -4px 0 var(--second); +} + +ol, p, ul { + margin: 1.6em 0 +} + +ol, ul { + padding-left: 2.4em +} + +@media (max-width:600px) { + ol, ul { + padding-left: 1.6em + } +} + +li { + margin: 1.2rem 0 +} + +a { + color: var(--complement); + text-decoration: none; + -webkit-transition: all .3s ease, text-decoration .3s ease, background .3s ease; + transition: all .3s ease, text-decoration .3s ease, background .3s ease; +} + +p>a { + border: solid 2px transparent; +} + +p>a:hover { + background-color: var(--complement); + border-color: var(--complement); + color: #FFF; +} + +mark { + background-color: #fdffb6; + padding: 0 .1rem +} + +nav ul { + list-style: none; + margin: 0; + padding: 0; + border-top: 1px solid #e2edf2 +} + +nav li { + margin: 0; + font-size: 1.3rem +} + +nav li a { + display: block; + padding: 10px 15px; + color: #7d878a; + border-bottom: 1px solid #e2edf2 +} + +nav li a:hover { + color: var(--complement); + background: rgba(0, 0, 0, .04); + text-decoration: none +} + +nav li a:before { + margin-right: 1em +} + +.blog-logo { + box-sizing: border-box; + display: block; + position: relative; + z-index: 6; + float: left; + font-size: 10px; + text-decoration: none; + height: 30px; + width: 30px; + text-align: center; + -webkit-transition: all .15s ease; + transition: all .15s ease; + border-radius: 2px +} + +.blog-logo>img { + vertical-align: -7%; + text-transform: none; + speak: none; + line-height: 1; + position: absolute; + left: 4px; + max-width: 22px +} + +.blog-logo>span { + color: var(--dark); + margin-left: 40px; + font-size: 16px; + font-weight: 900; + font-family: Cabin, sans-serif; + text-transform: uppercase; +} + +.global-header { + position: relative; + min-height: 80px +} + +.nav-current { + font-weight: 900 +} + +@media (max-width:800px) { + .global-header { + min-height: 44px + } +} + +.global-header .blog-logo { + text-decoration: none; + position: absolute; + top: 19px; + left: 15px; + -webkit-transition: all .3s ease; + transition: all .3s ease +} + +@media (max-width:800px) { + .global-header .blog-logo { + top: 7px; + left: 7px + } +} + +@media (max-width:660px) { + .global-header .blog-logo { + width: 81px; + background: transparent; + left: 7px; + -webkit-transition: all .25s ease, left .5s ease; + transition: all .25s ease, left .5s ease; + border-radius: 0 + } + .blog-logo>span { + color: rgba(60, 80, 90, .7); + margin-left: 40px; + font-size: 16px + } + .global-header .blog-logo:after { + color: #242628; + opacity: 1 + } +} + +.global-header nav { + background: #fff; + width: 100%; + padding: 10px 0; + position: absolute; + z-index: 5 +} + +@media (max-width:1130px) { + .global-header nav { + padding: 0 + } +} + +@media (max-width:800px) { + .global-header nav { + position: fixed; + box-shadow: 0 1px 2px rgba(0, 0, 0, .05), inset 0 -1px 0 hsla(0, 0%, 100%, .5); + -webkit-transition: all .15s ease-out 0; + transition: all .15s ease-out 0; + background: gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(25%, #fff), color-stop(100%, hsla(0, 0%, 100%, .93))); + background: -webkit-linear-gradient(top, #fff, #fff 25%, hsla(0, 0%, 100%, .93)); + background: linear-gradient(top, #fff, #fff 25%, hsla(0, 0%, 100%, .93)); + background: linear, to bottom, #fff 0, #fff 25%, hsla(0, 0%, 100%, .93) 100% + } + .global-header nav:before { + width: 70%; + margin-left: -35% + } + .global-header nav:after, .global-header nav:before { + content: ""; + height: 44px; + position: absolute; + bottom: 0; + left: 50%; + box-shadow: 0 1px 0 rgba(0, 0, 0, .02) + } + .global-header nav:after { + width: 30%; + margin-left: -15% + } +} + +.global-header .wrapper { + padding: 0 17px; + min-height: 60px; + max-width: 1100px; + margin: 0 auto +} + +@media (max-width:800px) { + .global-header .wrapper { + min-height: 44px; + padding: 0 7px + } +} + +.global-header ul { + float: right; + border-top: none; + position: relative; + z-index: 2 +} + +.global-header li { + float: left; + position: relative; + font-size: 1.1rem +} + +.global-header li a { + display: block; + height: 60px; + padding: 21px 20px; + border-bottom: none; + color: #242628; + text-transform: uppercase; + box-sizing: border-box +} + +@media (max-width:800px) { + .global-header li a { + height: 44px; + padding: 13px 15px + } +} + +.global-header li a:hover { + color: var(--second); + text-decoration: none; + background: none +} + +.global-header .mobile-menu { + box-sizing: border-box; + display: block; + height: 30px; + width: 30px; + min-width: 30px; + min-height: 30px; + position: absolute; + top: 7px; + right: 7px; + z-index: 4; + padding: 0; + color: #fff; + text-align: center; + background: #242628; + border-radius: 2px; + display: none +} + +.global-header .mobile-menu:before { + font-family: Icons; + font-weight: 400; + font-style: normal; + vertical-align: -7%; + text-transform: none; + speak: none; + line-height: 1; + font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + content: "\e01c"; + font-size: 14px; + margin-left: 1px; + vertical-align: -10% +} + +.global-header .mobile-menu:hover { + text-decoration: none +} + +@media (max-width:660px) { + .global-header .mobile-menu { + display: block + } +} + +.global-header .navbar-collapse { + position: relative; + z-index: 3; + clear: both; + padding: 0 +} + +@media (max-width:660px) { + .global-header .navbar-collapse { + float: none; + padding: 0 + } + .global-header .navbar-collapse li { + float: none + } + .global-header .navbar-collapse li a { + padding: 13px 10px + } + .global-header .navbar-collapse li:first-child { + margin-top: 43px + } +} + +#global-footer { + padding: 20px; + font-size: 1.1rem; + background: #fff +} + +@media (max-width:600px) { + #global-footer { + padding: 0 15px + } +} + +#global-footer .poweredby { + float: left; + padding: 12px 0; + text-transform: none; + font-weight: 400; + color: #7d878a +} + +@media (max-width:600px) { + #global-footer .poweredby { + display: block; + width: 100%; + text-align: center + } +} + +#global-footer .poweredby a { + font-weight: 400; + color: #7d878a; + text-decoration: none +} + +#global-footer .poweredby a:hover { + color: var(--second); +} + +#global-footer .facebook a:before { + font-family: Icons; + font-weight: 400; + font-style: normal; + vertical-align: -7%; + text-transform: none; + speak: none; + line-height: 1; + font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + content: "\e010" +} + +#global-footer .facebook a:hover { + text-decoration: none +} + +#global-footer .twitter a:before { + font-family: Icons; + font-weight: 400; + font-style: normal; + vertical-align: -7%; + text-transform: none; + speak: none; + line-height: 1; + font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + content: "\e00f" +} + +#global-footer .twitter a:hover { + text-decoration: none +} + +#footer-nav { + max-width: 1100px; + margin: 0 auto 80px; + border-bottom: 1px solid #e2edf2; + position: relative; + text-transform: uppercase +} + +@media (max-width:800px) { + #footer-nav { + margin: 100px auto 50px + } +} + +@media (max-width:600px) { + #footer-nav { + margin: 0 auto; + border: none + } +} + +#footer-nav ul { + float: right; + border-top: none +} + +#footer-nav li { + float: left; + font-size: 1em +} + +#footer-nav li a { + border: none +} + +#footer-nav li:last-child a { + padding-right: 0 +} + +#footer-nav li:hover a { + text-decoration: none; + background: inherit +} + +#social-menu { + font-size: 1.5em +} + +#social-menu li a { + padding: 10px +} + +#social-menu li a:before { + margin-right: 0 +} + +#social-menu li:first-child a { + padding-left: 0 +} + +@media (max-width:600px) { + #social-menu { + float: none!important; + font-size: 2.4rem; + text-align: center + } + #social-menu li { + display: inline-block; + float: none + } +} + +@media (max-width:400px) { + .modal-dialog { + padding: 0 + } +} + +.modal-close { + box-sizing: border-box; + display: block; + position: absolute; + top: 25px; + right: 20px; + color: #b3b9ba +} + +.modal-close:before { + font-family: Icons; + font-weight: 400; + font-style: normal; + vertical-align: -7%; + text-transform: none; + speak: none; + line-height: 1; + font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + content: "\e020"; + font-size: 18px +} + +.modal-close:hover { + text-decoration: none; + color: #7d878a +} + +@media (max-width:800px) { + .modal-close { + top: 18px + } +} + +.modal-content { + box-sizing: border-box; + border: 8px solid rgba(0, 0, 0, .2); + box-shadow: none +} + +.wrapper { + position: relative +} + +form { + margin: 3.2em 0 +} + +form input { + box-sizing: border-box; + width: 260px; + padding: 5px; + margin: 0 0 5px; + outline: 0; + font-size: 1.6rem; + line-height: 1.4em; + background: #fff; + border: 1px solid #d0e2ea; + border-radius: 2px; + box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05); + -webkit-transition: all .15s ease-out 0; + transition: all .15s ease-out 0 +} + +@media (max-width:500px) { + form input { + width: 100% + } +} + +form input[type=email]:focus { + border: 1px solid #aaa9a2; + background: #fff; + outline: none; + outline-width: 0; + -webkit-transition: all .15s ease-out 0; + transition: all .15s ease-out 0 +} + +.button, .button-add, .button-add[type=submit], .button-save, button, button[type=submit] { + box-sizing: border-box; + min-height: 35px; + width: auto; + display: inline-block; + padding: .9em 1.37em; + cursor: pointer; + outline: none; + text-decoration: none; + color: #fff; + font-size: 11px; + line-height: 13px; + font-weight: 200; + text-align: center; + letter-spacing: 1px; + text-transform: uppercase; + text-shadow: none; + border-radius: .3rem; + border: .1em solid rgba(0, 0, 0, .05); + -webkit-transition: background .3s ease, border-color .3s ease, width 1s ease; + transition: background .3s ease, border-color .3s ease, width 1s ease +} + +.button-add:not(.button-loading):hover, .button-save:not(.button-loading):hover, .button:not(.button-loading):hover, button:not(.button-loading):hover { + border-color: transparent; + background: #f8f8f8; + text-decoration: none +} + +.large.button-add { + padding: 1em 1.8em; + font-size: 14px; + line-height: 16px; + border-radius: .5rem +} + +.wide.button-add, button.wide { + width: 100% +} + +@media (max-width:500px) { + .button, .button-add, .button-add[type=submit], .button-save, button, button[type=submit] { + width: 100% + } +} + +.button, button { + color: #777; + font-weight: 400; + background: #eee; + box-shadow: none +} + +.button:not(.button-loading):focus, .button:not(.button-loading):hover, button:not(.button-loading):focus, button:not(.button-loading):hover { + border-color: rgba(0, 0, 0, .1) +} + +.button-save, button[type=submit] { + background: #var(--second); + box-shadow: none +} + +.button-save:not(.button-loading):focus, .button-save:not(.button-loading):hover, button[type=submit]:not(.button-loading):focus, button[type=submit]:not(.button-loading):hover { + background: #2f8cde +} + +.button-add, .button-add[type=submit] { + background: #9fbb58 +} + +.button-add:not(.button-loading):focus, .button-add:not(.button-loading):hover, .button-add[type=submit]:not(.button-loading):focus, .button-add[type=submit]:not(.button-loading):hover { + background: #8ba644 +} + +main { + padding: 0 15px +} + +@media (max-width:400px) { + main { + padding: 0 + } +} + +.page-wrapper { + box-sizing: border-box; + position: relative; + max-width: 1100px; + margin: 50px auto; + background: #fff; + border: 1px solid #e2edf2; + border-radius: 2px +} + +@media (max-width:1130px) { + .page-wrapper { + margin: 1px auto + } +} + +@media (max-width:800px) { + .page-wrapper { + margin: 16px auto + } +} + +@media (max-width:400px) { + .page-wrapper { + margin: 1px auto; + border: none + } +} + +.checkout-choose-plan form .label input[type=radio]:not(:checked)+.radio-indicator:before, .checkout-choose-plan label input[type=radio]:not(:checked)+.radio-indicator:before, form .checkout-choose-plan .label input[type=radio]:not(:checked)+.radio-indicator:before { + content: ''; + position: absolute; + top: 6px; + left: -1px; + width: 16px; + height: 16px; + border: 2px solid #dbdbdb; + border-radius: 16px +} + +@media (max-width:909px) { + .checkout-choose-plan form .label input[type=radio]:not(:checked)+.radio-indicator:before, .checkout-choose-plan label input[type=radio]:not(:checked)+.radio-indicator:before, form .checkout-choose-plan .label input[type=radio]:not(:checked)+.radio-indicator:before { + top: 4px + } +} + +.checkout-choose-plan form .label input[type=radio]:not(:checked)+.radio-indicator+p+.saving, .checkout-choose-plan label input[type=radio]:not(:checked)+.radio-indicator+p+.saving, form .checkout-choose-plan .label input[type=radio]:not(:checked)+.radio-indicator+p+.saving { + background: #f2f2f2; + text-decoration: line-through; + color: rgba(0, 0, 0, .4) +} + +.checkout-form .card-details .card-number input::-moz-placeholder { + font-size: 1.8rem; + color: #a9a9a9 +} + +::-moz-selection { + color: #f9dec7; + background: var(--first); + text-shadow: none +} + +::selection { + color: #f9dec7; + background: var(--first); + text-shadow: none +} + +h1, h2, h3, h4, h5, h6 { + margin: 1.25em 0; + font-family: Cabin; +} + +h1 { + font-size: 4rem; + line-height: 1.2em; + text-indent: -3px; +} + +@media (max-width:500px) { + h1 { + font-size: 2.8rem + } +} + +h2 { + padding-top: 0; + font-size: 3rem; + line-height: 1.2em; + text-indent: -2px; + border: 0 +} + +@media (max-width:500px) { + h2 { + font-size: 2.3rem + } +} + +h3 { + font-size: 2.5rem +} + +@media (max-width:500px) { + h3 { + font-size: 2rem + } +} + +h4 { + font-size: 2.2rem +} + +@media (max-width:500px) { + h4 { + font-size: 2rem + } +} + +h5 { + font-size: 2rem +} + +h6 { + font-size: 1.8rem +} + +h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { + text-decoration: underline; + color: var(--dark); +} + +h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { + text-decoration: none; + color: var(--second); + box-shadow: none +} + +blockquote>p { + font-family: freight-text-pro, Georgia, Cambria, Times New Roman, Times, serif; + font-style: italic; + letter-spacing: .01rem; + word-wrap: break-word +} + +figcaption { + font-size: 90%; + font-style: italic; + text-align: center +} + +.vertical, .wrap { + position: relative +} + +.vertical { + top: -2%; + display: table-cell; + vertical-align: middle +} + +.page-wrapper { + padding: 50px 60px; + overflow: hidden +} + +.blog-header { + position: relative; + display: table; + width: 100%; + height: 300px; + padding: 0 60px; + margin: -50px -60px 50px; + text-align: center; + color: #fff; + background: #303538 no-repeat 50%; + background-size: cover +} + +.blog-header h1 { + background-color: rgba(139, 195, 74, .7) +} + +@media (max-width:400px) { + .blog-header { + width: 100%; + height: 200px; + padding: 0 15px; + margin: -15px -15px 15px + } +} + +@media (max-width:650px) { + .blog-header { + width: 114%; + height: 250px; + padding: 0 11%; + margin: -11% 0 11% -18% + } +} + +@media (max-width:850px) { + .blog-header { + width: 114%; + padding: 0 11%; + margin: -11% 0 11% -18% + } +} + +@media (max-width:1100px) { + .blog-header { + padding: 0 40px; + margin: -30px -40px 30px + } +} + +.blog-header h1 { + max-width: 640px; + margin: 0 auto; + font-size: 2.8rem; + letter-spacing: 0; + color: #fff; + display: inline-block; + padding: .5rem 2rem +} + +@media (max-width:500px) { + .blog-header h1 { + font-size: 1.8rem + } +} + +@media (max-width:650px) { + .blog-header h1 { + font-size: 2.2rem + } +} + +@media (max-width:850px) { + .blog-header h1 { + margin: 96px 96px 96px 56px; + font-size: 2.6rem + } +} + +.archive-template .blog-header { + display: none +} + +.blog-content { + float: left; + font-size: 1.6rem; + width: 63.26531% +} + +@media (max-width:500px) { + .blog-content { + font-size: 1.5rem + } +} + +.blog-content.fullscreen { + width: 100% +} + +.blog-sidebar { + float: right; + width: 30.61224% +} + +.blog-sidebar h1, .blog-sidebar h2, .blog-sidebar h3, .blog-sidebar h4, .blog-sidebar h5, .blog-sidebar h6 { + margin-top: 0 +} + +.blog-sidebar p { + margin: 0 0 15px; + font-size: 17px; + font-weight: 200; + line-height: 1.3em +} + +.widget { + padding: 25px 30px 30px; + margin-bottom: 50px +} + +@media (max-width:1100px) { + .page-wrapper { + padding: 30px 40px + } +} + +@media (max-width:1000px) { + .blog-content, .blog-sidebar { + float: none; + width: 100% + } +} + +@media (max-width:850px) { + .page-wrapper { + padding: 8% 11% + } + .blog-content { + margin-right: 0 + } + .blog-sidebar { + position: static; + width: 100%; + margin-top: 30px + } +} + +@media (max-width:650px) { + .page-wrapper { + padding: 6% 9% + } +} + +@media (max-width:400px) { + .page-wrapper { + padding: 15px + } +} + +.post { + margin-bottom: 40px; + border-bottom: 1px dashed #d0e2ea +} + +@media (max-width:500px) { + .post { + margin-bottom: 25px + } +} + +.post-title { + margin: 0 +} + +.post-title a { + text-decoration: none +} + +.post-excerpt p { + margin: 2.6rem 0 +} + +@media (max-width:500px) { + .post-excerpt p { + margin: 2rem 0 + } +} + +.post-meta { + margin: 5px 0; + font-size: 1.4rem; + color: #9eabb3 +} + +.post-meta .author-img { + float: left; + width: 24px; + height: 24px; + margin-right: 9px +} + +@media (max-width:500px) { + .post-meta .author-img { + display: none + } +} + +.author-img { + border-radius: 100% +} + +.post-meta a { + text-decoration: none; + color: #9eabb3 +} + +.post-meta a:hover { + text-decoration: underline +} + +.more-links { + margin: 2em 0 +} + +@media (max-width:500px) { + .more-links { + margin: 1.6em 0 + } + .more-links .right { + display: none + } +} + +.read-more { + min-height: 0; + padding: .3em .5em; + font-size: 10px; + line-height: 12px; + vertical-align: top +} + +@media (max-width:500px) { + .read-more { + padding: 1em + } +} + +@media (min-width:768px) { + .navbar-collapse.closed { + display: block!important; + height: auto!important; + padding-bottom: 0; + overflow: visible!important + } +} + +.wrap article aside { + display: none +} + +.wrap.featured .blog-content { + width: 100% +} + +.wrap.featured .blog-sidebar { + display: none +} + +.wrap.featured article { + max-width: 700px; + margin: 0 auto; + font-size: 1.15em +} + +.wrap.featured .post-title { + margin-top: 480px +} + +@media (max-width:900px) { + .wrap.featured .post-title { + margin-top: 280px + } +} + +@media (max-width:500px) { + .wrap.featured .post-title { + margin-top: 140px + } +} + +.wrap.featured aside { + display: block; + float: right; + width: 300px; + color: #111; + border-top: 3px solid #55acee; + margin-top: 5px; + margin-right: -150px; + margin-left: 30px; + margin-bototm: 1.6em; + background: #e2edf2; + border-radius: 3px; + padding: 20px 30px 25px; + font-size: 15px; + line-height: 1.8em +} + +@media (max-width:1020px) { + .wrap.featured aside { + display: none + } +} + +.wrap.featured .post-content .full-img { + width: calc(100% + 120px); + max-width: none; + margin-left: -60px; + margin-right: -60px +} + +@media (max-width:1100px) { + .wrap.featured .post-content .full-img { + width: calc(100% + 30px); + margin-left: -15px; + margin-right: -15px + } +} + +.hero { + position: absolute; + top: -50px; + right: -60px; + left: -60px; + overflow: hidden +} + +@media (max-width:850px) { + .hero { + top: -40px; + right: -11%; + left: -11% + } +} + +.hero-image { + height: 500px; + background: #eee no-repeat 50%; + background-size: cover +} + +@media (max-width:900px) { + .hero-image { + height: 300px + } +} + +@media (max-width:500px) { + .hero-image { + height: 200px + } +} + +.post-template .post { + margin-bottom: 0; + border-bottom: none +} + +.post-template .fb-like { + margin-right: 30px +} + +.post-content { + margin-bottom: 3.2em +} + +.post-content img { + display: block; + height: auto; + max-width: 100%; + margin: 1.5em auto +} + +@media (max-width:500px) { + .post-content img { + margin: 1.6em auto + } +} + +.post-content .full-img { + width: calc(100% + 60px); + max-width: none; + margin-left: -60px +} + +@media (max-width:400px) { + .post-content .full-img { + width: 100%; + width: calc(100% + 30px); + margin-right: -15px; + margin-left: -15px + } +} + +@media (max-width:650px) { + .post-content .full-img { + width: 122%; + margin-right: -11%; + margin-left: -11% + } +} + +@media (max-width:850px) { + .post-content .full-img { + width: 130%; + margin-right: -15%; + margin-left: -15% + } +} + +@media (max-width:1100px) { + .post-content .full-img { + width: calc(100% + 30px); + margin-left: -15px + } +} + +.share { + margin: 1.6em 0 +} + +@media (max-width:750px) { + .share { + display: none + } +} + +.twitter-share-button { + margin-right: 30px +} + +.fb-like { + line-height: 1.2rem +} + +.pocket-btn { + display: inline-block; + margin-right: -10px; + vertical-align: top +} + +[class^=PIN_] { + -webkit-transition: none; + transition: none +} + +.author { + position: relative; + padding: 30px; + margin: 1.6em 0; + border: 2px dashed #e2edf2; + background: #f4f8fa +} + +.author .author-img { + position: absolute; + top: 30px; + left: 30px; + width: 80px; + height: 80px; + border: 5px solid #fff +} + +.author-meta { + margin-left: 120px +} + +.author-meta h4 { + margin-top: .25rem +} + +.author-meta p { + font-size: 1.4rem; + margin: 1rem 0 0 +} + +@media (max-width:550px) { + .author { + padding: 20px; + text-align: center + } + .author .author-img { + position: static + } + .author-meta { + margin-left: 0 + } + .author-meta p { + font-size: 1.3rem + } +} + +.footnotes { + font-size: 1.3rem; + font-style: italic +} + +.footnotes li { + margin: .6rem 0 +} + +.footnotes p { + margin: 0 +} + +.comments { + margin-top: 3.2em +} + +code, pre { + font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif; + font-size: 90%; + line-height: 1.5; + text-align: left; + white-space: pre; + word-spacing: normal; + word-wrap: normal; + word-break: normal; + -moz-tab-size: 2; + -o-tab-size: 2; + tab-size: 2; + -webkit-hyphens: none; + -ms-hyphens: none; + hyphens: none; + color: #000; + text-shadow: 0 1px #fff; + direction: ltr +} + +code::-moz-selection, pre::-moz-selection { + background: #b3d4fc; + text-shadow: none +} + +code::selection, pre::selection { + background: #b3d4fc; + text-shadow: none +} + +@media print { + code, pre { + text-shadow: none + } +} + +pre { + padding: 1em; + margin: 2.5rem 0; + overflow: auto +} + +:not(pre)>code, pre { + border: 1px solid rgba(0, 0, 0, .15); + background: #fbfaf8 +} + +:not(pre)>code { + padding: 1px 3px; + font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif; + font-size: 72%; + line-height: 72%; + white-space: normal; + color: #c25; + border: 1px solid #e1e1e8; + border-radius: .3em; + background-color: #f7f7f9; + text-shadow: 0 1px #fff +} + +.token.cdata, .token.comment, .token.doctype, .token.prolog { + color: #969896 +} + +.token.punctuation { + color: #333 +} + +.namespace { + opacity: .7 +} + +.token.boolean, .token.constant, .token.deleted, .token.number, .token.property, .token.symbol, .token.tag { + color: #0086b3 +} + +.token.attr-name, .token.builtin, .token.char, .token.inserted, .token.selector, .token.string { + color: #183691 +} + +.language-css .token.string, .style .token.string, .token.atrule, .token.attr-value, .token.entity, .token.keyword, .token.operator, .token.url { + color: #a71d5d +} + +.token.function { + color: #0086b3 +} + +.token.important, .token.regex, .token.variable { + color: #e90 +} + +.token.bold, .token.important { + font-weight: 700 +} + +.token.italic { + font-style: italic +} + +.token.entity { + cursor: help +} + +pre[data-line] { + padding: 1em 0 1em 3em +} + +div.prism-show-language, pre[data-line] { + position: relative +} + +div.prism-show-language>div.prism-show-language-label[data-language] { + position: absolute; + top: 0; + right: 0; + bottom: auto; + left: auto; + z-index: 1; + display: inline-block; + width: auto; + height: auto; + padding: 0 .5em; + font-size: .9em; + -webkit-transform: none; + transform: none; + color: #000; + border-radius: 0 0 0 5px; + background-color: #cfcfcf; + box-shadow: none; + text-shadow: none +} + +.pagination { + position: relative; + margin: 40px auto 20px; + font-size: 1.3rem; + text-align: center +} + +.pagination, .pagination a { + color: #9eabb3 +} + +.pagination a:hover { + text-decoration: none +} + +.newer-posts, .older-posts { + position: absolute; + display: inline-block; + padding: 5px 15px; + -webkit-transition: border .3s ease; + transition: border .3s ease; + text-decoration: none; + border: 2px solid #ebf2f6; + border-radius: 30px +} + +@media (max-width:500px) { + .newer-posts, .older-posts { + position: static; + margin: 10px 0 + } +} + +.older-posts { + right: 0 +} + +.page-number { + display: inline-block; + padding: 5px 0 +} + +@media (max-width:500px) { + .page-number { + display: block + } +} + +.newer-posts { + left: 0 +} + +.newer-posts:hover, .older-posts:hover { + border-color: #9eabb3 +} + +.read-next { + margin: 4rem 0; + border-radius: 5px; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch +} + +.read-next, .read-next-story { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + overflow: hidden +} + +.read-next-story { + position: relative; + min-width: 50%; + text-align: center; + color: #fff; + background: #222 no-repeat 50%; + background-size: cover; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1 +} + +.read-next-story, .read-next-story:hover { + text-decoration: none +} + +.read-next-story:hover:before { + -webkit-transition: all .2s ease; + transition: all .2s ease; + background: rgba(0, 0, 0, .8) +} + +.read-next-story:hover .post:before { + -webkit-transition: all .2s ease; + transition: all .2s ease; + color: #222; + background: #fff +} + +.read-next-story:before { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + display: block; + content: ""; + -webkit-transition: all .5s ease; + transition: all .5s ease; + background: rgba(0, 0, 0, .7) +} + +.read-next-story .post { + position: relative; + width: 80%; + padding: 3rem 0; + margin: 0 auto +} + +.read-next-story .post:before { + padding: 4px 10px 5px; + font-family: Cabin, sans-serif; + font-size: 1.1rem; + content: "READ THIS NEXT"; + -webkit-transition: all .5s ease; + transition: all .5s ease; + text-transform: uppercase; + color: hsla(0, 0%, 100%, .8); + border: 1px solid hsla(0, 0%, 100%, .5); + border-radius: 4px +} + +.read-next-story.prev .post:before { + content: "Tal vez te interese" +} + +.read-next-story h2 { + margin-top: 3rem; + color: #fff +} + +.read-next-story p { + margin: 3rem 0 0; + font-weight: 200; + line-height: 1.4em; + color: hsla(0, 0%, 100%, .8) +} + +.read-next-story.no-cover { + background: #fff +} + +.read-next-story.no-cover:before { + display: none +} + +.read-next-story.no-cover .post:before { + color: rgba(0, 0, 0, .5); + border-color: rgba(0, 0, 0, .2) +} + +.read-next-story.no-cover:hover .post:before { + color: var(--second); + border-color: var(--second) +} + +.read-next-story.no-cover h2 { + color: rgba(0, 0, 0, .8) +} + +.read-next-story.no-cover p { + color: rgba(0, 0, 0, .5) +} + +.read-next-story.no-cover+.read-next-story.no-cover { + border-left: 1px solid rgba(0, 0, 100, .04) +} + +.tags { + vertical-align: text-bottom +} + +.tags>a { + padding: .167rem .5rem; + font-size: .9rem; + -webkit-transition: all .35s; + transition: all .35s; + text-transform: uppercase; + color: #f8f8f8; + border-radius: .7rem; + background-color: var(--complement); + font-family: Cabin; +} + +#global-footer .poweredby a { + text-decoration: underline +} + +.global-header { + min-height: 30px +} + +#feature-one { + color: var(--first) +} + +@media (min-width:800px) { + #feature-one { + height: 30px; + padding: 6px 10px; + margin: 15px 0 0; + -webkit-transition: all .5s ease; + transition: all .5s ease; + border: 1.5px solid var(--first); + border-radius: 2px; + background: hsla(0, 0%, 100%, .8)!important + } + #feature-one:hover { + color: hsla(0, 0%, 100%, .8)!important; + background: var(--first)!important + } +} + +@media (max-width:800px) { + #feature-one { + font-weight: 900 + } +} + +#feature-two { + color: var(--second) +} + +@media (min-width:800px) { + #feature-two { + height: 30px; + padding: 6px 10px; + margin: 15px 0 0; + -webkit-transition: all .5s ease; + transition: all .5s ease; + border: 1.5px solid var(--second); + border-radius: 2px; + background: hsla(0, 0%, 100%, .8)!important + } + #feature-two:hover { + color: hsla(0, 0%, 100%, .8)!important; + background: var(--second)!important + } +} + +@media (max-width:800px) { + #feature-two { + font-weight: 900 + } +} + +.button-add, .button-add[type=submit], .button-green { + -webkit-transition: all .5s ease; + transition: all .5s ease; + background: #fff; + border: 2px solid var(--complement); + color: var(--complement) +} + +.button-add:not(.button-loading):focus, .button-add:not(.button-loading):hover, .button-add[type=submit]:not(.button-loading):focus, .button-add[type=submit]:not(.button-loading):hover, .button-green:not(.button-loading):focus, .button-green:not(.button-loading):hover, .ghost-pro-ad:hover .button-add:not(.button-loading), .ghost-pro-ad:hover [type=submit].button-add:not(.button-loading) { + background: var(--complement); + color: #fff +} + +.button-blue, .button-save, button[type=submit], input[type=submit] { + background: var(--second); + box-shadow: none +} + +.button-blue:not(.button-loading):focus, .button-blue:not(.button-loading):hover, .button-save:not(.button-loading):focus, .button-save:not(.button-loading):hover, button[type=submit]:not(.button-loading):focus, button[type=submit]:not(.button-loading):hover, input[type=submit]:not(.button-loading):focus, input[type=submit]:not(.button-loading):hover { + background: var(--first); +} + +#blogsubscribe .modal-header { + padding: 50px 50px 0; + text-align: center; + border: none +} + +@media (max-width:450px) { + #blogsubscribe .modal-header { + padding: 35px 20px 0 + } +} + +#blogsubscribe .modal-title { + font-size: 2.8rem; + font-weight: 700; + line-height: 1.1em +} + +@media (max-width:450px) { + #blogsubscribe .modal-title { + font-size: 2.2rem + } +} + +#blogsubscribe .modal-body { + padding: 30px 50px 50px; + text-align: center +} + +@media (max-width:450px) { + #blogsubscribe .modal-body { + padding: 10px 20px 30px + } +} + +#blogsubscribe form { + margin: 0 +} + +#blogsubscribe input { + width: 100%; + height: 50px; + padding: 0 15px; + margin-bottom: 1rem +} + +#blogsubscribe input:last-of-type { + min-height: 50px; + font-size: 1.8rem; + line-height: 1 +} + +@media (max-width:450px) { + #blogsubscribe input:last-of-type { + font-size: 1.3rem + } +} + +#blogsubscribe p { + margin: 1rem 0; + color: #aaa9a2 +} + +.fbgroup-box, .twitter-box { + position: relative; + padding: 0 +} + +@media (max-width:1000px) { + .fbgroup-box, .twitter-box { + display: none + } +} + +.fbgroup-box img, .twitter-box img { + width: 100% +} + +.twitter-box-profilepic { + position: absolute; + top: 100px; + left: 50%; + display: block; + width: 100px; + height: 100px; + margin-left: -50px; + text-align: center; + border-radius: 100%; + background: #fff +} + +.twitter-box-profilepic img { + width: 80%; + height: auto; + margin-top: 6px +} + +.fbgroup-box .twitter-box-profilepic, .twitter-box-dev .twitter-box-profilepic { + background-color: #e2edf2; + border: 5px solid #fff +} + +.fbgroup-box .twitter-box-profilepic img, .twitter-box-dev .twitter-box-profilepic img { + width: 70px; + margin-top: 15px +} + +.fbgroup-box-content, .twitter-box-content { + padding: 50px 10px 10px; + text-align: center; + border: 1px solid #eee; + border-top: none +} + +.fbgroup-box-content h4, .twitter-box-content h4 { + font-size: 2rem; + font-weight: 700 +} + +.fbgroup-box-content p, .twitter-box-content p { + margin: .8rem 0; + font-size: 1.4rem; + line-height: 1.5em; + color: #35393b +} + +.twitter-follow-button { + margin: 1rem 0 +} + +.facebook-box { + padding: 3px 0 0 +} + +@media (max-width:1000px) { + .facebook-box { + display: none + } +} + +.fbgroup-box .fbgroup-box-profilepic img { + width: 70px; + margin-top: 15px +} + +.fbgroup-box-content>h4 { + margin: 1rem +} + +.fbgroup-box-content>p { + margin: 2rem 0 +} + +.fbgroup-box-content>a { + margin: 1rem 0 +} + +.fbgroup-box-content .button-add { + width: 60% +} + +.fbgroup-box-profilepic { + position: absolute; + top: 100px; + left: 50%; + display: block; + width: 100px; + height: 100px; + margin-left: -50px; + text-align: center; + border-radius: 100%; + background: #fff +} + +.fbgroup-box-profilepic img { + width: 80%; + height: auto; + margin-top: 6px +} + +.feature-post, .popular-posts { + padding: 0 +} + +.feature-post h3, .popular-posts h3 { + margin-bottom: 2rem; + font-size: 1.8rem; + font-weight: 700; + text-transform: uppercase +} + +.feature-post mark, .popular-posts mark { + padding: 0 4px; + font-weight: 400; + color: #fff; + background: #f1c40f +} + +.feature-post ol, .popular-posts ol { + padding: 0; + margin: 0; + list-style: none +} + +.feature-post li, .popular-posts li { + position: relative; + display: block; + margin: 0 0 2px; + font-size: 1.4rem; + line-height: 1.4em; + background: #f0f6f8 +} + +.feature-post li:hover, .popular-posts li:hover { + background: #e2edf2 +} + +.feature-post li:hover .number, .popular-posts li:hover .number { + background: #d4e4ec +} + +.feature-post li:nth-child(3n) .number, .popular-posts li:nth-child(3n) .number { + border-color: #35393b +} + +.feature-post li:nth-child(3n+2) .number, .popular-posts li:nth-child(3n+2) .number { + border-color: #e74c3c +} + +.feature-post a, .popular-posts a { + display: block; + min-height: 38px; + padding: 15px 15px 15px 75px; + color: rgba(0, 0, 0, .7) +} + +.feature-post a:hover, .popular-posts a:hover { + text-decoration: none +} + +.feature-post .number, .popular-posts .number { + position: absolute; + top: 0; + bottom: 0; + left: 0; + display: block; + width: 37px; + padding: 10px; + font-size: 2.8rem; + font-weight: 700; + line-height: 1.5em; + text-align: center; + color: rgba(0, 0, 0, .2); + border-left: 3px solid var(--second); + background: #e2edf2 +} + +.blog-subscribe { + padding: 0; + text-align: center +} + +.blog-subscribe h3 { + font-weight: 700; + text-transform: uppercase +} + +.blog-subscribe p { + margin: 1rem 0 2.5rem; + font-size: 1.6rem; + font-weight: 200; + color: #aaa9a2 +} + +.subscribe-banner { + width: 100%; + padding: 10px 0; + font-size: 1.6rem; + font-weight: 700; + text-align: center; + color: #fff; + background: var(--second); + /* For browsers that do not support gradients */ + background: -webkit-linear-gradient(left, var(--first), var(--second)); + /* For Safari 5.1 to 6.0 */ + background: -o-linear-gradient(right, var(--first), var(--second)); + /* For Opera 11.1 to 12.0 */ + background: -moz-linear-gradient(right, var(--first), var(--second)); + /* For Firefox 3.6 to 15 */ + background: linear-gradient(to right, var(--first), var(--second)); + /* Standard syntax */ + ; +} + +.subscribe-banner .button { + color: #FFF; + background: var(--highlight); +} + +.subscribe-banner .button:hover { + background: var(--dark); + color: #FFF; +} + +@media (max-width:800px) { + .subscribe-banner { + display: none + } +} + +#main-menu { + font-family: Cabin; +} diff --git a/assets/js/bloggy.en_ES.js b/assets/js/bloggy.en_ES.js index 8eebb8a..f676197 100644 --- a/assets/js/bloggy.en_ES.js +++ b/assets/js/bloggy.en_ES.js @@ -1,8 +1,1324 @@ -/** - * bloggy - Branding theme for Ghost - * @version 1.1.4 - * @link https://github.com/Kikobeats/bloggy - * @author Kiko Beats (https://github.com/Kikobeats) - * @license MIT - */ -+function(e){"use strict";function t(){var e=document.createElement("bootstrap"),t={WebkitTransition:"webkitTransitionEnd",MozTransition:"transitionend",OTransition:"oTransitionEnd otransitionend",transition:"transitionend"};for(var n in t)if(void 0!==e.style[n])return{end:t[n]}}e.fn.emulateTransitionEnd=function(t){var n=!1,i=this;e(this).one(e.support.transition.end,function(){n=!0});var a=function(){n||e(i).trigger(e.support.transition.end)};return setTimeout(a,t),this},e(function(){e.support.transition=t()})}(jQuery),+function(e){"use strict";var t=function(n,i){this.$element=e(n),this.options=e.extend({},t.DEFAULTS,i),this.transitioning=null,this.options.parent&&(this.$parent=e(this.options.parent)),this.options.toggle&&this.toggle()};t.DEFAULTS={toggle:!0},t.prototype.dimension=function(){var e=this.$element.hasClass("width");return e?"width":"height"},t.prototype.show=function(){if(!this.transitioning&&!this.$element.hasClass("in")){var t=e.Event("show.bs.collapse");if(this.$element.trigger(t),!t.isDefaultPrevented()){var n=this.$parent&&this.$parent.find("> .panel > .in");if(n&&n.length){var i=n.data("bs.collapse");if(i&&i.transitioning)return;n.collapse("hide"),i||n.data("bs.collapse",null)}var a=this.dimension();this.$element.removeClass("collapse").addClass("collapsing")[a](0),this.transitioning=1;var o=function(){this.$element.removeClass("collapsing").addClass("in")[a]("auto"),this.transitioning=0,this.$element.trigger("shown.bs.collapse")};if(!e.support.transition)return o.call(this);var s=e.camelCase(["scroll",a].join("-"));this.$element.one(e.support.transition.end,e.proxy(o,this)).emulateTransitionEnd(350)[a](this.$element[0][s])}}},t.prototype.hide=function(){if(!this.transitioning&&this.$element.hasClass("in")){var t=e.Event("hide.bs.collapse");if(this.$element.trigger(t),!t.isDefaultPrevented()){var n=this.dimension();this.$element[n](this.$element[n]())[0].offsetHeight,this.$element.addClass("collapsing").removeClass("collapse").removeClass("in"),this.transitioning=1;var i=function(){this.transitioning=0,this.$element.trigger("hidden.bs.collapse").removeClass("collapsing").addClass("collapse")};return e.support.transition?void this.$element[n](0).one(e.support.transition.end,e.proxy(i,this)).emulateTransitionEnd(350):i.call(this)}}},t.prototype.toggle=function(){this[this.$element.hasClass("in")?"hide":"show"]()};var n=e.fn.collapse;e.fn.collapse=function(n){return this.each(function(){var i=e(this),a=i.data("bs.collapse"),o=e.extend({},t.DEFAULTS,i.data(),"object"==typeof n&&n);a||i.data("bs.collapse",a=new t(this,o)),"string"==typeof n&&a[n]()})},e.fn.collapse.Constructor=t,e.fn.collapse.noConflict=function(){return e.fn.collapse=n,this},e(document).on("click.bs.collapse.data-api","[data-toggle=collapse]",function(t){var n,i=e(this),a=i.attr("data-target")||t.preventDefault()||(n=i.attr("href"))&&n.replace(/.*(?=#[^\s]+$)/,""),o=e(a),s=o.data("bs.collapse"),r=s?"toggle":i.data(),l=i.attr("data-parent"),c=l&&e(l);s&&s.transitioning||(c&&c.find('[data-toggle=collapse][data-parent="'+l+'"]').not(i).addClass("collapsed"),i[o.hasClass("in")?"addClass":"removeClass"]("collapsed")),o.collapse(r)})}(jQuery),+function(e){"use strict";var t=function(t,n){this.options=n,this.$element=e(t),this.$backdrop=this.isShown=null,this.options.remote&&this.$element.load(this.options.remote)};t.DEFAULTS={backdrop:!0,keyboard:!0,show:!0},t.prototype.toggle=function(e){return this[this.isShown?"hide":"show"](e)},t.prototype.show=function(t){var n=this,i=e.Event("show.bs.modal",{relatedTarget:t});this.$element.trigger(i),this.isShown||i.isDefaultPrevented()||(this.isShown=!0,this.escape(),this.$element.on("click.dismiss.modal",'[data-dismiss="modal"]',e.proxy(this.hide,this)),this.backdrop(function(){var i=e.support.transition&&n.$element.hasClass("fade");n.$element.parent().length||n.$element.appendTo(document.body),n.$element.show(),i&&n.$element[0].offsetWidth,n.$element.addClass("in").attr("aria-hidden",!1),n.enforceFocus();var a=e.Event("shown.bs.modal",{relatedTarget:t});i?n.$element.find(".modal-dialog").one(e.support.transition.end,function(){n.$element.focus().trigger(a)}).emulateTransitionEnd(300):n.$element.focus().trigger(a)}))},t.prototype.hide=function(t){t&&t.preventDefault(),t=e.Event("hide.bs.modal"),this.$element.trigger(t),this.isShown&&!t.isDefaultPrevented()&&(this.isShown=!1,this.escape(),e(document).off("focusin.bs.modal"),this.$element.removeClass("in").attr("aria-hidden",!0).off("click.dismiss.modal"),e.support.transition&&this.$element.hasClass("fade")?this.$element.one(e.support.transition.end,e.proxy(this.hideModal,this)).emulateTransitionEnd(300):this.hideModal())},t.prototype.enforceFocus=function(){e(document).off("focusin.bs.modal").on("focusin.bs.modal",e.proxy(function(e){this.$element[0]===e.target||this.$element.has(e.target).length||this.$element.focus()},this))},t.prototype.escape=function(){this.isShown&&this.options.keyboard?this.$element.on("keyup.dismiss.bs.modal",e.proxy(function(e){27==e.which&&this.hide()},this)):this.isShown||this.$element.off("keyup.dismiss.bs.modal")},t.prototype.hideModal=function(){var e=this;this.$element.hide(),this.backdrop(function(){e.removeBackdrop(),e.$element.trigger("hidden.bs.modal")})},t.prototype.removeBackdrop=function(){this.$backdrop&&this.$backdrop.remove(),this.$backdrop=null},t.prototype.backdrop=function(t){var n=this.$element.hasClass("fade")?"fade":"";if(this.isShown&&this.options.backdrop){var i=e.support.transition&&n;if(this.$backdrop=e('