Umesh Gupta
Forum Replies Created
-
Forum: Fixing WordPress
In reply to: How to change link color in posts?Hello @calebellis
Please add the following CSS in that your style.css
.entry-content a.rtBibleRef { color: #e67e22; }
Forum: Fixing WordPress
In reply to: Change the color of textForum: Fixing WordPress
In reply to: Privacy Link at FooterHi @floramaison
Please add the following CSS in that your style.css
.cmsmasters_footer_default .footer_copyright { display: inline-block; margin: 0 auto; text-align: center; text-indent: -5px; overflow: hidden; }
- This reply was modified 3 years ago by Umesh Gupta.
Forum: Fixing WordPress
In reply to: Privacy Link at FooterHi @floramaison
Please add the following CSS in that your style.css
.footer_copyright .privacy-policy-link { display: none; }
Forum: Fixing WordPress
In reply to: How can I have a link menu as _blankHi @pierrot10
I attached the screenshots for the solution. It shows the steps that you can follow to achieve the requirement.
screenshot: hereForum: Fixing WordPress
In reply to: Pictures OverlappingHi @allyssaexislepublishing
Please add the following CSS in that your style.css.woocommerce div.product div.images .flex-control-thumbs { display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; } .woocommerce div.product div.images .flex-control-thumbs li { width: 100%; } .woocommerce div.product div.images .flex-control-thumbs li img { width: 100%; object-fit: cover; height: 100%; }
Forum: Fixing WordPress
In reply to: Menu showing a box icon.Hi @guyguy1
Please add the following CSS in that your style.css.menu .dropdown::after { display: none; }
Forum: Fixing WordPress
In reply to: Change width when mobile menu appearsHi @jaybakker
Please add the following CSS in that your modules-responsive.min.css@media screen and (max-width: 1200px) { .mkdf-page-header { display: none; } .mkdf-mobile-header { display: block; } }
Forum: Fixing WordPress
In reply to: Double drop down iconHi @rogah89
Please add the following CSS in that your CSS file..elementor-nav-menu--main ul li button { display: none; }
Forum: Fixing WordPress
In reply to: How to hide Border Shadow only for home pageHi @dhaval972
Please add the following CSS in that style CSS.
.error404 .sidebar .widget, .error404 .inside-article { box-shadow: none; border: none; }
final Look:https://prnt.sc/26xjboc
Forum: Fixing WordPress
In reply to: Category blog url 404Hi @nandomerinowl
change the permalink structure and restart your site.Forum: Fixing WordPress
In reply to: primary menu wont moveHi @ninju
Please replace in header.php
Forum: Fixing WordPress
In reply to: primary menu wont moveHi @ninju
Please replace the content of style.css with below content
/*! Theme Name: Bosa Theme URI: https://bosathemes.com/bosa Author: Bosa Themes Author URI: https://bosathemes.com Description: Bosa is multipurpose theme with beautifully crafted design. Bosa is beautiful, fast, lightweight, responsive, extremely customizable, multipurpose theme that you can use as a foundation to build versatile sites such as business, startups, business agencies, corporate, law firms, blog, portfolio, travel, education, fitness, university portal, church, restaurant, medical, shop, magazines, finance, accounting, consulting and preferably ideal for any type of sites. Bosa works perfectly with Gutenberg and the most popular page builder Elementor that can easily drag-and-drop your ideas from the interface. Bosa is built with SEO, speed, and usability in mind with the multiple Header & Footer layouts, predesigned starter sites includes awesome Home & Inner Pages that is incredibly customizable and powerful enough to take a stand among the crowd. Bosa is compatible with all major plugins like WooCommerce, Yoast, Contact form 7, Mailchimp for WordPress, bbPress, etc. Looking for a Multipurpose theme? Look no further! Browse the demos to see that it’s the only theme you will ever need: https://demo.bosathemes.com/bosa Version: 1.3.0 Requires PHP: 5.5 Tested up to: 5.8 License: GNU General Public License v3 or later License URI: https://www.gnu.org/licenses/gpl-3.0.html Text Domain: bosa Tags: blog, portfolio, news, grid-Layout, one-column, two-columns, three-columns, flexible-header, left-sidebar, right-sidebar, custom-background, custom-colors, custom-logo, custom-menu, featured-images, footer-widgets, full-width-template, post-formats, rtl-language-support, theme-options, sticky-post, threaded-comments, translation-ready, block-styles, wide-blocks Bosa WordPress Theme, Copyright 2022 Bosa Themes Bosa is distributed under the terms of the GNU General Public License v3 Bosa is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc. Underscores is distributed under the terms of the GNU GPL v2 or later. */ /*————————————————————– >>> TABLE OF CONTENTS: —————————————————————- # Normalize # Typography # Forms # Navigation ## Menu ## Pagination # Alignments # Clearings # Site Layout # Widgets # Content ## Posts and pages ## Comments # Infinite scroll # Media ## Captions ## Galleries */ /*————————————————————– # Normalize —————————————————————-*/ html { line-height: 1.15; -webkit-text-size-adjust: 100%; } body { margin: 0; } main { display: block; } figure { margin: 0; } h1 { font-size: 2em; margin: 0.67em 0; } hr { box-sizing: content-box; height: 0; overflow: visible; } pre { font-family: monospace, monospace; font-size: 1em; } a { background-color: transparent; } abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } code, kbd, samp { font-family: monospace, monospace; font-size: 1em; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } img { border-style: none; } button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button, input { overflow: visible; } button, select { text-transform: none; } button, [type=”button”], [type=”reset”], [type=”submit”] { -webkit-appearance: button; } button::-moz-focus-inner, [type=”button”]::-moz-focus-inner, [type=”reset”]::-moz-focus-inner, [type=”submit”]::-moz-focus-inner { border-style: none; padding: 0; } button:-moz-focusring, [type=”button”]:-moz-focusring, [type=”reset”]:-moz-focusring, [type=”submit”]:-moz-focusring { outline: 1px dotted ButtonText; } fieldset { padding: 0.35em 0.75em 0.625em; } legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress { vertical-align: baseline; } textarea { overflow: auto; } [type=”checkbox”], [type=”radio”] { box-sizing: border-box; padding: 0; } [type=”number”]::-webkit-inner-spin-button, [type=”number”]::-webkit-outer-spin-button { height: auto; } [type=”search”] { -webkit-appearance: textfield; outline-offset: -2px; } [type=”search”]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } details { display: block; } summary { display: list-item; } template { display: none; } [hidden] { display: none; } /*————————————————————– # Typography —————————————————————-*/ body { overflow-x: hidden; } body { font-size: 15px; color: #333333; background-color: #ffffff; font-family: “Open Sans”, sans-serif; font-weight: normal; font-style: normal; line-height: 1.6; -webkit-font-smoothing: antialiased; word-wrap: break-word; } @media screen and (max-width: 575px) { body { font-size: 14px; } } p { line-height: 1.8; margin: 0 0 20px; } dfn, cite, em, i { font-style: italic; } blockquote, pre { background-color: #fafafa; border-width: 0 0 0 3px; border-color: #d9d9d9; border-style: solid; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; color: #1a1a1a; margin: 0 0 15px 0; padding: 25px 22px; font-size: 18px; } blockquote p, pre p { margin-bottom: 0; } blockquote { background-color: #EFEFEF; border: none; color: #030303; padding: 30px; margin: 30px 0 0 30px; position: relative; padding: 30px 30px 30px 50px; } blockquote:before { background-color: #ffffff; color: #EB5A3E; content: “\f10d”; font-family: ‘Font Awesome 5 Free’; font-weight: 900; font-size: 20px; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; line-height: 60px; font-style: normal; position: absolute; left: -30px; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); top: 50%; height: 60px; width: 60px; text-align: center; z-index: 1; } blockquote p { font-size: 18px; line-height: 1.4; } blockquote cite { color: #8d8d8d; display: block; font-style: normal; font-size: 13px; } abbr, acronym { border-bottom: 1px dotted #4d4d4d; cursor: help; } mark, ins { text-decoration: none; padding-left: 5px; padding-right: 5px; } big { font-size: 125%; } b, strong { font-weight: 700; } caption { color: inherit; } img { height: auto; max-width: 100%; vertical-align: top; } /*————————————————————– # Heading ————————————————————–*/ h1, h2, h3, h4, h5, h6 { color: #030303; font-family: “Poppins”, sans-serif; } h1, h2, h3, h4, h5, h6 { font-weight: normal; margin: 0 0 15px; line-height: 1.4; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; } h1 { font-size: 32px; font-weight: 600; } h2 { font-size: 24px; font-weight: 500; } h3 { font-size: 21px; font-weight: 500; } h4 { font-size: 20px; } h5 { font-size: 15px; } h6 { font-size: 14px; } @media screen and (max-width: 767px) { h1 { font-size: 24px; } h2 { font-size: 22px; } h3 { font-size: 18px; } h4 { font-size: 14px; } h5 { font-size: 14px; } h6 { font-size: 14px; } } /*————————————————————– # Lists ————————————————————–*/ ul, ol { margin: 0 0 1.5em 0.875em; } ul { list-style: disc; } ol { list-style: decimal; } li > ul, li > ol { margin-bottom: 0; margin-left: 1.5em; } dt { font-weight: bold; } dd { margin: 0 1.5em 1.5em; } /*————————————————————– # Lists ————————————————————–*/ a { color: #a6a6a6; text-decoration: none; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -ms-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; } a:focus { outline: thin dotted #086abd; } a:hover, a:active { text-decoration: none; outline: 0; } .entry-content p a, .comment-content p a, .entry-content li a, .comment-content li a, .widget p a { text-decoration: underline; } .entry-content p a:hover, .entry-content p a:active, .comment-content p a:hover, .comment-content p a:active, .entry-content li a:hover, .entry-content li a:active, .comment-content li a:hover, .comment-content li a:active, .widget p a:hover, .widget p a:active { text-decoration: underline; } /*————————————————————– # Others ————————————————————–*/ .overlay { background-color: rgba(0, 0, 0, 0.4); position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .container { max-width: 1170px; margin-left: auto; margin-right: auto; padding-right: 15px; padding-left: 15px; } /*————————————————————– # common section title ————————————————————–*/ .section-title-wrap { margin-bottom: 40px; } .section-title-wrap .section-title ~ p { margin-top: 20px; } .section-title-wrap p { font-size: 16px; margin-bottom: 0; } @media screen and (max-width: 575px) { .section-title-wrap { margin-bottom: 30px; } .section-title-wrap p { font-size: 14px; } } .section-title { display: inline-block; font-size: 24px; line-height: 1.2; margin-bottom: 0; padding-bottom: 10px; position: relative; } .section-title:before { background-color: #EB5A3E; content: “”; height: 2px; width: 60px; position: absolute; top: 100%; left: 0; } .section-title-wrap.text-right .section-title:before { left: auto; right: 0; } .section-title-wrap.text-center .section-title:before { left: 0; right: 0; margin: auto; } @media screen and (max-width: 575px) { .section-title { font-size: 24px; } } /*————————————————————– # Tables —————————————————————-*/ table { border-collapse: collapse; border: 1px solid #ebebeb; border-spacing: 0; width: 100%; } table tr { border-bottom: 1px solid #ebebeb; } table th { font-weight: 700; } table th, table td { border-bottom: 1px solid #ebebeb; padding: 8px; font-size: 14px; text-align: center; } table caption { text-align: left; } /*————————————————————– # Buttons —————————————————————-*/ .button-primary, .button-outline { font-size: 15px; font-weight: 500; line-height: 1; padding: 12px 30px; letter-spacing: 0.5px; } @media screen and (max-width: 575px) { .button-primary, .button-outline { font-size: 14px; font-weight: 400; padding: 8px 15px; } } button:focus { outline: thin dotted #086abd; } button:hover, button:active { outline: 0; } input[type=”button”], input[type=”reset”], input[type=”submit”] { border: none; background-color: #333333; color: #ffffff; cursor: pointer; padding: 12px 30px; -webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; -ms-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; } .button-primary { background-color: #EB5A3E; color: #ffffff; display: inline-block; -webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; -ms-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; } .button-outline { border: 1px solid #666666; color: #1a1a1a; display: inline-block; padding: 11px 30px; -webkit-transition: background-color 0.3s, border-color 0.4s, color 0.4s; -moz-transition: background-color 0.3s, border-color 0.4s, color 0.4s; -ms-transition: background-color 0.3s, border-color 0.4s, color 0.4s; -o-transition: background-color 0.3s, border-color 0.4s, color 0.4s; transition: background-color 0.3s, border-color 0.4s, color 0.4s; } @media screen and (max-width: 575px) { .button-outline { padding: 7px 15px; } } .button-text { color: #1a1a1a; font-size: 14px; font-weight: 600; } @media screen and (max-width: 575px) { .button-text { font-size: 13px; } } /*————————————————————– # Forms —————————————————————-*/ form { position: relative; font-size: 15px; } input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset; background-color: transparent !important; } input[type=”text”], input[type=”email”], input[type=”url”], input[type=”password”], input[type=”search”], input[type=”number”], input[type=”tel”], input[type=”range”], input[type=”date”], input[type=”month”], input[type=”week”], input[type=”time”], input[type=”datetime”], input[type=”datetime-local”], input[type=”color”], select { background-color: #ffffff; border: 1px solid #d9d9d9; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; height: 42px; resize: none; padding: 0 10px; } input[type=”text”]:focus, input[type=”email”]:focus, input[type=”url”]:focus, input[type=”password”]:focus, input[type=”search”]:focus, input[type=”number”]:focus, input[type=”tel”]:focus, input[type=”range”]:focus, input[type=”date”]:focus, input[type=”month”]:focus, input[type=”week”]:focus, input[type=”time”]:focus, input[type=”datetime”]:focus, input[type=”datetime-local”]:focus, input[type=”color”]:focus, select:focus { border-color: #1a1a1a; outline: 0; } textarea { background-color: #ffffff; border: 1px solid #d9d9d9; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; resize: none; min-height: 200px; overflow: auto; padding: 10px; width: 100%; } textarea:focus { border-color: #1a1a1a; outline: 0; } legend { border: 0; padding: 0; } select { border: 1px solid #d9d9d9; } select:focus { outline: none; } form label { font-weight: bold; } .search-form, .wp-block-search .wp-block-search__inside-wrapper { position: relative; } .search-form input, .wp-block-search .wp-block-search__inside-wrapper input { border-color: #d9d9d9; width: 100%; padding: 0 40px 0 10px; } .search-form .search-submit, .wp-block-search .wp-block-search__inside-wrapper .search-submit { display: none; } .search-form label, .wp-block-search .wp-block-search__inside-wrapper label { display: block; margin: 0; } .search-form .search-button, .search-form .wp-block-search__button, .wp-block-search .wp-block-search__inside-wrapper .search-button, .wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button { background-color: #323232; color: #ffffff; border: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; cursor: pointer; padding: 10px 15px; position: absolute; right: 0; top: 0; height: 100%; -webkit-transition: background-color 0.4s; -moz-transition: background-color 0.4s; -ms-transition: background-color 0.4s; -o-transition: background-color 0.4s; transition: background-color 0.4s; } .wpcf7 label { display: block; width: 100%; font-weight: 400; } .wpcf7 input[type=”text”], .wpcf7 input[type=”email”], .wpcf7 input[type=”url”], .wpcf7 input[type=”password”], .wpcf7 input[type=”search”], .wpcf7 input[type=”number”], .wpcf7 input[type=”tel”], .wpcf7 input[type=”range”], .wpcf7 input[type=”date”], .wpcf7 input[type=”month”], .wpcf7 input[type=”week”], .wpcf7 input[type=”time”], .wpcf7 input[type=”datetime”], .wpcf7 input[type=”datetime-local”], .wpcf7 input[type=”color”], .wpcf7 textarea, .wpcf7 select { width: 100%; margin-top: 5px; } .wpcf7 ~ .addtoany_content { display: none; } .wrap-detail-page .wpcf7 { margin-top: 50px; } /*————————————————————– # Navigation —————————————————————-*/ .main-navigation .menu-toggle { display: none; } .main-navigation ul.menu { font-size: 0; list-style: none; margin: 0; padding: 0; } .site-header-three .main-navigation ul.menu { text-align: center; } .main-navigation ul.menu > li { display: inline-block; } .main-navigation ul.menu > li.menu-item-has-children > a:after, .main-navigation ul.menu > li.page_item_has_children > a:after { content: “\f0d7”; } .main-navigation ul.menu > li > a { color: #333333; font-size: 15px; font-weight: 600; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; text-transform: uppercase; padding: 17px 15px; letter-spacing: 0.5px; line-height: 1.5; } @media screen and (max-width: 1199px) { .main-navigation ul.menu > li > a { font-size: 14px; padding: 15px; } } .main-navigation ul.menu > li:first-child > a { padding-left: 0; } .main-navigation ul.menu > li:hover > ul, .main-navigation ul.menu > li:focus > ul, .main-navigation ul.menu > li:active > ul, .main-navigation ul.menu > li:focus-within > ul, .main-navigation ul.menu > li.focus > ul { display: block; } .main-navigation ul.menu > li:hover > a, .main-navigation ul.menu > li:focus > a, .main-navigation ul.menu > li:active > a, .main-navigation ul.menu > li:focus-within > a, .main-navigation ul.menu > li.focus > a { color: #086abd; } .main-navigation ul.menu > li:hover > a:after, .main-navigation ul.menu > li:focus > a:after, .main-navigation ul.menu > li:active > a:after, .main-navigation ul.menu > li:focus-within > a:after, .main-navigation ul.menu > li.focus > a:after { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .main-navigation ul.menu ul { display: none; background-color: #ffffff; border: 1px solid rgba(0, 0, 0, 0.05); left: 0; margin: 0; padding: 0; position: absolute; top: 100%; width: 220px; z-index: 99; text-align: left; -webkit-animation: slide-up 0.3s ease-out; -moz-animation: slide-up 0.3s ease-out; -ms-animation: slide-up 0.3s ease-out; -o-animation: slide-up 0.3s ease-out; animation: slide-up 0.3s ease-out; } .main-navigation ul.menu ul li { border-bottom: 1px solid rgba(0, 0, 0, 0.05); position: relative; display: block; } .main-navigation ul.menu ul li:last-child { border-bottom: none; } .main-navigation ul.menu ul li a { color: #333; display: block; padding: 10px 20px; font-size: 14px; font-weight: 600; letter-spacing: 0.5px; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; text-transform: capitalize; } .main-navigation ul.menu ul li a:hover, .main-navigation ul.menu ul li a:focus, .main-navigation ul.menu ul li a:active { color: #086abd; } .main-navigation ul.menu ul li > ul { left: 100%; top: 40px; } .main-navigation ul.menu ul li.menu-item-has-children > a:after, .main-navigation ul.menu ul li.page_item_has_children > a:after { content: “\f0da”; } .main-navigation ul.menu ul li:hover > ul, .main-navigation ul.menu ul li:focus > ul, .main-navigation ul.menu ul li:active > ul, .main-navigation ul.menu ul li:focus-within > ul, .main-navigation ul.menu ul li.focus > ul { display: block; top: -1px; } .main-navigation ul.menu ul li:hover a:after, .main-navigation ul.menu ul li:focus a:after, .main-navigation ul.menu ul li:active a:after, .main-navigation ul.menu ul li:focus-within a:after, .main-navigation ul.menu ul li.focus a:after { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .main-navigation ul.menu li { position: relative; } .main-navigation ul.menu li.menu-item-has-children > a, .main-navigation ul.menu li.page_item_has_children > a { position: relative; } .main-navigation ul.menu li.menu-item-has-children > a:after, .main-navigation ul.menu li.page_item_has_children > a:after { display: inline-block; float: right; font-size: 14px; font-family: ‘Font Awesome 5 Free’; font-weight: 900; font-weight: 900; margin-left: 8PX; -webkit-transition: transform 0.4s; -moz-transition: transform 0.4s; -ms-transition: transform 0.4s; -o-transition: transform 0.4s; transition: transform 0.4s; } .header-navigation .menu-toggle { display: none; } .header-navigation > div { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; } .header-navigation ul.menu { font-size: 0; list-style: none; margin: 0; padding: 0; } .header-navigation ul.menu > li { display: inline-block; } .header-navigation ul.menu > li.menu-item-has-children > a:after, .header-navigation ul.menu > li.page_item_has_children > a:after { content: “\f0d7”; } .header-navigation ul.menu > li > a { color: #333333; font-size: 13px; display: block; padding: 0; padding: 0 8px; letter-spacing: 0.1px; font-weight: 600; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .header-navigation ul.menu > li:first-child > a { padding-left: 0; } .header-navigation ul.menu > li:last-child > a { padding-right: 0; } .header-navigation ul.menu > li:hover > ul, .header-navigation ul.menu > li:focus > ul, .header-navigation ul.menu > li:active > ul, .header-navigation ul.menu > li:focus-within > ul, .header-navigation ul.menu > li.focus > ul { display: block; } .header-navigation ul.menu > li:hover > a:after, .header-navigation ul.menu > li:focus > a:after, .header-navigation ul.menu > li:active > a:after, .header-navigation ul.menu > li:focus-within > a:after, .header-navigation ul.menu > li.focus > a:after { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .header-navigation ul.menu ul { background-color: #ffffff; border: 1px solid rgba(0, 0, 0, 0.05); display: none; left: 0; margin: 0; padding: 0; position: absolute; top: 100%; width: 220px; z-index: 99; text-align: left; -webkit-animation: slide-up 0.3s ease-out; -moz-animation: slide-up 0.3s ease-out; -ms-animation: slide-up 0.3s ease-out; -o-animation: slide-up 0.3s ease-out; animation: slide-up 0.3s ease-out; } .header-navigation ul.menu ul li { border-bottom: 1px solid rgba(0, 0, 0, 0.05); position: relative; display: block; } .header-navigation ul.menu ul li:last-child { border-bottom: none; } .header-navigation ul.menu ul li a { color: #333; display: block; padding: 10px 15px; font-size: 13px; font-weight: 600; letter-spacing: 0.5px; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .header-navigation ul.menu ul li > ul { left: 100%; top: 40px; } .header-navigation ul.menu ul li.menu-item-has-children > a:after, .header-navigation ul.menu ul li.page_item_has_children > a:after { content: “\f0da”; } .header-navigation ul.menu ul li:hover > ul, .header-navigation ul.menu ul li:focus > ul, .header-navigation ul.menu ul li:active > ul, .header-navigation ul.menu ul li:focus-within > ul, .header-navigation ul.menu ul li.focus > ul { display: block; top: -1px; } .header-navigation ul.menu ul li:hover a:after, .header-navigation ul.menu ul li:focus a:after, .header-navigation ul.menu ul li:active a:after, .header-navigation ul.menu ul li:focus-within a:after, .header-navigation ul.menu ul li.focus a:after { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .header-navigation ul.menu li { position: relative; } .header-navigation ul.menu li.menu-item-has-children > a, .header-navigation ul.menu li.page_item_has_children > a { position: relative; } .header-navigation ul.menu li.menu-item-has-children > a:after, .header-navigation ul.menu li.page_item_has_children > a:after { display: inline-block; float: right; font-size: 14px; font-family: ‘Font Awesome 5 Free’; font-weight: 900; font-weight: 900; margin-left: 8PX; -webkit-transition: transform 0.4s; -moz-transition: transform 0.4s; -ms-transition: transform 0.4s; -o-transition: transform 0.4s; transition: transform 0.4s; } .main-navigation .menu-description, .slicknav_menu .menu-description { font-family: Poppins; font-size: 11px; font-weight: normal; line-height: 1.3; background-color: #313131; padding: 4px 6px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; color: #ffffff; margin-left: 5px; text-transform: capitalize; display: inline-block; vertical-align: middle; } @-webkit-keyframes slide-up { from { -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px); } to { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-moz-keyframes slide-up { from { -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px); } to { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-o-keyframes slide-up { from { -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px); } to { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @keyframes slide-up { from { -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px); } to { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } /*————————————————————– # Pagination —————————————————————-*/ .pagination { -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; margin-top: 40px; margin-bottom: 50px; } .home .pagination { margin-bottom: 0; } @media screen and (max-width: 575px) { .pagination { margin-top: 30px; margin-bottom: 40px; } } .nav-links:before, .nav-links:after { content: “”; display: block; clear: both; } .page-numbers { color: #4D4D4D; display: inline-block; font-size: 16px; width: 40px; height: 40px; text-align: center; line-height: 37.5px; border: 1px solid #e6e6e6; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; margin: 0 3px; -webkit-transition: background-color 0.3s, color 0.3s, border-color 0.3s; -moz-transition: background-color 0.3s, color 0.3s, border-color 0.3s; -ms-transition: background-color 0.3s, color 0.3s, border-color 0.3s; -o-transition: background-color 0.3s, color 0.3s, border-color 0.3s; transition: background-color 0.3s, color 0.3s, border-color 0.3s; } .page-numbers.current { background-color: #4d4d4d; border: 1px solid #4d4d4d; color: #ffffff; } @media screen and (max-width: 575px) { .page-numbers { font-size: 13px; width: 30px; height: 30px; line-height: 28px; margin: 0 5px; } } .page-numbers:hover, .page-numbers:focus, .page-numbers:active { background-color: #086abd; border-color: #086abd; color: #ffffff; } .page-numbers:hover.current, .page-numbers:focus.current, .page-numbers:active.current { background-color: #4d4d4d; border-color: #4d4d4d; } .page-numbers.dots { font-size: 22px; border: none; letter-spacing: 4px; margin: 0; } .page-numbers.dots:hover, .page-numbers.dots:focus, .page-numbers.dots:active { color: inherit; background-color: inherit; border: 1px solid inherit; } .page-numbers.next, .page-numbers.prev { width: 60px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; border-radius: 50px; } .page-numbers.next span, .page-numbers.prev span { font-size: 0; } .page-numbers.next span:before, .page-numbers.prev span:before { font-family: ‘Font Awesome 5 Free’; font-weight: 900; font-size: 16px; } @media screen and (max-width: 575px) { .page-numbers.next, .page-numbers.prev { width: 45px; } .page-numbers.next span:before, .page-numbers.prev span:before { font-size: 13px; } } .page-numbers.next span:before { content: “\f054”; } .page-numbers.prev span:before { content: “\f053”; } .post-navigation { border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; padding-top: 40px; padding-bottom: 40px; } .comment-navigation { padding-top: 40px; padding-bottom: 40px; border-bottom: 1px solid #e6e6e6; } .comment-navigation .nav-links:before, .comment-navigation .nav-links:after, .posts-navigation .nav-links:before, .posts-navigation .nav-links:after, .post-navigation .nav-links:before, .post-navigation .nav-links:after { content: “”; display: block; clear: both; } .comment-navigation .nav-previous, .comment-navigation .nav-next, .posts-navigation .nav-previous, .posts-navigation .nav-next, .post-navigation .nav-previous, .post-navigation .nav-next { width: 50%; color: #030303; } .comment-navigation .nav-previous a, .comment-navigation .nav-next a, .posts-navigation .nav-previous a, .posts-navigation .nav-next a, .post-navigation .nav-previous a, .post-navigation .nav-next a { display: inline-block; position: relative; font-size: 16px; font-weight: 600; color: #030303; } .comment-navigation .nav-previous a:before, .comment-navigation .nav-next a:before, .posts-navigation .nav-previous a:before, .posts-navigation .nav-next a:before, .post-navigation .nav-previous a:before, .post-navigation .nav-next a:before { font-family: ‘Font Awesome 5 Free’; font-weight: 900; display: block; font-size: 16px; vertical-align: middle; position: absolute; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); } .comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous { float: left; } @media screen and (max-width: 767px) { .comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous { width: 100%; } } .comment-navigation .nav-previous a, .posts-navigation .nav-previous a, .post-navigation .nav-previous a { padding-left: 20px; } .comment-navigation .nav-previous a:before, .posts-navigation .nav-previous a:before, .post-navigation .nav-previous a:before { left: 0; content: “\f053”; -webkit-transition: left 0.5s; -moz-transition: left 0.5s; -ms-transition: left 0.5s; -o-transition: left 0.5s; transition: left 0.5s; } .comment-navigation .nav-previous a:hover:before, .posts-navigation .nav-previous a:hover:before, .post-navigation .nav-previous a:hover:before { left: -5px; } @media screen and (max-width: 767px) { .comment-navigation .nav-previous ~ .nav-next, .posts-navigation .nav-previous ~ .nav-next, .post-navigation .nav-previous ~ .nav-next { border-top: 1px solid #ececec; margin-top: 15px; padding-top: 15px; } } .comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next { float: right; text-align: right; } @media screen and (max-width: 767px) { .comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next { float: left; width: 100%; } } .comment-navigation .nav-next a, .posts-navigation .nav-next a, .post-navigation .nav-next a { padding-right: 20px; } .comment-navigation .nav-next a:before, .posts-navigation .nav-next a:before, .post-navigation .nav-next a:before { content: “\f054″; right: 0; -webkit-transition: right 0.5s; -moz-transition: right 0.5s; -ms-transition: right 0.5s; -o-transition: right 0.5s; transition: right 0.5s; } .comment-navigation .nav-next a:hover:before, .posts-navigation .nav-next a:hover:before, .post-navigation .nav-next a:hover:before { right: -5px; } /*————————————————————– # WordPress Default Alignments —————————————————————-*/ /* Text meant only for screen readers. */ .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */ } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; clip-path: none; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; right: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /* Do not show the outline on the skip link target. */ #content[tabindex=”-1″]:focus { outline: 0; } .wp-block-quote:not(.is-large):not(.is-style-large) { border: none; } .wp-block-quote { padding: 30px 30px 30px 50px; margin: 30px 0 30px 30px; } figcaption { background-color: #383838; color: #ffffff; font-size: 14px; padding: 5px 10px; } /* wp default css */ .wp-caption { max-width: 100%; margin-bottom: 1.5em; text-align: center; padding-top: 5px; } .wp-caption img { border: 0 none; padding: 0; margin: 0; } .wp-caption p.wp-caption-text { line-height: 1.5; font-size: 10px; margin: 0; } .wp-smiley { margin: 0 !important; max-height: 1em; } blockquote.left { margin-right: 20px; text-align: right; margin-left: 0; width: 33%; float: left; } blockquote.right { margin-left: 20px; text-align: left; margin-right: 0; width: 33%; float: right; } /* alignment css. */ .alignleft, img.alignleft { margin-right: 1.5em; display: inline; float: left; } .alignright, img.alignright { margin-left: 1.5em; display: inline; float: right; } .aligncenter, img.aligncenter { margin-right: auto; margin-left: auto; display: block; clear: both; } /*————————————————————– # Clearing —————————————————————-*/ .clearfix:before, .clearfix:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after { content: “”; display: block; clear: both; } /*————————————————————– # Go to Top —————————————————————-*/ #back-to-top { bottom: 20px; display: block; position: fixed; right: 20px; z-index: 99991; -webkit-transition: background 0.5s; -moz-transition: background 0.5s; -ms-transition: background 0.5s; -o-transition: background 0.5s; transition: background 0.5s; } #back-to-top a { background-color: #ffffff; color: #030303; padding: 0; height: 40px; line-height: 40px; text-align: center; vertical-align: middle; width: 40px; display: block; font-size: 18px; -webkit-transition: color 0.5s, background 0.5s, border 0.5s; -moz-transition: color 0.5s, background 0.5s, border 0.5s; -ms-transition: color 0.5s, background 0.5s, border 0.5s; -o-transition: color 0.5s, background 0.5s, border 0.5s; transition: color 0.5s, background 0.5s, border 0.5s; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; border: 1px solid #e5e5e5; -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); -ms-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); -o-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); } #back-to-top a:hover, #back-to-top a:focus, #back-to-top a:active { color: #ffffff; } @media screen and (max-width: 575px) { #back-to-top { bottom: 10px; right: 10px; } #back-to-top a { font-size: 16px; height: 30px; line-height: 30px; width: 30px; } } /*————————————————————– # Social Icons —————————————————————-*/ .social-profile ul { font-size: 0; margin: 0; padding: 0; } .social-profile ul li { display: inline-block; list-style: none; line-height: 1; margin: 0 10px; } .social-profile ul li:first-child { margin-left: 0; } .social-profile ul li:last-child { margin-right: 0; } .social-profile ul li a { color: #333333; display: block; font-size: 18px; -webkit-transition: color 0.4s; -moz-transition: color 0.4s; -ms-transition: color 0.4s; -o-transition: color 0.4s; transition: color 0.4s; } @media screen and (max-width: 575px) { .social-profile ul li { margin: 0 10px; } .social-profile ul li a { font-size: 14px; } } /*————————————————————– # Post —————————————————————-*/ .post, .attachment { margin-bottom: 40px; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; position: relative; } body:not(.single) .post:hover .featured-image a img, body:not(.single) .post:focus .featured-image a img, body:not(.single) .post:active .featured-image a img, body:not(.single) .attachment:hover .featured-image a img, body:not(.single) .attachment:focus .featured-image a img, body:not(.single) .attachment:active .featured-image a img { zoom: 1; filter: alpha(opacity=70); -webkit-opacity: 0.75; opacity: 0.75; } .post.no-thumbnail .entry-content, .attachment.no-thumbnail .entry-content { padding-top: 0; } .entry-title a { text-decoration: none; } .entry-title a:hover, .entry-title a:focus, .entry-title a:active { text-decoration: none; } .post .entry-content .entry-title a, .post .entry-content .button-container a, .attachment .entry-content .entry-title a, .attachment .entry-content .button-container a, .banner-content .entry-content .entry-title a, .banner-content .entry-content .button-container a { text-decoration: none; } .post .entry-content .entry-header .cat-links, .attachment .entry-content .entry-header .cat-links, .banner-content .entry-content .entry-header .cat-links { margin-bottom: 15px; display: block; line-height: 1.2; } .post .entry-content .entry-header .cat-links a, .attachment .entry-content .entry-header .cat-links a, .banner-content .entry-content .entry-header .cat-links a { border-bottom: 1px solid #EB5A3E; font-size: 13px; color: #EB5A3E; text-transform: uppercase; -webkit-transition: color 0.4s, border-color 0.4s; -moz-transition: color 0.4s, border-color 0.4s; -ms-transition: color 0.4s, border-color 0.4s; -o-transition: color 0.4s, border-color 0.4s; transition: color 0.4s, border-color 0.4s; margin-right: 4px; text-decoration: none; } .post .entry-meta, .attachment .entry-meta, .banner-content .entry-meta { font-size: 13px; margin-left: -8px; margin-right: -8px; margin-bottom: 15px; font-family: “Poppins”, sans-serif; } .post .entry-meta > span, .attachment .entry-meta > span, .banner-content .entry-meta > span { display: inline-block; padding: 0 8px; } @media screen and (max-width: 991px) { .post .entry-meta, .attachment .entry-meta, .banner-content .entry-meta { font-size: 12px; margin-left: -5px; margin-right: -5px; margin-bottom: 15px; } .post .entry-meta > span, .attachment .entry-meta > span, .banner-content .entry-meta > span { padding: 0 5px; } } .post .entry-meta a, .attachment .entry-meta a, .banner-content .entry-meta a { color: #7a7a7a; display: block; position: relative; text-transform: capitalize; -webkit-transition: color 0.4s; -moz-transition: color 0.4s; -ms-transition: color 0.4s; -o-transition: color 0.4s; transition: color 0.4s; text-decoration: none; } .post .entry-meta a:before, .attachment .entry-meta a:before, .banner-content .entry-meta a:before { color: #EB5A3E; font-family: ‘Font Awesome 5 Free’; margin-right: 8px; font-size: 12px; -webkit-transition: color 0.4s; -moz-transition: color 0.4s; -ms-transition: color 0.4s; -o-transition: color 0.4s; transition: color 0.4s; } .post .entry-meta .posted-on a:before, .attachment .entry-meta .posted-on a:before, .banner-content .entry-meta .posted-on a:before { content: “\f073”; } .post .entry-meta .byline a:before, .attachment .entry-meta .byline a:before, .banner-content .entry-meta .byline a:before { content: “\f007”; } .post .entry-meta .comments-link a:before, .attachment .entry-meta .comments-link a:before, .banner-content .entry-meta .comments-link a:before { content: “\f086”; } .post .entry-meta .cat-links, .post .entry-meta .tag-links, .attachment .entry-meta .cat-links, .attachment .entry-meta .tag-links, .banner-content .entry-meta .cat-links, .banner-content .entry-meta .tag-links { position: relative; } .post .entry-meta .cat-links:before, .post .entry-meta .tag-links:before, .attachment .entry-meta .cat-links:before, .attachment .entry-meta .tag-links:before, .banner-content .entry-meta .cat-links:before, .banner-content .entry-meta .tag-links:before { color: #7B7B7B; font-family: ‘Font Awesome 5 Free’; font-weight: 900; margin-right: 5px; font-size: 12px; } .post .entry-meta .cat-links a, .post .entry-meta .tag-links a, .attachment .entry-meta .cat-links a, .attachment .entry-meta .tag-links a, .banner-content .entry-meta .cat-links a, .banner-content .entry-meta .tag-links a { display: inline-block; margin-right: 1px; } .post .entry-meta .cat-links a:last-child, .post .entry-meta .tag-links a:last-child, .attachment .entry-meta .cat-links a:last-child, .attachment .entry-meta .tag-links a:last-child, .banner-content .entry-meta .cat-links a:last-child, .banner-content .entry-meta .tag-links a:last-child { margin-right: 0; } .post .entry-meta .tag-links, .attachment .entry-meta .tag-links, .banner-content .entry-meta .tag-links { display: inline-block; padding-left: 8px; padding-right: 8px; } .post .entry-meta .tag-links:before, .attachment .entry-meta .tag-links:before, .banner-content .entry-meta .tag-links:before { content: “\f02c”; } @media screen and (max-width: 991px) { .post .entry-meta .tag-links, .attachment .entry-meta .tag-links, .banner-content .entry-meta .tag-links { padding-left: 6px; padding-right: 6px; } } .post .button-container, .attachment .button-container, .banner-content .button-container { margin-top: 15px; } .post .entry-content, .attachment .entry-content { padding: 25px 0 0; } .post .entry-content .button-container a, .attachment .entry-content .button-container a { padding: 6px 20px; } .slide-inner .banner-content .entry-meta a:before { color: #f5f5f5; } .sticky { -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.03); -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.03); -ms-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.03); -o-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.03); box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.03); } .sticky.no-thumbnail { padding: 25px; } .sticky.has-post-thumbnail .entry-content { padding: 25px; } /*–home and blog post css–*/ .blog .post .entry-text, .archive .post .entry-text { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .blog .post .entry-text p, .archive .post .entry-text p { width: 100%; } /*–post hover css–*/ @media screen and (max-width: 991px) { .post .featured-image img, .page .featured-image img { width: 100%; } } .post .featured-image > a, .page .featured-image > a { position: relative; z-index: 1; overflow: hidden; background-color: #000000; display: table; position: relative; } .post .featured-image > a img, .page .featured-image > a img { backface-visibility: hidden; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -ms-transition: opacity 0.5s; -o-transition: opacity 0.5s; transition: opacity 0.5s; } .post .featured-image > a:hover img, .post .featured-image > a:focus img, .post .featured-image > a:active img, .page .featured-image > a:hover img, .page .featured-image > a:focus img, .page .featured-image > a:active img { zoom: 1; filter: alpha(opacity=20); -webkit-opacity: 0.2; opacity: 0.2; } .home .post .entry-text p { margin-bottom: 0; } /*–list style post css–*/ .site-content .list-post { border-bottom: 1px solid #e6e6e6; margin-bottom: 40px; padding-bottom: 40px; } @media screen and (min-width: 576px) { .site-content .list-post { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .site-content .list-post .featured-image { width: 380px; } .site-content .list-post .entry-content { width: -moz-calc(100% – 380px); width: -webkit-calc(100% – 380px); width: calc(100% – 380px); padding-left: 30px; padding-top: 0; } } @media screen and (max-width: 575px) { .site-content .list-post { margin-bottom: 20px; padding-bottom: 20px; } } .site-content .list-post.no-thumbnail .entry-content { width: 100%; padding-left: 0; } .site-content .list-post .entry-text p, .site-content .single-post .entry-text p { margin-bottom: 0; } .site-content .list-post .entry-text .button-container, .site-content .single-post .entry-text .button-container { margin-top: 20px; } .site-content .single-post { border-bottom: 1px solid #e6e6e6; margin-bottom: 40px; padding-bottom: 40px; } @media screen and (max-width: 575px) { .site-content .single-post { margin-bottom: 25px; padding-bottom: 25px; } } .site-content #primary [class*=”col-“]:last-child .list-post, .site-content #primary [class*=”col-“]:last-child .single-post { border-bottom: none; margin-bottom: 0; padding-bottom: 0; } /*————————————————————– # Breadcrumbs —————————————————————-*/ .breadcrumb-wrap { margin-bottom: 45px; } @media screen and (max-width: 575px) { .breadcrumb-wrap { margin-bottom: 20px; } } .breadcrumb-wrap .breadcrumbs { background-color: #F8F8F8; color: #717171; font-size: 14px; padding: 12px 15px; font-weight: normal; letter-spacing: 0.4px; } .breadcrumb-wrap .breadcrumbs a { position: relative; } @media screen and (max-width: 575px) { .breadcrumb-wrap .breadcrumbs a { font-size: 13px; } } .inner-banner-wrap .breadcrumb-wrap { background-color: #F8F8F8; margin-bottom: 0; } .inner-banner-wrap .breadcrumb-wrap .breadcrumbs { background-color: transparent; text-align: center; } /*————————————————————– # Slider —————————————————————-*/ .slick-dotted.slick-slider { margin-bottom: 0; } .slick-dots { bottom: 0; display: none; margin: 30px auto 30px; padding: 0; position: relative; width: 100%; } .slick-dots li { height: auto; width: auto; list-style: none; margin: 0 3px; } .slick-dots li button { background-color: transparent !important; border: 2px solid #868686 !important; font-size: inherit; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; width: 12px !important; height: 12px !important; -webkit-transition: background-color 0.4s; -moz-transition: background-color 0.4s; -ms-transition: background-color 0.4s; -o-transition: background-color 0.4s; transition: background-color 0.4s; padding: 0; } .slick-dots li button:before { display: none; } .slick-dots li.slick-active button { background-color: #868686 !important; } .slick-dots li:hover button, .slick-dots li:focus button, .slick-dots li:active button { background-color: #868686 !important; } .site-header .header-image-slider .slick-dots li button { width: 12px; height: 12px; } .slick-slide:hover, .slick-slide:focus, .slick-slide:active { outline: 0; } .slick-control { margin: 0; padding: 0; } .slick-control li.slick-arrow { list-style: none; display: inline-block; position: absolute; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); z-index: 9; cursor: pointer; } .slick-control li.slick-arrow span { width: 25px; height: 25px; display: block; border-top: 2px solid #ffffff; border-left: 2px solid #ffffff; -webkit-transition: border-color 0.4s; -moz-transition: border-color 0.4s; -ms-transition: border-color 0.4s; -o-transition: border-color 0.4s; transition: border-color 0.4s; } .slick-control li.slick-arrow.main-slider-prev, .slick-control li.slick-arrow.highlight-posts-prev, .slick-control li.slick-arrow.header-slider-prev { left: 30px; } .slick-control li.slick-arrow.main-slider-prev span, .slick-control li.slick-arrow.highlight-posts-prev span, .slick-control li.slick-arrow.header-slider-prev span { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); margin-right: -5px; } .slick-control li.slick-arrow.main-slider-next, .slick-control li.slick-arrow.highlight-posts-next, .slick-control li.slick-arrow.header-slider-next { right: 30px; } .slick-control li.slick-arrow.main-slider-next span, .slick-control li.slick-arrow.highlight-posts-next span, .slick-control li.slick-arrow.header-slider-next span { -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); margin-left: -5px; } .slick-control li.slick-arrow:not(.slick-disabled):hover span, .slick-control li.slick-arrow:not(.slick-disabled):focus span, .slick-control li.slick-arrow:not(.slick-disabled):active span { border-color: #086abd; } .slick-control li.slick-arrow.slick-disabled { opacity: 0.3; cursor: not-allowed; } @media screen and (max-width: 767px) { .slick-control li.slick-arrow { padding: 10px; } .slick-control li.slick-arrow.main-slider-prev, .slick-control li.slick-arrow.highlight-posts-prev, .slick-control li.slick-arrow.header-slider-prev { left: 5px; } .slick-control li.slick-arrow.main-slider-next, .slick-control li.slick-arrow.highlight-posts-next, .slick-control li.slick-arrow.header-slider-next { right: 5px; } .slick-control li.slick-arrow span { width: 9px; height: 9px; } } .slick-control li.slick-hidden { display: none !important; } .header-image-wrap .slick-control li.slick-arrow span { width: 15px; height: 15px; } .header-image-wrap .slick-control li.slick-arrow.header-slider-prev { left: 10px; } .header-image-wrap .slick-control li.slick-arrow.header-slider-next { right: 10px; } @media screen and (max-width: 991px) { .header-image-wrap .slick-dots { display: none !important; } } .header-image-slider.slick-slider .slick-dots, .main-slider-wrap .slick-dots, .header-slider-dots .slick-dots { margin: 0; padding: 0; position: absolute; left: 0; right: 0; margin: auto; bottom: 20px; height: auto; z-index: 1; } .header-image-slider.slick-slider .slick-dots li button, .main-slider-wrap .slick-dots li button, .header-slider-dots .slick-dots li button { background-color: transparent; border-color: #ffffff !important; } .header-image-slider.slick-slider .slick-dots li.slick-active button, .main-slider-wrap .slick-dots li.slick-active button, .header-slider-dots .slick-dots li.slick-active button { background-color: #ffffff !important; } .header-image-slider.slick-slider .slick-dots li:hover button, .header-image-slider.slick-slider .slick-dots li:focus button, .header-image-slider.slick-slider .slick-dots li:active button, .main-slider-wrap .slick-dots li:hover button, .main-slider-wrap .slick-dots li:focus button, .main-slider-wrap .slick-dots li:active button, .header-slider-dots .slick-dots li:hover button, .header-slider-dots .slick-dots li:focus button, .header-slider-dots .slick-dots li:active button { background-color: #ffffff !important; } .header-slider-dots .slick-dots { bottom: 5px; z-index: 9; left: auto; right: auto; width: auto; } .section-highlight-post .wrap-arrow { display: block; margin-top: 40px; text-align: center; } .section-highlight-post .highlight-posts-dots { display: inline-block; } .section-highlight-post .highlight-posts-dots .slick-dots { position: static; margin: 0; } .section-highlight-post .slick-control li.slick-arrow { background-color: #666666; position: static; display: -webkit-inline-box; display: -moz-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; width: 30px; height: 30px; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } @media screen and (max-width: 575px) { .section-highlight-post .slick-control li.slick-arrow { width: 30px; height: 30px; } } .section-highlight-post .slick-control li.slick-arrow span { height: 8px; width: 8px; } .section-highlight-post .slick-control li.slick-arrow:not(.slick-disabled):hover, .section-highlight-post .slick-control li.slick-arrow:not(.slick-disabled):focus, .section-highlight-post .slick-control li.slick-arrow:not(.slick-disabled):active { background-color: #086abd; } .section-highlight-post .slick-control li.slick-arrow:not(.slick-disabled):hover span, .section-highlight-post .slick-control li.slick-arrow:not(.slick-disabled):focus span, .section-highlight-post .slick-control li.slick-arrow:not(.slick-disabled):active span { border-color: #ffffff; } .sticky-header .header-image-wrap .slick-dots { display: none !important; } /*————————————————————– # Header —————————————————————-*/ #site-preloader { display: none; background-color: #ffffff; position: fixed; display: block; height: 100%; width: 100%; text-align: center; z-index: 9999999; top: 0; bottom: 0; left: 0; right: 0; } #site-preloader .preloader-content { position: absolute; top: 50%; right: -45%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .site-layout-box .sticky-header .fixed-header, .site-layout-frame .sticky-header .fixed-header { margin: auto; max-width: 1170px; } .site-layout-box .header-two .overlay-header, .site-layout-frame .header-two .overlay-header { margin: auto; max-width: 1170px; left: 0; right: 0; width: auto; } .site-layout-box .header-two .fixed-header, .site-layout-frame .header-two .fixed-header { left: 0; right: 0; } /*—site header logo style—*/ header.site-header .site-branding > a { display: block; } header.site-header .site-branding a ~ .site-title { margin-top: 10px; } .site-header.sticky-header .fixed-header { -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.03); -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.03); -ms-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.03); -o-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.03); box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.03); position: fixed; z-index: 999; width: 100%; top: 0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .site-header .header-left { text-align: left; } .site-header .header-right { text-align: right; } .site-header .overlay { background-color: transparent; } .site-header .header-image-wrap { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; position: relative; } .site-header .header-image-wrap .header-image-slider { overflow: hidden; } .site-header .site-branding { position: relative; z-index: 1; } .site-header .site-branding .site-title { color: #030303; font-size: 22px; font-family: “Poppins”, sans-serif; line-height: 1; margin-bottom: 0; font-weight: 600; } @media screen and (max-width: 991px) { .site-header .site-branding .site-title { font-size: 22px !important; } } @media screen and (max-width: 575px) { .site-header .site-branding .site-title { font-size: 18px !important; } } .site-header .site-branding .site-title a { color: inherit; -webkit-transition: color 0.4s; -moz-transition: color 0.4s; -ms-transition: color 0.4s; -o-transition: color 0.4s; transition: color 0.4s; } .site-header .site-branding .site-description { color: #767676; font-size: 14px; margin-top: 10px; margin-bottom: 0; line-height: 1.1; } @media screen and (max-width: 575px) { .site-header .site-branding .site-description { font-size: 12px; } } .site-header .header-btn { margin-left: 20px; display: inline-block; text-align: center; white-space: nowrap; } .site-header .header-btn a { padding: 10px 20px; font-size: 14px; font-weight: 600; margin-left: 10px; } .site-header .header-btn a:first-child { margin-left: 0; } @media screen and (max-width: 991px) { .site-header .header-btn a { margin-left: 0; margin-bottom: 15px; } .site-header .header-btn a:last-child { margin-bottom: 0; } } .sticky-header .fixed-header { background-color: #ffffff; } @media screen and (max-width: 991px) { header.site-header .site-branding > a, header.site-header.sticky-header .site-branding > a { max-width: 210px; } } @media screen and (max-width: 575px) { header.site-header .site-branding > a, header.site-header.sticky-header .site-branding > a { max-width: 120px; } } .header-icons { text-align: right; } .header-icons .social-profile { display: inline-block; } .header-icons .social-profile ul li { margin: 0 8px; } .header-icons .social-profile ul li a { font-size: 14px; } .header-icons .social-profile ul li:last-child { margin-right: 0; } .header-search-wrap { display: inline-block; margin-left: 10px; } .header-search-wrap .search-icon { background-color: transparent; color: #333; border: none; font-size: 14px; padding: 0; cursor: pointer; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } @media screen and (max-width: 991px) { .header-search-wrap { margin-left: 0; } } .header-search { background-color: #ffffff; display: none; position: absolute; width: 100%; height: 100%; z-index: 9; top: 0; left: 0; right: 0; } .header-search.search-in { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .header-search .container { position: relative; } .header-search input { border: none; font-weight: 600; font-size: 16px; text-align: center; padding: 0 60px 0 10px; } .header-search input:focus { outline: 1px dotted; } @media screen and (max-width: 575px) { .header-search input { height: 100%; } } .header-search .search-form .search-button { background-color: transparent; color: #030303; font-size: 13px; padding: 0; right: 30px; } .header-search .search-form .search-button:hover, .header-search .search-form .search-button:focus, .header-search .search-form .search-button:active { background-color: transparent; } .header-search .close-button { background: transparent; border-radius: 0; position: absolute; border: none; right: 10px; top: 0; height: 100%; cursor: pointer; width: 30px; } .site-header .header-image-slider { position: absolute; width: 100%; max-height: 100%; top: 0; bottom: 0; } .site-header .header-image-slider * { min-height: 1px; height: 100%; } /*—site header contact css—*/ .header-contact ul { padding: 0; margin: 0; } .header-contact ul li { list-style: none; display: inline-block; font-size: 13px; margin-right: 10px; } .header-contact ul li i { margin-right: 5px; } /*—top header style—*/ .top-header { border-bottom: 1px solid rgba(243, 243, 243, 0.8); } .top-header .top-header-inner { padding: 10px 0; } @media screen and (max-width: 991px) { .top-header .top-header-inner { padding: 0; } } .bottom-header { position: relative; z-index: 2; } .mid-header { border-bottom: 1px solid rgba(243, 243, 243, 0.8); } @media screen and (max-width: 991px) { .mid-header { padding: 15px 0; } } /*—hamburger menu icon—*/ .alt-menu-icon { display: inline-block; margin-left: 10px; vertical-align: text-bottom; text-align: center; } @media screen and (max-width: 991px) { .alt-menu-icon { display: block; margin-left: 0; padding: 5px 0; } } .alt-menu-icon a { display: inline-table; width: 22px; height: 20px; position: relative; vertical-align: middle; z-index: 9; } @media screen and (max-width: 991px) { .alt-menu-icon a { width: 100%; height: inherit; } } .alt-menu-icon .iconbar-label { color: #333; text-transform: uppercase; display: inline-block; vertical-align: middle; margin-left: 7px; font-size: 15px; } .alt-menu-icon .icon-bar-wrap { height: 20px; display: inline-block; width: 20px; position: relative; vertical-align: middle; } .alt-menu-icon .icon-bar { background-color: #333; display: block; width: 15px; height: 2px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px; text-align: right; position: absolute; top: 50%; right: 0; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); -webkit-transition: background-color 0.4s, width 0.5s; -moz-transition: background-color 0.4s, width 0.5s; -ms-transition: background-color 0.4s, width 0.5s; -o-transition: background-color 0.4s, width 0.5s; transition: background-color 0.4s, width 0.5s; } .home .header-two:not(.sticky-header) .alt-menu-icon .icon-bar { background-color: #ffffff; } .alt-menu-icon .icon-bar:before, .alt-menu-icon .icon-bar:after { background-color: #333; content: “”; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px; position: absolute; width: 20px; height: 2px; right: 0; -webkit-transition: background-color 0.4s, width 0.5s; -moz-transition: background-color 0.4s, width 0.5s; -ms-transition: background-color 0.4s, width 0.5s; -o-transition: background-color 0.4s, width 0.5s; transition: background-color 0.4s, width 0.5s; } .home .header-two:not(.sticky-header) .alt-menu-icon .icon-bar:before, .home .header-two:not(.sticky-header) .alt-menu-icon .icon-bar:after { background-color: #ffffff; } .alt-menu-icon .icon-bar:before { top: 6px; } .alt-menu-icon .icon-bar:after { top: -6px; } .alt-menu-icon a:hover .icon-bar, .alt-menu-icon a:focus .icon-bar, .alt-menu-icon a:active .icon-bar { width: 20px; } .alt-menu-icon a:hover .icon-bar:before, .alt-menu-icon a:hover .icon-bar:after, .alt-menu-icon a:focus .icon-bar:before, .alt-menu-icon a:focus .icon-bar:after, .alt-menu-icon a:active .icon-bar:before, .alt-menu-icon a:active .icon-bar:after { width: 15px; } #offcanvas-menu { background-color: #F7F7F7; position: fixed; padding: 85px 20px 30px; top: 0; height: 100%; right: -100%; width: 340px; visibility: hidden; overflow-y: auto; z-index: 999999; -webkit-transition: right 0.5s, visibility 0.5s; -moz-transition: right 0.5s, visibility 0.5s; -ms-transition: right 0.5s, visibility 0.5s; -o-transition: right 0.5s, visibility 0.5s; transition: right 0.5s, visibility 0.5s; } @media screen and (max-width: 575px) { #offcanvas-menu { width: 100%; } } #offcanvas-menu .close-offcanvas-menu { padding: 0 20px; margin: 15px 0 10px; position: absolute; top: 0; right: 0; } #offcanvas-menu .close-offcanvas-menu button { background-color: transparent; border: 1px solid #989898; cursor: pointer; font-size: 20px; display: inline-block; color: #989898; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; width: 40px; height: 40px; -webkit-transition: background-color 0.4s, color 0.4s, border-color 0.4s; -moz-transition: background-color 0.4s, color 0.4s, border-color 0.4s; -ms-transition: background-color 0.4s, color 0.4s, border-color 0.4s; -o-transition: background-color 0.4s, color 0.4s, border-color 0.4s; transition: background-color 0.4s, color 0.4s, border-color 0.4s; } #offcanvas-menu .close-offcanvas-menu button:hover, #offcanvas-menu .close-offcanvas-menu button:active { color: #ffffff; } #offcanvas-menu .header-sidebar .widget { margin-bottom: 30px; } #offcanvas-menu .header-sidebar .widget:last-child { margin-bottom: 0; } #offcanvas-menu .header-search-wrap { display: block; } #offcanvas-menu .header-btn-wrap .header-btn { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-around; -moz-justify-content: space-around; -ms-justify-content: space-around; justify-content: space-around; -ms-flex-pack: space-around; margin: 0 -5px; } #offcanvas-menu .header-btn-wrap .header-btn .button-outline { border-color: #444444; color: #444444; } #offcanvas-menu .header-btn-wrap .header-btn .button-outline:hover, #offcanvas-menu .header-btn-wrap .header-btn .button-outline:focus, #offcanvas-menu .header-btn-wrap .header-btn .button-outline:active { color: #FFFFFF; } #offcanvas-menu .header-btn-wrap .header-btn .button-primary { color: #FFFFFF; } #offcanvas-menu .header-btn-wrap .header-btn .button-text { color: #444444; } #offcanvas-menu .header-btn-wrap .header-btn .button-text:hover, #offcanvas-menu .header-btn-wrap .header-btn .button-text:focus, #offcanvas-menu .header-btn-wrap .header-btn .button-text:active { color: #EB5A3E; } #offcanvas-menu .header-btn-wrap .header-btn a { padding: 10px 10px; -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-grow: 1; flex-grow: 1; font-size: 13px; display: block; margin: 0 5px; } #offcanvas-menu .header-contact ul li { display: block; margin-right: 0; margin-bottom: 10px; color: #333333; font-size: 15px; } #offcanvas-menu .header-contact ul li:last-child { margin-bottom: 0; } #offcanvas-menu .header-contact ul li a, #offcanvas-menu .header-contact ul li span, #offcanvas-menu .header-contact ul li i { color: #333333; } #offcanvas-menu .social-profile ul li a { color: #333333; } #offcanvas-menu .header-navigation ul.menu { display: block; width: 100%; } #offcanvas-menu .header-navigation ul.menu > li { display: block; border-bottom: 1px solid #e6e6e6; } #offcanvas-menu .header-navigation ul.menu > li:last-child { border-bottom: none; } #offcanvas-menu .header-navigation ul.menu > li a { color: #333333; padding: 10px 0; display: block; } #offcanvas-menu .header-contact, #offcanvas-menu .social-profile, #offcanvas-menu .header-btn-wrap, #offcanvas-menu .header-search-wrap, #offcanvas-menu .header-navigation { background-color: #ffffff; margin-bottom: 30px; padding: 15px; } .offcanvas-overlay { width: 0; height: 0; opacity: 0; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -ms-transition: opacity 0.5s; -o-transition: opacity 0.5s; transition: opacity 0.5s; } body.offcanvas-slide-open #offcanvas-menu { right: 0; visibility: visible; } body.offcanvas-slide-open .offcanvas-overlay { position: fixed; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); opacity: 1; z-index: 99991; top: 0px; } .logged-in.admin-bar .site-header.sticky-header .top-header { top: 32px; } .header-one.sticky-header .bottom-header { padding: 10px 0; } @media screen and (min-width: 992px) { .header-one .top-header { position: relative; } } @media screen and (max-width: 991px) { .header-one .bottom-header { padding: 20px 0; border-bottom: 1px solid rgba(243, 243, 243, 0.8); } .header-one .site-branding { text-align: center; } .header-one .site-branding > a { margin-left: auto; margin-right: auto; } } .main-navigation-wrap { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; z-index: 1; } .transparent-header .header-two .overlay-header { background-color: transparent; position: absolute; width: 100%; top: 0; left: 0; z-index: 99; } .header-two.site-header .top-header { border-color: rgba(255, 255, 255, 0.3); } .transparent-header .header-two.site-header .top-header { border-bottom-color: rgba(255, 255, 255, 0.3); } .header-two.site-header .bottom-header { border-bottom: none; } .header-two.sticky-header .bottom-header { background-color: #ffffff; padding: 10px 0; } .header-two .bottom-header .overlay { background-color: transparent; } .header-two .bottom-header .header-icons { text-align: right; } @media screen and (max-width: 991px) { .header-two .bottom-header { padding: 10px 0; } } .header-two:not(.sticky-header) .bottom-header { background-color: transparent; } @media screen and (min-width: 992px) { .header-two .top-header { position: relative; } } @media screen and (max-width: 991px) { .header-two .site-branding { padding-right: 90px; } .home .header-two:not(.sticky-header) .slicknav_icon span, .home .header-two:not(.sticky-header) .slicknav_icon span:first-child:before, .home .header-two:not(.sticky-header) .slicknav_icon span:first-child:after { background-color: #ffffff; } .header-two .mobile-menu-container .slicknav_menu .slicknav_btn { position: absolute; top: 15px; right: 20px; z-index: 99; margin: 0; } } @media screen and (max-width: 991px) and (max-width: 575px) { .header-two .mobile-menu-container .slicknav_menu .slicknav_btn { top: 5px; } } @media screen and (max-width: 991px) { .header-two .mobile-menu-container .slicknav_nav { position: absolute; top: 100%; left: 0; right: 0; width: 100%; z-index: 9; margin-top: 10px; } } .header-three .mid-header .site-branding { text-align: center; } .header-three .mid-header .site-branding > a { margin: auto; } @media screen and (min-width: 992px) { .header-three .mid-header .custom-logo-link { margin: 0 auto; } } .header-three .bottom-header .header-icons { padding: 10px 0; } /*————————————————————– # Main Slider —————————————————————-*/ .banner-img { background-color: #ccc; position: relative; z-index: 1; } .section-banner { position: relative; } .section-banner .main-slider-wrap { position: relative; } .section-banner .slick-dotted.slick-slider { margin-bottom: 0; } .section-banner .slick-track, .section-banner .slick-list { display: -webkit-flex; display: flex; } .section-banner .slick-slide .banner-content { padding-bottom: 70px; padding-top: 70px; } .section-banner .banner-img { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-content: center; -moz-align-content: center; -ms-align-content: center; align-content: center; } .section-banner .banner-img .slide-inner { width: 100%; } @media screen and (max-width: 767px) { .section-banner .banner-img { min-height: 350px; } } .section-banner .banner-content { color: #ffffff; max-width: 60%; margin-left: auto; margin-right: auto; position: relative; z-index: 1; } @media screen and (max-width: 767px) { .section-banner .banner-content { padding: 30px; max-width: 100%; } } .section-banner .banner-content .entry-header .cat-links a { font-size: 15px; font-weight: 400; color: #ebebeb; border-color: #ebebeb; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .section-banner .banner-content .entry-meta a { color: #ebebeb; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .section-banner .banner-content .entry-meta a:before { color: #ebebeb; } .section-banner .banner-content .entry-title { font-size: 40px; text-transform: uppercase; color: #ffffff; position: relative; } @media screen and (max-width: 575px) { .section-banner .banner-content .entry-title { font-size: 22px !important; } } .section-banner .banner-content .button-container { margin-top: 30px; } .section-banner .banner-content .button-container a { margin-left: 15px; } .section-banner .banner-content .button-container a:first-child { margin-left: 0; } .section-banner .banner-content .button-container .button-outline { border-color: #ebebeb; color: #ffffff; } .section-banner .banner-content .button-container .button-text { color: #ffffff; } .section-banner .banner-content .addtoany_content { display: none; } /*————————————————————– # Site Main —————————————————————-*/ .site-content { padding-bottom: 70px; padding-top: 70px; } @media screen and (max-width: 767px) { .site-content { padding-bottom: 50px; padding-top: 50px; } } @media screen and (max-width: 991px) { .site-content .sidebar { padding-top: 50px; } .site-content .sidebar.left-sidebar { padding-top: 0; padding-bottom: 50px; } } .section-highlight-post { padding-top: 70px; } @media screen and (max-width: 767px) { .section-highlight-post { padding-top: 50px; } } .right-sidebar { padding-left: 50px; } @media screen and (max-width: 991px) { .right-sidebar { padding-left: 15px; } } .left-sidebar { padding-right: 50px; } @media screen and (max-width: 991px) { .left-sidebar { padding-right: 15px; } } .home .site-content { border-top: 1px solid #f2f2f2; } .home .section-banner ~ .site-content { border-top: none; } @media screen and (min-width: 768px) { .section-post-area .pagination { margin-top: 70px; } } .section-feature-posts-area { padding-bottom: 70px; } .section-feature-posts-area ~ .section-banner { padding-bottom: 70px; } .section-feature-posts-area .content-wrap { margin-bottom: -30px; } @media screen and (max-width: 767px) { .section-feature-posts-area { padding-bottom: 50px; } .section-feature-posts-area ~ .section-banner { padding-bottom: 50px; } } .post .feature-posts-content .cat-links { margin-bottom: 10px; } .post .feature-posts-content .cat-links a { font-size: 13px; font-weight: 400; font-family: “Poppins”, sans-serif; display: inline-block; line-height: 1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .post .feature-posts-content .feature-posts-title { font-size: 18px; font-weight: 500; line-height: 1.4; margin-bottom: 30px; text-transform: uppercase; } .post .feature-posts-content .entry-meta { margin-bottom: 0; margin-left: -5px; margin-right: -5px; } .post .feature-posts-content .entry-meta > span { padding: 0 5px; } .post .feature-posts-content .entry-meta a { color: #ffffff; font-size: 13px; font-weight: 400; } .post .feature-posts-content .entry-meta a:before { color: inherit; margin-right: 5px; -webkit-transition: color 0.2s; -moz-transition: color 0.2s; -ms-transition: color 0.2s; -o-transition: color 0.2s; transition: color 0.2s; } .feature-posts-content-wrap { margin-bottom: 30px; } .feature-posts-content-wrap.post.text-center .feature-posts-content .feature-posts-title a:after { margin-left: auto; margin-right: auto; } .feature-posts-content-wrap.post.text-right .feature-posts-content .feature-posts-title a:after { margin-left: auto; } .feature-posts-layout-one .feature-posts-image { background-color: #cccccc; position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; z-index: 1; } .feature-posts-layout-one .feature-posts-image:before { background-color: rgba(0, 0, 0, 0.5); content: “”; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; opacity: 1; position: absolute; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; z-index: 1; } .feature-posts-layout-one .feature-posts-content { padding: 0 20px; position: relative; z-index: 2; width: 100%; } .feature-posts-layout-one .feature-posts-content .cat-links { display: inline-block; } .feature-posts-layout-one .feature-posts-content .cat-links a { margin: 2px; padding: 5px; letter-spacing: 0.8px; } .feature-posts-layout-one .feature-posts-content .feature-posts-title a:after { content: “”; display: block; height: 1px; margin-top: 8px; width: 50px; } .highlight-post-slider { margin-bottom: 0; overflow: hidden; } .highlight-post-slider .slick-track { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .highlight-post-slider .slick-list { margin-right: -15px; margin-left: -15px; } .highlight-post-slider .slick-slide { padding-left: 15px; padding-right: 15px; height: auto; } .highlight-post-slider .post .cat-links { display: inline-block; } .highlight-post-slider .post .cat-links:before { display: none; } .highlight-post-slider .post .cat-links a { font-size: 13px; font-weight: 400; font-family: “Poppins”, sans-serif; line-height: 1; display: inline-block; margin: 2px; padding: 7px 8px; letter-spacing: 0.8px; -webkit-transition: background-color 0.3s, color 0.3s; -moz-transition: background-color 0.3s, color 0.3s; -ms-transition: background-color 0.3s, color 0.3s; -o-transition: background-color 0.3s, color 0.3s; transition: background-color 0.3s, color 0.3s; } @media screen and (max-width: 575px) { .highlight-post-slider .post .cat-links a { padding: 6px 10px; } } .highlight-post-slider .post .post-content-wrap .entry-meta { margin-bottom: 0; } .highlight-post-slider .post .post-content-wrap { padding: 25px; } @media screen and (max-width: 575px) { .highlight-post-slider .post .post-content-wrap { padding: 20px; } } .highlight-post-slider .post .entry-content { border: none; margin: 0; padding: 0; } .highlight-post-slider .post .entry-content .entry-title { font-size: 18px; } @media screen and (max-width: 575px) { .highlight-post-slider .post .entry-content .entry-title { font-size: 16px; } } .highlight-post-slider .post.has-post-thumbnail:not(.has-no-thumbnail) .post-inner { position: relative; } .highlight-post-slider .post.has-post-thumbnail:not(.has-no-thumbnail) .post-inner .cat-links { position: absolute; left: 10px; bottom: 10px; margin-bottom: 0; z-index: 2; } .highlight-post-slider .post, .wrap-ralated-posts .post { margin-bottom: 0; } .highlight-post-slider .post .featured-image, .wrap-ralated-posts .post .featured-image { margin-right: 0; } .highlight-post-slider .post.has-no-thumbnail, .wrap-ralated-posts .post.has-no-thumbnail { padding: 25px; } .highlight-post-slider .post.has-no-thumbnail .post-inner, .wrap-ralated-posts .post.has-no-thumbnail .post-inner { margin-bottom: 15px; } .highlight-post-slider .post.has-no-thumbnail .post-content-wrap, .wrap-ralated-posts .post.has-no-thumbnail .post-content-wrap { padding: 0; } .section-ralated-post { padding: 50px 0 20px; } @media screen and (max-width: 575px) { .section-ralated-post { padding: 40px 0 0; margin-top: 40px; } } .wrap-ralated-posts .post { margin-bottom: 30px; } .wrap-ralated-posts .post .featured-image { margin-right: 0; } .wrap-ralated-posts .post .entry-content { background-color: #FAFAFA; border: none; margin: 0; padding: 20px; text-align: center; } .wrap-ralated-posts .post .entry-content .entry-title { font-size: 18px; margin-bottom: 0; } .wrap-ralated-posts .not-found { font-size: 18px; color: dimgray; } /*————————————————————– # Footer —————————————————————-*/ .site-footer { background-color: #ffffff; color: #656565; } .site-footer a { color: #383838; } .site-footer h1 a, .site-footer h2 a, .site-footer h3 a, .site-footer h4 a, .site-footer h5 a, .site-footer h6 a { color: inherit; } .site-footer .social-profile { margin-bottom: 20px; } .site-footer .social-profile ul { padding: 0; margin: 0; } @media screen and (max-width: 767px) { .site-footer .social-profile ul { margin-bottom: 5px; } } .site-footer .social-profile ul li { margin: 0 8px; vertical-align: middle; } .site-footer .social-profile ul li a { background-color: rgba(0, 0, 0, 0.04); display: inline-block; vertical-align: middle; font-size: 15px; -webkit-transition: background-color 0.4s, color 0.4s; -moz-transition: background-color 0.4s, color 0.4s; -ms-transition: background-color 0.4s, color 0.4s; -o-transition: background-color 0.4s, color 0.4s; transition: background-color 0.4s, color 0.4s; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; } .site-footer .social-profile ul li a i { width: 2em; height: 2em; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; } .site-footer .social-profile ul li a:hover, .site-footer .social-profile ul li a:focus, .site-footer .social-profile ul li a:active { color: #ffffff; } @media screen and (max-width: 575px) { .site-footer .social-profile { margin-bottom: 15px; } } .site-footer .site-info { display: inline-block; font-size: 14px; font-family: “Poppins”, sans-serif; } .site-footer .site-info a { font-weight: 500; } @media screen and (max-width: 575px) { .site-footer .site-info { font-size: 13px; } } .site-footer .footer-menu { display: inline-block; } .site-footer .footer-menu ul { margin-bottom: 0; margin-left: 8px; padding-left: 0; font-size: 0; } .site-footer .footer-menu ul li { border-left: 1px solid #e6e6e6; display: inline-block; list-style: none; line-height: 1.1; padding: 0 10px; } .site-footer .footer-menu ul li a { font-family: “Poppins”, sans-serif; font-size: 14px; font-weight: 500; } @media screen and (max-width: 767px) { .site-footer .footer-menu ul li:first-child { border-left: none; margin-left: 0; padding-left: 0; } } .site-footer.site-footer-primary .bottom-footer-image-wrap { margin-top: 20px; } .footer-widget-wrap { padding-bottom: 50px; } .bottom-footer { background-color: rgba(0, 0, 0, 0.02); padding: 30px 0; text-align: center; position: relative; } @media screen and (max-width: 575px) { .bottom-footer { padding: 30px 0; } } .site-footer.has-footer-bg { position: relative; background-position: center; background-repeat: no-repeat; } .site-footer.has-footer-bg table { border-color: #666666; } .site-footer.has-footer-bg table tr { border-color: #666666; } .site-footer.has-footer-bg table th, .site-footer.has-footer-bg table td { border-color: #666666; } .site-footer.has-footer-bg .widget.widget_calendar table thead th { border-right-color: #666666; } .site-footer.has-footer-bg .widget select { background-color: transparent; color: #b3b3b3; } @media screen and (min-width: 992px) { .site-footer.site-footer-two .social-profile { text-align: left; margin-bottom: 0; } } .site-footer.site-footer-two .footer-menu { display: block; margin-bottom: 5px; } .site-footer.site-footer-two .footer-menu ul li:first-child { border-left: none; } @media screen and (min-width: 992px) { .site-footer.site-footer-two .bottom-footer-image-wrap { text-align: right; } } @media screen and (max-width: 991px) { .site-footer.site-footer-two .bottom-footer-image-wrap { margin-top: 20px; } } .site-footer.site-footer-three .bottom-footer { text-align: left; } .site-footer.site-footer-three .social-profile { margin-bottom: 0; } .site-footer.site-footer-three .footer-desc-wrap { text-align: right; } .site-footer.site-footer-three .text-center .footer-desc-wrap { text-align: center; } @media screen and (max-width: 991px) { .site-footer.site-footer-three .bottom-footer { text-align: center; } .site-footer.site-footer-three .social-profile { margin-bottom: 30px; } .site-footer.site-footer-three .footer-desc-wrap { text-align: center; } } @media screen and (max-width: 575px) { .site-footer.site-footer-three .social-profile { margin-bottom: 20px; } } /*————————————————————– # Footer —————————————————————-*/ #back-to-top { bottom: 20px; display: block; position: fixed; right: 20px; z-index: 99991; -webkit-transition: background 0.5s; -moz-transition: background 0.5s; -ms-transition: background 0.5s; -o-transition: background 0.5s; transition: background 0.5s; } #back-to-top a { background-color: #ffffff; color: #030303; padding: 0; height: 40px; line-height: 40px; text-align: center; vertical-align: middle; width: 40px; display: block; font-size: 18px; -webkit-transition: color 0.5s, background 0.5s, border 0.5s; -moz-transition: color 0.5s, background 0.5s, border 0.5s; -ms-transition: color 0.5s, background 0.5s, border 0.5s; -o-transition: color 0.5s, background 0.5s, border 0.5s; transition: color 0.5s, background 0.5s, border 0.5s; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; border: 1px solid #e5e5e5; -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); -ms-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); -o-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); } #back-to-top a:hover, #back-to-top a:focus, #back-to-top a:active { color: #ffffff; } @media screen and (max-width: 575px) { #back-to-top { bottom: 10px; right: 10px; } #back-to-top a { font-size: 16px; height: 30px; line-height: 30px; width: 30px; } } /*————————————————————– # pages —————————————————————-*/ .inner-banner-wrap .inner-banner-content { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; text-align: center; position: relative; z-index: 1; } .inner-banner-wrap .inner-banner-content:before { content: “”; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: -1; } .inner-banner-wrap { margin-bottom: 80px; } @media screen and (max-width: 575px) { .inner-banner-wrap { margin-bottom: 50px; } } .transparent-header .inner-banner-wrap { margin-bottom: 0; } .error-404 { padding-bottom: 80px; } .error-404 .inner-content { text-align: center; position: relative; } .error-404 .inner-content .title-404 { font-size: 200px; font-weight: 900; letter-spacing: 4px; font-family: “Open Sans”, sans-serif; line-height: 1.1; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-position: center; background-size: cover; display: inline-block; } .error-404 .inner-content .page-title { font-size: 44px; } @media screen and (max-width: 575px) { .error-404 .inner-content .page-title { font-size: 28px; } .error-404 .inner-content .title-404 { font-size: 112px; } } @media screen and (max-width: 575px) { .error-404 { padding-bottom: 50px; } } .site-content { border-top: 1px solid #f2f2f2; } .transparent-header .site-content { border-top: none; } .single-feature-image { margin-bottom: 30px; } .single .entry-container .cat-links { position: relative; } .single .entry-container .cat-links:before { color: #EB5A3E; content: “\f07c”; font-family: “Font Awesome 5 Free”; display: inline-block; font-weight: normal; } .single #primary .entry-meta { line-height: 2; } .entry-container .entry-content { padding-top: 0; } .author-info .section-title-wrap { margin-bottom: 40px; } .author-info .section-title { font-size: 22px; } @media screen and (max-width: 575px) { .author-info .section-title { font-size: 18px; } } .author-info .author-content-wrap { background-color: #f9f9f9; padding: 30px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; } .author-info .author { width: 80px; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; margin-right: 20px; } .author-info .author img { -webkit-transition: opacity 0.4s; -moz-transition: opacity 0.4s; -ms-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; } .author-info .author a { display: block; } .author-info .author a:hover img, .author-info .author a:hover img, .author-info .author a:hover img { opacity: 0.8; } @media screen and (max-width: 575px) { .author-info .author { margin-right: auto; margin-left: auto; margin-bottom: 20px; } } .author-info .author-content { width: -moz-calc(100% – 100px); width: -webkit-calc(100% – 100px); width: calc(100% – 100px); } @media screen and (max-width: 575px) { .author-info .author-content { width: 100%; text-align: center; } } .author-info .author-name { font-size: 18px; margin-bottom: 0px; } .author-info .text { margin-top: 10px; } .author-info .text p { line-height: 1.4; } .author-info .text p:last-child { margin-bottom: 0; } .author-info ~ .post-navigation { border-top: none; } .error-404-form { max-width: 600px; margin: 50px auto 0; position: relative; } .no-results { text-align: center; margin-top: 40px; } .no-results:before, .no-results:after { content: “”; display: block; clear: both; } .no-results .content { margin-top: 30px; text-align: center; } .no-results .content p { margin-bottom: 40px; } .search-results .hentry, .search-results .product { border: 1px solid #e6e6e6; padding: 20px; margin-bottom: 30px; } .search-results .hentry.has-post-thumbnail .entry-content, .search-results .product.has-post-thumbnail .entry-content { padding: 25px 0 0; } .search-results .hentry .featured-image > a, .search-results .product .featured-image > a { position: relative; z-index: 1; overflow: hidden; background-color: #000000; display: table; position: relative; margin: auto; } .search-results .hentry .featured-image > a img, .search-results .product .featured-image > a img { backface-visibility: hidden; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -ms-transition: opacity 0.5s; -o-transition: opacity 0.5s; transition: opacity 0.5s; margin: auto; } .search-results .hentry .featured-image > a:hover img, .search-results .hentry .featured-image > a:focus img, .search-results .hentry .featured-image > a:active img, .search-results .product .featured-image > a:hover img, .search-results .product .featured-image > a:focus img, .search-results .product .featured-image > a:active img { zoom: 1; filter: alpha(opacity=20); -webkit-opacity: 0.2; opacity: 0.2; } .search-results .hentry .entry-content, .search-results .product .entry-content { padding: 0; } .search-results .hentry .entry-content .entry-summary p:last-child, .search-results .product .entry-content .entry-summary p:last-child { margin-bottom: 0; } .single .entry-content > [class*=”wp-block-“] { margin-bottom: 20px; } .single .entry-content select { width: 100%; height: 42px; padding: 0 10px; } @media screen and (min-width: 992px) { .site-layout-box, .site-layout-frame { position: relative; } .site-layout-box:before, .site-layout-frame:before { background-color: transparent; content: “”; position: absolute; height: 100%; width: 100%; left: 0; right: 0; top: 0; bottom: 0; z-index: -1; } } .site-layout-box .site, .site-layout-frame .site { background-color: #ffffff; box-shadow: 0 0 15px rgba(0, 0, 0, 0.04); margin: 0 auto; max-width: 1170px; width: 100%; } .site-layout-box .container, .site-layout-frame .container { max-width: 100%; width: 100%; } @media screen and (min-width: 992px) { .site-layout-box .container, .site-layout-frame .container { padding-left: 15px; padding-right: 15px; } } body.site-layout-box .header-ten .hgroup-wrap, body.site-layout-frame .header-ten .hgroup-wrap { width: 100%; margin-left: auto; max-width: 100%; } @media screen and (min-width: 992px) { .site-layout-frame { padding-top: 60px; padding-bottom: 60px; } } .site-layout-full .container { max-width: 1400px; } .site-layout-extend .container { max-width: 1230px; width: 100%; } /*————————————————————– # Comments —————————————————————-*/ .comments-area { margin-top: 60px; } .comments-area .comments-title { font-size: 22px; margin-bottom: 30px; } @media screen and (max-width: 575px) { .comments-area .comments-title { font-size: 18px; } } .comments-area #reply-title { font-size: 22px; margin-bottom: 10px; text-align: left; } .comments-area #reply-title:before { content: “\f086”; font-family: ‘Font Awesome 5 Free’; font-weight: 900; margin-right: 8px; } .comments-area #reply-title small { float: right; margin-top: 8px; } @media screen and (max-width: 575px) { .comments-area #reply-title { font-size: 18px; } } .comments-area .comment-notes { color: #4d4d4d; font-size: 13px; } .comments-area .comment-list { list-style: none; margin: 0; padding-left: 0; } .comments-area .comment-list li { list-style: none; } .comments-area .comment-list .comment-body { border: 1px solid #e6e6e6; padding-top: 15px; padding-bottom: 25px; padding-right: 15px; position: relative; margin-left: 31px; padding-left: 45px; margin-bottom: 40px; } @media screen and (max-width: 767px) { .comments-area .comment-list .comment-body { padding-left: 20px; padding-right: 20px; } } @media screen and (max-width: 575px) { .comments-area .comment-list .comment-body { margin-left: 0; margin-bottom: 30px; } } .comments-area .comment-list .comment-content { font-size: 14px; margin-top: 10px; } .comments-area .comment-list .comment-content ul { padding-left: 10px; list-style: initial; } .comments-area .comment-list .comment-content ul li:before { display: none; } .comments-area .comment-list .comment-content ol { padding-left: 10px; } .comments-area .comment-list .comment-content ol:before { display: none; } .comments-area .comment-list .comment-content ol li { list-style: decimal; } .comments-area .comment-list .comment-content a { word-wrap: break-word; color: inherit; } .comments-area .comment-list .bypostauthor { display: block; } .comments-area .comment-list .comment-meta:before, .comments-area .comment-list .comment-meta:after { content: “”; display: block; clear: both; } .comments-area .comment-list .comment-author { display: inline-block; } @media screen and (max-width: 575px) { .comments-area .comment-list .comment-author { float: none; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; } .comments-area .comment-list .comment-author:before, .comments-area .comment-list .comment-author:after { content: “”; display: block; clear: both; } } .comments-area .comment-list .comment-author .avatar { background: #e6e6e6; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; border: 8px solid #ffffff; float: left; height: 65px; left: -31px; margin-right: 15px; position: absolute; width: 65px; top: 12px; } @media screen and (max-width: 575px) { .comments-area .comment-list .comment-author .avatar { position: static; } } .comments-area .comment-list .comment-author .fn { display: inline-block; font-size: 16px; font-weight: 600; text-transform: capitalize; } .comments-area .comment-list .comment-author .fn a { color: inherit; } .comments-area .comment-list .comment-author .says { display: none; } .comments-area .comment-list .comment-metadata { display: inline-block; margin-left: 7px; padding-left: 7px; border-left: 1px solid #d9d9d9; line-height: 1; } @media screen and (max-width: 575px) { .comments-area .comment-list .comment-metadata { border-left: none; border-top: 1px solid #d9d9d9; display: block; margin-left: 0px; margin-top: 10px; padding-left: 0px; padding-top: 10px; } } .comments-area .comment-list .comment-metadata a { display: inline-block; font-size: 13px; color: gray; } @media screen and (max-width: 767px) { .comments-area .comment-list .comment-metadata a span { margin-top: 0; margin-bottom: 5px; display: block; } } .comments-area .comment-list .comment-metadata a span:before { content: “\7d”; font-family: “kf-icons”; font-size: 13px; margin-right: 5px; vertical-align: top; } .comments-area .comment-list .comment-metadata a:hover, .comments-area .comment-list .comment-metadata a:focus, .comments-area .comment-list .comment-metadata a:active { color: #086abd; } .comments-area .comment-list .children { margin: 0; } .comments-area .comment-list .children li { position: relative; } .comments-area .comment-list .children li:before { height: 20px; width: 20px; content: “”; display: inline-block; background-color: #ffffff; border-width: 1px 0 0 1px; border-style: solid; transform: rotate(45deg); border-color: #e6e6e6; position: absolute; top: -9px; left: 60px; z-index: 1; } .comments-area .comment-list .reply { text-align: right; } .comments-area .comment-list .reply:before:before, .comments-area .comment-list .reply:before:after, .comments-area .comment-list .reply:after:before, .comments-area .comment-list .reply:after:after { content: “”; display: block; clear: both; } .comments-area .comment-list .reply a { background-color: #787878; color: #ffffff; padding: 5px 10px; font-size: 13px; font-weight: 500; -webkit-transition: background-color 0.4s; -moz-transition: background-color 0.4s; -ms-transition: background-color 0.4s; -o-transition: background-color 0.4s; transition: background-color 0.4s; } .comments-area .comment-list .reply a:before { content: “\f3e5”; font-family: ‘Font Awesome 5 Free’; font-weight: 900; margin-right: 5px; } .comments-area .comment-list .reply a:hover, .comments-area .comment-list .reply a:focus, .comments-area .comment-list .reply a:active { background-color: #086abd; } .comments-area .no-comments { text-align: center; margin-bottom: 30px; display: block; font-size: 18px; font-style: italic; } .comment-respond { margin-top: 60px; margin-bottom: 5px; } .comment-respond .logged-in-as { margin-bottom: 20px; } .comment-respond .logged-in-as a { color: #7b7b7b; display: inline-block; margin-right: 10px; padding-bottom: 3px; } .comment-respond .logged-in-as a:hover, .comment-respond .logged-in-as a:focus, .comment-respond .logged-in-as a:active { color: #1a1a1a; } .comment-respond .comment-form { margin-left: -15px; margin-right: -15px; } .comment-respond .comment-form:before, .comment-respond .comment-form:after { content: “”; display: block; clear: both; } .comment-respond .comment-form input { width: 100%; } .comment-respond .comment-form input[type=”submit”], .comment-respond .comment-form input[type=”radio”], .comment-respond .comment-form input[type=”checkbox”] { width: auto; } .comment-respond .comment-form .comment-form-cookies-consent label { display: flex; align-items: center; margin-bottom: 0; } .comment-respond .comment-form .submit { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; padding: 12px 25px; letter-spacing: 1px; } .comment-respond .comment-form .comment-form-cookies-consent { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; width: 100%; } .comment-respond .comment-form .comment-form-cookies-consent input { float: left; } .comment-respond .comment-form .comment-form-cookies-consent label { float: left; vertical-align: middle; margin-top: 0; width: -moz-calc(100% – 30px); width: -webkit-calc(100% – 30px); width: calc(100% – 30px); margin-left: 15px; } .comment-respond .comment-form .comment-subscription-form { clear: both; } .comment-respond .comment-form p { float: left; width: 33.33%; padding: 0 15px; margin-bottom: 30px; } .comment-respond .comment-form p label { margin-top: 0; } @media screen and (max-width: 575px) { .comment-respond .comment-form p { width: 100%; } } .comment-respond .comment-form .comment-form-comment { width: 100%; } .comment-respond .comment-form .comment-notes { margin-bottom: 50px; width: 100%; color: #333333; line-height: 1.6; } .comment-respond .comment-form .comment-notes span { font-weight: 600; color: #030303; } .comment-respond label { display: block; color: #1a1a1a; margin-bottom: 10px; font-weight: 500; } .required { color: #000; } .woocommerce-Reviews .comment-form-rating { padding: 0 15px; clear: both; } .woocommerce-Reviews .comment-form-rating .stars { padding: 0; } /*————————————————————– # Widgets —————————————————————-*/ .widget { font-size: 15px; margin-bottom: 30px; } .widget h2 { font-size: 18px; margin-bottom: 30px; } .widget ul, .widget ol { margin: 0; padding: 0; } .widget ul li, .widget ol li { border-bottom: 1px solid #e6e6e6; list-style: none; margin-bottom: 10px; padding-bottom: 10px; } .widget ul li:last-child, .widget ol li:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; } .widget ul li a, .widget ol li a { color: #333; font-weight: 400; display: inline-block; line-height: 1.4; -webkit-transition: color 0.4s; -moz-transition: color 0.4s; -ms-transition: color 0.4s; -o-transition: color 0.4s; transition: color 0.4s; } .widget ul li a:hover, .widget ul li a:focus, .widget ul li a:active, .widget ol li a:hover, .widget ol li a:focus, .widget ol li a:active { color: #086abd; } .widget select { width: 100%; padding: 10px; } .widget.widget_text .textwidget p:last-child { margin-bottom: 0; } .widget.widget_recent_entries .post-date { color: #949494; display: block; font-size: 13px; margin-top: 5px; } .widget.widget_categories li { text-align: right; } .widget.widget_categories li:before, .widget.widget_categories li:after { content: “”; display: block; clear: both; } .widget.widget_categories li a { float: left; } .widget .tagcloud { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-around; -moz-justify-content: space-around; -ms-justify-content: space-around; justify-content: space-around; -ms-flex-pack: space-around; margin: 0 -2px; } .widget .tagcloud a { border: 1px solid #999999; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; border-radius: 30px; -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-grow: 1; flex-grow: 1; color: #404040; display: inline-block; font-size: 13px !important; margin: 3px 2px; padding: 5px 15px; -webkit-transition: background-color 0.3s linear, border 0.3s linear, color 0.2s linear; -moz-transition: background-color 0.3s linear, border 0.3s linear, color 0.2s linear; -ms-transition: background-color 0.3s linear, border 0.3s linear, color 0.2s linear; -o-transition: background-color 0.3s linear, border 0.3s linear, color 0.2s linear; transition: background-color 0.3s linear, border 0.3s linear, color 0.2s linear; vertical-align: middle; text-align: center; } .widget .tagcloud a:hover, .widget .tagcloud a:focus, .widget .tagcloud a:active { background-color: #086abd; border: 1px solid #086abd; color: #ffffff; } .widget.widget_rss .widget-title .rsswidget img { margin-right: 5px; vertical-align: middle; } .widget.widget_rss .rsswidget { line-height: 1.3; font-size: 15px; } .widget.widget_rss .rss-date, .widget.widget_rss .rssSummary { font-size: 13px; } .widget.widget_rss .rss-date { color: #bfbfbf; } .widget.widget_rss .rssSummary { color: #a6a6a6; line-height: 1.5; } .widget.widget_rss cite { color: #404040; font-style: normal; } .widget.widget_calendar table { color: #6b6b6b; } .widget.widget_calendar table thead th { border-right: 1px solid #e6e6e6; } .widget.widget_calendar table thead th:last-child { border-right: none; } .widget .wp-block-gallery ul li { border-bottom: none; padding-bottom: 0; } .sidebar .widget { margin-bottom: 50px; } @media screen and (max-width: 575px) { .sidebar .widget { margin-bottom: 30px; } } .sidebar .widget:last-child { margin-bottom: 0; } .sidebar .widget h2 { font-size: 16px; display: table; text-align: center; margin-left: auto; margin-right: auto; text-transform: uppercase; letter-spacing: 1.2px; padding-left: 35px; padding-right: 35px; position: relative; } .sidebar .widget h2:before, .sidebar .widget h2:after { background-color: #d6d6d6; content: ”; position: absolute; top: 50%; width: 25px; height: 1px; } .sidebar .widget h2:before { left: 0; } .sidebar .widget h2:after { right: 0; } @media screen and (max-width: 575px) { .sidebar .widget h2 { margin-left: 0; margin-right: 0; } } .sidebar .widget:last-child { margin-bottom: 0; } .author-widget .widget-content { text-align: center; } .author-widget .profile .avatar { margin-bottom: 30px; } .author-widget .profile .avatar a { display: block; position: relative; overflow: hidden; } .author-widget .profile .avatar a:before { position: absolute; top: 0; left: -75%; z-index: 2; display: none; content: ”; width: 50%; height: 100%; background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 100%); background: linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); } .author-widget .profile .avatar a:hover:before, .author-widget .profile .avatar a:focus:before, .author-widget .profile .avatar a:active:before { -webkit-animation: shine 1.0s; animation: shine 1.0s; display: block; } .author-widget .name-title { margin-bottom: 20px; } .author-widget .name-title h3 { font-size: 18px; margin-bottom: 0; } .author-widget .name-title span { display: block; font-size: 14px; margin-top: 5px; } .author-widget .text-content p:last-child { margin-bottom: 0; } .author-widget .socialgroup { margin-top: 25px; } .author-widget .socialgroup ul { margin: 0; } .author-widget .socialgroup ul li { list-style: none; border-bottom: none; display: inline-block; margin: 0 10px; padding: 0; } .author-widget .socialgroup ul li a { display: block; text-align: center; padding: 0; } .author-widget .socialgroup ul li a:hover, .author-widget .socialgroup ul li a:focus, .author-widget .socialgroup ul li a:active { color: #086abd; } .author-widget.author-thumbnail .profile .avatar { width: 150px; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; margin-left: auto; margin-right: auto; overflow: hidden; background: #fff; } .author-widget.author-thumbnail .profile .avatar img { -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; } .author-widget .widget-content.text-center .profile .avatar { margin-left: auto; margin-right: auto; } .author-widget .widget-content.text-right .profile .avatar { margin-left: auto; } .latest-posts-widget .post { margin-bottom: 15px; border-bottom: 1px solid #e6e6e6; padding-bottom: 15px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; } .latest-posts-widget .post:before, .latest-posts-widget .post:after { content: “”; display: block; clear: both; } .latest-posts-widget .post:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; } .latest-posts-widget .post .entry-meta { margin-bottom: 0; } .latest-posts-widget .post .entry-meta a:before { color: inherit; } .latest-posts-widget .post .entry-meta { margin-bottom: 0; } .latest-posts-widget .post .entry-meta a:before { color: inherit; } .latest-posts-widget .featured-image { border-radius: 3px; } .latest-posts-widget .entry-title { font-size: 15px; margin-bottom: 8px; } .latest-posts-widget.left-thumb-widget .post-content { width: 100%; } .latest-posts-widget.left-thumb-widget .featured-image { width: 80px; margin-right: 20px; } .latest-posts-widget.left-thumb-widget .featured-image ~ .post-content { width: -moz-calc(100% – 100px); width: -webkit-calc(100% – 100px); width: calc(100% – 100px); } .latest-posts-widget.right-thumb-widget .post { -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .latest-posts-widget.right-thumb-widget .post-content { width: 100%; } .latest-posts-widget.right-thumb-widget .featured-image { width: 80px; margin-left: 20px; } .latest-posts-widget.right-thumb-widget .featured-image ~ .post-content { width: -moz-calc(100% – 100px); width: -webkit-calc(100% – 100px); width: calc(100% – 100px); } .latest-posts-widget.full-thumb-widget .featured-image { margin-bottom: 20px; margin-right: 0; } .site-footer .widget .widget-title { position: relative; } .site-footer .widget .widget-title:before { background-color: #030303; content: “”; height: 15px; display: inline-block; vertical-align: middle; width: 2px; margin-right: 10px; margin-top: -3px; } @media screen and (min-width: 992px) { .site-footer .footer-widget-wrap .widget:last-child { margin-bottom: 0; } } @media screen and (max-width: 575px) { .site-footer [class*=”col-“]:last-child .widget { margin-bottom: 0; } } .header-sidebar .widget { background-color: #FFFFFF; padding: 15px; } .header-sidebar .widget .widget-title { margin-bottom: 20px; } /*————————————————————– # Compatiable —————————————————————-*/ .infinite-scroll .pagination { display: none; } .infinite-scroll #infinite-handle { margin-top: 70px; text-align: center; } .infinite-scroll #infinite-handle span { background-color: #1a1a1a; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; border-radius: 30px; color: #ffffff; display: inline-block; padding: 13px 36px 14px; -webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; -ms-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; } .infinite-scroll #infinite-handle span:after { content: “\21”; display: inline-block; font-family: “kf-icons”; margin-left: 7px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .infinite-scroll #infinite-handle span button { text-transform: uppercase; } .infinite-scroll span.infinite-loader .spinner { left: 0; right: 0; margin: auto; } .mc4wp-form .mc4wp-alert { color: #5BC0DE; font-size: 13px; } .mc4wp-form .mc4wp-error { color: #D9534F; } .mc4wp-form .mc4wp-success { color: #5CB85C; } .mc4wp-form label { font-size: 13px; display: block; font-weight: 400; margin-bottom: 0; } .mc4wp-form input[type=”email”] { border: 1px solid #ddd; margin-bottom: 0; width: 100%; } .mc4wp-form input[type=”email”]::-webkit-input-placeholder { color: gray; font-size: 13px; } .mc4wp-form input[type=”email”]:-moz-placeholder { color: gray; font-size: 13px; } .mc4wp-form input[type=”email”]::-moz-placeholder { color: gray; font-size: 13px; } .mc4wp-form input[type=”email”]:-ms-input-placeholder { color: gray; font-size: 13px; } .mc4wp-form input[type=”submit”] { padding: 10px 30px; width: 100%; } .gallery { margin-left: -5px; margin-right: -5px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .gallery .gallery-item { position: relative; } .gallery .gallery-item a { display: block; position: relative; overflow: hidden; } .gallery .gallery-item a:before { position: absolute; top: 0; left: -75%; z-index: 2; display: none; content: ”; width: 50%; height: 100%; background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 100%); background: linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); } .gallery .gallery-item a:hover:before, .gallery .gallery-item a:focus:before, .gallery .gallery-item a:active:before { -webkit-animation: shine 1.0s; animation: shine 1.0s; display: block; } .gallery .gallery-caption { background-color: rgba(0, 0, 0, 0.8); color: #ffffff; font-size: 12px; padding: 5px 10px; position: absolute; bottom: 0; left: 0; z-index: 1; } .gallery-item { float: left; padding: 5px; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } .gallery-caption { display: block; } /* Slicknav – a Mobile Menu */ .mobile-menu-container .slicknav_menu { background-color: transparent; padding: 0; } @media screen and (min-width: 992px) { .mobile-menu-container .slicknav_menu { display: none; } } .mobile-menu-container .slicknav_menu .slicknav_btn { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; margin: 10px 0; float: none; } .mobile-menu-container .slicknav_menu .slicknav_icon { margin-left: 0; margin-right: 10px; } .mobile-menu-container .slicknav_menu .slicknav_menutxt { color: #000; text-shadow: none; font-weight: normal; } .mobile-menu-container .slicknav_menu .slicknav_nav li { border-top: 1px solid #e6e6e6; } .mobile-menu-container .slicknav_menu .slicknav_row { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0; margin: 0; } .mobile-menu-container .slicknav_menu .slicknav_row > a { width: -moz-calc(100% – 45px); width: -webkit-calc(100% – 45px); width: calc(100% – 45px); } .mobile-menu-container .slicknav_menu .slicknav_row .slicknav_item { border-left: 1px solid #e6e6e6; width: 45px; padding: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; } .mobile-menu-container .slicknav_menu .slicknav_row .slicknav_item .slicknav_arrow { position: static; padding: 0; margin: 0; } .mobile-menu-container .slicknav_menu .slicknav_row:hover, .mobile-menu-container .slicknav_menu .slicknav_row:focus, .mobile-menu-container .slicknav_menu .slicknav_row:active { background-color: transparent; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; } .slicknav_menu .slicknav_btn { background-color: transparent; padding: 0; } .slicknav_menu .slicknav_icon-bar { background-color: #242424; } .slicknav_menu .slicknav_nav li { position: relative; } .slicknav_menu .slicknav_nav li a { color: #323232; font-size: 15px; color: #333333; padding: 10px 15px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .slicknav_menu .slicknav_nav li a:hover, .slicknav_menu .slicknav_nav li a:focus, .slicknav_menu .slicknav_nav li a:active { background-color: transparent; color: #086abd; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; } .slicknav_menu .slicknav_nav { background-color: #ffffff; -webkit-box-shadow: 0px 22px 21px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 22px 21px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0px 22px 21px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 22px 21px rgba(0, 0, 0, 0.1); box-shadow: 0px 22px 21px rgba(0, 0, 0, 0.1); } .slicknav_menu .slicknav_arrow { position: absolute; right: 5px; height: 100%; top: 0; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; padding: 0 10px; } .slicknav_btn { position: relative; display: block; vertical-align: middle; float: right; padding: 0; line-height: 1.125em; cursor: pointer; -webkit-transition: background-color 0.4s; -moz-transition: background-color 0.4s; -ms-transition: background-color 0.4s; -o-transition: background-color 0.4s; transition: background-color 0.4s; } .slicknav_btn .slicknav_icon { width: 22px; height: 16px; display: block; position: relative; margin-top: 1px; } .slicknav_btn .slicknav_icon:before { display: none; } .slicknav_btn .slicknav_icon span { background-color: #000; box-shadow: none; display: none; position: absolute; top: 50%; left: 50%; width: 20px; height: 2px; margin: 0; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .slicknav_btn .slicknav_icon span:first-child { display: block; } .slicknav_btn .slicknav_icon span:first-child:before, .slicknav_btn .slicknav_icon span:first-child:after { background-color: #000; content: “”; position: absolute; width: 100%; height: 100%; -webkit-transition-property: top, transform; -moz-transition-property: top, transform; -ms-transition-property: top, transform; -o-transition-property: top, transform; transition-property: top, transform; -webkit-transition-delay: 0.5s, 0s; -moz-transition-delay: 0.5s, 0s; -ms-transition-delay: 0.5s, 0s; -o-transition-delay: 0.5s, 0s; transition-delay: 0.5s, 0s; -webkit-transition-duration: 0.5s, 0.5s; -moz-transition-duration: 0.5s, 0.5s; -ms-transition-duration: 0.5s, 0.5s; -o-transition-duration: 0.5s, 0.5s; transition-duration: 0.5s, 0.5s; } .slicknav_btn .slicknav_icon span:first-child:before { top: -6px; } .slicknav_btn .slicknav_icon span:first-child:after { top: 6px; } .slicknav_btn.slicknav_open span:first-child { background-color: transparent !important; } .slicknav_btn.slicknav_open span:first-child:before, .slicknav_btn.slicknav_open span:first-child:after { -webkit-transition-delay: 0s, 0.5s; -moz-transition-delay: 0s, 0.5s; -ms-transition-delay: 0s, 0.5s; -o-transition-delay: 0s, 0.5s; transition-delay: 0s, 0.5s; } .slicknav_btn.slicknav_open span:first-child:before { top: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .slicknav_btn.slicknav_open span:first-child:after { top: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .slicknav_btn:hover .slicknav_icon-bar, .slicknav_btn:focus .slicknav_icon-bar, .slicknav_btn:hover .slicknav_icon-bar { background-color: #086abd; } .slicknav_btn:hover .slicknav_icon-bar:first-child:before, .slicknav_btn:hover .slicknav_icon-bar:first-child:after, .slicknav_btn:focus .slicknav_icon-bar:first-child:before, .slicknav_btn:focus .slicknav_icon-bar:first-child:after, .slicknav_btn:hover .slicknav_icon-bar:first-child:before, .slicknav_btn:hover .slicknav_icon-bar:first-child:after { background-color: #086abd; } .sticky-header .fixed-header .mobile-menu-container .slicknav_nav { min-height: calc(100vh – 78px); height: 100%; overflow-y: scroll; position: absolute; width: 100%; left: 0; right: 0; } /* instagram css */ .section-instagram-wrapper { padding-bottom: 60px; } @media screen and (max-width: 575px) { .section-instagram-wrapper { padding-bottom: 40px; } } #sb_instagram { position: relative; } #sb_instagram .sbi_photo_wrap a { opacity: 1 !important; position: relative; } #sb_instagram .sbi_photo_wrap a:before { background-color: transparent; bottom: 0; content: “”; display: inline-block; height: 50px; left: 0; margin: auto; position: absolute; right: 0; -webkit-transition: background-color 0.3s, height 0.3s, width 0.3s; -moz-transition: background-color 0.3s, height 0.3s, width 0.3s; -ms-transition: background-color 0.3s, height 0.3s, width 0.3s; -o-transition: background-color 0.3s, height 0.3s, width 0.3s; transition: background-color 0.3s, height 0.3s, width 0.3s; top: 0; width: 50px; } #sb_instagram .sbi_photo_wrap a:hover:before, #sb_instagram .sbi_photo_wrap a:focus:before, #sb_instagram .sbi_photo_wrap a:active:before { background-color: rgba(0, 0, 0, 0.3); height: 100%; width: 100%; z-index: 9; } #sb_instagram #sbi_load { left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: auto; z-index: 99; } #sb_instagram #sbi_load .sbi_load_btn, #sb_instagram #sbi_load .sbi_follow_btn a { background-color: #ffffff; border: 2px solid #565656; color: #313131; font-size: 14px; font-weight: 500; letter-spacing: 1px; padding: 10px 30px; text-transform: uppercase; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; } #sb_instagram #sbi_load .sbi_load_btn:hover, #sb_instagram #sbi_load .sbi_load_btn:focus, #sb_instagram #sbi_load .sbi_load_btn:active, #sb_instagram #sbi_load .sbi_follow_btn a:hover, #sb_instagram #sbi_load .sbi_follow_btn a:focus, #sb_instagram #sbi_load .sbi_follow_btn a:active { background-color: #313131; border-color: #313131; box-shadow: none; color: #ffffff; } #sb_instagram #sbi_load .sbi_follow_btn { margin-left: 10px; } @media screen and (max-width: 575px) { #sb_instagram #sbi_load { position: static; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); width: 100%; } #sb_instagram #sbi_load .sbi_load_btn, #sb_instagram #sbi_load .sbi_follow_btn a { display: block; padding: 5px 10px; } #sb_instagram #sbi_load .sbi_follow_btn { display: block; margin-left: 0; margin-top: 10px; } } /* any to share social icon css */ .blog .post .addtoany_content { margin: 15px 0 0 0; order: 1; } body.search-results .addtoany_content, .author-widget .addtoany_content, .page .addtoany_content { display: none; } .addtoany_content .addtoany_header { font-size: 14px; margin-bottom: 0; } .addtoany_content .addtoany_header, .addtoany_content .addtoany_list { display: inline-block; } .addtoany_content .addtoany_list { margin: 0 -4px; } body .a2a_mini { z-index: 99; } body .a2a_menu { border: 1px solid #e6e6e6; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: 0px 2px 13px 0px rgba(0, 0, 0, 0.04); -moz-box-shadow: 0px 2px 13px 0px rgba(0, 0, 0, 0.04); -ms-box-shadow: 0px 2px 13px 0px rgba(0, 0, 0, 0.04); -o-box-shadow: 0px 2px 13px 0px rgba(0, 0, 0, 0.04); box-shadow: 0px 2px 13px 0px rgba(0, 0, 0, 0.04); } body .a2a_menu a.a2a_i, body .a2a_menu i.a2a_i, body .a2a_menu a { font-size: 13px; color: #212121; font-family: “Open Sans”, sans-serif; } body .a2a_menu .a2a_menu_show_more_less span { color: #212121; } body[class*=”woocommerce”] ul.products li.product .product-inner { position: relative; text-align: center; } body[class*=”woocommerce”] ul.products li.product .woo-product-image { position: relative; } body[class*=”woocommerce”] ul.products li.product .onsale { margin: 0; } body[class*=”woocommerce”] ul.products li.product .woocommerce-loop-product__title { font-size: 20px; font-weight: 600; margin-bottom: 0; padding-top: 0; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -ms-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; } body[class*=”woocommerce”] ul.products li.product .woocommerce-loop-product__title:hover, body[class*=”woocommerce”] ul.products li.product .woocommerce-loop-product__title:focus, body[class*=”woocommerce”] ul.products li.product .woocommerce-loop-product__title:active { color: #086abd; } body[class*=”woocommerce”] ul.products li.product .star-rating { margin-bottom: 20px; margin-left: auto; margin-right: auto; } body[class*=”woocommerce”] ul.products li.product a img { margin-bottom: 0; } body[class*=”woocommerce”] ul.products li.product .price { color: #414141; font-size: 16px; font-weight: 500; margin-bottom: 0; } body[class*=”woocommerce”] ul.products li.product .price span { display: inline; } body[class*=”woocommerce”] ul.products li.product .button-cart_button_three > a { background: transparent; color: #030303; text-transform: uppercase; border-bottom: 1px solid #030303; padding: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } body[class*=”woocommerce”] ul.products li.product .button-cart_button_three > a:hover { color: #086abd; border-bottom-color: #086abd; } body[class*=”woocommerce”] ul.products li.product .button-cart_button_four { position: absolute; left: 10px; bottom: 10px; } body[class*=”woocommerce”] ul.products li.product .button-cart_button_four > a { background-color: #ffffff; color: #030303; width: 50px; height: 50px; display: block; text-align: center; padding: 0; line-height: 50px; font-size: 16px; } body[class*=”woocommerce”] ul.products li.product .button-cart_button_four > a:hover, body[class*=”woocommerce”] ul.products li.product .button-cart_button_four > a:focus { background-color: #086abd; color: #ffffff; } body[class*=”woocommerce”] ul.products.columns-3 { margin-left: -12px; margin-right: -12px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: -30px; } body[class*=”woocommerce”] ul.products.columns-3 li.product { width: 33.33%; margin: 0; padding-left: 12px; padding-right: 12px; margin-bottom: 30px; } @media screen and (max-width: 991px) { body[class*=”woocommerce”] ul.products.columns-3 li.product { width: 50%; } } @media screen and (max-width: 575px) { body[class*=”woocommerce”] ul.products.columns-3 li.product { width: 100%; } } body.woocommerce ul.products { padding-top: 60px; } body[class*=”woocommerce”] div.product p.price { color: #414141; line-height: 1; font-size: 20px; } body[class*=”woocommerce”] div.product p.price .amount { font-size: 20px; } body[class*=”woocommerce”] span.onsale { background-color: #EB5A3E; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; min-width: auto; min-height: auto; font-weight: 400; line-height: initial; padding: 5px 10px; } body[class*=”woocommerce”] .woocommerce-result-count, body[class*=”woocommerce”] .woocommerce-ordering select { background-color: #ffffff; color: #414141; border: 1px solid #d9d9d9; padding: 7px 20px; position: relative; text-transform: uppercase; font-size: 14px; } body[class*=”woocommerce”] #respond input#submit, body[class*=”woocommerce”] a.button, body[class*=”woocommerce”] button.button, body[class*=”woocommerce”] input.button, body[class*=”woocommerce”] a.button.alt, body[class*=”woocommerce”] button.button.alt { background-color: #333333; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; padding: 10px 20px 10px; color: #ffffff; -webkit-transition: background-color 0.5s, color 0.5s; -moz-transition: background-color 0.5s, color 0.5s; -ms-transition: background-color 0.5s, color 0.5s; -o-transition: background-color 0.5s, color 0.5s; transition: background-color 0.5s, color 0.5s; font-weight: normal; font-size: 15px; line-height: 1.5; } body[class*=”woocommerce”] #respond input#submit:hover, body[class*=”woocommerce”] #respond input#submit:focus, body[class*=”woocommerce”] #respond input#submit:active, body[class*=”woocommerce”] a.button:hover, body[class*=”woocommerce”] a.button:focus, body[class*=”woocommerce”] a.button:active, body[class*=”woocommerce”] button.button:hover, body[class*=”woocommerce”] button.button:focus, body[class*=”woocommerce”] button.button:active, body[class*=”woocommerce”] input.button:hover, body[class*=”woocommerce”] input.button:focus, body[class*=”woocommerce”] input.button:active, body[class*=”woocommerce”] a.button.alt:hover, body[class*=”woocommerce”] a.button.alt:focus, body[class*=”woocommerce”] a.button.alt:active, body[class*=”woocommerce”] button.button.alt:hover, body[class*=”woocommerce”] button.button.alt:focus, body[class*=”woocommerce”] button.button.alt:active { background-color: #086abd; color: #ffffff; } body[class*=”woocommerce”] a.added_to_cart { margin-top: 10px; color: #383838; } body[class*=”woocommerce”] a.added_to_cart:hover, body[class*=”woocommerce”] a.added_to_cart:focus, body[class*=”woocommerce”] a.added_to_cart:active { color: #086abd; } body[class*=”woocommerce”] .product-inner .add_to_cart_button, body[class*=”woocommerce”] .product-inner .added_to_cart { font-size: 13px; margin-left: auto; margin-right: auto; font-weight: 400; text-transform: uppercase; } body[class*=”woocommerce”] .checkout [class*=”col-“] { padding: 0; -ms-flex: inherit; flex: inherit; max-width: inherit; } body[class*=”woocommerce”] .checkout h3 { font-weight: 600; } body[class*=”woocommerce”] .checkout h3#order_review_heading { margin-top: 20px; } body[class*=”woocommerce”] form.cart { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 10px; } body[class*=”woocommerce”] form.cart .button { padding: 12px 30px; } @media screen and (max-width: 575px) { body[class*=”woocommerce”] form.cart .button { padding: 12px 20px; } } body[class*=”woocommerce”] form .form-row label { font-weight: 500; font-size: 14px; display: block; margin-top: 15px; } body[class*=”woocommerce”] form .form-row .woocommerce-input-wrapper, body[class*=”woocommerce”] form .form-row input.input-text, body[class*=”woocommerce”] form .form-row textarea { width: 100%; } body[class*=”woocommerce”] .entry-summary .quantity input[type=”number”] { height: 100%; margin-right: 15px; width: 70px; } body[class*=”woocommerce”] .entry-summary .quantity input[type=”number”]::-webkit-inner-spin-button { opacity: 1; } @media screen and (max-width: 575px) { body[class*=”woocommerce”] .entry-summary .quantity input[type=”number”] { width: 55px; margin-right: 8px; } } body[class*=”woocommerce”] .woocommerce-cart-form table.cart td.actions .input-text#coupon_code { width: 160px; height: 42px; } body[class*=”woocommerce”] .woocommerce-cart-form table.cart td.product-name a { color: #101010; } body[class*=”woocommerce”] .woocommerce-cart-form table.cart td.product-remove a { text-decoration: none; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } body[class*=”woocommerce”] .woocommerce-product-gallery__wrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } body[class*=”woocommerce”] .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image a { display: block; position: relative; overflow: hidden; } body[class*=”woocommerce”] .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image a:before { position: absolute; top: 0; left: -75%; z-index: 2; display: none; content: ”; width: 50%; height: 100%; background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 100%); background: linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); } body[class*=”woocommerce”] .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image a:hover:before, body[class*=”woocommerce”] .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image a:focus:before, body[class*=”woocommerce”] .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image a:active:before { -webkit-animation: shine 1.0s; animation: shine 1.0s; display: block; } body[class*=”woocommerce”] .product_meta { border-top: 1px solid #e6e6e6; padding-top: 15px; clear: both; } body[class*=”woocommerce”] .product_meta .posted_in, body[class*=”woocommerce”] .product_meta .tagged_as { color: #6b6b6b; display: block; margin-top: 10px; position: relative; font-weight: 600; } body[class*=”woocommerce”] .product_meta .posted_in a, body[class*=”woocommerce”] .product_meta .tagged_as a { font-weight: normal; color: #6b6b6b; display: inline-block; font-size: 14px; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -ms-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; } body[class*=”woocommerce”] .product_meta .posted_in a:hover, body[class*=”woocommerce”] .product_meta .posted_in a:focus, body[class*=”woocommerce”] .product_meta .posted_in a:active, body[class*=”woocommerce”] .product_meta .tagged_as a:hover, body[class*=”woocommerce”] .product_meta .tagged_as a:focus, body[class*=”woocommerce”] .product_meta .tagged_as a:active { color: #086abd; } @media screen and (max-width: 575px) { body[class*=”woocommerce”] .product_meta .posted_in a, body[class*=”woocommerce”] .product_meta .tagged_as a { font-size: 12px; } } body[class*=”woocommerce”] button.button:disabled, body[class*=”woocommerce”] button.button:disabled[disabled] { color: #f1f1f1; } body[class*=”woocommerce”] .entry-summary .product_title { font-weight: 600; } body[class*=”woocommerce”] .entry-summary p.price { margin-bottom: 35px; } body[class*=”woocommerce”] .entry-summary .yith-wcwl-add-button i { font-family: FontAwesome; } body[class*=”woocommerce”] .entry-summary .woocommerce-product-details__short-description { border-top: 1px solid #e6e6e6; padding-top: 20px; margin-top: 20px; } body[class*=”woocommerce”] .entry-summary .woocommerce-product-details__short-description p:last-child { margin-bottom: 0; } body[class*=”woocommerce”] .woocommerce-tabs .woocommerce-Reviews p { margin-bottom: 30px; } body[class*=”woocommerce”] .woocommerce-tabs #reviews #comments h2 { margin-bottom: 0; } body[class*=”woocommerce”] .woocommerce-tabs #reviews #comments .woocommerce-Reviews-title { margin-bottom: 20px; font-size: 21px; } body[class*=”woocommerce”] .woocommerce-tabs #reviews #comments ol { padding: 0; } body[class*=”woocommerce”] .woocommerce-tabs #reviews #comments ol.commentlist li img.avatar { width: 45px; border-radius: 100%; } body[class*=”woocommerce”] .woocommerce-tabs #reviews #comments ol.commentlist li .comment-text { margin: 0 0 0 65px; border-radius: 0; } body[class*=”woocommerce”] .woocommerce-tabs #reviews #comments .comment-text .woocommerce-review__awaiting-approval { color: #030303; } body[class*=”woocommerce”] .woocommerce-tabs #reviews #comments .comment-text .star-rating { font-size: 13px; } body[class*=”woocommerce”] .woocommerce-tabs #reviews #comments .comment-text .woocommerce-review__author { font-size: 15px; color: #030303; } .woocommerce ul.products li.product [class*=”col-“] .woocommerce-loop-product__title { padding-bottom: 0; } .woocommerce nav.woocommerce-pagination ul.page-numbers { width: 100%; height: 100%; border: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; line-height: inherit; margin-top: 40px; margin-bottom: 40px; display: block; } .woocommerce nav.woocommerce-pagination ul.page-numbers:hover { background-color: transparent; border: none; color: inherit; } .woocommerce nav.woocommerce-pagination ul.page-numbers li { border: none; float: none; margin: 0 5px; } .woocommerce nav.woocommerce-pagination ul.page-numbers li .page-numbers { font-size: 16px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; } .woocommerce nav.woocommerce-pagination ul.page-numbers li .page-numbers:hover, .woocommerce nav.woocommerce-pagination ul.page-numbers li .page-numbers:focus, .woocommerce nav.woocommerce-pagination ul.page-numbers li .page-numbers:active, .woocommerce nav.woocommerce-pagination ul.page-numbers li .page-numbers.current { color: #ffffff; } .woocommerce .woocommerce-MyAccount-navigation ul { margin: 0; padding: 0; } .woocommerce .woocommerce-MyAccount-navigation ul li { list-style: none; border-bottom: 1px solid #e6e6e6; } .woocommerce .woocommerce-MyAccount-navigation ul li:last-child { border-bottom: none; } .woocommerce .woocommerce-MyAccount-navigation ul li a { color: #333333; display: inline-block; font-size: 14px; padding: 10px 0; -webkit-transition: color 0.4s; -moz-transition: color 0.4s; -ms-transition: color 0.4s; -o-transition: color 0.4s; transition: color 0.4s; } .woocommerce .woocommerce-MyAccount-navigation ul li a:hover, .woocommerce .woocommerce-MyAccount-navigation ul li a:focus, .woocommerce .woocommerce-MyAccount-navigation ul li a:active { color: #086abd; } .woocommerce .woocommerce-MyAccount-content { padding-left: 30px; } .woocommerce .woocommerce-MyAccount-content p a { color: #a6a6a6; -webkit-transition: color 0.4s; -moz-transition: color 0.4s; -ms-transition: color 0.4s; -o-transition: color 0.4s; transition: color 0.4s; } .woocommerce .woocommerce-MyAccount-content p a:hover, .woocommerce .woocommerce-MyAccount-content p a:focus, .woocommerce .woocommerce-MyAccount-content p a:active { color: #086abd; } .woocommerce .woocommerce-form-login .form-row { padding: 0 0 20px; display: block; } .woocommerce .woocommerce-form-login .form-row label { margin-top: 0; } .woocommerce .woocommerce-form-login .form-row label.woocommerce-form-login__rememberme { margin-bottom: 15px; } .woocommerce .woocommerce-form-login .woocommerce-form-login__submit { -webkit-box-ordinal-group: -1; -moz-box-ordinal-group: -1; -ms-flex-order: -1; -webkit-order: -1; order: -1; } .woocommerce .woocommerce-form-login p:last-child { margin-bottom: 0; } .woocommerce .woocommerce-form-login.login label { display: block; } .woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register { padding: 40px; } body[class*=”woocommerce”] .widget ul.product_list_widget li { padding-top: 10px; padding-bottom: 10px; } body[class*=”woocommerce”] .widget ul.product_list_widget li img { width: 55px; margin-left: 0; } body[class*=”woocommerce”] .widget.widget_product_search input { width: 100%; padding-left: 10px; padding-right: 50px; } body[class*=”woocommerce”] .widget.widget_product_search [type=”submit”] { background-color: #333333; color: #ffffff; cursor: pointer; border: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; font-size: 0px; position: absolute; right: 0; height: 100%; padding: 0 15px; -webkit-transition: background-color 0.4s, color 0.4s; -moz-transition: background-color 0.4s, color 0.4s; -ms-transition: background-color 0.4s, color 0.4s; -o-transition: background-color 0.4s, color 0.4s; transition: background-color 0.4s, color 0.4s; } body[class*=”woocommerce”] .widget.widget_product_search [type=”submit”]:before { content: “\f002”; font-family: “Font Awesome 5 Free”; font-weight: 900; font-size: 14px; } body[class*=”woocommerce”] .widget.widget_product_search [type=”submit”]:hover, body[class*=”woocommerce”] .widget.widget_product_search [type=”submit”]:focus, body[class*=”woocommerce”] .widget.widget_product_search [type=”submit”]:active { background-color: #086abd; color: #ffffff; } body[class*=”woocommerce”] .widget.widget_recently_viewed_products li, body[class*=”woocommerce”] .widget.widget_recent_reviews li, body[class*=”woocommerce”] .widget.widget_products .product_list_widget li { font-size: 13px; } body[class*=”woocommerce”] .widget.widget_recently_viewed_products li img, body[class*=”woocommerce”] .widget.widget_recent_reviews li img, body[class*=”woocommerce”] .widget.widget_products .product_list_widget li img { float: left; margin-right: 15px; } body[class*=”woocommerce”] .widget.widget_recent_reviews li .star-rating, body[class*=”woocommerce”] .widget.widget_recent_reviews li .reviewer, body[class*=”woocommerce”] .widget.widget_products li .star-rating, body[class*=”woocommerce”] .widget.widget_products li .reviewer { display: block; font-size: 11px; margin-bottom: 5px; margin-top: 5px; } body .woocommerce.widget_price_filter .ui-slider .ui-slider-range { background-color: #b3b3b3; } body .woocommerce.widget_price_filter .ui-slider .ui-slider-handle { background-color: #EB5A3E; } .entry-content .woocommerce .shop_table img { margin-bottom: 0; } .woocommerce .widget_shopping_cart .cart_list li a.remove { top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); } .woocommerce ul.products li.product .onsale { top: 8px; right: 8px; } .wc-block-grid__product a { text-decoration: none; } .woocommerce table.shop_table, #add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment { border-radius: 0; } .woocommerce span.onsale { top: 15px; left: 15px; } .product .product-compare-wishlist .yith-wcwl-add-to-wishlist { margin-top: 0; } .product-wishlist .yith-wcwl-add-button .fa-heart-o:before { content: “\f004”; font-family: “Font Awesome 5 Free”; font-weight: normal; display: inline-block; } .woocommerce #review_form #respond p { width: 100%; margin-bottom: 20px; } .wc-block-grid__product-title { font-size: 18px; font-weight: 500; color: #212121; } .price span.woocommerce-Price-amount.amount { font-size: 16px; font-weight: 600; } a.wp-block-button__link.add_to_cart_button.ajax_add_to_cart { font-size: 13px; border-radius: 0; padding: 6px 10px; } h2.wc-block-featured-product__title { font-size: 38px; } @media screen and (max-width: 991px) { h2.wc-block-featured-product__title { font-size: 20px; } } .wc-block-featured-product__description { font-size: 15px; } .section-banner .banner-content .entry-title { font-size: 50px; font-weight: 600; } .wc-block-grid__product-add-to-cart a { display: inline-block; } .wc-block-grid__product-add-to-cart a.added_to_cart { border: 1px solid #656565; font-size: 13px; padding: 6px 10px; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } body .woocommerce .col2-set [class*=”col-“], body.woocommerce-page .col2-set .col-1[class*=”col-“] { padding: 0; -ms-flex: inherit; flex: inherit; max-width: inherit; } body .single.woocommerce #content div.product div.images { width: 40%; } body .single.woocommerce #content div.product div.summary { width: 56%; } body .single.woocommerce #content div.product div.summary .yith-wcwl-wishlistexistsbrowse { margin-bottom: 20px; } body .select2-container–default .select2-selection–single { height: 42px; border-radius: 0; border-color: #d9d9d9; } body .select2-container–default .select2-selection–single .select2-selection__rendered { line-height: 40px; } body .select2-container–default .select2-selection–single .select2-selection__arrow { top: 8px; } body .woocommerce form.checkout_coupon, body .woocommerce form.login, body .woocommerce form.register { border-radius: 0; } .woocommerce .edit-account .form-row { display: block; } .woocommerce .edit-account .woocommerce-form-row label { margin-top: 0; } .woocommerce .edit-account .woocommerce-Button { margin-top: 15px; } .woocommerce .edit-account fieldset { padding: 0; } body .woocommerce form.checkout_coupon .form-row button { height: 42px; } body .woocommerce form.checkout_coupon .form-row-last, body .woocommerce-page form.checkout_coupon .form-row-last { float: none; } body .woocommerce form.checkout_coupon .form-row-last { margin-left: 10px; } .woocommerce .wishlist_table tr td.product-name { text-align: center; } .woocommerce .wishlist-items-wrapper a { color: #000; font-size: 14px; font-weight: 600; } .woocommerce .wishlist-items-wrapper a.button { color: #FFFFFF; float: right; margin-bottom: 0 !important; } @media screen and (min-width: 992px) { .woocommerce .related ul.products li.product { width: 33.33%; } } body.woocommerce div.product .woocommerce-tabs ul.tabs { padding: 0; margin: 0; } body.woocommerce div.product .woocommerce-tabs ul.tabs li { border-radius: 0; padding: 0; margin: 0; border-color: #e6e6e6; } body.woocommerce div.product .woocommerce-tabs ul.tabs li:not(.active) { background-color: transparent; border: none; } body.woocommerce div.product .woocommerce-tabs ul.tabs li a { padding: 12px 25px; color: #333; } body.woocommerce div.product .woocommerce-tabs ul.tabs::before { border-bottom-color: #e6e6e6; } body.woocommerce div.product .woocommerce-tabs ul.tabs li.active::before, body.woocommerce div.product .woocommerce-tabs ul.tabs li::after { content: “”; box-shadow: none !important; border-radius: 0; border: none; } body.woocommerce div.product .woocommerce-tabs .panel { padding: 40px; } .woocommerce .woocommerce-tabs .woocommerce-Tabs-panel { border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; } .woocommerce .woocommerce-MyAccount-navigation ul li a { text-decoration: none; } .select2-container–default .select2-selection–single { border-radius: 0; } body.woocommerce div.product .woocommerce-tabs ul.tabs li.active::before, body.woocommerce div.product .woocommerce-tabs ul.tabs li::after, body.woocommerce div.product .woocommerce-tabs ul.tabs li::after, body.woocommerce div.product .woocommerce-tabs ul.tabs li::before { display: none; } .wp-block-button a.wp-block-button__link { border-radius: 5px; text-decoration: none; transition: background-color 0.3s, border-color 0.3s, color 0.3s; } .wp-block-button a.wp-block-button__link:hover, .wp-block-button a.wp-block-button__link:focus, .wp-block-button a.wp-block-button__link:active { color: #FFFFFF; text-decoration: none; } .entry-content .wc-block-grid__products li a { text-decoration: none; } .entry-content .wc-block-grid__products li a:hover, .entry-content .wc-block-grid__products li a:focus, .entry-content .wc-block-grid__products li a:active { text-decoration: none; } .woocommerce ul.products li.product .added ~ a.added_to_cart { display: inherit; text-decoration: underline; } [class*=”woocommerce”] table.wishlist_table thead th { border-top: none; text-align: center; } body.woocommerce div.product .woocommerce-tabs .panel { margin-bottom: 60px; } .woocommerce .quantity .qty { width: 70px; } .woocommerce-lost-password .site-main { text-align: center; } .woocommerce .woocommerce-ResetPassword { border: 1px solid #d9d9d9; width: 450px; padding: 30px; margin-left: auto; margin-right: auto; text-align: left; } .woocommerce .woocommerce-ResetPassword .form-row-first, .woocommerce .woocommerce-ResetPassword input[type=”text”] { width: 100%; } .woocommerce .woocommerce-ResetPassword .form-row-first { margin-bottom: 15px; } .product-detail-wrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 40px; } .product-detail-wrapper:before, .product-detail-wrapper:after { content: “”; clear: both; display: block; } .product-detail-wrapper .breadcrumb-wrap { margin-bottom: 20px; } .product-detail-wrapper .breadcrumb-wrap .breadcrumbs { background-color: transparent; color: #a6a6a6; padding: 0; font-size: 15px; font-weight: 400; } .product-detail-wrapper .breadcrumb-wrap .breadcrumbs .current-item { color: #383838; } .product-detail-wrapper .entry-summary { margin-left: 4%; } .thumbnails.slider svg { vertical-align: initial; } .related.products ul.products { padding-top: 20px; } body[class*=”woocommerce”] ul.products li .product-compare { margin-right: 8px; } body[class*=”woocommerce”] ul.products li .product-compare-wishlist { position: absolute; opacity: 0; top: 50%; left: 0; right: 0; text-align: center; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); } body[class*=”woocommerce”] ul.products li .product-compare-wishlist > div { display: inline-block; } body[class*=”woocommerce”] ul.products li .product-compare-wishlist a { position: relative; display: block; } body[class*=”woocommerce”] ul.products li .product-compare-wishlist a i { background-color: #ffffff; color: #383838; border-radius: 100%; display: block; line-height: 35px; height: 35px; text-align: center; width: 35px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; font-size: 12px; } body[class*=”woocommerce”] ul.products li .product-compare-wishlist a:hover i { background-color: #086abd; color: #ffffff; } body[class*=”woocommerce”] ul.products li:hover .product-compare-wishlist, body[class*=”woocommerce”] ul.products li:focus .product-compare-wishlist, body[class*=”woocommerce”] ul.products li:active .product-compare-wishlist { opacity: 1; } .woocommerce div.product div.images .flex-control-thumbs { margin: 5px -5px 0; } .woocommerce .woocommerce-product-gallery .flex-control-thumbs li { padding: 5px; } .woocommerce .woocommerce-product-gallery .flex-control-thumbs li a { display: block; position: relative; overflow: hidden; } .woocommerce .woocommerce-product-gallery .flex-control-thumbs li a:before { position: absolute; top: 0; left: -75%; z-index: 2; display: none; content: ”; width: 50%; height: 100%; background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 100%); background: linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); } .woocommerce .woocommerce-product-gallery .flex-control-thumbs li a:hover:before, .woocommerce .woocommerce-product-gallery .flex-control-thumbs li a:focus:before, .woocommerce .woocommerce-product-gallery .flex-control-thumbs li a:active:before { -webkit-animation: shine 1.0s; animation: shine 1.0s; display: block; } .woocommerce div.product form.cart { margin-bottom: 30px; float: left; } .summary .yith-wcwl-add-to-wishlist { float: left; margin-top: 0; } .summary .yith-wcwl-add-button { display: inline-block; float: left; position: relative; text-align: center; } .woocommerce .summary .compare { font-size: 0; } .woocommerce .summary .compare:before { content: “\f021″; font-family: fontawesome; font-size: 14px; } .summary .yith-wcwl-add-to-wishlist .add_to_wishlist span { display: none; } .summary .yith-wcwl-add-button a i, .woocommerce .entry-summary a.compare.button, .summary .yith-wcwl-add-to-wishlist i { border: 1px solid #d9d9d9; border-radius: 0; color: #383838; display: inline-block; height: 45px; line-height: 45px; width: 45px; text-align: center; margin-left: 20px; margin-top: 10px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .summary .yith-wcwl-add-button a i i, .woocommerce .entry-summary a.compare.button i, .summary .yith-wcwl-add-to-wishlist i i { margin-right: 0; } .summary .yith-wcwl-add-button a i:hover, .woocommerce .entry-summary a.compare.button:hover, .summary .yith-wcwl-add-to-wishlist i:hover { color: #086abd; border-color: #086abd; } @media screen and (max-width: 575px) { .summary .yith-wcwl-add-button a i, .woocommerce .entry-summary a.compare.button, .summary .yith-wcwl-add-to-wishlist i { margin-left: 8px; width: 40px; } } .woocommerce .entry-summary a.compare.button { background-color: transparent; padding: 0; } .info-tooltip { background-color: #1a1a1a; color: #ffffff; font-size: 11px; padding: 4px 10px; position: absolute; top: -15px; text-align: center; left: 50%; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); white-space: nowrap; visibility: hidden; z-index: 1; -webkit-transition: top 0.4s; -moz-transition: top 0.4s; -ms-transition: top 0.4s; -o-transition: top 0.4s; transition: top 0.4s; } .product-compare-wishlist a:hover .info-tooltip { top: -35px; visibility: visible; } .wishlist_table td .product-view { display: table; margin-left: auto; margin-right: auto; margin-top: 10px; } .wishlist_table td .product-view a { background: #333333; color: #FFFFFF; padding: 2px 10px 5px; } .wishlist_table td .product-view a:hover { background: #086abd; } .wishlist_table td .product-view i { font-size: 10px; margin-right: 4px; } .wishlist_table td .product-view .info-tooltip { background-color: transparent; position: static; opacity: 1; visibility: visible; padding: 0; } .wishlist_table td.product-add-to-cart a { background-color: #333333; color: #ffffff; font-size: 13px; padding: 5px 15px; } .wishlist_table td.product-add-to-cart a:hover { background: #086abd; } .yith-wcwl-share .share-button .fa { font-family: FontAwesome; font-weight: 400; font-size: 13px; } .product-wishlist { margin-right: 8px; } .product-wishlist .yith-wcwl-add-button > a i, .yith-wcwl-add-to-wishlist .yith-wcwl-add-button > a i { margin-right: 0; } .product-wishlist .feedback, .yith-wcwl-add-to-wishlist .feedback { background-color: rgba(255, 255, 255, 0.8); position: absolute; bottom: 100%; display: inline-block; padding: 2px 10px; margin-left: calc(15%/2); margin-right: calc(15%/2); -webkit-transform: translate(0, -100%); -moz-transform: translate(0, -100%); -ms-transform: translate(0, -100%); -o-transform: translate(0, -100%); transform: translate(0, -100%); text-align: center; font-size: 13px; left: 0; right: 0; } .product-wishlist .feedback i, .yith-wcwl-add-to-wishlist .feedback i { display: none; } .summary .yith-wcwl-add-to-wishlist { position: relative; } .summary .yith-wcwl-add-to-wishlist .feedback { display: none; } .post-edit-link, .edit { text-decoration: underline; } .post-edit-link:hover, .edit:hover { text-decoration: underline; } .woocommerce-MyAccount-content fieldset legend { margin-top: 30px; } .stars { display: inline-block; line-height: 1; } .stars a { color: #000000; } .stars a:hover, .stars a:focus, .stars a:active { color: #000000; } .woocommerce a:hover .star-rating span, .woocommerce a:focus .star-rating span, .woocommerce a:active .star-rating span { color: intial; } body[class*=”woocommerce”] .product-compare .compare.added { font-size: 13px; text-decoration: underline; } body.search-results[class*=”woocommerce”] ul.products li, body.search-results[class*=”woocommerce”] ul.products.columns-3 li { border: none; } #bosa-agency-contact .wpcf7 input[type=text], #bosa-agency-contact .wpcf7 input[type=email], #bosa-agency-contact .wpcf7 textarea { -webkit-border-radius: 15px; -moz-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px; } #bosa-agency-contact .wpcf7 input[type=submit] { border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -o-border-radius: 25px; text-transform: uppercase; background-color: #FF7B2F; font-weight: 600; } #bosa-agency-contact .wpcf7 input[type=submit]:hover, #bosa-agency-contact .wpcf7 input[type=submit]:active, #bosa-agency-contact .wpcf7 input[type=submit]:focus { border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -o-border-radius: 25px; text-transform: uppercase; background-color: #2C75BA; } #bosa-insurance-contact .wpcf7 input[type=text], #bosa-insurance-contact .wpcf7 input[type=email], #bosa-insurance-contact .wpcf7 textarea { border: none; background-color: #fff; height: 55px; padding-left: 20px; margin-bottom: 20px; } #bosa-insurance-contact .wpcf7 input[type=submit] { background-color: #233D62; padding: 20px 35px; font-weight: 600; font-size: 15px; } #bosa-insurance-contact .wpcf7 input[type=submit]:hover, #bosa-insurance-contact .wpcf7 input[type=submit]:active, #bosa-insurance-contact .wpcf7 input[type=submit]:focus { background-color: #000000; } .bosa-marketing-contact-form .wpcf7-submit { font-size: 17px; font-weight: 600; color: #FFFFFF; background-color: #18407C; padding: 15px 30px 16px 30px; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; } .bosa-marketing-contact-form .wpcf7-email, .bosa-marketing-contact-form .wpcf7 input[type=text], .bosa-marketing-contact-form .wpcf7-textarea { border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; margin-bottom: 20px; padding-left: 20px; height: 45px; } #bosa-app-contact .wpcf7 input[type=text], #bosa-app-contact .wpcf7 input[type=email], #bosa-app-contact .wpcf7 textarea { border: solid 1px #ff922261; border-radius: 25px; -webkit-border-radius: 25px; -o-border-radius: 25px; -ms-border-radius: 25px; -moz-border-radius: 25px; } #bosa-app-contact .wpcf7 input[type=submit] { border-radius: 25px; -webkit-border-radius: 25px; -o-border-radius: 25px; -ms-border-radius: 25px; -moz-border-radius: 25px; text-transform: uppercase; font-weight: 600; background-color: #FF9222; padding: 16px 30px; } #bosa-app-contact .wpcf7 input[type=submit]:hover, #bosa-app-contact .wpcf7 input[type=submit]:active, #bosa-app-contact .wpcf7 input[type=submit]:focus { background-color: #E98015; } /*# sourceMappingURL=style.css.map */
After adding above CSS replace HTML header has shown below
Before:https://prnt.sc/26s1lat
After: https://prnt.sc/26s1me8final Look : https://prnt.sc/26s1vsa
- This reply was modified 3 years, 1 month ago by Umesh Gupta.
Forum: Fixing WordPress
In reply to: primary menu wont moveHi @ninju
You can find style.css and in other css file ??Forum: Fixing WordPress
In reply to: primary menu wont moveHi @ninju
Ok So can you please give the CSS code for the header