Server : LiteSpeed System : Linux premium84.web-hosting.com 4.18.0-553.44.1.lve.el8.x86_64 #1 SMP Thu Mar 13 14:29:12 UTC 2025 x86_64 User : claqxcrl ( 523) PHP Version : 8.1.32 Disable Function : NONE Directory : /home/claqxcrl/matelopsrp.com/wp-content/themes/vip-business/ |
/*
Theme Name: VIP Business
Author: FireFly Themes
Author URI: https://fireflythemes.com/
Theme URI: https://fireflythemes.com/themes/vip-business/
Description: VIP Business is a free multipurpose WordPress Theme. This theme is made to suit all your needs for a multipurpose business theme. With this theme, you will be able to make multiple designs. The theme gives features like breadcrumbs, associates logo to highlight your partners, featured content to showcase your content, portfolio to highlight your works, promotional headline to use as a call to action button for better UI, slider to highlight your images, team to show who is really behind your company, testimonial to show a list of your satisfied client feedback and what we do section to highlight the services you provide. Give your site an awesome and modern look with unique header style. Use VIP Business Theme with endless design possibilities to enhance your business look. All this backed up by our Awesome Support Team, do not miss out on it. Visit https://fireflythemes.com/support for support, https://fireflythemes.com/documentation/vip-business for theme documentation and https://fireflythemes.com/demo/vip-business for demo.
Version: 1.0.2
Requires at least: 5.3
Tested up to: 5.5
Requires PHP: 5.6
License: GNU General Public License v3 or later
License URI: https://www.gnu.org/licenses/license-list.html#GNUGPLv3
Text Domain: vip-business
Tags: blog, news, entertainment, grid-layout, one-column, two-columns, right-sidebar, custom-background, custom-header, custom-logo, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks
VIP Business WordPress Theme, Copyright 2021 FireFly Themes
VIP Business is distributed under the terms of the GNU GPL
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
VIP Business is based on Underscores https://underscores.me/, (C) 2012-2020. Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
## Links
## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
## Posts and pages
## Comments
# Infinite scroll
# Media
## Captions
## Galleries
# Basic
# Top Header
# Masthead
# Basic Breadcrumb
# Footer
# Sidebar
# Social Links
# Layouts Style
# Section
## Slider
## Hero Content
## What we do
## Teams
## Testimonial
## Post Gird
## Skills
## Promotional
## Contact
## Portfolio
# Media Queries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
line-height: 1.15; /* 1 */
-webkit-text-size-adjust: 100%; /* 2 */
font-size: 16px;
font-size: 62.5%;
}
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers.
*/
body {
margin: 0;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/* Grouping content
========================================================================== */
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
box-sizing: content-box; /* 1 */
height: 0; /* 1 */
overflow: visible; /* 2 */
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/* Text-level semantics
========================================================================== */
/**
* Remove the gray background on active links in IE 10.
*/
a {
background-color: transparent;
}
/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none; /* 1 */
text-decoration: underline; /* 2 */
text-decoration: underline dotted; /* 2 */
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/* Embedded content
========================================================================== */
/**
* Remove the border on images inside links in IE 10.
*/
img {
border-style: none;
}
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: inherit; /* 1 */
font-size: 100%; /* 1 */
line-height: 1.15; /* 1 */
margin: 0; /* 2 */
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input { /* 1 */
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select { /* 1 */
text-transform: none;
}
/**
* Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Correct the padding in Firefox.
*/
fieldset {
padding: 0.35em 0.75em 0.625em;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
box-sizing: border-box; /* 1 */
color: inherit; /* 2 */
display: table; /* 1 */
max-width: 100%; /* 1 */
padding: 0; /* 3 */
white-space: normal; /* 1 */
}
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline;
}
/**
* Remove the default vertical scrollbar in IE 10+.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
[type="checkbox"],
[type="radio"] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type="search"] {
-webkit-appearance: textfield; /* 1 */
outline-offset: -2px; /* 2 */
}
/**
* Remove the inner padding in Chrome and Safari on macOS.
*/
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button; /* 1 */
font: inherit; /* 2 */
}
/* Interactive
========================================================================== */
/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/
details {
display: block;
}
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item;
}
/* Misc
========================================================================== */
/**
* Add the correct display in IE 10+.
*/
template {
display: none;
}
/**
* Add the correct display in IE 10.
*/
[hidden] {
display: none;
}
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body, button, input, select, optgroup, textarea {
color: #797978;
font-family: 'Roboto', sans-serif;
font-size: 16px;
font-size: 1.6rem;
line-height: 1.5;
}
@media screen and (max-width: 900px) {
html {
font-size: 54.6879%;
}
}
body {
line-height: 1.7;
color: #797978;
}
h1, h2, h3, h4, h5, h6 {
clear: both;
font-family: 'Poppins', sans-serif;
margin-bottom: 15px;
line-height: 1.4;
margin-top: 0;
color: #222;
font-weight: 600;
}
h1 {
font-size:3.8rem;
}
h2 {
font-size: 2.8rem;
}
h3 {
font-size: 2.2rem;
}
h4 {
font-size: 1.8rem;
}
h5 {
font-size:1.6rem;
}
h6 {
font-size:1.4rem;
}
p {
margin: 0 0 15px 0;
}
dfn, cite, em, i {
font-style: italic;
}
blockquote {
margin: 0 1.5em;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 1.5rem;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code, kbd, tt, var {
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
font-size: 15px;
font-size: 1.5rem;
}
abbr, acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark, ins {
background: #fff9c0;
text-decoration: none;
}
big {
font-size: 125%;
}
/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
box-sizing: border-box;
}
*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
box-sizing: inherit;
}
body {
background: #fff; /* Fallback for when there is no custom background color defined. */
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
}
blockquote,
q {
quotes: "" "";
font-size: 1.8rem;
font-style: italic;
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 15px;
}
ul,
ol {
margin: 0 0 15px 20px;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 15px;
}
dt {
font-weight: bold;
}
dd {
margin: 0 15px 15px;
}
img {
height: auto; /* Make sure images are scaled correctly. */
max-width: 100%; /* Adhere to container width. */
vertical-align: middle;
}
figure {
margin: 1em 0; /* Extra wide images within figure tags don't overflow the content area. */
}
table {
margin: 0 0 15px;
width: 100%;
}
/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
.ff-button,
.ff-button:visited,
button, a.button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
transition: all 0.3s ease 0s;
background: -moz-linear-gradient(0deg, #428cd4 0%, #004e9a 100%);
background: -webkit-linear-gradient(0deg, #428cd4 0%, #004e9a 100%);
background: -ms-linear-gradient(0deg, #428cd4 0%, #004e9a 100%);
color: #fff;
font-size: 15px;
padding: 12px 50px;
border: none;
height: auto;
width: auto;
cursor: pointer;
display: inline-block;
text-align: center;
margin: 0;
position: relative;
font-weight: 500;
letter-spacing: 1px;
margin-top: 10px;
border-radius: 3px;
line-height: 1.75;
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
padding: 9px 35px;
}
a.ff-button:hover,
button:hover,
a.button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
button:focus,
a.button:focus,
a.ff-button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
a.ff-button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
background: -moz-linear-gradient(0deg, #004e9a 0%, #428cd4 100%);
background: -webkit-linear-gradient(0deg, #004e9a 0%, #428cd4 100%);
background: -ms-linear-gradient(0deg, #004e9a 0%, #428cd4 100%);
color: #fff;
border-color: #222;
}
button:focus,
a.button:focus,
a.ff-button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
outline: none;
}
/*custom-secondary*/
a.ff-button.custom-wire {
color: #fff;
background: none;
border: 2px solid #fff;
}
.ff-button.button-secondary, .ff-button.button-secondary:visited {
background: #fff;
color: #222;
}
.ff-button.button-secondary:hover,
.ff-button.button-secondary:active,
.ff-button.button-secondary:focus {
background-color: #408ad2;
color: #fff;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
color: #666;
border: 1px solid #ccc;
padding:15px 20px;
transition: all 0.2s ease-in-out 0s;
width: 100%;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
color: #111;
border:1px solid #000;
outline: none;
}
select {
border: 1px solid #ccc;
padding: 10px 15px;
}
.header-search .displaynone {
display: none;
}
.header-search .displayblock{
display: block;
}
#search-toggle.toggled-on i.far.fa-times-circle {
display: block;
font-size: 17px;
}
#search-toggle i.far.fa-times-circle,
#search-toggle.toggled-on i.fas.fa-search {
display: none;
}
#search-toggle:hover,
#search-toggle:focus,
#search-toggle:active {
color:#408ad2;
}
#search-toggle, .site-header-cart a {
display: block;
padding: 7px;
font-size: 12px;
height: 35px;
width: 35px;
text-align: center;
margin-left: 12px;
}
.header-search {
position: relative;
}
#search-container {
background: #ffffff none repeat scroll 0 0;
bottom: -115px;
box-shadow: 0 7px 30px #7b6a6a4d;
padding: 25px;
position: absolute;
width: 400px;
z-index: 9999;
right: 0;
}
.header-one #search-container {
width: 860px;
}
#search-container:after {
content: "";
position: absolute;
background: #fff;
height: 20px;
right: 20px;
top: -9px;
width: 20px;
transform: rotate(45deg);
}
.search-form .search-submit{
border-radius: 0;
padding: 10px 15px;
position: absolute;
left: 0;
top: 0;
border-radius: 0;
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 11px;
background: no-repeat;
color: #2c2f35;
border-right: 1px solid #ccc;
margin: 5px 0;
}
.search-form .search-submit:hover,
.search-form .search-submit:focus,
.search-form .search-submit:active {
background: none;
color:#000;
}
.search-form input.search-field{
padding: 10px 20px 10px 70px;
width: 100%;
}
form.woocommerce-product-search button {
width: 100%;
}
.search-form,
.woocommerce-product-search {
position: relative;
clear: both;
}
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
color:#408ad2;
text-decoration: inherit;
}
a:visited {
color: #408ad2;
}
a:hover,
a:focus,
a:active {
color: #000;
}
a:focus {
outline: thin dotted;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
h1 a:visited,
h2 a:visited,
h3 a:visited,
h4 a:visited,
h5 a:visited,
h6 a:visited {
color: #000000;
text-decoration: inherit;
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover,
h1 a:focus,
h2 a:focus,
h3 a:focus,
h4 a:focus,
h5 a:focus,
h6 a:hover,
h1 a:active,
h2 a:active,
h3 a:active,
h4 a:active,
h5 a:active,
h6 a:active{
color: #408ad2;
}
.page-content p a,
.entry-content p a,
.entry-summary p a,
.widget .textwidget a,
.comment-content a,.section p a,
table a{
text-decoration: underline;
}
.page-content a.more-link,
.entry-content a.more-link,
.entry-summary a.more-link,
.section p a.more-link{
text-decoration: none;
}
.more-link:before {
content: "\f061";
font-family: 'Font Awesome 5 Free';
padding-left: 5px;
font-weight: 900;
font-size: 14px;
position: absolute;
right: 8px;
top: 6px;
background: #fff;
height: 35px;
width: 35px;
border-radius: 100%;
padding: 7px;
text-align: center;
color: #1e75ca;
}
a.more-link, a.more-link:visited {
display: block;
clear: both;
margin-top: 15px;
font-weight: 600;
font-size: 15px;
background: #e5edf5;
display: table;
padding: 11px 20px;
border-radius: 4px;
padding-right: 50px;
position: relative;
}
a.more-link:hover, a.more-link:focus, a.more-link:active {
background: #408ad2;
color: #fff;
}
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
a.skip-link {
font-size: 16px!important;
}
.main-navigation ul {
list-style: none;
margin: 0;
}
.main-navigation ul li {
position: relative;
}
.main-navigation ul li a {
color: #000000;
display: block;
outline-offset: -1px;
padding: 15px 25px;
font-weight: 600;
font-size: 15px;
letter-spacing: 0.5px;
}
.main-navigation .menu-item-has-children > a:after,
.main-navigation li.page-item-has-children > a:after,
.main-navigation li.page_item_has_children > a:after {
content: "\f107";
display: inline-block;
font-family: 'Font Awesome 5 Free';
font-style: normal;
font-variant: normal;
font-weight: normal;
text-rendering: auto;
line-height: 1;
position: absolute;
right: 14px;
top: 19px;
font-weight: 900;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
}
.main-navigation ul ul {
display: none;
text-align: left;
margin: 0;
padding: 0;
}
.no-js .main-navigation ul ul {
display: block;
}
.main-navigation ul .toggled-on {
display: block;
}
.main-navigation ul.primary-menu {
margin: 0;
padding: 0;
}
.site-header-menu {
display: none;
-webkit-flex: 0 1 100%;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
}
.site-header-menu.toggled-on,
.no-js .site-header-menu {
display: block;
}
.dropdown-toggle {
background: transparent;
border: 0;
border-radius: 0;
color: #1a1a1a;
content: "";
height: 45px;
padding: 0;
position: absolute;
right: 0;
text-transform: none;
top: 0;
width: 45px;
margin: 0;
}
.dropdown-toggle:after {
content: "\f107";
font-family: 'Font Awesome 5 Free';
font-weight: 900;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
border-left: 1px solid #ececec;
left: 1px;
display: block;
}
.dropdown-toggle:hover,
.dropdown-toggle:focus {
background: transparent;
color: #007acc;
}
.dropdown-toggle:focus {
outline: thin dotted;
outline-offset: -1px;
}
.dropdown-toggle:focus:after {
border-color: transparent;
}
.no-js .menu-toggle {
display: none;
}
.menu-toggle:focus {
outline: 0;
}
.menu-toggle.toggled-on:focus {
outline: thin dotted;
}
.header-four .sticky-enabled.sticky-header {
padding: 0;
}
/* More than standard 910px (devices and browsers) */
@media screen and (min-width: 910px) {
.site-header-main {
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.site-header-menu {
display: block;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
}
.main-navigation ul,
.main-navigation ul > li {
border: 0;
}
.main-navigation ul > li {
float: none;
display: inline-block;
}
.main-navigation ul li a {
outline-offset: -8px;
padding: 10px;
white-space: nowrap;
font-weight: 500;
}
.main-navigation ul li.current-menu-item > a,
.main-navigation ul li.current-menu-ancestor > a,
.main-navigation ul li.current_page_item > a,
.main-navigation ul li:hover > a,
.main-navigation ul li a:hover,
.main-navigation ul li a :focus,
.main-navigation ul li a :active,
.nav-inner-wrapper.nav-black-bg .main-navigation ul li.current-menu-item > a,
.nav-inner-wrapper.nav-black-bg .main-navigation ul li.current-menu-ancestor > a,
.nav-inner-wrapper.nav-black-bg .main-navigation ul li.current_page_item > a,
.nav-inner-wrapper.nav-black-bg .main-navigation ul li:hover > a,
.nav-inner-wrapper.nav-black-bg .main-navigation ul li a:hover,
.nav-inner-wrapper.nav-black-bg .main-navigation ul li a:focus,
.nav-inner-wrapper.nav-black-bg .main-navigation ul li a:active {
color: #408ad2;
}
.overlap-header .main-navigation ul li.current-menu-item > a:before,
.overlap-header .main-navigation ul li.current-menu-ancestor > a:before,
.overlap-header .main-navigation ul li.current_page_item > a:before,
.overlap-header .main-navigation ul li:hover > a:before,
.overlap-header .main-navigation ul li a:hover:before,
.overlap-header .main-navigation ul li a:focus:before,
.overlap-header .main-navigation ul li a:active:before {
content: "";
width: 70%;
left: 15%;
display: block;
bottom: 0;
position: absolute;
background: #408ad2;
height: 2px;
}
.overlap-header .main-navigation ul li li.current-menu-item > a:before,
.overlap-header .main-navigation ul li li.current-menu-ancestor > a:before,
.overlap-header .main-navigation ul li li.current_page_item > a:before,
.overlap-header .main-navigation ul li li:hover > a:before,
.overlap-header .main-navigation ul li li a:hover:before,
.overlap-header .main-navigation ul li li a:focus:before,
.overlap-header .main-navigation ul li li a:active:before {
display: none;
}
.main-navigation ul ul {
display: block;
left: -999em;
margin: 0;
position: absolute;
z-index: 999;
background: #fff;
box-shadow: 0 16px 30px #7b6a6a4d;
}
.main-navigation ul ul ul {
top: 0px;
border: none;
box-shadow: 16px 0 26px rgba(90, 89, 89, 0.16);
}
.main-navigation ul ul ul:before,
.main-navigation ul ul ul:after {
border: 0;
display: none;
}
.main-navigation ul ul li {
border-bottom-width: 0;
}
.main-navigation ul ul a {
padding: 12px 25px;
border-bottom: 1px solid rgba(10, 10, 10, 0.03);
font-size: 14px;
text-transform: capitalize;
}
.main-navigation ul ul li a:before {
display: none;
}
.main-navigation ul ul a {
white-space: normal;
width: 230px;
}
#main-nav .main-navigation ul ul li.current-menu-item > a,
#main-nav .main-navigation ul ul li.current-menu-ancestor > a,
#main-nav .main-navigation ul ul li.current_page_item > a,
#main-nav .main-navigation ul ul li:hover > a,
#main-nav .main-navigation ul ul li a:hover,
#main-nav .main-navigation ul ul li a:focus,
#main-nav .main-navigation ul ul li a:active{
color: #408ad2;
}
.main-navigation ul ul {
top: 53px;
}
.main-header-one .main-navigation ul ul {
top: 69px;
}
.main-header-two .main-navigation ul ul,
.main-header-seven .main-navigation ul ul {
top: 70px;
}
.main-navigation ul li:after {
content: "";
display: inline-block;
background: rgba(56, 49, 49, 0);
width: 100%;
height: 45px;
position: absolute;
top: 35px;
left: 0;
}
.main-navigation ul ul:before {
content: "";
position: absolute;
background: #fff;
left: 20px;
top: -5px;
height: 17px;
width: 17px;
transform: rotate(45deg);
}
.main-navigation li:hover > ul,
.main-navigation li.focus > ul {
right: auto;
left: 0;
}
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
right: auto;
left: 100%;
top: 0;
}
.main-navigation .menu-item-has-children > a,
.main-navigation ul li.page_item_has_children a {
margin: 0;
padding-right: 25px;
}
.main-navigation .menu-item-has-children > a:after,
.main-navigation li.page-item-has-children > a:after,
.main-navigation li.page_item_has_children > a:after {
position: absolute;
right: 12px;
top: 17px;
font-size: 13px;
}
.main-navigation li.menu-item-has-children:hover > a:after,
.main-navigation ul li.page_item_has_children:hover > a:after {
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
}
.main-navigation ul ul .menu-item-has-children > a,
.main-navigation li.page-item-has-children > a {
padding-right: 30px;
}
.main-navigation ul ul .menu-item-has-children > a:after,
.main-navigation li.page-item-has-children > a:after {
right: 10px;
top: 17px;
}
.main-navigation ul ul li.menu-item-has-children:hover > a:after,
.main-navigation ul ul li.page_item_has_children:hover > a:after {
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.dropdown-toggle,
.main-navigation ul .dropdown-toggle.toggled-on,
.menu-toggle,
.site-footer .main-navigation {
display: none;
}
}
/* More than standard 910px (devices and browsers) */
@media screen and (max-width: 909px) {
.header-seven #masthead .site-branding:after {
display: none;
}
.header-seven #masthead .site-branding {
margin: 0;
padding: 0;
background: no-repeat;
}
.main-navigation ul {
margin: 0;
padding: 0;
}
.menu-toggle {
font-size: 13px;
font-size: 13px;
padding: 5px 13px;
display: block;
margin-top: 10px;
}
.header-six .menu-toggle {
margin: 10px auto;
}
#main-nav {
position: initial;
}
#main-nav {
position: initial;
}
.site-primary-menu {
display: none;
position: absolute;
background: #fff;
z-index: 999;
width: 100%;
box-shadow: 0 0 21px #17161617;
top: 100%;
left: 0px;
right: 0;
}
.site-primary-menu.toggled-on {
display: block;
}
.site-header-menu.toggled-on, .no-js .site-header-menu {
display: block;
position: absolute;
background: #fff;
right: 0;
width: 350px;
box-shadow: 0 0 6px #ddd;
z-index: 999;
}
.main-navigation ul li a {
padding: 10px 20px;
border-bottom: 1px solid #f1f1f1;
font-weight: 500;
font-size: 14px;
}
.main-navigation ul ul li li a {
padding-left: 40px;
}
.main-navigation ul ul li a {
padding-left: 30px;
}
.main-navigation ul li a {
padding-right: 60px;
}
.main-navigation .menu-item-has-children > a:after, .main-navigation li.page-item-has-children > a:after, .main-navigation li.page_item_has_children > a:after{
display: none;
}
}
/*comment and post navigation*/
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
margin: 0 0 1.5em;
overflow: hidden;
clear: both;
}
#infinite-handle {
margin-bottom: 20px;
height: auto;
overflow: hidden;
clear: both;
text-align: center;
position: absolute;
bottom: -80px;
width: 100%;
}
.infinite-loader {
color: #000;
display: block;
height: 28px;
text-indent: -9999px;
position: absolute;
bottom: -25px;
left: 48%;
text-align: center;
/* width: 100%; */
}
#infinite-handle span {
border: inherit;
padding: 10px 40px;
width: auto;
line-height: 1.5;
color: #ffffff;
display: inline-block;
}
.post-title {
font-size: 17px;
margin-top: 15px;
}
.meta-nav {
background: #179bd7 none repeat scroll 0 0;
color: #ffffff;
display: inline-block;
font-size: 18px;
margin-right: 15px;
padding: 7px 10px;
text-align: center;
width: 115px;
}
.post-navigation a {
display: block;
}
/*Page/Post Navigation*/
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
clear: both;
padding: 0;
margin-top: 40px;
}
.site-main .post-navigation {
clear: both;
overflow: hidden;
padding: 0;
border-bottom: 1px solid #f7f7f7;
padding: 30px;
box-shadow: 0 0 20px rgba(31, 29, 29, 0.07);
margin-top: 40px;
}
.nav-links a {
display: inline-block;
}
.nav-links span.meta-nav {
display: none;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
float: left;
width: 50%;
}
.comment-navigation .nav-previous a::before,
.posts-navigation .nav-previous a::before,
.post-navigation .nav-previous a::before{
content: "\f30a";
display: inline-block;
font-family: 'Font Awesome 5 Free';
margin-right: 10px;
font-weight: 900;
}
.comment-navigation .nav-next a::after,
.posts-navigation .nav-next a::after,
.post-navigation .nav-next a::after{
content: "\f30b";
display: inline-block;
font-family: 'Font Awesome 5 Free';
margin-left: 10px;
font-weight: 900;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
float: right;
text-align: right;
width: 50%;
}
.pagination .nav-links .page-numbers {
padding: 5px;
background: #fff;
}
.pagination .nav-links .page-numbers.dots {
background-color: inherit;
border:none;
color:#272727;
}
.pagination .nav-links .page-numbers {
padding: 6px 18px;
color: #272727;
display: inline-block;
background: #f5f5f5;
margin: 5px;
}
.pagination .nav-links .current,
.pagination .nav-links a:hover,
.pagination .nav-links a:active,
.pagination .nav-links a:focus {
background: #408ad2;
color: #fff;
border-color: #408ad2;
}
.pagination .nav-links {
text-align: center;
clear: both;
}
.home.blog nav.navigation.posts-navigation,
.blog nav.navigation.posts-navigation {
position: absolute;
bottom: 0;
width: 100%;
padding: 0;
border: none;
margin: 0;
padding-left: 25px;
padding-right: 25px;
}
.home.blog .archive-posts-wrapper.section-content-wrapper,
.blog .archive-posts-wrapper.section-content-wrapper {
padding-bottom: 60px;
position: relative;
clear: both;
float: left;
width: 100%;
}
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* 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;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
/* Above WP toolbar. */
}
/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
outline: 0;
}
/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
display: inline;
float: left;
margin-right:50px;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
.text-alignleft {
text-align: left;
}
.text-alignright {
text-align: right;
}
.text-aligncenter {
text-align: center;
}
.alignleft {
display: inline;
float: left;
margin-right: 50px;
}
.alignright {
display: inline;
float: right;
margin-left: 50px;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
}
.text-alignleft {
text-align: left;
}
.text-alignright {
text-align: right;
}
.text-aligncenter {
text-align: center;
}
.pull-left {
float: left;
}
.pull-right {
float: right;
}
.pull-none {
margin:0 auto ;
float: none;
display: inline-block;
}
/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear-fix {
clear: both;
}
.clear-fix:after,
.clear-fix:before,
.section:after,
.section:before,
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
content: "";
display: table;
table-layout: fixed;
clear:both;
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
clear: both;
}
/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
margin: 0 0 1.5em;
/* Make sure select elements fit in widgets. */
}
.widget select {
max-width: 100%;
}
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
#content {
padding: 80px 0;
}
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
display: block;
position: relative;
}
.hentry {
margin: 0 0 70px;
}
.byline,
.updated:not(.published) {
display: none;
}
.page-content,
.entry-content,
.entry-summary {
margin:0;
}
.page-links {
clear: both;
margin: 0 0 15px;
}
.entry-meta {
margin-top: 0;
margin-bottom: 20px;
}
.entry-meta > span {
display: inline-block;
margin-bottom: 0;
font-size: 14px;
line-height: 1;
font-size: 15px;
margin-right: 15px;
}
.entry-header {
margin-bottom: 5px;
}
.entry-meta > span:first-child {
margin-left: 0;
padding-left:0;
border:none;
}
.entry-title {
margin-bottom: 15px;
}
.home .entry-title {
margin-bottom: 15px;
font-size: 2.2rem;
}
.entry-title a,
.entry-title a:visited {
color: #272727;
}
.entry-title a:hover,
.entry-title a:focus,
.entry-title a:active {
color: #408ad2;
}
.global-layout-right-sidebar .entry-content-wrapper,
.global-layout-left-sidebar .entry-content-wrapper,
.default-full-width.blog-full-width .entry-content-wrapper {
padding: 35px 70px 0;
background: #fff;
position: relative;
}
article.hentry .custom-button {
margin: 15px 0 0;
}
.single article.hentry {
border: none;
padding-bottom: 0;
margin: 0;
}
.entry-thumb.alignleft,
.entry-thumb.alignright {
margin-bottom: 30px;
}
.entry-thumb.aligncenter {
position: relative;
margin-bottom: 25px;
text-align: center;
}
.entry-thumb {
position: relative;
}
.entry-thumb img {
vertical-align: middle;
width: 100%;
}
.entry-meta a,
.entry-meta a:visited {
color: #ada9a9;
}
.entry-meta a:hover,
.entry-meta a:focus,
.entry-meta a:active {
color: #408ad2;
}
.page-header {
background: #fff;
padding: 30px 50px;
margin-bottom: 30px;
box-shadow: 0px 0px 24px 0px rgba(122, 122, 122, 0.1);
}
.page-header h1.page-title {
font-size: 3.2rem;
}
.page-header h1.page-title {
font-size: 3.2rem;
margin: 0;
}
.blog .hentry.post a.more-link,
.archive .hentry.post a.more-link {
clear: both;
margin-top: 20px;
}
.sticky .entry-content-wrapper .entry-title::before {
content: "\f08d";
display: block;
font-family: 'Font Awesome 5 Free';
color: #000;
text-align: center;
font-size: 18px;
float: left;
margin-right: 15px;
font-style: inherit;
font-weight: 900;
margin-top: 5px;
}
.blog article.hentry, .archive article.hentry {
padding-bottom: 10px;
clear: both;
float: left;
width: 100%;
}
.entry-header .entry-meta {
position: absolute;
left: 30px;
top: 30px;
text-align: center;
margin: 0;
}
.entry-header .entry-meta span::before {
display: none;
}
.entry-header .entry-meta span.posted-on {
background: #f5f5f5;
display: block;
margin: 0;
}
.entry-header .entry-meta span span {
display: block;
padding: 3px 25px;
}
/*gird layout*/
.home.blog.grid .archive-posts-wrapper {
width: 100%;
margin: 0;
}
.home.blog.grid .archive-posts-wrapper div#infinite-post-wrap {
margin: 0 -20px;
}
.blog.grid .archive-posts-wrapper, .archive.grid .archive-posts-wrapper {
margin: 0 -20px;
}
.entry-title {
margin-bottom: 15px;
font-size: 2.5rem;
}
.blog.grid article.hentry, .archive.grid article.hentry {
width: 33.33%;
float: left;
padding: 0 20px 40px;
margin: 0;
border: none;
clear: none;
}
.layout-left-sidebar.blog.grid article.hentry,
.layout-right-sidebar.blog.grid article.hentry,
.layout-left-sidebar.archive.grid article.hentry,
.layout-right-sidebar.archive.grid article.hentry {
width: 50%;
}
.layout-left-sidebar.blog.grid article.hentry:nth-child(3n+1),
.layout-left-sidebar.layout-left-sidebar.blog.grid article.hentry:nth-child(4n+1){
clear: none;
}
.layout-left-sidebar.blog.grid article.hentry:nth-child(2n+1),
.layout-left-sidebar.archive.grid article.hentry:nth-child(3n+1) {
clear: both;
}
.infinite-post-wrap article.hentry {
clear:none!important;
}
#blog.grid article.hentry:nth-child(3n+1) {
clear: both;
}
.archive.grid article.hentry:nth-child(4n+1) {
clear: both;
}
.blog .hentry-inner, .archive .hentry-inner, .hentry-inner {
-webkit-box-shadow: 0px 0px 32px 0px rgba(122,122,122,0.1);
-moz-box-shadow: 0px 0px 32px 0px rgba(122,122,122,0.1);
-ms-box-shadow: 0px 0px 32px 0px rgba(122,122,122,0.1);
-o-box-shadow: 0px 0px 32px 0px rgba(122,122,122,0.1);
box-shadow: 0px 0px 24px 0px rgba(122, 122, 122, 0.1);
-webkit-transition: box-shadow 0.3s, transform 0.3s;
-moz-transition: box-shadow 0.3s, transform 0.3s;
-ms-transition: box-shadow 0.3s, transform 0.3s;
-o-transition: box-shadow 0.3s, transform 0.3s;
transition: box-shadow 0.3s, transform 0.3s;
padding: 0;
background: #fff;
position: relative;
float: left;
clear: both;
}
.blog .hentry-inner:hover, .archive .hentry-inner:hover {
-webkit-box-shadow: 1px 4px 20px -2px rgba(0,0,0,0.2);
box-shadow: 1px 4px 20px -2px rgba(0,0,0,0.2);
}
.hentry-inner {
width: 100%;
}
.sticky .hentry-inner {
border: 5px solid #408ad2;
}
.sticky .hentry-inner:before {
content: "\f02e";
font-family: 'Font Awesome 5 Free';
font-size: 20px;
margin: 0;
position: absolute;
top: -32px;
left: 23px;
background: #fff;
padding: 15px 18px;
box-shadow: 0 0 21px #2222222b;
border-radius: 100%;
line-height: 1;
z-index: 9;
}
.blog .entry-container,
.archive .entry-container,
.entry-container {
padding: 30px 40px;
}
.blog .entry-container, .archive .entry-container {
padding: 30px 25px;
margin: -20px 25px 0;
background: #fff;
z-index: 9;
position: relative;
}
.blog.grid .post-thumbnail, .archive.grid .post-thumbnail {
text-align: center;
overflow: hidden;
}
.excerpt-image-left .hentry-inner{
display: flex;
}
.excerpt-image-left .hentry-inner .post-thumbnail {
width: 70%;
}
.excerpt-image-right .hentry-inner .post-thumbnail {
width: 30%;
float: right;
}
.excerpt-image-right .entry-container {
float: left;
width:70%;
}
.entry-content-wrapper {
padding: 40px;
}
.single-content-wraper {
box-shadow: 0 0 20px rgba(31, 29, 29, 0.07);
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
}
.comment-notes {
position: relative;
}
#respond {
clear: both;
display: block;
background: #ffffff;
padding: 40px;
box-shadow: 0 0 20px rgba(31, 29, 29, 0.07);
}
#comments {
margin-top: 40px;
}
#comment-form-title {
font-size: 24px;
padding-bottom: 10px;
}
.comment-list li.comment::after {
content: inherit;
display: none;
}
.comment-list li{
padding-left: 0;
}
.comment {
display: block;
float: left;
width: 100%;
}
ol.comment-list {
border-radius: 5px;
float: left;
margin-bottom: 15px;
margin-left: 0;
margin-right: 0;
overflow: inherit;
padding: 0;
width: 100%;
}
ol.comment-list .children {
border: medium none;
float: left;
margin: 0;
width: 100%;
}
ol.comment-list li {
list-style: outside none none;
margin-bottom: 15px;
}
.authorbox {
overflow: hidden;
padding: 0 0 70px;
border-bottom: 1px solid #f7f7f7;
}
.authorbox h4.author-header {
margin-bottom: 5px;
}
.comment .comment-body {
border-radius: 0;
clear: both;
display: block;
float: left;
padding: 30px 30px 30px 0;
position: relative;
text-align: left;
width: 100%;
border-bottom: 1px solid #f7f7f7;
}
.comments-title {
padding: 0 0 45px;
clear: both;
border-bottom: 1px solid #f7f7f7;
font-size: 25px;
}
.comment-author.vcard {
font-size: 20px;
margin-bottom: 5px;
}
.comment-list .children {
padding-left: 40px;
}
#tab-reviews .comment-form-author,
#tab-reviews .comment-form-email,
#tab-reviews .comment-form-url{
width: 100%;
}
.comment-form-author input,
.comment-form-email input,
.comment-form-url input{
width: 100%;
}
.comment-list li.comment > div img.avatar {
left: 29px;
position: absolute;
top: 29px;
}
.vcard .avatar {
float: left;
margin-right: 35px;
margin-bottom: 0;
margin-top: 10px;
}
.comment-metadata {
font-size: 14px;
line-height: 16px;
margin-bottom: 10px;
}
.comment-metadata > a,
.comment-metadata > a:visited {
color: #ada9a9;
margin-right: 30px;
}
.comment-metadata > a:hover,
.comment-metadata > a:focus,
.comment-metadata > a:active {
color:#408ad2;
}
.comment-metadata > a:before {
content: "\f274";
font-family: 'Font Awesome 5 Free';
margin-right: 5px;
font-size: 14px;
}
.edit-link:before {
content: "\f044";
font-family: 'Font Awesome 5 Free';
margin-right: 5px;
font-size: 14px;
}
a.comment-reply-link:before {
content: "\f3e5";
font-family: 'Font Awesome 5 Free';
margin-right: 7px;
font-size: 14px;
font-weight: 900;
}
.form-allowed-tags code {
white-space: inherit;
word-wrap: break-word;
}
.bypostauthor {
display: block;
}
.author-avatar {
float: left;
margin-right: 35px;
}
.author-avatar img, .vcard .avatar {
max-width: 100px;
}
.comment p {
font-size: 14px;
}
.reply {
float: right;
font-size: 16px;
}
.entry-meta .byline .author.vcard {
margin-left: -4px;
}
.widget_recent_entries span.post-date {
display: block;
}
.entry-meta > span::before,
.entry-meta > span::before,
.widget_recent_entries span.post-date:before {
display: inline-block;
font-family: 'Font Awesome 5 Free';
height: 15px;
margin-right: 8px;
content: "";
font-size: 13px;
}
.entry-meta span.comments-link::before {
content: "\f086";
}
.entry-meta span.reviews::before {
content: "\f005";
}
.entry-meta > .cat-links::before {
content: "\f07c";
}
.entry-meta > .byline::before {
content: "\f007";
}
.entry-meta .tags-links::before {
content: "\f02c";
font-weight: 900;
font-size: 10px;
}
.entry-meta > .posted-on::before,
.widget_recent_entries span.post-date:before {
content: "\f274";
}
.entry-footer .edit-link::before{
content: "\f044";
}
#commentform label {
display: inline;
position: relative;
}
#commentform input[type="checkbox"],
#commentform input[type="radio"] {
margin-right: 10px;
}
#commentform p.form-submit {
margin-top: 30px;
}
#commentform span.required {
color: #f0632b;
}
a.comment-reply-link {
background: #408ad2;
padding: 5px 15px;
color: #fff;
font-size: 12px;
}
/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
/* Theme Footer (when set to scrolling) */
display: none;
}
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
display: block;
}
/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
max-width: 100%;
}
/* Make sure logo link wraps around logo image. */
.custom-logo-link {
display: inline-block;
}
/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption-text {
text-align: center;
}
/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
/* margin-bottom: 1.5em; */
margin: 0 -5px 15px;
}
.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%;
margin: 0;
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;
}
/*--------------------------------------------------------------
# Basic
--------------------------------------------------------------*/
.inner-wrapper {
margin: 0 -20px;
}
.row {
margin:0 -20px;
}
.container {
max-width: 100%;
width: 1270px;
margin: 0 auto;
padding: 0 20px;
}
.ff-grid-1,
.ff-grid-2,
.ff-grid-3,
.ff-grid-4,
.ff-grid-5,
.ff-grid-6,
.ff-grid-7,
.ff-grid-8,
.ff-grid-9,
.ff-grid-10,
.ff-grid-11,
.ff-grid-12 {
padding-left: 20px;
padding-right: 20px;
float: left;
transition: all 0.4s ease-in-out 0s;
margin:20px 0;
}
.ff-grid-1 {
width: 8.33333%
}
.ff-grid-2 {
width: 16.66667%
}
.ff-grid-3 {
width: 25%
}
.ff-grid-4 {
width: 33.33333%
}
.ff-grid-5 {
width: 41.66667%
}
.ff-grid-6 {
width: 50%
}
.ff-grid-7 {
width: 58.33333%
}
.ff-grid-8 {
width: 66.66667%
}
.ff-grid-9 {
width: 75%
}
.ff-grid-10 {
width: 83.33333%
}
.ff-grid-11 {
width: 91.66667%
}
.ff-grid-12 {
width: 100%
}
/* grid clearing */
.ff-grid-4:nth-child(3n+1),
.ff-grid-3:nth-child(4n+1),
.ff-grid-6:nth-child(2n+1) {
clear: both;
}
/*--------------------------------------------------------------
# Top Header
--------------------------------------------------------------*/
.site-top-header-mobile {
display: none;
}
#top-header {
clear: both;
float: left;
width: 100%;
position: relative;
z-index: 999;
}
.site-top-header #top-social {
padding-top: 2px;
}
#top-header ul {
margin:0;
padding:0;
}
#top-header .social-nav li a {
margin-bottom: 0;
}
/* quick contact */
.light-top-header #quick-contact a,
.light-top-header #quick-contact a:visited,
.light-top-header #quick-contact li {
display: inline-block;
color: #222;
}
.light-top-header #quick-contact a:active,
.light-top-header #quick-contact a:hover,
.light-top-header #quick-contact a:focus {
color: #000;
}
.light-top-header .social-nav ul li a:before {
color:#222;
}
.site-top-header #quick-contact li:last-child {
border-right: none;
}
.site-top-header #quick-contact li {
border-right: 1px solid rgba(34, 34, 34, 0.12);
padding: 0px 15px;
margin: 12px 0;
}
#quick-contact > ul {
margin: 0;
padding: 0;
}
#quick-contact a {
display: inline-block;
}
#quick-contact li {
clear: inherit;
font-size: 14px;
line-height: 1.75;
list-style: outside none none;
text-align: left;
padding: 9px 10px;
color: #fff;
}
#quick-contact ul {
margin: 0;
padding: 0;
}
#quick-contact li span {
display: none;
}
#quick-contact a,
#quick-contact a:visited,
#quick-contact li {
display: inline-block;
color: #ececec;
}
#quick-contact a:active,
#quick-contact a:hover,
#quick-contact a:focus {
color: #fff;
}
#quick-contact li:before {
margin-right: 10px;
text-align: center;
content: "";
font-size: 14px;
font-family: 'Font Awesome 5 Free';
font-weight: 900;
}
#quick-contact li.quick-open-hours:before {
content: "\f017";
}
#quick-contact li.quick-call:before {
content: "\f095";
}
#quick-contact li.quick-address:before {
content: "\f3c5";
}
#quick-contact li.quick-email:before {
content: "\f0e0";
}
/* layout two */
#quick-contact.layout-two li {
position: relative;
padding: 0 50px 0 30px;
}
#quick-contact.layout-two li span {
display: block;
font-weight: 700;
}
#quick-contact.layout-two li:before {
position: absolute;
left: 0;
font-size: 15px;
color: #fff;
background: -moz-linear-gradient(0deg, #428cd4 0%, #004e9a 100%);
background: -webkit-linear-gradient(0deg, #428cd4 0%, #004e9a 100%);
background: -ms-linear-gradient(0deg, #428cd4 0%, #004e9a 100%); height: 35px;
width: 35px;
left: -20px;
border-radius: 100%;
padding: 5px;
}
#quick-contact.layout-two a:active,
#quick-contact.layout-two a:hover,
#quick-contact.layout-two a:focus {
color: #000;
}
#quick-contact.layout-two a,
#quick-contact.layout-two a:visited,
#quick-contact.layout-two,
#quick-contact.layout-two li {
color:#222;
}
.error404 #primary {
margin: 0 auto;
float: none;
text-align: center;
}
/* header-background */
.dark-top-header {
background-color: #07233e;
}
.dark-top-header .cart-contents a,
.dark-top-header .cart-contents a:visited,
.dark-top-header #search-toggle {
color: #ddd;
}
.light-top-header {
background: #f9f9f9;
color: #222;
}
#search-toggle,#search-toggle:visited, .cart-contents a, .cart-contents a:visited {
border: none;
border-radius: 36px;
color: #191818;
box-shadow: 0 0 14px #2222221a;
}
.dark-top-header #search-toggle,
.dark-top-header #search-toggle:visited,
.dark-top-header .cart-contents a,
.dark-top-header .cart-contents a:visited{
color: #ddd;
}
#top-header .social-nav li a {
margin-bottom: 6px;
}
#top-header #site-top-header-mobile-container li a,
#top-header #site-top-header-mobile-container li a:hover,
#top-header #site-top-header-mobile-container li a:focus,
#top-header #site-top-header-mobile-container,
#top-header #site-top-header-mobile-container p,
#top-header #site-top-header-mobile-container li {
color: #222;
}
/*--------------------------------------------------------------
# Masthead
--------------------------------------------------------------*/
#page {
position: relative;
}
@media screen and (min-width: 1900px){
#page {
box-shadow: 0 0 50px #ddd;
max-width: 1920px;
margin: 0 auto;
}
}
.boxed-layout #page {
max-width: 1270px;
margin: 50px auto;
background: #fff;
box-shadow: 0 0 33px #ddd;
}
#masthead {
padding: 20px 0;
}
#search-toggle.toggled-on i.far.fa-times-circle {
display: block;
font-size: 17px;
}
#site-identity {
float: left;
margin-right: 15px;
text-align: left;
}
.site-branding img {
vertical-align: middle;
width: auto;
}
.site-branding {
float: left;
}
.site-identity {
display: inline-block;
}
.custom-logo-link {
display: inline-block;
float: left;
margin-right: 15px;
}
.site-title {
margin-bottom: 0;
font-size: 2.6rem;
font-weight: 700;
font-family: 'Poppins', sans-serif;
line-height: 1.5;
}
p.site-description {
margin: 0;
}
.site-title a,
.site-title a:visited {
color: #222;
}
.site-title a:hover,
.site-title a:focus,
.site-title a:active {
color:#408ad2;
}
a.ff-button.header-button {
margin: 0 0 0 15px;
padding: 12px 30px;
margin-top: 0;
}
.site-top-header a.ff-button.header-button {
border-radius: 0;
}
.site-branding.center-site-branding {
text-align: center;
}
.site-branding.center-site-branding a.custom-logo-link {
display: block;
margin: 0 0 10px 0;
float: none;
}
.nav-inner-wrapper.nav-color-bg .social-nav li a {
border: 2px solid #ffffff42;
}
.overlap-header {
position: absolute;
top: 0;
z-index: 999;
width: 100%;
background: none;
}
#masthead.overlap-header {
background: none;
}
#masthead.overlap-header.sticky-enabled.sticky-header {
margin: 0;
}
/* Header Layouts 1*/
.main-header-one #quick-contact a,
.main-header-one #quick-contact a:visited,
.main-header-one #quick-contact li {
display: inline-block;
color: #1d1c1c;
font-weight: 500;
}
.main-header-one #quick-contact li.quick-call,
.main-header-two #quick-contact li.quick-call {
display: none;
}
.main-header-one .main-header-top.clear-fix {
border-bottom: 3px solid #408ad2;
padding-bottom: 15px;
}
.main-header-one #top-social .social-nav li {
margin-top: 0;
}
.main-header-one .main-header-bottom.clear-fix {
margin-bottom: -60px;
position: relative;
display: block;
background: #fff;
z-index: 999;
width: 100%;
float: left;
padding:20px 15px;
}
.main-header-one .main-header-bottom.clear-fix:after, .main-header-one .main-header-bottom.clear-fix:before {
content: "";
display: block;
background: white;
position: absolute;
height: 40px;
width: 65px;
bottom: 16px;
left: -35px;
transform: rotate(55deg);
}
.main-header-one .main-header-bottom.clear-fix:before {
right: -35px;
left: initial;
transform: rotate(-55deg);
}
.main-header-one .site-branding,
.main-header-one .contact-wrapper {
padding: 20px 0;
}
.header-info {
float: left;
display: table;
}
.contact-icon {
background: -moz-linear-gradient(0deg, #428cd4 0%, #004e9a 100%);
background: -webkit-linear-gradient(0deg, #428cd4 0%, #004e9a 100%);
background: -ms-linear-gradient(0deg, #428cd4 0%, #004e9a 100%);
color: #fff;
width: 35px;
text-align: center;
height: 35px;
padding: 5px;
margin-right: 10px;
display: table;
border-radius: 100%;
font-size: 14px;
display: block;
}
.main-header-one.sticky-enabled.sticky-header .main-header-top {
display: none;
}
#masthead.main-header-one.sticky-enabled.sticky-header {
padding: 0;
}
/* Header Layouts 4*/
.header-four #main-nav {
margin-top: 40px;
clear: both;
float: left;
width: 100%;
}
#masthead.main-top-header-four {
padding-top: 35px;
}
.header-four #main-nav .social-nav li a {
padding: 0;
}
#main-nav .nav-box-shadow {
box-shadow: 0 0 10px #2222221c;
padding: 10px 25px;
background: #fff;
}
.header-four #masthead {
padding-bottom: 0;
}
.header-four .nav-inner-wrapper .social-nav {
margin-top: 0;
}
.header-four .nav-inner-wrapper .social-nav li {
margin: 0;
}
/* Header Layouts 5 */
.nav-inner-wrapper {
padding: 10px 0;
}
.nav-inner-wrapper .social-nav {
margin-top: 5px;
}
.site-border {
border-top: 3px solid #236fb9;
}
.main-header-two .head-search-cart-wrap,
.main-header-two .right-head,
.main-header-seven .head-search-cart-wrap,
.main-header-seven .right-head {
margin-top: 5px;
}
.main-header-two #main-nav,
.main-header-seven #main-nav {
margin-top: 2px
}
.main-header-two .contact-wrapper {
margin-left: 30px;
}
.main-header-three .contact-wrapper {
margin-right: 30px;
}
.main-header-one #quick-contact li.quick-call,
.main-header-two #quick-contact li.quick-call,
.main-header-three #quick-contact li.quick-call {
display: none;
}
/* Ovaerlapmentu */
.overlap-header p.site-description {
color: #ddd;
}
.overlap-header .site-title a,
.overlap-header .site-title a:visited {
color: #fff;
}
.overlap-header .site-title a:hover,
.overlap-header .site-title a:focus,
.overlap-header .site-title a:active {
color:#408ad2;
}
.overlap-header .main-navigation ul li a,
.overlap-header #search-toggle,
.overlap-header .cart-contents a,
.overlap-header .cart-contents a:visited {
color: #f7f7f7;
}
.overlap-header .main-navigation ul ul li a {
color: #222;
}
.cart-contents li.woocommerce-mini-cart-item.mini_cart_item > a {
color: #222;
}
.nav-inner-wrapper.nav-color-bg,
.nav-inner-wrapper.nav-color-bg.sticky-enabled.sticky-header {
background: #408ad2;
}
.nav-lite-bg {
background: #f1f1f1;
}
.dark-bg {
background: #292929;
}
.dark-patten .social-nav ul li a:before {
color: #fff;
}
.sticky-header .nav-box-shadow {
box-shadow: inherit;
padding: 0;
}
.dark-patten .main-navigation ul li a,
.dark-patten .main-navigation ul li a:visited {
color: #ffffff;
}
.dark-patten .main-navigation ul li a:hover,
.dark-patten .main-navigation ul li a:focus,
.dark-patten .main-navigation ul li a:active{
color:#fff;
}
.dark-patten .main-navigation ul li li a,
.dark-patten .main-navigation ul li li a:visited{
color: #222;
}
.dark-patten .main-navigation ul li li a:hover,
.dark-patten .main-navigation ul li li a:focus,
.dark-patten .main-navigation ul li li a:active {
color:#000;
}
/* Min cart header */
.cart-items {
position: absolute;
top: -10px;
left: 33px;
color: #fff;
background: #000000;
padding: 5px;
line-height: 0.5;
border-radius: 100%;
font-size: 10px;
}
.cart-contents i {
margin-right: 5px;
}
.cart-contents {
list-style: none;
position: relative;
font-size: 13px;
}
.cart-contents a:hover,
.cart-contents a:focus,
.cart-contents a:active,
#search-toggle:hover,
#search-toggle:focus,
#search-toggle:active {
color: #408ad2;
}
.site-header-cart {
list-style: none;
}
.cart-contents .site-header-cart:hover .widget_shopping_cart,
.cart-contents .site-header-cart.focus .widget_shopping_cart {
left:inherit;
right: -20px;
}
.site-header-cart .widget_shopping_cart {
position: absolute;
top: 100%;
width: 100%;
z-index: 999999;
left: -999em;
display: block;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}
.site-header-cart:hover .widget_shopping_cart,
.site-header-cart.focus .widget_shopping_cart {
left: 0;
display: block;
}
.site-header-cart {
position: relative;
margin: 0;
padding: 0;
}
#top-header .head-search-cart-wrap {
margin-top: 5px;
}
.cart-contents .site-header-cart .widget_shopping_cart {
position: absolute;
top: 54px;
left: auto;
right: -20px;
width: 320px;
z-index: 101;
-webkit-animation: fadein .6s;
-moz-animation: fadein .6s;
-o-animation: fadein .6s;
animation: fadein .6s;
margin: 0;
padding: 30px;
background: #fff;
display: none;
box-shadow:0 0 30px #7b6a6a4d;
}
.cart-contents p.woocommerce-mini-cart__empty-message {
margin: 0;
font-size: 15px;
}
.cart-contents .site-header-cart .widget_shopping_cart:before {
content: "";
height: 41px;
background: transparent;
right: 0;
width: 100%;
position: absolute;
top: -40px;
}
.cart-contents .site-header-cart .widget_shopping_cart:after {
content: "";
position: absolute;
background: #fff;
width: 15px;
right: 20px;
top: -7px;
transform: rotate(45deg);
height: 15px;
}
.cart-contents li {
list-style: none;
}
.cart-contents .woocommerce a.remove {
background: #ca4646;
display: block;
font-size: 1.2em;
height: 1em;
width: 1em;
text-align: center;
line-height: 1;
border-radius: 100%;
color: #fff!important;
text-decoration: none;
font-weight: 700;
border: 0;
float: right;
margin-right: 10px;
}
.cart-contents .product_list_widget li img {
border: 1px solid #ddd;
max-width: 55px;
max-height: 55px;
margin-right: 15px;
float: left;
}
.cart-contents .woocommerce.widget_shopping_cart .cart_list li span.quantity {
display: block;
margin-top: 10px;
font-size: 14px;
}
.cart-contents .woocommerce-mini-cart__total,
.cart-contents .woocommerce-mini-cart__buttons {
text-align: center;
}
.cart-contents li.woocommerce-mini-cart-item.mini_cart_item > a {
font-size: 16px;
}
.site-header-cart .product_list_widget {
margin: 0;
padding: 0;
overflow: hidden;
}
.cart-contents p.woocommerce-mini-cart__total.total {
font-size: 16px;
clear: both;
padding-top: 15px;
display: block;
}
.cart-contents li.woocommerce-mini-cart-item.mini_cart_item {
border-bottom: 1px solid #f1f1f1;
margin-bottom: 15px;
padding-bottom: 15px;
}
.cart-contents li.woocommerce-mini-cart-item.mini_cart_item:last-child {
border: none;
margin-bottom: 0;
}
.cart-contents p.woocommerce-mini-cart__buttons.buttons .button {
display: inline-block;
max-width: 45%;
padding: 10px 20px;
background: #408ad2;
font-size: 14px;
margin: 0 5px;
border-radius: 0;
color: #fff;
font-weight: normal;
}
.cart-contents p.woocommerce-mini-cart__buttons.buttons {
margin: 0;
}
.cart-contents p.woocommerce-mini-cart__buttons.buttons .button {
display: inline-block;
max-width: 45%;
padding: 10px 20px;
color: #fff;
font-size: 14px;
margin: 0 5px;
}
#custom-header {
padding: 120px 0;
position: relative;
background-color: #f5f5f5;
background-size: cover;
}
.header-one #custom-header,
.header-five #custom-header {
padding: 220px 0 170px 0;
}
.archive-description {
color: #fff;
}
#custom-header img {
vertical-align: middle;
width: 100%;
}
#custom-header::after {
background: #3e88d1;
content: "";
display: block;
height: 100%;
opacity: 0.9;
position: absolute;
top: 0;
width: 100%;
z-index: 8;
}
.custom-header-content {
position: relative;
z-index: 99;
text-align: center;
}
#custom-header .page-title {
color: #fff;
text-transform: capitalize;
font-size: 37px;
}
#custom-header .entry-meta a,
#custom-header .entry-meta a:visited,
#custom-header .entry-meta > span::before {
color: #fff;
}
.no-header-media .custom-header-content {
position: inherit;
text-align: center;
z-index: 9;
top: inherit;
width: 100%;
padding: 55px 0;
background: #fbfbfb;
}
.no-header-media #custom-header {
padding: 0;
}
.no-header-media #custom-header::after {
display: none;
}
.no-header-media #custom-header .page-title {
color: #222;
}
.no-header-media #custom-header .entry-meta a, .no-header-media #custom-header .entry-meta a:visited, .no-header-media #custom-header .entry-meta > span::before {
color: #222;
}
/* Has Header */
.has-header-video #custom-header {
background-image: none;
padding:0;
}
.has-header-video .custom-header-content {
position: absolute;
text-align: center;
z-index: 9;
top: 40%;
width: 100%;
}
.home #custom-header .page-title {
font-size: 60px;
}
button#wp-custom-header-video-button {
position: absolute;
z-index: 999;
right: 8%;
top: 30px;
background: inherit;
padding: 0;
max-width: inherit;
width: auto;
}
.wp-custom-header-video-button:after {
content: "\f28b";
display: inline-block;
font-family: 'Font Awesome 5 Free';
font-size: 55px;
float: left;
margin-right: 10px;
line-height: .4;
}
.wp-custom-header-video-pause:after {
content: "\f144";
}
.sticky-enabled{
-webkit-transition: all 0.5s ease;
-moz-transition: position 10s;
-ms-transition: position 10s;
-o-transition: position 10s;
transition: all 0.5s ease;
}
.main-header-one.sticky-enabled{
-webkit-transition: position 10s;
-moz-transition: position 10s;
-ms-transition: position 10s;
-o-transition: position 10s;
transition: position 10s;
}
#masthead.sticky-enabled.sticky-header,
.sticky-enabled.sticky-header {
position: fixed;
top: 0;
width: 100%;
left: 0;
background: #ffffff;
box-shadow: 0 0 42px 0 rgba(0, 0, 0, 0.08);
padding: 15px 0;
animation: smoothScroll 1s forwards;
z-index: 999;
}
.overlap-header #masthead.sticky-enabled.sticky-header {
background: #140333;
}
.nav-inner-wrapper.site-border.site-header.clear-fix.sticky-enabled.sticky-header {
border: none;
}
@keyframes smoothScroll {
0% {
transform: translateY(-20px);
}
100% {
transform: translateY(0px);
}
}
/*--------------------------------------------------------------
# Basic Breadcrumb
--------------------------------------------------------------*/
#breadcrumb {
color: #408ad2;
text-align: center;
background: #f7f7f7;
}
#breadcrumb ul {
margin:0;
padding: 0;
}
#breadcrumb ol {
margin: 0;
padding: 0;
}
#breadcrumb li:last-child {
border: none;
}
#breadcrumb li{
display: inline-block;
list-style: outside none none;
padding: 15px 20px;
border-right: 1px solid #ddd;
font-weight: 500;
font-size: 16px;
}
.bcn-breadctumb > span {
display: inline-block;
list-style: outside none none;
padding: 15px 10px;
font-weight: 500;
font-size: 16px;
}
#breadcrumb li i {
margin-right: 8px;
}
#breadcrumb li.trail-item.trail-end::after,
.bcn-breadctumb span:first-child:after {
display: none;
}
#breadcrumb li::after {
content: "\f105";
margin-left: 10px;
font-family: 'Font Awesome 5 Free';
font-weight: 900;
font-size: 11px;
}
#breadcrumb li:last-child:after{
display: none;
}
#breadcrumb li a,.bcn-breadctumb > span a {
color: #000;
}
#breadcrumb li a:hover,.bcn-breadctumb span a:hover,
#breadcrumb li a:focus,.bcn-breadctumb span a:focus,
#breadcrumb li a:active,.bcn-breadctumb span a:active {
color: #408ad2;
}
#breadcrumb li:first-child a:before,
.bcn-breadctumb span:first-child a:before {
content: "\f015";
display: inline-block;
font-family: "Font Awesome 5 Free";
font-weight: 900;
margin-right: 10px;
}
/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.footer-widget-area {
overflow: hidden;
padding: 55px 0;
color: #7c8392;
font-size: 16px;
position: relative;
z-index: 9;
background: #222933;
}
.footer-widget-area .widet{
margin:0;
}
.footer-widget-area ul {
list-style: none;
margin: 0;
padding: 0;
}
.footer-widget-area ul li {
font-size: 15px;
padding: 0px 15px 5px 20px;
position: relative;
}
.widget_categories li.cat-item > a {
display: inline-block;
width: 80%;
}
.footer-widget-area ul li::before {
color: #408ad2;
content: "\f105";
display: inline-block;
font-family: 'Font Awesome 5 Free';
font-size: 13px;
left: 3px;
position: absolute;
top: 2px;
font-weight: 900;
}
.footer-widget-area .widget-column {
float: left;
position: relative;
width: 100%;
z-index: 2;
padding: 0 20px;
color: #bfbfbf;
}
.footer-widget-area.four .widget-column{
width: 25%;
}
.footer-widget-area.three .widget-column{
float: left;
width: 33.33%;
}
.footer-widget-area.two .widget-column{
float: left;
width: 50%;
}
.footer-widget-area.one .widget-column{
float: left;
width: 100%;
}
.footer-widget-area a, .footer-widget-area a:visited {
color: #bfbfbf;
}
.footer-widget-area a:active,
.footer-widget-area a:focus, .footer-widget-area a:hover {
color: #408ad2;
}
.footer-widget-area .widget-title {
color: #fff;
font-weight: 600;
margin-bottom: 35px;
position: relative;
font-size: 2.3rem;
border-bottom: 1px solid #f1f1f126;
padding-bottom: 15px;
}
.footer-widget-area .widget-title:after {
background: #408ad2;
position: absolute;
bottom: -3px;
content: "";
width: 15%;
height: 5px;
left: 0;
}
#site-generator {
padding: 20px 0;
background: #2c384a;
color: #ddd;
}
#site-generator a:visited,
#site-generator a {
color: #afafaf;
}
#site-generator a:hover,
#site-generator a:focus,
#site-generator a:active {
color:#fff;
}
.site-info.two #footer-left-content {
float: left;
}
.site-info.two #footer-right-content {
float: right;
}
.site-info {
text-align: center;
overflow: hidden;
}
#scrollup {
display: none;
}
a.scrollup, a.scrollup:visited {
background-color: #408ad2;
bottom: 50px;
color: #ffffff;
float: right;
line-height: 1.2;
padding: 12px 17px;
position: fixed;
right: 32px;
text-align: center;
z-index: 999;
border-radius: 5px;
}
a.scrollup:hover,
a.scrollup:focus,
a.scrollup:active {
background-color: #333;
color: #ffffff;
}
/*--------------------------------------------------------------
# Sidebar
--------------------------------------------------------------*/
#primary {
float: left;
padding-left: 20px;
padding-right: 20px;
width: 70%;
}
#sidebar-primary {
float: right;
}
#sidebar-secondary {
float: left;
}
.sidebar {
width: 30%;
padding-left: 20px;
padding-right: 20px;
float: left;
}
.sidebar .widget {
margin-bottom: 40px;
padding: 30px;
box-shadow: 0 0 20px rgba(31, 29, 29, 0.07);
background: #fff;
}
.widget-area .widget::after,
.widget-area .widget::before {
clear: both;
content: "";
display: table;
}
.sidebar .widget-title {
position: relative;
border-bottom: 1px dashed #2321211a;
padding-bottom: 10px;
margin-bottom: 20px;
padding-left: 15px;
font-size: 2.5rem;
}
.sidebar .widget-title:after {
background: #408ad2;
position: absolute;
top: 9px;
content: "";
width: 5px;
height: 17px;
left: 0;
}
.sidebar ul {
list-style: outside none none;
padding: 0;
margin: 0;
}
.sidebar ul ul {
border-bottom:none;
padding-bottom: 0;
}
.sidebar ul li {
padding-bottom: 5px;
padding-top: 5px;
position: relative;
font-size: 15px;
padding-left: 20px;
}
.sidebar ul li::before {
content: "";
display: inline-block;
font-size: 11px;
font-weight: 900;
margin-right: 10px;
font-family: 'Font Awesome 5 Free';
position: absolute;
left: 0;
top: 8px;
height: 7px;
width: 7px;
color: #b5b0b0;
border-radius: 100%;
}
.widget .tagcloud a:hover {
border: 2px solid #0a0a0a;
color: #000000;
}
.widget .tagcloud a {
border: 2px solid #dddddd;
display: inline-block;
font-size: 14px !important;
line-height: 1.5;
margin: 5px;
padding: 3px 15px;
float: left;
border-radius: 0;
color: #222;
}
.widget .tagcloud {
text-align: center;
}
.sidebar ul li a,
.sidebar ul li a:visited {
color: #272727;
}
.sidebar ul li a:hover,
.sidebar ul li a:focus,
.sidebar ul li a:active {
color:#408ad2;
}
.sidebar .widget_archive ul li::before {
content: "\f187";
}
.sidebar .widget_categories ul li::before {
content: "\f07c";
}
.sidebar .widget_pages ul li::before {
content: "\f15b";
}
.sidebar .widget_meta ul li::before {
content: "\f0c1";
}
.sidebar .widget_recent_comments ul li::before {
content: "\f086";
}
.sidebar .widget_recent_entries ul li::before {
content: "\f02b";
}
.sidebar .widget_rss ul li::before {
content: "\f09e";
}
.sidebar .widget_tag_cloud ul li::before {
content: "\f0c2";
}
/*calendar section*/
.section-calendar {
text-align: center;
}
.section-calendar caption {
border:1px solid #ddd;
margin-bottom: 15px;
padding: 5px;
}
.section .tagcloud a {
border: 1px solid;
display: inline-block;
font-size: 16px;
line-height: 1.5;
margin-bottom: 5px;
padding: 5px 15px;
}
.section-categories li > a,
.section-archive li > a {
display: inline-block;
min-width: 85%;
}
/*--------------------------------------------------------------
# Social Links
--------------------------------------------------------------*/
.dark-top-header .social-nav ul li a:before {
color: #ddd;
}
.dark-top-header #site-top-header-mobile-container .social-nav ul li a:before {
color: #3e3535;
}
.social-nav ul li a:before,
.social-nav ul li a[href$="/feed/"]:before {
display: inline-block;
font-family: 'Font Awesome 5 Free';
font-style: normal;
font-variant: normal;
font-weight: normal;
text-rendering: auto;
line-height: 1;
color: #222;
font-size: 12px;
}
.social-nav li {
display: inline-block;
margin-right: 2px;
margin-top: 5px;
margin-left: 2px;
}
.social-nav,
.social-nav ul {
margin: 0;
padding: 0;
}
.social-nav li a {
border: 2px solid #b6b6b687;
display: inline-block;
height: 35px;
padding: 0;
text-align: center;
vertical-align: middle;
width: 35px;
overflow: hidden;
line-height: 1.8;
}
.social-nav.no-border ul li a {
border: 2px solid transparent;
}
.social-nav li a:focus, .social-nav li a:active {
outline: thin dotted #000;
}
.social-nav ul li a:before {
content: "\f0c1";
font-family: 'Font Awesome 5 free';
font-weight: 900;
}
.social-nav ul li a:hover {
background-color:#001837;
border: 2px solid rgba(0, 0, 0, 0);
-moz-transition: all 0.4s ease-out 0s;
-webkit-transition: all 0.4s ease-out 0s;
transition: all 0.4s ease-out 0s;
}
.social-nav ul li a:hover::before {
color: #fff;
}
.social-nav ul li a[href*="facebook.com"]:before {
content: "\f39e";
font-family: 'Font Awesome 5 Brands';
}
.social-nav ul li a[href*="telegram.com"]:before {
content: "\f2c6";
font-family: 'Font Awesome 5 Brands';
}
.social-nav ul li a[href*="telegram.org"]:before {
content: "\f2c6";
font-family: 'Font Awesome 5 Brands';
}
.social-nav ul li a[href*="vk.com"]:before {
content: "\f189";
font-family: 'Font Awesome 5 Brands';
}
.social-nav ul li a[href*="twitter.com"]:before {
content: "\f099";
font-family: 'Font Awesome 5 Brands';
}
.social-nav ul li a[href*="linkedin.com"]:before {
content: "\f0e1";
font-family: 'Font Awesome 5 Brands';
}
.social-nav ul li a[href*="plus.google.com"]:before {
content: "\f0d5";
font-family: 'Font Awesome 5 Brands';
}
.social-nav ul li a[href*="youtube.com"]:before {
content: "\f167";
font-family: 'Font Awesome 5 Brands';
}
.social-nav ul li a[href*="dribbble.com"]:before {
content: "\f17d";
font-family: 'Font Awesome 5 Brands';
}
.social-nav ul li a[href*="pinterest.com"]:before {
content: "\f0d2";
font-family: 'Font Awesome 5 Brands';
}
.social-nav ul li a[href*="bitbucket.org"]:before {
content: "\f171";
font-family: 'Font Awesome 5 Brands';
}
.social-nav ul li a[href*="github.com"]:before {
content: "\f113";
font-family: 'Font Awesome 5 Brands';
}
.social-nav ul li a[href*="codepen.io"]:before {
content: "\f1cb";
font-family: 'Font Awesome 5 Brands';
}
.social-nav ul li a[href*="flickr.com"]:before {
content: "\f16e";
font-family: 'Font Awesome 5 Brands';
}
.social-nav ul li a[href$="/feed/"]:before {
content: "\f09e";
font-family: 'Font Awesome 5 Free';
font-weight: 900;
}
.social-nav ul li a[href*="foursquare.com"]:before {
content: "\f180";
font-family: 'Font Awesome 5 Brands';
}
.social-nav ul li a[href*="instagram.com"]:before {
content: "\f16d";
font-family: 'Font Awesome 5 Brands';
}
.social-nav ul li a[href*="tumblr.com"]:before {
content: "\f173";
font-family: 'Font Awesome 5 Brands';
}
.social-nav ul li a[href*="reddit.com"]:before {
content: "\f1a1";
font-family: 'Font Awesome 5 Brands';
}
.social-nav ul li a[href*="vimeo.com"]:before {
content: "\f194";
font-family: 'Font Awesome 5 Brands';
}
.social-nav ul li a[href*="digg.com"]:before {
content: "\f1a6";
font-family: 'Font Awesome 5 Brands';
}
.social-nav ul li a[href*="twitch.tv"]:before {
content: "\f1e8";
font-family: 'Font Awesome 5 Brands';
}
.social-nav ul li a[href*="stumbleupon.com"]:before {
content: "\f1a4";
font-family: 'Font Awesome 5 Brands';
}
.social-nav ul li a[href*="delicious.com"]:before {
content: "\f1a5";
font-family: 'Font Awesome 5 Brands';
}
.social-nav ul li a[href*="mailto:"]:before {
content: "\f0e0";
font-family: 'Font Awesome 5 Brands';
font-family: 'Font Awesome 5 Free';
}
.social-nav ul li a[href*="soundcloud.com"]:before {
content: "\f1be";
font-family: 'Font Awesome 5 Brands';
}
.social-nav ul li a[href*="wordpress.org"]:before {
content: "\f19a";
font-family: 'Font Awesome 5 Brands';
}
.social-nav ul li a[href*="wordpress.com"]:before {
content: "\f19a";
font-family: 'Font Awesome 5 Brands';
}
.social-nav ul li a[href*="jsfiddle.net"]:before {
content: "\f1cc";
font-family: 'Font Awesome 5 Brands';
}
.social-nav ul li a[href*="tripadvisor.com"]:before {
content: "\f262";
font-family: 'Font Awesome 5 Brands';
}
.social-nav ul li a[href*="angel.co"]:before {
content: "\f209";
font-family: 'Font Awesome 5 Brands';
}
.social-nav ul li a[href*="slack.com"]:before {
content: "\f198";
font-family: 'Font Awesome 5 Brands';
}
.social-nav ul li a[href*="500px.com"]:before {
content: "\f26e";
font-family: 'Font Awesome 5 Brands';
}
.social-nav ul li a[href*="amazon.com"]:before {
content: "\f270";
font-family: 'Font Awesome 5 Brands';
}
.social-nav ul li a[href*="amilia.com"]:before {
content: "\f36d";
font-family: 'Font Awesome 5 Brands';
}
.social-nav ul li a[href*="gitlab.com"]:before {
content: "\f09b";
font-family: 'Font Awesome 5 Brands';
}
.social-nav ul li a[href*="ebay.com"]:before {
content: "\f4f4";
font-family: 'Font Awesome 5 Brands';
}
.social-nav ul li a[href*="dashcube.com"]:before {
content: "\f210";
font-family: 'Font Awesome 5 Brands';
}
.social-nav ul li a[href*="behance.net"]:before {
content: "\f1b5";
font-family: 'Font Awesome 5 Brands';
}
.social-nav ul li a[href*="vk.net"]:before {
content: "\f189";
font-family: 'Font Awesome 5 Brands';
}
.social-nav ul li a[href*="mastodon.social"]:before {
content: "\f4f6";
font-family: 'Font Awesome 5 Brands';
}
.social-nav ul li a[href*="algolia.com"]:before {
content: "\f36c";
font-family: 'Font Awesome 5 Brands';
}
.social-nav ul li a[href*="bandcamp.com"]:before {
content: "\f2d5";
font-family: 'Font Awesome 5 Brands';
}
.social-nav ul li a[href*="codiepie.com"]:before {
content: "\f284";
font-family: 'Font Awesome 5 Brands';
}
.social-nav ul li a[href*="del.icio.us"]:before {
content: "\f1a5";
font-family: 'Font Awesome 5 Brands';
}
.social-nav ul li a[href*="gitter.im"]:before {
content: "\f426";
font-family: 'Font Awesome 5 Brands';
}
.social-nav ul li a[href*="goodreads.com"]:before {
content: "\f3a8";
font-family: 'Font Awesome 5 Brands';
}
.social-nav ul li a[href*="hireahelper.com"]:before {
content: "\f3b0";
font-family: 'Font Awesome 5 Brands';
}
.social-nav ul li a[href*="imdb.com"]:before {
content: "\f2d8";
font-family: 'Font Awesome 5 Brands';
}
.social-nav ul li a[href*="last.fm"]:before {
content: "\f202";
font-family: 'Font Awesome 5 Brands';
}
.social-nav ul li a[href*="medium.com"]:before {
content: "\f23a";
font-family: 'Font Awesome 5 Brands';
}
.social-nav ul li a[href*="meetup.com"]:before {
content: "\f2e0";
font-family: 'Font Awesome 5 Brands';
}
.social-nav ul li a[href*="mixcloud.com"]:before {
content: "\f289";
font-family: 'Font Awesome 5 Brands';
}
.social-nav ul li a[href*="quora.com"]:before {
content: "\f3d2";
font-family: 'Font Awesome 5 Brands';
}
.social-nav ul li a[href*="us.napster.com"]:before {
content: "\f2c4";
font-family: 'Font Awesome 5 Brands';
}
.social-nav ul li a[href*="slideshare.net"]:before {
content: "\f1e7";
font-family: 'Font Awesome 5 Brands';
}
.social-nav ul li a[href*="spotify.com"]:before {
content: "\f1bc";
font-family: 'Font Awesome 5 Brands';
}
.social-nav ul li a[href*="stackexchange.com"]:before {
content: "\f18d";
font-family: 'Font Awesome 5 Brands';
}
.social-nav ul li a[href*="stackoverflow.com"]:before {
content: "\f16c";
font-family: 'Font Awesome 5 Brands';
}
.social-nav ul li a[href*="trello.com"]:before {
content: "\f181";
font-family: 'Font Awesome 5 Brands';
}
.social-nav ul li a[href*="xing.com"]:before {
content: "\f168";
font-family: 'Font Awesome 5 Brands';
}
.social-nav ul li a[href*="yelp.com"]:before {
content: "\f1e9";
font-family: 'Font Awesome 5 Brands';
}
.social-nav ul li a[href*="500px.com"]:hover {
background: #0099e5;
}
.social-nav ul li a[href*="amazon.com"]:hover {
background: #f90;
}
.social-nav ul li a[href*="amilia.com"]:hover {
background: #46aaf8;
}
.social-nav ul li a[href*="gitlab.com"]:hover {
background: #e65328;
}
.social-nav ul li a[href*="ebay.com"]:hover {
background: #0654ba;
}
.social-nav ul li a[href*="dashcube.com"]:hover {
background: #f76707;
}
.social-nav ul li a[href*="behance.net"]:hover {
background: #0052CC;
}
.social-nav ul li a[href*="vk.net"]:hover {
background: #5181b8;
}
.social-nav ul li a[href*="mastodon.social"]:hover {
background: #5181b8;
}
.social-nav ul li a[href*="algolia.com"]:hover {
background: #5a6dff;
}
.social-nav ul li a[href*="bandcamp.com"]:hover {
background: #639aa9;
}
.social-nav ul li a[href*="codiepie.com"]:hover {
background: #222222;
}
.social-nav ul li a[href*="del.icio.us"]:hover {
background: #0076e8;
}
.social-nav ul li a[href*="gitter.im"]:hover {
background: #46bc99;
}
.social-nav ul li a[href*="goodreads.com"]:hover {
background: #382110;
}
.social-nav ul li a[href*="hireahelper.com"]:hover {
background: #693238;
}
.social-nav ul li a[href*="imdb.com"]:hover {
background: #f5c518;
}
.social-nav ul li a[href*="last.fm"]:hover {
background: #bb0000;
}
.social-nav ul li a[href*="medium.com"]:hover {
background: #693238;
}
.social-nav ul li a[href*="meetup.com"]:hover {
background: #f13a59;
}
.social-nav ul li a[href*="mixcloud.com"]:hover {
background: #693238;
}
.social-nav ul li a[href*="quora.com"]:hover {
background: #b92b27;
}
.social-nav ul li a[href*="us.napster.com"]:hover {
background: #49FFD0;
}
.social-nav ul li a[href*="slideshare.net"]:hover {
background: #222222;
}
.social-nav ul li a[href*="spotify.com"]:hover {
background: #1ed760;
}
.social-nav ul li a[href*="stackexchange.com"]:hover {
background: #12457C;
}
.social-nav ul li a[href*="stackoverflow.com"]:hover {
background: #f48024;
}
.social-nav ul li a[href*="trello.com"]:hover {
background: #5aac44;
}
.social-nav ul li a[href*="xing.com"]:hover {
background: #b0d400;
}
.social-nav ul li a[href*="yelp.com"]:hover {
background: #d32323;
}
/*social links hover effect */
.social-nav ul li a[href*="facebook.com"]:hover {
background: #3b5998;
}
.social-nav ul li a[href*="twitter.com"]:hover {
background: #00aced;
}
.social-nav ul li a[href*="plus.google.com"]:hover {
background: #dd4b39;
}
.social-nav ul li a[href*="/feed/"]:hover {
background: #dc622c;
}
.social-nav ul li a[href*="wordpress.org"]:hover,
.social-nav ul li a[href*="wordpress.com"]:hover {
background: #45bbe6;
}
.social-nav ul li a[href*="github.com"]:hover {
background: #4183c4;
}
.social-nav ul li a[href*="linkedin.com"]:hover {
background: #007bb6;
}
.social-nav ul li a[href*="pinterest.com"]:hover {
background: #cb2027;
}
.social-nav ul li a[href*="flickr.com"]:hover {
background: #ff0084;
}
.social-nav ul li a[href*="vimeo.com"]:hover {
background: #aad450;
}
.social-nav ul li a[href*="youtube.com"]:hover {
background: #bb0000;
}
.social-nav ul li a[href*="instagram.com"]:hover {
background: #517fa4;
}
.social-nav ul li a[href*="dribbble.com"]:hover {
background: #ea4c89;
}
.social-nav ul li a[href*="skype.com"]:hover {
background: #12a5f4;
}
.social-nav ul li a[href*="digg.com"]:hover {
background: #333;
}
.social-nav ul li a[href*="codepen.io"]:hover {
background: #000;
}
.social-nav ul li a[href*="reddit.com"]:hover {
background: #ff4500;
}
.social-nav ul li a[href*="mailto:"]:hover {
background: #1d62f0;
}
.social-nav ul li a[href*="twitch.tv"]:hover {
background: #6441a5;
}
.social-nav ul li a[href*="foursquare.com"]:hover {
background: #f94877;
}
.social-nav ul li a[href*="stumbleupon.com"]:hover {
background: #eb4924;
}
.social-nav ul li a[href*="twitch.tv"]:hover {
background: #6441a5;
}
.social-nav ul li a[href*="tumblr.com"]:hover {
background: #32506d;
}
.social-nav ul li a[href*="soundcloud.com"]:hover {
background: #ff5500;
}
.social-nav ul li a[href*="wordpress.org"]:hover {
background:#45bbe6;
}
.social-nav ul li a[href*="jsfiddle.net"]:hover {
background:#4679bd;
}
.social-nav ul li a[href*="tripadvisor.com"]:hover {
background:#86c171;
}
.social-nav ul li a[href*="foursquare.com"]:hover {
background:#2d5be3;
}
.social-nav ul li a[href*="angel.co"]:hover {
background:#000;
}
.social-nav ul li a[href*="slack.com"]:hover {
background:#56b68b;
}
.social-nav.brand-bg ul li a[href*="500px.com"] {
background: #0099e5;
}
.social-nav.brand-bg ul li a[href*="amazon.com"] {
background: #f90;
}
.social-nav.brand-bg ul li a[href*="amilia.com"] {
background: #46aaf8;
}
.social-nav.brand-bg ul li a[href*="gitlab.com"] {
background: #e65328;
}
.social-nav.brand-bg ul li a[href*="ebay.com"] {
background: #0654ba;
}
.social-nav.brand-bg ul li a[href*="dashcube.com"] {
background: #f76707;
}
.social-nav.brand-bg ul li a[href*="behance.net"] {
background: #0052CC;
}
.social-nav.brand-bg ul li a[href*="vk.net"] {
background: #5181b8;
}
.social-nav.brand-bg ul li a[href*="mastodon.social"] {
background: #5181b8;
}
.social-nav.brand-bg ul li a[href*="algolia.com"] {
background: #5a6dff;
}
.social-nav.brand-bg ul li a[href*="bandcamp.com"] {
background: #639aa9;
}
.social-nav.brand-bg ul li a[href*="codiepie.com"] {
background: #222222;
}
.social-nav.brand-bg ul li a[href*="del.icio.us"] {
background: #0076e8;
}
.social-nav.brand-bg ul li a[href*="gitter.im"] {
background: #46bc99;
}
.social-nav.brand-bg ul li a[href*="goodreads.com"] {
background: #382110;
}
.social-nav.brand-bg ul li a[href*="hireahelper.com"] {
background: #693238;
}
.social-nav.brand-bg ul li a[href*="imdb.com"] {
background: #f5c518;
}
.social-nav.brand-bg ul li a[href*="last.fm"] {
background: #bb0000;
}
.social-nav.brand-bg ul li a[href*="medium.com"] {
background: #693238;
}
.social-nav.brand-bg ul li a[href*="meetup.com"] {
background: #f13a59;
}
.social-nav.brand-bg ul li a[href*="mixcloud.com"] {
background: #693238;
}
.social-nav.brand-bg ul li a[href*="quora.com"] {
background: #b92b27;
}
.social-nav.brand-bg ul li a[href*="us.napster.com"] {
background: #49FFD0;
}
.social-nav.brand-bg ul li a[href*="slideshare.net"] {
background: #222222;
}
.social-nav.brand-bg ul li a[href*="spotify.com"] {
background: #1ed760;
}
.social-nav.brand-bg ul li a[href*="stackexchange.com"] {
background: #12457C;
}
.social-nav.brand-bg ul li a[href*="stackoverflow.com"] {
background: #f48024;
}
.social-nav.brand-bg ul li a[href*="trello.com"] {
background: #5aac44;
}
.social-nav.brand-bg ul li a[href*="xing.com"] {
background: #b0d400;
}
.social-nav.brand-bg ul li a[href*="yelp.com"] {
background: #d32323;
}
.social-nav.brand-bg ul li a[href*="facebook.com"] {
background: #3b5998;
}
.social-nav.brand-bg ul li a[href*="twitter.com"] {
background: #00aced;
}
.social-nav.brand-bg ul li a[href*="plus.google.com"] {
background: #dd4b39;
}
.social-nav.brand-bg ul li a[href*="/feed/"] {
background: #dc622c;
}
.social-nav.brand-bg ul li a[href*="wordpress.org"],
.social-nav.brand-bg ul li a[href*="wordpress.com"] {
background: #45bbe6;
}
.social-nav.brand-bg ul li a[href*="github.com"] {
background: #4183c4;
}
.social-nav.brand-bg ul li a[href*="linkedin.com"] {
background: #007bb6;
}
.social-nav.brand-bg ul li a[href*="pinterest.com"] {
background: #cb2027;
}
.social-nav.brand-bg ul li a[href*="flickr.com"] {
background: #ff0084;
}
.social-nav.brand-bg ul li a[href*="vimeo.com"] {
background: #aad450;
}
.social-nav.brand-bg ul li a[href*="youtube.com"] {
background: #bb0000;
}
.social-nav.brand-bg ul li a[href*="instagram.com"] {
background: #E70826;
}
.social-nav.brand-bg ul li a[href*="dribbble.com"] {
background: #ea4c89;
}
.social-nav.brand-bg ul li a[href*="skype.com"] {
background: #12a5f4;
}
.social-nav.brand-bg ul li a[href*="digg.com"] {
background: #333;
}
.social-nav.brand-bg ul li a[href*="codepen.io"] {
background: #000;
}
.social-nav.brand-bg ul li a[href*="reddit.com"] {
background: #ff4500;
}
.social-nav.brand-bg ul li a[href*="mailto:"] {
background: #1d62f0;
}
.social-nav.brand-bg ul li a[href*="twitch.tv"] {
background: #6441a5;
}
.social-nav.brand-bg ul li a[href*="foursquare.com"] {
background: #f94877;
}
.social-nav.brand-bg ul li a[href*="stumbleupon.com"] {
background: #eb4924;
}
.social-nav.brand-bg ul li a[href*="twitch.tv"] {
background: #6441a5;
}
.social-nav.brand-bg ul li a[href*="tumblr.com"] {
background: #32506d;
}
.social-nav.brand-bg ul li a[href*="soundcloud.com"] {
background: #ff5500;
}
.social-nav.brand-bg ul li a[href*="wordpress.org"] {
background:#45bbe6;
}
.social-nav.brand-bg ul li a[href*="jsfiddle.net"] {
background:#4679bd;
}
.social-nav.brand-bg ul li a[href*="tripadvisor.com"] {
background:#86c171;
}
.social-nav.brand-bg ul li a[href*="foursquare.com"] {
background:#2d5be3;
}
.social-nav.brand-bg ul li a[href*="angel.co"] {
background:#000;
}
.social-nav.brand-bg ul li a[href*="slack.com"] {
background:#56b68b;
}
.social-nav.brand-bg ul li a:before {
color: #fff;
}
.social-nav.circle-icon ul li a {
border-radius: 100%;
}
.social-nav.brand-bg ul li a {
border: 2px solid transparent;
background: #222;
}
.social-nav.no-border.brand-bg ul li a {
border: 2px solid transparent;
}
.social-nav.brand-bg ul li a:hover,
.social-nav.brand-bg ul li a:focus,
.social-nav.brand-bg ul li a:active {
background: #3b85cd;
}
.social-nav li:before,
.widget_vip_business_recent_entries li:before{
display: none!important;
}
.social-nav li{
padding: 0!important;
}
.team-text-wrap .social-nav li a {
border: 2px solid transparent;
}
.footer-widget-area .social-nav li a:before {
color: #fff;
}
.recent-post-thumb {
float: left;
max-width: 30%;
border-radius: 5px;
overflow: hidden;
}
.recent-post-content-wrap {
float: left;
max-width: 60%;
padding: 0 0 0 20px;
}
.recent-post-item h3 {
font-size: 1.7rem;
margin-bottom: 0;
line-height: 1.4;
}
.recent-post-item {
clear: both;
margin-bottom: 15px;
float: left;
width: 100%;
}
.widget_vip_business_recent_entries span.post-date {
display: block;
font-size: 14px;
margin-top: 2px;
}
.widget_vip_business_recent_entries span.post-date {
display: block;
}
.widget_vip_business_recent_entries span.post-date:before {
display: inline-block;
font-family: 'Font Awesome 5 Free';
height: 15px;
margin-right: 8px;
content: "\f274";
font-size: 13px;
}
/*--------------------------------------------------------------
# Layouts Style
--------------------------------------------------------------*/
.layout-left-sidebar #primary {
float: right;
}
.layout-no-sidebar-full-width #primary {
width: 100%;
}
.layout-no-sidebar-content-width #primary {
width: 100%;
margin: 0 auto;
max-width: 800px;
float: none;
}
.layout-no-sidebar-content-width.grid #primary {
max-width: 100%;
padding: 0;
}
/*--------------------------------------------------------------
## Home Sections
--------------------------------------------------------------*/
.more-wrapper {
display: block;
text-align: center;
margin-top: 20px;
clear: both;
width: 100%;
float: left;
}
.section {
padding: 90px 0;
clear: both;
}
.single-content-wraper .post-thumbnail {
padding: 30px 30px 0;
}
.even-section {
background: #f4f9fc;
}
.section.lite-background {
background-color: #f4f9fc;
}
.section.white-background {
background-color: #fff;
}
.section.dark-background {
background-color: #222f5a;
}
.section.lite-background .inner-block-shadow,
.background-img .inner-block-shadow{
border: none;
}
.background-img {
background-repeat: no-repeat;
background-size: cover;
position: relative;
z-index: 99;
}
.background-img.overlay-enabled:after {
content: "";
display: block;
background: rgb(0, 0, 0);
height: 100%;
width: 100%;
top: 0;
position: absolute;
z-index: -1;
left: 0;
opacity: 0.7;
}
.section.dark-background .section-subtitle {
color:#ddd;
}
.section.dark-background .section-title,
.section.background-img .section-title,
.section.dark-background .section-subtitle,
.section.background-img .section-subtitle,
.section.background-img.overlay-enabled p,
.section.dark-background .section-top-subtitle {
color: #fff;
}
.section.background-img.overlay-enabled h1,
.section.background-img.overlay-enabled h2,
.section.background-img.overlay-enabled h3,
.section.background-img.overlay-enabled h4,
.section.background-img.overlay-enabled h5,
.section.background-img.overlay-enabled h6{
color: #fff;
}
.section.no-padding,.no-padding {
padding:0;
}
.section.no-margin,.no-margin {
margin:0;
}
.section .section-title {
position: relative;
font-size: 5rem;
font-weight: 700;
line-height: 1.2;
}
.section .section-title-wrap {
text-align: center;
width: 100%;
display: table;
margin-bottom: 30px;
max-width: 800px;
margin: 0 auto 30px;
}
.section .section-top-subtitle:before {
content: "";
display: inline-block;
height: 15px;
width: 15px;
background: #5c9bd8;
border: 5px solid #d3dee4;
border-radius: 15px;
margin-right: 9px;
}
.section .section-subtitle {
margin: 0 auto;
max-width: 600px;
font-size: 17px;
line-height: 1.75;
margin-top: 20px;
}
.section .section-top-subtitle {
position: relative;
color: #408ad2;
margin-bottom: 10px;
font-weight: 500;
font-size: 18px;
/* font-style: italic; */
}
.section .section-title-wrap span.divider {
content: "";
display: block;
height: 4px;
width: 55px;
background-color: #408ad2;
margin: 0 auto 5px;
position: relative;
}
.section .section-title-wrap.text-alignleft {
text-align: left;
}
.section .section-title-wrap.text-alignleft span.divider:after {
left: 0;
}
/* alignright */
.section .section-title-wrap.text-alignright {
text-align: right;
}
.section .section-title-wrap.text-alignright span.divider {
float: right;
}
.section .section-title-wrap.text-alignright span.divider:after {
right: 0;
left: inherit;
}
.section .section-title-wrap.text-alignleft span.divider,
.section .section-title-wrap.text-alignright span.divider {
margin: 0 0 25px;
}
.section .section-title-wrap.text-alignright .section-title {
margin-bottom: 20px;
}
@-webkit-keyframes animationborder {
0% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
100% {
-webkit-transform: translateX(100px);
transform: translateX(100px)
}
}
@keyframes animationborder {
0% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
100% {
-webkit-transform: translateX(100px);
transform: translateX(100px)
}
}
.inner-block-shadow {
-webkit-box-shadow: 0px 0px 32px 0px rgba(122,122,122,0.1);
-moz-box-shadow: 0px 0px 32px 0px rgba(122,122,122,0.1);
-ms-box-shadow: 0px 0px 32px 0px rgba(122,122,122,0.1);
-o-box-shadow: 0px 0px 32px 0px rgba(122,122,122,0.1);
box-shadow: 0px 0px 32px 0px rgba(122,122,122,0.1);
-webkit-transition: box-shadow 0.3s, transform 0.3s;
-moz-transition: box-shadow 0.3s, transform 0.3s;
-ms-transition: box-shadow 0.3s, transform 0.3s;
-o-transition: box-shadow 0.3s, transform 0.3s;
transition: box-shadow 0.3s, transform 0.3s;
padding: 0;
background: #fff;
position: relative;
}
.inner-block-shadow:hover,
.inner-block-shadow:focus,
.inner-block-shadow:active {
-webkit-box-shadow: 1px 4px 20px -2px rgba(0,0,0,0.2);
box-shadow: 1px 4px 20px -2px rgba(0,0,0,0.2);
}
.inner-block-shadow:before,
.ff-button:before {
pointer-events: none;
position: absolute;
z-index: -1;
content: '';
top: 100%;
left: 5%;
height: 10px;
width: 90%;
opacity: 0;
background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform, opacity;
transition-property: transform, opacity;
}
.inner-block-shadow:hover:before,
.inner-block-shadow:focus:before,
.inner-block-shadow:active:before {
opacity: 1;
-webkit-transform: translateY(5px);
transform: translateY(5px);
}
.ff-button:hover:before,
.ff-button:focus:before,
.ff-button:active:before {
opacity: 1;
-webkit-transform: translateY(5px);
transform: translateY(5px);
}
.associate-logo-item {
text-align: center;
}
#associate-logo-section {
padding: 60px 0;
}
.section.content-align-center,
.section.text-aligncenter{
text-align: center;
}
.section.overlay-enabled {
background-repeat: no-repeat;
background-size: cover;
position: relative;
z-index: 99;
}
.section.overlay-enabled:after {
content: "";
display: block;
background: #222;
height: 100%;
width: 100%;
top: 0;
position: absolute;
z-index: -1;
left: 0;
opacity: 0.7;
}
/* Border-radius */
.style-one .section-latest-posts .latest-posts-text-content, .style-one .section-teams .team-text-wrap, .section-featured-grid .featured-grid-text-content {
margin: -25px 20px 0;
padding: 30px 20px;
}
.featured-grid-wrapper {
overflow: hidden;
}
.image-hover-zoom img {
margin: 0;
vertical-align: middle;
-webkit-transition: -webkit-transform 1s ease;
-moz-transition: -moz-transform 1s ease;
transition: transform 1s ease;
width: 100%;
}
a.image-hover-zoom {
overflow: hidden;
display: block;
}
.image-hover-zoom:hover img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
-webkit-transform-origin: center center;
-moz-transform-origin: center center;
-o-transform-origin: center center;
transform-origin: center center;
}
/*--------------------------------------------------------------
## Slider
--------------------------------------------------------------*/
#slider-section .swiper-button-next:after, #slider-section .swiper-button-prev:after {
font-size: 2rem;
}
#slider-section .slider-image-wrapper {
text-align: center;
}
#slider-section .slider-content-wrapper {
width: 100%;
position: absolute;
bottom: 30%;
z-index: 9;
}
#slider-section {
overflow: hidden;
position: relative;
}
#slider-section.style-three {
max-width: 1230px;
margin: 0 auto;
margin-top: 40px;
}
.header-three #slider-section.style-three {
margin: 30px auto 0;
}
#slider-section .slider-content {
margin: 0 auto 30px;
font-size: 18px;
color: #222;
clear: both;
}
#slider-section .slider-content p {
max-width: 655px;
margin: 0 auto;
}
#slider-section .text-alignleft .slider-content p {
float: left;
clear: both;
}
#slider-section .text-alignright .slider-content p {
float: right;
clear: both;
}
#slider-section .slider-content-wrapper .container {
max-width: 970px;
}
#slider-section .slider-content-wrapper {
text-align:center;
}
#slider-section .text-alignleft .slider-content-wrapper {
text-align: left;
}
#slider-section .text-alignright .slider-content-wrapper {
text-align: right;
}
#slider-section .swiper-button-next:active,
#slider-section .swiper-button-prev:active,
#slider-section .swiper-button-next:visited,
#slider-section .swiper-button-prev:visited{
outline: none;
}
#slider-section .swiper-button-next:hover,
#slider-section .swiper-button-prev:hover,
#slider-section .swiper-button-next:focus,
#slider-section .swiper-button-prev:focus,
#slider-section .swiper-button-next:active,
#slider-section .swiper-button-prev:active {
outline: none;
background: #fff;
color: #222;
box-shadow: 0 0 21px #2222223d;
}
#slider-section .swiper-button-next, #slider-section .swiper-button-prev {
z-index: 99;
background: #408ad2;
padding: 24px;
cursor: pointer;
visibility: hidden;
transition: all 0.2s ease-in-out 0s;
color: #fff;
border-radius: 5px;
}
#slider-section .swiper-button-prev {
left: -70px;
right: auto;
}
#slider-section .swiper-button-next {
right: -70px;
left: auto;
}
#slider-section:hover .swiper-button-prev {
left:3%;
visibility: visible;
}
#slider-section:hover .swiper-button-next {
right:3%;
visibility: visible;
}
#slider-section.section .swiper-pagination {
bottom: 50px;
left: 0;
width: 100%;
z-index: 99;
position: absolute;
}
#slider-section .swiper-pagination .swiper-pagination-bullet {
width: 12px;
height: 12px;
background: #fff;
}
#slider-section .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: #408ad2;
}
#slider-section .swiper-pagination-bullet {
opacity: 1;
}
#slider-section .swiper-scrollbar-drag {
background: rgb(231, 8, 38);
}
#slider-section.swiper-container-horizontal > .swiper-scrollbar {
bottom: 0;
}
#slider-section .swiper-scrollbar {
background: rgba(255, 255, 255, 0.85);
}
#slider-section h2 {
font-size: 6.5rem;
font-weight: 700;
transition: all 0.5s linear 1s;
margin: 0 0 30px;
}
#slider-section h2,
#slider-section p {
color:#fff;
}
#slider-section.overlay-enabled article:before {
background: url(images/overlay.png);
content: "";
opacity: 0.7;
display: block;
position: absolute;
height: 100%;
top: 0;
z-index: 9;
width: 100%;
}
#slider-section .swiper-slide .slider-subtitle {
font-size: 2.5rem;
margin-bottom: 0;
font-weight: 700;
}
#slider-section .swiper-slide p {
font-size: 18px;
}
#slider-section .swiper-slide.swiper-slide-active img{
transform: scale(1.1);
transition: 10s;
}
#slider-section .swiper-slide.swiper-slide-active img {
transform: scale(1.1);
transition: 10s;
}
#slider-section .slider-buttons .ff-button {
margin: 0 10px;
padding: 15px 40px;
min-width: 125px;
}
#slider-section.zoom-disabled .swiper-slide.swiper-slide-active img {
transform: inherit;
transition: inherit;
}
.slider-buttons {
margin:0 -10px;
}
#slider-section a.more-link,
#slider-section a.more-link:visited {
display: inline-block;
background: -moz-linear-gradient(0deg, #428cd4 0%, #004e9a 100%);
background: -webkit-linear-gradient(0deg, #428cd4 0%, #004e9a 100%);
background: -ms-linear-gradient(0deg, #428cd4 0%, #004e9a 100%);
color: #fff;
padding: 15px 25px;
margin-top: 40px;
clear: both;
font-size: 14px;
letter-spacing: 0.6px;
display: block;
max-width: 170px;
margin: 35px auto 0;
border-radius: 3px;
}
#slider-section .more-link:before {
display: none;
}
#slider-section .swiper-slide.type-post.text-alignleft .divider,
#slider-section .swiper-slide.type-post.text-alignright .divider {
margin: 0 0 20px;
}
#slider-section .text-alignleft a.more-link,
#slider-section .text-alignright a.more-link {
position: absolute;
z-index: 999;
}
#slider-section a.more-link:hover,
#slider-section a.more-link:active,
#slider-section a.more-link:focus {
background: -moz-linear-gradient(0deg, #004e9a 0%, #428cd4 100%);
background: -webkit-linear-gradient(0deg, #004e9a 0%, #428cd4 100%);
background: -ms-linear-gradient(0deg, #004e9a 0%, #428cd4 100%);
color: #fff;
transition: none!important;
}
#slider-section .text-alignleft a.more-link{
display: block;
float: left;
}
#slider-section .text-alignright a.more-link {
display: block;
right: 0;
}
#slider-section.style-two:hover .swiper-button-next,
#slider-section.style-two .swiper-button-next {
right: 0;
visibility: visible;
}
#slider-section.style-two .swiper-button-next,
#slider-section.style-two .swiper-button-prev {
border-radius: 0;
}
#slider-section.style-two:hover .swiper-button-prev,
#slider-section.style-two .swiper-button-prev {
left: 0;
visibility: visible;
left: inherit;
}
#slider-section.style-two .swiper-pagination .swiper-pagination-bullet {
border-radius: 0;
height: 5px;
width: 30px;
margin: 4px;
}
#slider-section.style-two .swiper-slide h2 {
display: inline-block;
border: 2px solid;
padding: 0 20px;
margin-bottom: 20px;
margin-top: 15px;
}
#slider-section.style-two.overlay-enabled article:before {
background: #222;
opacity: 0.5;
}#slider-section .swiper-slide.type-post h2 {
margin-bottom: 15px;
}
/* Center Animations */
#slider-section .swiper-slide h2 {
transform: translateY(100%);
opacity: 0;
transition: all 1s ease-in-out 0.3s;
line-height: 1.3;
}
#slider-section .swiper-slide .divider {
transform: translateY(100%);
opacity: 0;
transition: all 1s ease-in-out 0.5s;
}
#slider-section .swiper-slide p {
transform: translateY(100%);
opacity: 0;
transition: all 1s ease-in-out 1s;
}
#slider-section .swiper-slide .slider-buttons, #slider-section a.more-link {
transform: translateY(100%);
opacity: 0;
transition: transform 1s ease-in-out 1s;
}
#slider-section .swiper-slide.swiper-slide-active h2,
#slider-section .swiper-slide.swiper-slide-active p,
#slider-section .swiper-slide.swiper-slide-active .slider-buttons,
#slider-section .swiper-slide.swiper-slide-active a.more-link,
#slider-section .swiper-slide.swiper-slide-active .divider{
transform: translateY(0);
opacity: 1;
}
/* Right Animations */
#slider-section .swiper-slide.text-alignright h2 {
transform: translateX(-10%);
opacity: 0;
transition: all 1s ease-in-out 0.3s;
line-height: 1.2;
}
#slider-section .swiper-slide.text-alignright .divider {
transform: translateY(-10%);
opacity: 0;
transition: all 1s ease-in-out 0.5s;
line-height: 1.2;
}
#slider-section .swiper-slide.text-alignright .divider{
visibility: visible;
transform: translateY(0);
margin-top: 0;
bottom: 0;
}
#slider-section .swiper-slide.text-alignright p {
transform: translateX(-10%);
opacity: 0;
transition: all 1s ease-in-out 1s;
}
#slider-section .swiper-slide.text-alignright .slider-buttons,
#slider-section .text-alignright a.more-link{
transform: translateX(-10%);
opacity: 0;
transition: all 1s ease-in-out 1.5s;
}
#slider-section .swiper-slide.text-alignright.swiper-slide-active h2,
#slider-section .swiper-slide.text-alignright.swiper-slide-active p,
#slider-section .swiper-slide.text-alignright.swiper-slide-active .slider-buttons,
#slider-section .swiper-slide.text-alignright.swiper-slide-active a.more-link,
#slider-section .swiper-slide.text-alignright.swiper-slide-active .divider{
transform: translateX(0);
opacity: 1;
}
/* Left Animations */
#slider-section .swiper-slide.text-alignleft h2 {
transform: translateX(10%);
opacity: 0;
transition: all 1s ease-in-out 0.3s;
line-height: 1.2;
}
#slider-section .swiper-slide.text-alignleft .divider {
transform: translateY(10%);
opacity: 0;
transition: all 1s ease-in-out 0.5s;
line-height: 1.2;
}
#slider-section .swiper-slide.text-alignleft .divider{
visibility: visible;
transform: translateY(0);
margin-top: 0;
bottom: 0;
}
#slider-section .swiper-slide.text-alignleft p {
transform: translateX(10%);
opacity: 0;
transition: all 1s ease-in-out 1s;
}
#slider-section .swiper-slide.text-alignleft .slider-buttons,
#slider-section .text-alignleft a.more-link{
transform: translateX(10%);
opacity: 0;
transition: all 1s ease-in-out 1.5s;
}
#slider-section .swiper-slide.text-alignleft.swiper-slide-active h2,
#slider-section .swiper-slide.text-alignleft.swiper-slide-active p,
#slider-section .swiper-slide.text-alignleft.swiper-slide-active .slider-buttons,
#slider-section .swiper-slide.text-alignleft.swiper-slide-active a.more-link,
#slider-section .swiper-slide.text-alignleft.swiper-slide-active .divider{
transform: translateX(0);
opacity: 1;
}
/*--------------------------------------------------------------
## feature Product
--------------------------------------------------------------*/
#featured-product-section.content-position-left .featured-page-thumb {
float: right;
}
#featured-product-section.text-alignleft {
text-align: left;
}
#featured-product-section.text-alignleft .section-title-wrap,
#featured-product-section.default .section-title-wrap{
text-align: center;
width: 100%;
display: table;
}
#featured-product-section.text-alignleft .section-title-wrap,
#featured-product-section.default .section-title-wrap {
text-align: left;
}
#featured-product-section.text-alignleft .section-title-wrap span.divider,
#featured-product-section.default .section-title-wrap span.divider{
left: 0;
float: left;
}
#featured-product-section.text-alignleft .section-title-wrap span.divider:after,
#featured-product-section.default .section-title-wrap span.divider:after {
left: 0;
}
#featured-product-section.text-aligncenter .featured-info a.more-link {
max-width: 200px;
margin: 30px auto 0;
}
#featured-product-section.text-alignright {
text-align: right;
}
#featured-product-section.text-alignright .section-title-wrap {
text-align: center;
width: 100%;
display: table;
}
#featured-product-section.text-alignright .section-title-wrap {
text-align: right;
}
#featured-product-section.text-alignright .section-title-wrap span.divider {
right: 0;
float: right;
}
#featured-product-section.text-alignright .section-title-wrap span.divider:after {
left: inherit;
right: 0;
}
#featured-product-section.text-alignright .featured-info {
position: relative;
padding-bottom: 70px;
}
#featured-product-section .featured-page-section {
padding: 25px;
}
.featured-page-thumb {
text-align: center;
}
div#featured-product-section {
overflow: hidden;
}
#featured-product-section .featured-info a.more-link,
#featured-product-section .featured-info a.more-link:visited {
display: table;
padding: 10px 20px;
margin-top: 30px;
background: #408ad2;
color: #fff;
}
#featured-product-section .featured-info a.more-link:hover,
#featured-product-section .featured-info a.more-link:focus,
#featured-product-section .featured-info a.more-link:active {
background: #222;
}
#featured-product-section.text-alignright .featured-info a.more-link {
position: absolute;
bottom: 0;
padding: 10px 20px;
right: 0;
}
.featured-page-section ul li:before {
content: "\f058";
display: inline-block;
font-family: "Font Awesome 5 Free";
margin-right: 10px;
font-size: 19px;
color: #408ad2;
}
.featured-page-section ul li {
list-style-type: none;
}
.featured-page-section ul {
margin-left: 0;
padding-left: 0;
}
#hero-content-section span.woocommerce-Price-amount.amount, #featured-product-section span.woocommerce-Price-amount.amount {
margin-bottom: 30px;
font-size: 25px;
}
#featured-product-section .star-rating {
float: right;
overflow: hidden;
position: relative;
height: 1em;
line-height: 1;
font-size: 1em;
width: 5.4em;
font-family: star;
color: orange;
display: block;
float: left;
clear: both;
width: 100%;
margin-bottom: 25px;
}
#featured-product-section .star-rating::before {
content: "\73\73\73\73\73";
color: #fda80d;
float: left;
top: 0;
left: 0;
position: absolute;
}
#featured-product-section .star-rating span {
overflow: hidden;
float: left;
top: 0;
left: 0;
position: absolute;
padding-top: 1.5em;
}
#featured-product-section .star-rating span::before {
content: "\53\53\53\53\53";
top: 0;
position: absolute;
left: 0;
}
.woocommerce .star-rating span {
color: #fda80d;
}
h2.woocommerce-Reviews-title {
margin-bottom: 35px;
}
#featured-product-section a.button.add_to_cart_button, #hero-content-section a.button.add_to_cart_button {
display: inline-block;
clear: both;
display: table;
margin-top: 30px;
}
.products-category-content h3 {
margin: 0;
font-size: 18px;
}
.products-category-content {
padding: 15px;
text-align: center;
}
/*--------------------------------------------------------------
## Hero Content
--------------------------------------------------------------*/
#hero-content-section.section .section-title {
font-size: 5.6rem;
}
#hero-content-section.content-position-left .featured-page-thumb {
float: right;
}
#hero-content-section.text-alignleft {
text-align: left;
}
#hero-content-section.text-alignleft .section-title-wrap,
#hero-content-section.default .section-title-wrap{
text-align: center;
width: 100%;
display: table;
}
#hero-content-section.text-alignleft .section-title-wrap,
#hero-content-section.default .section-title-wrap {
text-align: left;
}
#hero-content-section.text-alignleft .section-title-wrap span.divider,
#hero-content-section.default .section-title-wrap span.divider{
left: 0;
float: left;
}
#hero-content-section.text-alignleft .section-title-wrap span.divider:after,
#hero-content-section.default .section-title-wrap span.divider:after {
left: 0;
}
#hero-content-section.text-aligncenter .featured-info a.more-link {
max-width: 200px;
margin: 30px auto 0;
}
#hero-content-section.text-alignright {
text-align: right;
}
#hero-content-section.text-alignright .section-title-wrap {
text-align: center;
width: 100%;
display: table;
}
#hero-content-section.text-alignright .section-title-wrap {
text-align: right;
}
#hero-content-section.text-alignright .section-title-wrap span.divider {
right: 0;
float: right;
}
#hero-content-section.text-alignright .section-title-wrap span.divider:after {
left: inherit;
right: 0;
}
#hero-content-section.text-alignright .featured-info {
position: relative;
padding-bottom: 70px;
}
.featured-page-thumb {
text-align: center;
}
div#hero-content-section {
overflow: hidden;
}
#hero-content-section .featured-info a.more-link, #hero-content-section .featured-info a.more-link:visited {
display: table;
padding: 15px 55px;
margin-top: 30px;
color: #fff;
}
#hero-content-section.text-alignright .featured-info a.more-link {
position: absolute;
bottom: 0;
padding: 10px 20px;
right: 0;
}
.featured-page-section ul li:before {
content: "\f058";
display: inline-block;
font-family: "Font Awesome 5 Free";
margin-right: 10px;
font-size: 19px;
color: #408ad2;
}
.featured-page-section ul li {
list-style-type: none;
}
.featured-page-section ul {
margin-left: 0;
padding-left: 0;
}
#hero-content-section a.more-link, #hero-content-section a.more-link:visited,
#promotional-headline-section a.more-link, #promotional-headline-section a.more-link:visited {
background: -moz-linear-gradient(0deg, #428cd4 0%, #004e9a 100%);
background: -webkit-linear-gradient(0deg, #428cd4 0%, #004e9a 100%);
background: -ms-linear-gradient(0deg, #428cd4 0%, #004e9a 100%);
color: #fff;
border-radius: 2px;
padding: 13px 40px;
margin-top: 30px;
}
#hero-content-section a.more-link:before,
#promotional-headline-section a.more-link:before {
display: none;
}
#hero-content-section a.more-link:hover,#hero-content-section a.more-link:focus,#hero-content-section a.more-link:active,
#promotional-headline-section a.more-link:hover,#promotional-headline-section a.more-link:focus,#promotional-headline-section a.more-link:active{
background: -moz-linear-gradient(0deg, #004e9a 0%, #428cd4 100%);
background: -webkit-linear-gradient(0deg, #004e9a 0%, #428cd4 100%);
background: -ms-linear-gradient(0deg, #004e9a 0%, #428cd4 100%);
}
/*--------------------------------------------------------------
## What we do
--------------------------------------------------------------*/
.section-wwd .wwd-block-inner {
position: relative;
z-index: 9;
padding: 35px;
background-color: #fff;
text-align: center;
border-radius: 10px;
}
.section-wwd .wwd-block-item a.wwd-icon {
color: #408ad2;
line-height: 0.6;
transition: transform 0.2s ease 0s, opacity 0.2s ease 0s;
font-size: 37px;
display: block;
width: 130px;
text-align: center;
text-shadow: 3px 3px 8px #ececec;
margin: 0 auto 5px;
position: relative;
line-height: 2.3;
overflow: hidden;
}
.section-wwd .wwd-icon-shadow {
display: block;
position: absolute;
left: 30px;
top: 10px;
font-size: 140px;
color: #f7f7f7;
z-index: -1;
line-height: 1;
}
.style-two h3.wwd-item-title a {
display: block;
}
a.wwd-fonts-icon {
display: inline-block;
font-size: 29px;
line-height: 1;
padding: 27px 0;
margin-bottom: 25px;
border-radius: 44px;
background: #f0f4f9;
color: #23498E;
width: 85px;
height: 85px;
}
.style-one .wwd-block-item a.more-link {
margin: 0 auto;
}
.style-one .wwd-block-item.post-type a.more-link {
margin: 20px auto 0;
}
/*layout 2*/
.style-two .wwd-block-item a.wwd-icon {
float: left;
margin: 0 25px 0 0;
background: #fff;
width: auto;
max-width: 55px;
padding: 0;
line-height: 1.9;
}
.style-two .wwd-block-item a.wwd-fonts-icon {
float: left;
margin: 5px 25px 0 0;
background: #fff;
width: auto;
padding: 0;
font-size: 37px;
box-shadow: none;
}
.style-two .wwd-block-inner-content {
text-align: left;
display: table;
}
.wwd-item-title, .featured-grid-title {
margin-bottom: 10px;
position: relative;
}
.style-two .wwd-item-4 {
clear: both;
}
/*layout 3*/
.style-three a.wwd-fonts-icon {
margin-top: -74px;
display: block;
}
.style-three .wwd-block-inner-content {
text-align: left;
}
/*--------------------------------------------------------------
## Teams
--------------------------------------------------------------*/
.section-teams .social-links li a {
border: 2px solid transparent;
}
.section-teams .thumb-summary-wrap {
background: #fff;
position: relative;
z-index: 9;
}
.section-teams .team-item{
text-align: center;
}
.section-teams .team-position {
font-size: 17px;
margin-bottom: 10px;
color: #408ad2;
}
.section-teams .team-position {
font-size: 15px;
margin-bottom: 10px;
}
.section-teams .team-text-wrap {
position: relative;
background: #fff;
padding: 35px;
}
.team-text-wrap .social-nav li {
margin: 5px 0 0;
}
.section-teams .team-item img {
background: #fff;
}
.section-teams .team-item img {
margin: 0;
vertical-align: middle;
-webkit-transition: -webkit-transform 1s ease;
-moz-transition: -moz-transform 1s ease;
transition: transform 1s ease;
width: 100%;
}
.section-teams .team-item .team-thumb {
overflow: hidden;
position: relative;
background: #fff;
}
.section-teams .team-item:hover img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
-webkit-transform-origin: center center;
-moz-transform-origin: center center;
-o-transform-origin: center center;
transform-origin: center center;
}
.section-teams .team-social-icons {
position: absolute;
top: 25px;
left: 25px;
}
h3.team-title {
margin-bottom: 5px;
}
.section-teams .social-nav {
visibility: hidden;
}
.section-teams .team-social-icons:hover .social-nav {
visibility: visible;
}
.section-teams .social-nav li {
display: block;
float: none;
margin: 4px 0;
}
.section-teams .social-link-plus {
background: -moz-linear-gradient(0deg, #428cd4 0%, #004e9a 100%);
background: -webkit-linear-gradient(0deg, #428cd4 0%, #004e9a 100%);
background: -ms-linear-gradient(0deg, #428cd4 0%, #004e9a 100%);
color: #fff;
height: 40px;
width: 40px;
display: block;
padding: 6px;
text-align: center;
cursor: pointer;
}
.section-teams .social-nav ul li a {
border: 2px solid transparent;
width: 40px;
height: 40px;
}
/*--------------------------------------------------------------
## Testimonial
--------------------------------------------------------------*/
#testimonial-section {
background-color: #3b1979;
}
#testimonial-section .more-link:before {
display: none;
}
#testimonial-section a.more-link, #testimonial-section a.more-link:visited {
background: no-repeat;
padding: 0;
}
#testimonial-section a.more-link:hover,
#testimonial-section a.more-link:active,
#testimonial-section a.more-link:focus {
background: no-repeat;
color: #222;
}
.section-teams .team-text-wrap, .section-testimonial .testimonial-summary, .section-latest-posts .latest-posts-text-content {
padding: 45px;
}
.section-testimonial .testimonial-thumb img {
display: block;
}
.section-testimonial .testimonial-thumb {
margin-left: 0;
max-width: 30%;
}
.section-testimonial .testimonial-summary .testimonial-position {
color: #c1bdb5;
font-style: normal;
font-size: 14px;
}
.section-testimonial .swiper-carousel-enabled .swiper-pagination {
position: inherit;
clear: both;
margin-top: 65px;
}
.section-testimonial .testimonial-summary {
padding-bottom: 30px;
max-width: 70%;
box-sizing: border-box;
padding: 0 0 0 5px;
float: right;
}
.section-testimonial .testimonial-summary h3 {
margin-bottom: 5px;
}
.section-testimonial .testimonial-wrapper {
position: relative;
background: #fff;
padding: 30px;
border-radius: 5px;
}
.section-testimonial .testimonial-summary::after {
position: absolute;
top: calc(99% - 3px);
left: 0;
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 35px 35px 0 0;
border-color: #fefefe transparent transparent;
-webkit-filter: drop-shadow(0 6px 5px rgba(0, 0, 0, 0.05));
filter: drop-shadow(0 6px 5px rgba(0, 0, 0, 0.05));
}
.section-testimonial .testimonial-wrapper {
}
.section-testimonial .clinet-info h4 {
margin-bottom: 4px;
}
.section-testimonial p.testimonial-position {
margin: 0;
font-size: 16px;
color: #408ad2;
}
.section-testimonial h4.testimonial-title {
margin: 0;
font-size: 1.8rem;
font-weight: 600;
}
.section-testimonial .client-info {
text-align: center;
}
.section-testimonial .testimonial-rating {
color: #ff9455;
font-size: 12px;
text-align: center;
margin: 10px 0;
}
.client-info-wrap {
margin-bottom: 15px;
}
.section-testimonial .testimonial-item img {
border-radius: 100%;
max-width: 100px;
margin: 0 auto;
}
.section-testimoniel .testimonial-summary::before {
content: "\f10d";
display: inline-block;
font-family: 'Font Awesome 5 Free';
font-size: 30px;
margin-right: 0;
line-height: 1;
margin: 0 0 15px;
font-weight: 900;
color: #e2e2e2;
position: absolute;
top: 35px;
left: 25%;
}
/*--------------------------------------------------------------
## Post Gird
--------------------------------------------------------------*/
.section-latest-posts .latest-posts-thumb img {
margin: 0;
vertical-align: middle;
}
.section-latest-posts .latest-posts-thumb {
overflow: hidden;
position: relative;
text-align: center;
}
.latest-posts-wrapper {
overflow: hidden;
}
.section-latest-posts .latest-posts-title {
margin-bottom: 10px;
}
.post-thumbnail {
position: relative;
}
.section-latest-posts .new-cat {
margin-bottom: 15px;
position: absolute;
bottom: 30px;
left: 20px;
}
.post-thumbnail .cat-links {
position: inherit;
display: block;
padding: 25px;
}
.section-latest-posts .new-cat a, .post-thumbnail .cat-links a, .section-latest-posts .new-cat a:visited, .post-thumbnail .cat-links a:visited {
background: #408ad2;
color: #fff;
padding: 4px 15px;
display: inline-block;
text-transform: uppercase;
font-size: 11px;
margin-right: 5px;
line-height: 1.5;
font-weight: 500;
font-weight: bold;
}
.section-latest-posts .new-cat a:hover, .post-thumbnail .cat-links a:hover,
.section-latest-posts .new-cat a:focus, .post-thumbnail .cat-links a:focus,
.section-latest-posts .new-cat a:active, .post-thumbnail .cat-links a:active {
background: #222;
color: #fff;
}
.has-post-thumbnail .post-thumbnail .cat-links {
margin-bottom: 15px;
position: absolute;
bottom: 25px;
left: 0;
margin: 0;
text-align: left;
margin: 0;
}
.section-latest-posts .latest-posts-thumb .custom-button {
position: absolute;
top: 0%;
z-index: 9;
left: 50%;
margin-left: -70px;
opacity: 0;
}
.section-latest-posts .latest-posts-wrapper:hover .latest-posts-thumb .custom-button {
opacity: 1;
top:35%;
}
.section-latest-posts .latest-posts-thumb .custom-button::after,
.section-latest-posts .latest-posts-thumb .custom-button::before {
display: none;
}
.section-latest-posts .latest-posts-text-content {
background: #fff;
overflow: hidden;
position: relative;
padding: 40px 35px;
}
.section-latest-posts .latest-posts-text-wrap {
padding: 20px 0 0;
}
.latest-news-date {
background: #408ad2;
text-align: center;
color: #fff;
width: 70px;
}
.latest-news-meta {
position: absolute;
bottom: 20px;
right: 20px;
z-index: 99;
}
.latest-news-meta span.news-meta-date {
font-weight: bold;
font-size: 23px;
background: #fff;
color: #232323;
padding: 5px 0;
}
.latest-news-meta span {
display: block;
line-height: 1.3;
padding: 10px 0;
}
.style-two .section-latest-posts .latest-posts-text-content {
margin: 0;
padding: 40px;
}
.style-two .section-latest-posts .new-cat {
margin-bottom: 0;
position: absolute;
bottom: 30px;
left: 30px;
}
/* News and Events */
/*--------------------------------------------------------------
## Skills
--------------------------------------------------------------*/
.skill-bar-section {
margin-top: 15px;
}
.skillbar {
position: relative;
display: block;
margin-bottom: 23px;
width: 100%;
background: #f7f7f7b8;
height: 16px;
-webkit-transition: 0.4s linear;
-moz-transition: 0.4s linear;
-ms-transition: 0.4s linear;
-o-transition: 0.4s linear;
transition: 0.4s linear;
-webkit-transition-property: width, background-color;
-moz-transition-property: width, background-color;
-ms-transition-property: width, background-color;
-o-transition-property: width, background-color;
transition-property: width, background-color;
border-radius: 10px;
}
.skillbar-bar {
height: 10px;
width: 0px;
background: #408ad2;
position: relative;
display: block;
top: 3px;
left: 5px;
border-radius: 5px;
}
.skillbar-1 .skillbar-bar {
background: #408ad2;
}
.skillbar-2 .skillbar-bar {
background: #ce5610;
}
.skillbar-3 .skillbar-bar {
background: #a6d41a;
}
.skillbar-4 .skillbar-bar {
background: #ec9d0d;
}
.skillbar-title {
float: left;
}
.skill-bar-percent {
float: right;
clear: none;
}
.skillbar-item h3 {
font-size: 18px;
margin-bottom: 5px;
}
.skillbar {
clear: both;
}
.skillbar-item:last-child {
margin: 0;
}
.skillbar-item {
margin-bottom: 20px;
}
.skill-info .section-title-wrap.text-alignleft {
margin-bottom: 5px;
}
/*--------------------------------------------------------------
## Promotional
--------------------------------------------------------------*/
#promotional-headline-section {
padding: 160px 0;
}
#promotional-headline-section.overlay-enabled,
#promotional-headline-section.overlay-enabled h2 {
color: #fff;
}
#promotional-headline-section .promotion-content {
max-width: 1000px;
margin: 0 auto;
width: 100%;
}
#promotional-headline-section h2 {
font-size: 6rem;
font-weight: 700;
}
#promotional-headline-section p {
font-size: 2rem;
}
.text-alignright .promotion-content {
text-align: right;
}
#promotional-headline-section a.more-link,
#promotional-headline-section a.more-link:visited {
margin:30px auto 0;
}
#promotional-headline-section.text-alignleft a.more-link,
#promotional-headline-section.text-alignright a.more-link {
position: absolute;
left: 0;
}
.promotion-description {
position: relative;
}
.promotion-buttons a.ff-button {
margin: 10px;
}
/*--------------------------------------------------------------
## Feature Video
--------------------------------------------------------------*/
#featured-video-section.overlay-enabled,
#featured-video-section.overlay-enabled h2 {
color: #fff;
}
#featured-video-section .featured-video-content {
max-width: 950px;
margin: 0 auto;
width: 100%;
}
#featured-video-section h2 {
font-size: 6rem;
font-weight: 700;
}
#featured-video-section p {
font-size: 2rem;
}
.text-alignright .featured-video-content {
text-align: right;
}
#featured-video-section a.more-link,
#featured-video-section a.more-link:visited {
padding: 10px 20px;
background: #3368c6;
color: #fff;
max-width: 195px;
margin:30px auto 0;
}
.video-buttons-wrap {
margin-top: 40px;
}
.featured-video-buttons {
margin-top: 15px;
}
#featured-video-section.text-alignleft a.more-link,
#featured-video-section.text-alignright a.more-link {
position: absolute;
left: 0;
}
.featured-video-description {
position: relative;
}
#featured-video-section a.flashy-popup:before {
content: "";
display: inline-block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
border: 23px solid #f75757;
-webkit-border-radius: 50em;
-khtml-border-radius: 50em;
-moz-border-radius: 50em;
-ms-border-radius: 50em;
-o-border-radius: 50em;
border-radius: 50em;
opacity: 0.6;
-webkit-transform: scale3d(1, 1, 1);
-khtml-transform: scale3d(1, 1, 1);
-moz-transform: scale3d(1, 1, 1);
-ms-transform: scale3d(1, 1, 1);
-o-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
animation: buttonRing 1.5s linear infinite;
-webkit-animation: buttonRing 1.5s linear infinite;
}
#featured-video-section a.flashy-popup i {
height: 65px;
width: 65px;
text-align: center;
padding: 20px;
margin: 9px;
border-radius: 100%;
font-size: 19px;
border: 3px solid #f75757;
background: rgb(247, 87, 87);
color: #fff;
}
#featured-video-section a.flashy-popup {
position: relative;
display: inline-block;
}
@keyframes buttonRing {
0% {
-webkit-transform:scale3d(1,1,1);
-khtml-transform:scale3d(1,1,1);
-moz-transform:scale3d(1,1,1);
-ms-transform:scale3d(1,1,1);
-o-transform:scale3d(1,1,1);
transform:scale3d(1,1,1);
opacity:0.6;
}
85%{
opacity:0;
}
100%{
-webkit-transform:scale3d(1.42, 1.42, 1.42);
-khtml-transform:scale3d(1.42, 1.42, 1.42);
-moz-transform:scale3d(1.42, 1.42, 1.42);
-ms-transform:scale3d(1.42, 1.42, 1.42);
-o-transform:scale3d(1.42, 1.42, 1.42);
transform:scale3d(1.42, 1.42, 1.42);
opacity:0;
}
}
.flashy-overlay .flashy-close {
right: 12%!important;
top: 7%!important;
}
div#featured-video-section {
padding: 190px 0;
}
/*--------------------------------------------------------------
## Contact Section
--------------------------------------------------------------*/
.section-contact {
margin: 0 auto;
background: #fff;
box-shadow: 0 10px 29px 0 rgba(50, 50, 50, 0.06);
padding: 30px;
}
.wpcf7 span.ajax-loader {
position: absolute;
left: 50%;
top: 15px;
}
.wpcf7 p {
position: relative;
}
.wpcf7-form-control-wrap textarea {
height: 90px!important;
}
.wpcf7 textarea {
max-height: 212px;
border-color: #f1f1f1;
}
.wpcf7 input {
padding: 8px;
border-color: #f1f1f1;
}
input.wpcf7-form-control.wpcf7-submit {
padding: 10px 20px;
display: block;
}
.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="url"], .wpcf7 input[type="password"], .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 {
padding: 8px 15px;
}
.mc4wp-form-fields input[type="submit"] {
width: 100%;
}
.mc4wp-form-fields input[type="email"] {
background: no-repeat;
padding: 10px 20px;
height: auto;
margin-top: 15px;
color: #fff;
border-color: #dedede;
}
#footer-widgets input[type="email"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #fff;
}
#footer-widgets input[type="email"]::-moz-placeholder { /* Firefox 19+ */
color: #fff;
}
#footer-widgets input[type="email"]::-ms-input-placeholder { /* IE 10+ */
color: #fff;
}
/*--------------------------------------------------------------
## Portfolio
--------------------------------------------------------------*/
.section-portfolio .portfolio-item {
float: left;
position: relative;
}
.section-portfolio .portfolio-inner {
position: relative;
overflow: hidden;
}
.section-portfolio .portfolio-section img {
vertical-align: middle;
}
.section-portfolio .portfolio-section .thumb-overlay {
background: rgba(0,0,0,0.3);
content: "";
height: 100%;
position: absolute;
top: 0;
width: 100%;
display: none;
}
.section-portfolio h3 a,
.section-portfolio h3 {
color: #fff;
margin-bottom: 0;
font-size: 2.5rem;
text-align: center;
display: block;
width: 100%;
}
.portfolio-wrapper {
overflow:hidden;
margin:0;
padding:0;
}
.portfolio-wrapper .portfolio-item {
padding: 15px !important;
}
#portfolio {
margin-bottom: 20px;
}
.section-portfolio .portfolio-wrapper {
position: relative;
display: block;
overflow: hidden;
}
.section-portfolio .item-inner-wrapper {
position: relative;
overflow: hidden;
text-align: center;
}
.portfolio-main-wrapper.swiper-carousel-enabled{
padding: 0;
}
.section-portfolio .portfolio-content p,
.section-portfolio .portfolio-content h3 a {
margin: 0;
color: #fff;
display: block;
}
.section-portfolio .portfolio-content h3 a:hover,
.section-portfolio .portfolio-content h3 a:focus,
.section-portfolio .portfolio-content h3 a:active {
color:#408ad2;
}
.portfolio-content {
position: absolute;
bottom: 0;
padding: 50px 20px;
text-align: left;
width: 100%;
box-sizing: border-box;
}
.section-portfolio .portfolio-thumb-wrap:after {
content: "";
position: absolute;
height: 100%;
width: 100%;
background: linear-gradient(rgba(16, 16, 16, 0), rgba(0, 0, 0, 0.8));
left: 0;
bottom: 0;
}
.section-portfolio .portfolio-thumb-wrap {
position: relative;
overflow: hidden;
}
.section-portfolio .portfolio-thumb-wrap img {
width: 100%;
}
.section-portfolio.style-two h3 a, .section-portfolio.style-two h3 {
text-align: left;
}
/* Layout Two */
.section-portfolio.style-two .portfolio-content {
background: #fff;
left: 10%;
right: 10%;
padding: 40px;
bottom: -10%;
width: 80%;
visibility: hidden;
transition: position 0.2s ease-in-out 0.2s;
}
.section-portfolio.style-two h3 a,
.section-portfolio.style-two h3,
.section-portfolio.style-two p{
color:#222;
}
#portfolio-section .container {
width: 100%;
}
.section-portfolio.style-two .item-inner-wrapper:hover .portfolio-content {
visibility:visible;
bottom: 10%;
}
.section-portfolio.style-two .portfolio-thumb-wrap:after {
display: none;
}
.section-portfolio.style-two h3, .section-portfolio.style-two h3 a {
font-size: 2.2rem;
margin-bottom: 11px;
}
/*--------------------------------------------------------------
## Music
--------------------------------------------------------------*/
#playlist-section {
overflow: hidden;
}
#playlist-section .wp-playlist-light {
background: none;
color: #fff;
border: none;
}
#playlist-section h2.section-title {
text-align: left;
color: #fff;
}
#playlist-section .section-title-wrap span.divider {
float: left;
}
#playlist-section .section-title-wrap span.divider:after {
left: 0;
}
#playlist-section .wp-playlist-current-item {
overflow: hidden;
margin-bottom: 30px;
height: 60px;
}
#playlist-section .wp-playlist-light .wp-playlist-caption {
color: #fff;
}
#playlist-section .mejs-container,
#playlist-section .mejs-embed,
#playlist-section .mejs-embed body,
#playlist-section .mejs-container .mejs-controls {
background: #408ad2;
border-radius: 25px;
}
#playlist-section .wp-playlist-item-length {
position: absolute;
right: 21px;
top: 10px;
font-size: 14px;
line-height: 1.5;
}
#playlist-section .wp-playlist .mejs-container {
margin: 0;
max-width: 100%;
border-radius: 20px;
}
#playlist-section .mejs-controls .mejs-time-rail .mejs-time-total,
#playlist-section .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
background: rgba(255, 255, 255, 0.84);
}
#playlist-section .wp-playlist-item a {
color: #f7f0f0;
}
#playlist-section .wp-playlist-item {
position: relative;
cursor: pointer;
padding: 10px 20px;
border: none;
margin: 15px 0;
border-radius: 40px;
background: #585454;
}
#playlist-section .wp-playlist .wp-playlist-current-item img {
float: left;
max-width: 60px;
height: auto;
margin-right: 10px;
padding: 0;
border: 0;
background: #fff;
}
#playlist-section .wp-playlist-tracks .wp-playlist-item.wp-playlist-playing,
#playlist-section .wp-playlist-tracks .wp-playlist-item:hover {
background-color: #408ad2;
color: #fff;
}
#playlist-section .wp-playlist-tracks .wp-playlist-item.wp-playlist-playing a,
#playlist-section .wp-playlist-tracks .wp-playlist-item:hover a {
color: #fff;
}
#playlist-section .mejs-button.mejs-playpause-button {
margin: 0 35px;
}
#playlist-section .mejs-controls {
padding-right: 50px;
}
#playlist-section .mejs-time.mejs-currenttime-container {
position: absolute;
right: 8px;
top: -2px;
}
#playlist-section .wp-playlist .mejs-button.mejs-volume-button.mejs-mute>button:before, #playlist-section .wp-playlist .mejs-button.mejs-volume-button.mejs-unmute>button:before, #playlist-section .wp-playlist .mejs-button.mejs-playpause-button.mejs-play>button:before, #playlist-section .wp-playlist .mejs-button.mejs-playpause-button.mejs-pause>button:before, #playlist-section .wp-playlist .wp-playlist-prev:before, #playlist-section .wp-playlist .wp-playlist-next:before {
content: "\f028";
font-family: "Font Awesome 5 Free";
visibility: visible;
display: block;
font-size: 13px;
color: #fefefe;
vertical-align: middle;
font-weight: 900;
}
#playlist-section .wp-playlist .wp-playlist-prev:before {
content: "\f04a";
}
#playlist-section .wp-playlist .wp-playlist-next:before {
content: "\f04e";
}
#playlist-section .wp-playlist .mejs-button.mejs-playpause-button.mejs-pause>button:before {
content: "\f04c";
}
#playlist-section .wp-playlist .mejs-button.mejs-playpause-button.mejs-play>button:before {
content: "\f04b";
}
#playlist-section .wp-playlist-next, #playlist-section .wp-playlist-prev {
position: relative;
margin-top: -30px;
z-index: 9;
margin-left: 83px;
width: 25px;
cursor: pointer;
float: left;
}
#playlist-section .wp-playlist-prev {
margin-left: 20px;
}
#playlist-section .wp-playlist .mejs-controls .mejs-button button {
outline: 0;
z-index: 999;
position: relative;
}
#playlist-section .mejs-button>button {
background: none!important;
}
#playlist-section .mejs-button.mejs-playpause-button {
margin: 0 35px;
z-index: 999!important;
z-index: 99;
}
#playlist-section .mejs-controls .mejs-time-rail .mejs-time-current {
background: #101010;
}
#playlist-section .featured-page-section {
background: #280a5f;
padding: 30px;
box-shadow: 0 0 19px #22222214;
border-radius: 20px;
}
/*--------------------------------------------------------------
## Filture Content
--------------------------------------------------------------*/
.recent-work-filter {
list-style: none;
padding: 0;
margin: 0 0 20px;
text-align: center;
cursor: default;
}
.view-icon{
font-size: 31px;
display: block;
}
.view-icon:hover{
color:#fff;
}
.recent-work-filter button {
color: #332f2f;
margin: 0 0 10px;
display: inline-block;
font-weight: 500;
font-size: 15px;
padding: 7px 14px;
background: inherit;
letter-spacing: 0;
}
.section-recent-work .vmiddle-holder,.vmiddle-holder{
display: table;
height: 100%;
width: 100%;
}
.filter-content-thumb-wrap:after {
content: "";
background: #222;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
display: block;
opacity: 0.2;
}
.section-recent-work .vmiddle,.vmiddle {
display: table-cell;
height: 100%;
text-align: center;
vertical-align: middle;
width: 100%;
}
.recent-work-filter button:hover{
color: #408ad2;
text-decoration: none;
}
.recent-work-filter button.current,
.recent-work-filter button:hover {
color: #408ad2;
cursor: default;
position: relative;
cursor: pointer;
}
.section-filter-content .item-inner-wrapper .filter-content-content {
position: absolute;
width: 80%;
bottom: 10%;
left:10%;
right:10%;
background:#fff;
padding: 0 40px;
text-align: center;
visibility: hidden;
}
.section-filter-content .item-inner-wrapper:hover .filter-content-content {
opacity: 1;
visibility: visible;
}
.section-filter-content .item-inner-wrapper {
position: relative;
overflow: hidden;
}
.filter-content-block-list.row {
margin: 0 -10px;
}
.filter-content-block-list.row .ff-grid-4 {
padding: 10px;
margin: 0;
}
.isotope-item {
z-index:2;
}
.isotope-hidden.isotope-item {
pointer-events:none;
z-index:1;
}
.isotope,
.isotope .isotope-item {
-webkit-transition-duration:.8s;
-moz-transition-duration:.8s;
-ms-transition-duration:.8s;
-o-transition-duration:.8s;
transition-duration:.8s;
}
.isotope {
-webkit-transition-property:height, width;
-moz-transition-property:height, width;
-ms-transition-property:height, width;
-o-transition-property:height, width;
transition-property:height, width;
}
.isotope .isotope-item {
-webkit-transition-property:0 opacity;
-moz-transition-property:0 opacity;
-ms-transition-property:0 opacity;
-o-transition-property:0 opacity;
transition-property:transform, opacity;
}
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
-webkit-transition-duration:0;
-moz-transition-duration:0;
-ms-transition-duration:0;
-o-transition-duration:0;
transition-duration:0;
}
/* Swiper-carousel-enabled */
.section-portfolio .swiper-carousel-enabled .portfolio-item {
padding: 0;
}
.swiper-carousel-enabled .swiper-container {
width: 100%;
height: 100%;
}
.swiper-carousel-enabled .swiper-pagination {
position: inherit;
clear: both;
margin-top: 30px;
}
.swiper-carousel-enabled .swiper-pagination-bullet {
width: 12px;
height: 12px;
background: #b3b0b0;
opacity: 1;
box-shadow: 0 0 8px #00000017 inset;
}
.swiper-carousel-enabled .swiper-pagination-bullet-active,
.swiper-carousel-enabled .swiper-pagination-bullet:hover,
.swiper-carousel-enabled .swiper-pagination-bullet:focus,
.swiper-carousel-enabled .swiper-pagination-bullet:active {
background: #408ad2;
}
.swiper-carousel-enabled .swiper-button-prev,
.swiper-carousel-enabled .swiper-button-next {
top:35%;
}
.swiper-carousel-enabled .swiper-button-next,
.swiper-carousel-enabled .swiper-button-prev,
.swiper-carousel-enabled .swiper-button-next:visited,
.swiper-carousel-enabled .swiper-button-prev:visited{
outline: none;
background:-moz-linear-gradient(0deg, #428cd4 0%, #004e9a 100%);
background:-webkit-linear-gradient(0deg, #428cd4 0%, #004e9a 100%);
background:-ms-linear-gradient(0deg, #428cd4 0%, #004e9a 100%);
}
.swiper-carousel-enabled .swiper-button-next:hover,
.swiper-carousel-enabled .swiper-button-prev:hover,
.swiper-carousel-enabled .swiper-button-next:focus,
.swiper-carousel-enabled .swiper-button-prev:focus,
.swiper-carousel-enabled .swiper-button-next:active,
.swiper-carousel-enabled .swiper-button-prev:active {
outline: none;
background: #fff;
color: #222;
}
.section-latest-posts.recent-news-section .swiper-carousel-enabled {
padding: 0;
}
.swiper-carousel-enabled {
position: relative;
overflow: hidden;
padding: 15px;
}
.swiper-carousel-enabled .inner-block-shadow {
-webkit-box-shadow: 0px 0px 13px 0px rgba(122, 122, 122, 0.07);
-moz-box-shadow: 0px 0px 13px 0px rgba(122, 122, 122, 0.07);
-ms-box-shadow: 0px 0px 13px 0px rgba(122, 122, 122, 0.07);
-o-box-shadow: 0px 0px 13px 0px rgba(122, 122, 122, 0.07);
box-shadow: 0px 0px 13px 0px rgba(122, 122, 122, 0.07);
}
.swiper-carousel-enabled .inner-block-shadow {
-webkit-box-shadow: 0px 0px 13px 0px rgba(122, 122, 122, 0.07);
-moz-box-shadow: 0px 0px 13px 0px rgba(122, 122, 122, 0.07);
-ms-box-shadow: 0px 0px 13px 0px rgba(122, 122, 122, 0.07);
-o-box-shadow: 0px 0px 13px 0px rgba(122, 122, 122, 0.07);
box-shadow: 0px 0px 13px 0px rgba(122, 122, 122, 0.07);
}
.swiper-carousel-enabled .swiper-button-next, .swiper-carousel-enabled .swiper-button-prev {
z-index: 99;
background: #0000007d;
padding: 25px;
border-radius: 100%;
cursor: pointer;
visibility: hidden;
transition: all 0.2s ease-in-out 0s;
color: #fff;
}
.swiper-carousel-enabled .swiper-button-prev {
left: -70px;
right: auto;
}
.swiper-carousel-enabled .swiper-button-next {
right: -70px;
left: auto;
}
.swiper-carousel-enabled:hover .swiper-button-prev {
left:5%;
visibility: visible;
}
.swiper-carousel-enabled:hover .swiper-button-next {
right:5%;
visibility: visible;
}
.swiper-carousel-enabled .swiper-button-next:after,
.swiper-carousel-enabled .swiper-button-prev:after {
font-size: 20px;
}
/*--------------------------------------------------------------
## Ecommerce
--------------------------------------------------------------*/
.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current {
background: #141b27;
color: #ffffff;
}
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {
padding: 20px;
}
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {
padding: 10px 15px;
}
.woocommerce .woocommerce-pagination ul.page-numbers li, .woocommerce-page .woocommerce-pagination ul.page-numbers li {
margin: 5px;
background: #f1f1f1;
border: none;
}
.woocommerce nav.woocommerce-pagination ul {
border: none;
}
.woocommerce .woocommerce-ordering {
margin: -30px 0 3em;
}
.woocommerce ul.products, .woocommerce-page ul.products {
clear: both;
width: 100%;
}
.woocommerce ul.products li.product .star-rating {
display: block;
text-align: center;
margin: 0 auto 15px;
}
.woocommerce.layout-no-sidebar-full-width .columns-3 ul.products li.product, .layout-no-sidebar-full-width.woocommerce-page .columns-3 ul.products li.product {
padding: 0 0 40px 0;
background: #fbfbfb;
}
.woocommerce .widget_price_filter .price_slider_amount .button {
font-size: 1.15em;
float: left;
margin: 0;
min-width: inherit;
padding: 6px 15px;
font-size: 14px;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
padding: 20px;
text-align: center;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
padding: 0 0 30px 0;
text-align: center;
background: #fbfbfb;
}
.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
font-size: 2rem;
font-weight: 600;
padding-left: 20px;
padding-right: 20px;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle,
.woocommerce .widget_price_filter .ui-slider .ui-slider-range
{
background:#408ad2;
}
.woocommerce ul.products li.product .price {
color: #060605;
font-size: 1.6rem;
}
.woocommerce .quantity .qty {
padding: 6px;
margin-top: 10px;
margin-right: 5px;
}
.woocommerce div.product p.price,
.woocommerce div.product span.price {
color: #000000;
}
.woocommerce-info, .woocommerce-noreviews,
p.no-comments {
background-color: inherit;
}
.woocommerce #reviews #respond {
padding: 40px;
}
.woocommerce #reviews #comment {
height: auto;
}
section.related.products h2 {
margin-bottom: 40px;
}
p.product.woocommerce.add_to_cart_inline {
border: none!important;
padding: 0!important;
display: block;
}
/*--------------------------------------------------------------
## Key Feature
--------------------------------------------------------------*/
/*Key features*/
.key-features-section a.key-features-icon {
font-size: 25px;
float: left;
margin-right: 30px;
line-height: 1.7;
width: 80px;
height: 80px;
box-shadow: 0 0 24px #dddddd78;
border-radius: 100%;
text-align: center;
padding: 16px;
background: #fff;
color: #141415;
}
.key-features-section .key-features-block-inner-content {
display: table;
}
.icon-right .key-features-block-inner-content {
text-align: right;
}
.key-features-section .key-features-block-inner {
margin: 20px 0;
}
.key-features-section .icon-right a.key-features-icon {
float: right;
margin: 0 0 0 30px;
}
.key-features-section .icon-right {
text-align: right;
}
.feature-thumb {
text-align: center;
}
#key-features-section a.more-link,
#key-features-section a.more-link:visited {
background: none;
padding-left: 0;
padding-top: 0;
padding-bottom: 0;
}
#key-features-section .more-link:before {
background: no-repeat;
margin: 0;
padding: 0;
height: auto;
width: auto;
top: 0;
right: 31px;
}
#key-features-section.style-two a.more-link:before {
display: none;
}
#key-features-section.style-two a.more-link {
padding: 0;
display: block;
}
#key-features-section a.more-link:hover,
#key-features-section a.more-link:focus,
#key-features-section a.more-link:active {
background: inherit;
color:#222;
}
#key-features-section.style-one .more-link:before,
#key-features-section.style-one a.more-link,
#key-features-section.style-one a.more-link:visited{
color: #fff;
}
#key-features-section.style-one {
position: relative;
}
.style-one .key-features-wrapper-style-one {
background: -moz-linear-gradient(0deg, #428cd4 0%, #004e9a 100%);
background: -webkit-linear-gradient(0deg, #428cd4 0%, #004e9a 100%);
background: -ms-linear-gradient(0deg, #428cd4 0%, #004e9a 100%);
max-width: 95%;
margin: 0 auto;
}
.style-one .key-feature-item-wrraper {
padding: 30px 50px 0;
}
.style-one .key-feature-item-wrraper p,
.style-one .key-feature-item-wrraper h3,
.style-one .key-feature-item-wrraper h3 a {
color:#fff;
}
.style-one h3.key-features-item-title {
margin-bottom: 10px;
}
.style-one.key-features-section a.key-features-icon {
margin-left: -95px;
margin-right: 0;
}
.style-one.key-features-section .key-features-block-inner-content {
margin-left: 20px;
}
/*--------------------------------------------------------------
18.10. Counter
--------------------------------------------------------------*/
.counter-section .counter-icon {
font-size: 35px;
color: #113e6b;
background: #f0f4f9;
width: 90px;
height: 90px;
display: inline-block;
margin-bottom: 15px;
padding: 20px 0;
border-radius: 100%;
position: relative;
}
.counter-section .counter-title {
font-size: 16px;
font-weight: 400;
}
.counter-section .counter-icon:before {
content: "\f00c";
display: block;
position: absolute;
background: -moz-linear-gradient(0deg, #428cd4 0%, #004e9a 100%);
background: -webkit-linear-gradient(0deg, #428cd4 0%, #004e9a 100%);
background: -ms-linear-gradient(0deg, #428cd4 0%, #004e9a 100%);
font-family: fontAwesome;
font-size: 12px;
color: #fff;
width: 30px;
height: 30px;
padding: 4px;
border-radius: 21px;
right: 16px;
top: -5px;
}
.counter-section .thumb-summary-wrap {
text-align: center;
padding: 30px;
}
.counter-section .counter-content {
float: left;
}
.counter-section .counter-nos {
font-size: 4rem;
font-weight: 900;
line-height: 1;
display: block;
margin-bottom: 10px;
color: #222f5a;
}
.counterup-2 .thumb-summary-wrap {
background: #fff;
overflow: hidden;
padding: 30px 30px 15px;
}
.counter-up-page h3 {
font-size: 4rem;
font-weight: bold;
line-height: 1.4;
color:#fff;
}
.counter-up-page {
padding: 95px 50px;
background: #222f5a;
margin-top: 20px;
text-align: center;
color: #fff;
}
/*--------------------------------------------------------------
News And Events
--------------------------------------------------------------*/
#news-events-section .event-thumb {
max-width: 35%;
margin-right: 0;
overflow: hidden;
float: left;
border-radius: 10px;
}
#news-events-section .event-post {
padding: 0 0 20px 0;
clear: both;
display: block;
float: left;
width: 100%;
}
#news-events-section .event-content .entry-meta {
margin-bottom: 5px;
}
#news-events-section .event-content h4 {
margin-bottom: 5px;
}
#news-events-section .event-content {
float: left;
width: 65%;
padding-left: 25px;
}
#news-events-section .latest-posts-item{
margin: 0;
}
#news-events-section .section-title-wrap {
text-align: left;
}
#news-events-section .section-title-wrap span.divider {
margin: 0 0 25px;
}
#news-events-section .section-title-wrap span.divider:after {
left: 0;
}
/*--------------------------------------------------------------
18.7. Plan
--------------------------------------------------------------*/
.pricing-section .pricing-plan-item {
text-align: center;
}
.pricing-section .pricing-plan-price {
display: block;
font-size: 50px;
line-height: 1;
font-weight: bold;
}
.pricing-section .pricing-plan-header {
padding: 25px 30px;
position: relative;
border-bottom: 1px dashed #a29a9b;
}
.pricing-section .plan-inner {
background: #fff;
overflow: hidden;
}
.pricing-section .pricing-plan-content {
padding: 50px 30px 30px;
}
.pricing-section .pricing-plan-footer {
padding: 0 30px 40px;
}
.pricing-section .pricing-plan-item {
color:#000;
}
.pricing-section .pricing-plan-feature {
display: block;
font-size: 16px;
margin-bottom: 10px;
}
.pricing-section .pricing-plan-item.recommended .plan-inner {
box-shadow: 1px 4px 20px -2px rgba(0,0,0,0.2);
}
.pricing-section .pricing-plan-item.recommended .pricing-plan-header {
background: #408ad2;
color: #fff;
border: none;
}
.pricing-section .pricing-plan-item.recommended .pricing-plan-header h3 {
color:#fff;
}
.pricing-section .pricing-plan-recommended .pricing-plan-title h4 {
color: #fff;
}
.pricing-section .pricing-plan-item.recommended h4 {
color: #fff;
}
/*--------------------------------------------------------------
18.4. Featured Page
--------------------------------------------------------------*/
.featured-page-thumb {
position: relative;
z-index: 9;
}
.section-featured-grid .featured-grid-thumb img {
margin: 0;
vertical-align: middle;
}
.section-featured-grid .featured-grid-thumb {
overflow: hidden;
position: relative;
}
.section-featured-grid .featured-grid-thumb .custom-button {
position: absolute;
top: 0%;
z-index: 9;
left: 50%;
margin-left: -70px;
opacity: 0;
}
.section-featured-grid .featured-grid-wrapper:hover .featured-grid-thumb .custom-button {
opacity: 1;
top:35%;
}
.section-featured-grid .featured-grid-thumb .custom-button::after,
.section-featured-grid .featured-grid-thumb .custom-button::before {
display: none;
}
.section-featured-grid .featured-grid-thumb img {
width: 100%;
}
.section-featured-grid .featured-grid-text-content {
background: #ffffff;
overflow: hidden;
padding: 35px 40px 35px;
position: relative;
margin: -30px 20px 0;
}
.section-featured-grid .featured-grid-text-wrap {
padding: 20px 0 0;
}
.video-container {
position: relative;
text-align: center;
}
.video-container a.media-zoom-icon {
position: absolute;
right: 40%;
top: 38%;
}
h3.thumb-title {
position: absolute;
background: #408ad2;
bottom: 15%;
left: 35px;
padding: 15px 30px;
max-width: 56%;
color: #fff;
text-align: left;
border-radius: 5px;
}
/*Grid Layour 2*/
.section-featured-grid.style-two .featured-grid-text-content {
padding: 11px;
}
.section-featured-grid.style-two .featured-grid-text-content {
position: absolute;
bottom: 6%;
z-index: 9;
left: 5%;
right: 5%;
background: #2b2627b5;
border-radius: 0;
}
.section-featured-grid.style-two h3.featured-grid-title {
font-size: 19px;
margin: 0;
}
.section-featured-grid.style-two .featured-grid-section p,
.section-featured-grid.style-two .featured-grid-section,
.section-featured-grid.style-two .featured-grid-section a {
color: #fff;
}
.section-featured-grid.style-two .featured-grid-text-content:after {
content: "";
display: block;
position: absolute;
bottom: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.section-featured-grid.style-two .featured-grid-wrapper {
position: relative;
}
.section-featured-grid.style-two .featured-grid-wrapper {
overflow: hidden;
}
.section-featured-grid.style-two .featured-grid-text-content {
padding: 20px;
}
.section-featured-grid.style-two .featured-grid-summary {
display: none;
}
/*--------------------------------------------------------------
## Custom Block Style
--------------------------------------------------------------*/
[class^="wp-block-"]:not(.wp-block-gallery) figcaption {
font-style: italic;
margin-bottom: 1.5em;
text-align: left;
}
hr.wp-block-separator {
background: none;
border-bottom-width: 1px;
}
.wp-block-gallery {
margin: 0;
margin-bottom: 15px;
}
.wp-block-gallery.alignleft,
.wp-block-gallery.alignnone,
.wp-block-gallery.aligncenter,
.wp-block-gallery.alignright {
display: flex;
}
.wp-block-gallery figcaption {
font-style: italic;
}
p.has-drop-cap:not(:focus)::first-letter {
font-size: 5em;
margin-top: 0.075em;
}
.wp-block-image {
margin-bottom: 1.5em;
}
.wp-block-image figure {
margin-bottom: 0;
margin-top: 0;
}
.wp-block-image figure.alignleft {
margin-right: 1.5em;
}
.wp-block-image figure.alignright {
margin-left: 1.5em;
}
.wp-block-audio audio {
display: block;
width: 100%;
}
.wp-block-cover-image.alignright,
.wp-block-cover.alignright,
.wp-block-cover-image.alignleft,
.wp-block-cover.alignleft,
.wp-block-cover-image.aligncenter,
.wp-block-cover.aligncenter {
display: flex;
}
.wp-block-pullquote blockquote {
margin: 0;
}
.wp-block-quote:not(.is-large):not(.is-style-large),
blockquote {
border-left: 5px solid #179bd7;
}
.wp-block-pullquote.is-style-solid-color blockquote {
border: none;
background: #179bd7;
padding: 30px;
color: #fff;
}
.wp-block-pullquote.is-style-solid-color blockquote p {
color: #fff;
}
blockquote:before {
display: none;
}
blockquote {
margin: 0 0 15px 0;
position: relative;
padding-left: 20px;
}
.entry-content ul.wp-block-gallery {
margin-left: 0;
padding-left: 0;
}
.entry-content ul,.entry-content ol {
padding-left: 20px;
margin-left: 0;
}
.entry-content .blocks-gallery-grid, .entry-content .wp-block-gallery {
padding:0;
}
.wp-block-pullquote.is-style-solid-color blockquote cite {
text-transform: none;
font-style: normal;
font-size: 18px;
color: #000;
}
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
clear: both;
}
/*===========================================================
Style End
=============================================================*/
/*--------------------------------------------------------------
Media Queries
--------------------------------------------------------------*/
/* ===========================================
Smaller than standard 1230(devices and browsers)
=========================================== */
@media only screen and (max-width:1230px) {
.container {
max-width: 97%;
}
}
/* Smaller standard 1024 (devices and browsers) */
@media only screen and (max-width:1024px) {
}
/* Smaller than standard 1024 (devices and browsers) */
@media only screen and (max-width:1023px) {
.ff-grid-3,
.ff-grid-4 {
width: 50%;
}
/* grid clearing */
.ff-grid-4:nth-child(3n+1),
.ff-grid-3:nth-child(4n+1) {
clear: inherit;
}
/* grid clearing */
.ff-grid-4:nth-child(2n+1),
.ff-grid-3:nth-child(2n+1),
.ff-grid-6:nth-child(2n+1) {
clear: both;
}
.ff-grid-7,
.ff-grid-7 + .ff-grid-5,
.ff-grid-5 + .ff-grid-7
.ff-grid-8,
.ff-grid-8 + .ff-grid-4,
.ff-grid-4 + .ff-grid-8,
.ff-grid-9,
.ff-grid-9 + .ff-grid-3,
.ff-grid-3 + .ff-grid-9,
.ff-grid-10,
.ff-grid-10 + .ff-grid-2,
.ff-grid-2 + .ff-grid-10,
.ff-grid-11,
.ff-grid-11 + .ff-grid-1,
.ff-grid-1 + .ff-grid-11 {
width: 100%;
margin-top: 10px;
margin-bottom: 10px;
}
.sidebar,
#primary {
width: 100%;
}
#slider-section .slider-content-wrapper .container {
max-width: 80%;
}
.layout-no-sidebar-content-width #primary {
width: 90%;
}
.hentry {
margin: 0 0 30px;
}
}
/* ===========================================
Smaller than standard 900 (devices and browsers)
===========================================*/
@media only screen and (max-width:909px) {
.header-three .nav-inner-wrapper,
.header-four .nav-inner-wrapper {
position: relative;
}
.header-three .nav-inner-wrapper.nav-color-bg .main-navigation ul li a,
.header-four .nav-inner-wrapper.nav-color-bg .main-navigation ul li a:visited ,
.header-three .nav-inner-wrapper.nav-color-bg .main-navigation ul li a,
.header-four .nav-inner-wrapper.nav-color-bg .main-navigation ul li a:visited {
color: #080808;
}
.header-three .site-primary-menu,
.header-four .site-primary-menu {
max-width: 90%;
left: 5%;
top: 51px;
}
.header-seven .site-title a,
.header-seven .site-title a:visited,
.header-seven p.site-description {
color: #222;
}
.overlap-header, .overlap-header #masthead.sticky-enabled.sticky-header {
position: inherit;
top: 0;
z-index: inherit;
width: 100%;
clear: both;
background: none;
}
.overlap-header .main-navigation ul li a,
.overlap-header #search-toggle,
.overlap-header .cart-contents a,
.overlap-header .cart-contents a:visited,
.overlap-header .site-title a,
.overlap-header p.site-description,
.overlap-header .site-title a, .overlap-header .site-title a:visited {
color: #222;
}
#masthead.overlap-header.sticky-enabled.sticky-header {
background: none;
}
.site-header-main > .container {
padding: 0;
}
#top-social .social-nav li {
padding-left: 0;
}
#site-top-header-mobile-container a.ff-button.header-button {
margin: 10px 0 0;
padding: 5px 20px;
}
#quick-contact {
width: 100%;
}
.right-head a.ff-button.header-button {
float: right;
}
.right-head a.ff-button.header-button {
display: none;
}
.head-search-cart-wrap.pull-left {
float: right;
}
#search-container {
bottom: -98px;
}
.nav-inner-wrapper .social-nav {
margin-top: 0;
}
.header-three .menu-toggle,
.header-four .menu-toggle {
margin-top: 3px;
}
.nav-inner-wrapper #search-toggle {
margin-top: 5px;
margin-left: 5px;
}
#site-top-header-mobile-container .mobile-search {
margin: 15px 0;
}
#quick-contact li {
display: block;
border-bottom: 1px solid #f1f1f1;
width: 100%;
float: none;
}
.site-top-header-mobile {
display: block;
margin: 0 auto;
position: relative;
padding: 3px 0;
background: #f7f6f6;
}
#site-top-header-mobile-container {
display: none;
position: absolute;
background: #fff;
left: 5%;
z-index: 999;
padding: 20px;
box-shadow: 0 0 37px #00000029;
top: 44px;
right: 5%;
}
.site-top-header,
.mobile-off {
display: none;
}
#quick-contact.layout-two li:before {
left: 10px;
}
#quick-contact.layout-two li {
position: relative;
padding: 10px 20px 10px 60px;
float: left;
border-bottom: 1px solid #ddd;
width: 100%;
}
#header-top-toggle {
margin: 0 auto;
float: none;
display: block;
background: none;
padding: 5px 15px;
color: #222;
font-size: 13px;
}
#header-top-toggle:focus, #header-top-toggle:active {
background: #222;
color: #fff;
}
#header-top-toggle i {
margin-right: 10px;
}
#primary-menu-toggle i {
margin-right: 5px;
}
#slider-section.section .swiper-pagination {
bottom: 15px;
left: 0;
}
#slider-section h2 {
font-size: 5rem;
margin-bottom: 5px;
}
#slider-section .swiper-slide p {
font-size: 17px;
margin: 0;
}
#slider-section .slider-content {
margin-bottom: 15px;
}
#slider-section .slider-content-wrapper {
bottom: 25%;
}
#slider-section:hover .swiper-button-prev,
#slider-section .swiper-button-prev {
left: 10px;
visibility: visible;
}
#slider-section:hover .swiper-button-next,
#slider-section .swiper-button-next {
right: 10px;
visibility: visible;
}
#slider-section .swiper-button-next:after,
#slider-section .swiper-button-prev:after {
font-size: 17px;
}
#slider-section .swiper-button-next,
#slider-section .swiper-button-prev {
padding: 22px 22px;
}
#masthead.sticky-enabled.sticky-header,
.sticky-enabled.sticky-header,
#masthead ,.overlap-header #masthead.sticky-enabled.sticky-header{
position: relative;
padding: 15px 0;
transition: inherit;
animation: inherit;
box-shadow: none;
z-index: inherit;
}
.blog.grid article.hentry,
.archive.grid article.hentry {
width: 100%;
}
.layout-left-sidebar.blog.grid article.hentry,
.layout-right-sidebar.blog.grid article.hentry,
.layout-left-sidebar.archive.grid article.hentry,
.layout-right-sidebar.archive.grid article.hentry {
width: 100%;
}
.blog.grid .archive-posts-wrapper, .archive.grid .archive-posts-wrapper {
margin: 0;
}
#top-header .social-nav li a {
margin-bottom: 0;
}
#top-social .social-nav li {
padding-left: 0;
margin-right: 0;
margin-left: 0;
}
#top-header .social-nav li a:hover:before {
color: #fff!important;
}
.header-seven .right-head {
max-width: 100%;
}
.section-portfolio.style-two .ff-grid-12 .portfolio-thumb-wrap {
float: left;
width: 100%;
}
.section-portfolio.style-two .ff-grid-12.even-item .portfolio-content, .section-portfolio.style-two .ff-grid-12.odd-item .portfolio-content {
padding: 20px;
position: inherit;
left: 0;
width: 100%;
height: 100%;
clear: both;
}
.section-portfolio.style-two .portfolio-main-wrapper .ff-grid-12 h3 a {
font-size: 2.5rem;
text-align: left;
}
.main-header-one .ff-grid-2, .main-header-one .ff-grid-8 {
width: 100%;
margin: 0;
}
.main-header-one .main-header-bottom.clear-fix:after, .main-header-one .main-header-bottom.clear-fix:before {
display: none;
}
.main-header-one .main-header-bottom.clear-fix {
margin: 0;
padding: 0;
position: inherit;
}
.main-header-wrapper.ff-grid-8.no-margin {
width: auto;
float: right;
}
.ff-grid-2.site-logo.no-margin {
float: left;
width: auto;
}
.main-header-one .site-branding, .main-header-one .contact-wrapper {
padding: 0;
}
.header-three .site-branding,
.header-four .site-branding {
float: none;
text-align: center;
}
.header-five .head-search-cart-wrap {
margin-top: 7px;
}
.header-three #primary-menu-toggle {
margin: 0 auto;
text-align: left;
}
.header-three #site-primary-navigation {
text-align: left;
}
}
/* ===========================================
Smaller than standard 768 (devices and browsers)
==============================================*/
@media only screen and (max-width:767px) {
.ff-grid-3,
.ff-grid-4,
.ff-grid-5,
.ff-grid-6,
.ff-grid-7,
.ff-grid-8,
.ff-grid-9,
.ff-grid-10,
.ff-grid-11,
.ff-grid-12 {
width: 100%;
margin: 15px 0;
padding-left: 15px;
padding-right: 15px;
}
.site-branding, .custom-logo-link, .site-identity {
float: none;
width: 100%;
text-align: center;
display: block;
margin: 0 0 10px 0;
padding: 0;
}
.right-head {
float: left;
clear: both;
width: 100%;
position: relative;
}
.right-head a.ff-button.header-button {
margin: 9px 0 0 10px!important;
padding: 5px 20px;
margin-top: 4px;
}
#quick-contact a, #quick-contact a:visited,
#quick-contact, #quick-contact li {
display: inline-block;
color: #191717;
}
#search-container {
width: 100%;
z-index: 9999;
right: 0;
}
.header-search {
position: initial;
}
#search-container:after {
display: none;
}
#slider-section .slider-content {
margin-bottom: 10px;
}
#slider-section .slider-content-wrapper {
bottom: 20%;
}
a.ff-button,
a.ff-button:visited,
button, a.button,
input[type="button"],
input[type="reset"],
input[type="submit"],
#slider-section .slider-buttons .ff-button {
padding: 8px 22px;
min-width:inherit;
margin-top: 5px;
}
.section,#promotional-headline-section {
padding: 50px 0;
clear: both;
}
#colophon .footer-widget-area .widget-column {
width: 100%;
}
#content {
padding: 50px 0;
}
#slider-section .swiper-slide .slider-subtitle {
letter-spacing: 0;
font-size: 15px;
margin-bottom: 0;
}
.section .section-title {
position: relative;
font-size: 3.5rem;
}
.portfolio-content {
padding: 20px;
}
.section-testimonial .testimonial-thumb {
margin-left: 0;
max-width: 100%;
}
.section-testimonial .testimonial-item img {
border-radius: 100%;
max-width: 100px;
margin: 0 auto;
float: none;
}
.section-testimonial .testimonial-summary {
max-width: 100%;
padding: 20px;
float: none;
text-align: center;
}
.section-testimonial .clinet-info h4 {
margin-bottom: 4px;
font-size: 14px;
}
.section-testimonial .testimonial-thumb {
margin-left: 0;
float: none;
}
.client-info-wrap {
float: left;
max-width: 63%;
}
#custom-header,.header-one #custom-header, .header-five #custom-header {
padding: 65px 0;
}
.dropdown-toggle {
height: 38px;
}
.style-two .section-latest-posts .ff-grid-12 .latest-posts-thumb {
max-width: 100%;
}
.style-two .ff-grid-12 .latest-posts-text-content-wrapper {
width: 100%;
}
.style-two .ff-grid-12 .section-latest-posts .latest-posts-title {
margin-bottom: 10px;
font-size: 2.3rem;
}
.style-two .ff-grid-12 .latest-posts-wrapper.inner-block-shadow {
background: #fff;
overflow: hidden;
max-width: 100%;
margin: 0 auto;
}
.style-two .section-latest-posts .ff-grid-12 .latest-posts-text-content {
padding: 40px;
}
.associate-logo-item {
text-align: center;
width: 50%;
}
.slider-buttons .ff-button {
padding: 10px 30px;
min-width: inherit;
}
}
/* ===========================================
Smaller than standard 639 (devices and browsers)
==============================================*/
@media only screen and (max-width:639px) {
#slider-section:hover .swiper-button-prev,
#slider-section .swiper-button-prev {
left: 5px;
}
#promotional-headline-section h2 {
font-size: 3rem;
}
#slider-section.style-two .swiper-slide h2 {
display: inline-block;
border: 1px solid;
padding: 5px 10px;
margin-bottom: 5px;
margin-top: 0;
font-size: 20px;
}
.nav-inner-wrapper.nav-black-bg .main-navigation ul li a, .nav-inner-wrapper.nav-black-bg .main-navigation ul li a:visited {
color: #060606;
}
.mc4wp-form-fields input[type="submit"] {
width: 100%;
padding: 10px;
}
#slider-section.style-two .slider-content-wrapper {
bottom: 15%;
}
#slider-section:hover .swiper-button-next,
#slider-section .swiper-button-next {
right: 5px;
}
a.ff-button:before {
display: none;
}
a.ff-button, a.ff-button:visited, button, a.button, input[type="button"], input[type="reset"], input[type="submit"], #slider-section .slider-buttons .ff-button {
padding: 5px 19px;
font-size: 14px;
letter-spacing: 0;
}
#slider-section .swiper-slide p {
font-size: 14px;
margin: 0;
}
#slider-section .slider-content {
margin-bottom: 0;
}
#slider-section h2 {
font-size: 3rem;
margin-bottom: 5px;
}
#slider-section .slider-content-wrapper {
bottom: 8%;
}
#slider-section .swiper-button-next, #slider-section .swiper-button-prev {
padding: 15px;
height: auto;
}
#slider-section .swiper-button-next:after, #slider-section .swiper-button-prev:after {
font-size: 13px;
line-height: 0;
height: auto;
display: block;
}
#slider-section.section .swiper-pagination {
display: none;
}
body, button, input, select, optgroup, textarea {
font-size: 15px;
}
.section-wwd .wwd-block-inner, .section-teams .team-text-wrap, .section-testimonial .testimonial-summary, .section-latest-posts .latest-posts-text-content {
padding: 20px;
}
#slider-section a.more-link, #slider-section a.more-link:visited {
display: table;
background: #408ad2;
color: #fff;
padding: 10px 20px;
margin-top: 15px;
clear: both;
font-size: 14px;
letter-spacing: 0.6px;
max-width: inherit;
margin: 15px auto 0;
}
#slider-section .type-post .slider-content-wrapper {
bottom: 0;
position: inherit;
padding: 35px 0;
width: 100%;
z-index: 999;
clear: both;
float: left;
background: #222;
}
#slider-section.overlay-enabled article.type-post:before {
display: none;
}
.site-info.two #footer-left-content {
float: none;
}
.site-info.two #footer-right-content {
float: none;
}
}
/* ===========================================
Smaller than standard 479 (devices and browsers)
==============================================*/
@media only screen and (max-width:479px) {
#slider-section .custom-type .slider-content {
display: none;
}
#slider-section .slider-content-wrapper {
bottom: 20%;
}
.slider-buttons .ff-button {
margin: 5px;
}
.slider-buttons {
margin: 0 -5px;
}
}
/* ==========================================================================
Partial Refresh Editors
========================================================================== */
body.customize-partial-edit-shortcuts-shown .section .customize-partial-edit-shortcut {
margin-left: 60px;
}