/** * Theme Name: Ayyash * Theme URI: https://themeoo.com/ayyash * Author: ThemeRox * Author URI: https://themeoo.com * Description: Ayyash is a clean and easy to use WordPress theme for any type of blog. It is a multi-purpose theme and can be used for travel journals, food blog, magazines, news websites, and personal blog. With it's advance page and post options and attractive interface of the theme, you can give an enticing look to your blog. Ayyash is fully compatible with the most popular page builders which will help you in creating awesome-looking content easily. Ayyash based on WordPress customizer settings panel. * Version: 1.0.8 * * Requires PHP: 7.3 * Requires at least: 5.0 * Tested up to: 5.8 * WC requires at least: 5.0 * WC tested up to: 6.1 * * License: GPL-3.0-or-later * License URI: https://www.gnu.org/licenses/gpl.html * Text Domain: ayyash * Domain Path: /languages/ * Tags: blog, one-column, two-columns, right-sidebar, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, footer-widgets, full-width-template, microformats, post-formats, sticky-post, theme-options, translation-ready */ /*---------------------------------------------------------------------- * Before EDIT this css please read the details instruction bellow * * If you are not going to change any basic layout or blog view then don't change this file. This file only containing basic blog styling. * themeoo_main.css is the file you may be looking for as the file contain all section and block styling * Please check assets css folder , there you will find all , make sure if you disable development mood then all things will be generated by auto script and combined. *----------------------------------------------------------------------*/ /*--------------------------------------------------------- 0. NoScript & Hidden Elements. -------------------------------------------------------- */ [hidden], .hidden, .js .closed .inside, .js .hide-if-js, .js .wp-core-ui .hide-if-js, .js.wp-core-ui .hide-if-js, .no-js .hide-if-no-js, .no-js .wp-core-ui .hide-if-no-js, .no-js.wp-core-ui .hide-if-no-js { display: none; } /*--------------------------------------------------------- 1.0 Generic Elements -------------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, article { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; } span a, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, p a, a { color: #333; transition: all 0.1s ease-out; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; } h1, h2, h3, h4, h5, h6, .faux-heading { letter-spacing: -0.0415625em; font-weight: 300; margin: 0.8em 0; line-height: 1.5em; font-feature-settings: "lnum"; font-variant-numeric: lining-nums; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; } h1 .fa-1x, h1 .fa-2x, h1 .fa-3x, h1 .fa-4x, h1 .fa-5x, h1 .fa-6x, h2 .fa-1x, h2 .fa-2x, h2 .fa-3x, h2 .fa-4x, h2 .fa-5x, h2 .fa-6x, h3 .fa-1x, h3 .fa-2x, h3 .fa-3x, h3 .fa-4x, h3 .fa-5x, h3 .fa-6x, h4 .fa-1x, h4 .fa-2x, h4 .fa-3x, h4 .fa-4x, h4 .fa-5x, h4 .fa-6x, h5 .fa-1x, h5 .fa-2x, h5 .fa-3x, h5 .fa-4x, h5 .fa-5x, h5 .fa-6x, h6 .fa-1x, h6 .fa-2x, h6 .fa-3x, h6 .fa-4x, h6 .fa-5x, h6 .fa-6x { font-size: 1em; display: inline-block; margin-right: 10px; } body { line-height: 1.5em; color: #6a6767; overflow-x: hidden; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; } h1, .heading-size-1 { font-size: 22px; } h2, .heading-size-2 { font-size: 20px; } h3, .heading-size-3 { font-size: 18px; } h4, .heading-size-4 { font-size: 16px; } h5, .heading-size-5 { font-size: 15px; } h6, .heading-size-6 { font-size: 14px; letter-spacing: 0.03125em; text-transform: uppercase; } h1.heading-404 { font-size: 120px; line-height: 150px; margin: 0; text-transform: uppercase; color: #9e8f8f; } h2.section-head { border-top: 1px solid #e0e0e0; font-size: 20px; padding: 1em 0; } p { margin-bottom: 1.5em; } p:empty { display: none; } blockquote { quotes: none; } blockquote:before { content: none; } blockquote:after { content: none; } blockquote p { line-height: 1.7em; } blockquote h1 { margin-top: 0; } blockquote h2 { margin-top: 0; } blockquote h3 { margin-top: 0; } blockquote h4 { margin-top: 0; } blockquote h5 { margin-top: 0; } blockquote h6 { margin-top: 0; } .theme-ayyash a:focus:not(.wp-block-button__link):not(.wp-block-file__button):not(.pagination.post-pagination a) { outline: dotted thin; text-decoration: none; outline-offset: 3px; } #site-nav a .action-icon:hover { cursor: pointer; } a.tag { cursor: pointer; display: inline-block; background: #504e4e; color: #fff; padding: 2px 8px; margin: 0 8px 8px 0; font-size: 12px; -webkit-border-radius: 0; border-radius: 0; background-clip: padding-box; } a.tag:hover { color: #fff; } img { border-style: none; vertical-align: top; max-width: 100%; height: auto; } strong { font-weight: bold; } ol { list-style-type: none; margin-bottom: 1.5em; } ul { list-style-type: none; margin-bottom: 1.5em; } li { list-style-type: none; } table { border-collapse: collapse; border-spacing: 0; } aside { display: block; } details { display: block; } figure { display: block; } figure.wp-caption { margin-bottom: 1.5em; } figcaption { display: block; } figcaption.blocks-gallery-caption, .wp-block-audio { margin-bottom: 1.5em; } .wp-block-cover__inner-container p { margin-bottom: 0; } footer { display: block; } header { display: block; -ms-word-wrap: break-word; word-wrap: break-word; } hgroup { display: block; } menu { display: block; } nav { display: block; } section { display: block; } input { margin: 0; padding: 0; outline: none; } textarea { outline: none; } cite { font-style: italic; padding-left: 20px; } q:before, q:after { content: "\201C"; display: inline-block; margin-right: 3px; } q:after { content: "\201D"; margin-left: 3px; } tt, kbd, pre, code, samp, var { color: #c7254e; background-color: #f9f2f4; font-family: inherit; padding: 4px 6px; -webkit-border-radius: 0; border-radius: 0; } pre { line-height: 1.7; overflow: auto; max-width: 100%; margin: 20px 0; padding: 30px; white-space: pre-wrap; } pre code { padding: 0; } abbr, acronym, dfn { font-size: .95em; cursor: help; letter-spacing: 1px; text-transform: uppercase; border-bottom: 1px dotted #e0e0e0; } details summary { font-weight: bold; margin-bottom: 22px; } details:focus { outline: none; text-decoration: none; } mark { text-decoration: none; background-color: #f3f3f3; } small { font-size: 75%; } big { font-size: 125%; } b, strong { font-weight: bold; } dfn, cite, em, i { font-style: italic; } figure { margin: 0; } address { margin: 15px 0; font-style: italic; } hr { height: 1px; margin-bottom: 22px; border: 0; border-top: 1px solid #e0e0e0; } ul, ol { margin: 0 0 22px 0; padding-left: 20px; } ul { list-style: disc; } ol { list-style: decimal; } li > ul, li > ol { margin-bottom: 0; margin-left: 1.5em; } dt { font-weight: bold; font-size: 1.1em; margin-bottom: 10px; } dd { margin: 0 22px 22px; } table { width: 100%; margin: 22px 0; text-align: left; border-width: 1px 1px 1px 0; border-style: solid; border-collapse: collapse; border-color: #e5e5e5; } table caption { font-weight: bold; margin-bottom: 22px; } table th, table td { padding: 6px 10px; margin: 0; } table th { border-width: 0 0 0 1px; border-style: solid; font-weight: 500; } table td { border-width: 1px 0 0 1px; border-style: solid; } table td[valign="top"] { vertical-align: top; } table td[valign="bottom"] { vertical-align: bottom; } img { max-width: 100%; height: auto; } img.wp-smiley { margin-top: 0; margin-bottom: 0; padding: 0; border: none; } .wp-caption { font-style: italic; line-height: 1.35; max-width: 100%; margin-bottom: 2.2rem; } .wp-caption img[class*="wp-image-"] { display: block; margin: 1.2% auto 0; } .wp-caption-text { font-size: 1.3rem; font-style: italic; line-height: 1.35; } .wp-caption .wp-caption-text { margin: 1.1rem 0; } embed, iframe, object { max-width: 100%; } div.wp-video-shortcode { margin-bottom: 2.2rem; } .fr { float: right; } .fl { float: left; } .cb { clear: both; } .center { text-align: center; } .caret-right { border-top: 4px solid transparent; border-right: 0; border-left: 4px solid; border-bottom: 4px solid transparent; } .mb0 { margin-bottom: 0 !important; } .pb0 { padding-bottom: 0 !important; } .nm { margin: 0 !important; } .np { padding: 0 !important; } hr { margin: 17px 0 18px; height: 0; clear: both; border: solid #ddd; border-top: 1px solid #ddd; border-bottom: 1px solid #fff; } hr.style-two { border: 0; height: 1px; background-image: -o-linear-gradient(to right, transparent, rgba(0, 0, 0, 0.75), transparent); } hr.fancy { border: 0; height: 1px; background: #e5e5e5; background-image: -webkit-gradient(linear, left top, right top, from(white), color-stop(#e0e0e0), to(white)); background-image: -webkit-linear-gradient(left, white, #e0e0e0, white); background-image: linear-gradient(to right, white, #e0e0e0, white); } .boxed { width: 100%; margin: 0 auto; background: #ddd; } .pace-builder-page #content .themeoo-row { padding: 0; } .pace-builder-page #content .themeoo-row > .container, .pace-builder-page #content .themeoo-row > .container-fluid { padding: 0; } .pace-builder-page .entry-footer .edit-link { display: none; } /* Global Styles */ .disabled a { color: #777; cursor: not-allowed; pointer-events: none; background-color: #fff; border-color: #ddd; } .disabled a:hover { cursor: not-allowed; pointer-events: none; background-color: #fff; } .disabled a i { cursor: not-allowed; pointer-events: none; } /* Text meant only for screen readers. */ .screen-reader-text { position: absolute !important; height: 1px; width: 1px; overflow: hidden; padding: 0; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .screen-reader-text:active, .screen-reader-text:focus { position: static; overflow: visible; white-space: normal; background-color: #f1f1f1; -webkit-border-radius: 0; border-radius: 0; clip: auto !important; color: #21759b; display: block; 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. */ } .byuser, .bypostauthor { position: relative; display: block; } .says { display: none; } .pingback .url, .trackback .url { display: block; } .sticky { position: relative; } .gallery-caption { position: relative; } .col-md-9 .container { width: 100%; } @media (max-width: 979px) and (min-width: 768px) { .sidebar-posts .post-title h5 { margin-top: 2px; } } @media (max-width: 767px) { .main-sidebar .search input { width: 98%; } .fixed-header .fixed-header-fix { height: 0; } .pagination.post-pagination i { display: none; } .pagination.post-pagination .next { text-align: center; } .pagination.post-pagination .next .text { margin-left: 0; margin-right: 0; } .pagination.post-pagination .next h4 { margin-left: 0; margin-right: 0; } .pagination.post-pagination .previous { text-align: center; border-bottom: 1px dotted #e5e5e5; } .pagination.post-pagination .previous .text { margin-left: 0; margin-right: 0; } .pagination.post-pagination .previous h4 { margin-left: 0; margin-right: 0; } #title-container .col-md-6 { margin-bottom: 0; } } /*--------------------------------------------------------- 2. Form Elements -------------------------------------------------------- */ /*#content select,#content input[type="text"],#content textarea,#content input[type="email"],#content input[type="password"],*/ .wpcf7 textarea, .wpcf7 select, .wpcf7 input[type="text"], .wpcf7 input[type="password"], .wpcf7 #content input[type="datetime"], .wpcf7 input[type="datetime"], .wpcf7 #content input[type="datetime-local"], .wpcf7 input[type="datetime-local"], .wpcf7 #content input[type="date"], .wpcf7 input[type="date"], .wpcf7 #content input[type="month"], .wpcf7 input[type="month"], .wpcf7 #content input[type="time"], .wpcf7 input[type="time"], .wpcf7 #content input[type="week"], .wpcf7 input[type="week"], .wpcf7 #content input[type="number"], .wpcf7 input[type="number"], .wpcf7 input[type="email"], .wpcf7 #content input[type="url"], .wpcf7 input[type="url"], .wpcf7 #content input[type="search"], .wpcf7 input[type="search"], .wpcf7 #content input[type="tel"], .wpcf7 input[type="tel"], .wpcf7 #content input[type="color"], .wpcf7 input[type="color"] { max-width: 400px; -webkit-border-radius: 0; border-radius: 0; padding: 8px 15px; margin: 4px 0; width: 100%; color: #9e8f8f; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; background-color: #fff; border-width: 1px; } #content input[type="text"], #content input[type="email"], #content input[type="password"] { border-width: 1px; border-style: solid; padding: 10px 10px; } #content select { border: 1px solid #e5e5e5; } #comments .post-comments-form input, #comments .post-comments-form textarea, #comments #post-comments-form input, #comments #post-comments-form textarea { margin: 16px 0; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } #comments .post-comments-form textarea, #comments .post-comments-form input[type=text], #comments #post-comments-form textarea, #comments #post-comments-form input[type=text] { height: 2.5em; border: 1px solid #e5e5e5; padding: 5px; width: 100%; color: #9e8f8f; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; background-color: #fff; } #comments .post-comments-form textarea, #comments #post-comments-form textarea { height: 10em; margin-top: 0; max-width: 100%; padding: 15px; } .comment-form-cookies-consent { padding-left: 15px; } .button, #submit, input[type="submit"] { border: none; font-family: inherit; font-size: inherit; cursor: pointer; padding: 10px 20px; display: inline-block; margin: 10px 20px 10px 0; letter-spacing: 0.5px; outline: none; position: relative; -webkit-transition: all 0.3s; transition: all 0.3s; color: #fff; -webkit-border-radius: 0; border-radius: 0; } .round.button, .round#submit, input[type="submit"].round { -webkit-border-radius: 50px; border-radius: 50px; } .button:hover, #submit:hover, .wpcf7-submit:hover { color: #fff; } #content, #content input[type="email"], #username, #content input[type="password"], .wpcf7 { background-color: #fff; } #content textarea, .wpcf7 textarea { height: 10em; margin-top: 0; background-color: #fff !important; } #content textarea:focus, .wpcf7 textarea:focus { border-color: #8f8ff6; background-color: #fff; text-decoration: none; } #question-category { background-color: #fff !important; padding: 10px 10px; } #content select:focus, .wpcf7 select:focus { border-color: #8f8ff6; background-color: #fff; text-decoration: none; } #content input[type="text"] { background: #fff; } #content input[type="text"]:focus, .wpcf7 input[type="text"]:focus { background-color: #fff; text-decoration: none; } #content input[type="password"]:focus, .wpcf7 input[type="password"]:focus { border-color: #8f8ff6; background-color: #fff; text-decoration: none; } #content input[type="datetime"]:focus, .wpcf7 input[type="datetime"]:focus { border-color: #8f8ff6; background-color: #fff; text-decoration: none; } #content input[type="datetime-local"]:focus, .wpcf7 input[type="datetime-local"]:focus { border-color: #8f8ff6; background-color: #fff; text-decoration: none; } #content input[type="date"]:focus, .wpcf7 input[type="date"]:focus { border-color: #8f8ff6; background-color: #fff; text-decoration: none; } #content input[type="month"]:focus, .wpcf7 input[type="month"]:focus { border-color: #8f8ff6; background-color: #fff; text-decoration: none; } #content input[type="time"]:focus, .wpcf7 input[type="time"]:focus { border-color: #8f8ff6; background-color: #fff; text-decoration: none; } #content input[type="week"]:focus, .wpcf7 input[type="week"]:focus { border-color: #8f8ff6; background-color: #fff; text-decoration: none; } #content input[type="number"]:focus, .wpcf7 input[type="number"]:focus { border-color: #8f8ff6; background-color: #fff; text-decoration: none; } #content input[type="email"]:focus, .wpcf7 input[type="email"]:focus { border-color: #8f8ff6; background-color: #fff; text-decoration: none; } #content input[type="url"]:focus, .wpcf7 input[type="url"]:focus { border-color: #8f8ff6; background-color: #fff; text-decoration: none; } #content input[type="search"]:focus, .wpcf7 input[type="search"]:focus { border-color: #8f8ff6; background-color: #fff; text-decoration: none; } #content input[type="tel"]:focus, .wpcf7 input[type="tel"]:focus { border-color: #8f8ff6; background-color: #fff; text-decoration: none; } #content input[type="color"]:focus, .wpcf7 input[type="color"]:focus { border-color: #8f8ff6; background-color: #fff; text-decoration: none; } #content label, .wpcf7 label { font-weight: bold; } #content .themeoo-row.np:first-child, .wpcf7 .themeoo-row.np:first-child { padding-top: 30px !important; } #content .themeoo-row.np:last-child, .wpcf7 .themeoo-row.np:last-child { padding-bottom: 30px !important; } #content article.error404 form.search input, .wpcf7 article.error404 form.search input { border: 1px solid #e0e0e0; padding: 5px 10px; font-size: 1.2em; height: 30px; color: #9e8f8f; width: 97%; -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; background-color: #fff; max-width: 94%; } .wpcf7 { background-color: transparent; } form.search input { padding: 5px; width: 100%; max-width: none !important; color: #9e8f8f; border: transparent; -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; background-color: #fff; } form.search input:focus { border-color: #8f8ff6; background-color: #fff; text-decoration: none; } form.search .text { position: relative; } form.search .ti-search { position: absolute; width: 40px; height: 100%; background: none; color: #888; border: none; overflow: hidden; padding: 0; right: 0; top: 0; line-height: 50px !important; cursor: pointer; } form.search .ti-search:hover { color: #504e4e; } form.search .ti-search:before { display: inline-block; width: 30px; height: 30px; line-height: 50px; } .post-password-form { width: 100%; max-width: 1170px; margin: 30px auto; padding: 0 15px; text-align: center; } .button { margin: 5px 5px 5px 0; padding: 0.85em 1.4em; color: #fff; } .sidebar-widget .woocommerce a.button { color: #fff !important; } .button.small { font-size: 0.8em; } .button.big { font-size: 1em; } .button.large { font-size: 1.4em; } .button.light { background: transparent; color: #efefef; border: 2px solid #efefef; } .button.light:hover, .button.light:focus, .button.light:active { background: rgba(255, 255, 255, 0.2); color: #ffffff; border-color: #ffffff; -webkit-box-shadow: 0 0 5px rgba(255, 255, 255, 0.2); box-shadow: 0 0 5px rgba(255, 255, 255, 0.2); } .button.dark { background: transparent; color: #444; border: 2px solid #444; } .button.dark:hover, .button.dark:focus, .button.dark:active { background: rgba(0, 0, 0, 0.1); color: #222; border-color: #222; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); } .wpcf7-submit { margin: 5px 5px 5px 0 !important; padding: 10px 16px !important; } /*---------------------------------------------------------------------- * Menu *----------------------------------------------------------------------*/ .menu-not-assigned { line-height: 100%; text-align: right; padding: 40px 0; font-size: 16px; } /*--------------------------------------------------------- 4. Header -------------------------------------------------------- */ .site-title { margin: 10px 0; } .site-description { display: block; margin-bottom: 10px; } .main-header { z-index: 10000; background: #fff; border-bottom: 1px solid #e0e0e0; width: inherit; } .main-header.mobile .logo-container .logo { text-align: center; } .main-header.mobile .menu-container { margin-bottom: 40px; } .main-header.mobile .menu-container .logo { text-align: center; } .logo { margin: 0; text-align: left; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; position: relative; } .logo .retina { display: none; } .csstransitions .logo img { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .main-header a.header-login { color: #fff; } .main-header a.header-login:hover { color: #fff; } @media (max-width: 991px) { .logo { text-align: left !important; } .csstransitions .logo img { -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } } @media (max-width: 480px) { .col-md-3 .logo { text-align: center; padding: 0; } } @media (min-width: 2500px) { .logo .normal { display: none; } .logo .retina { display: block; } } .col-md-12 .logo { text-align: center; } @media (max-width: 767px) { .site-branding .logo, .site-branding .site-title, .site-branding .site-description { text-align: center !important; } } @media (max-width: 480px) { .main-header { border-bottom: none; } } .secondary-header { padding: 10px 0; border-bottom: 1px solid #e0e0e0; } .secondary-header .callout { height: 30px; } .secondary-header .callout p { margin: 6px 5px; font-size: 12px; } .secondary-header .social-icon-container { margin: 2px 0; text-align: right; } .secondary-header .social-icon-container ul { padding: 0 5px 0 0; } .secondary-header .social-icon-container .social-icon { font-size: 14px; width: 24px; line-height: 24px; } .secondary-header .search-form .text { text-align: right; width: 200px; float: right; } .secondary-header .search-form form.search input { padding: 2px 5px; font-size: 12px; line-height: 20px; height: 40px; border: none; -webkit-box-shadow: none; box-shadow: none; } .secondary-header .search-form .ti-search { top: -3px; right: -3px; } .secondary-header .row > .social-icon-container:first-child { text-align: left; } .secondary-header .row > .search-form:first-child .text { float: none; } .secondary-header .row > .callout:last-child { text-align: right; } @media (max-width: 991px) { .secondary-header .callout, .secondary-header .social-icon-container, .secondary-header .search-form { width: 100%; float: none; text-align: center !important; margin-bottom: 10px; height: auto; } .secondary-header .callout p, .secondary-header .social-icon-container p, .secondary-header .search-form p { margin-bottom: 0; } .secondary-header .search-form .text { float: none; margin: 10px auto; width: 100%; max-width: 300px; } } /*--------------------------------------------------------- 5. Content -------------------------------------------------------- */ .entry-content blockquote, .action { background-color: #f5f5f5; padding: 2em; margin-bottom: 3em; -webkit-box-shadow: 0 8px 6px -7px rgba(0, 0, 0, 0.3); box-shadow: 0 8px 6px -7px rgba(0, 0, 0, 0.3); } .entry-content > .wp-block-cover.alignwide:first-child, .entry-content > .wp-block-cover.alignfull:first-child { margin-top: 0; } a .action-icon { text-align: center; display: inline-block; background: #f5f5f5; -webkit-border-radius: 100px; border-radius: 100px; font-size: 1em; width: 21px; height: 21px; line-height: 21px; position: relative; color: #fff; -webkit-box-sizing: content-box !important; box-sizing: content-box !important; } .flexslider .slides { padding-left: 0; } .arrow-container .left-arrow-small, .arrow-container .right-arrow-small { width: 25px; height: 30px; background-color: rgba(0, 0, 0, 0.6); display: block; float: left; margin-right: 10px; text-align: center; } article.post-normal .post-image-dummy, article.page .post-image-dummy, .post .post-image-dummy, .post-medium .post-image-dummy { background: #fff; height: 191px; border: 1px solid #e0e0e0; } .grid-container { margin-left: -15px; margin-right: -15px; } .post-grid-wrap { width: 100%; padding: 0 15px; } .post-grid-wrap .effect { -webkit-box-shadow: none; box-shadow: none; } /* Small devices (tablets, 768px and up) */ @media (min-width: 768px) { .post-grid-wrap { width: 50%; } } /* Medium devices (desktops, 992px and up) */ @media (min-width: 992px) { .post-grid-wrap { width: 33.33%; } } /* Large devices (large desktops, 1200px and up) */ .post-grid { border: 1px solid #e5e5e5; background: #f5f5f5; padding: 0 0 15px; overflow: hidden; -webkit-border-radius: 0; border-radius: 0; margin-bottom: 30px; } .post-grid h1.post-title { text-align: center; margin: 10px 18px !important; } .post-grid .entry-meta { text-align: center; } .post-grid .post-image { overflow: hidden; margin-top: 0; position: relative; } .post-grid .post-image a:hover img { opacity: 1; } .post-grid h1 { margin-top: 16px; margin-bottom: 5px; font-size: 20px; } .pagination.post-pagination .next i, .pagination.post-pagination .previous i { position: absolute; font-size: 18px; left: 8px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; top: 50%; transform: translateY(-50%); } .entry-content a, .comment-content a { text-decoration: underline; } .entry-content table { display: table; border-collapse: separate; border-color: #e0e0e0; } .entry-content tbody { display: table-row-group; vertical-align: middle; border-color: inherit; } .entry-content tr { display: table-row; vertical-align: inherit; border-color: inherit; } .entry-content ul ul, .entry-content ol ul { list-style-type: circle; list-style-position: inside; margin-left: 1.5em; } .entry-content ul ol, .entry-content ol ol { list-style-type: lower-latin; list-style-position: inside; margin-left: 1.5em; } article { display: block; } article.post-normal { padding: 0; border-width: 1px; border-style: solid; } article.post-normal:first-child { padding-top: 0; } article.post-normal h1 { margin: 15px 0 20px; text-align: left; } article.post-normal .entry-meta { color: #9d9a9a; } article.post-normal .entry-meta .separator { margin: 0 5px; } article.post-normal .post-image img { max-width: 100% !important; } article.page h1 { margin: 15px 0 20px; text-align: left; } article.page .entry-meta { color: #9d9a9a; } article.page .entry-meta .separator { margin: 0 2px; } article.page .post-image img { width: 100%; max-width: 100% !important; } article.error404 form.search .text { position: relative; } article.error404 form.search .fa-search { position: absolute; width: 30px; height: 30px; background: none; color: #888; border: none; overflow: hidden; vertical-align: middle; padding: 0; right: 15px; top: 8px; font-size: 30px; } article.error404 form.search .fa-search:hover { color: #504e4e; } article.error404 form.search input:focus { border-color: #8f8ff6; background-color: #fff; text-decoration: none; } article.error404 h2 { margin: 50px 0; } .boxed { background-size: cover !important; background-attachment: fixed !important; background-position: center center !important; } #title-container { background-size: cover !important; background-position: center center !important; } #title-container { background: #f5f5f5; border-bottom: 1px solid #e5e5e5; text-align: center; padding: 8px 0; position: relative; } #title-container::after { content: ''; position: absolute; width: 100%; height: 100%; background: rgba(251, 253, 255, 0.35); left: 0; top: 0; z-index: 2; } .title-container { position: relative; z-index: 22; } #title-container h3 { font-size: 16px; margin: 0; -ms-word-wrap: break-word; word-wrap: break-word; line-height: 35px; } #title-container ul { margin: 0; } #title-container ul li { display: inline-block; margin-right: 5px; font-size: 11px; } #title-container ul li:after { content: '/'; } #title-container ul li a { padding-right: 5px; font-size: 11px; } #title-container ul li a:hover { opacity: 0.8; } #title-container ul li:last-child:after { content: none; } @media (min-width: 1200px) { .boxed { width: 1200px; } } @media (min-width: 992px) { #title-container { text-align: left; } #title-container ul { float: right; } } @media (max-width: 991px) { #title-container .col-md-6 { margin-bottom: 0; } } @media (min-width: 992px) and (max-width: 1199px) { .boxed { width: 992px; } } @media (min-width: 768px) and (max-width: 991px) { .boxed { width: 768px; } } .boxed #page { -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2); margin: 0 auto; position: relative; width: inherit; } .themeoo-row { padding: 30px 0; border-style: solid; } .themeoo-row.pt-0.pb-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .themeoo-row.pt-0 { padding-top: 0 !important; } .themeoo-row.pb-0 { padding-bottom: 0 !important; } .themeoo-row.slider-row { padding: 0; } .themeoo-row#content { padding-bottom: 30px !important; } .themeoo-row.post-list .post-normal { margin-bottom: 30px; } #colophon { padding: 30px 0; } #colophon .themeoo-row:first-child { padding-top: 10px; } #colophon .themeoo-row:last-child { padding-top: 0; } .row.v-align-top, .row.v-align-middle, .row.v-align-bottom { display: table; } .row.v-align-top > div[class*='col-'], .row.v-align-middle > div[class*='col-'], .row.v-align-bottom > div[class*='col-'] { float: none; display: table-cell; vertical-align: middle; } .row.v-align-top > div[class*='col-'] { vertical-align: top; } .row.v-align-bottom > div[class*='col-'] { vertical-align: bottom; } .no-gutter > [class*='col-'] { padding-right: 0; padding-left: 0; } [class*='col-'] { border-style: solid; } @media (max-width: 991px) { .row.v-align-top > div[class*='col-'], .row.v-align-middle > div[class*='col-'], .row.v-align-bottom > div[class*='col-'] { display: block; } } .entry-content { margin: 0; } .entry-content .page-links { font-weight: bold; } .entry-content blockquote { margin: 2em 0; } .entry-content blockquote p { font-size: 1em; margin: 0; } .entry-content blockquote p cite { display: block; font-style: italic; } .entry-content .entry-meta { margin-bottom: 5px; } .entry-content td { display: table-cell; vertical-align: inherit; } .entry-content th { display: table-cell; vertical-align: inherit; font-weight: bold; } .entry-content ul { list-style-position: inside; margin-bottom: 10px; } .entry-content ul li { list-style-type: disc; margin-bottom: 5px; } .entry-content ul ul li { list-style-type: circle; } .entry-content ul ul ul li { list-style-type: square; } .entry-content ul ol ul li { list-style-type: square; } .entry-content ul ol li { list-style-type: decimal; } .entry-content ol { list-style-position: inside; margin-bottom: 0; } .entry-content ol li { list-style-type: decimal; } .entry-content ol ul li { list-style-type: circle; } .entry-content ol ul ul li { list-style-type: square; } .entry-content ol ul ol li { list-style-type: decimal; } .entry-content ol ol ul li { list-style-type: square; } .entry-content .alert { margin-bottom: 20px; padding-bottom: 14px; padding-top: 14px; padding-right: 25px; } .entry-content .alert strong { color: #c09853; } .entry-content .alert p { margin-bottom: 0; } .entry-content .alert .close { padding-right: 5px; } .entry-content .themeoo-row:last-child { padding-bottom: 0; } .slider { margin: 0 auto 2em auto; } .action { margin-left: 1em; margin-right: 1em; } .action p { margin: 1em 0 0; font-size: 1em; } .action.noborder { border: none; } /*Hover icon*/ .hover-icon { text-align: center; } .hover-icon a.fa:before { font-size: 30px; line-height: 60px; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; display: block; -webkit-font-smoothing: antialiased; } .hover-icon a.fa:hover { color: #fff; } .hover-icon a.fa:hover:before { -webkit-animation: toRightFromLeft 0.3s forwards; animation: toRightFromLeft 0.3s forwards; } .hover-icon a.fa.from-right:hover:before { -webkit-animation: toLeftFromRight 0.3s forwards; animation: toLeftFromRight 0.3s forwards; } .hover-icon a.fa.from-top:hover:before { -webkit-animation: toBottomFromTop 0.3s forwards; animation: toBottomFromTop 0.3s forwards; } .hover-icon a.fa.from-bottom:hover:before { -webkit-animation: toTopFromBottom 0.3s forwards; animation: toTopFromBottom 0.3s forwards; } .hover-icon a.fa.rotate:hover:before { -webkit-animation: spinAround 2s linear infinite; animation: spinAround 2s linear infinite; } .hover-icon a.fa.fa-1x { width: 28px; height: 28px; } .hover-icon a.fa.fa-1x:before { font-size: 16px; line-height: 28px; } .hover-icon a.fa.fa-2x { width: 45px; height: 45px; } .hover-icon a.fa.fa-2x:before { font-size: 22px; line-height: 45px; } .hover-icon a.fa.fa-4x { width: 80px; height: 80px; } .hover-icon a.fa.fa-4x:before { font-size: 42px; line-height: 80px; } .hover-icon a.fa.fa-5x { width: 100px; height: 100px; } .hover-icon a.fa.fa-5x:before { font-size: 54px; line-height: 100px; } /*end of hover icon*/ .feature-box .icon-wrap { float: left; margin-top: 5px; } .feature-box .feature-box-title { margin-top: 0; margin-bottom: 15px; } .feature-box p:last-child { margin-bottom: 0; } .feature-box.size-1 .feature-box-content { margin-left: 35px; } .feature-box.size-2 .feature-box-content { margin-left: 55px; } .feature-box.size-3 .feature-box-content { margin-left: 75px; } .feature-box.size-4 .feature-box-content { margin-left: 95px; } .feature-box.size-5 .feature-box-content { margin-left: 115px; } @-webkit-keyframes toRightFromLeft { 49% { -webkit-transform: translate(100%); } 50% { opacity: 0; -webkit-transform: translate(-100%); } 51% { opacity: 1; } } @keyframes toRightFromLeft { 49% { -webkit-transform: translate(100%); transform: translate(100%); } 50% { opacity: 0; -webkit-transform: translate(-100%); transform: translate(-100%); } 51% { opacity: 1; } } @-webkit-keyframes toLeftFromRight { 49% { -webkit-transform: translate(-100%); } 50% { opacity: 0; -webkit-transform: translate(100%); } 51% { opacity: 1; } } @keyframes toLeftFromRight { 49% { -webkit-transform: translate(-100%); transform: translate(-100%); } 50% { opacity: 0; -webkit-transform: translate(100%); transform: translate(100%); } 51% { opacity: 1; } } @-webkit-keyframes toTopFromBottom { 49% { -webkit-transform: translateY(-100%); } 50% { opacity: 0; -webkit-transform: translateY(100%); } 51% { opacity: 1; } } @keyframes toTopFromBottom { 49% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } 50% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } 51% { opacity: 1; } } @-webkit-keyframes toBottomFromTop { 49% { -webkit-transform: translateY(100%); } 50% { opacity: 0; -webkit-transform: translateY(-100%); } 51% { opacity: 1; } } @keyframes toBottomFromTop { 49% { -webkit-transform: translateY(100%); transform: translateY(100%); } 50% { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } 51% { opacity: 1; } } @-webkit-keyframes spinAround { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @keyframes spinAround { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /********************* Image Effects *********************/ .effect { position: relative; text-align: center; } .effect img { display: block; margin: 0; padding: 0; max-width: 100%; height: auto; } .overlay { display: block; position: absolute; z-index: 20; background: rgba(0, 0, 0, 0.7); overflow: hidden; -webkit-transition: all 0.5s; transition: all 0.5s; } a.close-overlay { display: block; position: absolute; top: 0; right: 0; z-index: 100; width: 45px; height: 45px; font-size: 20px; font-weight: 700; color: #fff; line-height: 45px; text-align: center; background-color: #000; cursor: pointer; } a.close-overlay.hidden { display: none; } a.expand { display: block; position: absolute; z-index: 100; width: 30px; height: 30px; border: solid 1px #fff; text-align: center; color: #fff !important; line-height: 30px; font-weight: 300; font-size: 20px; -webkit-border-radius: 30px; border-radius: 30px; } .slide-top .overlay { top: 0; bottom: 0; left: 0; right: 0; opacity: 0; } .slide-top .overlay a.expand { left: 0; right: 0; top: 0; margin: 0 auto; opacity: 0; -webkit-transition: all 0.5s; transition: all 0.5s; } .slide-top .overlay a.expand:hover, .slide-top .overlay a.expand:focus { color: #fff !important; text-decoration: none; } .slide-top.hover .overlay { opacity: 1; } .slide-top.hover .overlay a.expand { top: 50%; margin-top: -20px; opacity: 1; } .effect .caption { padding: 2em; color: #fff; text-transform: uppercase; font-size: 1.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent !important; } .effect .caption:before, .effect .caption:after { pointer-events: none; } .effect .caption a { z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .effect .caption h2 { word-spacing: -0.15em; font-weight: 300; font-size: 1.2em; } .effect .caption p { letter-spacing: 1px; font-size: 68.5%; margin: 0; } .aligncenter { display: block; margin: 0 auto; } @-webkit-keyframes rotateScale { 0% { -webkit-transform: rotate(-175deg) scale(0.2); } 100% { -webkit-transform: rotate(0deg) scale(1); } } @keyframes rotateScale { 0% { -webkit-transform: rotate(-175deg) scale(0.2); transform: rotate(-175deg) scale(0.2); } 100% { -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); } } .themeoo-gallery { text-align: center; } .themeoo-gallery .themeoo-gallery-thumb { display: block; margin: 10px; position: relative; } .themeoo-gallery .themeoo-gallery-thumb img { width: 100%; -webkit-transition: all 1s ease; transition: all 1s ease; } .themeoo-gallery .themeoo-gallery-thumb .overlay { background: rgba(0, 0, 0, 0.8); width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: block; opacity: 0; -webkit-transition: opacity 0.4s ease-in-out; transition: opacity 0.4s ease-in-out; } .themeoo-gallery .themeoo-gallery-thumb .overlay .image-title { font-size: 1.5em; text-align: center; text-transform: uppercase; color: #fff; padding: 0 10px; letter-spacing: 0.75px; } .themeoo-gallery .themeoo-gallery-thumb:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .themeoo-gallery .themeoo-gallery-thumb:hover .overlay { opacity: 0.7; } .themeoo-gallery .themeoo-gallery-thumb:hover .overlay .fa { -webkit-animation: rotateScale 0.8s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275); animation: rotateScale 0.8s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275); } .themeoo-gallery .themeoo-gallery-thumb:focus { outline: none; text-decoration: none; } .themeoo-gallery .themeoo-gallery-thumb > .overlay { padding-top: 30%; } .themeoo-gallery.rounded img, .themeoo-gallery.rounded span { -webkit-border-radius: 150px; border-radius: 150px; } .themeoo-gallery.no-pad .themeoo-gallery-thumb-wrap { padding: 0 !important; } .themeoo-gallery.rounded .themeoo-gallery-thumb-wrap .themeoo-gallery-thumb { -webkit-border-radius: 1000px; border-radius: 1000px; } .themeoo-gallery-thumb-wrap { float: left; } .themeoo-gallery-thumb-wrap .themeoo-gallery-thumb { display: block; overflow: hidden; z-index: 1; position: relative; margin: 0; } .themeoo-gallery-thumb-wrap .themeoo-gallery-thumb img { width: 100%; max-width: none; -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } .themeoo-gallery-thumb-wrap .themeoo-gallery-thumb:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .themeoo-gallery.two-col { margin: 20px -15px; } .themeoo-gallery.two-col .themeoo-gallery-thumb-wrap { width: 50%; padding: 15px; } .themeoo-gallery.two-col .themeoo-gallery-thumb .fa { width: 120px; height: 120px; line-height: 120px; font-size: 60px; -webkit-border-radius: 120px; border-radius: 120px; } .themeoo-gallery.two-col .image-title { font-size: 2.2em; top: 50%; } .themeoo-gallery.three-col { margin: 20px -10px; } .themeoo-gallery.three-col .themeoo-gallery-thumb-wrap { width: 33.333%; padding: 10px; } .themeoo-gallery.three-col .themeoo-gallery-thumb .fa { width: 90px; height: 90px; line-height: 90px; font-size: 45px; -webkit-border-radius: 90px; border-radius: 90px; } .themeoo-gallery.three-col .image-title { font-size: 1.8em; top: 50%; } .themeoo-gallery.four-col { margin: 20px -8px; } .themeoo-gallery.four-col .themeoo-gallery-thumb-wrap { width: 25%; padding: 8px; } .themeoo-gallery.four-col .themeoo-gallery-thumb .fa { width: 60px; height: 60px; line-height: 60px; font-size: 30px; -webkit-border-radius: 60px; border-radius: 60px; } .themeoo-gallery.four-col .image-title { font-size: 1.5em; top: 50%; } .themeoo-gallery.five-col { margin: 20px -6px; } .themeoo-gallery.five-col .themeoo-gallery-thumb-wrap { width: 20%; padding: 6px; } .themeoo-gallery.five-col .themeoo-gallery-thumb .fa { width: 40px; height: 40px; line-height: 40px; font-size: 20px; -webkit-border-radius: 40px; border-radius: 40px; } .themeoo-gallery.five-col .image-title { font-size: 1.2em; top: 50%; } .themeoo-gallery.six-col { margin: 20px -5px; } .themeoo-gallery.six-col .themeoo-gallery-thumb-wrap { width: 16.6666%; padding: 5px; } .themeoo-gallery.six-col .themeoo-gallery-thumb .fa { width: 30px; height: 30px; line-height: 30px; font-size: 15px; -webkit-border-radius: 30px; border-radius: 30px; } .themeoo-gallery.six-col .image-title { font-size: 1em; top: 50%; } @media (max-width: 420px) { .themeoo-gallery.two-col, .themeoo-gallery.three-col, .themeoo-gallery.four-col, .themeoo-gallery.five-col, .themeoo-gallery.six-col { margin: 20px -10px; } .themeoo-gallery.two-col .themeoo-gallery-thumb-wrap, .themeoo-gallery.three-col .themeoo-gallery-thumb-wrap, .themeoo-gallery.four-col .themeoo-gallery-thumb-wrap, .themeoo-gallery.five-col .themeoo-gallery-thumb-wrap, .themeoo-gallery.six-col .themeoo-gallery-thumb-wrap { width: 100%; padding: 10px; } } @media (max-width: 768px) { .themeoo-gallery.two-col, .themeoo-gallery.three-col, .themeoo-gallery.four-col, .themeoo-gallery.five-col, .themeoo-gallery.six-col { margin: 20px -10px; } .themeoo-gallery.two-col .themeoo-gallery-thumb-wrap, .themeoo-gallery.three-col .themeoo-gallery-thumb-wrap, .themeoo-gallery.four-col .themeoo-gallery-thumb-wrap, .themeoo-gallery.five-col .themeoo-gallery-thumb-wrap, .themeoo-gallery.six-col .themeoo-gallery-thumb-wrap { width: 50%; padding: 10px; } } /* Small devices (tablets, 768px and up) */ @media (min-width: 768px) and (max-width: 992px) { .themeoo-gallery.two-col, .themeoo-gallery.three-col, .themeoo-gallery.four-col, .themeoo-gallery.five-col, .themeoo-gallery.six-col { margin: 20px -10px; } .themeoo-gallery.two-col .themeoo-gallery-thumb-wrap, .themeoo-gallery.three-col .themeoo-gallery-thumb-wrap, .themeoo-gallery.four-col .themeoo-gallery-thumb-wrap, .themeoo-gallery.five-col .themeoo-gallery-thumb-wrap, .themeoo-gallery.six-col .themeoo-gallery-thumb-wrap { width: 50%; padding: 10px; } } /* Medium devices (desktops, 992px and up) */ @media (min-width: 992px) and (max-width: 1200px) { .themeoo-gallery.two-col, .themeoo-gallery.three-col, .themeoo-gallery.four-col, .themeoo-gallery.five-col, .themeoo-gallery.six-col { margin: 20px -10px; } .themeoo-gallery.two-col .themeoo-gallery-thumb-wrap, .themeoo-gallery.three-col .themeoo-gallery-thumb-wrap, .themeoo-gallery.four-col .themeoo-gallery-thumb-wrap, .themeoo-gallery.five-col .themeoo-gallery-thumb-wrap, .themeoo-gallery.six-col .themeoo-gallery-thumb-wrap { width: 33.33%; padding: 10px; } } .read-more { display: inline-block; float: right; margin-right: 15px; } .read-more a { position: relative; word-break: keep-all; white-space: nowrap; text-decoration: none; } .read-more a .ti-angle-double-right { position: relative; top: 3px; font-size: 21px; /* Font size to match the focus ring around */ -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; right: 0; text-decoration: none; } .read-more a:active span, .read-more a:focus span, .read-more a:hover span { text-decoration: underline; } .read-more a:active .ti-angle-double-right, .read-more a:focus .ti-angle-double-right, .read-more a:hover .ti-angle-double-right { right: -5px; } .arrow-container { float: right; margin-top: 10px; } .arrow-container a { font-size: 20px; line-height: 30px; color: #fff; font-weight: bolder; } .arrow-container a:hover { color: #fff; } .tags.action { width: 80%; border-left: none; margin: 2em auto; } .contact-icon { font-size: 16px; margin-right: 5px; } .contact-icon.fa-mobile-phone { font-size: 160%; } .contact-icon.fa-envelope-alt { font-size: 95%; } .post-grid .sticky-label { text-align: center; } .sticky-post-label { padding: 3px 6px; background: #fff; color: #333; -webkit-border-radius: 0; border-radius: 0; font-size: 1.0em; transition: .4s; } .post h1 { margin: 15px 0 20px; text-align: left; } .post h1.post-title { margin-top: 5px; margin-bottom: 5px; } .post .entry-meta { color: #9d9a9a; margin-bottom: 15px; } .post .entry-meta .separator { margin: 0 2px; } .post-medium { margin: 0 0 30px 0; padding: 0 0 0 0; background: #fff; position: relative; transition: all .3s linear; border-width: 1px; border-style: solid; } .post-medium:hover { margin-top: -5px; margin-bottom: 35px; } .has-post-thumbnail.post-medium .sticky-label { overflow: hidden; margin-bottom: 10px; } .has-post-thumbnail span.sticky-post-label { position: absolute; /*position: absolute;*/ left: 30px; top: 30px; z-index: 99; } .single-post .has-post-thumbnail span.sticky-post-label { top: -35px; } .post-medium .sticky-label { display: inline; padding-left: 25px; } .post-medium .sticky-label span { display: inline-block; } .post-medium.sticky .sticky-label .sticky-post-label { font-size: 13px; line-height: 1.1; font-weight: 500; } .post-medium .post-title { margin: 0; -ms-word-wrap: break-word; word-wrap: break-word; } .post-medium .entry-meta { color: #9d9a9a; } .post-medium .entry-meta .separator { margin: 0 2px; } .post-medium .medium-left { float: left; width: 30%; margin: 0; } .post-medium .post-image img { width: 100%; } .post-medium .post-image a:hover img { opacity: 0.4; } .post-medium .post-image a:hover .fa-search { opacity: 0.8; -webkit-transform: translateY(0); } .post-medium .post-image a:hover .fa-minus-sign { opacity: 0; } .post-medium .entry-content { margin: 0; clear: none; overflow: hidden; padding: 15px 30px 0 30px; } .post-medium .entry-content p { margin: 0; } .post-medium .fa-minus-sign { -webkit-transition: all 0.3s; } article.post-normal h3.post-title, article.post-normal .entry-meta, article.post-normal .entry-content, article.post-normal .entry-footer { padding: 0 30px; } article.post-normal .entry-footer { padding-bottom: 30px; } article.post-grid h3.post-title { padding: 0 30px; font-size: 18px; } .post-normal.format-link h3.post-title { padding-top: 30px } .extra-class-title { padding-top: 30px; } /* Clearfix */ .entry-content:before, .entry-content:after, .gallery:before, .gallery:after { content: ' '; display: table; } .entry-content:after, .gallery:after { clear: both; } .entry-audio-post-format .wp-block-audio audio { min-width: auto; max-width: 100%; } .blog-normal a { -webkit-transition: all 0.3s; transition: all 0.3s; } .post-image { width: 100%; margin: 0; border: none; position: relative; opacity: 1; transition: opacity 0.25s ease-in-out; -moz-transition: opacity 0.25s ease-in-out; -webkit-transition: opacity 0.25s ease-in-out; } .post-image .empty-image { background: #e5e5e5; } .post-image a .more-icon { position: absolute; -webkit-transform: translateY(-10px); top: 42%; left: 46%; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; opacity: 0; font-size: 18px; height: 32px; width: 32px; line-height: 32px; text-align: center; } .post-image a:hover { color: #504e4e; } .post-image a:hover .more-icon { opacity: 0.9; -webkit-transform: translateY(0); } .post-image .fa-minus-sign { position: absolute; top: 40%; left: 50%; font-size: 48px; } .post-grid .post-image a img { -webkit-transition: all 0.5s; } .post-grid .entry-meta { margin: 0 18px; } .post-grid .entry-content { margin: 0 18px; } .post-grid h1 { margin: 0 18px; } .post-grid.animate { -webkit-transform: translateY(200px); -ms-transform: translateY(200px); transform: translateY(200px); -webkit-animation: moveUp 0.65s ease forwards; animation: moveUp 0.65s ease forwards; } .post-normal h1 { margin: 5px 0; } .single .post-normal { padding: 0; } .single-post .entry-content { padding-bottom: 15px !important; } #article-container { position: relative; margin-top: 1.5em; } .post-date, .post-comment-stat { font-size: 11px; line-height: 11px; } .post-date { color: #9d9a9a; } .post-date i { margin-right: 5px; } .pagination .current { color: #fff; } .pagination.post-pagination { text-align: left; margin-bottom: 0; margin-top: 30px; padding: 2em 0 15px; border-top: 1px solid #e0e0e0; border-radius: 0; } .pagination.post-pagination.row { width: 100%; padding-bottom: 0; } .pagination.post-pagination h4 { margin-top: 5px; } .pagination.post-pagination a { border: none; font-size: 18px; padding-left: 0; margin-left: 0; margin-right: 0; padding-right: 0; color: #333; } .pagination.post-pagination a:hover { border: none; color: #27ae60; } .pagination.post-pagination a:hover .previous i { left: 0; } .pagination.post-pagination a:hover .next i { right: 0; } .pagination.post-pagination a .text { text-transform: uppercase; font-size: 13px; } .pagination.post-pagination a h4 { font-size: 18px; } .pagination.post-pagination .next { text-align: right; position: relative; } .pagination.post-pagination .next i { top: 50%; transform: translateY(-50%); left: auto; right: 8px; } .pagination.post-pagination .next .text { margin-left: 0; margin-right: 28px; } .pagination.post-pagination .next h4 { margin-left: 0; margin-right: 40px; text-align: right !important; font-size: 16px; margin-top: 15px; -ms-word-wrap: break-word; word-wrap: break-word; } .pagination.post-pagination .previous { position: relative; text-align: left; } .pagination.post-pagination .previous .text { margin-left: 28px; } .pagination.post-pagination .previous h4 { margin-left: 42px; text-align: left !important; font-size: 16px; margin-top: 15px; -ms-word-wrap: break-word; word-wrap: break-word; } .pagination .fa-angle-double-left { font-size: 12px; } .pagination .ti-angle-double-right { font-size: 12px; } .post-medium .entry-footer { margin-top: 15px; padding-right: 30px; padding-left: 30px; display: flex; margin-bottom: 15px; } .post-medium.format-audio .entry-footer { padding-left: 0; } .post-grid .carousel img { border-radius: 0; } .post-grid .post-video iframe { height: 300px !important; } .header-link-area h3 { padding-top: 30px !important; } .entry-footer ul { padding: 0; margin-right: 20px; display: inline-block; } .entry-footer ul:last-child { margin-right: 0; } .post-categories, .post-tags { margin: 0; padding: 0; display: inline-block; } /*noinspection CssNoGenericFontName*/ .post-categories:before, .post-tags:before { display: inline-block; content: "\e639"; font-family: "themify"; margin-right: 4px; color: #9d9a9a; } .post-categories li, .post-tags li { display: inline-block; } .post-categories li:after, .post-tags li:after { display: inline-block; content: '/'; padding: 0 2px 0 5px; } .post-categories li:last-child:after, .post-tags li:last-child:after { display: none; } .post-tags:before { content: "\e608"; } .entry-footer .fa { position: relative; top: 19px; } .alignleft { float: left; display: block; margin-right: 1em; } .alignright { float: right; display: block; margin-left: 1em; } .wp-caption-text { text-align: center; } .onehalf { float: left; padding: 0 20px 0 0; width: 50%; } .onethird { float: left; padding: 0 20px 0 0; width: 33.3%; } .twothird { float: left; padding: 0 20px 0 0; width: 66.6%; } .onefourth { float: left; padding: 0 20px 0 0; width: 25%; } .twofourth { float: left; padding: 0 20px 0 0; width: 50%; } .threefourth { float: left; padding: 0 20px 0 0; width: 68%; } .message { background-color: #ffffe0; border: 1px solid #e6db55; margin: 5px 0 15px; padding: .6em; width: 60%; -webkit-border-radius: 2px; border-radius: 2px; } .bg-section { padding: 2em 0; overflow: hidden; background-color: #1a1a1a; background-size: cover; background-attachment: fixed; } .bg-section h1 { text-shadow: none; } .bg-section h2 { text-shadow: none; } .bg-section h3 { text-shadow: none; } .bg-section h4 { text-shadow: none; } .bg-section h5 { text-shadow: none; } .bg-section h6 { text-shadow: none; } #cboxClose { border: none !important; } #comments #reply-title { position: relative; border-top: 1px solid #e0e0e0; padding: 0.8em 0; font-size: 1.5em; margin-bottom: 0; } .comments-container div#respond { border-bottom: 1px solid #e0e0e0; margin-bottom: 1.3em; } .post-normal .wp-caption .wp-caption-text { border: 1px solid #e5e5e5; margin: 0; padding: 8px; color: #999; font-size: 15px; } .post-normal .carousel { max-height: 400px; overflow: hidden; } .post-normal .effect img { margin: 0 auto; } .post-normal .wp-block-embed iframe, .post-normal .carousel-item img { width: 100%; } /* -------------------------------------------------------------------------- */ /* 7c. Template: Full Width /* -------------------------------------------------------------------------- */ body.template-full-width .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide), body.template-full-width [class*="__inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) { max-width: 120rem; } body.template-full-width .entry-content .alignleft, body.template-full-width .entry-content .alignright { position: static; } body.template-full-width .entry-content .alignleft, body.template-full-width [class*="wp-block"].alignwide [class*="__inner-container"] > .alignleft, body.template-full-width [class*="wp-block"].alignwide [class*="__inner-container"] > p .alignleft, body.template-full-width [class*="wp-block"].alignwide [class*="__inner-container"] > .wp-block-image .alignleft { /*rtl:ignore*/ margin-left: 0; position: static; } body.template-full-width .entry-content > .alignleft, body.template-full-width [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .alignleft, body.template-full-width [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > p .alignleft, body.template-full-width [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignleft { /*rtl:ignore*/ margin-left: 2rem; position: static; } body.template-full-width .entry-content .alignright, body.template-full-width [class*="wp-block"].alignwide [class*="__inner-container"] > .alignright, body.template-full-width [class*="wp-block"].alignwide [class*="__inner-container"] > p .alignright, body.template-full-width [class*="wp-block"].alignwide [class*="__inner-container"] > .wp-block-image .alignright { /*rtl:ignore*/ margin-right: 0; position: static; } body.template-full-width .entry-content > .alignright, body.template-full-width [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .alignright, body.template-full-width [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > p .alignright, body.template-full-width [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignright { /*rtl:ignore*/ margin-right: 2rem; position: static; } /* Block: Base Margins ----------------------- */ *[class*="_inner-container"] > *:first-child { margin-top: 0; } *[class*="_inner-container"] > *:last-child { margin-bottom: 0; } .wp-block-archives:not(.alignwide):not(.alignfull), .wp-block-categories:not(.alignwide):not(.alignfull), .wp-block-code, .wp-block-cover:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), .wp-block-embed:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), .wp-block-gallery:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), .wp-block-group:not(.has-background):not(.alignwide):not(.alignfull), .wp-block-image:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), .wp-block-latest-comments:not(.aligncenter):not(.alignleft):not(.alignright), .wp-block-latest-posts:not(.aligncenter):not(.alignleft):not(.alignright), .wp-block-media-text:not(.alignwide):not(.alignfull), .wp-block-preformatted, .wp-block-pullquote:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright), .wp-block-quote, .wp-block-quote.is-large, .wp-block-quote.is-style-large, .wp-block-verse, .wp-block-video:not(.alignwide):not(.alignfull) { margin-bottom: 3rem; margin-top: 3rem; } .wp-block-embed:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), .wp-block-video:not(.alignwide):not(.alignfull) { margin: 0; } /* Block: Shared Nesting Alignment Resets ---- */ [class*="__inner-container"] .wp-block-group:not(.alignfull):not(.alignwide):not(.alignleft):not(.alignright), [class*="__inner-container"] .wp-block-cover:not(.alignfull):not(.alignwide):not(.alignleft):not(.alignright) { margin-left: auto; margin-right: auto; max-width: 58rem; } /* Alignment Classes ------------------------- */ .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide):not(.wp-block-columns) { max-width: 58rem; width: calc(100% - 4rem); } [class*="__inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) { max-width: 58rem; width: 100%; } .alignnone, .aligncenter, .alignleft, .alignright, .alignwide { margin: 4rem auto; } [class*="__inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright) { margin-left: auto; margin-right: auto; } /* Full */ .alignfull { margin: 5rem auto; max-width: 100vw; position: relative; width: 100%; } [class*="__inner-container"] > .alignfull { max-width: 100%; } /* Wide */ .alignwide { max-width: 120rem; position: relative; width: calc(100% - 4rem); } [class*="__inner-container"] > .alignwide { width: 100%; } /* Center */ .aligncenter, .aligncenter img { margin-left: auto; margin-right: auto; } /* Left and right */ .alignleft, .alignright { max-width: 50%; } .alignleft { /*rtl:ignore*/ float: left; margin: 0.3rem 2rem 2rem 2rem; } .alignright { /*rtl:ignore*/ float: right; margin: 0.3rem 2rem 2rem 2rem; } [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .alignleft, [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > p .alignleft, [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignleft { /*rtl:ignore*/ margin-left: 2rem; } [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .alignright, [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > p .alignright, [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignright { /*rtl:ignore*/ margin-right: 2rem; } /* Entry Media ------------------------------- */ .alignfull > figcaption, .alignfull > .wp-caption-text { margin-left: auto; margin-right: auto; max-width: 58rem; width: calc(100% - 4rem); } #comments .comment { padding: 15px 0; } #comments .comment p { margin-bottom: 1em; } #comments .comment p:last-child { margin-bottom: 0; } #comments .comment .avatar { float: left; width: 80px; } #comments .comment .avatar img { -webkit-border-radius: 70px; border-radius: 70px; width: 70px; } #comments .comment .comment-date { margin-left: 5px; font-size: 12px; background-position: left 4px; } #comments .comment .comment-reply, #comments .comment .edit-link { margin-left: 0.5em; } #comments .comment-content { padding-left: 85px; margin-top: 5px; } #comments .comment-meta { padding-left: 85px; } #comments .pingback { border-bottom-style: solid; padding: 10px 0; } #comments .pingback .comment-content, #comments .pingback .comment-meta { padding-left: 5px; } #comments li { border-bottom: 1px dashed #e0e0e0; } #comments li:last-child { border-bottom: none; } #comments li li { border-top: 1px dashed #e0e0e0; list-style: inherit; } .single-post #comments li li { border-bottom: none; } #comments .children { padding-left: 5em; margin: 0; } .textwidget p:first-child { margin-bottom: 0; } #comments .post-comments-form textarea:focus { border-color: #8f8ff6; background-color: #fff; text-decoration: none; } #comments .post-comments-form input[type=text]:focus { border-color: #8f8ff6; background-color: #fff; text-decoration: none; } #comments #post-comments-form textarea:focus { border-color: #8f8ff6; background-color: #fff; text-decoration: none; } #comments #post-comments-form input[type=text]:focus { border-color: #8f8ff6; background-color: #fff; text-decoration: none; } #comments.contactus { margin-top: 0; } #comments.contactus h1 { margin-bottom: 1em; } #comments.contactus h3 { margin-top: 1.5em; } #comments .post-comments-heading h3 { /*border-top: 1px solid #e0e0e0;*/ margin-top: 0; /*padding-top: 0.8em;*/ } div#comments { padding: 30px; background: #fff; border-radius: 0; } div#reviews div#comments { padding: 0; box-shadow: none; } .comment-reply-title { position: relative; } .comment-reply-title .cancel-reply { font-size: 0.75em; font-weight: 400; position: absolute; top: 50%; transform: translateY(-50%); right: 0; } .comment-reply-title .cancel-reply a { text-decoration: none; } .comment-reply-title .cancel-reply a i { font-weight: inherit; } .single footer.entry-footer { background: #fff; padding: 30px; border-radius: 0; } .home .single footer.entry-footer { margin: 0; padding: 0; background: transparent; box-shadow: none; } .single-edit { background: none !important; margin: 0; padding: 0 !important; box-shadow: none !important; } .author-bio { padding: 0; margin: 0; font-size: 18px; } .author-bio .byline { padding-right: 15px; padding-left: 15px; } .author-bio .byline, .author-bio .author-title { display: block; margin: 0 0 0.8em 0; font-size: 1em; font-weight: 400; } .author-bio .author-title { font-size: 28px; } .author-bio .avatar { border-radius: 70px; } .author-bio .byline .avatar { display: inline-block; margin-top: 4px; width: 1em; } .author-bio .avatar-wrap { margin-top: 1.3rem; } .boxed #page.fixed-header .main-header.scrolled { width: auto; } .post-preview h1 { text-align: left; } article.page h1.post-title { margin-top: 5px; margin-bottom: 20px; } .entry-title { -ms-word-wrap: break-word; word-wrap: break-word; } article.post { overflow: hidden; } article.post-normal h1.post-title { margin-top: 5px; margin-bottom: 5px; } .post-normal h3.post-title { margin-bottom: 0; } .post-normal.post_format-post-format-chat h3.post-title { padding-top: 30px !important; } .post-normal .page-links { margin-bottom: 5px; } .single .post-image { margin-bottom: 20px; } .single .post-image img { margin: auto; } .img-container1 img { border: 5px solid #e0e0e0; } .gallery-container .gallery-item { display: inline-block; margin: 5px 5px 5px 0; border: 1px solid #e0e0e0; } .gallery .gallery-item { text-align: center; display: inline-block; vertical-align: top; width: 100%; } .gallery figcaption { display: block; } .gallery-columns-1 .gallery-item { width: 96%; margin: 2%; } .gallery-columns-2 .gallery-item { width: 46%; margin: 3% 2%; } .gallery-columns-3 .gallery-item { width: 31%; margin: 3% 1.16%; } .gallery-columns-4 .gallery-item { width: 23%; margin: 3% 1%; } .gallery-columns-5 .gallery-item { width: 18%; margin: 1%; } .gallery-columns-6 .gallery-item { width: 14.66%; margin: 1%; } .gallery-columns-7 .gallery-item { width: 12.68%; margin: 0.8%; } .gallery-columns-8 .gallery-item { width: 11.1%; margin: 0.7%; } .gallery-columns-9 .gallery-item { width: 10.111%; margin: 0.5%; } .alert .close { font-size: 12px; } .cd-top { display: inline-block; height: 40px; width: 40px; position: fixed; bottom: 40px; right: 10px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); /* image replacement properties */ overflow: hidden; white-space: nowrap; visibility: hidden; opacity: 0.8; -webkit-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s; } .cd-top .ti-angle-up { font-size: 14px; position: absolute; left: 50%; top: 50%; margin-top: -8px; margin-left: -7.5px; color: #fff; } .cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover { -webkit-transition: opacity .3s 0s, visibility 0s 0s; transition: opacity .3s 0s, visibility 0s 0s; } .cd-top { z-index: 100; } .cd-top.cd-is-visible { /* the button becomes visible */ visibility: visible; opacity: 1; border-radius: 2px; } .cd-top.cd-fade-out { /* if the user keeps scrolling down, the button is out of focus and becomes less visible */ opacity: .5; } .cd-top.cd-fade-out:hover, .cd-top.cd-fade-out:focus, .cd-top.cd-fade-out:active, .no-touch .cd-top:hover { opacity: 1; } .format-audio { overflow: hidden; } .post-video { overflow: hidden; } .post-video iframe { width: 100%; } @media only screen and (min-width: 768px) { .cd-top { right: 20px; bottom: 20px; } } @media only screen and (min-width: 1024px) { .cd-top { height: 40px; width: 40px; right: 30px; bottom: 30px; } } /*--------------------------------------------------------- 6. Sidebar -------------------------------------------------------- */ /*.main-sidebar .widget_nav_menu li:before, */ /*.main-sidebar .widget_categories li:before, */ /*.main-sidebar .widget_archive li:before, */ /*.main-sidebar .widget_pages li:before, */ /*.main-sidebar .widget_meta li:before, */ /*.main-sidebar .widget_recent_comments li:before, */ /*.main-sidebar .widget_rss li:before, */ /*.main-sidebar .widget_recent_entries li:before {*/ /*content: "\f178";*/ /*font-family: "FontAwesome";*/ /*font-size: 8px;*/ /*padding-right: 10px;*/ /*}*/ .main-sidebar .sidebar-widget { margin: 2em 0; padding: 20px 15px; border-radius: 0; background: #fff; border-style: solid; border-width: 1px; } .main-sidebar .widget_search { box-shadow: none; border-radius: 0; background: none; padding: 0; border: 0; } .main-sidebar .widget_search input { border-radius: 0; height: 50px; line-height: 50px; padding: 0 15px !important; border: none !important; } .main-sidebar .sidebar-widget:first-child { margin-top: 0; } .main-sidebar .sidebar-widget .widget-title { text-align: left; margin-top: 0; margin-bottom: 10px; } .main-sidebar .sidebar-widget ul { padding: 0; margin: 0; } .main-sidebar .sidebar-widget ul li { list-style-type: none; } .main-sidebar .widget_nav_menu li:last-child { border-bottom: none; padding-bottom: 0; } .main-sidebar .widget_nav_menu li ul.children { border-top: 1px solid #e5e5e5; margin-top: 6px; } .main-sidebar .widget_nav_menu #menu-item-search { display: none; } li#menu-item-search ul.dropdown-menu { box-shadow: none; border: none; overflow: hidden; left: -153px; } li#menu-item-search ul.dropdown-menu input { padding: 0 16px; } .main-sidebar .sidebar-posts { margin: 8px 0; } .main-sidebar .sidebar-posts .sidebar-post-image { position: relative; } .main-sidebar .sidebar-posts .sidebar-post-image .fa-minus-sign { position: absolute; top: 20px; left: 20px; font-size: 12px; } .main-sidebar .sidebar-posts .sidebar-post-image img { width: 50px; height: 50px; } .main-sidebar .sidebar-posts .post-title { padding-left: 60px; } .main-sidebar .sidebar-posts .post-date { padding-left: 60px; } .main-sidebar .widget_categories li { border-bottom: 1px dashed #e0e0e0; padding: 6px 12px 6px 0; } .main-sidebar .widget_categories li:last-child { border-bottom: none; padding-bottom: 0; } .main-sidebar .widget_categories li ul.children { border-top: 1px dashed #e0e0e0; margin-top: 6px; } .main-sidebar .widget_archive li { border-bottom: 1px dashed #e0e0e0; padding: 6px 12px 6px 0; } .main-sidebar .widget_archive li:last-child { border-bottom: none; padding-bottom: 0; } .main-sidebar .widget_archive li ul.children { border-top: 1px solid #e0e0e0; margin-top: 6px; } .main-sidebar .widget_pages li { border-bottom: 1px dashed #e0e0e0; padding: 6px 12px 6px 0; } .main-sidebar .widget_pages li:last-child { border-bottom: none; padding-bottom: 0; } .main-sidebar .widget_pages li ul.children { border-top: 1px dashed #e0e0e0; margin-top: 6px; } .main-sidebar .widget_meta li { border-bottom: 1px dashed #e0e0e0; padding: 6px 12px 6px 0; } .main-sidebar .widget_meta li:last-child { border-bottom: none; padding-bottom: 0; } .main-sidebar .widget_meta li ul.children { border-top: 1px solid #e0e0e0; margin-top: 6px; } .main-sidebar .widget_recent_comments li { border-bottom: 1px dashed #e0e0e0; padding: 6px 12px 6px 0; } .main-sidebar .widget_recent_comments li:last-child { border-bottom: none; padding-bottom: 0; } .main-sidebar .widget_recent_comments li ul.children { border-top: 1px solid #e0e0e0; margin-top: 6px; } .main-sidebar .widget_rss li { border-bottom: 1px solid #e0e0e0; padding: 6px 12px 6px 0; } .main-sidebar .widget_rss li:last-child { border-bottom: none; padding-bottom: 0; } .main-sidebar .widget_rss li ul.children { border-top: 1px solid #e0e0e0; margin-top: 6px; } .main-sidebar .widget_recent_entries li { border-bottom: 1px dashed #e0e0e0; padding: 6px 12px 6px 0; } .main-sidebar .widget_recent_entries li:last-child { border-bottom: none; padding-bottom: 0; } .main-sidebar .widget_recent_entries li ul.children { border-top: 1px solid #e0e0e0; margin-top: 6px; } .widget_calendar table { margin: 0; width: 100%; font-size: 0.928571429rem; line-height: 1.846153846; color: #6a6767; } .widget_calendar table th { text-align: left; } .widget_calendar table td { text-align: left; } .widget_calendar table caption { text-align: left; } .widget_calendar table #next { padding-right: 1.714285714rem; text-align: right; } .widget_product_search { background: transparent !important; box-shadow: none !important; } /*--------------------------------------------------------- 7. Footer -------------------------------------------------------- */ .main-footer { background-color: #efefef; padding: 50px 0 10px 0; color: #777777; } .main-footer h1 { text-shadow: none; font-size: 20px; text-align: left; color: #5f5f5f; margin: 0 0 15px 0; } .main-footer h2 { text-shadow: none; } .main-footer h3 { text-shadow: none; } .main-footer h4 { text-shadow: none; } .main-footer h5 { text-shadow: none; } .main-footer h6 { text-shadow: none; } .main-footer p { color: #888 !important; } .main-footer li { color: #777777; margin-bottom: 5px; padding: 5px; } .main-footer .tagcloud a { display: inline-block; padding-right: 5px; padding-bottom: 5px; } .main-footer .col-md-3 { margin-top: 1em; margin-bottom: 1em; } .textwidget > p:last-child { margin-bottom: 0; } .copyright { padding: 0; overflow: visible !important; text-align: center; background-color: #2B3A42; } .copyright .copyright-text { min-height: 28px; line-height: 28px; } .copyright .col-md-6 p { margin-bottom: 0; line-height: 44px; font-size: 12px; color: #777; } @media (max-width: 991px) { .copyright .col-md-6 { margin-bottom: 0; } } .social-icon-container ul { margin: 0; } .social-icon-container ul li { display: inline-block; } .social-icon-container .social-icon { -webkit-border-radius: 2px; border-radius: 2px; width: 28px; line-height: 28px; font-size: 16px; text-align: center; color: #9e8f8f; cursor: pointer; display: inline-block; margin: 0 5px 0 0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .social-icon-container .social-icon:hover { color: #fff; } .payment_methods li { list-style-type: none !important; } #colorbox, #cboxOverlay, #cboxWrapper { z-index: 99999; } .pb-old-slider .container, .pb-old-slider .container-fluid { padding: 0; } .transparent-header .page-builder .pt-pb-section:first-of-type { padding-top: 0 !important; } /*--------------------------------------------------------- 8. FOOTER WIDGET ---------------------------------------------------------*/ .main-footer ul { padding: 0; margin: 0; } .quicktags-toolbar { text-align: left; } /***************Secondary footer***********************/ .page_padding { margin: 0; padding: 100px 0 60px 0; } .sppb-column { width: 100%; } .sppb-column-addons, .sppb-column { position: relative; z-index: 1; } #sppb-addon-1505988284235 { color: rgba(122, 120, 120, 1); margin: 0 40px 30px 0; } .sppb-text-left { text-align: left; } .sppb-media > .pull-left { margin-right: 15px; } .sppb-media, .sppb-media-body { overflow: hidden; zoom: 1; } .sppb-media:first-child { margin-top: 0; } #sppb-addon-1505988284235 .sppb-img-container { display: inline-block; } .addon-border-right > div:after { content: ""; top: -28px; bottom: -15px; position: absolute; right: -20px; width: 1px; background: #D8D8D8; } #sppb-addon-1505988284235 .sppb-addon-title { margin-bottom: 15px; color: rgba(0, 0, 0, 1); font-size: 24px; line-height: 24px; font-weight: 400; } .sppb-addon-feature .sppb-media-heading { text-transform: uppercase; margin: 0 0 5px; } #sppb-addon-1505987855481 { color: rgba(122, 120, 120, 1); margin: 0 0 30px 35px; } .btn-ask { border-radius: 40px; color: #fff; display: inline-block; padding: 8px 15px; text-decoration: none !important; position: relative; font-weight: 500; border-style: none; text-transform: capitalize; margin-left: 15px; } .dwqa-ask-question a { border-radius: 40px; color: #fff; background: #2965d7; display: inline-block; padding: 8px 15px; text-decoration: none !important; position: relative; font-weight: 500; border-style: none; text-transform: capitalize; margin-left: 15px; } .entry-footer .edit-link a { color: #fff; padding: 5px 15px; } .entry-footer span.edit-link { float: right; } .post-single .entry-footer span.edit-link { margin-right: 55px; z-index: 99; position: relative; margin-top: 16px; } .dwqa-ask-question a:hover { color: #fff; } .thm-office-time .support-mode p span.online { border: 2px solid #73c03c; padding: 0.16666667rem 0.55555556rem 0.16666667rem 0.55555556rem; color: #73c03c; margin-left: 0.27777778rem; font-size: 0.77777778rem; font-weight: 600; } /*Post Format*/ .format-chat p { padding: 15px; background: #f5f5f5; } /*--------------------------------------------------------- 9. Single Blog Page -------------------------------------------------------- */ .post-single .sticky-label { position: absolute; left: 40px; bottom: 140px; z-index: 99; } .post-single header.entry-header { overflow: hidden; position: relative; z-index: 2; } .post-single .entry-content, .post-single h1.post-title.entry-title, .post-single .entry-meta { padding: 0 30px; } .post-single .post-body-wrap { background-color: #fff; } .post-single time.post-date.updated { background: #f0f0f0; color: #888; padding: 6px; } .post-single .entry-content { padding-bottom: 30px; } .post-single .entry-meta span:not(.separator,.sr-only,.sr-only,.screen-reader-text) { background: #f0f0f0; color: #888; padding: 6px; font-size: 11px; } .pagination.post-pagination .previous .text, .pagination.post-pagination .next .text { padding: 5px 10px; display: initial; border: 1px solid #e0e0e0; transition: .3s all linear; } .pagination.post-pagination a:hover .text { background: #2626f3; color: #fff; display: initial; border-color: #2626f3; } .pagination.post-pagination a:hover i { left: 0 !important; } .pagination.post-pagination .next a:hover i { right: 0; } article.post-normal { background: transparent; margin-bottom: 20px; box-shadow: none; } a:not([href]):not([tabindex]).wp-block-button__link { color: #ffffff; } .wp-block-button__link { margin: 5px; text-decoration: none; } .wp-block-button.aligncenter { text-align: center; } .wp-block-button.is-style-outline .wp-block-button__link { color: #32373c !important; } .wp-block-button.is-style-squared .wp-block-button__link { border-radius: 0 !important; } .single-post .post-single .entry-content .wp-block-button__link, .single-post .post-single .entry-content .wp-block-file__button { text-decoration: none; } /*========================================*/ article.post-normal { background: #fff; position: relative; } .single-post article.post-normal { background: transparent; box-shadow: none; } .search.search-results .post-medium { padding: 30px; } .search.search-results .post-medium .entry-footer { padding-left: 0; } .search.search-results .post-medium .entry-content { padding: 0; } article.post-normal h3 { margin-top: 0; } .pagination { justify-content: center; margin-top: 60px; } .pagination > li > a, .pagination > li > span { padding: 13px 20px; position: relative; margin-left: -1px; line-height: 1.42857143; color: #3200fd; text-decoration: none; background-color: #fff; border: 1px solid #ddd; transition: 0.3s; } .pagination > li > a:hover, .pagination > li > span:hover { background: #eee; } .carousel { position: relative; } .carousel a.carousel-control { background: #e0e0e0; position: absolute; display: inline-block; font-size: 18px; width: 30px; height: 30px; text-align: center; line-height: 30px; opacity: 0.5; top: 50%; transform: translateY(-50%); text-decoration: none; } .carousel:hover a.carousel-control { opacity: 0.7; } .carousel a.carousel-control.left { left: 0; } .carousel a.carousel-control.right { right: 0; } .post-medium .post-video iframe { height: 300px; } .wp-block-group { box-sizing: border-box; padding: 15px; margin-bottom: 20px; } /*--------------------------------------------------------- 10. Widgets Design -------------------------------------------------------- */ .main-sidebar .sidebar-widget .widget-title { border-width: 0 0 1px 0; border-style: solid; padding-bottom: 5px; margin-bottom: 20px; position: relative; z-index: 95; } .main-sidebar .sidebar-widget .widget-title:after { position: absolute; left: 0; bottom: -1px; width: 60px; height: 1px; content: ""; } .woocommerce.widget_shopping_cart .cart_list li, .sidebar-widget.woocommerce ul.product_list_widget li { transition: all .3s linear; margin-bottom: 10px; } .sidebar-widget.woocommerce ul.product_list_widget li { padding: 0; border-radius: 0; } .product_list_widget .mini-cart-pro-name { font-size: 12px; line-height: 12px; } .sidebar-widget.widget_shopping_cart p.woocommerce-mini-cart__total.total { margin-left: 0; width: 100% !important; } .widget_shopping_cart p.woocommerce-mini-cart__total.total { width: 88%; margin-bottom: 88px; margin-left: 24px; } .widget_shopping_cart p.woocommerce-mini-cart__buttons.buttons { margin-bottom: 0; } .widget_shopping_cart p.woocommerce-mini-cart__buttons.buttons a.button.wc-forward { width: 49%; text-align: center; margin-right: 1%; } p.woocommerce-mini-cart__buttons.buttons a.button.wc-forward:last-child { margin-right: 0; } td.product-quantity { text-align: center; } .sidebar-widget .gallery-icon.landscape { transition: all .3s linear; } .sidebar-widget .gallery-icon.landscape:hover { opacity: .5; } .sidebar-widget ul.product-categories li { padding: 4px 0; } li.cat-item .children li:last-child { border: none; } .sidebar-widget ul.product-categories li ul.children { font-weight: 300; } .widget_media_image img, .textwidget img { transition: all .3s linear; } .widget_media_image img:hover, .textwidget img:hover { transform: scale(1.05); } .sidebar-widget select#archives-dropdown--1 { border: 1px solid #e5e5e5; width: 100%; height: 50px; line-height: 50px; cursor: pointer; } .sidebar-widget select#cat { box-shadow: none; } .sidebar-widget .textwidget select { box-shadow: none !important; } .sidebar-widget select#archives-dropdown--1 { box-shadow: none; } input#s { color: rgba(8, 8, 8, .20) !important; font-size: 16px !important; } input#s::placeholder { color: rgba(8, 8, 8, .20) !important; font-size: 16px !important; } .sidebar-widget .wp-caption.alignnone img { transition: all .3s linear; } .sidebar-widget .tagcloud a { transition: all .3s linear; display: inline-block; } .sidebar-widget table th, table td { padding: 5px 9px; } .sidebar-widget form.woocommerce-product-search { position: relative; z-index: 9; } .sidebar-widget form.woocommerce-product-search button { width: 50px; height: 48px; border: none; position: absolute; right: 1px; top: 1px; background: transparent; color: #fff; } /* @TODO replace with themify icons */ .sidebar-widget form.woocommerce-product-search button:after { position: absolute; left: 0; top: 4px; width: 100%; height: 100%; background: #fff; content: "\f002"; /*noinspection CssNoGenericFontName*/ font-family: 'FontAwesome'; color: #888; line-height: 50px; border-left: none; } .sidebar-widget input#woocommerce-product-search-field-0 { width: 100%; height: 50px; padding: 0 15px; border: 1px solid #ddd; } .sidebar-widget .textwidget select, .sidebar-widget select.postform { width: 100%; height: 50px; border: 1px solid #ddd; padding: 0 15px; cursor: pointer; word-break: break-word; white-space: pre-wrap; } .sidebar-widget ul.woocommerce-mini-cart.cart_list.product_list_widget.theme-side-mini-cart { margin: 0; padding: 0; } .sidebar-widget span.woocommerce-Price-amount.amount { margin-right: 0 !important; } .sidebar-widget form.search .ti-search { line-height: 60px !important; } .sidebar-widget.widget_shopping_cart p.woocommerce-mini-cart__total.total { margin-bottom: 15px !important; } .sidebar-widget.widget_shopping_cart p.woocommerce-mini-cart__buttons.buttons { padding-top: 20px; border-top: 1px solid #ddd; width: 100% !important; } /*--------------------------------------------------------- 11. Footer top -------------------------------------------------------- */ .main-footer h3 { position: relative; } .menu-footer-menu-container ul li { border: none; margin-bottom: 0; padding: 2px 5px; } .menu-footer-menu-container ul li:last-child { border: none; } /*--------------------------------------------------------- 12. CheckOut -------------------------------------------------------- */ form.checkout_coupon.woocommerce-form-coupon { background: #fff; border: none; } h3#ship-to-different-address { margin-top: 0; } div#customer_details input, .select2-container--default .select2-selection--single .select2-selection__rendered, .select2-container--default .select2-selection--single { background: transparent !important; } .select2-container--default .select2-search--dropdown .select2-search__field, .select2-dropdown { border-color: #e5e5e5; } .woocommerce-billing-fields, .woocommerce-shipping-fields, .woocommerce-additional-fields, div#order_review, .cart_totals, form.woocommerce-form.woocommerce-form-login.login { padding: 30px; } .select2-container--default .select2-selection--single .select2-selection__rendered { border-color: #e0e0e0; } .woocommerce-shipping-fields .checkbox input[type=checkbox], .woocommerce-shipping-fields .checkbox-inline input[type=checkbox], .woocommerce-shipping-fields .radio input[type=radio], .woocommerce-shipping-fields .radio-inline input[type=radio] { margin-left: 0; position: relative; } span.select2-selection.select2-selection--single { height: 40px; border-radius: 0; } .woocommerce-additional-fields { margin-top: 13px; } textarea#order_comments { padding: 12px; height: 66px; font-size: 12px !important; } .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 40px; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 40px; } .woocommerce table.shop_table { border-left: none; margin-bottom: 0; } input#ship-to-different-address-checkbox[type="checkbox"] { position: relative; opacity: 1; margin-right: 20px; } input#ship-to-different-address-checkbox[type="checkbox"]:before { position: absolute; border: 1px solid #e0e0e0; width: 26px; height: 26px; top: -10px; display: inline-block; line-height: 24px; background: #fff; color: transparent; font-size: 17px; text-align: center; font-weight: 100 !important; } input#ship-to-different-address-checkbox[type="checkbox"]:checked:before { background: #1e73be; color: #fff; } .woocommerce-billing-fields h3 { margin-top: 0; } label.woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox { margin: 0; } h3#ship-to-different-address { margin-bottom: 0; } .woocommerce-checkout #payment ul.payment_methods { margin-top: 20px; } .woocommerce-checkout footer.entry-footer, .woocommerce-cart footer.entry-footer { margin: 0; padding: 0; background: transparent; box-shadow: none; } input#coupon_code { height: 33px; } /*--------------------------------------------------------- 13. Cart Page -------------------------------------------------------- */ form.woocommerce-cart-form { padding: 30px; } .cart_totals { padding: 30px; margin-top: 30px; } .cart_totals h2 { margin-top: 0; } .cart_totals table.shop_table.shop_table_responsive { border: 1px solid #e0e0e0; } .quantity input[type="number"].qty { border: none; } .coupon input#coupon_code { height: 32px; border-radius: 0; width: 140px; } .woocommerce-cart .wc-proceed-to-checkout { padding-bottom: 0; } .woocommerce-cart .wc-proceed-to-checkout a.checkout-button { margin-bottom: 0; } /*--------------------------------------------------------- 14. My Account Page -------------------------------------------------------- */ form.woocommerce-form.woocommerce-form-login.login { border: none; } input#rememberme[type="checkbox"] { position: relative; opacity: 1; margin: 0 20px; } /* @TODO replace with themify icons */ input#rememberme[type="checkbox"]:before { position: absolute; content: "\f00c"; border: 1px solid #e0e0e0; border-radius: 0; width: 22px; height: 22px; top: -6px; display: inline-block; line-height: 20px; text-align: center; background: #fff; color: transparent; /*noinspection CssNoGenericFontName*/ font-family: 'FontAwesome'; font-size: 14px; } input#rememberme[type="checkbox"]:checked:before { background: #1e73be; color: #fff; } p.woocommerce-LostPassword.lost_password { margin-bottom: 0; } /*--------------------------------------------------------- 15. comments -------------------------------------------------------- */ .comment-respond #comments .post-comments-form textarea, #comments #post-comments-form textarea { box-shadow: none; border-radius: 0; } #comments #post-comments-form input[type="text"] { padding: 0 15px; } form#post-comments-form input { border-radius: 0; } /*--------------------------------------------------------- 16. Menu search -------------------------------------------------------- */ ul.dropdown-menu { height: 40px; } ul.dropdown-menu input { height: 40px; margin-top: 0; position: absolute; } .mejs-container, .mejs-container .mejs-controls, .mejs-embed, .mejs-embed body { background: #1471c0 !important; } /*TEST CSS*/ .menu-all-pages-container ul li a { display: block; padding: 5px; } ul#menu-testing-menu li a { border-bottom: 1px dashed #e0e0e0; display: block !important; padding: 5px 0; } /* soldout CSS */ .soldout { padding: 3px 8px; text-align: center; background: red; color: white; font-weight: bold; position: absolute; top: 6px; left: 6px; font-size: 12px; border-radius: 0; } /*--------------------------------------------------------- Dokan -------------------------------------------------------- */ /* Woocommerce Shop */ dl.variation { display: none; } .dokan-dashboard .dokan-dashboard-wrap { background: #fff; } /*Dashboard*/ .wc-setup-content { border-radius: 0; } .dokan-product-date-filter button { margin-top: 0; } /*products*/ .dokan-product-search-form input.dokan-form-control { height: 35px; border-radius: 5px; } input#bulk-product-action { margin-top: 0; } form#product-filter table, form#product-filter tbody tr td { background: #fff; } form#product-filter table, form#product-filter table td { border-top: 0; } form#product-filter table { border: 1px solid #e0e0e0; border-left: none !important; } /*Orders*/ .dokan-form-group span.select2-selection.select2-selection--single { height: 39px; margin-bottom: 5px; } .dokan-form-group .select2-container--default .select2-selection--single .select2-selection__rendered { color: #444; line-height: 36px; } .dokan-form-group .select2-container--default .select2-selection--single .select2-selection__arrow { height: 36px; } .dokan-form-group input.dokan-btn.dokan-btn-sm.dokan-btn-danger.dokan-btn-theme { height: 38px; margin: -5px 0 0; } form.dokan-right .dokan-form-group { margin-top: 5px; } /*Reports*/ .dokan-reports-content .dokan-reports-area .dokan-reports-wrap .report-right { width: 68%; background: #fff; padding: 20px; border-radius: 0; } .dokan-reports-content .dokan-reports-area ul.chart-legend { border-radius: 0; border: none; } ul.dokan_tabs li.active { background: #fff; } .dokan-form-inline.report-filter input[type="submit"].dokan-btn-sm { height: 43px; margin-top: 0; } .table > tbody > tr > td { border-top: 0 !important; } /*Reviews*/ form#dokan_comments-form { background: #fff; padding: 20px; border-radius: 0; } .dokan-table > tbody > tr > td { background: #fff; } form#dokan_comments-form select { height: 33px; } #dokan_comments-form input[type="submit"] { margin-top: -2px !important; padding: 6px; } /*Withdraw*/ form.dokan-form-horizontal.withdraw { background: #fff; padding: 53px; border-radius: 0; } /*Tools*/ .dokan-withdraw-content input.btn.btn-danger { border-radius: 0; padding: 6px 15px; } .dokan-withdraw-content div#import { background: #fff; padding: 0 30px 30px 30px; margin-top: -30px; border-radius: 0; } /*Shipping*/ .dokan-page-help { background: #fff; padding: 20px; border-radius: 0; } div#dokan-shipping-zone { background: #fff; padding: 20px; border-radius: 0; } /*Social Profiles*/ form#profile-form, form#dokan-store-seo-form { background: #fff; padding: 30px; border-radius: 0; } /*store admin Page/*/ aside.widget.dokan-store-menu { background: #fff; padding-left: 15px; padding-right: 15px; border-radius: 0; padding-bottom: 15px; } aside.widget.dokan-store-menu h3.widget-title { padding-top: 15px !important; } aside.widget.dokan-store-contact { padding-left: 15px; padding-right: 15px; background: #fff; border-radius: 0; margin: 20px 0; padding-bottom: 15px; } aside.widget.dokan-store-contact h3.widget-title { padding-top: 15px !important; } .dokan-pagination-container .dokan-pagination li a { border: 1px solid #0075c4 !important; padding: 7px 15px !important; } .dokan-single-store div#reviews div#comments { padding: 20px; } .dokan-single-store .profile-frame { border-radius: 0; overflow: hidden; } .gravatar-button-area a { color: white !important; } .dokan-btn-theme { margin-top: 5px; } .dokan-single-store .dokan-store-tabs ul li { border-right: none !important; } li.dokan-share-btn-wrap .dokan-share-btn { margin-top: 5px !important; } aside.widget.dokan-store-menu ul li a { color: #333; } [id*="monster-widget"] .sidebar-widget { padding: 20px 15px; border-style: solid; border-width: 1px; } /*Account Details*/ form.edit-account { padding: 15px; background: #fff; border-radius: 0; margin: 20px 0; } /*Side Menu*/ .dokan-dashboard.dokan-dash-sidebar { background-color: #ffffff !important; } .dokan-dashboard .dokan-dash-sidebar, .dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu { background: #fff !important; } .dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li a { color: #333 !important; } .dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li.active, .dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li:hover, .dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li.active { background: #fff !important; border-left: 3px solid #0075c4 !important; color: #0075c4 !important; } .dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li, .dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li a, .dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li.dokan-common-links a { border: none !important; } .dokan-dashboard .dokan-dashboard-content article.dashboard-content-area .dashboard-widget.big-counter li { width: 24% !important; display: inline-block !important; } /*Dokan Side Bar*/ .seller-form ul li input, .seller-form ul li textarea { height: 30px; font-size: 12px; } .seller-form ul li textarea { height: 75px !important; } article.post-normal h3.post-title { padding-top: 30px } article.post-normal.format-image .entry-meta { margin-bottom: 30px; } article.post-normal .sticky-label { display: inline-block; padding-left: 10px; } img.lazy { display: block; animation: change-background 4s linear infinite; } @keyframes change-background { 0% { background: #999999; } 50% { background: #a0a0a0; } 100% { background: #cecece; } } /*Contact From 7 Style*/ form.wpcf7-form label { display: block; } form.wpcf7-form input { margin-top: 10px !important; padding: 9px !important; border: 1px solid #e0e0e0 !important; } form.wpcf7-form p { margin-bottom: 8px; } form.wpcf7-form textarea { margin-top: 10px !important; } input.wpcf7-form-control.wpcf7-submit { border-radius: 0; padding: 7px 30px !important; } /*MailChimp Style*/ .widget_mc4wp_form_widget input { width: 100%; border-radius: 0; margin: 0 0 15px; } .widget_mc4wp_form_widget label { margin-bottom: 10px; } .mc4wp-form-fields input[type="submit"] { border-radius: 0; } .mc4wp-form-fields label { display: block; margin-bottom: 10px; } .mc4wp-form-fields p { margin: 0; } /* Single product cart btn */ .woocommerce div.product form.cart .button { line-height: 12px !important; } /* Copyright & Credits */ .made-with a { border-bottom: 1px solid; padding-bottom: .25em; text-decoration: none; } .made-with a:hover { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg id='squiggle-link' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:ev='http://www.w3.org/2001/xml-events' viewBox='0 0 20 4'%3E%3Cstyle type='text/css'%3E.squiggle{animation:shift .3s linear infinite;}@keyframes shift {from {transform:translateX(0);}to {transform:translateX(-20px);}}%3C/style%3E%3Cpath fill='none' stroke='%23453886' stroke-width='2' class='squiggle' d='M0,3.5 c 5,0,5,-3,10,-3 s 5,3,10,3 c 5,0,5,-3,10,-3 s 5,3,10,3'/%3E%3C/svg%3E"); background-position: bottom; background-repeat: repeat-x; background-size: 20%; border-bottom: 0; padding-bottom: .3em; text-decoration: none; transition: none; }