/*! Theme Name: Adrian Lite Theme URI: http://snc.web.tr/wordpress/themes/adrian Author: SNC Author URI: http://snc.web.tr/ Description: Adrian - Creative Multi-Purpose WordPress Theme Version: 1.0.0 License: GNU General Public License v2 or later License URI: LICENSE Text Domain: adrian-lite Domain Path: /languages Tags: two-columns, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready,left-sidebar,right-sidebar,custom-colors,post-formats,theme-options,threaded-comments,custom-header,blog,portfolio This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. Adrian is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc. Underscores is distributed under the terms of the GNU GPL v2 or later. Normalizing styles have been helped along thanks to the fine work of Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/ */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- # Normalize # Typography # Elements # Forms # Navigation ## Top header ## Main header ## Breadcrumb ## Links ## Menus ## Pagination # Accessibility # Alignments # Clearings # Widgets # Content ## Posts and pages ## Video post format ## Comments ## Footer # Infinite scroll # Media ## Captions ## Galleries # Owl Carousel # Contact Form # Header Templates # Preloader --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Normalize --------------------------------------------------------------*/ html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } /*-------------------------------------------------------------- # Typography --------------------------------------------------------------*/ body, button, input, select, optgroup, textarea { color: #404040; font-size: 16px; font-size: 1rem; line-height: 1.5; font-family: 'Abel', sans-serif; } h1, h2, h3, h4, h5, h6 { clear: both; } p { margin-bottom: 1.5em; } dfn, cite, em, i { font-style: italic; } blockquote { margin: 0 1.5em; } address { margin: 0 0 1.5em; } pre { background: #eee; font-family: "Courier 10 Pitch", Courier, monospace; font-size: 15px; font-size: 0.9375rem; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em; } code, kbd, tt, var { font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; font-size: 15px; font-size: 0.9375rem; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } mark, ins { background: #fff9c0; text-decoration: none; } big { font-size: 125%; } /*-------------------------------------------------------------- # Elements --------------------------------------------------------------*/ html { box-sizing: border-box; } *, *:before, *:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ box-sizing: inherit; } body { background: #fff; /* Fallback for when there is no custom background color defined. */ } hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.5em; } ul, ol { margin: 0 0 1.5em 3em; } ul { list-style: disc; } ol { list-style: decimal; } li > ul, li > ol { margin-bottom: 0; margin-left: 1.5em; } dt { font-weight: bold; } dd { margin: 0 1.5em 1.5em; } img { height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */ } figure { margin: 1em 0; /* Extra wide images within figure tags don't overflow the content area. */ } table { margin: 0 0 1.5em; width: 100%; } /*-------------------------------------------------------------- # Forms --------------------------------------------------------------*/ button, input[type="button"], input[type="reset"], input[type="submit"] { border: 1px solid; border-color: #ccc #ccc #bbb; border-radius: 3px; background: #e6e6e6; color: rgba(0, 0, 0, 0.8); font-size: 12px; font-size: 0.75rem; line-height: 1; padding: .6em 1em .4em; } button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { border-color: #ccc #bbb #aaa; } button:active, button:focus, input[type="button"]:active, input[type="button"]:focus, input[type="reset"]:active, input[type="reset"]:focus, input[type="submit"]:active, input[type="submit"]:focus { border-color: #aaa #bbb #bbb; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea { color: #666; border: 1px solid #ccc; border-radius: 3px; padding: 3px; } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus { color: #111; } select { border: 1px solid #ccc; } textarea { width: 100%; } /*-------------------------------------------------------------- # Navigation --------------------------------------------------------------*/ /* Scroll top */ .scroll-top{ position: fixed; right: 10px; bottom: 10px; background-color: #f6eb14; width: 40px; height: 40px; opacity: 0; transition: all 0.4s ease-in-out 0s; text-align: center; cursor: pointer; z-index: 99; } .scroll-top a { outline: 0!important; height: 40px; width: 40px; line-height: 40px; } .scroll-top i { font-size: 20px; width: 40px; height: 40px; line-height: 40px; color: #fff; } /*-------------------------------------------------------------- ## Top header --------------------------------------------------------------*/ .top-header { background: #000; font-size: 14px; height: 65px; line-height: 65px; } .top-header .contact ul { margin: 0; padding: 0; list-style-type: none; } .top-header .contact ul li { display: inline; } .top-header .contact ul li a { color: #fff; padding-left: 5px; margin-right: 20px; } .top-header .contact ul li a i { padding-right: 5px; } .top-header .social-links ul { margin: 0; padding: 0; list-style-type: none; } .top-header .social-links ul li { display: inline; } .top-header .social-links ul li a { color: #fff; } @media screen and (max-width:767px) { .top-header .contact span{ display: none; } .top-header .contact ul li a { padding-left: 5px; margin-right: 0px; } } /*-------------------------------------------------------------- ## Main header --------------------------------------------------------------*/ #site-navigation { position: relative; z-index: 9998; } .main-header { width:100%; z-index: 99999; background: rgba(255, 255, 255, 0.58); height: 100px; -webkit-transition: height 0.3s; -moz-transition: height 0.3s; transition: height 0.3s; } .main-header .site-logo { outline: 0; height: 100px; line-height: 100px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .main-header .site-logo img{ min-width: 150px; min-height: 65px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease } .main-header.shrink .site-logo img{ width: 80%; height: 80%; } .main-header.shrink .site-logo{ height: 80px; line-height: 80px; } .main-header .site-title { line-height: 100px; margin-bottom: 0px; margin-top: 0px; height: 100px; } .main-header .site-title a { color: #000; border: solid 2px #f6eb14; padding-right: 20px; padding-left: 20px; text-decoration: none!important; font-size: 43px; font-weight:normal; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; outline: 0; } .main-header.shrink .site-title { line-height: 80px; } .main-header.shrink .site-title a { font-size:30px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .main-header.shrink { top:0px; height: 80px; } @media screen and (max-width:767px) { .site-branding { text-align: center; } } /* Search box */ .main-header.shrink .top-search-box { height: 80px; } .main-header.shrink .top-search-box > i { line-height: 80px; } .menu-right-area { padding: 0px!important; } .top-search-box { position: relative; display: inline-block; height: 100px; padding: 0; margin: 0; max-width: 67px; -webkit-transition: height 0.3s; -moz-transition: height 0.3s; transition: height 0.3s; } .top-search-box > i { line-height: 100px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; cursor: pointer; } @media screen and (min-width:992px) { .top-search-box > i { padding-right: 15px; } } .top-search-box form#searchform { position: absolute; z-index: 999998; right: 0px; height: 69px; display: none; } .top-search-box form#searchform input { height: 38px; width: 250px; border: solid 2px #333; padding: 10px; border-radius: 40px!important; background: none; outline: none; } .top-search-box form#searchform button,.top-search-box form#searchform button:hover { display: inline-block; background: none; outline: 0; border: 0; margin-top: -35px; float: right; padding-right: 15px; } @media screen and (max-width:767px) { .top-search-box { display: none; } } @media screen and (max-width:992px) { .top-search-box { max-width: 35px; padding-left: 0px !important; } } /*-------------------------------------------------------------- ## Breadcrumb --------------------------------------------------------------*/ .breadcrumb { padding: 0 !important; margin: 0 !important; border-radius: 0!important; } .breadcrumb ul#crumbs{ line-height: 100px; padding: 0px !important; margin: 0px !important; font-size: 15px; } .breadcrumb ul#crumbs li{ list-style: none; display: inline; padding-right: 5px; } .breadcrumb ul#crumbs a,.breadcrumb ul#crumbs a:visited,.breadcrumb ul#crumbs a:hover{ text-decoration: none; color:#000; outline: 0; border: 0; } .breadcrumb ul#crumbs span.current{ color:#8c8c8c; font-style: italic; font-size: 14px; } @media screen and (max-width:767px) { .breadcrumb { /*margin-top: 50px!important;*/ padding-bottom: 10px!important; padding-top: 10px!important; } .breadcrumb ul#crumbs{ line-height: 20px; font-size: 14px; } } /*-------------------------------------------------------------- ## Links --------------------------------------------------------------*/ a { color:#607d8b; } a:visited { color:#607d8b; } a:hover, a:focus, a:active { color:#607d8b; } a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; } /*-------------------------------------------------------------- ## Menus --------------------------------------------------------------*/ .mega-menu-toggle{ position: relative; z-index: 99999; } #mega-menu-primary { z-index: 999; } @media screen and (min-width:767px) { #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-blog #mega-menu-blog > li.mega-menu-item > a.mega-menu-link{ -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .main-header.shrink #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link, .main-header.shrink #mega-menu-wrap-blog #mega-menu-blog > li.mega-menu-item > a.mega-menu-link{ height: 80px; line-height: 80px; } ul.mega-sub-menu a.mega-menu-link{ -webkit-transition: all 0.3s!important; -moz-transition: all 0.3s!important; transition: all 0.3s!important; } ul.mega-sub-menu li:hover > a.mega-menu-link{ padding-left: 15px!important; } } .site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation { margin: 0 0 1.5em; overflow: hidden; } .comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous { float: left; width: 50%; } .comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next { float: right; text-align: right; width: 50%; } /*-------------------------------------------------------------- ## Pagination --------------------------------------------------------------*/ nav.navigation.pagination { position: relative; display: inline-block; width: 100%; font-size: 13px; margin-top: 30px; margin-bottom: 30px; } nav.navigation.pagination .nav-links { position: absolute; right: 0px; } nav.navigation.pagination .nav-links a.page-numbers { padding-right: 10px; padding-left: 10px; padding-top: 5px; padding-bottom: 5px; border: solid 1px #000; text-decoration: none; color: #000; } nav.navigation.pagination .nav-links span.page-numbers.current { padding-right: 10px; padding-left: 10px; padding-top: 5px; padding-bottom: 5px; border: solid 2px #f6eb14; text-decoration: none; color: #000; } .post-navigation-links{ position: relative; display: inline-block; width: 100%; font-size: 15px; margin-bottom: 20px; } .post-navigation-links .left{ position: absolute; left: 0px; } .post-navigation-links .right{ position: absolute; right: 0px; } .post-navigation-links a, .post-navigation-links a:hover{ text-decoration: none; color:#000; } /*-------------------------------------------------------------- # Accessibility --------------------------------------------------------------*/ /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */ } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /* Do not show the outline on the skip link target. */ #content[tabindex="-1"]:focus { outline: 0; } /*-------------------------------------------------------------- # Alignments --------------------------------------------------------------*/ .alignleft { display: inline; float: left; margin-right: 1.5em; } .alignright { display: inline; float: right; margin-left: 1.5em; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } /*-------------------------------------------------------------- # Clearings --------------------------------------------------------------*/ .clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after { content: ""; display: table; table-layout: fixed; } .clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after { clear: both; } /*-------------------------------------------------------------- # Widgets --------------------------------------------------------------*/ section.widget{ margin-bottom: 50px; } .widget-title { font-size: 20px; padding-bottom: 10px; margin-top: 0px; } h2.widget-title::after { position: absolute; content: ''; width: 100px; height: 3px; background: #f6eb14; margin-top: 11px; margin-left: -3px; } .widget_search form#searchform input { height: 38px; width: 100%; border: solid 2px #333; padding: 10px; border-radius: 40px; background: none; outline: none; } .widget_search form#searchform button,.top-search-box form#searchform button:hover { display: inline-block; background: none; outline: 0; border: 0; margin-top: -35px; float: right; padding-right: 15px; } .widget { margin: 0 0 1.5em; /* Make sure select elements fit in widgets. */ } .widget select { width: 100%; padding: 2px; border-radius: 40px; height: 35px; border: solid 2px #000; outline: 0; font-size: 15px; color:#000; } .widget ul{ padding-left:5px; margin: 0px; list-style: none; } .widget ul li{ line-height: 40px; } .widget ul li a::after { position: absolute; content: ''; width: 100%; height: 1px; background: #e7e6e6;; left: 20px; margin-top: 40px; } .widget ul li::before { position: absolute; content: '\f105'; font-family: fontawesome; color: #000; } .widget ul li a, .widget ul li a:hover, .widget ul li a:active{ font-size: 15px; padding-left: 20px; color: #000; text-decoration: none; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; outline: 0; } .widget ul li:hover > a{ padding-left: 25px; } .widget .tag-cloud-link { font-size: 15px !important; color: #000; border: solid 2px #f6eb14; padding-left: 10px; padding-right: 10px; padding-top: 2px; padding-bottom: 2px; text-decoration: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; display: inline-block; margin-bottom: 5px; } .widget .tag-cloud-link:hover { color: #fff; background: #f6eb14; border: solid 2px #f6eb14; text-decoration: none; } .widget .tagcloud { padding-top: 15px; } .widget form#searchform { padding-top: 15px; } .widget div#sb_instagram { padding-top: 15px; } #wp-calendar { width:100%; font-size:14px; font-weight:300; border-collapse:separate; border-spacing:8px; margin-left:-15px; } #wp-calendar caption { display:none; } #wp-calendar tbody td { margin-bottom:10px; text-align:center; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; -o-border-radius:2px; border-radius:2px; border:1px solid #f4f4f4; padding:6px; } #wp-calendar tbody td:hover { border-color:#e2e2e2; } #wp-calendar tbody td.pad { border:0; } #wp-calendar tbody td#today { color:#f6eb14; border-color:#f6eb14; } #wp-calendar tfoot td#prev a,#wp-calendar tfoot td#next a { color:#888; font-size:12px; font-weight:400; position:relative; text-transform:uppercase; bottom:-9px; margin-bottom:1px; } #wp-calendar tfoot td#prev { text-align:left; } #wp-calendar tfoot td#next { text-align:right; } #wp-calendar thead th { font-size:13px; font-weight:400; color:#888; text-align:center; padding-bottom:10px; } #wp-calendar tbody td a,#wp-calendar tfoot td#prev a:hover,#wp-calendar tfoot td#next a:hover { color:#f6eb14; } a.rsswidget, a.rsswidget:hover { color:#f6eb14; } .widget div#sb_instagram{ padding-top: 0px; } /*-------------------------------------------------------------- # Content --------------------------------------------------------------*/ #page { overflow-x: hidden; } .site-content{ margin-top:20px; margin-bottom: 60px; } @media screen and (max-width:767px) { header#masthead{ margin-bottom: 45px; } } /*-------------------------------------------------------------- ## Posts and pages --------------------------------------------------------------*/ article.post { border-bottom: solid 1px #f7f7f7; padding-bottom: 10px; } .post-image { max-width: 768px; max-height: 381px; position: relative; overflow: hidden; } .comment-box { position: absolute; top: 0px; z-index: 99; background: #f6eb14; width: 60px; height: 65px; text-align: center; padding: 5px 5px 5px 5px; display: inline-table; } .comment-box .number { font-size: 29px; display: inline-block; color: white; position: relative; width: 100%; margin: 0; line-height: 30px; } .comment-box span { font-size: 12px; color: #fff; display: inline-block; line-height: 30px; } .entry-title { max-width: 725px; } .entry-title a,.entry-title a:hover,.entry-title a:active,.entry-title a:focus{ font-weight: bold; color: #333; margin-top: 15px; display: inline-block; text-decoration: none; outline: 0; } .entry-title a::after { position: absolute; content: ''; width: 100px; height: 3px; background: #f6eb14; margin-top: 23px; margin-left: -3px; } .jet-posts .entry-title a::after{ display: none; } .entry-meta { padding-top: 10px; } .entry-meta span { padding-right: 5px; } .entry-meta span i { padding-right: 5px; } .entry-meta span a{ color: #333; outline: 0; text-decoration: none; } .entry-meta span a:hover,.entry-meta span a:active{ color: #f6eb14; outline: 0; } .entry-content blockquote { padding: 20px 30px; border-left: 4px solid #f6eb14; background: #f7f6f6; margin-left: 50px; margin-right: 10px; } .entry-content p a{ color: #f6eb14; } .entry-footer span { padding-left: 5px; } .entry-footer i { padding-right: 5px; } .entry-footer a { color: #333; outline: 0; text-decoration: none; } .entry-footer a:hover { color: #f6eb14; outline: 0; text-decoration: none; } .read-more{ width:120px; height:40px; border:2px solid #f6eb14; text-align:center; cursor:pointer; position:relative; box-sizing:border-box; overflow:hidden; display: inline-block; margin-top: 20px; margin-bottom: 20px; } .read-more a,.read-more a:focus{ width:120px; height:40px; font-size:17px; color:#000; text-decoration:none; line-height:37px; transition:all .1s ease; -webkit-transition: all 0.1s ease; z-index:2; position:relative; display: inline-block; } .read-more a:hover { line-height:37px; color: #fff; text-decoration: none; } .read-more a::after{ content: ""; width: 0px; left: 0; top: 0; height: 100%; position: absolute; background: #f6eb14; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; z-index: -1; } .read-more:hover a::after{ width: 100%; } .about-author { position: relative; margin-top: 30px; margin-bottom: 30px; } .about-author span.title { font-size: 20px; } .about-author a, .about-author a:hover{ display: inline; color: #333; text-decoration: none; } .about-author a::after { position: absolute; content: ''; width: 100px; height: 3px; background: #f6eb14; top: 12px; margin-left: -3px; } .about-author .content{ margin-top: 30px; font-size: 15px; } .about-author img { border-radius: 50%; } .related-posts{ position: relative; margin-top: 60px; } .related-posts span.title { font-size: 20px; } .related-posts span.title::after { position: absolute; content: ''; width: 100px; height: 3px; background: #f6eb14; top: 10px; margin-left: -3px; } .related-posts .posts { margin-top: 30px; margin-left: 0px; margin-right: 0px; } .related-posts .posts .post { width: 100%; padding-right: 5px; padding-left: 0px; } .related-posts .posts .post .img-container { max-height: 125px; overflow: hidden; } .related-posts .posts .post .content { position: relative; } .related-posts .posts .post .content a.title, .related-posts .posts .post .content a.title:hover{ display: block; font-size: 15px; font-weight: bold; margin-top: 5px; line-height: 18px; } .related-posts .posts .post .content a, .related-posts .posts .post .content a:hover{ display: inline; font-size: 12px; color: #000; } .related-posts .owl-buttons i { font-size: 20px; text-align: center; line-height: 30px; color: #fff; } .related-posts .owl-prev, .related-posts .owl-next { margin-top: -40px; width: 30px; height: 30px; } .related-posts .owl-prev, .related-posts .owl-next { background-color: #333; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; display: none; } .related-posts:hover .owl-prev, .related-posts:hover .owl-next{ display: block; } .related-posts .owl-next { right: 3px; } @media screen and (max-width:767px) { .related-posts .owl-next { right: 5px; } .related-posts .posts .post .img-container { max-height: 150px; overflow: hidden; } } .sticky { display: block; } .hentry { margin: 0 0 1.5em; } .updated:not(.published) { display: none; } .page-content, .entry-content, .entry-summary { margin: 1.5em 0 0; } .page-links { display: inline-block; font-size: 14px; margin-bottom: 20px; margin-top: 20px; } .page-links a,.page-links a:hover,.page-links a:active,.page-links a:focus{ padding-right: 10px; padding-left: 10px; padding-top: 5px; padding-bottom: 5px; border: solid 1px #000; text-decoration: none; color: #000; } .posted-on a .entry-date{ padding-right:10px; } .cat-links a{ padding-right:10px; } .comments-link a{ padding-right:10px; } .page-content form#searchform { margin-top: 50px; } .page-content form#searchform input { height: 38px; width: 100%; border: solid 2px #333; padding: 10px; border-radius: 40px; background: none; outline: none; } .page-content form#searchform button { display: inline-block; background: none; outline: 0; border: 0; margin-top: -35px; float: right; padding-right: 15px; } /*-------------------------------------------------------------- ## Video post format ---------------------------------------------------------------*/ .post-video { max-width: 768px; max-height: 381px; position: relative; overflow: hidden; } .format-video{ padding: 0!important; max-width: 768px; display: inline-block; } .format-video p iframe{ width:100%; height:381px; margin:0!important; } .format-video .entry-content p iframe{ display: none; } /*---------------------------------------------------------------- ## Gallery post format ------------------------------------------------------------------*/ .post-gallery{ max-width: 768px; max-height: 481px; position: relative; overflow: hidden; } .post-gallery .owl-buttons i { font-size: 28px; text-align: center; line-height: 46px; color: #fff; } .post-gallery .owl-pagination { position: relative; bottom: 60px; } .post-gallery .owl-page span { margin: 2px!important; } .post-gallery .owl-prev, .post-gallery .owl-next { background-color: #333; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; } .entry-content .gallery, .post-gallery .gallery-caption{ display: none!important; } @media screen and (max-width:767px) { .post-gallery .owl-pagination { bottom: 30px; } } /*-------------------------------------------------------------- ## Comments --------------------------------------------------------------*/ .comments-area{ margin-top:60px; } h2.comments-title { position: relative; font-size: 20px; } h2.comments-title::after { position: absolute; content: ''; width: 100px; height: 3px; background: #f6eb14; top: 11px; margin-left: -3px; } h3.comment-reply-title{ position: relative; font-size: 20px; } h3.comment-reply-title::after { position: absolute; content: ''; width: 100px; height: 3px; background: #f6eb14; top: 12px; margin-left: -3px; } ul.comment-list { padding: 0; margin: 0; list-style-type: none; } ul.comment-list ul.children { margin-left: 0px; list-style-type: none; border-left: dashed 1px #f6eb14; } .author.vcard.row { margin-top: 30px; } .author.vcard .img img { border-radius: 50%; } .author.vcard .comment p { padding-top: 10px; font-size: 15px; } .comment-body .reply{ display: inline; } .comment-body .reply a { color: #f6eb14 } a#cancel-comment-reply-link { font-size: 13px; color: #f6eb14; display: block; margin-top: 5px; } div#respond { margin-top: 60px; } p.comment-notes { margin-top: 30px; margin-bottom: 30px; } .comment-form .form-group { padding: 0!important; padding-right: 5px!important; } .comment-form textarea, .comment-form input { border-radius: 0!important; outline: none; } .comment-form textarea { min-height: 200px; margin-bottom: 30px; } .comment-form input { min-height: 40px; } .comment-content a { word-wrap: break-word; } .comment-form p.form-submit .btn-default { width: 137px; height: 41px; border: solid 2px #f6eb14; background: none; padding: 5px; font-size: 15px; color: #000; margin-top: 10px; line-height: 20px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .comment-form p.form-submit .btn-default:hover{ color: #fff; background: #f6eb14; } .bypostauthor { display: block; } p.logged-in-as a { color: #000; } /*-------------------------------------------------------------- ## Footer --------------------------------------------------------------*/ .site-footer { background: #131212; padding-top: 50px; color: #fff; } .site-footer .row{ margin-bottom: 60px; } h1.footer-widget-title { font-size: 45px; color: #f6eb14; text-transform: uppercase; padding-bottom: 33px; } .footer-widget p.info { color: #fff; font-size: 17px; } h2.footer-widget-title { color: #fff; padding-bottom: 56px; } .footer-widget ul.social-links { padding: 0; margin: 0; list-style-type: none; } .footer-widget ul.social-links li { display: inline-block; background: #f6eb14; width: 30px; height: 30px; text-align: center; line-height: 34px; } .footer-widget ul.social-links li a { color: #fff; line-height: 30px; font-size: 20px; } .footer-widget ul.social-links li a::after { display: none; } h2.footer-widget-title::after { position: absolute; content: ''; width: 100px; height: 3px; background: #f6eb14; top: 70px; left: 15px; } .footer-widget ul.contact { padding: 0; margin: 0; } .footer-widget ul.contact li { list-style: none; padding-bottom: 15px; line-height: 30px; } .footer-widget ul.contact li i { font-size: 20px; color: #f6eb14; width: 20px; } .footer-widget ul.contact li span { font-size: 14px; color: #fff; padding-left: 15px; } .footer-widget ul.contact li::before, .footer-widget ul.social-links li::before{ display: none!important; } .footer-widget ul.social-links li a{ padding-left: 0px!important; } .footer-widget .ctf-tweet-actions a { color: #fff !important; } .footer-widget .ctf-tweets { margin-top: -15px; } .footer-widget ul li a::after { position: absolute; content: ''; width: 85%; height: 1px; background: rgba(0, 0, 0, 0.32); left: 20px; margin-top: 40px; } .site-info { line-height: 60px; background: #171616; text-align: center; color: #fff; font-size: 14px; height: 60px; } .site-info a, .site-info a:hover { color: #ccc; } @media screen and (max-width:767px) { .site-info { font-size: 12px; height: 60px; line-height: 17px; padding-top: 15px; } } @media screen and (max-width:332px) { .site-info { font-size: 10px; } } .site-footer .widget_search { color:#fff; } .site-footer .widget_search #searchform input,.site-footer .widget_search #searchform button { border-color: #fff; color: #fff; } .site-footer .widget ul li { border: none; } .site-footer .widget ul li::before { color: #fff; } .site-footer .widget .tag-cloud-link{ color:#fff; } .site-footer .widget ul li a { color: #fff; } .site-footer .owl-prev, .site-footer .owl-next { background-color: #000; } .site-footer .owl-prev i, .site-footer .owl-next i{ font-size: 25px; line-height: 48px; } .site-footer .widget .tagcloud { padding-top: 0px!important; } /*-------------------------------------------------------------- # Infinite scroll --------------------------------------------------------------*/ /* Globally hidden elements when Infinite Scroll is supported and in use. */ .infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */ display: none; } /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */ .infinity-end.neverending .site-footer { display: block; } /*-------------------------------------------------------------- # Media --------------------------------------------------------------*/ .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } /* Make sure embeds and iframes fit their containers. */ embed, iframe, object { max-width: 100%; } /* Make sure logo link wraps around logo image. */ .custom-logo-link { display: inline-block; } /*-------------------------------------------------------------- ## Captions --------------------------------------------------------------*/ .wp-caption { margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } .wp-caption-text { text-align: center; } /*---------------------------------------------------------------- # Owl Carousel ------------------------------------------------------------------*/ .owl-item img { width: 100%; height: auto; display: block; } .owl-prev, .owl-next { position: absolute; top: 50%; margin-top: -50px; width: 50px; height: 50px; text-align: center; background-color: #fff; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; } .owl-prev:hover, .owl-next:hover { filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; } .owl-next { right: 0px; } .owl-controls { text-align: center; } .owl-controls .owl-page { display: inline-block; } .owl-controls .owl-page span { background-color: #333; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; display: block; height: 12px; margin: 5px 7px; width: 12px; filter: Alpha(Opacity=500);/*IE7 fix*/ opacity: 0.5; } .owl-controls .owl-page.active span, .owl-controls .owl-page:hover span { filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; } /*-------------------------------------------------------------- # Contact Form --------------------------------------------------------------*/ .wpcf7 .wpcf7-form-control-wrap input{ width:100%; } section#contact form input, section#contact form textarea { background: none; margin-bottom: 20px; padding-top: 10px; padding-bottom: 10px; color: #fff; max-width: 100%; } section#contact form input[type=submit]{ min-width: 100px; min-height: 40px; background: #f6eb14!important; outline: 0; border-radius: 0; border: none; font-size: 15px; color: #000; } /*---------------------------------------------------------------- # Header Templates ------------------------------------------------------------------*/ header#absolute{ position: absolute; z-index: 1; width: 100%; } header#fixed{ position: fixed; z-index: 1; width: 100%; } header#relative{ position: relative; z-index: 1; width: 100%; } /*---------------------------------------------------------------- # Preloader ------------------------------------------------------------------*/ #preloader { position: fixed; left: 0; top: 0; z-index: 9999; width: 100%; height: 100%; overflow: visible; background: #fff; display: flex; justify-content: center; align-items: center; } #preloader img { max-width: 100px; max-height: 100px; }