/* ========================================================================== Roadmap ========================================================================== 1- General Theme Settings 2- Radio and Checkbox 3- Home Page V1 i) Top ii)NavBar 4- premium Videos 5- Category 6- main content i) content with sidebar 7- movie Section 8- footer 9- sidebar 10-carousel slider 11-off canvas menu 12- open heading 13-Random media 14- vertical thumb slider 15- Single Video Post 16- Profile Page 17- submit post page 18- login-register 19- pagination 20- page content 21- blog 22- 404 error page 23- Home Magazine */ /* ========================================================================== 1- General Theme Settings ========================================================================== */ * { margin: 0; padding: 0; } body { background-color: #f0f0f0; } .screen-reader-text{} .gallery-caption{} .bypostauthor{} .betube_float_none{ float:none !important; } p{ color: #6c6c6c !important; } img { object-fit: cover; -o-object-fit: cover; } .off-canvas-content, .off-canvas-content { background: #f0f0f0 !important; } .object-fit_fill { -o-object-fit: fill; object-fit: fill; } .object-fit_contain { -o-object-fit: contain; object-fit: contain; } .object-fit_cover { -o-object-fit: cover; object-fit: cover; } .object-fit_none { -o-object-fit: none; object-fit: none; } .object-fit_scale-down { -o-object-fit: scale-down; object-fit: scale-down; } .transition, .secondary-button, .secondary-button i, .hover-posts, .topBar .socialLinks a, .topBar .socialLinks a i, .top-button .menu li a, .top-button .menu li.dropdown-login .login-form input[type="submit"], .top-button .menu li.dropdown-login .login-form p a.newaccount, #navBar .top-bar .search-btn li.betubeSearch i, #navBar .top-bar .search-btn li.upl-btn a, #navBar .topbar-full .search-bar-full .icon-btn i, #navBar .navBlack .topbar-light-dark .search-btn li.betubeSearch i, #navBar .navBlack .topbar-light-dark .search-btn li.upl-btn a, #navBar .middleNav .search-btns li.betubeSearch i, #navBar .middleNav .search-btns li.upl-btn a, #navBar .middleNav .search-btns li.login a, #premium .owl-carousel .item, #premium .owl-carousel .item figure.premium-img figcaption, .content .post .post-thumb .video-stats, .content .main-heading .tabs li.tabs-title a, .content .main-heading .tabs li.tabs-title:last-of-type a, footer .widgetBox .tagcloud a, footer .widgetBox .widgetContent form button[type="submit"], footer .widgetBox .widgetContent .secondary-button, .sidebar .widgetBox .widgetContent .profile-overview li a, .sidebar .widgetBox .tagcloud a, #carouselSlider .item .inner-item .item-title, .light-off-menu .off-social a, .light-off-menu .off-social a i, .dark-off-menu .top-button .menu li:first-of-type a, #breadcrumb .breadcrumbs li a, .SinglePostStats .media-object .author-des .subscribe button, .SinglePostStats .media-object .social-share .post-like-btn form button, .SinglePostStats .media-object .social-share .post-like-btn form button i, .singlePostDescription .description .inner-btn, .showmore_trigger span, .comments .comment-box .media-object .comment-textarea input[type="submit"], .main-comment .media-object .comment-desc .comment-btns span a, .main-comment .media-object .comment-desc .comment-btns span a i, .followers .follower button, .profile-inner .show-more-inner .show-more-btn, .profile-inner .profile-videos .profile-video .media-object .video-btns a.video-btn, .profile-inner .profile-videos .profile-video .media-object .video-btns a.video-btn i, .profile-inner .profile-videos .profile-video .media-object .video-btns button[type="submit"], .profile-inner .profile-videos .profile-video .media-object .video-btns button[type="submit"] i, .pagination a, .blog-post .blog-post-content a.blog-post-btn, .blog-post .blog-post-content .blog-post-extras .extras a, .blog-post .blog-post-content .blog-post-extras .extras .easy-share button[data-easyshare-button], .blog-post .blog-post-content .blog-post-extras .extras .easy-share button[data-easyshare-button] span, .blog-post .blog-post-content .blog-pagination a, .blog-post .blog-post-content .blog-pagination a i { transition: all 0.5s ease; -webkit-transition: all 0.5s ease; } .row-btn { margin: 30px 0; } .button { font-weight: bold; border-radius: 5px; margin: 0; text-transform: uppercase; } .secondary-button { width: 30px; height: 30px; line-height: 30px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; background: #f6f6f6; display: inline-block; color: #8e8e8e; text-align: center; } .secondary-button i { color: #8e8e8e; font-size: 16px; } .secondary-button:hover { background: #e96969; color: #fff; } .secondary-button:hover i { color: #fff; } .secBg { background: #fff; border: 1px solid #ececec; } .thumb-border { border: 1px solid #ececec; } .hover-posts { visibility: hidden; display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); position: absolute; z-index: 5; top: 0; text-align: center; transform: scale(0); } .hover-posts span { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: 0 auto; color: #fff; font-size: 13px; text-transform: capitalize; } .hover-posts span i { color: #fff; font-size: 36px; display: block; margin-bottom: 5px; } .padding-14 { padding: 14px 0; } .removeBorder { border: none !important; } .removeBorderBottom { border-bottom: none !important; } .removePad { padding: 0 !important; } .removePadRight { padding-right: 0 !important; } .removeMargin { margin: 0 !important; } .googleAdv { text-align: center; margin-bottom: 30px; } .form-error { margin-top: 0 !important; color: #e96969; } .borderBottom { border-bottom: 1px solid #ececec; } .pad-bottom-30 { padding-bottom: 30px; } .whiteBg { background: #fff; } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #e96969 !important; } .owl-theme .owl-dots .owl-dot span { background: #222222 !important; margin: 2px !important; } .margin-bottom-10 { margin-bottom: 10px; } .breadMargin { margin-bottom: 30px; } .loadMore { margin-bottom: 100px; margin-top: 20px; } .loadMore .button { padding-left: 40px; padding-right: 40px; } .login-form .topProfilebtn.button{ margin-bottom: 20px; padding: 0 !important; } /* ========================================================================== 2- Radio and Checkbox ========================================================================== */ .customLabel { display: inline-block; cursor: pointer; position: relative; padding-left: 25px !important; margin-right: 15px; font-size: 13px; } .wrapper { width: 500px; margin: 50px auto; } input[type=radio], input[type=checkbox] { display: none; } .customLabel:before { content: "\f0c8"; font-family: 'FontAwesome'; color: #8e8e8e; display: inline-block; width: 16px; height: 16px; margin-right: 10px; position: absolute; left: 0; bottom: 3px; background: transparent; border: 1px solid #ececec; font-size: 11px; line-height: 15px; text-align: center; } .radio .customLabel:before { border-radius: 8px; } .checkbox .customLabel { margin-bottom: 10px; } .checkbox .customLabel:before { border-radius: 3px; } input[type=radio]:checked + .customLabel:before { content: "\f0c8"; font-family: 'FontAwesome'; color: #e96969; font-size: 11px; text-align: center; line-height: 15px; } input[type=checkbox]:checked + .customLabel:before { content: "\f0c8"; font-family: 'FontAwesome'; font-size: 11px; color: #e96969; text-align: center; line-height: 15px; } /* ========================================================================== 3- Home Page v1 i) Top ========================================================================== */ .topBar { border-bottom: 1px solid #ececec; padding: 5px 0; background: #f0f0f0; } .topBar .socialLinks a { display: inline-block; width: 30px; height: 30px; border: 1px solid #ececec; text-align: center; line-height: 30px; background: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; } .topBar .socialLinks a i { color: #8e8e8e; font-size: 16px; } .topBar .socialLinks a:hover { background: #e96969; } .topBar .socialLinks a:hover i { color: #fff; } .topBar .topBarMenu .menu li a { padding: 8px 10px 8px 0; font-size: 12px; text-transform: uppercase; color: #6c6c6c; display: inline-block; } .topBar .topBarMenu .menu li a i { display: inline-block; font-size: 12px; color: #6c6c6c; } .topBar .topBarMenu .menu li a:hover { color: #e96969; } .topBar .topBarMenu .menu li a:hover i { color: #e96969; } .topBarBlack { background: #303030; border-color: #303030; } .topBarBlack .socialLinks a { background: #444444; border: 1px solid #444; color: #aaaaaa; } .topBarBlack .socialLinks a:hover { background: #e96969; } .top-button .menu li:nth-of-type(2) a { background: #e96969; } .top-button .menu li:nth-of-type(2) a:hover { background: #e95252; } .top-button .menu li a.active { background: #e95252; } .top-button .menu li a { display: inline-block; margin-left: 5px; padding: 9px 15px; background: #444; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; color: #fff; text-transform: capitalize; font-size: 12px; } .top-button .menu li a:hover { background: #e96969; } .top-button .menu li.dropdown-login { position: relative; } .top-button .menu li.dropdown-login .login-form { display: none; position: absolute; padding: 30px 10px; width: 250px; border-top: 2px solid #e96969; top: 120%; right: 0; background: #fff; z-index: 999; border-right: 1px solid #ececec; border-left: 1px solid #ececec; border-bottom: 1px solid #ececec; } .top-button .menu li.dropdown-login .login-form h6 { font-weight: 600; margin-bottom: 18px; } .top-button .menu li.dropdown-login .login-form .input-group { margin-bottom: 10px; } .top-button .menu li.dropdown-login .login-form .input-group .input-group-label:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .top-button .menu li.dropdown-login .login-form .input-group .input-group-label i { font-size: 13px; color: #6c6c6c; } .top-button .menu li.dropdown-login .login-form .input-group input { font-size: 13px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .top-button .menu li.dropdown-login .login-form fieldset { margin-bottom: 14px; } .top-button .menu li.dropdown-login .login-form fieldset label { font-size: 12px; color: #8e8e8e; } .top-button .menu li.dropdown-login .login-form input[type="submit"] { width: 100%; border: 1px solid #f6f6f6; text-align: center; text-transform: capitalize; background: #f0f0f0; font-size: 13px; color: #8e8e8e; padding: 10px 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; margin-bottom: 30px; } .top-button .menu li.dropdown-login .login-form input[type="submit"]:hover { background: #e96969; color: #fff; border: 1px solid #e96969; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; } .top-button .menu li.dropdown-login .login-form p { font-size: 12px; color: #8e8e8e; } .top-button .menu li.dropdown-login .login-form p a.newaccount { color: #222222; background: transparent !important; padding: 0; margin: 0; font-weight: 600; } .top-button .menu li.dropdown-login .login-form p a.newaccount:hover { color: #e96969; } .top-button .menu li.dropdown-login .login-form-dark { background: #303030; border-right: 1px solid #222222; border-left: 1px solid #222222; border-bottom: 1px solid #222222; z-index: 11; } .top-button .menu li.dropdown-login .login-form-dark h6 { color: #aaaaaa; } .top-button .menu li.dropdown-login .login-form-dark .input-group .input-group-label { background: #444444; border-color: #444444; } .top-button .menu li.dropdown-login .login-form-dark .input-group .input-group-label i { font-size: 13px; color: #aaaaaa; } .top-button .menu li.dropdown-login .login-form-dark .input-group input { background: #303030; border-color: #444444; } .top-button .menu li.dropdown-login .login-form-dark fieldset label { color: #aaaaaa !important; } .top-button .menu li.dropdown-login .login-form-dark .checkbox label { color: #aaaaaa; } .top-button .menu li.dropdown-login .login-form-dark input[type="submit"] { background: #444444; color: #aaaaaa; border-color: #444444; } .top-button .menu li.dropdown-login .login-form-dark p a.newaccount { color: #aaaaaa; } /* ========================================================================== ii) NavBar ========================================================================== */ #navBar { background: #fff; position: relative; z-index: 100; } #navBar .top-bar { padding: 0; } #navBar .top-bar .menu-text { padding: 20px 0 !important; margin: 0 !important; } #navBar .top-bar .menu > li { padding-left: 30px; } #navBar .top-bar .menu > li > a { padding: 0; } #navBar .top-bar .menu > li:not(.menu-text) > a { padding: 32px 0; font-size: 13px; border-bottom: 2px solid transparent; text-transform: uppercase; color: #6c6c6c; } #navBar .top-bar .menu > li:not(.menu-text) > a:hover { border-bottom: 2px solid #e96969; } #navBar .top-bar .menu > li:not(.menu-text) > a:hover i { color: #e96969; } #navBar .top-bar .menu > li:first-of-type { padding: 0; } #navBar .top-bar li.active a { border-bottom: 2px solid #e96969 !important; background: none; color: #6c6c6c; } #navBar .top-bar li.active a i { color: #e96969; } #navBar .top-bar li.active a:hover { border-bottom: 2px solid #e96969 !important; } #navBar .top-bar .search-btn { padding: 17px 0; margin-left: 30px; } #navBar .top-bar .search-btn li.betubeSearch { padding-left: 5px; } #navBar .top-bar .search-btn li.betubeSearch i { display: inline-block; width: 40px; height: 40px; font-size: 13px; background: #f6f6f6; text-align: center; line-height: 40px; cursor: pointer; border-radius: 3px; border: 1px solid #ececec; } #navBar .top-bar .search-btn li.betubeSearch i:hover { background: #e96969; color: #fff; } #navBar .top-bar .search-btn li.betubeSearch-active i { background: #e96969; color: #fff; } #navBar .top-bar .search-btn li.upl-btn a { font-size: 13px; background: #f6f6f6; border: 1px solid #ececec; border-radius: 3px; padding: 13px 14px !important; } #navBar .top-bar .search-btn li.upl-btn a:hover { background: #e96969; color: #fff; border: 1px solid #e96969; } #navBar .top-bar .dropdown.menu .submenu { border: none; border-top: 2px solid #e96969; border-right: 1px solid #ececec; border-left: 1px solid #ececec; } #navBar .top-bar .dropdown.menu .submenu li { display:block; padding: 0 !important; } #navBar .top-bar .dropdown.menu .submenu li a { border-bottom: 1px solid #ececec !important; padding: 15px !important; } #navBar .top-bar .dropdown.menu .submenu li a i { color: #8e8e8e !important; } #navBar .top-bar .dropdown.menu .submenu li a:hover { background: #f0f0f0; } #navBar .top-bar .dropdown.menu .submenu li a:hover i { color: #e96969 !important; } #navBar .top-bar .dropdown.menu .submenu li:hover a { border-bottom: 1px solid #ececec !important; } .dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu{ top:97%; } #navBar .topbar-full { width: 100%; background: #fff; border: 1px solid #ececec; padding: 15px 50px; } #navBar .topbar-full .toplogo { width: 9%; margin: 0 15px; } #navBar .topbar-full .toplogo .menu { margin: 0; overflow: hidden; } #navBar .topbar-full .toplogo .menu li { padding: 0; } #navBar .topbar-full .toplogo .menu li a { padding: 0; } #navBar .topbar-full .toplogo .menu li a img{ width: 100%; height: 100%; object-fit: cover; -o-object-fit: cover; } #navBar .topbar-full .topnews { width: 24%; } #navBar .topbar-full .topnews .newsTicker { width: 100%; } #navBar .topbar-full .topnews .newsTicker i { display: inline-block; font-size: 13px; margin-right: 5px; } #navBar .topbar-full .topnews .newsTicker span { display: inline-block; font-size: 13px; border-right: 1px solid #ececec; margin-right: 10px; padding-right: 10px; color: #444444; font-weight: 600; } #navBar .topbar-full .topnews .newsTicker #newsBar { list-style: none; display: inline-block; margin: 0; } #navBar .topbar-full .topnews .newsTicker #newsBar li { display: none; } #navBar .topbar-full .topnews .newsTicker #newsBar li a { font-size: 13px; color: #aaaaaa; } #navBar .topbar-full .topnews .newsTicker #newsBar li a:hover { color: #e96969; } #navBar .topbar-full .topsearch { width: 40%; } #navBar .topbar-full .topbtn { width: 21%; } #navBar .topbar-full .search-bar-full { width: 100%; } #navBar .topbar-full .search-bar-full .input-group { margin-bottom: 0; } #navBar .topbar-full .search-bar-full input[type="search"] { height: 30px; width: 100%; color: #aaaaaa; font-size: 12px; padding-top: 5px; padding-bottom: 5px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; } #navBar .topbar-full .search-bar-full .icon-btn { position: relative; } #navBar .topbar-full .search-bar-full .icon-btn .button { margin-right: 0; height: 30px; line-height: 30px; padding: 0 8px; font-size: 12px; text-align: left; background: #f0f0f0; color: #8e8e8e; width: 80px; border: 1px solid #ececec; font-weight: normal; text-transform: capitalize; border-left: 0; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } #navBar .topbar-full .search-bar-full .icon-btn i { font-size: 12px; display: inline-block; right: 14px; top: 8px; position: absolute; } #navBar .topbar-full .search-bar-full .icon-btn:hover input { background: #e96969; color: #fff; } #navBar .topbar-full .search-bar-full .icon-btn:hover i { color: #fff; } #navBar .topbar-dark { background: #303030; border: 1px solid #303030; } #navBar .topbar-dark .btn-toggle .secondary-button { background: #444444; } #navBar .topbar-dark .topnews .newsTicker i { color: #e96969; } #navBar .topbar-dark .topnews .newsTicker span { border-right: 1px solid #444; } #navBar .topbar-dark .topsearch .search-bar-full input[type="search"] { background: none; border-color: #444444; } #navBar .topbar-dark .topsearch .search-bar-full .icon-btn .button { background: #444444; border-color: #444444; } #navBar .search-bar-light { display: none; position: absolute; left: 0; right: 0; margin: 0 auto; width: 85%; border: 1px solid #ececec; padding: 14px; background: #fff; } body#boxed #navBar .search-bar-light{ width:100%; } #navBar .search-bar-light .search-input { display: inline-block; width: 87%; } #navBar .search-bar-light .search-input input[type="search"] { height: 50px; font-size: 13px; margin-bottom: 0; border-radius: 5px; } #navBar .search-bar-light .search-btn { display: inline-block; width: 13%; } #navBar .search-bar-light .search-btn button.button { margin: 0; border-radius: 5px; } #navBar .search-bar-dark { border: 1px solid #444444; background: #303030; } #navBar .search-bar-dark .search-input input[type="search"] { background: #303030; border-color: #444444; } #navBar .navBlack { background: #444444; border-color: #444444; } #navBar .navBlack .topbar-light-dark { background: #444444; } #navBar .navBlack .topbar-light-dark ul { background: #444444; } #navBar .navBlack .topbar-light-dark .menu > li:not(.menu-text) > a { color: #aaaaaa; } #navBar .navBlack .topbar-light-dark .dropdown.menu .submenu { border: none; border-top: 2px solid #e96969; border-right: 1px solid #303030; border-left: 1px solid #303030; } #navBar .navBlack .topbar-light-dark .dropdown.menu .submenu li { padding: 0 !important; } #navBar .navBlack .topbar-light-dark .dropdown.menu .submenu li a { border-bottom: 1px solid #303030 !important; padding: 15px !important; background: #444 !important; border-bottom: 1px solid #303030 !important; } #navBar .navBlack .topbar-light-dark .dropdown.menu .submenu li a i { color: #8e8e8e !important; } #navBar .navBlack .topbar-light-dark .dropdown.menu .submenu li a:hover { background: #303030 !important; } #navBar .navBlack .topbar-light-dark .dropdown.menu .submenu li a:hover i { color: #e96969 !important; } #navBar .navBlack .topbar-light-dark .dropdown.menu .submenu li:hover a { border-bottom: 1px solid #444 !important; } #navBar .navBlack .topbar-light-dark .search-btn li.betubeSearch i { background: #303030; border: 1px solid #303030; } #navBar .navBlack .topbar-light-dark .search-btn li.betubeSearch i:hover { background: #e96969; color: #fff; } #navBar .navBlack .topbar-light-dark .search-btn li.search-active i { background: #e96969; color: #fff; } #navBar .navBlack .topbar-light-dark .search-btn li.upl-btn a { background: #303030; border: 1px solid #303030; } #navBar .navBlack .topbar-light-dark .search-btn li.upl-btn a:hover { background: #e96969; color: #fff; border: 1px solid #e96969; } #navBar .navFull .topbar-light-dark .menu > li:not(.menu-text) > a { padding: 15px 10px !important; color: #fff; } #navBar .navFull .topbar-light-dark .menu > li:not(.menu-text) > a:hover { background: #e96969; color: #fff !important; } #navBar .navFull .topbar-light-dark .menu > li:not(.menu-text) > a:hover i { color: #fff !important; } #navBar .navFull .topbar-light-dark .menu > li { padding-left: 2px; } #navBar .navFull .topbar-light-dark li.active a { background: #e96969; color: #fff; } #navBar .navFull .topbar-light-dark li.active a i { color: #fff !important; } #navBar .navFull .topbar-light-dark li.active a:hover { background: #e96969; color: #fff !important; } #navBar .navFull .topbar-light-dark li.active a:hover i { color: #fff; } #navBar .navFull .topbar-light-dark .topnews .newsTicker { width: 100%; padding: 11px 0; } #navBar .navFull .topbar-light-dark .topnews .newsTicker i { display: inline-block; font-size: 13px; margin-right: 5px; color: #e96969; } #navBar .navFull .topbar-light-dark .topnews .newsTicker span { font-size: 13px; border-right: 1px solid #fff; margin-right: 10px; padding-right: 10px; color: #FFFFFF; font-weight: 600; } #navBar .navFull .topbar-light-dark .topnews .newsTicker #newsBar { list-style: none; display: inline-block; margin: 0; } #navBar .navFull .topbar-light-dark .topnews .newsTicker #newsBar li { display: none; } #navBar .navFull .topbar-light-dark .topnews .newsTicker #newsBar li a { font-size: 13px; color: #aaaaaa; } #navBar .navFull .topbar-light-dark .topnews .newsTicker #newsBar li a:hover { color: #e96969; } #navBar .navfull-v2-light { background: #f0f0f0; } #navBar .navFull-v2 .topbar-light-dark .menu > li:not(.menu-text) > a { padding: 15px 10px !important; color: #fff; } #navBar .navFull-v2 .topbar-light-dark .menu > li:not(.menu-text) > a:hover { background: #303030; color: #fff; border-bottom: 2px solid #e96969; } #navBar .navFull-v2 .topbar-light-dark .menu > li:not(.menu-text) > a:hover i { color: #fff; } #navBar .navFull-v2 .topbar-light-dark li.active a { background: #303030; color: #fff; border-bottom: 2px solid #e96969; } #navBar .navFull-v2 .topbar-light-dark li.active a:hover { background: #e96969; color: #fff; } #navBar .navFull-v2 .topbar-light-dark .search-btn { padding: 9px 0 0 0; } #navBar .navFull-v2 .topbar-light-dark .search-btn li.betubeSearch i { width: 30px; height: 30px; line-height: 30px; } #navBar .navFull-v2 .top-bar-light { background: #f0f0f0; } #navBar .navFull-v2 .top-bar-light ul { background: #f0f0f0; } #navBar .navFull-v2 .top-bar-light .menu > li:not(.menu-text) > a { padding: 15px 10px !important; color: #6c6c6c; border-bottom: none !important; } #navBar .navFull-v2 .top-bar-light .menu > li:not(.menu-text) > a:hover { background: #444; color: #fff; border-bottom: none !important; } #navBar .navFull-v2 .top-bar-light .menu > li:not(.menu-text) > a:hover i { color: #fff; } #navBar .navFull-v2 .top-bar-light li.active a { background: #444; color: #fff !important; border-bottom: none !important; } #navBar .navFull-v2 .top-bar-light .dropdown.menu .submenu { border: none; border-top: none; border-right: 1px solid #303030; border-left: 1px solid #303030; } #navBar .navFull-v2 .top-bar-light .dropdown.menu .submenu li { padding: 0 !important; } #navBar .navFull-v2 .top-bar-light .dropdown.menu .submenu li a { border-bottom: 1px solid #303030 !important; padding: 15px !important; background: #444 !important; border-bottom: 1px solid #303030 !important; } #navBar .navFull-v2 .top-bar-light .dropdown.menu .submenu li a i { color: #8e8e8e !important; } #navBar .navFull-v2 .top-bar-light .dropdown.menu .submenu li a:hover { background: #e96969 !important; color: #fff; } #navBar .navFull-v2 .top-bar-light .dropdown.menu .submenu li a:hover i { color: #e96969 !important; } #navBar .navFull-v2 .top-bar-light .dropdown.menu .submenu li:hover a { border-bottom: 1px solid #444 !important; } #navBar .navFull-v2 .top-bar-light .search-btn { padding: 6px 0 0 0; } #navBar .navFull-v2 .top-bar-light .search-btn li.betubeSearch i { background: #444444; width: 30px; height: 30px; line-height: 30px; } #navBar .navFull-v2 .top-bar-light .search-btn li.betubeSearch i:hover { background: #e96969; border-color: #e96969; } #navBar .navFull-v2 .top-bar-light .search-btn li.search-active i { background: #e96969; } #navBar .middleNav { padding: 15px 0; } #navBar .middleNav .logo { margin-top: 10px; } #navBar .middleNav .search-btns { padding: 9px 0; } #navBar .middleNav .search-btns li.betubeSearch { padding-left: 5px; } #navBar .middleNav .search-btns li.betubeSearch i { display: inline-block; width: 40px; height: 40px; font-size: 13px; background: #f6f6f6; text-align: center; line-height: 40px; cursor: pointer; border-radius: 3px; border: 1px solid #ececec; } #navBar .middleNav .search-btns li.betubeSearch i:hover { background: #e96969; color: #fff; } #navBar .middleNav .search-btns li.search-active i { background: #e96969; color: #fff; } #navBar .middleNav .search-btns li.upl-btn a { font-size: 13px; background: #f6f6f6; border: 1px solid #ececec; border-radius: 3px; padding: 13px 14px !important; color: #6c6c6c; } #navBar .middleNav .search-btns li.upl-btn a:hover { background: #e96969; color: #fff; border: 1px solid #e96969; } #navBar .middleNav .search-btns li.login a { font-size: 13px; background: #f0f0f0; border: 1px solid #ececec; border-radius: 3px; padding: 13px 14px !important; color: #6c6c6c; margin-left: 10px; } #navBar .middleNav .search-btns li.login a:hover { background: #e96969; color: #fff; border: 1px solid #e96969; } #navBar .middleNav .search-bar-light { top: 89px; z-index: 100; } /* ========================================================================== 4- Premium Videos ========================================================================== */ .premium-v4 { margin-top: 0 !important; border-top: none !important; } #premium { background: #fff; border-bottom: 1px solid #ececec; border-top: 1px solid #ececec; margin-bottom: 30px; margin-top: 30px; } #premium .heading { padding: 18px 0; } #premium .heading h4{ margin: 0; padding-top: 5px; } #premium .heading h4 i{ color: #e96969; display: inline-block; font-size: 18px; margin-right: 11px; } #premium .heading .navText { margin-top: 3px; } #premium .owl-carousel .item { position: relative; } #premium .owl-carousel .item figure.premium-img { overflow: hidden; position: relative; z-index: 1; width: 100%; height: 300px; margin: 0; } #premium .owl-carousel .item figure.premium-img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } #premium .owl-carousel .item figure.premium-img figcaption { font-weight: bold; position: absolute; z-index: 3; bottom: -4px; background: rgba(0, 0, 0, 0.6); width: 100%; padding: 20px; background: url("../images/gradient.png") repeat; } #premium .owl-carousel .item figure.premium-img figcaption h5 { color: #fff; margin-bottom: 0; font-size: 16px; } #premium .owl-carousel .item figure.premium-img figcaption p { color: #fff; font-size: 13px; margin: 0; font-weight: 400; } #premium .owl-carousel .item:hover a.hover-posts { visibility: visible; transform: scale(1); } #premium .owl-carousel .item:hover figcaption { transform: translateY(70px); } .page-template-template-home-fullwidth #premium{ border:none !important; } /* ========================================================================== 5- Category ========================================================================== */ .betube__cat_description{ padding-top:15px; } .category-heading { padding-top: 20px; padding-bottom: 23px; border-bottom: 1px solid #ececec; margin-bottom: 30px; } .category-heading .cat-head{ padding-top: 5px; } .category-heading .cat-head i { display: inline-block; color: #e96969; margin-right: 11px; font-size: 16px; } .category-heading .cat-head h4 { display: inline-block; text-transform: capitalize; margin: 0; } #category { margin-bottom: 30px; } #category #owl-demo-cat .item-cat { overflow: hidden; text-align: center; } #category #owl-demo-cat .item-cat figure { position: relative; width: 184px; height: 130px; border-bottom: 2px solid #ececec; margin: 0; } #category #owl-demo-cat .item-cat figure img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } #category #owl-demo-cat .item-cat figure a.hover-posts span i { font-size: 18px; } #category #owl-demo-cat .item-cat h6 { margin: 20px 0; } #category #owl-demo-cat .item-cat h6 a { font-weight: 600; color: #444; } #category #owl-demo-cat .item-cat h6 a:hover { color: #303030; } #category #owl-demo-cat .item-cat:hover a.hover-posts { visibility: visible; transform: scale(1); } /* ========================================================================== 6 - Main Content ========================================================================== */ .mainContentv3 { background: #fff; } .parentbg { position: relative; } .parentbg .sidebarBg { position: absolute; left: 102%; top: 0; height: 100%; width: 100vw; background: #f0f0f0; z-index: 1; } .mainContentLanding { background: #fff; } .mainContentLanding .content { padding: 60px 0 0 0; } .mainContentLanding .content .main-heading { margin-bottom: 20px; } .mainContentLanding .sidebar { padding: 60px 0 0 0; } .content{ margin-bottom: 30px; } .content .post .post-thumb { position: relative; height: 190px; overflow: hidden; } .content .post .post-thumb img { width: 100%; height: 100%; object-fit: cover; } .content .post .post-thumb .video-stats { position: absolute; bottom: 10px; width: 100%; left: 0; padding: 0 10px; } .content .post .post-thumb .video-stats .thumb-stats { display: inline-block; background: rgba(0, 0, 0, 0.8); padding: 0 8px; height: 30px; text-align: center; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; } .content .post .post-thumb .video-stats .thumb-stats:first-of-type { margin-right: 5px; padding: 0 6px; } .content .post .post-thumb .video-stats .thumb-stats h6 { color: #fff; font-weight: 800; margin: 0; line-height: 28px; font-style: italic; } .content .post .post-thumb .video-stats .thumb-stats i { display: inline-block; color: #fff; margin-right: 5px; font-size: 14px; } .content .post .post-thumb .video-stats .thumb-stats span { color: #fff; font-size: 11px; display: inline-block; } .content .post .post-thumb a.hover.posts i { font-size: 18px; } .content .post .post-thumb a.hover.posts span { font-size: 13px; top: 62%; } .content .post .post-des { padding: 15px 0 15px 10px; } .content .post .post-des h6 { margin-bottom: 15px; font-weight: 600; line-height: 13px; } .content .post .post-des h6 a { color: #444444; font-size: 13px; } .content .post .post-des h6 a:hover { color: #222222; } .content .post .post-des .post-stats { margin-right: 0; } .content .post .post-des .post-stats p { margin-right: 15px; margin-bottom: 0; line-height: 11px; } .content .post .post-des .post-stats p i { color: #aaaaaa; font-size: 11px; display: inline-block; } .content .post .post-des .post-stats p span { display: inline-block; font-size: 11px; color: #aaaaaa; } .content .post .post-des .post-stats p span a { font-size: 11px; color: #aaaaaa; } .content .post .post-des .post-stats p span a:hover { color: #222222; } .content .post .post-des .post-summary { display: none; } .content .post .post-des .post-button { display: none; } .content .post .post-des .post-button a { display: inline-block; width: auto; padding: 0 10px; text-transform: capitalize; font-size: 13px; font-weight: bold; } .content .post .post-des .post-button a i { display: inline-block; margin-right: 15px; font-size: 14px; } .content .post:hover .video-stats { transform: translateY(70px); } .content .post:hover a.hover-posts { visibility: visible; transform: scale(1); } .content .main-heading { margin-bottom: 10px; } .content .main-heading .head-title{ padding-top: 5px; } .content .main-heading .head-title i { display: inline-block; color: #e96969; margin-right: 11px; font-size: 16px; } .content .main-heading .head-title h4 { display: inline-block; margin: 0; } .content .main-heading .tabs { border: none; } .content .main-heading .tabs li.tabs-title { margin-left: 5px; } .content .main-heading .tabs li.tabs-title a { color: #8e8e8e; width: 30px; height: 30px; text-align: center; padding: 0; line-height: 30px; border-radius: 3px; background: #f0f0f0; font-size: 13px; text-transform: capitalize; } .content .main-heading .tabs li.tabs-title a:hover { background: #e96969; color: #fff; } .content .main-heading .tabs li.tabs-title:last-of-type a { font-weight: bold; font-style: italic; text-transform: uppercase; color: #444; } .content .main-heading .tabs li.tabs-title:last-of-type a:hover { background: #e96969; color: #fff; } .content .main-heading .tabs .tabs-title > a:focus, .content .main-heading .tabs .tabs-title > a[aria-selected="true"] { background: #e96969; color: #fff !important; } .content .head-text { border-bottom: 1px solid #ececec; padding: 14px 0; margin-bottom: 30px; } .content .head-text p { margin: 0; font-size: 14px; color: #6c6c6c; } .content .head-text p span { color: #aaaaaa; font-size: 12px; } .content .head-text h4 { color: #444444; } .content .head-text h4 i { display: inline-block; color: #e96969; margin-right: 12px; } .content .head-text .grid-system a.current { background: #e96969; } .content .head-text .grid-system a.current i { color: #fff; } .content .tabs-content { border: none; } .content .tabs-content .tabs-panel { padding: 0; } .content .list-group .item { margin-bottom: 30px; } .content .list-group .item .post .post-thumb .hover-posts span i { font-size: 18px !important; } .content .list-group .grid-medium { width: 33.3333333333%; } .content .list-group .grid-medium .post-thumb { height: 218px !important; } .content .list-group .grid-medium .post-thumb .hover-posts span i { font-size: 14px; } .content .list-group .grid-medium .post-des h6 { margin-bottom: 15px !important; } .content .list-group .grid-medium .post-des h6 a { font-size: 15px !important; } .content .list-group .grid-medium .post-des .post-stats p { margin-bottom: 15px !important; } .content .list-group .grid-medium .post-des .post-summary { display: block !important; } .content .list-group .grid-medium .post-des .post-summary p { color: #6c6c6c; font-size: 13px; overflow: hidden; height: 3em; } .content .list-group .list:before, .content .list-group .list:after { content: ""; display: table; } .content .list-group .list { width: 100%; } .content .list-group .list .post { border: none !important; } .content .list-group .list .post .post-thumb { height: 218px !important; float: left; width: 33.3333333333%; margin-right: 15px; } .content .list-group .list .post .post-thumb:hover .video-stats { transform: translateY(70px); } .content .list-group .list .post .post-thumb:hover a.hover-posts { visibility: visible !important; transform: scale(1) !important; } .content .list-group .list .post .post-des { padding: 10px 0 0 0; width: 64%; margin-left: 15px; float: left; } .content .list-group .list .post .post-des h6 { margin-bottom: 15px !important; } .content .list-group .list .post .post-des h6 a { font-size: 15px !important; font-weight: 600; } .content .list-group .list .post .post-des .post-stats p { margin-bottom: 15px !important; } .content .list-group .list .post .post-des .post-summary { display: block !important; } .content .list-group .list .post .post-des .post-summary p { color: #6c6c6c; font-size: 13px; } .content .list-group .list .post .post-des .post-button { display: block !important; } .content .list-group .list .post:hover .video-stats { transform: translateY(0); } .content .list-group .list .post:hover a.hover-posts { visibility: hidden !important; transform: scale(0); } .content.content-with-sidebar .list-group .group-item-grid-default { width: 32.6% !important; padding-right: 0; } .content.content-with-sidebar .list-group .grid-default { width: 32.6% !important; padding-right: 0; } .content.content-with-sidebar .list-group .grid-medium { width: 50% !important; } .content.content-with-sidebar .list-group .grid-medium .post-thumb { height: 218px !important; } .content.content-with-sidebar .list-group .grid-medium .post-des h6 { margin-bottom: 15px !important; } .content.content-with-sidebar .list-group .grid-medium .post-des h6 a { font-size: 15px !important; } .content.content-with-sidebar .list-group .grid-medium .post-des .post-stats p { margin-bottom: 15px !important; } .content.content-with-sidebar .list-group .grid-medium .post-des .post-summary { display: block !important; } .content.content-with-sidebar .list-group .grid-medium .post-des .post-summary p { color: #6c6c6c; font-size: 13px; overflow: hidden; height: 3em; } .content.content-with-sidebar .list-group .list:before, .content.content-with-sidebar .list-group .list:after { content: ""; display: table; } .content.content-with-sidebar .list-group .list { width: 100%; } .content.content-with-sidebar .list-group .list .post { border: none !important; } .content.content-with-sidebar .list-group .list .post .post-thumb { height: 220px !important; float: left; width: 48% !important; margin-right: 15px; } .content.content-with-sidebar .list-group .list .post .post-thumb:hover .video-stats { transform: translateY(70px); } .content.content-with-sidebar .list-group .list .post .post-thumb:hover a.hover-posts { visibility: visible !important; transform: scale(1) !important; } .content.content-with-sidebar .list-group .list .post .post-des { padding: 10px 0 0 0 !important; width: 48% !important; margin-left: 15px; float: left; } .content.content-with-sidebar .list-group .list .post .post-des h6 { margin-bottom: 15px !important; } .content.content-with-sidebar .list-group .list .post .post-des h6 a { font-size: 15px !important; font-weight: 600; } .content.content-with-sidebar .list-group .list .post .post-des .post-stats p { margin-bottom: 30px !important; } .content.content-with-sidebar .list-group .list .post .post-des .post-summary { display: block !important; } .content.content-with-sidebar .list-group .list .post .post-des .post-summary p { color: #6c6c6c; font-size: 13px; } .content.content-with-sidebar .list-group .list .post .post-des .post-button { display: block !important; } .content.content-with-sidebar .list-group .list .post:hover .video-stats { transform: translateY(0); } .content.content-with-sidebar .list-group .list .post:hover a.hover-posts { visibility: hidden; transform: scale(0); } .content.content-with-sidebar .list-group .fullwidth-video { margin-bottom: 7px; } .content.content-with-sidebar .list-group .fullwidth-video .post .post-thumb { width: 100%; height: 400px; overflow: hidden; } .content.content-with-sidebar .list-group .fullwidth-video .post .post-thumb:hover .video-stats { transform: translateY(70px); } .content.content-with-sidebar .list-group .fullwidth-video .post .post-thumb:hover a.hover-posts { visibility: visible; transform: scale(1); } .content.content-with-sidebar .list-group .fullwidth-video .post .post-des { padding: 20px 0 15px 0; } .content.content-with-sidebar .list-group .fullwidth-video .post .post-des h6 { font-size: 15px; font-weight: 600; } .content.content-with-sidebar .list-group .fullwidth-video .post .post-des .post-stats { margin-bottom: 24px; } .content.content-with-sidebar .list-group .fullwidth-video .post .post-des .post-summary { display: block; } .content.content-with-sidebar .list-group .fullwidth-video .post .post-des .post-summary p { font-size: 13px; } .content.content-with-sidebar .list-group .fullwidth-video .post:hover .video-stats { transform: translateY(0); } .content.content-with-sidebar .list-group .fullwidth-video .post:hover a.hover-posts { visibility: hidden; transform: scale(0); } .content.content-with-sidebar .list-group .landing-extra-small { padding-right: 0; margin-bottom: 15px; width: 24.5%; } .content.content-with-sidebar .list-group .landing-extra-small .post .post-thumb { width: 100%; height: 140px; overflow: hidden; } .content.content-with-sidebar .list-group .landing-extra-small .post .post-thumb img { width: 100%; height: 100%; object-fit: cover; } .content.content-with-sidebar .list-group .landing-extra-small .post .post-thumb .hover-posts span i { font-size: 18px; } .content.content-with-sidebar .list-group .landing-extra-small .post .post-des { padding: 15px 0 15px 10px; } .content.content-with-sidebar .list-group .landing-extra-small .post .post-des h6 { font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-right: 20px; } .content.content-with-sidebar .list-group .landing-extra-small .post .post-des .post-stats { margin: 0; } .content.content-with-sidebar .list-group .landing-extra-small .post .post-des .post-stats p:last-of-type { display: none; } .content.content-with-sidebar .list-group .landing-extra-small .post .post-des .post-summary { display: none; } /* ========================================================================== 7- Movie Section ========================================================================== */ #movies{ margin-bottom: 30px; } #movies #owl-demo-movie { padding-bottom: 30px; } #movies #owl-demo-movie .item-movie { overflow: hidden; text-align: center; } #movies #owl-demo-movie .item-movie figure { position: relative; width: 185px; height: 260px; margin: 0; border: 1px solid #ececec; } #movies #owl-demo-movie .item-movie figure img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } #movies #owl-demo-movie .item-movie figure a.hover-posts span i { font-size: 18px; } #movies #owl-demo-movie .item-movie:hover a.hover-posts { visibility: visible; transform: scale(1); } /* ========================================================================== 8- footer ========================================================================== */ .footer{ margin-top: 0 !important; } footer { background: #444444; padding: 80px 0; } footer .widgetBox .widgetTitle { margin-bottom: 40px; } footer .widgetBox ul{ margin: 0; list-style: none; } footer .widgetBox ul li a{ color: #aaa; font-size: 13px; } footer .widgetBox ul li a:hover{ color: #fff; } footer .widgetBox .widgetTitle h5 { color: #ececec; margin: 0; text-transform: capitalize; } footer .widgetBox .textwidget { color: #aaaaaa; font-size: 13px; line-height: 20px; } footer .widgetBox .tagcloud a { display: inline-block; background: #6c6c6c; color: #aaaaaa; font-size: 13px !important; text-transform: capitalize; padding: 10px; border-radius: 3px; margin-bottom: 5px; line-height: 13px; } footer .widgetBox .tagcloud a:hover { background: #e96969; color: #fff !important; } footer .widgetBox #searchform input { height: 40px; line-height: 40px; font-size: 13px; color: #aaaaaa; border-top-left-radius: 3px; border-bottom-left-radius: 3px; } footer .widgetBox #searchform input[type="submit"]{ height: 40px; background: #6c6c6c; line-height: 40px; padding: 0 1.5625em; color: #fff; border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } footer .widgetBox #searchform input[type="submit"]:hover{ background: #e96969; } footer .widgetBox .widgetContent h5 { color: #ececec; margin: 0; text-transform: uppercase; } footer .widgetBox .widgetContent .media-object { margin-bottom: 10px; } footer .widgetBox .widgetContent .media-object .media-object-section .recent-img { overflow: hidden; width: 80px; height: 80px; position: relative; } footer .widgetBox .widgetContent .media-object .media-object-section .recent-img img { width: 100%; height: 100%; object-fit: cover; -o-object-fit: cover; } footer .widgetBox .widgetContent .media-object .media-object-section .recent-img a.hover-posts span i { font-size: 18px; } footer .widgetBox .widgetContent .media-object .media-object-section .media-content h6 a { font-size: 13px; font-weight: 600; color: #aaaaaa; } footer .widgetBox .widgetContent .media-object .media-object-section .media-content h6 a:hover { color: #f6f6f6 !important; } footer .widgetBox .widgetContent .media-object .media-object-section .media-content p i { color: #aaaaaa; font-size: 11px; display: inline-block; margin-right: 5px; } footer .widgetBox .widgetContent .media-object .media-object-section .media-content p span { color: #aaaaaa; font-size: 11px; display: inline-block; margin-right: 5px; } footer .widgetBox .widgetContent .media-object:hover a.hover-posts { visibility: visible; transform: scale(1); } footer .widgetBox .widgetContent form { margin-bottom: 25px; } footer .widgetBox .widgetContent form p { font-size: 13px; color: #aaaaaa; } footer .widgetBox .widgetContent form .input { width: 100%; margin-bottom: 10px; } footer .widgetBox .widgetContent form .input input { background: #6c6c6c; color: #aaaaaa; margin: 0; border: 1px solid #6c6c6c; border-radius: 3px; font-size: 13px; } footer .widgetBox .widgetContent form button[type="submit"] { width: 100%; text-align: center; text-transform: uppercase; background: #2e2e2e; color: #aaaaaa; padding: 12px 0; } footer .widgetBox .widgetContent form button[type="submit"]:hover { background: #e96969; color: #fff; } footer .widgetBox .widgetContent .social-links h5 { margin-bottom: 20px; } footer .widgetBox .widgetContent .secondary-button { display: inline-block; width: 30px; height: 30px; text-align: center; line-height: 30px; background: #6c6c6c; } footer .widgetBox .widgetContent .secondary-button i { font-size: 13px; color: #aaaaaa; line-height: 13px; } footer .widgetBox .widgetContent .secondary-button:hover { background: #e96969; } footer .widgetBox .widgetContent .secondary-button:hover i { color: #fff; } footer .widgetBox .widgetContent ul { margin: 0; list-style: none; width: 100%; } footer .widgetBox .widgetContent ul li.cat-item { margin: 0; float: left; display: inline-block; width: 50%; } footer .widgetBox .widgetContent ul li.cat-item a { padding: 0; color: #aaaaaa; font-size: 13px; margin-right: 20px; } footer .widgetBox .widgetContent ul li.cat-item a:hover { color: #fff; } footer .widgetBox .widgetContent .carousel .owl-dots .owl-dot{ color: #222; } footer .widgetBox .widgetContent .carousel .owl-dots .owl-dot.active{ color: #e96969; } /* most viewed */ footer .widgetBox .widgetContent .video-box { margin-bottom: 5px; border: none; background: transparent; } footer .widgetBox .widgetContent .video-box::before, footer .widgetBox .widgetContent .video-box::after{ content: ''; clear: both; display: table; } footer .widgetBox .widgetContent .video-box .video-img-thumb { border-bottom: none; width: 80px; height: 80px; display: inline-block; float: left; position: relative; } footer .widgetBox .widgetContent .video-box .video-img-thumb img { width: 100%; height: 100%; overflow: hidden; -o-object-fit: cover; object-fit: cover; } footer .widgetBox .widgetContent .video-box .video-img-thumb .hover-posts span { font-size: 13px; } footer .widgetBox .widgetContent .video-box .video-img-thumb .hover-posts span i { font-size: 18px; } footer .widgetBox .widgetContent .video-box .video-box-content { padding: 0 0 0 10px; float: left; display: inline-block; width: 190px; } footer .widgetBox .widgetContent .video-box .video-box-content h6 a { font-size: 13px; font-weight: 600; margin-bottom: 15px; color: #aaaaaa; } footer .widgetBox .widgetContent .video-box .video-box-content h6 a:hover { color: #fff; } footer .widgetBox .widgetContent .video-box .video-box-content p span:last-of-type{ display: none; } footer .widgetBox .widgetContent .video-box .video-box-content p span { font-size: 11px; color: #aaaaaa; display: inline-block; margin-right: 15px; } footer .widgetBox .widgetContent .video-box .video-box-content p span i { display: inline-block; font-size: 11px; color: #aaaaaa; margin-right: 5px; } footer .widgetBox .widgetContent .video-box .video-box-content p span a { display: inline-block; font-size: 11px; color: #aaaaaa; } footer .widgetBox .widgetContent .video-box .video-box-content p span a:hover { color: #222222; } footer .widgetBox .widgetContent .video-box:hover a.hover-posts { visibility: visible; transform: scale(1); } /* slide video */ footer .widgetBox .category-heading { padding-bottom: 5px; margin-bottom: 20px; border-bottom: none; } footer .widgetBox .category-heading .navText{ display: none; } footer .widgetBox .category-heading .cat-head h4{ color: #ececec; } footer .widgetBox .item-video { width: 100%; border: none; background: #2e2e2e; } footer .widgetBox .item-video figure { margin: 0; width: 100%; height: 190px; border-bottom: none; position: relative; } footer .widgetBox .item-video figure img { width: 100%; height: 100%; object-fit: cover; } footer .widgetBox .item-video .video-des { padding: 15px 0 0 10px; } footer .widgetBox .item-video .video-des h6 a { color: #aaa; font-weight: 600; font-size: 13px; } footer .widgetBox .item-video .video-des h6 a:hover{ color: #fff; } footer .widgetBox .item-video .video-des .post-stats p { margin-right: 15px; } footer .widgetBox .item-video .video-des .post-stats p i { color: #aaaaaa; font-size: 11px; display: inline-block; margin-right: 5px; } footer .widgetBox .item-video .video-des .post-stats p span { color: #aaaaaa; font-size: 11px; } footer .widgetBox .item-video .video-des .post-stats p span a { color: #aaaaaa; font-size: 11px; } footer .widgetBox .item-video .video-des .post-stats p span a:hover { color: #fff; } footer .widgetBox .item-video:hover a.hover-posts { visibility: visible; transform: scale(1); } #back-to-top { position: fixed; bottom: 20px; right: 40px; z-index: 9999; width: 50px; height: 50px; text-align: center; line-height: 50px; background: #393939; color: #fff; cursor: pointer; border: 0; border-radius: 5px; text-decoration: none; transition: opacity 0.2s ease-out; opacity: 0; } #back-to-top:hover { background: #e96969; color: #fff; } #back-to-top.show { opacity: 1; } #footer-bottom { background: #2e2e2e; padding: 25px 0; } #footer-bottom .logo { margin-bottom: 10px; } #footer-bottom .btm-footer-text p { font-size: 13px; color: #6c6c6c; margin: 0; line-height: 14px; } #menu-all-pages li{ display: block; } .top-bar-right #menu-all-pages li{ display:table-cell; } #footer-bottom .btm-footer-text p a{ color: #e96969; } #menu-all-pages > li > a{ line-height: 2; padding: 0; } /* ========================================================================== 9- sidebar ========================================================================== */ .sidebar { margin-bottom: 30px; padding-top: 24px; padding-bottom: 60px; position: relative; z-index: 2; } .sidebar .sidebarBg { position: absolute; left: 0; top: 0; height: 100%; width: 100vw; background: #f0f0f0; z-index: -1; } .sidebar .widgetBox { margin-bottom: 40px; padding: 0 30px; } .sidebar .widgetBox ul{ list-style: none; margin: 0; } .sidebar .widgetBox ul li a{ color: #8e8e8e; font-size: 13px; } .sidebar .widgetBox ul li a:hover{ color: #e96969; } .sidebar .widgetBox .widgetTitle h5 { margin-bottom: 20px; padding-bottom: 24px; border-bottom: 1px solid #e0e0e0; text-transform: capitalize; line-height: 16px; } .sidebar .widgetBox #searchform input { height: 40px; line-height: 40px; font-size: 13px; color: #aaaaaa; border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .sidebar .widgetBox #searchform input[type="submit"] { height: 40px; line-height: 40px; padding: 0 1.5625em; color: #fff; border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .sidebar .widgetBox .widgetContent .accordion { border-color: #ececec; } .sidebar .widgetBox .widgetContent .accordion .accordion-item.is-active .accordion-title { background: #e96969; color: #fff; } .sidebar .widgetBox .widgetContent .accordion .accordion-title { padding: 15px; font-size: 14px; font-weight: bold; background: #f0f0f0; color: #6c6c6c; text-transform: capitalize; } .accordion-content ul li:nth-of-type(1){ font-weight: bold; } .accordion-content ul li:nth-of-type(1) span{ display: none; } .sidebar .widgetBox .widgetContent .accordion .accordion-content ul li i { display: inline-block; font-size: 11px; color: #e96969; margin-right: 5px; } .sidebar .widgetBox .widgetContent .accordion .accordion-content ul li a { display: inline-block; width: 90%; font-size: 13px; color: #aaaaaa; border-bottom: 1px solid #ececec; padding-bottom: 9px; margin-bottom: 10px; text-transform: capitalize; } .sidebar .widgetBox .widgetContent .accordion .accordion-content ul li a span { float: right; font-size: 13px; color: #aaaaaa; } .sidebar .widgetBox .widgetContent .accordion .accordion-content ul li a:hover { color: #444444; } .sidebar .widgetBox .widgetContent .accordion .accordion-content ul li a:hover span { color: #444444; } .sidebar .widgetBox .widgetContent .accordion .accordion-content ul li:last-of-type a { border-bottom: none; } .sidebar .widgetBox .widgetContent .video-box { margin-bottom: 20px; background: #ffffff; } .sidebar .widgetBox .widgetContent .video-box .video-img-thumb { border-bottom: 1px solid #ececec; height: 190px; position: relative; } .sidebar .widgetBox .widgetContent .video-box .video-img-thumb img { width: 100%; height: 100%; overflow: hidden; -o-object-fit: cover; object-fit: cover; } .sidebar .widgetBox .widgetContent .video-box .video-img-thumb .hover-posts span { font-size: 13px; } .sidebar .widgetBox .widgetContent .video-box .video-img-thumb .hover-posts span i { font-size: 18px; } .sidebar .widgetBox .widgetContent .video-box .video-box-content { padding: 15px 0 0 10px; } .sidebar .widgetBox .widgetContent .video-box .video-box-content h6 a { font-size: 13px; font-weight: normal; margin-bottom: 15px; color: #444444; } .sidebar .widgetBox .widgetContent .video-box .video-box-content h6 a:hover { color: #222222; } .sidebar .widgetBox .widgetContent .video-box .video-box-content p span { font-size: 11px; color: #aaaaaa; display: inline-block; margin-right: 15px; } .sidebar .widgetBox .widgetContent .video-box .video-box-content p span i { display: inline-block; font-size: 11px; color: #aaaaaa; margin-right: 5px; } .sidebar .widgetBox .widgetContent .video-box .video-box-content p span a { display: inline-block; font-size: 11px; color: #aaaaaa; } .sidebar .widgetBox .widgetContent .video-box .video-box-content p span a:hover { color: #222222; } .sidebar .widgetBox .widgetContent .video-box:hover a.hover-posts { visibility: visible; transform: scale(1); } .sidebar .widgetBox .widgetContent .social-links .socialButton { width: 58px; background: #395996; text-align: center; display: inline-block; padding: 12px 0; border-radius: 3px; border-bottom: 4px solid #2e4778; } .sidebar .widgetBox .widgetContent .social-links .socialButton i { color: #fff; display: block; font-size: 20px; } .sidebar .widgetBox .widgetContent .social-links .socialButton span { display: block; font-size: 14px; font-weight: bold; color: #fff; } .sidebar .widgetBox .widgetContent .social-links .socialButton span:nth-of-type(2) { font-size: 11px; font-weight: normal; text-transform: capitalize; } .sidebar .widgetBox .widgetContent .social-links .socialButton:nth-of-type(2) { background: #43b3e5; border-bottom: 4px solid #368fb7; } .sidebar .widgetBox .widgetContent .social-links .socialButton:nth-of-type(3) { background: #fb3333; border-bottom: 4px solid #c92929; } .sidebar .widgetBox .widgetContent .social-links .socialButton:nth-of-type(4) { background: #e64a41; border-bottom: 4px solid #b83b34; } .sidebar .widgetBox .widgetContent .social-links .socialButton:nth-of-type(5) { background: #69c8ff; border-bottom: 4px solid #54a0cc; } .sidebar .widgetBox .widgetContent .advBanner { overflow: hidden; width: 300px; height: 250px; margin: 0 auto; } .sidebar .widgetBox .widgetContent .advBanner img { obeject-fit: cover; width: 100%; height: 100%; } .sidebar .widgetBox .widgetContent .media-object { margin-bottom: 10px; } .sidebar .widgetBox .widgetContent .media-object .media-object-section .recent-img { width: 120px; height: 80px; overflow: hidden; position: relative; } .sidebar .widgetBox .widgetContent .media-object .media-object-section .recent-img img { width: 100%; height: 100%; object-fit: cover; } .sidebar .widgetBox .widgetContent .media-object .media-object-section .recent-img a.hover-posts span i { font-size: 18px; } .sidebar .widgetBox .widgetContent .media-object .media-object-section .media-content h6 a { font-size: 13px; color: #444444; font-weight: normal; } .sidebar .widgetBox .widgetContent .media-object .media-object-section .media-content h6 a:hover { color: #222222; } .sidebar .widgetBox .widgetContent .media-object .media-object-section .media-content p { margin: 0; } .sidebar .widgetBox .widgetContent .media-object .media-object-section .media-content p i { font-size: 11px; line-height: 11px; color: #aaaaaa; display: inline-block; margin-right: 5px; } .sidebar .widgetBox .widgetContent .media-object .media-object-section .media-content p span { font-size: 11px; line-height: 11px; color: #aaaaaa; display: inline-block; margin-right: 10px; } .sidebar .widgetBox .widgetContent .media-object:hover a.hover-posts { visibility: visible; transform: scale(1); } .sidebar .widgetBox .widgetContent .item-video { width: 100%; border: 1px solid #ececec; } .sidebar .widgetBox .widgetContent .twitter-carousel .twitter-item i { display: inline-block; color: #e96969; margin-right: 20px; width: 20px; height: 20px; float: left; font-size: 24px; margin-top: 3px; } .sidebar .widgetBox .widgetContent .twitter-carousel .twitter-item span { display: inline-block; color: #8e8e8e; font-size: 13px; float: left; width: 85%; } .sidebar .widgetBox .widgetContent .twitter-carousel .twitter-item span a { color: #e96969; font-weight: bold; } .sidebar .widgetBox .widgetContent .twitter-carousel .owl-controls { margin-top: 10px; } .sidebar .widgetBox .widgetContent ul { margin: 0; list-style: none; width: 100%; } .sidebar .widgetBox .widgetContent ul li.cat-item { margin: 0; float: left; display: inline-block; width: 50%; } .sidebar .widgetBox .widgetContent ul li.cat-item a { padding: 0; color: #8e8e8e; font-size: 13px; margin-right: 20px; } .sidebar .widgetBox .widgetContent ul li.cat-item a:hover { color: #e96969; } .sidebar .widgetBox .widgetContent .profile-overview li { border: 1px solid #ececec; border-radius: 4px; margin-bottom: 10px; } .sidebar .widgetBox .widgetContent .profile-overview li:last-of-type { margin-bottom: 20px; } .sidebar .widgetBox .widgetContent .profile-overview li a { width: 100%; display: inline-block; height: 40px; color: #6c6c6c; font-size: 13px; font-weight: bold; line-height: 40px; float: left; padding-right: 15px; text-transform: capitalize; } .sidebar .widgetBox .widgetContent .profile-overview li a:hover { background: #e96969; color: #fff; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .sidebar .widgetBox .widgetContent .profile-overview li a span { font-weight: normal; } .sidebar .widgetBox .widgetContent .profile-overview li a i { display: inline-block; width: 40px; height: 40px; border-right: 1px solid #ececec; background: #f0f0f0; font-size: 16px; color: #6c6c6c; text-align: center; float: left; line-height: 40px; margin-right: 15px; } .sidebar .widgetBox .widgetContent .profile-overview li a.active { background: #e96969; color: #fff; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .sidebar .widgetBox .widgetContent .profile-overview a.button { width: 100%; height: 45px; font-size: 14px; line-height: 45px; background: #61ca37; border-bottom: 3px solid #53ac2f; text-align: center; padding: 0; } .sidebar .widgetBox .widgetContent .profile-overview a.button i { display: inline-block; margin-right: 13px; } .sidebar .widgetBox .tagcloud a { display: inline-block; background: #6c6c6c; color: #aaaaaa; font-size: 13px !important; text-transform: capitalize; padding: 10px; border-radius: 3px; margin-bottom: 5px; line-height: 13px; } .sidebar .widgetBox .tagcloud a:hover { background: #e96969; color: #fff; } .sidebar .widgetBox .newsLetter { background: url("../images/sidebar-news-letter.png") repeat-x; padding: 35px 15px; } .sidebar .widgetBox .newsLetter h3 { color: #fff; margin: 0; } .sidebar .widgetBox .newsLetter p { color: #fff; margin: 0 0 9px 0; font-size: 13px; } .sidebar .widgetBox .newsLetter input[type="email"] { height: 40px; line-height: 40px; color: #fff; background: #c65959; border-color: #c65959; font-size: 13px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .sidebar .widgetBox .newsLetter input[type="submit"] { text-transform: capitalize; background: #2e2e2e; padding: 12px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .sidebar .widgetBox .newsLetter input[type="submit"]:hover { background: #444444; } .sidebar .widgetBox .category-heading { padding-bottom: 5px; margin-bottom: 20px; padding-top: 0; } .sidebar .widgetBox .category-heading .navText a { border: 1px solid #ececec; } .sidebar .widgetBox .item-video { width: 100%; background: #fff; } .sidebar .widgetBox .item-video figure { margin: 0; width: 100%; height: 190px; border-bottom: 1px solid #ececec; position: relative; } .sidebar .widgetBox .item-video figure img { width: 100%; height: 100%; object-fit: cover; } .sidebar .widgetBox .item-video .video-des { padding: 15px 0 0 10px; } .sidebar .widgetBox .item-video .video-des h6 a { color: #303030; font-size: 13px; } .sidebar .widgetBox .item-video .video-des .post-stats p { margin-right: 15px; } .sidebar .widgetBox .item-video .video-des .post-stats p i { color: #aaaaaa; font-size: 11px; display: inline-block; margin-right: 5px; } .sidebar .widgetBox .item-video .video-des .post-stats p span { color: #aaaaaa; font-size: 11px; } .sidebar .widgetBox .item-video .video-des .post-stats p span a { color: #aaaaaa; font-size: 11px; } .sidebar .widgetBox .item-video .video-des .post-stats p span a:hover { color: #222222; } .sidebar .widgetBox .item-video:hover a.hover-posts { visibility: visible; transform: scale(1); } /* ========================================================================== 10- carousel Slider ========================================================================== */ #carouselSlider .item { height: 400px; overflow: hidden; position: relative; } #carouselSlider .item img { width: 100%; height: 100%; object-fit: cover; -o-object-fit: cover; } #carouselSlider .item .inner-item-big { height: 400px !important; } #carouselSlider .item .inner-item { height: 200px; background: #303030; position: relative; overflow: hidden; } #carouselSlider .item .inner-item img { width: 100%; height: 100%; object-fit: cover; -o-object-fit: cover; } #carouselSlider .item .inner-item .item-title { padding: 18px 0 10px 0; background: rgba(0, 0, 0, 0.3); position: absolute; bottom: 0; left: 0; width: 100%; } #carouselSlider .item .inner-item .item-title h6 { color: #fff; font-weight: 600; padding-left: 12px; line-height: 14px; } #carouselSlider .item .inner-item .item-title span { position: absolute; left: 12px; bottom: 40px; font-size: 13px; background: #e96969; padding: 0 9px; color: #fff; font-weight: 600; } #carouselSlider .item .inner-item:hover a.hover-posts { visibility: visible; transform: scale(1); } #carouselSlider .item .inner-item:hover .item-title { transform: translateY(100px); } /* ========================================================================== 11- off canvas menu ========================================================================== */ .light-off-menu { background: #fff; z-index: 10; height: 100%; border: 1px solid #ececec; } .light-off-menu .menu .active > a{ background: transparent !important; } .light-off-menu .menu .active > a i{ color: #e96969; } .light-off-menu .off-menu-close { background: #e96969; padding: 21px 20px; border-bottom: 1px solid #ececec; } .light-off-menu .off-menu-close h3 { display: inline-block; width: 80%; margin: 0; line-height: 24px; color: #fff; float: left; } .light-off-menu .off-menu-close span { display: inline-block; cursor: pointer; text-align: right; width: 20%; font-size: 14px; color: #fff; } .light-off-menu .off-menu { padding: 0 20px; margin-bottom: 30px; } .light-off-menu .off-menu li a { border-bottom: 1px solid #ececec; padding: 19px 0 15px 0; color: #8e8e8e; font-size: 13px; text-transform: uppercase; } .light-off-menu .off-menu li a i { color: #8e8e8e; } .light-off-menu .off-menu li a:hover i { color: #e96969; } .light-off-menu .off-menu li .submenu li { background: #f0f0f0; } .light-off-menu .off-menu li .submenu li a { padding: 15px 0 15px 40px; } .light-off-menu .off-social { padding: 0 0 0 20px; margin-bottom: 25px; } .light-off-menu .off-social h6 { font-weight: 600; margin-bottom: 30px; } .light-off-menu .off-social a { width: 30px; height: 30px; line-height: 30px; background: #222222; text-align: center; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; display: inline-block; margin-bottom: 5px; } .light-off-menu .off-social a i { color: #aaaaaa; } .light-off-menu .off-social a:hover { background: #e96969; } .light-off-menu .off-social a:hover i { color: #fff; } .light-off-menu .responsive-search { padding: 0 10px; } .light-off-menu .responsive-search input { color: #6c6c6c; font-size: 13px; box-shadow: none; border: 1px solid #ececec; } .light-off-menu .responsive-search .input-group-button button { width: 40px; height: 40px; background: #303030; border-top-right-radius: 4px; border-bottom-right-radius: 4px; line-height: 40px; text-align: center; } .light-off-menu .responsive-search .input-group-button button i { display: inline-block; color: #fff; } .light-off-menu .responsive-search .input-group-button button:hover { background: #e96969; } .is-drilldown-submenu-parent > a::after { border-color: transparent transparent transparent #aaa; } .js-drilldown-back > a::before { border-color: transparent #aaa transparent transparent; } .dark-off-menu { background: #444444; border-color: #444444; } .dark-off-menu .off-menu li a { color: #aaaaaa; border-color: #6c6c6c; } .dark-off-menu .off-menu li .submenu li { background: #303030; } .dark-off-menu .off-menu li .submenu li a { border-color: #444444; } .dark-off-menu .off-social { margin-bottom: 25px; } .dark-off-menu .off-social h6 { color: #aaaaaa; } .dark-off-menu .top-button .menu li:first-of-type a { background: #303030; } .dark-off-menu .top-button .menu li:first-of-type a:hover { background: #e96969; } .dark-off-menu .is-drilldown-submenu.is-active { background: #444444; } /* ========================================================================== 12- open heading ========================================================================== */ .open-heading { margin-bottom: 30px; } .open-heading h3 { margin-bottom: 30px; } .open-heading p { font-size: 13px; margin: 0; } /* ========================================================================== 12- random media ========================================================================== */ #randomMedia { padding: 80px 0 20px 0; background: #fff; border-bottom: 1px solid #ececec; } #randomMedia .random-media-head { border-top: 1px solid #ececec; border-bottom: 1px solid #ececec; margin-bottom: 25px; } #randomMedia .random-media-head .tabs { border: none; display: table; margin: 0 auto; } #randomMedia .random-media-head .tabs .tabs-title > a:focus, #randomMedia .random-media-head .tabs .tabs-title > a[aria-selected="true"] { background: none; } #randomMedia .random-media-head .tabs li a { color: #8e8e8e !important; background:none !important; border:none; border-radius:0; font-size: 16px; font-weight: 600; padding: 17px 10px; margin-bottom: 0; margin-right: 36px; text-transform: capitalize; } #randomMedia .random-media-head .tabs li a:hover { border-bottom: 2px solid #e96969; } #randomMedia .random-media-head .tabs li.is-active a { border-bottom: 2px solid #e96969; background: none; } #randomMedia .random-media-head .tabs li:last-of-type a { margin-right: 0; } /* ========================================================================== 14- vertical thumb slider ========================================================================== */ #verticalSlider { background: #303030; padding: 25px 0; } .thumb-slider { height: 400px; } .thumb-slider .main-image { width: 800px; height: 100%; float: left; overflow: hidden; } .thumb-slider .main-image .image { position: relative; height: 100%; } .thumb-slider .main-image .image img { width: 100%; height: 100%; object-fit: cover; -o-object-fit: cover; } .thumb-slider .main-image .image iframe { width: 100% !important; height: 400px !important; border: 0 !important; } .thumb-slider .main-image .image:hover a.hover-posts { visibility: visible; transform: scale(1); } .thumb-slider .thumbs { position: relative; width: 370px; height: 100%; float: left; overflow-y: hidden; overflow-x: hidden; } .thumb-slider .thumbs a { background: #000; color: #fff; text-decoration: none; opacity: 0.4; width: 100%; position: absolute; z-index: 2; left: 0; text-align: center; } .thumb-slider .thumbs a i { font-weight: bold; font-size: 18px; } .thumb-slider .thumbs a.up { top: 0; } .thumb-slider .thumbs a.down { bottom: 0 !important; } .thumb-slider .thumbs .thumbnails { position: relative; width: 370px; height: 100%; float: left; overflow-y: hidden; overflow-x: hidden; } .thumb-slider .thumbs .thumbnails .ver-thumbnail { background: gray; width: 100%; height: 200px; position: relative; top: 0; cursor: pointer; } .thumb-slider .thumbs .thumbnails .ver-thumbnail img { width: 100%; height: 100%; object-fit: cover; -o-object-fit: cover; } .thumbs .thumbnails .ver-thumbnail .item-title { padding: 18px 0 10px 0; background: rgba(0, 0, 0, 0.5); position: absolute; bottom: 0; left: 0; width: 100%; } .thumbs .thumbnails .ver-thumbnail .item-title h6 { color: #fff; font-weight: 600; padding-left: 12px; line-height: 14px; } .thumbs .thumbnails .ver-thumbnail .item-title span { position: absolute; left: 12px; bottom: 40px; font-size: 13px; background: #e96969; padding: 0 9px; color: #fff; font-weight: 600; } #verticalSlider-light { background: #fff; padding: 25px 0; border-bottom: 1px solid #ececec; } /* ========================================================================== 15- Single Video Post ========================================================================== */ .breadcrumb-video-2 { margin-bottom: 30px; } #breadcrumb { background: #444; padding: 10px; } #breadcrumb .breadcrumbs { margin: 0; } #breadcrumb .breadcrumbs li { font-size: 13px; color: #aaaaaa; text-transform: capitalize; } #breadcrumb .breadcrumbs li a { font-size: 13px; text-decoration: none; color: #aaaaaa; text-transform: capitalize; } #breadcrumb .breadcrumbs li a:hover { color: #e96969; } #breadcrumb .breadcrumbs li.disabled { font-size: 13px; color: #aaaaaa; text-transform: capitalize; } #breadcrumb .breadcrumbs li i { color: #e96969; display: inline-block; margin-right: 5px; font-size: 13px; } #breadcrumb .breadcrumbs li:not(:last-child)::after { margin: 0 5px; -ms-transform: rotate(7deg); /* IE 9 */ -webkit-transform: rotate(7deg); /* Chrome, Safari, Opera */ transform: rotate(7deg); } .fullwidth-single-video { background: #303030; padding: 25px 0; margin-bottom: 30px; } .fullwidth-single-video .flex-video { margin-bottom: 0; } .fullwidth-single-video .flex-video.widescreen { padding-bottom: 57%; } .SinglePostStats { margin-bottom: 10px; } .SinglePostStats .media-object { margin: 0; } .SinglePostStats .media-object .object-second { width: 100%; } .SinglePostStats .media-object .media-object-section:first-child { padding-right: 10px; } .SinglePostStats .media-object .author-img-sec { border-right: 1px solid #ececec; padding: 15px 15px 15px 0; } .SinglePostStats .media-object .author-img-sec .author-single-post { width: 80px; height: 80px; margin: 0; margin-bottom: 5px; } .SinglePostStats .media-object .author-img-sec .author-single-post img { width: 100%; height: 100%; object-fit: cover; } .SinglePostStats .media-object .author-img-sec p { margin: 0; } .SinglePostStats .media-object .author-img-sec p a { font-size: 12px; font-weight: 600; color: #444444; } .SinglePostStats .media-object .author-des { width: 100%; border-bottom: 1px solid #ececec; padding: 19px 0; } .SinglePostStats .media-object .author-des .post-title { float: left; display: inline; } .SinglePostStats .media-object .author-des .post-title h4 { color: #444444; font-weight: 600; margin-bottom: 15px; line-height: 18px; } .SinglePostStats .media-object .author-des .post-title p { margin: 0; font-size: 11px; color: #6c6c6c; } .SinglePostStats .media-object .author-des .post-title p span { font-size: inherit; color: inherit; margin-right: 15px; } .SinglePostStats .media-object .author-des .post-title p span i { display: inline-block; font-size: inherit; color: inherit; margin-right: 5px; } .SinglePostStats .media-object .author-des .subscribe { float: right; display: inline; } .SinglePostStats .media-object .author-des .subscribe button { padding: 12px 15px; background: #f0f0f0; font-size: 13px; color: #6c6c6c; text-transform: uppercase; border: 1px solid #ececec; border-radius: 4px; } .SinglePostStats .media-object .author-des .subscribe button:hover { background: #e96969; border-color: #e96969; color: #fff; } .SinglePostStats .media-object .social-share { padding: 6px 0; } .SinglePostStats .media-object .social-share .post-like-btn { display: block; } .SinglePostStats .media-object .social-share .post-like-btn form { display: inline-block; } .SinglePostStats .media-object .social-share .post-like-btn form button { background: #f0f0f0; color: #6c6c6c; border: 1px solid #ececec; border-radius: 4px; padding: 8px 10px; font-size: 13px; margin-right: 5px; } .SinglePostStats .media-object .social-share .post-like-btn form button i { display: inline-block; color: inherit; margin-right: 10px; font-size: inherit; } .SinglePostStats .media-object .social-share .post-like-btn form button:hover { background: #e96969; color: #fff; border-color: #e96969; } .SinglePostStats .media-object .social-share .post-like-btn form button:hover i { color: #fff; } .SinglePostStats .media-object .social-share .post-like-btn .secondary-button { border: 1px solid #ececec; line-height: 27px; font-size: 13px; width: 34px; margin-right: 5px; } .SinglePostStats .media-object .social-share .post-like-btn .secondary-button:hover { border-color: #e96969; } .SinglePostStats .media-object .social-share .post-like-btn .easy-share { margin-top: 5px; } .social-share .post-like-btn #sharePath{ display: none; } .social-share .sl-count{ margin-left:5px; } .singlePostDescription { margin-bottom: 10px; } .singlePostDescription .heading { padding: 24px 0 20px 0; margin-bottom: 25px; border-bottom: 1px solid #ececec; } .singlePostDescription .heading h5 { font-weight: 600; line-height: 16px; } .singlePostDescription .heading i { font-size: 18px; line-height: 18px; color: #e96969; display: inline-block; margin-right: 15px; } .singlePostDescription .heading h4 { display: inline-block; } .singlePostDescription .description p { font-size: 13px; margin-bottom: 30px; } .singlePostDescription .description ul { margin-left: 13px; list-style: none; margin-bottom: 5px; } .singlePostDescription .description ul li { font-size: 13px; position: relative; margin-left: 10px; } .singlePostDescription .description ul li:before { content: "\f0da"; font-family: "FontAwesome"; position: absolute; left: -20px; top: 1px; } .singlePostDescription .description ul li a{ color: #e96969; } .singlePostDescription .description iframe{ width:100%; height:500px; } /*Page Markup*/ article.page-content ul { margin-left: 13px; list-style: none; margin-bottom: 5px; } article.page-content ul li { font-size: 13px; position: relative; margin-left: 10px; } article.page-content ul li:before { content: "\f0da"; font-family: "FontAwesome"; position: absolute; left: -20px; top: 1px; } article.page-content ul li a{ color: #e96969; } /*Page Markup*/ .singlePostDescription .description .categories { margin-bottom: 10px; } .singlePostDescription .description .tags{ margin-bottom: 20px; } .singlePostDescription .description .profile-margin { margin-bottom: 10px; } .singlePostDescription .description .profile-margin:last-of-type { margin-bottom: 50px; } .singlePostDescription .description button { padding: 0 10px; height: 30px; border: 1px solid #ececec; border-radius: 4px; font-size: 13px; color: #6c6c6c; font-weight: bold; cursor: auto; } .singlePostDescription .description button i { display: inline-block; margin-right: 10px; } .singlePostDescription .description .inner-btn, .singlePostDescription .description a[rel="tag"] { background: #f0f0f0; font-size: 13px; color: #6c6c6c; padding: 0 10px; height: 30px; text-transform: capitalize; display: inline-block; margin-bottom:5px; line-height: 30px; border-radius: 4px; } .singlePostDescription .description .inner-btn:hover, .singlePostDescription .description a[rel="tag"]:hover { background: #e96969; color: #fff; } .showmore_content { position: relative; overflow: hidden; } .showmore_trigger { width: 100%; height: 45px; line-height: 45px; cursor: pointer; margin-top: 50px; margin-bottom: 30px; text-align: center; } .showmore_trigger span { display: inline-block; height: 30px; line-height: 27px; background: #f0f0f0; border: 1px solid #ececec; padding: 0 10px; color: #6c6c6c; font-size: 13px; border-radius: 4px; } .showmore_trigger span:hover { background: #e96969; color: #fff; border-color: #e96969; } .related { margin-bottom: 10px; } .related .main-heading { margin-bottom: 20px; } .related .hover-posts span i { font-size: 18px; } .comments { margin-bottom: 30px; } .comments .main-heading { margin-bottom: 20px; } .comments .main-heading h4 span { color: #aaaaaa; } .comments .comment-box { margin-bottom: 20px; } .comments .comment-box .media-object { margin: 0; } .comments .comment-box .media-object .comment-img { padding: 15px 10px; border-right: 1px solid #ececec; } .comments .comment-box .media-object .comment-img .comment-box-img { padding: 5px; border: 1px solid #ececec; width: 70px; height: 70px; margin-bottom: 5px; } .comments .comment-box .media-object .comment-img .comment-box-img img { width: 100%; height: 100%; object-fit: cover; } .comments .comment-box .media-object .comment-img h6 { margin: 0; } .comments .comment-box .media-object .comment-img h6 a { font-size: 11px; line-height: 12px; font-weight: bold; color: inherit; } .comments .comment-box .media-object .comment-textarea { width: 100%; padding: 15px 15px 10px 15px; } .comments .comment-box .media-object .comment-textarea textarea { width: 100%; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: 1px solid #ececec; color: #aaaaaa; font-size: 13px; margin-bottom: 10px; } .comments .comment-box .media-object .comment-textarea input[type="submit"] { padding: 0 25px; border: 1px solid #ececec; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; text-align: center; height: 30px; line-height: 30px; background: #f0f0f0; color: #6c6c6c; text-transform: capitalize; float: right; } .comments .comment-box .media-object .comment-textarea input[type="submit"]:hover { background: #e96969; color: #fff; border-color: #e96969; } .comments .comment-sort { background: #f0f0f0; height: 30px; line-height: 27px; color: #6c6c6c; padding-right: 15px; margin-bottom: 30px; } .comments .comment-sort span { color: inherit; font-size: 12px; font-weight: 600; } .comments .comment-sort span a { color: inherit; font-size: inherit; font-weight: inherit; } .comments .comment-sort span a:hover { color: #e96969; } .main-comment .media-object .comment-box-img { padding: 5px; border: 1px solid #ececec; width: 70px; height: 70px; } .main-comment .media-object .comment-box-img img { width: 100%; height: 100%; object-fit: cover; } .main-comment .media-object .comment-desc { width: 100%; } .main-comment .media-object .comment-desc .comment-title { line-height: 16px; margin-bottom: 15px; } .main-comment .media-object .comment-desc .comment-title .name { font-size: 12px; color: #aaaaaa; } .main-comment .media-object .comment-desc .comment-title .name a { font-size: inherit; color: #444444; font-weight: bold; } .main-comment .media-object .comment-desc .comment-title .time { font-size: 12px; color: #aaaaaa; } .main-comment .media-object .comment-desc .comment-title .time i { font-size: inherit; color: inherit; display: inline-block; padding-right: 5px; } .main-comment .media-object .comment-desc .comment-text p { margin-bottom: 30px; color: #aaaaaa; font-size: 13px; } .main-comment .media-object .comment-desc .comment-btns { padding-bottom: 15px; margin-bottom: 30px; border-bottom: 1px solid #ececec; } .main-comment .media-object .comment-desc .comment-btns span { font-size: 12px; color: #aaaaaa; margin-right: 10px; } .main-comment .media-object .comment-desc .comment-btns span a { font-size: inherit; color: inherit; } .main-comment .media-object .comment-desc .comment-btns span a i { font-size: inherit; color: inherit; } .main-comment .media-object .comment-desc .comment-btns span a:hover { color: #e96969; } .main-comment .media-object .comment-desc .comment-btns span a:hover i { color: #e96969; } .main-comment .media-object .comment-desc .comment-btns span:nth-of-type(2) { color: #303030; } .main-comment .media-object .comment-desc .comment-btns span:nth-of-type(2) a { color: inherit; } .main-comment .media-object .comment-desc .comment-btns span:nth-of-type(2) a i { color: inherit; display: inline-block; margin-right: 5px; } .main-comment .media-object .comment-desc .comment-btns span:nth-of-type(2) a:hover { color: #e96969; } .main-comment .media-object .comment-desc .comment-btns span:nth-of-type(2) a:hover i { color: #e96969; } .main-comment .media-object .comment-desc .comment-btns span:nth-of-type(3) { margin: 0; cursor: pointer; } .main-comment .media-object .comment-desc .comment-btns span:nth-of-type(3) i { display: inline-block; margin-left: 5px; } .inner-video .inner-flex-video { padding-top: 15px; } .inner-video .inner-flex-video .flex-video.widescreen { padding-bottom: 57%; } /* ========================================================================== 16- Profile Page ========================================================================== */ .topProfile-inner { position: relative; } .topProfile-inner .main-text h3 { color: #fff; } .topProfile-inner .main-text h1 { background: #b57262 !important; } .topProfile-inner .upload-bg { position: absolute; top: 25px; } .topProfile-inner .upload-bg label:before { border: none; } .topProfile-inner .upload-bg label { padding: 0; cursor: pointer; } .topProfile-inner .upload-bg .btn-upload i { display: inline-block; background: #fff; color: #6c6c6c; border-top-left-radius: 4px; border-bottom-left-radius: 4px; font-size: 14px; height: 40px; line-height: 40px; padding: 0 11px; } .topProfile-inner .upload-bg .btn-upload span { display: inline-block; padding: 0 10px; text-transform: uppercase; color: #fff; background: rgba(0, 0, 0, 0.6); border-top-right-radius: 4px; border-bottom-right-radius: 4px; height: 40px; line-height: 40px; font-weight: 600; font-size: 13px; } .topProfile { position: relative; height: 350px; background: url("../images/profile-bg.png") no-repeat; background-size: cover; width: 100%; margin-bottom: 90px; } .topProfile .main-text { padding-top: 90px; } .topProfile .main-text h3 { line-height: 24px; color:#fff; margin: 0 0 5px 0; text-transform: uppercase; } .topProfile .main-text h1 { display: inline-block; margin: 0; background: #e96969; line-height: 36px; padding: 7px 10px; color: #fff; text-transform: uppercase; } .topProfile .profile-stats { position: absolute; bottom: -55px; left: 0; width: 100%; z-index: 1; } .topProfile .profile-stats .secBg { padding: 18px 0; } .topProfile .profile-stats .profile-subscribe { height: 40px; line-height: 40px; position: absolute; top: -50px; left: 20%; } .topProfile .profile-stats .profile-subscribe form{ display:inline-block; } .topProfile .profile-stats .profile-subscribe span { display: inline-block; padding: 0 15px; background: #f0f0f0; height: 39px; text-align: center; color: #6c6c6c; font-size: 14px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .topProfile .profile-stats .profile-subscribe span i { color: inherit; font-size: 14px; display: inline-block; margin-right: 10px; } .topProfile .profile-stats .profile-subscribe button { height: 100%; line-height: 40px; background: rgba(0, 0, 0, 0.5); text-align: center; color: #fff; text-transform: uppercase; padding: 0 15px; font-size: 14px; font-weight: 600; margin-left: -4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .topProfile .profile-stats .profile-share { padding: 10px; display: inline-block; background: rgba(0, 0, 0, 0.7); position: absolute; right: 10%; top: -50px; border-radius: 4px; } .topProfile .profile-stats .profile-share .easy-share { height: 20px; } .topProfile .profile-stats .profile-share .easy-share button[data-easyshare-button] { height: 20px; line-height: 20px; } .topProfile .profile-stats .profile-share .easy-share span[data-easyshare-button-count] { margin: 0 5px 0 8px !important; height: 20px; line-height: 20px; } .topProfile .profile-stats .profile-author-img { width: 140px; height: 130px; padding: 10px; background: #fff; border: 1px solid #ececec; position: absolute; bottom: 20px; -webkit-box-shadow: 0px 0px 10px 0px #ececec; -moz-box-shadow: 0px 0px 10px 0px #ececec; box-shadow: 0px 0px 10px 0px #ececec; } .topProfile .profile-stats .profile-author-img img { width: 100%; height: 100%; object-fit: cover; } .topProfile .profile-stats .profile-author-img label { padding: 0; } .topProfile .profile-stats .profile-author-img label:before { border: none; } .topProfile .profile-stats .profile-author-img .btn-upload { position: relative; bottom: 35px; left: 8px; cursor: pointer; } .topProfile .profile-stats .profile-author-img .btn-upload i { display: inline-block; background: #fff; color: #6c6c6c; border-top-left-radius: 4px; border-bottom-left-radius: 4px; font-size: 14px; height: 30px; line-height: 30px; padding: 0 6px; } .topProfile .profile-stats .profile-author-img .btn-upload span { display: inline-block; padding: 0 6px; text-transform: uppercase; color: #fff; background: rgba(0, 0, 0, 0.6); border-top-right-radius: 4px; border-bottom-right-radius: 4px; height: 30px; line-height: 30px; font-weight: 600; font-size: 8px; } .topProfile .profile-stats .profile-author-name { margin-left: 160px; } .topProfile .profile-stats .profile-author-name h4 { margin: 0 0 9px 0; line-height: 18px; } .topProfile .profile-stats .profile-author-name p { font-weight: bold; line-height: 11px; font-size: 11px; color: #6c6c6c; margin: 0 0 10px 0; } .topProfile .profile-stats .profile-author-name p span { font-size: inherit; color: #aaaaaa; } .topProfile .profile-stats .profile-author-stats ul { border-spacing: 10px 0; } .topProfile .profile-stats .profile-author-stats ul li { border: 1px solid #ececec; border-radius: 4px; height: 48px; line-height: 50px; box-sizing: border-box; } .topProfile .profile-stats .profile-author-stats ul li div.icon { display: block; padding: 0 15px; text-align: center; background: #f0f0f0; border-right: 1px solid #ececec; box-sizing: border-box; } .topProfile .profile-stats .profile-author-stats ul li div.icon i { display: inline-block; font-size: 16px; color: #6c6c6c; } .topProfile .profile-stats .profile-author-stats ul li div.li-text { padding: 7px 10px; text-align: center; } .topProfile .profile-stats .profile-author-stats ul li div.li-text p.number-text { font-size: 24px; font-weight: bold; line-height: 18px; color: #e96969; margin-bottom: 5px; } .topProfile .profile-stats .profile-author-stats ul li div.li-text span { font-size: 13px; line-height: 13px; display: block; } .followers .follower { padding-right: 13px; margin-bottom: 50px; } .followers .follower .follower-img { height: 100px; width: 115px; } .followers .follower .follower-img img { width: 100%; height: 100%; object-fit: cover; } .followers .follower span { display: block; border: 1px solid #ececec; text-align: center; height: 30px; line-height: 29px; color: #6c6c6c; font-weight: bold; margin-bottom: 5px; font-size: 13px; } .followers .follower button { height: 30px; border: 1px solid #ececec; font-weight: 600; color: #6c6c6c; background: #f0f0f0; text-transform: capitalize; text-align: center; width: 100%; font-size: 12px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; } .followers .follower button:hover { background: #e96969; color: #fff; } .profile-inner .heading { border-bottom: 1px solid #ececec; padding: 23px 0 18px 0; } .profile-inner .heading i { display: inline-block; margin-right: 13px; color: #e96969; } .profile-inner .heading h4 { display: inline-block; line-height: 18px; text-transform:capitalize; margin: 0; } .profile-inner .show-more-inner { padding: 50px 0; } .profile-inner .show-more-inner .show-more-btn { display: inline-block; height: 30px; line-height: 27px; background: #f0f0f0; border: 1px solid #ececec; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; padding: 0 23px; color: #6c6c6c; } .profile-inner .show-more-inner .show-more-btn:hover { background: #e96969; border-color: #e96969; color: #fff; } .profile-inner .profile-videos { margin-bottom: 30px; } .profile-inner .profile-videos .profile-video { border: 1px solid #ececec; margin-bottom: 20px; } .profile-inner .profile-videos .profile-video .media-object { margin: 0; } .profile-inner .profile-videos .profile-video .media-object .media-img-content { padding-right: 0; } .profile-inner .profile-videos .profile-video .media-object .video-img { width: 170px; height: 150px; padding: 10px; border-right: 1px solid #ececec; } .profile-inner .profile-videos .profile-video .media-object .video-img img { width: 100%; height: 100%; } .profile-inner .profile-videos .profile-video .media-object .video-content { width: 100%; padding-left: 15px; border-bottom: 1px solid #ececec; } .profile-inner .profile-videos .profile-video .media-object .video-content h5 { margin: 15px 0; line-height: 16px; } .profile-inner .profile-videos .profile-video .media-object .video-content h5 a { color: #444444; } .profile-inner .profile-videos .profile-video .media-object .video-content h5 a:hover { color: #303030; } .profile-inner .profile-videos .profile-video .media-object .video-content p { font-size: 13px; margin-bottom: 14px; } .profile-inner .profile-videos .profile-video .media-object .video-detail { padding-left: 15px; } .profile-inner .profile-videos .profile-video .media-object .video-detail .video-stats { display: inline-block; width: 50%; } .profile-inner .profile-videos .profile-video .media-object .video-detail .video-stats span { font-size: 12px; color: #aaaaaa; display: inline-block; margin-right: 15px; text-transform: capitalize; } .profile-inner .profile-videos .profile-video .media-object .video-detail .video-stats span i { font-size: 14px; display: inline-block; color: #6c6c6c; margin-right: 5px; } .profile-inner .profile-videos .profile-video .media-object .video-detail .video-stats span:first-of-type i { color: #61ca37; } .profile-inner .profile-videos .profile-video .media-object .video-btns { width: 49%; display: inline-block; text-align: right; padding: 10px; } .profile-inner .profile-videos .profile-video .media-object .video-btns a.video-btn { display: inline-block; border: 1px solid #ececec; background: #f0f0f0; color: #6c6c6c; height: 30px; line-height: 27px; font-size: 13px; padding: 0 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; margin-left: 10px; } .profile-inner .profile-videos .profile-video .media-object .video-btns a.video-btn i { display: inline-block; margin-right: 8px; font-size: inherit; color: inherit; } .profile-inner .profile-videos .profile-video .media-object .video-btns a.video-btn:hover { background: #e96969; border-color: #e96969; color: #fff; } .profile-inner .profile-videos .profile-video .media-object .video-btns a.video-btn:hover i { color: #fff; } .profile-inner .profile-videos .profile-video .media-object .video-btns button[type="submit"] { height: 30px; border: 1px solid #ececec; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; background: #f0f0f0; color: #6c6c6c; font-size: 13px; text-transform: capitalize; line-height: 30px; padding: 0 10px; } .profile-inner .profile-videos .profile-video .media-object .video-btns button[type="submit"] i { display: inline-block; margin-right: 9px; color: inherit; font-size: inherit; } .profile-inner .profile-videos .profile-video .media-object .video-btns button[type="submit"]:hover { background: #e96969; border-color: #e96969; color: #fff; } .profile-inner .profile-videos .profile-video .media-object .video-btns button[type="submit"]:hover i { color: #fff; } .profile-settings { margin-bottom: 30px; } .profile-settings .setting-form .setting-form-inner { padding: 0 20px; margin-bottom: 60px; } .profile-settings .setting-form .setting-form-inner label::before { border: none; } .profile-settings .setting-form .setting-form-inner label { padding: 0; display: block; margin: 0; font-size: 13px !important; font-weight: 600 !important; color: #6c6c6c !important; text-transform: capitalize !important; } .profile-settings .setting-form .setting-form-inner h6 { font-size: 13px; color: #6c6c6c; padding-bottom: 5px; margin-bottom: 30px; } .profile-settings .setting-form .setting-form-inner input { width: 100%; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; border: 1px solid #ececec; height: 40px; line-height: 40px; font-size: 13px; color: #aaaaaa; box-shadow: none; padding-left: 20px; } .profile-settings .setting-form .setting-form-inner textarea { border: 1px solid #ececec; width: 100%; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; padding-left: 20px; height: 160px; color: #aaaaaa; font-size: 13px; } .profile-settings .setting-form .setting-form-inner .button { background: #61ca37; border-bottom: 3px solid #53ac2f; } /* ========================================================================== 17- Submit Post ========================================================================== */ .submit-post { margin-bottom: 30px; /*****************************************/ /* Radio buttons sprite background image */ /*****************************************/ } .submit-post .extraMargin { margin-bottom: 60px; } .submit-post label { padding: 0; display: block; margin: 0; font-size: 13px !important; font-weight: bold !important; color: #6c6c6c !important; text-transform: capitalize !important; } .submit-post h6 { font-size: 13px; color: #6c6c6c; padding-bottom: 5px; margin-bottom: 30px; } .submit-post p { margin-bottom: 30px; font-size: 13px; } .submit-post input { width: 100%; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; border: 1px solid #ececec; height: 40px; line-height: 40px; font-size: 13px; color: #aaaaaa; box-shadow: none; padding-left: 20px; margin-bottom: 30px; } .submit-post textarea { border: 1px solid #ececec; width: 100%; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; padding-left: 20px; height: 160px; color: #aaaaaa; font-size: 13px; box-shadow: none; margin-bottom: 30px; } .submit-post .radio { margin-bottom: 60px; } .submit-post .radio .customLabel:before { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; left: -20px; } .submit-post .radio .customLabel { display: inline-block; margin-left: 20px; margin-right: 10px; font-size: 13px !important; color: #8e8e8e !important; } .submit-post .upload-video { border: 1px solid #ececec; padding: 5px; display: inline-block; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; margin-bottom: 30px; } .submit-post .upload-video .button { display: inline-block; height: 30px; line-height: 30px; padding: 0 10px; color: #fff !important; font-weight: bold; margin-right: 10px; } .submit-post .upload-video .button:hover { color: #fff !important; } .submit-post .upload-video span { font-size: 13px; display: inline-block; padding-right: 30px; } .submit-post .post-meta textarea { height: 110px; margin-bottom: 10px; } .submit-post .post-category select { margin-bottom: 30px; } .submit-post .video-sprite { display: block; } .submit-post .video-layout { margin-bottom: 30px; width: 58px; display: inline-block; margin-right: 20px; text-align: center; } .submit-post .video-layout input[type=radio] { display: none; } .submit-post .video-layout input[type=radio] + label.fullwidth { display: inline-block; cursor: pointer; outline: 0; width: 64px; height: 56px; background-image: url("../images/sprite-bottle-3g.png"); background-repeat: no-repeat; background-position: 0 0; text-indent: -99999px; } .submit-post .video-layout input[type=radio]:checked + label.fullwidth { background-position: 0 -114px; } .submit-post .video-layout input[type=radio] + label.standard { display: inline-block; cursor: pointer; outline: 0; width: 64px; height: 56px; background-image: url("../images/sprite-bottle-3g.png"); background-repeat: no-repeat; background-position: 0 -57px; text-indent: -99999px; } .submit-post .video-layout input[type=radio]:checked + label.standard { background-position: 0 bottom; } .submit-post .video-layout span { font-size: 12px; color: #6c6c6c; } .submit-post button[type="submit"] { margin: 20px 0 50px 0; background: #61ca37; border-bottom: 3px solid #53ac2f; } /* ========================================================================== 18-login - register ========================================================================== */ .registration { background: #f0f0f0; margin: 30px 0; } .registration .borderBottom { padding: 0 15px; margin-bottom: 50px; } .registration .login-register-content { padding-bottom: 100px; } .registration .page-heading { padding: 40px 0; } .registration .page-heading h3 { text-transform: capitalize; margin-bottom: 20px; } .registration .page-heading p { font-size: 13px; } .registration .social-login h5 { font-weight: 600; margin-bottom: 30px; } .registration .social-login .social-login-btn { height: 50px; margin-bottom: 20px; } .registration .social-login .social-login-btn a { display: block; font-size: 14px; text-transform: capitalize; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; font-weight: bold; } .registration .social-login .social-login-btn a i { display: inline-block; width: 50px; line-height: 50px; height: 50px; text-align: center; margin-right: 10px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; font-size: 16px; } .registration .social-login .social-login-btn.facebook a { color: #fff; background: #395996; } .registration .social-login .social-login-btn.facebook a i { color: #fff; background: #335087; } .registration .social-login .social-login-btn.twitter a { color: #fff; background: #43b3e5; } .registration .social-login .social-login-btn.twitter a i { color: #fff; background: #3ca1ce; } .registration .social-login .social-login-btn.g-plus a { color: #fff; background: #fb3333; } .registration .social-login .social-login-btn.g-plus a i { color: #fff; background: #e12e2e; } .registration .social-login .social-login-btn.linkedin a { color: #fff; background: #007bb6; } .registration .social-login .social-login-btn.linkedin a i { color: #fff; background: #006ea3; } .registration .middle-text { position: relative; } .registration .middle-text p { margin: 0; position: absolute; top: 50%; left: 30%; transform: translate(-20%, -50%); } .registration .middle-text p span { display: inline-block; margin: 0 23px; color: #444444; font-weight: bold; } .registration .middle-text p i.active { color: #444444; } .registration .register-form h5 { font-weight: 600; margin-bottom: 30px; } .registration .register-form .input-group { margin-bottom: 20px; position: relative; } .registration .register-form .input-group .input-group-label { background: #f0f0f0; border-color: #ececec; border-top-left-radius: 4px; border-bottom-left-radius: 4px; height: 50px !important; width: 50px; overflow: hidden; } .registration .register-form .input-group .input-group-label i { color: #6c6c6c; font-size: 16px; } .registration .register-form .input-group input { height: 50px; border-color: #ececec; box-shadow: none; font-size: 13px; color: #aaaaaa; border-top-right-radius: 4px; border-bottom-right-radius: 4px; margin: 0; } .registration .register-form .input-group .form-error { position: absolute; bottom: 18px; margin: 0; right: 10px; } .registration .register-form .button { margin-bottom: 25px; } .registration .register-form .loginclick { font-size: 12px; text-align: right; } .registration .register-form .loginclick a { color: #303030; text-transform: capitalize; } .registration .register-form .loginclick a:hover { color: #e96969; } .registration .register-form .loginclick a:nth-of-type(1) { float: left; } .registration h4 { margin-bottom: 30px; } .registration .map { width: 100%; height: 300px; overflow: hidden; margin-bottom: 30px; } .registration .user-contacts .contact-stats { margin-bottom: 40px; } .registration .user-contacts .contact-stats i { display: inline-block; font-size: 14px; color: #444444; margin-right: 10px; } .registration .user-contacts .contact-stats h6 { display: inline-block; font-size: 14px; color: #444444; margin-bottom: 20px; text-transform: capitalize; } .registration .user-contacts .contact-stats p { font-size: 13px; } .registration .user-contacts .contact-stats p a.secondary-button { text-align: center; margin-bottom: 5px; } .registration .user-contacts .contact-stats p a.secondary-button i { margin: 0; } .registration .user-contacts .contact-stats p a.secondary-button:hover i { color: #fff; } .registration .register-form textarea { width: 100%; height: 240px; border: 1px solid #ececec; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; box-shadow: none; color: #aaaaaa; font-size: 13px; } /*APSL*/ .betubeAPSL .social-networks a{ display:block; } .betubeAPSL .social-networks .apsl-icon-block{ display:block !important; height:50px; margin-bottom:20px; border-radius:4; line-height:50px; padding:0px !important; margin-right:0 !important; } .betubeAPSL .social-networks .apsl-icon-block{ text-transform:capitalize; font-size:14; font-weight:bold; } .betubeAPSL .social-networks .apsl-icon-block i{ border-bottom-left-radius:4px; border-top-left-radius:4px; display:inline-block; padding-left:16px; line-height:47px; margin-right:10px; text-align:center; width:50px; } .betubeAPSL .social-networks .icon-google i{ background:#e12e2e; } .betubeAPSL .social-networks .icon-facebook i{ background:#335087; } .betubeAPSL .social-networks .icon-twitter i{ background:#3ca1ce; } /* ========================================================================== 19- pagination ========================================================================== */ .pagination { text-align: center; margin: 20px 0 50px 0; } .pagination a.prev { display: inline-block; height: 30px; background: #f0f0f0; width: auto; color: #6c6c6c; font-size: 13px; line-height: 30px; border: 1px solid #ececec; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; padding: 0 10px; } .pagination a.next { display: inline-block; height: 30px; background: #f0f0f0; width: auto; color: #6c6c6c; font-size: 13px; line-height: 30px; border: 1px solid #ececec; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; padding: 0 10px; } .pagination a { display: inline-block; height: 30px; background: #f0f0f0; color: #6c6c6c; font-size: 13px; line-height: 30px; border: 1px solid #ececec; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; padding: 0 10px; } .pagination a:hover { background: #e96969; border-color: #e96969; color: #fff; } .pagination span.current { background: #e96969; border: 1px solid #e96969; color: #fff; width: 30px; height: 30px; line-height: 30px; display: inline-block; text-align: center; font-size: 13px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; } .pagination{list-style:none;} .pagination > li {display:inline-block; margin:0 5px !important;} .pagination > li.current {min-width:30px; width:auto; height:30px; line-height:30px; color: #fff; border-radius:5px;} /* ========================================================================== page-content ========================================================================== */ article.page-content { padding: 20px 0 0 0; } article.page-content p { font-size: 13px; margin-bottom: 30px; } article.page-content p:last-of-type { display:inline-block; margin-bottom: 5px; } article.page-content ul { margin-bottom: 5px; font-size: 13px; list-style: none; } article.page-content ul li { font-size: inherit; } article.page-content ul li i { display: inline-block; font-size: inherit; color: #6c6c6c; margin-right: 15px; } article.page-content ol { margin-bottom: 5px; font-size: 13px; } article.page-content ol li { font-size: inherit; margin-bottom: 5px; } article.page-content ol li span { display: inline-block; font-size: inherit; color: #444; margin-right: 15px; font-weight: bold; } /* ========================================================================== 21- blog ========================================================================== */ .blog-post { margin-bottom: 15px; } .blog-post .blog-post-heading { padding-top: 25px; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #ececec; } .blog-post .blog-post-heading h3 { margin-bottom: 20px; } .blog-post .blog-post-heading h3 a { color: #444444; } .blog-post .blog-post-heading h3 a:hover { color: #e96969; } .blog-post .blog-post-heading p { margin: 0; line-height: 11px; } .blog-post .blog-post-heading p span { font-size: 11px; color: #aaaaaa; display: inline-block; margin-right: 15px; } .blog-post .blog-post-heading p span i { display: inline-block; color: inherit; font-size: inherit; margin-right: 5px; } .blog-post .blog-post-heading p span a { display: inline-block; color: #6c6c6c; font-size: inherit; } .blog-post .blog-post-heading p span a:hover { color: #e96969; } .blog-post .blog-post-content { padding-bottom: 30px; } .blog-post .blog-post-content .blog-post-img { height: 370px; margin-bottom: 20px; } .blog-post .blog-post-content .blog-post-img img { width: 100%; height: 100%; } .blog-post .blog-post-content p { font-size: 13px; margin-bottom: 30px; } .blog-post .blog-post-content p:last-of-type { margin-bottom: 60px; } .blog-post .blog-post-content p iframe{ width: 100%; height: 500px; } .blog-post .blog-post-content ul { list-style: none; margin-left: 0; margin-bottom: 30px; } .blog-post .blog-post-content ul li { font-size: 13px; } .blog-post .blog-post-content ul li i { color: #6c6c6c; font-size: inherit; display: inline-block; margin-right: 20px; } .blog-post .blog-post-content blockquote { padding: 15px 25px 15px 65px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; background: #f0f0f0; border: 1px solid #ececec; font-size: 16px; font-weight: 600; position: relative; font-style: italic; margin-bottom: 30px; } .blog-post .blog-post-content blockquote p{ margin-bottom: 0; font-size: 16px; } .blog-post .blog-post-content blockquote:before { content: "\f10d"; font-family: FontAwesome; font-size: 30px; color: #a5e46c; position: absolute; left: 25px; top: 5px; font-style: normal; } .blog-post .blog-post-content a.blog-post-btn { display: inline-block; height: 30px; padding: 0 33px; line-height: 30px; font-size: 13px; color: #6c6c6c; background: #f0f0f0; text-transform: capitalize; font-weight: bold; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; } .blog-post .blog-post-content a.blog-post-btn:hover { background: #e96969; color: #fff; } .blog-post .blog-post-content .blog-post-extras { margin-bottom: 50px; } .blog-post .blog-post-content .blog-post-extras .extras { margin-bottom: 10px; } .blog-post .blog-post-content .blog-post-extras .extras button { height: 30px; line-height: 30px; border: 1px solid #ececec; font-size: 13px; color: #6c6c6c; padding: 0 10px; font-weight: bold; text-transform: uppercase; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; } .blog-post .blog-post-content .blog-post-extras .extras button i { display: inline-block; font-size: inherit; color: inherit; margin-right: 10px; } .blog-post .blog-post-content .blog-post-extras .extras button span { color: #fff; } .blog-post .blog-post-content .blog-post-extras .extras a { display: inline-block; height: 30px; line-height: 30px; background: #f0f0f0; padding: 0 10px; text-transform: capitalize; color: #6c6c6c; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; font-size: 13px; margin-right: 5px; } .blog-post .blog-post-content .blog-post-extras .extras a:hover { background: #e96969; color: #fff; } .blog-post .blog-post-content .blog-post-extras .extras .easy-share button[data-easyshare-button] { margin-left: 5px; width: 30px; height: 30px; line-height: 30px; padding: 0; text-align: center; background: #f0f0f0; } .blog-post .blog-post-content .blog-post-extras .extras .easy-share button[data-easyshare-button] span { color: #6c6c6c; text-shadow: none; } .blog-post .blog-post-content .blog-post-extras .extras .easy-share button[data-easyshare-button]:hover span { color: #fff; } .blog-post .blog-post-content .blog-post-extras .extras .easy-share button[data-easyshare-button="facebook"]:hover { background: #43609C; } .blog-post .blog-post-content .blog-post-extras .extras .easy-share button[data-easyshare-button="twitter"]:hover { background: #43b3e5; } .blog-post .blog-post-content .blog-post-extras .extras .easy-share button[data-easyshare-button="google"]:hover { background: #DB4437; } .blog-post .blog-post-content .blog-pagination { border-top: 1px solid #ececec; padding-top: 20px; } .blog-post .blog-post-content .blog-pagination a { display: inline-block; height: 30px; line-height: 30px; border: 1px solid #ececec; background: #f0f0f0; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; color: #6c6c6c; padding: 0 10px; margin-right: 30px; font-size: 13px; text-transform: capitalize; } .blog-post .blog-post-content .blog-pagination a i { display: inline-block; font-size: inherit; color: inherit; } .blog-post .blog-post-content .blog-pagination a i.left-arrow { margin-right: 10px; } .blog-post .blog-post-content .blog-pagination a i.right-arrow { margin-left: 10px; } .blog-post .blog-post-content .blog-pagination a:hover { background: #e96969; color: #fff; } .blog-post .blog-post-content .blog-pagination a:hover i { color: #fff; } .blog-post-written { margin-bottom: 10px; } .blog-post-written .media-object { margin: 0; padding: 20px 0; } .blog-post-written .blog-post-author-img { border: 1px solid #ececec; width: 120px; height: 140px; padding: 10px; } .blog-post-written .blog-post-author-img img { width: 100%; height: 100%; } .blog-post-written .blog-post-author-des p { font-size: 13px; color: #aaaaaa; } /* ========================================================================== 22- 404 error page ========================================================================== */ .error-page { margin-bottom: 30px; } .error-page .error-page-content { padding: 100px 0; } .error-page .error-page-content .error-img { margin-bottom: 50px; position: relative; } .error-page .error-page-content .error-img .spark { display: inline-block; position: absolute; right: 29%; top: 22px; } .error-page .error-page-content .error-img .spark img { width: 100%; } .error-page .error-page-content h1 { font-size: 46px; text-transform: uppercase; letter-spacing: 10px; margin-bottom: 35px; } .error-page .error-page-content p { font-size: 18px; font-weight: 600; line-height: 30px; margin-bottom: 40px; } @-webkit-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation: flash 0.3s infinite; animation: flash 0.3s infinite; } .tab-content { display:none; clear:both; } .tab-content.active { display:block; } .my-panel { position: fixed; height: 100%; width: 250px; transform: translateX(-100%); transition: transform ease .25s; z-index: 999; overflow-y: auto; } .my-panel.is-active { transform: translateX(0); } .radio-video-links > div { display:none; } .inner-video .tabs{ background: none; border: none; border-bottom: 2px solid #e96969; } .inner-video .tabs .tabs-title > a:focus, .tabs-title > a[aria-selected="true"]{ background: #e96969 !important; color: #FFFFFF !important; } .inner-video .tabs .tabs-title > a{ background: #444444; color: #FFFFFF; font-size: 12px; font-weight: 600; padding: 10px; border-top-left-radius: 3px; border-top-right-radius: 3px; margin-right: 3px; } .inner-video .tabs .tabs-title > a i{ display: inline-block; margin-right: 6px; font-size: 12px; background:none; color:inherit; width:auto; height:auto; line-height:1; } .inner-video .tabs-content{ border: none; background: none; } .inner-video .tabs-content .tabs-panel{ padding: 0; } .inner-video.inner-video-light .tabs .tabs-title > a{ background: #f0f0f0; color: #6c6c6c; } .simple-pagination, .view-more-btn .loading, .view-more-btn .no-more{ display: none; } .jw-pagination.jw-infinite-scroll{ padding-bottom: 30px; } footer .widgetBox .item.twitter-item i{ margin-right: 15px; color: #6c6c6c; } footer .widgetBox .item.twitter-item span{ color: #f6f6f6; } #media .tabs-title.is-active a { background: transparent none repeat scroll 0 0 !important; color: #8e8e8e !important; } .content.comments #reply-title{ padding: 10px 0 0 0; } /*Version 1.0.1*/ .tabs{ border: none !important; } .tabs-title > a:focus, .tabs-title > a[aria-selected="true"]{ background: #e96969; color: #fff; } .tabs-title > a{ padding: 0; border: 1px solid #e6e6e6; margin-bottom: 10px; color: #6c6c6c; font-size: 13px; font-weight: bold; text-transform: capitalize; border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .tabs-title > a:hover{ background: #e96969; color: #fff !important; } .tabs-title > a > i{ width: 40px; height: 40px; display: inline-block; background: #f6f6f6; color: #6c6c6c; text-align: center; line-height: 40px; margin-right: 10px; } .tabs-title a span{ font-weight: normal; line-height: 40px; margin-right: 15px; } .tabs-panel{ padding: 0; } .tabs-content{ border: none; background: transparent; } .tabs-content.vertical{ border: none !important; } .media-object-section.media-video-content{ width:100%; } .topProfile{ margin-top:-30px; } .excerpt-read-more{ display:none !important; } .searchMising{ text-align:center; } .searchMising .search{ padding:10px; } .searchMising .search .input-group-button .button{ height:40px; line-height:5px; } /*.pagination > .page-numbers{ background: #e96969 none repeat scroll 0 0; border: 1px solid #e96969; border-radius: 4px; color: #fff; display: inline-block; font-size: 13px; height: 30px; line-height: 30px; text-align: center; width: 30px; }*/ .sidebar .menu > li{ display:block !important; } .sidebar .menu .active > a{ background: #e96969; color:#fff !important; } .home .category-content #post-1178 .blog-post-content .blog-post-img{ display:none !important; } img.featuredIMG{ max-height:100px; max-width:100px; } /*jPlayerCSS*/ .jp-player{ width:100%; } .jp-player:hover .jp-gui { opacity:1; visibility:visible; bottom:0; height:30px; } .jp-gui a { display:inline-block; outline:none; text-indent:-999em; background-repeat:no-repeat; } .jp-control { width:33px; height:30px; padding-right:2px; background:url(images/s-jplayer.png) no-repeat right -300px; position:absolute; top:0; left:0; } .jp-play,.jp-pause { width:33px; height:30px; position:absolute; top:0; left:0; } .jp-play { background-position:0 0 } .jp-play:hover { background-position:-33px 0 } .jp-pause { background-position:0 -30px; display:none; } .jp-pause:hover { background-position:-33px -30px } .jp-progress-container { margin:0 95px 0 34px; height:8px; padding:12px 12px 10px 10px; background:url(images/s-jplayer.png) no-repeat right -300px; } .jp-progress { height:5px; padding:1px 1px 2px; background-position:0 -240px; position:static; } .jp-seek-bar { width:0px; height:5px; background-position:0 -210px; cursor:pointer; } .jp-play-bar { width:0px; height:5px; background-position:0 -180px; } .jp-mute,.jp-unmute { width:17px; height:13px; position:absolute; top:9px; right:70px; } .jp-mute { background-position:-10px -68px } .jp-mute:hover { background-position:-43px -68px } .jp-unmute { background-position:-10px -98px } .jp-unmute:hover { background-position:-43px -98px } .jp-volume-bar { width:40px; height:5px; padding:1px 1px 2px; background-position:0 -240px; cursor:pointer; position:absolute; top:12px; right:25px; } .jp-volume-bar-value { width:0px; height:5px; background-position: 0 -180px; } .jp-full-screen,.jp-restore-screen { width:17px; height:13px; position:absolute; top:8px; right:0; } .jp-full-screen{ background-position:-10px -128px } .jp-full-screen:hover{ background-position:-43px -128px } .jp-restore-screen{ background-position:-10px -158px } .jp-restore-screen:hover{ background-position:-43px -158px } .jp-video-full { position:fixed; width:100%; height:100%; left:0; top:0; background:#000; z-index:999; } .jp-video-play{ position:absolute;top:0;left:0;width:100%;height:100%;z-index:2; background:url(images/icon-play-64.png) no-repeat center center; text-indent:-5555em; overflow:hidden; cursor:pointer; } /*Video Scroll*/ .single-video-pop{ position: fixed; bottom: 100px; right: 40px; z-index: 9999; text-align: center; line-height: 50px; background: #393939; color: #fff; cursor: pointer; border: 0; border-radius: 5px; width: 400px; height: 229px; } .single-video-pop .flex-video.widescreen{ padding-bottom: 63% !important; } .close-betube-pop{ display: inline-block; height: 40px; line-height: 40px; position: absolute; right: 0px; text-align: center; top: -37px; width: 40px; display: none; } .close-betube-pop.dark{ background: #444; } .close-betube-pop.dark i{ color: #fff; } .close-betube-pop.light{ background: #f0f0f0; } .close-betube-pop.light i{ color: #6c6c6c; } /*Responsive Player*/ .fullwidth-single-video .flowplayer{ height: auto !important; max-width: 100% !important; } .inner-video-light > .flowplayer{ height: auto !important; width: 100%; } .fp-ratio{ padding-top: 57% !important; } .single-video-pop .flowplayer{ height:225px !important; } .mejs-container { width: 100% !important; height: auto !important; padding-top: 57%; } .mejs-overlay, .mejs-poster { width: 100% !important; height: 100% !important; } .mejs-mediaelement video { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100% !important; height: 100% !important; } .mejs-container, .mejs-embed, .mejs-embed body { background:transparent!important; } /*Betube Loader*/ #betubeloader-container { position: fixed; left: 0; top: 0; z-index: 9999; width: 100%; height: 100%; overflow: visible; background-color: #fff; } #betubeloader-animation { width: 400px; height: 200px; position: absolute; left: 0; top: 0; bottom:0; right:0; background-repeat: no-repeat; background-position: center; margin: auto; } /*Betube Loader*/ .top-button .menu li.dropdown-login{z-index:999 !important;} span.registration-closed{ margin-bottom:50px; margin-top:50px; font-size:20px; } .topBarMenu .menu .active > a{ background:none !important; } /*Betube Category page*/ .main-cat{ padding-top: 35px; } .main-cat .item-col{ padding-right: 0; } .main-cat .item-col:nth-of-type(3n+3){ padding-right: 15px; } .main-cat .item-cat{ margin-bottom: 20px; } .main-cat .item-cat .premium-img{ margin: 0; height: 180px; width: 100%; position: relative; } .main-cat .item-cat .premium-img img{ object-fit: cover; -o-object-fit: cover; width: 100%; height: 100%; } .main-cat .item-cat h5{ margin-top: 15px; text-align: center; margin-bottom: 0; } .main-cat .item-cat h5 a{ font-size: 16px; text-transform: uppercase; color: #444444; } .main-cat .item-cat h5 a:hover{ color: #e96969; } .main-cat .item-cat p{ font-size: 13px; color: #aaa; text-align: center; } .main-cat .item-cat:hover .premium-img .hover-posts{ visibility: visible; transform: scale(1, 1); } .all-author{ padding-top: 35px; } .all-author .follower{ margin-bottom: 30px; text-align: center; } .all-author .follower span{ display: block; border: 1px solid #e0e0e0; padding: 15px 0; } .all-author .follower span a{ font-size: 16px; color: #6c6c6c; font-weight: bold; } .all-author .follower span a:hover{ color: #e96969; } .all-author .follower .follower-img img{ width: 100%; } /*Betube Category page*/ .no-js .top-bar { display: none; } @media screen and (min-width: 40em) { .no-js .top-bar { display: block; } .no-js .title-bar { display: none; } } /* ========================================================================== blog section ========================================================================== */ #blog-section{ margin-bottom: 50px; } #blog-section #owl-blog { padding-bottom: 30px; } #blog-section #owl-blog .item-blog { overflow: hidden; } #blog-section #owl-blog .item-blog figure { margin: 0; } .blog-section-img{ position: relative; border: 1px solid #ececec; height: 250px; width: 100%; } #blog-section #owl-blog .item-blog figure img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } #blog-section #owl-blog .item-blog figure a.hover-posts span i { font-size: 18px; } #blog-section #owl-blog .item-blog:hover a.hover-posts { visibility: visible; transform: scale(1); } #blog-section #owl-blog .item-blog figure figcaption{ padding: 15px; } #blog-section #owl-blog .item-blog figure figcaption h4{ margin-top: 0; margin-bottom: 15px; font-size: 18px; font-weight: 600; } #blog-section #owl-blog .item-blog figure figcaption h4 a{ color: #444444; transition: all 0.5s ease; } #blog-section #owl-blog .item-blog figure figcaption h4 a:hover{ color: #e96969; } #blog-section #owl-blog .item-blog figure figcaption p{ font-size: 11px; color: #aaa; margin: 0; } #blog-section #owl-blog .item-blog figure figcaption p span{ font-size: inherit; color: inherit; display: inline-block; margin-right: 10px; } #blog-section #owl-blog .item-blog figure figcaption p span i{ color: inherit; margin-right: 5px; } #blog-section #owl-blog .item-blog figure figcaption p span a{ color: inherit; transition: all 0.5s ease; } #blog-section #owl-blog .item-blog figure figcaption p span a:hover{ color: #e96969; } #post-not-found section.search form#searchform .input-group input.input-group-field{ height:3.1rem !important; } /* ========================================================================== 23- Home Magazine ========================================================================== */ @media screen and (min-width: 1200px){ body#boxed{ background: url('../images/home-boxed-bg.png') no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width: 1200px; margin: auto; position: relative; } } @media screen and (max-width: 1170px){ #boxed .side__adv{ display: none !important; } } @media screen and (max-width: 639px){ .Media.main_heading{ flex-wrap: wrap; } .Media.main_heading .Media-body{ flex: inherit; margin-bottom: 20px !important; } .betube_mag__heading_right .tabs .tabs-title{ margin-bottom: 15px; } .Media.media_list_large{ align-items: flex-start; } .media_list_large .betube_mag__item_img{ width: 100px !important; height: 100px !important; } .Media.mag_post_author__info{ flex-wrap: wrap; } .mag_post__text ul li{ width: 100% !important; } .description_text{ display: none; } .betube_mag__item_list_heading.betube_mag__item_list_heading__large a{ font-size: 14px !important; line-height: 16px !important; } } @media (min-width: 1200px){ body#boxed .off-canvas.position-left{ left:-350px; } } .row.mr-set{ margin-left: -5px; margin-right: -5px; } .alignleft{ float: left; padding-right: 30px; } .alignright{ float: right; padding-left: 30px; } .mr-auto{ margin-right: auto !important; } .margin-top-30{ margin-top: 30px; } .margin-bottom-0{ margin-bottom: 0 !important; } .margin-bottom-30{ margin-bottom: 30px !important; } #boxed .side__adv{ position: fixed; top: 50%; transform: translateY(-50%); height: 80vh; display: block; } #boxed .side__adv img{ height: 100%; } #boxed .side__adv_left{ left: 12px; } #boxed .side__adv_right{ right: 12px; } .top-bar, .top-bar ul{ background: #fff; } .row.expanded{ margin: 0 15px; } .row.gutter__12 > .columns{ padding-right: 6px; padding-left: 6px; } .row.right-left-sidebar > .columns{ padding-right: 5px; padding-left: 5px; } .row.right-left-sidebar aside .widgetBox{ padding: 0; } .fullwidth-group .item{ padding-right: 7px; padding-left: 7px; } .content .list-group.fullwidth-group .group-item-grid-default .post .post-des h6, .content .list-group.fullwidth-group .grid-default .post .post-des h6, .content .list-group.fullwidth-group .grid-medium .post .post-des h6{ white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis; } .content .list-group.fullwidth-group .group-item-grid-default .post .post-des .post-stats p, .content .list-group.fullwidth-group .grid-default .post .post-des .post-stats p{ margin-right: 5px; } .content .list-group.fullwidth-group .grid-medium{ width: 20%; } .content-with-sidebar.content-with-l-r-sidebar .list-group .list .post .post-des{ width: 46% !Important; } .movie__list_heading{ padding: 15px 0; border-bottom: 1px solid #ececec; } .movie__post{ margin-bottom: 20px; } .content .post.movie__post .post-thumb{ height: 255px; } .content .post.movie__post .post-des h6{ margin-bottom: 0; } .content .post.movie__post .post-des span{ font-size: 11px; color: #aaaaaa; } #socialShare .secBg{ padding: 15px 0; } .social-share .secondary.button{ font-size: 13px; padding: 8px 10px; background: #f6f6f6; color: #6c6c6c; font-weight: normal; text-transform: none; transition: all 0.5s ease; border-radius: 3px; } .social-share .secondary.button i{ color: #6c6c6c; transition: all 0.5s ease; } .social-share .secondary.button:hover, .social-share .secondary.button:focus{ background: #e96969; color: #fff; } .social-share .secondary.button:hover i, .social-share .secondary.button:focus i{ color: #fff; } .close-btn{ color: #aaaaaa; cursor: pointer; } #socialShare, #embedVideo{ display: none; } /*carousel slider*/ .carouselSlider__magzine .item .inner-item{ height: 250px; position: relative; } .carouselSlider__magzine .item .inner-item img{ height: 100%; width: 100%; object-fit: cover; } .carouselSlider__magzine .item .inner-item.inner-item-big{ height: 500px; } .carouselSlider__magzine .item .inner-item .item-title{ background: none; padding-bottom: 30px; position: absolute; bottom: 0; width: 100%; text-shadow:2px 2px 2px rgba(0, 0, 0, 0.3); } .maz__category{ padding: 0 10px; margin-left: 12px; color: #fff; text-transform: uppercase; font-size: 11px; display: inline-block; margin-bottom: 10px; } .carouselSlider__magzine .item .inner-item.inner-item-big .item-title{ padding-bottom: 60px; padding-left:15px; } .carouselSlider__magzine .item .inner-item .item-title span{ bottom: auto; top: -10px; font-weight: normal; text-shadow:none !important; } .carouselSlider__magzine .item .inner-item .item-title h3{ padding-left: 12px; margin-bottom: 0; } .carouselSlider__magzine .item .inner-item .item-title h3 a{ font-size: 28px; font-weight: bold; color: #fff; line-height: 30px; text-transform: uppercase; text-shadow:2px 2px 2px rgba(0, 0, 0, 0.3); -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: block; display: -webkit-box; height:60px; } .carouselSlider__magzine .item .inner-item.inner-item-big .item-title h3 a{ font-size: 36px; line-height: 36px; height:70px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: block; display: -webkit-box; } .carouselSlider__magzine .item .inner-item .item-title > .author{ color: #fff; font-size: 12px; padding-left: 12px; position: static; background: none; } .carouselSlider__magzine .item .inner-item:hover a.hover-posts { visibility: hidden; transform: scale(0); } .carouselSlider__magzine .item .inner-item:hover .item-title { transform: translateY(0); } /* media object with flexbox */ .Media { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; margin-bottom: 1em; justify-content: center; } .Media.align-top{ align-items: flex-start; } .Media.align-bottom{ align-items: flex-end; } .Media.borderBottom{ border-bottom: 1px solid #e0e0e0; padding-bottom: 20px; margin-bottom: 15px; } .Media-figure { margin-right: 1em; } .Media-body { flex: 1; } .Media-body, .Media-body :last-child { margin-bottom: 0; } .Media-title { margin: 0 0 .5em; } .Media--center { align-items: center; } .Media--reverse > .Media-figure { order: 1; margin: 0 0 0 1em; } .betube_mag{ margin-bottom: 30px; } .betube_mag__heading{ display: table; } .betube_mag__heading_icon + .betube_mag__heading_head{ display: table-cell; vertical-align: middle; } .betube_mag__heading_head h3{ margin: 0 !important; } .betube_mag__heading_icon{ width: 45px; height: 45px; text-align: center; line-height: 50px; } .betube_mag__heading_icon i{ font-size: 24px; color: #fff; } .betube_mag__heading_head{ padding-left: 10px; } .betube_mag__heading_head h3{ font-weight: bold; font-size: 24px; margin-bottom: 0; text-transform: uppercase; line-height: 24px; } .betube_mag__heading_head p{ margin: 0; font-size: 14px; } .betube_mag__heading_right a.prev_mag_carousel{ display: inline-block; padding-right: 15px; position: relative; } .betube_mag__heading_right a.next_mag_carousel{ padding-left: 15px; } .betube_mag__heading_right a.prev_mag_carousel:after{ content: ""; position: absolute; right: -3px; top: -8px; width: 1px; height: 40px; background: #e0e0e0; } .betube_mag__heading_right > a:hover i{ color: #232323; } .betube_mag__heading_right > a i{ font-size: 24px; color: #e0e0e0; } .betube_mag__heading_right .tabs .tabs-title{ margin-right: 20px; } .betube_mag__heading_right .tabs .tabs-title.is-active a, .betube_mag__heading_right .tabs .tabs-title.is-active a i{ color: #232323 !important; } .betube_mag__heading_right .tabs .tabs-title:last-of-type{ margin-right: 0; } .betube_mag__heading_right .tabs .tabs-title > a{ font-size: 13px; color: #c1c1c1 !important; font-weight: bold; text-transform: uppercase; padding: 0; margin: 0; } .betube_mag__heading_right .tabs.icon-top .tabs-title > a{ background: none !important; border: none !important; } .betube_mag__heading_right .tabs .tabs-title > a > i{ font-size: 13px; color: #c1c1c1; width: auto; height: auto; background: none; border: none; line-height: normal; margin-bottom: 10px; } .betube_mag__heading_right .tabs .tabs-title > a:hover{ color: #232323 !important; } .betube_mag__heading_right .tabs .tabs-title > a:hover i{ color: #232323; } .betube_mag__carousel{ border-bottom: 1px solid #e0e0e0; } .betube_mag__item{ margin: 0; } .betube_mag__item_img{ position: relative; margin-bottom: 14px; } .betube_mag__item_img img{ height: 100%; width: 100%; object-fit: cover; } .betube_mag__item_cat{ display: inline-block; padding: 0 10px; position: absolute; left: 10px; bottom: 15px; color: #fff; font-size: 11px; text-transform: uppercase; line-height:1.8; } .betube_mag__item figcaption h5{ margin: 0; } .betube_mag__item figcaption h5 a{ color: #232323; font-weight: bolder; text-transform: uppercase; font-size: 16px; line-height: 24px; display: inline-block; } .betube__recent .betube_mag__item_list_heading a{ -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: block; display: -webkit-box; height:52px; } aside .betube_mag__item figcaption h5 a{ color:#fff !important; text-shadow:2px 2px 2px rgba(0, 0, 0, 0.3); } .betube_mag__item figcaption p{ font-size: 11px; text-transform: uppercase; } .betube_mag__item figcaption p i{ padding-left: 5px; padding-right: 5px; } .betube_mag__item figcaption p a, .betube_mag__item figcaption p span{ font-size: inherit; } .betube_mag__item_icon{ display: inline-block; width: 36px; height: 36px; line-height: 36px; background: rgba(0, 0, 0, 0.5); text-align: center; position: absolute; left: 10px; top: 10px; transition: all 0.5s ease; } .betube_mag__item_icon i{ color: #fff; font-size: 20px; } .betube_mag__item:hover .hover-posts{ visibility: visible; transform: scale(1); } .betube_mag__item:hover .betube_mag__item_icon{ left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 10; } .description_text{ font-size: 14px !important; text-transform: none !important; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: block; display: -webkit-box; height:65px; } .tab-content .betube_mag__item{ margin-bottom: 30px; } .custom__button_carousel{ position: relative; } .custom__button_carousel:before{ content: ""; width: 90%; height: 1px; background: #e0e0e0; left: 0; top: 50%; transform: translateY(-50%); position: absolute; } .custom__button_carousel_full:before{ width: 100% !important; } .custom__button_carousel a{ font-size: 18px; color: #e0e0e0; } .custom__button_carousel a:hover{ color: #232323; } .custom__button_carousel span{ font-size: 11px; color: #aaaaaa; position: relative; top: -3px; } .betube_mag__view_all{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: #fff; padding-right: 15px; text-transform: capitalize; font-size: 14px !important; display: inline-block; color: #6c6c6c !important; } .betube_mag__view_all:hover{ color: #e96969 !important; } .padding-x-10{ padding: 0 15px; } .padding-x-10 .columns{ padding-left: 5px; padding-right: 5px; } .betube_mag__item_list_cat{ display: inline-block; padding: 0 10px; color: #fff; font-size: 11px; text-transform: uppercase; margin-bottom: 10px; } footer .widgetBox .betube_mag__item_list_cat{ display:inline; padding:2px 10px; } footer .widgetBox .betube_mag__item figcaption h5 a{ color:#fff; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: block; display: -webkit-box; height:50px; } .betube_mag__item_list_heading{ margin-bottom: 0; } .betube_mag__item_list_heading a{ font-size: 14px !important; color: #232323; font-weight: bolder !important; line-height: 18px; margin-bottom: 0 !important; display: inline-block !important; text-transform: uppercase; } .betube__morenews .betube_mag__item_list_heading a{ font-size:20px !important; margin-bottom: 10px !important } footer .betube_mag__item_list_heading a{ color: #FFFFFF !important; font-size: 12px !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: block; display: -webkit-box; height:38px; } .betube_mag__item_list_heading.betube_mag__item_list_heading__large a{ font-size: 20px; line-height: 24px; text-transform: uppercase; } .betube_mag__item_list_description{ font-size: 11px; } .betube_mag__item_list_description i{ padding: 0 5px; } footer .betube_mag__item_list_description{ color: #aaaaaa !important; } .tabs-title .dropdown-pane{ width: auto; min-width: 150px; list-style: none; background: #fafafa; border: 1px solid #e0e0e0; } .tabs-title .dropdown-pane.is-open > li.tabs-title{ text-align: right !important; } .tabs-title .dropdown-pane li.tabs-title > a{ display: block !important; font-size: 13px !important; border-bottom: 1px solid #e0e0e0 !important; } .view-all-btn{ margin-bottom: 20px; } .view-all-btn a{ font-size: 14px; color: #6c6c6c; transition: all 0.5s ease; } .view-all-btn a i{ padding-left: 5px; transition: all 0.5s ease; } .view-all-btn a:hover{ color: #232323; } .view-all-btn a:hover i{ color: #232323; } .betube_mag_outline_btn{ display: inline-block; border: 1px solid #e0e0e0; padding: 5px 30px; color: #6c6c6c; text-transform: capitalize; transition: all 0.5s ease; } .betube_mag_outline_btn:hover{ background: #e96969; border-color: #e96969; color: #FFFFFF; } /* magzine widgets */ .betube_mag_sidebar{ padding: 20px 0; } .widgetbox_bemag{ margin-bottom: 30px; } .widgetbox_bemag__title h3{ text-transform: uppercase; font-weight: 800 !important; font-size: 24px; line-height: 24px; border-bottom: 1px solid #e0e0e0; padding-bottom: 20px; margin-bottom: 15px; } footer .widgetbox_bemag__title{ margin-bottom: 40px; } footer .widgetbox_bemag__title h3{ color: #ececec; border-bottom: none; font-weight: normal; font-size: 20px; margin-bottom: 0; padding-bottom: 0; } .widgetbox_bemag .tagcloud a{ font-size: 14px; color: #6c6c6c; padding: 9px 16px; margin-right: 2px; display: inline-block; margin-bottom: 5px; text-transform: capitalize; transition: all 0.5s ease; } footer .widgetbox_bemag .tagcloud a{ color: #FFFFFF; } .widgetbox_bemag .tagcloud a:hover{ background: #e96969; color: #FFFFFF; border-color: #e96969; } .widgetbox_bemag .widgetbox_bemag__content .betube_mag__item_cat{ position: static; margin-bottom: 10px; } .widgetbox_bemag .widgetbox_bemag__content figure{ position: relative; margin-bottom: 15px; } .widgetbox_bemag .widgetbox_bemag__content figure figcaption{ position: absolute; bottom: 0; padding: 0 10px; background:url(../images/gradient.png); background-size:cover; width:100%; } .widgetbox_bemag .widgetbox_bemag__content figure figcaption h5{ margin-bottom:10px; } .widgetbox_bemag__category .widgetbox_bemag__content a{ display: block; font-size: 16px; font-weight: 800; color: #6c6c6c; text-transform: uppercase; transition: all 0.5s ease; margin-bottom: 10px; } .widgetbox_bemag__category .widgetbox_bemag__content a span{ float: right; color: #6c6c6c; font-size: 16px; font-weight: 800; transition: all 0.5s ease; } .widgetbox_bemag__category .widgetbox_bemag__content a:hover, .widgetbox_bemag__category .widgetbox_bemag__content a:hover span{ color: #232323; } footer .widgetbox_bemag__category .widgetbox_bemag__content a:hover, footer .widgetbox_bemag__category .widgetbox_bemag__content a:hover span{ color: #ffffff; } .widgetbox_bemag__content .custom__button_carousel:before{ width: 80%; } footer .widgetbox_bemag__content .custom__button_carousel:before{ width: 70%; } .tweets .widgetbox_bemag__content .Media-figure span{ display: inline-block; width: 36px; height: 36px; background: #1dcaff; text-align: center; line-height: 36px; } .tweets .widgetbox_bemag__content .Media-figure span i{ color: #FFFFFF; font-size: 16px; } .tweets .widgetbox_bemag__content .Media-body span{ display: inline-block; font-size: 14px; font-weight: 800; text-transform: uppercase; } footer .tweets .widgetbox_bemag__content .Media-body span{ color: #ffffff; font-weight: normal; font-size: 13px; } .tweets .widgetbox_bemag__content .Media-body span a{ font-size: inherit; font-weight: inherit; color: #1dcaff; } /* single post page */ .mag_post h3{ font-size: 24px; text-transform: uppercase; font-weight: 800; margin-bottom: 5px; line-height: 28px; } .mag_post__info{ margin-bottom:0; } .mag_post__info, .mag_post__info i, .mag_post__info span{ font-size: 15px; color: #aaaaaa; } .mag_post__info span{ padding: 0 5px; display: inline-block; } .mag_post__media{ height: 500px; margin-right: 0; margin-left: 0; margin-bottom: 10px; } .mag_post__media img{ width: 100%; height: 100%; object-fit: cover; -o-object-fit: cover; } .betube_mag__heading_icon.betube_mag__heading_img{ width: 60px; height: 60px; } .betube_mag__heading_icon.betube_mag__heading_img img{ width: 100%; height: 100%; overflow: hidden; border: 1px solid #e0e0e0; border-radius: 1000px; padding: 2px; object-fit: cover; -o-object-fit: cover; } .betube_mag__heading_author p{ text-transform: uppercase; } .betube_mag__heading_author form button{ color: #6c6c6c; text-transform: uppercase; font-size: 16px; font-weight: 600; } .mag_post_author__info ul li{ text-align: center; } .mag_post_author__info ul li > i, .mag_post_author__info ul li a i{ font-size: 24px; color: #6c6c6c; } .mag_post_author__info ul li:hover i, .mag_post_author__info ul li a:hover i{ color: #e96969; } .mag_post_author__info ul li form button, .mag_post_author__info ul li a{ text-transform: uppercase; color: #6c6c6c; font-size: 10px; } /*Like Button*/ .betube__likes{ padding-left:15px; } li.betube__likes .sl-wrapper a i{ display:block; } li.betube__likes .sl-wrapper a span.sl-count{ font-size:10px; } li.betube__likes .sl-wrapper .sl-button{ padding:0 !important; } /*Like Button*/ .Media.mag_post_author__info.borderBottom { padding-bottom: 10px; } .embedIframe.show{ display: block; margin-bottom: 20px; } .embedIframe{ display: none; } .embedIframe__heading{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: flex-end; align-items: center; padding-bottom: 10px; margin-bottom: 15px; } .embedIframe__heading h4{ font-size: 16px; line-height: 16px; font-weight: 600; color: #444444; margin-bottom: 0; } .embedIframe__heading i{ color: #aaaaaa; cursor: pointer; } .embedIframe__heading i:hover, .embedIframe__heading i:focus{ color: #e96969; } .embeded input{ border: 1px solid #e0e0e0; background: #fafafa; color: #6c6c6c; box-shadow: none; } .mag_social_share{ margin-bottom: 0; } .mag_post__text p{ font-size: 16px; color: #6c6c6c; margin-bottom: 30px; } .mag_post__text p img{ margin-bottom: 30px; } .mag_post__text p:before, .mag_post__text p:after{ content: ""; display: table; clear: both; } .mag_post__text h4{ text-transform: uppercase; margin-bottom: 30px; font-weight: 800; font-size: 18px; } .mag_post__text ul{ list-style: none; margin-bottom: 30px; } .mag_post__text ul:before, .mag_post__text ul:after{ content: ""; display: table; clear: both; } .mag_post__text ul li{ position: relative; } .mag_post__text ul li:before{ content: '\f058'; font-family: FontAwesome; position: absolute; left: -25px; font-size: 16px; color: #2196f3; } .mag_post__text ul li{ float: left; width: 50%; margin-bottom: 5px; color: #6c6c6c; padding-right: 35px; } .mag_post_tags{ margin-bottom: 70px; } .mag_post_tags h3{ padding-bottom: 20px; margin-bottom: 15px; border-bottom: 1px solid #e0e0e0; } .mag_post_tags a{ display: inline-block; border: 1px solid #e0e0e0; padding: 7px 14px; text-align: center; color: #6c6c6c; margin-bottom: 5px; transition: all 0.5s ease; } .mag_post_tags a:hover{ background: #e96969; color: #fff; border-color: #e96969; } .mag_post .advertisement{ margin-top: 70px; margin-bottom: 40px; } .mag_post .comments .comment-box .media-object .comment-img{ border-right: none; } .mag_post .comments .comment-box .media-object .comment-img .comment-box-img, .mag_post .comments .comment-box .media-object .comment-img .comment-box-img img, .mag_post .main-comment .media-object .comment-box-img, .mag_post .main-comment .media-object .comment-box-img img{ border-radius: 1000px; } .mag_post .betube_mag.content{ padding-top: 20px; } .mag_post .betube_mag.content .Media{ border-bottom: none !important; } .page-template-template-home-mag .owl-nav.disabled{ display:none; } .owl-nav.disabled{ display:none; } .betube_mag_recent figure.betube_mag__item:first-of-type { width: 46%; padding: 0 10px; } .betube_mag_recent figure.betube_mag__item { width: 25%; float: left; padding: 10px; } .page-template-template-all-posts #breadcrumb{ margin-bottom:0; } .page-template-template-all-posts #premium{ margin-top:0; } #betube__content{ padding:30px 0; } @media screen and (min-width: 1200px) and (max-width:1400px){ body#boxed{ width:85%; } } /* betube style grid */ .grid{ display: -ms-grid; display: grid; grid-template-columns: repeat(12, 1fr); grid-column-gap: 10px; } .betube_mag__carousel_post .item > figure:nth-of-type(1){ grid-column: span 6; padding-right: 10px; } .betube_mag__carousel_post .item>figure:nth-of-type(2) { grid-column: span 6; padding-left: 10px; } .betube_mag__carousel_post .item > figure{ grid-column: span 4; } .betube_mag__carousel_post .item>figure:not(:nth-of-type(1)):not(:nth-of-type(2)) figcaption h5 a { font-size: 13px; line-height: 1.5; margin-bottom: 5px; } .tech__grid{ display: -ms-grid; display: grid; grid-template-columns: repeat(4, 1fr); grid-column-gap: 30px; margin-bottom: 20px; } .tech__grid figure:nth-of-type(1) { grid-column-start: 1; grid-column-end: 3; grid-row-start: 1; grid-row-end: 5; display: block !important; } .tech__grid figure:nth-of-type(1) .betube_mag__item_img{ width: 100%; height: 280px; } .tech__grid figure:nth-of-type(1) figcaption .description_text{ display: block; } .tech__grid figure .betube_mag__item_img{ width: 100px; height: 100px; margin-bottom: 0; margin-right: 10px; flex-basis: 49.1%; } .tech__grid figure.betube_mag__item:not(:nth-of-type(1)) .betube_mag__item_img{ -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; max-width: 100px; } .tech__grid figure figcaption .description_text{ display: none; } .tech__grid figure{ display: flex; display: -webkit-box; display: -webkit-flex; grid-column-start: 3; grid-column-end: -1; margin-bottom: 5px !important; } .tech__grid figure:not(:first-of-type) figcaption h5 a{ font-size: 13px; line-height: 1.5; } .tech__grid figure:nth-of-type(2){ grid-row-start: 1; } .fav_cat_mag:not(:first-of-type){ display: flex; display: -webkit-flex; display: -webkit-box; align-items: flex-start; } .fav_cat_mag:not(:first-of-type) .betube_mag__item_img{ height: 100px; width: 100px; margin-right: 15px; } .fav_cat_mag:not(:first-of-type) .betube_mag__item_cat { bottom: auto; top: 0; left: 115px; } .fav_cat_mag:not(:first-of-type) figcaption{ width: 70%; padding-top: 30px; } .fav_cat_mag:not(:first-of-type) figcaption .description_text { display: none; } .fav_cat_mag:not(:first-of-type) figcaption h5 a{ font-size: 13px; margin-bottom: 10px; text-transform: none; line-height: 1.5; } .betube_mag__carousel_post_recent .grid{ grid-template-columns: 1fr 1fr 1fr 1fr; } .betube_mag__carousel_post_recent .grid figure:first-of-type{ grid-column: 1 / span 2; grid-row: 1 / 3; padding-right: 20px; } .betube_mag__carousel_post_recent .grid figure:not(:first-of-type) figcaption h5 a{ font-size: 11px; line-height: 1.5; } .betube_mag__carousel_post_recent .grid figure:not(:first-of-type) figcaption > p{ font-size: 9px; } .betube__featuredmag .item figure.betube_mag__item:not(:nth-of-type(1)):not(:nth-of-type(2)) figcaption p.description_text{ display:none; } .betube__multicats .tech__grid figure.betube_mag__item:not(:nth-of-type(1)) .betube_mag__item_img img{ height:100px; width:100px; } .betube__featuredmag figure.betube_mag__item figcaption span.betube_mag__item_cat{ display:none; } .betube__multicats .tech__grid figure.betube_mag__item:first-of-type figcaption span.betube_mag__item_cat{ display:none; } .betube__multicats .tech__grid figure.betube_mag__item:not(:first-of-type) .betube_mag__item_img span.betube_mag__item_cat{ display:none; } figure.betube_mag__item figcaption span.betube_mag__item_cat{ position:static !important; margin-bottom:10px; } .betube__favoritecats figure.betube_mag__item:not(:first-of-type) .betube_mag__item_img span.betube_mag__item_cat{ display:none; } .betube__favoritecats figure.betube_mag__item:nth-of-type(1) figcaption span.betube_mag__item_cat{ display:none; } .betube__recent .item figure.betube_mag__item figcaption span.betube_mag__item_cat{ display:none; } /* end betube style grid */