/* Theme Name: Chunkmag Theme URI: http://blindpixels.com/chunkmag Description: Designed by BlindPixel Studios Author: Cemre Fatih Karakulak Author URI: http://blindpixels.com Version: 1.0 License: GNU General Public License License URI: http://www.gnu.org/licenses/gpl-2.0.html Copyright: (c) 2015 Cemre Fatih Karakulak ############## TABLE OF CONTENTS ################ 1. Resets - #33 2. Placeholders & Inputs - #206 3. Fonts #325 4. Header & Navigation #535 5. Breaking News #1219 5. Ajax Live Search #1360 6. Sliders #1687 7. Container & Structure #2398 8. Headings #2772 9. Home Boxes #2830 10. Single Post #3339 11. Category & Loops #5064 12. Paging #5204 13. Footer #5309 14. Breadcrumbs #5515 15. Sidebar & Widgets #5569 16. Error Page #6017 17. Chk Loader #6084 #################################################*/ /* # 1. Resets # */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figure, figcaption, hgroup, menu, footer, header, nav, section, summary, time, mark, audio, video, button, input, textarea { margin: 0; padding: 0; border: 0; vertical-align: baseline; font-size: 100%; outline: none; } body { font-family: 'Open Sans',sans-serif; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -moz-tap-highlight-color: rgba(0, 0, 0, 0); -ms-tap-highlight-color: rgba(0, 0, 0, 0); font-size: 13px; color: #222; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } a>img { display: block; line-height: 0; } img { max-width: 100%; color: #FFF; height: auto; } img.placeholder-image { width: 100%; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote { font-style: italic; line-height: 22px; padding: 0 0 0 60px; min-height: 60px; color: #000; } blockquote:before { content: '\e830'; color: #C50000; font-size: 30px; width: 55px; height: 52px; margin-top: 0; float: left; padding-right: 3%; } table { border-collapse: collapse; border-spacing: 0; } button, input[type="submit"] { -webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in; -ms-transition: all .2s ease-in; transition: all .2s ease-in; -webkit-box-sizing: content-box; box-sizing: content-box; -moz-box-sizing: content-box; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; background: #F8F8F8; cursor: pointer; color: #2E2E2E; } button, input { border-radius: 0; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; } code, pre { background-color: #F8F8F8; font-family: 'Consolas','Menlo','Monaco','Lucida Console',serif; margin-bottom: 10px; max-height: 600px; overflow: auto; padding: 10px 8px 10px 12px; width: auto; font-size: 13px; white-space: pre-wrap; word-wrap: break-word; } pre { display: block; word-break: break-all; word-wrap: break-word; } pre code { white-space: pre-wrap; } table { width: 100%; background-color: transparent; } th, td { background: #fff; padding: 4px 7px; text-align: center; border: 1px solid #e1e1e1; font-: 'Roboto Slab'; font-size: 11px; } th { background: #f2f2f2; font-family: 'Montserrat'; font-size: 10px; font-weight: 700; } tr:nth-child(odd) td { background: #fcfcfc; } table caption { padding: 0 0 7px 0; width: auto; font-weight: 600; } h1,h2,h3,h4,h5,h6 { font-family: 'Roboto Slab'; } h1 {font-size: 24px;} h2 {font-size: 21px;} h3 {font-size: 18px;} h4 {font-size: 16px;} h5 {font-size: 15px;} h6 {font-size: 14px;} /* # 2. Placeholders & Inputs # */ ::-webkit-placeholder { color: inherit; opacity: 1; font-family: 'Open Sans','Roboto Slab'; } ::-moz-placeholder { color: inherit; opacity: 1; font-family: 'Open Sans','Roboto Slab'; } :-ms-input-placeholder { color: inherit; font-family: 'Open Sans','Roboto Slab'; } input, textarea, select { padding: 7px 14px; outline: 0; font-size: 13px; font-family: 'Open Sans','Roboto Slab'; line-height: 1.428571429; color: #555; vertical-align: middle; border: 1px solid #CCC; -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; -ms-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; -moz-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-box-sizing: border-box; } input:focus, textarea:focus, select:focus { border-color: #888 !important; box-shadow: none; color: #606569; } input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder { color: #666; } input.ajaxSearch:focus::-webkit-input-placeholder { color: #fff; } input.ajaxSearch::-webkit-input-placeholder { color: #fff; } header.dark .search-bar input.ajaxSearch:focus::-webkit-input-placeholder { color: #222; } header.dark .search-bar input.ajaxSearch::-webkit-input-placeholder { color: #222; } input:focus:-moz-placeholder, textarea:focus:-moz-placeholder { color: #666; } input::-webkit-input-placeholder { color: #999; } /* # Links & Images # */ ::selection { background: #D34A4A; color: #FFF; text-shadow: none; } ::-moz-selection { background: #D34A4A; color: #FFF; text-shadow: none; } img::selection, img::-moz-selection { background: transparent; } a { color: #222; text-decoration: none; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } a:hover { color: #B00; } /* # Clearfix # */ .container > .row:after, .container > .row:before, .container:after, .heading:after, .post-list:before, .widget:after, .clear:after { display: table; content: ''; clear: both; } /* # font-face # */ @font-face { font-family: 'fontello'; src: url('css/font/fontello.eot?67895360'); src: url('css/font/fontello.eot?67895360#iefix') format('embedded-opentype'), url('css/font/fontello.woff?67895360') format('woff'), url('css/font/fontello.ttf?67895360') format('truetype'), url('css/font/fontello.svg?67895360#fontello') format('svg'); font-weight: normal; font-style: normal; } .sidr ul li a:before, #navigation li.mega-links ul.sub-menu-columns-item a:before, .post-head span.the-views:before, .post-head ul.post-categories:before, .slider_metas:before, blockquote:before, #prevnext-pagination > .prev > a:before, #prevnext-pagination > .next > a:after, .content-slider .owl-prev > a:before, .content-slider .owl-next > a:after, .icon:before, .breadcrumbs ul li a:after, header.full-width a[rel*="author"]:before, article.featured a[rel*="author"]:before, h6.heading span:before, #navigation li.menu-item > a:after, .post-overlay div.wrap > a:before, .post-overlay div.wrap > span:before, .sidebar .widget li a:before, [class^="icon-"]:before, [class*=" icon-"]:before { font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; } .icon-music:before {content: '\e800';} .icon-search:before {content: '\e801';} .icon-picture:before {content: '\e802';} .icon-cancel:before {content: '\e803';} .icon-eye:before {content: '\e804';} .icon-tag:before {content: '\e805';} .icon-pin:before {content: '\e806';} .icon-share:before {content: '\e807';} .icon-location:before {content: '\e808';} .icon-doc-text:before {content: '\e809';} .icon-doc-text-inv:before {content: '\e80a';} .icon-menu:before {content: '\e80b';} .icon-down-open:before {content: '\e80c';} .icon-left-open:before {content: '\e80d';} .icon-right-open:before {content: '\e80e';} .icon-up-open:before {content: '\e80f';} .icon-angle-left:before {content: '\e810';} .icon-angle-down:before {content: '\e811';} .icon-angle-up:before {content: '\e812';} .icon-angle-right:before {content: '\e813';} .icon-pause:before {content: '\e814';} .icon-stop:before {content: '\e815';} .icon-play:before {content: '\e816';} .icon-digg:before {content: '\e817';} .icon-gplus:before {content: '\e818';} .icon-linkedin:before {content: '\e819';} .icon-facebook:before {content: '\e81a';} .icon-twitter:before {content: '\e81b';} .icon-vkontakte:before {content: '\e81c';} .icon-vine:before {content: '\e81d';} .icon-tumblr:before {content: '\e81e';} .icon-pinterest-circled:before {content: '\e81f';} .icon-soundcloud:before {content: '\e820';} .icon-youtube:before {content: '\e821';} .icon-stumbleupon:before {content: '\e822';} .icon-location-1:before {content: '\e823';} .icon-picture-1:before {content: '\e824';} .icon-menu-1:before {content: '\e825';} .icon-globe:before {content: '\e826';} .icon-github-circled:before {content: '\e827';} .icon-ie:before {content: '\e828';} .icon-chrome:before {content: '\e829';} .icon-firefox:before {content: '\e82a';} .icon-clock:before {content: '\e82b';} .icon-mail:before {content: '\e82c';} .icon-home:before {content: '\e82d';} .icon-doc-inv:before {content: '\e82e';} .icon-calendar-empty:before {content: '\e82f';} .icon-quote-right-alt:before {content: '\e830';} .icon-at:before {content: '\e831';} .icon-eye-1:before {content: '\e832';} .icon-eye-2:before {content: '\e832';} .icon-comment:before {content: '\e834';} .icon-post:before {content: '\e835';} .icon-blogger:before {content: '\e836';} .icon-location-2:before {content: '\e837';} .icon-adult:before {content: '\e838';} /* # Header & Navigation # */ #header { background: #fff; min-height: 55px; border-bottom: 1px solid #EDEDED; } /* # Sticky Header # */ #header.affix { z-index: 7; left: 0 !important; right: 0; background: rgba(255, 255, 255, 0.96); margin: 0 auto; bottom: auto; -webkit-transition: top .5s; -moz-transition: top .5s; -ms-transition: top .5s; transition: top .5s; box-shadow: none !important; } #header.transparent.topreset, #header.transparent.affix-top { top: auto !important; } #header.dark.affix { background: rgba(0, 0, 0, 0.8); } #header.dark #navigation { border-color: #444; } #header.affix #navigation li > ul, #header.affix #navigation li > div { margin-top: 13px; } #header.dark { background: #222; border-bottom: 1px solid #4F4F4F; } #header.dark #navigation > ul.menu > li > a > strong { color: #ddd; } #header.dark #navigation > ul.menu > li > a > span { color: #bbb; } #header.dark .logo h4 { color: #eee; } #header.dark .chk-responsive-nav > a{ color: #fff; } /* # Header Wrapper # */ #header > .wrap { width: 1140px; margin: 0 auto; transition: 0.2s ease-in-out; } /* # Image Logo # */ .wrap > .logo { float: left; width: 17%; word-wrap: break-word; margin-right: 80px; padding-top: 16px; padding-bottom: 16px; } #header .logo > div { float: right; max-width: 728px; width: 90%; } /* # Text Logo # */ #header .logo h4 { font-size: 30px; font-family: 'Montserrat'; letter-spacing: -0.07em; color: #3A3A3A; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out; text-align: left; } #header .logo h4 > span { color: #A00000; font-weight: 400; } /* # Header Navigation # */ #header nav { font: 700 13px 'Montserrat', Arial, sans-serif; text-transform: uppercase; overflow: hidden; } #navigation span.noMenu { padding: 0 15px 0 15px; } #navigation, #header > .wrap > .logo, #header > .wrap #navigation > ul > li { -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } #header.affix > .wrap > .logo, #header.affix > .wrap #navigation > ul > li { padding-top: 11px; padding-bottom: 12px; } #navigation > ul > li { float: left; margin-top: 12px; padding-top: 16px; padding-bottom: 16px; } #navigation > ul > li.menu-description { margin-top: 4px; } #navigation > ul > li#menu-item-search { line-height: 0; float: right; font-size: 18px; margin-top: 9px; } #navigation > ul > li#menu-item-search > a { color: #D7D8D9; } #navigation > ul > li#menu-item-search > a#kapa { display: none; } #navigation > ul > li > a { padding: 0 15px 0 15px; display: block; color: #444; line-height: 14px; text-align: center; letter-spacing: -0.04em; } #navigation > ul.menu > li > a > strong { display: block; color: #444; } #navigation > ul.menu > li > a > span { display: block; font-size: 10px; font-weight: 400; text-align: center; color: #949494; letter-spacing: -0.02em; line-height: 19px; } #header.bigsl #navigation > ul.menu > li > a > strong, #header.bigsl #navigation > ul.menu > li > a > span{ -webkit-transition: color .3s; -moz-transition: color .3s; -ms-transition: color .3s; transition: color .3s; } header#header #navigation > ul.menu > li.current-menu-parent > a, header#header #navigation > ul.menu > li.current-menu-parent a strong, header#header #navigation > ul.menu > li.current-menu-parent a span, header#header #navigation > ul.menu > li.current-menu-item > a, header#header #navigation > ul.menu > li.current-menu-item a strong, header#header #navigation > ul.menu > li.current-menu-item a span, header#header #navigation > ul.menu > li > a:hover, header#header #navigation > ul > li#menu-item-search > a:hover, header#header #navigation > ul.menu > li:hover a > strong, header#header #navigation > ul.menu > li:hover a > span { color: #BD0000; } /* # Navigation > Sub Menu # */ #navigation li:hover > ul, #navigation li:hover > div { visibility: visible; opacity: 1; } #navigation li .sub-menu { position: absolute; overflow: visible; visibility: hidden; display: block; opacity: 0; -webkit-transition: all .15s ease-in; -moz-transition: all .15s ease-in; -ms-transition: all .15s ease-in; transition: all .15s ease-in; z-index: 5; background: #940000; } #navigation li .sub-menu a { -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; } #navigation > ul > li > .sub-menu { margin-top: 28px; } #navigation > ul > li.menu-description > .sub-menu { margin-top: 17px; } #navigation > ul > li > .sub-menu:before { content: ''; width: 0; height: 0; border-left: 8px solid rgba(0, 0, 0, 0); border-right: 8px solid rgba(0, 0, 0, 0); border-bottom: 8px solid #940000; position: absolute; top: 0; margin-left: 22px; z-index: 3; left: 0; margin-top: -7px; } #navigation .sub-menu li { min-width: 180px; max-width: 190px; position: relative; border-top: 1px solid rgba(0, 0, 0, 0.07); } #navigation .sub-menu li:first-child { border-top: 0; } #navigation li.menu-item .sub-menu li > a:after { content: "\e80e"; font-size: 7px; margin-left: 9px; } #navigation li.menu-item .sub-menu li > a:only-child:after { display: none; } #navigation .sub-menu li .sub-menu { margin-left: 180px; top: 0; border-left: 1px solid rgba(0, 0, 0, 0.07); } #navigation .sub-menu li:hover { background: rgba(0, 0, 0, 0.16); } #navigation .sub-menu li a { display: block; color: #FFF; font-size: 11px; font-weight: 700; letter-spacing: -0.02em; padding: 9px 10px 10px 13px; } /* # Mega Menu # */ /* Posts Mega Menu */ .megamenu { position: absolute; left: 0; right: 0; visibility: hidden; display: block; opacity: 0; -webkit-transition: all .15s ease-in; -moz-transition: all .15s ease-in; -ms-transition: all .15s ease-in; transition: all .15s ease-in; z-index: 5; background: rgba(0, 0, 0, 0.85); text-transform: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } nav.light .megamenu { border-bottom: 1px solid #D5D5D5; box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.08); background: rgba(255, 255, 255, 0.96); } nav.light .megamenu h5.postTitle a { color: #2D2D2D; } nav.light #navigation li.mega-links ul.sub-menu-columns-item li { border-bottom: 1px solid #EAEAEA; } #navigation li .megamenu { margin-top: 28px; } #navigation li.menu-description .megamenu { margin-top: 17px; } .megamenu > .wrap { width: 1140px; margin: 0 auto; padding-top: 25px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; padding-bottom: 25px; } .megamenu .sub-cats { padding-top: 30px; } /* Inlıne Style for Mega menu */ .megamenu.mega-inline .sub-cats { float: left; width: 18%; padding: 0; } .megamenu.mega-inline .mega-posts { float: right; width: 74.5%; position: relative; } .megamenu.mega-inline article { width: 23.5%; } .megamenu.mega-inline article:nth-child(4) { margin-right: 0; float: right; } .megamenu.mega-inline article:nth-child(5) { display: none; opacity: 0; visibility: hidden; } .megamenu.mega-inline .sub-cats ul li { float: none; margin: 0; border: 0; padding: 9px 3px 9px 8px; border-radius: 0; border-left: 2px solid #404040; } .megamenu.mega-inline .sub-cats ul li.active { border-color: #FFF; } .megamenu .sub-cats ul li { margin-right: 10px; font-size: 10px; font-weight: 700; text-transform: uppercase; float: left; color: #f5f5f5; padding: 1px 6px; border-radius: 3px; cursor: pointer; } nav.light .megamenu.mega-inline .sub-cats ul li.active { background: #E3E3E3; } nav.light .megamenu:not(.mega-inline) .sub-cats ul li { border: 1px solid #D3D3D3; } nav.light .megamenu.mega-inline .sub-cats ul li { border-left: 2px solid #ddd; } nav.light .megamenu.mega-inline .sub-cats ul li.active { border-color: #666; } nav.light .megamenu:not(.mega-inline) .sub-cats ul li.active { border-color: #2B2B2B; color: #FFF; background: #303030; } nav.light .megamenu:not(.mega-inline) .sub-cats ul li.active a { color: #fff; } nav.dark .megamenu:not(.mega-inline) .sub-cats ul li.active { border-color: #FFF; color: #272727; background: #FCFCFC; } nav.dark .megamenu:not(.mega-inline) .sub-cats ul li.active a { color: #272727; } nav.dark .megamenu:not(.mega-inline) .sub-cats ul li { border: 1px solid #3A3A3A; } nav.light .megamenu .sub-cats ul li { color: #222; } .megamenu .sub-cats ul li.active { background: #343434; color: #FFF; } .mega-image { overflow: hidden; } .megamenu img { -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; -o-transition: 0.2s ease; transition: 0.2s ease; height: 111px; } .megamenu img:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .megamenu article { float: left; width: 18.4%; margin-right: 2%; } .megamenu article > ul { margin-top: 15px; } .megamenu article:nth-child(5) { margin-right: 0; float: right; } .megamenu a { color: #EEE; transition: none; -webkit-transition: none; } .megamenu .sub-cats a { color: #eee; } nav.light .megamenu a { color: #222; } .megamenu h5.postTitle{ font-family: 'Roboto Slab'; } .megamenu h5.postTitle a { color: #eee; font-weight: 600; font-size: 13px; } .megamenu h5.postTitle a:hover { text-decoration: underline; color: #FFF; } .megamenu .post-head time { padding-bottom: 1px; } .megamenu .wrap ul.post-categories > li a { font-size: 9px; padding: 1px 3px 2px 3px; } .megamenu .wrap ul.post-categories { position: absolute; top: 10px; left: 10px; z-index: 1; } .megamenu .wrap ul.post-categories li { clear: both; margin-bottom: 5px; } /* Links Mega Menu */ #navigation li.mega-links .mega-link-column a.mega-links-head { color: #FFF; display: inline-block; margin-bottom: 25px; text-transform: uppercase; background: #A00000; padding: 2px 5px; font-size: 10px; letter-spacing: -0.02em; border-radius: 3px; font-weight: 400; } #navigation li.mega-links ul.sub-menu-columns-item { font-family: 'Open Sans','Roboto Slab'; } #navigation li.mega-links ul.sub-menu-columns-item li { padding-bottom: 8px; border-bottom: 1px solid #262626; padding-top: 8px; -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; -o-transition: 0.2s ease; transition: 0.2s ease; } #navigation li.mega-links ul.sub-menu-columns-item li:hover { background: rgba(255, 255, 255, 0.11); padding-left: 8px; } #navigation li.mega-links ul.sub-menu-columns-item li:hover a:before { color: #fff; } nav.light #navigation li.mega-links ul.sub-menu-columns-item li:hover a:before { color: #111; } nav.light #navigation li.mega-links ul.sub-menu-columns-item li:hover { background: rgba(6, 6, 6, 0.04); } #navigation li.mega-links ul.sub-menu-columns-item li a { display: block; font-size: 13px; font-weight: 400; letter-spacing: -0.02em; color: #EEE; } nav.light #navigation li.mega-links ul.sub-menu-columns-item li a { color: #222; } #navigation li.mega-links ul.sub-menu-columns-item li a:before { content: '\e813'; color: #BBB; font-size: 13px; padding-right: 0.5em; } .megamenu .column, .megamenu .row [class*="col-"] { padding-left: 30px; padding-right: 30px; } .megamenu .row { margin-right: -30px; margin-left: -30px; margin-bottom: 0; } /* Responsive Menu */ .chk-responsive-nav { float: left; } .chk-responsive-nav > a { display: none; font-size: 23px; float: left; position: relative; z-index: 10; padding-top: 10px; padding-bottom: 10px; } .chk-responsive-nav .icon-menu:before { margin-left: 0; margin-right: 0; } .sidr { display: none; z-index: 999999; position: absolute; position: fixed; top: 0; width: 260px; height: 100%; overflow-x: hidden; overflow-y: auto; font-size: 11px; font-family: 'Montserrat'; text-transform: uppercase; letter-spacing: -0.02em; background: #222; } .sidr .sidr-inner { padding: 0 0 15px; } .sidr.right { right: -260px; left: auto; } .sidr.left { right: auto; left: -260px; } .sidr ul { display: block; margin: 0 0 15px; padding: 0; } .sidr ul li { display: block; margin: 0; line-height: 44px; position: relative; border-bottom: 1px solid #2C2C2C; } .sidr-class-sub-menu { border-top: 1px solid #2C2C2C; } .sidr ul li a:before { content: '\e813'; color: #FF5541; font-size: 13px; padding-right: 10px; opacity: 0; visibility: hidden; -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; transition: 0.2s ease; margin-left: -10px; } .sidr ul li a, .sidr ul li span { display: block; padding: 0 15px; text-decoration: none; color: #fff; -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; transition: 0.2s ease; } .sidr ul li a:hover { background: rgba(0, 0, 0, 0.15); padding-left: 15px; } .sidr ul li ul li a:hover { padding-left: 25px; } .sidr ul li a:hover::before { opacity: 1; visibility: visible; margin-left: 0; } .sidr ul li a:hover, .sidr ul li a:hover strong { color: #FF6363; } .sidr ul li ul { margin: 0; border-bottom: none; } .sidr ul li ul li:last-child { border-bottom: none; } .sidr ul li ul li a { padding-left: 30px; text-transform: none; } .sidr .sidr-class-sub-menu, .sidr .sidr-class-sub-menu-columns-item { display: none; background: #222; } .sidr-class-megamenu { display: none; } .sidr .sidr-class-menu-description a > span { padding: 0; font-weight: 400; font-size: 9px; color: #8B8B8B; display: inline-block; padding-left: 13px; } #sidr-id-menu-item-search { display: none; } .sidr .chk_expandable { display: block; position: absolute; right: 0; top: 0; cursor: pointer; padding: 0 20px; font-size: 8px; color: #FFF; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } .sidr .chk_expandable:hover { color: #FF6161; } /* # Breaking News # */ .top-bar { height: 30px; background: #AE0000; overflow: hidden; } .top-bar .wrap { width: 1140px; margin: 0 auto; } .top-bar .wrap > .left { float: left; max-width: 58.333333333333336%; } .top-bar .wrap > .left > section { float: left; width: 170px; } .top-bar .wrap > .left > section > h5 { color: #fff; font: 700 12px 'Montserrat'; letter-spacing: -0.03em; line-height: 30px; padding-right: 10px; text-transform: uppercase; float: left; margin-right: 9px; } .top-bar .wrap > .left .hot-news { max-width: 377px; margin-left: 118px; float: left; } .top-bar #breaking-news li > h5 { font: 400 13px 'Montserrat'; float: left; line-height: 29px; } .top-bar #breaking-news li > h5 > a { color: #FFF; letter-spacing: -0.02em; } .top-bar #breaking-news li > h5 > span { margin-left: 16px; margin-left: 16px; color: #FFF; background: rgba(0, 0, 0, 0.28); font: 400 11px 'Open Sans','Roboto Slab'; visibility: hidden; opacity: 0; -webkit-transition: 0.2s linear all; -moz-transition: 0.2s linear all; -o-transition: 0.2s linear all; transition: 0.2s linear all; position: relative; height: 18px; display: inline-block; text-align: center; padding-left: 10px; padding-right: 10px; line-height: 17px; } .top-bar #breaking-news li > h5 > span:before { content: ''; width: 0; height: 0; border-top: 9px solid rgba(0, 0, 0, 0); border-bottom: 9px solid rgba(0, 0, 0, 0); border-right: 10px solid rgba(0, 0, 0, 0.28); position: absolute; bottom: 0px; margin-left: -20px; top: 0; } .top-bar #breaking-news li:hover > h5 > span { visibility: visible; opacity: 1; } .brnav { overflow: hidden; } /* # Breaking News Navigation # */ .brnav > .buttons > a { cursor: pointer; font-size: 10px; color: #FFF; line-height: 30px; height: 30px; display: inline-block; text-align: center; } .brnav > .buttons > #br_play { display: none; } .hide { display: none !important; } /* # Top bar Social # */ .top-bar .wrap > .right { float: right; border-left: 1px solid rgba(0, 0, 0, 0.1); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; max-width: 41.66666666666667%; } .top-bar .wrap > .right a { color: #FFF; line-height: 30px; border-right: 1px solid rgba(0, 0, 0, 0.1); height: 30px; float: left; width: 40px; text-align: center; } .top-bar .wrap > .right a:hover { background: rgba(0, 0, 0, 0.22); } /* # 4. Ajax Live Search # */ header.dark .search-bar { background: #fff; } header.dark .search-bar input { color: #222; } header.dark .post-list.owl-carousel .post-head > a { color: #222 !important; text-shadow: none; } header.dark .post-list.owl-carousel .post-head time { color: #aaa; } header.dark .search-bar .dynamic .owl-theme .owl-controls .owl-nav > div > a { color: #222; } .search-bar { height: 60px; background: #222; display: none; } .search-bar > .wrap { width: 1140px; margin: 0 auto; position: relative; } .search-bar > .wrap input#s { font-size: 25px; margin: 0; padding: 0; letter-spacing: -0.02em; } .post-list.owl-carousel { margin: 0; width: 90%; position: inherit; } .post-list.owl-carousel .post-head > a { color: #F2F2F2 !important; text-shadow: 0 0 0 #282828; } .post-list.owl-carousel li > a { width: 50px; } .search-bar .static { float: left; margin-right: 47px; line-height: 60px; width: 21%; overflow: hidden; position: initial; } .search-bar .dynamic { overflow: hidden; padding-top: 10px; } .search-bar h5.result-num { position: absolute; right: 0; top: 0; color: #FFF; margin-top: 23px; font-size: 12px; font-family: 'Montserrat'; margin-right: 30px; } .nav-search-box { top: 0; bottom: 0; left: 0; right: 0; position: fixed; background: rgba(0, 0, 0, 0.92); z-index: 4; color: #FFF; display: none; overflow-y: auto; } .nav-search-box > .wrap { width: 1140px; height: 540px; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .nav-search-box .wrap .results { display: none; } .nav-search-box input.ajaxSearch,.search-bar input { background: rgba(0, 0, 0, 0); border: 0; color: #FFF; font-size: 77px; font-family: 'Montserrat'; text-transform: uppercase; font-weight: 700; letter-spacing: -0.02em; margin-bottom: 8%; } /* # Live Search Results # */ .nav-search-box h5.result-num { color: #FFF; letter-spacing: 0.03em; font: 700 13px 'Montserrat'; margin-bottom: 25px; text-transform: uppercase; text-align: center; border-bottom: 1px solid #424242; padding-bottom: 15px; position: relative; } .results_loading > .chk_loader { padding: 9px 0; position: absolute; left: 0; right: 0; } .static,.dynamic { position: relative; } .nav-search-box .owl-carousel { position: initial; } .nav-search-box .owl-nav a { color: #ccc; font-size: 12px; } .nav-search-box .owl-nav a:hover { color: #FFF; } .nav-search-box .owl-prev { position: absolute; left: 0; top: 0; } .nav-search-box .owl-next { position: absolute; right: 0; top: 0; } .nav-search-box h5.result-num > span { position: absolute; font-size: 20px; color: #ff2929; margin-top: -27px; text-align: center; left: 0; right: 0; } .nav-search-box #close { position: absolute; right: 0; font-size: 26px; color: #FFF; margin-top: 44px; top: 0; } .nav-search-box #close:hover { color: #FF6464; } .no-scroll { position: fixed; overflow: hidden; top: 0; bottom: 0; left: 0; right: 0; } /* # Live Search Inputs # */ #type1-search-classic { font-size: 17px; color: #898989; position: absolute; right: 18px; top: 0; } #type1-search-classic:hover { color: #FFF; } #type2-search-classic { font-size: 37px; color: #898989; padding: 37px 0 36px 0px; position: absolute; right: 0; top: 0; margin-right: 157px; border-bottom: 2px solid #333 !important; } #type2-search-classic:hover { color: #fff; } .nav-search-box form input { border-bottom: 2px solid #333 !important; } .nav-search-box form #close { margin-top: -44px; } #search-classic:hover { color: #FFF; } /* # Live Search Results Post Styling # */ .instant-results h5.postTitle { text-shadow: none; } .instant-results .post-grid li.post-time { border-color: #444; } .instant-results .post-grid li.post-head > a { color: #bbb; padding-bottom: 3px; display: block; } .instant-results .postInfo .col20 { border-color: #333; } .instant-results h5.postTitle > a { color: #FFF !important; font-weight: 400; } .instant-results h5.postTitle > a:hover { text-decoration: underline; } /* # Instant Search Slider Buttons # */ .nav-search-box .owl-dots { margin: 0 auto; display: table; } .nav-search-box .owl-theme .owl-dots .owl-dot span { width: 41px; height: 5px; background: #6C6C6C; float: left; margin: 0; margin-right: 12px; border-radius: 0; -webkit-transition: none; -moz-transition: none; transition: none; } .nav-search-box .owl-theme .owl-dots .owl-dot:hover span { background: #969696; } .nav-search-box .owl-theme .owl-dots .owl-dot.active span { background: #fff; } .nav-search-box .owl-theme .owl-controls { margin-top: 30px; } .search-bar .dynamic .owl-theme .owl-dots .owl-dot { display: none; } .search-bar .dynamic .owl-theme .owl-controls { position: absolute; right: 15px; top: 0; line-height: 60px; } .search-bar .dynamic .owl-theme .owl-controls .owl-nav > div > a { color: #FFF; font-size: 10px; } .post-list.owl-carousel .post-head time, .post-head span.meta { padding-bottom: 4px; color: #BABABA; } /* # 6. Sliders (slider.php) # */ /* # Full & Boxed Width Slider # */ .slider { position: relative; overflow: hidden; } .slider.wide.head .item a > img { -webkit-transition: -webkit-transform 2s ease 1s; -moz-transition: -moz-transform 2s ease 1s; -ms-transition: -ms-transform 2s ease 1s; -o-transition: -o-transform 2s ease 1s; transition: transform 2s ease 1s; -webkit-transform: translateX(0) translateY(0) scale(1); -moz-transform: translateX(0) translateY(0) scale(1); -ms-transform: translateX(0) translateY(0) scale(1); -o-transform: translateX(0) translateY(0) scale(1); transform: translateX(0) translateY(0) scale(1); } .slider.wide.head div.active .item a > img { -webkit-transition: -webkit-transform 15s ease 0s; -moz-transition: -moz-transform 15s ease 0s; -ms-transition: -ms-transform 15s ease 0s; -o-transition: -o-transform 15s ease 0s; transition: transform 15s ease 0s; -webkit-transform: translateX(-15px) translateY(15px) scale(1.06); -moz-transform: translateX(-15px) translateY(15px) scale(1.06); -ms-transform: translateX(-15px) translateY(15px) scale(1.06); -o-transform: translateX(-15px) translateY(15px) scale(1.06); transform: translateX(-15px) translateY(15px) scale(1.06); } .slider .active .slider.wide li { z-index: 3; position: relative; } .slider.wide .item { float: left; position: relative; max-height: 340px; margin-top: -15px; width: 100%; overflow: hidden; } .slider:hover .owl-buttons { opacity: 1; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; transition: all .2s ease; } .slider.wide .item h5 > a, .post-overlay div h5 > a { color: #FFF; font: 700 21px 'Montserrat'; letter-spacing: -0.02em; text-transform: uppercase; } .post-overlay a[rel*="author"] { color: #D5D5D5; font-weight: 400; font-size: 13px; } .slider .slider_metas, .slider .slider_metas a { color: #D5D5D5; font-weight: 400; font-size: 13px; } .slider.main li > section { position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 0.52) 82%); height: 69%; } .slider.main li section > div, .post-overlay div.wrap { margin: 0 auto; padding: 12px; position: absolute; bottom: 10px; left: 0; right: 0; z-index: 2; } .slider.head.wide li section > div, .post-overlay div.wrap { width: 1140px; } .slider.head.boxed,.slider.head.headlines { background: #F7F7F7; padding: 25px 0; border-top: 1px solid #E7e7e7; border-bottom: 1px solid #E7e7e7; margin-top: -1px; } /* # 6.1 Boxed Slider # */ .slider.head.boxed > ul { width: 1140px; margin: 0 auto; } .slider.boxed .owl-nav { position: absolute; top: 50%; left: 0; right: 0; margin-top: -20px; } .slider.boxed .owl-nav > div { color: #FFF !important; position: absolute; width: 30px; height: 60px; background: rgba(0, 0, 0, 0.56); text-align: center; } .slider.boxed .owl-nav > div:hover { background: rgba(0, 0, 0, 0.56); } .slider.boxed .owl-nav > div i { font-size: 20px; line-height: 58px; } .slider.boxed .owl-prev { left: 0; } .slider.boxed .owl-next { right: 0; } .slider.boxed .owl-dots { position: absolute; top: 20px; right: 30px; } .slider.boxed .item h5 > a { font-size: 19px; } .slider.boxed .post-info > ul.post-categories > li > a { font-size: 10px; padding: 1px 3px 1px 4px; } .slider.boxed .owl-dots .owl-dot:not(.active) span { background: rgba(0, 0, 0, 0.33); } /* # Post Categories # */ .post-info > ul.post-categories, .post-overlay li section > div ul.post-categories, .wrap ul.post-categories { margin-bottom: 8px; border-radius: 1px; display: inline-block; } .slider.main li.center section > div > ul.post-categories { display: table; margin: 10px auto; } .slider.main li.center section > div h5 { width: 65%; margin: 0 auto; } .post-info > ul.post-categories > li, .post-overlay li section > div ul.post-categories > li, .wrap ul.post-categories > li { margin-right: 10px; float: left; line-height: 17px; } .post-info > ul.post-categories > li:first-child, .post-overlay li section > div ul.post-categories > li:first-child, .wrap ul.post-categories > li:first-child { margin-left: 0; } .post-info > ul.post-categories > li > a, .post-overlay li section > div ul.post-categories > li > a, .wrap ul.post-categories > li a { color: #FFF; font: 400 11px 'Montserrat'; text-transform: uppercase; /*background: #AE0000;*/ padding: 2px 5px 2px 5px; border-radius: 1px; } #headlines .post-info > ul.post-categories > li > a { font-size: 10px; padding: 1px 4px 1px 5px; } .slider.wide li section .postDate { font-size: 12px; text-transform: uppercase; float: right; color: #F0D20B; font: 700 15px 'Montserrat'; } /* # 6.2 Partial Blocks Slider # */ .slider.partial section { position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 56%,rgba(0, 0, 0, 0.81) 99%); height: 100%; -webkit-transition: 0.4s ease-in; -moz-transition: 0.4s ease-in; -o-transition: 0.4s ease-in; transition: 0.4s ease-in; } .slider.partial section > div { position: absolute; bottom: 10px; width: 100%; text-align: center; } .slider.partial section h5 { padding-bottom: 3px; } .slider.partial section h5 a { color: #FFF; font: 400 17px 'Montserrat'; letter-spacing: -0.02em; text-transform: uppercase; font-weight: 700; } .slider.partial li > section aside { overflow: hidden; max-height: 0; -webkit-transition: .2s linear all; -moz-transition: .2s linear all; -ms-transition: .2s linear all; -khtml-transition: .2s linear all; -o-transition: .2s linear all; transition: .2s linear all; -khtml-opacity: 0; -moz-opacity: 0; opacity: 0; color: #FFF; font-size: 13px; font-family: 'Open Sans','Roboto Slab'; line-height: 21px; padding-top: 15px; width: 75%; margin: 0 auto; text-align: center; } .slider.partial li:hover > section { background-color: rgba(0,0,0,0.7) !important; } .slider.partial li { overflow: hidden; } .slider.partial li img { -webkit-transition: 0.4s ease-in; -moz-transition: 0.4s ease-in; -o-transition: 0.4s ease-in; transition: 0.4s ease-in; } .slider.partial li:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .slider.partial li:hover > section aside { max-height: 100px; -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; padding-bottom: 10px; } /* # 6.3 Square Grids Slider # */ .featured-background { z-index: 1; position: absolute; top: 0; left: 0; opacity: 0.5; width: 100%; height: 100%; background: #000; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .slider.square-grid { background: #FFF; } .slider.square-grid img { width: 100%; } .square-grid .owl-carousel .post-info time { display: block; font: 400 10px 'Montserrat'; text-transform: uppercase; letter-spacing: -0.01em; color: #ccc; padding-top: 2px; } .square-grid div.manshet section h5 { padding-bottom: 10px; } .square-grid div.manshet section h5 a { color: #FFF; font: 700 28px 'Roboto Slab'; } .square-grid li.manshet section h5 { margin-bottom: 7px; text-align: center; font: 700 16px 'Roboto Slab'; } .square-grid li.manshet section h5 a { color: #FFF; line-height: 23px; } .square-grid div.manshet .post-info { width: 500px; left: 0; right: 0; margin: 0 auto; height: 64%; position: absolute; bottom: 0; z-index: 2; text-align: center; } .square-grid li.manshet .post-info { margin-top: 24%; z-index: 2; position: relative; text-align: center; } .square-grid div.manshet { margin-bottom: 1px; background: #222; position: relative; } .square-grid li.manshet { position: relative; float: left; display: block; overflow: hidden; width: 100%; } .square-grid li.manshet img { -webkit-transition: 0.2s ease-in; -moz-transition: 0.2s ease-in; -o-transition: 0.2s ease-in; transition: 0.2s ease-in; } .square-grid .owl-item:hover a.featured-background { opacity: 0.7; } .square-grid .owl-item:hover img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } .square-grid .manshet section { position: absolute; bottom: 0; text-align: center; width: 100%; z-index: 2; padding: 0 25px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; height: 100%; } .slider.full-width .owl-nav > div { position: absolute; top: 0; background: #FFF; -webkit-transition: opacity 0.25s linear; -moz-transition: opacity 0.25s linear; -ms-transition: opacity 0.25s linear; -o-transition: opacity 0.25s linear; transition: opacity 0.25s linear; height: 100%; width: 50px; text-align: center; font-size: 32px !important; } .slider.full-width .owl-nav i { position: absolute; top: 50%; margin-top: -16px; } .slider.full-width:hover .owl-nav > div { opacity: 0.4; } .slider.full-width .owl-nav > div:hover { opacity: 0.6; } .slider.full-width .owl-nav > div { opacity: 0; -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } .slider.full-width .owl-next { right: 0; } .slider.full-width .owl-prev i { left: 0; } .slider.full-width .owl-next i { right: 0; } .slider.full-width .owl-dots { display: none !important; } #header.bigsl ~ .slider.wide .item { max-height: 450px; } #header.bigsl { margin-top: -101px; bottom: -101px; position: relative; z-index: 3; -webkit-transition: background .3s; -moz-transition: background .3s; -ms-transition: background .3s; transition: background .3s; } .wide { position: relative; } /* # 6.4 Headlines Slider # */ .owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span { background: #C70000; } .headlines div#headlines { width: 1140px; margin: 0 auto; } .slider.headlines li.item { position: relative; float: left; } .slider.headlines li.item { margin-bottom: 5px; width: 40.6%; } .slider.headlines li.item.big { margin-right: 5px; margin-bottom: 0; width: 58%; } .slider.headlines li.item h5 > a { color: #FFF; font: 400 15px 'Montserrat'; } .slider.headlines li.item.big h5 { margin-bottom: 4px; } .slider.headlines li.item.big h5 > a { font-size: 18px; letter-spacing: -0.02em; } .slider.headlines li.item > section { background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 0.81) 100%); height: 37%; } .slider.headlines .owl-dots { display: table; margin: 20px auto; margin-bottom: -10px; } /* # 6.5 Thumbnails Slider # */ .slider.thumbs { background: #222; } .slider.thumbs .owl-nav { position: absolute; top: 40%; left: 0; right: 0; margin: 0 auto; text-align: center; opacity: 0; visibility: hidden; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .slider.thumbs:hover .owl-nav { visibility: visible; opacity: 1; } .slider.thumbs .owl-nav > div { width: 50px; height: 30px; background: rgba(255, 255, 255, 0.94); line-height: 27px; text-align: center; } .slider.thumbs .owl-nav > .owl-prev { position: absolute; left: 30px; } .slider.thumbs .owl-nav > .owl-next { position: absolute; right: 30px; } .slider.thumbs .owl-nav > div a { color: #7B7B7B; font-size: 11px; } .slider.thumbs li { float: left; } .slider.thumbs li > section { background: rgba(0, 0, 0, 0.5); padding: 15px; position: absolute; bottom: 0; left: 0; right: 0; border-top: 2px solid #ae0000; } .slider.thumbs h5 { display: block; margin-top: 7px; margin-bottom: 3px; } .slider.thumbs h5 a { color: #FFF; font: 700 14px 'Montserrat'; letter-spacing: -0.02em; text-transform: uppercase; } .slider.thumbs li > section span { color: #D5D5D5; font-weight: 400; font-size: 13px; } /* # Post Format # */ .post-format { position: absolute; top: 0; left: 0; right: 0; bottom:0; margin: 0 auto; margin-top: -12px; width: 32px; height: 18px; text-align: center; background: #AE0000; } .post-format a { color: #FFF !important; text-transform: uppercase; } .post-format:before { content: ""; position: absolute; top: -9px; left: 0; width: 0; height: 0; border-left: 16px solid rgba(0, 0, 0, 0); border-right: 16px solid rgba(0, 0, 0, 0); border-bottom: 9px solid #ae0000; } .post-format:after { content: ""; position: absolute; bottom: -9px; left: 0; width: 0; height: 0; border-left: 16px solid transparent; border-right: 16px solid transparent; border-top: 9px solid #ae0000; } .post-format i { color: #FFF; font-size: 14px; } .post-format i:before { margin-right: 0 !important; margin-left: 0 !important; } /* # Slider Alignments # */ li.center, div.center { text-align: center; } li.left { text-align: left; } li.right { text-align: right; } /* # Container # */ .container { width: 1190px; margin: 0 auto; padding: 60px 25px 25px 25px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } /* # Boxed Width # */ .main-wrap.boxed body { background-color: #eee; } .main-wrap.boxed #header { width: 1190px; margin-left: auto; margin-right: auto; box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.25); } .main-wrap.boxed #header.transparent { border-bottom: 1px solid rgba(255, 255, 255, 0.25); } .main-wrap.boxed .container { margin-top: 0; background: #FFF; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.25); } .main-wrap.boxed > header, .main-wrap.boxed > .slider, .main-wrap.boxed .megamenu { width: 1190px; margin-left: auto; margin-right: auto; } .main-wrap.boxed .slider.full-width img, .main-wrap.boxed .slider.square-grid img { max-width: 110%; width: 110%; } .main-wrap.boxed .slider.transparent img { max-width: 150%; width: 150%; } .main-wrap.boxed footer.footer { border-top: 0; box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.25); width: 1190px; margin: 0 auto; } .main-wrap.boxed nav.gos a { background: #FFF; top: 50%; } /* # Main Content # */ .main-content { float: left; padding: 0 32px 0 0 !important; } .main-content.col-12 { padding: 0 !important; } .main-content.col-12 .col-6, .main-content.col-12 .column.half { width: 33.333333333333336%; } .main-content.col-12 .homeblock_3 article { width: 33.333333333333336%; } .main-content.col-12 .homeblock_3 ul.post-list { width: 66.66666666666667%; } .main-content.col-12 .homeblock_3 ul.post-list li, .main-content.col-12 article.post-list-big { width: 50%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; padding-right: 22px; } .main-content.col-12 .homeblock_3 .post-list li:nth-child(2) { padding-top: 0; } .main-content.col-12 .homeblock_3 .post-list li:nth-child(2n+1) { clear: both; } .main-content.col-12 .layout-1:nth-of-type(2n+1) { clear: none; } .main-content.col-12 .layout-1:nth-of-type(3n+1) { clear: both; } .main-content.col-12 article.post-list-big, .main-content.col-12 .post-news { padding-right: 22px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .main-content.col-12 .homeblock_7 .post-list > li { width: 33%; } .main-content.col-12 .homeblock_7 .post-list > li:nth-of-type(2n+1) { clear: none; } .main-content.col-12 .homeblock_7 .post-list > li:nth-of-type(3n+1) { clear: both; } .main-content.col-12 article.post-list-big:nth-child(2n+1), .main-content.col-12 .post-news:nth-child(2n+1) { clear: both; } .main-content.col-12 article.post-list-big:nth-child(2) { padding-top: 0; } .main-content.col-12 .post-news .post-head { margin: 4px; } .main-content.col-12 .post-news a[rel*="author"] { float: right; padding-left: 10px; } .main-content.col-12 .post-news .post-head .post-time { max-width: none; margin-top: 0; text-align: inherit; overflow: inherit; margin-top: 10px; } .main-content.col-12 .post-news .post-head section { float: none; width: auto; border-right: none; padding-right: 0; margin-right: 0; } .main-content.col-12 .post-news h3.day, .main-content.col-12 .post-news h6.month-year { display: inline-block; } .main-content.col-12 article.post-list-big .tags { display: none; } .main-content.col-12 .layout-3, .main-content.col-12 .layout-5 { width: 50%; } .main-content.col-12 .layout-3:nth-child(2n+1), .main-content.col-12 .layout-5:nth-child(2n+1) { clear: both; } .main-content.col-12 .post-classic > h1 { font-size: 18px; } .main-content.col-12 .layout-4 { width: 25%; } .main-content.col-12 .layout-4:nth-of-type(3n+1) { clear: none; } .main-content.col-12 .layout-4:nth-of-type(4n+1) { clear: both; } .main-content.col-12 .no-img:nth-of-type(3n+1) { clear: both; } /* If Sidebar Position is Left */ .sidebar-position-left .main-content { float: right; padding: 0 0 0 32px !important; } .sidebar-position-left .sidebar { padding: 0 32px 0 0 !important; } .sidebar-position-left .main-content:before { content: ''; position: absolute; border-right: 1px solid #E7E7E7; margin-left: -32px; height: 100%; } :not(.rtl-on).sidebar-position-left .sidebar:before { display: none; } .rtl-on.sidebar-position-left .main-content:before { display: none; } /* If Sidebar Position is Right */ .sidebar-position-right .main-content { float: left; padding: 0 32px 0 0 !important; } .sidebar-position-right .sidebar { padding: 0 0 0 32px !important; } .rtl-on.sidebar-position-right .main-content:before { content: ''; position: absolute; border-right: 1px solid #E7E7E7; margin-right: -32px; height: 100%; } /* # Column Structure # */ .col-12, .column,.errorpage-sidebar > div { width: 100%; } .col-9 { width: 75%; } .col-8 { width: 66.66666666666667%; } .col-6, .column.half { width: 50%; } .col-4,.errorpage-sidebar > div { width: 33.333333333333336%; } .col-3 { width: 25%; } .column,.row [class*="col-"],.errorpage-sidebar > div { padding-left: 11px; padding-right: 11px; min-height: 1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .column,.errorpage-sidebar > div { float: left; } .row { min-height: 1px; margin-right: -11px; margin-left: -11px; margin-bottom: 1.857em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .container > .row { margin: 0; position: relative; overflow: hidden; } .row.lessen { margin-left: -22px; margin-right: -22px; } /* # Post Overlay Background # */ .overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #AE0000; visibility: hidden; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; display: block; opacity: 0; z-index: 1; } .post-image { position: relative; } .post-image:hover .overlay { opacity: 0.5; visibility: visible; } .post-image:hover i { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .post-image i { color: #FFF; position: absolute; top: 50%; left: 0; right: 0; text-align: center; font-size: 30px; line-height: 0; margin-top: -15px; -webkit-transition: all 0.25s ease-in; -moz-transition: all 0.25s ease-in; -ms-transition: all 0.25s ease-in; transition: all 0.25s ease-in; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); z-index: 2; } /* # Headings # */ .heading,h3#reply-title { padding-bottom: 8px; margin-bottom: 25px; border-bottom: 1px solid #E7E7E7; position: relative; } .heading > h6 { text-transform: uppercase; font: 700 13px 'Montserrat', Arial, sans-serif; float: left; letter-spacing: -0.04em; color: #444; } h6.heading,h3#reply-title { text-transform: uppercase; font: 700 13px 'Montserrat', Arial, sans-serif; letter-spacing: -0.04em; color: #444; } .ajaxScroll:before { content: '\e80e'; margin-right: 8px; color: #BE0000; font-size: 9px; padding-top: 5px; position: absolute; top: 0; margin-left: -17px; } h6.heading span:before { content: '\e80e'; margin-right: 8px; color: #BE0000; font-size: 9px; padding-top: 5px; position: absolute; top: 0; margin-left: -16px; } .heading > h6.sagda:before { content: none; } .heading > h6 span,h6.heading span { font: 700 13px 'Montserrat'; padding-left: 24px; letter-spacing: -0.04em; color: #BE0000; text-transform: uppercase; } /* # Home Boxes # */ .row.block { margin-bottom: 50px; } .dynamic-content { position: relative; } .homebox { position: relative; } .homebox img { width: 100%; } /* # Arrow Style # */ .related-posts-box .post-image:after, .loop .post-image:after, .widget-featured .post-image:after, .homebox .post-image:after { content: ''; width: 0; height: 0; border-left: 11px solid rgba(0, 0, 0, 0); border-right: 11px solid rgba(0, 0, 0, 0); border-bottom: 11px solid #FFF; position: absolute; bottom: 0; margin-left: 24px; z-index: 2; } .post-news .post-image:after, .post-list-big .post-image:after { border-left: 0; border-top: 8px solid rgba(0, 0, 0, 0); border-bottom: 8px solid rgba(0, 0, 0, 0); border-right: 8px solid #FFF; right: 0; top: 50%; margin-top: -30px; } /* # Ajax Category Select # */ .ajaxScroll { text-transform: uppercase; font: 700 13px 'Montserrat', Arial, sans-serif; letter-spacing: -0.04em; color: #444; padding-left: 27px; overflow-x: auto; max-width: 250px; max-height: 16px; overflow: hidden; } .mTSThumbContainer { padding-right: 8px; margin-right: 8px; } .ajaxScroll ul li { opacity: 0; -webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in; -ms-transition: all .2s ease-in; transition: all .2s ease-in; cursor: pointer; color: #666; margin-right: 10px; float: left; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } .ajaxScroll ul li.visible { opacity: 1; color: #BE0000; } .ajaxScroll ul li:hover { color: #BE0000; } .ajaxScroll:hover ul li { opacity: 1; } /* # Scroll Box # */ .homebox.homeblock_1.outside { margin-bottom: 15px; } .homeblock_1 .owl-nav { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; position: absolute; right: 0; top: -53px; } .homeblock_1 .owl-nav a { color: #777; font-size: 11px; } .homeblock_1 .owl-dots { position: absolute; right: 0; top: -51px; margin-right: 20px; } .homeblock_1 .owl-nav a:hover { color: #000; } .homeblock_1 .owl-nav a { -webkit-transition: none; -moz-transition: none; -ms-transition: none; transition: none; } /* # Narrow Box (homeblock_2) # */ .homeblock_2 { float: left; } .homeblock_2.column.half, .homeblock_2.col-6 { padding: 0 22px; } .homeblock_2.col-6:first-child:after { display: none; } .homeblock_2.col-6:after { content: ""; height: auto; top: 0; bottom: 0; border-left: 1px solid #E6E6E6; display: block; position: absolute; margin-left: -22px; margin-top: 44px; } /* # Wide Box (homeblock_3) # */ .homeblock_3 article { width: 50%; float: left; padding-right: 22px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .homeblock_3 ul.post-list { margin-top: 0; padding-left: 22px; border-left: 1px solid #E6E6E6; width: 50%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; overflow: hidden; } .homeblock_3 .post-list li:first-child { padding-top: 0; } .homeblock_7 .post-image, .post-list-big .post-image { width: 47%; float: left; margin-right: 22px; max-height: 138px; overflow: hidden; } .homeblock_7 .side, .post-list-big .side { overflow: hidden; margin-top: 4px; } .homeblock_7 .post-list > li { width: 50%; float: left; padding-right: 22px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .homeblock_7 ul.post-list { border-top: 1px solid #E6E6E6; } .homeblock_7 .post-list > li:nth-of-type(2n+1) { clear: both; } .homeblock_7 .postSummary, .post-list-big .postSummary { margin-bottom: 15px; } .homeblock_7 .tags, .post-list-big .tags { margin-bottom: 0; } .homeblock_7 article.post-list-big { border: 0; } .homeblock_8 .slider.boxed .item h5 > a { font-size: 17px; } article.post-list-big { border-bottom: 1px solid #E6E6E6; padding: 15px 0; position: relative; overflow: hidden; } article.post-list-big:first-child { padding-top: 0; } /* # Post List (News2,News3) # */ article.featured > ul { margin-top: 9px; padding-top: 9px; } article.featured .post-time { float: right; width: 20%; padding-left: 10px; text-align: center; } .post-list { margin-top: 20px; } .post-list .post-head > a { line-height: 21px; color: #222; text-shadow: 0 0 0 #D6D6D6; font: 400 13px 'Roboto Slab'; } .post-list .post-head > a:hover { text-decoration: underline; color: #A80B0B; } .post-list > li { border-bottom: 1px solid #E6E6E6; padding: 15px 0; position: relative; overflow: hidden; } .homeblock_2 .post-list > li:first-child { border-top: 1px solid #E6E6E6; } .post-list li > a { float: left; margin-right: 17px; } .post-list li > a > img { width: 65px; } .post-head time, .post-head span.meta { padding-bottom: 8px; display: block; font: 400 10px 'Montserrat'; text-transform: uppercase; letter-spacing: -0.01em; color: #888; padding-top: 2px; } /* # List News (homeblock_4) # */ .post-news { border-bottom: 1px solid #E6E6E6; padding: 15px 0; position: relative; overflow: hidden; } .post-news:first-of-type { padding-top: 0; } .post-news > .post-image { float: left; margin-right: 25px; } .post-news > .post-image i, .layout-4 .post-image i { font-size: 21px; margin-top: -10px; } .post-news .post-head section { float: left; width: 82%; border-right: 1px solid #E2E2E2; padding-right: 10px; margin-right: 20px; } .post-news .post-head .post-time { max-width: 20%; margin-top: 30px; text-align: center; overflow: hidden; } .post-news .post-head { margin-top: 7px; } .post-news h6.month-year { font-size: 11px; } .post-news h3.day { font-size: 17px; } /* # Grid Posts (homeblock_5) # */ .homeblock_5 .row { margin-bottom: 0; } .list-grid li.post-time h3, .list-grid li.post-time h6 { display: inline-block; } .post-grid li.post-time { float: left; padding-right: 8px; text-align: center; width: 20%; border-right: 1px solid #EEE; margin-right: 22px; } .post-grid > ul { margin-top: 9px; padding-top: 9px; } /* # Slider Box (homeblock_6) # */ .homeblock_6 .manshet .post-info > ul.post-categories > li > a { font-size: 10px; padding: 1px 5px 1px 5px; } .homebox.square-grid .owl-prev, .homebox.square-grid .owl-next { position: absolute; top: 0; background: #FFF; -webkit-transition: opacity 0.25s linear; -moz-transition: opacity 0.25s linear; -ms-transition: opacity 0.25s linear; -o-transition: opacity 0.25s linear; transition: opacity 0.25s linear; height: 100%; width: 50px; text-align: center; font-size: 32px !important; } .homebox.square-grid .owl-prev, .homebox.square-grid .owl-prev i { left: 0; } .homebox.square-grid .owl-next, .homebox.square-grid .owl-next i { right: 0; } .homebox.square-grid .owl-nav i { position: absolute; top: 50%; margin-top: -16px; } .homebox.square-grid .owl-nav > div { opacity: 0; -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } .homebox.square-grid .owl-nav > div:hover { opacity: 0.6; } .homebox.square-grid:hover .owl-nav > div { opacity: 0.4; } /* # Homebox Titles etc # */ .homebox a[rel*="author"] { color: #333; letter-spacing: -0.02em; margin-bottom: 5px; display: block; } .post-news a[rel*="author"] { padding-bottom: 8px; display: inline-block; font: 400 10px 'Montserrat'; text-transform: uppercase; letter-spacing: -0.01em; color: #888; padding-top: 2px; margin: 0; } .post-news a[rel*="author"]:hover { text-decoration: underline; } h5.postTitle { font-size: 14px; line-height: 21px; letter-spacing: -0.015em; } h5.postTitle a { color: #444; } h5.postTitle > a:hover { color: #AE0000; } span.postSummary { margin-top: 10px; line-height: 22px; display: block; color: #666; word-wrap: break-word; } .post-head { overflow: hidden; } .post-time { color: #B30000; } /* # Post Time # */ h3.day { padding-bottom: 6px; font: 700 17px 'Montserrat'; padding-right: 4px; } h6.month-year { font: 400 11px 'Montserrat'; letter-spacing: -0.03em; text-transform: uppercase; } /* # Single.php # */ body.single.gecko{ overflow-x:hidden; } /* # Post Slider # */ .post_slider span.description { color: #CFCFCF; width: 50%; display: block; text-align: center; margin: 0 auto; padding-top: 12px; } .post_slider .verdict { color: #FFF; font: 400 11px 'Montserrat'; text-transform: uppercase; background: #AE0000; padding: 2px 5px 2px 5px; border-radius: 1px; display: table; margin: 8px auto; } /* # Featured Image # */ header.featured.wide { max-height: 320px; overflow: hidden; } header.featured img { height: auto; display: block; width: 100%; } header.featured > .post-stats { width: 1140px; bottom: 30px; position: absolute; margin: 0 auto; left: 0; right: 0; } header.featured ul.post-categories > li { float: left; margin-right: 10px; } header.featured ul.post-categories > li > a, header.featured .post-views { color: #FFF; font: 400 11px 'Montserrat'; position: relative; display: inline-block; padding: 5px 7px 5px; text-transform: uppercase; background: rgba(0, 0, 0, 0.6); line-height: 10px; } /* # Single Post Title etc # */ header.full-width h1.post-title { font: 700 23px 'Montserrat'; text-transform: uppercase; letter-spacing: -0.02em; padding-top: 5px; } header.full-width h3 { font-size: 21px; color: #CD2121; font-weight: 400; } header.full-width h6 { font-size: 12px; color: #CD2121; } header.full-width .post-time { float: left; max-width: 20%; border-right: 1px solid #ddd; color: #C5C5C5; padding-right: 20px; margin-right: 20px; text-align: center; } header.full-width a[rel*="author"] { color: #323232; font-weight: 400; margin-bottom: 6px; padding-right: 10px; } header.full-width .col70 > a:before { color: #666; } header.full-width a[rel*="author"]:before,article.featured a[rel*="author"]:before { content: '\e809'; padding-right: 5px; } header.full-width { margin-bottom: 45px; } header.full-width .post-head a:hover { text-decoration: underline; color: #222; } header.twitter_status { padding: 30px 0; text-align: center; background-size: cover; overflow: hidden; } header.twitter_status iframe { margin: 0 auto; display: inline-block !important; } header.google_map { max-height: 340px; } /* # Classic Post Type Type 2 # */ .post-classic > h1 { font: 400 21px 'Roboto Slab'; letter-spacing: -0.01em; margin-top: 20px; margin-bottom: 25px; border-left: 3px solid #A50000; padding-left: 20px; line-height: 30px; } .post-classic img { width: 100%; } .post-classic > h1 > span.post-views { float: right; font-size: 13px; text-transform: uppercase; font-family: 'Roboto Slab'; font-weight: 600; letter-spacing: -0.02em; color: #B00; } .post-meta { font-size: 11px; text-transform: uppercase; padding: 10px 0; border: 1px solid #D9D9D9; border-left: 0; border-right: 0; margin-bottom: 21px; overflow: hidden; color: #A0A0A0; letter-spacing: 0.01em; } .post-meta .category { float: right; } .post-meta .category ul li { float: left; margin-right: 7px; } .post-meta .category ul li:first-child { margin: 0; } .post-meta .category, .post-meta span { color: #999; } /* # Post Overlay Single Like Slider Type 3 # */ .post-overlay.shrink { max-height: 340px; overflow: hidden; position: relative; } .post-overlay img { height: auto; display: block; width: 100%; } .post-overlay section { position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 0.45) 86%); height: 41%; } .post-overlay h5 { margin-bottom: 5px; } .post-overlay div.wrap > a, .slider.headlines ul li section div > a { padding-right: 10px; } .post-overlay div.wrap > span, .slider.headlines ul li section div > span { color: #D5D5D5; padding-right: 10px; } .post-overlay div.wrap > a:before, .slider.headlines ul li section div > a:before { content: '\e809'; padding-right: 5px; } .post-overlay div.wrap > span:before { padding-right: 5px; } .post-overlay div.wrap > span.post-timespan:before { content: '\e82b'; } .post-overlay div.wrap > span.the-views:before { content: '\e832'; } .slider_metas.author:before { content: '\e809'; padding-right: 5px; } .slider_metas.time:before { content: '\e82b'; padding-right: 5px; } .slider_metas.views:before { content: '\e832'; padding-right: 5px; } .slider_metas.cmtnum:before { content: '\e834'; padding-right: 5px; } .slider_metas { margin-right: 10px; } .meta-wrap { padding-top: 6px; } /* # Transparent Header # */ #header.transparent { background: rgba(255, 255, 255, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.25); } #header.transparent.dark { background: rgba(0,0,0,0.3); } #header.transparent .logo h4 { color: #FFF; } #header.transparent #navigation > ul.menu > li > a, #header.transparent #navigation > ul.menu > li > a > strong, #header.transparent #navigation > ul.menu > li > a > span { color: #FFF; } .post-overlay.transparent > div { height: 450px; background-size: cover; position: relative; } /* # Parallax Single Header # */ .parallax { height: 450px; text-indent: -9999px; background-repeat: no-repeat; -moz-background-size: cover; -webkit-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-attachment: fixed; background-position: center center; background-size: cover; } /* # Single Post Infos # */ .post-head ul.post-categories, .post-head span.the-views { display: inline-block; padding-left: 21px; position: relative; padding-right: 10px; } .post-head ul.post-categories li { display: inline-block; margin-right: 4px; } .post-head ul.post-categories li:before { content: '/'; padding-right: 8px; color: #595959; } .post-head ul.post-categories li:first-child:before { content: none; } .post-head ul.post-categories:before { content: '\e808'; position: absolute; left: 0; top: 0; margin-top: 3px; color: #4F4F4F; } .post-head span.the-views:before { content: '\e832'; position: absolute; left: 0; top: 0; margin-top: 3px; color: #4F4F4F; } /* # Single Post Container # */ .post_container { line-height: 25px; font: 400 14px 'Open Sans','Roboto Slab'; line-height: 1.857; color: #606569; margin-bottom: 60px; } .post_container h1, .post_container h2, .post_container h3, .post_container h4, .post_container h5, .post_container h6 { font-family: 'Montserrat'; letter-spacing: -0.02em; font-weight: 400; margin-bottom: 24px; line-height: 1.5; } .post_container a { color: #C80007; } .post_container p , .chk-tabs, .content-slider, .tags { margin-bottom: 1.857em; } .alignleft { display: inline; float: left; margin-right: 20px; } .alignright { display: inline; float: right; margin-left: 20px; } .aligncenter { clear: both; display: block; margin: 0 auto 30px; } .post_container ul { list-style-type: square; margin-left: 42px; } .bypostauthor { display: block; } .wp-caption-text, .gallery-caption { color: #FFF; position: absolute; bottom: 0; background: rgba(0, 0, 0, 0.57); left: 0; right: 0; padding: 3px 10px; text-align: center; font-size: 13px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; margin: 0 !important; } .wp-caption { max-width: 100%; padding: 0; text-align: center; position: relative; } .tags a { margin-left: 7px; padding-right: 7px; color: #222 !important; word-wrap: break-word; } .tags a:hover { text-decoration: underline; } .tags a:first-child { margin: 0; } .tags span { color: #B3B3B3; } .tags a:before { content: '#'; } /* # Post Animation # */ .postUp { -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); transform: translateY(40px); opacity: 1; -webkit-transition-property: opacity, transform; -moz-transition-property: opacity, transform; -ms-transition-property: opacity, transform; transition-property: opacity, transform; -webkit-transition-duration: 0.9s; -moz-transition-duration: 0.9s; -ms-transition-duration: 0.9s; transition-duration: 0.9s; } .postUpAnimation { -webkit-transform: translateY(0) !important; -moz-transform: translateY(0) !important; -ms-transform: translateY(0) !important; transform: translateY(0) !important; opacity: 1 !important; } /* # Comments # */ ol.commentlist p { line-height: 20px; } .comment-content p { margin-top: 12px; } .comment_content p.fn, .comment-content p { float: left; } .comment_content { overflow: hidden; } .author-comment { margin-top: -4px; } .comment-avatar { float: left; margin-right: 25px; width: 55px; } ol.commentlist li { margin-bottom: 15px; width: 100%; padding-top: 6px; display: inline-block; position: relative; border-bottom: 1px solid #EDEDED; padding-bottom: 25px; } ol.commentlist { display: inline-block; width: 100%; margin-top: 10px; border-top: 1px solid #EDEDED; padding-top: 15px; } #cancel-comment-reply-link { float: right; font-size: 13px; font-weight: 400; padding-left: 20px; font-family: 'Open Sans','Roboto Slab'; text-transform: none; letter-spacing: 0; color: #C00000; } #respond { margin-bottom: 30px; } .inputgr { display: table-cell; padding: 6px 12px; font-size: 14px; font-weight: normal; line-height: 1; color: #757575; text-align: center; background-color: #FAFAFA; border: 1px solid #CCC; border-right: none; vertical-align: middle; } #submit { color: #FFF; background: #C70000; display: inline-block; font-weight: 400; margin-top: 3px; text-align: center; vertical-align: middle; cursor: pointer; white-space: nowrap; padding: 8px 14px; font-size: 13px; border: none; } #submit:hover { background: #B20000; } ol.commentlist > li > div.depth-2 { padding-left: 20px; } ol.commentlist > li > div.depth-3 { padding-left: 40px; } ol.commentlist > li > div.depth-4 { padding-left: 60px; } ol.commentlist > li > div.depth-5 { padding-left: 80px; } ol.commentlist li:last-child { margin-bottom: 30px; } h3#comments-title { font-family: 'Montserrat'; font-size: 13px; font-weight: 700; text-transform: uppercase; color: #D50000; letter-spacing: -0.02em; } h3#reply-title { margin-bottom: 15px; } .sec span,h3#reply-title #rip { font-weight: 700; color: #CC1000; font-size: 15px; } .comment-form-url { margin-right: 0 !important; } p.comment-form-author input, p.comment-form-email input, p.comment-form-url input { width: 100%; } .inputgr { display: table-cell; padding: 6px 12px; font-size: 14px; font-weight: normal; line-height: 1; color: #757575; text-align: center; background-color: #FAFAFA; border: 1px solid #CCC; border-right: none; vertical-align: middle; } p.comment-form-author, p.comment-form-email, p.comment-form-url { float: left; margin-right: 2%; width: 32%; font-size: 16px; position: relative; display: table; border-collapse: separate; clear: none !important; } p.comment-notes { margin-bottom: 15px; margin-top: 10px; font-size: 13px; font-family: 'Open Sans','Roboto Slab'; } p.comment-form-comment { display: inline-block; width: 100%; margin-top: 12px; font-weight: bold; color: #000; font-size: 17px; } .reply a { color: #B4B0B0; text-transform: uppercase; line-height: 29px; } .comment-meta a { color: #B6B6B6; } .comment-meta { float: right; } ol.commentlist p { color: #444; } .reply a:hover { color: #DA0707; } .comment-meta a:hover { color: #000; } .comment-awaiting-moderation { font-size: 13px; font-style: normal; color: #AE0000; margin-top: 4px; display: block; padding-left: 19px; position: relative; } .comment-awaiting-moderation:before { content: '\e808'; padding-right: 7px; font-size: 11px; margin-top: 4px; position: absolute; left: 0; } .comment-author-badge { font-family: 'Montserrat'; text-transform: uppercase; margin-right: 26px; color: #FFF; background: #CB2828; padding: 1px 5px; font-size: 9px; letter-spacing: -0.02em; border-radius: 3px; margin-top: 4px; float: left; font-weight: 700; margin-left: 15px; line-height: 12px; } .comment_content p.fn a, .comment_content p.fn { font-size: 13px; color: #333; text-transform: uppercase; font-family: 'Montserrat'; font-weight: 700; letter-spacing: -0.02em; } .reply { position: absolute; bottom: -1px; right: 0; border-bottom: 1px solid #E0007E; padding-left: 9px; padding-right: 9px; } textarea#comment { width: 100%; resize: none; } p.comment-form-comment { display: inline-block; width: 100%; margin-top: 12px; font-weight: bold; color: #000; font-size: 17px; } #comments { display: inline-block; width: 100%; margin-bottom: 30px; } .form-allowed-tags { display: none; margin-top: 10px; } .form-allowed-tags code { padding: 6px 6px 6px 10px; line-height: 22px; float: left; clear: both; margin-top: 10px; } p.form-submit { margin-top: 5px; } /* # Post Review # */ .post-review { margin-bottom: 25px; background: #222; margin-top: 25px; padding: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .post-review ul { list-style-type: none; margin: 0; } .post-review > h6 { color: #FFF; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #474747; } .post-review > h6 span { font-family: 'Montserrat'; text-transform: uppercase; color: #FFF; background: #C84343; padding: 1px 5px; font-size: 10px; letter-spacing: -0.02em; border-radius: 3px; float: right; line-height: 15px; } .post-review ul li { margin-bottom: 10px; padding-bottom: 10px; } .post-review .overall { background: #343434; padding: 7px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; float: left; min-width: 90px; margin-right: 40px; } .post-review .review_summary h4 { color: #FFF; font-family: 'Montserrat'; font-size: 13px; text-transform: uppercase; letter-spacing: -0.02em; margin-bottom: 10px; } .post-review .overall span { font-size: 31px; color: #FFF; font-family: 'Montserrat'; font-weight: 700; text-align: center; display: block; } .post-review h3.title { padding-top: 10px; padding-bottom: 10px; padding-left: 20px; font-family: 'Montserrat'; font-size: 17px; font-weight: 700; display: inline-block; color: #BD0000; text-transform: uppercase; } .post-review h4.criteria { font-size: 13px; font-weight: 400; float: left; font-family: 'Open Sans','Roboto Slab'; color: #FFF; margin: 0; } .post-review span.score { float: right; font-family: 'Montserrat'; font-size: 10px; font-weight: 400; letter-spacing: -0.02em; color: #838383; } .post-review .score_bar { background: #333; width: 100%; height: 5px; display: inline-block; } .post-review .score_bar span { height: 5px; width: 0; background: #EA5353; display: block; } .post-review .review_summary { overflow: hidden; color: #C7C7C7; line-height: 20px; font-size: 13px; } /* # Shortcodes # */ .fractions .column.half { width: 50% !important; } .chk-tabs > ul, .post_container .owl-carousel { list-style-type: none; margin: 0 0 -1px 0; } .chk-tabs ul.tabs-nav li { float: left; border: 1px solid #DDD; margin-right: -1px; position: relative; z-index: 2; background: #FDFDFD; } .chk-tabs ul.tabs-nav li a { color: #5A5A5A; font-size: 13px; transition: none; padding: 6px 14px; display: block; } .chk-tabs ul.tabs-nav li.active { background: #F2F2F2; border-bottom: 1px solid #E54F4F; } .chk-tabs .owl-carousel { padding: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border: 1px solid #E6E6E6; margin-top: -1px; } .content-slider .owl-nav > div { padding: 4px 10px; background: #C70000; line-height: 18px; } .content-slider .owl-nav > div a { color: #FFF; font-size: 13px; } .content-slider .owl-next { float: right; } .content-slider .owl-prev { float: left; } .content-slider .owl-prev a { padding-left: 18px; } .content-slider .owl-next a { padding-right: 18px; } .content-slider .owl-dots { text-align: center; } .content-slider .owl-controls { margin-top: 15px; padding-top: 15px; } p.supertitle { color: #C50000; font-size: 15px; font-weight: 600; letter-spacing: -0.02em; } p.supertitle:before { content: '\e813'; padding-right: 15px; } .kage { margin-bottom: 15px; margin-top: 15px; } .button { color: #FFF !important; background: #EC334A; text-align: center; vertical-align: middle; display: inline-block; text-decoration: none; font-size: 13px; line-height: 26px; height: 28px; white-space: nowrap; margin-bottom: 15px; margin-right: 10px; padding: 0 10px; } a.button:hover { background: #444; } .button.small { padding: 1px 10px 1px; } .button.medium { padding: 3px 15px 3px; } .button.large { padding: 6px 25px 6px; } .highlight { padding: 0px 4px 0px 4px; color: #FFF; background: #D34C4C; } .drop-caps { float: left; font-size: 1.9em; line-height: 1; background: #BE0006; color: #FFF; padding: 6px 10px; margin-top: 5px; margin-right: 14px; } .bol { height: 1px; border-bottom: 1px solid #ddd; width: 100%; display: inline-block; } .column { float: left; min-height: 1px; padding-right: 25px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; padding-bottom: 15px; } .half { width: 50%; } .third { width: 33.3%; } .fourth { width: 25%; } span.noPost { color: #000; } /* # Gallery Shortcode # */ .gallery { margin-bottom: 1.857em; } .chk-big-thumbnail { margin-bottom: 1px; } .chk-big-thumbnail .caption { position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 0.6) 100%); height: 17%; } .chk-big-gallery-item { position: relative; } .chk-big-gallery-item img { width: 100%; } .slider.chk-gallery-slider .owl-nav > div { width: 32px; font-size: 23px !important; } .gallery-item { display: inline-block; float: left; text-align: center; vertical-align: top; margin-top: 0 !important; overflow: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; position: relative; z-index: 1; width: 100%; background: #000; } .gallery-item img { -webkit-transition: 0.2s linear; -moz-transition: 0.2s linear; -o-transition: 0.2s linear; transition: 0.2s linear; opacity: 0.7; } .gallery-item img:hover, .chk-gallery-slider a.im_on img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); opacity: 1; } /* # Related Posts Box # */ .related-posts-box { margin-bottom: 50px; } .related-posts-box img.placeholder-image { max-height: 126px; } .related-posts-box[data-box-type="no-scroll"] article { float: left; margin-right: 20px; width: 31.5%; margin-bottom: 10px; padding-bottom: 10px; } .related-posts-box[data-box-type="no-scroll"] article:nth-child(3n) { float: right; margin-right: 0; } .related-posts-box[data-box-type="no-scroll"] article:nth-child(3n+1) { clear: both; } .related-posts-box h5.postTitle { font-size: 14px; line-height: 21px; letter-spacing: -0.02em; text-shadow: 0px 0px 0px #D2D2D2; font-family: 'Open Sans','Roboto Slab'; font-weight: 600; } .related-posts-box h5.postTitle a { color: #222; } .related-posts-box h5.postTitle a:hover { color: #C00000; } .related-posts-box .post-image i { font-size: 21px; margin-top: -10px; } .clear[class*='post-share-'] { display: table; table-layout: fixed; width: 100%; } ul.share-buttons { display: table-row; margin: 0; padding: 0; } ul.share-buttons li { list-style: none; display: table-cell; text-align: center; } ul.share-buttons li a { display: block; color: #888; } /* # Post Share Buttons Type 1 # */ .post-share-modern { border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; } .post-share-modern li { -webkit-transition: 0.15s ease-in-out; -moz-transition: 0.15s ease-in-out; -o-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; } .post-share-modern:hover li { opacity: 0.2; -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); } .post-share-modern li:hover { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .post-share-modern a { font-size: 11px; display: block; padding: 11px 0; letter-spacing: -0.02em; text-align: center; cursor: pointer; -webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in; -ms-transition: all .2s ease-in; transition: all .2s ease-in; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .sidebar-position-none .post-share-modern i { display: inline-block; margin-right: 4px; } .post-share-modern i { display: block; text-align: center; font-size: 16px; } .post-share-modern #facebook:hover { color: #000BD2; } .post-share-modern #twitter:hover { color: #1992F7; } .post-share-modern #gplus:hover { color: #D20000; } .post-share-modern #linkedin:hover { color: #7858D8; } .post-share-modern #vkontakte:hover { color: #2BA5CA; } .post-share-modern #tumblr:hover { color: #8B2500; } .post-share-modern #pinterest:hover { color: #D53939; } .post-share-modern #digg:hover { color: #000; } .post-share-modern #stumbleupon:hover { color: #E06129; } .post-share-modern #blogger:hover { color: #F28C67; } .post-share-modern #mail:hover { color: #B300D0; } /* # Share Buttons Type 2 # */ .post-share-classic a:hover { text-decoration: none; } .post-share-classic a { margin-right: 8px; height: 30px; line-height: 30px; text-align: center; color: #fff; font-size: 20px; margin-bottom: 6px; } .post-share-classic a.icon-twitter { color: #5AA8CD; border: 1px solid #5AA8CD; } .post-share-classic a.icon-facebook { color: #3D5B9B; border: 1px solid #3D5B9B; } .post-share-classic a.icon-gplus { border: 1px solid #D3492C; color: #D3492C; } .post-share-classic a.icon-pinterest { color: #BC2D32; border: 1px solid #BC2D32; } .post-share-classic a.icon-linkedin { color: #02669A; border: 1px solid #02669A; } .post-share-classic a.icon-vkontakte { border: 1px solid #2BA5CA; color: #2BA5CA; } .post-share-classic a.icon-tumblr { color: #7A2200; border: 1px solid #7A2200; } .post-share-classic a.icon-pinterest-circled { color: #DA0000; border: 1px solid #D30000; } .post-share-classic a.icon-digg { color: #222; border: 1px solid #222; } .post-share-classic a.icon-stumbleupon { color: #E06129; border: 1px solid #E06129; } .post-share-classic a.icon-blogger { color: #F28C67; border: 1px solid #F28C67; } .post-share-classic a.icon-mail { color: #B300D0; border: 1px solid #B300D0; } /* # Hovers # */ .post-share-classic a.icon-facebook:hover { background: #334C8E; color: #FFF; } .post-share-classic a.icon-twitter:hover { background: #499AC8; color: #FFF; } .post-share-classic a.icon-pinterest-circled:hover { background: #BC2D32; color: #FFF; } .post-share-classic a.icon-vkontakte:hover { background: #2BA5CA; color: #FFF; } .post-share-classic a.icon-gplus:hover { background: #D3492C; color: #FFF; } .post-share-classic a.icon-linkedin:hover { background: #02669A; color: #FFF; } .post-share-classic a.icon-tumblr:hover { background: #7A2200; color: #FFF; } .post-share-classic a.icon-digg:hover { background: #222; color: #FFF; } .post-share-classic a.icon-stumbleupon:hover { background: #E06129; color: #FFF; } .post-share-classic a.icon-blogger:hover { background: #F28C67; color: #FFF; } .post-share-classic a.icon-mail:hover { background: #B300D0; color: #FFF; } .post-share-classic a { -webkit-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in; -ms-transition: all 200ms ease-in; -o-transition: all 200ms ease-in; transition: all 200ms ease-in; } .post-share-classic { border-top: 1px solid #eee; padding-top: 18px; } /* # Prev Next Post Navigation # */ .post-nav { position: absolute; left: 0; right: 0; top: 550px; z-index: 2; } .post-nav a { position: absolute; display: block; outline: none; text-align: left; z-index: 2; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background: #FAFAFA; height: 100px; width: 30px; border: 1px solid #EAEAEA; } .post-nav a.prev { left: 0; } .post-nav a.next { right: 0; } .post-nav div { position: absolute; top: 0; width: 200px; height: 100%; background-color: #939a9f; -webkit-transition: -webkit-transform 0.3s 0.3s; -moz-transition: -webkit-transform 0.3s 0.3s; -ms-transition: -webkit-transform 0.3s 0.3s; transition: transform 0.3s 0.3s; -webkit-perspective: 1000px; -moz-perspective: 1000px; -ms-perspective: 1000px; perspective: 1000px; position: fixed; margin-top: -1px; height: 105px; } .post-nav a.prev div { left: 0; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); margin-left: -1px; } .post-nav a.next div { right: 0; text-align: right; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); margin-right: -1px; } .main-wrap.boxed .post-nav a { margin-left: -1px; background: rgba(255, 255, 255, 0.32); border: 1px solid rgba(255, 255, 255, 0.23); } .main-wrap.boxed .post-nav a.next { margin-right: -1px; } .main-wrap.boxed .arrow { color: #FFF; } .post-nav h4 { position: absolute; top: 100%; padding: 5px 9px; width: 100%; height: 26%; background: #AE0000; color: #FFF; text-transform: uppercase; white-space: nowrap; letter-spacing: -0.02em; font-size: 0.75em; line-height: 27px; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -webkit-transform 0.3s; -ms-transition: -webkit-transform 0.3s; transition: transform 0.3s; -webkit-transform: rotateX(-92deg); -moz-transform: rotateX(-92deg); -ms-transform: rotateX(-92deg); transform: rotateX(-92deg); -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0; -webki-backface-visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; font: 400 11px 'Montserrat'; } .post-nav h4 span { overflow: hidden; display: block; } .post-nav span.arrow { -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; } .post-nav a.prev:hover span.arrow { margin-left: -17px; color: #000; } .post-nav a.next:hover span.arrow { margin-left: 22px; color: #000; } .post-nav img { width: 100%; height: 105px; } .post-nav a:hover div { -webkit-transform: translateX(0) !important; -moz-transform: translateX(0) !important; -ms-transform: translateX(0) !important; transform: translateX(0) !important; } .post-nav a:hover h4 { -webkit-transition-delay: 0.6s; -moz-transition-delay: 0.6s; -ms-transition-delay: 0.6s; transition-delay: 0.6s; -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); transform: rotateX(0deg); } .arrow { color: #999; font-size: 12px; line-height: 98px; padding-left: 4px; position: absolute; left: 0; right: 0; overflow: hidden; } /* # Author Box # */ .authorbox img.author-avatar { float: left; width: 12%; min-width: 55px; margin-right: 25px; } .authorbox > div > span { overflow: hidden; line-height: 22px; color: #525252; } .sidebar-position-none .authorbox > div > span { font-size: 14px; line-height: 25px; } .authorbox { margin-bottom: 60px; } .authorbox a.icon-share { color: #D22525; margin-left: 5px; font-size: 13px; float: right; } .author-social { display: none; float: right; margin-top: -2px; } .author-social:before { content: none !important; } .author-social a { padding: 3px 11px; border-radius: 1px; color: #FFF !important; float: left; } .author-social a.icon-facebook { background: #0055C5; } .author-social a.icon-twitter { background: #0FA2EF; } .author-social a.icon-gplus { background: #B60000; } /* # Category & Loops # */ .sub-categories { min-height: 40px; background: #333; overflow: hidden; } .sub-categories section { width: 1140px; margin: 0 auto; line-height: 40px; } .sub-categories section h5 { color: #FFF; float: left; text-transform: uppercase; font-weight: 700; font-family: 'montserrat'; font-size: 12px; width: 17%; margin-right: 95px; letter-spacing: -0.03em; } .sub-categories ul { overflow: hidden; } .sub-categories ul li { margin-right: 6px; padding-right: 6px; display: inline-block; } .sub-categories ul li:after { content: '/'; color: #9B9B9B; padding-left: 12px; font-family: 'montserrat'; font-size: 12px; } .sub-categories ul li:last-child:after { display: none; } .sub-categories ul li a { color: #FFF; font-family: 'open sans'; font-size: 13px; font-weight: 400; } .sub-categories ul li a:hover { text-decoration: underline; } .layout-1 { padding-bottom: 35px; float: left; } .layout-1 img { width: 100%; } .layout-1:nth-last-child(-n+2) { padding-bottom: 0; } .layout-1:nth-of-type(2n+1) { clear: both; } .layout-4 { padding-bottom: 35px; } .layout-3 { padding-bottom: 40px; } .layout-5 .post-overlay div h5 > a { font-size: 16px; } .layout-5 .post-overlay div.wrap { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .layout-5 .post-overlay section { background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 0.69) 86%); height: 59%; } .loop .no-img:nth-of-type(2n+1) { clear: both; } .loop .no-img article { margin-bottom: 4px; padding-bottom: 24px; border-bottom: 1px solid #E6E6E6; } .loop .no-img .post-head time { padding-bottom: 4px; } /* # Layout 2 (big) # */ .loop header.post-classic > span { font-size: 14px; line-height: 24px; color: #666; } .loop header.post-classic > h1 { margin-top: 28px; } /* # Layout 4 (triple) # */ .layout-4:nth-of-type(3n+1) { clear: both; } .layout-1 > ul, .layout-4 > ul, .related-posts-box article > ul { margin-top: 6px; padding-top: 6px; } /* # Paging # */ #paging,#post-pages { margin-bottom: 50px; margin-top: 50px; } #paging a,#paging span,#post-pages a,#post-pages > strong { padding: 3px 9px 4px 9px; background: #F9F9F9; border: 1px solid #DDD; margin-right: 6px; color: #B2B2B2; font-family: 'Montserrat'; font-weight: 700; } #paging .current,#post-pages > strong { color: #FFF; background: #D50404; border-color: #B70000; } #prevnext-pagination > div { padding: 5px 11px; background: #C70000; } #prevnext-pagination > .prev { float: left; } #prevnext-pagination > .next { float: right; } #prevnext-pagination > div > a { color: #FFF; } #prevnext-pagination > .prev > a { padding-left: 15px; } #prevnext-pagination > .next > a { padding-right: 18px; } #prevnext-pagination > .prev > a:before, .content-slider .owl-prev > a:before { content: '\e80d'; font-size: 8px; position: absolute; margin-left: -14px; padding-top: 6px; } #prevnext-pagination > .next > a:after, .content-slider .owl-next > a:after { content: '\e80e'; font-size: 8px; position: absolute; margin-left: 8px; padding-top: 6px; } /* # Load More Button # */ nav#load-more { margin-left: auto; margin-right: auto; margin-top: 60px; margin-bottom: 40px; display: table; height: 70px; } nav.load-more.infinite a { display: none !important; visibility: hidden !important; } #infinite_starter { width: 1px; height: 1px; background: #Fff; display: block; margin-top: 20px; visibility: hidden; opacity: 0; margin-left: auto; margin-right: auto; } nav#prevnext-pagination { margin-top: 60px; margin-bottom: 40px; } nav#load-more a { background: #C70000; color: #FFF; padding: 5px 35px; } /* # Footer # */ .footer { background: #222; border-top: 3px solid #C70000; } .footer.light { background: transparent; border-top: 1px solid #DADADA; } .footer.light h6.heading { color: #444; } .footer.light .bar { background: transparent; border-top: 1px solid #DADADA; } .footer.light .breadcrumbs { border-bottom-color: #e7e7e7; } .footer.light .breadcrumbs ul li a { color: #707070; } .footer.light .breadcrumbs ul li { color: #111; } .footer > .wrap { width: 1140px; margin: 0 auto; } .footer > .wrap > div { float: left; margin-right: 4%; padding-top: 40px; padding-bottom: 40px; } .foo1 > div { width: 100%; } .foo2 > div { width: 48%; } .foo5 > div { width: 30.66666666666667%; } .foo8 > div { width: 22%; } .foo3 #footer-two, .foo4 #footer-one { width: 32%; } .foo3 #footer-one, .foo4 #footer-two { width: 64%; } .foo7 #footer-three,.foo6 #footer-one { width: 46%; } .foo7 > div,.foo6 #footer-two,.foo6 #footer-three { width: 23%; } .foo1 > div, .foo2 #footer-two, .foo3 #footer-two, .foo4 #footer-two, .foo5 #footer-three, .foo6 #footer-three, .foo7 #footer-three, .foo8 #footer-four { margin-right: 0; } .footer > .wrap, .footer > .wrap a { color: #888; font-size: 13px; line-height: 20px; } .footer > .wrap a:hover { color: #FFF; } .footer.light > .wrap a:hover { color: #000; } .footer h6.heading { border-bottom: 0; margin-bottom: 8px; font-family: 'Montserrat'; color: #ddd; letter-spacing: -0.02em; } .footer .widget { margin-bottom: 40px; } .footer > .wrap > div > .widget:last-child { margin-bottom: 0; } .footer .widget li a { text-shadow: none; } /* # Back to Top Button # */ a.back-to-top { position: fixed; right: 60px; bottom: 40px; z-index: 5; width: 37px; height: 32px; color: #FFF !important; background: #C30000; -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -moz-transition-duration: 0s; -o-transition-duration: 0s; font-size: 13px; padding: 1px 4px; text-align: center; border-radius: 2px; display: none; } a.back-to-top i { line-height: 31px; } /* # Footer Below Bar # */ .footer .bar { border-top: 1px solid #333; padding: 15px 0; border-top: 1px solid #2A2A2A; background: rgba(0, 0, 0, 0.15); } .footer .bar > .clear > .left { float: left; } .footer .bar > .clear > .left a:hover { text-decoration: underline; } .footer .bar > .clear > .right { float: right; } .footer .bar > .clear { width: 1140px; color: #777; margin: 0 auto; } .footer .bar a { color: #B50000; } .footer .textwidget span { color: #DBDBDB; } #footer_menu ul li a { padding: 0 7px 0 7px; color: #777; } #footer_menu ul li a:hover { color: #FFF; } .footer.light #footer_menu ul li a:hover { color: #000; } #footer_menu ul li { float: left; } #footer_menu .sub-menu { display: none; } /* # Breadcrumbs # */ .breadcrumbs { display: block; padding: 15px 0; border-bottom: 1px solid #303030; width: 1140px; margin: 0 auto; } .breadcrumbs ul { overflow: hidden; } .breadcrumbs ul li { float: left; padding-right: 8px; display: inline-block; color: #FFF; } .breadcrumbs ul li a { color: #C8C8C8; } .breadcrumbs ul li a:hover { color: #FFF; } .breadcrumbs ul li a:after { content: '\e813'; padding-left: 5px; } .breadcrumbs ul li:last-child a:after { content: none; } span.placeholder { font-family: 'Montserrat'; text-transform: uppercase; margin-right: 26px; color: #FFF; background: #A00000; padding: 2px 6px; font-size: 11px; letter-spacing: -0.02em; border-radius: 3px; margin-top: 1px; float: left; } /* # Sidebar # */ .sidebar { float: right; width: 33.333333333333336%; padding: 0 0 0 32px !important; } .sidebar:before { content: ''; position: absolute; border-left: 1px solid #E7E7E7; margin-left: -32px; height: 100%; } .sticky-sidebar { -webkit-transition: margin .5s; -moz-transition: margin .5s; -ms-transition: margin .5s; transition: margin .5s; } .sidebar, .sidebar a { line-height: 22px; -ms-word-wrap: break-word; word-wrap: break-word; } .sidebar .widget li a { font-size: 13px; } .widget select { width: 100%; } .sidebar .widget, .sidebar .chkw { margin-bottom: 60px; } .widget li { position: relative; line-height: 31px; } .widget li a { text-shadow: 0px 0px 0px rgb(226, 226, 226); } .sidebar .widget li a:before { content: '\e813'; color: #bbb; font-size: 13px; padding-right: 0.5em; } /* # Flickr Widget # */ .widget-flickr .flickr_badge_image { float: left; width: 20%; padding: 1px; max-width: 90px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* # Facebook Widget # */ .widget-facebook iframe { overflow: hidden; width: 100%; height: 240px; } .widget-facebook.stream iframe { height: 350px; } /* # Featured Posts Widget # */ .widget-featured .layout-1, .widget-featured .layout-1:nth-last-child(-n+2) { padding-bottom: 25px; } .widget-featured .layout-1:last-child { padding-bottom: 0; } ul.post-list.widget-post li:first-child { margin-top: 0; padding-top: 0; border-top: 0; } /* # News in Images Widget # */ ul.chk_npics > li { float: left; line-height: 0; padding: 1px; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; } ul.chk_npics > li img { width: 100%; } ul.nim-2col > li { width: 50%; } ul.nim-3col > li { width: 33%; } ul.nim-4col > li { width: 25%; } ul.nim-5col > li { width: 20%; } ul.chk_npics > li .nim_info { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin-left: 1px; margin-right: 1px; } ul.chk_npics > li .nim_overlay { background: #ae0000; opacity: 0; visibility: hidden; position: absolute; left: 0; right: 0; top: 0; bottom: 0; -webkit-transition: 0.35s; -moz-transition: 0.35s; -o-transition: 0.35s; transition: 0.35s; margin-left: 1px; margin-right: 1px; } ul.chk_npics > li .nim_info a { color: #fff; text-align: center; position: relative; z-index: 2; } ul.chk_npics > li:hover .nim_overlay { opacity: 0.7; visibility: visible; } ul.chk_npics > li:hover .nim_title { opacity: 1; visibility: visible; } ul.chk_npics > li .nim_title { margin-top: 20px; display: block; font-size: 11px; line-height: 16px; opacity: 0; padding: 0 8px; } ul.chk_npics > li .nim_img { display: block; background: #AE0000; overflow: hidden; } ul.chk_npics > li .post-categories { color: #FFF; font-size: 11px; -webkit-transform: translate3d(0,50px,0); -moz-transform: translate3d(0,50px,0); -ms-transform: translate3d(0,50px,0); transform: translate3d(0,50px,0); opacity: 0; visibility: hidden; position: absolute; bottom: 0; left: 0; right: 0; -webkit-transition: 0.35s; -moz-transition: 0.35s; -o-transition: 0.35s; transition: 0.35s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 2; } ul.chk_npics > li .post-categories > li { display: none; } ul.chk_npics > li .post-categories > li:first-child { display: block; } ul.chk_npics > li .post-categories a { text-transform: uppercase; font-family: 'montserrat'; font-size: 10px; font-weight: 700; display: block; height: 22px; } ul.chk_npics > li:hover .post-categories { opacity: 1; visibility: visible; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } ul.chk_npics img { -webkit-transition: -webkit-transform 0.35s; -moz-transition: -moz-transform 0.35s; -ms-transition: -ms-transform 0.35s; transition: transform 0.35s; } ul.chk_npics > li:hover img { -webkit-transform: translate3d(0,-22px,0); -moz-transform: translate3d(0,-22px,0); -ms-transform: translate3d(0,-22px,0); transform: translate3d(0,-22px,0); } /* # Categories Widget # */ .widget_categories ul.children { padding-left: 20px; } /* # Calendar Widget # */ td#prev > a,td#next > a { color: #666; } table#wp-calendar tbody tr td > a { font-family: 'Montserrat'; text-transform: uppercase; color: #FFF; background: #A00000; padding: 1px 4px; font-size: 10px; letter-spacing: -0.02em; border-radius: 3px; } #wp-calendar caption { padding: 0 0 3px 0; font-weight: 700; font-family: 'Montserrat'; text-transform: uppercase; font-size: 11px; color: #FFF; background: #A00000; border-bottom: 0; line-height: 25px; letter-spacing: -0.02em; } /* # Slider Widget # */ .slider_box { margin-bottom: 40px; } .widget-slider { overflow: hidden; } .widget-slider .post-overlay section { background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 0.67) 86%); height: 60%; } .widget-slider .owl-controls { margin: 0 auto; text-align: center; } .widget-slider .owl-controls .owl-nav { position: absolute; top: 50%; left: 0; right: 0; margin-top: -27px; } .widget-slider .owl-nav > div { position: absolute; color: #FFF !important; height: 60px; width: 30px; background: rgba(0, 0, 0, 0.6); font-size: 11px !important; line-height: 58px; text-align: center; color: #FFF !important; opacity: 0; visibility: hidden; -webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in; -ms-transition: all .2s ease-in; -moz-transition: all .2s ease-in; -ms-transition: all .2s ease-in; transition: all .2s ease-in; } .widget-slider .owl-nav > div:hover { background: rgba(111, 111, 111, 0.6); } .widget-slider .owl-prev { left: -30px; position: absolute; } .widget-slider .owl-next { right: -30px; position: absolute; } .widget-slider:hover .owl-prev { opacity: 1; visibility: visible; left: 0; } .widget-slider:hover .owl-next { opacity: 1; visibility: visible; right: 0; } .widget-slider .owl-dots { bottom: 0; position: absolute; left: 0; right: 0; } .widget-slider .post-overlay div.wrap > span:before { content: none; } .widget-slider .post-overlay div h5 { margin-bottom: 0; } .widget-slider .post-overlay div h5 > a { font-size: 12px; letter-spacing: -0.01em; font-weight: 700; } .widget-slider.owl-theme .owl-dots .owl-dot:not(.active) span { background: rgba(255, 255, 255, 0.28); } .widget-slider .post-overlay div.wrap span { display: block; font: 400 10px 'Montserrat'; text-transform: uppercase; letter-spacing: -0.01em; color: #CACACA; padding-top: 2px; } .widget-slider .post-overlay div.wrap { bottom: 24px; width: auto; text-align: center; } /* # Widget Featured Posts # */ .footer.dark .post-list .post-head > a { color: #DDD; text-shadow: none; } .footer.dark .post-list > li { border-color: #333; } /* # Widget Comments # */ .widget_recent_comments ul li > a:before { content: none !important; } /* # Widget Search # */ form#searchform p { display: table; border-collapse: separate; width: 100%; } form#searchform p input { width: 100%; } form#searchform p span { cursor: pointer; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -ms-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; } form#searchform p span:hover { background: #E4E4E4; } form#searchform p .inputgr { border-right: 1px solid #CCC; border-left: 0; } /* # 404 Page # */ .notFound404 section { width: 50%; margin: 0 auto; } .notFound404 h4 { text-align: center; font-size: 120px; font-family: 'Montserrat'; letter-spacing: -0.25em; } .notFound404 h4 span:nth-child(1) { position: relative; color: #6F6363; } .notFound404 h4 span:nth-child(2) { color: #C0B8B8; } .notFound404 h4 span:nth-child(3) { color: #6F6363; } .notFound404 section p { font-family: 'Montserrat'; text-transform: uppercase; letter-spacing: -0.03em; text-align: center; font-weight: 700; color: #584E4E; padding-left: 33px; } .notFound404 section > span { padding: 30px 0; display: block; line-height: 25px; font-size: 14px; color: #828282; text-align: center; padding-left: 33px; } ul.homeboxes-cat-select { float: right; } ul.homeboxes-cat-select li { float: left; margin-right: 2px; color: #AEAEAE; padding: 0px 8px; padding-bottom: 10px; margin-bottom: -9px; cursor: pointer; } ul.homeboxes-cat-select li.visible { border-bottom: 1px solid #BA0000; color: #C70000; } /* # Chk Loader # */ @-webkit-keyframes lessOp { 0% { opacity: 1; } 100% { opacity: 0.1; } } @-moz-keyframes lessOp { 0% { opacity: 1; } 100% { opacity: 0.1; } } @-ms-keyframes lessOp { 0% { opacity: 1; } 100% { opacity: 0.1; } } @keyframes lessOp { 0% { opacity: 1; } 100% { opacity: 0.1; } } .lessOp { -webkit-animation: lessOp 0.4s forwards; -moz-animation: lessOp 0.4s forwards; -ms-animation: lessOp 0.4s forwards; } @-webkit-keyframes loading { 0 { opacity: 0.2; } 50% { opacity: 0.9; } 100% { opacity: 0.2; } } @-moz-keyframes loading { 0 { opacity: 0.2; } 50% { opacity: 0.9; } 100% { opacity: 0.2; } } @-ms-keyframes loading { 0 { opacity: 0.2; } 50% { opacity: 0.9; } 100% { opacity: 0.2; } } @keyframes loading { 0 { opacity: 0.2; } 50% { opacity: 0.9; } 100% { opacity: 0.2; } } .chk_loader { margin: 0 auto; width: 42px; height: 42px; line-height: 0; } .homebox .chk_loader, .mega.wrap .chk_loader { position: absolute; top: 45%; width: 54px; height: 54px; left: 0; right: 0; } .load-more .chk_loader { width: 54px; height: 54px; } .mega.wrap .chk_loader { top: 38%; } .chk_loader i { width: 16px; height: 16px; margin-right: 1px; margin-bottom: 1px; -webkit-animation: loading 0.4s infinite; -moz-animation: loading 0.4s infinite; -ms-animation: loading 0.4s infinite; background: #C50000; float: left; opacity: 0; } .results_loading .chk_loader i { width: 13px; height: 13px; } .results_loading .chk_loader i:nth-of-type(4) { margin-right: 15px !important; } .chk_loader i:nth-of-type(4) { margin-right: 18px !important; } .chk_loader i:nth-of-type(1) { -webkit-animation-delay: 0.05s; -moz-animation-delay: 0.05s; -msanimation-delay: 0.05s; animation-delay: 0.05s; } .chk_loader i:nth-of-type(2) { -webkit-animation-delay: 0.10s; -moz-animation-delay: 0.10s; -msanimation-delay: 0.10s; animation-delay: 0.10s; } .chk_loader i:nth-of-type(3) { -webkit-animation-delay: 0.15s; -moz-animation-delay: 0.15s; -msanimation-delay: 0.15s; animation-delay: 0.15s; } .chk_loader i:nth-of-type(5) { -webkit-animation-delay: 0.20s; -moz-animation-delay: 0.20s; -msanimation-delay: 0.20s; animation-delay: 0.20s; } .chk_loader i:nth-of-type(8) { -webkit-animation-delay: 0.25s; -moz-animation-delay: 0.25s; -msanimation-delay: 0.25s; animation-delay: 0.25s; } .chk_loader i:nth-of-type(7) { -webkit-animation-delay: 0.30s; -moz-animation-delay: 0.30s; -msanimation-delay: 0.30s; animation-delay: 0.30s; } .chk_loader i:nth-of-type(6) { -webkit-animation-delay: 0.35s; -moz-animation-delay: 0.35s; -msanimation-delay: 0.35s; animation-delay: 0.35s; } .chk_loader i:nth-of-type(4) { -webkit-animation-delay: 0.40s; -moz-animation-delay: 0.40s; -msanimation-delay: 0.40s; animation-delay: 0.40s; } .header-telefon{ width:1140px; margin:0 auto; } .header-telefon .f-l{ float: left; padding-top: 14px; padding-bottom: 14px; } .header-telefon .f-r{ float: left; padding-top: 14px; padding-bottom: 14px; } .header-telefon h1{ font-size: 16px; }