/* Theme Name: AtaTural Theme URI: http://atatural.com Author: AtaTural Author URI: https://AtaTural Description: LawPlus - Lawyer, Attorney, Law Firm WordPress Theme Version: 2.6 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, featured-images, post-formats, theme-options, translation-ready Text Domain: lawplus */ /** * * STYLE FOR THEME UNIT TEST * * * [Table of contents] * * [&. Content / #key] * [Let press Ctrl + f and type of paste the key, then press Enter to search the content ] * * Summary: * * * 0. RESET CSS * * 1. SLZ CLASS DEFAULT * * 2. WIDGETS * * 3. ENTRY CONTENT * * 4. COMMENT FORM * * 5. BLOG ITEM * * 6. BLOG DETAIL * * 7. TITLE COMMAND * * 8. BTN BACK TO TOP * * 9. PAGE 404 * * * Responsive * * * */ /*======================================= = 0. RESET CSS = =======================================*/ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html * { outline: 0 !important; margin: 0; padding: 0; } html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-size: 14px; } html, body { height: 100%; margin: 0 auto; padding: 0; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; } body { height: auto; font-family: 'Lato', sans-serif; font-size: 14px; font-weight: 400; line-height: 24px; color: #747981; background-color: #fff; word-wrap: break-word; } header, nav, body, section, article, aside, footer, address, hgroup { display: block; } h1, h2, h3, h4, h5, p, ul, li, dl, dt, dd, table, tr, td, form { margin: 0; padding: 0; } ul, li { list-style-position: outside; list-style-type: none; } table { border-spacing: 0; border-collapse: collapse; } strong, b { font-weight: 700; } a { color: #666c72; text-decoration: none; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } a:hover, a:active, a:focus { color: #0db7c8; outline: 0; text-decoration: none; } h1, h2, h3, h4, h5, h6 { clear: both; font-family: inherit; line-height: 1.1; font-weight: 600; margin: 0px 0px } h1 { font-size: 36px; margin-bottom: 10px; } h2 { font-size: 30px; margin-bottom: 10px; } h3 { font-size: 22px; } h4 { font-size: 20px; } h5 { font-size: 18px; } h6 { font-size: 16px; } address { font-style: italic; margin: 0 0 24px; } abbr[title] { border-bottom: 1px dotted; } dfn { font-style: italic; } mark { background: #fafafa; color: #000; } p { margin: 0 0 20px; } code, kbd, pre, samp { font-family: monospace, serif; font-size: 14px; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; } pre { background: #f5f5f5; color: #666; font-family: monospace; font-size: 14px; margin: 20px 0; overflow: auto; padding: 20px; white-space: pre; white-space: pre-wrap; word-wrap: break-word; } blockquote, q { -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; } blockquote { font-size: 18px; font-weight: 700; border-left: none; margin: 40px 0px 20px; padding: 30px 60px 20px 60px; position: relative; border-radius: 5px; color: #747981; background-color: #efefef; text-align: center; } blockquote:before{ font-size: 44px; color: #d2d2d2; left: 50%; top: 0; line-height: 1; position: absolute; content: "\f10d"; font-family: 'FontAwesome'; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); } blockquote p { color: inherit; font-weight: 400; opacity: 0.95; } blockquote blockquote { margin-right: 0; } blockquote cite, blockquote small { font-size: 14px; text-transform: uppercase; font-weight: 400; color: #ccb359; display: block; margin-top: 10px; font-style: normal; } blockquote cite a { color: inherit; } blockquote em, blockquote i { font-style: normal; font-weight: 300; } blockquote strong, blockquote b { font-weight: 400; } small { font-size: smaller; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } dl { margin: 0 0 20px; } dt { font-weight: 700; } dd { margin: 0 0 20px; } menu, ol, ul { margin: 0px 0 10px; padding: 0 0 0 15px; } ol li, ul li{ list-style-type:inherit; color: inherit; } ul { list-style-type: disc; } ul ul, ol ul { list-style-type: circle; } ul ul ul{ list-style-type: square; } nav ul, nav ol { list-style: none; list-style-image: none; } li > ul, li > ol { margin: 0; } big { font-size: larger; } code { padding: 2px 4px; font-size: 90%; color: #18364a; background-color: #fafafa; border-radius: 4px; } kbd { padding: 2px 4px; font-size: 90%; color: #fff; background-color: #333; border-radius: 3px; -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.25); box-shadow: inset 0 -1px 0 rgba(0,0,0,.25); } figure { margin: 0; } fieldset { border: 1px solid #f0f0f0; margin: 0 2px; min-width: inherit; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; white-space: normal; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; } table { border-bottom: 1px solid #f0f0f0; border-collapse: collapse; border-spacing: 0; font-size: 14px; line-height: 2; margin: 0 0 20px; width: 100%; } caption, th, td { font-weight: normal; } caption { font-size: 16px; margin: 20px 0; } del { color: #333; } ins { background: #fafafa; text-decoration: none; } hr { background-size: 4px 4px; border: 0; height: 1px; margin: 0 0 24px; border-top:1px solid #f0f0f0; } table { width: 100%; } table th { text-align: left; border: 1px solid #f0f0f0; padding: 2px 8px; } table td { border: 1px solid #f0f0f0; padding: 2px 8px; } /*========= End of reset css ========*/ /*============================================ = 1. SLZ CLASS DEFAULT = ============================================*/ .sticky {} .body-wrapper { position: relative; overflow: hidden; } .body-wrapper .wrapper-content { position: relative; } .slz-title-shortcode { font-size: 20px; font-weight: 600; display: block; margin-bottom: 30px; text-transform: capitalize; } .slz-sidebar-left .slz-content-column { float: right; } .text-l { text-align: left; } .text-c { text-align: center; } .text-r { text-align: right; } .float-l { float: left; } .float-r { float: right; } .float-none { float: none; } .wid-100 { width: 100%; } .padding-top-100 { padding-top: 100px; } .padding-top-50 { padding-top: 50px; } .padding-bottom-100 { padding-bottom: 100px; } .padding-bottom-0 { padding-bottom: 0; } .margin-top-50 { margin-top: 50px; } .margin-top-100 { margin-top: 100px; } .margin-bottom-100 { margin-bottom: 100px; } .margin-bottom-0 { margin-bottom: 0; } .margin-top-0 { margin-top: 0; } .slz-list-block { font-size: 0; margin: 0 -15px; } .slz-list-block > .item { font-size: 14px; padding: 0 15px; margin-top: 30px; vertical-align: top; display: inline-block; } .slz-list-block.slz-column-1 > .item:first-child { margin-top: 0; } .slz-list-block.slz-column-1 > .item { width: 100%; } .slz-list-block.slz-column-2 > .item:nth-child(-n + 2) { margin-top: 0; } .slz-list-block.slz-column-2 > .item { width: 50%; } .slz-list-block.slz-column-3 > .item:nth-child(-n + 3) { margin-top: 0; } .slz-list-block.slz-column-3 > .item { width: 33.333333%; } .slz-list-block.slz-column-4 > .item:nth-child(-n + 4) { margin-top: 0; } .slz-list-block.slz-column-4 > .item { width: 25%; } .slz-list-block.slz-column-5 > .item:nth-child(-n + 5) { margin-top: 0; } .slz-list-block.slz-column-5 > .item { width: 20%; } .slz-list-block.slz-column-6 > .item:nth-child(-n + 6) { margin-top: 0; } .slz-list-block.slz-column-6 > .item { width: 16.666666%; } .slz-list-block.slz-column-7 > .item:nth-child(-n + 7) { margin-top: 0; } .slz-list-block.slz-column-7 > .item { width: 14.285%; } .slz-list-block.slz-column-8 > .item:nth-child(-n + 8) { margin-top: 0; } .slz-list-block.slz-column-8 > .item { width: 12.5%; } /*========= End of Slz class default =====*/ /*======================================= = 2. WIDGETS = =======================================*/ .wp-caption { max-width: 100%; } .wp-caption-text { font-weight: normal; font-style: italic; color: #7a7a7a; } .bypostauthor { font-weight: normal; } /* Table */ .slz-widgets a { text-decoration: none; } .slz-widgets a:focus { outline: none; } .slz-widgets a:active, .slz-widgets a:hover { outline: 0; } .slz-widgets h1, .slz-widgets h2, .slz-widgets h3, .slz-widgets h4, .slz-widgets h5, .slz-widgets h6 { clear: both; font-family: inherit; line-height: 1.1; font-weight: 600; margin: 0px 0px } .slz-widgets h1 { font-size: 36px; margin-top: 20px; margin-bottom: 10px; } .slz-widgets h2 { font-size: 30px; margin-top: 20px; margin-bottom: 10px; } .slz-widgets h3 { font-size: 22px; margin-top: 20px; margin-bottom: 10px; } .slz-widgets h4 { font-size: 20px; margin-top: 10px; margin-bottom: 10px; } .slz-widgets h5 { font-size: 18px; margin-top: 10px; margin-bottom: 10px; } .slz-widgets h6 { font-size: 16px; margin-top: 10px; margin-bottom: 10px; } .slz-widgets address { font-style: italic; margin: 0 0 24px; } .slz-widgets abbr[title] { border-bottom: 1px dotted; } .slz-widgets b, .slz-widgets strong { font-weight: 700; } .slz-widgets dfn { font-style: italic; } .slz-widgets mark { background: #ff0; color: #000; } .slz-widgets p { margin: 0 0 10px; } .slz-widgets code, .slz-widgets kbd, .slz-widgets pre, .slz-widgets samp { font-family: monospace, serif; font-size: 14px; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; } .slz-widgets pre { background: #f5f5f5; color: #666; font-family: monospace; font-size: 14px; margin: 20px 0; overflow: auto; padding: 20px; white-space: pre; white-space: pre-wrap; word-wrap: break-word; } .slz-widgets small { font-size: smaller; } .slz-widgets sub, .slz-widgets sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } .slz-widgets sup { top: -0.5em; } .slz-widgets sub { bottom: -0.25em; } .slz-widgets dl { margin: 0 0 20px; } .slz-widgets dt { font-weight: 700; } .slz-widgets dd { margin: 0 0 20px; } .slz-widgets menu, .slz-widgets ol, .slz-widgets ul { margin: 0px 0 10px; padding: 0 0 0 15px; } .slz-widgets ol li, .slz-widgets ul li{ } .slz-widgets ul { list-style-type: disc; } .slz-widgets ul ul, .slz-widgets ol ul { list-style-type: circle; } .slz-widgets nav ul, .slz-widgets nav ol { list-style: none; list-style-image: none; } .slz-widgets li > ul, .slz-widgets li > ol { margin: 0; } .slz-widgets big { font-size: larger; } .slz-widgets code { padding: 2px 4px; font-size: 90%; color: #0db7c8; background-color: #f9f2f4; border-radius: 4px; } .slz-widgets kbd { padding: 2px 4px; font-size: 90%; color: #fff; background-color: #333; border-radius: 3px; -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.25); box-shadow: inset 0 -1px 0 rgba(0,0,0,.25); } .slz-widgets img { -ms-interpolation-mode: bicubic; border: 0; vertical-align: middle; max-width: 100%; height: auto; } .slz-widgets svg:not(:root) { overflow: hidden; } .slz-widgets figure { margin: 0; } .slz-widgets form { margin: 0; } .slz-widgets fieldset { border: 1px solid #c0c0c0; margin: 0 2px; min-width: inherit; padding: 0.35em 0.625em 0.75em; } .slz-widgets legend { border: 0; padding: 0; white-space: normal; } .slz-widgets button, .slz-widgets input, .slz-widgets select, .slz-widgets textarea { font-size: 100%; margin: 0; max-width: 100%; vertical-align: baseline; } .slz-widgets button, .slz-widgets input { line-height: normal; } .slz-widgets button, .slz-widgets html input[type="button"], .slz-widgets input[type="reset"], .slz-widgets input[type="submit"] { -webkit-appearance: button; cursor: pointer; } .slz-widgets button[disabled], .slz-widgets input[disabled] { cursor: default; } .slz-widgets input[type="checkbox"], .slz-widgets input[type="radio"] { padding: 0; } .slz-widgets input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } .slz-widgets button::-moz-focus-inner, .slz-widgets input::-moz-focus-inner { border: 0; padding: 0; } .slz-widgets textarea { overflow: auto; vertical-align: top; } .slz-widgets table { border-bottom: 1px solid #f0f0f0; border-collapse: collapse; border-spacing: 0; font-size: 14px; line-height: 2; margin: 0 0 20px; width: 100%; } .slz-widgets caption, .slz-widgets th, .slz-widgets td { font-weight: normal; text-align: center; } .slz-widgets caption { font-size: 16px; margin: 20px 0; } .slz-widgets th { font-weight: 700; text-transform: uppercase; } .slz-widgets td { border-top: 1px solid #f0f0f0; padding: 6px 10px 6px 0; } .slz-widgets del { color: #333; } .slz-widgets ins { background: #fff9c0; text-decoration: none; } .slz-widgets hr { background-size: 4px 4px; border: 0; height: 1px; margin: 0 0 24px; border-top:1px solid #eee; } .slz-widgets table { width: 100%; } .slz-widgets table th { text-align: left; border: 1px solid #f0f0f0; padding: 2px 8px; } .slz-widgets table td { border: 1px solid #f0f0f0; padding: 2px 8px; } .slz-widgets table .odd td { background-color: #fcfcfc; } /*---------- Style Widget ----------*/ .slz-widget + .slz-widget { margin-top: 54px; } .slz-widgets .widget-title, .slz-widgets .title-widget { color: #304771; font-size: 18px; font-weight: 700; padding-top: 16px; margin-bottom: 25px; position: relative; text-transform: uppercase; font-family: 'Libre Baskerville', serif; } .slz-widgets .widget-title:before, .slz-widgets .title-widget:before { position: absolute; content: ''; top: 0; left: 0; width: 50%; height: 2px; background-color: #0db7c8; } .slz-widgets .widget-title:after, .slz-widgets .title-widget:after { position: absolute; content: ''; top: 4px; left: 0; width: 100%; height: 2px; background-color: #0db7c8; } .slz-widget ul { list-style: none; padding: 0px; margin: 0px; } .slz-widget ul li { padding-bottom: 12px; margin-top: 12px; } .slz-widget ul .children{ padding-left: 20px; list-style: none; } .slz-widgets.slz-dark .slz-footer-main { background-color: #0a152a; background-size: cover; background-position: center; color: rgba(255, 255, 255, 0.5); } .slz-widgets.slz-dark .slz-footer-main a { color: rgba(255, 255, 255, 0.5); } .slz-widgets.slz-dark .slz-footer-main a:hover, .slz-widgets.slz-dark .slz-footer-main a:focus { color: #0db7c8; } .slz-widgets.slz-dark .widget-title, .slz-widgets.slz-dark .title-widget { color: rgba(255, 255, 255, 0.7); } .slz-widgets.slz-dark input, .slz-widgets.slz-dark select, .slz-widgets.slz-dark option{ color: #333; } .slz-widgets.slz-dark .slz-widget .screen-reader-text, .slz-widgets.slz-dark .widget .screen-reader-text{ color: #cecece; } .slz-widgets.slz-dark a:hover, .slz-widgets.slz-dark a:focus { } /*---------- Widget Search ----------*/ .widget_search { position: relative; } .widget_search .search-form { display: inline-block; position: relative; width: 100%; vertical-align: top; padding: 7px 20px; border: 1px solid #e3d5a3; } .widget_search .search-form>label{ display: block; width: 100%; } .widget_search .screen-reader-text{ display: block; margin-bottom: 15px; } .widget_search .search-field { border: none; background-color: transparent; font-size: 14px; line-height: 24px; width: 100%; transition: all 0.3s ease; } .widget_search input.search-field::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.3); font-weight: 500; } .widget_search input.search-field:-moz-placeholder { color: rgba(0, 0, 0, 0.3); font-weight: 500; } .widget_search input.search-field::-moz-placeholder { color: rgba(0, 0, 0, 0.3); font-weight: 500; } .widget_search input.search-field:-ms-input-placeholder{ color: rgba(0, 0, 0, 0.3); font-weight: 500; } .widget_search .search-field:focus, .widget_search .search-field:active { border-color: #0db7c8; } .widget_search .search-field::-webkit-input-placeholder { color: #666c72; } .widget_search .search-field::-moz-placeholder { color: #666c72; } .widget_search .search-field:-ms-input-placeholder { color: #666c72; } .widget_search .search-field:-moz-placeholder { color: #666c72; } .widget_search .search-submit { position: absolute; right: 20px; top: 50%; transform: translateY(-50%); background-color: transparent; border: none; font-size: 0; line-height: 24px; color: #0db7c8; height: 24px; } .widget_search .search-submit:before { content: "\f002"; font-family: "FontAwesome"; font-size: 14px; } /*---------- select ----------*/ .slz-widget select { color: #666c72; width: 100%; height: 40px; width: 100%; padding: 0 15px; font-size: 14px; line-height: 40px; border-radius: 5px; vertical-align: top; display: inline-block; border: 1px solid #d8dade; appearance: none; -moz-appearance: none; -webkit-appearance: none; background: #FFFFFF url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAYAAAB8ZH1oAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RUFEQ0JFODE5NDM4MTFFNjk1MjlGMjJCMTE5MEY4MjIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RUFEQ0JFODI5NDM4MTFFNjk1MjlGMjJCMTE5MEY4MjIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFQURDQkU3Rjk0MzgxMUU2OTUyOUYyMkIxMTkwRjgyMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFQURDQkU4MDk0MzgxMUU2OTUyOUYyMkIxMTkwRjgyMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Psti2TwAAAA3SURBVHjaYmBgYCgC4i9Q/AkNw8RBahiYgbgZiP/jwM1QNXDQgEVRAwMO0ECMIhhogWIUABBgALYFGIUw/br1AAAAAElFTkSuQmCC') no-repeat; background-position: 95% center; background-position: calc(100% - 15px) center; transition: all 0.3s ease; } .slz-widget select option{ width: 100%; } .slz-widget select:focus { border: 1px solid #0db7c8; } .slz-widget .screen-reader-text { display: none; } .widget_rss .rsswidget{ font-weight: 700; font-size: 16px; display: inline-block; } .widget_rss .rsswidget .rss-widget-icon{ margin-right: 0px; } .widget_rss .title-widget .rsswidget{ display: inline-block; margin-bottom: 0px; } .widget_rss .rss-date{ font-size: 12px; font-weight: 700; font-style: italic; margin-bottom: 10px; display: block; } .widget_rss ul li{ margin-bottom: 15px; border-bottom: 1px solid #fafafa; } .slz-widget-contact-info .item { position: relative; } .slz-widget-contact-info .item + .item { margin-top: 10px; } .slz-widget-contact-info .item .icons { position: absolute; top: 3px; left: 0; } .slz-widget-contact-info .item .text { padding-left: 35px; display: block; } /*---------- 1.2 Widget Calendar ----------*/ .widget_calendar .block-title { margin-bottom: 17px; } .widget_calendar caption { margin: 0px; padding-bottom: 10px; border: none; border-bottom: 1px solid #fafafa; text-align: left; color: #3b424d; font-size: 14px; font-weight: 700; } .widget_calendar table { width: 100%; text-align: center; border: none; } .widget_calendar table th { text-align: center; border: none; padding: 0; font-weight: 900; font-size: 11px; } .widget_calendar table td { border: none; padding: 0; line-height: 27px; } .widget_calendar td { padding: 0; } .widget_calendar table tfoot { padding-top: 10px; border-top: 1px solid #fafafa; } .widget_calendar table tfoot td { padding-top: 10px; } .widget_calendar table tfoot td:first-child { text-align: left; } .widget_calendar table tfoot td:last-child { text-align: right; } .widget_calendar #today { color: #0db7c8; font-weight: 800; text-decoration: underline; } .widget_calendar #today a{ color:#FFFFFF; } .widget_calendar thead tr { line-height: 34px; } /*---------- Widget entries + Recent comments + archive ----------*/ .widget_recent_entries ul li, .widget_recent_comments ul li, .widget_archive ul li { border-bottom: 1px solid #efefef; position: relative; padding-left: 30px; } .widget_recent_entries ul li:before, .widget_recent_comments ul li:before, .widget_archive ul li:before { position: absolute; content: "\f10c"; font-family: 'FontAwesome'; top: 0; left: 3px; font-size: 8px; transition: all 0.3s ease; } .widget_recent_entries ul li:first-child, .widget_recent_comments ul li:first-child, .widget_archive ul li:first-child { margin-top: 0; } .widget_recent_entries ul li:hover:before, .widget_recent_comments ul li:hover:before, .widget_archive ul li:hover:before { color: #0db7c8; } .widget_recent_entries ul li .post-date, .widget_archive ul li .post-date { display: block; color: #666c72; } .widget_recent_comments ul li a { font-weight: 600; } /*---------- widget Categories + pages + nav menu ----------*/ .widget_categories > ul > li, .widget_pages > ul > li, .widget_nav_menu > ul > li, .slz-widget-custom-post li { border-bottom: 1px solid #efefef; } .widget_categories ul li, .widget_pages ul li, .widget_nav_menu ul li, .slz-widget-custom-post li { position: relative; padding-left: 20px; } .widget_categories ul li:before, .widget_pages ul li:before, .widget_nav_menu ul li:before, .slz-widget-custom-post li:before { position: absolute; content: "\f10c"; font-family: 'FontAwesome'; top: 2px; left: 3px; font-size: 11px; transition: all 0.3s ease; } .widget_categories ul li:first-child, .widget_pages ul li:first-child, .widget_nav_menu ul li:first-child, .slz-widget-custom-post li:first-child { margin-top: 0; } .widget_categories > ul > li:hover:before, .widget_pages > ul > li:hover:before, .widget_nav_menu ul.menu > li:hover:before, .slz-widget-custom-post li:hover:before { } .widget_categories ul.children, .widget_pages ul.children, .widget_nav_menu ul.sub-menu { padding-top: 6px; list-style: none; } .widget_categories ul.children li, .widget_pages ul.children li, .widget_nav_menu ul.sub-menu li { margin-top: 0; } .widget_categories ul.children li:last-child, .widget_pages ul.children li:last-child, .widget_nav_menu ul.sub-menu li:last-child { padding-bottom: 0; } .slz-widget-custom-post li a.active { color: #0db7c8; } /*---------- widget pages ----------*/ .widget_pages ul li a:before, .widget_nav_menu ul li a:before { position: absolute; /*content: "\f105";*/ font-family: "FontAwesome"; right: 0; line-height: inherit; color: inherit; } /*---------- widget nav menu ----------*/ .widget_nav_menu .sub-menu { opacity: 1; visibility: visible; top: auto; width: 100%; display: block; position: relative; background-color: transparent; border-top: none; box-shadow: none; list-style-type: circle; -webkit-box-shadow: none; -moz-box-shadow: none; } .widget_nav_menu .sub-menu .sub-menu { left: 0; top: 0; padding-left: 5px; } .widget_nav_menu .sub-menu > li { list-style-type: inherit; display: list-item; } .widget_nav_menu .sub-menu > li + li { border: none; } .widget_nav_menu .sub-menu > li > a { line-height: inherit; padding: 0; font-weight: 400; } /*---------- Widget meta, tags, meta-categories ----------*/ .widget_meta ul li, .categories-list li, .tags-list li { display: inline-block; vertical-align: top; padding: 0px; margin: 0 5px 10px 0px; color: #666c72; } .widget_meta ul li a, .categories-list li a, .tags-list li a, .tags-links a { display: inline-block; vertical-align: top; margin: 0 5px; font-size: 14px; color: inherit; overflow: hidden; position: relative; z-index: 2; border-bottom: 1px solid transparent; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .tags-links { padding: 0; } .tags-links:before { content: none; } .tags-links .tags-title { color: #7a7a7a; display: inline-block; margin: 0 15px 0 0; position: relative; font-weight: 700; font-family: 'Libre Baskerville', serif; } .widget_meta ul li a:hover, .categories-list li a:hover, .tags-list li a:hover, .tags-links a:hover { color: #0db7c8; border-color: #0db7c8; } .widget_meta ul li a abbr[data-original-title], .widget_meta ul li a abbr[title] { border-bottom-color: transparent; } .tags-links { color: #a9a9a9 } .tags-links:before { color: #7a7a7a; } /*---------- meta tag, meta categories ----------*/ .categories-list, .tags-list { list-style: none; padding-left: 0px; margin-bottom: 0px; } .categories-list li, .tags-list li { color: #7a7a7a; margin: 0; position: relative; font-weight: 700; font-family: 'Libre Baskerville', serif; } .categories-list li a, .tags-list li a { display: inline-block; vertical-align: top; padding-top: 0; padding-bottom: 0; margin: 0 5px; font-weight: 400; color: #a9a9a9; font-family: 'Lato', sans-serif; } .categories-list + .tags-list { margin-top: 20px; } .categories-list li a:first-child, .tags-list li a:first-child { margin-left: 15px; } /*---------- 6. Gallery ----------*/ .gallery { margin-bottom: 1.6em; margin: 0 -10px; } .gallery-item { display: inline-block; padding: 10px; text-align: center; vertical-align: top; width: 100%; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } .gallery-icon img { margin: 0 auto; } .gallery-item .gallery-caption { margin-bottom: 0 !important; } .gallery-caption { display: block; font-family: 'Lato', serif; font-size: 12px; font-size: 1.2rem; line-height: 1.5; padding: 0.5em 0; } .gallery-columns-6 .gallery-caption, .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none; } /*---------- sticky ----------*/ .slz-sticky{ position: absolute; right: 35px; top: 5px; z-index: 10; } .slz-sticky .inner{ color: #0db7c8; } .slz-sticky .inner:before{ font-family: 'FontAwesome'; content: "\f02e"; font-size: 45px; color: inherit; text-shadow: 1px 1px 2px rgba(0, 0, 0, .2); } /*---------- widget tag cloud ----------*/ .widget_tag_cloud .tagcloud a { margin: 0 5px 10px 0px; display: inline-block; line-height: 1; vertical-align: bottom; padding: 3px 15px; background-color: #f8f8f8; color: #333333; overflow: hidden; position: relative; z-index: 2; } .widget_tag_cloud .tagcloud a:before { position: absolute; content: ""; top: -100%; left: 0; width: 100%; height: 100%; background-color: #0db7c8; z-index: -1; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .widget_tag_cloud .tagcloud a:hover { color: #fff; } .widget_tag_cloud .tagcloud a:hover:before { top: 0; } /*---------- widget on footer ----------*/ .slz-wrapper-footer .widget_categories ul li:before, .slz-wrapper-footer .widget_pages ul li:before, .slz-wrapper-footer .widget_nav_menu ul li:before, .slz-wrapper-footer .slz-widget-category .slz-categories .link > .icons:before, .slz-wrapper-footer .slz-categories2 .link .icons:before { content: "\f101"; font-size: 14px; } /*========= End of widgets ==========*/ /*======================================= = 3. ENTRY CONTENT = =======================================*/ .entry-content a { text-decoration: none; } .entry-content a:focus { outline: none; } .entry-content a:active, .entry-content a:hover { outline: 0; } .entry-content .read-more { font-family: 'Lato', sans-serif; font-size: 15px; line-height: 24px; border-bottom: 2px solid #555555; color: #555555; } .entry-content .read-more i { padding-left: 5px; } .entry-content .read-more i:before { content: '\f178'; } .entry-content .read-more:active, .entry-content .read-more:focus, .entry-content .read-more:hover { color: #0db7c8; border-color: #0db7c8; } .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 { clear: both; font-family: 'Libre Baskerville', serif; line-height: 1.1; font-weight: 700; margin: 0px 0px; color: #304771; } .entry-content h1 { font-size: 40px; margin-top: 20px; margin-bottom: 10px; } .entry-content h2 { font-size: 30px; margin-top: 20px; margin-bottom: 10px; } .entry-content h3 { font-size: 24px; margin-top: 20px; margin-bottom: 10px; } .entry-content h4 { font-size: 24px; margin-top: 10px; margin-bottom: 10px; } .entry-content h5 { font-size: 20px; margin-top: 10px; margin-bottom: 10px; } .entry-content h6 { font-size: 16px; margin-top: 10px; margin-bottom: 10px; } .entry-content address { font-style: italic; margin: 0 0 24px; } .entry-content abbr[title] { border-bottom: 1px dotted; } .entry-content b, .entry-content strong { font-weight: 700; } .entry-content dfn { font-style: italic; } .entry-content mark { background: #ff0; color: #000; } .entry-content p { margin: 0 0 20px; } .entry-content code, .entry-content kbd, .entry-content pre, .entry-content samp { font-family: monospace, serif; font-size: 14px; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; } .entry-content pre { background: #f5f5f5; color: #666; font-family: monospace; font-size: 14px; margin: 20px 0; overflow: auto; padding: 20px; white-space: pre; white-space: pre-wrap; word-wrap: break-word; } .entry-content small { font-size: smaller; } .entry-content sub, .entry-content sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } .entry-content sup { top: -0.5em; } .entry-content sub { bottom: -0.25em; } .entry-content dl { margin: 0 0 20px; } .entry-content dt { font-weight: 700; } .entry-content dd { margin: 0 0 20px; } .entry-content menu, .entry-content ol, .entry-content ul { margin: 0px 0 10px; padding: 0 0 0 30px; } .entry-content ol li, .entry-content ul li{ list-style-type:inherit; color: inherit; } .entry-content .slz-list li{ padding: 0; margin: 8px 0 } .entry-content ul { list-style-type: disc; } .entry-content ul ul, .entry-content ol ul { list-style-type: circle; } .entry-content ul ul ul{ list-style-type: square; } .entry-content nav ul, .entry-content nav ol { list-style: none; list-style-image: none; } .entry-content li > ul, .entry-content li > ol { margin: 0; } .entry-content big { font-size: larger; } .entry-content code { padding: 2px 4px; font-size: 90%; color: #0db7c8; background-color: #f9f2f4; border-radius: 4px; } .entry-content kbd { padding: 2px 4px; font-size: 90%; color: #fff; background-color: #333; border-radius: 3px; -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.25); box-shadow: inset 0 -1px 0 rgba(0,0,0,.25); } .entry-content img { -ms-interpolation-mode: bicubic; border: 0; vertical-align: middle; } .entry-content svg:not(:root) { overflow: hidden; } .entry-content figure { margin: 0; } .entry-content form { margin: 0; } .entry-content fieldset { border: 1px solid #c0c0c0; margin: 0 2px; min-width: inherit; padding: 0.35em 0.625em 0.75em; } .entry-content legend { border: 0; padding: 0; white-space: normal; } .entry-content button, .entry-content input, .entry-content select, .entry-content textarea { font-size: 100%; margin: 0; max-width: 100%; vertical-align: baseline; } .entry-content button, .entry-content input { line-height: normal; } .entry-content button, .entry-content html input[type="button"], .entry-content input[type="reset"], .entry-content input[type="submit"] { -webkit-appearance: button; cursor: pointer; } .entry-content button[disabled], .entry-content input[disabled] { cursor: default; } .entry-content input[type="checkbox"], .entry-content input[type="radio"] { padding: 0; } .entry-content input[type="search"] { -webkit-appearance: textfield; padding-right: 2px; /* Don't cut off the webkit search cancel button */ width: 270px; } .entry-content input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } .entry-content button::-moz-focus-inner, .entry-content input::-moz-focus-inner { border: 0; padding: 0; } .entry-content textarea { overflow: auto; vertical-align: top; } .entry-content table, .comment-content table { border-bottom: 1px solid #f0f0f0; border-collapse: collapse; border-spacing: 0; font-size: 14px; line-height: 2; margin: 0 0 20px; width: 100%; } .entry-content caption, .entry-content th, .entry-content td, .comment-content caption, .comment-content th, .comment-content td { font-weight: normal; } .comment-content caption, .entry-content caption { font-size: 16px; margin: 20px 0; } .entry-content th, .comment-content th { font-weight: 700; text-transform: capitalize; } .comment-content thead th, .entry-content thead th { text-transform: uppercase; color: #18364a; } .entry-content td, .comment-content td { border-top: 1px solid #f0f0f0; padding: 6px 10px 6px 0; } .comment-content del, .entry-content del { color: #333; } .entry-content ins, .comment-content ins { background: #fff9c0; text-decoration: none; } .comment-content hr, .entry-content hr { background-size: 4px 4px; border: 0; height: 1px; margin: 0 0 24px; border-top:1px solid #eee; } .entry-content table, .comment-content table { width: 100%; } .entry-content table th, .comment-content table th { text-align: left; border: 1px solid #f0f0f0; padding: 2px 8px; } .entry-content table td, .comment-content table td { border: 1px solid #f0f0f0; padding: 2px 8px; } .entry-content table .odd td, .comment-content table .odd td { background-color: #fcfcfc; } .entry-content img.aligncenter { margin: 5px auto; } .entry-content .aligncenter img, .entry-content .aligncenter { margin: 5px auto; } .entry-content img.size-full,.entry-content img.size-large,.entry-content img.wp-post-image { height: auto; max-width: 100%; } .entry-content img, .entry-content img, .comment-content img[height], img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"] { height: auto; } .entry-content .alignleft { float: left; } .entry-content .alignright { float: right; } .entry-content img.alignnone { margin: 5px 0; } .entry-content img.size-full, .entry-content img.size-large, .entry-content img.wp-post-image { height: auto; max-width: 100%; } .entry-content figure.wp-caption.alignleft, .entry-content img.alignleft{ margin: 5px 20px 5px 0; } .entry-content figure.wp-caption.alignright, .entry-content img.alignright { margin: 5px 0 5px 20px; } .entry-content img.alignnone { margin: 5px 0; } .entry-content figure.alignnone{ margin: 5px 0; } .entry-content embed, .entry-content iframe, .entry-content object, .entry-content video { max-width: 100%; } .entry-content img, .entry-summary img, .comment-content img, .slz-widgets .widget img, .entry-content .wp-caption { max-width: 100%; } .entry-content .wp-caption .wp-caption-text, .entry-content .entry-caption, .entry-content .gallery-caption { font-size: 16px; font-style: italic; font-weight: 300; margin: 0 0 24px; } .entry-content .nav-links{ margin: 0 0 20px; } .entry-content .nav-links:before{ content:""; display: table; } .entry-content .nav-links:after{ content: ""; display: table; clear: both; } .entry-content .nav-links .nav-previous{ display: block; width: 50%; float: left; } .entry-content .nav-links .nav-next{ display: block; width: 50%; float: right; } .entry-content .nav-links .nav-previous a, .entry-content .nav-links .nav-next a{ text-decoration: none; text-align: left; } .entry-content .nav-links .nav-previous .meta-nav, .entry-content .nav-links .nav-next .meta-nav{ margin-right: 5px; } .entry-content .nav-links .post-title{ font-weight: 700; display: block; } /*---------- 3. page links ----------*/ .entry-content .page-links { margin-bottom: 0px; margin-top: 10px; text-align: left; } .entry-content .page-links .page-links-title{ margin-right: 10px; font-weight: 700; } .entry-content .page-links .screen-reader-text{ display: none; } .entry-content .screen-reader-text{ display: none; } .entry-content .page-links>span:not(.page-links-title):not(.screen-reader-text){ display: inline-block; vertical-align: top; padding: 0px; width: 12px; height: 24px; line-height: 24px; text-align: center; color: #0db7c8; border-bottom: 2px solid #0db7c8; } .entry-content .page-links a { display: inline-block; vertical-align: top; width: 12px; height: 24px; line-height: 24px; text-align: center; text-decoration: none; color: #555555; border-bottom: 2px solid transparent; margin: 0 3px; } .entry-content .page-links a:first-of-type { margin-left: 0; } .entry-content .page-links a:last-of-type { margin-right: 0; } .entry-content .page-links a:hover{ color: #0db7c8; border-color: #0db7c8; } /*========= End of entry content ====*/ /*======================================= = 4. COMMENT FORM = =======================================*/ .comments-area { margin-top: 80px; } .comments-area h1 { font-size: 36px; margin-top: 20px; margin-bottom: 10px; } .comments-area h2 { font-size: 30px; margin-top: 20px; margin-bottom: 10px; } .comments-area h3 { font-size: 22px; margin-top: 20px; margin-bottom: 10px; } .comments-area h4 { font-size: 20px; margin-top: 10px; margin-bottom: 10px; } .comments-area h5 { font-size: 18px; margin-top: 10px; margin-bottom: 10px; } .comments-area h6 { font-size: 16px; margin-top: 10px; margin-bottom: 10px; } .comments-area address { font-style: italic; margin: 0 0 24px; } .comments-area abbr[title] { border-bottom: 1px dotted; } .comments-area b, .comments-area strong { font-weight: 700; } .comments-area dfn { font-style: italic; } .comments-area mark { background: #ff0; color: #000; } .comments-area p { margin: 0 0 10px; } .comments-area code, .comments-area kbd, .comments-area pre, .comments-area samp { font-family: monospace, serif; font-size: 14px; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; } .comments-area pre { background: #f5f5f5; color: #666; font-family: monospace; font-size: 14px; margin: 20px 0; overflow: auto; padding: 20px; white-space: pre; white-space: pre-wrap; word-wrap: break-word; } .comments-area dl { margin: 0 0 20px; } .comments-area dd { margin: 0 0 20px; } .comments-area ul,.comments-area ol{ margin-bottom: 10px; } .comments-area ul ul, .comments-area ol ol, .comments-area ol ul { margin-bottom: 0px; } .comments-area .comments-title { position: relative; font-size: 24px; text-transform: uppercase; color: #304771; font-weight: 700; margin: 0; font-family: 'Libre Baskerville', serif; padding-bottom: 15px; padding-top: 16px; display: inline-block; } .comments-area .comments-title:before { position: absolute; content: ''; background-color: #0db7c8; width: 50%; height: 2px; top: 0; left: 0; } .comments-area .comments-title:after { position: absolute; content: ''; background-color: #0db7c8; width: 100%; height: 2px; top: 4px; left: 0; } .comments-area .comment-respond .comment-reply-title { margin-bottom: 15px; text-transform: uppercase; font-weight: 700; color: #555555; } .comments-area .comment-list { margin-bottom: 0px; } .comments-area .comment-list .comment { padding: 30px 0; } .comments-area .comment-list .comment:last-child { padding-bottom: 0; } .comments-area .comment-list .comment + .comment { border-top: 1px solid #f0f0f0; } .comments-area .comment-list .children { padding-left: 70px; margin-top: 30px; border-top: 1px solid #f0f0f0; } .comments-area .comment-list, .comments-area ol, .comments-area ul{ list-style: none; padding-left: 0px; } .comments-area .comment-meta + .comment-content, .comments-area .comment-metadata + .comment-awaiting-moderation{ margin-top: 15px; } .comments-area .comment-awaiting-moderation{ padding-left: 90px; } .comments-area .comment-body { padding: 15px 0; position: relative; } .comments-area .comment-body ul { list-style: disc; } .comments-area .comment-body ul ul{ list-style: circle; } .comments-area .comment-body ul ul ul{ list-style: square; } .comments-area .comment-body ul li, .comments-area .comment-body ol li{ list-style: inherit; } .comments-area .comment-body ul, .comments-area .comment-body ol{ padding-left: 15px; } .comments-area .comment-body ol { list-style-type: decimal; } .comments-area .comment-body ol ul{ list-style-type: disc; } .comments-area .comment-body:before{ display: table; content: ""; } .comments-area .comment-body:after{ content: ""; display: table; clear: both; } .comments-area p.no-comments { font-style: italic; text-align: center; margin: 50px 0 0; font-size: 20px; } .comments-area .comment-author{ margin-bottom: 0px; display: inline-block; vertical-align: top; position: relative; } .comments-area .comment-author img{ max-width: 100%; width: 65px; height: 65px; position: absolute; top: 0; left: 0; border-radius: 50%; -webkit-border-radius: 50%; } .comments-area .comment-author .avatar{ margin:0px 10px 0px 0; } .comments-area .comment-author .fn{ display: inline-block; margin-right: 10px; vertical-align: top; padding-left: 100px; font-weight: 500; color: #555555; text-transform: uppercase; } .comments-area .comment-author .fn a { font-size: 14px; font-weight: 900; color: #18364a; } .comments-area .comment-author .fn a:hover{ color: #0db7c8; } .comments-area .comment-author .says{ display: inline-block; display: none; } .comments-area .comment-metadata{ margin-bottom: 0px; display: inline-block; position: relative; padding-left: 15px; line-height: 24px; float: right; } .comments-area .comment-metadata a{ color: #b3b3b3; } .comments-area .comment-body .comment-content{ } .comments-area .comment-notes .required{ color: #FB0000; } .comments-area .comment-list .reply{ display: block; } .comments-area .comment-list .reply a{ position: relative; display: inline-block; color: #9fa3a7; text-decoration: none; } .comments-area .comment-list .reply a:hover{ text-decoration: none; color: #0db7c8; } .comments-area .comment-list .reply a:before{ content: "\21B5"; margin-right: 10px; display: inline-block; color: #9fa3a7; font-size: 24px; line-height: 24px; vertical-align: top; transform: rotateY(180deg); } .comments-area .comment-list .reply{ padding-left: 100px; } .comments-area .comment-awaiting-moderation, .comments-area.comment-content, .comments-area .comment-list .reply{ width: 100%; word-wrap: break-word; } .comments-area .highlander-comment { margin-left: 0 !important; margin-right: 0 !important; } .comments-area .comment-metadata a{ color: #9fa3a7; margin-right: 10px; } .comments-area .comment-metadata a:hover{ color:#0db7c8; } .comments-area .comment-metadata .edit-link:before{ -webkit-font-smoothing: antialiased; display: inline-block; font-family: "FontAwesome"; content: "\f040"; font-style: normal; font-weight: normal; font-variant: normal; margin-right: 5px; speak: none; text-align: center; text-decoration: inherit; text-transform: none; vertical-align: top; } .comments-area .wrap-rating.in-post{ margin-top: 20px; margin-bottom: 20px; } .comments-area .wrap-rating .rating-title sup{ color: #FB0000; } .comments-area .rating span { color: #C8C8C8; } .comments-area .wrap-rating.in-post .rating:hover .fa.fa-star{ color: #C8C8C8!important; } .comments-area .wrap-rating.in-post .rating:hover .fa.fa-star.over, .rating .fa.fa-star.voted{ color: #FAE803!important; } .comments-area .comment-form >div{ margin-bottom: 10px; } .comments-area .comment-form > div > label{ font-weight: 400; } .comments-area .comment-form > div > label .required{ color: #FB0000; margin-left: 5px; } .comments-area .comment-form-comment >label{ display: block; color: #707070; } .comments-area input:not([type="submit"]), .comments-area input:not([type="reset"]), .comments-area input:not([type="file"]), .comments-area .comment-form-comment textarea{ max-width: 100%; width: 100%; border: 1px solid #f9f9f9; padding: 7px 20px; } .comments-area .comment-form-comment textarea { min-height: 140px; padding: 7px 20px; resize:none; background-color: #f9f9f9; transition: background-color 0.3s ease; -webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; } .comments-area .comment-form { display: table; width: 100%; position: relative; } .comments-area .comment-form:before{ content: ""; display: table; } .comments-area .comment-form:after{ display: table; content: ""; clear: both; float: none; } .comments-area .comment-form-author{ width: 50%; display: inline-block; vertical-align: top; padding-right: 5px; float: left; } .comments-area .comment-form-email{ width: 50%; display: inline-block; vertical-align: top; padding-left: 5px; float: left; } .comments-area .comment-form-email:before{ display: table; content: ""; } .comments-area .comment-form-email:after{ display: table; content: ""; clear: both; } .comments-area .comment-form-comment{ display: block; width: 100%; float: left; } .comments-area .comment-form-comment label, .comments-area .comment-form-author label, .comments-area .comment-form-email label, .comments-area .comment-form-url label{ display: block; color: #7d909d; margin-bottom: 5px; } .comments-area .comment-form-author label .required, .comments-area .comment-form-email label .required, .comments-area .comment-form-url label .required { color: #FB0000; } .comments-area .comment-form-author input, .comments-area .comment-form-email input, .comments-area .comment-form-url input { width: 100%; background-color: #f9f9f9; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .comments-area .comment-form-author input:focus, .comments-area .comment-form-email input:focus, .comments-area .comment-form-url input:focus, .comments-area .comment-form-comment textarea:focus { background-color: #0db7c8; color: #fff; } .comments-area .wrap-rating .rating-title{ font-weight: 700; color: #707070; } .comments-area .comment-form .comment-form-url{ display: block; width: 100%; float: left; } .comments-area .comment-form .comment-form-url + .form-submit{ margin-top: 40px; } .comments-area .comment-form .form-submit { margin-bottom: 0px; margin-top: 10px; display: inline-block; position: relative; z-index: 1; } .comments-area .comment-form .form-submit input { max-width: 100%; width: 100%; border: 1px solid #0db7c8; background-color: #0db7c8; color: #fff; text-transform: uppercase; padding: 7px 30px; transition: all 0.3s ease; } .comments-area .comment-form .form-submit input:hover { background-color: #fff; color: #0db7c8; } .comments-area .input-error-msg { color: #FB0000; margin-top: 10px; } .comments-area .pagination-comment { margin-top: 30px; } .comment .author-photo img { width: 70px; height: 70px; } .comment .media-left { padding-right: 0; } .comment .media-body { padding-left: 20px; } .comment .media-body .heading-wrapper { width: 100%; vertical-align: top; display: inline-block; } .comment-info-wrapper { float: left; } .comment-feedback-wrapper { float: right; } .comment-info-wrapper .author-name, .comment-info-wrapper .info { display: inline-block; vertical-align: top; position: relative; } .comment-info-wrapper .author-name + .info { padding-left: 6px; } .comment-info-wrapper .author-name + .info:before { position: absolute; content: "|"; color: #989b9f; opacity: 0.7; left: 0; line-height: inherit; } .comment-info-wrapper .author-name a { color: #69707e; font-weight: 700; text-transform: capitalize; } .comment-info-wrapper .author-name a:hover { color: #0db7c8; } .comment-info-wrapper .info li { display: inline-block; vertical-align: top; margin-left: 5px; padding-left: 10px; position: relative; } .comment-info-wrapper .info li a { color: #69707e; } .comment-info-wrapper .info li a:hover { color: #0db7c8; } .comment-info-wrapper .info li:first-child { margin-left: 0; padding-left: 0; } .comment-info-wrapper .info li:last-child { margin-right: 0; padding-right: 0; } .comment-info-wrapper .info li + li:before { position: absolute; content: "-"; color: #989b9f; opacity: 0.7; left: 0; line-height: inherit; } .comment-feedback-wrapper a { position: relative; color: #18364a; text-transform: capitalize; font-style: italic; } .comment-feedback-wrapper a:before { content: "\f112"; font-family: "FontAwesome"; line-height: inherit; color: #0db7c8; margin-right: 3px; } .comment-feedback-wrapper a:hover { color: #0db7c8; } .comment .comment-content { margin-top: 15px; } .comment .comment-content>h2:first-child { margin-top: 0; } .comment-respond { margin-top: 80px; } .comment-respond > .title { margin-top: 2px; margin-bottom: 40px; position: relative; font-size: 24px; text-transform: uppercase; color: #304771; font-weight: 700; font-family: 'Libre Baskerville', serif; padding-top: 10px; border-top: 2px solid #0db7c8; display: inline-block; } .comment-respond > .title:before { position: absolute; content: ''; width: 50%; height: 2px; background-color: #0db7c8; top: -6px; left: 0; } /*========= End of comment form =====*/ /*======================================= = 5. BLOG ITEM = =======================================*/ .block-label { background-color: transparent; padding: 0; } .block-label .text { font-size: 20px; font-weight: 500; padding: 10px 25px; margin: 0; background-color: #0db7c8; } .block-label .text span + span { padding-left: 5px; } .block-label .text.big { font-size: 36px; padding: 12px 15px; background-color: #304771; } .block-info ul { padding-left: 0; margin-bottom: 0; } .block-info li { font-size: 14px; margin-right: 20px; margin-bottom: 5px; color: #747981; list-style: none; position: relative; display: inline-block; text-transform: capitalize; } .block-info li:before { font-size: 7px; margin-right: 5px; font-family: "FontAwesome"; line-height: inherit; font-style: normal; color: #c5c5c5; position: relative; top: -2px; } .block-info li:last-child { margin-right: 0; } .block-info li a { color: #747981; font-size: 14px; position: relative; text-decoration: none; } .block-info li a.date:before { color: #d5d7da ; margin-right: 5px; font-family: 'FontAwesome'; content: '\f073'; } .block-info li a.view:before { color: #d5d7da ; margin-right: 5px; font-family: 'FontAwesome'; content: '\f007'; } .block-info li a.comment:before { color: #d5d7da ; margin-right: 5px; font-family: 'FontAwesome'; content: '\f075'; } .block-info li a:hover { color: #0db7c8; } .block-info li.edit-link { padding-left: 0; } .block-info li.edit-link:before { content: none; } .block-info li.edit-link i { color: #9fa3a7; } .block-info li .link:before { font-family: "FontAwesome"; margin-right: 5px; font-size: 14px; left: 0; color: #747981; } .block-info + .entry-content { margin-top: 20px; } .block-info i { margin-right: 5px; font-style: normal; } .slz-block-item-01 .block-image img { margin: 0 auto; } .slz-block-item-01 .block-image { background-color: #fff; overflow: hidden; } .slz-block-item-01 .block-title { color: #304771; text-transform: capitalize; display: inline-block; font-weight: 700; } .slz-block-item-01 .block-title:hover { color: #0db7c8; } .block-content { padding: 25px 30px; background-color: #fafafa; } .block-content .entry-title { font-weight: 500; margin-bottom: 0; } .block-content .entry-title a { font-size: 27px; color: #3b424d; font-weight: 700; font-family: 'Libre Baskerville', serif; } .block-content .entry-title a:hover{ color: #0db7c8; text-decoration: none; } .block-content .entry-title + .block-info { margin-top: 15px; } .block-read-more { color: #304771; font-family: 'Lato', sans-serif; position: relative; } .block-read-more:before { position: absolute; content: ''; left: 0; right: 100%; bottom: 0; height: 1px; background-color: #0db7c8; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .block-read-more:hover:before { right: 0; } .block-read-more i { padding-left: 5px; } .block-read-more i:before { content: '\f178'; } .block-read-more:hover { color: #0db7c8; border-color: #0db7c8; } .entry-content + .entry-meta { margin-top: 30px; } .slz-pagination { margin-top: 50px; } .slz-pagination .pagination { margin: 0; } .slz-pagination .pagination .screen-reader-text { display: none; } .slz-pagination .page-numbers, .pagination-comment .page-numbers { color: #304771; position: relative; font-size: 16px; width: 18px; height: 28px; line-height: 28px; text-align: center; display: inline-block; vertical-align: top; border-bottom: 2px solid transparent; margin: 0 7px; } .slz-pagination .page-numbers:first-child, .pagination-comment .page-numbers:first-child { margin-left: 0; } .slz-pagination .page-numbers:last-child, .pagination-comment .page-numbers:last-child { margin-right: 0; } .slz-pagination .page-numbers + .page-numbers, .pagination-comment .page-numbers + .page-numbers { } .slz-pagination .nav-links .page-numbers.current, .slz-pagination .nav-links .page-numbers.current:hover, .pagination-comment .page-numbers.current, .pagination-comment .page-numbers.current:hover { border-color: #0db7c8; color: #0db7c8; } .slz-pagination .nav-links .page-numbers:hover, .pagination-comment .page-numbers:hover { } .slz-pagination .nav-links a.page-numbers:hover, .pagination-comment a.page-numbers:hover { border-color: #0db7c8; color: #0db7c8; } .slz-pagination .page-numbers.next, .slz-pagination .page-numbers.prev, .pagination-comment .page-numbers.next, .pagination-comment .page-numbers.prev { width: auto; border-bottom: 2px solid #304771; } .slz-pagination .nav-links a.page-numbers.next, .slz-pagination .nav-links span.next, .pagination-comment a.page-numbers.next, .pagination-comment span.next { margin-left: 10px; } .slz-pagination .nav-links a.page-numbers.next:after, .slz-pagination .nav-links span.next:after, .pagination-comment a.page-numbers.next:after, .pagination-comment span.next:after { content: "\f178"; font-family: 'FontAwesome'; padding-left: 5px; } .slz-pagination .nav-links a.page-numbers.prev, .slz-pagination .nav-links span.prev, .pagination-comment a.page-numbers.prev, .pagination-comment span.prev { margin-right: 10px; } .slz-pagination .nav-links a.page-numbers.prev:before, .slz-pagination .nav-links span.prev:before, .pagination-comment a.page-numbers.prev:before, .pagination-comment span.prev:before { content: "\f177"; font-family: 'FontAwesome'; padding-right: 5px; } .slz-posts .slz-list-block.slz-column-1 > .item.post { margin-top: 50px; } .slz-posts .slz-list-block.slz-column-1 > .item.post:first-child { margin-top: 0; } .slz-list-block.slz-column-1 .slz-block-item-01 .block-title { font-size: 27px; line-height: 1.2; } /*========= End of Blog ITEM ========*/ /*======================================= = 6. BLOG DETAIL = =======================================*/ .slz-blog-detail.slz-no-sidebar .slz-content-column { width: 100%; } .slz-blog-detail.slz-no-sidebar .slz-sidebar-column { display: none; } .slz-blog-detail .post-navigation { position: relative; margin-top: 30px; } .post-navigation .nav-links { display: inline-block; vertical-align: top; width: 100%; padding: 8px 0px; } .post-navigation .nav-links a { color: #8c8f94; } .post-navigation .nav-links a:hover { color: #0db7c8; } .post-navigation .nav-links .prev-post .meta-nav { margin-right: 15px; } .post-navigation .nav-links .next-post .meta-nav { margin-left: 15px; } .slz-blog-detail .blog-detail-wrapper > .title, .slz-blog-detail > .title { font-weight: 700; color: #304771; text-transform: capitalize; margin: 0; display: block; font-size: 27px; line-height: 1.2; font-family: 'Libre Baskerville', serif; } .slz-blog-detail .blog-detail-wrapper >.title + .slz-featured-block { margin-top: 50px; } .slz-blog-detail .blog-detail-wrapper >.block-info + .slz-featured-block { margin-top: 30px; } .slz-blog-detail .slz-featured-block { margin-bottom: 30px; position: relative; } .slz-blog-detail .slz-featured-block:before{ display: block; content: ""; padding-top: 56%; } .slz-blog-detail .slz-featured-block .post-thumbnail{ display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; background-color: #202427; } .slz-blog-detail .slz-featured-block img { width: auto; height: 100%; left: 50%; top: 0; position: absolute; -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -o-transform: translate(-50%,0); transform: translate(-50%,0); } .slz-blog-detail .slz-sidebar-column .slz-widget:first-child, .slz-blog-detail .slz-sidebar-column > div:first-child { margin-top: 0px; } .slz-blog-detail .blog-detail-wrapper + .slz-post-footer { margin-top: 30px; } .slz-blog-detail .slz-related-post { padding-bottom: 0px; margin: 40px 0 0; } .slz-blog-detail .slz-related-post .related-title { position: relative; font-size: 24px; text-transform: uppercase; color: #304771; font-weight: 700; margin: 0; font-family: 'Libre Baskerville', serif; padding-bottom: 45px; padding-top: 16px; display: inline-block; } .slz-blog-detail .slz-related-post .related-title:before { position: absolute; content: ''; background-color: #0db7c8; width: 50%; height: 2px; top: 0; left: 0; } .slz-blog-detail .slz-related-post .related-title:after { position: absolute; content: ''; background-color: #0db7c8; width: 100%; height: 2px; top: 4px; left: 0; } .slz-blog-detail .slz-related-post .btn-prev, .slz-blog-detail .slz-related-post:hover .btn-prev { left: calc(50% - 10px); } .slz-blog-detail .slz-related-post .btn-next, .slz-blog-detail .slz-related-post:hover .btn-next { left: auto; right: calc(50% - 10px); } .slz-related-post .slick-arrow { top: auto !important; } .blog-detail-wrapper .block-info li { list-style: none; display: inline-block; vertical-align: top; font-style: normal; } .blog-detail-wrapper .block-info { padding-top: 15px; padding-bottom: 15px; padding-left: 0; margin-bottom: 0; position: relative; } .blog-detail-wrapper .block-info + .entry-content { margin-top: 20px; } .blog-detail-wrapper .block-info.date:before { content: none; } .blog-detail-wrapper .block-info.date { padding: 0; margin-bottom: 30px; } /*---------- content not found ----------*/ .slz-article-not-found .heading{ border-left: none; padding-bottom: 20px; border-bottom:1px solid #e3e3e3; display: block; width: 100%; margin-bottom: 30px; } .slz-article-not-found .heading .title{ text-transform: none; color: #555555; margin-bottom: 0px; font-family: 'Libre Baskerville', serif; font-size: 24px; } .slz-article-not-found .search-form{ border:1px solid #e3d5a3; width: 100%; position: relative; background: #ffffff; border-radius: 3px; -webkit-border-radius: 3px; } .slz-article-not-found .search-form >label{ display: none; } .slz-article-not-found .search-form .search-field{ width: 100%; border: none; padding: 8px 12px; background: transparent; font-size: 14px; } .slz-article-not-found .search-form .search-submit{ position: absolute; font-size: 0px; right: 0; top: 0; border:none; background: transparent; z-index: 1; } .slz-article-not-found .search-form .search-submit *, .slz-article-not-found .search-form .search-submit .search-icon *{ font-size: 14px; } .slz-article-not-found .search-form .search-submit .search-icon{ font-size: 0px; line-height: 1.4; } .slz-article-not-found .search-form .search-submit .search-icon:before{ font-family: 'FontAwesome'; content: "\f002"; display: inline-block; font-size: 14px; color: #0db7c8; padding: 10px 12px; } /*---------- Password form ----------*/ .post-password-form{ position: relative; display: block; min-width: 350px; } .post-password-form label{ display: inline-block; margin-bottom: 0px; } .post-password-form input[type="password"]{ display: block; padding: 0px 12px; border: 1px solid #304771; margin-right: 5px; font-size: 14px; line-height: 30px; background-color: transparent; } .post-password-form input[type="submit"]{ padding: 0px 12px; line-height: 30px; border: 1px solid #0db7c8; background-color: #0db7c8; color: #fff; font-size: 14px; display: inline-block; vertical-align: bottom; transition: all 0.3s ease; } .post-password-form input[type="submit"]:before{ position: absolute; content: ''; } .post-password-form input[type="submit"]:hover, .post-password-form input[type="submit"]:focus { background: transparent; color: #0db7c8; } /*---------- archive header ----------*/ .archive-header{ padding-top: 40px; padding-bottom: 40px; background-color: #fafafa; } .post-by-author { display: block; color: #18364a; font-size: 36px; text-transform: uppercase; font-weight: 700; margin-bottom: 30px; } /*---------- Blog Author ----------*/ .slz-blog-author { border: none; padding: 0; font-size: 0; padding-bottom: 30px; } .slz-blog-author .media-left { width: 100px; position: relative; display: inline-block; vertical-align: top; font-size: 14px; padding: 0; margin-left: 20px; } .slz-blog-author .media-left:before { display: block; content: ''; padding-top: 100%; } .slz-blog-author .media-left .media-image { top: 0; left: 0; right: 0; bottom: 0; z-index: 3; overflow: hidden; position: absolute; } .slz-blog-author .media-left .media-image img { width: auto; height: 100%; max-width: none; position: absolute; top: 0; left: 50%; margin: 0; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); } .slz-blog-author .media-right { padding: 40px 50px 20px 20px; position: relative; display: inline-block; vertical-align: top; font-size: 14px; width: calc(100% - 120px); } .slz-blog-author .media-right:before { position: absolute; content: ""; top: 20px; min-height: 130px; left: -120px; right: 0; bottom: 0; background-color: #fafafa; z-index: -1; } .slz-blog-author .media-right .author { font-size: 16px; text-transform: uppercase; color: #304771; font-weight: 700; position: relative; z-index: 10; } .slz-blog-author .media-right .des { margin-top: 10px; } .post-by-author { margin: 0; position: relative; font-weight: 900; text-transform: uppercase; padding: 0; color: #18364a; font-size: 24px; display: inline-block; margin-bottom: 50px; } /*========= End of blog detail ======*/ /*====================================== = 7. TITLE COMMAND = =======================================*/ .slz-title-command { position: relative; background-color: #696969; } .slz-title-command > .container { height: 100%; } .slz-title-command .title-command-wrapper { padding: 70px 0; text-align: center; } .slz-title-command .icon-top { display: inline-block; line-height: 30px; margin-bottom: 10px; font-size: 24px; width: 30px; height: 30px; color: #fff; position: relative; } .slz-title-command .icon-top img { width: 30px; height: 25px; } .slz-title-command .icon-top .icons { line-height: inherit; font-size: inherit; } .slz-title-command .icon-top:before, .slz-title-command .icon-top:after { position: absolute; content: ''; width: 30px; height: 2px; bottom: 2px; background-color: #fff; } .slz-title-command .icon-top:before { left: -5px; transform: translateX(-100%); -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); } .slz-title-command .icon-top:after { right: -5px; transform: translateX(100%); -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); } .slz-title-command .title-command-wrapper .title { line-height: 1.2; margin-bottom: 25px; text-transform: uppercase; color: #fff; font-size: 40px; font-weight: 700; font-family: 'Libre Baskerville', serif; } .slz-title-command .title-command-wrapper .breadcrumb { margin: 0; padding-left: 0; background: transparent; padding: 0; line-height: 1; } .slz-title-command .title-command-wrapper .breadcrumb > li { font-size: 13px; margin-bottom: 7px; text-transform: uppercase; } .slz-title-command .title-command-wrapper .breadcrumb .breadcrumb-link { color: #fff } .slz-title-command .title-command-wrapper .breadcrumb .breadcrumb-active, .slz-title-command .title-command-wrapper .breadcrumb .breadcrumb-link:hover { color: #0db7c8; } .slz-wrapper-content .wpb_content_element{ margin-bottom: 0; } .breadcrumb>li+li:before { color: #bcbcbc; content: "|"; font-size: inherit; padding: 0 8px; } .breadcrumb>li+li a.breadcrumb-active { color: #0db7c8; } /*========= End of title command ====*/ /*====================================== = 8. BTN BACK TO TOP = =======================================*/ .back-to-top { position: fixed; bottom: 20px; right: 20px; cursor: pointer; text-decoration: none; opacity: 0; z-index: -1; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; } .back-to-top i { color: inherit; font-size: 24px; line-height: inherit; position: relative; z-index: 10; } .back-to-top .btn:hover, .back-to-top .btn:focus { outline: none; } .back-to-top.show { opacity: 1; visibility: visible; z-index: 99; } .back-to-top .btn { width: 40px; height: 40px; line-height: 32px; border-radius: 0; padding: 0; color: #0db7c8; position: relative; background-color: transparent; border: 2px solid #0db7c8; filter: brightness(70%); -webkit-filter: brightness(70%); } .back-to-top .btn:hover, .back-to-top:hover .btn { background-color: #0db7c8; color: #fff; } /*========= End of to top ===========*/ /*====================================== = Row Separate = =======================================*/ /*========= End Row Separate ========*/ /*====================================== = 9. PAGE 404 = =======================================*/ /*---------- Page 404 ----------*/ .slz-page-404 { display: table; width: 100%; height: 100vh; } .slz-page-404 .content-wrapper-404 { display: table-cell; vertical-align: middle; text-align: center; } .slz-page-404 img { max-width: 500px; width: 100%; display: inline-block; } .slz-page-404 .title { margin-top: 45px; font-size: 40px; padding: 0 15px; line-height: 1.5; text-transform: uppercase; color: #304771; font-weight: 700; margin-bottom: 30px; font-family: 'Libre Baskerville', serif; } .slz-page-404 .slz-btn { display: inline-block; position: relative; padding: 0px 30px; line-height: 40px; height: 40px; width: 170px; color: #fff; border: 1px solid #0db7c8; background-color: #0db7c8; vertical-align: top; text-transform: uppercase; font-family: 'Lato', sans-serif; font-weight: 400; font-size: 14px; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .slz-page-404 .slz-btn:hover { background-color: transparent; color: #0db7c8; } .slz-page-404 .slz-btn.transparent { background-color: transparent; color: #304771; border: 1px solid #304771; } .slz-page-404 .slz-btn.transparent:hover { background-color: transparent; color:#304771 ; } /*========= End of page 404 =========*/ /*====================================== = Responsive = =======================================*/ @media screen and (min-width: 1600px) { .slz-page-404 .title { font-size: 70px; } .slz-page-404 .title { margin-bottom: 70px; margin-top: 85px; } .slz-page-404 img { max-width: 600px; } } @media screen and (max-width: 1024px) { /*---------- slz columns ----------*/ .slz-list-block.slz-column-4 > .item:nth-child(-n + 4) { margin-top: 30px; } .slz-list-block.slz-column-4 > .item:nth-child(-n + 3) { margin-top: 0; } .slz-list-block.slz-column-4 > .item { width: 33.3333%; } .slz-list-block.slz-column-5 > .item:nth-child(-n + 5) { margin-top: 30px; } .slz-list-block.slz-column-5 > .item:nth-child(-n + 4) { margin-top: 0; } .slz-list-block.slz-column-5 > .item { width: 25%; } .slz-list-block.slz-column-6 > .item:nth-child(-n + 6) { margin-top: 30px; } .slz-list-block.slz-column-6 > .item:nth-child(-n + 4) { margin-top: 0; } .slz-list-block.slz-column-6 > .item { width: 25%; } .slz-list-block.slz-column-7 > .item:nth-child(-n + 7) { margin-top: 30px; } .slz-list-block.slz-column-7 > .item:nth-child(-n + 4) { margin-top: 0; } .slz-list-block.slz-column-7 > .item { width: 25%; } .slz-list-block.slz-column-8 > .item:nth-child(-n + 8) { margin-top: 30px; } .slz-list-block.slz-column-8 > .item:nth-child(-n + 4) { margin-top: 0; } .slz-list-block.slz-column-8 > .item { width: 25%; } } @media (min-width: 768px) and (max-width: 1018px) { .widget_calendar thead tr { line-height: 28px; } .widget_calendar tfoot td { border: none; } .widget_calendar td { padding: 5px 0; } .widget_calendar tfoot #prev { text-align: left; } .widget_calendar tfoot #next { text-align: right; } .widget_calendar tfoot a:hover { color: #4db2ec; } } @media screen and (min-width: 768px) { /*---------- 1.9. Hover menu PC ----------*/ .menu-item-has-children:hover > .sub-menu, .menu-item-has-mega-menu:hover > .mega-menu { opacity: 1; z-index: 105; display: block; visibility: visible; transition-delay: 0.3s; -webkit-transition-delay: 0.3s; } } @media screen and (max-width: 768px) { .slz-sidebar-left .slz-content-column, .slz-sidebar-column { float: left; } .slz-content-column + .slz-sidebar-column { margin-top: 50px; width: 100%; } .entry-content figure { width: 100% !important; } .slz-title-command .title-command-wrapper { padding: 100px 0 !important; } .slz-title-command .title-command-wrapper .title { font-size: 36px !important; } /*---------- slz columns ----------*/ .slz-list-block.slz-column-5 > .item:nth-child(-n + 4), .slz-list-block.slz-column-6 > .item:nth-child(-n + 4), .slz-list-block.slz-column-7 > .item:nth-child(-n + 4), .slz-list-block.slz-column-8 > .item:nth-child(-n + 4) { margin-top: 30px; } .slz-list-block.slz-column-5 > .item:nth-child(-n + 3), .slz-list-block.slz-column-6 > .item:nth-child(-n + 3), .slz-list-block.slz-column-7 > .item:nth-child(-n + 3), .slz-list-block.slz-column-8 > .item:nth-child(-n + 3) { margin-top: 0; } .slz-list-block.slz-column-5 > .item, .slz-list-block.slz-column-6 > .item, .slz-list-block.slz-column-7 > .item, .slz-list-block.slz-column-8 > .item { width: 33.3333%; } .slz-list-block.slz-column-4 > .item:nth-child(-n + 3) { margin-top: 30px; } .slz-list-block.slz-column-4 > .item:nth-child(-n + 2) { margin-top: 0; } .slz-list-block.slz-column-4 > .item { width: 50%; } .slz-list-block.slz-column-3 > .item:nth-child(-n + 3) { margin-top: 30px; } .slz-list-block.slz-column-3 > .item:nth-child(-n + 2) { margin-top: 0; } .slz-list-block.slz-column-3 > .item { width: 50%; } } @media screen and (max-width: 767px) { /*---------- slz columns -----------*/ .slz-list-block { margin: 0 -10px; } .slz-list-block > .item { padding: 0 10px; } .slz-list-block > .item { margin-top: 20px; } .slz-list-block.slz-column-3 > .item:nth-child(-n + 3), .slz-list-block.slz-column-4 > .item:nth-child(-n + 4), .slz-list-block.slz-column-4 > .item:nth-child(-n + 3) .slz-list-block.slz-column-5 > .item:nth-child(-n + 4), .slz-list-block.slz-column-5 > .item:nth-child(-n + 3) .slz-list-block.slz-column-6 > .item:nth-child(-n + 4), .slz-list-block.slz-column-6 > .item:nth-child(-n + 3) .slz-list-block.slz-column-7 > .item:nth-child(-n + 4), .slz-list-block.slz-column-7 > .item:nth-child(-n + 3) .slz-list-block.slz-column-8 > .item:nth-child(-n + 4), .slz-list-block.slz-column-8 > .item:nth-child(-n + 3) { margin-top: 20px; } .slz-list-block.slz-column-3 > .item:nth-child(-n + 2), .slz-list-block.slz-column-4 > .item:nth-child(-n + 2), .slz-list-block.slz-column-5 > .item:nth-child(-n + 2), .slz-list-block.slz-column-6 > .item:nth-child(-n + 2), .slz-list-block.slz-column-7 > .item:nth-child(-n + 2), .slz-list-block.slz-column-8 > .item:nth-child(-n + 2) { margin-top: 0; } .slz-list-block.slz-column-3 > .item, .slz-list-block.slz-column-4 > .item, .slz-list-block.slz-column-5 > .item, .slz-list-block.slz-column-6 > .item, .slz-list-block.slz-column-7 > .item, .slz-list-block.slz-column-8 > .item { width: 50%; } /*---------- blog detail ----------*/ .block-label .text.big { font-size: 24px; } .block-label .text { font-size: 16px; padding: 10px; } .slz-blog-detail .blog-detail-wrapper { } .slz-blog-detail .blog-detail-wrapper >.title { font-size: 30px; } .blog-detail-wrapper .comments-area { } .comments-area { margin-top: 50px; padding-bottom: 50px; } .comments-area .comment-list .comment { padding: 15px 0; } .comments-area .comment-list .children { margin-top: 15px; } .comments-area .comment-body .comment-content { } .comments-area .comment-author .fn, .comments-area .comment-list .reply { padding-left: 80px; } .comments-area .comment-list >.comment > .children { padding-left: 40px; } } @media screen and (max-width: 600px) { } @media screen and (max-width: 480px) { .comments-area .comment-list >.comment > .children { padding-left: 30px; } /*---------- slz columns ----------*/ .slz-list-block.slz-column-4 > .item:nth-child(-n + 2), .slz-list-block.slz-column-3 > .item:nth-child(-n + 2), .slz-list-block.slz-column-2 > .item:nth-child(-n + 2) { margin-top: 20px; } .slz-list-block.slz-column-4 > .item:first-child, .slz-list-block.slz-column-3 > .item:first-child, .slz-list-block.slz-column-2 > .item:first-child { margin-top: 0; } .slz-list-block.slz-column-4 > .item, .slz-list-block.slz-column-3 > .item, .slz-list-block.slz-column-2 > .item { width: 100%; } .slz-list-block.slz-column-1 > .item:first-child { margin-top: 0; } .slz-list-block.slz-column-1 > .item { margin-top: 20px; } /*---------- Block Detail ----------*/ .comments-area .comment-list .children { padding-left: 30px; margin-top: 15px; } .slz-blog-author { padding: 20px 10px; background-color: #fafafa; } .slz-blog-author .media-left { display: block; margin: 0 auto; } .slz-blog-author .media-right { display: block; padding: 15px 0 0 0; text-align: center; width: 100%; } .slz-blog-author .media-right:before { content: none; } } @media screen and (max-width: 414px) { .comment-info-wrapper { float: none; } .comment-feedback-wrapper { float: none; } } @media screen and (max-width: 380px) { .entry-content h5 { line-height: 1.3; } .slz-content-column, .slz-sidebar-column { padding: 0 10px; width: 100%; } .comments-area .comment-author img, .comment .author-photo img { width: 50px; height: 50px; } .comments-area .comment-author .fn, .comments-area .comment-list .reply { padding-left: 60px; } .comments-area .comment-body .comment-content { } .comments-area .comment-list >.comment > .children { padding-left: 15px; } } /*========= End of Responsive =======*/