/* Theme Name: Astori Theme URI: https://themesinfo.com/free-wordpress-themes/astori-free-wordpress-theme Author: Themesinfo.com Author URI: https://themesinfo.com Description: Astori is a responsive, fast, fully customizable, RTL & translation ready and clean WordPress Theme well suited for creative business, small businesses (restaurants, wedding planners, sport/medical shops), startups, corporate businesses, online agencies and firms, travel, health, finance, design, magazine, art, personal and any other creative websites and blogs. Perfect theme for your project. It has a multipurpose one-page design, landingpage. Work with the most popular page builders as Divi, Elementor, Beaver Builder, Visual Composer etc... Astori is a free WordPress theme with premium functionality and design. Version: 1.0.0 License: GNU General Public License v2 or later License URI: LICENSE Text Domain: astori Tags: custom-background, custom-logo, custom-menu, threaded-comments, translation-ready, one-column, two-columns, three-columns, left-sidebar, right-sidebar, featured-images, full-width-template, rtl-language-support, theme-options, sticky-post, custom-colors, editor-style, post-formats, blog, news, buddypress */ /* # WARNING This file is part of the core Genesis Framework. DO NOT edit this file under any circumstances. Please do all modifications in the form of a child theme. Copy the contents of this file to the child theme. Do not use @import, as the CSS included with Genesis might change in the future. */ /* # Table of Contents - HTML5 Reset - Baseline Normalize - Box Sizing - Float Clearing - Defaults - Typographical Elements - Headings - Objects - Gallery - Forms - Tables - Screen Reader Text - Structure and Layout - Site Containers - Column Widths and Positions - Common Classes - Avatar - Genesis - Search Form - Titles - WordPress - Widgets - Featured Content - Plugins - Genesis eNews Extended - Jetpack - Skip Links - Site Header - Title Area - Widget Area - Site Navigation - Accessible Menu - Site Header Navigation - Primary and Secondary Navigation - Content Area - Entries - Entry Meta - Pagination - Comments - Sidebars - Site Footer - Media Queries - Max-width: 1280px - Max-width: 1023px - Max-width: 880px - Print Styles */ /* # HTML5 Reset ---------------------------------------------------------------------------------------------------- */ /* ## Baseline Normalize --------------------------------------------- */ /* normalize.css v7.0.0 | MIT License | https://necolas.github.io/normalize.css/ */ html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none} /* ## Box Sizing --------------------------------------------- */ html, input[type="search"] { box-sizing: border-box; } *, *::before, *::after { box-sizing: inherit; } /* ## Float Clearing --------------------------------------------- */ .author-box::before, .clearfix::before, .entry::before, .entry-content::before, .nav-primary::before, .nav-secondary::before, .pagination::before, .site-container::before, .site-footer::before, .site-header::before, .site-inner::before, .widget::before, .wrap::before { content: " "; display: table; } .author-box::after, .clearfix::after, .entry::after, .entry-content::after, .nav-primary::after, .nav-secondary::after, .pagination::after, .site-container::after, .site-footer::after, .site-header::after, .site-inner::after, .widget::after, .wrap::after { clear: both; content: " "; display: table; } /* # Defaults ---------------------------------------------------------------------------------------------------- */ /* ## Typographical Elements --------------------------------------------- */ html { font-size: 62.5%; /* 10px browser default */ } /* Chrome fix */ body > div { font-size: 1.8rem; } body { background-color: #fff; color: #333; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size: 18px; font-size: 1.8rem; font-weight: 400; line-height: 1.625; margin: 0; } a, button, input:focus, input[type="button"], input[type="reset"], input[type="submit"], textarea:focus, .button, .gallery img { -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } a { color: #c3251d; text-decoration: underline; } a:hover, a:focus { color: #333; text-decoration: none; } p { margin: 0 0 28px; padding: 0; } ol, ul { margin: 0; padding: 0; } li { list-style-type: none; } hr { border: 0; border-collapse: collapse; border-top: 1px solid #ddd; clear: both; margin: 1em 0; } b, strong { font-weight: 700; } blockquote, cite, em, i { font-style: italic; } blockquote { margin: 40px; } blockquote::before { content: "\201C"; display: block; font-size: 30px; height: 0; left: -20px; position: relative; top: -10px; } /* ## Headings --------------------------------------------- */ h1, h2, h3, h4, h5, h6 { font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-weight: 700; line-height: 1.2; margin: 0 0 10px; } h1 { font-size: 36px; font-size: 3.6rem; } h2 { font-size: 30px; font-size: 3rem; } h3 { font-size: 24px; font-size: 2.4rem; } h4 { font-size: 20px; font-size: 2rem; } h5 { font-size: 18px; font-size: 1.8rem; } h6 { font-size: 16px; font-size: 1.6rem; } /* ## Objects --------------------------------------------- */ embed, iframe, img, object, video, .wp-caption { max-width: 100%; } img { height: auto; } /* ## Gallery --------------------------------------------- */ .gallery { overflow: hidden; } .gallery-item { float: left; margin: 0 0 28px; text-align: center; } .gallery-columns-2 .gallery-item { width: 50%; } .gallery-columns-3 .gallery-item { width: 33%; } .gallery-columns-4 .gallery-item { width: 25%; } .gallery-columns-5 .gallery-item { width: 20%; } .gallery-columns-6 .gallery-item { width: 16.6666%; } .gallery-columns-7 .gallery-item { width: 14.2857%; } .gallery-columns-8 .gallery-item { width: 12.5%; } .gallery-columns-9 .gallery-item { width: 11.1111%; } .gallery img { border: 1px solid #ddd; height: auto; padding: 4px; } .gallery img:hover, .gallery img:focus { border: 1px solid #999; } /* ## Forms --------------------------------------------- */ input, select, textarea { background-color: #fff; border: 1px solid #ddd; color: #333; font-size: 18px; font-size: 1.8rem; font-weight: 400; padding: 16px; width: 100%; } input:focus, textarea:focus { border: 1px solid #999; outline: none; } input[type="checkbox"], input[type="image"], input[type="radio"] { width: auto; } ::-moz-placeholder { color: #333; opacity: 1; } ::-webkit-input-placeholder { color: #333; } button, input[type="button"], input[type="reset"], input[type="submit"], .button { background-color: #333; border: 0; color: #fff; cursor: pointer; font-size: 16px; font-size: 1.6rem; font-weight: 700; padding: 16px 24px; width: auto; } button:hover, input:hover[type="button"], input:hover[type="reset"], input:hover[type="submit"], .button:hover, button:focus, input:focus[type="button"], input:focus[type="reset"], input:focus[type="submit"], .button:focus { background-color: #c3251d; color: #fff; } .entry-content .button:hover, .entry-content .button:focus { color: #fff; } .button { display: inline-block; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button { display: none; } /* ## Tables --------------------------------------------- */ table { border-collapse: collapse; border-spacing: 0; line-height: 2; margin-bottom: 40px; width: 100%; } tbody { border-bottom: 1px solid #ddd; } td, th { text-align: left; } td { border-top: 1px solid #ddd; padding: 6px 0; } th { font-weight: 400; } /* ## Screen Reader Text --------------------------------------------- */ .screen-reader-text, .screen-reader-text span, .screen-reader-shortcut { position: absolute !important; clip: rect(0, 0, 0, 0); height: 1px; width: 1px; border: 0; overflow: hidden; word-wrap: normal !important; } .screen-reader-text:focus, .screen-reader-shortcut:focus, .genesis-nav-menu .search input[type="submit"]:focus, .widget_search input[type="submit"]:focus { clip: auto !important; height: auto; width: auto; display: block; font-size: 1em; font-weight: bold; padding: 15px 23px 14px; color: #333; background: #fff; z-index: 100000; /* Above WP toolbar. */ text-decoration: none; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); } .more-link { position: relative; } /* # Structure and Layout ---------------------------------------------------------------------------------------------------- */ /* ## Site Containers --------------------------------------------- */ .site-inner, .wrap { margin: 0 auto; max-width: 1200px; } .site-inner { clear: both; padding-top: 60px; } /* ## Column Widths and Positions --------------------------------------------- */ /* ### Wrapping div for .content and .sidebar-primary */ .content-sidebar-sidebar .content-sidebar-wrap, .sidebar-content-sidebar .content-sidebar-wrap, .sidebar-sidebar-content .content-sidebar-wrap { width: 980px; } .content-sidebar-sidebar .content-sidebar-wrap { float: left; } .sidebar-content-sidebar .content-sidebar-wrap, .sidebar-sidebar-content .content-sidebar-wrap { float: right; } /* ### Content */ .content { float: right; width: 780px; } .content-sidebar .content, .content-sidebar-sidebar .content, .sidebar-content-sidebar .content { float: left; } .content-sidebar-sidebar .content, .sidebar-content-sidebar .content, .sidebar-sidebar-content .content { width: 580px; } .full-width-content .content { width: 100%; } /* ### Primary Sidebar */ .sidebar-primary { float: right; width: 360px; } .sidebar-content .sidebar-primary, .sidebar-sidebar-content .sidebar-primary { float: left; } /* ### Secondary Sidebar */ .sidebar-secondary { float: left; width: 180px; } .content-sidebar-sidebar .sidebar-secondary { float: right; } /* # Common Classes ---------------------------------------------------------------------------------------------------- */ /* ## Avatar --------------------------------------------- */ .avatar { float: left; } .alignleft .avatar, .author-box .avatar { margin-right: 24px; } .alignright .avatar { margin-left: 24px; } .comment .avatar { margin: 0 16px 24px 0; } /* ## Genesis --------------------------------------------- */ .breadcrumb { margin-bottom: 40px; } .archive-description, .author-box { margin-bottom: 60px; } .archive-description p:last-child, .author-box p:last-child { margin-bottom: 0; } /* ## Search Form --------------------------------------------- */ .search-form { overflow: hidden; } .site-header .search-form { float: right; margin-top: 12px; } .entry-content .search-form, .site-header .search-form { width: 50%; } .genesis-nav-menu .search input[type="submit"], .widget_search input[type="submit"] { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; padding: 0; position: absolute; width: 1px; } /* ## Titles --------------------------------------------- */ .author-box-title, .archive-title { font-size: 20px; font-size: 2rem; } .entry-title { font-size: 36px; font-size: 3.6rem; } .entry-title a, .sidebar .widget-title a { color: #333; } .entry-title a:hover, .entry-title a:focus { color: #c3251d; } .widget-title { margin-bottom: 20px; } /* ## WordPress --------------------------------------------- */ a.aligncenter img { display: block; margin: 0 auto; } a.alignnone { display: inline-block; } .alignleft { float: left; text-align: left; } .alignright { float: right; text-align: right; } a.alignleft, a.alignnone, a.alignright { max-width: 100%; } img.centered, .aligncenter { display: block; margin: 0 auto 24px; } img.alignnone, .alignnone { margin-bottom: 12px; } a.alignleft, img.alignleft, .wp-caption.alignleft { margin: 0 24px 24px 0; } a.alignright, img.alignright, .wp-caption.alignright { margin: 0 0 24px 24px; } .wp-caption-text { font-size: 14px; font-size: 1.4rem; font-weight: 700; text-align: center; } .entry-content p.wp-caption-text { margin-bottom: 0; } .entry-content .wp-audio-shortcode, .entry-content .wp-playlist, .entry-content .wp-video { margin: 0 0 28px; } /* # Widgets ---------------------------------------------------------------------------------------------------- */ .widget { word-wrap: break-word; } .widget ol > li { list-style-position: inside; list-style-type: decimal; padding-left: 20px; text-indent: -20px; } .widget li li { border: 0; margin: 0 0 0 30px; padding: 0; } .widget_calendar table { width: 100%; } .widget_calendar td, .widget_calendar th { text-align: center; } /* ## Featured Content --------------------------------------------- */ .featured-content .entry { margin-bottom: 40px; } .featured-content .entry:last-child { margin-bottom: 0; } .featured-content .entry-title { font-size: 20px; font-size: 2rem; } /* # Plugins ---------------------------------------------------------------------------------------------------- */ /* ## Genesis eNews Extended --------------------------------------------- */ .enews-widget input { font-size: 16px; font-size: 1.6rem; margin-bottom: 16px; } .enews-widget input[type="submit"] { margin: 0; width: 100%; } .enews form + p { margin-top: 24px; } /* ## Jetpack --------------------------------------------- */ #wpstats { display: none; } /* # Skip Links ---------------------------------------------------------------------------------------------------- */ .genesis-skip-link { margin: 0; } .genesis-skip-link li { height: 0; width: 0; list-style: none; } /* Display outline on focus */ :focus { color: #333; outline: #ccc solid 1px; } /* # Site Header ---------------------------------------------------------------------------------------------------- */ .site-header { min-height: 160px; border-bottom: 1px solid #eee; } .site-header .wrap { padding: 40px 0; } /* ## Title Area --------------------------------------------- */ .title-area { float: left; padding: 10px 0; width: 360px; } .header-full-width .title-area { width: 100%; } .site-title { font-size: 30px; font-size: 3rem; font-weight: 700; line-height: 1.2; } .site-title a, .site-title a:hover, .site-title a:focus { color: #333; } .header-image .site-title > a { background: url(images/logo.png) no-repeat left; float: left; min-height: 60px; width: 100%; } .site-description { font-size: 16px; font-size: 1.6rem; font-weight: 300; line-height: 1.5; } .site-description, .site-title { margin-bottom: 0; } .header-image .site-description, .header-image .site-title a { overflow: hidden; text-indent: 100%; white-space: nowrap; } /* ## Widget Area --------------------------------------------- */ .site-header .widget-area { float: right; text-align: right; width: 780px; } /* # Site Navigation ---------------------------------------------------------------------------------------------------- */ .genesis-nav-menu { clear: both; font-size: 16px; font-size: 1.6rem; font-weight: 700; line-height: 1; width: 100%; } .genesis-nav-menu .menu-item { display: inline-block; text-align: left; } .genesis-nav-menu a { color: #333; text-decoration: none; display: block; padding: 32px 20px; } .genesis-nav-menu a:hover, .genesis-nav-menu a:focus, .genesis-nav-menu .current-menu-item > a, .genesis-nav-menu .sub-menu .current-menu-item > a:hover, .genesis-nav-menu .sub-menu .current-menu-item > a:focus { color: #c3251d; text-decoration: underline; } .genesis-nav-menu .sub-menu { border-top: 1px solid #eee; left: -9999px; opacity: 0; position: absolute; -webkit-transition: opacity 0.4s ease-in-out; -moz-transition: opacity 0.4s ease-in-out; -ms-transition: opacity 0.4s ease-in-out; -o-transition: opacity 0.4s ease-in-out; transition: opacity 0.4s ease-in-out; width: 210px; z-index: 99; } .genesis-nav-menu .sub-menu a { background-color: #fff; border: 1px solid #eee; border-top: 0; font-size: 14px; font-size: 1.4rem; padding: 20px; position: relative; width: 210px; word-wrap: break-word; } .genesis-nav-menu .sub-menu .sub-menu { margin: -56px 0 0 209px; } .genesis-nav-menu .menu-item:hover { position: static; } .genesis-nav-menu .menu-item:hover > .sub-menu { left: auto; opacity: 1; } .genesis-nav-menu > .first > a { padding-left: 0; } .genesis-nav-menu > .last > a { padding-right: 0; } /* ## Accessible Menu --------------------------------------------- */ .menu .menu-item:focus { position: static; } .menu .menu-item > a:focus + ul.sub-menu, .menu .menu-item.sfHover > ul.sub-menu { left: auto; opacity: 1; } /* ## Site Header Navigation --------------------------------------------- */ .site-header .genesis-nav-menu li li { margin-left: 0; } /* ## Primary and Secondary Navigation --------------------------------------------- */ .nav-primary, .nav-secondary { border-bottom: 1px solid #eee; } /* # Content Area ---------------------------------------------------------------------------------------------------- */ /* ## Entries --------------------------------------------- */ .entry { margin-bottom: 60px; } .entry-content ol, .entry-content ul { margin-bottom: 28px; margin-left: 40px; } .entry-content ol > li { list-style-type: decimal; } .entry-content ul > li { list-style-type: disc; } .entry-content ol ol, .entry-content ul ul { margin-bottom: 0; } .entry-content code { background-color: #333; color: #ddd; } /* ## Entry Meta --------------------------------------------- */ p.entry-meta { font-size: 16px; font-size: 1.6rem; margin-bottom: 0; } .entry-header .entry-meta { margin-bottom: 24px; } .entry-categories, .entry-tags { display: block; } .entry-comments-link::before { content: "\2014"; margin: 0 6px 0 2px; } /* ## Pagination --------------------------------------------- */ .pagination { clear: both; margin: 40px 0; } .pagination li { display: inline; } .pagination li a { cursor: pointer; display: inline-block; font-size: 16px; font-size: 1.6rem; padding-right: 10px; text-decoration: none; } .pagination .active a { color: #333; } /* ## Comments --------------------------------------------- */ .comment-respond, .entry-comments, .entry-pings { margin-bottom: 60px; } .comment-header { font-size: 16px; font-size: 1.6rem; } .comment-content { clear: both; word-wrap: break-word; } .comment-list li { padding: 32px 0 0 32px; } .comment-list li.depth-1 { padding-left: 0; } .comment-respond input[type="email"], .comment-respond input[type="text"], .comment-respond input[type="url"] { width: 50%; } .comment-respond label { display: block; margin-right: 12px; } .entry-comments .comment-author { margin-bottom: 0; } .entry-pings .reply { display: none; } /* # Sidebars ---------------------------------------------------------------------------------------------------- */ .sidebar { font-size: 16px; font-size: 1.6rem; } .sidebar li { margin-bottom: 10px; padding-bottom: 10px; } .sidebar p:last-child, .sidebar ul > li:last-child { margin-bottom: 0; } .sidebar .widget { margin-bottom: 60px; } /* # Site Footer ---------------------------------------------------------------------------------------------------- */ .site-footer { font-size: 16px; font-size: 1.6rem; line-height: 1; padding: 40px 0; } .site-footer p { margin-bottom: 0; } /* # Media Queries ---------------------------------------------------------------------------------------------------- */ @media only screen and (max-width: 1280px) { .site-inner, .wrap { max-width: 960px; } .content-sidebar-sidebar .content-sidebar-wrap, .sidebar-content-sidebar .content-sidebar-wrap, .sidebar-sidebar-content .content-sidebar-wrap { width: 720px; } .content, .site-header .widget-area { width: 600px; } .sidebar-content-sidebar .content, .sidebar-sidebar-content .content, .content-sidebar-sidebar .content { width: 360px; } .sidebar-primary, .title-area { width: 300px; } } @media only screen and (max-width: 1020px) { .site-inner, .wrap { max-width: 800px; } .content, .content-sidebar-sidebar .content, .content-sidebar-sidebar .content-sidebar-wrap, .sidebar-content-sidebar .content, .sidebar-content-sidebar .content-sidebar-wrap, .sidebar-primary, .sidebar-secondary, .sidebar-sidebar-content .content, .sidebar-sidebar-content .content-sidebar-wrap, .site-header .widget-area, .title-area { width: 100%; } .site-header .wrap { padding: 20px 5%; } .header-image .site-title > a { background-position: center top; } .genesis-nav-menu li, .site-header ul.genesis-nav-menu, .site-header .search-form { float: none; } .genesis-nav-menu, .site-description, .site-header .title-area, .site-header .search-form, .site-title { text-align: center; } .genesis-nav-menu a, .genesis-nav-menu > .first > a, .genesis-nav-menu > .last > a { padding: 20px 16px; } .site-header .search-form { margin: 16px auto; } } @media only screen and (max-width: 880px) { .site-inner, .wrap { padding-left: 5%; padding-right: 5%; } } /* # Print Styles ---------------------------------------------------------------------------------------------------- */ @media print { *, *::before, *::after { background: transparent !important; box-shadow: none !important; color: #000 !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]::after { content: " (" attr(href) ")"; } abbr[title]::after { content: " (" attr(title) ")"; } a[href^="javascript:"]::after, a[href^="#"]::after, .site-title > a::after { content: ""; } thead { display: table-header-group; } img, tr { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 2cm 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } blockquote, pre { border: 1px solid #999; page-break-inside: avoid; } .content, .content-sidebar { width: 100%; } button, input, select, textarea, .breadcrumb, .comment-edit-link, .comment-form, .comment-list .reply a, .comment-reply-title, .edit-link, .entry-comments-link, .entry-footer, .genesis-box, .header-widget-area, .hidden-print, .home-top, .nav-primary, .nav-secondary, .post-edit-link, .sidebar { display: none !important; } .title-area { text-align: center; width: 100%; } .site-title > a { margin: 0; text-decoration: none; text-indent: 0; } .site-inner { padding-top: 0; position: relative; top: -100px; } .author-box { margin-bottom: 0; } h1, h2, h3, h4, h5, h6 { orphans: 3; page-break-after: avoid; page-break-inside: avoid; widows: 3; } img { page-break-after: avoid; page-break-inside: avoid; } blockquote, pre, table { page-break-inside: avoid; } dl, ol, ul { page-break-before: avoid; } } /* KIRHERO CSS */ a:focus{ outline: none; } /* search css */ #searchform-header-replace { position: absolute; left: 0; width: 100%; background: #fff; visibility: hidden; opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; } #searchform-header-replace form { height: 100%; width: 90%; float: left; } #searchform-header-replace input { height: 72px; width: 100%; outline: 0; border: 0; -webkit-appearance: none; border-radius: 0; -moz-border-radius: none; -webkit-border-radius: none; font-size: 32px; color: #000; background: none; } #searchform-header-replace-close { float: right; right: 0; margin-top: 20px; height: 30px; line-height: 30px; font-size: 26px; color: #000; cursor: pointer; margin-right: 10px; } #searchform-header-replace-close:hover { color: #000 } body.boxed-main-layout #searchform-header-replace input { padding: 0 30px } body.boxed-main-layout #searchform-header-replace-close { right: 30px } #searchform-header-replace.show { visibility: visible; opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; } .content-sidebar-wrap{ width: 100%; } .blog-entry-video{ position: relative; width: 100%; height: 0; padding-bottom: 56.25%; } .responsive-video-wrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .related-post-video .responsive-video-wrap iframe { position: relative; } .link-entry { position: absolute; top: 20px; right: 20px; } .link-entry-i{ display: inline-block; width: 60px; height: 60px; font-size: 22px; line-height: 60px; background-color: #333; color: #fff; text-align: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .link-entry-i:hover{ background-color: blue; } /* paginator */ ul.page-numbers { display: inline-block; width: 100%; margin: 0; padding: 10px 0 0; list-style: none; text-align: center; clear: both; } .page-numbers li a { padding: 5px 11px; border: 1px solid #e3e3e3; display: inline-block; margin: 0 8px 8px 0; min-width: 33px; text-align: center; color: #666; line-height: 21px; } .page-numbers li a:hover { color: #fff; background-color: #444; border-color: #444; } .page-numbers li span { padding: 5px 11px; display: inline-block; border: 1px solid #e3e3e3; margin: 0 8px 8px 0; min-width: 33px; text-align: center; color: #666; line-height: 21px; background-color: #E9E9E9; } .bypostauthor { font-size: inherit; } .single-post.content-sidebar-wrap{ width: 100%; } .content-wrap-after { margin: 0 auto; } /* sub menu */ .centered-single-page-header { text-align: center; } .centered-general-page-header { text-align: center; } /* blog single video responsive*/ wp-video, video.wp-video-shortcode, .mejs-container, .mejs-overlay.load { width: 100% !important; height: 100% !important; } .mejs-container { padding-top: 56.25%; } .wp-video, video.wp-video-shortcode { width: 100% !important; } video.wp-video-shortcode { position: relative; } .mejs-mediaelement { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .mejs-controls { display: none; } .mejs-overlay-play { top: 0; right: 0; bottom: 0; left: 0; width: auto !important; height: auto !important; } .thumbnail-link-banner { background-repeat: no-repeat; background-position: center center; background-size: cover; margin-bottom: 20px; } .thumbnail-link-banner img { width: 100%; height: auto; display: block; } /* general */ .boxed-layout { /*border: 2px solid black;*/ } .site-container { margin: 0 auto; /*border: 2px solid blue;*/ } .content-wrap-after { float: left; width: 75%; } /*. MAIN NEW CSS !!!*/ /* Sidebar ---------------------------------------------------------------------------------------------------- */ .sidebar { float: right; width: 25%; } .sidebar-secondary { float: left; } .sidebar-content .sidebar { float: left; } .sidebar ul li::before { content: "\f105"; font-family: 'FontAwesome'; margin-right: 7px; display: inline-block; float: left; color:#666; } /* Column Classes Link: http://twitter.github.io/bootstrap/assets/css/bootstrap-responsive.css --------------------------------------------- */ .five-sixths, .four-sixths, .four-fifths, .one-fifth, .one-fourth, .one-half, .one-sixth, .one-third, .three-fourths, .three-fifths, .three-sixths, .two-fourths, .two-fifths, .two-sixths, .two-thirds { float: left; margin-left: 1.66666666667%; } .one-half, .three-sixths, .two-fourths { width: 49.1666666667%; } .one-third, .two-sixths { width: 32.2222222222%; } .four-sixths, .two-thirds { width: 66.1111111111%; } .one-fourth { width: 23.75%; } .three-fourths { width: 74.5833333333%; } .one-fifth { width: 18.6666666667%; } .two-fifths { width: 39%; } .three-fifths { width: 59.3333333333%; } .four-fifths { width: 79.6666666667%; } .one-sixth { width: 15.2777777778%; } .five-sixths { width: 83.0555555556%; } .first { clear: both; margin-left: 0; } /* */ .nav-primary, .nav-secondary { border-bottom: none; } .site-header .widget-area{ width: 100%; } /* Boxed / Wide */ /* ### Wrapping div for .content and .sidebar-primary */ .content-sidebar-sidebar .content-sidebar-wrap, .sidebar-content-sidebar .content-sidebar-wrap, .sidebar-sidebar-content .content-sidebar-wrap { width: 80%; } /* ### Content */ .content { width: 100%; } .content-sidebar-sidebar .content, .sidebar-content-sidebar .content, .sidebar-sidebar-content .content { width: 100%; } .full-width-content .content { width: 100%; } /* ### Primary Sidebar */ .sidebar-primary { width: 10%; } /* ### Secondary Sidebar */ .sidebar-secondary { width: 10%; } /* responsive sidebar + content */ @media only screen and (max-width: 959px) { .content-wrap-after {float: right; width:100% !important} .sidebar-primary{width:100% !important} .content-sidebar-sidebar .content-sidebar-wrap, .sidebar-content-sidebar .content-sidebar-wrap, .sidebar-sidebar-content .content-sidebar-wrap{width:100% !important} .content-sidebar-sidebar .content, .sidebar-content-sidebar .content, .sidebar-sidebar-content .content { width: 100% !important} } @media only screen and (max-width: 1280px) { .content-sidebar-sidebar .content-sidebar-wrap, .sidebar-content-sidebar .content-sidebar-wrap, .sidebar-sidebar-content .content-sidebar-wrap{width:100% !important} .site-inner .sidebar-secondary{width:100% !important} } @media only screen and (max-width: 760px) { .has-grid{width:100% !important;margin-left: auto} .content-sidebar-sidebar .content, .sidebar-content-sidebar .content, .sidebar-sidebar-content .content { width: 100% !important} } @media only screen and (max-width: 959px) and (min-width: 761px) { .first { clear: none} .has-grid{margin-left: 0.86% !important} .one-half, .three-sixths, .two-fourths { width: 48.717948717948715% !important; } .one-third, .two-sixths { width: 48.717948717948715% !important; } .four-sixths, .two-thirds { width: 48.717948717948715% !important; } .one-fourth { width: 48.717948717948715% !important; } .three-fourths { width: 48.717948717948715% !important; } .one-sixth { width: 48.717948717948715% !important; } .five-sixths { width: 48.717948717948715% !important; } .one-fifth{ width: 48.717948717948715% !important; } .clear-mobile { clear: both; } .related-posts .one-third { width: 32.2222222222% !important; } } /* test b*/ .b { //border: 1px solid black; } .genesis-nav-menu .sub-menu a { background-color: inherit; border: none; } .genesis-nav-menu .sub-menu { border-top : none; } .site-header .wrap { padding: 0; } @media only screen and (max-width: 1020px) { .site-header .wrap { padding: 0 2%; } } .site-header { min-height: auto; transition: all 200ms ease; border-bottom: none; } .title-area { width: auto; } .title-area a{ text-decoration: none; } .genesis-nav-menu a { padding: 25px 10px; } /* mobile menu */ @media (max-width: 1280px) { .nav-primary{ display: none; } } @media (min-width: 1281px) { .kirhero-mobile-menu{ display: none; } } .mobile-sider { left: -500px; position: absolute; } .kirhero-mobile-menu-wrap { position: relative; top: 30%; transform: translateY(-30%); } .kirhero-mobile-menu{ float: right; padding: 5px 10px; } .kirhero-mobile-menu a{ text-decoration: none; } .kirhero-text { font-size: 15px; } .hamburger{display:inline-block;cursor:pointer;transition-property:opacity,filter;transition-duration:.15s;transition-timing-function:linear;font:inherit;color:inherit;text-transform:none;background-color:transparent;border:0;margin:0;overflow:visible}a:hover .hamburger{opacity:.7}.hamburger-box{width:20px;height:16px;display:inline-block;position:relative}.hamburger-inner{display:block;top:50%;margin-top:2px}.hamburger-inner,.hamburger-inner::after,.hamburger-inner::before{width:20px;height:2px;background-color:#000;border-radius:3px;position:absolute;transition-property:transform;transition-duration:.15s;transition-timing-function:ease;}.hamburger-inner::after,.hamburger-inner::before{content:"";display:block}.hamburger-inner::before{top:-7px}.hamburger-inner::after{bottom:-7px} /* END mobile menu */ /* Blog thumbnail*/ .thumbnail { position: relative; padding: unset; border: unset; } .thumbnail-link img { width: 100%; vertical-align: middle; position: relative; } .thumbnail-link .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.2); -moz-opacity: 0; -webkit-opacity: 0; opacity: 0; text-align: center; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .thumbnail-link .overlay:hover { opacity: 1; } /* Blog subheader */ .single-page-header { background-color: inherit; } /* TITLE */ .title-area { float: left; padding: 0; } @media (max-width: 700px) { .title-area { max-width: 70% !important; } } /* Sidebar */ .sidebar .widget{ margin: 5px; margin-bottom: 48px; } .sidebar-wrap { overflow: hidden; } /* link a*/ a { text-decoration: none; } /* Simple Slider */ .site-slider { position: relative; } .site-slider .slider-wrap{ max-width: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; margin-bottom: 20px; position: relative; } .site-slider img{ width: 100%; height: auto; display: block; } .home-slider-block-inner { max-width: 30%; max-height: 30%; margin: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; font-size: 17px; color: inherit; text-align: center; } .home-slider-block-bg { background-color: rgba(255, 255, 255, 0.6); display: inline-block; padding: 20px 20px 25px; color: rgba(0, 0, 0, 0.8); text-shadow: 0 0 2px rgba(255, 255, 255, 0.6); } @media (max-width: 700px) { .site-slider { display: none; } .home-slider-block-bg { padding: 15px; } } @media only screen and (max-width: 1200px) { .home-slider-block-inner { max-width: 70%; max-height: 30%; } } @media only screen and (max-width: 1020px) { .home-slider-block-bg { font-size: 13px; padding: 10px; } .home-slider-block-bg h3 { font-size: 14px; } .home-slider-block-inner { max-width: 60%; max-height: 20%; } } /* footer p*/ .footer-p { margin-top: 20px; font-size: 13px !important; text-align: center; line-height: 1.5; } /* widget */ .widget-title-2 { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; margin:6px 0; margin-top:0; margin-bottom:26px; border-bottom:2px solid #222; } .widget{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; position:relative; } .widget-span{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:7px 12px 4px; background-color:#222; color:#fff; display: table; } /* widget recent */ .td_block_inner{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .td-block-span12 { width: 100%; } .td_module_6 { padding-bottom: 26px; } .td_module_wrap { position: relative; padding-bottom: 35px; } .td_module_6 .td-module-thumb { float: left; margin-right: 20px } .td-module-thumb { position: relative; margin-bottom: 13px; } .td-module-thumb .entry-thumb { display: block; } .td-animation-stack-type0-2 { opacity: 1!important; transition: opacity .3s; transition-timing-function: cubic-bezier(.39,.76,.51,.56); } .td_module_6 .item-details { min-height: 70px; } .td-module-title { font-size: 14px; line-height: 20px; margin-bottom: 4px; font-weight: 500; text-transform: none; letter-spacing: 0.1px; } .td_module_6 .td-module-meta-info { margin-bottom: 0; min-height: 0; } .td-module-meta-info { font-family: open sans,arial,sans-serif; font-size: 11px; margin-bottom: 7px; line-height: 1; min-height: 17px; } .td-post-date { color: #aaa; display: inline-block; position: relative; top: 2px; } /* widget recent footer*/ .td_block_inner_footer{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .td-block-span12_footer { width: 100%; clear: both; } .td_module_6_footer { padding-bottom: 2px; } .td_module_wrap_footer { position: relative; } .td_module_6_footer .td-module-thumb_footer { float: left; margin-right: 20px } .td-module-thumb_footer { position: relative; margin-bottom: 13px; } .td-module-thumb_footer .entry-thumb { display: block; width: 80px; border-radius: 5px; } .td-animation-stack-type0-2 { opacity: 1!important; transition: opacity .3s; transition-timing-function: cubic-bezier(.39,.76,.51,.56); } .td-image-wrap_footer img:hover{ opacity: 0.7 !important; } .td_module_6_footer .item-details { min-height: 70px; } .td-module-title_footer { font-size: 14px; line-height: 20px; margin-bottom: 4px; font-weight: 500; text-transform: none; letter-spacing: 0.1px; } .td_module_6_footer .td-module-meta-info_footer { margin-bottom: 0; min-height: 0; } .td-module-meta-info_footer { font-family: open sans,arial,sans-serif; font-size: 11px; margin-bottom: 7px; line-height: 1; min-height: 17px; } .td-post-date_footer { display: inline-block; position: relative; top: 2px; } /* gallery-caption */ .gallery-caption { display: block; text-align: left; padding: 0 10px 0 0; margin-bottom: 0; } /* a href*/ .genesis-nav-menu a:hover, .genesis-nav-menu a:focus, .genesis-nav-menu .current-menu-item > a, .genesis-nav-menu .sub-menu .current-menu-item > a:hover, .genesis-nav-menu .sub-menu .current-menu-item > a:focus{ text-decoration: none; position: relative; } .genesis-nav-menu>li>a:after { background-color: transparent; content: ''; width: 0; height: 3px; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-transition: width .2s ease; -moz-transition: width .2s ease; -o-transition: width .2s ease; transition: width .2s ease; } .genesis-nav-menu .current-menu-item > a:after, .genesis-nav-menu>li:hover>a:after{ background-color: red; width: 100%; } /* content */ .content { padding-left: 24px; padding-right: 24px; } /* Page title */ .general-page-header .wrap{ padding-left: 24px; padding-right: 24px; } .trail-item{ display: inline-block; font-size: 12px; } .trail-begin:after, .trail-item:not(.trail-end):after { content: '\f105'; margin: 0 6px; display: inline-block; font-family: FontAwesome; font-size: inherit; font-weight: 900; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* BLog content*/ .blog-entry-inner{ padding:0 20px 20px; overflow: auto; } /* entry-content */ .entry-content{ margin-top: 9px; } /* thumbnail*/ .thumbnail { margin-bottom: 13px; } .entry-header .entry-title { margin-top: 10px; } /* REDA MORE*/ .kirhero-read-more { margin-top: 15px; } /* global p*/ p { margin: 0 0 10px; } /* global article*/ p.entry-meta { font-size: 11px; margin-top: 10px; line-height: 1.6; min-height: 17px; } /* meta */ .meta-author { font-weight: bold; padding: 2px; display: inline-block; } .meta-date { padding: 2px; display: inline-block; } .meta-categories{ padding: 2px; display: inline-block; } .meta-comments { padding: 2px; display: inline-block; } /* entry */ .entry { margin-bottom: 25px; } /* Search */ .search .thumbnail { max-width: 200px; margin-right: 15px; } /* Search form*/ .kirhero-header-searchform { position:relative; } .kirhero-searchform-submit { display: block; position: absolute; right: 10px; height: 30px; line-height: 30px; width: 30px; padding: 0; text-align: center; top: 50%; margin-top: -15px; background-color: transparent !important; color: #666666 !important; border: 0; transition: all .3s ease-in-out; } /* mobile content*/ @media only screen and (max-width: 880px) { .site-inner, .wrap { padding-left: 0; padding-right: 0; } .search .thumbnail { max-width: 100px ; } .slider-wrap{ background-attachment: initial !important; } } /* Page title */ .page-header-general-title { font-size: 24px; text-shadow: 10px 10px 20px rgba(0,0,0,0.11); } /* BLog single Post*/ .single-post .site-inner { padding-top: 10px; } .single-post .entry-meta { margin: 20px 0; } .single-post .thumbnail-link{ margin-top: 10px; margin-bottom: 25px; } .single-post .entry-content{ margin-bottom: 20px; } /* tags*/ .post-tags { margin: 10px 0 20px 0; font-family: open sans,arial,sans-serif; display: table; font-weight: 600; clear: left; height: 20px; display: table; font-size: 11px; } .post-tags a{ margin-bottom: 6px; padding: 3px 9px; display: block; float: left; height: 20px; margin-right: 4px; margin-left: 0; border: 1px solid #ededed; } .post-tags-span{ background-color: #222; padding: 3px 9px; color: #fff; display: block; float: left; height: 20px; margin-right: 4px; margin-left: 0; } /* next prev post */ .post-navigation { margin-top: 40px; margin-bottom: 20px; } .nav-links:after { content: ""; display: table; clear: both; } .nav-previous { text-align: left; } .nav-next { text-align: right; } .post-navigation .nav-next{ float: right; width: 50%; } .post-navigation .nav-previous{ float: left; width: 50%; } .nav-post-title { display: block; font-size: 15px; color: #222; line-height: 21px; margin-bottom: 43px; margin-top: 8px; font-weight: 500; } .nav-title-main{ display: block; font-size: 12px; color: #c1c1c1; } /* author */ .author-bio { border: 1px solid #ededed; padding: 21px; margin-bottom: 48px; } .author-bio:after{ content: ""; display: table; clear: both; } .author-bio-content { margin-left: 117px; font-size: 12px; } .author-bio-avatar img { float: left; max-width: 96px; } .author-bio-title { font-size: 15px; font-weight: 700; margin: 7px 0 8px; } .author-bio-title a{ color: #222; } .author-bio-description{ font-family: Verdana,Geneva,sans-serif; font-size: 12px; line-height: 21px; color: #222; } .author-bio-web { margin: 5px 0; } .author-bio-web a { color: #444; } /* related post */ .related-posts { margin: 20px 0; } .related-posts:after { content: ""; display: table; clear: both; } .related-posts-title { font-size: 16px; font-weight: 700; margin-bottom: 7px; margin-top: 10px; } .related-post-title { font-weight: 500; font-size: 13px; margin:10px; } .related-post-media img { max-width: inherit; } .related-post-media, .related-post-video,.related-post .responsive-video-wrap{ width: 218px; height: 150px; } .related-post-media, .related-post-video{ margin: 0 10px; } /* comments */ .entry-comments h3{ font-size: 16px; font-weight: 700; margin-bottom: 7px; margin-top: 10px; } .comment-metadata{ margin-top: 8px; } .comment-form-comment{ margin-top: 15px; } .comment-author .avatar { float: left; margin-right: 20px; margin-bottom: 20px; width: 50px; } .comment-author .fn { font-weight: 700; font-style: normal; font-size: 14px; } .comment-metadata { font-size: 11px; color: #b4b4b4; padding-left: 10px; } .comment-metadata a { color: #b4b4b4; } .comment-list li article{ padding-bottom: 13px; border-bottom: 1px dashed #ededed; } .comment-reply-link { font-size: 11px; color: #b4b4b4; } .comment-respond { margin-top: 24px; } .comment-form-comment label, .comment-form-author label, .comment-form-email label, .comment-form-url label { margin-bottom: 5px; } .entry-comments .comment-navigation:first-of-type { display: none; } .comment-form-cookies-consent label { display: inline; margin-left: 5px; } .comment-navigation{ margin: 15px 0; } .form-submit{ margin-top: 18px; } .comment-navigation .nav-next, .comment-navigation .nav-previous{ text-align: center; float: none; width: auto; } @media (max-width: 500px) { .comment .children li { padding-left: 0; } .depth-1>.children>li { padding-left: 22px; } } /* */ @media (max-width: 1018px) { .page-header-general-title { font-size: 20px !important; } .entry-title { font-size: 20px !important; } } /* figure */ .related-post figure { margin: 0 10px; } /* Footer */ /* nav footer */ .nav-secondary { text-align: center; } .site-footer{ padding: 30px 0; } .genesis-nav-menu .menu-item:hover { position: relative; } /* mobile ver */ @media only screen and (max-width: 760px) { .author-bio-avatar img { float: none; } .author-bio-inner { text-align: center; } .author-bio-content { margin-left: 0; } /* related post*/ .related-post { width: 100%; margin-left: 0; } .related-post-media, .related-post-video, .related-post .responsive-video-wrap{ width: 100%; height: auto; } .related-post-media, .related-post-video{ margin: 0; } .related-post figure { margin: 0; } .related-post-media img { width: 100% } } /* Alien css */ /* Sidr (alien css) */ .sidr { display: block; position: fixed; top: 0; height: 100%; z-index: 10000000; width: 300px; overflow-x: hidden; overflow-y: auto; } .sidr .sidr-inner { padding: 0 0 15px; } .sidr .sidr-inner>p { margin-left: 15px; margin-right: 15px; } .sidr.sidr-right { left: auto; right: -300px; } .sidr.sidr-left { left: -300px; right: auto; } a.sidr-class-sidr-class-toggle-sidr-close { display: block; padding: 20px; letter-spacing: 0.6px; text-transform: uppercase; background-color: #EEEEEE; text-decoration: none; color:black !important; font-family: 'simple-line-icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } .sidr-class-sidr-class-close-text { font-family: 'simple-line-icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; text-transform: uppercase; } .sidr-class-fa{ display: inline-block; font: normal normal normal 16px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; margin-right: 6px; } .sidr-class-fa-times-circle-o::before { content: "\f05c"; font-size: 15px; } .sidr-class-fa-icon-magnifier::before { content: "\f002"; } .sidr-class-menu ul a:before { font-family: 'FontAwesome'; content: '\f105'; display: inline-block; margin: 0 10px; } .sidr { font-family: lucida grande, tahoma, verdana, arial, sans-serif; font-size: 15px; background: #f8f8f8; color: #333; box-shadow: inset 0 0 5px 5px #ebebeb; } .sidr h1, .sidr h2, .sidr h3, .sidr h4, .sidr h5, .sidr h6 { font-size: 15px - 4; font-weight: 400; padding: 0 15px; margin: 0 0 5px; color: #333; line-height: 24px; box-shadow: 0 5px 5px 3px rgba(#000, .2); } .sidr p { font-size: 15px - 2; margin: 0 0 12px; } .sidr p a { color: rgba(#333, .9); } .sidr>p { margin-left: 15px; margin-right: 15px; } .sidr ul { display: block; margin: 0 0 15px; padding: 0; border-top: 1px solid darken(#f8f8f8, 10%); border-bottom: 1px solid lighten(#f8f8f8, 10%); } .sidr ul li { display: block; margin: 0; line-height: 48px; border-top: 1px solid lighten(#f8f8f8, 10%); border-bottom: 1px solid darken(#f8f8f8, 10%); } .sidr ul li.active, .sidr ul li.sidr-class-active, .sidr ul li:hover { border-top: 0; } .sidr-class-mobile-menu-search { margin-bottom: 50px; } .sidr ul li.active>a, .sidr ul li.active>span, .sidr ul li.sidr-class-active>a, .sidr ul li.sidr-class-active>span, .sidr ul li:hover>a, .sidr ul li:hover>span { box-shadow: inset 0 0 15px 3px #ebebeb; } .sidr ul li a, .sidr ul li span { padding: 0 15px; display: block; text-decoration: none; color: #333; } .sidr ul li ul { border-bottom: 0; margin: 0; } .sidr ul li ul li { line-height: 40px; font-size: 15px - 2; } .sidr ul li ul li:last-child { border-bottom: 0; } .sidr ul li ul li.active, .sidr ul li ul li.sidr-class-active, .sidr ul li ul li:hover { border-top: 0; } .sidr ul li ul li.active>a, .sidr ul li ul li.active>span, .sidr ul li ul li.sidr-class-active>a, .sidr ul li ul li.sidr-class-active>span, .sidr ul li ul li:hover>a, .sidr ul li ul li:hover>span { box-shadow: inset 0 0 15px 3px #ebebeb; } .sidr ul li ul li a, .sidr ul li ul li span { color: rgba(#333, .8); padding-left: 30px; } .sidr form { margin: 0 15px; } .sidr label { font-size: 15px - 2; } .sidr input[type=date], .sidr input[type=datetime], .sidr input[type=email], .sidr input[type=number], .sidr input[type=password], .sidr input[type=search], .sidr input[type=tel], .sidr input[type=text], .sidr input[type=time], .sidr input[type=url], .sidr select, .sidr textarea { width: 100%; font-size: 15px - 2; padding: 5px; box-sizing: border-box; margin: 0 0 10px; border-radius: 2px; border: 0; background: rgba(#000, .1); color: rgba(#333, .6); display: block; clear: both; } .sidr input[type=checkbox] { width: auto; display: inline; clear: none; } .sidr input[type=button], .sidr input[type=submit] { color: #f8f8f8; background: #333; } .sidr input[type=button]:hover, .sidr input[type=submit]:hover { background: rgba(#333, .9); } .sidr-class-mobile-searchform { position: relative; margin: 30px 20px 0; } .sidr-class-mobile-searchform input { padding: 6px 45px 6px 12px !important; margin-top: 0 !important; box-sizing: inherit } .sidr-class-mobile-searchform button { display: block; position: absolute; right: 10px; height: 30px; line-height: 30px; width: 30px; padding: 0; text-align: center; top: 50%; margin-top: -15px; background-color: transparent !important; color: #666666; border: 0; transition: all .3s ease-in-out } /* end sidr*/ /* Page Templates */ .page-template-landingpage .site-inner, .page-template-landing .site-inner{ padding-top: 0px; margin-top: 3px; } .page-template-landingpage .entry-content, .page-template-landing .entry-content{ margin-top:0; } /* img caption */ .thumbnail-caption-wraper{ position: relative; } .thumbnail-caption { background: rgba(0,0,0,.4); color: #e5e5e5; display: table; font-size: 12px; margin: -31px 0 0 0; padding: 5px 12px 5px 10px; position: absolute; bottom: 0; left: 0; z-index: 1; } /* NEW ASTORI CSS*/ .site-header.navbar-transparent { color: #fff; background-color: transparent; -webkit-box-shadow: none; box-shadow: none; -webkit-transition:0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; } /* transparent menu + nav */ .site-header.navbar-transparent .genesis-nav-menu>li>a, .site-header.navbar-transparent .kirhero-text, .site-header.navbar-transparent .site-description, .site-header.navbar-transparent .site-title a, .site-header.navbar-transparent .menu-primary .current-menu-item a { color: white !important; } .site-header.navbar-transparent .genesis-nav-menu>li>a:hover, .site-header.navbar-transparent .site-title a:hover, .site-header.navbar-transparent .menu-primary .current-menu-item a:hover { opacity: 0.75; } .site-header.navbar-transparent .hamburger-inner, .site-header.navbar-transparent .hamburger-inner::after, .site-header.navbar-transparent .hamburger-inner::before{ background-color: white; } .site-header.header-transparent-absolute{ position: absolute; left: 0; right: 0; z-index: 99999; } /* buttons */ /* Color Buttons ------------------------------------------------------------ */ .button-blue, .button-gray, .button-green, .button-purple, .button-red, .button-yellow { color: #fff; padding-top: 15px; padding-bottom: 15px; padding-left: 33px; padding-right: 33px; border-radius: 3px; display: inline-block; } .button-blue:hover, .button-gray:hover, .button-green:hover, .button-purple:hover, .button-red:hover, .button-yellow:hover { text-decoration: none; } .button-blue { background-color: #afcde3; border: 1px solid #afcde3; } .button-blue:hover { background-color: #83a2be; border: 1px solid #83a2be; } .button-gray { background-color: #bdbdbd; border: 1px solid #bdbdbd; } .button-gray:hover { background-color: #919191; border: 1px solid #919191; } .button-green { background-color: #b2ce96; border: 1px solid #b2ce96; } .button-green:hover { background-color: #86a36e; border: 1px solid #86a36e; } .button-purple { background-color: #bebde9; border: 1px solid #bebde9; } .button-purple:hover { background-color: #9291c7; border: 1px solid #9291c7; color: white; } .button-red { background-color: #e9b3b3; border: 1px solid #e9b3b3; } .button-red:hover { background-color: #c78787; border: 1px solid #c78787; } .button-yellow { background-color: #fadf98; border: 1px solid #fadf98; } .button-yellow:hover { background-color: #ecb870; border: 1px solid #ecb870; } /* frontpage slide*/ .site-frontpage-slide { position: relative; } .frontpage-slide-wrap { background-color:#EEEEEE; background-size: cover; } .frontpage-slide-img { width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); min-height: 500px } .frontpage-slide-block-inner { max-height: 20%; max-width: 60%; margin: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; font-size: 17px; color: inherit; text-align: center; } .frontpage-slide-title{ font-size: 60px; color:white; line-height: 1.2; text-transform: none; text-shadow: 10px 10px 20px rgba(0,0,0,0.11); } .frontpage-slide-text { color: white; margin-top: 15px; font-size: 18px; } .frontpage-slide-btn { margin-top: 35px; font-family: 'Montserrat', Sans-serif; color: #373278; background-color: #ffffff; border-radius: 50px 50px 50px 50px; font-size: 16px; padding: 15px 30px; border: 1px solid transparent; } .frontpage-slide-btn:hover { color: #ffffff; background-color: rgba(255,255,255,0); border-color: #ffffff; } .button-fp{ padding-top: 15px; padding-bottom: 15px; padding-left: 33px; padding-right: 33px; display: inline-block; } .frontpage-fa-margin-left{ margin-left: 6px; } /* frontpage content*/ .entry-content.frontpage-content { margin-top: 0; padding-top: 0; z-index: 2; position: relative; color: white; text-align: center; } .frontpage-content{ padding-top: 0; } .frontpage-content-wrap { background-color: inherit; position: relative; } /* .frontpage-content-wrap::after { display: block; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); content: ""; } */ /* frontpage team */ .frontpage-team-wrap { background-color: inherit; position: relative; padding: 0 0 30px; } .frontpage-team-title{ text-align: center; color:black; font-size: 36px; font-family: "Montserrat", Sans-serif; font-weight: 500; line-height: 1.3em; text-shadow: 10px 10px 20px rgba(0,0,0,0.11); } .frontpage-team-text{ text-align: center; color:#666; font-size: 18px; line-height: 1.5; margin-bottom: 50px; } .fp_team_wrap{ margin: 0 25px; } .fp_team_member{ padding: 5% 5% 15% 5%; } .fp_team_member_div{ width: 30%; margin: 0 auto; margin-bottom: 20px; } .fp_team_member_img{ border-radius: 50%; } .fp_team_h3{ text-align: center; color: black; font-size: 32px; margin: 0; } .fp_team_member_subtitle{ text-align: center; color: #bfbfbf; font-size: 15px; font-weight: 300; text-transform: uppercase; letter-spacing: 5px; } .fp_team_member_text{ margin-top: 20px; text-align: center; color: #666; font-size: 16px; font-weight: 300; line-height: 1.8em; } .fp_team_social_wrap{ text-align: center; } .fp_team_member_a { font-size: 12px; } .fp_team_soc_block { margin-top: 20px; font-size: 16px; } .fp_team_a { color: black; padding: .5em; } .fp_team_a:hover { color: red; } /* frontpage blog */ .frontpage-blog-wrap{ padding: 0 0 30px; } .frontpage-blog-title{ text-align: center; color:black; font-size: 36px; font-family: "Montserrat", Sans-serif; font-weight: 500; line-height: 1.3em; text-shadow: 10px 10px 20px rgba(0,0,0,0.11); } .frontpage-blog-text{ text-align: center; color:#666; font-size: 18px; line-height: 1.5; margin-bottom: 50px; } .fp-blog-div{ text-align: center; } .fp_blog_article{ text-align: left; padding: 3% 2% 3% 2%; } .fp_blog_thumb{ margin-bottom: 20px; -webkit-box-shadow: 0 16px 38px -12px rgba(0,0,0,0.56), 0 4px 25px 0 rgba(0,0,0,0.12), 0 8px 10px -5px rgba(0,0,0,0.2); -moz-box-shadow: 0 16px 38px -12px rgba(0,0,0,0.56),0 4px 25px 0 rgba(0,0,0,0.12),0 8px 10px -5px rgba(0,0,0,0.2); box-shadow: 0 16px 38px -12px rgba(0,0,0,0.56), 0 4px 25px 0 rgba(0,0,0,0.12), 0 8px 10px -5px rgba(0,0,0,0.2); } .fp_blog_h2 { color:black; font-size: 18px; word-wrap: break-word; } .fp_blog_h2_a{ color: black; } .fp_blog_p{ color: #666; line-height: 1.4; } .fp_blog_p_a{ margin-left: 4px; color: black; } .fp_blog_h2_a:hover{ color:#666 } .frontpage-blog .thumbnail{ padding: 0; border: none; } .frontpage-blog .thumbnail .thumbnail-caption{ bottom: 0; } /* frontapge features */ .frontpage-features-wrap { background-color: inherit; position: relative; padding: 0 0 40px; } .frontpage-features-title{ text-align: center; color:black; font-size: 36px; font-family: "Montserrat", Sans-serif; font-weight: 500; line-height: 1.3em; text-shadow: 10px 10px 20px rgba(0,0,0,0.11); } .frontpage-features-text{ text-align: center; color:#666; font-size: 18px; line-height: 1.5; margin-bottom: 50px; } .fp_features_wrap{ margin: 0 25px; } .fp_features_member{ padding: 5% 5% 15% 5%; } .fp_features_member_div{ text-align: center; margin: 0 auto; margin-bottom: 20px; } .fp_features_member_img{ border-radius: 50%; } .fp_features_h4{ text-align: center; color: black; font-size: 18px; margin: 0; margin-top: 25px; } .fp_features_member_subtitle{ text-align: center; color: #bfbfbf; font-size: 15px; font-weight: 300; text-transform: uppercase; letter-spacing: 5px; } .fp_features_member_text{ margin-top: 20px; text-align: center; color: #666; font-size: 14px; font-weight: 300; line-height: 1.8em; } .fp_features_member_fa { font-size: 61px; } .fp_features_member_fa .fa{ transition: .3s ease; } .fp_features_member_a:hover .fp_features_member_fa .fa{ transform: scale(1.05) translateY(-5px); } .fp_features_member_a:hover{ opacity: 0.8 } /* frontpage action */ .frontpage-action-wrap{ background-color: inherit; position: relative; padding: 20px 0 50px 0; } .frontpage-action-title{ font-family: "Montserrat", Sans-serif; font-size: 46px; font-weight: 300; text-transform: capitalize; line-height: 1.1em; text-shadow: 10px 10px 20px rgba(0,0,0,0.11); text-align: center; } .frontpage-action-subtitle{ text-align: center; color:black; font-size: 36px; font-family: "Montserrat", Sans-serif; font-weight: 500; line-height: 1.3em; } .frontpage-action-text{ margin-top: 30px; text-align: center; color:#666; font-size: 14px; line-height: 1.5; margin-bottom: 50px; } .fp_action_button{ text-align: center; margin-bottom: 40px; } .fp_fa_action{ margin-left: 6px; } .fp_action_button_a{ font-family: 'Montserrat', Sans-serif; color: #373278; background-color: #ffffff; border-radius: 50px 50px 50px 50px; font-size: 16px; padding: 15px 30px; border:1px solid transparent; } .fp_action_button_a:hover{ color: #ffffff; background-color: rgba(255,255,255,0); border-color: #ffffff; } .fp_action_wrap{ margin: 0 25px; } /* subscribe */ .frontpage-subscribe-wrap{ background-color: inherit; position: relative; padding: 20px 0 100px 0; } .frontpage-subscribe{ z-index: 2; position: relative; } .frontpage-subscribe-title{ text-align: center; color:black; font-size: 36px; font-family: "Montserrat", Sans-serif; font-weight: 500; line-height: 1.3em; text-shadow: 10px 10px 20px rgba(0,0,0,0.11); } .frontpage-subscribe-text{ text-align: center; color:#666; font-size: 18px; line-height: 1.5; margin-bottom: 50px; } .frontpage-subscribe-widget-wrap{ margin: 0 auto; } .frontpage-subscribe-widget-wrap .widget-title{ text-align: center; } .frontpage-subscribe-widget-wrap .widget{ padding: 20px 0; } .fp_subscribe_img{ position: relative; background-position: top center; background-size: cover; } .frontpage-subscribe-cover { display: block; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.55); content: ""; } .frontpage-subscribe-shortcode-div { padding: 20px 0; } /* subscribe widget */ .fp_subscribe_widget { display: table; margin: 0 auto; padding:0 25px; background-color:inherit; width:100%; border-radius: 5px; } .fp_subscribe_widget_wrap { text-align: center; } .fp_subscribe_fa { margin-right:5px; color: #666; } .fp_subscribe_input_e{ width:60%; background-color: #ffffff; border-color: #e0e0e0; border-radius: 0px 0px 0px 0px; font-size: 14px; padding: 10px 10px; color: #666; border-top: none; border-left: none; border-right: none; margin-right:12px; transition: border 0.8s linear; margin-bottom: 15px; } .fp_subscribe_widget>.fp_subscribe_input_e::placeholder{ color: #bfbfbf; } .fp_subscribe_widget>.fp_subscribe_input_e:focus{ border: none; border-bottom: 1px solid black; transition: border 0.8s linear; } .fp_subscribe_widget>.fp_subscribe_input_s, .fp_subscribe_input_s{ background-color: #ff7052 !important; color: #ffffff !important; font-size: 12px !important; font-weight: 600; text-transform: uppercase; border-radius: 0px 0px 0px 0px; padding: 10px; line-height: 1.2; border: 1px solid #ff7052 !important; font-family: Open Sans; border-radius: 4px !important; } /* contact */ .frontpage-contact-wrap{ background-color: inherit; position: relative; padding: 20px 0 60px 0; } .frontpage-contact{ z-index: 2; position: relative; } .frontpage-contact-title{ text-align: left; color:black; font-size: 36px; font-family: "Montserrat", Sans-serif; font-weight: 500; line-height: 1.3em; text-shadow: 10px 10px 20px rgba(0,0,0,0.11); margin-bottom: 20px; } .frontpage-contact-shortcode-title{ text-align: center; color:black; font-size: 25px; font-family: "Montserrat", Sans-serif; font-weight: 500; line-height: 1.3em; text-shadow: 10px 10px 20px rgba(0,0,0,0.11); } .frontpage-contact-text{ text-align: left; color:#666; font-size: 18px; line-height: 1.5; margin-bottom: 50px; } .fp_contact_img{ position: relative; background-position: top center; background-size: cover; } .fp_contact_img_wrap { display: block; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); content: ""; } .frontpage-widget-contact{ padding: 15px; } .frontpage-widget-contact h2{ font-size: 28px; font-family: "Montserrat", Sans-serif; font-weight: 500; line-height: 1.3em; text-shadow: 10px 10px 20px rgba(0,0,0,0.11); } .frontpage-shortcode-div { text-align: left; padding: 15px; border-radius: 10px; font-family: Open Sans; } .frontpage-shortcode-wrap{ padding:30px 15px; border-radius: 10px; } .frontpage-shortcode-wrap .widget-title{ text-align: center; } .frontpage-shortcode-div *{ font-size: 14px !important; } /* contact content */ .fp_contact_content_icon{ float: left; margin-right: 10px; font-size: 28px; } .fp_contact_content_wrap{ margin-bottom: 30px; margin-top: 20px; } .fp_contact_content_div{ overflow: hidden; } .fp_contact_content_div p{ font-size: 15px; line-height: 1.6; } .fp_contact_content_title{ margin-bottom: 20px; line-height: 1.6; } /* iOS bug fixed */ .is-ios .frontpage-slide-wrap, .is-ios .fp_subscribe_img, .is-ios .fp_contact_img, .is-ios .thumbnail-link-banner { background-attachment: scroll !important; } /* global*/ html { scroll-behavior: smooth; } footer.site-footer .genesis-nav-menu{ font-weight: 400; font-size: 14px; } footer.site-footer hr{ border-color: rgba(255,255,255,0.2); } /* footer widgets */ footer.site-footer .widget-title{ font-size: 17px; text-shadow: 10px 10px 20px rgba(0,0,0,0.11); } footer.site-footer .widget { margin-bottom: 30px; word-break: break-word; padding: 0 15px; font-size: 14px; line-height: 1.6; } /* footer widget contact demo */ .fp_contact_content_wrap_footer{ margin-bottom: 15px; } .fp_contact_content_icon_footer{ float: left; margin-right: 15px; font-size: 17px; } .fp_contact_content_div_footer{ font-size: 16px; } .screen-reader-text:focus{ clip: unset !important; z-index: -999 !important; } /* frontpage + footer mobile */ .frontpage-subscribe-wrap, .frontpage-blog-wrap, .frontpage-team-wrap, .frontpage-action-wrap, .frontpage-features-wrap, .frontpage-contact-wrap{ padding-left: 20px; padding-right: 20px; } @media only screen and (max-width: 760px) { .frontpage-clear-mobile { clear: both; } .frontpage-slide-img{ max-height: 560px; } .frontpage-slide-block-inner{ max-width: 90%; } .frontpage-content-wrap, .frontpage-subscribe-wrap, .frontpage-blog-wrap, .frontpage-team-wrap, .frontpage-action-wrap, .frontpage-features-wrap, .frontpage-contact-wrap{ padding: 5%; } .frontpage-content{ padding-bottom: 0 !important; padding-left: 0 !important; padding-right: 0 !important; } .frontpage-blog.site-inner, .frontpage-team.site-inner, .frontpage-subscribe.site-inner, .frontpage-action.site-inner, .frontpage-features.site-inner,.frontpage-content.site-inner, .frontpage-contact.site-inner{ padding-top: 30px; } .frontpage-blog-text{ margin-bottom: 25px; } /* font size*/ .kirhero-frontpage .frontpage-slide-title, .frontpage-subscribe-title, .frontpage-team-title, .frontpage-contact-title,.frontpage-blog-title, .frontpage-action-title, .frontpage-features-title, .entry-content.frontpage-content h2, .entry-content.frontpage-content h1{ font-size: 8vw !important; } .frontpage-contact-shortcode-title, .frontpage-action-subtitle{ font-size: 6vw !important; } .kirhero-frontpage .fp_subscribe_wrap .widget-title{ font-size: 100% !important; } /* end font size*/ .frontpage-subscribe-widget-wrap{ width: 100% !important; } .fp_subscribe_input_e{ width: 85%; } .fp_subscribe_input_s { margin-top: 5px; } footer.site-footer .genesis-nav-menu{ line-height: 1 !important; font-size: 12px !important; } footer.site-footer .genesis-nav-menu a{ padding: 15px 10px ; } } @media only screen and (max-width: 959px) and (min-width: 761px) { .frontpage-clear-mobile { clear: both; } .frontpage-slide-block-inner{ max-width: 90%; } /* font size*/ .kirhero-frontpage .frontpage-slide-title{ font-size: 7vw !important; } }