@charset "utf-8"; /* Material Multipurpose Magazine Theme */ /************ TABLE OF CONTENTS *************** 1. Header Line = 85 To 154 2. Featured Slider Line = 160 To 207 3. Genral News Post Line = 247 To 275 4. News Simple Grid 1 Line = 285 To 375 5. News Simple Grid 2 Line = 382 To 436 6. News Simple Grid 3 Line = 442 To 493 7. News Simple Grid 4 Line = 498 To 570 8. News Simple Grid 5 Line = 575 To 623 9. Pagination Line = 629 To 670 10. Sidebar Widgets Line = 676 To 979 11. Footer Start Line = 988 To 1258 12. Home Layout 2 Featured News Line = 1264 To 1337 13. News List Style 2 Line = 1343 To 1405 14. Inner Pages Banner With BreadCrump Line = 1461 To 1512 15. Category Main Post Styles Line = 1528 To 1736 16. WooCommerce Products Grid Line = 1746 To 1972 17. Single Post Start Line = 1980 To 2250 18. Blog Authors Line = 2255 To 2285 19. Image Gallery Start Line = 2293 To 2474 20. Masonry Posts Line = 2780 To 2606 21. 404 Line = 2609 To 2650 22. Contact Us Line = 2657 To 2795 23. Login Page Line = 2800 To 2960 **********************************************/ /* Css Imports */ @import url(https://fonts.googleapis.com/css?family=Roboto:400,100,300,400italic,500italic,500,700,900); @import url(animate.css); @import url(iconmoon.css); /**************** Universal Css *******************/ body { font-family: 'Roboto', sans-serif; color: #444444; font-size: 14px; } p { color: #444444; font-size: 14px; font-family: 'Roboto', sans-serif; } .wrapper { width: 100%; } .cp-header, .cp-topbar, .cp-logo-row, .cp-megamenu, .cp-featured-news-slider { width: 100%; float: left; } .m10 { margin-top: 10px; } .m20 { margin-top: 20px; } .m50 { margin-top: 50px; } .m60 { margin-top: 60px; } .m30 { margin-top: 30px; } a { text-decoration: none; } a:hover { text-decoration: none; } ul { list-style-type:none; } /**************** Universal Css End *******************/ /**************** Header Start *******************/ .cp-topbar { height: 30px; } .cp-topbar ul { margin: 0px; padding: 0px; } .cp-topbar ul li { display: inline-block; color: #fff; } .toplinks { font-size: 12px; } .toplinks li { line-height: 27px; list-style:none; padding:0 4px; } .toplinks li:first-child { } .cp-topbar a { color: #fff; } .cp-topsocial { line-height: 38px; margin-right: 0px; } .cp-topsocial li { display: inline-block; margin-right: 2px; margin-top:0px; /** Modificado Abase margin-top:7px; **/ overflow:hidden; } .cp-topsocial a { border: 1px solid #fff; height: 45px; text-align: center; line-height: 35px; display: block; font-size: 30px; } .cp-toptools li { line-height: 40px; background: rgba(255,255,255,.2); padding: 0 14px; font-size: 16px; } .cp-acessibilidade li { line-height: 40px; background: rgba(255,255,255,.2); padding: 0 14px; font-size: 16px; } .cp-logo-row { padding: 25px 0; } .cp-logo-row .logo { margin-top: 0; } .cp-megamenu { border-top: 1px solid #cccccc; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.21); position: relative; z-index: 999; } .cp-advertisement { text-align: right; width: auto; float: left; } .sticky { position: fixed; width: 100%; left: 0; top: 0; z-index: 100; border-top: 0; background:#fff; } .cp-mega-menu .slogo {display:none;} .sticky .cp-mega-menu .slogo {display:block;} .cp-mega-menu .slogo img {margin:3px 0 0;} /**************** Header End *******************/ /**************** Featured Slider Start *******************/ .cp-featured-news-slider .item, .cp-featured-news-slider .cp-post-thumb { position: relative; } .cp-featured-news-slider .cp-post-content { position: absolute; left: 0px; bottom: 0px; background: rgba(0,0,0,.80); width: 100%; padding: 40px 30px 26px; z-index: 99; } .cp-featured-news-slider .cp-post-content h1 { font-size: 30px; font-family: 'Roboto', sans-serif; font-weight: 700; color: #fff; margin: 0px; line-height: 15px; margin-bottom: 15px; } .cp-featured-news-slider .cp-post-content h1 a {color:#fff;} .cp-featured-news-slider .cp-post-content .cp-post-tools { margin: 0px; padding: 0px; } .cp-featured-news-slider .cp-post-content .cp-post-tools li { float: left; margin-right: 20px; color: #fff; } .cp-featured-news-slider .catname { position: absolute; top: -15px; } .cp-featured-news-slider .btn { padding: 5px 14px; font-family: 'Roboto', sans-serif; font-weight: 900; font-size: 14px; border-radius: 2px; box-shadow: 0 0 5px rgba(0,0,0,.5); text-transform: uppercase; color: #fff; } .featured-slider img { width: 100%; height: auto; } /**************** Featured Slider End *******************/ /**************** Main content *******************/ .main-content { width: 100%; float: left; padding: 10px 0; } /**************** Main content *******************/ /**************** Typo Graphy *******************/ .section-title { width: 100%; float: left; clear: both; margin-bottom: 25px } .section-title h2 { font: 700 18px/40px 'Roboto', sans-serif; margin: 0 10px 0 0px; float: left; border-left: 5px solid #000; border-right: 1px solid #000; padding: 0 10px; text-transform: uppercase; } .section-title small { font: 400 14px/40px 'Roboto', sans-serif; color: #888888; } .section-title-center { /************* width: 100%; *****************/ float: left; /*************vclear: both; *****************/ margin-bottom: 25px; text-align: center; } .section-title-center h2 { font: 700 18px/40px 'Roboto', sans-serif; margin: 0 10px 0 0px; float: left; border-left: 5px solid #000; border-right: 1px solid #000; padding: 0 10px; text-transform: uppercase; text-align: center; } /**************** Typo Graphy End *******************/ /**************** Genral News Post *******************/ .cp-fullwidth-news-post-excerpt, .cp-post, .cp-thumb, .cp-post-content, .news-post, .cp-news-post-excerpt { width: 100%; float: left; position: relative; clear: both; } .cp-post-content h3 { margin: 0px; padding: 0px; font-family: 'Roboto', sans-serif; font-weight: 500; } .cp-post-content h3 a { text-decoration: none; color: #222; } .cp-thumb iframe { width: 100%; border: 0px; min-height: 350px; } .cp-fullwidth-news-post-excerpt .owl-theme .owl-controls { position: absolute; top: 35%; z-index: 999; left: 0; width: 100%; } /**************** Genral News Post End *******************/ /**************** News Simple Grid 1 *******************/ .cp-thumb img { width: 100%; height: auto; } .cp-news-grid-style-1, .cp-news-grid-style-1 .grid { width: 100%; float: left; clear: both; } .cp-news-grid-style-1 .grid { margin: 0px; padding: 0px; } .cp-news-grid-style-1 .grid li { list-style: none; } .cp-news-grid-style-1 .cp-news-post-excerpt { border-radius: 3px; -webkit-border-radius: 3px; overflow: hidden; box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.13); margin-bottom: 30px; position: relative } .cp-news-grid-style-1 .cp-news-post-excerpt .cp-post-content { padding: 0px 20px 20px 20px; width: 100%; } .cp-news-grid-style-1 .cp-news-post-excerpt h3 { margin: -6px 0 0 0; color: #222222; font: 500 14px/26px 'Roboto', sans-serif; text-transform: uppercase; line-height: 30px; } .cp-news-grid-style-1 .cp-news-post-excerpt h3 a { text-decoration: none; color: #222; } .cp-news-grid-style-1 .cp-news-post-excerpt .catname { position: relative; top: -15px; z-index: 99; overflow: hidden; /* box-shadow: 0 2px 4px rgba(0, 0, 0, 0.21);*/ } .catname { display: inline-block; } .catname-btn { border-radius: 2px; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25); color: #fff; display: block; font: 900 14px/30px "Roboto", sans-serif; height: 30px; padding: 0 15px; text-decoration: none; text-transform: uppercase; } .catname-btn:hover { color: #fff; } .cp-post-tools { margin: 10px 0 0; padding: 0px; width: 100%; clear: both; } .cp-post-tools li { list-style: none; display: inline-block; margin-right: 14px; color: #595959; font-size: 14px; line-height: 24px; } .cp-post-tools li:last-child { margin: 0px; } .cp-post-tools .fa { font-size: 16px; } .cp-news-post-excerpt:hover img { transform: scale(1.05); } .cp-news-post-excerpt .owl-theme .owl-controls { position: absolute; z-index: 99; width: 100%; top: 35%; } /**************** News Simple Grid 1 End *******************/ /**************** News Simple Grid 2 Start *******************/ .cp-news-grid-style-2, .small-grid, .small-post { width: 100%; float: left; clear: both; padding: 0px; } .small-grid, .small-post { margin: 0px; } .cp-news-grid-style-2 li { list-style: none; } .cp-news-grid-style-2 .small-post { border-bottom: 1px solid #cccccc; margin-bottom: 20px; padding-bottom: 20px; } .small-grid .cp-thumb { width: 83px; float: left; margin-right: 15px; border-radius: 2px; overflow: hidden; } .small-grid .cp-post-content { float: none; width: auto; clear: none; } .small-grid .cp-post-content h3 { margin: 0 0 13px 0; font: 500 16px/16px 'Roboto', sans-serif; } .small-grid .cp-post-content .cp-post-tools { clear: none; } .cp-news-grid-style-2 .cp-fullwidth-news-post-excerpt { width: 100%; float: left; border-bottom: #cccccc solid 1px; margin-bottom: 20px; } .cp-news-grid-style-2 .cp-fullwidth-news-post-excerpt h3 { font: 500 20px/20px 'Roboto', sans-serif; text-transform: uppercase; margin: 16px 0 9px 0; } .cp-news-grid-style-2 .cp-fullwidth-news-post-excerpt p { margin: 10px 0 18px; color: #444444 } .cp-news-grid-style-2 a { color: #222222; text-decoration: none; } /**************** News Simple Grid 2 End *******************/ /**************** News Simple Grid 3 Start *******************/ .cp-news-grid-style-3 { width: 100%; float: left; clear: both; } .cp-news-grid-style-3 .grid-holder { width: 100%; float: left; box-shadow: 0 1px 4px rgba(0,0,0,.20); border-radius: 2px; padding: 30px; } .cp-news-grid-style-3 .grid-holder ul { width: 100%; float: left; margin: 0px; padding: 0px; } .cp-news-grid-style-3 .grid-holder ul { list-style: none; } .cp-news-grid-style-3 .grid-holder .cp-thumb { margin-bottom: 11px; } .cp-news-grid-style-3 h3 { font: 500 16px/22px 'Roboto', sans-serif; margin: 0; } .cp-news-grid-style-3 h3 a { color: #222; text-decoration: none; } .loadmore-holder { width: 100%; float: left; margin-top: 20px; text-align: center; overflow: hidden; position: relative; } .loadmore, .load { width: 157px; height: 41px; text-align: center; border-radius: 2px; color: #fff; font: 400 15px/40px 'Roboto', sans-serif; text-transform: uppercase; text-decoration: none; box-shadow: 0 2px 4px rgba(0,0,0,.23); display: inline-block; } /**************** News Simple Grid 3 End *******************/ /**************** News Simple Grid 4 Start *******************/ .cp-news-grid-style-4 { width: 100%; float: left; clear: both; } .cp-news-grid-style-4 .grid { margin: 0px; padding: 0px; } .cp-news-grid-style-4 .grid li { list-style: none; } .cp-news-grid-style-4 .cp-fullwidth-news-post-excerpt { border-radius: 2px; overflow: hidden; position: relative; margin-bottom: 30px; } .cp-news-grid-style-4 .cp-fullwidth-news-post-excerpt .cp-post-content { position: absolute; z-index: 99; bottom: 0px; left: 0px; width: 100%; background: rgba(0,0,0,.8); padding: 0px 20px 15px; } .cp-news-grid-style-4 .cp-fullwidth-news-post-excerpt .cp-post-content h3 { margin: 0px; font: 500 20px/21px 'Roboto', sans-serif; } .cp-news-grid-style-4 .cp-fullwidth-news-post-excerpt .cp-post-content h3 a, .cp-news-grid-style-4 .cp-post .cp-post-content h3 a { color: #fff; } .cp-news-grid-style-4 .cp-fullwidth-news-post-excerpt .cp-post-tools li, .cp-news-grid-style-4 .cp-post .cp-post-content .cp-post-tools li { color: #fff; } .cp-news-grid-style-4 .cp-post-rating { background: #fff; display: inline-block; border-radius: 2px; font-size: 15px; padding: 7px 15px 6px; position: relative; top: -15px; } .cp-news-grid-style-4 .cp-post-rating a { text-decoration: none; } .cp-news-grid-style-4 .cp-post { width: 100%; float: left; position: relative; margin-bottom: 30px; overflow: hidden; border-radius: 2px; } .cp-news-grid-style-4 .cp-post img { width: 100%; height: auto; } .cp-news-grid-style-4 .cp-post .cp-post-content { position: absolute; bottom: 0px; left: 0px; background: rgba(0,0,0,.80); width: 100%; padding: 0 20px 15px; } .cp-news-grid-style-4 .cp-post .cp-post-content h3 { margin: 0px; font: 500 16px/21px 'Roboto', sans-serif; } /**************** News Simple Grid 4 End *******************/ /**************** News Simple Grid 5 Start *******************/ .cp-news-grid-style-5, .cp-news-grid-style-5 .cp-news-list { width: 100%; float: left; clear: both; } .cp-news-grid-style-5 .cp-news-list { margin-bottom: 30px; border-radius: 2px; overflow: hidden; box-shadow: 0 1px 4px rgba(0,0,0,.13); } .cp-news-grid-style-5 .cp-news-list li { list-style: none; } .cp-news-grid-style-5 .cp-news-list ul { margin: 0px; padding: 0px; } .cp-news-grid-style-5 .cp-news-list ul .col-md-6 { padding: 0px; } .cp-news-grid-style-5 .cp-news-list img { width: 100%; height: auto; } .cp-news-grid-style-5 .cp-news-list h3 { margin: 0px; padding: 0px; font: 500 16px/22px 'Roboto', sans-serif; text-transform: uppercase; } .cp-news-grid-style-5 .cp-news-list h3 a { color: #222; } .cp-news-grid-style-5 .cp-news-list .cp-thumb { margin-right: 15px; } .cp-news-grid-style-5 .cp-news-list .cp-post-content { padding: 24px 30px 30px 15px; } .cp-news-grid-style-5 .cp-news-list p { margin: 0px; padding: 0px; font: 400 14px/24px 'Roboto', sans-serif; color: #444444; } .cp-news-grid-style-5 .cp-news-list .cp-post-tools { margin: 8px 0 9px 0; } /**************** News Simple Grid 5 End *******************/ /**************** Pagination *******************/ .pagination-holder { width: 100%; float: left; clear: both; } .pagination-holder nav { text-align: center; background: none; box-shadow: none; height: inherit; line-height: inherit; } .pagination-holder nav ul { margin: 0px; padding: 0px; } .pagination-holder nav ul li:hover, nav ul li.active { border-radius: 100%; background: none; } .pagination-holder nav ul li { margin-left: 5px; display: inline-block; } .pagination-holder .pagination > li > a, .pagination-holder .pagination > li > span, .pagination-holder .pagination > li:first-child > a, .pagination-holder .pagination > li:first-child > span, .pagination-holder .pagination > li:last-child > a, .pagination-holder .pagination > li:last-child > span { width: 40px; height: 40px; border-radius: 100%; border: 0px solid #ddd; color: #222222; float: left; margin-left: 0px; padding: 0; position: relative; text-decoration: none; box-shadow: 0 0px 3px rgba(0,0,0,.20); font: 400 15px/40px 'Roboto', sans-serif; } .pagination-holder .pagination > .active > a, .pagination-holder .pagination > .active > span, .pagination-holder .pagination > .active > a:hover, .pagination-holder .pagination > .active > span:hover, .pagination-holder .pagination > .active > a:focus, .pagination-holder .pagination > .active > span:focus { color: #fff; } /**************** Pagination End *******************/ /**************** Sidebar Widgets Start *******************/ .sidebar { } .sidebar .widget { width: 100%; float: left; clear: both; margin-bottom: 40px; } .sidebar .widget:last-child { margin: 0px; } .sidebar .widget h3.side-title { font: 700 18px/23px 'Roboto', sans-serif; text-transform: uppercase; margin: 0 0 20px; padding-left: 10px; border-left: 5px solid #32aae1; color: #222222 } /*** Newsletter ***/ .sidebar .widget .cp-newsletter-holder { border-radius: 2px; width: 100%; float: left; box-shadow: 0 0 4px rgba(0,0,0,.20); padding: 20px; } .sidebar .widget .cp-newsletter-holder .input-group { width: 100%; float: left; position: relative; } .sidebar .widget .cp-newsletter-holder .form-control { background-color: #fff; background-image: none; border: 0px solid #ccc; border-radius: 2px; box-shadow: 0 0px 4px rgba(0, 0, 0, 0.20); color: #222; display: block; font-size: 14px; height: 40px; line-height: 40px; padding: 6px 12px; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; width: 83%; float: left } .sidebar .widget .cp-newsletter-holder .btn.btn-submit { border: 0px; color: #fff; border-radius: 2px; box-shadow: 0 0 4px rgba(0,0,0,.20); height: 40px; padding: 0 15px; margin-left: 10px; } /*** Newsletter End ***/ /*** sidebar-textwidget ***/ .sidebar-textwidget p { font: 400 14px/24px 'Roboto', sans-serif; color: #444444; margin: 0px; } /*** sidebar-textwidget End ***/ /*** Featured Slider Sidebar ***/ .side-featured-slider { position: relative; width: 100%; float: left; } .sidebar-featured-post .item { width: 100%; float: left; border-radius: 2px; overflow: hidden; position: relative; } .sidebar-featured-post .item img {width:100%; height:auto;} .sidebar-featured-post .item .cp-post-content { position: absolute; bottom: 0px; left: 0; background: rgba(0,0,0,.80); padding: 28px 20px 20px; width: 100%; } .sidebar-featured-post .item .cp-post-content h3 { font: 500 16px/16px 'Roboto', sans-serif; } .sidebar-featured-post .item .cp-post-content h3 a { color: #fff; } .sidebar-featured-post .item .cp-post-content .catname { position: absolute; top: -11px; } .sidebar-featured-post .owl-theme .owl-controls .owl-buttons div.owl-prev, .sidebar-featured-post .owl-theme .owl-controls .owl-buttons div.owl-next { width: 30px; height: 30px; text-align: center; box-shadow: 0 0 3px rgba(0,0,0,.20); border-radius: 3px; background: #fff; font-size: 0; float: none; } .sidebar-featured-post .owl-theme .owl-controls .owl-buttons div.owl-prev:after { content: "\f104"; font-size: 18px; font-family: FontAwesome; color: #0f0f0f; } .sidebar-featured-post .owl-theme .owl-controls .owl-buttons div.owl-next:after { content: "\f105"; font-size: 18px; font-family: FontAwesome; color: #0f0f0f; } /*** Featured Slider Sidebar ***/ /*** Popular Posts ***/ .sidebar .popular-post .small-grid, .sidebar .latest-posts .small-grid { margin: 0px; padding: 0px; } .sidebar .popular-post .small-grid>li, .sidebar .latest-posts .small-grid>li { list-style: none; margin-bottom: 20px; padding-bottom: 20px; border-bottom: #ccc solid 1px; width: 100%; float: left; } .sidebar .popular-post .small-grid>li:last-child, .sidebar .latest-posts .small-grid>li:last-child, .sidebar .popular-post .small-post, .sidebar .latest-posts .small-post { margin: 0px; padding: 0px; border: 0px; } .sidebar .popular-post .small-grid h3 a, .sidebar .latest-posts .small-grid h3 a { color: #222; } /*** Popular Posts End ***/ .sidebar-video iframe { width: 100%; border: 0px; min-height: 250px; border-radius: 3px; } .sidebar .most-commented ul { margin: 0px; padding: 0px; } .sidebar .most-commented ul li { list-style: none; border-bottom: 1px solid #ccc; line-height: 50px; position:relative; } .sidebar .most-commented-noborder ul li { list-style: none; line-height: 50px; position:relative; } .sidebar .most-commented ul li a { font: normal 500 16px/30px 'Roboto', sans-serif; color: #222; } .sidebar ul li i { float: right; width: 120px; /** Modificado Abase **/ height: 30px; font: normal 500 16px/30px 'Roboto', sans-serif; text-align: center; color: #fff; margin-top: 10px; position:absolute; top:0; right:0; } .sidebar .top-authors .authors { width: 100%; float: left; margin: 0px; padding: 0px; } .sidebar .top-authors .authors li { float: left; width: 83px; height: 83px; border-radius: 2px; overflow: hidden; margin: 0 7px 7px 0; } .sidebar .reviews { width: 100%; float: left; margin: 0px; padding: 0px; } .sidebar .reviews li { list-style: none; border-bottom: 1px solid #cccccc; width: 100%; float: left; padding: 9px 0 10px; } .sidebar .reviews li:first-child { padding: 0 0 10px; } .sidebar .reviews li h4 { clear: both; font: 500 16px/26px 'Roboto', sans-serif; margin: 0px; } .sidebar .reviews li h4 a { color: #222; } .sidebar .reviews li h4 a:before, .sidebar .cat-holder a:before { content: "\f105"; font-family: FontAwesome; color: #888888; margin-right: 10px; font-size: 16px; } .sidebar .reviews .cp-rating { float: left; margin-left: 18px; } .sidebar .reviews i.tag { float: right; width: 32px; height: 22px; background: #444; color: #cccccc; font-style: normal; text-align: center; line-height: 22px; } .sidebar .advertisement { width: 100%; float: left; } .sidebar .advertisement .ad-holder { width: 100%; float: left; box-shadow: 0 0 4px rgba(0,0,0,.20); text-align: center; padding: 12px; border-radius: 2px; } .ad-holder { width: 100%; float: left; text-align: center; } .sidebar .advertisement .ad-holder img { width: 100%; height: auto; } .sidebar .cat-holder { margin: 0px; padding: 20px; box-shadow: 0 0 4px rgba(0,0,0,.20); width: 100%; border-radius: 2px; width: 100%; float: left; } .sidebar .cat-holder li { list-style: none; line-height: 32px; width: 100%; float: left; } .sidebar .cat-holder a { font: 500 16px/32px 'Roboto', sans-serif; color: #222; } .sidebar .cat-holder .count { color: #fff; float: right; font: 500 16px/30px "Roboto", sans-serif; height: 30px; margin-top: 5px; text-align: center; width: 40px; } .tags-widget a { display: inline-block; border: 1px solid #cccccc; font: 500 16px/40px 'Roboto', sans-serif; border-radius: 2px; padding: 0 15px; margin: 0 1px 5px 0; } .tags-widget a:hover { box-shadow: 0 0 4px rgba(0,0,0,.13); } /**************** Sidebar Widgets End *******************/ /**************** Footer Start *******************/ .footer { width: 100%; float: left; clear: both; background: #d0d0d0; } .footer-one, .footer-two, .footer-three, .footer-four { width: 100%; float: left; } .footer-one, .footer-two { padding: 25px 0; } .footer-two { background: #1a1a1a } .footer-three { background: #d9d9d9; padding: 30px 0; } .footer-four { background: #f0f0f0; padding: 10px 0; border-top: 2px solid #9C9C9C; } .footer-four p { margin: 0px; padding: 0px; text-align: center; color: #202020; } .footer-four a { color: #202020; } .footer ul { margin: 0px; padding: 0px; } .footer ul li { list-style: none; } .footer-social { width: 100%; float: left; text-align: center; margin: 0px; padding: 0px; text-align: right; } .footer-social li { list-style: none; display: inline-block; margin-left: 7px; } .footer-social li a { width: 44px; height: 44px; border: 1px solid #888888; text-align: center; line-height: 40px; border-radius: 100%; display: block; font-size: 20px; color: #fff; } .footer-social li a:hover { color: #fff; border-color: #fff; } .footer-widgets h3 { margin: 0px 0 17px; padding: 0px; font: 700 18px/18px 'Roboto', sans-serif; color: #fff; text-transform: uppercase; } .footer .textwidget p { color: #888888; font: 400 14px/24px 'Roboto', sans-serif; } .footer .cp-widget-content address { margin: 0px; } .footer .cp-widget-content .featured-posts>li, .footer .cp-widget-content .reviews>li, .footer .popular-posts .small-grid>li { border-bottom: 1px solid #444444; margin-bottom: 13px; padding-bottom: 12px; width: 100%; float: left; } .footer .popular-posts .small-grid>li .cp-post-content { clear: none; float: none; width: auto; } .footer .cp-widget-content .featured-posts h4, .footer .popular-posts h4, .footer .cp-widget-content .reviews h4 { margin: 0 0 12px; font: 500 16px/16px 'Roboto', sans-serif; } .footer .cp-widget-content .featured-posts h4 a, .footer .cp-widget-content .reviews h4 a, .footer .popular-posts h4 a { color: #cccccc; } .footer .cp-widget-content .featured-posts h4 a:before, .footer .cp-widget-content .reviews h4 a:before { content: "\f105"; font-family: FontAwesome; color: #888888; margin-right: 10px; font-size: 16px; } .footer .cp-widget-content .featured-posts .cp-post-tools { margin-left: 18px } .footer .cp-widget-content .reviews .cp-rating { float: left; margin-left: 18px; } .footer .cp-widget-content .reviews .tag { background: #444444; width: 32px; height: 22px; font: normal 400 14px/22px 'Roboto', sans-serif; float: right; text-align: center; color: #cccccc; margin-bottom: 2px; } .footer .popular-posts .small-grid img { max-height: 79px; } .footer .form-widget .material .input-group { border: 1px solid #444444; border-radius: 2px; width: 100%; } .footer .form-widget .material .material-input { background: #1a1a1a; margin: 0px; padding: 0px; border: 0px; } .footer .form-widget .material .material-input input { border-bottom: 1px solid #444444; font: 400 14px/40px 'Roboto', sans-serif; height: 41px; color: #888888; padding: 0 0 0 10px } .footer .material .material-input textarea { border-bottom: 0px solid #444444; resize: none; font: 400 14px/40px 'Roboto', sans-serif; color: #888; padding-left: 10px; } .footer .form-widget .btn-submit { float: right; font: 400 15px/40px 'Roboto', sans-serif; color: #fff; text-transform: uppercase; padding: 0px 25px; border-radius: 2px; margin-top: 10px; box-shadow: 0 0 4px rgba(0,0,0,.13); } .footer .tweets { margin: 0px; padding: 0px; } .footer .tweets li { background: #222222; padding: 20px; position: relative; margin-bottom: 35px; border-radius: 2px; line-height: 24px; } .footer .tweets li::before { border-left: 17px solid transparent; border-top: 34px solid #222222; bottom: -18px; content: ""; height: 0; position: absolute; right: 26px; transform: rotate(60deg); -webkit-transform: rotate(60deg); width: 0; } .footer .tweets li a { color: #cccccc; } .footer .tweets .tweets_txt { color: #888888; } .footer .tweets .tweets_txt span { color: #444; font-style: italic; } .gallery-widget #sync1 .item img { width: 100%; border-radius: 2px; height: auto; } .gallery-widget #sync2 { margin-top: 10px; } .gallery-widget #sync2 .owl-item img { margin: 0 5px; border-radius: 2px; } .gallery-widget .owl-theme .owl-controls { position: absolute; top: 40%; margin: 0px; z-index: 99; width: 100%; } .gallery-widget .owl-theme .owl-controls .owl-prev, .gallery-widget .owl-theme .owl-controls .owl-next { float: left; width: 26px; height: 26px; text-align: center; line-height: 26px; background: #fff; border-radius: 2px; opacity: 1; font-size: 0; margin-left: -10px; } .gallery-widget .owl-theme .owl-controls .owl-next { float: right; margin-right: -10px; } .gallery-widget .owl-theme .owl-controls .owl-prev:after, .gallery-widget .owl-theme .owl-controls .owl-next:after { content: "\f104"; font-family: FontAwesome; font-size: 20px; color: #000; line-height: 18px; } .gallery-widget .owl-theme .owl-controls .owl-next:after { content: "\f105"; } .footer .contact-widget ul { margin: 0px; padding: 0px; } .footer .contact-widget li { width: 100%; float: left; border-bottom: 1px solid #444444; padding-bottom: 17px; margin-bottom: 14px; } .footer .contact-widget p { color: #888888; font-size: 14px; width: 90%; float: right; text-align: left; margin: 0px; line-height: 24px; } .footer .contact-widget a { color: #888; } .footer .contact-widget .fa { color: #888; font-size: 14px; line-height: 24px; } /**************** Footer End *******************/ /**************** Home Layout 2 Featured News *******************/ .home-layout2-featured-news { background: url(../images/headerbg-blue.jpg) no-repeat top center; background-size: cover; width: 100%; float: left; padding: 30px 0; } .home-layout2-featured-news .cp-fullwidth-news-post-excerpt { border-radius: 2px; overflow: hidden; position: relative; margin: 0px; } .home-layout2-featured-news .cp-fullwidth-news-post-excerpt .cp-post-content { position: absolute; z-index: 99; bottom: 0px; left: 0px; width: 100%; background: rgba(0,0,0,.8); padding: 0px 20px 15px; } .home-layout2-featured-news .cp-fullwidth-news-post-excerpt .cp-post-content h3 { font: 500 20px/21px 'Roboto', sans-serif; text-transform: uppercase; } .home-layout2-featured-news .cp-fullwidth-news-post-excerpt .cp-post-content h3 a, .home-layout2-featured-news .cp-post .cp-post-content h3 a, .home-layout2-featured-news .cp-fullwidth-news-post-excerpt .cp-post-tools li, .home-layout2-featured-news .cp-post .cp-post-content .cp-post-tools li { color: #fff; } .home-layout2-featured-news .cp-post-rating { background: #fff; display: inline-block; border-radius: 2px; font-size: 15px; padding: 7px 15px 6px; position: relative; top: -15px; } .home-layout2-featured-news .cp-post-rating a { text-decoration: none; } .home-layout2-featured-news .cp-post { width: 100%; float: left; position: relative; margin-bottom: 30px; overflow: hidden; border-radius: 2px; } .home-layout2-featured-news .cp-post img { width: 100%; height: auto; } .home-layout2-featured-news .cp-post .cp-post-content { position: absolute; bottom: 0px; left: 0px; background: rgba(0,0,0,.80); width: 100%; padding: 0 20px 15px; } .home-layout2-featured-news .cp-post .cp-post-content h3 { font: 500 16px/21px 'Roboto', sans-serif; } .home-layout2-featured-news .grid { margin: 0px; padding: 0px; } .home-layout2-featured-news .grid li { list-style: none; } .home-layout2-featured-news li:last-child.cp-post { margin-bottom: 0px; } /**************** Material Design Classes *******************/ /**************** News List Style 2 *******************/ .cp-news-list-style-2, .cp-news-list-style-2 .cp-post-content { width: 100%; float: left; clear: both; } .cp-news-list-style-2 img { width: 100%; height: auto; border-radius: 2px; } .cp-news-list-style-2 .cp-news-list { margin: 0px; padding: 0px; } .cp-news-list-style-2 .cp-news-list>li { list-style: none; overflow: hidden; width: 100%; float: left; margin-bottom: 26px; position: relative; } .cp-news-list-style-2 .cp-news-list h3 { margin: 16px 0 9px; font: 500 20px/20px 'Roboto', sans-serif; text-transform: uppercase; } .cp-news-list-style-2 .cp-news-list h3 a { color: #222; } .cp-news-list-style-2 .cp-news-list p { margin: 5px 0 0; font-size: 14px; line-height: 24px; color: #444; } .cp-news-list-style-2 .owl-theme .owl-controls { position: absolute; top: 35%; width: 100%; z-index: 99; } .cp-news-list-style-2 .owl-theme .owl-controls .owl-buttons .owl-prev, .cp-news-list-style-2 .owl-theme .owl-controls .owl-buttons .owl-next { float: left; background: #fff; width: 30px; height: 30px; box-shadow: 0 0 4px rgba(0,0,0,.23); border-radius: 2px; font-size: 0px; padding: 0px; } .cp-news-list-style-2 .owl-theme .owl-controls .owl-buttons .owl-prev { float: right; } .cp-news-list-style-2 .owl-theme .owl-controls .owl-buttons .owl-prev:after, .cp-news-list-style-2 .owl-theme .owl-controls .owl-buttons .owl-next:after { content: "\f105"; font-size: 20px; font-family: FontAwesome; color: #222; line-height: 27px; } .cp-news-list-style-2 .owl-theme .owl-controls .owl-buttons .owl-next:after { content: "\f104"; } /**************** News List Style 2 End *******************/ /**************** Rev Slider *******************/ .cp-banner-container { width: 100%; position: relative; padding: 0; float: left; } .cp-banner-container img {width:100%; height:auto;} .cp-banner-container .owl-theme .owl-controls {position:absolute; top:50%; width:100%;} .tp-banner { width: 100%; float: left; position: relative; } .tp-banner-fullscreen-container { width: 100%; position: relative; padding: 0; float: left; } .cp-banner-caption {position:absolute; top:35%; width:100%; text-align:center; color:#fff;} .cp-banner-caption ul {margin-top:35px;} .cp-banner-caption h1 { font: 700 60px/60px 'Roboto', sans-serif; color: #fff; } .cp-banner-caption li { font: 400 24px/24px 'Roboto', sans-serif !important; color: #fff; display:inline-block; margin:0 15px; } .tp-banner-container .caption3 .cp-post-tools li .fa { font-size: 24px !important; } .caption4 a.readmore { background: #fff; padding: 0 25px; font-size: 15px; text-transform: uppercase; color: #222; line-height: 40px; height: 40px; display: inline-block; } /**************** Rev Slider End *******************/ /**************** Inner Pages Banner With BreadCrump *******************/ .cp-inner-main-banner { width: 100%; height: 250px; float: left; background: #096; text-align: center; padding: 76px 0; box-sizing: border-box; -webkit-box-sizing: border-box; } .inner-title { text-align: center; } .cp-inner-main-banner h1 { color: #fff; font-size: 48px; margin: 0px; font-weight: 500; } .cp-inner-main-banner .breadcrumb { background: none; border-radius: 0px; list-style: outside none none; margin: 18px 0 0 0; padding: 0px; color: #fff; } .cp-inner-main-banner .breadcrumb > li + li::before { content: "\f105"; font-family: FontAwesome; padding: 0 10px } .cp-inner-main-banner .breadcrumb a { color: #fff; } .category-bg1 { background: url(../images/fashion-catbg.jpg) no-repeat top center; background-size: cover; } .category-bg2 { background: url(../images/sports-catbg.jpg) no-repeat top center; background-size: cover; } .category-bg3 { background: url(../images/photography-catbg.jpg) no-repeat top center; background-size: cover; } .top-banner-bg1 { background: url(../images/topbannerbg1.jpg) no-repeat top center; background-size: cover; } /**************** Inner Pages Banner With BreadCrump End *******************/ /**************** Category Main Post Styles *******************/ /** Style 1 Start **************/ .cp-category-mainpost-style-1 { width: 100%; float: left; clear: both; } .cp-category-mainpost-style-1 .cp-post, .cp-thumb { width: 100%; float: left; position: relative; border-radius: 2px; overflow: hidden; } .cp-category-mainpost-style-1 .cp-post-content { position: absolute; left: 0px; bottom: 0px; width: 100%; background: rgba(0,0,0,.80); padding: 20px 30px; } .cp-category-mainpost-style-1 .cp-post-content h3 { font-size: 20px; font-weight: 500; text-transform: uppercase; margin: 10px 0 3px; line-height: 20px; } .cp-category-mainpost-style-1 .cp-post-content h3 a { color: #fff; } .cp-category-mainpost-style-1 .cp-post-rating { background: none repeat scroll 0 0 #fff; border-radius: 2px; display: inline-block; font-size: 15px; padding: 7px 15px 6px; position: absolute; top: -15px; } .cp-category-mainpost-style-1 .cp-post-tools li { color: #fff; } .cp-post-tools li i { margin-right: 3px; } .cp-category-page { width: 100%; float: left; clear: both; margin-top: 30px; } /** Style 1 End **************/ /** Style 2 Start **************/ .cp-category-page2, .cp-category-post-slider { width: 100%; float: left; clear: both; } .cp-category-post-slider { box-shadow: 0 0px 4px rgba(0,0,0,.22); overflow: hidden; border-radius: 2px; position: relative; } .cp-category-post-slider .cp-post-content { padding: 16px 30px 17px; } .cp-category-post-slider .cp-post-content h3 { font-size: 20px; line-height: 20px; text-transform: uppercase; } .cp-category-post-slider .cp-post-content h3 a { color: #222222; } .cp-category-post-slider .cp-post-content .cp-post-tools { margin: 8px 0 0; } .cp-category-post-slider .owl-theme .owl-controls { position: absolute; width: 100%; left: 0px; top: 40%; z-index: 99; } .owl-theme .owl-controls .owl-buttons div.owl-prev, .owl-theme .owl-controls .owl-buttons div.owl-next { background: #fff; border-radius: 3px; width: 30px; height: 30px; text-align: center; float: left; opacity: 1; font-size: 0; box-shadow: 0 2px 4px rgba(0,0,0,.22); } .owl-theme .owl-controls .owl-buttons div.owl-next { float: right; } .owl-theme .owl-controls .owl-buttons div.owl-prev:after, .owl-theme .owl-controls .owl-buttons div.owl-next:after { content: "\f104"; font-family: FontAwesome; font-size: 18px; color: #0f0f0f; line-height: 24px; } .owl-theme .owl-controls .owl-buttons div.owl-next:after { content: "\f105"; } /** Style 2 End **************/ /** Style 3 Start **************/ .cp-category-list { margin: 0px; padding: 0px; } .cp-category-list>li { list-style: none; width: 100%; float: left; } .cp-category-list .cp-fullwidth-news-post-excerpt { border: 0px; margin-bottom: 30px; } .cp-category-list .cp-readmore { font-size: 15px; font-weight: 400; text-transform: uppercase; color: #222; box-shadow: 0 0px 4px rgba(0,0,0,.22); border-radius: 2px; line-height: 40px; display: inline-block; padding: 0 25px; } .cp-category-list .cp-readmore .fa { font-size: 20px; margin-left: 5px; } /** Style 3 End **************/ /** Style 4 Start **************/ .cp-category-mainpost-style-4, .cp-category-mainpost-style-4 .cp-thumb, .cp-category-mainpost-style-4 .cp-post-content { text-align: center; border-radius: 0px; } .cp-category-mainpost-style-4 .cp-post-content h1 { margin: 0px; padding: 0px; font-size: 48px; font-weight: 500; line-height: 48px; } .cp-category-mainpost-style-4 .cp-post-content h1 a { color: #fff; } .cp-category-mainpost-style-4 .cp-post-tools { margin-top: 15px; } .cp-category-mainpost-style-4 .cp-post-tools li { color: #fff; } .cp-category-mainpost-style-4 .cp-post-content { padding: 24px 0 27px; } .cp-news-grid-style-6 { width: 100%; float: left; clear: both; } .cp-news-grid-style-6 .grid { margin: 0px; padding: 0px; } .cp-news-grid-style-6 .grid>li { list-style: none; margin-bottom: 30px; } .cp-news-grid-style-6 .cp-post { width: 100%; float: left; box-shadow: 0 2px 4px rgba(0,0,0,.23); padding: 20px; box-sizing: border-box; -webkit-box-sizing: border-box; border-radius: 2px; } .cp-news-grid-style-6 .cp-thumb { margin-bottom: 10px; } .cp-news-grid-style-6 .cp-post-content { width: 100%; float: left; } .cp-news-grid-style-6 .cp-post-content h3 { font-size: 16px; line-height: 22px; } .cp-news-grid-style-6 .cp-post-content h3 a { color: #222; } /** Style 4 End **************/ /**************** Category Main Post Styles End *******************/ /**************** WooCommerce Products Grid *******************/ .cp-product-grid, .cp-pro-box, .cp-pro-rating, .cp-pro-content, .cp-cart-button, .cp-product-grid .price, .cp-single-post, .cp-product-details { width: 100%; float: left; clear: both; } .cp-product-grid ul.grid { padding: 0px; width: 100%; float: left; } .cp-product-grid ul.grid>li { list-style: none; margin-bottom: 30px; } .cp-product-grid ul.grid img, .ad-holder img { width: 100%; height: auto; } .cp-product-grid ul.grid .cp-thumb { border-radius: 0px; position: relative; z-index: 9; } .cp-pro-box { border-radius: 2px; overflow: hidden; position: relative; box-shadow: 0 2px 4px rgba(0,0,0,.23); text-align: center; } .cp-inner-main-banner h1 {font-size:36px;} .cp-pro-rating { text-align: center; font-size: 15px; margin: 6px 0 10px; } .cp-product-grid .price { margin-bottom: 14px; } .cp-cart-button .cart-button { font-size: 15px; font-weight: 400; display: inline-block; color: #fff; line-height: 40px; padding: 0 20px; text-transform: uppercase; box-shadow: 0 2px 4px rgba(0,0,0,.23); border-radius: 2px; } .cp-pro-box .cp-pro-content { padding: 13px 20px 20px; z-index: 99; background: #fff; position:absolute; width:100%; left:0px; bottom:-65px; } .cp-pro-box:hover .cp-pro-content { bottom:0px;} .cp-product-grid ul.grid h3 { font-size: 20px; margin: 0px; padding: 0px; font-weight: 500; line-height: 26px; text-transform: uppercase; font-family: 'Roboto', sans-serif; } .cp-product-grid ul.grid h3 a { color: #222; } .cp-product-grid .price del, .cp-product-details .price del { font-size: 18px; font-weight: 700; color: #222222; font-family: 'Roboto', sans-serif; line-height: 22px; } .cp-product-grid .price ins, .cp-product-details .price ins { font-size: 30px; font-weight: 700; font-family: 'Roboto', sans-serif; text-decoration: none; line-height: 30px; } .cp-product-details .cp-pro-content h3 { margin: 0px; font-size: 20px; font-weight: 500; text-transform: uppercase; color: #222; line-height: 20px; margin-bottom: 5px; } .cp-product-details .cp-pro-content h3 a { color: #222; } .cp-product-details .cp-pro-content { padding: 0px; } .cp-product-details .cp-pro-rating { text-align: left; } .cp-product-details .cp-pro-rating strong { color: #888888; font-size: 14px; font-weight: 400; padding-right: 10px; } .cp-product-details .cp-pro-content .price { width: 100%; float: left; margin-bottom: 12px; } .cp-product-details .cp-pro-content p { color: #444444; line-height: 24px; } .cp-product-details .cp-pro-content .check-list { margin: 0px; padding: 0px; } .cp-product-details .cp-pro-content .check-list li { list-style: none; line-height: 24px; color: #444444 } .cp-product-details .cp-pro-content .check-list li:before { content: "\f00c"; font-family: FontAwesome; color: #444444; padding-right: 5px; } .cp-product-details .product-tools { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; width: 100%; clear: both; padding: 20px 0; float: left; margin: 26px 0 17px; } .cp-product-details .product-tools .brand-code, .cp-product-details .product-tools .pro-tags { width: 50%; float: left; padding: 0px; margin: 0px; } .cp-product-details .product-tools .brand-code li, .cp-product-details .product-tools .pro-tags li { list-style: none; line-height: 26px; color: #888888 } .cp-product-details .product-tools strong { color: #222222; font-weight: 400; } .cp-add2cart { width: 100%; float: left; } .cp-add2cart #input_div { border: 1px solid #ccc; border-radius: 2px; float: left; width: auto; margin-right: 30px; } .cp-add2cart #input_div input[type="text"] { width: 50px; background: #fff; border: 0px; height: 39px; line-height: 39px; box-shadow: none; text-align: center; border-left: 1px solid #ccc; border-right: 1px solid #ccc; color: #888888; } .cp-add2cart #input_div input[type="button"] { background: #fff; border: 0px; width: 28px; font-weight: bold; color: #999999; font-size: 16px; line-height: 37px; } .cp-add2cart .cp-cart-button { float: left; clear: none; width: auto; } .cp-pro-details-tabs { width: 100%; float: left; margin-top: 50px; } .cp-pro-details-tabs .nav-tabs > li > a { border-radius: 0px; font-size: 20px; font-weight: 500; color: #222222; text-transform: uppercase; border: 0px; border-bottom: 5px solid rgba(255,255,255,.0); } .cp-pro-details-tabs .nav-tabs { border-color: #cccccc; } .cp-pro-details-tabs .nav > li > a:hover, .cp-pro-details-tabs .nav > li > a:focus { border: 0px; background: #fff; border-bottom: 5px solid #ccc; } .cp-pro-details-tabs .nav-tabs > li.active > a, .cp-pro-details-tabs .nav-tabs > li.active > a:hover, .cp-pro-details-tabs .nav-tabs > li.active > a:focus { border: 0px; border-bottom: 5px solid #ccc; } /**************** WooCommerce Products Grid End *******************/ /**************** Single Post Start *******************/ .cp-single-post .cp-post-content h3 { margin: 17px 0 0; font-size: 20px; } .cp-single-post .cp-post-content h3 a { color: #222; } .cp-single-post .cp-post-content p { margin: 8px 0 12px; color: #444444; font-size: 14px; line-height: 24px; } .cp-single-post .cp-post-content blockquote { margin: 30px auto; padding: 0px; border: 0px; width: 75%; box-shadow: 0 2px 4px rgba(0,0,0,.23); border-radius: 2px; font-size: 20px; font-weight: 500; line-height: 28px; position: relative; padding: 30px 45px 33px; } .cp-single-post .cp-post-content blockquote:before { content: "\f10d"; font-family: FontAwesome; position: absolute; left: -25px; top: 30px; width: 50px; height: 50px; border-radius: 100%; text-align: center; line-height: 50px; font-size: 26px; color: #ffffff; box-shadow: 0 2px 4px rgba(0,0,0,.23); } .post-images { margin: 27px 0 22px; padding: 0px; width: 100%; clear: both; } .post-images li { list-style: none; } .post-images img { width: 100%; border-radius: 2px; margin-bottom: 14px; } .post-images li strong { display: block; text-align: center; font-size: 16px; font-weight: 500; } .cp-post-share-tags { margin-top: 15px; } .cp-post-share-tags, .cp-author, .cp-post-comments, .cp-comments, .cp-comments-form, .cp-reviews, .cp-review-form { width: 100%; float: left; clear: both; } .cp-post-share, .cp-post-tags { width: 100%; float: left; margin: 0px; padding: 0px; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; height: 57px; padding: 10px 0 } .cp-post-share li, .cp-post-tags li { list-style: none; display: inline-block; margin-right: 7px; } .cp-post-share a { border-radius: 100%; display: block; border: 1px solid #cccccc; width: 35px; height: 35px; text-align: center; line-height: 32px; font-size: 16px; color: #888888; } .cp-post-share span, .cp-post-tags span { font-size: 18px; } .cp-post-tags li { line-height: 30px; } .cp-post-tags a { color: #888888; } .cp-post-tags a:after { content: ","; margin-right: 5px; } .cp-post-tags a:last-child:after { content: ""; } .cp-author { position: relative; } .cp-author .cp-author-thumb { width: 8%; float: left; position: relative; z-index: 99; top: 30px; left: 0; } .cp-author .cp-author-thumb img { width: 98px; height: 98px; border-radius: 100%; } .cp-author .cp-author-details { width: 92%; float: right; box-shadow: 0 2px 4px rgba(0,0,0,.23); padding: 27px 30px 20px 55px; border-radius: 2px; position: relative; z-index: 8; } .cp-author .cp-author-details h3 { margin: 0 0 10px; padding: 0px; font-size: 20px; font-weight: 500; line-height: 20px; } .cp-author .cp-author-details h3 a { color: #222; } .cp-author .cp-author-details p { line-height: 24px; color: #444444; } .cp-comments, .cp-reviews { margin: 0px; padding: 0px; } .cp-comments li, .cp-reviews li { list-style: none; width: 100%; clear: both; } .cp-comment-author, .cp-review-author { width: 83px; float: left; margin-right: 15px; } .cp-comment-author img, .cp-review-author img { border-radius: 2px; } .cp-comments h4, .cp-reviews h4 { margin: 0 0 8px; font-size: 16px; font-weight: 500; } .cp-comments h4 a, .cp-reviews h4 a { color: #222; } .cp-comments .date-time, .cp-reviews .date-time { color: #888888; margin-bottom: 13px; } .cp-comments p, .cp-reviews p { margin: 0px; } .cp-comments li .cp-comments, .cp-reviews li .cp-reviews { margin-left: 100px; width: auto; } .cp-comments .comments, .cp-reviews .review { width: 100%; float: left; margin-bottom: 30px; } .cp-review { padding-left: 100px; width: 100%; } .cp-review .cp-rating { display: inline-block; margin-left: 27px; } .replay-comment { background: #ebebeb; height: 35px; width: 35px; border-radius: 100%; text-align: center; line-height: 35px; } .replay-comment a { color: #999999; } .cp-comments-form .input-group, .cp-review-form .input-group { width: 100%; } .cp-comments-form .material-input.input, .cp-comments-form .material-input.textarea, .cp-review-form .material-input.input, .cp-review-form .material-input.textarea { margin: 0 0 30px; padding: 0px; width: 100%; float: left; } .cp-comments-form .material-input.input .material-input.input, .cp-comments-form .material-input.textarea .material-input.textarea, .cp-review-form .material-input.input .material-input.input, .cp-review-form .material-input.textarea .material-input.textarea { margin: 0px; padding: 0px; } .cp-comments-form .material .material-input input, .cp-review-form .material .material-input input { border: 1px solid #ccc; width: 100%; float: left; height: 40px; border-radius: 2px; font-size: 14px; padding-left: 15px; } .cp-comments-form .material .material-input textarea, .cp-review-form .material .material-input textarea { border: 1px solid #ccc; width: 100%; float: left; border-radius: 2px; font-size: 14px; padding-left: 15px; resize: none; min-height: 180px; } .cp-comments-form .btn-submit, .cp-review-form .btn-submit { border-radius: 2px; box-shadow: 0 0 4px rgba(0, 0, 0, 0.13); color: #fff; float: right; font: 400 15px/40px "Roboto", sans-serif; margin-top: 10px; padding: 0 25px; text-transform: uppercase; } .cp-review-form .material .material-input textarea { min-height: 112px; height: 112px; resize: none; } .cp-review-form h3 { margin: 0 0 17px; padding: 0px; font-size: 20px; font-weight: 500; text-transform: uppercase; } .cp-pro-details-tabs .tab-content { padding: 20px 0 0; } .cp-review-form { margin-top: 23px; } /**************** Single Post End *******************/ /**************** Blog Authors *******************/ .cp-authors-grid { width: 100%; padding: 0px; margin: 0px; } .cp-authors-grid li { list-style: none; } .cp-authors-grid .cp-author-box { width: 100%; float: left; clear: both; border-radius: 2px; overflow: hidden; box-shadow: 0 2px 4px rgba(0,0,0,.23); margin: 15px 0; text-align: center; padding-bottom: 18px; } .cp-authors-grid .cp-author-box h3 { margin: 15px 0 12px; font-size: 20px; font-weight: 500; text-transform: uppercase; width: 100%; float: left; } .cp-authors-grid .cp-author-box p { color: #888; margin: 0px; } /**************** Blog Authors End *******************/ /**************** Image Gallery Start *******************/ .cp-gallery-grid { width: 100%; float: left; clear: both; padding: 0px; margin: 0px; } .cp-gallery-grid li { list-style: none; margin: 15px 0; } .gallery-hover { width: 0; height: 0; position: absolute; z-index: 8; text-align: center; background: rgba(0,0,0,.8); opacity: 0; top: 0px; left: 0px; right: 0px; bottom: 0px; margin: auto; border-radius: 50px; } /* .gallery-hover a { width: 0px; height: 0px; font-size: 0px; background: url(../images/plus.png); display: block; position: absolute; left: 0px; right: 0px; bottom: 0px; top: 0px; margin: auto; opacity:0; } */ .cp-gallery-grid li:hover .gallery-hover, .cp-gallery figure:hover .gallery-hover { opacity: 1; width: 100%; height: 100%; border-radius: 0; } .cp-gallery-grid li:hover .gallery-hover a, .cp-gallery figure:hover .gallery-hover a { width: 78px; height: 78px; opacity: 1; } .gallery-hover a { transition: all ease-in-out 0.5s; -webkit-transition: all ease-in-out 0.5s; width: 0px; height: 0px; display: block; position: absolute; left: 0px; right: 0px; bottom: 0px; top: 0px; margin: auto; opacity: 0; } /*-----------------------------------------------------------------------------------*/ /* 08. Classic Gallery /*-----------------------------------------------------------------------------------*/ .cp-gallery { width: 100%; float: left; clear: both; } .cp-gallery figure { overflow: hidden; position:relative; width:100%; float:left; } .cp-gallery img { width: 100%; height: auto; border-radius: 2px; } .cp-gallery .isotope:after { content: ''; display: block; clear: both; } .cp-gallery .isotope .item { float: left; padding: 0 15px 0 15px; margin-bottom: 30px; overflow: hidden; } .cp-gallery .isotope .item { width: 25%; height: 250px; } .cp-gallery .isotope .item.width2 { width: 50%; } .cp-gallery .isotope .item.height2 { height: 530px } .cp-gallery .cp-gallery-elite .isotope .item { width: 33%; height: 280px; } .cp-gallery .cp-gallery-elite .isotope .item.width2 { width: 66.5%; } .cp-gallery .cp-gallery-elite .isotope .item.height2 { height: 590px } .cp-gallery .cp-gallery-masonry .isotope .item { width: 25%; height: auto; } .cp-gallery .cp-masonry-posts .isotope .item { width: 33%; height: auto; overflow: visible; } .cp-gallery .cp-masonry-posts-50 .isotope .item { width: 50%; height: auto; overflow: visible; } .cp-gallery figure img { width: 100%; height: auto; } /*-----------------------------------------------------------------------------------*/ /* 31. RESPONSIVE /*-----------------------------------------------------------------------------------*/ @media (min-width: 1200px) { .cp-gallery .isotope .item { width: 25% } .cp-gallery .isotope .width2 { width: 50% } } @media (min-width: 992px) and (max-width: 1199px) { .cp-gallery .isotope .item { width: 25%; height: auto; } .cp-gallery .isotope .width2 { width: 25% } .cp-gallery .isotope .item.height2 { height: auto } } @media (min-width: 768px) and (max-width: 991px) { .cp-gallery .isotope .item { width: 50%; height: auto; } .cp-gallery .isotope .width2 { width: 50% } .cp-gallery .isotope .item.height2 { height: auto } } @media (max-width: 767px) { .cp-gallery .isotope .item { width: 100% !important; height: auto !important; } } /**************** Image Gallery End *******************/ /**************** Masonry Posts *******************/ .cp-masonry-posts, .cp-masonry-posts-50 { width: 100%; float: left; clear: both; } .cp-masonry-posts .cp-post, .cp-masonry-posts-50 .cp-post { box-shadow: 0 2px 4px rgba(0,0,0,.23); border-radius: 2px; } .cp-masonry-posts .cp-post-content, .cp-masonry-posts-50 .cp-post-content { padding: 18px 20px 16px; } .cp-masonry-posts .cp-post-content h3, .cp-masonry-posts-50 .cp-post-content h3 { margin: 0 0 17px; font-size: 16px; font-weight: 500; } .cp-masonry-posts .sticky h3, .cp-masonry-posts-50 .sticky h3 { font-size: 30px; font-weight: 700; } .cp-masonry-posts .cp-post-content p, .cp-masonry-posts-50 .cp-post-content p { margin: 0px; line-height: 24px; } .cp-masonry-posts .cp-post-content .cp-post-tools, .cp-masonry-posts-50 .cp-post-content .cp-post-tools { margin: 0 0 9px; } .cp-masonry-posts .cp-post-content .cp-post-rating, .cp-masonry-posts-50 .cp-post-content .cp-post-rating { position: relative; box-shadow: 0 2px 4px rgba(0,0,0,.23); width: auto; display: inline-block; border-radius: 2px; padding: 0 15px; line-height: 30px; position: absolute; background: #fff; top: -15px; } .cp-masonry-posts .cp-post-content blockquote, .cp-masonry-posts .cp-post-content strong.link-post, .cp-masonry-posts-50 .cp-post-content blockquote, .cp-masonry-posts-50 .cp-post-content strong.link-post { margin: 0px; padding: 0px; border: 0px; font-size: 20px; font-weight: 500; line-height: 28px; padding-left: 50px; position: relative; word-wrap: break-word; display: block; } .cp-masonry-posts .cp-post-content blockquote:before, .cp-masonry-posts .cp-post-content strong.link-post:before, .cp-masonry-posts-50 .cp-post-content blockquote:before, .cp-masonry-posts-50 .cp-post-content strong.link-post:before { content: "\f10d"; font-family: FontAwesome; font-size: 36px; position: absolute; left: 0px; top: 9px; } .cp-masonry-posts .cp-post-content strong.link-post:before, .cp-masonry-posts-50 .cp-post-content strong.link-post:before { content: "\f0c1"; } .cp-masonry-posts #cp-cat-slider, .cp-masonry-posts-50 #cp-cat-slider { clear: both; float: left; position: relative; width: 100%; } .cp-masonry-posts .owl-theme .owl-controls { position: absolute; top: 35%; left: 0px; width: 100%; z-index: 99; } /**** Author Box ***/ .cp-author-box-large { box-shadow: 0 2px 4px rgba(0,0,0,.23); width: 100%; float: left; border-radius: 2px; } .cp-author-box-large .cp-author-details { width: 100%; float: left; padding: 17px 20px 20px; } .cp-author-box-large .cp-author-details h3 { text-align: center; font-size: 20px; font-weight: 500; margin: 0px; } .cp-author-box-large .cp-author-details small { text-align: center; color: #888888; font-size: 14px; display: inherit; margin: 7px 0 9px; } .cp-author-box-large .cp-author-social { margin: 0px; padding: 0px; width: 100%; float: left; text-align: center; } .cp-author-box-large .cp-author-social li { list-style: none; display: inline-block; margin: 0 4px 0 3px; } .cp-author-box-large .cp-author-social li a { width: 43px; height: 43px; display: block; border: 1px solid #ccc; border-radius: 100%; font-size: 20px; color: #ccc; text-align: center; line-height: 43px; } .cp-author-box-large p { line-height: 24px; } /*************** 404 Page *******************/ .p404 { width: 100%; float: left; text-align: center; padding: 50px 0; } .p404 h2 { font-size: 48px; font-weight: 500; line-height: normal; color: #222222; margin: 33px 0 20px; } .p404 strong { color: #888888; font-size: 20px; font-weight: 500; text-transform: uppercase; } .p404 .loadmore-holder { margin-bottom: 50px; } .p404 .navbar-form .form-control { width: 500px; border: 0; border-radius: 2px; box-shadow: 0 0px 4px rgba(0,0,0,.23); height: 41px; line-height: 41px; padding-left: 15px; } .p404 .btn-submit { border: 0px; border-radius: 2px; color: #fff; font-size: 15px; line-height: 41px; text-transform: uppercase; box-shadow: 0 0px 4px rgba(0,0,0,.23); padding: 0 15px; margin-left: 2px; } /****************** 404 Page ****************/ /****************** Contact Us Page ****************/ .cp-contact-form .material .material-input { margin: 0px; padding: 0px; } .cp-contact-form .input-group { width: 100%; } .cp-contact-form ul { margin: 0px; padding: 0px; } .cp-contact-form ul li.input-group { list-style: none; border-bottom: 1px solid #cccccc; padding: 20px 0; } .cp-contact-form ul li {list-style:none;} .cp-contact-form .input-group-addon { background-color: #fff; border: 0; border-radius: 0px; color: #888888; font-size: 14px; font-weight: normal; line-height: 1; text-align: center; width: 41px; border-right: 1px solid #ccc !important; height: 21px; padding: 0px; vertical-align: top; line-height: 21px; } .cp-contact-form .material .material-input input { border: 0px; height: 21px; padding: 0 15px; font-size: 14px; } .cp-contact-form .material .material-input textarea { border: 0px; padding: 0 15px; } .cp-contact-form .form-control { border-radius: 0px; background: #fff; box-shadow: none; border: 0px; } .cp-contact-form .material .material-bar::before, .cp-contact-form .material .material-bar::after { bottom: -21px; } .cp-contact-form .form-control:focus { box-shadow: none; } .cp-contact-form .btn-submit { border: 0px; color: #fff; border-radius: 2px; box-shadow: 0 2px 4px rgba(0,0,0,.23); float: right; margin-top: 30px; height: 41px; line-height: 41px; padding: 0 25px; text-transform: uppercase; } .contact-info ul { padding: 0px; margin: 0px; } .contact-info li { list-style: none; color: #888888; border-bottom: 1px solid #cccccc; padding: 13px 0 17px; } .contact-info .address-addon { float: left; width: 27px; line-height: 24px; } .contact-info p { margin: 0px; line-height: 24px; padding-left: 27px; } .toggle-map { height: 120px; line-height: 120px; text-align: center; margin-top: 50px; } .toggle-map .btn-primary { background: none; border: 0px; box-shadow: none; padding: 0px; font-size: 18px; font-weight: 700; color: #fff; text-transform: uppercase; line-height: 40px; outline: none; } .toggle-map .btn-primary:focus, .toggle-map .btn-primary:hover {outline:none;} .toggle-map .btn-primary:hover, .toggle-map .btn-primary:focus { background: none; } .toggle-map .btn-primary .fa-map-marker { font-size: 40px; text-shadow: 0 2px 3px rgba(0,0,0,.23); margin-right: 20px; } .toggle-map .btn-primary.collapsed:after, .toggle-map .btn-primary:after { content: "\f107"; font-family: FontAwesome; height: 26px; width: 26px; text-align: center; line-height: 26px; background: #fff; border-radius: 2px; box-shadow: 0 2px 3px rgba(0,0,0,.23); color: #0f0f0f; display: inline-block; margin-left: 20px; } .toggle-map .btn-primary:after { content: "\f106 "; } .map_canvas { width: 100%; height: 550px; } .map_canvas iframe {width:100%;} .cp-no-margin { margin-bottom: 0px; padding-bottom: 0px; } /****************** Contact Us Page ****************/ /****************** Login Page ****************/ .cp-login-box { width: 32%; margin: 0 auto; box-shadow: 0 2px 4px rgba(0,0,0,.23); padding: 80px 30px 30px; box-sizing: border-box; -webkit-box-sizing: border-box; position: relative; margin-top: 50px; display: table; } .cp-login-box .user-pic { background: #fff; width: 110px; height: 110px; border-radius: 100%; box-shadow: 0 2px 4px rgba(0,0,0,.23); overflow: hidden; position: absolute; left: 0px; right: 0px; margin: auto; top: -55px; } .cp-login-box .user-pic img { width: 100%; height: auto; border: 5px solid #fff; border-radius: 100%; } .cp-login-form ul { margin: 0px; padding: 0px; } .cp-login-form .material .material-group label { color:rgba(0,0,0,.0);} .cp-login-form .material .material-group label:before {content:"Remember me"; color:#666;} .cp-register-form .cp-login-form .material .material-group label:before {content:"I’ve read Terms & Conditions"; color:#666;} .cp-login-form ul li { list-style: none; margin-bottom: 20px; clear: both; width: 100%; float: left; } .cp-login-form .input-group-addon { background: none; border: 0px; border-right: 1px solid #ccc !important; padding: 0px; text-align: center; width: 45px; color: #888888; font-size: 15px; } .cp-login-form .input-group { border: 1px solid #ccc; border-radius: 2px; padding: 10px 0; width: 100%; } .cp-login-form .input-group .form-control { border: 0px; box-shadow: none; padding: 0 0 0 15px; height: 21px; line-height: 21px; font-size: 14px; } .cp-login-form .material .material-input { margin: 0px; padding: 0px; } .cp-login-form .material .material-bar:before, .cp-login-form .material .material-bar:after { bottom: -10px; } .cp-login-form .material .material-checkbox:before { content: "\f00c"; font-family: FontAwesome; background: #fff; color: #888888; padding: 0px; font-size: 10px; } .cp-login-form .material .material-checkbox { border: 1px solid #cccccc; width: 15px; height: 15px; border-radius: 2px; } .cp-login-form .material .material-group { margin: 0px; padding: 0px; float: left; } .cp-login-form .material-group-item > label { font-size: 14px; color: #888; font-family: 'Roboto', sans-serif; } .cp-login-form .btn-submit { float: right; color: #fff; box-shadow: 0 2px 4px rgba(0,0,0,.23); border-radius: 2px; height: 40px; line-height: 38px; padding: 0 15px; font-size: 15px; text-transform: uppercase; } .cp-login-form .forgot { text-align: right; font-style: italic; } .cp-login-form .or-sp { width: 100%; float: left; text-align: center; margin:10px 0 16px; } .cp-login-form .or-sp strong { width: 40px; height: 31px; border-radius: 2px; box-shadow: 0 2px 4px rgba(0,0,0,.23); display: inline-block; color: #fff; line-height: 31px; position: relative; } .cp-login-form .or-sp strong:before { position: absolute; width: 70px; height: 1px; background: #cccccc; content: ""; left: -80px; top: 15px; } .cp-login-form .or-sp strong:after { position: absolute; width: 70px; height: 1px; background: #cccccc; content: ""; right: -80px; top: 15px; } .cp-social-login {text-align:center;} .cp-login-form .cp-social-login li {margin-bottom:10px;} .cp-social-login h3 {margin:0 0 7px; font-size:18px; font-weight:700; text-transform:uppercase;} .cp-login-form .signup { width:100%; float:left; border-top:1px solid #ccc; text-align:right; margin-top:20px; padding-top:17px; font-style:italic;} .cp-login-form input[type="file"] { padding-left:10px;} /****************** Login Page End ****************/ /*animation effect*/ .catname { overflow: hidden; position: relative; } .cp-featured-news-slider .btn:hover { color: #fff; } .ink { display: block; position: absolute; background: rgba(0,0,0,.5); /* background: hsl(180, 40%, 80%); */ border-radius: 100%; transform: scale(0); color: #fff; } .ink.animate { animation: ripple 0.65s linear; color: #fff } @keyframes ripple { 100% { opacity: 0; transform: scale(2.5); } } .cp-thumb {background:none; transition:all ease-in-out 0.3s; -webkit-transition:all ease-in-out 0.3s;} .cp-thumb:hover img {opacity:.7; transform: scale(1.02);} /**************** Transition *******************/ .cp-thumb img, .gallery-hover, .cp-gallery-grid img, .cp-news-grid-style-1 .cp-news-post-excerpt h3 a, .catname-btn, .cp-news-post-excerpt img, .footer-social li a, .cp-thumb, .cp-pro-content, .cp-product-grid ul.grid > li, .cp-cart-button, .cp-post-content h3 a, .cp-news-grid-style-3 .grid-holder .cp-thumb { transition: all ease-in-out 0.3s; -webkit-transition: all ease-in-out 0.3s; } .cp-news-post {margin-bottom:30px;} .box-cookies.hide { display: none !important; } .box-cookies { position: fixed; background: rgba(0, 0, 0, .9); width: 100%; z-index: 998; bottom: 0; display: flex; align-items: center; justify-content: space-between; } .box-cookies .msg-cookies, .box-cookies .btn-cookies { text-align: center; padding: 25px; color: #fff; font-size: 18px; } .box-cookies .btn-cookies { background: #1e88e5; cursor: pointer; align-self: normal; } @media screen and (max-width: 600px) { .box-cookies { flex-direction: column; } }