/* Theme Name: Newser Theme URI: http://themes.zozothemes.com/newser/ Author: Zozothemes Author URI: http://zozothemes.com/ Description: The Advanced Drag and Drop News, blog, Magazine WordPress Theme By Zozothemes. Version: 1.0.2 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: one-column, two-columns, right-sidebar, flexible-header, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready Text Domain: newser */ /* ================================= CSS Structure ================================= 1. GLOBAL STYLE - WORDPRESS CORE - BUTTON STYLES - INPUT STYLES 2. BREADCRUMB 3. PAGINATION STYLES 4. OWL SLIDER SLIDES 5. TABS 6. PAGE WRAPPER 7. SOCIAL ICONS 8. OVERLAY 9. POST FORMAT ICON 10. CATEGORY TAG 11. HEADER - HEADER TOP - NAVBAR CENTER - HEADER DATE , EMAIL , PHONE - HEADER TOP MENU - SOCIAL ICONS - SEARCH FORM - HEADER NEWS TICKER - HEADER LOGO SECTION - HEADER MAIN SECTION - BOXED NAV MENU - DROPDOWN MENU - STICKY - MEGA MENU - MEGA MENU TAB - FULL SCREEN SEARCH - HEADER TYPE 1 - HEADER TYPE 2 - HEADER TYPE 4 - HEADER SKINS - HEADER SECONDARY SPACE 12. WIDGETS SETTINGS - WIDGET TITLE - THEME DARK WIDGET TITLE - WIDGET LISTS WITH ICON - RECENT POSTS DATE - CATEGORY AND ARCHIVE POST COUNT - TAG WIDGET - CALENDER WIDGET - ADVANCE POST WIDGETS 13. COMMENT,DATE,VIEWS,LIKES,RATINGS 14. GRID SIZE 15. OVERLAY AND IMAGE HOVER 16. SLIDER STYLE 17. LIST STYLE 18. SIGNLE TOP 19. WIDGETS - ADVANCE TAB WIDGET - AUTHOR WIDGET - SOCIAL WIDGET - CONTACT INFO - MAIL CHIMP WIDGET - TWITTER WIDGET 20. FOOTER - FOOTER COPYRIGHT - BACK TO TOP - FOOTER DARK 21. NEWS TICKER 22. POST BANNER - BANNER OVERLAY - BANNER DETAILS & POSITIONS - MIDDLE - TOP - CATEGIRY & TAG - TITLE - AUTHOR & DATE - POST FORMAT ICON - BANNER SLIDER 23. POST STYLES - META WRAPPER - GRID WIDTHS - META ICONS - TAGS - META ICONS - LIKE ANIMATION - LIST POST 24. POST BLOCK - GRID - LIST - BLOCK TITLE - Theme Dark Newser Block Title - BLOCK SLIDE ARROWS - TAB BLOCK - LOAD MORE / INFINATE SCROLLING - VIDEO PLAYLIST 25. SINGLE POST - SOCIAL SHARE - AUTHOR INFO - POST REVIEW - RELATED POST SLIDER - POST COMMENTS - POST NAVIGATION ( NEXT & PREV POST ) - PARALLAX TITLE WRAPPER - SINGLE POST TYPE 3 - SINGLE POST TYPE 4 - SINGLE POST TYPE 5 - VIDEO - SINGLE POST TYPO STYLES 26. CATEGORY AND ARCHIVE PAGE 27. 404 PAGE 28. AUTHOR PAGE 29. WOOCOMMERCE - WOOCOMMERCE NAVIGATION MINI CART - WOOCOMMERCE BUTTON STYLES - WOOCOMMERCE FORM STYLES - WOOCOMMERCE PRODUCTS - WOOCOMMERCE PAGINATION - WOOCOMMERCE SINGLE PAGE - SINGLE PAGE TAB - CART PAGE - CHECK OUT - WOOCOMMERCE SHOP PAGE 30. LOGIN POP UP 31. SEARCH PAGE STYLE 32. BOTTOM ADS 33. VC TAB - CLASSIC / SQUARE / BLACK 34. LEFT & RIGHT STICKY ADD 35. CONTACT FORM 7 36. MOBILE ZMM 37. Bbpress */ /* GLOBAL STYLE */ body{ color: #777; font-size: 14px; line-height:24px; overflow-x:hidden; } p:last-of-type, ul:last-of-type { margin-bottom:0; } h1 { font-size: 32px; line-height: 40px; } h2 { font-size: 27px; line-height: 38px; } h3 { font-size: 22px; line-height: 30px; } h4 { font-size: 19px; line-height: 29px; } h5 { font-size: 17px; line-height: 25px; } h6 { font-size: 16px; line-height: 24px; } h1,h2,h3,h4,h5,h6,a { margin-top:0; color:#333; } .typo-white,.typo-white p,.typo-white a,.typo-white h1,.typo-white h2,.typo-white h3,.typo-white h4,.typo-white h5,.typo-white h6 { color:#fff; } .typo-black,.typo-black p,.typo-black a,.typo-black h1,.typo-black h2,.typo-black h3,.typo-black h4,.typo-black h5,.typo-black h6, .typo-white .typo-black,.typo-white .typo-black p,.typo-white .typo-black a,.typo-white .typo-black h1,.typo-white .typo-black h2,.typo-white .typo-black h3,.typo-white .typo-black h4,.typo-white .typo-black h5,.typo-white .typo-black h6 { color:#333; } .black-bg { background:#333; } .grey-bg,.gray-bg { background:#f7f7f7; } .white-bg { background:#fff; } .transparent-bg { background:transparent; } ol, ul { list-style: none; margin-left:0; padding:0; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } table, td, th { border: 1px solid #ddd; text-align: left; } table { border-collapse: collapse; width: 100%; } th, td { padding: 15px; } dd { display: block; margin-left: 40px; } ul > li > ul, ol > li > ol { padding: 5px 0 5px 15px; } ul > li > ul.sub-menu{ padding-left:0; } a { transition: all ease 0.4s;-webkit-transition: all ease 0.4s;-moz-transition: all ease 0.4s;-o-transition: all ease 0.4s; } a:hover, a:focus, a:active { text-decoration:none; } a:focus{ outline:none; } em { font-family: georgia; } input[type="submit"] { background-color: #333333; color: white; text-align: center; text-decoration: none; display: inline-block; font-size: 14px; cursor: pointer; border: none; padding: 3px 15px; } /*----- SELECTION -----*/ ::-moz-selection{ color:#fff; background:#333; } ::selection{ color:#fff; background:#333; } ::-webkit-selection{ color:#fff; background:#333;} /*----- IMAGE -----*/ img{ height:auto; } img, .img-responsive { transition: all ease 0.4s;-webkit-transition: all ease 0.4s;-moz-transition: all ease 0.4s;-o-transition: all ease 0.4s; max-width:100%; } /*----- TOOL TIP -----*/ .tooltip { font-family: inherit; } .tooltip-inner { border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0; } /*----- LIST INLINE -----*/ .list-inline { margin:0 -5px; } /*----- LAYOUT -----*/ .layout-boxed { box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); margin: 30px auto; } .layout-boxed .container { padding:0 30px; } /*----- DARK LAYOUT -----*/ .theme-dark .zozo-page-wrapper, .theme-dark .page-content, .theme-dark .post-content, .theme-dark .page-inner-wrapper{background-color: #333;} /*----- PAGE AND POST CONTENT -----*/ .page-content,.post-content { padding:60px 0; background:#fff; } .page-content.page-zero-spacing { padding:0 0 30px 0; } /*----- PAGE LOADER -----*/ .page-loader { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; } /*--------------------------------------------------------------- WORDPRESS CORE -------------------------------------------------------------- */ .alignnone{margin:5px 20px 20px 0}.aligncenter,div.aligncenter{display:block;margin:5px auto}.alignright{float:right;margin:5px 0 20px 20px}.alignleft{float:left;margin:5px 20px 20px 0}a img.alignright{float:right;margin:5px 0 20px 20px}a img.alignleft,a img.alignnone{margin:5px 20px 20px 0}a img.alignleft{float:left}a img.aligncenter{display:block;margin-left:auto;margin-right:auto}.wp-caption{background:#fff;border:1px solid #f0f0f0;max-width:96%;padding:5px 3px 10px;text-align:center;}.wp-caption.alignleft,.wp-caption.alignnone{margin:5px 20px 20px 0}.wp-caption.alignright{margin:5px 0 20px 20px}.wp-caption img{border:0;height:auto;margin:0;max-width:98.5%;padding:0;width:auto}.wp-caption p.wp-caption-text{font-size:11px;line-height:17px;margin:0;padding:0 4px 5px} .screen-reader-text{clip:rect(1px,1px,1px,1px);position:absolute!important;height:1px;width:1px;overflow:hidden}.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;color:#21759b;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}.gallery{margin:0 auto 18px}.gallery .gallery-item{float:left;margin-top:0;text-align:center;width:33%}.gallery-columns-2 .gallery-item{width:50%}.gallery-columns-4 .gallery-item{width:25%}.gallery img{box-shadow:0 0 4px #999;border:1px solid #fff;padding:8px;background:#f2f2f2}.gallery img:hover{background:#fff}.gallery-columns-2 .attachment-medium{max-width:92%;height:auto}.gallery-columns-4 .attachment-thumbnail{max-width:84%;height:auto}.gallery .gallery-caption{color:#888;font-size:12px;margin:0 0 12px}.gallery dl,.gallery dt{margin:0}.gallery br+br{display:none}li.bypostauthor cite span{color:#21759b;background-color:#f8f0cb;background-image:none;border:1px solid #f8f0cb;border-radius:3px;box-shadow:none;padding:3px;font-weight:700} .gallery figure.gallery-item{ text-align:left;} .gallery figure.gallery-item img{padding:0px; margin-bottom: 20px;} .gallery figure.gallery-item .gallery-caption { display: block; margin-bottom: 0; padding: 0 10px 0 0; text-align: left; } div.gallery{ height:auto; overflow:hidden; } .comments-wrapper{ padding-top:20px; height:auto; clear:both; } .post-comments .author-img img { max-width: unset; } /*--------------------------------------------------------------- BUTTON STYLES -------------------------------------------------------------- */ .btn.active.focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn:active:focus, .btn:focus, .btn.active, .btn:active { outline: none; box-shadow: none;-webkit-box-shadow: none;-moz-box-shadow: none;-ms-box-shadow: none;-o-box-shadow: none; } .btn.btn-default { border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0; color: #fff; } .btn.btn-default:hover { color: #ffffff; opacity: 0.7; } /*--------------------------------------------------------------- INPUT STYLES -------------------------------------------------------------- */ .form-control { border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0;-ms-border-radius: 0;-o-border-radius: 0; border-color: #eee; margin-bottom:15px; } .form-control, .form-control:focus { box-shadow: none;-webkit-box-shadow: none;-moz-box-shadow: none;-ms-box-shadow: none;-o-box-shadow: none; } .input-group-btn .btn.btn-default > i { display:inline-block; vertical-align:middle; } /* Theme Dark */ .theme-dark .form-control { border-color: #444; background-color:#222; } .theme-dark .author-info-wrapper .author-info, .theme-dark .post-navigation .post-nav-pre, .theme-dark .post-navigation .post-nav-next{ border: 1px solid #555; } .theme-dark .table-hover > tbody > tr:hover { background-color: #333; } /*--------------------------------------------------------------- BREADCRUMB -------------------------------------------------------------- */ .breadcrumb-wrapper { background-color:#fff; } .breadcrumb { background:transparent; border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0;-ms-border-radius: 0;-o-border-radius: 0; margin: 0 0 0px 0; padding: 15px 0; } .breadcrumb > a,.breadcrumb > span { display:inline-block; } .breadcrumb > a + a:before,.breadcrumb > span:before { color: #7c7c7c; display:inline-block; font-family: 'themify'; content: "\e649"; font-size: 8px; padding: 0 8px 0 5px; } /* Theme Dark */ .theme-dark .breadcrumb-wrapper { background-color: #333; } .theme-dark .breadcrumb > a,.theme-dark .breadcrumb > span {color:#eee;} /*--------------------------------------------------------------- PAGE TITLE -------------------------------------------------------------- */ .page-title-wrapper { padding: 30px 0; } .page-title-wrapper.page-title-bg,.page-title-wrapper.transparent-bg { padding:60px 0; } .page-title-wrapper .page-title-categories { margin-bottom:15px; } .page-title-wrapper .category-tag { position:static; } /* CENTER ALIGNMENT */ .page-title-wrapper.text-center .page-title-inner { margin: 0 auto 15px; max-width: 75%; } .page-title-wrapper .page-title{ margin-bottom: 10px; margin-top: 10px; } /* TRANSPARENT BG */ .page-title-wrapper.transparent-bg { background: radial-gradient(closest-side at 50%, rgba(0,0,0,0.1), rgba(0,0,0,0.6)); background-position:center center; background-repeat:no-repeat; background-size:cover; } /* CATEGORY TRANSPARENT STYLE */ .category-tag.transparent-bg { background:transparent; border:1px solid rgba(0, 0, 0, 0.5); } .typo-white .category-tag.transparent-bg { border-color:rgba(255, 255, 255, 0.5); } .category-tag.transparent-bg:hover,.category-tag.transparent-bg:focus { background:#000; border-color:#000; } .typo-white .category-tag.transparent-bg:hover,.typo-white .category-tag.transparent-bg:focus { background:#fff; border-color:#fff; color:#333!important; } /*--------------------------------------------------------------- PAGINATION STYLES -------------------------------------------------------------- */ .pagination-wrapper { margin-top:30px; } .pagination { vertical-align: middle; margin: 20px -5px 0; } .pagination > li { display: inline-block; padding: 0 5px; vertical-align: middle; } .pagination > li:first-child > a, .pagination > li:first-child > span, .pagination > li:last-child > a, .pagination > li:last-child > span { border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0; } .pagination > li > a, .pagination > li > span { border:none; color: #fff; height: 30px; width: 30px; line-height: 30px; text-align:center; padding: 0; } .pagination > li > a.active, .pagination > li > span.active { background-color:#333; } .pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover { background:#333; color:#fff; } .theme-dark .pagination > li > a:focus, .theme-dark .pagination > li > a:hover, .theme-dark .pagination > li > span:focus, .theme-dark .pagination > li > span:hover{ background:#000; } /* INFINATE LOADING */ #infscr-loading { bottom: 0; position: absolute; text-align: center; width: 100%; } /*--------------------------------------------------------------- OWL SLIDER SLIDES -------------------------------------------------------------- */ .owl-theme .owl-nav { margin-top:0; } .owl-theme .owl-nav > div,.easy-ticker-prev,.easy-ticker-next { border-radius: 0; color: #fff; font-size: 0; height: 25px; width: 25px; line-height:25px; padding:0; position: relative; text-align:center; transition: all ease 0.4s;-webkit-transition: all ease 0.4s;-moz-transition: all ease 0.4s;-o-transition: all ease 0.4s; } .owl-theme .owl-nav > div{ line-height:35px; } .owl-theme .owl-nav > div > i { font-weight:400; font-size:10px; } /*----- NAV - LEFT,RIGHT,BOTTOM,TOP -----*/ .owl-theme.nav-left .owl-nav { text-align:left; } .owl-theme.nav-right .owl-nav { text-align:right; } .nav-bottom.owl-theme { margin-bottom:55px; } .nav-top.owl-theme { margin:55px 0 0 0; } .owl-theme .owl-nav { margin-top: 25px; } .nav-top.owl-theme .owl-nav,.owl-theme.nav-wide .owl-nav { bottom:auto; top:-60px; position:absolute; width:100%; margin:0; } /*----- NAV - WIDE ( VERTICALLY MIDDLE ) -----*/ .owl-theme.nav-wide .owl-nav > div.owl-prev { float:left; margin: 5px 30px; } .owl-theme.nav-wide .owl-nav > div.owl-next { float:right; margin: 5px 30px; } .owl-theme.nav-wide .owl-nav { top:50%; transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%); } .owl-theme .owl-dots { height: 20px; margin-top: 20px; } .owl-theme .owl-dots .owl-dot span { background: #eee; margin: 5px; } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #333; } .owl-carousel-relpost, .owl-carousel-blog, .owl-carousel { display:none; } /*--------------------------------------------------------------- TABS -------------------------------------------------------------- */ .nav.nav-tabs { border: 2px solid #eee; border-bottom: 2px solid; display:table; width:100%; } .nav.nav-tabs > li { padding:0; display: inline-block; float:none; } .nav-tabs > li > a { border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0;-ms-border-radius: 0;-o-border-radius: 0; color:#777777; border:none; font-weight: 800; margin:0; } .nav > li > a:focus, .nav > li > a:hover { background-color: transparent; } .nav.nav-tabs > li:before { content:none; } .nav-tabs > li.dropdown.active > a, .nav-tabs > li.dropdown.active > a:focus, .nav-tabs > li.dropdown.active > a:hover { cursor:pointer; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { background-color: transparent; border:none; color:#333; } .tab-content { padding: 30px 0 0; position:relative; } .newser-content{position:relative;} .tab-pane .tab-post-preload, .tab-pane .tab-slide-preload{ position:absolute; left:0; right:0; margin:0 auto; top:50%; transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%); } .vertical-tab .nav.nav-tabs,.vertical-tab .tab-content { float: left; overflow: hidden; } .vertical-tab .nav.nav-tabs{ width:20%; border: none; } .vertical-tab .tab-content,.mega-menu-container .vertical-tab .tab-content { width:80%; padding:15px; border: 1px solid #eee; border-left: 2px solid #eee; } .vertical-tab .nav.nav-tabs > li { display: block; margin-right:-1px; margin-bottom:0; } .vertical-tab .nav-tabs > li > a { border:1px solid rgba(0,0,0,0); } .vertical-tab .nav-tabs > li.active > a, .vertical-tab .nav-tabs > li.active > a:focus, .vertical-tab .nav-tabs > li.active > a:hover { border:1px solid #eee; } /* Theme Dark Nav Dropdown Tabs */ .theme-dark .nav.zozo-main-menu .nav-tabs > li.active > a, .theme-dark .nav.zozo-main-menu .nav-tabs > li.active > a:focus, .theme-dark .nav.zozo-main-menu .nav-tabs > li.active > a:hover, .theme-dark .newser-block .nav.nav-tabs .more-tab-dropdown li a{ color:#bbb; } .theme-dark .nav.zozo-main-menu .vertical-tab .nav-tabs > li.active > a, .theme-dark .nav.zozo-main-menu .vertical-tab .nav-tabs > li.active > a:focus, .theme-dark .nav.zozo-main-menu .vertical-tab .nav-tabs > li.active > a:hover, .theme-dark .nav.zozo-main-menu .vertical-tab .tab-content, .theme-dark .nav.zozo-main-menu .mega-menu-container .vertical-tab .tab-content, .theme-dark .nav.zozo-main-menu .vertical-tab.nav.nav-tabs{ border:1px solid #555; } .theme-dark .nav.nav-tabs, .theme-dark .footer-widget-section .widget .nav.nav-tabs{border-top-color: #555;border-left-color: #555;border-right-color: #555;} .theme-dark .nav-tabs > li.active > a, .theme-dark .nav-tabs > li.active > a:focus, .theme-dark .nav-tabs > li.active > a:hover{color:#fff;} .theme-dark .newser-slider-nav .slide-nav {border-top: 1px solid #aaa;} .theme-dark .more-tab-dropdown li{background:#333;} /*--------------------------------------------------------------- PAGE WRAPPER -------------------------------------------------------------- */ .page-wrapper{ width:100%; margin:0 auto; overflow:hidden; position:relative; } .content-wrapper{ width:100%; margin:0 auto; } /*--------------------------------------------------------------- SOCIAL ICONS -------------------------------------------------------------- */ .social-facebook { background:#3C599F; } .social-twitter { background:#32CCFE; } .social-instagram { background:#A1755C; } .social-pinterest { background:#cb2027; } .social-google-plus { background:#dd4b39; } .social-bloglovin { background:#36ADED; } .social-rss { background:#f26522; } .social-youtube { background:#bb0000;} .social-tumblr { background:#314E6C; } .social-dribbble { background:#F46899; } .social-soundcloud { background:#FF5500;} .social-vimeo { background:#229ACC; } .social-linkedin { background:#0085AE; } .social-whatsapp { background:#128c7e; } .social-transparent .social-facebook:hover,.social-transparent .social-facebook:focus,.social-counts .fa-facebook { color:#3C599F; } .social-transparent .social-twitter:hover,.social-transparent .social-twitter:focus,.social-counts .fa-twitter { color:#32CCFE; } .social-transparent .social-instagram:hover,.social-transparent .social-instagram:focus { color:#A1755C; } .social-transparent .social-pinterest:hover,.social-transparent .social-pinterest:focus,.social-counts .fa-pinterest { color:#cb2027; } .social-transparent .social-google-plus:hover,.social-transparent .social-google-plus:focus,.social-counts .fa-google-plus { color:#dd4b39; } .social-transparent .social-rss:hover,.social-transparent .social-rss:focus { color:#f26522; } .social-transparent .social-youtube:hover,.social-transparent .social-youtube:focus,.social-counts .fa-youtube { color:#bb0000; } .social-transparent .social-whatsapp:hover,.social-transparent .social-whatsapp:focus,.social-counts .fa-whatsapp { color:#128c7e; } .social-circle > li > a { border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%; } .social-rounded > li > a { border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px; } .social-transparent > li > a { background:transparent; } /*--------------------------------------------------------------- OVERLAY -------------------------------------------------------------- */ .overlay-container,.banner-post-grid,.banner-post-grid .banner-grid-thumb > a { display:block; overflow: hidden; position: relative; } .dark-overlay,.light-overlay,.theme-overlay,.gradient-black-overlay,.gradient-theme-overlay,.rainbow-overlay,.news-slide-loader { background:rgba(0,0,0,0.4); top: 0; right:0; bottom: 0; left:0; height: 100%; width: 100%; position: absolute; transition: all ease-in-out 0.4s;-webkit-transition: all ease-in-out 0.4s;-moz-transition: all ease-in-out 0.4s;-o-transition: all ease-in-out 0.4s; } .light-overlay,.news-slide-loader { background:rgba(255,255,255,0.6); } .gradient-black-overlay { background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, transparent 75%); background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.7) 0%, transparent 75%); background: -moz-linear-gradient(bottom, rgba(0,0,0,0.7) 0%, transparent 75%); background: -ms-linear-gradient(bottom, rgba(0,0,0,0.7) 0%, transparent 75%); background: -o-linear-gradient(bottom, rgba(0,0,0,0.7) 0 %, transparent 75%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000', GradientType=0 ); } .theme-dark .news-slide-loader { background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0; } .gradient-theme-overlay,.rainbow-overlay { opacity:0.6; } /*----- RAINBOW OVERLAY -----*/ .rainbow-overlay { background: linear-gradient(to right top, #0099F7, #F11712); background: -webkit-linear-gradient(right top, #0099F7, #F11712); background: -moz-linear-gradient(right top, #0099F7, #F11712); background: -ms-linear-gradient(right top, #0099F7, #F11712); background: -o-linear-gradient(right top, #0099F7, #F11712); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0099F7', endColorstr='#F11712', GradientType=0 ); } .banner-gradient-2 .rainbow-overlay { background: linear-gradient(to right top, #ffc500, #24FE41); background: -webkit-linear-gradient(right top, #ffc500, #24FE41); background: -moz-linear-gradient(right top, #ffc500, #24FE41); background: -ms-linear-gradient(right top, #ffc500, #24FE41); background: -o-linear-gradient(right top, #ffc500, #24FE41); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc500', endColorstr='#24FE41', GradientType=0 ); } .banner-gradient-3 .rainbow-overlay { background: linear-gradient(to right top, #c21500, #ffc500); background: -webkit-linear-gradient(right top, #c21500, #ffc500); background: -moz-linear-gradient(right top, #c21500, #ffc500); background: -ms-linear-gradient(right top, #c21500, #ffc500); background: -o-linear-gradient(right top, #c21500, #ffc500); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c21500', endColorstr='#ffc500', GradientType=0 ); } .banner-gradient-4 .rainbow-overlay { background: linear-gradient(to right top, #fc00ff, #00dbde); background: -webkit-linear-gradient(right top, #fc00ff, #00dbde); background: -moz-linear-gradient(right top, #fc00ff, #00dbde); background: -ms-linear-gradient(right top, #fc00ff, #00dbde); background: -o-linear-gradient(right top, #fc00ff, #00dbde); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc00ff', endColorstr='#00dbde', GradientType=0 ); } .banner-gradient-5 .rainbow-overlay { background: linear-gradient(to right top, #f26522, #00dbde); background: -webkit-linear-gradient(right top, #f26522, #00dbde); background: -moz-linear-gradient(right top, #f26522, #00dbde); background: -ms-linear-gradient(right top, #f26522, #00dbde); background: -o-linear-gradient(right top, #f26522, #00dbde); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f26522', endColorstr='#00dbde', GradientType=0 ); } .banner-gradient-6 .rainbow-overlay { background: linear-gradient(to right top, #000, #ffc400); background: -webkit-linear-gradient(right top, #000, #ffc400); background: -moz-linear-gradient(right top, #000, #ffc400); background: -ms-linear-gradient(right top, #000, #ffc400); background: -o-linear-gradient(right top, #000, #ffc400); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffc400', GradientType=0 ); } .banner-gradient-7 .rainbow-overlay { background: linear-gradient(to right top, #0b8793, #F11712); background: -webkit-linear-gradient(right top, #0b8793, #F11712); background: -moz-linear-gradient(right top, #0b8793, #F11712); background: -ms-linear-gradient(right top, #0b8793, #F11712); background: -o-linear-gradient(right top, #0b8793, #F11712); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b8793', endColorstr='#F11712', GradientType=0 ); } /*----- OVERLAY HOVER -----*/ .hvr-overlay-wrapper:hover .gradient-black-overlay { background: linear-gradient(to top, rgba(0,0,0,0.5) 0%, transparent); background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.5) 0%, transparent); background: -moz-linear-gradient(bottom, rgba(0,0,0,0.5) 0%, transparent); background: -ms-linear-gradient(bottom, rgba(0,0,0,0.5) 0%, transparent); background: -o-linear-gradient(bottom, rgba(0,0,0,0.5) 0 %, transparent); } .hvr-overlay-wrapper:hover .dark-overlay { background: linear-gradient(to right top, rgba(0,0,0,0.8) 0%, transparent 75%); background: -webkit-linear-gradient(right top, rgba(0,0,0,0.8) 0%, transparent 75%); background: -moz-linear-gradient(right top, rgba(0,0,0,0.8) 0%, transparent 75%); background: -ms-linear-gradient(right top, rgba(0,0,0,0.8) 0%, transparent 75%); background: -o-linear-gradient(right top, rgba(0,0,0,0.8) 0 %, transparent 75%); } /*--------------------------------------------------------------- POST FORMAT ICON -------------------------------------------------------------- */ .post-format-icon { background:rgba(0,0,0,0.3); color: #fff; display:inline-block; font-size: 17px; position: absolute; right: 15px; top: 15px; width: 40px; height: 40px; line-height: 36px; border: 2px solid rgba(255,255,255,1); text-align: center; border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%; z-index:1; } .post-format-icon.ti-control-play { padding-left:2px; } .newser-block-list .post-format-icon,.video-playlist .post-format-icon { top: 50%; right: 0; left: 0; transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%); margin: 0 auto; } .post .post-thumb-wrapper img { margin: 0 auto; width: auto; } /*--------------------------------------------------------------- CATEGORY TAG -------------------------------------------------------------- */ .category-tag { display: inline-block; font-size: 10px; left: 15px; line-height: 20px; vertical-align: middle; padding: 0 15px; position: absolute; top: 15px; margin-bottom:5px; } .category-tag:hover,.category-tag:focus,.newser-block .category-tag:hover,.newser-block .category-tag:focus { color:#fff!important; } /*--------------------------------------------------------------- HEADER -------------------------------------------------------------- */ header { background-color:#fff; } header .nav > li > a:focus, header .nav > li > a:hover { background-color:transparent; } .container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header { border:none; margin:0 -15px; } /*--------------------------------------------------------------- HEADER TOP -------------------------------------------------------------- */ .header-top-section { background:#333; min-height:100%; margin:0; border:none; border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0; font-size:12px; } .top-toggle-btn { display: block; float: left; width: 100%; } .navbar-toggle { font-size: 20px; margin: 0; padding: 10px 0; vertical-align: middle; } .menu-inline { list-style: none; margin: 0 -15px; padding: 0; vertical-align: middle; } .menu-inline > li { display: inline-block; float: left; padding-left: 15px; padding-right: 15px; vertical-align: middle; } .header-top-section .navbar-nav.menu-inline > li > a { padding:0; display:inline-block; } .header-top-section .menu-inline > li { line-height: 36px; height:36px; } /*----- NAVBAR CENTER -----*/ .navbar-nav.navbar-center { display: inline-block; float: none; } /*----- HEADER DATE , EMAIL , PHONE -----*/ .header-date:before,.header-top-email:before,.header-top-phone:before,.header-menu-email:before,.header-logo-email:before,.header-logo-phone:before { content: "\e6b6"; display: inline-block; font-family: 'themify'; font-style: normal; font-weight: normal; margin-right: 10px; text-decoration: inherit; vertical-align: middle; } .header-top-email:before,.header-menu-email:before,.header-logo-email:before { content: "\e75a"; } .header-top-phone:before,.header-menu-phone:before,.header-logo-phone:before { font-family: FontAwesome; content: "\f095"; } /*----- HEADER TOP MENU -----*/ .header-top-menu .menu-inline { margin: 0 -7.5px; } .header-top-menu .menu-inline > li { padding: 0 7.5px; } /*----- SOCIAL ICONS -----*/ .header-social-icons.menu-inline,.social-icons.menu-inline { margin:0 -5px; } .header-social-icons.menu-inline > li,.social-icons.menu-inline > li { padding:0 5px; float:none; } .header-social-icons > li > a, .social-icons > li > a { color:#fff; display: inline-block; height: 25px; line-height: 25px; text-align: center; width: 25px; } .header-social-icons > li > a:hover,.header-social-icons > li > a:focus, .social-icons > li > a:hover,.social-icons > li > a:focus { color:#fff; opacity:0.8; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0.8)"; filter: alpha(opacity=0.8); } /*----- SEARCH FORM -----*/ .header-top-section .menu-inline > li.header-top-search { line-height: normal; } .header-top-search .search-form { display:table-cell; vertical-align:middle; } .header-top-search .form-control,.header-top-search .input-group-btn .btn { height:25px; font-size:12px; } .header-top-search .form-control { border: medium none; } .header-top-search .input-group-btn .btn.btn-default { padding:0 10px; border:none; } /*----- HEADER NEWS TICKER -----*/ .header-top-text .news-ticker .news-ticker-title { line-height: inherit; height: inherit; } .header-top-text .news-ticker .easy-ticker-prev, .header-top-text .news-ticker .easy-ticker-next { background:transparent; color:#777; } /*--------------------------------------------------------------- HEADER LOGO SECTION -------------------------------------------------------------- */ .nav > li > a > img { max-width: 100%; } .header-logo-section .adv-wrapper > li { float:none; } .header-logo-section .menu-inline > li { line-height: 140px; } .header-logo-section .menu-inline > li > a { display: inline-block; float: none; height: auto; padding: 0; vertical-align: middle; } /*--------------------------------------------------------------- HEADER MAIN SECTION -------------------------------------------------------------- */ .header-main-section, .mobile-header .mobile-nav-wrapper { background-color:#fff; border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0; border-bottom:1px solid #eee; margin-bottom:0; transition: all ease 0.4s;-webkit-transition: all ease 0.4s;-moz-transition: all ease 0.4s;-o-transition: all ease 0.4s; z-index:99; } .header-main-section .navbar-header { margin: 0; } .header-main-section .navbar-header .navbar-brand,.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { line-height: 50px; margin: 0; padding: 0; } .header-main-section .navbar-brand > img { display:inline-block; vertical-align:middle; } .navbar-brand > img.sticky-logo-img { display:none; } .header-main-section .navbar-nav > li > a { display: inline-block; font-weight: 600; padding: 0; text-transform: uppercase; } .header-main-section .navbar-nav > li > a, .header-main-section .navbar-nav > li > .header-social-icons{ line-height: 50px; } .header-social-icons.menu-inline.social-circle li { vertical-align: unset; } .menu-inline > li.main-menu-wrapper { position:static; } .header-main-section.navbar.typo-white{ border:1px solid transparent; } .header-main-section.sticky-head.header-sticky .sticky-logo-wrapper, .header-main-section.sticky-scroll.show-menu .sticky-logo-wrapper{ display:block; } .header-main-section .sticky-logo-wrapper{ display:none; } /* BOXED NAV MENU */ .layout-boxed .header.container { padding: 0; } .layout-boxed .header-main-section.navbar.sticky-head.header-sticky, .layout-boxed .header-main-section.navbar.sticky-scroll.show-menu{ margin:0 auto; } /*----- DROPDOWN MENU -----*/ .dropdown-menu { border: none; border-top:2px solid; border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);-ms-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -o-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); padding: 0; text-transform:capitalize; transition:none;-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none; } .dropdown .dropdown-menu > li > a { padding: 8px 14px; font-weight:600; } .dropdown-menu > li.current-menu-ancestor > a,.dropdown-menu > li.current-menu-parent > a, .dropdown-menu > li > a:focus,.dropdown-menu > li > a:hover,.dropdown.sub-dropdown:hover > a { color: #fff; } /*--------------------------------------------------------------- STICKY -------------------------------------------------------------- */ .header-main-section.header-sticky, .sticky-scroll.show-menu { position:fixed; left:0; right:0; top:0; } .header-main-section.header-sticky .navbar-header, .header-type-4 .header-main-section .navbar-header { margin: 0 30px 0 0; } .header-main-section.show-menu .navbar-brand > img.sticky-logo-img, .header-sticky .navbar-brand > img.sticky-logo-img { display:inline-block; } /*--------------------------------------------------------------- MEGA MENU -------------------------------------------------------------- */ .dropdown-menu.mega-menu-container { left:0; right:0; margin:0 auto; padding:15px; } .mega-menu .mmenu-list-show { display:none; } .dropdown.mega-menu { position:static; } .mega-sub-title > a { display:block; font-weight:600; font-size:14px; } .mega-menu-container .dropdown-menu, .mega-menu-container .dropdown.sub-dropdown .dropdown-menu { border: none; box-shadow: none;-webkit-box-shadow: none;-moz-box-shadow: none;-ms-box-shadow: none;-o-box-shadow: none; float: none; left: auto; top: auto; opacity: 1; position: relative; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); visibility: hidden; } .mega-menu:hover .mega-menu-container .dropdown-menu { visibility:visible; } .mega-menu-container .dropdown.sub-dropdown:hover > a { background-color: transparent; } /* ----- MEGA MENU TAB ----- */ .mega-menu-container .tab-content { padding: 15px 0 0; } .mega-menu-container .newser-block .col-sm-2 { width:20%; } .mega-menu-container .newser-block.vertical-tab .col-sm-2 { width:25%; } .mega-menu-container .slide-nav { border: none; margin: 15px 0 0; padding-top: 15px; } .mega-menu-container .post-thumb-wrapper,.single-post .mega-menu-container .post-thumb-wrapper { margin-bottom: 10px; } .mega-menu-container .post-title-wrapper > .post-title { line-height: 20px; font-size:16px; } /*--------------------------------------------------------------- FULL SCREEN SEARCH -------------------------------------------------------------- */ .header-main-section .navbar-nav > li > a.srch-clk { font-family: themify, Arial, Helvetica, sans-serif; font-weight:normal; } .full-search-wrapper { background: rgba(0, 0, 0, 0.8); height: 100%; width: 100%; left:0; right:0; position: fixed; display:none; top: 0; z-index: 999; } .full-search-wrapper .search-form { position:absolute; width:50%; left:0; right:0; margin:0 auto; top:50%; transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%); } .full-search-wrapper .search-close { font-size: 30px; position: absolute; right: 30px; top: 30px; } .full-search-wrapper .input-group { width:100%; } .full-search-wrapper .form-control { background:transparent; border-top:none;border-right:none;border-left:none; font-size: 20px; height: auto; padding: 10px 0; color:#fff; } .full-search-wrapper .input-group-btn { width:auto; } .full-search-wrapper .input-group-btn .btn.btn-default { background:transparent; border: none; font-size: 20px; line-height: 45px; padding: 0; position: absolute; top: 0; right: 0; } /*--------------------------------------------------------------- HEADER TYPE 1 -------------------------------------------------------------- */ .header-type-1 .header-main-section .logo-img, .header-type-2 .header-main-section .logo-img, .header-type-4 .header-main-section .logo-img, .header-type-5 .header-main-section .logo-img { display:none; } /*--------------------------------------------------------------- HEADER TYPE 2 -------------------------------------------------------------- */ header.header-type-2, header.header-type-5 { border-bottom:1px solid #eee; } /*--------------------------------------------------------------- HEADER TYPE 4 -------------------------------------------------------------- */ .header-type-4 .menu-inline.logo-wrapper, .header-type-5 .menu-inline.logo-wrapper { width:100%; text-align:center; } .header-type-4 .menu-inline.logo-wrapper > li, .header-type-5 .menu-inline.logo-wrapper > li { float:none; } /*--------------------------------------------------------------- HEADER SKINS -------------------------------------------------------------- */ .header-dark .header-top-section { background-color:#000; } .header-dark, .header-dark .header-main-section, .header-dark .dropdown-menu, .header-dark .header-main-section.header-sticky { background-color:#333; } .header-transparent, .header-semi-transparent { position:absolute; top:0; right:0; left:0; z-index:99; } .header-transparent, .header-dark.header-transparent, .header-transparent .header-top-section, .header-semi-transparent .header-top-section, .header-semi-transparent.header-dark .header-top-section { background-color: transparent; } .header-transparent .header-top-section, .header-transparent .header-main-section { border-bottom: 1px solid rgba(0, 0, 0, 0.2); } .header-dark.header-transparent .header-top-section, .header-dark.header-transparent .header-main-section { border-bottom: 1px solid rgba(0, 0, 0, 0.2); } .header-semi-transparent .header-main-section { border-bottom:none; } .header-semi-transparent, .header-semi-transparent .header-main-section.header-sticky { background:rgba(255,255,255,0.8); } .header-semi-transparent.header-dark, .header-semi-transparent.header-dark .header-main-section.header-sticky { background:rgba(0,0,0,0.8); } /* Theme Dark Header */ .theme-dark .header-dark, .theme-dark .header-dark .header-top-section, .theme-dark .header-dark .header-main-section, .theme-dark .header-dark .dropdown-menu, .theme-dark .header-dark .header-main-section.header-sticky { background-color:#000; } /*--------------------------------------------------------------- HEADER SECONDARY SPACE -------------------------------------------------------------- */ .newser-secondary-space{ background-color: #666; height: 100%; overflow-y: auto; position: fixed; top: 0; width: 300px; z-index: 9999999; padding-top:20px; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -ms-transition: all ease 0.5s; -o-transition: all ease 0.5s; transition: all ease 0.5s; } .newser-secondary-space .newser-secondary-inner{ padding-bottom:50px; } .newser-secondary-space.secondary-left{ left:-100%; } .newser-secondary-space.secondary-right{ right:-100%; } body.logged-in.admin-bar .newser-secondary-space { margin-top: 32px; } .secondary-toggle-parent { display: block; line-height: 50px; } .newser-nav-toggle.secondary-menu-toggle { display: inline-block; vertical-align: middle; position:relative; width: 30px; } .newser-nav-toggle > span { background-color: #000000; display: block; height: 1px; margin: 6px 0; width: 30px; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -ms-transition: all ease 0.5s; -o-transition: all ease 0.5s; transition: all ease 0.5s; } .newser-nav-toggle > span:nth-child(2) { width: 22px; } .newser-nav-toggle.active > span:nth-child(2){ opacity:0; -webkit-opacity:0; -moz-opacity:0; filter: alpha(opacity=0); -khtml-opacity: 0; } .newser-nav-toggle.active > span:last-child { margin: 0; position: absolute; bottom: 5px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .newser-nav-toggle.active > span:first-child { margin: 0; position: absolute; bottom: 5px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .secondary-menu-close { position: absolute; right: 0; top: 10px; } .newser-secondary-inner { margin-top: 34px; } .secondary-menu-wrapper, .secondary-logo-wrapper, .secondary-search-wrapper, .secondary-social-wrapper, .secondary-sidebar-wrapper { padding: 20px; } .secondary-logo .logo-img{ margin:0 auto; } .secondary-space-overlay { background: rgba(0,0,0,0.5); width: 100%; height: 100%; z-index: 999999; top: 0; left: 0; position: fixed; display:none; } .close { position: absolute; right: 20px; top: 0; width: 32px; height: 32px; opacity: 0.3; -webkit-opacity:0.3; -moz-opacity:0.3; filter: alpha(opacity=30); -khtml-opacity: 0.3; } .close:hover { opacity: 1; -webkit-opacity:1; -moz-opacity:1; filter: alpha(opacity=100); -khtml-opacity: 1; } .close:before, .close:after { position: absolute; left: 15px; content: ' '; height: 33px; width: 2px; background-color: #fff; } .close:before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .close:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .secondary-dropdown-toggle{ position: absolute; right: 10px; top: 0; cursor:pointer; padding:5px; } .secondary-menu-wrapper ul.sub-menu, .secondary-menu-wrapper ul.sub-menu ul{ padding-left:10px; } .secondary-menu-wrapper .menu .menu-item { position: relative; } .header-logo-section .secondary-toggle-parent{ line-height:140px; } /*--------------------------------------------------------------- WIDGETS -------------------------------------------------------------- */ .widget { margin-bottom: 60px; position: relative; } .widget:last-child { margin-bottom:0; } .widget.zozo_about_widget img { margin:0 0 30px 0; } /* ----- WIDGET TITLE ----- */ .widget .widget-title { text-transform:uppercase; position:relative; margin: 0 0 45px; } .widget .widget-title:after, .widget .widget-title:before { background: #eee; content: ""; height: 2px; width: 100%; left: 0; bottom: -20px; position: absolute; } .widget .widget-title:before { width: 50px; z-index: 9; } .widget select{ width:100%; color:#777; } /* THEME DARK WIDGET TITLE */ .theme-dark .widget .widget-title:after{ background:#aaa; } /* ----- WIDGET LISTS WITH ICON ----- */ .widget ul { margin-bottom: 0; } .widget ul.children, .widget ul.sub-menu { margin-top: 10px; } .widget.widget_recent_entries ul, .widget.widget_recent_comments ul, .widget.widget_archive ul, .widget.widget_categories ul, .widget.widget_meta ul, .widget.widget_pages ul, .widget.widget_nav_menu ul { margin-bottom:-10px; } .widget.widget_recent_entries ul > li, .widget.widget_recent_comments ul > li, .widget.widget_archive ul > li, .widget.widget_categories ul > li, .widget.widget_meta ul > li, .widget.widget_pages ul > li, .widget.widget_nav_menu ul > li { padding: 0 0 10px 20px; position: relative; } .widget.widget_recent_entries ul > li:before, .widget.widget_recent_comments ul > li:before, .widget.widget_archive ul > li:before, .widget.widget_categories ul > li:before, .widget.widget_meta ul > li:before, .widget.widget_pages ul > li:before, .widget.widget_nav_menu ul > li:before { content: "\e649"; font-family: "themify"; font-size: 10px; font-style: normal; font-weight: 800; position:absolute; left:0; top:2px; text-decoration: inherit; } /*----- RECENT POSTS DATE ----- */ .widget.widget_recent_entries .post-date { display:block; } /*----- CATEGORY AND ARCHIVE POST COUNT ----- */ .widget.widget_categories .cat-item > span, .widget_archive.widget ul > li > span { color: #fff; font-size: 12px; min-width: 25px; padding: 0 5px; text-align: center; transition: all ease 0.4s;-webkit-transition: all ease 0.4s;-moz-transition: all ease 0.4s;-o-transition: all ease 0.4s; } .widget.widget_categories .cat-item:hover > span,.widget.widget_categories .cat-item:focus > span, .widget_archive.widget ul > li:hover > span,.widget_archive.widget ul > li:focus > span { background: #333; } /*----- TAG WIDGET ----- */ .widget .tagcloud { margin-bottom: -5px; } .widget .tagcloud > a,.widget .tagcloud > a:hover, .widget .tagcloud > a:focus { color: #fff; display: inline-block; font-size: 12px !important; height: 28px; line-height: 28px; margin: 0 2.5px 5px 0; padding: 0 10px; } .widget .tagcloud > a:hover, .widget .tagcloud > a:focus { background:#333; } .wpb_widgetised_column.wpb_content_element { margin-bottom:0 !important; } /* CALENDER WIDGET */ .widget_calendar {float: none;} #wp-calendar {width: 100%; } #wp-calendar caption { font-weight: 800; text-align: center; } #wp-calendar thead { font-size: 10px; } #wp-calendar thead th { padding-bottom: 10px;text-align: center; } #wp-calendar tbody { color: #aaa; } #wp-calendar tbody td { background: #f5f5f5;text-align: center; padding:8px;} #wp-calendar tbody td:hover { background: #fff; } #wp-calendar tbody .pad { background: none; } #wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; } #wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px; } #wp-calendar tbody #today a{ color: #fff; } #wp-calendar tfoot tr{border-top:1px;border-bottom:1px;} /*----- END OF WP DEFAULT WIDGETS ----- */ /*--------------------------------------------------------------- ADVANCE POST WIDGETS -------------------------------------------------------------- */ .widget .post-title, .widget .post-image { margin-bottom: 5px; } .widget .post-image .side-noimg { background-color: #f7f7f7; display: block; height: 70px; line-height: 70px; text-align: center; width: 70px; } .zozo_advance_post_widget .post-item-desc p, .zozo_advance_tab_post_widget .post-item-desc p { font-size: 11.5px; line-height: 20px; margin-bottom: 0; } /* ----- COMMENT,DATE,VIEWS,LIKES,RATINGS ----- */ .post-item-comment:before,.post-item-date:before,.post-item-views:before,.post-item-likes:before { content: "\e644"; display:inline-block; font-family: "themify"; font-size: 12px; font-style: normal; font-weight: 400; margin-right: 10px; vertical-align:middle; } .post-item-date:before { content: "\e72b"; } .post-item-views:before { content: "\e63d"; } .post-item-likes:before{ content: "\e634"; } .zozo-star-rating .fa { color:#ffc400; } /* ----- GRID SIZE ----- */ .widget-grid { margin: -7.5px; } .widget-gridw1,.widget-gridw2,.widget-gridw3,.widget-gridw4{ padding:7.5px; } .widget-gridw1 { width:100%; } .widget-gridw2 { width:50%; float:left; } .widget-gridw3 { width:33.3%; float:left; } .widget-gridw4 { width:20%; float:left;} /* ----- OVERLAY AND IMAGE HOVER ----- */ .zozo_advance_post_widget .post-image > a { display: block; overflow: hidden; position: relative; } .zozo_advance_post_widget .widget-grid-item .widget-thumb-overlay { background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.8)); content: ""; height: 100%; width: 100%; opacity:0; filter: alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; transition: all ease 0.4s;-webkit-transition: all ease 0.4s;-moz-transition: all ease 0.4s;-o-transition: all ease 0.4s; visibility:hidden; z-index:1; } .zozo_advance_post_widget .widget-grid-item:hover .widget-thumb-overlay,.zozo_advance_post_widget .widget-grid-item:focus .widget-thumb-overlay { opacity:1; filter: alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; visibility:visible; } .zozo_advance_post_widget .widget-grid-item .post-image img { margin:0; transition: all ease 0.4s;-webkit-transition: all ease 0.4s;-moz-transition: all ease 0.4s;-o-transition: all ease 0.4s; } .zozo_advance_post_widget .widget-grid-item:hover .post-image img { transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); } /* ----- SLIDER STYLE ----- */ .zozo_advance_post_widget .owl-carousel { position:static; } .zozo_advance_post_widget .owl-theme .owl-nav { margin: 0; position: absolute; right: -5px; top: -5px; } /* ----- LIST STYLE ----- */ .zozo_advance_post_widget .list-style .widget-grid-item,.zozo_advance_post_widget .list-style .post-item { width:100%; } .zozo_advance_post_widget .list-style .post-item { display:table; margin-bottom:10px; } .zozo_advance_post_widget .list-style .widget-grid-item:last-child .post-item { margin-bottom: 0; } .zozo_advance_post_widget .list-style .post-item > .post-image,.zozo_advance_post_widget .list-style .post-item > .post-item-desc, .zozo_advance_tab_post_widget .post-item > .post-image,.zozo_advance_tab_post_widget .post-item > .post-item-desc { display:table-cell; vertical-align:top; } .zozo_advance_post_widget .list-style .post-item > .post-image, .zozo_advance_tab_post_widget .post-item > .post-image { width:70px; } .zozo_advance_post_widget .list-style .post-item > .post-item-desc, .zozo_advance_tab_post_widget .post-item > .post-item-desc { padding-left:15px; } .zozo_advance_post_widget .list-style .post-title { margin-top:0; } .zozo_advance_post_widget .list-style .post-item.image-right > .post-image, .zozo_advance_post_widget .list-style .post-item.image-right > .post-item-desc { display:inline-block; float:right; overflow:hidden; text-align:right; } .zozo_advance_post_widget .list-style .post-item.image-right > .post-item-desc { padding:0 15px 0 0 ; } /* ----- SIGNLE TOP ----- */ .advance-widget-single { margin-bottom: 15px; } .zozo_advance_post_widget .advance-widget-single .post-title { font-size: 16px; } /* VC TEXT COLUMN */ .single.single-post .wpb_content_element{margin-bottom:10px;} /*--------------------------------------------------------------- ADVANCE TAB WIDGET -------------------------------------------------------------- */ .zozo_advance_tab_post_widget.widget ul > li, .widget.zozo_author_widget.widget ul > li { padding:0; margin-bottom:15px; } .zozo_advance_tab_post_widget.widget ul > li:last-child, .widget.zozo_author_widget.widget ul > li:last-child { margin-bottom:0; } .zozo_advance_tab_post_widget.widget ul > li:before, .widget.zozo_author_widget.widget ul > li:before { content:none; } .widget .nav.nav-tabs > li { padding:0; display: table-cell; } /*--------------------------------------------------------------- AUTHOR WIDGET -------------------------------------------------------------- */ .zozo_author_widget li{ display: table; } .zozo_author_widget .author-img, .zozo_author_widget .author-meta { display: table-cell; } .zozo_author_widget .author-img img.alignnone{ margin: 5px 0px 20px 0; } .zozo_author_widget .author-meta { padding-left: 15px; vertical-align: top; padding-top: 5px; } .zozo_author_widget .author-meta .author-counts > span { margin-right: 15px; } .author-counts > span > a { display: inline-block; } .zozo_author_widget p.author-url{ font-size: 12px; } .zozo_author_widget .author-name, .zozo_author_widget .author-counts{ margin-bottom: 5px; } /*--------------------------------------------------------------- SOCIAL WIDGET -------------------------------------------------------------- */ .zozo_social_widget .social-widget { margin:0 -4px -10px; } .zozo_social_widget .social-widget > li { display: inline-block; padding: 0 4px 10px; } .zozo_social_widget .social-widget > li > a { color:#fff; display: block; height: 30px; width: 30px; line-height: 30px; text-align: center; } /*--------------------------------------------------------------- SOCIAL COUNTS -------------------------------------------------------------- */ .social-counts > li { display: block; margin-bottom: 10px; } .social-counts > li > a { display: block; font-size: 14px; font-weight: 700; height: 40px; line-height: 40px; padding: 0 10px; } .social-counts > li:last-child > a { margin-bottom:0; } .social-counts > li > a:hover,.social-counts > li > a:focus, .zozo_social_widget .social-widget > li > a:hover,.zozo_social_widget .social-widget > li > a:focus { opacity:0.8; filter: alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; color:#fff; } .social-counts > li > a > .fa { background: rgba(0, 0, 0, 0.1); display: inline-block; height: 25px; width: 25px; line-height: 25px; margin-right: 10px; text-align: center; vertical-align: middle; } .social-counts.modal-1 > li > a,.social-counts.modal-3 > li > a, .social-counts.modal-1 > li > a > .fa,.social-counts.modal-3 > li > a > .fa { color:#fff; } /* ----- MODEL 2 ----- */ .social-counts.modal-2 > li > a,.social-counts.modal-4 > li > a,.social-counts.modal-2 > li > a > .fa,.social-counts.modal-4 > li > a > .fa { background:transparent; } .social-counts.modal-2 > li > a > .fa { font-size: 18px; } /* ----- MODEL 3 ----- */ .social-counts.modal-3 > li,.social-counts.modal-4 > li { display: inline-block; padding: 0 10px 10px 0; margin:0; width: 33.3%; vertical-align:top; } .social-counts.modal-3 > li > a,.social-counts.modal-4 > li > a { display: inline-block; height: auto; width: 100%; line-height: 20px; padding: 15px 10px; text-align: center; } .social-counts.modal-3 > li > a > span,.social-counts.modal-4 > li > a > span { display:block; } .social-counts.modal-3 > li > a > .fa,.social-counts.modal-4 > li > a > .fa { font-size: 25px; margin: 0 auto 5px; height: 45px; width: 45px; line-height: 45px; border-radius: 50%; } .social-counts.modal-3 .follow-redirect-text.pull-right,.social-counts.modal-4 .follow-redirect-text.pull-right { float:none!important; } /*--------------------------------------------------------------- CONTACT INFO -------------------------------------------------------------- */ .zozo_contact_info_widget .contact-widget > p:before { font-family: 'themify'; content: "\e6a8"; display:inline-block; margin-right: 15px; vertical-align: middle; } .zozo_contact_info_widget .contact-widget > p.contact-phone:before { content: "\e621"; } .zozo_contact_info_widget .contact-widget > p.contact-email:before { content: "\e75a"; } /*--------------------------------------------------------------- INSTAGRAM WIDGET -------------------------------------------------------------- */ .instagram-widget-section,.footer-widget-section { margin-bottom: 20px; } .widget .instagram-pics { margin:0 -5px; } .widget .instagram-pics li { display: inline-block; height: 50px; width: 60px; padding: 0 5px; } .widget .instagram-pics li .insta-footer-img { background-position:center; height:100%; width:100%; background-size:cover;-webkit-background-size:cover;-moz-background-size:cover; -ms-background-size:cover;-o-background-size:cover; } .instagram-pics.instagram-size-thumbnail li { height: 100px; width: 110px; } .instagram-pics.instagram-size-large li { height: 200px; width: 20%; } /* Instagram Hover Effects */ .widget .instagram-pics.instagram-size-large > li > a div.insta-footer-img{ position: relative; overflow:hidden; } .instagram-pics.instagram-size-large > li > a div.insta-footer-img:before { position: absolute; top: 0; left: -75%; z-index: 2; display: block; content: ''; width: 50%; height: 100%; background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); } .instagram-pics.instagram-size-large > li > a div.insta-footer-img:hover:before { -webkit-animation: shine .75s; animation: shine .75s; } @-webkit-keyframes shine { 100% { left: 125%; } } @keyframes shine { 100% { left: 125%; } } /* Footer Widget Tab */ .footer-widget-section .widget .nav.nav-tabs > li{display:inline-block;} .footer-widget-section .widget .more-tab-dropdown li{background:#333;} .footer-widget-section .widget .more-tab-dropdown li a{color:#fff;} /*--------------------------------------------------------------- MAIL CHIMP WIDGET -------------------------------------------------------------- */ .widget.newser_mailchimp_widget .zozo-mc-form { padding:15px;} .widget.newser_mailchimp_widget .zozo-mc-form .zozo-mc-subtitle { margin-bottom:15px;} .theme-dark .widget .zozo-mc-form.black-bg{background:#000;} /*--------------------------------------------------------------- TWITTER WIDGET -------------------------------------------------------------- */ .widget.zozo_tweets_widget .tweet-user-name > a,.widget.zozo_tweets_widget .tweet-user-name > .twitter-profile { display: inline-block; vertical-align: middle; } .widget.zozo_tweets_widget .tweet-user-name > a { margin-right: 10px; width: 30px; } .widget.zozo_tweets_widget .twitter-profile-name { margin-bottom:0; } .widget.zozo_tweets_widget .tweet-user-name > .twitter-profile .tweet-time { font-size: 12px;} .widget.zozo_tweets_widget .tweet-item ul.twitter-box { margin-bottom:-20px; } .widget.zozo_tweets_widget .tweet-item { margin-bottom: 20px; } /*--------------------------------------------------------------- FOOTER -------------------------------------------------------------- */ .footer { background-color:#f7f7f7; padding:50px 0 0; position:relative; color:#333; } .footer .widget { margin-bottom:30px; box-shadow: none;-webkit-box-shadow: none;-moz-box-shadow: none;-ms-box-shadow: none;-o-box-shadow: none; padding:0; } .footer .widget a { color: #333; } /* ----- FOOTER COPYRIGHT ----- */ .footer .footer-copyright-section { padding:25px 0; border:none; } .footer-copyright-section a, .footer-copyright-section p { font-size: 14px; } /* ----- BACK TO TOP ----- */ #back-to-top.affix { position: fixed; right: 30px; bottom: 10%; z-index:9999; } #back-to-top > a { color:#fff; display: block; font-size: 12px; height: 30px; width: 30px; line-height: 30px; text-align: center; } #back-to-top > a:hover,#back-to-top > a:focus { opacity:0.8; filter: alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; } /* ----- FOOTER DARK ----- */ .footer.footer-dark { background-color:#080808; } .footer.footer-dark, .footer.footer-dark p { color:rgba(255, 255, 255, 0.6); } .footer.footer-dark a { color:#fff; } .footer.footer-dark .widget .widget-title:after { background-color:rgba(255, 255, 255, 0.15);} .footer.footer-dark .footer-copyright-section { border-top-color:rgba(255, 255, 255, 0.15);} /*--------------------------------------------------------------- VC ROW -------------------------------------------------------------- */ .vc_row { padding:30px 0; } .vc_column-inner .vc_row:last-child { padding-bottom: 0;} .vc_column-inner .vc_row:first-child { padding-top: 0;} .vc_row:last-child {padding-bottom:0;} /*--------------------------------------------------------------- NEWS TICKER -------------------------------------------------------------- */ .news-ticker-title { display: inline-block; float: left; font-weight: 600; height: 25px; margin-right: 15px; padding: 0 15px; vertical-align: middle; } .news-ticker-slide { padding-right: 75px; position: relative; text-align: left; } .news-ticker-category { display: inline-block; } .easy-ticker-prev,.easy-ticker-next { color: #ffffff; cursor: pointer; font-size: 14px; position: absolute; right: 0; top: 50%; text-align: center; transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%); line-height: 24px; } .easy-ticker-prev { right:35px; } /*--------------------------------------------------------------- POST BANNER -------------------------------------------------------------- */ .banner-grid-item { position:relative; } .newser-news .post.newser-block-post { padding-bottom:20px; } /* ----- BANNER OVERLAY ----- */ .banner-post-grid:hover .banner-grid-thumb img,.banner-post-grid:focus .banner-grid-thumb img, .mblock26 .newser-block-post:hover .post-thumbnail,.mblock27 .newser-block-post:hover .post-thumbnail, .related-post-grid:hover .post-thumb-wrapper img,.related-post-grid:focus .post-thumb-wrapper img /* RELATED POSTS */ { transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); } .banner-grid-thumb img { min-height:130px; } .owl-carousel .owl-item .banner-author img{width:auto; margin:0 auto;} /* ----- BANNER DETAILS & POSITIONS ----- */ .banner-post-grid .banner-grid-details { padding: 15px; position: absolute; top:auto; right: 0; bottom: 0; left: 0; } /* ----- MIDDLE ----- */ .banner-post-grid.details-middle .banner-grid-details { bottom:auto; top:50%; transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%); } /* ----- TOP ----- */ .banner-post-grid.details-top .banner-grid-details { top:0; bottom:auto; } /* ----- CATEGIRY & TAG ----- */ .banner-grid-item .category-tag { position:static; } /* ----- TITLE ----- */ h3.banner-post-title,h5.banner-post-title,.post-featured h4.post-title { margin-bottom:0; font-weight:bold; } h3.banner-post-title a:hover, h5.banner-post-title a:hover, h4.banner-post-title a:hover, .newser-block-overlay .post-title a:hover, p.banner-author-meta a:hover{ color:#fff; } .newser-block-post .newser-block-overlay h4.post-title a:hover, .newser-block-post .newser-block-overlay .post-meta-wrapper .post-author a > span.author-name:hover, .newser-block-post .newser-block-overlay .post-meta-wrapper .post-date a{ color:#fff; } .banner-grid-details.text-right .banner-post-title { margin-left: 20%; } .banner-grid-details.text-left .banner-post-title { margin-right: 20%; } /* ----- AUTHOR & DATE ----- */ .banner-author-meta { margin:0 -15px; } .banner-author-meta > a { padding:0 15px; font-size:12px; } /* ----- POST FORMAT ICON ----- */ .banner-grid-item .banner-grid-details .post-format-icon { background: transparent; border: medium none; bottom: 15px; font-size: 25px; top: auto; } .banner-grid-item .banner-grid-details.text-center .post-format-icon { position: static; display: block; margin: 0 auto; } .banner-grid-item .banner-grid-details.text-right .post-format-icon { right:auto; left:0; } .banner-grid-item .banner-grid-details .post-format-icon, .banner-post-title a{ text-shadow: 0 0 5px rgba(0,0,0,0.2); } .banner-grid-100x100 .banner-grid-thumb img { transform: translateY(-15%);-webkit-transform: translateY(-15%);-moz-transform: translateY(-15%);-ms-transform: translateY(-15%);-o-transform: translateY(-15%)%; } /* ----- BANNER SLIDER ----- */ .owl-banner.owl-theme .owl-nav > div { border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%; height:35px; width:35px; line-height:43px; padding:0; color:#ffffff; } .owl-banner.nav-wide.owl-theme .owl-nav > div:hover, .owl-banner.nav-wide.owl-theme .owl-nav > div:focus { background:#fff; color:#333; } .demo-intro-banner .owl-banner.owl-theme .owl-nav > div{ line-height:33px; } /*--------------------------------------------------------------- POST STYLES -------------------------------------------------------------- */ .post.post-grid,.post .post-thumb-wrapper { position:relative; } .post.post-grid,.post.standard-layout, .page.post-grid,.page.standard-layout { margin-bottom: 60px; } .post-thumb-wrapper,.post-meta-wrapper,.post-content-wrapper { margin-bottom:15px; } .sticky-icon { font-size: 22px; position: absolute; right: 5px; top: 3px; } /* ----- META WRAPPER ----- */ .post-meta.list-inline { margin:0 -10px; display:inline-block; } .post-meta.list-inline > li { padding-left: 10px; padding-right: 10px; vertical-align:middle; } .post-meta.list-inline > li:nth-child(n+3) { float: right; } .post-meta-wrapper .post-meta > li > a,.post-meta-wrapper .post-meta > li > a .author-name { display: inline-block; vertical-align: middle; } .post-meta-wrapper .post-author .avatar { border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%; display: inline-block; margin: 0 10px 0 0; vertical-align: middle; } .post-rating i { color: #ffc400; } /* ----- GRID WIDTHS ----- */ .grid-itemw4{ width:23%;} .grid-itemw3{ width:31.333%} .grid-itemw2{ width:48%;} .grid-itemw1{ width:100%;} /* ----- META ICONS ----- */ .post-meta-wrapper .post-date:before,.banner-author-meta .banner-date:before, .post-meta-wrapper .post-author.with-icon:before,.banner-author-meta .author-link:before, .post-meta-wrapper .post-comment:before, .post-meta-wrapper .post-category:before, .post-meta-wrapper .post-read-more:after { content: "\e6b6"; font-family: "themify"; margin-right: 10px; vertical-align: middle; } .post-meta-wrapper .post-comment:before { content: "\e644"; } .post-meta-wrapper .post-category:before { content: "\e639"; } .post-meta-wrapper .post-author.with-icon:before,.banner-author-meta .author-link:before { content: "\e602"; } .post-meta-wrapper .post-read-more:after { content: "\e649"; font-size: 8px; font-weight: 800; margin: 4px 0 0 5px; } /* ----- TAGS ----- */ .post-meta-wrapper .post-tags > span { color: #fff; display:inline-block; font-size: 12px; height: 20px; line-height: 20px; margin-right: 15px; padding: 0 10px; } .post-meta-wrapper .post-meta > li.post-tags > a { border: 1px solid #eee; height: 20px; line-height: 18px; padding: 0 15px; margin-right: 5px; } .entry-summary { word-wrap: break-word; } /* ----- META ICONS ----- */ .post-meta-wrapper .post-likes > span { cursor: pointer; position:relative; color:inherit; opacity:0.5; filter: alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; } .post-meta-wrapper .post-likes > span:hover,.post-meta-wrapper .post-likes > span.post-liked { opacity:1; filter: alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; } .post-meta-wrapper .post-likes .tooltip-inner { min-width: 50px; } /* ----- LIKE ANIMATION ----- */ @-webkit-keyframes like-effect { 0% { opacity: 1; } 100% { opacity: 0; transform: scale(2); -webkit-transform: scale(2); -ms-transform: scale(2); -o-transform: scale(2); } } @keyframes like-effect { 0% { opacity: 1; } 100% { opacity: 0; transform: scale(2); -webkit-transform: scale(2); -ms-transform: scale(2); -o-transform: scale(2); } } .post-meta-wrapper .post-likes > span:after { content: "\f004"; position: absolute; left:0; right:0; font-family: FontAwesome; opacity: 0; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .post-meta-wrapper .post-likes > span.post-liked:after { animation-name: like-effect; -webkit-animation-name: like-effect; animation-timing-function: ease-out;-webkit-animation-timing-function: ease-out; } /* ----- LIST POST ----- */ .post.post-list { margin-bottom:30px; } .post.post-list:last-child { margin-bottom: 0; } .post.post-list .post-list-thumb,.video-playlist .video-poster { float:left; margin-right: 15px; } .video-playlist .video-poster{ width:36%; } .post.post-list .post-list-content,.video-playlist .video-content { overflow: hidden; } .post.post-list .post-thumb-wrapper { margin:0; } .post-list .list-layout .entry-summary{ margin-bottom:10px; } /*--------------------------------------------------------------- POST BLOCK -------------------------------------------------------------- */ /* ----- GRID ----- */ .newser-block .newser-news .row { margin-bottom: 30px; } .newser-block .newser-news .row:last-child { margin-bottom: 0; } .newser-block .newser-block-overlay { position:absolute; bottom:0; padding: 10px 15px; width:100%; } .newser-block .post .newser-block-overlay .post-title, .newser-block .post .newser-block-overlay .post-meta-wrapper { margin-bottom:5px; } .newser-block .post .newser-block-overlay > div:last-child { margin-bottom: 0; } .post-grid.newser-block-post { margin-bottom: -15px; } .newser-block .post-title-wrapper h4.post-title { line-height: 28px; } .newser-block .post-meta-wrapper .post-meta { display:block; } /* ----- LIST ----- */ .newser-block-list .post-list .post-title-wrapper h5.post-title, .video-playlist .post-title-wrapper h5.post-title { font-size:14px; margin-bottom:5px; } .newser-block-list .post-list .post-meta-wrapper { margin-bottom: 0; } .newser-block-list.big-list .post-list .post-meta-wrapper{ margin-bottom: 15px; } /* ----- BLOCK TITLE ----- */ p.newser-block-title { position:relative; margin-bottom:30px; z-index:1; } .newser-block-title:before { background-color: #eee; bottom: 0; content: ""; height: 2px; left: 0; position: absolute; width: 100%; z-index: -1; } .newser-block-title > span { color: #fff; display: inline-block; font-size: 12px; font-weight: 800; height: 25px; line-height: 25px; padding: 0 15px; vertical-align: middle; } .newser-block-tab p.newser-block-title { margin-bottom:0; } .newser-block-tab .newser-block-title:before { content: none; } /* Theme Dark Newser Block Title */ .theme-dark .newser-block-title:before{background-color:#aaa;} /* ----- BLOCK SLIDE ARROWS ----- */ .slide-nav { direction: ltr; border-top: 1px solid #eeeeee; margin: 30px 0 0; padding-top: 30px; } .slide-nav > li { padding:0 5px 0 0; } .slide-nav > li:last-child { padding:0;} .slide-nav > li > a,.slide-nav > li > a:hover,.slide-nav > li > a:focus { color: #fff; cursor: pointer; display: inline-block; height: 25px; line-height: 24px; text-align: center; width: 25px; } .theme-dark .slide-nav > li > a:hover, .theme-dark .slide-nav > li > a:focus { background: #e5192c; opacity: 0.8; } .slide-nav > li > a:hover,.slide-nav > li > a:focus { background:#333; } /* ----- RIGHT ----- */ .nav-right .slide-nav { text-align:right; } /* ----- CENTER ----- */ .nav-center .slide-nav { text-align:center; } /* ----- TOP ----- */ .nav-top .tab-content { padding-top:75px; } .nav-top .slide-nav { border-bottom: 1px solid #eee; border-top: medium none; margin: 0 0 30px; padding: 30px 0; position: absolute; top: 0; width: 100%; } .slide-nav > li > a.disabled{ opacity:0.5; cursor:default; } /* TAB BLOCK */ .newser-block-tab .nav-tabs .hidden-more{ display:none; } /* TAB BLOCK */ .news-slide-loader { display:none; z-index: 1; } .news-slide-loader > img { top: 50%; right: 0; left: 0; position: absolute; margin: 0 auto; transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%); } /* ----- LOAD MORE / INFINATE SCROLLING ----- */ .newser-load-more { border: 1px solid #eee; border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0;-ms-border-radius: 0;-o-border-radius: 0; } .type-load-more img { display:none; } .newser-block .newser-news { margin-bottom: 30px; } .newser-block .newser-news:last-child { margin-bottom: 0; } /* ----- VIDEO PLAYLIST ----- */ .video-playlist-outer { position:relative; padding-top:35px; } .video-playlist-slide { width: 100%; background: #f7f7f7; } .video-playlist { padding:10px; transition: all ease 0.4s;-webkit-transition: all ease 0.4s;-moz-transition: all ease 0.4s;-o-transition: all ease 0.4s; } .video-playlist .post-thumb-wrapper { cursor:pointer; } .video-playlist-nav .easy-ticker-prev,.video-playlist-nav .easy-ticker-next { top:0; transform: none;-webkit-transform: none;-moz-transform: none;-ms-transform: none;-o-transform: none; } /* Playlist 2 */ .video-playlist-nav .easy-ticker-prev, .video-playlist-nav .easy-ticker-next{ top:5px; } /* Playlist 3 */ .player-type-3 .video-playlist-slide .video-playlist .video-content { padding: 5px 0; } .player-type-3 .video-playlist-slide .video-playlist .video-poster { float: none; margin: 0; } .player-type-3 .video-playlist-slide.nav.navbar-nav{ text-align: center; margin:0 auto; } .player-type-3 .video-playlist-slide.nav.navbar-nav li{ float: none; display: inline-block; text-align:left; margin-right:10px; white-space:normal; } .player-type-3 .video-playlist-outer{ padding-top:0px; } .player-type-3 .video-playlist-slide.nav.navbar-nav li, .player-type-3 .video-playlist-slide .post-list-thumb img{ width:150px; } .player-type-3 .video-playlist-slide .post-list-content .list-inline li{ width:auto; } .player-type-3 .video-playlist-slide{ padding:30px 30px 0; overflow:auto; white-space:nowrap; } .player-type-3 .video-playlist-wrapper { overflow: auto; white-space: nowrap; } /*--------------------------------------------------------------- SINGLE POST -------------------------------------------------------------- */ .page-inner-wrapper { padding:0 0 60px; background:#fff; } .post.single-post .adv-wrapper, .post.single-post .post-thumb-wrapper, .post.single-post .post-share-wrapper, .post.single-post .post-content-wrapper, .single-post .single-fullwidth-post-items, .post-col.single-post .post-share-wrapper{ margin-bottom:30px; } .post.single-post .post-meta-wrapper { margin-bottom:25px; } .single-post .wp-post-image { margin:0 auto; } .single-post .post-content-wrapper { padding-bottom:30px; border-bottom:1px solid #eee; } .post.single-post .post-title{margin-bottom:15px;} /* ----- SOCIAL SHARE ----- */ .single-post .post-share-wrapper .social-icons > li > a { height: 30px; width:auto; line-height: 30px; padding: 0 5px; } .single-post .post-share-wrapper .social-icons > li > a > i { background: rgba(0, 0, 0, 0.1); height: 20px; line-height: 20px; text-align: center; width: 20px; } .single-post .post-share-wrapper .social-icons > li > a > span { margin-left: 6px; } .single-post .post-meta-wrapper .post-meta { display:inline-block; margin-bottom:10px; } .single-post.post .post-meta.list-inline > li:nth-child(n+3) { float: none; } .author-info-wrapper,.related-slider-wrapper,.comments-wrapper,.post-nav-wrapper { margin-bottom:60px; } .comments-wrapper .comments li.comment:last-child{ margin-bottom:40px; border-bottom:0; } /* ----- AUTHOR INFO ----- */ .author-info-wrapper .media-left.author-avatar { padding-right: 15px; } .author-info-wrapper .media-left.author-avatar img { max-width: unset; margin:0; border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%; } .author-info-wrapper .author-info { border:1px solid #eee; padding:15px; } .author-info .author-meta .author-url,.author-bio p { margin-bottom:10px; } /* ----- POST REVIEW ----- */ .reviews-wrapper { margin-bottom: 60px; } .reviews-wrapper .panel.panel-default { border-color:#eee; border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0; box-shadow: none;-webkit-box-shadow: none;-moz-box-shadow: none;-ms-box-shadow: none;-o-box-shadow: none; } /* Theme Dark */ .theme-dark .reviews-wrapper .panel.panel-default { border-color:#444; } .theme-dark .panel { background-color: #222; } /* ----- RELATED POST SLIDER ----- */ .related-slider-wrapper .related-posts > h4 { margin-bottom:30px; } .post.post-grid.related-post-grid, .post.standard-layoutrelated-post-grid { margin-bottom:30px; } .owl-carousel-relpost { margin-bottom:-30px; } .post.single-post .related-post-grid .post-thumb-wrapper { margin-bottom:0; } .related-post-grid .related-details-wrapper { bottom: 15px; padding: 15px; position: absolute; width: 100%; } .related-post-grid .related-details-wrapper .category-tag { position:static; } .related-post-grid .related-details-wrapper .post-title { margin-bottom:0; font-size: 15px; } .post.single-post .related-post-grid .post-title{ font-size:20px; line-height:25px; } .related-slider-wrapper .related-posts .post-grid.newser-block-post{ margin-bottom: 30px; } /* ----- POST COMMENTS ----- */ .comments-wrapper .comments .comment { padding-bottom:8px; border-bottom:1px solid #eee; margin-bottom:18px; } .comment-meta { margin-bottom: 0; } .comments-wrapper .comments .comment-text .author { font-weight:800; margin-right: 15px; } .comments-wrapper .comments .comment-text .reply,#cancel-comment-reply-link { float:right; font-weight:800; } .comments-wrapper .comments .comment-text .reply:before { font-family: 'themify'; content: "\e6bc"; } .comments-wrapper .comments .depth-5 .comment-text .reply:before { content:none; } .comments-wrapper .comments .children { margin-left:50px; } .comment-meta-wrapper ul{ padding-left:0 !important; margin-bottom: 0px!important; } .comment-meta-wrapper ul li{ margin-bottom: 0px!important; } .comment-like-wrapper .comment-like { color:#333; } .comment-like-wrapper .comment-like ,.comment-like-wrapper .comment-liked { cursor:pointer; } .comments .comment-respond { background: #f7f7f7; margin-bottom: 15px; padding: 20px 15px; } .comments-wrapper .comment-author-zozo_user .media-left.author-img img{ max-width:none; margin-right:5px; } .comments-wrapper .comment-respond .comment-reply-title small a{line-height:30px;} /* ----- POST NAVIGATION ( NEXT & PREV POST ) ----- */ .post-navigation .nav-links { display: table; width: 100%; } .post-navigation .post-nav-pre, .post-navigation .post-nav-next { display: table-cell; padding: 10px 0px; width: 50%; } .post-nav-next > a > i { font-size: 11.5px; padding-left: 5px; } .post-nav-pre > a > i { font-size: 11.5px; padding-right: 5px; } .nav-links > div:nth-child(2) { border-left: none; } .post-navigation .post-nav-next { text-align:right; } .post-navigation .post-nav-pre span, .post-navigation .post-nav-next span { display: block; position:relative; color: #aaaaaa; font-size: 14px; margin-bottom: 10px; } .post-navigation .post-nav-pre span:before, .post-navigation .post-nav-next span:after { content: "\e64a"; font-family: 'themify'; left: -19px; top: 0px; position: absolute; font-size:10px; } .post-navigation .post-nav-next span:after { content: "\e649"; left: auto; right: -19px; } /* ----- PARALLAX TITLE WRAPPER ----- */ .parallax-title-wrapper { background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover; padding-top: 300px; } .parallax-title-wrapper .parallax-container { background:#fff; padding-top:15px; position:relative; } .parallax-title-wrapper.bg-bottom-spacing { margin-bottom:60px; } /*Theme Dark */ .theme-dark .parallax-title-wrapper .parallax-container { background:#333; } /* ----- SINGLE POST TYPE 3 ----- */ .post-template-3 .parallax-title-wrapper ,.post-template-4 .parallax-title-wrapper { margin-bottom: 60px; } .post-template-3 .parallax-container,.post-template-4 .parallax-container { background:transparent; } /* ----- SINGLE POST TYPE 4 ----- */ .post-template-4 .parallax-container { transition: all ease 0.4s;-webkit-transition: all ease 0.4s;-moz-transition: all ease 0.4s;-o-transition: all ease 0.4s; opacity:0; filter: alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; transform:translateY(20px);-webkit-transform:translateY(20px);-moz-transform:translateY(20px);-ms-transform:translateY(20px);-o-transform:translateY(20px); } .post-template-4 .parallax-title-wrapper:hover .parallax-container { opacity:1; filter: alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0); } /* ----- SINGLE POST TYPE 5 ----- */ .post-thumb-inner-wrapper,.post-featured .post-thumb-inner-wrapper, .post-thumb-wrapper .single-post-overlay { right: 15px; bottom: 15px; left: 15px; display: block; padding: 15px; position: absolute; } .post-thumb-wrapper .single-post-overlay.transparent-bg, .post-thumb-inner-wrapper.transparent-bg { background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, transparent); background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.8) 0%, transparent); background: -moz-linear-gradient(bottom, rgba(0,0,0,0.8) 0%, transparent); background: -ms-linear-gradient(bottom, rgba(0,0,0,0.8) 0%, transparent); background: -o-linear-gradient(bottom, rgba(0,0,0,0.8) 0 %, transparent); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000', GradientType=0 ); right: 0; bottom: 0; left: 0; } .post.single-post .post-thumb-inner-wrapper .post-meta-wrapper, .post.single-post .post-thumb-wrapper .single-post-overlay .post-meta-wrapper, .post.single-post .post-thumb-inner-wrapper .post-meta-wrapper .post-meta { margin:0; } /* ----- VIDEO ----- */ .zozo-video-frame, .video-player { height: 0; padding-bottom: 435px; position: relative; } .zozo-video-frame > iframe, .video-player > iframe { background:#000; border:none; height: 100%; width: 100%; left: 0; right: 0; position: absolute; } .video-item > li { border-bottom: 1px solid #eee; margin-bottom: 10px; padding-bottom: 10px; } /*--------------------------------------------------------------- SINGLE POST TYPO STYLES -------------------------------------------------------------- */ .dropcap { display: inline-block; float: left; font-size: 60px; line-height: 60px; padding: 0 10px 0 0; } .single.single-post .entry-summary ol, .entry-summary ul, .page-template-default.page .entry-content ol, .comment-text ul, .comment-text ol{ padding-left:40px; } .single.single-post .entry-summary ol > li , .page-template-default.page .entry-content ol > li, .comment-text ol > li{ list-style: decimal; margin-bottom: 10px; } .entry-content h2, .entry-content h1, .entry-content h3, .entry-content h4{ margin-top: 20px; } .single.single-post .entry-summary ul > li , .comment-text ul > li { list-style: disc; margin-bottom: 10px; } .single.single-post .entry-summary p:last-of-type { margin-bottom:10px; } .single.single-post .entry-summary strong,.single.single-post .entry-summary em,.single.single-post .entry-summary del { color:#333; } .single.single-post .entry-summary blockquote { border-left: none; color: #333; font-family: georgia; font-style: italic; line-height: 30px; padding: 20px; } .single.single-post .entry-summary blockquote:before { font-family: FontAwesome; font-size:30px; content: "\f10d"; color:#ccc; font-style: normal; } .highlight-text,a.highlight-text:hover,a.highlight-text:focus { color: #fff; padding: 0 5px; } .single.single-post .breadcrumb-wrapper .breadcrumb{margin-bottom:0px;} /* Theme Dark */ .theme-dark .single-post .entry-summary strong, .theme-dark .single-post .entry-summary em, .theme-dark .single-post .entry-summary del { color:#eee; } .entry-summary table, .entry-content table, .comment-text table{ margin-bottom:20px; } /*--------------------------------------------------------------- CATEGORY AND ARCHIVE PAGE -------------------------------------------------------------- */ .post-content .newser-banner { margin-bottom:60px; } /*--------------------------------------------------------------- 404 PAGE -------------------------------------------------------------- */ .page-404 { padding:60px 0; } .page-404 h1,.page-404 img { margin-bottom:60px; } /*--------------------------------------------------------------- AUTHOR PAGE -------------------------------------------------------------- */ .page-title-wrapper .author-info-wrapper { margin-bottom:0; } .page-title-wrapper .author-info { border:none; padding:15px 0 0 0; } /*--------------------------------------------------------------- WOOCOMMERCE -------------------------------------------------------------- */ /* WOOCOMMERCE NAVIGATION MINI CART */ .mini-cart-items table { width: 250px;} .mini-cart-items tr { position:relative; border-bottom:1px solid #eee; } .mini-cart-items .product-thumbnail, .mini-cart-items .product-name, .mini-cart-items .product-remove { vertical-align:middle; border:none; } .mini-cart-items .product-thumbnail { max-width:80px; } .mini-cart-items .product-thumbnail img { max-width:100%; height:auto; } .mini-cart-items .remove-item-overlay { left: 0; right: 0; top: 50%; position: absolute; transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%); display:none; } .mini-cart-items .product-name > a { font-weight: 700; } .mini-cart-items .mini-view-cart { padding-bottom: 15px; } /* WOOCOMMERCE BUTTON STYLES */ .mini-cart-items .mini-view-cart > a, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt { background-image: none; border: 1px solid transparent; border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0; color:#fff; cursor: pointer; display: inline-block; font-size: 14px; font-weight: 400; line-height: 1.42857; margin-bottom: 0; padding: 6px 12px; text-align: center; vertical-align: middle; } .mini-cart-items .mini-view-cart > a:hover,.mini-cart-items .mini-view-cart > a:focus, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover { color:#fff; background:#333; } .dropdown.mini-cart-items .dropdown-menu p.text-center{padding:10px;} /* WOOCOMMERCE FORM STYLES */ .woocommerce select, .woocommerce textarea, .woocommerce input,.select2-container .select2-choice { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #eee; width:auto; -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } /* WOOCOMMERCE PRODUCTS */ .woocommerce ul.products { padding: 45px 0; } .woocommerce ul.products li.product h3 { font-size: 16px; line-height: 20px; } .woocommerce ul.products li.product .price { font-size: 16px; line-height: 25px; font-weight: 700; } .woocommerce .star-rating,.woocommerce p.stars a { color:#ffc400; } .woocommerce ul.products li.product .price del,.woocommerce ul.products li.product .price ins { display:inline-block; } .woocommerce span.onsale { margin: -20px -5px 0 0 !important; height:40px; width:40px; line-height:40px; padding: 0; } .woocommerce a.added_to_cart { margin-left: 15px; vertical-align: middle; } .footer-widget-section .woocommerce ul.product_list_widget li { padding: 0 0 5px; } /* WOOCOMMERCE PAGINATION */ .woocommerce nav.woocommerce-pagination ul.page-numbers { vertical-align: middle; margin: 0 -5px 60px; border:none; } .woocommerce nav.woocommerce-pagination ul.page-numbers > li { display: inline-block; padding: 0 5px; vertical-align: middle; border:none; } .woocommerce nav.woocommerce-pagination ul.page-numbers > li > a, .woocommerce nav.woocommerce-pagination ul.page-numbers > li > span { border:none; color: #fff; height: 30px; width: 30px; line-height: 30px; text-align:center; padding: 0; } .woocommerce nav.woocommerce-pagination ul.page-numbers > li > a.current, .woocommerce nav.woocommerce-pagination ul.page-numbers > li > span.current { background-color:#333; } .woocommerce nav.woocommerce-pagination ul.page-numbers > li > a:focus, .woocommerce nav.woocommerce-pagination ul.page-numbers > li > a:hover, .woocommerce nav.woocommerce-pagination ul.page-numbers > li > span:focus, .woocommerce nav.woocommerce-pagination ul.page-numbers > li > span:hover { background:#333; color:#fff; } /* WOOCOMMERCE SINGLE PAGE */ .woocommerce.single-product div.product .product_title, .woocommerce.single-product div.product .woocommerce-product-rating, .woocommerce.single-product div.product .entry-summary .price, .woocommerce.single-product div.product .entry-summary p, .woocommerce.single-product div.product .entry-summary .cart { margin-bottom:15px; } .woocommerce.single-product div.product .woocommerce-Price-amount { font-size: 20px; font-weight: 700; } .woocommerce div.product form.cart div.quantity { margin: 0 15px 0 0; } .woocommerce.single-product span.onsale { margin: -15px 0 0 -15px !important; } /* SINGLE PAGE TAB */ .woocommerce div.product .woocommerce-tabs { margin-bottom:60px; } .woocommerce div.product .woocommerce-tabs ul.tabs { padding: 0; margin:0; border:none; } .woocommerce div.product .woocommerce-tabs ul.tabs:before { border:none; } .woocommerce div.product .woocommerce-tabs ul.tabs li { background:#f7f7f7; border-color:#eee; border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0; margin:0; } .woocommerce div.product .woocommerce-tabs ul.tabs li a { border-color:#eee; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active,.woocommerce div.product .woocommerce-tabs ul.tabs li.active a:hover { border-color: #eee; color:#333; } .woocommerce div.product .woocommerce-tabs ul.tabs li:after, .woocommerce div.product .woocommerce-tabs ul.tabs li:before { display:none; } .woocommerce div.product .woocommerce-tabs .panel { border: 1px solid #eee; padding: 20px 15px; border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0; margin:0; } .woocommerce #reviews #comments ol.commentlist li img.avatar { width: 60px; } .woocommerce #reviews #comments ol.commentlist li .comment-text { border-color: #eee; border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0; margin: 0 0 0 75px; } /* CART PAGE */ .woocommerce table.shop_table { border: 1px solid #eee; border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0; margin-bottom: 30px; } .woocommerce table.shop_table th { padding: 10px 15px; } .woocommerce table.shop_table td { padding: 6px 15px; } .woocommerce table.shop_table th { color: #333; } /* CHECK OUT */ #add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods { border-color:#eee; } #add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment { background: #f7f7f7; border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0; } .woocommerce-thankyou-order-details.order_details { border: 1px solid #eee; margin-bottom: 30px; padding: 15px; } /* WOOCOMMERCE SHOP PAGE */ .woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img{ width:60px; } .woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a{ margin-bottom:5px; } .woocommerce ul.products { padding: 20px 0 0; } .woocommerce-product-search label.screen-reader-text{display:none;} .woocommerce select, .woocommerce textarea, .woocommerce input, .select2-container .select2-choice{display:inline-block;} .woocommerce-product-search .search-field{width:70%;} .woocommerce-product-search input[type="submit"]{width:29%; background:#e5192c; color:#fff; border-color: #e5192c;} .woocommerce div.product form.cart .variations label { color: #666666; font-size: 15px; font-weight: 400; line-height: 30px; } .woocommerce input.input-radio {height:0;} /*--------------------------------------------------------------- LOGIN POP UP -------------------------------------------------------------- */ .newser-login-parent { position: fixed; text-align:left; height: 100%; width: 100%; background: rgba(0,0,0,0.7); left: 0; top: 0; opacity:0; visibility:hidden; z-index: 999999; transition: all ease 0.3s;-webkit-transition: all ease 0.3s;-moz-transition: all ease 0.3s;-o-transition: all ease 0.3s; } .newser-login-parent.login-open { opacity:1; visibility:visible; } .newser-login-inner { max-width:100%; background-color: #fff; box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.5); -ms-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.5); -o-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.5); height:auto; width:500px; padding:30px; border-radius:3px; position: absolute; left:0; right:0; margin:0 auto; top: 50%; -o-transform: translateY(-50%) scale(0.1); -ms-transform: translateY(-50%) scale(0.1); -moz-transform: translateY(-50%) scale(0.1); -webkit-transform: translateY(-50%) scale(0.1); transform: translateY(-50%) scale(0.1); transition: all ease 0.5s;-webkit-transition: all ease 0.5s;-moz-transition: all ease 0.5s;-o-transition: all ease 0.5s; } .newser-login-parent.login-open .newser-login-inner{ -o-transform: translateY(-50%) scale(1); -ms-transform: translateY(-50%) scale(1); -moz-transform: translateY(-50%) scale(1); -webkit-transform: translateY(-50%) scale(1); transform: translateY(-50%) scale(1); } .newser-login-close, .lost-password-close{ cursor: pointer; font-size: 20px; position: absolute; right: 20px; top: 20px; } .lost-password-close { right: auto; left: 20px; } .header-top-login .logged-in .author-link{ padding:0 10px; } .newser-login-inner h3 { margin-bottom:25px; } .newser-login-inner .status { background: #f7f7f7; padding: 0px 10px; } .lost-password-form.show{ background: #fff; height: 100%; left: 0; padding: 12%; position: absolute; top: 0; width: 100%; } /* SEARCH PAGE STYLE */ .search-none.gray-bg { padding: 30px; } .search-none.gray-bg h4 { line-height: 30px; margin-bottom: 30px; } /*--------------------------------------------------------------- BOTTOM ADS -------------------------------------------------------------- */ .newser-bottom-ads { position: fixed; width: 100%; background: #fff; box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1); -o-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1); transition: all ease 0.4s;-webkit-transition: all ease 0.4s;-moz-transition: all ease 0.4s;-o-transition: all ease 0.4s; padding: 5px 15px; z-index:99; } .newser-bottom-ad-hide { position: absolute; color: #333; top: 50%; right: 15px; transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%); cursor: pointer; } /* Theme Dark */ .theme-dark .newser-bottom-ads{ background:#222; color:#fff; } .theme-dark .newser-bottom-ad-hide{ color:#ccc; right:38px; } /*--------------------------------------------------------------- VC TAB - CLASSIC / SQUARE / BLACK -------------------------------------------------------------- */ .vc_tta-color-black.vc_tta-style-classic.vc_tta-tabs .vc_tta-tab > a { padding: 4px 20px; } .vc_general.vc_tta-color-black.vc_tta-style-classic .vc_tta-tab.vc_active > a { color: #fff; } .vc_tta-color-black.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels, .vc_tta-color-black.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels:after, .vc_tta-color-black.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels:before { border: none; background: transparent; } .vc_tta-color-black.vc_tta-style-classic.vc_tta-tabs .vc_tta-panel-body { padding:0; } /*--------------------------------------------------------------- LEFT & RIGHT STICKY ADD -------------------------------------------------------------- */ .newser-left-sticky-ads, .newser-right-sticky-ads{ position:fixed; top:30px; } .newser-left-sticky-ads { left: 0; transform: translateX(-100%); -webkit-transform: translateX(-100%);-moz-transform: translateX(-100%);-ms-transform: translateX(-100%);-o-transform: translateX(-100%); } .newser-right-sticky-ads { right: 0; transform: translateX(100%); -webkit-transform: translateX(100%);-moz-transform: translateX(100%);-ms-transform: translateX(100%);-o-transform: translateX(100%); } /* CONTACT FORM 7 */ /* ----------- CONTACT FORM 7 ------------- */ .wpcf7 input { height: 40px; width: 100%; padding-top: 6px; padding-bottom: 6px; } .wpcf7 textarea { max-height: 110px; width: 100%; padding-top: 6px; } .wpcf7 .height-large { max-height: none; } .wpcf7 p { font-weight: bold; } .wpcf7 input[type="submit"] { width: auto; height: auto; padding: 5px 20px; border:none; box-shadow:none; color:#fff; } .wpcf7 input[type="submit"]:hover{ box-shadow:none; } .wpcf7 .btn-wide input[type="submit"] { width: 100%; max-width: 205px; } .wpcf7 input[type="file"] { padding-left: 0; } .wpcf7 input[type="radio"], .wpcf7 input[type="checkbox"] { height: auto; width: auto; display: inline-block; } .wpcf7 p { font-weight: 700; font-size: 14px; color: #7f7f7f; } .wpcf7 textarea, .wpcf7 input, .wpcf7 select { background-color: transparent; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow:none; font-weight: inherit; padding-left: 10px; -webkit-appearance: none; } button, input, optgroup, select, textarea{ color:#ccc; } select.wpcf7-form-control{ height:50px; font-size:13px; color:#ccc; } .wpcf7 input.wpcf7-file { border:none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; padding:0; } .wpcf7 input[type="submit"] { margin-bottom: 0; } span.wpcf7-form-control-wrap { display: block; margin-bottom: 30px !important; position: relative; } span.wpcf7-not-valid-tip { bottom: 0; font-size: 14px; font-weight: normal; left: 0; } .wpcf7 input[type="submit"]{ text-transform:capitalize; } .wpcf7 input::-moz-placeholder, .wpcf7 textarea::-moz-placeholder, .wpcf7 select::-moz-placeholder { color: #ccc; opacity: 1; } .wpcf7 input:-ms-input-placeholder, .wpcf7 textarea:-ms-input-placeholder, .wpcf7 select:-ms-input-placeholder{ color: #ccc; } .wpcf7 input::-webkit-input-placeholder, .wpcf7 textarea::-webkit-input-placeholder, .wpcf7 select::-webkit-input-placeholder{ color: #ccc; } span.wpcf7-not-valid-tip { font-size: 14px; font-weight: normal; } div.wpcf7-validation-errors, div.wpcf7-mail-sent-ok { border: 0px; color: #da0000; margin-left: 0; padding: 0; } div.wpcf7-mail-sent-ok { color: #398f14; } .wpcf7 select[multiple], .wpcf7 select[size] { width: 100%; } .wpcf7-form-control-wrap label { width: 100%; } .wpcf7 input.btn-block[type="submit"] { width: 100%; } /* Mailchimp Widget */ .newser_mailchimp_widget input{width:100%; display:block;} /*--------------------------------------------------------------- MOBILE ZMM -------------------------------------------------------------- */ .zozo-page-wrapper{ position:relative; background-color:#fff; } .zmm-wrapper { background: #fff; height: 100%; left: -100%; position: fixed; top: 0; width: 100%; z-index: 999999; display:none; } .zmm-wrapper .zmm-inner { padding: 45px 15px; } body.zmm-open .zmm-wrapper{ overflow-y:scroll; } body.zmm-open{ overflow:hidden; } .zmm-close.ti-close { font-size: 20px; position: absolute; top: 10px; right: 15px; cursor:pointer; } .zmm-wrapper .menu-item-has-children { position: relative; } .zmm-wrapper .zmm-dropdown-toggle{ position: absolute; right: 10px; top: 0; } .zmm-wrapper .zmm-inner .navbar-nav li a{ line-height: 20px; padding-bottom: 10px; padding-left: 15px; padding-top: 10px; display: block; position: relative; } .zmm-wrapper .zmm-inner .zmm-main-nav ul.sub-nav{ padding-left:15px; } .zmm-wrapper .zmm-inner .zmm-user-login img{ margin: 0 0 0 10px; } .zmm-wrapper .zmm-inner .zmm-user-login img.avatar{ border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%; } .zmm-wrapper.zmm-dark-bg{ background-color:#333; color:#fff } .zmm-wrapper.zmm-light-bg{ background-color:#fff; color:#333; } /* Bbpress */ .bbp-search-form input.button, .bbp-search-form input, #bbpress-forums input, #bbpress-forums button, #bbpress-forums select, #bbpress-forums textarea{color:#333;} #bbpress-forums li.bbp-header, #bbpress-forums li.bbp-footer{color:#fff;} #bbpress-forums p.bbp-topic-meta img.avatar, #bbpress-forums ul.bbp-reply-revision-log img.avatar, #bbpress-forums ul.bbp-topic-revision-log img.avatar, #bbpress-forums div.bbp-template-notice img.avatar, #bbpress-forums .widget_display_topics img.avatar, #bbpress-forums .widget_display_replies img.avatar{margin-bottom:0px !important;} #bbpress-forums li.bbp-header{border:1px solid;} textarea.bbp-the-content.wp-editor-area{border: 1px solid #dddddd;} #bbpress-forums div.bbp-breadcrumb p{margin-right:10px;} .bbp-topic-form button.button{color:#ffffff !important; padding: 4px 12px;font-size: 14px; border:1px solid;} .bbp-topic-form button.button:hover, #bbpress-forums input#bbp_search_submit:hover{color: #ffffff;opacity: 0.7;} #bbpress-forums img.wp-user-avatar{width:60px;height:60px;margin-right:5px;} #bbpress-forums input#bbp_search_submit, button#bbp_reply_submit{color: #ffffff;font-weight: bold;padding: 2px 10px;border:1px solid;} li.bbp-forum-freshness, li.bbp-topic-freshness {float: right;text-align: left;} .bbp-forums li.bbp-forum-info a.bbp-forum-title{font-weight:bold; font-size:13px;} #bbpress-forums div.bbp-forum-author img.avatar, #bbpress-forums div.bbp-topic-author img.avatar, #bbpress-forums div.bbp-reply-author img.avatar{margin-top:20px;} /* Responsive */ @media screen and (max-width: 767px) { .right-sidebar.sidebar-widget{ padding-top:30px; } /*--------------------------------------------------------------- MOBILE ZMM -------------------------------------------------------------- */ .zmm-wrapper{display:block;} .mobile-nav-wrapper.sticky-head.header-sticky, .mobile-nav-wrapper.sticky-scroll.show-menu { position: fixed; top: 0; left: 0; right: 0; } .zmm-user-login .newser-login-inner{ width:80%;} body.zmm-open .mobile-nav-wrapper.header-sticky, body.zmm-open .mobile-nav-wrapper.sticky-scroll{ top:-100% !important; } .zmm-wrapper .zmm-main-nav{ margin-top:50px; } .zmm-wrapper .zmm-dropdown-toggle{ padding:10px; cursor:pointer; } .grid-itemw2, .grid-itemw3, .grid-itemw4{ width: 100%; } .layout-boxed .container{ padding:0 15px; } } .gallery-item { display: inline-block; text-align: left; vertical-align: top; margin: 0 0 1.5em; padding: 0 1em 0 0; width: 50%; } .gallery-columns-1 .gallery-item { width: 100%; } .gallery-columns-2 .gallery-item { max-width: 50%; } @media screen and (min-width: 30em) { /* Gallery Columns */ .gallery-item { max-width: 25%; } .gallery-columns-1 .gallery-item { max-width: 100%; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-columns-4 .gallery-item { max-width: 25%; } } @media screen and (min-width: 48em) { /* Gallery Columns */ .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } }