/* Theme Name: Black Flag Description: Profesional responsive news theme. Author: StepFox Author URI: http://stepfox.net/ Theme URI: http://stepfox.net/black-flag-theme/ Version: 1.0 Tags: one-column, two-columns, three-columns, custom-colors, custom-menu, featured-images, post-formats, theme-options License: GNU General Public License version 3.0 License URI: http://www.gnu.org/licenses/gpl-3.0.html */ /*Css reset*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /* Site Elements------------------------------------------------------------- */ a, a:visited { color: #444444; text-decoration: none; } a:hover { } a:active, a:focus { outline: none; } img { max-width: 100%; height: auto; } img:hover { } ::selection { background: #000; color: #FFF; } ::-moz-selection {background:#000;color:#FFF;} body { overflow-y: scroll; color: #444; margin: 0 auto; padding: 0; position: relative;} #header { margin: 0 auto; width: 1048px; background: #FFF; } #wrapper { margin: 0 auto; width: 1048px; } #main { display: block; float: left; background: #FFF; width: 100%; } /* -------------------------------------------------------------------------- */ .one-third { width: 336px; } .two-thirds { width: 672px; } .three-thirds { width: 1008px; } .home-widget { float: left; -moz-box-shadow: 1px 0px 0px #ebebeb; -webkit-box-shadow: 1px 0px 0px #ebebeb; box-shadow: 1px 0px 0px #ebebeb; border-top: 1px solid #ebebeb;min-width:336px;overflow:hidden;} .right-side.home-widget { -moz-box-shadow: 0px 0px 0px #ebebeb; -webkit-box-shadow: 0px 0px 0px #ebebeb; box-shadow: 0px 0px 0px #ebebeb; } .home-widget.fixed-widget { position: fixed; top: 0;} .home-widget.fixed-widget.navigation-has-menu { top: 37px; } .admin-bar .home-widget.fixed-widget.navigation-has-menu { top: 69px; } .admin-bar .home-widget.fixed-widget { top: 32px; } #secondary .home-widget:last-child .widget-title{ transform: translateZ(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); -webkit-transform: translateZ(0); -webkit-font-smoothing: antialiased; } .widget-title { padding: 20px 30px; float: left; font-size: 18px; min-height: 60px; font-weight: 400; text-transform: uppercase; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; width: 100%; border-bottom: 1px solid #ebebeb; } #primary .widget-title{border-top:1px solid #ebebeb; border-left:1px solid #ebebeb;border-bottom:0;} .widget-title .last-word { font-weight: 700; } .widget-title.style_title2 { border-top: 3px solid #000; } .widget-title.style_title2 .last-word { color: #444444; } .widget-title.style_title3 { font-style: italic; text-transform: none; } .widget-title.style_title4 { text-align: center; } .widget-title.style_title5 { background: url(images/bfwidgettitlepattern.png); } .play-icon { margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: 34px; width: 34px; border-radius: 34px; position: absolute; background: #000; opacity: 0.7; -moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; -webkit-transition: all .2s; transition: all .2s; } .play-icon:after { content: ""; display: block; position: absolute; top: 12px; left: 13px; margin: 0 auto; border-bottom: 6px solid transparent; border-top: 6px solid transparent; border-left: 11px solid #FFF; } .category-icon { text-transform: uppercase; font-size: 11px; font-weight: 400; line-height: 12px; width: 100%; float: left; } .load-content { padding-bottom: 30px;width: 100%; float: left; margin-top: 15px; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: scale(0.4); transform: scale(0.4); -webkit-animation: popUp .4s ease-in forwards; animation: popUp .4s ease-in forwards;} .load-circle { border: 5px solid rgba(0,0,0,0); opacity: .9; border-top: 5px solid rgba(0,0,0,0); border-left: 5px solid rgba(0,0,0,0); border-radius: 20px; box-shadow: 0 0 35px #2187e7; width: 20px; height: 20px; margin: 0 auto; -moz-animation: spin .5s infinite linear; -webkit-animation: spin .5s infinite linear; } .add-menu{width: 100%;font-weight: 800;padding: 10px 0;float: left;font-size: 20px;text-align: center;} .home-latest-posts{ float: left; width: 1008px; position: relative; box-shadow: inset 1px 0px 0px #ebebeb, 1px 1px 0px #ebebeb; margin-left: 20px;} .home-latest-posts li{width:100%;} /* Widget Areas------------------------------------------------------------- */ #fullwidth { float: left; width: 1008px; position: relative; box-shadow: inset 0.07em 0px 0px #ebebeb, 0.07em 0.07em 0px #ebebeb; margin-left: 20px; -webkit-perspective: 1300px; perspective: 1300px;opacity:0; } #primary { width: 672px; float: left; border-right: 0.07em solid #ebebeb; margin-left: 20px;opacity:0; } .no-sidebar #primary { width: 1008px; float: left; border-right: 0.07em solid #ebebeb; } #secondary { width: 336px; float: left; border-right: 0.07em solid #ebebeb;box-shadow:-0.07em 0px 0px #ebebeb; } /* Header------------------------------------------------------------- */ /* Top Navigation-------------------------------------- */ #top-navigation { width: 100%; float: left; background: #FFF; } #top-menu { padding: 8px 0; float: left; ; } #top-menu ul li { float: left; padding: 0 0 0 20px; position: relative; transition: all .3s; -ms-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; -webkit-transition: all .3s; } #top-menu ul li a { font-size: 13px; font-weight: 400; color: #9C9C9C; } #top-menu ul li a:hover { text-decoration: none; } #top-menu ul li .sub-menu { display: none; } .cart-top{height: 16px;float: left;background: url(images/shopping-cart-icon.png)no-repeat 30px 0;padding: 0 25px 0 0;} /* Logo and header ad------------------------------------- */ #logo { margin: 0 auto; width: 1048px; float: left; background: #FFF; padding: 15px 20px; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; } .logo-left #site-logo { float: left; overflow: hidden; max-width: 100%; } .logo-left #header-ad { float: right; width: 728px; } .logo-center #site-logo { float: none; margin: 0 auto; } .logo-center #header-ad { float: none; margin: 0 auto; width: 728px; } /* Ticker---------------------------------------------------------------------------------------------------------- */ .ticker-box { float: left; width: 1048px; background: #FFF; padding: 6px 0; } #ticker { float: left; } .ticker-list { position: absolute; width: 1046px; margin-left: 8px; display: block; float: left; height: 30px; } .ticker-list li { float: left; height: 30px; line-height: 30px; } .ticker-heading { letter-spacing: -1px; color: #A50505; float: left; font-size: 15px; font-weight: 700; padding: 0px 20px; line-height: 30px; } #ticker a { color: #717171; font-size: 12px; font-weight: 800; } .ticker-sign { float: left; position: relative; margin: 0 10px; font-size: 15px; } #ticker-list-box { height: 30px; float: left; display: block; overflow: hidden; position: relative; width: 574px; } #ticker-today-date { font-size: 14px; font-weight: 600; color: #09F; float: left; margin-top: 4px; } .ticker-title-date { padding: 4px 20px 2px 0; float: right; } .ticker-left { width: 20px;height: 13px;display: block;background: #FFF url(images/arrows.png) no-repeat -13px -12px;position: absolute;cursor: pointer;right: 0;margin: 10px 0; } .ticker-right {width: 20px;height: 13px;display: block;background: #FFF url(images/arrows.png) no-repeat 4px -12px;position: absolute;cursor: pointer;right: 20px;margin: 10px 0; box-shadow: -15px 0px 10px 10px #FFF;} .ticker-left:hover, .ticker-right:hover{background-position-y: 0;} /* Social-------------------------------------------------------- */ .content-social { float: right; margin-right: 20px; border-right: 1px solid #ebebeb; } .content-social ul { float: right; } .content-social ul li { float: left; border-left: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; } .fb-social-icon, .twitter-social-icon, .pinterest-social-icon, .google-social-icon, .instagram-social-icon, .rss-social-icon { float: left; width: 28px; height: 28px; -moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; -webkit-transition: all .2s; transition: all .2s; } .fb-social-icon:hover, .twitter-social-icon:hover, .pinterest-social-icon:hover, .google-social-icon:hover, .youtube-social-icon:hover, .instagram-social-icon:hover, .rss-social-icon:hover { background-position-y: -27px; } .fb-social-icon { background: url(images/social-buttons-header.png) 4px 0; } .twitter-social-icon { background: url(images/social-buttons-header.png) -34px 0; } .pinterest-social-icon { background: url(images/social-buttons-header.png) -111px 0; } .google-social-icon { background: url(images/social-buttons-header.png) -72px 0; } .youtube-social-icon { background: url(images/social-buttons-header.png) -136px 0; float: left; width: 56px; height: 28px; -moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; -webkit-transition: all .2s; transition: all .2s; } .instagram-social-icon { background: url(images/social-buttons-header.png) -190px 0; } .rss-social-icon { background: url(images/social-buttons-header.png) -228px 0; } /* Search------------------------------------------------------------------------------------------------------------------------- */ .search-box { position: absolute; right: 0; } #searchform { float: right; position: relative; } #searchform input { cursor: pointer; background: #1D1D1D; float: left; font-size: 12px; line-height: 15px; margin: 0; padding: 0 10px; width: 100px; height: 37px; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; -webkit-transition: all 0.2s; border: 0; color: transparent; color: #FFF; font-family: inherit; } #searchform #s:focus { outline: none; } #searchform input:focus { cursor: text; } .fixed-menu .search-box { padding: 0; } .fixed-menu #searchform input { height: 28px; margin: 4px 0; } .fixed-menu .submit-button { width: 28px; height: 28px; margin: 4px 0; margin-left: 1px; background-position: 4px; } .submit-button { height: 37px; padding: 0; width: 35px; float: right; border: none; cursor: pointer; color: #FFF; text-transform: uppercase; font-size: 14px; padding: 5px; } input#s:focus + .submit-button { display: block; } /* Main Menu------------------------------------------------------------------------------------------------------------------------- */ .admin-bar #nav-wrapper .fixed-menu { top: 32px; } .fixed-menu { top: -33px; } #nav-wrapper .fixed-menu { position: fixed; left: 0; top: 0; -webkit-transform: translateY(-33px); transform: translateY(-33px); -webkit-animation: moveUp 0.2s ease forwards; animation: moveUp 0.2s ease forwards; } #main-nav ul li:hover > .menu-link{color:#000;} #main-nav ul .menu-links.inside-menu li:hover > .menu-link{color:#FFF;} #navigation.fixed-menu { border-left: 0; border-right: 0; } .fixed-menu #main-nav { width: 1048px; margin: 0 auto; position: relative;transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); -webkit-transform: translateZ(0); -webkit-font-smoothing: antialiased; } .fixed-logo { max-width: 100px; float: left; z-index: 99999; height: 36px; opacity: 0; display: none; } .fixed-menu .fixed-logo { display: block; opacity: 1; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: scale(0.4); transform: scale(0.4); -webkit-animation: popUp .4s ease-in forwards; animation: popUp .4s ease-in forwards;margin-right: 20px; } .fixed-menu .menu-item { float: left; font-size: 14px; font-weight: 400; line-height: 14px; text-decoration: none; } .fixed-menu .sub-meni { padding-top: 2px;top: 35px;} .fixed-menu .sub-menu { margin: 0 20px; } #nav-wrapper { -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; width: 100%; padding: 0 20px; background: #FFF; float: left; min-height: 37px; } #navigation { float: left; display: block; position: relative; width: 100%; z-index: 999; border: 1px solid #000; top: 0; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; } #mob-menu { padding: 10px 0; text-align: center; display: none; text-transform: uppercase; font-size: 15px; font-weight: 700; line-height: 15px; } .menu-item { float: left; font-size: 15px; font-weight: 400; line-height: 15px; text-decoration: none; padding: 11px 0; } #main-nav ul li:hover .sub-menu-wrapper { display: block; } .sub-menu-wrapper { position: absolute; left: -1px; z-index: 998; width: 100%; min-height: 284px; display: none; top: 35px; border-top: 1px solid #ebebeb; background: #FFF; border-left: 1px solid #ebebeb; border-right: 1px solid #FFF; box-shadow: 0 3px 0 -1px #000;-webkit-animation: fadeIn 0.3s ease forwards; animation: fadeIn 0.3s ease forwards; } .sub-menu { border: none; margin: 0; float: left; width: 1008px; position: absolute; left: 0; top: 45px; z-index: 999; display: none; -webkit-transform: translateY(-10px); transform: translateY(-10px); -webkit-animation: moveUp 0.4s ease forwards; animation: moveUp 0.4s ease forwards; } .menu-thumb.img-featured{width:276px;} .active .sub-menu { display: block; } .active .menu-links.inside-menu .sub-menu { display: none; } .menu-links.inside-menu .active .sub-menu { display: block; } .sub-menu-wrapper .menu-links.inside-menu li:first-child { padding-left: 0; } .sub-meni .menu-item-object-category.menu-item-has-children:after, .sub-menu-wrapper .menu-item-object-category.menu-item-has-children:after { display: none; } .sub-menu-wrapper .menu-links.inside-menu .menu-links.inside-menu { display: none; } .sub-menu-wrapper .menu-links.inside-menu .sub-meni { float: left; z-index: 999; position: absolute; display: none; margin-left: 0; top: 0; left: 0; width: auto; padding-top: 0; } #main-nav ul li:hover > .sub-meni { display: block; } .sub-meni .sub-meni { top: 0; } .sub-meni { float: left; z-index: 999; position: absolute; display: none; top: 35px; width: 218px; padding-top: 3px; } .menu-links.inside-menu .sub-meni { left: 218px; display: none; padding-top: 0; } .menu-links.inside-menu .menu-item { padding: 0; } #main-nav .sub-meni .menu-links.inside-menu { border-bottom: none; } .sub-meni .menu-links.inside-menu li { position: relative; background: #FFF; width: 100%; border-bottom: 1px solid #ebebeb;} .sub-meni .menu-links.inside-menu li a { color: #000; } .sub-meni .menu-links.inside-menu li:hover { background: #f00; } .sub-meni .menu-links.inside-menu li:hover > a { color: #FFF; } .sub-meni .menu-links.inside-menu .menu-link:after { border: none; } .sub-meni li { width: 164px; } #main-nav .menu-links.inside-menu { width: 100%; float: left; background: #000; } .menu-links.inside-menu .menu-link { color: #FFF; border: none; position: relative; padding: 0; margin: 10px 18px; } .menu-links.inside-menu .menu-link:after { content: ''; border-top: 8px solid #414548; border-right: 10px solid transparent; border-left: 10px solid transparent; top: 23px; display: none; position: absolute; left: 0; right: 0; margin-left: auto; margin-right: auto; width: 0; } .menu-links.inside-menu .active .menu-link:after { display: block; } .menu-link { padding: 0 18px; float: left; border-right: #000; text-transform: uppercase; } #main-nav .menu-thumb li { width: 100%; float: left; } .menu-thumb { float: left; width: 276px; padding-top: 20px; margin: 0 30px; } .menu-thumbs-small { float: left; width: 672px; } .menu-thumbs-small li {width: 306px;float: left;margin: 17px 30px 0 0;height: 80px;float: left;border-bottom: 1px solid #ebebeb;padding-bottom: 12px;padding-top: 1px; } .menu-thumbs-small li:nth-child(n+3){border-bottom:0;} .menu-thumbs-small .featured-posts-text { width: 200px; margin: 0 0 0 30px; } .menu-thumbs-small .featured-posts-content { font-size:12px line-height:14px;} /* Footer------------------------------------------------------------- */ #footer { width: 1048px; margin: 0 auto; } .footer-wrap { float: left; width: 100%; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; padding: 0 20px; background: #FFF; } #footer .content-social { border-right: 0; border-bottom: 1px solid #ebebeb; margin: 0 auto; width: 100%; padding: 34px 0;border-top:1px solid #ebebeb; } #footer .content-social ul { float: none; margin: 0 auto; text-align: center; } #footer .content-social li { border-radius: 25px; background: #FFF; border: 0; box-shadow: 0 0 0 1px #ebebeb; display: inline-block; float: none; } #bottom-menu { width: 100%; float: left; margin-top: 10px; } #bottom-menu ul { text-align: center } #bottom-menu li { padding: 10px; display: inline-block; float: none; } .copyright { height: 35px; font-size: 12px; font-weight: 400; line-height: 12px; width: 100%; float: left; } .bottom-nav { margin: 0 auto; width: 1048px; } .copyright-text { font-variant: small-caps; padding: 9px 14px 14px 16px; text-align: center; } /* Widgets css----------------------------------------------------------------------------- */ /* jumping-posts---------------------------------------------------------------------- */ .jumping-posts li { float: left; width: 25%; overflow: hidden; position: relative; height: 280px; box-shadow: 0 1px 0 #ebebeb;} .jumping-posts-text { width:100%;min-height: 95px; position: absolute; bottom: 0; background: #FFF; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; padding: 3% 6% 0; border-left: 1px solid #ebebeb; } .jumping-posts-text:before { content: ""; top: -25px; position: absolute; z-index: 5; float: left; border-left: 17px solid transparent; left: 25px; border-top: 17px solid transparent; border-right: 17px solid transparent; border-bottom: 14px solid rgba(255, 255, 255, 1); -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; -webkit-transition: all 0.3s; } .jumping-posts-category { text-transform: uppercase; float: left; margin: 7px 0; width: 100%; font-size: 11px; font-weight: 400; } .jumping-posts-title { font-size: 16px; font-weight: 700; line-height: 18px; padding: 10px 0; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; -webkit-transition: all 0.3s; } .jumping-posts { width: 100%; float: left; position: relative; } .jumping-posts-image { position: relative; float: left; } .jumping-posts-excerpt { color: #000; font-size: 12px; font-weight: 400; opacity: 0; width: 100%; max-height: 0; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; -webkit-transition: all 0.3s; } .jumping-posts li:hover .jumping-posts-text { background: #000; border-color: #000; } .jumping-posts li:hover .jumping-posts-text:before { border-bottom: 14px solid #000; } .jumping-posts li:hover .jumping-posts-category a { color: #000; } .jumping-posts li:hover .jumping-posts-title a { color: #FFF; } .jumping-posts li:hover .jumping-posts-excerpt { display: block; opacity: 1; bottom: 0; max-height: 100px; color: #FFF; margin-bottom: 20px; } .two-thirds .jumping-posts li { float: left; width: 33.33%; overflow: hidden; position: relative; height: 280px; } .two-thirds .jumping-posts-image { overflow: hidden; } .two-thirds .jumping-posts-image img { max-width: 115%; } .two-thirds .jumping-posts-title { font-size: 15px; line-height: 15px; } .one-third .jumping-posts li { float: left; width: 50%; overflow: hidden; position: relative; height: 280px; } .one-third .jumping-posts-image { overflow: hidden; } .one-third .jumping-posts-image img { max-width: 150%; margin-left: -45px; } .one-third .jumping-posts-title { font-size: 14px; line-height: 13px; } /* Slider---------------------------------------------------------------------- */ .wide-slider { overflow: hidden; } .wide-slider-box { float: left; padding: 20px 20px 0; position: relative; } .slider-container { overflow: hidden; height: 499px; width: 843px; float: left; } .wide-slider-control { width: 165px; float: left; } .wide-slider-control li { width: 165px; height: 99px; border-left: 1px solid #FFF; border-bottom: 1px solid #FFF; background: #000; position: relative; } .wide-slider-control li:last-child { border-bottom: 0; } .one-third .wide-slider-control, .two-thirds .wide-slider-control { width: 100%; } .two-thirds .wide-slider-control li { width: 19.86%; height: auto; float: left; border-left: 0 solid #FFF; border-bottom: 0 solid #FFF; margin-right: 0.14%; } .one-third .wide-slider-control li { width: 49.86%; height: auto; float: left; border-left: 0 solid #FFF; border-bottom: 0 solid #FFF; padding-right: 0.14%; } .two-thirds .slider-container { width: 672px; height: 436px; margin-bottom: 1px; } .one-third .slider-container { width: 336px; height: 371px; margin-bottom: 1px; } .wide-slider-thumb { opacity: 0.5; } .wide-slider-thumb:hover { opacity: 1; } .flex-active .wide-slider-thumb { opacity: 1; position: relative; } .flex-active .wide-slider-thumb:after { top: 0; z-index: 9; position: absolute; border: 4px solid #000; width: 100%; height: 100%; content: ""; left: 0; box-sizing: border-box; -webkit-box-sizing: border-box; } .three-thirds .flex-active .wide-slider-thumb:after{height:99px;} .wide-slider li:after, .solo-slider-container .flexslider li:after { pointer-events: none; bottom: 0; z-index: 2; position: absolute; float: left; left: 0; width: inherit; height: 50%; content: ""; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 20%, rgba(0,0,0,0.65) 60%, rgba(0,0,0,0.65) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(20%, rgba(0,0,0,0)), color-stop(60%, rgba(0,0,0,0.65)), color-stop(100%, rgba(0,0,0,0.65))); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 20%, rgba(0,0,0,0.65) 60%, rgba(0,0,0,0.65) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 20%, rgba(0,0,0,0.65) 60%, rgba(0,0,0,0.65) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 20%, rgba(0,0,0,0.65) 60%, rgba(0,0,0,0.65) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 20%, rgba(0,0,0,0.65) 60%, rgba(0,0,0,0.65) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000', GradientType=0 ); } .cat-slider { max-height: 360px; overflow: hidden; float: left; } .one-third .cat-slider { max-height: 700px; } .one-third .widget_multiple_categories_bf .widget-title { width: 100%; border-bottom: 1px solid #ebebeb; } .one-third .right:after { content: ""; display: block; position: absolute; right: 0px; border-right: 1px solid #FFF; height: 100%; z-index: 3; top: 0; pointer-events: none; } .one-third .left:after { content: ""; display: block; position: absolute; left: -1px; border-left: 1px solid #FFF; height: 100%; z-index: 3; top: 0; pointer-events: none; } .two-thirds .right:after { content: ""; display: block; position: absolute; right: 0; border-right: 1px solid #FFF; height: 100%; z-index: 3; top: 0; pointer-events: none; } .two-thirds .left:after { content: ""; display: block; position: absolute; left: -1px; border-left: 1px solid #FFF; height: 100%; z-index: 3; top: 0; pointer-events: none; } .solo-slider-container { height: 371px; width: 672px; float: left; position: relative; } .one-third .solo-slider-container { width: 336px; } .two-thirds .solo-slider-container { width: 672px; } .three-thirds .solo-slider-container { width: 1008px; height: 515px; } .two-thirds .slider-text-box .slide-title { font-size: 30px; line-height: 28px; max-width: 550px;padding:0; } .two-thirds .slider-text-box .slide-date { font-size: 14px; } .two-thirds .slider-text-box .slide-excerpt { font-size: 14px; line-height: 14px; width: 550px; } .one-third .slider-text-box .slide-title { font-size: 22px; line-height: 20px; max-width: 300px; } .one-third .slider-text-box .slide-date { font-size: 12px; } .one-third .slider-text-box .slide-excerpt { display:none; } .one-third .slider-text-box{bottom:20px;} .slides { overflow: hidden; } .slider-text-box .slide-info { padding: 4px 0; position: absolute; opacity: 0; left: -400px; display: none; -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } .slider-text-box .slide-date { text-transform: uppercase; font-size: 16px; top: -25px; position: absolute; padding: 4px 0; opacity: 0; left: -400px; color: #FFFFFF; display: none; -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .slide-excerpt { width: 600px; line-height: 16px; font-size: 16px; font-weight: 300; font-style: italic; color: #FFF; float: left; } .slider-text-box .slide-title { max-width: 650px; text-transform: uppercase; color: #fff; text-align: left; position: relative; font-size: 38px; font-weight: 800; line-height: 30px; padding: 8px 0 12px; margin: 5px 0; opacity: 0; display: none; } .slide-title h2 { font-weight: 800; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1); } .slide-title h2 a { color: #FFF; } .slider-text-box { margin-left: 30px; position: absolute; bottom: 55px; z-index: 3; visibility: hidden; } .flex-active-slide .slider-text-box { visibility: visible; } .flex-active-slide .slide-title { opacity: 1; left: 0px; display: block; } .flex-active-slide .slider-text-box .slide-date { opacity: 1; left: 0px; display: block; } .flex-active-slide .slide-info { opacity: 1; left: 0px; display: block; } .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: none; } .slides, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; } .flexslider { margin: 0; padding: 0; } .flexslider .slides > li { display: none; } /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img { width: 100%; display: block; } .flex-pauseplay span { text-transform: capitalize; } .slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .slides { display: block; } * html .slides { height: 1%; } .no-js .slides > li:first-child { display: block; } .flexslider { margin: 0px; background: #fff; position: relative; zoom: 1; opacity: 0; } .flex-viewport { max-height: 2000px; } .loading .flex-viewport { max-height: 300px; } .flexslider .slides { zoom: 1; } .flex-direction-nav { *height: 0;} .flex-direction-nav a { width: 30px; height: 56px; margin: -27px 0 0; display: block; background: url(images/bf-arrows-slider.png) no-repeat 2px 7px; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease; } .flex-direction-nav .flex-next { background-position: -45px 7px; right: -40px; z-index: 9999; } .flex-direction-nav .flex-prev { left: -40px; z-index: 9999; } .carousel:hover .flex-next, .post-page-gallery-thumbnails:hover .flex-next, .tv-carousel:hover .flex-next{height:40px;background: url(images/bf-arrows-carousel.png) no-repeat -55px 0px;} .carousel:hover .flex-prev, .post-page-gallery-thumbnails:hover .flex-prev, .tv-carousel:hover .flex-prev {height:40px;background: url(images/bf-arrows-carousel.png) no-repeat 14px 0px;} .flexslider:hover .flex-next, .carousel:hover .flex-next, .post-page-gallery-thumbnails:hover .flex-next, .tv-carousel:hover .flex-next { opacity: 0.6; right: 0; } .flexslider:hover .flex-prev, .carousel:hover .flex-prev, .post-page-gallery-thumbnails:hover .flex-prev, .tv-carousel:hover .flex-prev{ opacity: 0.6; left: 0; } .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 0.6; } .flex-direction-nav .flex-disabled { opacity: 0; filter: alpha(opacity=0); cursor: default; } .flex-control-nav { width: 100%; text-align: center; margin-top: 16px; } .flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; } .flex-control-paging li a { width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; } .flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); } .flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; } .flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; } .flex-control-thumbs li { width: 25%; float: left; margin: 0; } .flex-control-thumbs img { width: 100%; display: block; opacity: .7; cursor: pointer; } .flex-control-thumbs img:hover { opacity: 1; } .flex-control-thumbs .flex-active { opacity: 1; cursor: default; } .flexslider .slides>li, .wide-slider .slides>li { overflow: hidden; position: relative; } .post-page-gallery-thumbnails { float: left; width: 100%; position: relative; background: #000; max-height: 100px; overflow: hidden; } .post-page-gallery-thumbnails .slides li { float: left; border-right: 1px solid #FFF; position: relative; opacity: 0.5; } .post-page-gallery-thumbnails .slides li:hover { cursor: pointer; opacity: 1; } .post-page-gallery-thumbnails .slides li.flex-active-slide { opacity: 1; cursor: default; } .post-page-gallery-thumbnails .flex-direction-nav a { top: 59%; } .post-page-gallery-thumbnails .flex-active-slide:after { top: 0; z-index: 9; position: absolute; border: 4px solid #000; width: 100%; height: 100%; content: ""; left: 0; box-sizing: border-box; -webkit-box-sizing: border-box; opacity: 1; } .post-page-gallery-slider { width: 1008px; height: 515px; margin-bottom: 1px; overflow: hidden; position:relative; } .caption-gallery-slider { bottom: 0; width: 100%; color: #FFF; position: absolute; padding: 10px; background: #1a1a1a; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; font-size:13px;color:#6c6c6c; font-style:italic;} #primary .post-page-gallery-slider { width: 642px; height: 371px; } #primary .post-page-gallery-thumbnails { width: 642px; } /* Blogroll 1---------------------------------------------------------------------- */ .blog-category { float: left; padding: 0; position: relative; width: 100%; } .blog-category li { width: 336px; padding: 30px; float: left; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; box-shadow: inset 1px -1px 0px 0px #ebebeb; } .one-third .blog-category li:last-child, .two-thirds .blog-category li:nth-last-child(-n+2), .three-thirds .blog-category li:nth-last-child(-n+3) { box-shadow: inset 1px 0px 0px 0px #ebebeb; } .two-thirds .blog-category.bloglook li:nth-last-child(-n+2) { box-shadow: inset 1px -1px 0px 0px #ebebeb; } #secondary .blog-category li { box-shadow: inset 0px -1px 0px 0px #ebebeb; } .blog-category.bloglook li { width: 100%; } .blog-post-image { overflow: hidden; position: relative; float: left; min-height:184px;} .blog-post-title-box { padding: 10px 0; float: left; width: 100%; } .blog-post-title { height: auto; } .blog-post-title h2 { font-size: 18px; font-weight: 700; line-height: 19px; } .bloglook .blog-post-title h2 { font-size: 28px; line-height: 28px; margin-bottom: 10px; } .bloglook .blog-comment-count { float: right; position: relative; } .bloglook .blog-post-image { min-height:371px;} .bloglook .blog-post-categories-wrapper { width: auto; } .bloglook .blog-post-title-box { padding: 0; } .bloglook .date { float: right; } .bloglook .bypostauthor { border-right: 0; } .bloglook-categories { float: left; width: 100%; padding: 12px 0; } .blog-post-text { color: #9c9c9c; padding: 8px 0; } .blog-post-content { color: #474747; font-size: 13px; font-weight: 400; line-height: 17px; padding-bottom: 10px; float:left;} .blog-post-categories-wrapper { float: left; width: 100%; } .blog-category .post-date { text-transform: none; font-size: 12px; font-weight: 400; line-height: 12px; color: #9c9c9c; position: relative; float: left; width: 100%; margin: 10px 0 20px 0; } .blog-comment-count { right: 0; bottom: 0; position: absolute; padding: 2px 9px; background: #000; font-size: 15px; } .blog-comment-count a, .blog-comment-count a:hover { font-size: 11px; font-weight: 700; color: #FFF; } .blog-comment-count:after { content: ''; border-top: 8px solid #414548; border-right: 10px solid transparent; position: absolute; top: 16px; left: 8px; } .two-thirds .blog-category:before, .three-thirds .blog-category:before {content: "";display: block;position: absolute;right: 335px;border-left: 1px solid #ebebeb;height: 100%;z-index: 3;} .three-thirds .blog-category:after {content: "";display: block;position: absolute;right: 671px;border-left: 1px solid #ebebeb;height: 100%;z-index: 3;} .two-thirds .blog-category.bloglook:before{display: none;} /* Blogroll 2----------------------------------------------------------- */ .bf-blog-posts-category { overflow: hidden; width: 100%; float: left; } #primary .bf-blog-posts-category { box-shadow: inset 1px -1px 0px 0px #ebebeb; } .bf-blog-posts-category li { position: relative; padding: 30px; float: left; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; box-shadow: inset 1px -1px 0px 0px #ebebeb; } .bf-blog-posts-category li:last-child { box-shadow: inset 1px 0px 0px 0px #ebebeb; } #secondary .bf-blog-posts-category li { box-shadow: inset 0px -1px 0px 0px #ebebeb; } #primary .bf-blog-posts-category li { box-shadow: inset 1px 1px 0px 0px #ebebeb; } .pagination.blog-pagination { width: 100%; float: left; padding-top: 10px; padding-bottom: 10px; background: #ebebeb; } .bf-blog-posts-category img { float: left; } .bf-blog-posts-text { float: left; width: 306px; } .one-third .bf-blog-posts-text { width: 100%; margin-top: 10px; } .three-thirds-off.two-thirds .bf-blog-posts-text { width: 100%; margin-top: 10px; } .three-thirds .bf-blog-posts-text h2 { font-size: 22px; line-height: 25px; } .bf-blog-posts-text h2 { font-size: 16px; font-weight: 700; line-height: 18px; } .bf-blog-posts-title { padding: 10px 0; width: 100%; float: left; } .bf-blog-posts-content { float: left; width: 100%; color: #474747; font-size: 13px; font-weight: 400; line-height: 16px; } .bf-blog-posts-date-posted { font-size: 12px; font-weight: 600; line-height: 12px; color: #444444; margin: 0 0 10px; width: 100%; float: left; position: relative; } .bf-blog-posts-thumb { float: left; position: relative;max-width:100%; } .three-thirds .bf-blog-posts-thumb{min-height:371px; margin-right: 30px;} .two-thirds .bf-blog-posts-thumb{min-height:184px; margin-right: 30px;} .one-third .bf-blog-posts-thumb{min-height:305px; margin-right: 0;} .three-thirds-off.two-thirds .bf-blog-posts-thumb{margin-right: 0;} .one-third-size.bf-blog-posts-category:before {content: "";display: block;position: absolute;right: 335px;border-left: 1px solid #ebebeb;height: 100%;z-index: 3;} .no-sidebar .one-third-size.bf-blog-posts-category:after {content: "";display: block;position: absolute;right: 671px;border-left: 1px solid #ebebeb;height: 100%;z-index: 3;} .two-thirds .blog-category.bloglook:before{display: none;} /* Multiple Categories---------------------------------------------------------------------- */ .one-third .feat-cat-categories, .feat-cat-categories.no-title-feat-cat { float: left; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; width: 100%; position: relative; } .feat-cat-categories.no-title-feat-cat { border-bottom: 1px solid #ebebeb; } .one-third .feat-cat-categories ul, .feat-cat-categories.no-title-feat-cat ul { text-align: center; } .one-third .feat-cat-categories li { text-align: center; margin: 9px 0; float: none; display: inline-block; } .feat-cat-categories.no-title-feat-cat li { text-align: center; margin: 19px 0; float: none; display: inline-block; } .featured-category-widget-slider { float: left; } .feat-cat-categories { float: right; right: 0; position: absolute; text-transform: uppercase; } .feat-cat-categories li { margin: 19px 0; border-right: 1px solid #ebebeb; padding: 0 8px; float: left; } .feat-cat-categories li:last-child { border-right: none; } .feat-cat-categories li a { line-height: 12px; font-size: 12px; font-weight: 700; } .featured-posts-category-big { width: 336px; padding: 0 30px; float: left; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; margin: 20px 0 5px; } .blog-post-categories { float: left; padding: 4px 8px; font-size: 11px; background: #000; color: #FFF; margin-right: 1px; margin-bottom: 1px; text-transform: uppercase; } .blog-post-categories a { color: #FFF; } .blog-post-categories a:hover { color: #FFF; } .post-date { text-transform: none; font-size: 12px; font-weight: 400; color: #9c9c9c; position: relative; float: left; } .featured-posts-category-big .post-date { color: #444444; font-weight: 600; } .bypostauthor { margin-right: 8px; border-right: 1px solid #444444; padding-right: 8px; float: left; } .featured-posts-image { float: left;min-height:184px; } .featured-posts-text { float: left; margin-top: 10px; } .featured-posts-content { font-size: 13px; font-weight: 400; line-height: 16px; font-style: italic; } .featured-posts-title a, .featured-posts-title a:visited { font-size: 14px; font-weight: 700; line-height: 14px; } .featured-posts-text .date { color: #FFF; font-size: 12px; font-weight: 400; float: left; } .featured-posts-title { float: left; padding: 10px 0; width: 100%; font-size: 16px; } /* Most Commented widget---------------------------------------------------------------------- */ .most-commented-posts { max-width: 336px; } .most-commented-posts li { float: left; border-bottom: 1px solid #FFF; background: #414548; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; padding: 30px; width: 100%; position: relative; } .most-commented-title { max-width: 86%; } .most-commented-title a { font-size: 14px; font-weight: 700; color: #FFF; } .most-commented-count { right: 5%; bottom: 40%; position: absolute; padding: 2px 10px; border: 4px solid #FFF; font-size: 15px; } .most-commented-count a { font-size: 14px; font-weight: 700; color: #FFF; } .most-commented-count:before { content: ''; border-top: 12px solid #FFF; border-right: 14px solid transparent; position: absolute; top: 22px; left: 5px; } .most-commented-count:after { content: ''; border-top: 8px solid #414548; border-right: 10px solid transparent; position: absolute; top: 18px; left: 8px; } /* Big featured images----------------------------------------------------------------------------------------------------------------------------------- */ .img-featured { width: 100%; } #img-featured { width: 672px; } .img-featured-category { float: left; } .img-featured-posts-image { position: relative; overflow: hidden; height: 185px; width: 336px; } .img-featured li:before { content: ""; display: block; position: absolute; right: 0; border-left: 1px solid #FFF; height: 100%; z-index: 3; } .one-third .img-featured li:before, .two-thirds .img-featured li:nth-child(2n+2):before, .three-thirds .img-featured li:nth-child(3n+3):before { display: none; } .one-third .img-featured li:last-child, .two-thirds .img-featured li:nth-last-child(-n+2), .three-thirds .img-featured li:nth-last-child(-n+3) { border-bottom: 0; } #secondary .img-featured li { padding-right: 0px; } .img-featured { float: left; } .img-featured li { border-bottom: 1px solid #FFF; float: left; position: relative; display: block; z-index: 1; } .img-featured li:after { pointer-events: none; bottom: 0; z-index: 2; position: absolute; float: left; left: 0; width: 100%; height: 70%; content: ""; background: -moz-linear-gradient(top, transparent 0%, #91e842 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent ), color-stop(100%, #91e842)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, transparent 0%, #91e842 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, transparent 0%, #91e842 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, transparent 0%, #91e842 100%); /* IE10+ */ background: linear-gradient(to bottom, transparent 0%, #91e842 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='transparent ', endColorstr='#91e842', GradientType=0 ); /* IE6-9 */ opacity: 0.6; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; -webkit-transition: all 0.3s; } .img-featured li:last-child { } .img-featured-title { bottom: 15px; position: absolute; margin: 0 30px; z-index: 3; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5); } .img-featured-title h2 { font-size: 16px; font-weight: 700; color: #FFF; line-height: 20px; } .img-featured-title h2 a { color: #FFF; } .img-featured .date { font-weight: 400; line-height: 20px; margin-bottom: 8px; color: #FFF; font-size: 13px; } .img-featured-review-score { position: absolute; top: 0; padding: 8px; background: #000; font-size: 20px; font-weight: 300; color: #FFF; left: 30px;min-width: 27px; } .img-featured-review-score:before {top: 36px;content: "";position: absolute;z-index: 5;float: left;border-left: 9px solid rgba(255, 255, 255, 0);left: 13px;border-top: 9px solid rgba(218, 0, 66, 1);border-right: 9px solid transparent;border-bottom: 0px solid rgba(255, 255, 255, 0);} .img-featured li:hover:after { opacity: 0; } /* Featured categories--------------------------------------------------------------------------------------------------------------- */ .multiple-cat-title { font-size: 14px; font-weight: 700; width: 100%; float: left; padding: 8px 0; } .category-small .blog-post-categories-wrapper{margin-bottom:15px;} .category-small { width: 336px; padding: 30px; float: left; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; box-shadow: inset 1px -1px 0px 0px #ebebeb; } .featured-category-small-links li { border-bottom: 1px dotted #9c9c9c; padding: 5px 0; } .featured-category-small-links li h2 { font-size: 12px; line-height: 16px; font-weight: 600; } .featured-small li { float: left; padding-bottom: 10px; } /* Small featured images ---------------------------------------------------------------------------------------------------------------------------- */ #small-category { width: 336px; } .small-category { float: left; } .small-category li { float: left; width: 168px; position: relative; border-bottom: 1px solid #FFF; } .small-category li:before { content: ""; display: block; position: absolute; right: 0; border-left: 1px solid #FFF; height: 100%; z-index: 3; } .one-third .small-category li:nth-child(even):before, .two-thirds .small-category li:nth-child(4n+4):before, .three-thirds .small-category li:nth-child(6n+6):before { display: none; } .one-third .small-category li:nth-last-child(-n+2), .two-thirds .small-category li:nth-last-child(-n+4), .three-thirds .small-category li:nth-last-child(-n+6) { border-bottom: 0; } #tv-mode .three-thirds .small-category li:nth-last-child(-n+6) { border-bottom: 1px solid #FFF; } .small-text { position: absolute; bottom: 0; z-index: 3; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5); } .small-image { height: 185px; width: 167px; } .small-title { font-size: 14px; font-weight: 700; padding: 10px; } .small-title a { color: #FFF; } .small-category li:after { pointer-events: none; bottom: 0; z-index: 2; position: absolute; float: left; left: 0; width: 100%; height: 70%; content: ""; background: -moz-linear-gradient(top, transparent 0%, #91e842 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent ), color-stop(100%, #91e842)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, transparent 0%, #91e842 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, transparent 0%, #91e842 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, transparent 0%, #91e842 100%); /* IE10+ */ background: linear-gradient(to bottom, transparent 0%, #91e842 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='transparent ', endColorstr='#91e842', GradientType=0 ); /* IE6-9 */ opacity: 0.6; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; -webkit-transition: all 0.3s; } .small-category li:hover:after { opacity: 0; } /* Tv-widget---------------------------------------------------------- */ .tv-featured-posts { float: left; width: 336px; } .tv-featured { float: left; } .tv-featured-title { margin: 0 30px; padding: 15px 0 0; font-size: 20px; font-weight: 700; text-transform: uppercase; } .tv-featured-posts li { width: 276px; margin: 20px 30px 0; float: left; border-bottom: 1px solid #ebebeb; padding-bottom: 20px; } .small-feat-posts li { height: 75px; } .tv-featured-posts.tv-big li { padding-bottom: 0; } .tv-featured-posts li:last-child { border-bottom: 0; } .small-feat-posts .featured-posts-text { max-width: 186px; margin-left: 14px; margin-top: 0; } .small-feat-posts .featured-posts-title { padding: 5px 0; } /* Carousel---------------------------------------------------------- */ .carousel { position: relative; max-height: 261px; overflow: hidden; float: left; overflow: hidden; } .carousel .slides li, .tv-carousel .slides li { float: left; margin-right: 1px; position: relative; } .carousel-text { padding: 0 10px 10px; background: #414548; } .carousel-category { text-transform: uppercase; float: left; margin: 7px 0; width: 100%; font-size: 11px; font-weight: 400; } .carousel-title { font-size: 14px; font-weight: 700; width: 100%; height: 64px; } .carousel-title a { color: #FFF; } .carousel-image { position: relative; height: 185px; border-bottom: 1px solid #FFF; } #big-carousel.carousel{max-height: 371px;} #big-carousel .carousel-image{height:371px;opacity:0.4;-moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; -webkit-transition: all .2s; transition: all .2s;} #big-carousel .carousel-text{position:absolute;bottom:0;width:100%; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box;background:none;padding: 0 30px 20px;} #big-carousel .carousel-title{ height: auto;line-height: 22px;font-size: 15px;} #big-carousel.carousel .slides li{background:#000;} #big-carousel .carousel-image:hover{opacity:1;} /* Tabs------------------------------------------------------------------------------------------------------ */ .tabs h4 { text-transform: uppercase; font-size: 12px; line-height: 16px; font-weight: 800; } .tabber-container { width: 336px; } ul.tabs { float: left; width: 100%; } .tabber-content { width: 336px; } ul.tabs li { text-align: center; width: 112px; color: #000; display: inline; float: left; font-size: 12px; font-weight: 800; padding: 9px 0; border-bottom: 3px solid #000; } ul.tabs li:hover { } ul.tabs li.active { background: #000; } .tabs li.active h4 a { color: #FFF; } .tabs li.active h4 a:hover { color: #FFF; } .gravatar-comment { padding-right: 20px; float: left; } .comment-author-name { padding: 0 0 5px; font-size: 18px; font-weight: 700; } .comment-date-time { font-size: 12px; font-weight: 400; color: #9c9c9c; } /* About us widget------------------------------------------------------------------------------------------------------------------------- */ .about-widget { width: 336px; } .about-logo { float: left; width: 60%; padding: 10% 20%; } .about-text { font-weight: 400; font-size: 12px; line-height: 17px; float: left; margin-top: 20px; width: 92%; padding: 0 4%; } /* about us social */ .about-social { float: left; width: 100%; } .about-social ul { float: none; margin: 0 auto; text-align: center; margin-top: 10px; } .about-social li { padding-right: 8px; display: inline-block; float: none; } .about-social .fb-social-icon { background: url(images/social-buttons-black.png) 0 0; } .about-social .twitter-social-icon { background: url(images/social-buttons-black.png) -39px 0; } .about-social .pinterest-social-icon { background: url(images/social-buttons-black.png) -116px 0; } .about-social .google-social-icon { background: url(images/social-buttons-black.png) -77px 0; } .about-social .youtube-social-icon { background: url(images/social-buttons-black.png) -154px 0; float: left; width: 28px; height: 28px; -moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; -webkit-transition: all .2s; transition: all .2s; margin-right: 4px; } .about-social .instagram-social-icon { background: url(images/social-buttons-black.png) -194px 0; } .about-social .rss-social-icon { background: url(images/social-buttons-black.png) -233px 0; } .about-social .fb-social-icon:hover, .about-social .twitter-social-icon:hover, .about-social .pinterest-social-icon:hover, .about-social .google-social-icon:hover, .about-social .instagram-social-icon:hover, .about-social .rss-social-icon:hover, .about-social .youtube-social-icon:hover { background-position-y: -26px; } /* thumbnails widget------------------------------------------------------------------------------------------------------------------------- */ .featured-thumbnails { float: left; } .one-third .featured-thumbnails { width: 336px; } .two-thirds .featured-thumbnails { width: 672px;} .three-thirds .featured-thumbnails { width: 1008px; } .featured-thumbnails li { width: 276px; height: 75px; margin: 20px 30px 0; float: left; border-bottom: 1px solid #ebebeb; padding-bottom: 20px; } .one-third .featured-thumbnails li:last-child, .two-thirds .featured-thumbnails li:nth-last-child(-n+2), .three-thirds .featured-thumbnails li:nth-last-child(-n+3) {border-bottom: 0;} .featured-thumbnails .featured-posts-text { max-width: 186px; margin-left: 14px; margin-top: 0; } .featured-thumbnails .featured-posts-title { padding: 5px 0; } /* video embed widget------------------------------------------------------------------------------------------------------------------------- */ .embed-widget{float:left;width:100%;} .two-thirds .embed-wrapper iframe { overflow: hidden; float: left; padding: 30px; } /* ad widget------------------------------------------------------------------------------------------------------------------------- */ .ad-widget-sizes { float: left;width:100%; } .size1 {max-width:100%; width: 250px; height: 250px; margin: 43px; } .size2 {max-width:100%; width: 336px; height: 280px; margin: 0 auto; } .size3, .size4 {max-width:100%; width: 300px; height: auto; margin: 20px auto; } .size5 {max-width:100%; width: 468px; height: 60px; margin: 20px auto; } .size6 {max-width:100%; width: 728px; height: 90px; margin: 20px auto; } .size7{max-width:100%;margin:20px auto;text-align: center;} .size8{max-width:100%;margin:20px auto;text-align: center;} .size9{max-width:100%;margin:20px auto;text-align: center;} /* Author widget------------------------------------------------------------------------------------------------------------------------- */ .featured-author { width: 336px; float: left; } .featured-author-image { float: left; margin: 30px 30px 15px; } .featured-author-desc { font-size: 12px; line-height: 21px; font-weight: 400; float: left; text-align: center; padding: 0px 30px 15px; } .featured-author-desc h2 { font-size: 18px; font-weight: 700; text-transform: uppercase; padding-bottom: 5px; } .featured-author .author-social { text-align: center; float: none; margin-bottom: 15px; } .featured-author .author-social li { display: inline-block; float: none; } /* Tag cloud------------------------------------------------------------------------------------------------------------------------- */ .tagcloud { width: 276px; margin: 0 30px; } .tagcloud a { font-size: 13px !important; float: left; font-weight: 400; margin: 0 6px 5px 0; padding: 5px; text-transform: uppercase; border: 1px solid #000; } #footer .tagcloud a { border-color: #FFF; } /* Category Page------------------------------------------------------------------------------------------------------------------------- */ .latest-category-post { float: left; position: relative; width: 100%; margin-bottom: 20px; } .search-word, .tag-name, .archive-name { float: left; width: 100%; border-bottom: 1px solid #000; border-top: 3px solid #000; ; margin: 0 0 20px; } .blog-category.big-two-posts { float: left; border-bottom: 1px solid #ebebeb; margin-bottom: 20px; } .pagination { padding: 20px 0; font-size: 15px; font-weight: 700; text-align: center; float: left; width: 100%; box-shadow: inset 1px 0px 0px 0px #ebebeb; } .pagination.pagination-load-more a { padding: 20px 0; text-transform: uppercase; background: #ebebeb; width: 100%; float: left; } .pagination.pagination-load-more { padding: 0; margin-top: 20px; } #post-content .pagination { box-shadow: 0 0 0 0 #ebebeb; } .category-page-title { text-transform: uppercase; letter-spacing: -1px; font-size: 25px; line-height: 28px; font-weight: 700; margin: 10px 0 4px; } .category-page-excerpt { font-size: 15px; line-height: 16px; font-weight: 400; font-style: italic; color: #757575; } /* Video Format Page------------------------------------------------------------------------------------------------------------------------- */ #tv-mode { } .tv-video-wrapper { padding: 0 20px 20px; -webkit-animation: video-wrapper 2s; -moz-animation: video-wrapper 2s; -o-animation: video-wrapper 2s; animation: video-wrapper 2s; margin: 0 auto; position: relative; -webkit-transition: all 1.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 1.3s; float: left; width: 100%; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; } .tv-carousel { width: 100%; float: left; margin: 0; overflow: hidden; position: relative; clear: both; } .tv-page-widget { margin: 0 20px; border-left: 1px solid #ebebeb; } .share-tv { width: 100%; float: left; height: 30px; margin-top: 16px; } .share-tv li { float: left; margin: 3px 0 0 33px; } .share-tv-title { padding: 10px 0; font-size: 14px; font-weight: 700; text-transform: uppercase; float: left; } .category-tv-icon { padding: 10px 0; float: right; font-weight: 400; text-transform: uppercase; font-size: 11px; } /* Post page elements------------------------------------------------------------------------------------------------------------------------- */ .latest-news-category, .category-sidebar-news { padding: 0; width: 336px; } .latest-news-category li { padding: 10px 0; float: left; border-bottom: 1px solid #ebebeb; width: 100%; } .latest-news-category li:first-child { padding-top: 0; } .latest-news-category li:last-child { border-bottom: 0px solid #ebebeb; padding-bottom: 0; } .latest-news-category li h2 { font-size: 12px; } .latest-news-text { margin-top: 8px; float: left; } /* Post page elements------------------------------------------------------------------------------------------------------------------------- */ #post-page-title { width: 100%; padding: 0 20px 10px 20px; float: left;-moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; } #post-page-title h1 { text-transform: uppercase; letter-spacing: -1px; font-size: 35px; line-height: 34px; font-weight: 700; } #post-page-subtitle { width: 100%; padding: 0 20px 20px; float: left; font-size: 16px; line-height: 20px; font-weight: 400; font-style: italic; color: #757575;-moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; } #media-wrapper { position: relative; float: left; width: 100%;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-box-sizing: border-box; opacity:0;} .format-gallery #media-wrapper img{padding:0;} .format-gallery #media-wrapper{padding:0 20px 20px;} #primary #media-wrapper { margin: 0; } #media-wrapper img, #media-wrapper iframe{padding: 0 20px 20px;} #primary #media-wrapper img, #primary #media-wrapper iframe{padding:0;} .format-gallery #primary #media-wrapper{padding:0 0 20px;} .format-gallery #primary #media-wrapper img{padding:0;} .video-wrapper iframe { } #primary .video-wrapper{margin:0 0 20px;} .post-page-content-wrapper { width: 642px; } .post-info { width: 100%; color: #9c9c9c; font-size: 14px; line-height: 14px; font-weight: 400; float: left; font-style: italic; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; padding: 10px 0; } .post-page-date { float: right; } .post-author { float: left; } .post-info a { color: #9c9c9c; } #post-content { width: 100%; float: left; font-size: 13px; line-height: 20px; font-weight: 400; margin-top: 16px; margin-bottom:16px;} .share-post { border-bottom: 1px solid #ebebeb; border-top: 1px solid #ebebeb; float: left; width: 100%; margin: 0 0 20px; } .share-title { background: url(images/pattern.png); text-transform: uppercase; width: 170px; padding: 10px; text-align: center; font-size: 15px; font-weight: 700; float: left; } .share-post li { float: left; margin: 3px 0 0 38px; } .fb-share-icon, .twitter-share-icon, .google-share-icon, .pinterest-share-icon, .stumble-share-icon, .reddit-share-icon { float: left; width: 30px; height: 30px; } .fb-share-icon { background: url(images/sharebuttons.png) -38px 0; } .twitter-share-icon { background: url(images/sharebuttons.png) -3px 0; } .google-share-icon { background: url(images/sharebuttons.png) -105px 0; } .pinterest-share-icon { background: url(images/sharebuttons.png) 101px 0; } .stumble-share-icon { background: url(images/sharebuttons.png) -72px 0; } .reddit-share-icon { background: url(images/sharebuttons.png) 67px 0; } .post-tags { float: left; padding: 0 0 20px; } .tags-title { padding: 4px 10px;text-transform: uppercase;float: left;font-size: 14px;margin-right: 1px;color: #FFF;background: #4B4B4B; } .post-tags a { font-size: 12px;float: left;font-weight: 400;margin: 0 1px 0px 0;padding: 4px;text-transform: uppercase;border: 1px solid #000; } .post-categories-wrapper{width:100%;padding: 0 0 20px;float:left;} .post-categories-wrapper .blog-post-categories{font-size:14px;} .post-categories-title { padding: 4px 10px;text-transform: uppercase;float: left;font-size: 14px;margin-right: 1px;color: #FFF;background: #4B4B4B;} .nav-next-prev { border-bottom: 1px solid #ebebeb; border-top: 1px solid #ebebeb; float: left; width: 100%; margin: 0 0 20px; padding: 16px 0; } .nav-previous { width: 49%; float: left; } .nav-next { width: 49%; float: right; } .previous-article { padding: 2px 0; width: 338px; float: left; font-size: 15px; font-weight: 700; } .previous-title { padding-right: 15px; text-transform: uppercase; line-height: 15px; padding: 0px; float: left; } .next-article { padding: 2px 0; text-align: right; width: 338px; float: right; font-size: 15px; font-weight: 700; } .next-title { padding-left: 15px; text-align: right; text-transform: uppercase; line-height: 15px; } .next-title .post-date { float: right; width: 100%; } .next-title .bypostauthor, .previous-title .bypostauthor { float: none; border: none; padding: 0; margin: 0; } .next-title h2 { margin: 5px 0; float: right; width: 100% } .previous-title h2 { margin: 5px 0; float: left; width: 100%; } #author-info {width: 100%;float: left;border-right: 1px solid #FFF;} #author-image { padding: 20px 20px 20px 0; float: left; } #author-desc { color: #9C9C9C; font-size: 13px; line-height: 15px; font-weight: 400; padding-top: 20px; width: 480px; float: left; } #author-desc h2 { font-size: 15px; font-weight: 700; text-transform: uppercase; padding-bottom: 5px; } .author-social { float: left; padding-top: 5px; } .author-social li { float: left; } .category-slider { float: left; overflow: hidden; padding: 0px 8px 25px 8px; } .popular-post-page { float: left; } .splitter { margin: 0 auto; margin-bottom: -10px; margin-top: -10px; float: left; height: 90px; border-left: 1px solid #ebebeb; } .image-wrapper{position:relative;min-height:537px} #primary .image-wrapper{min-height:371px;margin-bottom: 20px;} .image-caption{font-size:12px;font-style:italic;padding:5px 20px;background:#1a1a1a;position:absolute;bottom:0;-moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box;width:100%;color:#6c6c6c;} #primary .image-wrapper .image-caption{max-width:642px;margin:0;} .image-wrapper .image-caption{max-width:1008px;margin:0 20px 16px;} /* Post-page Review---------------------------------------------------------------- */ #review-wrapper { width: 100%; float: left; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; margin: 20px 0px 30px 0px; } .review-image { float: left; position: relative; height: 160px; margin: 20px 0px 20px 0px; } .total-score { position: absolute; bottom: 0; padding: 7px 9px; font-size: 15px; font-weight: 700; background: #000; color: #FFF; border-left: 1px solid #FFF; border-top: 1px solid #FFF; right: 0; } .review-wrapper-title-good-bad { float: left; width: 380px; margin: 20px 0px 20px 20px; } .review-title { font-size: 24px; font-weight: 600; width: 100%; margin-bottom: 16px; float: left; } .review-good, .review-bad { float: left; width: 50%; } .review-good ul, .review-bad ul { list-style: disc; margin: 16px 0; float: left; } .review-good ul li, .review-bad ul li { margin-left: 20px; padding: 5px 0px; width: 100%; float: left; font-size: 13px; } .good-title, .bad-title { font-size: 18px; float: left; width: 100%; } .good-text { width: 160px; } .bad-text { width: 160px; } .review-title-scores { float: left; width: 100%; margin-bottom: 16px; } .review-title-scores li { float: left; width: 100%; margin-bottom: 9px; } .review-item-title { float: left; text-transform: uppercase; font-size: 12px; font-weight: 600; } .review-item-score { float: right; font-size: 12px; font-weight: 600; } .score-line { width: 100%; background: #ebebeb; height: 12px; float: left; overflow: hidden; } .score-width { height: 12px; background: #000; float: left; display:none;} .score-width.active{-webkit-animation: review 1s both ease; animation: review 1s both ease;display:block;} /* page------------------------------------------------------------------- */ #post-content.fullwidth{-moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box;padding:0 20px;} #post-content.page-content{margin-top:0;} /* Comments------------------------------------------------------------------------------------------------------------------------- */ #reply-title { float: left; width: 100%; padding: 16px 0 12px 0; font-size: 16px; line-height: 18px; font-weight: 400; } #cancel-comment-reply-link { } .comment-count { color: #9C9C9C; font-size: 14px; font-weight: 700; font-size: 18px; font-weight: 400; margin-bottom:20px;text-transform:uppercase;} .comment-count .last-word{font-weight:700;} .comment-author, .comment-email, .comment-url {color: #9C9C9C; font-size: 15px; line-height: 20px; font-weight: 400; float: left; width: 196px; } .comment-author, .comment-email { padding-right: 20px; } #author, #email, #url { border: 1px solid #ebebeb; font-size: 15px; font-weight: 400; height: 32px; width: 198px;color:#9c9c9c; } .required {font-size:15px;font-weight:700; } .comment-form-comment { float: left; padding: 30px 0; width: 100%; } #comment { border: 1px solid #ebebeb; height: 180px; width: 100%; } .form-submit { float: left; } #submit { cursor: pointer; border: none; font-size: 15px; font-weight: 400; background: #FFF; height: 32px; margin-bottom: 30px; color: #FFF; } .comments { list-style: none; float: left; width: 100%; ; } .gravatar-comment { padding-right: 20px; float: left; } .comment-author-name { padding: 0 0 5px; font-size: 16px; } .comment-date-time { font-size: 12px; font-weight: 400; color: #9c9c9c;padding: 10px 0;float: left; } .comments li { padding: 10px 0; width: 100%; float: left; } .comments li.bypostauthor { border: none; } .comment-content { font-size: 13px; line-height: 20px; font-weight: 400; float: left; width:100%;margin-top:10px;} .children { padding-left: 30px; } .logged-in-as { float: left; width: 100%; padding: 20px 0; font-size: 15px; font-weight: 400;} .comment-pagination { float: left; width: 100%; font-size: 15px; font-weight: 600; text-align: center; } .comment-reply-link{float: left;font-size: 12px;font-weight: 400;} /* Wp-css---------------------------------------------------------------- */ .content blockquote { margin: 0 0 15px;padding: 1px 15px 1px 15px;float: left;width: 99%;font-size:22px; line-height:26px;text-transform:uppercase;} .content q{margin: 0 0 15px; padding: 15px;float: left;width: 99%;font-size:22px;line-height:26px;text-transform:uppercase;} .content q.left{width:40%;} .content q.right{width:40%;text-align:right;float:right;} .content p { display: block; margin-bottom: 15px; } .content blockquote p { margin-top: 15px; } .content h1 { font-size: 30px; line-height: 34px; font-weight: 700; margin: 10px 0; width: 100%; } .content h2 { font-size: 28px; line-height: 32px; font-weight: 700; margin: 10px 0; width: 100%; } .content h3 { font-size: 24px; line-height: 28px; font-weight: 700; margin: 10px 0; width: 100%; } .content h4 { font-size: 20px; line-height: 24px; font-weight: 700; margin: 10px 0; width: 100%; } .content h5 { font-size: 16px; line-height: 20px; font-weight: 700; margin: 10px 0; width: 100%; } .content h6 { font-size: 12px; line-height: 16px; font-weight: 700; margin: 10px 0; width: 100%; } .content ul { list-style: disc outside; margin: 10px 0; } .content ol { list-style: decimal outside; margin: 10px 0; } .content ul li, .content ol li { margin-left: 30px; padding: 5px 0px; } .alignright { max-width: 100%; float: right; } .alignleft { max-width: 100%; float: left; } .aligncenter { max-width: 100%; display: block; margin: 0 auto; } .alignnone { max-width: 100%; } code, pre { padding: 2px 4px; background-color: #f7f7f9; border: 1px solid #e1e1e8; } pre { word-break: break-all; word-wrap: break-word; white-space: pre-wrap; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -2px; } sup { top: -5px; } .wp-caption, .gallery-caption { margin-bottom: 10px; text-align: center; } .wp-caption-text { margin-bottom: 2px; } .sticky { } .sticky .bf-blog-posts-thumb:after { top: 96px; position: absolute; padding: 5px; text-transform: uppercase; font-size: 14px; font-weight: 700; color: #FFF; background: url(images/pattern-img.png); content: "Sticky Post"; display: block; clear: both; height: 15px; width: 85px; } .sticky h2 a { text-decoration: underline; } .bypostauthor { } img.alignright, .wp-caption.alignright { float: right; margin: 5px 0 20px 20px; } img.alignleft, .wp-caption.alignleft { float: left; margin: 5px 20px 20px 0; } table { margin-bottom: 30px; width: 100%; text-align:center;} td { border: 1px solid #999; padding: 10px 15px; background: #ddd; } tr:nth-child(odd) td { background: #ebebeb; } th, tfoot td { padding: 10px 15px; background: #bbb!important; border: 1px solid #999; font-weight: normal; text-transform: uppercase; } /*error page*/ #post-404 h1 { font-size: 24px; font-weight: 700; text-align: center; } #post-404 { font-size: 15px; font-weight: 700; text-align: center; margin-top: 50px; } /*rss widget*/ .widget_rss { width: 336px; font-size: 14px; font-weight: 400; } .widget_rss ul { -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; width: 100%; float: left; padding: 0 30px; } .widget_rss ul li { padding: 15px 0; border-bottom: 1px solid #ebebeb; font-style: italic; } .widget_rss ul li:last-child{border-bottom:0;} .widget_rss ul li a { } .rssSummary { color: #9C9C9C; ; font-size: 12px; font-weight: 700; padding-top: 10px; } /*categories widget*/ .widget_categories { width: 336px; font-size: 14px; font-weight: 400; } .widget_categories ul { -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; width: 100%; float: left; padding: 0 30px; } .widget_categories ul li { padding: 15px 0; border-bottom: 1px solid #ebebeb; font-style: italic; } .widget_categories ul li:last-child{border-bottom:0;} .widget_categories ul ul.children { padding: 0; } .widget_categories a { } .widget_categories select { } .widget_categories select#cat { } .widget_categories select.postform { } .widget_categories option { } .widget_categories .level-0 { } .widget_categories .level-1 { } .widget_categories .level-2 { } .widget_categories .level-3 { } /*recent comments widget*/ .widget_recent_comments { width: 336px; font-size: 14px; font-weight: 400; } .recentcomments { padding: 15px 0; border-bottom: 1px solid #ebebeb; font-style: italic; width: 100%; } .recentcomments:last-child{border-bottom:0;} #recentcomments { -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; width: 100%; float: left; padding: 0 30px; } #recentcomments li { font-size: 15px; font-weight: 700; line-height: 18px; } #recentcomments li a { font-weight: 400; font-size: 14px; } /*recent posts widget*/ .widget_recent_entries { width: 336px; font-size: 14px; font-weight: 400; } .widget_recent_entries ul { -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; width: 100%; float: left; padding: 0 30px; } .widget_recent_entries ul li { padding: 15px 0; border-bottom: 1px solid #ebebeb; font-style: italic; width: 100%; } .widget_recent_entries ul li:last-child{border-bottom:0;} .widget_recent_entries ul li a { } /*search*/ .widget_search #searchform input { width: 70%; border: 1px solid #000; padding: 0 10%; border: 0; } .widget_search #searchform { float: none; } .widget_search .submit-button { width: 10%; margin: 0; padding: 0; } .widget_search { width: 336px; } .screen-reader-text { } /*calendar*/ .widget_calendar { width: 336px; font-size: 14px; font-weight: 700; text-align: center; text-shadow: 1px 1px 1px #FFF; } #wp-calendar { margin: 15px auto; } #calendar_wrap { float: left; width: 100%; } #calendar_wrap th { } #calendar_wrap td { } #wp-calendar tr td { padding: 7px 10px; } #wp-calendar caption { padding: 0 0 20px; } #wp-calendar a { } #wp-calendar #today { background: #FFF; } #wp-calendar #prev { } #wp-calendar #next { } #wp-calendar #next a { } #wp-calendar #prev a { } /*nav menu widget*/ .widget_nav_menu { width: 336px; font-size: 14px; font-weight: 400; } .widget_nav_menu ul { -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; width: 100%; float: left; padding: 0 30px; } .widget_nav_menu ul li { padding: 15px 0; border-bottom: 1px solid #ebebeb; font-style: italic; width: 100%; } .widget_nav_menu ul li:last-child{border-bottom:0;} .widget_nav_menu ul .menu-item-object-category.menu-item-has-children:after { display: none; } .widget_nav_menu ul li a { } .widget_nav_menu .sub-menu, .widget_nav_menu .sub-meni, .widget_nav_menu .active .sub-menu { display: none; } /*Pages widget*/ .widget_pages { width: 336px; font-size: 14px; font-weight: 400; } .widget_pages ul { -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; width: 100%; float: left; padding: 0 30px; } .widget_pages ul li a { padding: 15px 0; border-bottom: 1px solid #ebebeb; font-style: italic; width: 100%; float: left; } .widget_pages ul li a:last-child{border-bottom:0;} .widget_pages ul li .children { } .widget_pages ul li a { } /*Arcvhive widget*/ .widget_archive { width: 336px; font-size: 14px; font-weight: 400; } .widget_archive ul { -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; width: 100%; float: left; padding: 0 30px; } .widget_archive ul li { padding: 15px 0; border-bottom: 1px solid #ebebeb; font-style: italic; } .widget_archive ul li:last-child{border-bottom:0;} .widget_archive ul li a { } .widget_archive select { } .widget_archive option { } /*Links widget*/ .widget_links { width: 336px; font-size: 14px; font-weight: 400; } .widget_links ul { -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; width: 100%; float: left; padding: 0 30px; } .widget_links ul li { padding: 15px 0; border-bottom: 1px solid #ebebeb; font-style: italic; } .widget_links ul li:last-child{border-bottom:0;} .widget_links ul li a { } /*meta widget*/ .widget_meta { width: 336px; font-size: 14px; font-weight: 400; } .widget_meta ul { -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; width: 100%; float: left; padding: 0 30px; } .widget_meta ul li { padding: 15px 0; border-bottom: 1px solid #ebebeb; font-style: italic; } .widget_meta ul li:last-child{border-bottom:0;} .widget_meta ul li a { } /*login-page*/ p.login-username, p.login-password, p.login-remember, p.login-submit{float:left;width:100%;text-align:center;margin-top:10px;position:relative;} p.login-username *, p.login-password *, p.login-submit *{float: left;width: 50%;margin: 5px 25%;font-size:16px;text-align:center;font-weight:600;} #loginform input#user_login, #loginform input#user_pass{border:1px solid #ebebeb;background: #fbfbfb;font-size:24px;font-weight:400;box-shadow: inset 1px 1px 1px #D5D5D5;} input#wp-submit{background-color: #d20045;border: 0;border-radius: 0;font-size: 16px;text-transform: uppercase;font-weight: 700;color: #FFF !important;padding: 0 12px;height: 30px;line-height: 28px;} p.login-remember *{float: left;width: 50%;margin: 5px 25%;font-size:18px;text-align:left;font-weight:600;} /* ============================Responsive================================== */ @media screen and (-webkit-min-device-pixel-ratio:0) { .no-sidebar #primary{width:63.001em;} #fullwidth{width:63.001em;} .two-thirds .widget_blog_category_bf{width:42.001em;} .three-thirds .widget_blog_category_bf{width:63.001em;} } @media screen and (max-width: 1068px) and (min-width: 709px) { #fullwidth, .no-sidebar #primary { width: 672px; } #wrapper { width: 712px; } .home-widget.fixed-widget { position: initial; top: auto; } .fixed-menu .search-box{display:none;} #header { width: 712px; } #top-menu-title-side { display: none; } #logo { width: 712px; position: relative; } #site-logo { } .logo-left #header-ad, .logo-center #header-ad { width: 100%; } #main-nav, .fixed-menu #main-nav { width: 712px; } #searchform input{ width: 60px;} .menu-item { font-size: 13px; } .menu-link { padding: 0 10px; } .fixed-menu .menu-item { font-size: 13px; } .menu-item-object-category.menu-item-has-children:after { display: none; } .sub-menu-wrapper:before, .sub-menu-wrapper { width: 668px; } .sub-menu { width: 672px; } .menu-thumb, .menu-thumb.img-featured { width: 184px; } .menu-thumb .img-featured-title{bottom: 0;position: relative;margin: 0;z-index: 3;text-shadow: 0px 0px 0px #000;background: #FFF;padding-top:12px;} .menu-thumb .img-featured-title h2 a{color:#444444;font-size:14px;line-height:16px;} .menu-thumbs-small { width: 428px; } .menu-thumbs-small li { width: 184px; } .menu-thumbs-small .featured-posts-text { width: 99px; margin: 0 0 0 10px; } .menu-thumbs-small .featured-posts-title a { font-size: 12px; } .menu-thumbs-small .post-date { display: none; } .ticker-box { width: 712px; } #ticker-list-box {max-width:672px;margin:0 20px;} .ticker-title-date, .ticker-heading{ display: none; } #footer { width: 712px; } /*widgets*/ .two-thirds .slider-container, .two-thirds .solo-slider-container { height: auto; } .one-third-off.two-thirds .solo-slider-container{float: left;width: 336px;height: 371px;margin: 0 168px;} #primary{border-right:0;} .post-page-content-wrapper{width:672px;} #secondary { width: 672px; float: left; border-right: 1px solid #ebebeb; margin: 0 20px; position: relative; transform: translateZ(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); -webkit-transform: translateZ(0); -webkit-font-smoothing: antialiased; } #post-page-subtitle, #post-page-title { width: 100%; } #media-wrapper iframe { width: 672px; max-height:378px; } #primary .bf-blog-posts-category .three-thirds{width:672px;} #primary .bf-blog-posts-category .three-thirds .bf-blog-posts-text{width:100%;margin-top:20px;} .three-thirds .bf-blog-posts-thumb, .two-thirds .bf-blog-posts-thumb, .one-third .bf-blog-posts-thumb{min-height:0;} /*Video Widget*/ .embed-wrapper, .video-container, .tv-page-video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .two-thirds .embed-wrapper iframe, .tv-video-wrapper iframe, .video-container iframe, .video-container object, .video-container embed, .video-container video { width: 100%; height: 100%; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box;position:absolute; } .three-thirds-off .embed-wrapper iframe { padding: 0; } /*featured categories*/ .three-thirds-off .category-small:last-child { width: 672px; padding: 30px 30px 0; border-top: 1px solid #ebebeb; } .three-thirds-off .category-small:last-child .featured-small { width: 50%; } .three-thirds-off .category-small:last-child .featured-category-small-links { float: right; width: 50%; margin-top: 30px; } .three-thirds-off .category-small:last-child .featured-category-small-links li { padding: 10px 0; } .three-thirds-off .category-small:last-child .featured-category-small-links li h2 { font-size: 14px; } .three-thirds-off .category-small:last-child .blog-post-content { display: none; } /*multiple categories*/ .two-thirds .featured-category-widget-slider .small-feat-posts:last-child:nth-child(3) { display: none; } /*thumbnails*/ .featured-thumbnails li:last-child:nth-child(odd) { display: none; } /*jumping posts*/ .three-thirds-off .jumping-posts li:last-child:nth-child(3n+1), .three-thirds-off .jumping-posts li:nth-last-child(2):nth-child(3n+1), .three-thirds-off .jumping-posts li:last-child:nth-child(3n+2), .three-thirds-off .jumping-posts li:nth-last-child(2):nth-child(3n+2) { display: none; } /*small featured images*/ .three-thirds-off .small-category li:last-child:nth-child(4n+1), .three-thirds-off .small-category li:nth-last-child(2):nth-child(4n+1), .three-thirds-off .small-category li:nth-last-child(3):nth-child(4n+1), .three-thirds-off .small-category li:last-child:nth-child(4n+2), .three-thirds-off .small-category li:nth-last-child(2):nth-child(4n+2), .three-thirds-off .small-category li:last-child:nth-child(4n+3), .three-thirds-off .small-category li:nth-last-child(3):nth-child(4n+3) { display: none; } .post-page-gallery-slider { width: 100%; height: auto; } .content blockquote { -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; } ​/*most-commented*/ .most-commented{width:672px;} .most-commented-posts{max-width: 672px;width: 672px;} .most-commented-posts li{width:50%;float:left;border-right:1px solid #FFF;height:93px;} .most-commented-posts li:last-child:nth-child(odd){display:none;} /*BIG featured images*/ #fullwidth .two-thirds .img-featured li:first-child:last-child { display: block !important; } #fullwidth .two-thirds .img-featured li:last-child:nth-child(odd) { display: none; } .image-wrapper{min-height:0;} #primary .post-page-gallery-slider{width: 100%; height:auto;max-height:371px;} .format-gallery #primary #media-wrapper .post-page-gallery-slider img{padding:0;height:371px;} #primary .post-page-gallery-thumbnails{width: 100%;} #primary .image-wrapper .image-caption, .image-wrapper .image-caption{max-width:672px;} #media-wrapper img, #media-wrapper iframe{padding:0 20px 20px;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-box-sizing: border-box;width:100%;} #secondary .home-widget:nth-child(even) { float: right; transform: translateZ(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); -webkit-transform: translateZ(0); -webkit-font-smoothing: antialiased; } @media screen and (-webkit-min-device-pixel-ratio:0) { .no-sidebar #primary{width:42.001em;} } } @media screen and (max-width: 708px) { #top-navigation, .ticker-box { display: none; } #fullwidth, #header-ad, .logo-left #header-ad, .logo-center #header-ad { width: 336px; } #wrapper, #header, #logo, #footer { width: 376px; } #primary, .no-sidebar #primary { width: 336px;} .single #primary { border-right: 0; } #secondary { width: 336px; float: left; border-right: 1px solid #ebebeb; margin: 0 20px; border-left: 1px solid #ebebeb; position: relative; } .post-page-content-wrapper { width: 100%; } #nav-wrapper{padding-bottom:20px;} #mob-menu { cursor: pointer; width: 100%; height: 15px; margin: 0 auto; display: block; position: relative; } #main-nav, .fixed-menu #main-nav { width: 336px; } .admin-bar #nav-wrapper .fixed-menu{top:45px;} #main-nav .menu-link { border-right: none; text-align: center; padding: 0; width: 100%; } .fixed-menu .fixed-logo { display: none; } .menu-item-object-category.menu-item-has-children:after { display: none; } #main-nav ul { display: none; } #main-nav ul.active { display: block; position: absolute; width: 100%;box-shadow: 0px 1px 0px 1px #ebebeb; } #main-nav ul li { width: 100%; } #main-nav ul li:hover .sub-menu-wrapper, #main-nav ul li:hover .sub-meni { display: none; } .search-box { display: none; } .content blockquote { -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; } .home-widget.fixed-widget { position: initial; top: auto; } /* widgets */ .one-third .slider-container, .one-third .solo-slider-container { height: auto; } .one-third .wide-slider-control li:last-child{display:none;} .slider-text-box .slide-title{padding:0;} .three-thirds .bf-blog-posts-thumb, .two-thirds .bf-blog-posts-thumb, .one-third .bf-blog-posts-thumb{min-height:0;} /*Video Widget*/ .embed-wrapper, .video-container, .tv-page-video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .one-third .embed-wrapper iframe, .tv-video-wrapper iframe, .video-container iframe, .video-container object, .video-container embed, .video-container video { width: 100%; height: 100%; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box;position:absolute; } .one-third .cat-slider{max-height:1058px;} /*post page*/ #post-page-title{padding:10px 20px;} #comment { border: 1px solid #ebebeb; height: 180px; width: 330px; } .post-page-gallery-slider { width: 100%; height: auto;} .content blockquote { -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; } .review-wrapper-title-good-bad{width:100%;margin:0;} .image-wrapper{min-height:0;} .review-image{margin:20px 53px;} #author-image{padding: 0 20px 20px 0;} #author-desc{width:220px;padding-top:0;} .share-title, .share-tv-title{width:100%;padding:10px 0;text-align:center;} .share-post li, .share-tv li{margin:20px 0 20px 22px;} .share-tv{height:auto;} #media-wrapper img, #media-wrapper iframe{padding:0 20px 20px;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-box-sizing: border-box;width:100%;} #media-wrapper iframe{height:100%;} .format-gallery #media-wrapper img{padding:0;} .format-gallery #media-wrapper{padding:0 20px 20px;} .nav-next-prev { box-shadow: 2px 0px 10px #000; z-index: 999; background: url(images/pattern-img.png); width: 96%; position: fixed; bottom: 0; border: none; margin: 0; padding: 3% 2%; left:0;transform: translateZ(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); -webkit-transform: translateZ(0); -webkit-font-smoothing: antialiased; } .nav-previous { width: 49%; } .nav-next { height: 100%; width: 49%; border-left: 1% solid #000; } .previous-title, .previous-title a { color: #FFF; text-align: left; display: block; width: 100%; } .next-title, .next-title a { color: #FFF; text-align: right; display: block; width: 100%; padding: 0; } .splitter { height: 70px; margin: 0; opacity: 0.3; } .next-article{font-size: 13px;line-height: 14px;} .previous-article{font-size: 13px;line-height: 14px;} .previous-title, .previous-title a {font-size: 13px;line-height: 14px;} .next-title, .next-title a {font-size: 13px;line-height: 14px;} .next-title .post-date, .previous-title .post-date {display: none; } #primary .post-page-gallery-slider{width: 100%; height:auto;max-height:371px;} #primary .post-page-gallery-thumbnails{width: 100%;} #primary .bf-blog-posts-category .three-thirds{width:336px;} #primary .bf-blog-posts-category .three-thirds .bf-blog-posts-text{width:100%;margin-top:20px;} #primary .bf-blog-posts-category .two-thirds{width:336px;} #primary .bf-blog-posts-category .two-thirds .bf-blog-posts-text{width:100%;margin-top:20px;} #primary .image-wrapper .image-caption, .image-wrapper .image-caption{max-width:336px;} #primary .image-wrapper{min-height:0;} .category-tv-icon{display:none;} } @media screen and (max-width: 600px) {.admin-bar #nav-wrapper .fixed-menu{top: 0;}html #wpadminbar{top:-46px;}} @media screen and (max-width: 396px) {body{zoom:0.85;width:85%;}html{-moz-transform: scale(0.85, 0.85);-moz-transform-origin: top center;}html #wpadminbar{display:none;}#fullwidth{box-shadow: 0 0 0 1px #ebebeb;}} @media screen and (max-width: 376px) {body{zoom:0.7;width:75%;}html{-moz-transform: scale(0.7, 0.7);-moz-transform-origin: top center;}} @media screen and (max-width: 320px) {body{zoom:0.6;width:75%;}html{-moz-transform: scale(0.6, 0.6);-moz-transform-origin: top center;}} @media screen and (min--moz-device-pixel-ratio:0) {body{width:auto !important;}} /* ===============Animations=================== */ @-webkit-keyframes video-wrapper { 0% { opacity:0; } 100% { opacity:1; } } @-moz-keyframes video-wrapper { 0% { opacity:0; } 100% { opacity:1; } } @-o-keyframes video-wrapper { 0% { opacity:0; } 100% { opacity:1; } } @keyframes video-wrapper { 0% { opacity:0; } 100% { opacity:1; } } @-moz-keyframes spin { 0% { -moz-transform:rotate(0deg); } 100% { -moz-transform:rotate(360deg); } } @-webkit-keyframes spin { 0% { -webkit-transform:rotate(0deg); } 100% { -webkit-transform:rotate(360deg); } } /* widget effects------------------------------------------------------------- */ /* Effect 1: opacity */ .widgetfx-1 { -webkit-animation: fadeIn 0.65s ease forwards; animation: fadeIn 0.65s ease forwards; } @-webkit-keyframes fadeIn { 0% { opacity:0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity:0; } 100% { opacity: 1; } } /* Effect 2: Move Up */ .widgetfx-2{ -webkit-transform: translateY(200px); transform: translateY(200px); -webkit-animation: moveUp 0.65s ease forwards; animation: moveUp 0.65s ease forwards; } @-webkit-keyframes moveUp { 0% {opacity:0;} 100% {-webkit-transform: translateY(0);} } @keyframes moveUp { 0% {opacity:0;} 100% {-webkit-transform: translateY(0);transform: translateY(0);} } @-webkit-keyframes moveUpslider { 0% {opacity:0;} 100% {-webkit-transform: translateY(0);opacity:1;} } @keyframes moveUpslider { 0% {opacity:0;} 100% {-webkit-transform: translateY(0);transform: translateY(0);opacity:1;} } /* Effect 3: Scale up */ .widgetfx-3 { -webkit-transform: scale(0.6); transform: scale(0.6); -webkit-animation: scaleUp 0.65s ease-in-out forwards; animation: scaleUp 0.65s ease-in-out forwards; } @-webkit-keyframes scaleUp { 0% { opacity:0; } 100% { -webkit-transform: scale(1); opacity: 1; } } @keyframes scaleUp { 0% { opacity:0; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } /* Effect 4: rubber-band */ .widgetfx-4 { -webkit-animation: rubber-band .8s ease both; animation: rubber-band .8s ease both;-moz-animation:rubber-band .8s ease both;} @-webkit-keyframes rubber-band {0%{-webkit-transform: scale(1);}25%{-webkit-transform: scaleX(1.06) scaleY(.75);}50%{-webkit-transform: scaleX(.75) scaleY(1.06);} 75%{-webkit-transform: scaleX(1.04) scaleY(.85);}100%{-webkit-transform: scale(1);}} @-moz-keyframes rubber-band{0%{-moz-transform: scale(1);}25%{-moz-transform: scaleX(1.06) scaleY(.75);}50%{-moz-transform: scaleX(.75) scaleY(1.06);}75%{-moz-transform: scaleX(1.04) scaleY(.85);}100%{-moz-transform: scale(1);}} @keyframes rubber-band {0%{-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}25%{-webkit-transform: scaleX(1.06) scaleY(.75);-moz-transform: scaleX(1.06) scaleY(.75);-ms-transform: scaleX(1.06) scaleY(.75);-o-transform: scaleX(1.06) scaleY(.75);transform: scaleX(1.06) scaleY(.75);}50%{-webkit-transform: scaleX(.75) scaleY(1.06);-moz-transform: scaleX(.75) scaleY(1.06);-ms-transform: scaleX(.75) scaleY(1.06);-o-transform: scaleX(.75) scaleY(1.06);transform: scaleX(.75) scaleY(1.06);}75%{-webkit-transform: scaleX(1.04) scaleY(.85);-moz-transform: scaleX(1.04) scaleY(.85);-ms-transform: scaleX(1.04) scaleY(.85);-o-transform: scaleX(1.04) scaleY(.85);transform: scaleX(1.04) scaleY(.85);}100%{-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}} /* Effect 5: bounce in up */ .widgetfx-5 { -webkit-animation: bounce-in-up 1s ease both; animation: bounce-in-up 1s ease both;-moz-animation:bounce-in-up 1s ease both; } @-webkit-keyframes bounce-in-up {0%{-webkit-transform: translateY(2000px);opacity: 0;}50%{-webkit-transform: translateY(-30px);opacity: 1;}75%{-webkit-transform: translateY(10px);}100%{-webkit-transform: translateY(0);}} @-moz-keyframes bounce-in-up {0%{-moz-transform: translateY(2000px);opacity: 0;}50%{-moz-transform: translateY(-30px);opacity: 1;}75%{-moz-transform: translateY(10px);}100%{-moz-transform: translateY(0);}} @keyframes bounce-in-up {0%{-webkit-transform: translateY(2000px);-moz-transform: translateY(2000px);-ms-transform: translateY(2000px);-o-transform: translateY(2000px);transform: translateY(2000px);opacity: 0;}50%{-webkit-transform: translateY(-30px);-moz-transform: translateY(-30px);-ms-transform: translateY(-30px);-o-transform: translateY(-30px);transform: translateY(-30px);opacity: 1;}75%{-webkit-transform: translateY(10px);-moz-transform: translateY(10px);-ms-transform: translateY(10px);-o-transform: translateY(10px);transform: translateY(10px);}100%{-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}} /* Effect 6: pulse */ .widgetfx-6 {-webkit-animation: pulse 1s ease both; animation: pulse 1s ease both;-moz-animation:pulse 1s ease both; } @-webkit-keyframes pulse {0%{-webkit-transform: scale(1);opacity:0;}50%{-webkit-transform: scale(1.04);}100%{-webkit-transform: scale(1);}} @-moz-keyframes pulse {0%{-moz-transform: scale(1);}50%{-moz-transform: scale(1.04);}100%{-moz-transform: scale(1);}} @keyframes pulse {0%{-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}50%{-webkit-transform: scale(1.04);-moz-transform: scale(1.04);-ms-transform: scale(1.04); -o-transform: scale(1.04); transform: scale(1.04);}100%{-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}} /* Effect 7: fade-in-up */ .widgetfx-7 { -webkit-animation: fade-in-up 1s ease both; animation: fade-in-up 1s ease both;-moz-animation:fade-in-up 1s ease both; } @-webkit-keyframes fade-in-up {0%{-webkit-transform: translateY(20px);opacity: 0;}100%{-webkit-transform: translateY(0);}} @-moz-keyframes fade-in-up {0%{-moz-transform: translateY(20px);opacity: 0;}100%{-moz-transform: translateY(0);}} @keyframes fade-in-up {0%{-webkit-transform: translateY(20px);-moz-transform: translateY(20px);-ms-transform: translateY(20px);-o-transform: translateY(20px);transform: translateY(20px);opacity: 0;}100%{-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}} /* Effect 8: Pop up */ .widgetfx-8 { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: scale(0.4); transform: scale(0.4); -webkit-animation: popUp .5s ease-in forwards; animation: popUp .5s ease-in forwards; } @-webkit-keyframes popUp { 0% { opacity:0; } 70% { -webkit-transform: scale(1.1); opacity: .8; -webkit-animation-timing-function: ease-out; } 100% { -webkit-transform: scale(1); opacity: 1; } } @keyframes popUp { 0% { opacity:0; } 70% { -webkit-transform: scale(1.1); transform: scale(1.1); opacity: .8; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } /* Effect 9: Bounce */ .widgetfx-9 { -webkit-animation: bounce 1s ease both; animation: bounce 1s ease both;-moz-animation:bounce 1s ease both; transform: translateZ(0); -moz-transform: translatez(0);-ms-transform: translatez(0);-o-transform: translatez(0);-webkit-transform: translateZ(0);-webkit-font-smoothing: antialiased;} @-webkit-keyframes bounce {0%,25%,50%,75%,100%{-webkit-transform: translateY(0);}40%{-webkit-transform: translateY(-20px);}60%{-webkit-transform: translateY(-10px);}} @-moz-keyframes bounce {0%,25%,50%,75%,100%{-moz-transform: translateY(0);}40%{-moz-transform: translateY(-20px);}60%{-moz-transform: translateY(-10px);}} @keyframes bounce {0%,25%,50%,75%,100%{-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}40%{-webkit-transform: translateY(-20px);-moz-transform: translateY(-20px);-ms-transform: translateY(-20px);-o-transform: translateY(-20px);transform: translateY(-20px);}60%{-webkit-transform: translateY(-10px);-moz-transform: translateY(-10px);-ms-transform: translateY(-10px);-o-transform: translateY(-10px);transform: translateY(-10px);}} .slider_fx3 .slides li.flex-active-slide { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: scale(0.9); transform: scale(0.9); -webkit-animation: popUp .4s ease-in forwards; animation: popUp .4s ease-in forwards; } .slider_fx3 .slides li { } .slider_fx4 .slides li.flex-active-slide { -webkit-transform: translateY(200px); transform: translateY(200px); -webkit-animation: moveUpslider 0.4s ease forwards; animation: moveUpslider 0.4s ease forwards; } .slider_fx4 .slides li { } .slider_fx5 .slides li.flex-active-slide { -webkit-animation: moveFromTop .6s ease both; animation: moveFromTop .6s ease both; } .slider_fx5 .slides li { -webkit-animation: moveToBottom .6s ease both; animation: moveToBottom .6s ease both; } .slider_fx6 .slides li.flex-active-slide { -webkit-animation: moveFromBottom .6s ease both; animation: moveFromBottom .6s ease both; } .slider_fx6 .slides li { -webkit-animation: scaleDownCenter .3s ease-in both; animation: scaleDownCenter .3s ease-in both; z-index: 1; } .slider_fx7 .slides li.flex-active-slide { -webkit-animation: scaleUpDown .3s both ease; animation: scaleUpDown .3s both ease; } .slider_fx7 .slides li { -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-animation: rotateFall .5s both ease-in; animation: rotateFall .5s both ease-in; } .slider_fx8 .slides li.flex-active-slide { -webkit-animation: scaleUpDown 1s both ease; animation: scaleUpDown 1s both ease; } .slider_fx8 .slides li { -webkit-animation: scaleDownUp .5s both ease-in; animation: scaleDownUp .5s both ease-in; } .slider_fx9 .slides li.flex-active-slide { -webkit-animation: blackwhitecol 1s both ease-in; animation: blackwhitecol 1s both ease-in; } .slider_fx9 .slides li { -webkit-animation: blackwhite 1s both ease-in; animation: blackwhite 1s both ease-in; } @-webkit-keyframes blackwhite { 0% { -webkit-filter: grayscale(1) contrast(4); } 100% { -webkit-filter: grayscale(1) contrast(4); } } @keyframes blackwhite { 0% { -webkit-filter: grayscale(1) contrast(4); } 100% { -webkit-filter: grayscale(1) contrast(4); } } @-webkit-keyframes blackwhitecol { 0% { -webkit-filter: grayscale(1) contrast(4); } 100% { -webkit-filter: grayscale(0) contrast(1); } } @keyframes blackwhitecol { 0% { -webkit-filter: grayscale(1) contrast(4); } 100% { -webkit-filter: grayscale(0) contrast(1); } } @-webkit-keyframes scaleUpDown { from { -webkit-transform: scale(1.2); } } @keyframes scaleUpDown { from { -webkit-transform: scale(1.2); transform: scale(1.2); } } @-webkit-keyframes scaleDownUp { from { } to { -webkit-transform: scale(1.2); } } @keyframes scaleDownUp { from { } to { -webkit-transform: scale(1.2); transform: scale(1.2); } } @-webkit-keyframes rotateFall { 0% { -webkit-transform: rotateZ(0deg); } 20% { -webkit-transform: rotateZ(10deg); -webkit-animation-timing-function: ease-out; } 40% { -webkit-transform: rotateZ(37deg); } 60% { -webkit-transform: rotateZ(86deg); } 100% { -webkit-transform: translateY(100%) rotateZ(17deg); opacity:0; } } @keyframes rotateFall { 0% { -webkit-transform: rotateZ(0deg); transform: rotateZ(0deg); } 20% { -webkit-transform: rotateZ(10deg); transform: rotateZ(10deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: rotateZ(37deg); transform: rotateZ(37deg); } 60% { -webkit-transform: rotateZ(86deg); transform: rotateZ(86deg); } 100% { -webkit-transform: translateY(100%) rotateZ(17deg); transform: translateY(100%) rotateZ(17deg); opacity:0; } } @-webkit-keyframes moveFromLeft { from { -webkit-transform: translateX(-100%); } } @keyframes moveFromLeft { from { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } @-webkit-keyframes scaleDownCenter { from { } to { opacity: 0; -webkit-transform: scale(.7); } } @keyframes scaleDownCenter { from { } to { opacity: 0; -webkit-transform: scale(.7); transform: scale(.7); } } @-webkit-keyframes moveFromBottom { from { -webkit-transform: translateY(100%); } } @keyframes moveFromBottom { from { -webkit-transform: translateY(100%); transform: translateY(100%); } } @-webkit-keyframes moveFromTop { from { -webkit-transform: translateY(-100%); } } @keyframes moveFromTop { from { -webkit-transform: translateY(-100%); transform: translateY(-100%); } } @-webkit-keyframes moveToBottom { from { } to { -webkit-transform: translateY(100%); } } @keyframes moveToBottom { from { } to { -webkit-transform: translateY(100%); transform: translateY(100%); } } @-webkit-keyframes review { from { width:0; } to { } } @keyframes review { from { width:0; } to { } } /*image effects*/ .image_fx1{} .image_fx1:hover{} .image_fx2{ } .image_fx2:hover{-webkit-animation: imgpopUp 0.4s both ease-in; animation: imgpopUp 0.4s both ease-in;} .image_fx3{-moz-transition: all 0.3s;-o-transition: all 0.3s;-ms-transition: all 0.3s;transition: all 0.3s;-webkit-transition: all 0.3s; filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(50%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */} .image_fx3:hover{ filter: url("data:image/svg+xml;utf8,#grayscale");filter: gray; /* IE6-9 */ -webkit-filter: grayscale(0%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */ } .image_fx4{-moz-transition: all 0.3s;-o-transition: all 0.3s;-ms-transition: all 0.3s;transition: all 0.3s;-webkit-transition: all 0.3s;} .image_fx4:hover{-webkit-filter: saturate(1.5); filter: saturate(1.5);} .image_fx5{ -moz-transition: all 0.3s;-o-transition: all 0.3s;-ms-transition: all 0.3s;transition: all 0.3s;-webkit-transition: all 0.3s;} .image_fx5:hover{opacity:0.8;} /*img animations*/ @-webkit-keyframes imgpopUp { 0% { } 50% { -webkit-transform: scale(1.1); -webkit-animation-timing-function: ease-out; } 100% { -webkit-transform: scale(1); } } @keyframes imgpopUp { 0% { } 50% { -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 100% { -webkit-transform: scale(1); transform: scale(1); } }