/* Theme Name: LiteMag by Bluthemes Theme URI: http://www.bluthemes.com/themes/litemag/ Author: Bluthemes Author URI: http://bluthemes.com Description: Reach the speed of lite Version: 1.5.5 Tags: two-columns, theme-options, right-sidebar, custom-background, custom-menu, post-formats, threaded-comments License: http://themeforest.net/user/bluthemes_ License URI: http://themeforest.net/wiki/support/legal-terms/licensing-terms/ */ /**********************************/ /* HELPERS /**********************************/ /***************/ /* COOL FIXES /***************/ /* Padding XS */ @media (max-width:766px){ .pad-xs-0{padding:0!important;}.pt-xs-0{padding-top:0!important;}.pb-xs-0{padding-bottom:0!important;}.pr-xs-0{padding-right:0!important;}.pl-xs-0{padding-left:0!important;}.pad-xs-5{padding:5px;}.pad-xs-10{padding:10px;}.pad-xs-15{padding:15px;}.pad-xs-20{padding:20px;}.pad-xs-25{padding:25px;}.pad-xs-30{padding:30px;}.pad-xs-40{padding:40px;}.pad-xs-60{padding:60px;}.pad-xs-70{padding:70px;}.pad-xs-80{padding:80px;}.pad-xs-90{padding:90px;}.pad-xs-100{padding:100px;}.pt-xs-5{padding-top:5px;}.pt-xs-10{padding-top:10px;}.pt-xs-15{padding-top:15px;}.pt-xs-20{padding-top:20px;}.pt-xs-25{padding-top:25px;}.pt-xs-30{padding-top:30px;}.pt-xs-40{padding-top:40px;}.pt-xs-60{padding-top:60px;}.pt-xs-70{padding-top:70px;}.pt-xs-80{padding-top:80px;}.pt-xs-90{padding-top:90px;}.pt-xs-100{padding-top:100px;}.pb-xs-5{padding-bottom:5px;}.pb-xs-10{padding-bottom:10px;}.pb-xs-15{padding-bottom:15px;}.pb-xs-20{padding-bottom:20px;}.pb-xs-25{padding-bottom:25px;}.pb-xs-30{padding-bottom:30px;}.pb-xs-40{padding-bottom:40px;}.pb-xs-60{padding-bottom:60px;}.pb-xs-70{padding-bottom:70px;}.pb-xs-80{padding-bottom:80px;}.pb-xs-90{padding-bottom:90px;}.pb-xs-100{padding-bottom:100px;}.pr-xs-5{padding-right:5px;}.pr-xs-10{padding-right:10px;}.pr-xs-15{padding-right:15px;}.pr-xs-20{padding-right:20px;}.pr-xs-25{padding-right:25px;}.pr-xs-30{padding-right:30px;}.pr-xs-40{padding-right:40px;}.pr-xs-60{padding-right:60px;}.pr-xs-70{padding-right:70px;}.pr-xs-80{padding-right:80px;}.pr-xs-90{padding-right:90px;}.pr-xs-100{padding-right:100px;}.pl-xs-5{padding-left:5px;}.pl-xs-10{padding-left:10px;}.pl-xs-15{padding-left:15px;}.pl-xs-20{padding-left:20px;}.pl-xs-25{padding-left:25px;}.pl-xs-30{padding-left:30px;}.pl-xs-40{padding-left:40px;}.pl-xs-60{padding-left:60px;}.pl-xs-70{padding-left:70px;}.pl-xs-80{padding-left:80px;}.pl-xs-90{padding-left:90px;}.pl-xs-100{padding-left:100px;} } /* Padding SM */ @media (min-width:767px){ .pad-sm-0{padding:0!important;}.pt-sm-0{padding-top:0!important;}.pb-sm-0{padding-bottom:0!important;}.pr-sm-0{padding-right:0!important;}.pl-sm-0{padding-left:0!important;}.pad-sm-5{padding: 5px;}.pad-sm-10{padding: 10px;}.pad-sm-15{padding: 15px;}.pad-sm-20{padding: 20px;}.pad-sm-25{padding: 25px;}.pad-sm-30{padding: 30px;}.pad-sm-40{padding: 40px;}.pad-sm-60{padding: 60px;}.pad-sm-70{padding: 70px;}.pad-sm-80{padding: 80px;}.pad-sm-90{padding: 90px;}.pad-sm-100{padding: 100px;}.pt-sm-5{padding-top: 5px;}.pt-sm-10{padding-top: 10px;}.pt-sm-15{padding-top: 15px;}.pt-sm-20{padding-top: 20px;}.pt-sm-25{padding-top: 25px;}.pt-sm-30{padding-top: 30px;}.pt-sm-40{padding-top: 40px;}.pt-sm-60{padding-top: 60px;}.pt-sm-70{padding-top: 70px;}.pt-sm-80{padding-top: 80px;}.pt-sm-90{padding-top: 90px;}.pt-sm-100{padding-top: 100px;}.pb-sm-5{padding-bottom: 5px;}.pb-sm-10{padding-bottom: 10px;}.pb-sm-15{padding-bottom: 15px;}.pb-sm-20{padding-bottom: 20px;}.pb-sm-25{padding-bottom: 25px;}.pb-sm-30{padding-bottom: 30px;}.pb-sm-40{padding-bottom: 40px;}.pb-sm-60{padding-bottom: 60px;}.pb-sm-70{padding-bottom: 70px;}.pb-sm-80{padding-bottom: 80px;}.pb-sm-90{padding-bottom: 90px;}.pb-sm-100{padding-bottom: 100px;}.pr-sm-5{padding-right: 5px;}.pr-sm-10{padding-right: 10px;}.pr-sm-15{padding-right: 15px;}.pr-sm-20{padding-right: 20px;}.pr-sm-25{padding-right: 25px;}.pr-sm-30{padding-right: 30px;}.pr-sm-40{padding-right: 40px;}.pr-sm-60{padding-right: 60px;}.pr-sm-70{padding-right: 70px;}.pr-sm-80{padding-right: 80px;}.pr-sm-90{padding-right: 90px;}.pr-sm-100{padding-right: 100px;}.pl-sm-5{padding-left: 5px;}.pl-sm-10{padding-left: 10px;}.pl-sm-15{padding-left: 15px;}.pl-sm-20{padding-left: 20px;}.pl-sm-25{padding-left: 25px;}.pl-sm-30{padding-left: 30px;}.pl-sm-40{padding-left: 40px;}.pl-sm-60{padding-left: 60px;}.pl-sm-70{padding-left: 70px;}.pl-sm-80{padding-left: 80px;}.pl-sm-90{padding-left: 90px;}.pl-sm-100{padding-left: 100px;} } /* Padding MD */ @media (min-width:992px){ .pad-md-0{padding:0!important;}.pt-md-0{padding-top:0!important;}.pb-md-0{padding-bottom:0!important;}.pr-md-0{padding-right:0!important;}.pl-md-0{padding-left:0!important;}.pad-md-5{padding: 5px;}.pad-md-10{padding: 10px;}.pad-md-15{padding: 15px;}.pad-md-20{padding: 20px;}.pad-md-25{padding: 25px;}.pad-md-30{padding: 30px;}.pad-md-40{padding: 40px;}.pad-md-60{padding: 60px;}.pad-md-70{padding: 70px;}.pad-md-80{padding: 80px;}.pad-md-90{padding: 90px;}.pad-md-100{padding: 100px;}.pt-md-5{padding-top: 5px;}.pt-md-10{padding-top: 10px;}.pt-md-15{padding-top: 15px;}.pt-md-20{padding-top: 20px;}.pt-md-25{padding-top: 25px;}.pt-md-30{padding-top: 30px;}.pt-md-40{padding-top: 40px;}.pt-md-60{padding-top: 60px;}.pt-md-70{padding-top: 70px;}.pt-md-80{padding-top: 80px;}.pt-md-90{padding-top: 90px;}.pt-md-100{padding-top: 100px;}.pb-md-5{padding-bottom: 5px;}.pb-md-10{padding-bottom: 10px;}.pb-md-15{padding-bottom: 15px;}.pb-md-20{padding-bottom: 20px;}.pb-md-25{padding-bottom: 25px;}.pb-md-30{padding-bottom: 30px;}.pb-md-40{padding-bottom: 40px;}.pb-md-60{padding-bottom: 60px;}.pb-md-70{padding-bottom: 70px;}.pb-md-80{padding-bottom: 80px;}.pb-md-90{padding-bottom: 90px;}.pb-md-100{padding-bottom: 100px;}.pr-md-5{padding-right: 5px;}.pr-md-10{padding-right: 10px;}.pr-md-15{padding-right: 15px;}.pr-md-20{padding-right: 20px;}.pr-md-25{padding-right: 25px;}.pr-md-30{padding-right: 30px;}.pr-md-40{padding-right: 40px;}.pr-md-60{padding-right: 60px;}.pr-md-70{padding-right: 70px;}.pr-md-80{padding-right: 80px;}.pr-md-90{padding-right: 90px;}.pr-md-100{padding-right: 100px;}.pl-md-5{padding-left: 5px;}.pl-md-10{padding-left: 10px;}.pl-md-15{padding-left: 15px;}.pl-md-20{padding-left: 20px;}.pl-md-25{padding-left: 25px;}.pl-md-30{padding-left: 30px;}.pl-md-40{padding-left: 40px;}.pl-md-60{padding-left: 60px;}.pl-md-70{padding-left: 70px;}.pl-md-80{padding-left: 80px;}.pl-md-90{padding-left: 90px;}.pl-md-100{padding-left: 100px;} } /* Padding LG */ @media (min-width:1200px){ .pad-lg-0{padding:0!important;}.pt-lg-0{padding-top:0!important;}.pb-lg-0{padding-bottom:0!important;}.pr-lg-0{padding-right:0!important;}.pl-lg-0{padding-left:0!important;}.pad-lg-5{padding: 5px;}.pad-lg-10{padding: 10px;}.pad-lg-15{padding: 15px;}.pad-lg-20{padding: 20px;}.pad-lg-25{padding: 25px;}.pad-lg-30{padding: 30px;}.pad-lg-40{padding: 40px;}.pad-lg-60{padding: 60px;}.pad-lg-70{padding: 70px;}.pad-lg-80{padding: 80px;}.pad-lg-90{padding: 90px;}.pad-lg-100{padding: 100px;}.pt-lg-5{padding-top: 5px;}.pt-lg-10{padding-top: 10px;}.pt-lg-15{padding-top: 15px;}.pt-lg-20{padding-top: 20px;}.pt-lg-25{padding-top: 25px;}.pt-lg-30{padding-top: 30px;}.pt-lg-40{padding-top: 40px;}.pt-lg-60{padding-top: 60px;}.pt-lg-70{padding-top: 70px;}.pt-lg-80{padding-top: 80px;}.pt-lg-90{padding-top: 90px;}.pt-lg-100{padding-top: 100px;}.pb-lg-5{padding-bottom: 5px;}.pb-lg-10{padding-bottom: 10px;}.pb-lg-15{padding-bottom: 15px;}.pb-lg-20{padding-bottom: 20px;}.pb-lg-25{padding-bottom: 25px;}.pb-lg-30{padding-bottom: 30px;}.pb-lg-40{padding-bottom: 40px;}.pb-lg-60{padding-bottom: 60px;}.pb-lg-70{padding-bottom: 70px;}.pb-lg-80{padding-bottom: 80px;}.pb-lg-90{padding-bottom: 90px;}.pb-lg-100{padding-bottom: 100px;}.pr-lg-5{padding-right: 5px;}.pr-lg-10{padding-right: 10px;}.pr-lg-15{padding-right: 15px;}.pr-lg-20{padding-right: 20px;}.pr-lg-25{padding-right: 25px;}.pr-lg-30{padding-right: 30px;}.pr-lg-40{padding-right: 40px;}.pr-lg-60{padding-right: 60px;}.pr-lg-70{padding-right: 70px;}.pr-lg-80{padding-right: 80px;}.pr-lg-90{padding-right: 90px;}.pr-lg-100{padding-right: 100px;}.pl-lg-5{padding-left: 5px;}.pl-lg-10{padding-left: 10px;}.pl-lg-15{padding-left: 15px;}.pl-lg-20{padding-left: 20px;}.pl-lg-25{padding-left: 25px;}.pl-lg-30{padding-left: 30px;}.pl-lg-40{padding-left: 40px;}.pl-lg-60{padding-left: 60px;}.pl-lg-70{padding-left: 70px;}.pl-lg-80{padding-left: 80px;}.pl-lg-90{padding-left: 90px;}.pl-lg-100{padding-left: 100px;} } /* Columns fix */ /* Tablet */ @media (min-width:767px){ .col-lg-1:nth-child(12n+1), .col-lg-2:nth-child(6n+1), .col-lg-3:nth-child(4n+1), .col-lg-4:nth-child(3n+1), .col-lg-6:nth-child(2n+1), .col-md-1:nth-child(12n+1), .col-md-2:nth-child(6n+1), .col-md-3:nth-child(4n+1), .col-md-4:nth-child(3n+1), .col-md-6:nth-child(2n+1){ clear: none; } .col-sm-1:nth-child(12n+1), .col-sm-2:nth-child(6n+1), .col-sm-3:nth-child(4n+1), .col-sm-4:nth-child(3n+1), .col-sm-6:nth-child(2n+1){ clear: left; } } /* Medium Desktop */ @media (min-width:992px){ .col-lg-1:nth-child(12n+1), .col-lg-2:nth-child(6n+1), .col-lg-3:nth-child(4n+1), .col-lg-4:nth-child(3n+1), .col-lg-6:nth-child(2n+1), .col-sm-1:nth-child(12n+1), .col-sm-2:nth-child(6n+1), .col-sm-3:nth-child(4n+1), .col-sm-4:nth-child(3n+1), .col-sm-6:nth-child(2n+1){ clear: none; } .col-md-1:nth-child(12n+1), .col-md-2:nth-child(6n+1), .col-md-3:nth-child(4n+1), .col-md-4:nth-child(3n+1), .col-md-6:nth-child(2n+1){ clear: left; } } /* Large Desktop */ @media (min-width:1200px){ .col-md-1:nth-child(12n+1), .col-md-2:nth-child(6n+1), .col-md-3:nth-child(4n+1), .col-md-4:nth-child(3n+1), .col-md-6:nth-child(2n+1), .col-sm-1:nth-child(12n+1), .col-sm-2:nth-child(6n+1), .col-sm-3:nth-child(4n+1), .col-sm-4:nth-child(3n+1), .col-sm-6:nth-child(2n+1){ clear: none; } .col-lg-1:nth-child(12n+1), .col-lg-2:nth-child(6n+1), .col-lg-3:nth-child(4n+1), .col-lg-4:nth-child(3n+1), .col-lg-6:nth-child(2n+1){ clear: left; } } /***************/ /* SIGNATURE ANIMATION /***************/ .signature-animation:hover{ color: #FFFFFF!important; border-bottom: none; } .signature-animation{ border-bottom: none; position: relative; overflow: hidden; border-radius: 2px; -webkit-transition: color 0.2s ease-in-out 0s; -moz-transition: color 0.2s ease-in-out 0s; -o-transition: color 0.2s ease-in-out 0s; -ms-transition: color 0.2s ease-in-out 0s; transition: color 0.2s ease-in-out 0s; z-index: 1; } .signature-animation:after{ position: absolute; opacity: 0; width: 5px; height: 5px; left: 50%; margin-left: -2.5px; background-color: #ea4139; border-radius: 500px; top: 15px; z-index: -1; content: ""; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .signature-animation:hover:after{ opacity: 1; -webkit-transform: scale(30); -moz-transform: scale(30); -o-transform: scale(30); -ms-transform: scale(30); transform: scale(30); } .signature-animation-large:after{ -webkit-transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; transition: all 0.5s ease-in-out 0s; } .signature-animation-large:hover:after{ -webkit-transform: scale(90); -moz-transform: scale(90); -o-transform: scale(90); -ms-transform: scale(90); transform: scale(90); } /***************/ /* GENERAL /***************/ .relative{ position: relative; } .box{ background-color: #FFFFFF; border-radius: 2px; box-shadow: 1px 0 5px rgba(0,0,0,0.02); } .bl_alert { background: none repeat scroll 0 0 #fff; height: 75px; padding: 5px 0; position: fixed; bottom: 0; width: 100%; z-index: 400; border-top: 1px solid #ddd; display: none; } .bl_alert > h4 { margin: 22px 0; } #stripe { background: url("assets/img/stripe.png") repeat scroll 0 0 transparent; height: 100%; left: 0; position: fixed; top: 0; width: 100%; } /**********************************/ /* THEME LAYOUT (BOXED / FULL WIDTH) /**********************************/ /***************/ /* GENERAL /***************/ body, #page-body{ overflow-x: hidden; } #page-body{ padding-bottom: 30px; } body.boxed .box{ box-shadow: none; } /***************/ /* SIDEBAR POSITION LAYOUT /***************/ #main-content.layout_single #home-body{ width: 100%; } #main-content.layout_left_side #home-body{ float: right; } #main-content.layout_left_side aside{ float: left; } /**********************************/ /* WORDPRESS CORE /**********************************/ /***************/ /* GENERAL HEADER/MENU CSS /***************/ .entry-content p.wp-caption-text, .entry-content p.gallery-caption, article.type-page .the-content p.wp-caption-text, article.type-page .the-content p.gallery-caption { color: #999999; font-size: 12px; text-align: center; } /***************/ /* GALLERY /***************/ .gallery-item a { display: inline-block; height: 100%; width: 100%; padding: 0 10px; position: relative; } .gallery-item a:before { content: "+"; display: block; height: 100%; left: 0; opacity: 0; font-size: 30px; color: #FFFFFF; position: absolute; right: 0; top: 50%; margin-top: -20px; z-index: 11; font-weight: 100; -webkit-transition: opacity .20s ease-in-out; -moz-transition: opacity .20s ease-in-out; -o-transition: opacity .20s ease-in-out; transition: opacity .20s ease-in-out; } .gallery-item:hover a:before { opacity: 0.8; } .gallery-item a:after { content: ""; display: block; height: 100%; left: 0; opacity: 0; position: absolute; right: 0; top: 0; z-index: 10; -webkit-transition: opacity .20s ease-in-out; -moz-transition: opacity .20s ease-in-out; -o-transition: opacity .20s ease-in-out; transition: opacity .20s ease-in-out; } .gallery-item:hover a:after { opacity: 0.8; } .gallery-item img{ border: none!important; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; position: relative; } .gallery-item img:before{ content: ''; background: red; height: 100%; width: 100%; position: absolute; display: block; } .gallery-item .alignnone { margin: 5px 20px 20px 0; } .gallery .gallery-item{ position: relative; overflow: hidden; } .gallery .gallery-item .wp-caption-text { bottom: -100%; color: #FFFFFF; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8); pointer-events: none; font-size: 10px; left: 10px; position: absolute; right: -10px; padding: 10px; margin: 0 20px; -webkit-transition: bottom .10s ease-in-out; -moz-transition: bottom .10s ease-in-out; -o-transition: bottom .10s ease-in-out; transition: bottom .10s ease-in-out; z-index: 20; } .gallery .gallery-item:hover .wp-caption-text { bottom: 0; } /***************/ /* ALIGNMENT /***************/ .aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; } .alignright { float:right; margin: 5px -20px 20px 20px; } .alignleft { float: left; margin: 5px 20px 20px -20px; } .aligncenter { display: block; margin: 5px auto 5px auto; } a img.alignright { float: right; margin: 5px -20px 20px 20px; } a img.alignnone { margin: 5px 20px 20px 0; } a img.alignleft { float: left; margin: 5px 20px 20px -20px; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto } /***************/ /* IMAGES CAPTION /***************/ .wp-caption { background: none repeat scroll 0 0 #ECECEC; max-width: 100%; padding: 5px; text-align: center; border-radius: 2px 2px 2px 2px; border: 1px solid #DDDDDD; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 100%; padding: 0; width: auto; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .wp-caption p.wp-caption-text, article.type-page .the-content .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 8px 0 0; } /**********************************/ /* BOOTSTRAP OVERRIDES /**********************************/ /***************/ /* GENERAL /***************/ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{ line-height: 1.42857; } img{ max-width: 100%; height: auto; } /**********************************/ /* MAIN STUFF /**********************************/ /***************/ /* GENERAL /***************/ body { background-position: center top; background-repeat: no-repeat; background-size: cover; } #main-content{ margin-top: 30px; max-width: 100%; } .container{ max-width: 100%; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: "Open Sans",Helvetica,Arial,sans-serif; letter-spacing: -0.5px; margin-top: 0; } .widget-head, .comment-reply-title{ margin-top: 0; margin-bottom: 30px; font-size: 30px; font-weight: 300; border-bottom: 1px solid #DDDDDD; } .widget-head small, .comment-reply-title small{ margin-left: 10px; display: inline-block; font-weight: 300; opacity: 0.7; color: inherit; } .widget-head > span, .comment-reply-title > span{ position: relative; display: inline-block; padding-bottom: 14px; } .widget-head > span:before, .comment-reply-title > span:before{ width: 100%; content: ''; position: absolute; bottom: 0; height: 2px; } a:hover{ text-decoration: none; } /* #content a, .bl_posts article .moretag { position: relative; display: inline-block; } #content a:before, #content a:after, .bl_posts article .moretag:before, .bl_posts article .moretag:after{ position: absolute; right: 50%; width: 0; content: ''; border-bottom: 3px solid #EA4139; background: #EA4139; opacity: 0.8; bottom: -4px; height: 2px; } #content a:after, .bl_posts article .moretag:after { right: auto; left: 50%; } #content a:hover:before, #content a:hover:after, .bl_posts article .moretag:hover:before, .bl_posts article .moretag:hover:after { width: 50%; -webkit-animation: border-size 0.5s 1; -moz-animation: border-size 0.5s 1; -o-animation: border-size 0.5s 1; animation: border-size 0.5s 1; } @-webkit-keyframes border-size { 0% { width: 0%; } 50% { width: 50%; } 100% { width: 50%; } } @-moz-keyframes border-size { 0% { width: 0%; } 50% { width: 50%; } 100% { width: 50%; } } @-o-keyframes border-size { 0% { width: 0%; } 50% { width: 50%; } 100% { width: 50%; } } @keyframes border-size { 0% { width: 0%; } 50% { width: 50%; } 100% { width: 50%; } }*/ #wrap{ position: relative; } .boxed #wrap, .boxed #footer{ margin: 0 auto; } body.boxed, body.boxed #wrap, body.boxed #footer{ margin: 0 auto; max-width: 100%; } body.boxed #wrap, body.boxed #footer{ /*padding: 0 20px;*/ background-color: #FFFFFF; } /***************/ /* MAIN RESPONSIVE /***************/ @media (max-width:766px){ body.boxed #wrap, body.boxed #footer { padding: 0; } } /**********************************/ /* HEADER/MENU /**********************************/ /***************/ /* GENERAL HEADER/MENU CSS /***************/ #header-top{ height: 50px; background-color: #333333; border-bottom: 3px solid #222222; color: #FFFFFF; position: absolute; top: -50px; width: 100%; } #header-top input{ width: 100%; background-color: transparent; min-height: 40px; margin-top: 3px; font-size: 25px; font-weight: 300; border: none!important; color: #FFF; outline: none!important; } #header-content{ border-top: 3px solid #ea4139; /*padding: 35px 0;*/ background-color: #FFFFFF; background-size: cover; background-position: center center; position: relative; z-index: 100; box-shadow: 0 1px 0px rgba(0,0,0,0.05); } #header-content > .container > .row{ height: 100px; } #header-content > .container > .row > div { height: inherit; position: relative; } /* ad spaces */ #header-content.fixed .above_content{ display: none; } /* Header Logo */ .menu-brand { border: medium none; height: inherit; display: block; outline: medium none !important; text-align: left; vertical-align: middle; width: 100%; } .menu-brand:hover { border: none; } .menu-brand .menu-brand-marker{ display: table-cell; height: inherit; vertical-align: middle; max-width: 100%; } .menu-brand .menu-brand-marker img{ display: inline-block; max-height: 110px; width: auto; } .menu-brand .menu-brand-marker .mini-logo{ display: none; } .menu-brand .menu-brand-marker h1{ display: table-cell; line-height: 1; font-weight: 300; max-height: 110px; font-size: 25px; text-align: left; } /*.menu-brand img, .menu-brand h1 { display: table-cell; vertical-align: middle; }*/ .menu-brand span{ display: block; text-align: left; opacity: 0.8; line-height: 1.4; font-size: 80%; /*margin-left: 15px;*/ } /***************/ /* GENERAL HEADER/MENU RESPONSIVE /***************/ @media (max-width:992px){ .menu-brand .menu-brand-marker{ max-width: 100%; display: block; } .header-main-menu-container{ padding: 0; } #header-main-menu{ background-color: #FFF; } #header-main-menu.collapse{ display: none!important; } #header-main-menu.collapse.in{ display: block!important; } #header-content{ padding: 0; } .menu-brand{ display: block; text-align: left; padding: 0 85px 0 15px; } .menu-brand img{ height: auto; max-width: 100%; } .menu-brand .menu-brand-marker * { width: auto; display: inline-block; max-height: 110px; position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } .menu-brand span{ display: block; margin-left: 0; } button.navbar-toggle{ position: absolute; top: 15px; right: 15px; font-size: 21px; color: #FFF; } #header-content > .container > .row > div{ /*height: auto;*/ padding: 0; } .header-main-menu-container{ height: auto!important; } #header-main-menu > ul > li:hover > .child-menu-wrap{ -webkit-transform: translateY(0px) scale(1)!important; -moz-transform: translateY(0px) scale(1)!important; -o-transform: translateY(0px) scale(1)!important; -ms-transform: translateY(0px) scale(1)!important; transform: translateY(0px) scale(1)!important; } } /***************/ /* TOP MENU /***************/ #header-top-menu{ float: left; } #header-top-menu ul{ margin: 0; padding: 0; } #header-top-menu ul li{ list-style: none; float: left; position: relative; z-index: 253; } #header-top-menu ul li a{ border-bottom: none; color: #FFFFFF; display: block; font-size: 14px; padding: 10px 20px; text-decoration: none; font-family: 'Montserrat',Helvetica,Arial,sans-serif; } #header-top-menu ul li a:hover{ border-bottom: none!important; } #header-top-menu .child-items{ background: none repeat scroll 0 0 #fff; border-radius: 2px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.18), 0 0 0 1px rgba(0, 0, 0, 0.06); left: -9999px; margin-left: -90px; opacity: 0; position: absolute; text-align: center; top: 48px; -webkit-transform: translateY(-12px) scale(0.9); -moz-transform: translateY(-12px) scale(0.9); -o-transform: translateY(-12px) scale(0.9); -ms-transform: translateY(-12px) scale(0.9); transform: translateY(-12px) scale(0.9); -webkit-transition: opacity 0.2s ease 0s, -webkit-transform 0.2s ease 0s; -moz-transition: opacity 0.2s ease 0s, -moz-transform 0.2s ease 0s; -o-transition: opacity 0.2s ease 0s, -o-transform 0.2s ease 0s; -ms-transition: opacity 0.2s ease 0s, -ms-transform 0.2s ease 0s; transition: opacity 0.2s ease 0s, transform 0.2s ease 0s; width: 180px; } #header-top-menu .child-items:before { background: none repeat scroll 0 0 #fff; border-radius: 2px; content: ""; height: 12px; left: 50%; margin-left: -6px; position: absolute; top: -5px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); width: 12px; z-index: -1; } #header-top-menu .child-items:after { content: ""; height: 20px; left: 0; position: absolute; top: -20px; width: 100%; } #header-top-menu > ul > li > a:focus + .child-menu-wrap > .child-items, #header-top-menu > ul > li:hover > .child-menu-wrap > .child-items { left: 50%; opacity: 1; -webkit-transform: translateY(0px) scale(1); -moz-transform: translateY(0px) scale(1); -o-transform: translateY(0px) scale(1); -ms-transform: translateY(0px) scale(1); transform: translateY(0px) scale(1); } #header-top-menu .child-items li{ width: 100%; } #header-top-menu .child-items a { border-top: 1px solid #EEEEEE; color: #333333; display: block; font-size: 12px; font-weight: 700; line-height: 36px; padding: 6px 0; } #header-top-menu .child-items li:first-child a { border-top: none; } #header-top-menu .child-items a:hover{ background: #f4f4f4; } #header-top-menu .child-items li > .child-items{ -webkit-transform: translateX(-25px) scale(0.9); -moz-transform: translateX(-25px) scale(0.9); -o-transform: translateX(-25px) scale(0.9); -ms-transform: translateX(-25px) scale(0.9); transform: translateX(-25px) scale(0.9); } #header-top-menu .child-items li > a:focus + .child-items, #header-top-menu .child-items li:hover > .child-items{ left: auto; right: -100%; opacity: 1; -webkit-transform: translateX(0px) scale(1); -moz-transform: translateX(0px) scale(1); -o-transform: translateX(0px) scale(1); -ms-transform: translateX(0px) scale(1); transform: translateX(0px) scale(1); } #header-top-menu .child-items .child-items { margin: 0; top: 0; border-top-left-radius: 0; } #header-top-menu .child-items .child-items:before{ display: none; } /***************/ /* SOCIAL MENU /***************/ #header-social-menu{ float: right; margin: 5px 0 0; padding: 0; } #header-social-menu li{ list-style: none; float: left; } #header-social-menu li a { border: 1px solid rgba(255,255,255,0.7); border-radius: 100px; color: #ffffff; display: block; font-size: 14px; height: 30px; line-height: 30px; margin-left: 5px; text-align: center; text-decoration: none; width: 30px; } /***************/ /* MAIN MENU /***************/ #header-main-menu{ display: table !important; height: inherit !important; line-height: 30px; padding: 0; width: 100%; position: relative; z-index: 100; font-size: 14px; } #header-content a{ text-decoration: none!important; } #header-main-menu > ul { display: table-cell; height: inherit; margin: 0; padding: 0; text-align: right; vertical-align: middle; } #header-main-menu > ul > li{ display: inline-block; position: relative; text-align: center; vertical-align: middle; } #header-main-menu > ul > li > a{ border-bottom: none; position: relative; overflow: hidden; color: #333; display: block; font-size: 15px; font-weight: 500; padding: 7px 20px; border-radius: 2px; text-decoration: none; text-transform: uppercase; z-index: 251; -webkit-transition: color 0.3s ease-in-out 0s; -moz-transition: color 0.3s ease-in-out 0s; -o-transition: color 0.3s ease-in-out 0s; -ms-transition: color 0.3s ease-in-out 0s; transition: color 0.3s ease-in-out 0s; } #header-main-menu > ul > li > a:after{ position: absolute; opacity: 0; width: 5px; height: 5px; left: 50%; margin-left: -2.5px; background-color: #ea4139; border-radius: 500px; top: 15px; z-index: -1; content: ""; -webkit-transition: all 0.5s ease-in-out 0s, color 0.2s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s, color 0.2s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s, color 0.2s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s, color 0.2s ease-in-out 0s; transition: all 0.5s ease-in-out 0s, color 0.2s ease-in-out 0s; } #header-main-menu ul li a.hovered, #header-main-menu ul li a:hover{ border-bottom: none; } #header-main-menu ul li a small{ display: block; font-size: 80%; letter-spacing: normal; font-weight: 300; line-height: 0; padding: 0; opacity: 0; text-align: inherit; text-transform: none; transform: translateY(-10px); -webkit-transition: -webkit-transform 0.15s ease-in-out 0s, opacity 0.15s ease-in-out 0s; -moz-transition: -moz-transform 0.15s ease-in-out 0s, opacity 0.15s ease-in-out 0s; -o-transition: -o-transform 0.15s ease-in-out 0s, opacity 0.15s ease-in-out 0s; -ms-transition: -ms-transform 0.15s ease-in-out 0s, opacity 0.15s ease-in-out 0s; transition: transform 0.15s ease-in-out 0s, opacity 0.15s ease-in-out 0s; } #header-main-menu ul li a span{ -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); position: relative; display: block; -webkit-transition: -webkit-transform 0.15s ease-in-out 0s; -moz-transition: -moz-transform 0.15s ease-in-out 0s; -o-transition: -o-transform 0.15s ease-in-out 0s; -ms-transition: -ms-transform 0.15s ease-in-out 0s; transition: transform 0.15s ease-in-out 0s; } #header-main-menu ul li.has-subtitle > a.hovered > span, #header-main-menu ul li.has-subtitle > a:hover > span{ -webkit-transform: translateY(-7px); -moz-transform: translateY(-7px); -ms-transform: translateY(-7px); -o-transform: translateY(-7px); transform: translateY(-7px); } #header-main-menu ul li.has-subtitle > a.hovered > small, #header-main-menu ul li.has-subtitle > a:hover > small{ -webkit-transform: translateY(-7px); -moz-transform: translateY(-7px); -ms-transform: translateY(-7px); -o-transform: translateY(-7px); transform: translateY(-7px); opacity: 1; } #header-main-menu > ul > li > a small{ font-size: 75%; } #header-main-menu > ul > li.hovered > a, #header-main-menu > ul > li:hover > a{ color: #FFFFFF; } #header-main-menu > ul > li.hovered > a:after, #header-main-menu > ul > li:hover > a:after{ opacity: 1; -webkit-transform: scale(50); -moz-transform: scale(50); -o-transform: scale(50); -ms-transform: scale(50); transform: scale(50); } #header-main-menu ul li{ list-style: none; } #header-main-menu > ul > li:first-child > a{ /*border-left: 1px solid #e5e5e5;*/ } #header-main-menu .child-menu-wrap:before { content: ''; position: absolute; top: -31px; width: 100%; display: block; background-color: transparent; height: 31px; z-index: 10; } #header-main-menu .child-menu-wrap { text-align: left; background: none repeat scroll 0 0 #fff; left: -9999px; position: absolute; z-index: 250; opacity: 0; box-shadow: 0 0 10px rgba(0,0,0,0.05); -webkit-transition: opacity 0.2s ease 0.1s, -webkit-transform 0.2s ease 0.1s; -moz-transition: opacity 0.2s ease 0.1s, -moz-transform 0.2s ease 0.1s; -o-transition: opacity 0.2s ease 0.1s, -o-transform 0.2s ease 0.1s; -ms-transition: opacity 0.2s ease 0.1s, -ms-transform 0.2s ease 0.1s; transition: opacity 0.2s ease 0.1s, transform 0.2s ease 0.1s; -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -o-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); margin-top: 20px; } #header-main-menu > ul > li > a:focus + .child-menu-wrap, #header-main-menu > ul > li.hovered .child-menu-wrap, #header-main-menu > ul > li:hover .child-menu-wrap{ opacity: 1; left: auto; right: 0; -webkit-transform: translateY(0px) scale(1); -moz-transform: translateY(0px) scale(1); -o-transform: translateY(0px) scale(1); -ms-transform: translateY(0px) scale(1); transform: translateY(0px) scale(1); } #header-main-menu > ul > li.hovered > .child-menu-wrap, #header-main-menu > ul > li:hover > .child-menu-wrap{ -webkit-transform: translateY(10px) scale(1); -moz-transform: translateY(10px) scale(1); -o-transform: translateY(10px) scale(1); -ms-transform: translateY(10px) scale(1); transform: translateY(10px) scale(1); } /*#header-main-menu > ul > li.hovered .child-menu-wrap:after, #header-main-menu > ul > li:hover .child-menu-wrap:after { content: ""; height: 20px; left: 0; position: absolute; top: -20px; width: 100%; }*/ #header-main-menu .menu > li > .child-menu-wrap{ padding: 30px 0; } #header-main-menu .child-items{ padding: 0; } #header-main-menu > ul > li > .child-menu-wrap > .child-items:before{ content: ''; display: none; top: -50px; width: 100%; left: -10px; height: 60px; z-index: 1; /*background: red;*/ position: absolute; } #header-main-menu > ul > li.hovered > .child-menu-wrap > .child-items:before, #header-main-menu > ul > li:hover > .child-menu-wrap > .child-items:before{ top: -50px; display: block; } /***************/ /* NORMAL MENU /***************/ #header-main-menu .normal-menu{ position: relative; text-align: left; } #header-main-menu .normal-menu li{ position: relative; } #header-main-menu .normal-menu a{ } #header-main-menu .menu > .normal-menu .child-items{ width: 200px; background: #fff; } #header-main-menu .normal-menu .child-items a { color: #555; /*border-bottom: 1px dashed #eaeaea;*/ font-size: 14px; display: block; padding: 5px 20px; -webkit-transition: all 0.15s ease 0s; -moz-transition: all 0.15s ease 0s; -o-transition: all 0.15s ease 0s; -ms-transition: all 0.15s ease 0s; transition: all 0.15s ease 0s; } #header-main-menu .normal-menu .child-items li:last-child a{ border-bottom: none; } #header-main-menu .normal-menu .child-items a.hovered, #header-main-menu .normal-menu .child-items a:hover{ padding-left: 15px; text-decoration: none; background: rgba(0,0,0,0.02); text-decoration: none; } #header-main-menu .menu > .normal-menu .child-items .child-items{ -webkit-transform: translateX(25px) scale(0.9); -moz-transform: translateX(25px) scale(0.9); -o-transform: translateX(25px) scale(0.9); -ms-transform: translateX(25px) scale(0.9); transform: translateX(25px) scale(0.9); -webkit-transition: opacity 0.2s ease 0.1s, -webkit-transform 0.2s ease 0.1s; -moz-transition: opacity 0.2s ease 0.1s, -moz-transform 0.2s ease 0.1s; -o-transition: opacity 0.2s ease 0.1s, -o-transform 0.2s ease 0.1s; -ms-transition: opacity 0.2s ease 0.1s, -ms-transform 0.2s ease 0.1s; transition: opacity 0.2s ease 0.1s, transform 0.2s ease 0.1s; left: -9999px; opacity: 0; position: absolute; top: 0; } #header-main-menu .menu > .normal-menu .child-items li.hovered > .child-items, #header-main-menu .menu > .normal-menu .child-items li:hover > .child-items{ left: -100%; opacity: 1; -webkit-transform: translateX(1px) scale(1); -moz-transform: translateX(1px) scale(1); -o-transform: translateX(1px) scale(1); -ms-transform: translateX(1px) scale(1); transform: translateX(1px) scale(1); } #header-main-menu .menu > .normal-menu .menu-item-has-children > a{ border-left: 2px solid #EA4139; } /*#header-main-menu .menu > .normal-menu .menu-item-has-children > a:before{ content:"\f105"; font-family: FontAwesome; font-size: 18px; font-style: normal; font-weight: normal; line-height: 1; position: absolute; right: 15px; top: 14px; }*/ #header-main-menu .menu > li.normal-menu > .child-menu-wrap{ padding: 0; } #header-main-menu .child-menu-wrap .column-title small{ font-weight: 300; letter-spacing: 0; } /***************/ /* RESPONSIVE (NORMAL-MENU) /***************/ @media (max-width:992px){ #header-main-menu .menu > .normal-menu .child-items{ background-color: transparent; width: auto; } #header-main-menu .normal-menu .child-items a{ padding: 10px 20px; border: none!important; } #header-main-menu .normal-menu .child-items a.hovered, #header-main-menu .normal-menu .child-items a:hover{ background-color: transparent; padding: 10px 20px; } #header-main-menu .menu > .normal-menu .child-items .child-items{ position: relative; left: 0; opacity: 1;; transform: translateX(5px) scale(1)!important; } #header-main-menu .menu > .normal-menu li li.menu-item-has-children li{ border-top: 1px solid #DDD; } #header-main-menu .menu > .normal-menu .child-items .child-items li:last-child{ border-bottom: none; } #header-main-menu .menu > .normal-menu .child-items li.hovered > .child-items, #header-main-menu .menu > .normal-menu .child-items li:hover > .child-items{ left: 0!important; transform: translateX(5px) scale(1)!important; } } /***************/ /* SUPER MENU /***************/ #header-main-menu li.super-menu .child-menu-wrap { padding: 0; } #header-main-menu li.super-menu .child-menu-wrap li{ text-align: center; } #header-main-menu li.super-menu .child-items .child-items a{ color: #555; } #header-main-menu li.super-menu .child-menu-wrap .menu-item-has-children > a{ font-weight: 500; text-transform: uppercase; letter-spacing: -0.2px; color: #ea4139; font-size: 16px; } #header-main-menu > ul > li.super-menu > a:focus + .child-menu-wrap, #header-main-menu > ul > li.super-menu.hovered .child-menu-wrap, #header-main-menu > ul > li.super-menu:hover .child-menu-wrap{ right: 150% !important; background: transparent; border: none; } #header-main-menu > ul > li.super-menu .child-items .child-items .menu-item-has-children{ margin-top: 20px; } #header-main-menu > ul > li.super-menu .child-menu-wrap > .child-items{ position: relative; } #header-main-menu > ul > li.super-menu .child-menu-wrap > .child-items > li:before{ content: ''; display: none; top: -50px; width: 210px; left: -10px; height: 60px; z-index: 1; /*background: red;*/ position: absolute; } #header-main-menu > ul > li.super-menu.hovered .child-menu-wrap > .child-items > li:before, #header-main-menu > ul > li.super-menu:hover .child-menu-wrap > .child-items > li:before{ top: -50px; display: block; } #header-main-menu > ul > li.super-menu .child-menu-wrap > .child-items > li{ position: absolute; right: -9999px; width: 202px; height: 430px; padding: 20px; background-color: #FFF; z-index: 10; display: none; } #header-main-menu > ul > li.super-menu .child-menu-wrap > .child-items{ border-color: red; border-style: solid; border-width: 0; } #header-main-menu > ul > li.super-menu .child-menu-wrap > .child-items > li{ border-color: inherit; } #header-main-menu > ul > li.super-menu.hovered .child-menu-wrap > .child-items > li, #header-main-menu > ul > li.super-menu:hover .child-menu-wrap > .child-items > li{ display: block; } #header-main-menu > ul > li.super-menu .child-menu-wrap > .child-items > li{ border-top-width: 2px; border-top-style: solid; border-bottom-width: 2px; border-bottom-style: solid; } #header-main-menu > ul > li.super-menu .child-menu-wrap > .child-items > li:first-child{ border-width: 2px; border-style: solid; border-left: none; } #header-main-menu > ul > li.super-menu .child-menu-wrap > .child-items > li:last-child{ border-left-width: 2px; border-left-style: solid; } #header-main-menu > ul > li.super-menu.hovered > .child-menu-wrap > .child-items > li:nth-child(1), #header-main-menu > ul > li.super-menu:hover > .child-menu-wrap > .child-items > li:nth-child(1){ right: -200px; left: auto !important; } #header-main-menu > ul > li.super-menu.hovered > .child-menu-wrap > .child-items > li:nth-child(2), #header-main-menu > ul > li.super-menu:hover > .child-menu-wrap > .child-items > li:nth-child(2){ right: 0; left: auto!important; } #header-main-menu > ul > li.super-menu.hovered > .child-menu-wrap > .child-items > li:nth-child(3), #header-main-menu > ul > li.super-menu:hover > .child-menu-wrap > .child-items > li:nth-child(3){ right: 200px; left: auto!important; } #header-main-menu > ul > li.super-menu.hovered > .child-menu-wrap > .child-items > li:nth-child(4), #header-main-menu > ul > li.super-menu:hover > .child-menu-wrap > .child-items > li:nth-child(4){ right: 400px; left: auto!important; } #header-main-menu > ul > li.super-menu.hovered > .child-menu-wrap > .child-items > li:nth-child(5), #header-main-menu > ul > li.super-menu:hover > .child-menu-wrap > .child-items > li:nth-child(5){ right: 600px; left: auto!important; } #header-main-menu > ul > li.super-menu.hovered > .child-menu-wrap > .child-items > li:nth-child(6), #header-main-menu > ul > li.super-menu:hover > .child-menu-wrap > .child-items > li:nth-child(6){ right: 800px; left: auto!important; } /***************/ /* SIGNATURE ANIMATION /***************/ #header-main-menu li.super-menu .child-items .child-items a.hovered, #header-main-menu li.super-menu .child-items .child-items a:hover{ color: #FFFFFF; border-bottom: none; } #header-main-menu li.super-menu .child-items .child-items a{ border-bottom: none; position: relative; display: block; overflow: hidden; border-radius: 2px; padding: 3px; -webkit-transition: color 0.4s ease-in-out 0s; -moz-transition: color 0.4s ease-in-out 0s; -o-transition: color 0.4s ease-in-out 0s; -ms-transition: color 0.4s ease-in-out 0s; transition: color 0.4s ease-in-out 0s; z-index: 1; } #header-main-menu li.super-menu .child-items .child-items a:after{ position: absolute; opacity: 0; width: 5px; height: 5px; left: 50%; margin-left: -2.5px; background-color: #ea4139; border-radius: 500px; top: 15px; z-index: -1; content: ""; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; } #header-main-menu li.super-menu .child-items .child-items a.hovered:after, #header-main-menu li.super-menu .child-items .child-items a:hover:after{ opacity: 1; -webkit-transform: scale(40); -moz-transform: scale(40); -o-transform: scale(40); -ms-transform: scale(40); transform: scale(40); } /* not the titles */ #header-main-menu li.super-menu .child-menu-wrap .menu-item-has-children > a.hovered, #header-main-menu li.super-menu .child-menu-wrap .menu-item-has-children > a:hover{ color: #ea4139; } #header-main-menu li.super-menu .child-menu-wrap .menu-item-has-children > a:after{ display: none; } /***************/ /* RESPONSIVE (SUPER MENU) /***************/ @media (max-width:992px){ #header-main-menu .child-menu-wrap{ box-shadow: none; } #header-main-menu > ul > li.super-menu .child-menu-wrap > .child-items > li{ display: block; left: 0; position: relative; right: 0; width: 100%; } #header-main-menu > ul > li.super-menu > a:focus + .child-menu-wrap, #header-main-menu > ul > li.super-menu.hovered .child-menu-wrap, #header-main-menu > ul > li.super-menu:hover .child-menu-wrap{ right: auto!important; left: auto!important; } #header-main-menu > ul > li.super-menu.hovered > .child-menu-wrap > .child-items > li, #header-main-menu > ul > li.super-menu:hover > .child-menu-wrap > .child-items > li{ left: 0!important; right: 0!important; } #header-main-menu > ul > li.super-menu .child-menu-wrap li.menu-item-has-children{ padding: 0; height: auto; /*padding-bottom: 20px;*/ } #header-main-menu > ul > li.super-menu .child-items .child-items .menu-item-has-children > a{ /*padding: 0;*/ /*padding-top: 20px;*/ } #header-main-menu > ul > li.super-menu .child-items .child-items .menu-item-has-children{ margin-top: 0; } } /***************/ /* IS-CATEGORY /***************/ #header-main-menu .menu > li.is-category .child-menu-wrap { width: 450px; height: 300px; padding: 0; } #header-main-menu .menu > li.is-category .child-menu-wrap .menu-item-title { color: #ea4139; padding: 20px 220px 0 20px; font-weight: 500; font-size: 16px; text-transform: uppercase; } #header-main-menu .menu > li.is-category > .child-menu-wrap > .child-post > a{ color: #555555; letter-spacing: -0.5px; font-weight: 500; text-transform: uppercase; display: block; padding: 7.5px 220px 7.5px 20px; } #header-main-menu .menu > li.is-category > .child-menu-wrap > .child-post > a h5{ margin: 0; font-size: 13px; } #header-main-menu .menu > li.is-category > .child-menu-wrap > .child-post.active > a{ color: #ea4139; } #header-main-menu .menu > li.is-category .child-menu-wrap a{ text-transform: uppercase; letter-spacing: -0.5px; } #header-main-menu .menu > li.is-category .child-menu-wrap .child-post.active .post-image{ display: block; } #header-main-menu .menu > li.is-category .child-menu-wrap .child-post .post-image{ display: none; position: absolute; right: 0; top: 0; } #header-main-menu .menu > li.is-category .child-menu-wrap .child-post .post-image { height: 300px; left: auto; overflow: hidden; right: 0; text-align: center; width: 200px; } #header-main-menu .menu > li.is-category .child-menu-wrap .child-post .post-image img { height: 100%; max-width: none; min-width: 100%; } /***************/ /* RESPONSIVE (IS-CATEGORY) /***************/ @media (max-width:992px){ #header-main-menu .menu > li.is-category .child-menu-wrap{ width: 100%; height: auto; border: none; } #header-main-menu .menu > li.is-category .child-menu-wrap .menu-item-title{ display: none; } #header-main-menu .menu > li.is-category > .child-menu-wrap > .child-post:nth-child(2){ border-top: 1px solid #DDD; } #header-main-menu .menu > li.is-category > .child-menu-wrap > .child-post{ padding-left: 15px; border-bottom: 1px solid #DDD; } #header-main-menu .menu > li.is-category > .child-menu-wrap > .child-post > a{ /*display: none;*/ padding: 10px 20px; } #header-main-menu .menu > li.is-category .child-menu-wrap .child-post.active .post-image{ display: none; } } /***************/ /* HAS-CATEGORY-CHILDREN /***************/ #header-main-menu .menu > li.has-category-children .child-menu-wrap { width: 450px; height: 300px; padding: 0; } #header-main-menu .menu > li.has-category-children .child-menu-wrap .menu-item-title { color: #ea4139; padding: 20px 270px 0 20px; font-weight: 500; font-size: 15px; text-transform: uppercase; } #header-main-menu .menu > li.has-category-children > .child-menu-wrap > .child-items > li > a{ color: #555555; letter-spacing: -0.5px; font-weight: 500; text-transform: uppercase; display: block; padding: 0 270px 0 20px; } #header-main-menu .menu > li.has-category-children > .child-menu-wrap > .child-items > li.active > a, #header-main-menu .menu > li.has-category-children > .child-menu-wrap > .child-items > li > a.hovered, #header-main-menu .menu > li.has-category-children > .child-menu-wrap > .child-items > li > a:hover{ color: #ea4139; } #header-main-menu .menu > li.has-category-children .child-menu-wrap a{ text-transform: uppercase; letter-spacing: -0.5px; } #header-main-menu .menu > li.has-category-children .child-menu-wrap .child-post .post-image{ /*display: none;*/ z-index: -1; opacity: 0; position: absolute; right: 0; top: 0; background-color: #000; height: 300px; overflow: hidden; width: 250px; -webkit-transition: opacity 0.5s ease-in-out 0s; -moz-transition: opacity 0.5s ease-in-out 0s; -o-transition: opacity 0.5s ease-in-out 0s; -ms-transition: opacity 0.5s ease-in-out 0s; transition: opacity 0.5s ease-in-out 0s; } #header-main-menu .menu > li.has-category-children .child-menu-wrap .child-post.active .post-image{ opacity: 1; z-index: 1; -webkit-transition: opacity 0.2s ease-in-out 0s; -moz-transition: opacity 0.2s ease-in-out 0s; -o-transition: opacity 0.2s ease-in-out 0s; -ms-transition: opacity 0.2s ease-in-out 0s; transition: opacity 0.2s ease-in-out 0s; /*display: block;*/ } #header-main-menu .menu > li.has-category-children .child-menu-wrap .child-post .post-image img{ opacity: 0.7; height: 100%; max-width: none; min-width: 100%; } #header-main-menu .menu > li.has-category-children .child-menu-wrap li.active .child-menu-wrap, #header-main-menu .menu > li.has-category-children .child-menu-wrap li.hovered .child-menu-wrap, #header-main-menu .menu > li.has-category-children .child-menu-wrap li:hover .child-menu-wrap { display: block; } #header-main-menu .menu > li.has-category-children .child-menu-wrap .child-menu-wrap { width: 250px; padding: 0; margin: 0; border: none; position: absolute; right: 0; top: 0; display: none; } #header-main-menu .menu > li.has-category-children .child-menu-wrap .child-menu-wrap.hovered .post-title, #header-main-menu .menu > li.has-category-children .child-menu-wrap .child-menu-wrap:hover .post-title { opacity: 0.7; } #header-main-menu .menu > li.has-category-children .child-menu-wrap .child-menu-wrap .post-title.hovered, #header-main-menu .menu > li.has-category-children .child-menu-wrap .child-menu-wrap .post-title:hover { opacity: 1; } #header-main-menu .menu > li.has-category-children .child-menu-wrap .child-menu-wrap .post-title{ z-index: 10; display: block; padding: 10px 20px 0 20px; text-shadow: 1px 1px 3px rgba(0,0,0,0.4); position: relative; color: #FFF; } #header-main-menu .menu > li.has-category-children .child-menu-wrap .child-menu-wrap .child-post:first-child a{ /*padding-top: 20px;*/ margin-top: 10px; } /***************/ /* ANIMATION /***************/ #header-main-menu .menu > li.has-category-children .post-title{ opacity: 0; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; -webkit-transform: translateX(-25px); -moz-transform: translateX(-25px); -o-transform: translateX(-25px); -ms-transform: translateX(-25px); transform: translateX(-25px); } #header-main-menu .menu > li.has-category-children .post-title.animate{ opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } /***************/ /* RESPONSIVE (HAS-CATEGORY-CHILDREN) /***************/ @media (max-width:992px){ #header-main-menu .menu > li.has-category-children .child-menu-wrap{ height: auto; width: 100%; border: none; } #header-main-menu .menu > li.has-category-children .child-menu-wrap .menu-item-title{ display: none; } #header-main-menu .menu > li.has-category-children > .child-menu-wrap > .child-items > li > a{ padding: 10px 20px 10px 20px; } #header-main-menu .menu > li.has-category-children .child-menu-wrap li.active .child-menu-wrap, #header-main-menu .menu > li.has-category-children .child-menu-wrap li.hovered .child-menu-wrap, #header-main-menu .menu > li.has-category-children .child-menu-wrap li:hover .child-menu-wrap{ display: none; } } /***************/ /* MENU RESPONSIVE /***************/ @media (max-width:992px){ #header-main-menu{ width: 100%; padding: 0; } #header-main-menu > ul > li > a{ width: 100%; padding: 15px 20px; color: #FFF!important; border-radius: 0; } #header-main-menu > ul > li .child-items li:before{ display: none!important; } #header-main-menu .child-menu-wrap:before, #header-main-menu .child-menu-wrap:after { content: ''; clear: both; } #header-main-menu .child-menu-wrap { background: #f9f9f9; display: block; margin-top: 0; left: 0; opacity: 1; position: relative; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); width: auto; text-align: left; /*margin-left: 15px;*/ } #header-main-menu > ul, #header-main-menu .normal-menu{ display: block; } #header-main-menu ul li{ display: block; width: 100% } #header-main-menu ul li ul li:first-child{ border-top: 1px solid #DDD; } #header-main-menu ul li ul li{ padding-left: 15px; border-bottom: 1px solid #DDD; } .header-main-menu-container { position: absolute!important; right: 0; top: 100px; } #header-main-menu .super-menu .child-menu-wrap { margin-left: 0; } #header-main-menu li { text-align: left!important; display: inline-block; float: left; clear: left; } #header-main-menu li.super-menu .child-menu-wrap li{ display: inline-block; } #header-main-menu li.super-menu .child-menu-wrap li a { display: inline-block !important; padding: 10px 20px; vertical-align: middle; } #header-main-menu li.super-menu .child-items .child-items a{ padding: 10px 20px; } #header-main-menu li.super-menu .child-menu-wrap li.menu-item-has-children > a{ display: block; padding: 10px 20px; } #header-main-menu > ul > li.super-menu .child-menu-wrap > .child-items > li{ border: none!important; } #header-main-menu > ul > li{ padding-bottom: 0; text-align: left !important; } #header-main-menu ul li.has-subtitle > a > span{ transform: translateY(-8px)!important; } #header-main-menu ul li.has-subtitle > a > small{ transform: translateY(-5px)!important; opacity: 1; } /***************/ /* SIGNATURE ANIMATION /***************/ #header-main-menu > ul > li > a:after{ -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; opacity: 1; -webkit-transform: scale(150)!important; -moz-transform: scale(150)!important; -o-transform: scale(150)!important; -ms-transform: scale(150)!important; transform: scale(150)!important; } #header-main-menu > ul > li li a:hover:after{ -webkit-transform: scale(150)!important; -moz-transform: scale(150)!important; -o-transform: scale(150)!important; -ms-transform: scale(150)!important; transform: scale(150)!important; } } /* From mobile to landscape tablet */ @media (max-width: 992px){ .header-main-menu-container { width: 90% !important; } } /* Portrait tablet to landscape and desktop */ @media (min-width: 768px) and (max-width: 992px) { .header-main-menu-container { width: 60% !important; } } /**********************************/ /* MENU STICKY /**********************************/ #header-content.fixed{ -webkit-transition: top 0.7s ease-in-out 0s; -moz-transition: top 0.7s ease-in-out 0s; -o-transition: top 0.7s ease-in-out 0s; -ms-transition: top 0.7s ease-in-out 0s; transition: top 0.7s ease-in-out 0s; position: fixed; top: -100%; } #header-content.shrink{ top: 0; box-shadow: 0 3px 5px rgba(0,0,0,0.05); } .admin-bar #header-content.shrink{ top: 32px; } .fixed .menu-brand .menu-brand-marker .big-logo{ display: none; } .fixed .menu-brand .menu-brand-marker .mini-logo{ display: inline-block; max-height: inherit; } #header-content.shrink #header-main-menu > ul > li > a{ font-size: 12px; } /**********************************/ /* ARTICLES /**********************************/ /***************/ /* META-INFO /***************/ .meta-info{ color: #555; font-size: 12px; } .meta-info > div{ display: inline-block; margin-right: 5px; } .meta-info > div span{ display: inline-block; } .meta-info ul{ display: inline-block; padding: 0; margin: 0; } .meta-info .info-tags li{ display: inline-block; margin-right: 10px; } .meta-info .info-tags li:after{ content: ','; } .meta-info .info-tags li:last-child{ margin-right: 0; } .meta-info .info-tags li:last-child:after{ content: ''; } #content-title .meta-info a{ color: #555; } #content-title .meta-info > div{ margin-right: 15px; } #content-title .meta-info > div:before{ margin-right: 10px; display: inline-block; font-family: 'FontAwesome'; } #content-title .meta-info .info-author:before{ /*content: '\f007';*/ } #content-title .meta-info .info-category:before{ content: '\f02e'; } #content-title .meta-info .info-date:before{ content: '\f017'; } #content-title .meta-info .info-tags:before{ content: '\f02c'; } #content-title .meta-info .info-comments i{ margin-right: 10px; } /***************/ /* PARALLAX IMAGES /***************/ .post-break { display: inline-block; float: none; line-height: 0; margin: 40px auto 30px; max-width: 100% !important; min-width: 100% !important; position: relative; } .post-break .wp-caption-text { bottom: 0; color: #555 !important; display: inline-block; font-size: 25px !important; font-weight: 300; left: 0; letter-spacing: -0.5px; margin: 0; padding: 15px 35px; position: absolute; } .boxed .post-break .wp-caption-text { background: #FFFFFF!important; } .post-break .wp-caption-text span { /*background: transparent;*/ box-shadow: 1em 0 0 rgba(0, 0, 0, 0.5), -1em 0 0 rgba(0, 0, 0, 0.5); color: #fff; display: inline; line-height: 35px; padding: 8px 0; z-index: 10; } .full-bg-image { background-attachment: fixed; background-color: #222; background-position: center center; background-size: cover !important; display: block; margin-left: -99999px; margin-right: -99999px; padding-bottom: 70%; padding-left: 99999px; padding-right: 99999px; position: relative; z-index: -1; } #content { } #side-bar{ } @media (max-width:992px){ .full-bg-image { background-attachment: local; background-color: #222; background-position: center center; background-size: cover !important; display: block; margin-left: 0; margin-right: 0; padding-bottom: 70%; padding-left: 0; padding-right: 0; position: relative; z-index: -1; } } /***************/ /* SINGLE ARTICLES /***************/ body.single #content{ padding: 15px 45px; } body.page #content { padding: 15px 45px; } #content-title { margin-bottom: 30px; } #content-title .post-title{ text-transform: uppercase; font-size: 70px; font-weight: 900; letter-spacing: -2.5px; line-height: 1; color: #555; margin: 15px 0; word-wrap: break-word; } #content-title .meta-info{ font-size: 18px; margin: 15px 0; font-weight: 300; letter-spacing: -0.5px; } .post-sub-title{ font-size: 30px; font-weight: 300; letter-spacing: -0.5px; /*line-height: 1.2;*/ color: #555; margin-bottom: 15px; } article .entry-content{ font-size: 16px; color: #555; line-height: 1.8; font-weight: 300; } article .entry-content p{ margin-bottom: 20px; } article iframe, article embed{ max-width: 100%; } body.single #content > article{ margin-bottom: 40px; } body.single #content > div{ margin-bottom: 40px; } .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5{ font-weight: 900; line-height: 1; } article .entry-content a{ font-weight: 700; max-width: 100%; } /***************/ /* SINGLE ARTICLES RESPONSIVE /***************/ @media (max-width:766px){ body.single #content{ padding-left: 0; padding-right: 0; } #content-title .post-title{ font-size: 45px; } #content-title .post-sub-title{ font-size: 18px; } #content-title .meta-info{ font-size: 14px; margin-bottom: 25px; } article .entry-image-container { margin-bottom: 25px; margin-left: -30px; margin-right: -30px; position: relative; } } /***************/ /* SINGLE ARTICLES FULL WIDTH LOOK /***************/ /* full width image */ #content-title.full-width { background-position: center center; background-size: cover !important; display: block; padding-bottom: 20%; margin-top: -30px; margin-bottom: 30px; position: relative; } #content-title.full-width:before { background: none repeat scroll 0 0 #000; bottom: 0; content: ""; left: 0; opacity: 0.2; position: absolute; right: 0; top: 0; z-index: 0; } #content-title.full-width .container { z-index: 1; position: relative; } #content-title.full-width .post-title, #content-title.full-width .post-sub-title, #content-title.full-width .meta-info, #content-title.full-width .meta-info a{ color: #FFF!important; } #content-title.full-width .post-sub-title{ line-height: 1; margin-bottom: 15px; } #content-title .slide-author-image{ border-radius: 500px; height: 40px; width: 40px; float: left; margin-right: 10px; border: 4px solid rgba(255,255,255,0.2); } #content-title .meta-info{ display: table-cell; height: 40px; vertical-align: middle; } /***************/ /* SINGLE ARTICLES AUTHOR BOX /***************/ body.single .entry-author-box{ display: block; width: 100%; position: relative; padding: 40px 0; padding-left: 130px; border-top: 1px solid #DDDDDD; /*border-bottom: 1px solid #DDDDDD;*/ } body.single .entry-author-box .author-image{ width: 100px; height: 100px; border-radius: 100px; position: absolute; left: 0; top: 40px; } body.single .entry-author-box .author-image img{ border-radius: 100px; } body.single .entry-author-box .author-body .author-name{ color: #555555; text-transform: uppercase; font-size: 20px; letter-spacing: -1px; } body.single .entry-author-box .author-body .author-description{ color: #777777; font-weight: 300; } @media (max-width:766px){ body.single .entry-author-box{ padding-left: 0; text-align: center; } body.single .entry-author-box .author-image{ position: relative; top: 0; display: inline-block; } } /***************/ /* SINGLE ARTICLES FEATURED IMAGE /***************/ /* image author */ .entry-image-container .entry-image-author{ background-color: rgba(0, 0, 0, 0.15); bottom: 0; color: #FFFFFF; height: 60px; left: auto; padding: 20px 30px; position: absolute; right: 0; text-align: left; width: 33.3333%; z-index: 5; } .entry-image-container .entry-image-author a{ color: #FFFFFF; } #primary.single .entry-image-container .entry-image-author { bottom: 60px; height: 40px; left: 0; padding: 10px 30px; width: 100%; } #primary.left_side .entry-image-container .entry-image-author{ right: auto; left: 0; text-align: right; } #primary.left_side .entry-image-container .entry-image-author i{ float: right; margin-left: 5px; padding: 4px; } #primary.right_side .entry-image-container .entry-image-author i{ float: left; margin-right: 5px; padding: 4px; } /* main styling */ #primary > .entry-image-container{ margin-bottom: 0; } .entry-image-container{ margin: -15px -30px 25px; position: relative; } #content.col-lg-12 .entry-image-container{ margin: -15px -80px 25px; } .entry-image{ background: #F4F4F4; position: relative; -webkit-transition: max-height 0.2s ease-in-out; -moz-transition: max-height 0.2s ease-in-out; -o-transition: max-height 0.2s ease-in-out; -ms-transition: max-height 0.2s ease-in-out; transition: max-height 0.2s ease-in-out; } .format-status .entry-image{ max-height: none; } .entry-image.open{ max-height: 2000px; } .entry-image > a:after{ display: block; position: absolute; top: 0; height: 100%; width: 100%; left: 0; content: ''; opacity: 0; -webkit-transition: opacity 0.8s ease-in-out; -moz-transition: opacity 0.8s ease-in-out; -o-transition: opacity 0.8s ease-in-out; -ms-transition: opacity 0.8s ease-in-out; transition: opacity 0.8s ease-in-out; } .entry-image:hover > a:after{ opacity: 0.2; } .entry-image .image-owner, .entry-image-container .image-owner{ position: absolute; bottom: 20px; left: 20px; color: #FFFFFF; background-color: rgba(0,0,0,0.3); padding: 5px 10px; z-index: 11; } #content-title + .image-owner { clear: both; display: inline-block; float: left; margin-top: -100px; position: relative; color: #FFFFFF; background-color: rgba(0,0,0,0.3); padding: 5px 10px; z-index: 11; } .entry-image-container .image-owner{ bottom: 40px; } .entry-image .entry-category{ margin-top: -31px; position: relative; display:block; text-align: center; } .entry-image .entry-category a{ font-size: 18px; padding: 5px 10px; color: #FFFFFF; } .entry-image img { width: 100%; height: auto; } .escape-container{ position: relative; text-align: center; } .entry-audio { text-align: center; } .entry-audio.no-image { margin-top: -50px; } .entry-video { line-height: 0; } .entry-video iframe, .entry-video object{ min-width: 100%; } .entry-video .entry-image i{ color: #FFFFFF; display: block; font-size: 100px; left: 0; margin-top: -50px; position: absolute; text-align: center; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4); top: 50%; width: 100%; } /***************/ /* SINGLE ARTICLES RELATED POSTS /***************/ .bl_posts.related_posts article .post-title{ font-size: 20px; } /***************/ /* SINGLE ARTICLES LIKE AREA /***************/ .article-like-area{ margin: 15px 0; display: block; width: 100%; text-align: center; } .article-like-area > div { display: inline-block; text-align: left; width: 200px; } /***************/ /* SINGLE ARTICLES SHARE AREA /***************/ .article-share-area{ margin: 15px 0 35px; display: block; width: 100%; text-align: center; } .article-share-area:last-child{ margin-bottom: 0; } .article-share-area > h3{ text-align: center; font-weight: 300; display: block; } .article-share-area > div{ width: 33%; display: inline-block; float: left; } .article-share-area a{ display: table-cell; font-size: 35px; margin: 0 25px; width: 1%; height: 50px; padding: 15px 0; position: relative; } .article-share-area a i{ display: block; position: relative; top: 0; width: 100%; -webkit-transition: top 0.2s ease-in-out; -moz-transition: top 0.2s ease-in-out; -o-transition: top 0.2s ease-in-out; -ms-transition: top 0.2s ease-in-out; transition: top 0.2s ease-in-out; } .article-share-area a:hover i{ top: -10px; } .article-share-area a small{ position: absolute; font-size: 13px; width: 100%; text-align: center; bottom: 10px; opacity: 0; left: 0; font-weight: 300; -webkit-transition: opacity 0.15s ease-in-out, bottom 0.2s ease-in-out; -moz-transition: opacity 0.15s ease-in-out, bottom 0.2s ease-in-out; -o-transition: opacity 0.15s ease-in-out, bottom 0.2s ease-in-out; -ms-transition: opacity 0.15s ease-in-out, bottom 0.2s ease-in-out; transition: opacity 0.15s ease-in-out, bottom 0.2s ease-in-out; } .article-share-area a:hover small{ -webkit-transition: opacity 0.3s ease-in-out, bottom 0.2s ease-in-out; -moz-transition: opacity 0.3s ease-in-out, bottom 0.2s ease-in-out; -o-transition: opacity 0.3s ease-in-out, bottom 0.2s ease-in-out; -ms-transition: opacity 0.3s ease-in-out, bottom 0.2s ease-in-out; transition: opacity 0.3s ease-in-out, bottom 0.2s ease-in-out; bottom: -10px; margin-top: 0; opacity: 1; } .article-share-area a i.fa-facebook{ color: #3C599B; } .article-share-area a i.fa-twitter{ color: #5EAADE; } .article-share-area a i.fa-google-plus{ color: #DD4C39; } .article-share-area a i.fa-pinterest{ color: #CA1F25; } .article-share-area a i.fa-reddit{ color: #000000; } .article-share-area a i.fa-linkedin{ color: #017EB4; } .article-share-area a i.fa-envelope-o{ color: #7B0100; } /***************/ /* SINGLE ARTICLES COMMENTS /***************/ #commentform{ position: relative; border-radius: 2px; margin-top: 5px; } #commentform input{ min-height: 40px; padding: 0 10px; } #commentform input, #commentform textarea{ border: 1px solid #DDDDDD; border-radius: 1px; } .comments-area.container{ max-width: 800px; width: 100%; padding: 0; } .comments{ padding-bottom: 50px; } .comment-form-author, .comment-form-email{ width: 49%; float: left; } .comment-form-author input, .comment-form-email input{ display: block; width: 100%; } .comment-form-author{ margin-right: 2%; } .commentlist{ list-style: none; margin: 0; padding: 0 0 0 100px; font-size: 16px; } .commentlist a{ font-weight: bold; } .commentlist ul{ list-style: none; margin: 0; } .commentlist > li{ margin-bottom: 30px; position: relative; } .commentlist > li > article.comment{ /*padding-left: 100px;*/ } .commentlist > li > .author-avatar{ left: -90px; } .commentlist li{ position: relative; } .commentlist li.image-comment-on{ padding-left: 0; position: relative; } .commentlist li ul .image-comment-on{ margin-left: -80px; } .commentlist article.comment{ position: relative; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; color: #333333; min-height: 75px; padding: 25px 50px 25px 25px; box-shadow: 0 1px 1px 1px rgba(0,0,0,0.05); } .commentlist article.comment p:last-child{ margin-bottom: 0; } .commentlist article.comment .reply{ bottom: 7px; display: none; font-size: 12px; position: absolute; right: 40px; } .commentlist article.comment:hover .reply{ display: block; } .commentlist article.comment .date{ bottom: -17px; color: #999; font-size: 10px; left: 0; position: absolute; } .commentlist li.mute > article{ opacity: 0.4; -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; -ms-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; } .commentlist .pingback { padding: 4px 20px; } .commentlist li #reply-title{ display: none; } #commentform .logged-in-as{ float: right; color: #333333; } #commentform .logged-in-as a{ font-weight: 600; } .comments-title{ padding: 0 0 10px; margin-top: 70px; } .commentlist article{ margin-bottom: 20px; } .commentlist .children{ padding: 10px; margin: 10px 0 0; } .commentlist > li > .children{ margin: 5px 0 0 0; padding: 10px 0 10px 10px; position: relative; } .commentlist .children article.comment{ -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; margin-bottom: 20px; } .commentlist li .author-avatar{ position: absolute; left: -90px; overflow: hidden; z-index: 1; border: 2px solid #FFFFFF; } .commentlist li.image-comment-on > .author-avatar{ width: 50px; height: 50px; left: 5px!important; top: 5px; } .commentlist li .author-avatar, .commentlist li .author-avatar img{ -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .comment-time{ color: #999999; } .comment-author a{ position: relative; display: inline-block; } .comment-score{ position: absolute; right: 10px; top: 0; font-weight: normal; text-align: center; } .comment-score a{ color: #DADADA; font-size: 12px; line-height: 30px; margin-left: 10px; } .comment-score a:hover{ color: #777777; } .comment-score .total-score{ font-size: 22px; color: #AAAAAA; position: relative; margin-left: 9px; font-weight: lighter; line-height: 15px; } .total-score.vote-up{ color: #A0D468!important; } .total-score.vote-down{ color: #DA4453!important; } .comment-score .already-voted{ bottom: 29px; color: #999999; font-size: 11px; position: absolute; right: -110px; text-align: center; width: 85px; } .comment-score a.blu-comment-vote-down { } article.comment .avatar{ position: relative; display: inline-block; } .comment-author { display: block; left: 0; position: relative; } .comment-author h4{ margin: 0; margin-right: 10px; } .comment-author .commenter{ font-size: 16px; font-weight: bold; text-transform: uppercase; } .comment-author small{ font-size: 12px; line-height: 15px; } .bypostauthor > article.comment .commenter a{ color: #333; } article.comment cite.commenter{ color: #717171; font-size: 15px; font-weight: bold; } article.comment .reply a{ color: #999; } .form-allowed-tags{ display: none; } .comments-area-facebook{ padding: 20px; } #fb-comments{ margin-top: 30px; text-align: center; background-color: #FFFFFF; position: relative; display: block;} .comment-notes{ display: none; } #comment-textfield-area{ min-height: 220px; } #respond{ position: relative; padding: 10px; margin: 0 0 35px 0; } #respond .form-submit{ margin: 0; position: absolute; bottom: -40px; width: 100%; left: 0; } #respond .form-submit #submit { width: 100%; left: 0; position: relative; } .commentlist article + #respond { margin: 0 0 60px; padding: 0; } #respond textarea{ margin: 0 0 20px 0; min-height: 170px; width: 100%; padding: 15px; height: 40px; } /***************/ /* SINGLE ARTICLES PAGINATION /***************/ /* Post Nav */ .single-pagination:after{ clear: both; } .single-pagination:before, .single-pagination:after { content: " "; display: table; } .single-pagination{ margin: 30px 0; } .single-pagination > span{ width: 46%; line-height: 68px; } .single-pagination > span.nav-previous{ float: left; } .single-pagination > span.nav-next{ float: right; } .single-pagination > span a{ color: #444; } .single-pagination .arrow{ font-size: 45px; color: #555; width: 35px; background: #EEEEEE; position: relative; z-index: 1001; text-align: center; } .single-pagination .post-title { background: none repeat scroll 0 0 #EEEEEE; display: block; height: 68px; line-height: 68px; } .single-pagination .nav-next .post-title{ text-align: right; padding-right: 50px; } .single-pagination .nav-previous .post-title{ text-align: left; padding-left: 50px; } .single-pagination .post-title span{ display: table-cell; vertical-align: middle; font-weight: bold; font-size: 13px; } .single-pagination .arrow i:before{ width: 25px; margin: 0; } .single-pagination .nav-previous .arrow{ float: left; } .single-pagination .nav-next .arrow{ float: right; } .single-pagination .nav-image .post-image{ display: none; } .single-pagination .nav-image img{ width: 100px; height: 100px; } .single-pagination .post-title span.post-title-span{ display: none; } .single-pagination > span{ position: fixed; top: 50%; margin: -50px 0; line-height: 100px; z-index: 1000; float: none; width: auto; display: none; } .single-pagination{ margin: 0; } .single-pagination .nav-previous .post-title{ left: -180px; } .single-pagination .nav-next .post-title{ right: -180px; text-align: left; } .single-pagination .nav-previous.nav-image .post-title{ left: -260px; text-align: left; } .single-pagination .nav-next.nav-image .post-title{ right: -260px; } .single-pagination .nav-next .post-image{ text-align: right; } .single-pagination .nav-image .post-title{ width: 260px; } .single-pagination .nav-image .post-image{ display: block; } .single-pagination .post-title span.post-title-span{ display: table-cell; width: 130px; } .single-pagination .nav-next .post-title span.post-title-span{ padding-left: 10px; text-align: right; } .single-pagination .nav-previous .post-title span.post-title-span{ padding-right: 10px; } .single-pagination .post-title{ display: table; padding: 0!important; text-align: left; width: 180px; height: 100px; position: absolute; line-height: normal; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; } .single-pagination .arrow{ -webkit-transition: left .25s ease-in-out, right .25s ease-in-out; -moz-transition: left .25s ease-in-out, right .25s ease-in-out; -o-transition: left .25s ease-in-out, right .25s ease-in-out; transition: left .25s ease-in-out, right .25s ease-in-out; background-color: transparent; } .single-pagination > span .post-title{ background: #fff; } .single-pagination > span:hover .arrow{ color: #FFF; } .single-pagination .nav-previous:hover .post-title{ left: 0; } .single-pagination .nav-next:hover .post-title{ right: 0; } .single-pagination .nav-previous{ left: 0; } .single-pagination .nav-next{ right: 0; } .pagination, .page-links{ text-align: center; margin: 0 0 30px; display: block; padding: 10px 35px; } .pagination > *, .page-links > * { font-size:14px; margin-right: 10px; padding: 5px 15px; display:inline-block; } .pagination > a, .page-links > a, .page-links > span { font-weight: bold; text-decoration:none; border-style: solid; border-width: 1px; } .pagination > a:hover, .page-links > a:hover, .page-links > span { color: #FFFFFF!important; } .page-links > h4 { display: block; font-weight: 300; } /**********************************/ /* POST FORMATS /**********************************/ /***************/ /* GALLERY /***************/ .swiper-container.swiper-gallery{ overflow: hidden; } .swiper-container.swiper-gallery:hover .arrow-left:before{ left: 20px; opacity: 1; } .swiper-container.swiper-gallery:hover .arrow-right:before { right: 20px; opacity: 1; } .swiper-gallery .arrow-left:before { color: #fff!important; content: "\f104"; font-family: 'FontAwesome'; display: block; font-size: 50px; left: -60px; opacity: 0; margin-top: -25px; position: absolute; top: 50%; z-index: 10; -webkit-transition: left 0.5s ease 0s, opacity 1s ease 0s; -moz-transition: left 0.5s ease 0s, opacity 1s ease 0s; -o-transition: left 0.5s ease 0s, opacity 1s ease 0s; -ms-transition: left 0.5s ease 0s, opacity 1s ease 0s; transition: left 0.5s ease 0s, opacity 1s ease 0s; } .swiper-gallery .arrow-right:before { color: #fff!important; content: "\f105"; font-family: 'FontAwesome'; display: block; font-size: 50px; right: -60px; opacity: 0; margin-top: -25px; position: absolute; top: 50%; z-index: 10; -webkit-transition: right0.5s ease 0s, opacity 1s ease 0s; -moz-transition: right 0.5s ease 0s, opacity 1s ease 0s; -o-transition: right 0.5s ease 0s, opacity 1s ease 0s; -ms-transition: right 0.5s ease 0s, opacity 1s ease 0s; transition: right 0.5s ease 0s, opacity 1s ease 0s; } @media (max-width:992px){ .swiper-container.swiper-gallery .arrow-left:before{ left: 20px!important; opacity: 1; } .swiper-container.swiper-gallery .arrow-right:before { right: 20px!important; opacity: 1; } } /***************/ /* QUOTE /***************/ article.format-quote .entry-image{ background-color: #000; } article.format-quote .entry-image img{ opacity: 0.7; } article.format-quote .quote-area{ position: absolute; left: 50px; top: 50%; right: 50px; text-align: center; text-transform: uppercase; color: #FFFFFF; padding: 40px; z-index: 2; } article.format-quote .quote-area h1{ padding: 40px; border: 2px solid #FFFFFF; line-height: 1; font-weight: 300; text-shadow: 2px 2px 2px rgba(0,0,0,0.2); } article.format-quote .quote-area .quote-author a{ color: #FFF; } /***************/ /* AUDIO /***************/ article.format-audio .entry-image + .entry-audio{ position: absolute; padding: 40px; bottom: 0; left: 0; right: 0; width: 100%; } article.format-audio .entry-audio .shortcode-audio iframe{ max-width: 100%; max-height: 150px; } /***************/ /* VIDEO /***************/ article.format-video .entry-video iframe{ width: 100%; } /***************/ /* STATUS /***************/ /***************/ /* FACEBOOK /***************/ article.format-status .fb-post{ min-height: 200px; text-align: center; display: block; padding: 40px 10px; } article.format-status .fb-post span{ overflow-x: auto; overflow-y: hidden; max-width: 100%; } /***************/ /* GOOGLE+ /***************/ article.format-status .bl_google{ text-align: center; padding: 40px 10px; } article.format-status .bl_google > div{ max-width: 100%; overflow-x: auto; overflow-y: hidden; } /***************/ /* TWITTER /***************/ article.format-status .bl_twitter{ text-align: center; padding: 40px 10px; } article.format-status .bl_twitter > div{ max-width: 100%; overflow-x: auto; overflow-y: hidden; } article.format-status .bl_twitter iframe{ display: inline-block!important; } /**********************************/ /* AUTHOR PAGE /**********************************/ /***************/ /* GENERAL /***************/ .author #content-title.full-width { padding:0; } .author #content-title.full-width:before { display: none; } .author #content-title.bgimage .widget-head .title-area.large{ color: #FFF; } .author #content-title h3{ border: none; padding: 30px 0; margin: 0; } .author #author-posts .author-posts-item{ position: relative; background-size: cover; margin-bottom: 35px; border-radius: 3px; overflow: hidden; } .author #author-posts .author-posts-item .author-post-image{ } .author #author-posts .author-posts-item a:before{ display: block; position: absolute; width: 100%; height: 100%; background: #000000; content: ''; left: 0; opacity: 0.3; -webkit-transition: opacity .15s ease-in-out; -moz-transition: opacity .15s ease-in-out; -o-transition: opacity .15s ease-in-out; transition: opacity .15s ease-in-out; } .author #author-posts .author-posts-item:hover a:before{ opacity: 0; } .author #author-posts .author-posts-item a{ color: #FFFFFF; text-align: center; text-shadow: 1px 2px 1px rgba(0,0,0,0.15); display: block; padding: 0 25px; width: 100%; position: absolute; } .author #author-posts .author-posts-item h3{ top: 50%; position: relative; margin: 0; } /**********************************/ /* SIDEBAR /**********************************/ /***************/ /* STICKY SIDEBAR /***************/ body.sticky_header_active .sticky_sidebar.affix{ margin-top: 93px; } .sticky_sidebar.affix{ margin-top: 30px; } .sticky_sidebar > div{ margin-bottom: 30px; } .sticky_sidebar > div:last-child{ margin-bottom: 0; padding-bottom: 55px; } @media (max-width: 992px){ .affix{ position: static!important; } .sticky_sidebar.affix{ margin-top: 0; width: 100%; } } /**********************************/ /* WIDGETS /**********************************/ /***************/ /* BEFORE /***************/ /*#side-bar:before { background: none repeat scroll 0 0 #eee; bottom: 0; content: ""; display: block; left: 0; position: absolute; right: -999px; top: 0; z-index: -1; }*/ /***************/ /* HEADERS /***************/ #side-bar > .single-widget{ margin-bottom: 30px; } #side-bar .widget-head{ border-bottom: 1px solid #dddddd; font-size: 16px; font-weight: 300; line-height: 30px; margin-bottom: 25px; margin-top: 0; } #side-bar .widget-head small{ margin-left: 5px; display: inline-block; font-size: 80%; font-weight: 300; } /***************/ /* BOXED LAYOUT FIXES /***************/ body.boxed #side-bar .widget_archive, body.boxed #side-bar .widget_meta, body.boxed #side-bar .widget_pages, body.boxed #side-bar .widget_nav_menu, body.boxed #side-bar .widget_recent_comments, body.boxed #side-bar .widget_rss, body.boxed #side-bar .widget_recent_entries, body.boxed #side-bar .widget_tag_cloud, body.boxed #side-bar .widget_calendar, body.boxed #side-bar .widget_categories{ padding: 0; } /**********************************/ /* DEFAULT WIDGETS /**********************************/ /***************/ /* GENERAL WIDGET CSS /***************/ .widget_archive ul, .widget_meta ul, .widget_pages ul, .widget_nav_menu ul, .widget_categories ul{ list-style: none; padding: 0; margin: 0; } .widget_archive ul li, .widget_meta ul li, .widget_pages ul li, .widget_nav_menu ul li, .widget_categories ul li{ display: inline-block; float: left; clear:both; padding: 5px 7px; margin: 0 0 10px 0; } .widget_archive ul li:last-child, .widget_meta ul li:last-child, .widget_pages ul li:last-child, .widget_nav_menu ul li:last-child, .widget_categories ul li:last-child{ margin: 0; } .widget_archive ul li a, .widget_meta ul li a, .widget_pages ul li a, .widget_nav_menu ul li a, .widget_categories ul li a{ color: #555555; font-weight: 500; display: inline-block; margin-right: 5px; } .widget_archive ul li a:hover, .widget_meta ul li a:hover, .widget_pages ul li a:hover, .widget_nav_menu ul li a:hover, .widget_categories ul li a:hover{ text-decoration: none; } .widget_archive ul li span, .widget_meta ul li span, .widget_pages ul li span, .widget_nav_menu ul li span, .widget_categories ul li span{ padding: 3px 5px; background-color: #ea4139; border-radius: 2px; font-size: 11px; -webkit-transition: background-color 0.3s ease-in-out 0s, color 0.3s ease-in-out 0s; -moz-transition: background-color 0.3s ease-in-out 0s, color 0.3s ease-in-out 0s; -o-transition: background-color 0.3s ease-in-out 0s, color 0.3s ease-in-out 0s; -ms-transition: background-color 0.3s ease-in-out 0s, color 0.3s ease-in-out 0s; transition: background-color 0.3s ease-in-out 0s, color 0.3s ease-in-out 0s; } .widget_archive ul li:hover span, .widget_meta ul li:hover span, .widget_pages ul li:hover span, .widget_nav_menu ul li:hover span, .widget_categories ul li:hover span{ background-color: #fff; color: #ea4139; } /***************/ /* SIGNATURE ANIMATION /***************/ .widget_archive ul li a, .widget_meta ul li a, .widget_pages ul li a, .widget_nav_menu ul li a, .widget_tag_cloud a, .widget_categories ul li a{ -webkit-transition: color 0.3s ease-in-out 0s; -moz-transition: color 0.3s ease-in-out 0s; -o-transition: color 0.3s ease-in-out 0s; -ms-transition: color 0.3s ease-in-out 0s; transition: color 0.3s ease-in-out 0s; } .widget_archive ul li a:hover, .widget_meta ul li a:hover, .widget_pages ul li a:hover, .widget_nav_menu ul li a:hover, .widget_tag_cloud a:hover, .widget_categories ul li a:hover{ border-bottom: none; } .widget_archive ul li:hover a, .widget_meta ul li:hover a, .widget_pages ul li a:hover, .widget_nav_menu ul li a:hover, .widget_tag_cloud a:hover, .widget_categories ul li:hover a{ color: #FFFFFF!important; } .widget_archive ul li, .widget_meta ul li, .widget_pages ul li a, .widget_nav_menu ul li a, .widget_tag_cloud a, .widget_categories ul li{ position: relative; overflow: hidden; border-radius: 2px; z-index: 1; font-size: 14px; } .widget_archive ul li:after, .widget_meta ul li:after, .widget_pages ul li a:after, .widget_nav_menu ul li a:after, .widget_tag_cloud a:after, .widget_categories ul li:after{ position: absolute; opacity: 0; width: 5px; height: 5px; left: 50%; margin-left: -2.5px; background-color: #ea4139; border-radius: 500px; top: 15px; z-index: -1; content: ""; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .widget_archive ul li:hover:after, .widget_meta ul li:hover:after, .widget_pages ul li a:hover:after, .widget_nav_menu ul li a:hover:after, .widget_tag_cloud a:hover:after, .widget_categories ul li:hover:after{ opacity: 1; -webkit-transform: scale(30); -moz-transform: scale(30); -o-transform: scale(30); -ms-transform: scale(30); transform: scale(30); } /***************/ /* WORDPRESS SEARCH /***************/ #side-bar .widget_search{ padding: 0; } .widget_search fieldset{ } .widget_search input{ background: none repeat scroll 0 0 #efefef; border: medium none; border-radius: 2px; box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.05) inset; font-size: 16px; min-height: 45px; margin: 0; padding: 12px; width: 100%; } footer .widget_search input{ color: #333333; } /***************/ /* WORDPRESS RECENT COMMENTS /***************/ .widget_recent_comments ul{ list-style: none; margin: 0; padding: 0; } .widget_recent_comments ul li{ margin-bottom: 20px; } .widget_recent_comments ul li:last-child{ margin-bottom: 0; } .widget_recent_comments ul li{ color: #555555; display: block; font-weight: 500; margin-right: 5px; font-size: 14px; } .widget_recent_comments ul li a{ text-transform: uppercase; font-weight: 700; letter-spacing: -0.5px; } /***************/ /* WORDPRESS RECENT POSTS /***************/ .widget_recent_entries ul{ list-style: none; margin: 0; padding: 0; } .widget_recent_entries ul li{ margin-bottom: 20px; } .widget_recent_entries ul li:last-child{ margin-bottom: 0; } .widget_recent_entries ul li{ color: #555555; display: block; font-weight: 500; margin-right: 5px; font-size: 14px; } .widget_recent_entries ul li a{ text-transform: uppercase; font-weight: 700; letter-spacing: -0.5px; } /***************/ /* WORDPRESS RSS /***************/ .widget_rss ul{ list-style: none; margin: 0; padding: 0; } .widget_rss ul li{ margin-bottom: 20px; font-size: 14px; } .widget_rss ul li:last-child{ margin-bottom: 0; } .widget_rss ul li{ color: #555555; display: block; font-weight: 500; margin-right: 5px; } .widget_rss ul li a{ text-transform: uppercase; font-weight: 700; letter-spacing: -0.5px; } .widget_rss a.rsswidget img{ display: none; } /***************/ /* WORDPRESS TAG CLOUD /***************/ .widget_tag_cloud{ } .widget_tag_cloud a{ vertical-align: bottom; position: relative; color: #555555; display: inline-block; font-weight: 500; margin-right: 0; text-decoration: none!important; padding: 1px 6px; } /***************/ /* WORDPRESS CALENDAR /***************/ .widget_calendar table{ width: 100%; } .widget_calendar table thead th, .widget_calendar table tbody td{ text-align: center; color: #777; font-size: 13px; padding: 3px 1px; vertical-align: top; } .widget_calendar table tbody td a{ padding: 0 1px; } .widget_calendar table tfoot td a{ margin-top: 10px; padding: 3px 5px; } .widget_calendar table tfoot td#next{ text-align: right; } .widget_calendar table caption{ font-weight: 700; text-transform: uppercase; margin-bottom: 15px; } /***************/ /* ANIMATION /***************/ .widget_calendar table td a{ vertical-align: top; -webkit-transition: color 0.3s ease-in-out 0s; -moz-transition: color 0.3s ease-in-out 0s; -o-transition: color 0.3s ease-in-out 0s; -ms-transition: color 0.3s ease-in-out 0s; transition: color 0.3s ease-in-out 0s; font-weight: 700; color: #555555; border-radius: 2px; } .widget_calendar table td a:hover{ color: #FFFFFF!important; border-bottom: none; } .widget_calendar table td a{ display: inline-block; position: relative; overflow: hidden; border-radius: 2px; z-index: 1; text-decoration: none; } .widget_calendar table td a:after{ position: absolute; opacity: 0; width: 5px; height: 5px; left: 50%; margin-left: -2.5px; background-color: #ea4139; border-radius: 500px; top: 15px; z-index: -1; content: ""; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .widget_calendar table td a:hover:after{ opacity: 1; -webkit-transform: scale(30); -moz-transform: scale(30); -o-transform: scale(30); -ms-transform: scale(30); transform: scale(30); } /***************/ /* WORDPRESS CUSTOM MENU /***************/ .widget_nav_menu ul li{ padding: 0; margin: 0; } .widget_nav_menu ul li ul{ margin-left: 10px; } .widget_nav_menu ul li a{ padding: 5px 7px; } /***************/ /* WORDPRESS PAGES /***************/ .widget_pages ul li{ padding: 0; margin: 0; } .widget_pages ul li ul{ margin-left: 10px; } .widget_pages ul li a{ padding: 5px 7px; } /**********************************/ /* FRONT PAGE HOME TOP /**********************************/ #main-content #home-top > div > .bl_posts_slider:first-child{ margin-top: -30px; } /**********************************/ /* FRONT PAGE HOME WIDGETS /**********************************/ #home-body .single-widget{ margin-bottom: 30px; } /**********************************/ /* CUSTOM WIDGETS /**********************************/ .boxed #side-bar .single-widget{ padding: 0; } /***************/ /* AUTHOR WIDGET /***************/ .boxed #side-bar .bl_author{ padding: 0; } .bl_author .author-box-container{ /*padding-left: 60px;*/ position: relative; min-height: 75px; margin-top: 25px; } .bl_author .author-box-container:first-child{ margin-top: 0; } .bl_author .author-image{ position: absolute; left: 0; top: 0; } .bl_author .author-image, .bl_author .author-image img{ border-radius: 2px; display: inline-block; height: 50px; max-width: 50px; } .bl_author .author-box-body{ /*padding-left: 65px;*/ } .bl_author .author-bio h4{ font-size: 14px; text-transform: uppercase; font-weight: 700; line-height: 1.1; word-wrap: break-word; padding-left: 65px; } .bl_author .author-bio h4 a{ color: #333; } .bl_author .author-bio h4 .author-twitter{ display: block; text-transform: none; font-size: 12px; color: #01AFEC; font-weight: 300; margin-top: 3px; } .bl_author .author-bio small{ display: block; margin-top: 2px; text-transform: none; letter-spacing: 0; } .bl_author .author-bio p{ font-size: 12px; font-weight: 300; } .bl_author .author-stats{ position: absolute; left: 0; top: 60px; width: 50px; display: inline-block; line-height: 1; font-size: 11px; } .bl_author .author-stats a{ display: block; text-align: center; } .bl_author .author-stats span{ font-weight: 900; display: inline; margin-right: 5px; } /******** ** RESPONSIVE AUTHOR ********/ @media (max-width:766px){ .bl_author .author-image{ left: 0; top: 0; } .bl_author .author-stats{ left: 0; top: 55px; } } /***************/ /* BLUTH LIKE BOX FACEBOOK /***************/ .boxed #side-bar .bl_likebox{ padding: 0; } /***************/ /* BLUTH TABS /***************/ #side-bar .bl_tabs{ padding: 0; background: transparent; } .bl_tabs h3 + #bl_side_tabs{ top:0; } .bl_tabs h3 + #bl_side_tabs + .tab-content{ margin-top: -1px; } .bl_tabs #bl_side_tabs{ margin: 0; position:relative; top: 1px; } #bl_side_posts .meta-info { color: #595959; font-size: 10px; margin: 2px 0 0; text-align: left; } #bl_side_posts > ul, #bl_side_comments > ul{ list-style: none; margin: 0; padding: 0; overflow: hidden; } #bl_side_posts > ul > li, #bl_side_comments > ul > li{ padding: 0 10px 0 75px; position: relative; height: 90px; right: -110%; border-left: 3px solid transparent; border-bottom: 1px dashed #DDDDDD; } #bl_side_posts > ul > li:last-child, #bl_side_comments > ul > li:last-child{ border-bottom: none; } #bl_side_posts > ul > li:hover, #bl_side_comments > ul > li:hover { background: none repeat scroll 0 0 #FFFFFF; /*border-left: 3px solid #F69087;*/ cursor: pointer; } #bl_side_posts > ul > li:hover .tab_icon, #bl_side_comments > ul > li:hover .tab_attachment, #bl_side_posts > ul > li:hover .tab_attachment { -webkit-transition: all .15s ease-in-out; -moz-transition: all .15s ease-in-out; -o-transition: all .15s ease-in-out; transition: all .15s ease-in-out; /* -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05);*/ } #bl_side_comments .tab_text p{ font-size: 11px; line-height: 1.3; font-weight: 300; text-transform: none; } .bl_tabs{ background-color: transparent; } .bl_tabs .top-line{ display:none; } .bl_tabs ul > li > a{ padding: 9px 11px; font-size: 12px; } .bl_tabs ul li a{ border: none!important; font-weight: 700; text-transform: uppercase; } .bl_tabs ul li.active a { background-color: #f9f9f9; border: 1px solid #eee !important; } .bl_tabs ul li .tab_attachment{ position: absolute; left: 0; height: inherit; padding: 9px 11px; background: transparent!important; display: block; } .bl_tabs ul li .tab_text{ display: table-cell; height: inherit; vertical-align: middle; } .site-footer #footer-body .bl_tabs ul li .tab_text h5, .bl_tabs ul li .tab_text h5, .bl_tabs ul li .tab_text > a{ color: #717171; text-decoration: none !important; background: transparent; margin: 0; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } #side-bar .bl_tabs ul li .tab_text h5{ background: transparent; font-size: 13px; } .bl_tabs ul li .tab_text small{ opacity: 0.4; font-weight: 400; } #side-bar .bl_tabs ul li .tab_text p{ color: #717171; margin: 0; } .site-footer #footer-body .bl_tabs ul li .tab_text h5 a, .bl_tabs ul li .tab_text h5 a{ color: #717171; text-decoration: none !important; margin-bottom: 0; display: block; line-height: 1.0; font-size: 13px; } .site-footer #footer-body .bl_tabs ul li .tab_text h5, .bl_tabs ul li .tab_text small{ display:block; } .bl_tabs ul li .tab_text a span{ /*color: #F69087;*/ } .bl_tabs .tab-content{ min-height: 100px; padding: 0 0 0 0; background: #f9f9f9; border: 1px solid #EEEEEE; border-top: none; } .bl_tabs .tab-content > .tab-pane{ padding: 0; } .tab_icon{ height: 50px; margin-top: -25px; position: relative; left: 10px; top: 50%; width: 50px; border-radius: 500px; } .tab_icon i { color: #FFFFFF; display: block; font-size: 20px; height: 50px; line-height: 60px; text-align: center; width: 50px; } .bl_tabs .tab-content img{ border: 2px solid #ea4139; border-radius: 500px; height: 50px; margin-top: -25px; position: relative; left: 0; top: 50%; width: 50px; max-width: none\9; } .tab_quote{ background-color: #85A9B3; background-position: 2px -220px; } .tab_audio{ background-color: #EF7336; background-position: 2px -330px; } .tab_link{ background-color: #9664B5; background-position: 2px -50px; } .tab_gallery, .tab_image{ background-position: 1px -274px; background-color: #B0CB7A; } .tab_standard{ background-position: 1px -107px; background-color: #F69087; } .tab_video{ background-position: 1px -442px; background-color: #85CCB1; } #bl_side_tags{ padding: 15px; } #bl_side_tags .bl_tab_tag{ font-weight: bold; padding: 4px 6px; margin: 0 5px 5px 0; background: #F8F8F8; text-decoration: none; color: #666; display: block; float: left; text-align: center; font-size: 13px; border: none!important; } #bl_side_tags .bl_tab_tag:hover{ /*background: #F69087;*/ /*color: #fff;*/ -webkit-transition: all .15s ease-in-out; -moz-transition: all .15s ease-in-out; -o-transition: all .15s ease-in-out; transition: all .15s ease-in-out; -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } /***************/ /* SOCIAL BOX /***************/ #side-bar .bl_socialbox{ background-color: transparent; padding: 0; } .bl_socialbox .widget-body{ text-align: center; } .bl_socialbox ul{ list-style: none; margin: 0; padding: 0; } .bl_socialbox li{ display: block; float: left; margin: 0 0 10px 0; width: 100%; } .bl_socialbox li a{ border: none!important; } .site-footer #footer-body .bl_socialbox a, .bl_socialbox a{ display: block; text-align: left; background-color: #F9F9F9; box-shadow: 0 0 0 1px #EEEEEE inset; color: #555555; font-weight: 700; text-transform: uppercase; } .site-footer #footer-body .bl_socialbox a .social-type, .bl_socialbox a .social-type{ display: inline-block; font-size: 12px; margin-left: 10px; position: relative; top: -3px; } .site-footer #footer-body .bl_socialbox a i, .bl_socialbox a i{ color: #666666; display: inline-block; font-size: 24px; padding: 8px 5px; text-align: center; width: 40px; border-radius: 2px 0 0 2px; -webkit-transition: transform 0.2s ease-in-out; -moz-transition: transform 0.2s ease-in-out; -o-transition: transform 0.2s ease-in-out; -ms-transition: transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out; } .site-footer #footer-body .bl_socialbox a:hover i, .bl_socialbox a:hover i{ color: #fff!important; transform: scale(1.08); -ms-transform: scale(1.08); -webkit-transform: scale(1.08); text-decoration: none; } /*.bl_socialbox a.bl_icon_facebook{ color: #4861A3!important; }*/ .bl_socialbox a.bl_icon_facebook i{ color:#fff!important; background: #4861A3!important; border-color: #4861A3!important; } /*.bl_socialbox a.bl_icon_twitter{ color: #1BB2E9!important; }*/ .bl_socialbox a.bl_icon_twitter i{ color:#fff!important; background: #1BB2E9!important; border-color: #1BB2E9!important; } /*.bl_socialbox a.bl_icon_googleplus{ color: #CE4231!important; }*/ .bl_socialbox a.bl_icon_googleplus i{ color:#fff!important; background: #CE4231!important; border-color: #CE4231!important; } /*.bl_socialbox a.bl_icon_linkedin{ color: #007BB6!important; }*/ .bl_socialbox a.bl_icon_linkedin i{ color:#fff!important; background: #007BB6!important; border-color: #007BB6!important; } /*.bl_socialbox a.bl_icon_youtube{ color: #BC1E2C!important; }*/ .bl_socialbox a.bl_icon_youtube i{ color:#fff!important; background: #BC1E2C!important; border-color: #BC1E2C!important; } /*.bl_socialbox a.bl_icon_rss{ color: #F99C00!important; }*/ .bl_socialbox a.bl_icon_rss i{ color:#fff!important; background: #F99C00!important; border-color: #F99C00!important; } /*.bl_socialbox a.bl_icon_flickr{ color: #FE0083!important; }*/ .bl_socialbox a.bl_icon_flickr i{ color:#fff!important; background: #FE0083!important; border-color: #FE0083!important; } /*.bl_socialbox a.bl_icon_vimeo{ color: #1BB6EC!important; }*/ .bl_socialbox a.bl_icon_vimeo i{ color:#fff!important; background: #1BB6EC!important; border-color: #1BB6EC!important; } /*.bl_socialbox a.bl_icon_pinterest{ color: #CD2026!important; }*/ .bl_socialbox a.bl_icon_pinterest i{ color:#fff!important; background: #CD2026!important; border-color: #CD2026!important; } /*.bl_socialbox a.bl_icon_dribbble{ color: #E14A85!important; }*/ .bl_socialbox a.bl_icon_dribbble i{ color:#fff!important; background: #E14A85!important; border-color: #E14A85!important; } /*.bl_socialbox a.bl_icon_tumblr{ color: #49637C!important; }*/ .bl_socialbox a.bl_icon_tumblr i{ color:#fff!important; background: #49637C!important; border-color: #49637C!important; } /*.bl_socialbox a.bl_icon_instagram{ color: #AC8568!important; }*/ .bl_socialbox a.bl_icon_instagram i{ color:#fff!important; background: #AC8568!important; border-color: #AC8568!important; } /*.bl_socialbox a.bl_icon_viadeo{ color: #F97618!important; }*/ .bl_socialbox a.bl_icon_viadeo i{ color:#fff!important; background: #F97618!important; border-color: #F97618!important; } /***************/ /* NEWSLETTER (MAILCHIMP) /***************/ .bl_newsletter p{ color: #999; font-weight: 400; font-size: 13px; margin-bottom: 15px; } .bl_newsletter .bl_newsletter_email{ background: none repeat scroll 0 0 #efefef; border: medium none; border-radius: 2px; box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.05) inset; font-size: 16px; min-height: 45px; margin: 0 0 20px 0; padding: 12px; width: 100%; } .bl_newsletter .btn{ padding: 10px; font-weight: 700; } /***************/ /* FOOTER /***************/ #footer .bl_newsletter{ background-color: transparent; box-shadow: none; padding: 0; } /***************/ /* BELOW ARTICLE /***************/ .below-article .bl_newsletter{ text-align: center; background-color: transparent; box-shadow: none; padding: 0; } .below-article .bl_newsletter .widget-head{ text-align: left;; } .below-article .bl_newsletter h5{ font-size: 22px; margin-bottom: 15px; font-weight: 700; } .below-article .bl_newsletter p{ color: #999; font-weight: 300; font-size: 16px; margin-bottom: 15px; } .below-article .bl_newsletter .bl_newsletter_email{ background-color: #f9f9f9; border: medium none; border-radius: 2px; box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.05) inset; font-size: 16px; min-height: 45px; margin: 0 0 20px 0; padding: 12px; width: auto; display: inline-block; } .below-article .bl_newsletter .btn{ display: inline-block; width: auto; padding: 10px 15px; font-weight: 700; } /***************/ /* IMAGE BOX /***************/ .full_width .bl_imagebox a{ margin: -20px -20px 20px -20px; } .bl_imagebox a{ border:none!important; display: block; } .bl_imagebox img{ width: 100%; } .bl_imagebox h5{ margin-top: 10px; text-transform: uppercase; } .bl_imagebox p{ color: #999; font-weight: 400; font-size: 13px; margin-bottom: 15px; } .bl_imagebox .widget-footer p{ margin-bottom: 0; } /***************/ /* GOOGLE BADGE /***************/ .bl_googlebadge { background: transparent; padding: 0; } /***************/ /* TWEETS WIDGET /***************/ #side-bar .bl_tweets{ padding: 0; background-color: transparent; } .bl_tweets .widget-body{ background: #FFFFFF; border-radius: 3px; } .bl_tweets .twitter-user-info{ background: none repeat scroll 0 0 #1BB2E9; background-size: cover; background-position: center center; border-bottom: 1px solid #EEEEEE; color: #FFFFFF; min-height: 86px; padding: 15px 15px 15px 80px; position: relative; text-shadow: 1px 1px 3px rgba(0,0,0,0.5); border-radius: 2px 2px 0 0; } .bl_tweets .twitter-user-info .user-image{ position: absolute; left:15px; border-radius: 10px; border: 3px solid #FFFFFF; } .bl_tweets .twitter-user-info .user-image img{ border-radius: 5px; } .bl_tweets .twitter-user-info .user-name .uname{ margin-bottom: 0; font-size: 19px; } .bl_tweets .twitter-user-info .user-name .uname a{ color: inherit; } .bl_tweets .twitter-user-info .user-description{ opacity: 0.7; font-size: 13px; } .bl_tweets .twitter-user-info .user-description p{ font-size: 13px; line-height: 1.1; margin-bottom: 0; } .bl_tweets .twitter-user-info .user-location{ opacity: 0.7; } .bl_tweets .twitter-user-info .user-location p{ font-size: 11px; margin-bottom: 0; } .bl_tweets .twitter-status{ background-color: #ffffff; color: #222222; padding: 15px; border-bottom: 1px dashed #EEEEEE; } .bl_tweets .twitter-status:last-child{ border-bottom: none; } .bl_tweets .twitter-status p{ font-size: 14px; } .bl_tweets .twitter-status time{ opacity: 0.5; font-size: 12px; } .bl_tweets .twitter-status .reply-to{ font-size: 13px; color: #1BB2E9; } /***************/ /* SOCIAL COUNTER /***************/ #side-bar .bl_social_counter .widget-body{ padding: 0; } #side-bar .bl_social_counter{ padding: 0; background-color: transparent; } .bl_social_counter ul li{ display: block; text-align: left; position: relative; padding-left: 50px; width: 100%; margin-right: 0%; margin-bottom: 10px; float: left; background-color: #F9F9F9; box-shadow: 0 0 0 1px #EEEEEE inset; } .bl_social_counter ul li a{ color: #333333; display: block; -webkit-transition: background-color 0.05s ease-in-out; -moz-transition: background-color 0.05s ease-in-out; -o-transition: background-color 0.05s ease-in-out; -ms-transition: background-color 0.05s ease-in-out; transition: background-color 0.05s ease-in-out; } .bl_social_counter ul li .bl_wrapper{ display: table-cell; vertical-align: middle; height: 40px; } .bl_social_counter ul li:hover{ background-color: #FFFFFF; } .bl_social_counter ul li a:hover{ border-bottom: none; } .bl_social_counter ul li i{ font-size: 22px; display: block; position: absolute; width: 40px; height: 40px; line-height: 40px; left: 0; top: 50%; margin-top: -20px; text-align: center; border-radius: 2px 0 0 2px; color: #FFFFFF; } .bl_social_counter ul li.facebook i{ background-color: #4861A3; } .bl_social_counter ul li.twitter i{ background-color: #1BB2E9; } .bl_social_counter ul li.google-plus i{ background-color: #CE4231 } .bl_social_counter ul li.instagram i{ background-color: #DD4B39; } .bl_social_counter ul li h4{ font-size: 13px; margin: 0 5px 0 0; position: relative; display: inline-block; font-weight: normal; } .bl_social_counter ul li small{ display: inline-block; font-size: 13px; font-weight: 300; text-transform: uppercase; padding: 0; position: relative; } /***************/ /* BW FLICKR /***************/ #side-bar .bw_flickr{ padding: 15px; } /***************/ /* BL HTML /***************/ #side-bar .bl_html{ background: transparent; padding: 0; } /***************/ /* BLUTH POSTS WIDGET /***************/ body.boxed .bl_posts .bl_posts_information .box { border: 5px solid #f0f0f0; border-top-left-radius: 0; border-top-right-radius: 0; } body.boxed .bl_posts .bl_posts_information .post-image + .box { border-top: 0; } body.boxed .bl_posts article .post-image .post-image-link{ border: 5px solid #f0f0f0; border-bottom: 0; overflow: hidden; } body.full_width #side-bar .bl_posts{ padding: 0; } .bl_posts{ border: none; background-color: transparent; box-shadow: none; } .bl_posts article{ margin-bottom: 30px; } .bl_posts article .post-image{ overflow: hidden; position: relative; z-index: 1; } .bl_posts article .post-image:before { bottom: 0; box-shadow: 0 -30px 70px rgba(0, 0, 0, 0.5) inset; content: ""; left: 0; position: absolute; right: 0; top: 0; z-index: 1; } .bl_posts article .post-image .post-image-link{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; } .bl_posts article .post-image .post-icon{ color: #ffffff; font-size: 16px; left: 25px; padding: 7px 10px; position: absolute; top: 0; box-shadow: 2px 2px 2px rgba(0,0,0,0.2); z-index: 2; } .bl_posts article .post-image .info-date { bottom: 20px; color: #ffffff; left: 20px; min-width: 100px; position: absolute; z-index: 1; } .bl_posts article .post-image .info-category { bottom: 20px; color: #ffffff; max-width: 50%; position: absolute; right: 20px; text-align: right; z-index: 1; } .bl_posts article .post-image .info-category{ position: absolute; bottom: 20px; right: 20px; color: #FFFFFF; z-index: 1; } .bl_posts article .post-image .info-category a{ border-radius: 2px; border: 1px solid #FFF; padding: 2px 5px; color: #FFFFFF; overflow: hidden; display: inline-block; vertical-align: bottom; margin: 2px 0; } /***************/ /* BL POSTS ORDERPOSTS /***************/ .orderposts { position: relative; } .orderposts:hover .orderposts-body, .orderposts .toggle-orderposts:hover + .orderposts-body, .orderposts .toggle-orderposts:focus + .orderposts-body{ display: block; opacity: 1; right: 0; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .orderposts .orderposts-body:before{ content: ''; top: -30px; height: 30px; width: 150px; background-color: transparent; display: block; position: absolute; } .orderposts .orderposts-body{ opacity: 0; display: none; position: absolute; margin-top: 15px; top: 100%; background-color: #FFFFFF; border: 1px solid #DDD; right: -9999px; z-index: 12; text-align: center; -webkit-transform: translateY(-15px); -moz-transform: translateY(-15px); -o-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px); -webkit-transition: opacity 0.4s ease-in-out 0s, -webkit-transform 0.4s ease-in-out 0s; -moz-transition: opacity 0.4s ease-in-out 0s, -moz-transform 0.4s ease-in-out 0s; -o-transition: opacity 0.4s ease-in-out 0s, -o-transform 0.4s ease-in-out 0s; -ms-transition: opacity 0.4s ease-in-out 0s, -ms-transform 0.4s ease-in-out 0s; transition: opacity 0.4s ease-in-out 0s, transform 0.4s ease-in-out 0s; } .orderposts .orderposts-body a{ display: block; min-width: 150px; margin-bottom: 0; } .orderposts .orderposts-body a:hover:after{ -webkit-transform: scale(150); -moz-transform: scale(150); -o-transform: scale(150); -ms-transform: scale(150); transform: scale(150); } .toggle-orderposts{ background-color: transparent; font-size: 7px; } .toggle-orderposts i{ margin-right: 3px; } .toggle-orderposts i:last-child{ margin-right: 0; } /***************/ /* BL POSTS RESPONSIVE /***************/ @media (max-width:766px){ .bl_posts article .post-image:before { box-shadow: none; } } /***************/ /* SIGNATURE ANIMATION CATEGORY /***************/ .bl_posts article .post-image .info-category a:hover{ color: #FFFFFF!important; border-color: #ea4139; } .bl_posts article .post-image .info-category span{ display: none!important; } .bl_posts article .post-image .info-category a{ position: relative; overflow: hidden; border-radius: 2px; -webkit-transition: color 0.3s ease-in-out 0s, border-color 0.3s ease-in-out 0s; -moz-transition: color 0.3s ease-in-out 0s, border-color 0.3s ease-in-out 0s; -o-transition: color 0.3s ease-in-out 0s, border-color 0.3s ease-in-out 0s; -ms-transition: color 0.3s ease-in-out 0s, border-color 0.3s ease-in-out 0s; transition: color 0.3s ease-in-out 0s, border-color 0.3s ease-in-out 0s; z-index: 1; } .bl_posts article .post-image .info-category a:after{ position: absolute; opacity: 0; width: 5px; height: 5px; left: 50%; margin-left: -2.5px; background-color: #ea4139; border-radius: 500px; top: 15px; z-index: -1; content: ""; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; } .bl_posts article .post-image .info-category a:hover:after{ opacity: 1; -webkit-transform: scale(30); -moz-transform: scale(30); -o-transform: scale(30); -ms-transform: scale(30); transform: scale(30); } .bl_posts article .post-image img{ width: 103%; max-width: none; z-index: -1; image-rendering: optimize-speed; /*image-rendering: -moz-crisp-edges;*/ /*image-rendering: -o-crisp-edges;*/ image-rendering: -webkit-optimize-speed; -ms-interpolation-mode: nearest-neighbor; } #wrap .bl_posts article.col-md-12 .post-body{ padding: 50px; } #wrap .bl_posts article.col-md-12 .post-title{ font-size: 50px; margin: 10px 0; } #wrap .bl_posts article.col-md-12 .post-sub-title { font-size: 25px; margin-bottom: 9px; } #wrap .bl_posts article.col-md-12 .post-content p { font-size: inherit; } @media (max-width:766px){ #wrap .bl_posts article.col-md-12 .post-body{ padding: 15px; } #wrap .bl_posts article.col-md-12 .post-title{ font-size: 40px; margin: 0; word-wrap: break-word; } #wrap .bl_posts article.col-md-12 .post-sub-title { font-size: 25px; margin-bottom: 9px; } #wrap .bl_posts article.col-md-12 .post-content p { font-size: inherit; } } #wrap .bl_posts article.col-md-4 .post-title{ font-size: 22px; } #wrap .bl_posts article.col-md-4 .post-sub-title{ font-size: 16px; } #wrap .bl_posts article.col-md-4 .post-content p{ font-size: 14px; } #wrap .bl_posts article.col-md-3 .post-body{ padding: 10px; } #wrap .bl_posts article.col-md-3 .post-title{ font-size: 18px; } #wrap .bl_posts article.col-md-3 .post-sub-title{ font-size: 14px; } #wrap .bl_posts article.col-md-3 .post-content p{ font-size: 12px; } #side-bar .bl_posts article .post-body{ padding: 20px!important; } #side-bar .bl_posts article .post-title{ font-size: 20px!important; margin: 0 0 10px 0!important; } #side-bar .bl_posts article .post-sub-title{ font-size: 16px!important; } #side-bar .bl_posts article .post-content{ font-size: 12px!important; } .bl_posts article .post-title{ font-size: 30px; color: #555555; font-weight: 900; text-transform: uppercase; margin-top: 0; letter-spacing: -1px; line-height: 1; } .bl_posts article .post-title a{ color: #555555; border: none; -webkit-transition: color 1s ease; -moz-transition: color 1s ease; -o-transition: color 1s ease; -ms-transition: color 1s ease; transition: color 1s ease; } .bl_posts article .post-title a:hover{ border: none; } .bl_posts article .post-sub-title{ font-size: 18px; color: #666666; } .bl_posts article .post-content{ font-weight: 300; } .bl_posts article .post-content p{ font-size: 14px; } .bl_posts article .moretag{ clear: both; font-weight: 700; margin-top: 10px; margin-left: -5px; padding: 5px; text-transform: uppercase; display: inline-block; border: none!important; } .bl_posts article .post-footer { min-height: 50px; padding-left: 55px; padding-right: 55px; padding-top: 20px; margin-top: 5px; border-top: 1px solid #EEEEEE; position: relative; } .bl_posts article .post-footer .meta-info{ margin: 0; } .bl_posts article .post-footer .post-author img{ position: absolute; left: 0; width: 35px; height: 35px; border-radius: 500px; } .bl_posts article .post-footer .post-author h4{ margin: 0; height: 35px; display: table-cell; vertical-align: middle; } .bl_posts article .post-footer .post-author h4 a{ font-size: 16px; } .bl_posts article .post-footer .post-comments{ position: absolute; right: 0; top: 20px; height: 35px; } .bl_posts article .post-footer .post-comments .info-comments{ font-size: 24px; position: relative; } .bl_posts article .post-footer .post-comments .info-comments i{ color: #ddd; /*vertical-align: top;*/ } .bl_posts article .post-footer .post-comments .info-comments span{ position: absolute; top: 5px; right: -4px; font-size: 10px; border-radius: 500px; color: #fff; background-color: #EA4139; padding: 0px; width: 15px; height: 15px; text-align: center; } /***************/ /* HOVER /***************/ .bl_posts article .post-image img{ -webkit-transition: -webkit-transform 1s ease; -moz-transition: -moz-transform 1s ease; -o-transition: -o-transform 1s ease; -ms-transition: -ms-transform 1s ease; transition: transform 1s ease; z-index: -1; } .bl_posts article:hover .post-image img{ transform: scale(1.05); z-index: -1; } .bl_posts article .box{ -webkit-transition: -webkit-box-shadow 0.5s ease; -moz-transition: -moz-box-shadow 0.5s ease; -o-transition: -o-box-shadow 0.5s ease; -ms-transition: -ms-box-shadow 0.5s ease; transition: box-shadow 0.5s ease; } .bl_posts article:hover .box{ box-shadow: 0 0 20px rgba(0,0,0,0.05); } /***************/ /* HEADER /***************/ .bl_posts .widget-head .title-area.large{ text-transform: uppercase; font-size: 70px; font-weight: 900; letter-spacing: -2.5px; line-height: 1; color: #555; margin: 0; display: block; width: 100%; } .bl_posts .widget-head .title-area.large .author-image{ float: left; margin-right: 25px; margin-top: 10px; margin-bottom: 10px; } .bl_posts .widget-head .title-area.large .author-image img{ border-radius: 500px; } .bl_posts .widget-head .title-area.large small{ margin: 0!important; display: block!important; } .bl_posts .widget-head .title-area{ float: left; } .bl_posts .widget-head .orderposts a{ outline: none!important; color: #555555; font-weight: 500; } .bl_posts .widget-head .orderposts a.active, .bl_posts .widget-head .orderposts a:focus{ color: #FFFFFF; background-color: #ea4139; } /***************/ /* BL POSTS HEADER RESPONSIVE /***************/ @media (max-width:766px){ .bl_posts .widget-head .title-area.large{ font-size: 45px; text-align: center; } .bl_posts .widget-head .title-area.large .author-image { float: none; } .bl_posts .widget-head .title-area{ width: 60%; float: left; } .bl_posts .widget-head .orderposts{ width: 40%; text-align: right; } .bl_posts .widget-head span{ margin-right: 10px; } .bl_posts .widget-head small{ font-size: 60%; vertical-align: middle; margin-left: 0!important; } } /***************/ /* BODY /***************/ .bl_posts > .box{ background-color: transparent; box-shadow: none; padding: 0; } .bl_posts .loadmore{ width: 100%; text-align: right; position: relative; } .bl_posts .loadmore:before{ left: 0; right: 120px; top: 17px; height: 1px; background-color: rgba(0,0,0,0.1); content: ''; position: absolute; } .bl_posts .loadmore .ajaxload{ width: 110px; line-height: 20px; clear: both; display: inline-block; } .bl_posts .bl_posts_information{ min-height: 200px; } .bl_posts .bl_posts_information .loader{ font-size: 10px; top: 50px; } #home-body .bl_posts .bl_posts_information{ min-height: 400px; } /***************/ /* BL POSTS HEADER RESPONSIVE /***************/ @media (max-width:766px){ .bl_posts article.col-md-12 .post-body{ padding: 15px; } .bl_posts article.col-md-12 .post-title{ font-size: 24px; font-weight: 900; } } /***************/ /* LOADER /***************/ #home-body .bl_posts .bl_posts_information .loader{ font-size: 15px; top: 150px; } .bl_posts .bl_posts_information .loader .dot{ background: #ea4139; } #home-body .bl_posts .bl_posts_information .loader .dot1, #home-body .bl_posts .bl_posts_information .loader .dot2 { left: 20px; } #home-body .bl_posts .bl_posts_information .loader .dot3 { left: 40px; } #home-body .bl_posts .bl_posts_information .loader .dot4 { left: 60px; } #side-bar .bl_posts article{ width: 100%; } .bl_posts article.new_post{ -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); transform: scale(0); } .bl_posts article.animate{ -webkit-animation: scale-in 0.5s 1; -moz-animation: scale-in 0.5s 1; -o-animation: scale-in 0.5s 1; animation: scale-in 0.5s 1; } @-webkit-keyframes scale-in { 0% { -webkit-transform: scale(0); } 60% { -webkit-transform: scale(1.03); } 100% { -webkit-transform: scale(1); } } @-moz-keyframes scale-in { 0% { -moz-transform: scale(0); } 60% { -moz-transform: scale(1.03); } 100% { -moz-transform: scale(1); } } @-o-keyframes scale-in { 0% { -o-transform: scale(0); } 60% { -o-transform: scale(1.03); } 100% { -o-transform: scale(1); } } @keyframes scale-in { 0% { transform: scale(0); } 60% { transform: scale(1.03); } 100% { transform: scale(1); } } .loader { font-size: 7px; height: 20px; margin: 0 auto; position: relative; width: 110px; padding: 8px 12px; text-align: center; } .dot { width: 1em; height: 1em; border-radius: 0.5em; background: #ffffff; position: absolute; animation-duration: 0.5s; animation-timing-function: ease; animation-iteration-count: infinite; } .dot1, .dot2 { left: 30px; } .dot3 { left: 40px; } .dot4 { left: 50px; } @-webkit-keyframes reveal { 0% { -webkit-transform: scale(0.001); } 100% { -webkit-transform: scale(1); } } @-moz-keyframes reveal { 0% { -moz-transform: scale(0.001); } 100% { -moz-transform: scale(1); } } @-o-keyframes reveal { 0% { -o-transform: scale(0.001); } 100% { -o-transform: scale(1); } } @keyframes reveal { 0% { transform: scale(0.001); } 100% { transform: scale(1); } } @-webkit-keyframes slide { to { -webkit-transform: translateX(1.5em); } } @-moz-keyframes slide { to { -moz-transform: translateX(1.5em); } } @-o-keyframes slide { to { -o-transform: translateX(1.5em); } } @keyframes slide { to { transform: translateX(1.5em); } } @keyframes slide { to { transform: translateX(1.5em) } } .dot1 { animation-name: reveal; } .dot2, .dot3 { animation-name: slide; } .dot4 { animation-name: reveal; animation-direction: reverse; /* thx @HugoGiraudel */ } /***************/ /* BLUTH POSTS SLIDER /***************/ .bl_posts_slider{ padding: 0; background-color: transparent; } .bl_posts_slider{ position: relative; width: 100%; margin-bottom: 30px; padding: 0; } .bl_posts_slider .tabs { width: 100%; margin: 0 auto; position: absolute; z-index: 10; bottom: 0; } .bl_posts_slider .tabs:before { content: ""; height: 100%; left: -9999px; position: absolute; right: -9999px; } .bl_posts_slider .tabs a { /*background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2);*/ display: table-cell; float: none; width: 1%; height: 120px; color: #fff; text-align: left; line-height: 1.1; font-size: 18px; outline: none; text-transform: uppercase; letter-spacing: -1px; font-weight: 900; position: relative; padding: 25px 25px 15px; vertical-align: bottom; border-bottom: 4px solid transparent; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } .bl_posts_slider .tabs a:before, .bl_posts_slider .tabs a:after { position: absolute; right: 50%; width: 0; /*height: 0;*/ content: ''; border-bottom: 4px solid #EA4139; background: #EA4139; z-index: -1; opacity: 0.8; bottom: -4px; } .bl_posts_slider .tabs a:before{ left: 50%; right: auto; } .bl_posts_slider .tabs a h4{ font-weight: 900; line-height: 1; } /*.bl_posts_slider .tabs a:after {*/ /*}*/ .bl_posts_slider .tabs a.active { color: #fff; padding: 30px 25px 30px; } .bl_posts_slider .tabs a.active:before, .bl_posts_slider .tabs a.active:after { width: 50%; height: 0; -webkit-animation: width-size 0.5s 1; -moz-animation: width-size 0.5s 1; -o-animation: width-size 0.5s 1; animation: width-size 0.5s 1; height: 100%; } @-webkit-keyframes width-size { 0% { width: 0%; height: 0; } 50% { width: 50%; height: 0; } 100% { width: 50%; height: 100%; } } @-moz-keyframes width-size { 0% { width: 0%; height: 0; } 50% { width: 50%; height: 0; } 100% { width: 50%; height: 100%; } } @-o-keyframes width-size { 0% { width: 0%; height: 0; } 50% { width: 50%; height: 0; } 100% { width: 50%; height: 100%; } } @keyframes width-size { 0% { width: 0%; height: 0; } 50% { width: 50%; height: 0; } 100% { width: 50%; height: 100%; } } .bl_posts_slider .tabs a .info-date{ margin-top: 5px; letter-spacing: normal; text-transform: none; font-size: 12px; } .bl_posts_slider .swiper-container { background: #333; width: auto; border-top: 0; display: block; overflow: hidden; position: relative; } .bl_posts_slider .swiper-container { background-attachment: fixed; background-color: #222; background-position: center center; display: block; padding-bottom: 50%; position: relative; overflow: hidden; } .bl_posts_slider:hover .arrow-left:before{ left: -20px; opacity: 1; } .bl_posts_slider:hover .arrow-right:before { right: -20px; opacity: 1; } .bl_posts_slider .arrow-left:before { color: #fff; content: "\f104"; font-family: 'FontAwesome'; display: block; font-size: 50px; left: -80px; opacity: 0; margin-top: -25px; position: absolute; top: 50%; z-index: 10; -webkit-transition: left 0.5s ease 0s, opacity 1s ease 0s; -moz-transition: left 0.5s ease 0s, opacity 1s ease 0s; -o-transition: left 0.5s ease 0s, opacity 1s ease 0s; -ms-transition: left 0.5s ease 0s, opacity 1s ease 0s; transition: left 0.5s ease 0s, opacity 1s ease 0s; } .bl_posts_slider .arrow-right:before { color: #fff; content: "\f105"; font-family: 'FontAwesome'; display: block; font-size: 50px; right: -80px; opacity: 0; margin-top: -25px; position: absolute; top: 50%; z-index: 10; -webkit-transition: right0.5s ease 0s, opacity 1s ease 0s; -moz-transition: right 0.5s ease 0s, opacity 1s ease 0s; -o-transition: right 0.5s ease 0s, opacity 1s ease 0s; -ms-transition: right 0.5s ease 0s, opacity 1s ease 0s; transition: right 0.5s ease 0s, opacity 1s ease 0s; } /* Padding MD */ @media (max-width:992px){ .bl_posts_slider .arrow-left:before{ left: 20px!important; opacity: 1; } .bl_posts_slider .arrow-right:before { right: 20px!important; opacity: 1; } } .bl_posts_slider .swiper-container.full-width { opacity: 0; } .bl_posts_slider .swiper-container:after{ position: absolute; content: ''; left: 0; right: 0; bottom: -100px; height: 100px; box-shadow: 0 -70px 70px rgba(0,0,0,0.3); } /*.bl_posts_slider .swiper-container .swiper-slide:before{ position: absolute; content: ''; left: 0; right: 0; top: -200px; height: 200px; background: transparent; box-shadow: 0 150px 150px rgba(0,0,0,0.4); z-index: 2; }*/ .bl_posts_slider .swiper-container .swiper-slide:before { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5); bottom: 0; content: ""; height: 100%; left: 0; position: absolute; right: 0; top: 0; z-index: 2; } .bl_posts_slider .swiper-slide { /*height: 250px;*/ /*width: 100%;*/ background: none; color: #fff; background-size: cover; background-attachment: fixed; } .bl_posts_slider .swiper-slide .slide-image{ background-position: center center; background-repeat: no-repeat; background-size: cover; background-color: #555; display: block; height: 100%; left: 0; top: 0; position: absolute; width: 100%; z-index: -1; } .bl_posts_slider .swiper-slide .content-slide > *:nth-child(1){ opacity: 0; display: block; -webkit-transform: translateY(-15px); -moz-transform: translateY(-15px); -o-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px); -webkit-transition: -webkit-transform 1.3s ease 0s, opacity 1s ease 0s; -moz-transition: -moz-transform 1.3s ease 0s, opacity 1s ease 0s; -o-transition: -o-transform 1.3s ease 0s, opacity 1s ease 0s; -ms-transition: -ms-transform 1.3s ease 0s, opacity 1s ease 0s; transition: transform 1.3s ease 0s, opacity 1s ease 0s; } .bl_posts_slider .swiper-slide.swiper-slide-visible .content-slide > *:nth-child(1){ opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .bl_posts_slider .swiper-slide .content-slide > *:nth-child(2){ opacity: 0; -webkit-transform: translateY(-15px); -moz-transform: translateY(-15px); -o-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px); -webkit-transition: -webkit-transform 1.3s ease 0.2s, opacity 1s ease 0.2s; -moz-transition: -moz-transform 1.3s ease 0.2s, opacity 1s ease 0.2s; -o-transition: -o-transform 1.3s ease 0.2s, opacity 1s ease 0.2s; -ms-transition: -ms-transform 1.3s ease 0.2s, opacity 1s ease 0.2s; transition: transform 1.3s ease 0.2s, opacity 1s ease 0.2s; } .bl_posts_slider .swiper-slide.swiper-slide-visible{ z-index: 0; } .bl_posts_slider .swiper-slide.swiper-slide-visible .content-slide > *:nth-child(2){ opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .bl_posts_slider .swiper-slide .content-slide > *:nth-child(3){ opacity: 0; display: block; z-index: 5; position: relative; -webkit-transform: translateY(-15px); -moz-transform: translateY(-15px); -o-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px); -webkit-transition: -webkit-transform 1.3s ease 0.4s, opacity 1s ease 0.4s; -moz-transition: -moz-transform 1.3s ease 0.4s, opacity 1s ease 0.4s; -o-transition: -o-transform 1.3s ease 0.4s, opacity 1s ease 0.4s; -ms-transition: -ms-transform 1.3s ease 0.4s, opacity 1s ease 0.4s; transition: transform 1.3s ease 0.4s, opacity 1s ease 0.4s; } .bl_posts_slider .swiper-slide.swiper-slide-visible .content-slide > *:nth-child(3){ opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .bl_posts_slider .swiper-slide .content-slide > *:nth-child(4){ opacity: 0; display: block; z-index: 5; position: relative; -webkit-transform: translateY(-15px); -moz-transform: translateY(-15px); -o-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px); -webkit-transition: -webkit-transform 1.3s ease 0.6s, opacity 1s ease 0.6s; -moz-transition: -moz-transform 1.3s ease 0.6s, opacity 1s ease 0.6s; -o-transition: -o-transform 1.3s ease 0.6s, opacity 1s ease 0.6s; -ms-transition: -ms-transform 1.3s ease 0.6s, opacity 1s ease 0.6s; transition: transform 1.3s ease 0.6s, opacity 1s ease 0.6s; } .bl_posts_slider .swiper-slide.swiper-slide-visible .content-slide > *:nth-child(4){ opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .bl_posts_slider .swiper-slide .slide-image{ -webkit-transition: -webkit-transform 2s ease 1s; -moz-transition: -moz-transform 2s ease 1s; -o-transition: -o-transform 2s ease 1s; -ms-transition: -ms-transform 2s ease 1s; transition: transform 2s ease 1s; -webkit-transform: translateX(0) translateY(0) scale(1.03); -moz-transform: translateX(0) translateY(0) scale(1.03); -o-transform: translateX(0) translateY(0) scale(1.03); -ms-transform: translateX(0) translateY(0) scale(1.03); transform: translateX(0) translateY(0) scale(1.03); } .bl_posts_slider .swiper-slide.swiper-slide-visible .slide-image{ -webkit-transition: -webkit-transform 15s ease 0s; -moz-transition: -moz-transform 15s ease 0s; -o-transition: -o-transform 15s ease 0s; -ms-transition: -ms-transform 15s ease 0s; transition: transform 15s ease 0s; -webkit-transform: translateX(-15px) translateY(15px) scale(1.1); -moz-transform: translateX(-15px) translateY(15px) scale(1.1); -o-transform: translateX(-15px) translateY(15px) scale(1.1); -ms-transform: translateX(-15px) translateY(15px) scale(1.1); transform: translateX(-15px) translateY(15px) scale(1.1); } .bl_posts_slider .content-slide { padding: 40px; z-index: 11; position: relative; } .bl_posts_slider .slide-title { font-size: 70px; text-transform: uppercase; letter-spacing: -2px; line-height: 0.9; font-weight: 900; z-index: 1; position: relative; margin-bottom: 20px; } .bl_posts_slider .slide-title a{ color: #FFFFFF; border: none!important; } .bl_posts_slider .slide-sub-title{ font-size: 30px; font-weight: 300; line-height: 1; margin-bottom: 15px; } .bl_posts_slider .slide-author-image{ -webkit-border-radius: 500px; border-radius: 500px; height: 40px; width: 40px; float: left; margin-right: 10px; border: 4px solid rgba(255,255,255,0.2); } .bl_posts_slider .slide-author-info .meta-info{ display: table-cell; height: 40px; vertical-align: middle; } .bl_posts_slider .info-category{ color: #FFFFFF; margin-bottom: 15px; } .bl_posts_slider .info-category a{ font-size: 16px; -webkit-border-radius: 2px; border-radius: 2px; border: 1px solid #FFF; padding: 3px 14px; color: #FFFFFF; overflow: hidden; display: inline-block; vertical-align: bottom; } /***************/ /* SIGNATURE ANIMATION CATEGORY /***************/ .bl_posts_slider .info-category a:hover{ color: #FFFFFF!important; border-color: #ea4139; } .bl_posts_slider .info-category span{ display: none!important; } .bl_posts_slider .info-category a{ position: relative; overflow: hidden; -webkit-border-radius: 2px; border-radius: 2px; -webkit-transition: color 0.3s ease-in-out 0s, border-color 0.3s ease-in-out 0s; -moz-transition: color 0.3s ease-in-out 0s, border-color 0.3s ease-in-out 0s; -o-transition: color 0.3s ease-in-out 0s, border-color 0.3s ease-in-out 0s; -ms-transition: color 0.3s ease-in-out 0s, border-color 0.3s ease-in-out 0s; transition: color 0.3s ease-in-out 0s, border-color 0.3s ease-in-out 0s; z-index: 1; } .bl_posts_slider .info-category a:after{ position: absolute; opacity: 0; width: 5px; height: 5px; left: 50%; margin-left: -2.5px; background-color: #ea4139; -webkit-border-radius: 500px; border-radius: 500px; top: 15px; z-index: -1; content: ""; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; } .bl_posts_slider .info-category a:hover:after{ opacity: 1; -webkit-transform: scale(30); -moz-transform: scale(30); -o-transform: scale(30); -ms-transform: scale(30); transform: scale(30); } .bl_posts_slider .info-author a, .bl_posts_slider .info-date, .bl_posts_slider .info-comments{ color: #FFFFFF; font-size: 22px; font-weight: 300; border: none!important; margin-right: 10px; } .bl_posts_slider .info-comments i{ margin-right: 10px; } /**********************************/ /* BLU POSTS SLIDER RESPONSIVE /**********************************/ @media (max-width:992px){ .bl_posts_slider { margin-right: -15px; margin-left: -15px; width: auto; } .bl_posts_slider .slide-title{ font-size: 30px; } .bl_posts_slider .slide-sub-title{ font-size: 18px; } .bl_posts_slider .swiper-container{ margin: 0!important; min-height: 400px; } .bl_posts_slider .tabs{ display: none; } .bl_posts_slider .info-author a, .bl_posts_slider .info-date, .bl_posts_slider .info-comments{ font-size: 15px; } .bl_posts_slider .content-slide{ padding: 20px; } /* turn off box shadow */ .bl_posts_slider .swiper-container:after, .bl_posts_slider .swiper-container .swiper-slide:before{ box-shadow: none; } /* turn off animation */ .bl_posts_slider .tabs a.active:before, .bl_posts_slider .tabs a.active:after { width: 50%; height: 0; -webkit-animation: none 0s 1; -moz-animation: none 0s 1; -o-animation: none 0s 1; animation: none 0s 1; height: 100%; } .bl_posts_slider .swiper-slide .slide-image{ -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; } .bl_posts_slider .swiper-slide.swiper-slide-visible .slide-image{ -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; -webkit-transform: none; -moz-transform: none; -o-transform: none; -ms-transform: none; transform: none; } } /**********************************/ /* WIDGETS RESPONSIVE /**********************************/ @media (min-width:767px) and (max-width:992px){ #side-bar > .single-widget{ width: 49%; margin-right: 2%; float: left; } #side-bar > .single-widget:nth-child(2n){ margin-right: 0; } } /**********************************/ /* PLUGINS /**********************************/ /***************/ /* CONTACT FORM 7 /***************/ .wpcf7-form input, .wpcf7-form textarea { background: none repeat scroll 0 0 #FAFAFA; border: 1px solid #DDDDDD; min-height: 44px; width: 100%; padding: 10px; font-size: 15px; font-weight: 300; } .wpcf7-form input.dark, .wpcf7-form textarea.dark { background: none repeat scroll 0 0 #444444; color: #FFFFFF; border: 1px solid #DDDDDD; min-height: 44px; width: 100%; } .wpcf7-quiz-label { display: block; margin: 0; text-align: center; } .wpcf7-checkbox .wpcf7-list-item { display: block; } .wpcf7-checkbox input[type="checkbox"] { min-height: 0; width: auto; } /***************/ /* BLUTHCODES (THEME) /***************/ .btn{ font-weight: 600; text-transform: uppercase; letter-spacing: -0.5px; margin-bottom: 5px; } .dropcap{ font-size: 350%; font-weight: 300; top: 9px; } .dropcap.dropcap-bg{ font-size: 250%; top: 9px; margin-top: -4px; padding: 4px; } blockquote.pull-right { border-left-style: solid; border-left-width: 1px; border-right-width: 1px; } .snippet-container{ position: relative; } .snippet-container .snippet-menu{ position: absolute; top: -100%; } .snippet-container .snippet-menu a{ display: inline-block; margin-right: 5px; } .tab-content > .tab-pane{ padding: 15px; } .bl-progressbar.progress h5{ margin: 0 5px; line-height: 30px; } .intro-text{ font-size: 175%; font-weight: 300; } .intro-text p{ font-size: inherit; } /***************/ /* SWIPER SLIDER /***************/ .swiper-vc{margin:0 auto;position:relative;overflow:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-vc{width:100%;color:#fff;text-align:center}.swiper-gallery{opacity:0;-webkit-transition:opacity .35s ease-out;-moz-transition:opacity .35s ease-out;-ms-transition:opacity .35s ease-out;-o-transition:opacity .35s ease-out;transition:opacity .35s ease-out}.swiper-gallery.swiper-vc{margin-bottom:0}.swiper-gallery .swiper-wrapper{position:relative}.swiper-vc .swiper-wrapper img{width:100%}.swiper-vc .arrow-left{position:absolute;left:10px;top:50%;margin-top:-150px;width:35px;height:300px;z-index:10000}.swiper-vc .arrow-left:before{content:'\f104';font-family:FontAwesome;font-size:40px;color:#FFF;position:absolute;top:50%;left:-40px;margin-top:-20px;-webkit-transition:left .15s ease-out;-moz-transition:left .15s ease-out;-ms-transition:left .15s ease-out;-o-transition:left .15s ease-out;transition:left .15s ease-out}.swiper-vc:hover .arrow-left:before{left:10px}.swiper-vc .arrow-right{position:absolute;right:10px;top:50%;margin-top:-150px;width:35px;height:300px;z-index:10000}.swiper-vc .arrow-right:before{content:'\f105';font-family:FontAwesome;font-size:40px;color:#FFF;position:absolute;top:50%;right:-40px;margin-top:-20px;-webkit-transition:right .15s ease-out;-moz-transition:right .15s ease-out;-ms-transition:right .15s ease-out;-o-transition:right .15s ease-out;transition:right .15s ease-out}.swiper-vc:hover .arrow-right:before{right:10px}.entry-content .swiper-gallery .arrow-left{left:30px}.entry-content .swiper-gallery .arrow-right{right:30px}.entry-content .swiper-pagination{left:30px}.swiper-slide{height:100%;position:relative}.swiper-slide .swipe-small>div{border-color:#FFF;border-style:solid}.swiper-wrapper{position:absolute;top:0}.swiper-slide>div{height:100%}.swiper-slide .swiper-content{height:100%;background-repeat:no-repeat;background-size:cover;background-position:center center}.swiper-content.no-image{background:none repeat scroll 0 0 #777}.swiper-text{position:relative;z-index:2;text-align:center;width:100%;display:table;padding:0 30px;height:100%}.swiper-text>div{display:table-cell;text-align:center;vertical-align:middle;position:relative;z-index:2}.swiper-text:after{background:none repeat scroll 0 0 #000;content:"";height:100%;left:0;opacity:.15;position:absolute;top:0;width:100%;-webkit-transition:opacity .15s ease-out;-moz-transition:opacity .15s ease-out;-ms-transition:opacity .15s ease-out;-o-transition:opacity .15s ease-out;transition:opacity .15s ease-out}.ie8 .swiper-text:after{display:none!important}.swiper-text:hover:after{opacity:.3}.swiper-pagination{position:absolute;z-index:20;left:10px;bottom:10px}.swiper-pagination-switch{display:inline-block;width:8px;height:8px;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;background:#222;margin-right:5px;-ms-filter:"alpha(Opacity=80)";opacity:.8;border:1px solid #fff;cursor:pointer}.swiper-visible-switch{background:#aaa}.swiper-active-switch{background:#fff}.swiper-vc:hover{cursor:url(https://mail.google.com/mail/images/2/openhand.cur),default!important}.swiper-vc.active,.swiper-vc.active .swiper-wrapper .swiper-slide a{cursor:url(https://mail.google.com/mail/images/2/closedhand.cur),default!important}.swiper-content .meta-title,.swiper-content .title-category{color:#FFF;margin-bottom:0;margin-top:0;text-shadow:1px 1px 1px rgba(0,0,0,.2)}.swiper-content.swiper-small .meta-title{font-size:25px}.swiper-content .title-category{font-size:20px;text-transform:uppercase}.swiper-content .meta-title a{color:#FFF} .blu-swiper-container{margin:0 auto;position:relative;overflow:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-wrapper{width:100%;-webkit-transition-property:-webkit-transform,left,top;-webkit-transition-duration:0s;-webkit-transform:translate3d(0px,0,0);-webkit-transition-timing-function:ease;-moz-transition-property:-moz-transform,left,top;-moz-transition-duration:0s;-moz-transform:translate3d(0px,0,0);-moz-transition-timing-function:ease;-o-transition-property:-o-transform,left,top;-o-transition-duration:0s;-o-transition-timing-function:ease;-o-transform:translate(0px,0);-ms-transition-property:-ms-transform,left,top;-ms-transition-duration:0s;-ms-transform:translate3d(0px,0,0);-ms-transition-timing-function:ease;transition-property:transform,left,top;transition-duration:0s;transform:translate3d(0px,0,0);transition-timing-function:ease}.swiper-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{float:left}.swiper-wp8-horizontal{-ms-touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x}.blu-swiper-container{width:100%;color:#fff;text-align:center}.swiper-gallery{opacity:0;-webkit-transition:opacity .35s ease-out;-moz-transition:opacity .35s ease-out;-ms-transition:opacity .35s ease-out;-o-transition:opacity .35s ease-out;transition:opacity .35s ease-out}.swiper-gallery.blu-swiper-container{margin-bottom:0}.swiper-gallery .swiper-wrapper{position:relative}.swiper-gallery .swiper-wrapper img{width:100%}.blu-swiper-container .arrow-left{position:absolute;left:10px;top:50%;margin-top:-150px;width:35px;height:300px;z-index:10000}.blu-swiper-container .arrow-left:before{content:'\f104';font-family:FontAwesome;font-size:40px;color:#FFF;position:absolute;top:50%;left:-40px;margin-top:-20px;-webkit-transition:left .15s ease-out;-moz-transition:left .15s ease-out;-ms-transition:left .15s ease-out;-o-transition:left .15s ease-out;transition:left .15s ease-out}.blu-swiper-container:hover .arrow-left:before{left:10px}.blu-swiper-container .arrow-right{position:absolute;right:10px;top:50%;margin-top:-150px;width:35px;height:300px;z-index:10000}.blu-swiper-container .arrow-right:before{content:'\f105';font-family:FontAwesome;font-size:40px;color:#FFF;position:absolute;top:50%;right:-40px;margin-top:-20px;-webkit-transition:right .15s ease-out;-moz-transition:right .15s ease-out;-ms-transition:right .15s ease-out;-o-transition:right .15s ease-out;transition:right .15s ease-out}.blu-swiper-container:hover .arrow-right:before{right:10px}.entry-content .swiper-gallery .arrow-left{left:30px}.entry-content .swiper-gallery .arrow-right{right:30px}.entry-content .swiper-pagination{left:30px}.swiper-slide{height:100%;position:relative}.swiper-slide .swipe-small>div{border-color:#FFF;border-style:solid}.swiper-wrapper{position:absolute;top:0}.swiper-slide>div{height:100%}.swiper-slide .swiper-content{height:100%;background-repeat:no-repeat;background-size:cover;background-position:center center}.swiper-content.no-image{background:none repeat scroll 0 0 #777}.swiper-text{position:relative;z-index:2;text-align:center;width:100%;display:table;padding:0 30px;height:100%}.swiper-text>div{display:table-cell;text-align:center;vertical-align:middle;position:relative;z-index:2}.swiper-text:after{background:none repeat scroll 0 0 #000;content:"";height:100%;left:0;opacity:.15;position:absolute;top:0;width:100%;-webkit-transition:opacity .15s ease-out;-moz-transition:opacity .15s ease-out;-ms-transition:opacity .15s ease-out;-o-transition:opacity .15s ease-out;transition:opacity .15s ease-out}.ie8 .swiper-text:after{display:none!important}.swiper-text:hover:after{opacity:.3}.swiper-pagination{position:absolute;z-index:20;left:10px;bottom:10px}.swiper-pagination-switch{display:inline-block;width:8px;height:8px;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;background:#222;margin-right:5px;-ms-filter:"alpha(Opacity=80)";opacity:.8;border:1px solid #fff;cursor:pointer}.swiper-visible-switch{background:#aaa}.swiper-active-switch{background:#fff}.blu-swiper-container:hover{cursor:url(https://mail.google.com/mail/images/2/openhand.cur),default!important}.blu-swiper-container.active,.blu-swiper-container.active .swiper-wrapper .swiper-slide a{cursor:url(https://mail.google.com/mail/images/2/closedhand.cur),default!important}.swiper-content .meta-title,.swiper-content .title-category{color:#FFF;margin-bottom:0;margin-top:0;text-shadow:1px 1px 1px rgba(0,0,0,.2)}.swiper-content.swiper-small .meta-title{font-size:25px}.swiper-content .title-category{font-size:20px;text-transform:uppercase}.swiper-content .meta-title a{color:#FFF} /***************/ /* MAGNIFIC POPUP (LIGHTBOX) /***************/ .mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.8;filter:alpha(opacity=80)}.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:0!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#ccc;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#ccc}.mfp-preloader a:hover{color:#fff}.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader{display:none}button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:1046;-webkit-box-shadow:none;box-shadow:none}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;filter:alpha(opacity=65);padding:0 0 18px 10px;color:#fff;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:focus,.mfp-close:hover{opacity:1;filter:alpha(opacity=100)}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#fff;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#ccc;font-size:12px;line-height:18px}.mfp-arrow{position:absolute;opacity:.65;filter:alpha(opacity=65);margin:-55px 0 0;top:50%;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:focus,.mfp-arrow:hover{opacity:1;filter:alpha(opacity=100)}.mfp-arrow .mfp-a,.mfp-arrow .mfp-b,.mfp-arrow:after,.mfp-arrow:before{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:inset transparent}.mfp-arrow .mfp-a,.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow .mfp-b,.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left .mfp-a,.mfp-arrow-left:after{border-right:17px solid #fff;margin-left:31px}.mfp-arrow-left .mfp-b,.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3f3f3f}.mfp-arrow-right{right:0}.mfp-arrow-right .mfp-a,.mfp-arrow-right:after{border-left:17px solid #fff;margin-left:39px}.mfp-arrow-right .mfp-b,.mfp-arrow-right:before{border-left:27px solid #3f3f3f}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,.6);background:#000}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:40px 0;margin:0 auto}.mfp-figure{line-height:0}.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,.6);background:#444}.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-wrap:break-word;padding-right:36px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(0.75);transform:scale(0.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}.mfp-ie7 .mfp-img{padding:0}.mfp-ie7 .mfp-bottom-bar{width:600px;left:50%;margin-left:-300px;margin-top:5px;padding-bottom:5px}.mfp-ie7 .mfp-container{padding:0}.mfp-ie7 .mfp-content{padding-top:44px}.mfp-ie7 .mfp-close{top:0;right:0;padding-top:0} /**********************************/ /* FOOTER /**********************************/ /***************/ /* FOOTER MENU /***************/ .blu-footer-menu{ padding: 30px 0; } .blu-footer-menu ul{ color: #FFF; list-style: none; padding: 0; margin: 0; font-size: 80%; line-height: 2; text-align: center; font-weight: 300; } .blu-footer-menu .menu > li{ display: inline-block; padding: 20px; vertical-align: top; } .blu-footer-menu ul a{ color: #FFF; } #footer { background: none repeat scroll 0 0 #444444; color: #fff; padding: 25px 0; } #footer .widget-head{ border-bottom: 1px solid rgba(255, 255, 255, 0.1); } #footer_menu{ background-color: rgba(0, 0, 0, 0.2); margin-top: 30px; } #menu-footer{ list-style: none; padding: 15px; margin: 0 auto; text-align: center; max-width: 50%; font-size: 80%; width: 100%; clear: both; } #menu-footer li{ display: inline-block; text-align: center; } #menu-footer li:after{ content: '|'; display: inline-block; margin: 0 5px; position: relative; } #menu-footer li:last-child:after{ content: ''; } .site-footer{ box-shadow: 0 1px 0 rgba(0,0,0,0.1) inset; position: relative; color: #fff; } .site-footer .box{ color: #333; } .site-footer .container{ padding: 0; } .site-footer #footer-bottom{ background: rgba(0,0,0,0.1); color: #B8B8B8; font-size: 12px; padding: 5px 0; text-align: center; } .site-footer #footer-body{ list-style: none; padding: 30px; margin: 0; } .site-footer #footer-body > div{ margin-bottom: 30px; } .site-footer #footer-body ul{ list-style: none; padding: 0; margin: 0; } #footer-body > div[class*="span"] ul li a{ font-size: 16px; text-decoration: none; display: inline-block; padding: 2px 4px; border: none; -webkit-transition: -webkit-transform 0.2s ease-in-out; -moz-transition: -moz-transform 0.2s ease-in-out; -o-transition: -o-transform 0.2s ease-in-out; -ms-transition: -ms-transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out; } #footer-body .widget-head{ border-bottom-style: solid; border-bottom-width: 2px; border-left: medium none; margin-top: 0; } #footer-body .box .widget-head{ border: none; } #footer-body .widget_nav_menu, #footer-body .widget_archive, #footer-body .widget_tag_cloud, #footer-body .widget_recent_entries, #footer-body .widget_meta, #footer-body .widget_categories, #footer-body .widget_pages, #footer-body .widget_rss{ background: transparent; border: none; } .site-footer .badge{ display: none; } .site-footer #footer-body .widget_nav_menu a:hover, .site-footer #footer-body .widget_archive a:hover, .site-footer #footer-body .widget_tag_cloud a:hover, .site-footer #footer-body .widget_recent_entries a:hover, .site-footer #footer-body .widget_meta a:hover, .site-footer #footer-body .widget_categories a:hover, .site-footer #footer-body .widget_recent_comments li a + a:hover, .site-footer #footer-body .widget_pages a:hover{ background: #F69087; color: #fff!important; } footer.entry-meta { position: relative; border-radius:0 0 2px 2px; } footer.entry-meta ul{ color: rgba(0,0,0,0.3); list-style: none; margin:0; padding: 0; } footer.entry-meta .up_arrow:after, footer.entry-meta .up_arrow:before { border-color: transparent transparent #FCFCFC ; border-style: solid; border-width: 15px; content: ""; height: 0; left: 40px; position: absolute; top: -30px; width: 0; } footer.entry-meta .up_arrow:before { top: -31px; border-color: transparent transparent #DDDDDD; } footer.entry-meta .avatar { -moz-border-radius: 150px; -webkit-border-radius: 150px; border-radius: 150px; position: absolute; left: 0; top: 0; } footer.entry-meta h4 a{ color: #878787; font-weight: normal; text-shadow: 0 1px 0 #FFFFFF; text-decoration: none; } footer.entry-meta .post-tags { margin: 0; padding: 0; } footer.entry-meta .post-tags li a{ font-size: 12px; padding: 4px 6px; margin: 0 5px 5px 0; text-decoration: none; color: #666; display: block; float: left; text-align: center; } footer.entry-meta .post-tags li a:hover{ -webkit-transition: all .15s ease-in-out; -moz-transition: all .15s ease-in-out; -o-transition: all .15s ease-in-out; transition: all .15s ease-in-out; -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } #footer #footer_text{ width: 100%; text-align: center; background-color: rgba(255,255,255,0.1); margin-bottom: -25px; } #footer #footer_text p{ font-size: 11px; padding: 5px 0; margin: 0; } @media (max-width:992px){ #footer .single-widget{ padding-bottom: 25px; } }