/***** Theme Name: BeNews Theme URI: http://javtheme.com/ Author: JAV Themes Description: JAV benews is a modern and dynamic news WordPress theme with a beautiful flat design and great flexibility. This news template for WordPress is ideal for up-to-date blogs, online magazines and all kind of other vibrant news websites. JAV benews WordPress theme is focusing on your newsworthy and fresh content. Version: 1.0.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: benews Domain Path: /languages/ Tags: two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, featured-images, theme-options, threaded-comments, full-width-template, translation-ready, rtl-language-support *****/ /***** CSS Reset ****/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /***** Animation *****/ #be-wrapper, h1, h2, h3, h4, h5, h6, .search-form input, .widget-list li, .cat-item, .page_item, .be-widget .menu-item, .button span, .main-nav li { -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } /***** Structure *****/ html { font-size: 100%; -ms-text-size-adjust: none; -webkit-text-size-adjust: none; } body { font-family: "PT Serif", Georgia, Times, "Times New Roman", serif; font-size: 16px; font-size: 1.0rem; line-height: 1.6; word-wrap: break-word; background: #efefef; } body.custom-background { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #be-wrapper { width: 90%; max-width: 1180px; margin: 0 auto; padding: 0 20px 20px; overflow: hidden; background: #fff; } .wrapper-inner { width: 90%; max-width: 1180px; margin: 0 auto; } #main-content { display: block; width: 65.83%; overflow: hidden; } .be-sidebar, .home-sidebar { display: block; float: left; width: 32.66%; } .be-right-sb #main-content { float: left; margin-right: 1.5%; } .be-left-sb #main-content { float: right; margin-left: 1.5%; } .be-section { clear: both; padding: 0; margin: 0; } .be-separator { margin-bottom: 20px; padding-bottom: 10px; border: 0; border-bottom: 1px dotted #cdcdcd; clear: both;} .clear { clear: both; } .clearfix { display: block; } .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; margin: 0; padding: 0; } /***** Typography *****/ h1 { font-size: 36px; font-size: 2.25rem; } h2 { font-size: 28px; font-size: 1.75rem; } h3 { font-size: 24px; font-size: 1.5rem; } h4 { font-size: 20px; font-size: 1.25rem; } h5 { font-size: 16px; font-size: 1.0rem; } h6 { font-size: 14px; font-size: 0.875rem; } h1, h2, h3, h4, h5, h6 { line-height: 1.3; font-weight: 400; color: #1f1e1e; } b, strong { font-weight: 900; } i, em { font-style: italic; } small { font-size: 8px; font-size: 0.5rem; } big { font-size: 20px; font-size: 1.25rem; } pre, code { font-family: "Consolas", Courier New, Courier, monospace; margin-bottom: 30px; margin-bottom: 1.875rem; background: #f7f7f7; border: 1px solid #ebebeb; } pre { padding: 20px; padding: 1.25rem; white-space: pre-wrap; white-space: -o-pre-wrap; white-space: -moz-pre-wrap; white-space: -webkit-pre-wrap; } kbd { padding: 0px 6px; padding: 0rem 0.375rem; background-color: #f7f7f7; border: 1px solid #aaa; border-radius: 0.1875em; -moz-border-radius: 0.1875em; -moz-box-shadow: 0 0.0625em 0 rgba(0, 0, 0, 0.2), 0 0 0 0.125em white inset; -webkit-border-radius: 0.1875em; -webkit-box-shadow: 0 0.0625em 0 rgba(0, 0, 0, 0.2), 0 0 0 0.125em white inset; box-shadow: 0 0.0625em 0 rgba(0, 0, 0, 0.2), 0 0 0 0.125em white inset; text-shadow: 0 0.0625em 0 #fff; } blockquote { font-size: 15px; font-size: 0.9375rem; line-height: 1.6; color: #005a8c; margin: 10px 20px 20px 20px; padding: 20px 20px 0 20px; padding: 1.25rem 1.25rem 0 1.25rem; border-left: 5px solid #005a8c; display: inline-block; } sup { vertical-align: super; font-size: 10px; font-size: 0.625rem; } sub { vertical-align: sub; font-size: 10px; font-size: 0.625rem; } abbr, acronym { border-bottom: 1px dashed; cursor: help; } cite { color: #9a9b97; } address { font-family: "Courier new"; line-height: 1.5; margin-bottom: 20px; margin-bottom: 1.25rem; } a { text-decoration: none; color: #1f1e1e; } a:hover { color: #005a8c; } /***** Default Google Fonts *****/ h1, h2, h3, h4, h5, h6, .be-footer, .widget-list li, .cat-item, .page_item, .menu-item, .button, .commentlist .vcard, .pagination { font-family: 'Oswald', Helvetica, Arial, sans-serif; } /***** Columns *****/ /* .be-col { display: block; float: left; margin-left: 2.5%; } .be-col:first-child { margin-left: 0; } */ .be-group:before, .be-group:after { content: ""; display: table; } .be-group:after { clear: both; } .be-1-2 { width: 48.75%; } .be-2-3 { width: 65.83%; } .be-1-3 { width: 31.66%; } .be-3-4 { width: 74.375%; } .be-1-4 { width: 23.125%; } /***** Header *****/ .be-header { margin-bottom: 30px; } .header-wrap { padding: 20px 0; } .logo-title { font-size: 42px; font-size: 2.625rem; color: #005a8c; font-weight: 700; text-transform: uppercase; } .logo-tagline { font-size: 16px; font-size: 1.0rem; text-transform: uppercase; } /***** Navigation *****/ .main-nav { background: #1f1e1e; text-transform: uppercase; } .main-nav li { float: left; position: relative; border-left: 1px solid #424242; } .main-nav li:first-child { border: none; } .main-nav li:hover { background: #005a8c; } .main-nav li a { display: block; color: #fff; padding: 10px 15px; padding: 0.625rem 0.9375rem; text-decoration: none; } .main-nav ul li:hover > ul { display: block; background: #2a2a2a; z-index: 9999; } .main-nav ul ul { display: none; position: absolute; font-size: 12px; font-size: 0.75rem; } .main-nav ul ul li { width: 13em; border: none; } .main-nav ul ul ul { left: 100%; top: 0; } /***** SlickNav Mobile Menu Core Style *****/ .slicknav_btn { position: relative; display: block; vertical-align: middle; float: right; padding: 0.438rem 0.625rem; line-height: 1.125rem; cursor: pointer; } .slicknav_menu .slicknav_menutxt { display: block; line-height: 1.125rem; float: left; } .slicknav_menu .slicknav_icon { float: left; margin: 0.188rem 0 0 0.438rem; } .slicknav_menu .slicknav_no-text { margin: 0; } .slicknav_menu .slicknav_icon-bar { display: block; width: 1.125rem; height: 0.125rem; } .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188rem } .slicknav_nav { clear: both; } .slicknav_nav ul, .slicknav_nav li { display: block; } .slicknav_nav .slicknav_arrow { font-size: 0.8rem; margin: 0 0 0 0.4rem; } .slicknav_nav .slicknav_item { display: block; cursor: pointer; } .slicknav_nav a { display: block; } .slicknav_nav .slicknav_item a { display: inline; } .slicknav_menu:before, .slicknav_menu:after { content: " "; display: table; } .slicknav_menu:after { clear: both; } .slicknav_menu { *zoom: 1; display: none; } /***** SlickNav User Default Style *****/ .slicknav_btn { padding: 0.625rem 1.25rem; text-decoration: none; } .slicknav_menu { font-size: 13px; font-size: 0.8125rem; } .slicknav_menu .slicknav_menutxt { display: none; } .slicknav_menu .slicknav_icon-bar { width: 1.5625rem; height: 0.25rem; background: #fff; } .slicknav_menu { background: #005a8c; border-bottom: 1px solid #fff; } .slicknav_nav { font-size: 16px; font-size: 1rem; font-weight: 400; color: #fff; margin: 0; padding: 0; margin-bottom: 20px; } .slicknav_nav, .slicknav_nav ul { list-style: none; overflow: hidden; } .slicknav_nav ul { padding: 20px 0 0 15px; border-top: 1px solid #fff; } .slicknav_nav ul ul { border: 0; padding: 0 0 0 15px; } .slicknav_nav .slicknav_item { padding: 5px 10px; margin: 2px 5px; } .slicknav_nav a, .slicknav_nav a:hover { padding: 5px 10px; margin: 2px 5px; text-decoration: none; color: #fff; } .slicknav_nav .slicknav_item a { padding: 0; margin: 0; } .slicknav_nav .slicknav_item:hover { color: #fff; } .slicknav_nav .slicknav_txtnode { margin-left: 15px; } /***** Posts/Pages *****/ .entry-title, .page-title { font-size: 38px; font-size: 2.375rem; margin-bottom: 20px; } .entry-content { font-size: 17px; font-size: 1.063rem; line-height: 1.4; } .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6, .entry-content p, .entry-content blockquote, .entry-content table, .entry-content .be-video-container { margin-bottom: 20px; margin-bottom: 1.25rem; } .entry-content a { font-weight: 600; color: #005a8c; } .entry-content a:hover { text-decoration: underline; } .entry-thumbnail { margin-bottom: 20px; } .entry-meta { font-size: 12px; font-size: 0.75rem; margin-bottom: 5px; text-transform: uppercase; } .entry-meta a:hover { text-decoration: underline; } .entry-meta .entry-meta-author, .entry-meta a { color: #005a8c; font-weight: 700; } .entry-meta-cats, .entry-meta-author { margin-right: 10px; } .entry-tags { display: block; overflow: hidden; font-size: 15px; font-size: 0.9375rem; } .entry-tags span { font-weight: 900; margin-right: 15px; } .entry-tags a { display: inline-block; margin: 0 15px 5px 0; text-transform: capitalize; } .entry-tags a:hover { text-decoration: underline; color: #1f1e1e; } .no-content-found { margin-bottom: 30px; } /***** Loop / Archives / Search Results *****/ .content-lead-title { font-size: 38px; font-size: 2rem; margin-bottom: 10px; } .content-list-title { font-size: 24px; font-size: 1.5rem; margin-bottom: 10px; } .content-thumb { margin-bottom: 5px; } .content-list { margin-top: 25px; } .archive-list .content-list:first-child { margin-top: 10px; } .content-list-thumb { float: left; max-width: 260px; margin: 0 20px 10px 0; } .content-list-excerpt { overflow: hidden; } .sticky { } /***** Author Box *****/ .author-box { padding: 20px; margin-bottom: 30px; margin-bottom: 1.875rem; background: #efefef; } .author-box-avatar { float: left; width: 100px; height: 100px; margin-right: 20px; } .author-box-name { font-size: 18px; font-size: 1.125rem; margin-bottom: 10px; } .author-box-desc { font-size: 15px; font-size: 0.9375rem; overflow: hidden; } /***** Lists *****/ .entry-content ul, .commentlist ul { list-style: square; } .entry-content ol, .commentlist ol { list-style: decimal; } .entry-content ul, .commentlist ul, .entry-content ol, .commentlist ol { margin: 0 0 30px 40px; margin: 0 0 1.875rem 2.5rem; } .entry-content ul ul, .commentlist ul ul, .entry-content ol ol, .commentlist ol ol { margin: 0 0 0 40px; margin: 0 0 0 2.5rem; } dl { margin: 0 0 30px 40px; margin: 0 0 1.875rem 2.5rem; } dt, dd { display: list-item; } dt { list-style-type: square; font-weight: bold; } dd { list-style-type: circle; margin-left: 30px; margin-left: 1.875rem; } select { max-width: 100%; } /***** Comments *****/ .comment-section-title { display: block; font-size: 14px; font-size: 0.875rem; font-weight: 400; color: #fff; background: #ccdee8; padding: 0; margin-bottom: 20px; margin-bottom: 1.25rem; text-transform: uppercase; overflow: hidden; } .comment-section-title span { padding: 20px; background: #005a8c; } .comment-section-title .comment-count { float: left; color: #fff; } .comment-section-title .comment-count-more { float: left; color: #1f1e1e; background: transparent; } .commentlist { padding: 20px 20px 5px 20px; margin-bottom: 20px; list-style: none; background: #efefef; } .commentlist .depth-1 { padding: 20px 20px 10px 20px; margin-bottom: 20px; border-bottom: 5px solid #ccdee8; background: #fff; } .commentlist .children { list-style: none; margin: 0 0 10px 0; } .commentlist .children li { padding: 0 20px; background: #fafafa; margin-top: 20px; } .commentlist .children .depth-2 { padding: 20px; } .commentlist .comment { padding-top: 20px; padding-top: 1.25rem; } .commentlist .comment .vcard { position: relative; margin-bottom: 20px; margin-bottom: 1.25rem; } .commentlist .comment .avatar { width: 70px; height: 70px; float: left; margin-right: 20px; } .commentlist h1, .commentlist h2, .commentlist h3, .commentlist h4, .commentlist h5, .commentlist h6 { margin-bottom: 20px; margin-bottom: 1.25rem; } .comment-text p, .comment-text blockquote { margin-bottom: 20px; margin-bottom: 1.25rem; } .comment-text blockquote p:last-child { margin: 0; } .commentlist .bypostauthor .avatar { border: 5px solid #ccdee8; } .comment-author { font-weight: 700; } .comment-info { color: #005a8c; margin: 20px 0px; margin: 1.25rem 0rem; } .comment-reply .comment-reply-link, .comment-reply .comment-edit-link { font-size: 13px; font-size: 0.8125rem; background: #ccc; color: #fff; padding: 5px 10px; } .pinglist { background: #efefef; padding: 20px; margin-bottom: 20px; list-style: none; } .pinglist .pings:first-child { border-top: 1px dotted #cdcdcd; } .pinglist .pings { line-height: 2.5; padding: 5px 0; padding: 0.3125rem 0; border-bottom: 1px dotted #cdcdcd; } .pinglist .fa-link { margin-right: 10px; margin-right: 0.625rem; } .no-comments { padding: 10px; padding: 0.625rem; margin-bottom: 20px; margin-bottom: 1.25rem; background: #efefef; } /***** Comment Form *****/ #respond { padding: 20px 20px 10px; padding: 1.25rem 1.25rem 0.625rem; margin-bottom: 30px; margin-bottom: 1.875rem; background: #efefef; } #respond h3 { margin-bottom: 20px; margin-bottom: 1.25rem; } #commentform p { margin-bottom: 10px; margin-bottom: 0.625rem; } #cancel-comment-reply-link { margin-left: 20px; font-size: 12px; font-size: 0.75rem; font-weight: 400; background: #ccc; padding: 5px; padding: 0.3125rem; color: #fff; } #cancel-comment-reply-link:hover { background: #005a8c; } .required { color: #be2844; } /***** Forms *****/ input { font-size: 12px; font-size: 0.75rem; padding: 5px; padding: 0.3125rem; border: 1px solid #d7d8d8; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } input[type=text], input[type=email], input[type=tel], input[type=url] { width: 60%; } input[type=text]:hover, input[type=email]:hover, input[type=tel]:hover, input[type=url]:hover, textarea:hover { border: 1px solid #005a8c; } input[type=submit] { color: #fff; padding: 14px; cursor: pointer; background: #005a8c; display: inline-block; border: 0; -webkit-appearance: none; -webkit-border-radius: 0; border-radius: 0; } input[type=submit]:hover { background: #1f1e1e; color: #fff; border: 0; padding: 14px; } textarea { width: 96%; line-height: 1.5; padding: 5px; padding: 0.3125rem; border: 1px solid #d7d8d8; } /***** Pagination *****/ .pagination { margin-bottom: 20px; overflow: hidden; } .pagination .page-numbers { display: inline-block; padding: 10px 20px; background: #efefef; } .pagination .current { color: #fff; background: #005a8c; } .pagination a.page-numbers:hover, .dots:hover { background: #ccdee8; } .pagination .pagelink { display: inline-block; color: #fff; padding: 10px 20px; background: #005a8c; } .pagination a .pagelink { color: #000; font-weight: 400; background: #efefef; } .pagination a:hover .pagelink { color: #005a8c; background: #ccdee8; } .post-nav-wrap { text-align: center; margin: 20px auto 40px; } .post-nav-wrap li { display: inline-block; font-weight: 900; margin: 0 20px; } .post-nav-wrap li .fa { margin: 0 10px; } /***** Images / Video *****/ img { max-width: 100%; width: auto\9; /* ie8 */ height: auto; vertical-align: bottom; } iframe, embed, object, video { max-width: 100%; } .be-video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .be-video-container iframe, .be-video-container object, .be-video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; } .alignnone { display: block; margin: 20px 0; margin: 1.25rem 0; } .aligncenter { display: block; margin: 20px auto 20px; margin: 1.25rem auto 1.25rem; } .alignleft { display: inline; float: left; margin: 5px 20px 20px 0; margin: 0.3125rem 1.25rem 1.25rem 0; } .alignright { display: inline; float: right; margin: 5px 0 20px 20px; margin: 0.3125rem 0 1.25rem 1.25rem; } .wp-caption { max-width: 100%; } .wp-caption-text { font-size: 14px; font-size: 0.875rem; color: #454545; line-height: 1.4; margin: 5px 0 20px; margin: 0.3125rem 0 1.25rem; display: block; } .alignnone .wp-caption-text, .aligncenter .wp-caption-text, .alignleft .wp-caption-text, .alignright .wp-caption-text { margin-bottom: 0; } /***** Gallery *****/ .gallery { margin-bottom: 20px; } .gallery-item { float: left; margin: 0 4px 4px 0; overflow: hidden; position: relative; } .gallery-columns-1 .gallery-item { max-width: 100%; } .gallery-columns-2 .gallery-item { max-width: 48%; max-width: -webkit-calc(50% - 4px); max-width: calc(50% - 4px); } .gallery-columns-3 .gallery-item { max-width: 32%; max-width: -webkit-calc(33.3% - 4px); max-width: calc(33.3% - 4px); } .gallery-columns-4 .gallery-item { max-width: 23%; max-width: -webkit-calc(25% - 4px); max-width: calc(25% - 4px); } .gallery-columns-5 .gallery-item { max-width: 19%; max-width: -webkit-calc(20% - 4px); max-width: calc(20% - 4px); } .gallery-columns-6 .gallery-item { max-width: 15%; max-width: -webkit-calc(16.7% - 4px); max-width: calc(16.7% - 4px); } .gallery-columns-7 .gallery-item { max-width: 13%; max-width: -webkit-calc(14.28% - 4px); max-width: calc(14.28% - 4px); } .gallery-columns-8 .gallery-item { max-width: 11%; max-width: -webkit-calc(12.5% - 4px); max-width: calc(12.5% - 4px); } .gallery-columns-9 .gallery-item { max-width: 9%; max-width: -webkit-calc(11.1% - 4px); max-width: calc(11.1% - 4px); } .gallery-columns-1 .gallery-item:nth-of-type(1n), .gallery-columns-2 .gallery-item:nth-of-type(2n), .gallery-columns-3 .gallery-item:nth-of-type(3n), .gallery-columns-4 .gallery-item:nth-of-type(4n), .gallery-columns-5 .gallery-item:nth-of-type(5n), .gallery-columns-6 .gallery-item:nth-of-type(6n), .gallery-columns-7 .gallery-item:nth-of-type(7n), .gallery-columns-8 .gallery-item:nth-of-type(8n), .gallery-columns-9 .gallery-item:nth-of-type(9n) { margin-right: 0; } .gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1), .gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1), .gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1), .gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) { clear: left; } .gallery-caption { background-color: rgba(0, 0, 0, 0.7); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #fff; font-size: 12px; font-size: 0.75rem; line-height: 1.5; margin: 0; max-height: 50%; opacity: 0; padding: 6px 8px; position: absolute; bottom: 0; left: 0; text-align: left; width: 100%; } .gallery-caption:before { content: ""; width: 100%; height: 100%; min-height: 49px; position: absolute; top: 0; left: 0; } .gallery-item:hover .gallery-caption { opacity: 1; } .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none; } /***** Tables *****/ table { width: 100%; } table th { color: #fff; background: #005a8c; padding: 10px; padding: 0.625rem; } table tr:nth-child(odd) { background-color: #eae9e8; } table tr:nth-child(even) { background-color: #fff; } table td { font-size: 12px; font-size: 0.75rem; border: 1px solid #ebebeb; border-top: 0; text-align: center; vertical-align: middle; padding: 10px; padding: 0.625rem; } /***** Search *****/ .search-form { float: right; } .entry-content .search-form { float: left; } .search-form input { min-width: 200px; font-size: 11px; line-height: 1; color: #1f1e1e; text-transform: uppercase; } .search-form input:hover { min-width: 240px; } .search-form .search-submit { display: none; } .search-form .screen-reader-text { position: absolute; left: -9999px; overflow: hidden; } .search-form .search-field { background: #fff; border: 1px solid #cdcdcd; cursor: pointer; margin: 0; padding: 10px; position: relative; -webkit-appearance: none; -webkit-border-radius: 0; border-radius: 0; } .search-form .search-field:active, .search-form .search-field:focus { cursor: text; } .be-widget .search-form { margin: 0 auto; padding: 5%; background: #efefef; width: 90%; } .be-widget .search-form .search-field { max-width: none; width: 92%; } /***** Contact Form 7 *****/ .wpcf7-form { font-size: 14px; font-size: 0.875rem; padding: 20px; padding: 1.25rem; background: #efefef; } .wpcf7-form input, .wpcf7-form textarea { font-size: 14px; font-size: 0.875rem; } .wpcf7-form input[type="submit"] { min-width: 100px; } .wpcf7-form p { margin-bottom: 10px; margin-bottom: 0.625rem; } .wpcf7-response-output { background: #fff; } /***** Buttons *****/ .button { display: block; } .button span { font-size: 14px; font-size: 0.875rem; color: #fff; background: #005a8c; padding: 15px; margin: 15px 0 10px 0; text-transform: uppercase; display: inline-block; } .button span:hover { background: #1f1e1e; } /***** Footer *****/ .be-footer { color: #fff; padding: 0.625rem 0 0; background: #333; overflow: hidden; } .be-footer .footer-bottom { font-size: 12px; font-size: 0.75rem; color: #fff; padding: 10px 0; padding: 0.625rem 0; background: #333; text-transform: uppercase; overflow: hidden; display: inline-block; width: 100%; } .be-footer a { color: #fff; } .be-footer a:hover { text-decoration: underline; } /***** Sidebars/Widgets *****/ .be-widget { margin-bottom: 15px; overflow: hidden; } .widget-title { font-size: 14px; font-size: 0.875rem; font-weight: 400; color: #fff; background: #ccdee8; padding: 15px 0; margin-bottom: 20px; text-transform: uppercase; overflow: hidden; } .widget-title a, .widget-title a:hover { color: #fff; } .widget-title span { padding: 20px; background: #005a8c; } .widget-list li { list-style-type: none; display: block; } .widget-list > li { padding: 10px 0; border-bottom: 1px dotted #dcdcdc; } .widget-list li:hover { background: #fdfdfd; padding-left: 10px; } .widget-list .children li { margin-top: 10px; padding-top: 10px; border-top: 1px dotted #dcdcdc; } /***** BE Custom Posts Widget *****/ .be-cp-widget .be-separator:last-child { margin-bottom: 0; } .cp-small { padding-bottom: 4px; } .cp-thumb-small { float: left; max-width: 120px; margin: 0 20px 0 0; } .cp-title-small { font-size: 16px; font-size: 1.0rem; } /***** Be Posts Large Widget *****/ .home-columns .be-fp-large-widget { margin-bottom: -20px; } /***** Default WordPress Widgets *****/ .be-widget ul > .cat-item, .be-widget ul > .menu-item, .be-widget ul > .page_item { padding: 10px 0; border-bottom: 1px dotted #dcdcdc; } .be-widget ul .cat-item:hover, .be-widget ul .menu-item:hover, .be-widget ul .page_item:hover { background: #fdfdfd; padding-left: 10px; } .be-widget ul .children .cat-item, .be-widget ul .sub-menu .menu-item, .be-widget ul .children .page_item { margin-top: 10px; padding-top: 10px; padding-bottom: 0; border-top: 1px dotted #dcdcdc; border-bottom: none; } #wp-calendar caption { text-align: left; padding: 10px; padding: 0.625rem; background: #f7f7f7; } #wp-calendar th, #wp-calendar td { padding: 5px 10px; padding: 0.3125rem 0.625rem; text-align: center; } #wp-calendar th { font-weight: 300; } #wp-calendar #prev { text-align: left; } /***** Advertisements *****/ .ad-spot { text-align: center; padding: 19px; background: #efefef; } /***** Media Queries *****/ @media only screen and (max-width: 980px) { #be-wrapper, .wrapper-inner { max-width: 777px; } .logo-wrap { text-align: center; } .be-right-sb #main-content, .be-left-sb #main-content, .be-col { margin: 0; } #main-content, .be-sidebar, .home-sidebar, .be-1-2, .be-2-3, .be-1-3, .be-3-4, .be-1-4 { width: 100%; } .home-2, .home-3 { width: 48.07%; } .home-3 { margin-left: 3.86%; } .search-form input:hover { min-width: 200px; } .js .main-nav { display: none; } .js .slicknav_menu { display: block; } } @media only screen and (max-width: 767px) { .hidden-sm { display: none; } .search-form { float: none; margin: 0 auto; text-align: center; } .search-form input { width: 90%; max-width: 300px; } .home-2, .home-3 { width: 100%; margin: 0; } .content-list-separator { padding: 0; } .content-list-thumb { float: none; width: 100%; max-width: 100%; text-align: center; background: #efefef; } .content-list-thumb img { width: 100%; } .comment-section-title .comment-count-more { display: none; } .commentlist ul, .commentlist ol, dl { margin: 0 0 30px 20px; margin: 0 0 1.875rem 20px; } .commentlist ul ul, .commentlist ol ol { margin: 0; } .commentlist .children li, .commentlist .children .depth-2 { padding: 0; background: #fff; } .copyright-wrap { float: none; width: 100%; } .copyright { text-align: center; } } @media only screen and (max-width: 580px) { #be-wrapper, .wrapper-inner { width: 85%; } .logo-title { font-size: 32px; font-size: 2.0rem; } .author-box { text-align: center; } .author-box-avatar { float: none; width: 100%; margin: 0 0 20px; } .commentlist .comment .avatar { float: none; display: block; margin: 0 0 10px; } .commentlist .comment .vcard { margin-bottom: 10px; } } @media only screen and (max-width: 420px) { #be-wrapper, .wrapper-inner { min-width: 160px; } .logo-title { font-size: 28px; font-size: 1.75rem; } .logo-tagline { font-size: 12px; font-size: 0.75rem; margin-bottom: 10px; } .be-widget .search-form .search-field { width: 86%; } } .logo-wrap { float: left; width: 30%; } .logo-tagline { font-weight: 400; letter-spacing: 1px; margin: 10px 0 0; } @media only screen and (max-width: 1199px) { .logo-tagline { display: none; } } .single .entry-thumbnail { position: relative; } .single .entry-thumbnail .wp-caption-text { background: rgba(0, 0, 0, 0.67); bottom: 0; color: #fff; left: 0; margin: 0; padding: 10px; position: absolute; right: 0; } .widget_recent_entries ul { list-style: inherit; list-style-type: circle; padding-left: 20px; } .widget_recent_entries ul li { border-bottom: 2px dotted #000; margin-bottom: 10px; } .widget_recent_entries ul li .post-date { clear: both; color: #EE0707; display: block; font-size: 14px; } .widget_recent_entries ul li a { font-size: 18px; } .section-home { clear: both; margin-left: -10px; margin-right: -10px; } .section-home .be-widget { box-sizing: border-box; float: left; padding: 10px; width: 100%; } .category-name { border-bottom: 3px solid #005A8C; box-sizing: border-box; display: inline-block; line-height: 46px; width: 100%; } .category-name > a { background: #005a8c; border-radius: 7px 7px 0 0; color: #fff; font-size: 24px; padding: 6px 20px; } .category-name > a:hover { color: #EE0606; } .home-slider { background: #efefef; margin-bottom: 30px; padding-bottom: 0px; } .home-slider .be-widget { padding-bottom: 0px; } .home-slider .owl-controls { background: rgba(0, 0, 0, 0.74); box-sizing: border-box; display: block; height: 40px; padding: 12px; } .be-fp-large-widget .content-thumb { overflow: hidden; } .be-fp-large-widget .content-thumb a img { moz-transition: All .3s ease; o-transition: All .3s ease; transition: All .3s ease; webkit-transition: All .3s ease; } .be-widget a img { box-shadow: 0px 0px 2px rgba(53, 53, 53, 0.5); moz-box-shadow: 0px 0px 2px rgba(53, 53, 53, 0.5); webkit-box-shadow: 0px 0px 2px rgba(53, 53, 53, 0.5); } .be-fp-large-widget .content-thumb a:hover img { moz-transform: scale(1.15,1.15); ms-transform: scale(1.15,1.15); opacity: 0.95; o-transform: scale(1.15,1.15); transform: scale(1.15,1.15); webkit-transform: scale(1.15,1.15); } .home-slider .entry-meta , .home-slider .content-lead-title ,.home-slider .content-lead-excerpt { padding-left: 10px; padding-right: 10px; } .home-slider .content-lead-excerpt .button , .home-slider .entry-meta { display: none; } @media only screen and (max-width: 767px) { .section-home .be-widget { width: 100%; } } @media only screen and (min-width: 768px) { .footer-contact { float: right; } } @media only screen and (max-width: 767px) { .footer-contact { margin-left: 20px; } } .related-news { margin-left: -10px; margin-right: -10px; margin-top: 30px; } .social-sharing { border-bottom: 2px dotted #dcdcdc; padding-bottom: 10px; } .social-sharing .before-sharebutton-text { color: #EE0606; display: block; font-weight: bold; } .related-news .category-name { margin-bottom: 20px; } .related-news article.hentry { box-sizing: border-box; float: left; padding: 10px; width: 33.33%; } @media only screen and (min-width: 768px) { .related-news article.hentry:nth-of-type(3n+1) { clear: both; } } @media only screen and (max-width: 767px) { .related-news article.hentry { width: 50%; } .related-news article.hentry:nth-of-type(2n+1) { clear: both; } .entry-title, .page-title { font-size: 1.5rem; } .logo-wrap { width: 100%; } .slicknav_menu .slicknav_icon-bar { height: 3px; } .header-right { display: none; } .content-lead-title { font-size: 1.5rem; } } @media only screen and (max-width: 420px) { .related-news article.hentry { width: 100%; } } .related-news article.hentry img { box-shadow: 0px 0px 2px rgba(53, 53, 53, 0.5); moz-box-shadow: 0px 0px 2px rgba(53, 53, 53, 0.5); webkit-box-shadow: 0px 0px 2px rgba(53, 53, 53, 0.5); } .related-news article.hentry .entry-meta , .related-news article.hentry .content-lead-excerpt { display: none; } .related-news article.hentry .content-lead-title { font-size: 18px; line-height: 30px; } .header-right { display: inline-block; float: right; min-height: 90px; width: 70%; } .tagsline { margin: 10px 0; } .be-fp-large-widget.two-column .content-lead.post , .half-left { box-sizing: border-box; float: left; padding-right: 10px; width: 50%; } .be-fp-large-widget.two-column .cp-wrap.cp-small , .half-right { box-sizing: border-box; float: right; padding-left: 10px; width: 50%; } .copyright { display: inline-block; float: left; } .menu-footer-menu-container { display: inline-block; float: right; } .footer-top { margin-left: -20px; margin-right: -20px; } .footer-top .col-footer { box-sizing: border-box; display: inline-block; float: left; font-weight: 400; padding: 20px; text-transform: inherit; width: 33.33%; } @media only screen and (max-width: 767px) { .footer-top .col-footer { width: 100%; } } .footer-top .col-footer .widget-title { background: transparent; font-size: 1.1rem; padding: 0; } .footer-top .be-widget ul li { background: transparent !important; padding: 5px; } .footer-top .col-footer .widget-title span { background: transparent; padding: 0; } .header-right { box-sizing: border-box; float: left; padding-left: 20px; text-align: right; width: 70%; } .adsbox { margin: 20px 0; text-align: center; } .social-icons { margin-bottom: 15px; margin-left: -5px; margin-right: -5px; margin-top: 15px; text-align: center; } .social-icons a { background: #e62117; color: #fff; display: inline-block; font-size: 20px; height: 36px; line-height: 36px; margin: 5px; moz-transition: All .2s ease; o-transition: All .2s ease; overflow: hidden; text-align: center; transition: All .2s ease; webkit-transition: All .2s ease; width: 36px; } .social-icons a:hover { font-size: 24px; opacity: .8; } .social-icons .facebook { background: #46639d; } .social-icons .twitter { background: #4a9ede; } .social-icons .linkedin { background: #0177b5; } .social-icons .dribbble { background: #E04D84; } .social-icons .flickr { background: #ff0080; } .social-icons .skype { background: #00AFF0; } .social-icons .pinterest { background: #bd081c; } .social-icons .vimeo { background: #00bf8f; } .social-icons .tumblr { background: #36465d; } .social-icons .youtube { background: #e62117; } .social-icons .soundcloud { background: #ff4300; } .social-icons .google { background: #d94e37; } .social-icons .instagram { background: #9d5b39; } .social-icons .github { background: #171515; } .social-icons .rss { background: #ff9900; } .social-icons.lager a { font-size: 28px; height: 64px; line-height: 64px; width: 64px; } .social-icons.lager a:hover { font-size: 32px; } .social-icons.small a { height: 32px; line-height: 32px; width: 32px; } @media only screen and (max-width: 767px) { .header-right , .menu-footer-menu-container { display: none; } .be-fp-large-widget.two-column .content-lead.post , .half-left { padding-right: 0px; width: 100%; } .be-fp-large-widget.two-column .cp-wrap.cp-small , .half-right { padding-left: 0px; width: 100%; } }