<b:if cond='data:blog.pageType == "index"'> <data:blog.pageTitle/> <b:else/> <b:if cond='data:blog.pageType != "error_page"'> <data:blog.pageName/> - <data:blog.title/> <b:else/> ERROR 404 - <data:blog.title/> </b:if> </b:if> ----------------------- */ a,abbr,acronym,address,applet,b,big,blockquote,body,caption,center,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,kbd,label,legend,li,object,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,u,ul,var{padding:0;border:0;outline:0;vertical-align:baseline;background:0 0;margin:0} ins{text-decoration:underline} del{text-decoration:line-through} dl,ul{list-style-position:inside;font-weight:700;list-style:none;} ul li{list-style:none} caption,th{text-align:center} img{border:none;position:relative} .clear{clear:both} .section,.widget,.widget ul{margin:0;padding:0} h1,h2,h3,h4,h5,h6{padding:0;margin:0} a:link,a:hover,a:visited{color:$(color.theme);text-decoration:none} :focus{outline:0} a img{border:0} #navbar-iframe{display:none;height:0;visibility:hidden} span.item-control,a.quickedit{display:none!important} body{background:$(body.background);color:#222;font-size:14px;font-family:'Open Sans',sans-serif;line-height:22px;padding:0;word-wrap:break-word} *{outline:0;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease} code{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;border-radius:4px} .archive .home-link,.index .home-link{display:none} .uk-post-title,h2.post-title,h3.wrp-titulo,.PopularPosts ul li a,.item .post-title,.static_page .post-title,.related-title a,.cmmwidget a,ul.post-nav span,.comments h4,.comments .comments-content .comment-header a,ul.post-nav{font-family:'Roboto',sans-serif} p.recent-des,.resumo span,.resumo a,.item .post-body,.static_page .post-body{font-family:'Open Sans',sans-serif} .status-msg-body{font-size:13px} .status-msg-wrap{font-size:13px;margin:0 auto 25px} .status-msg-border{border:1px solid #f0f0f0;opacity:1} .status-msg-bg{background-color:#fff} .status-msg-wrap a:hover{text-decoration:underline} #outer-wrapper{max-width:1200px;margin:0 auto;background-color:#FFF; margin-top: 15px;} .row{width:1150px} #topnav{width:100%;height:36px;background-color:#262626;margin:0} .tm-head{margin:0 auto;height:36px;line-height:36px} .tm-menu{float:left;height:30px} #nav1 li{float:left;display:inline-block;line-height:36px;padding:0;margin-right:15px} #nav1 li a{ margin-right: 10px; position: relative; display: inline-block; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; color: #CCC; font-weight: 100; text-transform: uppercase; font-size: 11px; font-family: 'Open Sans', sans-serif;} ul#nav1 li a:before { content: ""; position: absolute; left: 100%; bottom: 35%; height: 30%; width: 1px; border-right: 1px solid rgba(255, 255, 255, .2); -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; margin-left: 11px; } ul#nav1 li:last-child a:before{ display:none; } #nav1 li a:hover,.tn-head #social-top ul li a:hover{color:$(color.theme)} .tm-menu ul li a .fa{margin-right:5px} .tn-right{float:right;height:36px} .social-area{float:left;} .tm-head #social-top{position:relative;display:block;margin-right:0} .tm-head #social-top ul{overflow:hidden} .tm-head #social-top ul li{line-height:36px;display:block;float:left;margin-left:15px;padding:0} .tm-head #social-top ul li a{ display: block; float: left; text-decoration: none; color: #CCC; font-weight: 100; text-transform: uppercase; font-size: 11px;} .tm-head #social-top ul li a:before{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} .tm-head #social-top ul li a:hover{color:$(color.theme)} #social-top .facebook:before{content:"\f09a"} #social-top .bloglovin:before{content:"\f004"} #social-top .twitter:before{content:"\f099"} #social-top .gplus:before{content:"\f0d5"} #social-top .rss:before{content:"\f09e"} #social-top .vimeo:before{content:"\f27d"} #social-top .youtube:before{content:"\f167"} #social-top .skype:before{content:"\f17e"} #social-top .stumbleupon:before{content:"\f1a4"} #social-top .tumblr:before{content:"\f173"} #social-top .vine:before{content:"\f1ca"} #social-top .stack-overflow:before{content:"\f16c"} #social-top .linkedin:before{content:"\f0e1"} #social-top .dribbble:before{content:"\f17d"} #social-top .soundcloud:before{content:"\f1be"} #social-top .behance:before{content:"\f1b4"} #social-top .digg:before{content:"\f1a6"} #social-top .instagram:before{content:"\f16d"} #social-top .pinterest:before{content:"\f0d2"} #social-top .delicious:before{content:"\f1a5"} #social-top .codepen:before{content:"\f1cb"} .uk-search-header{ position: relative; height: 36px; margin: 0; padding-left: 20px; border-left: 1px solid #f0f0f0; font-size: 12px; float: right; margin-left: 10px; background: #fff;} .uk-search-header .fa-search{ color: #aaa; position: absolute; line-height: 36px; font-size: 17px;} .uk-search-header .uk-searchbox-header{height: 36px; border: 0; background-color: transparent; padding-left: 24px; font-size: 12px; color: #000;} #header-blog{ position: relative; width: auto; float: left; height: 90px; margin-right: 35px;} .header-logo { position: relative; padding: 20px 0 0; text-align: left; box-sizing: border-box; } .header-content{margin:0 auto;overflow:hidden} .header-logo img{ max-width: 100%; margin:0; width: auto;} .Header h1{color:#fff;margin-bottom:0px;margin-top:0px;font-size:38px; height: 90px; line-height: 90px;font-family: 'Mogra', cursive;} .Header h1 a { color: #fff; } .header-ads{width:729px;max-width:100%;max-height:90px;float:right;margin:0} #ads-content .widget h2{display:none} #header-navigation{margin:0 auto;top:0;height:90px; background: $(color.header); border: 0; z-index: 999; box-shadow: rgba(0, 0, 0, 0.0470588) 0px 1px 0px 0px, rgba(0, 0, 0, 0.0588235) 0px 2px 4px 0px; box-shadow: 0 1px 20px rgba(0,0,0,.12);} .nav-wrapper{font-family:'Montserrat',sans-serif; margin: 0 auto; box-sizing: border-box; height: 90px; } .header-menu li.home-child{float:left;height:90px;display:inline-block;padding:0;margin-right:1px;width:90px;text-align:center;} .header-menu li.home-child a{height:90px;line-height:51px;font-size:22px;font-weight:400;color:#FFF} .header-menu li.home-child a:before{content:'\f015';display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:normal} .header-menu li.home-child:hover{} #menu{display:none} #menu ul li{float:left;height:90px;display:inline-block;padding:0;margin-right:1px;transition:all .3s ease-out!important;-webkit-transition:all .3s ease-out!important;-moz-transition:all .3s ease-out!important;-o-transition:all .3s ease-out!important; } #menu ul li:hover{background-color:#262626} #menu ul li:hover a{color:#fff} #menu ul li a{height: 90px; line-height: 91px; padding: 12px; transition: all .3s ease-out!important; -webkit-transition: all .3s ease-out!important; -moz-transition: all .3s ease-out!important; -o-transition: all .3s ease-out!important; font-family: Montserrat, Helvetica, Arial, sans-serif; font-weight: 700; color: #fff; text-transform: uppercase; letter-spacing: 0px; font-size: 12px; font-family: Poppins;} #menu ul > li > a .fa{margin-right:8px} #menu ul li.hasSub a:after{margin-left:8px;margin-top:0px;position:relative;display:inline-block;content:'\f107';font-family:FontAwesome;font-weight:400;font-size:11px;text-rendering:auto;transition:all .3s ease-out!important;-webkit-transition:all .3s ease-out!important;-moz-transition:all .3s ease-out!important;-o-transition:all .3s ease-out!important} #menu ul li.hasSub ul li a:after{display:none!important} #menu ul li:hover ul{left:auto;z-index:9999} #menu ul li ul{position:absolute;left:-9999px;z-index:9999;width:170px;margin:0;padding:0;box-shadow:0 1px 3px rgba(0,0,0,.3)} #menu ul li ul li{background-color:#fff;float:none!important;display:block;padding:0;margin-right:0;height:auto} #menu ul li ul li:hover{background-color:#000} #menu ul li ul#sub-menu li a{ line-height: 36px; text-decoration: none; height: auto; padding: 12px; color: #000; transition: all .3s ease-out!important; -webkit-transition: all .3s ease-out!important; -moz-transition: all .3s ease-out!important; -o-transition: all .3s ease-out!important; font-family: Montserrat, Helvetica, Arial, sans-serif; font-weight: 400; font-size: 13px; letter-spacing: 1px; text-transform: uppercase;} #menu ul li ul#sub-menu li:hover a{color:#FFF!important} #menu ul li ul li:hover a{color:$(color.theme)!important} #menu ul li,#menu ul li ul,#menu ul li a,#menu ul li ul#sub-menu li a i{outline:0;transition:all 0s ease!important;-webkit-transition:all 0s ease!important;-moz-transition:all 0s ease!important;-o-transition:all 0s ease!important} .selectnav{display:none} #selectnav1{margin-top:30px} select.selectnav{color:#fff;padding:6px 5px 5px;border:0;background-color:#292929;font:14px Roboto,sans-serif;cursor:pointer;width:100%;height:30px} .header-random{position:relative;float:right} .header-random li{list-style:none} .header-random a.rdn-icon{-webkit-transition:all .3s ease-out 0;-moz-transition:all .3s ease-out 0;transition:all .3s ease-out 0;cursor:pointer;display:block;height:90px;text-align:center;position:relative;right:0;width:30px;border-radius:0} .header-random a.rdn-icon:before{color:#fff;content:'\f074';font-family:FontAwesome;font-size:16px;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:90px} .news-tick-wrap { } .news-tick-bar { margin:0 auto; position:relative; } .ticker .title { float: left; height: 40px; font-size: 15px; line-height: 40px; font-weight: 900; overflow: hidden; padding: 0 10px; color:#fff; background-color:$(color.theme); text-transform:uppercase; } .ticker .title .fa { margin-right: 10px; background: #fff; padding: 5px 6px; border-radius: 100%; color: $(color.theme); } .ticker .widget-content { height: 40px; box-sizing: border-box; overflow: hidden; padding: 0 4px; } .ticker .widget-content li { float: left; margin-left: 30px; display: inline-block; height: 38px; line-height: 38px; padding: 0 } .ticker .widget { height: 40px; overflow: hidden; } .tk-thumb { float: left; margin: 4px 10px 0 0 } .tk-img { position: relative; display: block; width: 35px; height: 30px; overflow: hidden } .ticker .post-tag { display: inline-block; background-color: $(color.theme); color: #fff; margin-right: 10px; font-weight: 400; border-radius: 2px; height: 18px; line-height: 18px; padding: 0 6px; font-size: 10px; text-transform: uppercase; position: relative; margin-top: 10px; float: left } .ticker .tyard-title { font-size: 14px; font-weight: 400; display: inline-block } .ticker .tyard-title a { color: #000; } .ticker .tyard-title a:hover { color: $(color.theme); } .tickercontainer, .tickercontainer .mask, ul.newsticker { -webkit-transition: all 0 linear; -moz-transition: all 0 linear; -o-transition: all 0 linear; transition: all 0 linear; list-style: none; margin: 0 } .tickercontainer { margin: 0; padding: 0; overflow: hidden } .tickercontainer .mask { position: relative; overflow: hidden } .newsticker { position: relative; list-style-type: none; margin: 0; padding: 0 } ul.newsticker { -webkit-transition: all 0s linear; -moz-transition: all 0s linear; -o-transition: all 0s linear; transition: all 0s linear; position: relative; list-style-type: none; margin: 0; padding: 0 } .tickeroverlay-left { display: none } .tickeroverlay-right { display: none } #content-wrapper{padding:25px;overflow:hidden} .error_page #main-wrapper{width:100%!important;margin:0!important} .error_page .sidebar-wrapper,.error_page .status-msg-wrap{display:none} #error-wrap{color:$(main.text.color);text-align:center;padding:60px 0 80px} .error-item{font-size:160px;line-height:1;margin-bottom:20px} #error-wrap h2{font-size:25px;padding:20px 0 10px} #error-wrap .homepage{padding-top:10px;display:block} #error-wrap .homepage i{font-size:20px} #error-wrap .homepage:hover{text-decoration:underline} #main-wrapper{float:left;overflow:hidden;width:800px;word-wrap:break-word} #feat-sec h2,#feat-sec .widget-content{display:none} div#feat-sec h2.title { display: none!important; } .box-title h2{display:block!important;color:#222;font-family:"Montserrat",sans-serif;text-transform:uppercase;font-size:13px;font-weight:500;line-height:13px;margin-bottom:15px} .box-title h2 a{color:#222} .uk-featured-post{overflow:hidden;display:block;margin-bottom:25px} .uk-featured-post .uk-column1{float:left;width:69%;box-sizing:border-box;padding-right:20px} .uk-featured-post .uk-column2{float:right;width:30%} .uk-featured-post .uk-column2 .item2{margin-bottom:15px} .uk-featured-item{overflow:hidden;position:relative;padding:0} .uk-post-thumb{width:100%;height:150px;display:block;overflow:hidden;position:relative} .uk-post-thumb .uk-image{display:block;height:150px;overflow:hidden} .uk-column1 .uk-post-thumb,.uk-column1 .uk-post-thumb .uk-image{height:308px} .uk-post-caption{position:relative;width:100%;padding:10px 0 0;box-sizing:border-box} .uk-column1 .uk-post-caption{padding:18px 0 0} .uk-post-title{ margin-bottom: 5px; font-size: 16px; line-height: 22px; font-family: 'Montserrat'; font-weight: 700; letter-spacing: -0.4px; margin: 0 0 5px;} .uk-column1 .uk-post-title{ font-size: 22px; font-family: 'Montserrat'; line-height: 28px; font-weight: 700; letter-spacing: -0.4px; margin: 0 0 5px;} .uk-post-title a{color:#222} .uk-post-title a:hover{color:$(color.theme)} .uk-post-meta{font-weight:400;display:inline-block} .uk-snippet span{margin-top: 0; color: #666666; font-size: 13px; line-height: 22px; margin: 0 0 10px; font-family: 'Open Sans',sans-serif;} .uk-post-meta span{float:left; padding: 0; margin: 0; font-family: 'Montserrat', sans-serif; display: inline-block; font-size: 10px; text-transform: uppercase; color: #666;} .uk-column1 .uk-post-meta span{font-size:11px;line-height:1.3em} .uk-post-meta span strong{color:#222} .uk-post-meta span:after{content:"-";margin:0 8px} .uk-post-meta span.uk-date:after{display:none} .uk-column1 .meta-border{margin:3px 0 8px} .uk-post-thumb > a:before { position: absolute; content: ''; width: 100%; height: 100%; background-color: #000; opacity: 0; left: 0; top: 0; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .uk-post-thumb:hover > a:before { opacity: 0.3; } #ads-home{width:728px;max-width:100%;max-height:90px;margin:0 auto 25px;overflow:hidden} #ads-home .widget{line-height:0} #ads-home .widget h2{display:none} #ads-top h2{display:none} #ads-top .widget-content{width:970px;max-height:90px;margin:30px auto 20px;padding:0; text-align: center;} .post{display:block;overflow:hidden;word-wrap:break-word} .index .post,.archive .post{margin-bottom:20px;} .block-image{ float: left; width: 325px; height: 200px; position: relative; margin-right: 20px;} .block-image .thumb{ width: 100%; height: 200px; position: relative; display: block; z-index: 2; overflow: hidden;} .block-image .thumb a{width:100%;display:block;height:200px} .block-image .thumb > a:before { position: absolute; content: ''; width: 100%; height: 100%; background-color: #000; opacity: 0; left: 0; top: 0; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .block-image .thumb:hover > a:before { opacity: 0.3; } .postags{position:absolute;top:15px;left:15px;z-index:3} .postags a{ background: $(color.theme); color: #fff; margin: 0; font-family: 'Montserrat', sans-serif; font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; padding: 4px 5px 3px;} .postags a{display:none} .postags a:first-child{display:inline-block} .postags a:hover{background:#aaa} abbr.published.timeago { position: relative; display: inline-block; font-size: 11px; font-weight: 300; text-transform: uppercase; font-family: 'Montserrat', sans-serif; color: #B7B7B7; text-decoration:none; } .post-outer:nth-child(1) .postags a { background-color: #f22572 !important; color: #fff !important; } .post-outer:nth-child(2) .postags a { background-color: #000000 !important; color: #fff !important; } .post-outer:nth-child(3) .postags a { background-color: #19dada !important; color: #fff !important; } .post-outer:nth-child(4) .postags a { background-color: #358FE7 !important; color: #fff !important; } .post-outer:nth-child(5) .postags a { background-color: #82A805 !important; color: #fff !important; } .post-outer:nth-child(6) .postags a { background-color: #f80029 !important; color: #fff !important; } .post-outer:nth-child(7) .postags a { background-color: #000000 !important; color: #fff !important; } .post-outer:nth-child(8) .postags a { background-color:#19dada !important; color: #fff !important; } .retitle h2{margin:8px 0;display:block} .post h2 a {font-size: 22px; line-height: 28px; font-family: 'Montserrat'; font-weight: 700; letter-spacing: -0.4px; margin: 0 0 5px; text-transform: none;color:#000} .post h2 a:hover{color:$(color.theme)} .post_author_date{color:#C4C4C4;font-size:13px;font-weight:400;line-height:23px;margin:0 0 25px;text-transform:uppercase} .post_author{font-weight:600;margin-right:5px} div.post_author_date a{text-decoration:none} .resumo{ color: #666666; font-family: 'Droid Serif'; font-size: 13px; line-height: 22px; margin: 0 0 10px;} .resumo span{display:block;margin-bottom:10px} .resumo a{background-color:#171717;color:#fff!important;font-size:11px;font-weight:700;line-height:19px;display:inline-block;padding:0 6px} .resumo a:hover{background-color:$(color.theme)} .post .post-bottom { position: relative; font-size: 10px; padding: 10px 0 0; border-top: 1px dotted #E6E6E6; } .post .post-bottom .post-comment, .post .post-bottom .post-views { position: relative; display: inline-block; margin: 0 15px 0 0; text-transform: uppercase; } .post .post-bottom .post-comment a,.post .post-bottom .post-views { color: #B7B7B7; line-height: 1.42857143; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; font-family: 'Montserrat', sans-serif; } .post-views i, .post-comment a i { display: inline-block; margin: 0 1px 0 0; } .meta-border{display:block;width:60px;height:1px;background-color:#f0f0f0;margin:6px 0 10px} .widget iframe,.widget img{max-width:100%} .index .post-footer,.archive .post-footer{display:none!important} .index .post h2,.archive .post h2{margin:0 0 8px;padding:0} .item .post,.static_page .post{padding:0 0 25px} .date-header{color:#222;display:block;overflow:hidden;font-size:12px;font-weight:400;line-height:1.3em;margin:0!important;padding:0} .date-header a{color:#222} #meta-post a { font-family: 'Montserrat', sans-serif; display: inline-block; font-size: 11px; text-transform: uppercase; color: #666;} #blog_featured_posts { padding: 25px 25px 15px; } #meta-post a:after{content:"-";margin:0 8px} .post-meta{color:#222;display:block;font-size:12px;font-weight:400;line-height:1.3em;margin:0;padding:0} .hreview{display:none!important} .breadcrumbs .fa-angle-right:before{margin:0 5px} .breadcrumbs{ margin: 0; margin-bottom: 10px; font-family: 'Montserrat', sans-serif; display: inline-block; font-size: 10px; text-transform: uppercase; color: #666;} .breadcrumbs i{color:#888} .breadcrumbs span a{color:#222} .breadcrumbs span{color:#888} .breadcrumbs span a:hover{color:$(color.theme)} .item article{margin-top:20px} .item .post-head,.static_page .post-head{ position: relative; margin: 0 0 10px; border-top: 1px solid #f8f8f8; padding-top: 15px;} .item .post-title,.static_page .post-title{display: inline-block; position: relative; font-size: 32px; line-height: 40px; font-family: 'Montserrat'; font-weight: 700; letter-spacing: -0.4px; margin: 0 0 5px; text-transform: none; color: #000;} .item .post-body,.static_page .post-body{width:100%;font-size:15px;line-height:1.5em;overflow:hidden} .item .post-outer{padding:0} .item .post-body img{max-width:100%} .post-meta a,.post-meta i{color:#222} .post-meta .post-author a:after{content:"-";margin:0 6px 0 8px} .post-timestamp{margin-left:0} .label-head{position:relative;display:block;overflow:hidden;margin-top:20px;padding:0} .label-head span{float:left;display:inline-block;font-size:10px;height:20px;line-height:19px;background-color:#f0f0f0;color:#222;padding:0 8px} .label-head a{float:left;display:inline-block;font-size:10px;height:20px;line-height:19px;background-color:#222;color:#fff;padding:0 8px;margin-left:3px;margin-bottom:3px} .label-head a:hover{background-color:$(color.theme)} .main .widget{margin:0} .main .Blog{border-bottom-width:0} .share-art{position:relative;display:block;overflow:hidden;margin:30px 0;padding:15px 0;border-top:1px dotted #f0f0f0;border-bottom:1px dotted #f0f0f0} .sa-title{display:block;float:left;height:30px;line-height:30px;margin:8px 15px 8px 0;padding:0} .sa-title strong{font-size:16px;display:block} .share-art a{float:left;font-size:12px;line-height:30px;color:#fff;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;margin:8px 3px;padding:0 20px;height:30px;min-width:30px;text-align:center} .share-art a:hover{background-color:#222;color:#fff} .share-art a i.fa{margin-right:7px;font-size:15px} .share-art .facebook{background-color:#003471} .share-art .twitter{background-color:#00BFF3} .share-art .googleplus{background-color:#EA4D29} .share-art .pinterest{background-color:#C6393D} .share-art .linkedin{background-color:#0077B5} .share-art .whatsapp{background-color:#25d266;display:none;} @media only screen and (max-width: 768px) { .share-art .whatsapp{display:inline-block;} } #related-posts{margin-bottom:10px} .related-headline{display:block;color:#222;font-family:"Montserrat",sans-serif;text-transform:uppercase;font-size:13px;font-weight:500;line-height:13px;overflow:hidden;margin-bottom:15px} .hide-label{display:none} .related li{width:31%;position:relative;overflow:hidden;float:left;display:block;box-sizing:border-box;margin:0 0 0 3.5%;padding:0} .related-thumb{width:100%;height:130px;overflow:hidden} .related li .related-img{width:100%;height:130px;display:block} .related-title a{ padding: 10px 5px 10px 0; color: #222; display: block; color: #000; font-size: 14px!important; font-family: 'Montserrat'; font-weight: 700; letter-spacing: -0.4px; line-height: 18px;} .related-title a:hover{color:$(color.theme)} .related li:nth-of-type(1),.related li:nth-of-type(4),.related li:nth-of-type(7){margin-left:0} .static_page .post-meta,.static_page .old_new{display:none} .firstcharacter{float:left;color:$(color.theme);font-size:75px;line-height:60px;padding-top:4px;padding-right:8px;padding-left:3px} .post-body h1,.post-body h2,.post-body h3,.post-body h4,.post-body h5,.post-body h6{margin-bottom:15px;color:#222} blockquote{font-style:italic;border-left:5px solid #222;font-size:18px;line-height:1.3em;margin:15px;padding:10px 15px} blockquote:before{content:'\f10d';display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-right:10px} blockquote:after{content:'\f10e';display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-left:10px} .widget .post-body ul,.widget .post-body ol{line-height:1.5;font-weight:400} .widget .post-body ul li{font-size:13px;margin:5px 0;padding:0;line-height:1.5} .post-body ul li:before{content:"\f105";margin-right:5px;font-family:fontawesome} .blogger-tab{display:block} .comments{clear:both;margin-top:0;margin-bottom:0;color:#222} .comments h4{font-size:13px;text-transform:capitalize;font-weight:400;padding:10px 0;margin:0;border-bottom:1px solid #eee} .comments .comments-content{padding:10px 0} .comments .comments-content .comment{margin-bottom:0;padding-bottom:8px} .comments .comments-content .comment:first-child{padding-top:0} .cmm-tabs .content-tab{background-color:transparent;padding:0} .cmm-tabs-header{background-color:#171717;height:32px;margin-bottom:0px;position:relative} .cmm-tabs-header h3 {display:inline-block;margin:0;color:#fff;font-family:'Montserrat',sans-serif;font-weight:500;text-transform:uppercase;font-size:13px;height:32px;line-height:32px;padding-left:10px} .cmm-tabs-header h3 h9{display:none} .simplyTab .cmm-tabs-header .wrap-tab{float:right} .cmm-tabs-header .wrap-tab a{height:auto;line-height:32px;padding:0px 10px;font-size:14px;display:inline-block} .cmm-tabs-header .wrap-tab li{float:left;width:auto} .facebook-tab,.fb_iframe_widget_fluid span,.fb_iframe_widget iframe{width:100%!important} .comments .item-control{position:static} .comments .avatar-image-container{float:left} .comments .avatar-image-container,.comments .avatar-image-container img{height:35px;max-height:35px;width:35px;max-width:35px;border-radius:2px} .comments .comment-block{padding:10px;box-shadow:none;border:1px solid #eee;border-radius:2px} .comments .comment-block,.comments .comments-content .comment-replies{margin-left:47px;margin-top:0} .comments .comments-content .inline-thread{padding:0} .comments .comments-content .comment-header{font-size:14px;border-bottom:1px solid #eee;padding:0 0 3px} .comments .comments-content .user{font-style:normal;font-weight:500} .comments .comments-content .icon.blog-author{font-weight:400} .comments .comments-content .comment-content{text-align:justify;font-size:13px;color:#444;line-height:1.4em} .comments .comment .comment-actions a{margin-right:5px;color:#fff;background-color:#171717;font-size:11px;font-weight:700;line-height:19px;display:inline-block;padding:0 6px} .comments .comment .comment-actions a:hover{background-color:$(color.theme);text-decoration:none} .comments .comments-content .datetime{margin-left:0;float:right;font-size:11px} .comments .comments-content .comment-header a{color:inherit} .comments .comments-content .comment-header a:hover{color:$(color.theme)} .comments .comments-content .icon.blog-author:before{content:"\f007";font-size:12px;font-family:FontAwesome} .comments .thread-toggle{margin-bottom:4px;font-size:13px} .comments .comments-content .comment-thread{margin:4px 0} .comments .continue a{padding:0;padding-top:10px;font-size:13px;padding-left:47px;font-weight:700} .comments .comments-content .loadmore.loaded{margin:0;padding:0} .comments .comment-replybox-thread{margin:0} iframe.blogger-iframe-colorize,iframe.blogger-comment-from-post{height:283px!important} .cmm-tabs.simplyTab .content-tab{background-color:transparent;padding:0;margin-top:0} .cmm-tabs.simplyTab .wrap-tab li a{font-family:'Roboto',sans-serif;text-transform:uppercase;color:#fff;font-weight:400;background-color:#222;height:32px;font-size:10px;letter-spacing:1px} .cmm-tabs.simplyTab .wrap-tab li a.activeTab{background-color:$(color.theme);color:#fff} .posts-title h2 a:before{margin-right:10px} .cmm-tabs.simplyTab .wrap-tab{float:right} .cmm-tabs.simplyTab .wrap-tab li{padding:0;line-height: 0;margin-left:0} .wrap-tab{list-style:none} .content-tab{transition:all .0s ease;-webkit-transition:all .0s ease;-moz-transition:all .0s ease;-o-transition:all .0s ease} #blog-pager{clear:both;text-align:center;margin:0;font-family:'Montserrat',sans-serif} .index .blog-pager,.index #blog-pager{display:block} .index .blog-pager,.index #blog-pager,.archive .blog-pager,.archive #blog-pager{text-align: left; color: #a0a0a0; padding: 1rem 2rem; display: inline-block; font-family: Montserrat, Helvetica, Arial, sans-serif; font-weight: 700; font-size: 16px; line-height: 1; letter-spacing: -1px; text-transform: none; clear: both; float: left; padding-bottom: 27px;} .showpageNum a,.showpage a,#blog-pager-newer-link a,#blog-pager-older-link a{ display: inline-block; padding: 0 .5rem;color:#000} .showpageNum a:hover,.showpage a:hover,#blog-pager-newer-link a:hover,#blog-pager-older-link a:hover{decoration:none;color:$(color.theme)} .showpageOf{display:none;font-size:0} .showpagePoint { margin-right: .5em; margin-left: 0.5em; } span.showpageNum:last-child a:after { content: '\f178'; font-family: 'FontAwesome'; margin-left: .8em; font-weight: 100; } span.showpageNum:last-child:before { content: '...'; margin: 0 0.4em; } span.showpage:before { content: '\f177'; font-family: 'FontAwesome'; margin-right: .8em; font-weight: 100; } .feed-links{clear:both;display:none;line-height:2.5em} .sidebar-wrapper{float:right;overflow:hidden;width:300px;padding-top:0;padding-bottom:20px;word-wrap:break-word;color:#666;line-height:1.5em} .sidebar-wrapper .widget{ overflow: hidden; margin: 0 0 30px; } .sidebar h2{ position: relative; margin: 0 0 20px;} .sidebar-wrapper .widget h2:before { position: absolute; content: ''; width: 100%; height: 2px; background-color: #eee; top: 17px; z-index: 0; } .sidebar-wrapper .widget h2 span { position: relative; display: inline-block; font-size: 14px; font-weight: 900; text-transform: uppercase; letter-spacing: 2px; background-color: $(color.theme); padding: 5px 10px; z-index: 1; box-sizing:border:box; color:#fff; } .sidebar ul{list-style:none} .sidebar li{margin:0;padding-bottom:.25em;padding-right:0;padding-top:0} .sidebar .widget-content{margin:0} #sidebar_tabs .widget h2{display:none} #tab1,#tab2,#tab3{transition:all 0s ease;-webkit-transition:all 0s ease;-moz-transition:all 0s ease;-o-transition:all 0s ease} .tab-opt{padding:0} .tab-opt li{width:33.3333%;background-color:#171717;display:inline-block;padding:0;float:left} .tab-opt{overflow:hidden;clear:both;margin:0 0 10px} .tab-opt li.active,.tab-opt li.active a{background-color:$(color.theme)} .tab-opt li a{text-align:center;padding:0;color:#fff;font-weight:500;font-size:11px;text-transform:uppercase;height:32px;line-height:32px;letter-spacing:1px;font-family:'Montserrat',sans-serif;display:block} .tab-opt li:hover{background-color:#222} #sidebar_tabs .cmmwidget{margin-bottom:20px} .sidebar .roma-widget li:first-child,.sidebar .cmmwidget li:first-child{padding-top:0} .list-label-widget-content li{display:block;padding:6px 0;border-bottom:1px dotted #f0f0f0;position:relative} .list-label-widget-content li:first-child{padding:0 0 6px} .list-label-widget-content li:last-child{padding-bottom:0;border-bottom:0} .list-label-widget-content li a:before,.list-label-widget-content li span:first-child:before{content:"\f105";font-family:Fontawesome;margin-right:6px;font-size:14px;color:#222} .list-label-widget-content li a,.list-label-widget-content li span:first-child{color:#222;font-size:13px;font-weight:400} #footer .list-label-widget-content li a,#footer .list-label-widget-content li span:first-child{color:#fff;font-size:13px;font-weight:400} .list-label-widget-content li a:hover,.list-label-widget-content li span:first-child{color:$(color.theme)} .list-label-widget-content li span:last-child{color:#aaa;font-size:13px;font-weight:400;float:right} .cloud-label-widget-content{margin-top:10px} .cloud-label-widget-content span a{font-size:12px;color:#999;border:1px solid #eee;padding:7px 14px;float:left;position:relative;display:inline-block;margin:0 1px 1px 0;text-transform:capitalize} #footer .cloud-label-widget-content span a{} .cloud-label-widget-content span a:hover{color:#fff;background-color:$(color.theme)} .cloud-label-widget-content span span{font-size:13px;color:#757575;background-color:#f9f9f9;padding:7px 14px;float:left;position:relative;display:inline-block;margin:0 5px 5px 0;text-transform:capitalize;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px} .label-size-1,.label-size-2{opacity:100} .FollowByEmail td{width:100%;float:left} .FollowByEmail .follow-by-email-inner .follow-by-email-submit{margin-left:0;width:100%;border-radius:0;height:30px;font-size:11px;font-family:'Montserrat',sans-serif;color:#fff;background-color:$(color.theme);text-transform:uppercase;letter-spacing:1px} .FollowByEmail .follow-by-email-inner .follow-by-email-submit:hover{background-color:#171717;color:#FFF} .FollowByEmail .follow-by-email-inner .follow-by-email-address{padding-left:10px;height:32px;border:1px solid #EEE;margin-bottom:5px;font:normal normal 13px Roboto;font-size:12px;box-sizing:border-box} .FollowByEmail .follow-by-email-inner .follow-by-email-address:focus{border:1px solid #EEE} .FollowByEmail .widget-content{background:#f0f0f0;padding:10px} .FollowByEmail .widget-content:before{content:"Enter your email address to subscribe to this blog and receive notifications of new posts by email.";font-size:12px;color:#222;line-height:1.4em;margin-bottom:5px;padding:0 3px;display:block} .flickr_widget .flickr_badge_image{float:left;margin-bottom:5px;margin-right:10px;overflow:hidden;display:inline-block} .flickr_widget .flickr_badge_image:nth-of-type(4),.flickr_widget .flickr_badge_image:nth-of-type(8),.flickr_widget .flickr_badge_image:nth-of-type(12){margin-right:0} .flickr_widget .flickr_badge_image img{max-width:67px;height:auto} .flickr_widget .flickr_badge_image img:hover{opacity:.5} #ArchiveList select{border:1px solid #EEE;padding:6px;width:100%;cursor:pointer;font:normal normal 13px Roboto} .PopularPosts .item-thumbnail{margin:0 10px 0 0 !important;width:80px;height:60px;float:left;overflow:hidden} .PopularPosts .item-snippet{display:none} .PopularPosts ul li img{padding:0;width:80px;height:60px} .PopularPosts .widget-content ul li{overflow:hidden;padding:15px 0; border-top: 1px solid #eee;} .sidebar .PopularPosts .widget-content ul li:first-child{padding-top:0; border-top:none;} .PopularPosts ul li a{ color: #000; font-size: 13px!important; font-family: 'Montserrat'; font-weight: 700; letter-spacing: -0.4px; line-height: 18px;} .PopularPosts ul li a:hover{color:$(color.theme)} .PopularPosts .item-title{margin:0;padding:0} .PopularPosts .item-title .popular_span{color:#C4C4C4;font-size:13px;font-style:normal;line-height:21px;margin-top:3px} li.postz img { height:auto; width: 100%; } .sidebar .roma-widget li{overflow:hidden;padding:10px 0} .roma-widget .wid-thumb{width:100px;height:80px;float:left;margin-right:10px;overflow:hidden} .roma-widget .mag-thumb{display:block;width:100px;height:80px} .roma-widget .wrp-titulo{font:normal normal 15px;margin:0 0 3px;overflow:hidden} .roma-widget .wrp-titulo a{color:#222;font-weight:400;font-size:14px;line-height:1.4em} .roma-widget .wrp-titulo a:hover{color:#f2132d} .post-date { font-size: 11px; font-weight: 300; text-transform: uppercase; font-family: 'Montserrat', sans-serif; color: #B7B7B7; margin-top: 7px; } .box-title h2 span { position: relative; display: inline-block; font-size: 14px; font-weight: 900; text-transform: uppercase; letter-spacing: 2px; background-color: #fff; padding: 0 10px 0 0; z-index: 1; color: #000; } .box-title h2:before { position: absolute; content: ''; width: 100%; height: 2px; background-color: #eee; top: 5px; z-index: 0; } .box-title h2 { position: relative; margin: 0 0 30px; } .cmmwidget li .avatarImage{position:relative;overflow:hidden;padding:0} .cmmwidget li{background:none!important;clear:both;list-style:none;word-break:break-all;display:block;overflow:hidden;margin:0;padding:10px 0} .cmmwidget li span{margin-top:4px;color:#aaa;display:block;font-family:'Open Sans',sans-serif,sans-serif;line-height:1.3em;text-transform:lowercase;font-size:12px;font-weight:400} .avatarRound{width:45px;height:45px} img.rc-img{width:100%} .cmmwidget a{color:#222;position:relative;font-size:14px;text-transform:capitalize;display:block;overflow:hidden;font-weight:500} .cmmwidget a:hover{color:$(color.theme)} .cmmwidget{list-style:none;padding:0} .cmmwidget li .avatarImage{float:left;margin:0 10px 0 0} .post-nav li{padding:0;display:inline-block;width:50%} .post-nav li strong{display:block;padding:0 0 5px;font-weight:700;letter-spacing:1px;font-size:13px} .post-nav li strong i{transition:all .0s ease;-webkit-transition:all .0s ease;-moz-transition:all .0s ease;-o-transition:all .0s ease} .post-nav li.previous a strong:before,.post-nav li.next a strong:after{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400} .post-nav li.previous a strong:before{content:"\f104";margin-right:8px} .post-nav li.next a strong:after{content:"\f105";margin-left:8px} ul.post-nav{background-color:#FFF;border-top:1px dotted #f0f0f0;display:block;width:100%;overflow:hidden; margin: 30px 0 0;} .post-nav li a{color:#222;line-height:1.33;display:block;padding:15px 0 0;transition:all .0s ease;-webkit-transition:all .0s ease;-moz-transition:all .0s ease;-o-transition:all .0s ease} .post-nav li:hover a{color:$(color.theme)} ul.post-nav span{font-size: 13px; font-weight: 400; padding: 10px 5px 10px 0; display: block; color: #000; font-size: 15px!important; font-family: 'Montserrat'; font-weight: 700; letter-spacing: -0.4px; line-height: 18px;0} .post-nav .previous{float:left;box-sizing:border-box;padding-right:10px} .post-nav .next{text-align:right;padding-left:10px;box-sizing:border-box} h2{margin:0} .footer-column .roma-widget li{overflow:hidden;border-bottom:1px solid #eee;padding:10px 0} #footer-wrapper{background-color:#302f34;} #footer{display:block;overflow:hidden;width:100%;} .footer-sections{overflow:hidden;margin:0 auto;padding:25px 0} .sect-left{display:inline-block;float:left;width:31.33%;margin-right:3%} .sect-left .widget:nth-child(2){margin-top:15px} .sect-left:nth-child(3){margin-right:0} .sect-left .widget-title{position:relative;margin-bottom:10px;} .sect-left h2{ color: #fff; margin-bottom: 8px; font-family: 'Montserrat',sans-serif; position: relative; display: inline-block; font-size: 13px; font-weight: 900; text-transform: uppercase; letter-spacing: 2px; padding: 0 10px 0 0; z-index: 1; } .sect-left h2 a{color:#fff} .sect-left .PopularPosts ul li a,.sect-left .cmmwidget a,.sect-left .roma-widget .wrp-titulo a{color:#fff} .sect-left .roma-widget li{overflow:hidden;padding:10px 0} .sect-left .PopularPosts .widget-content ul li:first-child,.sect-left .roma-widget li:first-child{padding-top:0} .sect-left .roma-widget .wrp-titulo a:hover,.sect-left .PopularPosts ul li a:hover,.sect-left .cmmwidget a:hover{color:$(color.theme)} .footer-wrapper{background-color:#242328;color:#aaa;display:block;overflow:hidden;padding:15px 0 13px;width:100%} .footer-wrapper .footer-sec{margin:0 auto} .footer-wrapper .copyright{font-size:12px} .footer-wrapper .copyright a{color:#fff} .footer-wrapper .copyright a:hover{color:$(color.theme)} .footer-wrapper #social-footer{float:right;position:relative;display:block;margin-right:-12px} .footer-wrapper #social-footer ul{overflow:hidden} .footer-wrapper #social-footer ul li{display:block;float:left;margin-right:10px;margin-left:10px} .footer-wrapper #social-footer ul li a{display:block;float:left;text-decoration:none;color:#aaa} .footer-wrapper #social-footer ul li a:hover{color:$(color.theme)} .footer-wrapper #social-footer ul li a:before{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} .footer-wrapper a:active,.footer-wrapper #social-footer ul li a:active{color:$(color.theme)} #social-footer .facebook:before{content:"\f230"} #social-footer .twitter:before{content:"\f099"} #social-footer .gplus:before{content:"\f0d5"} #social-footer .rss:before{content:"\f09e"} #social-footer .vimeo:before{content:"\f27d"} #social-footer .youtube:before{content:"\f167"} #social-footer .skype:before{content:"\f17e"} #social-footer .stumbleupon:before{content:"\f1a4"} #social-footer .tumblr:before{content:"\f173"} #social-footer .vine:before{content:"\f1ca"} #social-footer .stack-overflow:before{content:"\f16c"} #social-footer .linkedin:before{content:"\f0e1"} #social-footer .dribbble:before{content:"\f17d"} #social-footer .soundcloud:before{content:"\f1be"} #social-footer .behance:before{content:"\f1b4"} #social-footer .digg:before{content:"\f1a6"} #social-footer .instagram:before{content:"\f16d"} #social-footer .pinterest:before{content:"\f0d2"} #social-footer .delicious:before{content:"\f1a5"} #social-footer .codepen:before{content:"\f1cb"} .sect-left .FollowByEmail .follow-by-email-inner .follow-by-email-address{border:1px solid #333;background-color:#222;color:#ddd} .sect-left .FollowByEmail .widget-content{background-color:#222} .sect-left .FollowByEmail .widget-content:before{color:#ddd} .sect-left .FollowByEmail .follow-by-email-inner .follow-by-email-submit:hover{background-color:#333} .sect-left #ArchiveList select{border:1px solid #272727;background-color:#222;color:#ddd} .sect-left #ArchiveList select option{color:#ddd} .sect-left .cloud-label-widget-content span a{margin: 0 4px 5px 0;color:#ddd;border:1px solid $(color.theme)} .sect-left .cloud-label-widget-content span a:hover{color:#999;} #back-to-top{ color: #fff;background:#1a1a1a; padding: 7px 10px; font-size: 14px; text-align: center; border: 3px solid #1a1a1a;transition:all 0s ease;-webkit-transition:all 0s ease;-moz-transition:all 0s ease;-o-transition:all 0s ease} #back-to-top:hover{transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease} .back-to-top{position:fixed!important; bottom: 70px; right: 34px; z-index: 999; width: 40px;z-index:9999} div#hague_widget_social-2 li { padding: 0px; } .social-media-widget ul { } .social-media-widget ul li~li { border-top: 5px solid #fff; } .social-media-widget ul li a{ display: block; font-size: 9px; font-family: 'Montserrat', sans-serif; font-weight: 500; letter-spacing: 0.3px; text-transform: uppercase; text-decoration: none; color: #000; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .social-media-widget ul li a i{ position: relative; display: inline-block; font-size: 12px; width: 40px; height: 40px; text-align: center; line-height: 42px; margin: 0 10px 0 0; z-index: 1; background: rgba(0,0,0,.1); } .social-media-widget ul li a span{ display: inline-block; float: right; font-size: 9px; text-transform: uppercase; margin: 0 30px 0 0; line-height: 40px; } .social-media-widget ul li a.facebook{ background-color: #3b5998; color:#fff; } .social-media-widget ul li a.twitter{ background-color: #00aced; color:#fff; } .social-media-widget ul li a.dribble{ background-color: #ed689b; color:#fff; } .social-media-widget ul li a.linkedin{ background-color: #0077b5; color:#fff; } .social-media-widget ul li a.flickr{ background-color: #ff0084; color:#fff; } .social-media-widget ul li a.tumblr{ background-color: #3d5a70; color:#fff; } .social-media-widget ul li a.vimeo{ background-color: #1ab7ea; color:#fff; } .social-media-widget ul li a.youtube { background-color: #dd1a2a; color:#fff; } .social-media-widget ul li a.instagram{ background-color: #125688; color:#fff; } .social-media-widget ul li a.google-plus{ background-color: #dd4b39; color:#fff; } .social-media-widget ul li a.foursquare, .sidebar-social ul li a.foursquare { background-color: #f94877; color:#fff; } .social-media-widget ul li a.pinterest { background-color: #cb2027; color:#fff; } .social-media-widget ul li a.deviantart{ background-color: #04cc47; color:#fff; } .social-media-widget ul li a.behance{ background-color: #005cff; color:#fff; } .social-media-widget ul li a.facebook:hover i, .social-media-widget ul li a.twitter:hover i, .social-media-widget ul li a.dribbble:hover i, .social-media-widget ul li a.linkedin:hover i, .social-media-widget ul li a.flickr:hover i, .social-media-widget ul li a.tumblr:hover i, .social-media-widget ul li a.vimeo:hover i, .social-media-widget ul li a.youtube:hover i, .social-media-widget ul li a.instagram:hover i, .social-media-widget ul li a.google-plus:hover i, .social-media-widget ul li a.foursquare:hover i, .social-media-widget ul li a.pinterest:hover i, .social-media-widget ul li a.deviantart:hover i, .social-media-widget ul li a.behance:hover i{ border-color: #fff; } .cmm-tabs.simplyTab { margin-top: 30px; } span.reading-time { position: relative; display: inline-block; font-size: 11px; font-weight: 300; text-transform: uppercase; font-family: 'Montserrat', sans-serif; color: #757575; } a.timestamp-link:after { content: "-"; margin: 0 6px 0 8px; } span.uk-date { color: #B7B7B7; } .footerwidget .widget h2 { display: block; position: relative; text-align: center; } div#footer-instagram { position: relative; margin-top: 100px; } .my-insta-box { position: absolute; z-index: 99; opacity: 0.95; padding: 10px; top: 50%; left: 50%; transform: translate(-50%, -50%); margin-bottom: 14px; } a.btn-style { background: rgb(255, 255, 255); padding: 10px 20px; color: #000; } div#footer-instagram h2 { display: none; } #instafeed{width:100%;display:block;margin:0;padding:0;line-height:0;} #instafeed img{height:auto;width:100%} #instafeed a{padding:0;margin:0;display:inline-block;position:relative} #instafeed li{width:12.5%;float:left;padding:0!important; -webkit-transition: all ease-in-out .5s; -moz-transition: all ease-in-out .5s; -ms-transition: all ease-in-out .5s; -o-transition: all ease-in-out .5s; transition: all ease-in-out .5s;list-style: none;} #instafeed .insta-likes{width:100%;height:100%;margin-top:-100%;opacity:0;text-align:center;letter-spacing:1px;background:rgba(255,255,255,0.4);position:absolute;text-shadow:2px 2px 8px #fff;font:normal 400 11px Montserrat,sans-serif;color:#222;line-height:normal;transition:all .35s ease-out;-o-transition:all .35s ease-out;-moz-transition:all .35s ease-out;-webkit-transition:all .35s ease-out} #instafeed a:hover .insta-likes{opacity:1} .group-share.pull-right li span { font-family: Istok Web,sans-serif; color: #4F5152; text-transform: uppercase; font-size: 12px; /* line-height: 1px; */ letter-spacing: 0.8px; } /*---Flicker Image Gallery-----*/ .flickr_plugin { width: 100%; } .flickr_badge_image { float: left; height: 68px; margin: 8px 5px 0px 5px; width: 62px; } .flickr_badge_image a { display: block; } .flickr_badge_image a img { display: block; width: 100%; height: auto; -webkit-transition: opacity 100ms linear; -moz-transition: opacity 100ms linear; -ms-transition: opacity 100ms linear; -o-transition: opacity 100ms linear; transition: opacity 100ms linear; } .flickr_badge_image a img:hover { opacity: .5; } /* Mega Menus ------------------------------------------*/ a.mega_post-image { height: 180px!important; padding: 0!important; } .mega-menu-wrapper ul li { min-height: 250px !important; border: none!important; } .mega-icon:after { content: '\25be'; } .mega-menu-wrapper { position: absolute; left: 0; right: 0; top: 90px; opacity: 0; visibility: hidden; transform: translateY(15px); z-index: 99; max-width: 1180px; margin: 0 auto; background: #fff; } .mega-menu-wrapper:hover, #menu li a:hover + .mega-menu-wrapper { opacity: 1; visibility: visible; transform: translateY(0); } .mega-menu-wrapper:before { content: ''; display: block; height: 6px; position: absolute; top: -6px; left: 0; right: 0; background: transparent; } .mega-menu { background: #fff; padding: 15px !important; z-index: 99; } .mega-post { float: left; width: 23%; margin-right: 2.6% !important; transition-duration: 0s; } .mega-post:last-child { margin-right: 0 !important; } .mega_post-image { display: block; width: 100%; height: 180px; margin-bottom: 12px; } .mega_post-image:hover { -webkit-filter: grayscale(1); filter: grayscale(1); } .mega_post-title { color: #000; font-weight: 700; font-size: .875rem; line-height: 1.7; transition-duration: 0s; text-transform: none; } .mega-post a { transition-duration: 0s; } ul.mega-menu.clearfix { width: 1120px!important; } ul.mega-menu.clearfix li { display: inline-block!important; float: left!important; } a.megaa { height: 0px!important; line-height: 0px!important; padding: 0px!important; } li.mega-post:hover { background-color: #fff!important; } a#slink { font-weight: 300; font-size: 22px; line-height: 85px; padding-bottom: 0; float: right; color: #fff; width:30px; } /* SEARCH */ #searchbar { position: fixed; display: none; float: left; width: 100%; height: 62px; border-top: 1px solid #d8d8d8; padding-left: 25px; padding-right: 10px; z-index: 9999; background: #fff; -webkit-box-shadow: -1px 2px 2px rgba(0,0,0,0.2); -moz-box-shadow: -1px 2px 2px rgba(0,0,0,0.2); box-shadow: -1px 2px 2px rgba(0,0,0,0.2); top: 91px; } #s { display: block; width: 100%; border: 0; outline: none; padding: 0; height: 60px; line-height: 60px; font-size: 27px; font-weight: 500; color: #676767; } #searchsubmit { display: block; float: right; margin-top: 6px; background: none; color: #717171; border: 0; outline: none; cursor: pointer; } .fa-search:before { content: "\f002"; font-size: 17px; } .col-md-11 { margin: 0 auto; } #footer .PopularPosts .widget-content ul li { border: none; } /*------*|*|*| Featured Blog Posts *|*|*|----------*/ .blog_featured_posts { display: inline-block; width: 100%; margin-bottom: 0px; } .blog_featured_post { display: block; position: relative; float: left; overflow: hidden; height:410px; } .blog_featured_post.first { width: 50%; box-sizing:border-box; padding-right: 5px; } .blog_featured_post.second { width: 50%; box-sizing:border-box; padding-left: 5px; } .blog_featured_rest_con { margin-top: 10px; overflow: hidden; } .blog_featured_post.third, .blog_featured_post.fourth, .blog_featured_post.fifth { width: 33.33%; box-sizing:border-box; height:280px; } .blog_featured_post.third { padding-right:5px; } .blog_featured_post.fourth { padding: 0 5px; } .blog_featured_post.fifth { padding-left:5px; } .blog_featured_post a { display: block; color: rgb(255, 255, 255); text-shadow: rgba(0, 0, 0, 0.498039) 0px 1px 1px; position: relative; vertical-align: bottom; z-index: 1; height:100%; } .blog_featured_post a:before { width: 100%; height: 100%; position: absolute; content: ''; transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 0.6) 100%); } .blog_featured_post a .blog_contents { display: block; position: absolute; z-index: 5; bottom: 30px; left: 30px; right: 30px; font-weight:bold; letter-spacing: -1px; text-transform: uppercase; line-height: 120%; -webkit-transition: all 0.2s; transition: all 0.2s; font-family: raleway, sans-serif; } .blog_featured_posts span { font-style: normal; padding: 4px 6px; letter-spacing: 0px; font-size: 12px; line-height: 1; text-shadow: none; text-transform: capitalize; } .blog_featured_post a .blog_contents h3 { margin-top: 15px; font-size: 22px; line-height: 25px; font-family: 'Montserrat'; font-weight: 700; letter-spacing: -0.4px; text-transform: none; } .blog_featured_post.first a .blog_contents h3, .blog_featured_post.second a .blog_contents h3 {font-size: 32px!important; line-height: 35px;} .blog_featured_post .feat-img{ width:100%; height:100%; background-size:cover; background-position:50%; } ]]>