Server : Apache System : Linux server2.corals.io 4.18.0-348.2.1.el8_5.x86_64 #1 SMP Mon Nov 15 09:17:08 EST 2021 x86_64 User : corals ( 1002) PHP Version : 7.4.33 Disable Function : exec,passthru,shell_exec,system Directory : /home/corals/walla3t.corals.io/wp-content/themes/apper/assets/css/ |
@charset "UTF-8";
/*------------------------------------*
MAIN
*------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}
html {
font-size: 62.5%;
overflow-y: scroll;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
*, *:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
article, aside, details, figcaption, figure, footer, header, main, nav, section {
display: block;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
caption, th, td {
font-weight: normal;
text-align: left;
}
blockquote:before, blockquote:after, q:before, q:after {
content: '';
content: none;
}
blockquote, q {
quotes: none;
}
a:focus {
outline: none;
}
a:hover, a:active {
outline: 0;
}
a img {
border: 0;
}
img {
max-width: 100%;
height: auto;
}
select {
max-width: 100%;
}
em {
font-style: italic;
}
* html {
font-size: 87.5%;
}
html,body {
-ms-overflow-x: hidden;
overflow-x: hidden;
}
body {
background-color: #f6f4fe;
font-family: "poppins", sans-serif;
font-size: 16px;
line-height: 1.8;
color: #3e3f66;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
overflow-wrap: break-word;
word-wrap: break-word;
}
body img,
body figure,
body .entry-content img,
body .elementor img {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
border-radius: 10px;
}
.mejs-container {
margin-bottom: 20px;
}
/**
* Grid > Main Classes.
*/
body .acmthemes-row {
margin: 0 -10px;
}
body .acmthemes-row .col {
float: left;
margin: 0 0 20px;
padding: 0 10px;
}
body .acmthemes-row .span_1_of_1 {
float: none;
width: 100%;
}
body .acmthemes-row .span_1_of_2 {
width: 50%;
}
body .acmthemes-row .span_1_of_3 {
width: 33.33%;
}
body .acmthemes-row .span_1_of_4 {
width: 25%;
}
body .acmthemes-row .span_1_of_5 {
width: 20%;
}
body .acmthemes-row .span_1_of_6 {
width: 16.66666667%;
}
body .acmthemes-row .span_1_of_7 {
width: 14.28%;
}
body .acmthemes-row .span_1_of_8 {
width: 12.5%;
}
body .acmthemes-row .span_1_of_9 {
width: 11.11%;
}
body .acmthemes-row .span_1_of_10 {
width: 10%;
}
/**
* Grid > Clear Floats.
*/
.count-1,
.col-1,
.col.first {
clear: both;
margin-left: 0;
}
.isotope-entry {
clear: none;
}
/**
* No margin or padding class.
*/
.no-margin {
margin: 0 !important;
}
.no-padding {
padding: 0 !important;
}
/**
* Responsive Videos.
*/
.responsive-video-wrap iframe, .responsive-video-wrap object, .responsive-video-wrap embed,
.responsive-audio-wrap iframe,
.responsive-audio-wrap object,
.responsive-audio-wrap embed {
display: block;
}
.wp-video-shortcode {
max-width: 100% !important;
}
.responsive-video-wrap p {
margin: 0;
}
/**
* Modal
*/
.fade:not(.show) {
opacity: 0;
transition: opacity .15s linear;
}
.modal {
position: fixed;
top: 0;
left: 0;
z-index: 1050;
display: none;
width: 100%;
height: 100%;
overflow: hidden;
outline: 0;
z-index: 999999;
}
/**
* FontAwesome
*/
.fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome !important;
}
/**
* Search form shortcode
*/
footers-searchform {
display: inline-block;
position: relative;
height: 35px;
}
form.acmthemes-searchform input {
margin: 0;
padding: 0 40px 0 15px;
height: 100%;
min-height: 100%;
}
form.acmthemes-searchform button {
display: block;
position: absolute;
top: 50%;
right: 0;
min-width: 40px;
height: 60%;
height: 100%;
font-size: 12px;
font-weight: 600;
background-color: transparent !important;
margin: 0;
padding: 0;
border: 0;
text-align: center;
line-height: 1;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
/**
* Selection Color.
*/
::selection {
color: #fff;
background: #333;
text-shadow: none;
}
::-moz-selection {
color: #fff;
background: #333;
text-shadow: none;
}
/*------------------------------------*
Tablet Portrait
*------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
/* turn 4 column masonry grids into 2 columns */
body .acmthemes-row .span_1_of_4.col-3.col,
body .acmthemes-row .span_1_of_4.col.product:nth-child(2n+3) {
margin-left: 0;
clear: both;
}
body .acmthemes-row .span_1_of_4.col,
body .acmthemes-isotope-grid .span_1_of_4.col {
width: 50%;
}
}
/*------------------------------------*
Phone Landscape
*------------------------------------*/
@media only screen and (max-width: 480px) {
.col {
width: 100%;
margin-left: 0;
margin-right: 0;
margin-bottom: 30px;
}
}
/*------------------------------------*
$NORMALIZE
*------------------------------------*/
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
* 1. Set default font family to sans-serif.
* 2. Prevent iOS and IE text size adjust after device orientation change,
* without disabling user zoom.
*/
html {
font-family: sans-serif;
/* 1 */
-ms-text-size-adjust: 100%;
/* 2 */
-webkit-text-size-adjust: 100%;
/* 2 */
}
/**
* Remove default margin.
*/
body {
margin: 0;
}
/* HTML5 display definitions
========================================================================== */
/**
* Correct `block` display not defined for any HTML5 element in IE 8/9.
* Correct `block` display not defined for `details` or `summary` in IE 10/11
* and Firefox.
* Correct `block` display not defined for `main` in IE 11.
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
}
/**
* 1. Correct `inline-block` display not defined in IE 8/9.
* 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
*/
audio,
canvas,
progress,
video {
display: inline-block;
/* 1 */
vertical-align: baseline;
/* 2 */
}
/**
* Prevent modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/
audio:not([controls]) {
display: none;
height: 0;
}
/**
* Address `[hidden]` styling not present in IE 8/9/10.
* Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
*/
[hidden],
template {
display: none;
}
/* Links
========================================================================== */
/**
* Remove the gray background color from active links in IE 10.
*/
a {
background-color: transparent;
}
/**
* Improve readability of focused elements when they are also in an
* active/hover state.
*/
a:active,
a:hover {
outline: 0;
}
/* Text-level semantics
========================================================================== */
/**
* Address styling not present in IE 8/9/10/11, Safari, and Chrome.
*/
abbr[title] {
border-bottom: 1px dotted;
}
/**
* Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
*/
b,
strong {
font-weight: 600;
}
/**
* Address styling not present in Safari and Chrome.
*/
dfn {
font-style: italic;
}
/**
* Address styling not present in IE 8/9.
*/
mark {
background: rgb(251,251,5,0.39);
color: #000;
}
/**
* Address inconsistent and variable font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
/* Embedded content
========================================================================== */
/**
* Remove border when inside `a` element in IE 8/9/10.
*/
img {
border: 0;
}
/**
* Correct overflow not hidden in IE 9/10/11.
*/
svg:not(:root) {
overflow: hidden;
}
/* Grouping content
========================================================================== */
/**
* Address differences between Firefox and other browsers.
*/
hr {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}
/**
* Contain overflow in all browsers.
*/
pre {
overflow: auto;
}
/**
* Address odd `em`-unit font size rendering in all browsers.
*/
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
/* Forms
========================================================================== */
/**
* Known limitation: by default, Chrome and Safari on OS X allow very limited
* styling of `select`, unless a `border` property is set.
*/
/**
* 1. Correct color not being inherited.
* Known issue: affects color of disabled elements.
* 2. Correct font properties not being inherited.
* 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
*/
button,
input,
optgroup,
select,
textarea {
color: inherit;
/* 1 */
font: inherit;
/* 2 */
margin: 0;
/* 3 */
}
/**
* Address `overflow` set to `hidden` in IE 8/9/10/11.
*/
button {
overflow: visible;
}
/**
* Address inconsistent `text-transform` inheritance for `button` and `select`.
* All other form control elements do not inherit `text-transform` values.
* Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
* Correct `select` style inheritance in Firefox.
*/
button,
select {
text-transform: none;
}
/**
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
* and `video` controls.
* 2. Correct inability to style clickable `input` types in iOS.
* 3. Improve usability and consistency of cursor style between image-type
* `input` and others.
*/
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
/* 2 */
cursor: pointer;
/* 3 */
}
/**
* Re-set default cursor for disabled elements.
*/
button[disabled],
html input[disabled] {
cursor: default;
}
/**
* Remove inner padding and border in Firefox 4+.
*/
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
/**
* Address Firefox 4+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
*/
input {
line-height: normal;
}
/**
* It's recommended that you don't attempt to style these elements.
* Firefox's implementation doesn't respect box-sizing, padding, or width.
*
* 1. Address box sizing set to `content-box` in IE 8/9/10.
* 2. Remove excess padding in IE 8/9/10.
*/
input[type="checkbox"],
input[type="radio"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
/* 1 */
padding: 0;
/* 2 */
}
/**
* Fix the cursor style for Chrome's increment/decrement buttons. For certain
* `font-size` values of the `input`, it causes the cursor style of the
* decrement button to change from `default` to `text`.
*/
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* Remove inner padding and search cancel button in Safari and Chrome on OS X.
* Safari (but not Chrome) clips the cancel button when the search input has
* padding (and `textfield` appearance).
*/
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* Define consistent border, margin, and padding.
*/
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
/**
* 1. Correct `color` not being inherited in IE 8/9/10/11.
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
*/
legend {
border: 0;
/* 1 */
padding: 0;
/* 2 */
}
/**
* Remove default vertical scrollbar in IE 8/9/10/11.
*/
textarea {
overflow: auto;
}
/**
* Don't inherit the `font-weight` (applied by a rule above).
* NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
*/
optgroup {
font-weight: bold;
}
/* Tables
========================================================================== */
/**
* Remove most spacing between table cells.
*/
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}
.content-left-align {
text-align: left;
}
.content-right-align {
text-align: right;
}
.content-center-align {
text-align: center;
}
.shadow {
-webkit-box-shadow: 0px 7px 36px 0px rgba(0,0,0,0.07);
-moz-box-shadow: 0px 7px 36px 0px rgba(0,0,0,0.07);
box-shadow: 0px 7px 36px 0px rgba(0,0,0,0.07);
}
/*------------------------------------*
$LAYOUTS
*------------------------------------*/
.container {
width: 1280px;
max-width: 90%;
margin: 0 auto;
}
#wrap {
position: relative;
}
#main {
position: relative;
display: block;
transition: all 10s ease-in-out 0s;
-webkit-transition: position 10s;
-ms-transition: all 10s ease-in-out 0s;
-moz-transition: all 10s ease-in-out 0s;
z-index: 10;
}
.page-header-disbled #main {
padding-top: 50px;
}
#main #content-wrap.page-content {
padding-top: 25px;
padding-bottom: 75px;
}
#main .blog-wrap {
margin-top: 50px;
margin-bottom: 30px;
}
.blog-wrap .content-area-full {
max-width: 1280px;
margin: 0 auto;
}
.no-margins #main #content-wrap,
.no-margins.separate-layout #main #content-wrap,
.landing-page #main #content-wrap {
padding-top: 0;
padding-bottom: 0;
}
@media screen and (min-width: 960px) {
.content-area, .content-area-right {
width: 71.5%;
position: relative;
}
.content-area {
float: left;
padding-right: 30px;
}
.content-area-right {
float: right;
padding-left: 30px;
padding-right: 0;
}
.widget-area.sidebar-left {
float: left;
}
.widget-area.sidebar-right {
float: right;
padding-left: 30px;
}
.blog.blog-1-column .widget-area.sidebar-right,
.blog.blog-2-columns .widget-area.sidebar-right,
.blog.blog-3-columns .widget-area.sidebar-right,
.single .widget-area.sidebar-right {
padding-left: 0;
}
.widget-area {
width: 26%;
padding-top: 12px;
}
.blog.blog-1-column .widget-area,
.blog.blog-2-columns .widget-area,
.blog.blog-3-columns .widget-area {
width: 28%;
}
}
@media screen and (min-width: 960px) and (max-width: 1340px) {
.content-area, .content-area-right {
width: 70.5%;
position: relative;
}
}
body.content-full-screen #content-wrap {
width: 100% !important;
max-width: none !important;
padding: 0 !important;
border: 0 !important;
}
.content-full-screen .content-area {
float: none;
width: 100% !important;
max-width: none !important;
padding: 0 !important;
margin: 0 !important;
border: 0 !important;
}
.content-left-sidebar .widget-area {
float: left;
padding-right: 30px;
padding-left: 0;
}
.content-both-sidebars .content-area {
width: 44%;
}
.content-both-sidebars.scs-style .content-area {
left: 28%;
padding-left: 30px;
border-left-width: 1px;
}
.content-both-sidebars.scs-style .widget-area.sidebar-left {
position: relative;
left: -44%;
padding-right: 30px;
}
.content-both-sidebars.ssc-style .content-area {
left: 56%;
padding-left: 30px;
padding-right: 0;
border-left-width: 1px;
border-right-width: 0;
}
.content-both-sidebars.ssc-style .widget-area {
position: relative;
left: -44%;
padding-right: 30px;
}
.content-both-sidebars.ssc-style .widget-area.sidebar-right {
padding-left: 0;
}
.content-both-sidebars.css-style .widget-area.sidebar-left {
padding-left: 30px;
}
/* Boxed Layout */
.boxed-layout {
background-color: #efe6e6;
}
.boxed-layout #wrap {
width: 1440px;
max-width: 100%;
margin: 0 auto;
background-color: #fff;
overflow: hidden;
}
.boxed-layout.wrap-boxshadow #wrap {
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
}
.boxed-layout #wrap .container {
width: auto;
max-width: none;
padding-left: 30px;
padding-right: 30px;
}
.boxed-layout.content-full-screen #content-wrap {
padding-left: 0 !important;
padding-right: 0 !important;
}
.boxed-layout #footer-widgets {
margin: 0;
}
/* Boxed Layout > Move absolute items */
.boxed-layout .site-breadcrumbs {
right: 30px;
}
/*------------------------------------*
All Devices under 1280px
*------------------------------------*/
@media only screen and (max-width: 1280px) {
/* Both sidebars layout */
.content-both-sidebars .content-area {
float: none !important;
width: 100% !important;
left: auto !important;
border-width: 0 !important;
}
.content-both-sidebars:not(.separate-layout) .content-area {
padding: 0 !important;
margin-bottom: 40px;
}
.content-both-sidebars .widget-area.sidebar-right, .content-both-sidebars .widget-area.sidebar-left {
float: left;
width: 49% !important;
left: auto !important;
padding: 0 !important;
}
.content-both-sidebars .widget-area.sidebar-right {
float: right;
}
.content-both-sidebars:not(.separate-layout) .widget-area.sidebar-right, .content-both-sidebars:not(.separate-layout) .widget-area.sidebar-left {
width: 48% !important;
}
/* Separate layout */
.separate-layout.content-both-sidebars .content-area {
margin-bottom: 20px;
}
.separate-layout.content-both-sidebars .widget-area.sidebar-right, .separate-layout.content-both-sidebars .widget-area.sidebar-left {
width: 49% !important;
}
.separate-layout.content-both-sidebars .widget-area.sidebar-left {
margin-bottom: 20px;
}
.separate-layout.content-both-sidebars .widget-area.sidebar-right {
padding-left: 0;
}
}
/*------------------------------------*
All Devices under 1080px
*------------------------------------*/
@media only screen and (max-width: 1080px) {
/* Both sidebars layout */
.content-both-sidebars .content-area {
float: none !important;
width: 100% !important;
left: auto !important;
border-width: 0 !important;
}
.content-both-sidebars:not(.separate-layout) .content-area {
padding: 0 !important;
margin-bottom: 40px;
}
.content-both-sidebars .widget-area.sidebar-right, .content-both-sidebars .widget-area.sidebar-left {
float: left;
width: 49% !important;
left: auto !important;
padding: 0 !important;
}
.content-both-sidebars .widget-area.sidebar-right {
float: right;
}
.content-both-sidebars:not(.separate-layout) .widget-area.sidebar-right, .content-both-sidebars:not(.separate-layout) .widget-area.sidebar-left {
width: 48% !important;
}
/* Separate layout */
.separate-layout.content-both-sidebars .content-area {
margin-bottom: 20px;
}
.separate-layout.content-both-sidebars .widget-area.sidebar-right, .separate-layout.content-both-sidebars .widget-area.sidebar-left {
width: 49% !important;
}
.separate-layout.content-both-sidebars .widget-area.sidebar-left {
margin-bottom: 20px;
}
.separate-layout.content-both-sidebars .widget-area.sidebar-right {
padding-left: 0;
}
}
/*------------------------------------*
All Devices under 960px
*------------------------------------*/
@media only screen and (max-width: 959px) {
/* boxed */
.boxed-layout #wrap {
overflow: hidden;
}
.boxed-layout .site-breadcrumbs {
right: auto;
}
/* container */
.container,
body.content-full-screen .elementor-section-wrap > .elementor-section.elementor-section-boxed > .elementor-container {
max-width: 90%;
}
/* full width content and sidebar */
.content-area,
.content-left-sidebar .content-area {
float: none !important;
width: 100%;
margin-bottom: 40px;
border: 0;
}
body.sidebar-content .content-area {
margin-bottom: 0;
}
#sidebar {
margin-top: 40px;
}
body:not(.separate-layout) .content-area,
.content-left-sidebar:not(.separate-layout) .content-area {
padding: 0;
}
.no-margins .content-area,
.no-margins.content-left-sidebar .content-area {
margin-bottom: 0;
}
.widget-area.sidebar-right,
.widget-area.sidebar-left,
.content-left-sidebar .widget-area {
float: none !important;
width: 100%;
padding: 0 !important;
border: 0;
}
body.has-composer.has-sidebar #primary {
margin-bottom: 40px;
}
#main #content-wrap.container {
width: auto !important;
}
/* Both sidebars layout */
.content-both-sidebars .widget-area.sidebar-right, .content-both-sidebars .widget-area.sidebar-left {
float: none !important;
width: 100% !important;
}
.content-both-sidebars:not(.separate-layout) .widget-area.sidebar-right, .content-both-sidebars:not(.separate-layout) .widget-area.sidebar-left {
width: 100% !important;
}
.separate-layout.content-both-sidebars .widget-area.sidebar-right, .separate-layout.content-both-sidebars .widget-area.sidebar-left {
width: 100% !important;
}
/* Separate layout */
.separate-layout .container,
.separate-layout.content-full-screen .elementor-section-wrap > .elementor-section.elementor-section-boxed > .elementor-container {
max-width: 95%;
}
.separate-layout .content-area,
.separate-layout.content-left-sidebar .content-area {
margin-bottom: 20px;
}
.separate-layout .widget-area {
padding-left: 0 !important;
padding-right: 0 !important;
}
body.separate-blog.separate-layout .acmthemes-row {
margin: 0 !important;
}
body.separate-blog.separate-layout #blog-entries.blog-grid > * {
padding: 0 !important;
}
}
@media only screen and (max-width: 575px) {
.container {
width: 95%;
max-width: 94%;
}
}
/*------------------------------------*
Tablet Portrait
*------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
/* main */
body.boxed-layout #wrap,
body.boxed-layout .parallax-footer {
width: auto !important;
}
}
/*------------------------------------*
Phone Portrait and Landscape
*------------------------------------*/
@media only screen and (max-width: 767px) {
/* grid & main */
#wrap {
width: 100% !important;
}
body.boxed-layout #wrap {
width: auto !important;
}
.boxed-layout #top-bar-social.top-bar-right {
right: auto;
}
.boxed-layout #top-bar-social.top-bar-left {
left: auto;
}
.col:not(.slick-slide), .blog-entry {
width: 100% !important;
margin-bottom: 25px;
}
}
/*------------------------------------*
Phone Landscape
*------------------------------------*/
@media only screen and (max-width: 480px) {
/* boxed */
.boxed-layout #wrap .container {
padding-left: 20px;
padding-right: 20px;
}
}
/*------------------------------------*
$COMPONENTS
*------------------------------------*/
figure > img {
display: block;
margin: 0 auto;
}
img {
max-width: 100%;
height: auto;
vertical-align: middle;
}
img[class*="align"],
img[class*="attachment-"] {
height: auto;
}
.wp-caption {
max-width: 100%;
margin-bottom: 24px;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-bottom: 5px;
}
.wp-caption-text {
font-size: 14px;
font-style: italic;
}
.wp-smiley {
margin-top: 0;
margin-bottom: 0;
padding: 0;
border: 0;
}
embed,
iframe,
object {
width: 100%;
max-width: 100%;
}
.alignleft {
float: left;
margin-right: 1.5em;
}
.alignright {
float: right;
margin-left: 1.5em;
}
.aligncenter {
text-align: center;
clear: both;
}
img.aligncenter,
.wp-caption.aligncenter {
display: block;
margin: 0 auto;
}
.alignnone {
display: block;
}
table {
width: 100%;
margin-bottom: 2.618em;
}
table th,
table td {
padding: 10px;
text-align: left;
vertical-align: top;
border-bottom: 1px solid #e9e9e9;
}
table th {
text-transform: uppercase;
}
table tr th:first-child,
table tr td:first-child {
padding-left: 0;
}
table tr th:last-child,
table tr td:last-child {
padding-right: 0;
}
.sticky,
.bypostauthor {
font-size: inherit;
}
.col:after, .clr:after, .group:after, dl:after,
.left_float:after, .right_float:after {
content: '';
display: block;
visibility: hidden;
clear: both;
zoom: 1;
height: 0;
}
.left_float {
float: left;
width: 48%;
}
.right_float {
float: right;
width: 48%;
}
.no_float {
clear: both;
}
.left_float label,
.right_float label,
.no_float label {
font-size: 13px;
font-weight: 600;
color: #333;
}
.full {
display: block;
width: 100%;
}
/**
* Text meant only for screen readers.
*/
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
-moz-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
/* Above WP toolbar. */
}
/**
* Gallery
* Taken from Twenty Seventeen theme.
*/
.single .entry-content .post-content .gallery {
margin: 30px 0 20px 0;
}
.single .entry-content .post-content .gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
margin: 0;
width: 47%;
}
.single .entry-content .post-content .gallery-columns-3 .gallery-item {
width: 33.3%;
}
.single .entry-content .post-content .gallery-columns-1 .gallery-item {
width: 100%;
}
.single .entry-content .post-content .gallery-columns-2 .gallery-item:first-child {
margin-right: 3%;
}
.single .entry-content .post-content .gallery-columns-3 .gallery-item:first-child,
.single .entry-content .post-content .gallery-columns-3 .gallery-item:nth-child(2) {
margin-right: 3%;
}
.gallery-item a,
.gallery-item a:hover,
.gallery-item a:focus {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
background: none;
display: inline-block;
max-width: 100%;
vertical-align: top;
}
.single .entry-content .post-content .gallery .gallery-item img {
margin-bottom: 0;
}
.wp-caption-text {
color: #9199a6;
font-size: 14px;
font-weight: 400;
font-style: italic;
line-height: 1.3;
}
.gallery-item a img {
display: block;
}
.gallery-caption {
color: #9199a6;
font-size: 14px;
font-weight: 400;
font-style: italic;
line-height: 1.3;
padding: 8px 10px;
margin-bottom: 10px;
}
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
display: none;
}
@media screen and (min-width: 30em) {
.gallery-item {
max-width: 25%;
}
.gallery-columns-1 .gallery-item {
max-width: 100%;
}
.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%;
}
}
@media screen and (min-width: 48em) {
.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%;
}
}
/*------------------------------------*
$TYPOGRAPHY
*------------------------------------*/
/**
* Set link colors.
*/
a {
color: #3e3f66;
}
a:hover {
color: #32236f;
}
p a,
.elementor p a {
color: #6a49f2;
text-decoration: underline;
}
a, a:hover, a:focus {
text-decoration: none;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
/**
* Headings.
*/
h1,h2,h3,h4,h5,h6 {
font-weight: 700;
margin: 0 0 20px;
color: #32236f;
line-height: 1.4;
}
h1 span,h2 span,h3 span,h4 span,h5 span,h6 span {
color: #6a49f2;
}
h1 {
font-size: 45px;
}
h2 {
font-size: 35px;
}
h3 {
font-size: 30px;
}
h4 {
font-size: 25px;
}
h5 {
font-size: 18px;
}
h6 {
font-size: 14px;
}
.theme-heading {
font-size: 40px;
font-weight: 700;
text-align: center;
color: #32236f;
}
/**
* Text elements.
*/
p {
margin: 20px 0;
line-height: 1.3em;
}
abbr[title],
dfn[title] {
cursor: help;
}
del {
vertical-align: baseline;
text-decoration: line-through;
color: #aaa;
}
code,
kbd,
pre,
samp {
font-size: 16px;
}
pre {
margin: 20px 0;
padding: 20px;
color: #768de1;
background-color: #2c2936;
}
code {
color: #1748ff;
background-color: #f5f5f5;
}
blockquote,
body blockquote p,
.single .entry-content .post-content blockquote p {
position: relative;
font-size: 23px;
line-height: 32px;
font-style: italic;
color: #121823;
margin: 35px 0;
padding-left: 42px;
font-weight: 600;
}
blockquote strong {
font-weight: 700;
}
blockquote:before {
position: absolute;
display: block;
content: "";
left: -18px;
top: -7px;
width: 70px;
height: 70px;
line-height: 70px;
background-image: url('../img/blockquote.svg');
background-size: contain;
background-repeat: no-repeat;
opacity: .05;
}
.single .post-content blockquote p {
position: relative;
z-index: 5;
}
@media screen and (max-width: 468px) {
blockquote {
padding-left: 25px;
}
}
blockquote h1,
blockquote h2,
blockquote h3,
blockquote h4,
blockquote h5,
blockquote h6,
blockquote p {
margin-bottom: 20px
}
blockquote cite {
position: relative;
display: block;
padding: 30px 0 0 50px;
font-size: 0.75em;
text-transform: uppercase;
text-align: left;
}
blockquote cite:before {
content: '';
position: absolute;
top: 50%;
left: 50px;
width: 25px;
height: 2px;
background-color: currentColor;
margin-top: -5px;
}
address {
display: block;
margin: 0 0 20px;
}
ul,
ol {
margin: 15px 0 15px 30px;
}
ul.elementor-icon-list-items {
margin: 0;
}
ul li,
ol li {
line-height: 29px;
position: relative;
}
ol {
list-style-type: decimal;
}
ol ol {
list-style: upper-alpha;
}
ol ol ol {
list-style: lower-roman;
}
ol ol ol ol {
list-style: lower-alpha;
}
li ul,
li ol {
margin: 0 0 0 10px;
}
dl {
margin: 20px;
}
dt {
font-weight: 700;
}
dd {
margin-bottom: 20px;
}
hr {
clear: both;
height: 1px;
min-height: 0;
margin: 20px 0;
border-top: 1px solid #e9e9e9;
border-right: 0;
border-bottom: 0;
border-left: 0;
}
hr.dotted {
border-style: dotted;
}
hr.dashed {
border-style: dashed;
}
hr.blackborder {
border-color: #000;
}
hr.whiteborder {
border-color: #fff;
}
.border-top {
border-top: 1px solid;
}
.border-bottom {
border-bottom: 1px solid;
}
.border-top,
.border-bottom {
border-color: #e6e3f0;
}
.acm_block {
display: block
}
.acm_inline-block {
display: inline-block
}
.acm_table-cell {
display: table-cell;
}
.acm_flex {
display: flex
}
.acm_flex-row {
flex-direction: row;
}
.acm_flex-stretch {
align-items: stretch;
align-content: stretch;
}
.acm_align-center {
align-items: center;
}
.acm_flex-hor-center {
-ms-flex-pack: center;
justify-content: center;
}
.acm_grid {
display: grid
}
.acm_flex-wrap {
flex-wrap: wrap
}
.acm_flex-nowrap {
flex-wrap: nowrap;
}
.acm_items-start {
align-items: flex-start
}
.acm_items-jus-start {
justify-content: flex-start;
}
.acm_items-center {
align-items: center
}
.acm_d-none {
display: none;
}
.acm_absolute {
position: absolute
}
.acm_relative {
position: relative
}
.acm_text-center {
text-align: center
}
.acm_text-right {
text-align: right
}
.acm_text-transparent {
color: transparent
}
.acm_no-underline {
text-decoration: none
}
.acm_align-top {
vertical-align: top
}
/**
* Print styles.
*/
@media print {
* {
background: transparent !important;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: "";
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group;
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
@page {
margin: .5cm;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
}
/*------------------------------------*
Phone Landscape
*------------------------------------*/
@media only screen and (max-width: 480px) {
blockquote {
margin: 20px 0;
}
}
/*------------------------------------*
$FORMS
*------------------------------------*/
form input[type="text"],
form input[type="password"],
form input[type="email"],
form input[type="url"],
form input[type="date"],
form input[type="month"],
form input[type="time"],
form input[type="datetime"],
form input[type="datetime-local"],
form input[type="week"],
form input[type="number"],
form input[type="search"],
form input[type="tel"],
form input[type="color"],
form select,
form textarea {
display: inline-block;
min-height: 40px;
width: 100%;
font-size: 1em;
line-height: 1.5;
padding: 0.375rem 0.75rem;
vertical-align: middle;
color: #32236f;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #cec6ef;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
border-radius: 6px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
form select {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
form input[type="number"] {
max-width: 50px;
padding: 0 0 0 8px;
}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="search"],
textarea {
-webkit-appearance: none;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
display: none;
}
form textarea {
min-height: 150px;
line-height: 1.5;
resize: vertical;
}
input[type="checkbox"] {
display: inline-block;
background-color: #fff;
border: 1px solid #d9dce1;
line-height: 0;
width: 16px;
min-width: 16px;
height: 16px;
margin: -3px 10px 0 0;
outline: 0;
text-align: center;
vertical-align: middle;
clear: none;
cursor: pointer;
-webkit-appearance: none;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
-webkit-transition: 0.05s border-color ease-in-out;
-moz-transition: 0.05s border-color ease-in-out;
-ms-transition: 0.05s border-color ease-in-out;
-o-transition: 0.05s border-color ease-in-out;
transition: 0.05s border-color ease-in-out;
}
input[type=radio]:checked:before,
input[type=checkbox]:checked:before {
float: left;
display: inline-block;
vertical-align: middle;
width: 16px;
line-height: 14px;
font-family: 'FontAwesome';
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
input[type=checkbox]:checked:before {
content: '\f00c';
margin-bottom: -1px;
color: #13aff0;
}
/*
Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
since IE8 won't execute CSS that contains a CSS3 selector.
*/
form input:not([type]) {
display: inline-block;
padding: 5px 10px;
border: 1px solid #ccc;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 3px #ddd;
-moz-box-shadow: inset 0 1px 3px #ddd;
box-shadow: inset 0 1px 3px #ddd;
}
/* Chrome (as of v.32/34 on OS X) needs additional room for color to display. */
/* May be able to remove this tweak as color inputs become more standardized across browsers. */
form input[type="color"] {
padding: 5px 10px;
}
form input[type="text"]:focus,
form input[type="password"]:focus,
form input[type="email"]:focus,
form input[type="url"]:focus,
form input[type="date"]:focus,
form input[type="month"]:focus,
form input[type="time"]:focus,
form input[type="datetime"]:focus,
form input[type="datetime-local"]:focus,
form input[type="week"]:focus,
form input[type="number"]:focus,
form input[type="search"]:focus,
form input[type="tel"]:focus,
form input[type="color"]:focus,
form select:focus,
form textarea:focus {
border-color: #a094d1;
outline: 0;
}
form input:not([type]):focus {
border-color: #a094d1;
outline: 0;
}
form input[type="file"]:focus,
form input[type="radio"]:focus,
form input[type="checkbox"]:focus {
outline: 0;
}
form input[type="checkbox"],
form input[type="radio"] {
display: inline-block;
}
form input[type="text"][disabled],
form input[type="password"][disabled],
form input[type="email"][disabled],
form input[type="url"][disabled],
form input[type="date"][disabled],
form input[type="month"][disabled],
form input[type="time"][disabled],
form input[type="datetime"][disabled],
form input[type="datetime-local"][disabled],
form input[type="week"][disabled],
form input[type="number"][disabled],
form input[type="search"][disabled],
form input[type="tel"][disabled],
form input[type="color"][disabled],
form select[disabled],
form textarea[disabled] {
cursor: not-allowed;
color: #cad2d3;
background-color: #d9dce1;
}
form input:not([type])[disabled] {
cursor: not-allowed;
color: #cad2d3;
background-color: #d9dce1;
}
form input[readonly],
form select[readonly],
form textarea[readonly] {
color: #777;
/* menu text color */
border-color: #d9dce1;
background-color: #f1f2f5;
/* menu hover bg color */
}
form input:focus:invalid,
form textarea:focus:invalid,
form select:focus:invalid {
color: #b94a48;
border-color: #e9322d;
}
form input[type="file"]:focus:invalid:focus,
form input[type="radio"]:focus:invalid:focus,
form input[type="checkbox"]:focus:invalid:focus {
outline-color: #e9322d;
}
select {
/* Normalizes the height; */
height: 2.25em;
min-height: auto;
border: 1px solid #ddd;
background-color: white;
cursor: pointer;
padding: 0 15px;
margin: 0;
}
form select[multiple] {
height: auto;
}
form label {
margin-bottom: 3px;
}
form fieldset {
margin: 0;
padding: .35em 0 .75em;
border: 0;
}
form legend {
display: block;
width: 100%;
margin-bottom: .3em;
padding: .3em 0;
color: #333;
border-bottom: 1px solid #e5e5e5;
}
/*csslint outline-none:false*/
input[type="button"],
input[type="reset"],
input[type="submit"],
button[type="submit"],
.button,
.wp-block-button__link,
body div.wpforms-container-full .wpforms-form button[type=submit] {
position: relative;
display: inline-block;
font-family: inherit;
background-color: #6a49f2;
color: #fff;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
margin: 0;
padding: 10px 40px;
cursor: pointer;
text-align: center;
letter-spacing: 0.1em;
line-height: 1.6;
border: 1px solid transparent;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
-ms-border-radius: 50px;
border-radius: 50px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
overflow: hidden;
}
.wp-block-button.is-style-outline .wp-block-button__link {
border: 2px solid #6a49f2;
}
.wp-block-button.is-style-outline>.wp-block-button__link:hover,
body div.wpforms-container-full .wpforms-form button[type=submit]:hover {
background-color: #6a49f2;
color: #fff;
}
.wp-block-button__link {
margin-bottom: 20px;
}
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button[type="submit"]:focus,
button:focus,
.button:focus {
outline: 0;
}
.pure-button[disabled],
.pure-button-disabled,
.pure-button-disabled:hover,
.pure-button-disabled:focus,
.pure-button-disabled:active {
cursor: not-allowed;
-moz-opacity: 0.4;
-webkit-opacity: 0.4;
opacity: 0.4;
border: none;
background-image: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
/* Firefox: Get rid of the inner focus border */
button::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner {
padding: 0;
border: 0;
}
.pure-button-primary,
.pure-button-selected,
a.pure-button-primary,
a.pure-button-selected {
color: #fff;
background-color: #0078e7;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #c0c1f9;
font-size: 14px;
}
::-moz-placeholder { /* Firefox 19+ */
color: #c0c1f9;
font-size: 14px;
}
:-ms-input-placeholder { /* IE 10+ */
color: #c0c1f9;
font-size: 14px;
}
:-moz-placeholder { /* Firefox 18- */
color: #c0c1f9;
font-size: 14px;
}
/* Comment checkbox */
.comment-form-cookies-consent {
display: inline-block;
width: 100%;
margin-top: 0;
margin-bottom: 0;
}
.comment-form-cookies-consent label {
display: inline-block;
}
.hidden {
display: none;
-webkit-transition: display .5s ease;
-moz-transition: display .5s ease;
-o-transition: display .5s ease;
}
.active {
transition: display .5s ease;
-webkit-transition: display .5s ease;
-moz-transition: display .5s ease;
-o-transition: display .5s ease;
}
.pos-rel {
position: relative;
}
.flex {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
/*------------------------------------*
ROWS AND COLUMNS
*------------------------------------*/
.acm-row {
display: -ms-flexbox;
display: flex;
margin-right: -15px;
margin-left: -15px;
}
.acm-flex-wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.acm_container {
width: 100%
}
@media (min-width: 640px) {
.acm_container {
max-width: 640px
}
}
@media (min-width: 768px) {
.acm_container {
max-width: 768px
}
}
@media (min-width: 1024px) {
.acm_container {
max-width: 1024px
}
}
@media (min-width: 1280px) {
.acm_container {
max-width: 1280px
}
}
@media (min-width: 1536px) {
.acm_container {
max-width: 1536px
}
}
.acm-col-1, .acm-col-2, .acm-col-3, .acm-col-4, .acm-col-5, .acm-col-6, .acm-col-7, .acm-col-8, .acm-col-9, .acm-col-10, .acm-col-11, .acm-col-12,
.acm-col-auto, .acm-col-sm-1, .acm-col-sm-2, .acm-col-sm-3, .acm-col-sm-4, .acm-col-sm-5, .acm-col-sm-6, .acm-col-sm-7, .acm-col-sm-8, .acm-col-sm-9, .acm-col-sm-10, .acm-col-sm-11, .acm-col-sm-12, .acm-col-sm,
.acm-col-sm-auto, .acm-col-md-1, .acm-col-md-2, .acm-col-md-3, .acm-col-md-4, .acm-col-md-5, .acm-col-md-6, .acm-col-md-7, .acm-col-md-8, .acm-col-md-9, .acm-col-md-10, .acm-col-md-11, .acm-col-md-12, .acm-col-md,
.acm-col-md-auto, .acm-col-lg-1, .acm-col-lg-2, .acm-col-lg-3, .acm-col-lg-4, .acm-col-lg-5, .acm-col-lg-6, .acm-col-lg-7, .acm-col-lg-8, .acm-col-lg-9, .acm-col-lg-10, .acm-col-lg-11, .acm-col-lg-12, .acm-col-lg,
.acm-col-lg-auto, .acm-col-xl-1, .acm-col-xl-2, .acm-col-xl-3, .acm-col-xl-4, .acm-col-xl-5, .acm-col-xl-6, .acm-col-xl-7, .acm-col-xl-8, .acm-col-xl-9, .acm-col-xl-10, .acm-col-xl-11, .acm-col-xl-12, .acm-col-xl,
.acm-col-xl-auto {
position: relative;
width: 100%;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 30px;
}
@media only screen and (max-width: 575px) {
.acm-col-xs {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.acm-col-xs-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.acm-col-xs-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.acm-col-xs-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.acm-col-xs-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.acm-col-xs-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.acm-col-xs-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.acm-col-xs-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.acm-col-xs-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.acm-col-xs-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.acm-col-xs-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.acm-col-xs-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.acm-col-xs-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.acm-col-xs-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
}
@media only screen and (min-width: 576px) {
.acm-col-sm {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.acm-col-sm-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.acm-col-sm-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.acm-col-sm-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.acm-col-sm-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.acm-col-sm-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.acm-col-sm-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.acm-col-sm-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.acm-col-sm-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.acm-col-sm-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.acm-col-sm-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.acm-col-sm-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.acm-col-sm-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.acm-col-sm-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-sm-first {
-ms-flex-order: -1;
order: -1;
}
.order-sm-last {
-ms-flex-order: 13;
order: 13;
}
.order-sm-0 {
-ms-flex-order: 0;
order: 0;
}
.order-sm-1 {
-ms-flex-order: 1;
order: 1;
}
.order-sm-2 {
-ms-flex-order: 2;
order: 2;
}
.order-sm-3 {
-ms-flex-order: 3;
order: 3;
}
.order-sm-4 {
-ms-flex-order: 4;
order: 4;
}
.order-sm-5 {
-ms-flex-order: 5;
order: 5;
}
.order-sm-6 {
-ms-flex-order: 6;
order: 6;
}
.order-sm-7 {
-ms-flex-order: 7;
order: 7;
}
.order-sm-8 {
-ms-flex-order: 8;
order: 8;
}
.order-sm-9 {
-ms-flex-order: 9;
order: 9;
}
.order-sm-10 {
-ms-flex-order: 10;
order: 10;
}
.order-sm-11 {
-ms-flex-order: 11;
order: 11;
}
.order-sm-12 {
-ms-flex-order: 12;
order: 12;
}
}
@media (min-width: 768px) {
.acm-col-md {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.acm-col-md-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.acm-col-md-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.acm-col-md-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.acm-col-md-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.acm-col-md-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.acm-col-md-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.acm-col-md-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.acm-col-md-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.acm-col-md-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.acm-col-md-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.acm-col-md-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.acm-col-md-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.acm-col-md-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-md-first {
-ms-flex-order: -1;
order: -1;
}
.order-md-last {
-ms-flex-order: 13;
order: 13;
}
.order-md-0 {
-ms-flex-order: 0;
order: 0;
}
.order-md-1 {
-ms-flex-order: 1;
order: 1;
}
.order-md-2 {
-ms-flex-order: 2;
order: 2;
}
.order-md-3 {
-ms-flex-order: 3;
order: 3;
}
.order-md-4 {
-ms-flex-order: 4;
order: 4;
}
.order-md-5 {
-ms-flex-order: 5;
order: 5;
}
.order-md-6 {
-ms-flex-order: 6;
order: 6;
}
.order-md-7 {
-ms-flex-order: 7;
order: 7;
}
.order-md-8 {
-ms-flex-order: 8;
order: 8;
}
.order-md-9 {
-ms-flex-order: 9;
order: 9;
}
.order-md-10 {
-ms-flex-order: 10;
order: 10;
}
.order-md-11 {
-ms-flex-order: 11;
order: 11;
}
.order-md-12 {
-ms-flex-order: 12;
order: 12;
}
}
@media (min-width: 992px) {
.acm-col-lg {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.acm-col-lg-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.acm-col-lg-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.acm-col-lg-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.acm-col-lg-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.acm-col-lg-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.acm-col-lg-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.acm-col-lg-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.acm-col-lg-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.acm-col-lg-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.acm-col-lg-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.acm-col-lg-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.acm-col-lg-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.acm-col-lg-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-lg-first {
-ms-flex-order: -1;
order: -1;
}
.order-lg-last {
-ms-flex-order: 13;
order: 13;
}
.order-lg-0 {
-ms-flex-order: 0;
order: 0;
}
.order-lg-1 {
-ms-flex-order: 1;
order: 1;
}
.order-lg-2 {
-ms-flex-order: 2;
order: 2;
}
.order-lg-3 {
-ms-flex-order: 3;
order: 3;
}
.order-lg-4 {
-ms-flex-order: 4;
order: 4;
}
.order-lg-5 {
-ms-flex-order: 5;
order: 5;
}
.order-lg-6 {
-ms-flex-order: 6;
order: 6;
}
.order-lg-7 {
-ms-flex-order: 7;
order: 7;
}
.order-lg-8 {
-ms-flex-order: 8;
order: 8;
}
.order-lg-9 {
-ms-flex-order: 9;
order: 9;
}
.order-lg-10 {
-ms-flex-order: 10;
order: 10;
}
.order-lg-11 {
-ms-flex-order: 11;
order: 11;
}
.order-lg-12 {
-ms-flex-order: 12;
order: 12;
}
}
@media (min-width: 1200px) {
.acm-col-xl {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.acm-col-xl-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.acm-col-xl-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.acm-col-xl-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.acm-col-xl-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.acm-col-xl-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.acm-col-xl-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.acm-col-xl-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.acm-col-xl-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.acm-col-xl-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.acm-col-xl-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.acm-col-xl-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.acm-col-xl-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.acm-col-xl-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-xl-first {
-ms-flex-order: -1;
order: -1;
}
.order-xl-last {
-ms-flex-order: 13;
order: 13;
}
.order-xl-0 {
-ms-flex-order: 0;
order: 0;
}
.order-xl-1 {
-ms-flex-order: 1;
order: 1;
}
.order-xl-2 {
-ms-flex-order: 2;
order: 2;
}
.order-xl-3 {
-ms-flex-order: 3;
order: 3;
}
.order-xl-4 {
-ms-flex-order: 4;
order: 4;
}
.order-xl-5 {
-ms-flex-order: 5;
order: 5;
}
.order-xl-6 {
-ms-flex-order: 6;
order: 6;
}
.order-xl-7 {
-ms-flex-order: 7;
order: 7;
}
.order-xl-8 {
-ms-flex-order: 8;
order: 8;
}
.order-xl-9 {
-ms-flex-order: 9;
order: 9;
}
.order-xl-10 {
-ms-flex-order: 10;
order: 10;
}
.order-xl-11 {
-ms-flex-order: 11;
order: 11;
}
.order-xl-12 {
-ms-flex-order: 12;
order: 12;
}
}
.acm_bg-clip-text {
-webkit-background-clip: text;
background-clip: text
}
.acm_bg-transparent {
background-color: transparent
}
.acm_rounded {
border-radius: 0.25rem;
border-radius: 0.25rem;
-moz-border-radius: 0.25rem;
-webkit-border-radius: 0.25rem;
}
.acm_rounded-full {
border-radius: 9999px
}
.acm_border-solid {
border-style: solid
}
.acm_border-0 {
border-width: 0px
}
.acm_border {
border-width: 1px
}
.acm_border-b-2 {
border-bottom-width: 2px
}
.acm_border-l {
border-right: 1px solid;
}
.acm_border-r {
border-right: 1px solid;
}
.acm_border-b {
border-bottom: 1px solid;
}
.acm_border-t {
border-top: 1px solid;
}
.acm_block {
display: block
}
.acm_inline-block {
display: inline-block
}
.acm_table-cell {
display: table-cell;
}
.acm_flex {
display: flex
}
.acm_flex-row {
flex-direction: row;
}
.acm_flex-stretch {
align-items: stretch;
align-content: stretch;
}
.acm_align-center {
align-items: center;
}
.acm_flex-hor-center {
-ms-flex-pack: center;
justify-content: center;
}
.acm_grid {
display: grid
}
.acm_flex-wrap {
flex-wrap: wrap
}
.acm_flex-nowrap {
flex-wrap: nowrap;
}
.acm_items-start {
align-items: flex-start
}
.acm_items-jus-start {
justify-content: flex-start;
}
.acm_items-center {
align-items: center
}
.acm_d-none {
display: none;
}
.acm_absolute {
position: absolute
}
.acm_relative {
position: relative
}
.acm_text-center {
text-align: center
}
.acm_text-right {
text-align: right
}
.acm_text-transparent {
color: transparent
}
.acm_no-underline {
text-decoration: none
}
.acm_align-top {
vertical-align: top
}
@media screen and (min-width: 992px) {
.acm_d-lg-block {
display: block;
}
}
@media screen and (max-width: 567px) {
.acm_d-sm-none {
display: none;
}
.acm_d-sm-block {
display: block;
}
}
.acm_font-medium {
font-weight: 500
}
.acm_font-semibold {
font-weight: 600
}
.acm_h-2 {
height: 0.5rem
}
.acm_h-10 {
height: 2.5rem
}
.acm_h-96 {
height: 24rem
}
.acm_text-sm {
font-size: 0.875rem;
line-height: 1.25rem
}
.acm_text-base {
font-size: 1rem;
line-height: 1.5rem
}
.acm_text-lg {
font-size: 1.125rem;
line-height: 1.75rem
}
.acm_text-3xl {
font-size: 1.875rem;
line-height: 2.25rem
}
.acm_text-5xl {
font-size: 3rem;
line-height: 1
}
.acm_text-8xl {
font-size: 6rem;
line-height: 1
}
.acm_leading-7 {
line-height: 1.75rem
}
.acm_leading-none {
line-height: 1
}
.acm_m-0 {
margin: 0px
}
.acm_my-0 {
margin-top: 0px;
margin-bottom: 0px
}
.acm_my-4 {
margin-top: 1rem;
margin-bottom: 1rem
}
.acm_my-5 {
margin-top: 1.4rem;
margin-bottom: 1.4rem
}
.acm_my-10 {
margin-top: 2.5rem;
margin-bottom: 2.5rem
}
.acm_mx-auto {
margin-left: auto;
margin-right: auto
}
.acm_mt-0 {
margin-top: 0px
}
.acm_mb-0 {
margin-bottom: 0px
}
.acm_mt-1 {
margin-top: 0.25rem
}
.acm_mt-2 {
margin-top: 0.5rem
}
.acm_mt-3 {
margin-top: 0.7rem
}
.acm_mb-2 {
margin-bottom: 0.5rem
}
.acm_mt-4 {
margin-top: 1rem
}
.acm_mb-3 {
margin-bottom: 0.7rem
}
.acm_ml-4 {
margin-left: 1rem
}
.acm_mr-4 {
margin-right: 1.2rem
}
.acm_mt-6 {
margin-top: 1.5rem
}
.acm_mb-6 {
margin-bottom: 1.5rem
}
.acm_mr-6 {
margin-right: 1.5rem
}
.acm_ml-6 {
margin-left: 1.5rem
}
.acm_mt-8 {
margin-top: 2rem
}
.acm_mr-8 {
margin-right: 2rem
}
.acm_mr-10 {
margin-right: 2.5rem
}
.acm_mb-10 {
margin-bottom: 2.5rem
}
.acm_mt-12 {
margin-top: 3rem
}
.acm_mb-12 {
margin-bottom: 3rem
}
.acm_mt-32 {
margin-top: 8rem
}
.acm_max-w-full {
max-width: 100%
}
.acm_max-w-screen-sm {
max-width: 640px
}
.acm_max-w-screen-lg {
max-width: 1024px
}
.acm_max-w-screen-xl {
max-width: 1280px
}
.acm_p-4 {
padding: 1rem
}
.acm_p-6 {
padding: 1.2rem
}
.acm_p-7 {
padding: 1.5rem
}
.acm_p-8 {
padding: 2rem
}
.acm_p-10 {
padding: 2.5rem
}
.acm_p-12 {
padding: 3rem
}
.acm_py-3 {
padding-top: 0.75rem;
padding-bottom: 0.75rem
}
.acm_py-4 {
padding-top: 1rem;
padding-bottom: 1rem
}
.acm_py-5 {
padding-top: 1.2rem;
padding-bottom: 1.2rem
}
.acm_py-6 {
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
.acm_py-7 {
padding-top: 1.7rem;
padding-bottom: 1.7rem
}
.acm_py-8 {
padding-top: 2rem;
padding-bottom: 2rem
}
.acm_px-8 {
padding-left: 2rem;
padding-right: 2rem
}
.acm_py-10 {
padding-top: 2.5rem;
padding-bottom: 2.5rem
}
.acm_px-10 {
padding-left: 2.5rem;
padding-right: 2.5rem
}
.acm_py-14 {
padding-top: 3.5rem;
padding-bottom: 3.5rem
}
.acm_pb-1 {
padding-bottom: 0.25rem
}
.acm_pb-6 {
padding-bottom: 1.5rem
}
.acm_pr-20 {
padding-right: 5rem
}
.acm_bottom-0 {
bottom: 0px
}
.acm_top-3 {
top: 0.75rem
}
/*------------------------------------*
TOP BAR
*------------------------------------*/
#top-bar-wrap {
position: relative;
background-color: #6A49F2;
color: #fff;
font-size: 12px;
font-weight: 600;
z-index: 99;
}
#top-bar {
padding: 8px 0;
}
#top-bar-inner {
position: relative;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
max-height: 21px;
overflow: hidden;
}
#top-bar-inner div:nth-of-type(2) { flex: 1; text-align: center; }
#top-bar-inner div:nth-of-type(3) {margin-left: auto;}
/*------------------------------------*
Phone Portrait and Landscape
*------------------------------------*/
@media only screen and (max-width: 767px) {
#top-bar {
padding: 20px 0;
}
#top-bar > div:nth-child(2) {
padding-top: 20px;
}
.top-bar-right {
float: none;
text-align: center;
}
}
/**
* Top Bar Content
*/
#top-bar-content strong {
font-weight: 600;
}
#top-bar-content > a {
color: #fff;
}
#top-bar-content > a:hover {
text-decoration: underline;
}
#top-bar-content select {
background-color: transparent;
padding: 5px;
color: rgba(0, 0, 0, 0.4);
border-color: rgba(0, 0, 0, 0.2);
min-width: 100px;
}
#top-bar-content #lang_sel {
position: relative;
display: inline-block;
top: 3px;
margin-right: 10px;
z-index: 99;
}
#topbar-template {
display: inline-block;
}
#top-bar-wrap #lang_sel ul ul {
z-index: 99999;
}
.top-bar-right .polylang-switcher-shortcode {
float: right;
margin: 0;
margin-left: 20px;
}
.top-bar-left .polylang-switcher-shortcode {
float: left;
margin: 0;
margin-right: 20px;
}
/*------------------------------------*
Phone Portrait and Landscape
*------------------------------------*/
@media only screen and (max-width: 767px) {
#top-bar-content, #top-bar-social-alt {
float: none;
text-align: center;
}
#top-bar #lang_sel {
text-align: left;
}
body.rtl #top-bar #lang_sel {
text-align: right;
}
}
/**
* Top Bar Menu
*/
.top-bar-left.has-content #top-bar-nav,
.top-bar-right.has-content #top-bar-nav {
margin: 0;
margin-right: 20px;
padding: 0;
}
#top-bar-nav,
#top-bar-nav > li {
display: inline-block;
}
#top-bar-content.top-bar-centered #top-bar-nav,
#top-bar-content.top-bar-centered #top-bar-nav > li {
display: inline-block;
float: none;
}
#top-bar-nav > ul > li, #top-bar-social > ul > li {
display: inline-block;
float: none;
margin-right: 15px;
}
#top-bar-nav > ul > li:last-child, #top-bar-social > ul > li:last-child {
margin-right: 0;
}
#top-bar-nav ul li a {
color: #fff;
text-transform: uppercase;
font-weight: 500;
}
#top-bar-nav ul li.has-menu-icon:before{
font-weight: 500;
}
#top-bar-nav > ul > li a .nav-arrow {
margin-left: 4px;
margin-right: 0;
}
/*------------------------------------*
Phone Portrait and Landscape
*------------------------------------*/
@media only screen and (max-width: 767px) {
#top-bar #top-bar-nav > li {
float: none;
display: inline-block;
}
#top-bar-nav {
float: none;
text-align: center;
}
}
/**
* Top Bar Social
*/
#top-bar-social ul {
margin: 0;
padding: 0;
list-style: none;
}
#top-bar-social li {
float: left;
}
#top-bar-social li a {
display: block;
float: left;
font-size: 14px;
padding: 0 6px;
}
#top-bar-social.top-bar-left li:first-child a {
padding-left: 0;
}
#top-bar-social.top-bar-right li:last-child a {
padding-right: 0;
}
/**
* Top Bar Social Right
*/
#top-bar-social.top-bar-right {
position: absolute;
right: 0;
top: 50%;
height: 20px;
line-height: 20px;
margin-top: -10px;
}
/**
* Top Bar Social Left
*/
#top-bar-social.top-bar-left {
position: absolute;
left: 0;
top: 50%;
height: 20px;
line-height: 20px;
margin-top: -10px;
}
/**
* Top Bar Social Centered
*/
#top-bar-social.top-bar-centered {
padding-top: 15px;
}
#top-bar-social.top-bar-centered li {
display: inline-block;
float: none;
}
/*------------------------------------*
Phone Portrait and Landscape
*------------------------------------*/
@media only screen and (max-width: 767px) {
#top-bar-social {
text-align: center;
}
#top-bar-social.top-bar-left, #top-bar-social.top-bar-right {
position: inherit;
left: auto;
right: auto;
float: none;
height: auto;
line-height: 1.5em;
margin-top: 0;
}
#top-bar-social li {
float: none;
display: inline-block;
}
}
/*------------------------------------*
$HEADER
*------------------------------------*/
.siteheader-holder {
display: none;
}
#site-header {
position: relative;
width: 100%;
height: 120px;
z-index: 100;
}
#site-header.is-transparent {
position: absolute;
top: 0;
background-color: transparent;
height: auto;
z-index: 9999;
}
#transparent-header-wrap {
position: relative;
}
.has-transparent-header .acmthemes-sticky-header-holder {
height: auto !important;
}
.has-transparent-header .is-sticky #site-header {
background-color: #fff;
}
.no-header-border #site-header {
border-bottom: none;
}
#site-header-inner {
position: relative;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.header-default,
.header-light,
.header-dark,
.header-transparent-inner,
.header-fullwidth-navi{
height: 100%;
min-height: 81px;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
-ms-flex-align: center;
-webkit-align-items: center;
-webkit-box-align: center;
align-items: center;
justify-content: center;
}
@media only screen and (max-width: 576px) {
.header-default,
.header-light,
.header-dark,
.header-transparent-inner,
.header-fullwidth-navi {
justify-content: start;
}
}
.header-fullwidth-navi #site-navigation-wrap {
flex-basis: 100%;
max-width: 100%;
border-top: 1px solid #fbe2e2;
}
.header-fullwidth-navi #site-navigation #menu-main-menu {
float: none;
}
.header-fullwidth-navi #site-navigation-wrap .dropdown-menu > li > a {
line-height: 21px;
padding: 15px 15px 19px;
}
#site-logo {
height: 100%;
display: table;
}
.header-fullwidth-navi #site-logo {
min-height: 96px;
}
#site-logo #site-logo-inner {
display: table-cell;
vertical-align: middle;
height: 74px;
}
#site-logo #site-logo-inner a {
min-width: 260px;
height: 36px;
display: block;
background-color: transparent !important;
}
#site-logo #site-logo-inner .default-logo-dark,
.sticky #site-logo #site-logo-inner .default-logo-white {
display: none
}
.sticky #site-logo #site-logo-inner .default-logo-dark {
display: block;
}
.menu-light #site-logo #site-logo-inner a.full-screen-logo-link,
.menu-dark #site-logo #site-logo-inner a.full-screen-light-ver-logo-link,
header.sticky-dark-menu.sticky #site-logo #site-logo-inner a.full-screen-light-ver-logo-link,
header.sticky-light-menu.sticky #site-logo #site-logo-inner a.full-screen-logo-link {
display: none;
}
header.sticky-dark-menu.sticky #site-logo #site-logo-inner a.full-screen-logo-link,
header.sticky-light-menu.sticky #site-logo #site-logo-inner a.full-screen-light-ver-logo-link {
display: block;
}
#site-logo #site-logo-inner a img {
width: 100%;
max-width: 200px;
vertical-align: middle;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
}
@media screen and ( max-width: 1280px ) {
#site-logo #site-logo-inner a img {
max-width: 180px;
height: auto;
}
}
@media screen and ( min-width: 1200px ) and ( max-width: 1279px ) {
#site-logo #site-logo-inner a img {
max-width: 160px;
height: auto;
}
}
#site-logo a.site-logo-text {
font-size: 24px;
margin: 0;
}
/* Responsive logo */
#site-logo.has-responsive-logo .responsive-logo-link {
display: none;
}
#header-right-col #header-right-col-inner {
line-height: 96px;
color: #323232;
}
@media screen and ( min-width: 768px ) and ( max-width: 1235px ) {
#site-header #site-header-inner .woo-cart-item,
#site-header #site-header-inner .nav-menu-search {
display: none;
}
}
/*------------------------------------*
Phone Portrait and Landscape
*------------------------------------*/
@media only screen and (max-width: 767px) {
/* logo */
#site-logo {
margin-top: 0px !important;
margin-bottom: 0px !important;
}
}
.nav-menu-button a.nav-cta-btn {
display: inline-block;
font-size: 16px;
font-weight: 600;
text-transform: uppercase;
color: #fff;
padding: 11px 40px;
border-radius: 25px;
margin-left: 20px;
position: relative;
background-color: #6a49f2;
}
.menu-light .nav-menu-button a.nav-cta-btn:before {
animation: pulse-white-medium-sm 3.5s infinite;
}
.menu-light .nav-menu-button a.nav-cta-btn:after {
animation: pulse-white-small-sm 3.5s infinite;
}
.menu-dark .nav-menu-button a.nav-cta-btn:before {
animation: pulse-blue-medium-sm 3.5s infinite;
}
.menu-dark .nav-menu-button a.nav-cta-btn:after {
animation: pulse-blue-small-sm 3.5s infinite;
}
.nav-menu-button a.nav-cta-btn:before,
.nav-menu-button a.nav-cta-btn:after {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 42px;
z-index: -1;
}
@media only screen and (max-width: 1194px) {
.nav-menu-button {
display: none;
}
}
#site-header.top-header #search-toggle {
border-right: 1px solid #f1f1f1;
border-left: 1px solid #f1f1f1;
padding: 0 6px;
}
#site-header.top-header #search-toggle a {
display: inline-block;
font-size: 12px;
width: 28px;
text-align: center;
}
#site-header.top-header.search-overlay #search-toggle .search-overlay-toggle {
position: relative;
z-index: 101;
}
#site-header.top-header.search-overlay #search-toggle .search-overlay-toggle.exit > span:before {
content: '✕';
color: #fff;
}
#site-header.top-header #searchform-header-replace input {
color: #222;
font-size: 10px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 2px;
}
#site-header.top-header #searchform-header-replace-close {
font-size: 16px;
padding: 0 6px;
}
#site-header.top-header .header-bottom {
text-align: center;
}
#site-header.top-header #site-logo {
float: none;
display: inline-block;
padding: 50px 0;
}
#site-header.top-header #site-logo #site-logo-inner {
display: block;
height: auto;
}
#site-header.top-header #site-logo #site-description {
padding-top: 20px;
}
#site-header.top-header #site-logo #site-description h2 {
color: #929292;
font-size: 12px;
line-height: 20px;
letter-spacing: 2px;
text-transform: uppercase;
margin: 0;
}
#site-header.top-header .acmthemes-mobile-menu-icon {
float: none;
left: -15px;
right: auto;
}
#site-header.top-header .acmthemes-mobile-menu-icon a {
font-size: 10px;
line-height: 40px;
font-weight: 600;
letter-spacing: 2px;
text-transform: uppercase;
}
#site-header.top-header.has-header-media #site-header-sticky-wrapper,
#site-header.top-header.has-header-media .header-top {
z-index: 101;
}
#site-header {
-webkit-transition: all 0.5s ease;
-moz-transition: position 10s;
-ms-transition: position 10s;
-o-transition: position 10s;
transition: all 0.5s ease;
}
#site-header.sticky,
.home #site-header.sticky,
.page #site-header.sticky {
background: #fff;
position: fixed;
left: 0;
right: 0;
top: 0;
z-index: 100;
-webkit-box-shadow: 0 3px 37px rgb(0 0 0 / 7%);
-moz-box-shadow: 0 3px 37px rgb(0,0,0,0.07);
box-shadow: 0 3px 37px rgb(0 0 0 / 7%);
animation: smoothScroll 1s forwards;
}
.admin-bar #site-header.sticky {
top: 32px;
}
@keyframes smoothScroll {
0% {
transform: translateY(-81px);
}
100% {
transform: translateY(0px);
}
}
.boxed-layout #site-header.sticky,
.home .boxed-layout #site-header.sticky,
.page .boxed-layout #site-header.sticky {
left: 0;
right: 0;
width: 1440px;
margin-left: auto;
margin-right: auto;
}
/*------------------------------------*
Logo
*------------------------------------*/
#site-header .mobile-screen-logo-link {
display: none;
}
@media screen and (max-width: 768px) {
#site-header .mobile-screen-logo-link {
display: block;
}
}
.header-default #site-navigation-wrap,
.header-light #site-navigation-wrap,
.header-dark #site-navigation-wrap,
.header-transparent #site-navigation-wrap,
.header-transparent-style #site-navigation-wrap,
.menu-light #site-navigation-wrap,
.menu-dark #site-navigation-wrap {
min-width: 350px;
margin-left: auto;
margin-right: auto;
}
.header-default #site-navigation-wrap.menu-text-left,
.header-transparent #site-navigation-wrap.menu-text-left,
.header-transparent-style #site-navigation-wrap.menu-text-left {
margin-left: 20px;
}
.page-header-wrap {
padding: 10px 0;
}
/* nav button actions */
#site-header .nav-menu-search,
#site-header .woo-cart-item a,
#site-header .nav-menu-search a {
display: block;
width: 47px;
height: 47px;
line-height: 49px;
text-align: center;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
transition: all 0.18s ease-in-out 0s;
-webkit-transition: all 0.18s ease-in-out 0s;
-ms-transition: all 0.18s ease-in-out 0s;
-moz-transition: all 0.18s ease-in-out 0s;
transform: scale(1);
}
#site-header .woo-cart-item a {
background-color: #f8f9fa;
color: #121823;
}
@media screen and (max-width: 960px) {
#site-header .woo-cart-item {
position: absolute;
right: 30px;
top: 50%;
margin-top: -24px;
}
#site-header .woo-cart-item a:hover {
transform: none !important;
}
}
#site-header .nav-menu-search {
margin-left: 12px;
background-color: #6a49f2;
}
#site-header .nav-menu-search,
#site-header .nav-menu-search a {
color: #fff;
}
#site-header .woo-cart-item a:hover,
#site-header .nav-menu-search:hover {
transform: scale(1.1);
}
@media screen and (max-width: 960px) {
#site-header .nav-menu-search {
display: none;
}
}
#site-navigation .megamenu img {
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
}
/*------------------------------------*
$NAVIGATIONS
*------------------------------------*/
#site-navigation-wrap {
position: relative;
}
#site-navigation > ul > li > a {
color: #ffffff;
}
#site-navigation > ul > li > a:hover {
color: #ffffff;
}
#site-navigation-wrap .dropdown-menu {
list-style: none;
margin: 0;
padding: 0;
}
#site-navigation-wrap .dropdown-menu > li {
float: left;
position: relative;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
#site-navigation-wrap .dropdown-menu > li > a {
display: block;
font-size: 15px;
color: #ffffff;
font-weight: 600;
padding: 5px 15px;
letter-spacing: 1px;
}
#site-navigation-wrap .dropdown-menu > li > a:before {
margin-right: 7px;
}
#site-navigation-wrap .dropdown-menu > li:before,
#top-bar-nav > ul > li:before, #top-bar-social > ul > li:before {
position: absolute;
top: 50%;
left: 0;
margin-top: -8px;
font-size: 13px;
}
#top-bar-nav > ul > li:before, #top-bar-social > ul > li:before {
font-size: 12px;
margin-top: -6px;
}
#site-navigation-wrap .dropdown-menu > li.has-menu-icon a,
#top-bar-nav > ul > li.has-menu-icon a, #top-bar-social > ul > li.has-menu-icon a {
padding-left: 24px;
}
#site-navigation-wrap .dropdown-menu > li.menu-item > a > span {
position: relative;
}
#site-navigation-wrap #site-navigation .dropdown-menu li > a {
border-radius: 10px 10px 0 0;
}
#site-navigation-wrap #site-navigation ul:not(.megamenu) > li.dropdown.sfHover > a {
background-color: #fff;
box-shadow: 0px 4px 10px #c5c5c580;
}
#site-navigation-wrap .dropdown-menu > li > a.site-search-toggle {
letter-spacing: 0;
}
#site-navigation-wrap .dropdown-menu > li > a:hover,
#site-navigation-wrap .dropdown-menu > li.current_page_item > a,
#site-navigation-wrap .dropdown-menu > li.current_menu_item > a,
#site-navigation-wrap .dropdown-menu > li.current-menu-ancestor > a,
#site-navigation-wrap .dropdown-menu > li.current-menu-parent > a {
color: #ffffff;
}
#site-navigation-wrap .dropdown-menu > li > a .nav-arrow {
padding-left: 6px;
line-height: 1;
}
#site-navigation-wrap .dropdown-menu > li.btn > a > span:before,
#site-navigation-wrap .dropdown-menu > li.btn > a > span:after {
display: none !important;
}
#site-navigation-wrap .dropdown-menu > li.btn > a > span {
padding: 9px 12px;
background-color: #424b58;
color: #fff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
border-radius: 3px;
}
#site-navigation-wrap .dropdown-menu > li.btn > a:hover > span {
background-color: #121823;
color: #fff;
}
#site-navigation-wrap .dropdown-menu > li.btn.rounded > a > span {
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
-ms-border-radius: 25px;
border-radius: 25px;
}
#site-navigation-wrap .dropdown-menu li.nav-no-click > a {
pointer-events: none;
cursor: default;
text-decoration: none;
}
#site-navigation-wrap .dropdown-menu > li.menu-item > a > span.menu-label {
position: absolute;
top: 50%;
right: -5px;
font-size: 0.7em;
font-weight: 500;
line-height: 1.3em;
text-transform: capitalize;
background-color: #88b55f;
color: #fff;
padding: 2px 5px;
margin-top: -28px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
border-radius: 5px;
}
#site-navigation-wrap .dropdown-menu > li.menu-item > a > span.menu-label:after {
content: "";
width: 0;
height: 0;
position: absolute;
bottom: -4px;
left: 50%;
margin-left: -4px;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid #88b55f;
}
#site-navigation-wrap .hide .main-menu {
visibility: hidden;
opacity: 0;
transition: all 0.1s ease-in-out 0s;
-webkit-transition: all 0.1s ease-in-out 0s;
-ms-transition: all 0.1s ease-in-out 0s;
-moz-transition: all 0.1s ease-in-out 0s;
}
#site-navigation-wrap .dropdown .sub-menu li a:before {
content: "";
width: 10px;
height: 10px;
display: inline-block;
border: 2px solid #6a49f2;
border-radius: 10px;
margin-right: 5px;
position: absolute;
left: 5px;
top: 50%;
transform: translateY(-50%);
opacity: 0;
transition: .4s all;
}
#site-navigation-wrap .megamenu .dropdown .sub-menu li a:before {
top: 21px;
}
#site-navigation-wrap .dropdown .sub-menu li a:hover {
padding-left: 30px;
}
#site-navigation-wrap .dropdown .sub-menu li a:hover:before {
opacity: 1;
left: 15px;
}
.wcmenucart-details.count {
background-color: #29ccab;
}
.wcmenucart-details.count:before {
border-color: #29ccab;
}
.has-social #site-navigation-wrap {
right: 0;
}
.center-menu #site-navigation-wrap {
position: absolute;
float: none;
left: 50%;
right: auto;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
/**
* Header light version
*/
.menu-dark #site-navigation-wrap .dropdown-menu > li > a {
color: #3e3f66;
}
.menu-dark #site-navigation-wrap .dropdown-menu > li > a:hover,
.menu-dark #site-navigation-wrap .dropdown-menu > li.current_page_item > a,
.menu-dark #site-navigation-wrap .dropdown-menu > li.current_menu_item > a,
.menu-dark #site-navigation-wrap .dropdown-menu > li.current-menu-ancestor > a,
.menu-dark #site-navigation-wrap .dropdown-menu > li.current-menu-parent > a {
color: #6a49f2;
}
/**
* SuperFish
*/
.sf-menu,
.sf-menu * {
margin: 0;
padding: 0;
list-style: none;
}
.sf-menu li.menu-item {
position: relative;
white-space: nowrap;
white-space: normal;
}
.sf-menu li:hover,
.sf-menu li.sfHover {
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
}
.sf-menu ul.sub-menu {
position: absolute;
display: none;
top: 100%;
left: 0;
z-index: 9999;
}
.sf-menu > li {
float: left;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
display: block;
}
.sf-menu a.menu-link {
display: block;
position: relative;
zoom: 1;
}
.sf-menu ul.sub-menu ul {
top: 0;
left: 100%;
}
/**
* Dropdown
*/
.dropdown-menu,
.dropdown-menu * {
margin: 0;
padding: 0;
list-style: none;
}
.dropdown-menu .sub-menu {
display: none;
position: absolute;
top: 100%;
left: 0;
padding: 10px 0;
background-color: #fff;
min-width: 250px;
line-height: 1;
text-align: left;
z-index: 999;
-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
border-radius: 0 10px 10px 10px;
-moz-border-radius: 0 10px 10px 10px;
-webkit-border-radius: 0 10px 10px 10px;
}
.dropdown-menu li .sub-menu li.menu-item {
display: block;
float: none;
}
.dropdown-menu ul .sub-menu {
top: 0;
left: 100%;
}
.no-top-border .sub-menu {
border: none;
}
.dropdown-menu ul li.menu-item {
display: block;
}
.dropdown-menu ul li.menu-item:last-child {
border-bottom: 0;
}
.dropdown-menu ul li a.menu-link {
display: block;
position: relative;
float: none;
color: #3e3f66;
font-size: 14px;
font-weight: 600;
line-height: 1.2em;
padding: 9px 15px;
text-transform: capitalize;
}
.dropdown-menu ul li a.menu-link:hover {
color: #121823;
}
.dropdown-menu ul li a.menu-link .nav-arrow {
position: absolute;
top: 50%;
right: 15px;
margin-top: -6.5px;
padding: 0;
}
.dropdown-menu ul li a.menu-link i {
position: relative;
width: 20px;
text-align: center;
margin-right: 3px;
}
/**
* Icons
*/
.dropdown-menu li a.menu-link i {
padding-right: 5px;
}
/**
* Item description
*/
.nav-content {
display: block;
color: #485064;
font-size: 12px;
line-height: 1.8;
padding: 5px 0;
white-space: normal;
-moz-opacity: 0.7;
-webkit-opacity: 0.7;
opacity: 0.7;
border-bottom: 1px solid #f2f2f2;
}
/**
* Menu Icons
*/
.navigation li a i.icon, .navigation li a span.icon-wrap, .navigation li a img.icon {
display: inline-block;
vertical-align: middle;
}
.navigation li a i.icon {
width: auto;
height: auto;
font-size: 1.2em;
line-height: 1;
padding: 0 !important;
}
.navigation li a i.before, .navigation li a i.after {
margin-top: -.265em;
}
.navigation li a i.before {
margin-right: 6px;
}
.navigation li a i.after {
margin-left: 6px;
}
.navigation li a i.elusive {
margin-top: -.3em;
}
.navigation li a span.icon-wrap {
text-align: center;
}
.navigation li a span.icon-wrap i.below, .navigation li a span.icon-wrap img {
display: block;
margin: 0 0 8px;
}
.navigation li a span.icon-wrap img {
margin: 0 auto 8px auto;
}
.navigation li a span.icon-wrap span.menu-text {
display: block;
line-height: 1;
}
.navigation li a img.before {
margin-right: 6px;
}
.navigation li a img.after {
margin-left: 6px;
}
.navigation li a .svg {
width: 1em;
}
.navigation li a .hidden {
display: none !important;
}
/**
* After header content
*/
.after-header-content {
float: right;
height: 100%;
display: table;
}
.after-header-content .after-header-content-inner {
display: table-cell;
vertical-align: middle;
height: 74px;
}
.after-header-content .after-header-content-inner > a,
.after-header-content .after-header-content-inner > div > a {
display: inline-block;
line-height: 74px;
}
.after-header-content .elementor {
display: inline-block;
}
/*------------------------------------*
Mobile Menu
*------------------------------------*/
.acmthemes-mobile-menu-icon {
display: none;
position: absolute;
right:12px;
top: 4px;
}
.rtl .acmthemes-mobile-menu-icon {
right:auto;
left: 12px;
}
.acmthemes-mobile-menu-icon a {
font-size: 19px;
line-height: 74px;
color: #251e1e;
padding-left: 15px;
letter-spacing: 0.6px;
cursor: pointer;
}
.acmthemes-mobile-menu-icon a i {
font-size: 20px !important;
}
.acmthemes-mobile-menu-icon a:first-child {
padding-left: 0;
}
.acmthemes-mobile-menu-icon a:hover {
color: #13aff0;
}
.acmthemes-mobile-menu-icon a.mobile-menu .acmthemes-text,
.acmthemes-mobile-menu-icon a.mobile-menu .acmthemes-close-text {
padding-left: 6px;
}
.acmthemes-mobile-menu-icon a.mobile-menu .acmthemes-close-text,
.acmthemes-mobile-menu-icon a.mobile-menu.opened .acmthemes-text {
display: none;
}
.acmthemes-mobile-menu-icon a.mobile-menu.opened .acmthemes-close-text {
display: inline-block;
}
.acmthemes-social-menu {
float: right;
position: relative;
z-index: 10;
}
.acmthemes-social-menu.simple-social {
right: -8px;
}
.acmthemes-social-menu.social-with-style {
right: -2px;
}
.acmthemes-social-menu .social-menu-inner {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
align-items: center;
height: 74px;
}
.acmthemes-social-menu ul {
margin: 0;
padding: 0;
list-style: none;
}
.acmthemes-social-menu ul li {
float: left;
position: relative;
}
.acmthemes-social-menu ul li a {
display: inline-block;
background-color: transparent;
color: #929292;
padding: 0 8px;
line-height: 1;
text-align: center;
letter-spacing: 0;
}
.acmthemes-social-menu ul li a span {
width: 1em;
height: 1em;
text-align: center;
}
.acmthemes-social-menu ul li a:hover {
background-color: transparent;
}
.acmthemes-social-menu ul li:first-child a {
margin-left: 0;
}
.acmthemes-social-menu ul li:last-child a {
margin-right: 0;
}
.bred_crumb {
background-image: url(../img/breadcrumb_bg.svg);
background-color: #6a49f2;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
min-height: 500px;
width: 100%;
display: flex;
align-items: center;
position: relative;
margin-top: -120px;
}
.bred_crumb::after {
content: "";
background-image: url(../img/inner_page_banner_overlay.svg);
position: absolute;
bottom: -1px;
left: 0;
background-size: cover;
background-repeat: no-repeat;
width: 100%;
height: 200px;
background-position: center;
}
.bred_crumb .bred_text {
text-align: center;
z-index: 1000;
position: relative;
}
.bred_crumb .bred_text h1 {
color: #fff;
font-size: 55px;
font-weight: 700;
}
.bred_crumb .bred_text h1 + p {
color: #fff;
margin-top: -5px;
}
.bred_crumb .bred_text ul {
display: flex;
justify-content: center;
align-items: center;
}
.bred_crumb .bred_text ul li {
margin: 0 5px;
}
.bred_crumb .bred_text ul li a, .bred_crumb .bred_text ul li span {
color: #fff;
font-size: 16px;
font-weight: 500;
transition: .4s all;
}
.bred_crumb .bred_text ul li a:hover {
text-decoration: underline;
}
.bred_crumb .bred_text .search_bar {
margin-top: 25px;
position: relative;
z-index: 1000;
}
.bred_crumb .bred_text .search_bar form .form-group {
position: relative;
max-width: 600px;
height: 60px;
margin: 0 auto;
}
.bred_crumb .bred_text .search_bar form .form-group .form-control {
width: 100%;
height: 100%;
border-radius: 100px;
border: 1px solid var(--bg-purple);
font-size: 16px;
padding-left: 30px;
color: #6a49f2;
}
.bred_crumb .bred_text .search_bar form .form-group .form-control::placeholder {
color: var(--body-text-purple);
}
.bred_crumb .bred_text .search_bar form .form-group .form-control:focus {
outline: none;
box-shadow: none;
border-color: #6a49f2;
}
.bred_crumb .bred_text .search_bar form .form-group .btn {
position: absolute;
right: 2px;
top: 2px;
background-color: var(--bg-purple);
width: 56px;
height: 56px;
padding: 0;
border-radius: 100px;
text-align: center;
line-height: 56px;
font-size: 23px;
color: #fff;
}
.bred_crumb .bred_text .search_bar form .form-group .btn:hover {
background-color: #6a49f2;
}
/*------------------------------------*
$LINKS EFFECT
*------------------------------------*/
.effect-one #site-navigation-wrap .dropdown-menu > li > a.menu-link > span {
position: relative;
}
.effect-one #site-navigation-wrap .dropdown-menu > li > a.menu-link > span:after {
display: block;
background-color: #13aff0;
position: absolute;
bottom: -30%;
left: 0;
content: '';
width: 100%;
height: 2px;
visibility: hidden;
-moz-transform: scaleX(0);
-webkit-transform: scaleX(0);
transform: scaleX(0);
transform-origin: bottom left;
-webkit-transition: all 0.25s ease-out;
-moz-transition: all 0.25s ease-out;
-ms-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
.effect-one #site-navigation-wrap .dropdown-menu > li > a.menu-link:hover > span:after {
visibility: visible;
-moz-transform: scaleX(1);
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
.effect-one #site-navigation-wrap .dropdown-menu > li.sfHover > a.menu-link > span:after {
visibility: visible;
-moz-transform: scaleX(1);
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
.effect-two #site-navigation-wrap .dropdown-menu > li > a.menu-link > span {
position: relative;
}
.effect-two #site-navigation-wrap .dropdown-menu > li > a.menu-link > span:after {
position: absolute;
bottom: -30%;
left: 0;
width: 100%;
height: 3px;
background-color: rgba(0, 0, 0, 0.1);
content: '';
opacity: 0;
-webkit-transition: all 0.25s ease-out;
-moz-transition: all 0.25s ease-out;
-ms-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
-webkit-transform: translateY(10px);
-moz-transform: translateY(10px);
-ms-transform: translateY(10px);
-o-transform: translateY(10px);
transform: translateY(10px);
}
.effect-two #site-navigation-wrap .dropdown-menu > li > a.menu-link:hover > span:after {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.effect-two #site-navigation-wrap .dropdown-menu > li.sfHover > a.menu-link > span:after {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.effect-three #site-navigation-wrap .dropdown-menu > li > a.menu-link > span {
position: relative;
}
.effect-three #site-navigation-wrap .dropdown-menu > li > a.menu-link > span:after {
position: absolute;
bottom: -30%;
left: 0;
width: 100%;
height: 1px;
background-color: #13aff0;
content: '';
opacity: 0;
-webkit-transition: all 0.25s ease-out;
-moz-transition: all 0.25s ease-out;
-ms-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
-ms-transform: translateY(-10px);
-o-transform: translateY(-10px);
transform: translateY(-10px);
}
.effect-three #site-navigation-wrap .dropdown-menu > li > a.menu-link:hover > span:after {
height: 2px;
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.effect-three #site-navigation-wrap .dropdown-menu > li.sfHover > a.menu-link > span:after {
height: 2px;
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.effect-four #site-navigation-wrap .dropdown-menu > li > a.menu-link > span {
position: relative;
}
.effect-four #site-navigation-wrap .dropdown-menu > li > a.menu-link > span:before, .effect-four #site-navigation-wrap .dropdown-menu > li > a.menu-link > span:after {
display: inline-block;
color: #13aff0;
opacity: 0;
-webkit-transition: all 0.25s ease-out;
-moz-transition: all 0.25s ease-out;
-ms-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
.effect-four #site-navigation-wrap .dropdown-menu > li > a.menu-link > span:before {
margin-right: 6px;
content: '[';
-webkit-transform: translateX(20px);
-moz-transform: translateX(20px);
-ms-transform: translateX(20px);
-o-transform: translateX(20px);
transform: translateX(20px);
}
.effect-four #site-navigation-wrap .dropdown-menu > li > a.menu-link > span:after {
margin-left: 6px;
content: ']';
-webkit-transform: translateX(-20px);
-moz-transform: translateX(-20px);
-ms-transform: translateX(-20px);
-o-transform: translateX(-20px);
transform: translateX(-20px);
}
.effect-four #site-navigation-wrap .dropdown-menu > li > a.menu-link:hover > span:before,
.effect-four #site-navigation-wrap .dropdown-menu > li > a.menu-link:hover > span:after {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.effect-four #site-navigation-wrap .dropdown-menu > li.sfHover > a.menu-link > span:before,
.effect-four #site-navigation-wrap .dropdown-menu > li.sfHover > a.menu-link > span:after {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.effect-five #site-navigation-wrap .dropdown-menu > li > a.menu-link > span {
position: relative;
}
.effect-five #site-navigation-wrap .dropdown-menu > li > a.menu-link > span:before, .effect-five #site-navigation-wrap .dropdown-menu > li > a.menu-link > span:after {
position: absolute;
top: 130%;
left: 0;
width: 100%;
height: 2px;
background-color: #13aff0;
content: '';
-webkit-transition: all 0.25s ease-out;
-moz-transition: all 0.25s ease-out;
-ms-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
-webkit-transform: scale(0.85);
-moz-transform: scale(0.85);
-ms-transform: scale(0.85);
-o-transform: scale(0.85);
transform: scale(0.85);
}
.effect-five #site-navigation-wrap .dropdown-menu > li > a.menu-link > span:after {
opacity: 0;
-webkit-transition: all 0.25s ease-out;
-moz-transition: all 0.25s ease-out;
-ms-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
.effect-five #site-navigation-wrap .dropdown-menu > li > a.menu-link:hover > span:before,
.effect-five #site-navigation-wrap .dropdown-menu > li > a.menu-link:hover > span:after {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.effect-five #site-navigation-wrap .dropdown-menu > li > a.menu-link:hover > span:after {
top: -30%;
opacity: 1;
}
.effect-five #site-navigation-wrap .dropdown-menu > li.sfHover > a.menu-link > span:before,
.effect-five #site-navigation-wrap .dropdown-menu > li.sfHover > a.menu-link > span:after {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.effect-five #site-navigation-wrap .dropdown-menu > li.sfHover > a.menu-link > span:after {
top: -30%;
opacity: 1;
}
.effect-six #site-navigation-wrap .dropdown-menu > li > a.menu-link > span {
position: relative;
}
.effect-six #site-navigation-wrap .dropdown-menu > li > a.menu-link > span:before, .effect-six #site-navigation-wrap .dropdown-menu > li > a.menu-link > span:after {
position: absolute;
top: 50%;
left: 50%;
width: 50px;
height: 50px;
border: 2px solid rgba(0, 0, 0, 0.1);
border-radius: 50%;
content: '';
opacity: 0;
-webkit-transition: all 0.25s ease-out;
-moz-transition: all 0.25s ease-out;
-ms-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
-webkit-transform: translateX(-50%) translateY(-50%) scale(0.2);
-moz-transform: translateX(-50%) translateY(-50%) scale(0.2);
-ms-transform: translateX(-50%) translateY(-50%) scale(0.2);
-o-transform: translateX(-50%) translateY(-50%) scale(0.2);
transform: translateX(-50%) translateY(-50%) scale(0.2);
}
.effect-six #site-navigation-wrap .dropdown-menu > li > a.menu-link > span:after {
width: 40px;
height: 40px;
border-width: 4px;
-webkit-transform: translateX(-50%) translateY(-50%) scale(0.8);
-moz-transform: translateX(-50%) translateY(-50%) scale(0.8);
-ms-transform: translateX(-50%) translateY(-50%) scale(0.8);
-o-transform: translateX(-50%) translateY(-50%) scale(0.8);
transform: translateX(-50%) translateY(-50%) scale(0.8);
}
.effect-six #site-navigation-wrap .dropdown-menu > li > a.menu-link:hover > span:before,
.effect-six #site-navigation-wrap .dropdown-menu > li > a.menu-link:hover > span:after {
opacity: 1;
-webkit-transform: translateX(-50%) translateY(-50%) scale(1);
-moz-transform: translateX(-50%) translateY(-50%) scale(1);
-ms-transform: translateX(-50%) translateY(-50%) scale(1);
-o-transform: translateX(-50%) translateY(-50%) scale(1);
transform: translateX(-50%) translateY(-50%) scale(1);
}
.effect-six #site-navigation-wrap .dropdown-menu > li.sfHover > a.menu-link > span:before,
.effect-six #site-navigation-wrap .dropdown-menu > li.sfHover > a.menu-link > span:after {
opacity: 1;
-webkit-transform: translateX(-50%) translateY(-50%) scale(1);
-moz-transform: translateX(-50%) translateY(-50%) scale(1);
-ms-transform: translateX(-50%) translateY(-50%) scale(1);
-o-transform: translateX(-50%) translateY(-50%) scale(1);
transform: translateX(-50%) translateY(-50%) scale(1);
}
.effect-seven #site-navigation-wrap .dropdown-menu > li > a.menu-link > span {
position: relative;
}
.effect-seven #site-navigation-wrap .dropdown-menu > li > a.menu-link > span:after {
position: absolute;
bottom: -80%;
left: 50%;
color: transparent;
content: '•';
text-shadow: 0 0 transparent;
font-size: 1.2em;
line-height: 1;
-webkit-transition: all 0.25s ease-out;
-moz-transition: all 0.25s ease-out;
-ms-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
pointer-events: none;
}
.effect-seven #site-navigation-wrap .dropdown-menu > li > a.menu-link:hover > span:after {
color: #13aff0;
text-shadow: 10px 0 #13aff0, -10px 0 #13aff0;
}
.effect-seven #site-navigation-wrap .dropdown-menu > li.sfHover > a.menu-link > span:after {
color: #13aff0;
text-shadow: 10px 0 #13aff0, -10px 0 #13aff0;
}
.effect-eight #site-navigation-wrap .dropdown-menu > li > a.menu-link > span {
position: relative;
padding: 0 8px;
}
.effect-eight #site-navigation-wrap .dropdown-menu > li > a.menu-link > span:before, .effect-eight #site-navigation-wrap .dropdown-menu > li > a.menu-link > span:after {
position: absolute;
width: 100%;
top: 50%;
left: 0;
height: 2px;
margin-top: -1px;
background-color: rgba(0, 0, 0, 0.1);
content: '';
z-index: -1;
-webkit-transition: all 0.25s ease-out;
-moz-transition: all 0.25s ease-out;
-ms-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
pointer-events: none;
}
.effect-eight #site-navigation-wrap .dropdown-menu > li > a.menu-link > span:before {
-webkit-transform: translateY(-13px);
-moz-transform: translateY(-13px);
-ms-transform: translateY(-13px);
-o-transform: translateY(-13px);
transform: translateY(-13px);
}
.effect-eight #site-navigation-wrap .dropdown-menu > li > a.menu-link > span:after {
-webkit-transform: translateY(15px);
-moz-transform: translateY(15px);
-ms-transform: translateY(15px);
-o-transform: translateY(15px);
transform: translateY(15px);
}
.effect-eight #site-navigation-wrap .dropdown-menu > li > a.menu-link:hover > span:before,
.effect-eight #site-navigation-wrap .dropdown-menu > li > a.menu-link:hover > span:after {
opacity: 0.8;
}
.effect-eight #site-navigation-wrap .dropdown-menu > li > a.menu-link:hover > span:before {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.effect-eight #site-navigation-wrap .dropdown-menu > li > a.menu-link:hover > span:after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.effect-eight #site-navigation-wrap .dropdown-menu > li.sfHover > a.menu-link > span:before,
.effect-eight #site-navigation-wrap .dropdown-menu > li.sfHover > a.menu-link > span:after {
opacity: 0.8;
}
.effect-eight #site-navigation-wrap .dropdown-menu > li.sfHover > a.menu-link > span:before {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.effect-eight #site-navigation-wrap .dropdown-menu > li.sfHover > a.menu-link > span:after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.effect-nine #site-navigation-wrap .dropdown-menu > li > a.menu-link > span {
position: relative;
}
.effect-nine #site-navigation-wrap .dropdown-menu > li > a.menu-link > span:before, .effect-nine #site-navigation-wrap .dropdown-menu > li > a.menu-link > span:after {
position: absolute;
left: 0;
width: 100%;
height: 2px;
background-color: #13aff0;
content: '';
opacity: 0;
-webkit-transition: all 0.25s ease-out;
-moz-transition: all 0.25s ease-out;
-ms-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
-ms-transform: translateY(-10px);
-o-transform: translateY(-10px);
transform: translateY(-10px);
}
.effect-nine #site-navigation-wrap .dropdown-menu > li > a.menu-link > span:before {
top: 0;
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
-ms-transform: translateY(-10px);
-o-transform: translateY(-10px);
transform: translateY(-10px);
}
.effect-nine #site-navigation-wrap .dropdown-menu > li > a.menu-link > span:after {
bottom: 0;
-webkit-transform: translateY(10px);
-moz-transform: translateY(10px);
-ms-transform: translateY(10px);
-o-transform: translateY(10px);
transform: translateY(10px);
}
.effect-nine #site-navigation-wrap .dropdown-menu > li > a.menu-link:hover > span:before,
.effect-nine #site-navigation-wrap .dropdown-menu > li > a.menu-link:hover > span:after {
opacity: 1;
}
.effect-nine #site-navigation-wrap .dropdown-menu > li > a.menu-link:hover > span:before {
-webkit-transform: translateY(-3px);
-moz-transform: translateY(-3px);
-ms-transform: translateY(-3px);
-o-transform: translateY(-3px);
transform: translateY(-3px);
}
.effect-nine #site-navigation-wrap .dropdown-menu > li > a.menu-link:hover > span:after {
-webkit-transform: translateY(5px);
-moz-transform: translateY(5px);
-ms-transform: translateY(5px);
-o-transform: translateY(5px);
transform: translateY(5px);
}
.effect-nine #site-navigation-wrap .dropdown-menu > li.sfHover > a.menu-link > span:before,
.effect-nine #site-navigation-wrap .dropdown-menu > li.sfHover > a.menu-link > span:after {
opacity: 1;
}
.effect-nine #site-navigation-wrap .dropdown-menu > li.sfHover > a.menu-link > span:before {
-webkit-transform: translateY(-3px);
-moz-transform: translateY(-3px);
-ms-transform: translateY(-3px);
-o-transform: translateY(-3px);
transform: translateY(-3px);
}
.effect-nine #site-navigation-wrap .dropdown-menu > li.sfHover > a.menu-link > span:after {
-webkit-transform: translateY(5px);
-moz-transform: translateY(5px);
-ms-transform: translateY(5px);
-o-transform: translateY(5px);
transform: translateY(5px);
}
.effect-ten #site-navigation-wrap .dropdown-menu > li > a.menu-link > span {
padding: 8px;
-webkit-transition: box-shadow 0.25s ease-out;
-moz-transition: box-shadow 0.25s ease-out;
-ms-transition: box-shadow 0.25s ease-out;
-o-transition: box-shadow 0.25s ease-out;
transition: box-shadow 0.25s ease-out;
}
.effect-ten #site-navigation-wrap .dropdown-menu > li > a.menu-link:hover > span {
-webkit-box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.1);
}
.effect-ten #site-navigation-wrap .dropdown-menu > li.sfHover > a.menu-link > span {
-webkit-box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.1);
}
/*------------------------------------*
MEGA MENU
*------------------------------------*/
#site-navigation-wrap .megamenu > li > a {
text-transform: uppercase;
}
.navigation .megamenu a .nav-arrow {
display: none;
}
#site-navigation-wrap .megamenu > li > a.menu-link {
font-size: 13px;
font-weight: 600;
}
.navigation .megamenu li ul.sub-menu {
border-top: 1px solid #f1f1f1;
}
.navigation .megamenu li a.menu-link {
padding: 12px 20px;
}
.navigation .megamenu .sidebar-box {
padding: 20px;
margin-bottom: 0;
line-height: 1.8;
white-space: normal;
}
.navigation .megamenu .widget_media_image {
padding: 0;
margin-right: -7px;
text-align: right;
}
.navigation > ul > li > ul.megamenu.sub-menu > li {
float: left;
border: none;
padding: 0 7px;
}
.navigation > ul > li > ul.megamenu.sub-menu > li.no-padding {
padding: 0;
}
.navigation li.megamenu-li.hide-headings > .megamenu > li > a,
.navigation li.megamenu-li > .megamenu > li.hide-heading > a,
.navigation .megamenu-li .hide-subheading > a {
display: none;
}
.navigation .megamenu .sub-menu {
display: block !important;
-moz-opacity: 1 !important;
-webkit-opacity: 1 !important;
opacity: 1 !important;
height: auto !important;
min-width: 100%;
position: static;
background: transparent;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
/**
* Megamenu columns
*/
.navigation li.megamenu-li .megamenu.col-1 > li {
width: 100%;
}
.navigation li.megamenu-li .megamenu.col-2 > li {
width: 50%;
}
.navigation li.megamenu-li .megamenu.col-3 > li {
width: 33.33333333%;
}
.navigation li.megamenu-li .megamenu.col-4 > li {
width: 25%;
}
.navigation li.megamenu-li .megamenu.col-5 > li {
width: 20%;
}
.navigation li.megamenu-li .megamenu.col-6 > li {
width: 16.66666667%;
}
/**
* Megamenu auto width
*/
@media only screen and (min-width: 959px) {
.navigation li.megamenu-li.auto-mega .megamenu.col-1 {
width: 320px;
}
.navigation li.megamenu-li.auto-mega .megamenu.col-2 {
width: 440px;
}
.navigation li.megamenu-li.auto-mega .megamenu.col-3 {
width: 660px;
}
.navigation li.megamenu-li.auto-mega .megamenu.col-4 {
width: 780px;
}
.navigation li.megamenu-li.auto-mega .megamenu.col-5 {
width: 980px;
}
.navigation li.megamenu-li.auto-mega .megamenu.col-6 {
width: 1080px;
}
}
/**
* Elementor Template
*/
.navigation > ul > li > ul.megamenu.sub-menu > li .elementor {
white-space: normal;
line-height: initial;
}
/**
* Latest Posts Categories
*/
.navigation li.mega-cat .megamenu {
padding: 30px 20px;
}
.navigation li.mega-cat .mega-cat-title {
position: relative;
font-size: 14px;
line-height: 1;
font-weight: 400;
background-color: #f8f8f8;
color: #222;
letter-spacing: 2px;
margin: 0 -20px 30px;
padding: 15px 35px;
text-transform: uppercase;
}
.navigation li.mega-cat > ul > li {
padding: 0 15px;
}
.navigation li.mega-cat ul li a {
padding: 0;
}
.navigation li.mega-cat ul li a.mega-post-link {
display: block;
position: relative;
background-color: #000;
}
.navigation li.mega-cat ul li a.mega-post-link img {
display: block;
width: 100%;
}
.navigation li.mega-cat ul li a.mega-post-link .overlay {
position: absolute;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
border-radius: 3px;
background-color: rgba(0, 0, 0, 0.2);
-moz-opacity: 0;
-webkit-opacity: 0;
opacity: 0;
text-align: center;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.navigation li.mega-cat ul li a.mega-post-link:hover .overlay {
-moz-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
}
.navigation li.mega-cat ul li .mega-post-title {
display: block;
margin: 15px 0 8px;
white-space: initial;
}
.navigation li.mega-cat ul li .mega-post-title a {
color: #555;
font-size: 14px;
font-weight: 400;
line-height: 1.3;
letter-spacing: 0.6px;
text-transform: none;
}
.navigation li.mega-cat ul li .mega-post-title a:hover {
background-color: transparent;
color: #333;
}
.navigation li.mega-cat ul li .mega-post-date {
display: block;
font-size: 10px;
color: #bbb;
text-transform: uppercase;
}
.navigation li.mega-cat ul li .mega-post-date i {
font-size: 9px;
padding-right: 5px;
}
.navigation > ul > li.mega-cat > ul.megamenu.sub-menu > li.first {
border-left: 0;
}
/*------------------------------------*
Tablet & Small Desktop Widths
*------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 1280px) {
/* megamenu */
.navigation li.megamenu.auto-width.col-6 > .sub-menu {
width: 980px;
}
}
/*------------------------------------*
$SEARCH ICON
*------------------------------------*/
#searchform-dropdown {
position: absolute;
right: 0;
background-color: #fff;
border-top: 3px solid #13aff0;
top: 100%;
padding: 15px;
width: 500px;
-webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 7px rgba(0, 0, 0, 0.1);
visibility: hidden;
-moz-opacity: 0;
-webkit-opacity: 0;
opacity: 0;
transition: all 0.25s ease-in-out;
z-index: 10000;
}
#searchform-dropdown input {
display: block;
background-color: transparent;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
margin: 0;
}
.no-top-border #searchform-dropdown {
border: none;
}
/* display search on click */
#searchform-dropdown.show {
visibility: visible;
-moz-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
}
#site-header.header-replace #site-navigation .dropdown-menu,
#site-header.minimal-header #site-navigation .dropdown-menu {
-webkit-transition: opacity 0.25s ease-in-out;
-moz-transition: opacity 0.25s ease-in-out;
-ms-transition: opacity 0.25s ease-in-out;
-o-transition: opacity 0.25s ease-in-out;
transition: opacity 0.25s ease-in-out;
}
#site-header.header-replace #site-navigation.hide .dropdown-menu,
#site-header.minimal-header #site-navigation.hide .dropdown-menu {
visibility: hidden;
-moz-opacity: 0;
-webkit-opacity: 0;
opacity: 0;
}
#searchform-header-replace {
visibility: hidden;
-moz-opacity: 0;
-webkit-opacity: 0;
opacity: 0;
position: absolute;
top: 0;
right: 0;
height: 100%;
width: 95%;
-webkit-transition: opacity 0.25s ease-in-out;
-moz-transition: opacity 0.25s ease-in-out;
-ms-transition: opacity 0.25s ease-in-out;
-o-transition: opacity 0.25s ease-in-out;
transition: opacity 0.25s ease-in-out;
}
@media screen and (max-width: 1200px) {
#searchform-header-replace {
width: 94%;
}
}
#searchform-header-replace form {
height: 100%;
width: 100%;
}
#searchform-header-replace input {
position: relative;
height: 100%;
width: 94%;
font-size: 22px;
background-color: transparent;
color: #7d6a6a;
padding: 0 70px 0 0;
outline: 0;
border: 0;
margin: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
}
.header-default #searchform-header-replace form:after {
content: '';
position: absolute;
bottom: 21px;
left: 0;
display: block;
height: 1px;
width: 90%;
background: #cedce2;
}
#searchform-header-replace-close {
position: absolute;
right: 10%;
top: 50%;
margin-top: -20px;
height: 40px;
line-height: 40px;
font-size: 20px;
color: #bbb;
cursor: pointer;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.header-fullwidth-navi-header #searchform-header-replace-close {
}
#searchform-header-replace-close:hover {
color: #222;
}
/* display search on click */
#searchform-header-replace.show {
visibility: visible;
-moz-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
}
#searchform-overlay {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.9);
z-index: 9999;
}
#searchform-overlay .container {
position: relative;
max-width: 550px;
height: 100%;
}
#searchform-overlay a.search-overlay-close {
position: absolute;
top: -50px;
left: 50%;
margin-left: -20px;
width: 40px;
height: 40px;
background-color: rgba(255, 255, 255, 0.2);
text-align: center;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
border-radius: 2px;
}
#searchform-overlay a.search-overlay-close:hover {
background-color: rgba(255, 255, 255, 0.3);
}
#searchform-overlay a.search-overlay-close span {
position: relative;
display: inline-block;
width: 24px;
height: 24px;
}
#searchform-overlay a.search-overlay-close span:before, #searchform-overlay a.search-overlay-close span:after {
content: '';
position: absolute;
top: 50%;
left: 0;
height: 2px;
width: 100%;
margin-top: 6px;
background-color: #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
border-radius: 5px;
}
#searchform-overlay a.search-overlay-close span:before {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
#searchform-overlay a.search-overlay-close span:after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
#searchform-overlay form {
position: absolute;
top: 50%;
left: 0;
margin-top: -33px;
width: 100%;
text-align: center;
}
#searchform-overlay form input, #searchform-overlay form label {
font-size: 22px;
line-height: 1.3;
padding: 18px 0;
margin: 0;
min-height: 50px;
color: #fff;
letter-spacing: 1px;
text-transform: uppercase;
text-align: center;
}
#searchform-overlay form input {
position: relative;
border: 0;
background-color: transparent;
border-bottom: 1px solid #444;
z-index: 2;
-webkit-transition: border-color 0.3s ease;
-moz-transition: border-color 0.3s ease;
-ms-transition: border-color 0.3s ease;
-o-transition: border-color 0.3s ease;
transition: border-color 0.3s ease;
}
#searchform-overlay form input:hover {
border-color: #777;
}
#searchform-overlay form input:focus {
border-color: #fff;
}
#searchform-overlay form label {
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
cursor: text;
-moz-opacity: 0.5;
-webkit-opacity: 0.5;
opacity: 0.5;
z-index: 1;
}
#searchform-overlay form label i {
display: inline-block;
background-color: #fff;
width: 3px;
height: 3px;
margin-left: 3px;
-ms-animation: blink 1s linear infinite;
-webkit-animation: blink 1s linear infinite;
-o-animation: blink 1s linear infinite;
-moz-animation: blink 1s linear infinite;
animation: blink 1s linear infinite;
}
#searchform-overlay form label i + i {
-ms-animation-delay: 0.2s;
-webkit-animation-delay: 0.2s;
-o-animation-delay: 0.2s;
-moz-animation-delay: 0.2s;
animation-delay: 0.2s;
}
#searchform-overlay form label i + i + i {
-ms-animation-delay: 0.4s;
-webkit-animation-delay: 0.4s;
-o-animation-delay: 0.4s;
-moz-animation-delay: 0.4s;
animation-delay: 0.4s;
}
#searchform-overlay form.search-filled label {
-moz-opacity: 0;
-webkit-opacity: 0;
opacity: 0;
-webkit-transition-duration: 150ms;
-moz-transition-duration: 150ms;
-ms-transition-duration: 150ms;
-o-transition-duration: 150ms;
transition-duration: 150ms;
}
/*------------------------------------*
All Devices under 960px
*------------------------------------*/
@media only screen and (max-width: 959px) {
/* header > search overlay */
#searchform-overlay {
display: none !important;
}
}
/*------------------------------------*
$DROP DOWN MOBILE
*------------------------------------*/
#mobile-dropdown {
display: none;
position: absolute;
top: 100%;
left: 0;
width: 100%;
background-color: #fff;
max-height: 400px;
overflow-y: auto;
-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}
#mobile-dropdown ul {
margin: 0;
list-style: none;
}
#mobile-dropdown ul li {
border-bottom: 1px solid rgba(0, 0, 0, 0.035);
}
#mobile-dropdown ul li a {
display: block;
position: relative;
padding: 12px 40px;
text-align: left;
}
#mobile-dropdown ul li a i,
#mobile-dropdown ul li a img {
margin-right: 10px;
}
#mobile-dropdown ul li a i.after {
margin-right: 0;
margin-left: 10px;
}
#mobile-dropdown ul li a .dropdown-toggle {
position: absolute;
right: 0;
top: 0;
height: 100%;
width: 60px;
cursor: pointer;
color: #555;
padding-right: 40px;
text-align: center;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#mobile-dropdown ul li a .dropdown-toggle:before {
content: '+';
font-size: 20px;
position: absolute;
top: 50%;
left: 50%;
line-height: 30px;
margin-top: -15px;
margin-left: -15px;
}
#mobile-dropdown ul li.active > a > .dropdown-toggle:before {
content: '-';
}
#mobile-dropdown ul li ul {
display: none;
border-top: 1px solid rgba(0, 0, 0, 0.035);
margin-left: 0;
background-color: rgba(0, 0, 0, 0.02);
}
#mobile-dropdown ul li.woo-menu-icon,
#mobile-dropdown ul li.search-toggle-li,
#mobile-dropdown ul li.side-panel-li,
#mobile-dropdown ul li a .nav-arrow,
#mobile-dropdown ul .sidebar-box,
#mobile-dropdown ul .widget {
display: none;
}
#mobile-dropdown .acmthemes-social-menu {
display: block !important;
float: none;
width: 100%;
right: auto !important;
left: auto !important;
padding: 0 40px !important;
margin: 10px 0 !important;
}
#mobile-dropdown .acmthemes-social-menu .social-menu-inner {
height: auto;
}
#mobile-dropdown .acmthemes-social-menu li {
display: inline-block;
float: none;
border: 0;
}
#mobile-dropdown .acmthemes-social-menu li a {
display: block;
padding: 12px 10px;
}
#mobile-dropdown #mobile-menu-search {
display: block;
padding: 20px 40px;
}
#mobile-dropdown #mobile-menu-search form {
position: relative;
}
#mobile-dropdown #mobile-menu-search form input {
padding: 6px 45px 6px 12px !important;
margin-top: 0 !important;
-webkit-box-sizing: inherit;
-moz-box-sizing: inherit;
box-sizing: inherit;
}
#mobile-dropdown #mobile-menu-search form button {
display: block;
position: absolute;
right: 10px;
height: 30px;
line-height: 30px;
width: 30px;
padding: 0;
text-align: center;
top: 50%;
margin-top: -15px;
background-color: transparent !important;
color: #555;
border: 0;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#mobile-dropdown #mobile-menu-search form button:hover {
color: #222;
}
#mobile-dropdown .has-social #mobile-menu-search {
padding-top: 0;
}
/*------------------------------------*
$FULL SCREEN MOBILE
*------------------------------------*/
#mobile-fullscreen {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.9);
overflow-y: scroll;
z-index: 100000;
}
#mobile-fullscreen #mobile-fullscreen-inner {
display: table;
width: 100%;
height: 100%;
padding: 0 40px;
}
#mobile-fullscreen a.close {
position: absolute;
top: 14px;
right: 14px;
}
#mobile-fullscreen a.close .close-icon-wrap {
display: inline-block;
position: relative;
width: 40px;
height: 40px;
-webkit-transition: opacity 0.15s linear;
-moz-transition: opacity 0.15s linear;
-ms-transition: opacity 0.15s linear;
-o-transition: opacity 0.15s linear;
transition: opacity 0.15s linear;
}
#mobile-fullscreen a.close .close-icon-wrap:hover {
opacity: .7;
}
#mobile-fullscreen a.close .close-icon-inner,
#mobile-fullscreen a.close .close-icon-inner::after {
display: inline-block;
width: 40px;
height: 3px;
background-color: #fff;
border-radius: 3px;
}
#mobile-fullscreen a.close .close-icon-inner {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
#mobile-fullscreen a.close .close-icon-inner::after {
content: '';
display: block;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
}
#mobile-fullscreen nav {
display: table-cell;
vertical-align: middle;
padding: 50px 0;
text-align: center;
}
#mobile-fullscreen ul {
list-style: none;
margin: 0;
}
#mobile-fullscreen ul li a {
display: block;
position: relative;
color: #fff;
letter-spacing: 1px;
text-transform: uppercase;
text-align: center;
}
#mobile-fullscreen ul li a:hover {
color: #929292;
}
#mobile-fullscreen ul li a i,
#mobile-fullscreen ul li a img {
margin-right: 10px;
}
#mobile-fullscreen ul li a i.after {
margin-right: 0;
margin-left: 10px;
}
#mobile-fullscreen ul li .dropdown-toggle {
display: inline-block;
width: 26px;
padding-left: 5px;
text-align: center;
}
#mobile-fullscreen ul li .dropdown-toggle:before {
font-family: 'FontAwesome';
content: '+';
}
#mobile-fullscreen ul li.open-sub > a > .dropdown-toggle:before {
content: '-';
}
#mobile-fullscreen ul ul.sub-menu {
display: none;
list-style: none;
margin: 0;
padding: 0;
}
#mobile-fullscreen ul ul.sub-menu li a {
font-size: 13px;
padding: 3px 0;
}
#mobile-fullscreen ul > li {
display: block;
}
#mobile-fullscreen ul > li > a {
font-size: 18px;
line-height: 1.2;
padding: 12px 0;
}
#mobile-fullscreen ul .woo-menu-icon,
#mobile-fullscreen ul .search-toggle-li,
#mobile-fullscreen ul .side-panel-li,
#mobile-fullscreen ul .sidebar-box {
display: none;
}
#mobile-fullscreen #mobile-search {
max-width: 220px;
margin: 10px auto 0;
}
#mobile-fullscreen #mobile-search form {
position: relative;
}
#mobile-fullscreen #mobile-search input, #mobile-fullscreen #mobile-search label {
font-size: 20px;
padding: 4px 0;
color: #fff;
margin: 0;
text-align: center;
text-transform: uppercase;
}
#mobile-fullscreen #mobile-search input {
position: relative;
border: 0;
background-color: transparent;
border-bottom: 1px solid #666;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
z-index: 2;
}
#mobile-fullscreen #mobile-search input:hover, #mobile-fullscreen #mobile-search input:focus {
border-color: #fff;
}
#mobile-fullscreen #mobile-search label {
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
cursor: text;
-moz-opacity: 0.5;
-webkit-opacity: 0.5;
opacity: 0.5;
z-index: 1;
}
#mobile-fullscreen #mobile-search label i {
display: inline-block;
background-color: #fff;
width: 3px;
height: 3px;
margin-left: 3px;
-ms-animation: blink 1s linear infinite;
-webkit-animation: blink 1s linear infinite;
-o-animation: blink 1s linear infinite;
-moz-animation: blink 1s linear infinite;
animation: blink 1s linear infinite;
}
#mobile-fullscreen #mobile-search label i + i {
-ms-animation-delay: 0.2s;
-webkit-animation-delay: 0.2s;
-o-animation-delay: 0.2s;
-moz-animation-delay: 0.2s;
animation-delay: 0.2s;
}
#mobile-fullscreen #mobile-search label i + i + i {
-ms-animation-delay: 0.4s;
-webkit-animation-delay: 0.4s;
-o-animation-delay: 0.4s;
-moz-animation-delay: 0.4s;
animation-delay: 0.4s;
}
#mobile-fullscreen #mobile-search form.search-filled label {
-moz-opacity: 0;
-webkit-opacity: 0;
opacity: 0;
-webkit-transition-duration: 150ms;
-moz-transition-duration: 150ms;
-ms-transition-duration: 150ms;
-o-transition-duration: 150ms;
transition-duration: 150ms;
}
#mobile-fullscreen .acmthemes-social-menu {
display: block;
float: none;
margin-top: 30px;
text-align: center;
right: auto;
}
#mobile-fullscreen .acmthemes-social-menu .social-menu-inner {
display: block;
height: auto !important;
}
#mobile-fullscreen .acmthemes-social-menu ul li {
float: none;
display: inline-block;
}
#mobile-fullscreen .acmthemes-social-menu.simple-social ul li a {
color: #fff;
font-size: 24px;
padding: 0 16px;
margin: 0;
background-color: transparent !important;
}
#mobile-fullscreen .acmthemes-social-menu.simple-social ul li a:hover {
color: #929292;
}
#mobile-fullscreen .acmthemes-social-menu .colored ul li a,
#mobile-fullscreen .acmthemes-social-menu .minimal ul li a,
#mobile-fullscreen .acmthemes-social-menu .dark ul li a {
padding: 0 4px;
}
#mobile-fullscreen .acmthemes-social-menu .colored ul li a span,
#mobile-fullscreen .acmthemes-social-menu .minimal ul li a span,
#mobile-fullscreen .acmthemes-social-menu .dark ul li a span {
font-size: 16px;
width: 60px;
height: 60px;
line-height: 60px;
}
@-webkit-keyframes blink {
0% {
-webkit-opacity: 1;
}
50% {
-webkit-opacity: 0;
}
100% {
-webkit-opacity: 1;
}
}
@-moz-keyframes blink {
0% {
-moz-opacity: 1;
}
50% {
-moz-opacity: 0;
}
100% {
-moz-opacity: 1;
}
}
@-o-keyframes blink {
0% {
-o-opacity: 1;
}
50% {
-o-opacity: 0;
}
100% {
-o-opacity: 1;
}
}
@keyframes blink {
0% {
opacity: 1;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}
/*------------------------------------*
$Home Slider
*------------------------------------*/
.slider-obj-shadow {
-webkit-box-shadow: 0px 2px 25px -6px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 2px 25px -6px rgba(0,0,0,0.3);
box-shadow: 0px 2px 25px -6px rgba(0,0,0,0.3);
}
/*------------------------------------*
PAGE HEADER
*------------------------------------*/
.page-header {
position: relative;
}
.page-header .container {
position: relative;
}
body.home .page-header-inner {
text-align: center;
}
.page-header-title {
max-width: 785px;
display: block;
font-size: 54px;
line-height: 1.2em;
font-weight: 700;
color: #fff;
margin: 0 auto 10px;
}
@media only screen and (max-width: 764px) {
.page-header-title {
font-size: 35px;
}
}
body.breadcrumbs-position-default .page-header-title {
max-width: 70%;
}
.page-subheading {
font-size: 15px;
margin: 0;
}
.page-subheading p:last-child {
margin: 0;
}
.centered-page-header .page-header-title,
.centered-minimal-page-header .page-header-title {
max-width: 100% !important;
}
/**
* Page Header Centered
*/
.centered-page-header {
text-align: center;
}
.centered-page-header .page-header-title {
font-size: 32px;
}
.centered-page-header .page-subheading {
font-size: 18px;
font-weight: 300;
}
/**
* Page Header Minimal Centered
*/
.centered-minimal-page-header {
background-color: #fff;
border-bottom: 1px solid #f1f1f1;
text-align: center;
}
.centered-minimal-page-header .page-header-title {
font-size: 32px;
}
.centered-minimal-page-header .page-subheading {
font-size: 18px;
font-weight: 300;
}
/**
* Page Header Solid Color
*/
.solid-color-page-header .page-header-title {
color: #fff !important;
}
.solid-color-page-header .site-breadcrumbs,
.solid-color-page-header .site-breadcrumbs a {
color: #fff !important;
}
.solid-color-page-header .page-subheading {
color: #fff;
}
/**
* Page Header Background Image
*/
.background-image-page-header {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
align-items: center;
width: 100%;
background-color: #000;
height: 400px;
background-position: 50% 0;
background-repeat: no-repeat;
background-size: cover;
}
.background-image-page-header .page-header-inner {
text-align: center;
}
.background-image-page-header .page-subheading {
position: relative;
color: #fff;
font-size: 24px;
font-weight: 300;
z-index: 2;
}
.page-header.background-image-page-header .page-header-title {
position: relative;
color: #fff;
font-size: 44px;
font-weight: 400;
max-width: 100%;
z-index: 2;
}
.background-image-page-header-overlay {
display: block;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-color: #000;
z-index: 1;
-moz-opacity: 0.5;
-webkit-opacity: 0.5;
opacity: 0.5;
}
/**
* Breadcrumbs
*/
.site-breadcrumbs {
margin-top: 8px;
font-size: 15px;
color: #ffffff;
font-weight: 500;
white-space: nowrap;
overflow: hidden;
}
.site-breadcrumbs ol {
margin: 0;
padding: 0;
list-style: none;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
justify-content: center;
text-align: center;
}
.site-breadcrumbs ol li {
display: inline-block;
}
.site-breadcrumbs ol li .breadcrumb-sep {
margin: 0 6px;
}
.site-breadcrumbs .icon-home.has-text,
.site-breadcrumbs .breadcrumb-home.has-icon {
display: none;
}
.site-breadcrumbs .breadcrumb-title {
margin-right: 5px;
}
.site-breadcrumbs.position-under-title,
.centered-page-header .site-breadcrumbs,
.centered-minimal-page-header .site-breadcrumbs {
position: inherit;
top: auto;
right: auto;
margin-top: 0;
max-width: 100%;
}
.acmthemes-breadcrumb .site-breadcrumbs {
position: relative;
top: auto;
left: auto;
right: auto;
max-width: 100%;
margin-top: 0;
}
.background-image-page-header .site-breadcrumbs {
display: block;
position: inherit;
max-width: 100%;
margin-top: 20px;
top: auto;
right: auto;
color: #fff;
text-align: center;
z-index: 2;
}
.background-image-page-header .site-breadcrumbs a {
color: #fff;
}
.background-image-page-header .site-breadcrumbs a:hover {
color: #ddd;
}
/* compatibility with SEOPress */
.site-breadcrumbs nav,
.site-breadcrumbs ol {
margin: 0;
}
.breadcrumb .item-current .bread-current{
color:#e5e5e5;
}
.page-header .site-breadcrumbs .separator {
color: #fff;
padding: 0 6px;
}
.page-header .site-breadcrumbs .separator:before {
display: inline-block;
content: "\e606";
font-family: 'simple-line-icons';
font-style: normal;
font-size: 9px;
}
/*------------------------------------*
All Devices under 960px
*------------------------------------*/
@media only screen and (max-width: 959px) {
/* page title */
body.has-breadcrumbs .page-header-title {
max-width: 100%;
width: 100%;
}
}
/*------------------------------------*
Tablet Portrait
*------------------------------------*/
@media only screen and (max-width: 959px) {
/* page header */
.site-breadcrumbs {
position: inherit;
top: auto;
left: auto;
right: auto;
max-width: 100%;
margin-top: 0;
}
}
/*------------------------------------*
Phone Portrait and Landscape
*------------------------------------*/
@media only screen and (max-width: 767px) {
/* Remove fixed background to fix the IOS bug */
.page-header {
background-attachment: initial !important;
}
/* page header */
.page-header-with-background .page-header-title {
font-size: 36px;
}
.centered-page-header .page-header-title,
.centered-minimal-page-header .page-header-title,
.page-header.background-image-page-header .page-header-title {
font-size: 24px;
}
.centered-page-header .page-subheading,
.centered-minimal-page-header .page-header-subheading,
.page-header.background-image-page-header .page-subheading {
font-size: 14px;
}
.background-image-page-header {
height: auto !important;
}
/* breadcrumbs */
body.has-breadcrumbs .page-header-title {
max-width: 100%;
width: 100%;
}
}
/*------------------------------------*
$BLOG
*------------------------------------*/
#blog-entries {
padding-bottom: 0;
}
.blog-entry.post {
position: relative;
}
.post-content ul li {
list-style: circle ;
}
.blog-entry.post .thumbnail {
position: relative;
}
.blog-entry.post .thumbnail a {
display: inline-block;
position: relative;
width: 100%;
}
.blog-entry.post .thumbnail .overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.2);
-moz-opacity: 0;
-webkit-opacity: 0;
opacity: 0;
text-align: center;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.blog-entry.post .thumbnail:hover .overlay {
-moz-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
}
.blog-entry.post .thumbnail img {
width: 100%;
}
.blog-entry.post ul.meta {
margin: 0 0 12px;
}
.blog-entry.post .blog-entry-header {
margin-bottom: 20px;
}
.blog-entry.post .blog-entry-header .entry-title {
font-size: 24px;
margin: 0;
}
.blog-entry.post .blog-entry-header .entry-title a {
font-weight: 600;
letter-spacing: 0.6px;
}
.blog-entry.post .blog-entry-summary {
margin-bottom: 20px;
}
.blog-entry.post .blog-entry-summary p:last-child {
margin-bottom: 0;
}
.thumbnail-caption {
font-size: 13px;
margin-top: 0.5em;
text-align: center;
}
.blog-entry.large-entry {
border-bottom: 1px solid #f1f1f1;
margin-bottom: 30px;
padding-bottom: 30px;
}
.blog-entry.large-entry .thumbnail {
margin-bottom: 20px;
}
.blog-entry.large-entry .blog-entry-readmore a {
display: inline-block;
font-size: 11px;
line-height: 1;
border: 1px solid #ddd;
padding: 10px 16px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
border-radius: 2px;
text-transform: uppercase;
letter-spacing: 1px;
}
.blog-entry.large-entry .blog-entry-readmore a:hover {
color: #13aff0;
border-color: #13aff0;
}
.blog-entry.large-entry .blog-entry-readmore a i {
margin-left: 8px;
}
.blog-entry.grid-entry {
float: left;
}
.blog-entry.grid-entry .blog-entry-inner {
padding: 0 20px 20px;
border: 1px solid #e9e9e9;
}
.blog-entry.grid-entry .thumbnail {
margin: 0 -20px;
}
.blog-entry.grid-entry ul.meta {
margin: 0;
}
.blog-entry.grid-entry .blog-entry-header {
margin: 20px 0 12px;
}
.blog-entry.grid-entry .blog-entry-header .entry-title {
font-size: 18px;
}
.blog-entry.grid-entry .blog-entry-summary {
line-height: 1.6;
margin: 10px 0 0;
}
.blog-entry.grid-entry .blog-entry-readmore {
margin-top: 16px;
}
.blog-entry.grid-entry .blog-entry-readmore a {
display: inline-block;
font-size: 12px;
line-height: 1.2;
padding-bottom: 3px;
border-bottom: 1px solid;
text-transform: uppercase;
}
.blog-entry.grid-entry .blog-entry-readmore a i {
margin-left: 5px;
}
.blog-entry.thumbnail-entry {
border-bottom: 1px solid #f1f1f1;
margin-bottom: 30px;
padding-bottom: 30px;
}
.blog-entry.thumbnail-entry .blog-entry-inner {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
}
.blog-entry.thumbnail-entry .thumbnail,
.blog-entry.thumbnail-entry .blog-entry-content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
}
.blog-entry.thumbnail-entry .center .thumbnail,
.blog-entry.thumbnail-entry .center .blog-entry-content {
-webkit-justify-content: center;
justify-content: center;
}
.blog-entry.thumbnail-entry .bottom .thumbnail,
.blog-entry.thumbnail-entry .bottom .blog-entry-content {
-webkit-justify-content: flex-end;
justify-content: flex-end;
}
.blog-entry.thumbnail-entry .thumbnail {
width: 45%;
}
.blog-entry.thumbnail-entry .thumbnail a {
position: relative;
}
.blog-entry.thumbnail-entry .thumbnail .link-entry {
position: absolute;
top: 0;
}
.blog-entry.thumbnail-entry .thumbnail .left-position .link-entry {
right: 0;
}
.blog-entry.thumbnail-entry .thumbnail .right-position .link-entry {
left: 0;
}
.blog-entry.thumbnail-entry .blog-entry-content {
width: 55%;
}
.blog-entry.thumbnail-entry .blog-entry-content {
padding: 6px 0;
}
.blog-entry.thumbnail-entry .left-position .blog-entry-content {
padding-left: 3em;
}
.blog-entry.thumbnail-entry .right-position .blog-entry-content {
padding-right: 3em;
}
.blog-entry.thumbnail-entry .blog-entry-category {
display: block;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.6px;
line-height: 1.2em;
text-transform: uppercase;
margin-bottom: 10px;
}
.blog-entry.thumbnail-entry .blog-entry-category a {
color: #13aff0;
}
.blog-entry.thumbnail-entry .blog-entry-category a:hover {
color: #333;
}
.blog-entry.thumbnail-entry .blog-entry-summary {
margin-bottom: 15px;
}
.blog-entry.thumbnail-entry .blog-entry-bottom {
display: block;
border-top: 1px solid #e9e9e9;
padding-top: 15px;
font-size: 11px;
font-weight: 600;
letter-spacing: 0.6px;
line-height: 1.2em;
text-transform: uppercase;
}
.blog-entry.thumbnail-entry .blog-entry-comments,
.blog-entry.thumbnail-entry .blog-entry-comments a,
.blog-entry.thumbnail-entry .blog-entry-date {
color: #ababab;
}
.blog-entry.thumbnail-entry .blog-entry-comments {
float: left;
}
.blog-entry.thumbnail-entry .blog-entry-comments i {
padding-right: 6px;
}
.blog-entry.thumbnail-entry .blog-entry-comments a:hover {
color: #333;
}
.blog-entry.thumbnail-entry .blog-entry-date {
float: right;
}
.blog-entry.thumbnail-entry.no-featured-image .blog-entry-content {
width: 100%;
}
.blog-entry.thumbnail-entry.no-featured-image .left-position .blog-entry-content {
padding-left: 0;
}
.blog-entry.thumbnail-entry.no-featured-image .right-position .blog-entry-content {
padding-right: 0;
}
.recent-posts article .post-wrapper,
.blog-column article .post-wrapper,
.related-post .post-wrapper {
background: #fff;
border-radius: 12px;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
}
.recent-posts article .entry-title a,
.blog-column article .entry-title a {
color: #32236f;
font-size: 25px;
margin-bottom: 15px;
font-weight: 700;
}
.recent-posts article .post-text,
.blog-column article .post-text {
position: relative;
padding: 15px 30px 30px;
text-align: center;
}
article .featured-post-text,
article .featured-post-text .entry-header {
position: relative;
text-align: left;
}
article .featured-post-text {
padding: 20px;
}
.recent-posts .post-thumbnail,
.blog-column article .post-thumbnail {
position: relative;
max-height: 300px;
overflow: hidden;
}
.recent-posts article .read-more-tag a,
.blog-column article .read-more-tag a,
#related-posts .read-more-tag a,
.featured-post-wrap .read-more-tag a {
position: relative;
display: inline-block;
font-size: 14px;
font-weight: 600;
color: #6a49f2;
margin-top: 25px;
margin-bottom: 10px;
}
.featured-post-wrap .read-more-tag a {
margin-top: 15px;
}
.recent-posts article .read-more-tag a:before,
.blog-column article .read-more-tag a:before,
#related-posts .read-more-tag a:before,
.featured-post-wrap .read-more-tag a:before {
position: absolute;
top: 0;
left: 0;
content: "";
display: inline-block;
width: 0;
height: 2px;
background: #6a49f2;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
.recent-posts article .read-more-tag a:hover:before,
.blog-column article .read-more-tag a:hover:before,
#related-posts .read-more-tag a:hover:before,
.featured-post-wrap .read-more-tag a:hover:before {
width: 100%;
}
.recent-posts .post-thumbnail,
.blog-column article .featured-image {
border-radius: 12px;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
overflow: hidden;
}
.recent-posts .post-thumbnail .timestamp,
.blog-column article .featured-image .timestamp,
.single-column .featured-post {
position: absolute;
right: 15px;
top: 15px;
}
.recent-posts .post-thumbnail .timestamp,
.blog-column article .featured-image .timestamp {
background: #6a49f2;
color: #fff;
font-size: 13px;
font-weight: 500;
padding: 7px 20px;
text-align: center;
line-height: 17px;
z-index: 10;
border-radius: 30px 0 30px 30px;
-moz-border-radius: 30px 0 30px 30px;
-webkit-border-radius: 30px 0 30px 30px;
-ms-border-radius: 30px 0 30px 30px;
}
.recent-posts .post-thumbnail img,
.blog-column article .featured-image img {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
transition: all 0.3s ease-in-out 0s;
-webkit-transition: all 0.3s ease-in-out 0s;
-ms-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
}
.recent-posts .post-thumbnail:hover img,
.blog-column article .featured-image:hover img {
transform: scale(1.1);
}
.recent-posts .entry-header .entry-title,
.blog-column article .entry-header .entry-title {
line-height: 1.03em;
margin-bottom: 10px;
max-width: 100%;
width: 100%;
}
.recent-posts .post-meta span,
.recent-posts .post-meta span a,
.blog-column article .post-meta span,
.blog-column article .post-meta span a {
color: #f18e7d
}
.single-column article:after {
content: "";
display: block;
/* background: #eceaf6; */
border-bottom: 3px double #eceaf6;
width: 300px;
height: 2px;
margin: 13px auto 52px;
}
.single-column .featured-image {
margin-bottom: 30px;
}
.single-column .entry-header .entry-title a {
font-size: 35px;
line-height: 1.7em;
}
.single-column article .post-categories a {
font-weight: 600;
}
.single-column article .post-meta span,
.single-column article .post-meta span a,
.single-column .entry-header .post-meta i {
color: #007bff;
}
/*------------------------------------*
Phone Portrait and Landscape
*------------------------------------*/
@media only screen and (max-width: 767px) {
.blog-entry.thumbnail-entry .blog-entry-inner {
-webkit-flex-direction: column;
flex-direction: column;
}
.blog-entry.thumbnail-entry .thumbnail,
.blog-entry.thumbnail-entry .blog-entry-content {
width: 100%;
}
.blog-entry.thumbnail-entry .blog-entry-content {
margin-top: 15px;
padding: 0 !important;
}
}
ul.meta {
display: inline-block;
width: 100%;
color: #777;
font-size: 12px;
line-height: 1;
margin: 0 0 20px;
padding: 0;
list-style: none;
}
ul.meta li {
float: left;
line-height: 1.3;
}
ul.meta li:after {
content: '-';
padding: 0 6px;
}
ul.meta li:last-child:after {
display: none;
padding: 0;
}
ul.meta li a {
color: #777;
}
ul.meta li a:hover {
color: #13aff0;
}
ul.meta li i {
display: inline-block;
color: #929292;
padding-right: 5px;
}
/*------------------------------------*
Phone Landscape
*------------------------------------*/
@media only screen and (max-width: 480px) {
ul.meta {
margin-bottom: 12px;
}
ul.meta li {
margin-bottom: 8px;
}
}
/**
* Gallery Format
*/
.gallery-format {
display: none;
position: relative;
overflow: hidden;
}
.gallery-format img {
display: block;
position: relative;
width: 100%;
margin-bottom: 0;
}
.gallery-format .slick-prev,
.gallery-format .slick-next {
-moz-opacity: 0;
-webkit-opacity: 0;
opacity: 0;
visibility: hidden;
}
.gallery-format:hover .slick-prev,
.gallery-format:hover .slick-next {
-moz-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
visibility: visible;
}
/**
* Video/audio format
*/
.wp-video {
width: 100% !important;
}
/**
* Link Format
*/
.link-entry {
position: absolute;
top: 20px;
right: 20px;
}
.link-entry i {
display: inline-block;
width: 60px;
height: 60px;
font-size: 22px;
line-height: 60px;
background-color: #333;
color: #fff;
text-align: center;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.thumbnail:hover i {
background-color: #13aff0;
}
/**
* Quote format
*/
.post-quote-content,
.post-quote-author {
position: relative;
background-color: #13aff0;
color: #fff;
font-size: 20px;
padding: 20px 30px;
line-height: 1.6;
z-index: 1;
}
.post-quote-icon {
position: absolute;
right: 20px;
bottom: 10px;
font-size: 48px;
-moz-opacity: 0.2;
-webkit-opacity: 0.2;
opacity: 0.2;
z-index: -1;
}
.post-quote-author {
background-color: #0b7cac;
font-size: 12px;
font-weight: 600;
padding: 10px 30px;
margin-top: 1px;
text-transform: uppercase;
letter-spacing: 0.6px;
}
.single-post .post-quote-wrap {
margin-bottom: 30px;
}
/**
* Single Post
*/
.single .thumbnail {
position: relative;
margin-bottom: 20px;
}
.single .thumbnail img {
width: 100%;
}
.single .entry-title {
margin: 10px auto 0;
max-width: 800px;
font-size: 40px;
font-weight: 700;
letter-spacing: 0.6px;
}
.single .entry-content .post-content {
margin-bottom: 20px;
}
.single .entry-content ul li {
font-weight: 500;
}
.single .entry-content .post-content input[type=text],
.single .entry-content .post-content input[type=password],
.single .entry-content .post-content input[type=number] {
line-height: 1;
padding: 15px 23px;
border: 2px solid #d5d5d5;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
margin-bottom: 10px;
}
.wp-block-cover, .wp-block-cover-image {
margin-bottom: 20px;
}
.single .entry-content .post-content .has-very-light-gray-color {
color: #eee;
}
.blocks-gallery-grid .blocks-gallery-item figcaption {
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}
.wp-block-archives-dropdown {
margin-bottom: 35px;
}
.single .has-large-font-size {
line-height: 1.1;
}
.single .entry-content .post-content p.wp-block-cover-text,
.single .entry-content .post-content p.wp-block-cover-text a {
color: #ffffff
}
.wp-block-archives-dropdown label {
margin-bottom: 10px;
}
.wp-block-cover-image,
.wp-block-image {
margin-bottom: 20px;
}
.wp-block-quote.blocks-quote-style-2 {
border: 0;
}
.wp-block-quote.is-style-large cite {
text-align: left;
}
.wp-block-quote.has-text-align-right cite {
text-align: right;
}
.wp-block-quote.has-text-align-right {
padding-left: 0;
padding-right: 42px;
}
.wp-block-quote.has-text-align-right:before {
right: -18px;
left: auto;
}
.wp-block-quote.has-text-align-right cite:before {
right: 0;
left: auto;
}
.wp-block-pullquote {
margin: 0;
}
.wp-block-separator {
margin: 30px auto;
}
.wp-block-separator.is-style-wide {
max-width: 700px;
}
.wp-block-table {
display: table;
}
.wp-block-latest-posts li,
.wp-block-latest-posts.is-grid li {
margin-bottom: 9px;
}
.entry-content .wp-block-rss li {
margin-bottom: 5px;
}
div.has-background {
padding: 1.25em 2.25em;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
border-radius: 10px;
}
/*------------------------------------*
Phone Landscape
*------------------------------------*/
@media only screen and (max-width: 480px) {
.single-post.media-above-content .thumbnail {
margin-bottom: 20px;
}
.single-post .entry-title {
font-size: 26px;
}
}
/**
* Single Post Content
*/
.single .blog-single-wrap .entry-content {
margin-top: 40px;
}
.dropcap {
float: left;
color: #13aff0;
font-size: 120px;
line-height: 80px;
margin-top: 6px;
margin-right: 10px;
}
.entry-footer {
display: inline-block;
width: 100%;
}
/**
* Single Post Tags
*/
.single .post-tags {
font-size: 11px;
font-weight: 600;
margin: 30px 0 0;
text-transform: uppercase;
}
/**
* Single Post Next Prev
*/
.single nav.post-navigation {
margin-top: 30px;
padding-top: 30px;
border-top: 1px solid #f1f1f1;
}
.single nav.post-navigation:after {
content: '';
display: block;
visibility: hidden;
clear: both;
zoom: 1;
height: 0;
}
.single nav.post-navigation .nav-links .title {
display: block;
color: #13aff0;
line-height: 20px;
}
.single nav.post-navigation .nav-links a {
display: block;
}
.single nav.post-navigation .nav-links i {
font-size: 20px;
line-height: 20px;
}
.single nav.post-navigation .nav-links .post-title {
display: block;
font-size: 16px;
margin: 5px 0 0;
}
.single nav.post-navigation .nav-previous {
float: left;
width: 50%;
text-align: left;
border-right-width: 1px;
border-style: solid;
border-color: #f1f1f1;
padding-right: 20px;
}
.single nav.post-navigation .nav-previous i {
float: left;
margin-right: 20px;
}
.single nav.post-navigation .nav-next {
float: right;
width: 50%;
text-align: right;
padding-left: 20px;
}
.single nav.post-navigation .nav-next i {
float: right;
margin-left: 20px;
}
/*------------------------------------*
Phone Landscape
*------------------------------------*/
@media only screen and (max-width: 480px) {
.single nav.post-navigation .nav-links .nav-previous,
.single nav.post-navigation .nav-links .nav-next {
float: none;
width: 100%;
padding: 0;
}
.single nav.post-navigation .nav-links .nav-previous {
border-right-width: 0;
border-left-width: 0;
}
}
/**
* Single Post Author bio
*/
#author-bio {
position: relative;
margin-top: 30px;
padding-top: 30px;
border-top-width: 1px;
border-style: solid;
border-color: #f1f1f1;
}
#author-bio #author-bio-inner {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
#author-bio .author-bio-avatar,
#author-bio .author-bio-avatar img {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
}
#author-bio .author-bio-avatar {
min-width: 80px;
margin-right: 30px;
}
#author-bio .author-bio-avatar img {
width: 80px;
height: 80px;
border: 3px solid #e9e9e9;
}
#author-bio .author-bio-content {
position: relative;
}
#author-bio .author-bio-title {
display: inline-block;
font-size: 18px;
margin: 0 0 10px;
text-transform: capitalize;
}
#author-bio .author-bio-description p:last-child {
margin: 0;
}
.author #author-bio {
margin: 0 0 30px;
padding-bottom: 30px;
border-bottom-width: 1px;
}
/*------------------------------------*
Phone Landscape
*------------------------------------*/
@media only screen and (max-width: 480px) {
#author-bio .author-bio-avatar {
display: none;
}
}
/**
* Single Post Related posts
*/
#related-posts {
margin-top: 100px;
margin-bottom: 150px;
}
#related-posts .title-wrap {
display: block;
color: #333;
font-size: 20px;
font-weight: 600;
letter-spacing: 0.6px;
margin-bottom: 18px;
}
#related-posts ul {
padding: 0;
list-style: none;
}
#related-posts .col {
float: left;
position: relative;
min-height: 100px;
margin: 0;
}
.related-post .post-wrapper {
padding: 20px 25px;
text-align: center;
}
#related-posts .span_1_of_3 {
width: 33.3333333333%;
}
#related-posts .author {
font-size: 15px;
text-transform: lowercase;
}
figure.related-post-media {
margin-bottom: 15px;
max-height: 210px;
overflow: hidden;
}
.related-thumb {
display: block;
background-color: #222;
}
.related-thumb img {
display: block;
width: 100%;
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
-ms-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.related-thumb:hover img {
-moz-opacity: 0.7;
-webkit-opacity: 0.7;
opacity: 0.7;
}
.related-post-title {
font-size: 20px;
line-height: 35px;
font-weight: 600;
margin-bottom: 3px;
}
.related-post-title a {
display: block;
}
time.published {
font-size: 12px;
}
time.published i {
padding-right: 5px;
}
/*------------------------------------*
Phone Portrait and Landscape
*------------------------------------*/
@media only screen and (max-width: 767px) {
#related-posts .col {
float: none;
width: 100%;
margin-bottom: 30px;
}
#related-posts .col:last-child {
margin-bottom: 0;
}
}
/*------------------------------------*
SIDEBAR
*------------------------------------*/
#sidebar {
margin-top: 25px;
}
#sidebar h1,
#sidebar h2,
#sidebar h3 {
font-size: 20px;
font-weight: 700;
margin-top: 7px;
}
@media screen and (max-width: 960px) {
#sidebar #sidebar-inner {
padding-right: 0
}
}
.widget-area {
font-size: 16px;
}
.sidebar-box {
margin-bottom: 40px;
padding: 15px 20px;
background: #fff;
border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
}
.sidebar-box ul {
margin: 0;
padding: 0;
list-style: none;
}
.sidebar-box ul li {
list-style: none;
}
#footer-widgets .footer-box .footer-widget ul.children,
.sidebar-box ul.children {
margin-left: 15px;
margin-top: 6px;
}
#footer-widgets .footer-box .footer-widget ul.sub-menu,
.sidebar-box ul.sub-menu {
margin-left: 15px;
}
.widget-title {
display: block;
line-height: 1;
letter-spacing: 1px;
margin: 0 0 20px;
}
.textwidget img {
margin: 15px 0
}
#searchform {
max-width: 350px;
}
input[type="search"],
#searchform input[type="text"],
#sidebar .searchform input[type="text"],
#sidebar .wp-block-search__input,
.woocommerce-product-search .search-field,
.wp-block-search__inside-wrapper input[type="search"] {
min-height: 50px;
}
#searchform button[type="submit"],
#sidebar .searchform button[type="submit"],
#sidebar button.wp-block-search__button,
.woocommerce-product-search button[type="submit"],
.wp-block-search__inside-wrapper button[type="submit"] {
border: none;
position: absolute;
right: 5px;
top: 5px;
padding: 11px 14px;
background-color: #6a49f2;
}
#sidebar .searchform .button-search {
width: 40px;
height: 40px;
}
#sidebar .searchform .button-search:before {
width: 100%;
content: "\e090";
font-family: 'simple-line-icons';
font-style: normal;
font-size: 19px;
font-weight: normal;
color: #fff;
left: 0;
line-height: 40px;
border: 1px solid transparent;
}
#sidebar .widget_search input[type="text"],
#sidebar .widget_search input[type="search"] {
padding-left: 20px;
border-radius: 50px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
}
#sidebar .mc4wp-form-fields input[type="email"] {
margin-top: 10px;
}
#sidebar .mc4wp-form-fields input[type="email"],
#sidebar .mc4wp-form-fields button.btn {
width:100%
}
/**
* Widgets > Borders
*/
.acmthemes-widget-recent-posts-li,
.widget_categories li,
.widget_recent_entries li,
.widget_archive li,
.widget_recent_comments li,
.widget-recent-posts-icons li {
padding-bottom: 6px;
}
#wp-calendar tbody td {
text-align: center;
}
.widget_rss li {
margin-bottom: 15px;
}
#sidebar .tags a,
#sidebar .tagcloud a,
#sidebar .wp-block-tag-cloud a {
display: inline-block;
padding: 4px 12px;
border: 1px solid #9b9caf;
font-size: 0.85em !important;
text-transform: capitalize;
text-decoration: none;
margin: 0 7px 7px 0;
border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
}
/*------------------------------------*
Phone Portrait and Landscape
*------------------------------------*/
@media only screen and (max-width: 767px) {
#main .widget_nav_menu li a:before {
display: none;
}
}
/*------------------------------------*
$CUSTOM SELECTS
*------------------------------------*/
.hasCustomSelect {
width: 100% !important;
z-index: 2;
}
.theme-select {
position: relative;
border: 1px solid #ddd;
height: 34px;
line-height: 32px;
padding: 0 45px 0 15px;
width: 100%;
overflow: hidden;
z-index: 1;
}
.theme-select:after {
font-family: 'FontAwesome';
content: '\f107';
position: absolute;
right: 0;
top: 0;
display: block;
height: 32px;
width: 32px;
font-size: 11px;
color: #929292;
border-left: 1px solid #ddd;
text-align: center;
}
/*------------------------------------*
$PAGINATION
*------------------------------------*/
ul.page-numbers {
display: inline-block;
width: 100%;
margin: 0 0 20px;
padding: 10px 0 0;
list-style: none;
text-align: center;
clear: both;
}
ul.page-numbers li {
display: inline-block;
line-height: 50px;
}
.page-links {
clear: both;
text-align: center;
margin: 15px 0;
padding-top: 40px;
}
.page-numbers a,
.page-numbers li > span:not(.elementor-screen-only),
.page-links > span:not(.page-links-title),
a.post-page-numbers > span {
position: relative;
display: inline-block;
min-width: 34px;
min-width: 34px;
font-size: 13px;
font-weight: 500;
line-height: 34px;
text-align: center;
color: #555;
border: 1px solid #e9e9e9;
cursor: pointer;
margin: 0 8px 0 0;
white-space: nowrap;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
-ms-border-radius: 100px;
border-radius: 100px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.page-numbers a span:not(.elementor-screen-only) {
padding: 0;
}
.page-numbers a:hover,
.page-links a:hover span,
.page-numbers.current,
.page-numbers.current:hover,
.page-numbers li span.current,
.page-links > span:not(.page-links-title) {
background-color: #6a49f2;
color: #fff;
border-color: #6a49f2;
}
.elementor-pagination .page-numbers.current,
.elementor-pagination .page-numbers.current:hover {
background-color: transparent;
}
.pagination-center .acmthemes-pagination ul.page-numbers,
.pagination-center .acmthemes-pagination .page-links,
.pagination-center .woocommerce-pagination ul.page-numbers,
.pagination-center .woocommerce-pagination .page-links {
text-align: center;
}
.pagination-left .acmthemes-pagination ul.page-numbers,
.pagination-left .acmthemes-pagination .page-links,
.pagination-left .woocommerce-pagination ul.page-numbers,
.pagination-left .woocommerce-pagination .page-links {
text-align: left;
}
/* next/prev */
.page-jump a {
display: inline-block;
font-size: 12px;
line-height: 1.2;
padding-bottom: 3px;
border-bottom: 1px solid;
text-transform: uppercase;
}
/* infinite scroll */
.scroller-status,
.infinite-scroll-last,
.infinite-scroll-error {
display: none;
}
.scroller-status {
margin-top: 20px;
text-align: center;
clear: both;
}
.scroller-status p {
margin: 0;
}
.loader-ellips {
font-size: 12px;
position: relative;
width: 3.5em;
height: 1em;
margin: 0 auto;
}
.loader-ellips__dot {
display: block;
width: 1em;
height: 1em;
border-radius: 0.5em;
background-color: #333;
position: absolute;
animation-duration: 0.5s;
animation-timing-function: ease;
animation-iteration-count: infinite;
}
.loader-ellips__dot:nth-child(1), .loader-ellips__dot:nth-child(2) {
left: 0;
}
.loader-ellips__dot:nth-child(3) {
left: 1.3em;
}
.loader-ellips__dot:nth-child(4) {
left: 2.6em;
}
.loader-ellips__dot:nth-child(1) {
animation-name: reveal;
}
.loader-ellips__dot:nth-child(2), .loader-ellips__dot:nth-child(3) {
animation-name: slide;
}
.loader-ellips__dot:nth-child(4) {
animation-name: reveal;
animation-direction: reverse;
}
@keyframes reveal {
from {
transform: scale(0.001);
}
to {
transform: scale(1);
}
}
@keyframes slide {
to {
transform: translateX(1.3em);
}
}
.infinite-scroll-nav {
display: none;
}
/*------------------------------------*
$COMMENT
*------------------------------------*/
#respond {
margin-bottom: 20px;
}
#respond #reply-title {
font-size: 40px;
font-weight: 700;
color: #32236f;
margin-bottom: 0
}
#respond #reply-title,
#respond .comment-notes,
.logged-in-as {
text-align: center;
}
.logged-in-as {
margin-top: 10px;
}
#respond form {
display: inline-block;
width: 100%;
}
#respond .comment-textarea,
#respond .comment-form-author,
#respond .comment-form-email,
#respond .comment-form-url {
margin-bottom: 20px;
}
#respond .comment-form-author,
#respond .comment-form-email,
#respond .comment-form-url {
float: left;
width: 33.33%;
}
#respond .comment-form-author {
padding-right: 10px;
margin-bottom: 0;
}
#respond .comment-form-email {
padding: 0 10px;
}
#respond .comment-form-url {
padding-left: 10px;
}
#respond input[type="text"] {
width: 100%;
}
#respond .form-submit {
margin-bottom: 0;
}
#comments ol {
margin: 0;
list-style: none;
}
#comments ol.children {
margin-left: 30px;
}
#comments.empty-closed-comments {
display: none;
}
.comment-body {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding-bottom: 30px;
border-bottom: 1px solid #f1f1f1;
}
.comment-body img.avatar {
margin-right: 30px;
}
.comment-body .comment-content {
position: relative;
width: 100%;
}
.comment-author {
display: inline-block;
width: 100%;
}
.comment-author .comment-link, .comment-author .comment-meta {
margin: 5px 0 8px;
}
.comment-author .comment-link {
float: left;
font-size: 18px;
}
.comment-author .comment-meta {
float: right;
text-align: right;
text-transform: uppercase;
letter-spacing: 0.1em;
}
.comment-author .commentmetadata a {
color: #424b58;
}
#respond #cancel-comment-reply-link {
font-size: 10px;
color: #cbcfd6;
float: right;
border: 2px solid #d9dce1;
padding: 3px 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
border-radius: 3px;
text-transform: uppercase;
letter-spacing: 0.1em;
}
#respond #cancel-comment-reply-link:hover {
color: #9199a6;
border-color: #9199a6;
}
span.required {
position: relative;
top: -4px;
font-size: 10px;
margin-left: 3px;
color: #F00;
}
.comment-body p {
margin: 0;
}
.no-comments {
text-align: right;
}
.no-comments i {
margin-right: 8px;
}
.comment-navigation {
display: inline-block;
width: 100%;
}
.comment-navigation .nav-links a {
display: inline-block;
font-size: 12px;
line-height: 1.2;
padding-bottom: 3px;
border-bottom: 1px solid;
text-transform: uppercase;
}
.comment-navigation .nav-links .nav-previous {
float: left;
margin-right: 1.5em;
}
.comment-navigation .nav-links .nav-previous i {
margin-right: 5px;
}
.comment-navigation .nav-links .nav-next {
float: right;
margin-left: 1.5em;
}
.comment-navigation .nav-links .nav-next i {
margin-left: 5px;
}
/*------------------------------------*
Phone Portrait and Landscape
*------------------------------------*/
@media only screen and (max-width: 767px) {
#comments ol.children {
margin-left: 0;
margin-right: 0;
}
#respond .comment-form-author,
#respond .comment-form-email,
#respond .comment-form-url {
float: none;
width: 100%;
padding-right: 0;
padding: 0;
padding-left: 0;
}
}
/*------------------------------------*
Phone Landscape
*------------------------------------*/
@media only screen and (max-width: 480px) {
.comment-body img {
display: none;
}
.comment-author {
margin-bottom: 16px;
}
.comment-author .comment-link,
.comment-author .comment-meta {
float: none;
}
}
/*------------------------------------*
$SEARCH
*------------------------------------*/
.search-results article {
position: relative;
width: 100%;
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #e9e9e9;
}
.search-results article .search-entry-inner {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
align-items: center;
}
.search-results article .thumbnail {
min-width: 120px;
margin-right: 20px;
}
.search-results article .thumbnail img {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.search-results article .search-entry-title {
font-size: 24px;
margin: 0 0 6px;
}
.search-results article .search-entry-summary p:last-child {
margin-bottom: 0;
}
.search-results article .search-entry-readmore a {
display: inline-block;
font-size: 12px;
font-weight: 600;
line-height: 1;
padding-bottom: 3px;
border-bottom: 1px solid;
text-transform: uppercase;
letter-spacing: 0.6px;
}
.search-results article ul {
list-style: none;
}
/*------------------------------------*
Phone Landscape
*------------------------------------*/
@media only screen and (max-width: 480px) {
.search-results article .thumbnail {
display: none;
}
}
/*------------------------------------*
$FOOTER
*------------------------------------*/
.footer {
position: relative;
}
/**
* Footer widgets
*/
#footer-widgets {
background-color: #121823;
color: #c1c5cc;
font-weight: bold;
margin: 0;
}
#footer .has-padding {
padding: 75px 0;
}
#footer-widgets.has-padding .footer-box {
padding: 0 15px;
margin: 0;
}
#footer-widgets.has-no-padding .footer-box.col {
padding: 0;
margin: 0
}
#footer-widgets .footer-box .footer-widget {
position: relative;
margin-bottom: 50px;
}
#footer-widgets .footer-box .footer-widget:last-child {
margin-bottom: 0;
}
#footer-widgets p {
line-height: 25px;
}
#footer-widgets .footer-box .footer-widget ul {
margin: 0;
padding: 0;
list-style: none;
}
#footer-widgets .footer-box .widget-title {
position: relative;
color: #fff;
font-size: 15px;
margin: 0 0 40px 0;
}
#footer-widgets .single-line .widget-title:after,
#footer-widgets .tripple-line .widget-title:after {
content: "";
position: absolute;
width: 40px;
background-color: #fff;
height: 1px;
bottom: -18px;
left: 50%;
transform: translate(-50%);
}
#sidebar .widget_archive,
#footer-widgets .footer-widget.widget_archive {
margin-bottom: 45px
}
#footer-widgets .widget-title.title-white:after {
background-color: #fff;
}
#footer-widgets .widget-title.style-left:after,
#footer-widgets .widget-title.style-left:before {
left: 0;
transform: none;
}
#footer-widgets .footer-box a {
color: #c1c5cc;
font-weight: 500;
}
#footer-widgets .footer-box a:hover {
color: #ffffff;
}
#footer-widgets img.footer-logo {
max-width: 190px !important
}
.footer-box .gallery .gallery-item {
margin-bottom: 15px;
}
.acmthemes-widget-recent-posts-li:first-child,
.widget_categories li:first-child,
.widget_recent_entries li:first-child,
.widget_archive li:first-child,
.widget_recent_comments li:first-child,
.widget-recent-posts-icons li:first-child,
.footer .widget_nav_menu li:first-child {
padding-top: 0;
}
#footer-widgets .contact-info-widget i,
#footer-widgets .mailchimp-widget input[type="email"],
#footer-widgets .posts-thumbnails-widget li,
#footer-widgets .social-widget li a {
border-color: #555;
}
#footer-widgets .mailchimp-widget input[type="email"]:focus {
border-color: #13aff0;
}
#footer-widgets .tagcloud a {
line-height: 1.5em;
}
#footer-widgets form input[type="button"],
#footer-widgets form button[type="submit"] {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
border-radius: 10px;
margin-left: -20px;
}
.wp-block-calendar table th {
background: none;
}
.wp-block-calendar tbody td,
.wp-block-calendar th {
border: none;
border-bottom: 1px solid #f1f2f5;
}
.wp-block-calendar table th,
.wp-block-calendar table td {
padding: 10px;
}
.wp-block-calendar table tr th:first-child,
.wp-block-calendar table tr td:first-child {
padding-left: 0;
}
#wp-calendar > caption,
.wp-calendar caption {
margin-bottom: 10px;
}
.sidebar-box span.post-count {
font-size: 0.8em;
}
@media screen and (max-width: 468px) {
#footer-widgets.has-padding {
padding-top: 55px;
padding-bottom: 55px;
}
#footer-widgets.has-padding .footer-box:last-child {
margin-bottom: 0;
}
}
/**
* Parallax footer
*/
.parallax-footer {
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 0;
}
.has-parallax-footer #main {
z-index: 1;
}
.has-parallax-footer:not(.boxed-layout) #main {
-webkit-box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.1);
}
.has-parallax-footer:not(.separate-layout) #main {
background-color: #fff;
}
.has-parallax-footer.separate-layout #main {
background-color: #f1f1f1;
}
.boxed-layout .parallax-footer {
width: 1280px;
left: auto;
right: auto;
}
.wp-calendar caption {
margin-bottom: 10px;
}
/*------------------------------------*
All Devices under 960px
*------------------------------------*/
@media only screen and (max-width: 959px) {
/* margin footer columns */
#footer-widgets.has-padding .col {
margin-bottom: 30px;
}
/* Parallax footer */
.has-parallax-footer #main {
margin-bottom: 0 !important;
}
.parallax-footer {
position: relative;
}
}
/* Responsive columns */
@media only screen and (min-width: 481px) and (max-width: 768px) {
#footer-widgets.tablet-1-col .footer-box {
width: 100%;
}
#footer-widgets.tablet-2-col .footer-box {
width: 50% !important;
}
#footer-widgets.tablet-2-col .footer-box:nth-child(3n) {
clear: left;
}
#footer-widgets.tablet-3-col .footer-box {
width: 33.33% !important;
clear: none;
}
#footer-widgets.tablet-3-col .footer-box:nth-child(4n) {
clear: left;
}
#footer-widgets.tablet-4-col .footer-box {
width: 25% !important;
}
#footer-widgets.tablet-4-col .footer-box:nth-child(5n) {
clear: left;
}
}
@media only screen and (max-width: 480px) {
#footer-widgets.mobile-1-col .footer-box {
width: 100%;
}
#footer-widgets.mobile-2-col .footer-box {
width: 50% !important;
}
#footer-widgets.mobile-3-col .footer-box {
width: 33.33% !important;
}
#footer-widgets.mobile-4-col .footer-box {
width: 25% !important;
}
#footer-widgets .footer-box {
float: none;
clear: left;
}
}
/**
* Footer bottom
*/
#footer-bottom {
background-color: #1d2530;
color: #cbcfd6;
padding: 20px 0;
font-size: 12px;
line-height: 1;
}
#footer-bottom #footer-bottom-menu,
#footer-bottom #copyright {
width: 50%;
}
#footer-bottom #footer-bottom-menu {
float: right;
text-align: right;
padding-left: 15px;
}
#footer-bottom #footer-bottom-menu ul {
display: inline-block;
margin: 0;
list-style: none;
margin: 0;
padding: 0;
}
#footer-bottom #footer-bottom-menu li {
float: left;
}
#footer-bottom #footer-bottom-menu li:after {
content: '|';
margin-left: 5px;
margin-right: 5px;
}
#footer-bottom #footer-bottom-menu li:last-child:after {
content: '';
margin-left: 0;
margin-right: 0;
}
#footer-bottom #footer-bottom-menu a {
color: #cbcfd6;
}
#footer-bottom #footer-bottom-menu a:hover {
color: #ffffff;
}
#footer-bottom.no-right-content #copyright {
float: none;
width: 100%;
text-align: center;
padding-left: 0 !important;
padding-right: 0 !important;
font-weight: 600;
}
#footer-bottom #copyright {
float: left;
text-align: left;
padding-right: 15px;
}
#footer-bottom a {
color: #fff;
}
#footer-bottom a:hover {
color: #13aff0;
}
/*------------------------------------*
All Devices under 960px
*------------------------------------*/
@media only screen and (max-width: 959px) {
/* center footer bottom */
#footer-bottom #copyright,
#footer-bottom #footer-bottom-menu {
float: none;
width: 100%;
padding-right: 0;
padding-left: 0;
text-align: center;
line-height: 24px;
}
#footer-bottom #footer-bottom-menu {
margin-bottom: 15px;
}
#footer-bottom #footer-bottom-menu li {
float: none;
display: inline-block;
}
}
/*------------------------------------*
Phone Landscape
*------------------------------------*/
@media only screen and (max-width: 480px) {
#footer-bottom #footer-bottom-menu li {
margin-bottom: 8px;
}
}
/**
* Scroll top
*/
#scroll-top {
display: none;
position: fixed;
right: 20px;
bottom: 20px;
width: 40px;
height: 40px;
line-height: 40px;
border: none;
background-color: #303947;
color: #fff;
font-size: 18px;
cursor: pointer;
text-align: center;
z-index: 100;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
border-radius: 5px;
}
#scroll-top > span {
line-height: inherit;
vertical-align: top;
line-height: 40px !important;
}
#scroll-top:hover {
background-color: rgba(0, 0, 0, 0.8);
}
#scroll-top.scroll-top-left {
left: 20px;
right: auto;
}
/*------------------------------------*
Phone Landscape
*------------------------------------*/
@media only screen and (max-width: 480px) {
#scroll-top {
right: 10px;
bottom: 10px;
width: 26px;
height: 26px;
line-height: 24px;
font-size: 14px;
}
#scroll-top > span {
line-height: inherit;
vertical-align: top;
line-height: 27px !important;
}
}
/*------------------------------------*
$404 PAGE
*------------------------------------*/
.error404-content {
position: relative;
margin: 0 auto;
text-align: center;
}
.error404-content .error-title {
font-size: 46px;
margin: 0 0 25px;
}
.error404-content .error-text {
font-size: 18px;
font-weight: 300;
margin-bottom: 35px;
}
.error404-content .searchform {
max-width: 390px;
margin: 0 auto;
}
.error404-content .error-btn {
font-size: 13px;
padding: 14px 26px;
margin-top: 60px;
}
.error404-content .error-btn:hover {
color: #fff;
}
.none-found {
padding: 40px 0;
text-align: center;
}
.none-found h1 {
margin-bottom: 8px;
}
.none-found p {
padding-bottom: 15px;
border-bottom: 1px solid #e5e5e5;
}
/*------------------------------------*
Phone Landscape
*------------------------------------*/
@media only screen and (max-width: 480px) {
.error404-content .searchform {
width: 100%;
}
.error404-content .error-btn {
margin-top: 40px;
}
}
/*------------------------------------*
$GENERAL
*------------------------------------*/
/* Fix for the tabs under the header in the edit mode */
.fl-builder-edit #site-header,
.fl-builder-edit.has-transparent-header #site-header,
.elementor-editor-active #site-header {
z-index: 1;
}
.fl-builder-edit #main,
.elementor-editor-active #main {
z-index: inherit !important;
}
/* Fix the height automatically in the custom header style */
#site-header .elementor-section-wrap {
height: auto !important;
}
/* Fix image alignment with caption issue */
.elementor-widget-image .elementor-image img {
display: inline-block;
}
/* Fix carousel next/prev bug in Elementor */
.elementor-slick-slider .slick-prev,
.elementor-slick-slider .slick-next {
height: auto;
}
/* Fix background hover color on the photoswipe buttons */
.pswp__button:hover {
background-color: transparent;
}
/* Fix bug with MotoPress */
div.motopress-bootstrap-dropdown .dropdown-menu {
display: block !important;
position: static !important;
}
/* Fix problem with Geolocation addon of Caldera form in the acmthemes Modal Window */
.pac-container {
z-index: 100003;
}
/* Remove the Elementor section min height if the no-height class is added */
.no-height .elementor-column {
min-height: 0;
}
/* WooCommerce issues with Elementor Pro */
body .elementor-element.elementor-wc-products ul.products li.product .onsale {
padding: 8px 12px;
}
body .elementor-element.elementor-wc-products ul.products li.product.circle-sale .onsale {
padding: 0;
}
@media only screen and (max-width: 959px) {
.elementor-element.elementor-wc-products ul.products li.product {
width: auto !important;
}
}
/* Fix parallax footer issue in the Elementor editor */
.elementor-editor-active .parallax-footer {
z-index: -1;
}
/* Fix checkbox issue in Elementor */
.elementor-field-type-acceptance .elementor-field-subgroup .elementor-field-option input[type="checkbox"] {
display: inline-block;
}
/*------------------------------------*
MAGNIFIC POPUP
*------------------------------------*/
.mfp-bg {
z-index: 104200;
-webkit-transform: translateZ(0);
}
.mfp-wrap {
z-index: 104300;
}
/* Zoom effect */
.mfp-with-zoom .mfp-container, .mfp-with-zoom.mfp-bg {
opacity: 0;
-webkit-backface-visibility: hidden;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.mfp-with-zoom.mfp-ready .mfp-container {
opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
opacity: 0.8;
}
.mfp-with-zoom.mfp-removing .mfp-container, .mfp-with-zoom.mfp-removing.mfp-bg {
opacity: 0;
}
.mfp-zoom-out-cur {
cursor: -moz-default;
cursor: -webkit-default;
cursor: default;
}
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
width: 20px;
cursor: -moz-pointer;
cursor: -webkit-pointer;
cursor: pointer;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
/* Fade effect */
.mfp-fade.mfp-bg {
opacity: 0;
-webkit-transition: all 0.15s ease-out;
-moz-transition: all 0.15s ease-out;
-ms-transition: all 0.15s ease-out;
-o-transition: all 0.15s ease-out;
transition: all 0.15s ease-out;
}
.mfp-fade.mfp-bg.mfp-ready {
opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
opacity: 0;
}
.mfp-fade.mfp-wrap .mfp-content {
opacity: 0;
-webkit-transition: all 0.15s ease-out;
-moz-transition: all 0.15s ease-out;
-ms-transition: all 0.15s ease-out;
-o-transition: all 0.15s ease-out;
transition: all 0.15s ease-out;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
opacity: 0;
}
/* Search */
#mobile-menu-search {
display: none;
}
/*------------------------------------*
$SLICK
*------------------------------------*/
/* Arrows */
.slick-prev,
.slick-next {
position: absolute;
bottom: 0;
display: inline-block;
background-color: rgba(0, 0, 0, 0.6);
color: #fff;
width: 30px;
height: 35px;
line-height: 35px;
font-size: 20px;
border: 0;
text-align: center;
cursor: pointer;
padding: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
z-index: 10;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
background-color: rgba(0, 0, 0, 0.9);
color: #fff;
}
.slick-prev {
right: 30px;
}
[dir="rtl"] .slick-prev {
right: auto;
left: 30px;
}
[dir="rtl"] .slick-prev span:before {
content: '\f105';
}
.slick-next {
right: 0;
}
[dir="rtl"] .slick-next {
left: 0;
right: auto;
}
[dir="rtl"] .slick-next span:before {
content: '\f104';
}
/* Dots */
.slick-dotted.slick-slider {
margin-bottom: 30px;
}
.slick-dots {
position: absolute;
bottom: -25px;
list-style: none;
display: block;
text-align: center;
padding: 0;
margin: 0;
width: 100%;
}
.slick-dots li {
position: relative;
display: inline-block;
height: 20px;
width: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button {
border: 0;
background: transparent;
display: block;
height: 20px;
width: 20px;
outline: none;
line-height: 0px;
font-size: 0px;
color: transparent;
padding: 5px;
cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
-moz-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
}
.slick-dots li button:before {
position: absolute;
top: 0;
left: 0;
content: "•";
width: 20px;
height: 20px;
font-family: "slick";
font-size: 20px;
line-height: 20px;
text-align: center;
color: black;
-moz-opacity: 0.25;
-webkit-opacity: 0.25;
opacity: 0.25;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
color: black;
-moz-opacity: 0.75;
-webkit-opacity: 0.75;
opacity: 0.75;
}
/*------------------------------------*
block widgets
*------------------------------------*/
.wp-block-calendar table caption {
margin-bottom: 10px;
}
.wp-block-calendar table th {
text-align: center;
}
/*------------------------------------*
$RESPONSIVE
*------------------------------------*/
/*------------------------------------*
All Devices under 960px
*------------------------------------*/
@media only screen and (max-width: 959px) {
/* default breakpoint */
body.default-breakpoint #site-logo.has-responsive-logo .custom-logo-link {
display: none;
}
body.default-breakpoint #site-logo.has-responsive-logo .responsive-logo-link {
display: block;
}
body.default-breakpoint .is-sticky #site-logo.has-responsive-logo .sticky-logo-link {
display: block;
}
body.default-breakpoint .is-sticky #site-logo.has-sticky-logo .responsive-logo-link {
display: none;
}
body.default-breakpoint #site-header.center-header #site-logo {
display: block;
}
body.default-breakpoint #top-bar-nav,
body.default-breakpoint #site-navigation-wrap,
body.default-breakpoint .acmthemes-social-menu,
body.default-breakpoint .after-header-content {
display: none;
}
body.default-breakpoint .center-logo #site-logo {
float: none;
position: absolute;
left: 50%;
padding: 0;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
body.default-breakpoint .acmthemes-mobile-menu-icon {
display: block;
}
body.default-breakpoint #top-bar.has-no-content #top-bar-social {
text-align: center;
}
body.default-breakpoint #top-bar.has-no-content #top-bar-social.top-bar-left, body.default-breakpoint #top-bar.has-no-content #top-bar-social.top-bar-right {
position: inherit;
left: auto;
right: auto;
float: none;
height: auto;
line-height: 1.5em;
margin-top: 0;
}
body.default-breakpoint #top-bar.has-no-content #top-bar-social li {
float: none;
display: inline-block;
}
body.default-breakpoint.vertical-header-style #outer-wrap {
margin: 0 !important;
}
body.default-breakpoint #site-header.vertical-header {
position: relative;
width: 100%;
left: 0 !important;
right: 0 !important;
}
body.default-breakpoint #site-header.vertical-header .has-template > #site-logo {
display: block;
}
body.default-breakpoint #site-header.vertical-header #site-header-inner {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
align-items: center;
padding: 0;
max-width: 90%;
}
body.default-breakpoint #site-header.vertical-header #site-header-inner > *:not(.acmthemes-mobile-menu-icon) {
display: none;
}
body.default-breakpoint #site-header.vertical-header #site-header-inner > * {
padding: 0 !important;
}
body.default-breakpoint #site-header.vertical-header #site-header-inner #site-logo {
display: block;
margin: 0;
width: 50%;
text-align: left;
}
body.default-breakpoint #site-header.vertical-header #site-header-inner .acmthemes-mobile-menu-icon {
width: 50%;
text-align: right;
}
body.default-breakpoint #site-header.vertical-header .vertical-toggle {
display: none;
}
body.default-breakpoint.vh-closed .vertical-toggle {
display: none;
}
body.default-breakpoint .owp-cart-overlay {
display: none !important;
}
}
/*------------------------------------*
Phone Portrait and Landscape
*------------------------------------*/
@media only screen and (max-width: 767px) {
.hide-tablet-mobile {
display: none !important;
}
}
/*------------------------------------*
Phone Landscape
*------------------------------------*/
@media only screen and (max-width: 480px) {
.hide-mobile {
display: none !important;
}
}
/*------------------------------------*
Visibility
*------------------------------------*/
@media only screen and (min-width: 481px) and (max-width: 767px) {
.hide-tablet {
display: none !important;
}
}
/**
* Mobile menu css
*/
#acm-mobile-menu:not( .mm-menu ){
display: none;
}
#acm-mobile-menu, .mm-ismenu {
background: #ffffff;
}
.mm-header {
padding: 21px 40px 0;
}
.mm-header .mm-title {
font-size: 18px;
font-weight: 700;
text-transform: uppercase;
color: #121823;
letter-spacing: 0.1em;
}
#acm-mobile-menu .mm-list>li {
border-bottom: 1px solid #f1f2f5;
}
#acm-mobile-menu .mm-list>li>a,
#acm-mobile-menu .mm-list>li>span {
padding: 12px 10px 12px 20px;
}
#acm-mobile-menu em.mm-counter+a.mm-subopen {
background-color: #fff;
}
#acm-mobile-menu .mm-header {
border-bottom: 3px double #f1f2f5;
}
#acm-mobile-menu a, .mm-ismenu a {
color: #424b58;
font-size: 16px;
font-weight: 400;
letter-spacing: 0.1em;
}
#acm-mobile-menu .mm-menu .mm-header a:before {
border-color: #424b58;
}
#acm-mobile-menu em.mm-counter {
right: 57px;
}
#acm-mobile-menu .mm-list a.mm-subclose:before,
#acm-mobile-menu .mm-list a.mm-subopen:after,
#acm-mobile-menu .mm-header .mm-next:before,
#acm-mobile-menu .mm-header .mm-prev:before {
width: 8px;
height: 8px;
}
#acm-mobile-menu .mm-header .mm-next,
#acm-mobile-menu .mm-header .mm-prev {
height: 85px;
top: -15px;
}
#acm-mobile-menu .mm-header a:before {
border-color: #1d2530
}
/**
* THEME SPECIFIC
*/
/*
Header
*/
#topbar {
font-size: 13px;
}
#topbar .topbar_content, #topbar .header-top-right {
padding: 12px 0;
}
#topbar ul.menu > li:first-child a {
border-left: 0;
}
#topbar ul.menu > li {
list-style-type: none;
float: left;
line-height: 64px;
}
#topbar ul.menu > li a {
padding-left: 12px;
padding-right: 12px;
text-transform: uppercase;
font-size: 12px;
color: #fff;
}
#topbar ul {
text-decoration: none;
}
#topbar p {
line-height: 35px;
}
#mobile-menu-search {
display: none;;
}
#mobile-menu-search form {
display: flex;
padding: 0 15px 25px;
}
.deal-of-day {
color: #ffffff;
border: 1px solid #fff;
padding: 7px 15px;
margin-right: 25px;
text-transform: uppercase;
}
.free-shipping {
text-transform: uppercase;
font-size: 12px;
}
.free-shipping .fa-truck {
font-size: 15px;
color: #fff;
margin-right: 10px;
}
.currency_switcher {
padding-left: 5px;
padding-top: 6px;
}
.currency_switcher .dd-container, .currency_switcher .dd-options {
width: auto !important;
}
.currency_switcher .dd-select {
width: auto !important;
background-color: transparent !important;
border: none;
}
.woocommerce-currency-switcher-form .dd-selected {
padding: 0 !important;
}
.woocommerce-currency-switcher-form ul.dd-options {
margin-top: 10px;
}
.currency_switcher .dd-selected label, .currency_switcher .dd-options label{
margin-bottom: 0;
cursor: pointer;
color: #999999;
}
.currency_switcher .dd-selected small{
margin-top: -6px;
}
.currency_switcher .dd-select a {
border:none;
background-color: transparent;
}
.currency_switcher .dd-pointer-down {
border-top-color: #999999;
margin-right: 16px;
transition: all 0.3s ease-in-out 0s;
-webkit-transition: all 0.3s ease-in-out 0s;
-ms-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
}
.currency_switcher .dd-options {
box-shadow: none;
}
.currency_switcher .dd-options a {
border:none;
}
.currency_switcher .dd-options a:hover,
.currency_switcher .dd-options a.dd-option-selected{
background-color: #37C6CA;
color: #fff;
}
.currency_switcher .dd-options a:hover label,
.currency_switcher .dd-options a.dd-option-selected label,
.currency_switcher .dd-options a:hover small,
.currency_switcher .dd-options a.dd-option-selected small {
color: #fff;
}
.default-logo-holder {
background: #f4f3f4;
}
.default-logo-holder .site-logo {
padding: 20px 0;
}
#wpm-toggle-bar .wpm-toggle-trigger {
line-height: 70px;
}
@media screen and (max-width: 768px) {
#topbar .menu-right {
display: none;
}
}
.badge {
position: absolute;
top: 0;
right: 11px;
color: #fff;
background: #333333;
padding: 3px 17px;
border-radius: 3px;
font-size: 11px;
}
.badge:after {
top: 100%;
left: 50%;
transform: translate(-50%);
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(136, 183, 213, 0);
border-top-color: #333333;
border-width: 5px;
}
/* Arrows */
.dubarrow ul li:before {
content: "\f101";
padding-right: 15px;
display:inline-block;
font: normal normal normal 14px/1 FontAwesome;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.arrow ul li a:before {
content: "\f105";
display: inline-block;
margin-right: 7px;
color: #666;
font: normal normal normal 14px/1 FontAwesome;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/*Footer Styles*/
.footer {
color: #949494;
line-height: 20px;
font-weight: 500;
}
.footer a {
color: #aaa;
}
.footer a:hover {
color: #fff;
}
.footer ul li {
list-style-type: none;
}
#sidebar ul li:last-child,
#sidebar ul li:last-child a,
#footer .footer-box ul li:last-child:not(.sub-menu li),
#footer .footer-box ul li:last-child a:not(.sub-menu li a) {
padding-bottom: 0;
margin-bottom: 0
}
#sidebar ul li:last-child a,
#footer .footer-widget ul li a {
margin: 0 0 8px 0;
line-height: 1.4;
display: inline-block;
}
.footer-bottom-content .textwidget p {
margin: 0;
}
#footer .footer-widget .theme-selectInner {
width: 100% !important;
}
.default-footer {
background: #222222;
color: #949494;
}
.default-footer .copyright {
padding: 20px 0;
text-align: center;
font-size: 12px;
}
.subscription-form-1 button, .subscription-form-2 button {
transition: all 0.3s ease-in-out 0s;
-webkit-transition: all 0.3s ease-in-out 0s;
-ms-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
}
.subscription-form-1 button {
background: #fff;
color: #454545;
padding: 5px 25px;
margin-top: 20px;
border: none;
}
.subscription-form-1 input[type="text"] {
background: #414141;
color: #777;
border: none;
line-height: 46px;
height: 40px;
}
#footer-inner input[type="text"]:focus,
.subscription-form-1 input[type="text"]:focus,
.subscription-form-2 input[type="text"]:focus {
outline: none;
}
#footer-inner form ::-webkit-input-placeholder,
.subscription-form-1 ::-webkit-input-placeholder,
.subscription-form-2 ::-webkit-input-placeholder {
font-style: italic;
font-size: 12px;
color: #777;
text-transform: capitalize;
}
#footer-inner form,
.subscription-form-2 form {
position: relative;
display: flex;
}
#footer-inner input[type="text"],
.subscription-form-2 input[name="email"] {
border: none;
min-height: 50px;
background-color: #fff;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
border-radius: 10px;
}
#footer-inner button[type="submit"],
.subscription-form-2 button[type="submit"] {
background-color: #f18e7d;
color: #ffffff;
height: 42px;
position: absolute;
top: 4px;
right: 4px;
}
#footer-inner button[type="submit"]:hover,
.subscription-form-2 button[type="submit"]:hover {
background-color: #121823;
}
#footer-inner button:not(.customize-partial-edit-shortcut-button),
.subscription-form-2 button {
border: none;
color: #2e2e2e;
padding: 0 15px;
}
.list-line ul li {
border-bottom: 1px solid #3c3c3c;
line-height: 35px;
}
.footer .product_list_widget {
margin-top: 23px;
}
.footer .busye-iconbox {
position: relative;
padding: 3px 0;
padding-left: 0;
}
.footer .bkc-icon-left .busye-icon {
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
width: 45px;
height: auto;
}
.footer .busye-icon i {
font-size: 14px
}
.footer .bkc-icon-left .busye-icon-content {
margin-left: 30px;
}
.footer .acm-icon-content .busye-icon-desc {
font-size: 13px;
text-transform: lowercase;
}
/*
Page Header
*/
.page-header .page-header-wrap {
background-repeat: no-repeat;
background-size: cover;
background-position: center;
min-height: 500px;
width: 100%;
display: flex;
align-items: center;
position: relative;
margin-top: -120px;
text-align: center;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
overflow: hidden;
}
.page-header .page-header-wrap.simple_plain_header {
margin-top: 0;
min-height: auto;
}
.page-header .page-header-wrap.simple_plain_header .page-header-inner {
margin-top: 0;
padding: 25px 0;
}
.page-header-filled .page-header .page-header-wrap {
margin-top: 0;
}
.page-header .page-header-wrap svg {
position: absolute;
left: 0;
top: 0;
}
.page-header .page-header-wrap svg#hero-wave-dark-svg {
right: 0;
left: auto;
}
.page-header .page-header-wrap svg#hero-wave-small-svg,
.page-header .page-header-wrap svg#cross-shade-svg {
bottom: -2px;
top: auto;
}
.page-header .page-header-wrap.simple_plain_header svg {
right: 0;
left: auto;
}
#hero-wave-divider {
position: absolute;
bottom: -2px;
left: 0;
top: auto;
width: 107%;
z-index: 1;
}
.page-header .page-header-wrap a {
color: #ffffff;
}
.page-header .page-subheading {
text-transform: none;
font-size: 13px;
font-weight: 400;
}
/*----------------------*/
/* GLOBAL STYLE
-----------------------*/
.btn {
position: relative;
display: inline-block;
text-transform: uppercase;
font-size:12px;
font-weight: 600;
padding: 10px 45px;
border: 1px solid #6a49f2;
color: #6a49f2;
-webkit-border-radius: 27px;
-moz-border-radius: 27px;
-ms-border-radius: 27px;
border-radius: 27px;
overflow: hidden;
}
.btn:before,
body div.wpforms-container-full .wpforms-form button[type=submit]:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 0%;
height: 100%;
background-color: #6a49f2;
border-radius: 50px;
transition: .6s all;
z-index: 1;
}
.btn span {
position: relative !important;
z-index: 5;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
.btn:hover:before,
body div.wpforms-container-full .wpforms-form button[type=submit]:hover:before {
width: 100%;
background-color: #fff;
color: #6a49f2;
}
.btn:hover span {
color: #6a49f2;
z-index: 5;
}
#site-navigation .btn {
padding: 0;
}
.btn-primary, .button {
color: #fff;
background-color: #6a49f2;
}
.btn-primary:hover, .button:hover {
color: #fff;
background-color: #6a49f2;
}
.btn-outline {
border: 2px solid #6a49f2;
background-color: transparent;
color: #6a49f2;
padding: 10px 30px;
}
.btn-outline:hover, .btn-outline:active, .btn-outline:focus {
background: #6a49f2;
color: #fff;
box-shadow: none;
border: 2px solid #6a49f2;
}
/*=======================
Category search form
=========================*/
.product-search-wrap {
position: relative;
}
form.product-search-form{
display:flex;
margin-right: 20px;
border: 1px solid #f2f2f2;
background: #fff;
}
form .category-select{
display:inline-block;
width: 150px;
position: relative;
}
form .product-search-input{
display:inline-block;
width: 100%;
}
form .product-categories{
color: #444444;
font-size: 12px;
height: 48px;
line-height: 48px;
padding: 0 0 0 18px;
position: relative;
text-transform: uppercase;
width: 160px;
-moz-appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background: transparent;
border: 0 none;
}
form.product-search-form .category-select:after {
color: #444444;
content: "\f107";
display:block;
font: normal normal normal 12px/1 FontAwesome;
position: absolute;
right: 19px;
top: 12px;
}
form select.product-categories:focus, form select.product-categories:hover,
form input.product-search:focus, form inputproduct-search:hover, form button.button-search:focus, form button.button-search:hover {
outline:none;
}
form .product-search{
margin:8px 0;
background: #fff none repeat scroll 0 0;
border: 0 none;
border-left: 2px solid #f2f2f2;
display: inline-block;
font-size: 12px;
height: 32px;
line-height: 32px;
box-shadow: none !important;
margin-right: 0;
padding: 0 45px 0 20px;
width: 100%;
}
form.product-search-form button.button-search {
background-color: transparent;
border: none;
padding:0 20px;
font-size: 0;
line-height: 1;
transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
-webkit-transition: all 0.3s ease-in-out 0s;
}
form.product-search-form button.button-search .fa {
font-size: 16px;
color: #fff;
}
.wpb_wrapper form .category-select {
position: absolute;
right: 16%;
}
@media (max-width: 992px) {
.wpb_wrapper form .category-select {
right: 22%;
}
}
.product-search-input .product-search {
border-right: 2px solid #f2f2f2;
border-left: none;
width: 67%;
margin: 0;
}
@media (max-width: 992px) {
.product-search-input .product-search {
width: 49%;
}
}
form .product-categories {
height: 30px;
line-height: 34px;
}
form.product-search-form button.button-search {
background: #000;
box-shadow: none;
}
@media screen and (max-width: 468px) {
form.product-search-form {
margin-right: 0;
}
form .product-categories {
padding-left: 35px;
}
form.product-search-form .category-select:after {
right: 0;
}
}
/* Blog Styles */
#page-content {
padding-top: 50px;
padding-bottom: 50px;
}
#page-content .page {
margin-bottom: 20px;
}
#page-content .main {
padding-left: 15px;
padding-right: 15px;
}
.wp-blog {
margin-top: 50px;
margin-bottom: 35px;
}
.blog-list.left {
padding-left: 0;
}
.blog-column .post-excerpt p {
margin-bottom: 0;
}
.sticky .entry-header .entry-title {
margin-top: 3px;
}
.featured-post {
margin-right: 11px;
margin-bottom: 16px;
position: relative;
display: inline-block;
font-size: 12px;
color: #ffffff;
text-transform: uppercase;
font-weight: 600;
letter-spacing: 0.05em;
background: #ff715B;
padding: 4px 10px;
border-radius: 30px 0 30px 30px;
-moz-border-radius: 30px 0 30px 30px;
-webkit-border-radius: 30px 0 30px 30px;
-ms-border-radius: 30px 0 30px 30px;
}
.wp-blog .blog-column .post {
padding: 10px;
transition: all 0.3s ease-in-out 0s;
-webkit-transition: all 0.3s ease-in-out 0s;
-ms-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
}
.recent-posts.no-border .post {
border: none;
}
@media screen and (max-width: 768px) {
.blog-wrap .entry-header .entry-title {
font-size: 35px;
line-height: 40px;
}
}
.blog-wrap .entry-header {
position: relative;
text-align: center;
}
.blog-wrap .entry-header .entry-title a {
color: #32236f;
}
.blog-wrap .entry-header .entry-title a:hover {
color: #121823;
}
.blog-wrap .post .post-categories,
.blog-wrap .post .post-categories a {
display: inline-block;
text-transform: uppercase;
font-size: 12px;
color: #007bff;
font-weight: 600;
letter-spacing: 0.05em;
}
.blog-single-wrap .post .entry-header .post-categories,
.blog-single-wrap .post .entry-header .post-categories a {
font-size: 16px;
color: #6a49f2;
font-weight: 600;
text-transform: capitalize;
}
.blog-wrap .post .post-categories a:hover {
color: #6a49f2;
}
.blog-single-wrap .post-meta span.post-meta-sep {
font-weight: 300;
margin-left: 10px;
margin-right: 10px;
}
.blog-wrap .post .post-categories a {
font-weight: 500;
font-size: 12px;
text-transform: uppercase;
}
.blog-wrap .featured-image img {
display: inline-block;
height: auto;
}
.wp-blog .blog-column .post .post-text {
padding: 10px 10px 5px;
}
.wp-blog .blog-column.single-column .post,
.wp-blog .blog-column.single-column .post .post-text {
padding: 0 10px;
}
.entry-header .post-meta,
.entry-header .post-meta a {
font-weight: 500;
line-height: 1;
}
.entry-header .post-meta span.author a:hover {
color: #9672FF;
border-bottom: 1px solid;
}
.entry-header .post-meta span {
margin-right: 5px;
}
.entry-header .post-meta span.author,
.entry-header .post-meta span.author a {
color: #606775;
}
.entry-header .post-meta i {
color: #f18e7d;
}
.post-meta .separator {
position: relative;
top: -1px;
line-height: 11px;
font-size: 11px;
font-weight: 300;
font-style: normal;
}
.attachment.single .entry-content {
margin-top: 20px;
}
.attachment.single .entry-header {
margin-bottom: 0;
}
.blog-wrap .entry-content {
font-weight: 400;
}
@media screen and (max-width: 468px) {
.blog-wrap .entry-content {
padding: 0
}
}
.blog-text .entry-content p a {
text-decoration: underline;
}
.blog-wrap .entry-content .post-excerpt.notop-margin {
margin-top: 0;
}
.entry-content .post-excerpt p {
margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
.blog-wrap .single-column .entry-content .post-excerpt {
padding: 0 90px;
}
.blog .single-column .read-more-tag, .single .read-more-tag {
padding: 0 90px;
}
}
@media screen and (min-width: 992px) {
.content-area-full .single-column .entry-content .post-excerpt {
padding: 0 180px;
}
.content-area-full .single-column .read-more-tag,
.single .content-area-full .read-more-tag {
padding: 0 180px;
}
.content-area .single-column .entry-content .post-excerpt,
.content-area-right .single-column .entry-content .post-excerpt {
padding: 0 90px;
}
.content-area .single-column .read-more-tag,
.content-area-right .single-column .read-more-tag,
.single .content-area .read-more-tag,
.single .content-area-right .read-more-tag {
padding: 0 90px;
}
}
.recent-posts .read-more-tag {
padding: 0;
}
.wp-blog .blog-text .author-bio {
margin-bottom: 40px;
}
.pagination-wrap {
clear: both;
}
.wp-blog .pagination {
padding-left: 15px;
}
.featured-media {
position: relative;
overflow: hidden;
}
.featured-media .featured-image {
position: relative;
text-align: center;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
overflow: hidden;
}
.blog-loop .featured-media .featured-image img {
transition: all 0.5s ease-in-out 0s;
-webkit-transition: all 0.5s ease-in-out 0s;
-ms-transition: all 0.5s ease-in-out 0s;
-moz-transition: all 0.5s ease-in-out 0s;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.blog-loop .featured-media:hover .featured-image img {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
.timestamp .post-date {
display: inline-block;
line-height: 21px;
margin-left: -1px;
}
.blog-text td, .blog-text th {
border: 1px solid #e5e5e5;
padding: 7px 0;
}
/*=========================
Blog single
===========================*/
.blog-single-wrap {
margin-top: -150px;
margin-bottom: 60px;
}
.single #primary, .apper-white-container #primary {
position: relative;
background-color: #fff;
padding: 55px 40px 45px;
border-radius: 30px;
box-shadow: 0 8px 30px #c0bad76b;
}
.apper-white-container #primary {
margin: -110px auto 70px;
width: 1280px;
max-width: 90%;
box-shadow: 0 8px 20px rgb(59,58,62,0.2);
-webkit-box-shadow: 0 8px 20px rgb(59,58,62,0.2);
-moz-box-shadow: 0 8px 20px rgb(59,58,62,0.2);
}
.single.has-single-sidebar #primary {
padding: 55px 45px 45px;
}
@media screen and (max-width: 1300px) {
.single.has-single-sidebar #primary {
padding: 55px 15px 45px;
}
}
@media screen and (max-width: 575px) {
.single #primary {
padding: 55px 20px 45px;
}
}
.blog-single-wrap .featured-media {
margin-top: 30px;
}
.blog-single-wrap .acmthemes-lightbox img {
width: 100%;
height: auto;
}
.single .entry-header .post-thumbnail {
margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
.single .entry-header .entry-title {
font-size: 25px;
}
}
@media screen and (min-width: 768px) {
.single .entry-content .post-content {
padding-left: 40px;
padding-right: 40px;
}
}
.single .entry-content .post-content .wp-block-image {
margin: 0 auto;
}
.single .post-content img {
margin-bottom: 30px;
}
figure.wp-block-gallery:not(.has-nested-images) {
margin-top: 10px;
}
.wp-block-gallery .blocks-gallery-item img {
padding: 0;
margin: 0;
border: none;
}
figure.wp-block-gallery:not(.has-nested-images).alignleft {
margin-right: 25px;
}
.single .entry-footer .tags {
padding: 0 0 10px 0;
margin-bottom: 19px;
}
.single .entry-footer .tags a {
font-size: 0.85em;
padding: 7px 15px;
border: 1px solid #d9dce1;
line-height: 1;
display: inline-block;
margin-right: 15px;
margin-bottom: 15px;
-webkit-border-radius: 36px;
-moz-border-radius: 36px;
-ms-border-radius: 36px;
border-radius: 36px;
}
.single .entry-footer .tags a:hover {
background: #d9dce1;
}
.single .adjac-posts {
padding: 50px 0;
}
.single .adjac-posts a {
font-weight: 600;
text-transform: uppercase;
}
.single .adjac-posts a:hover {
color: #121823;
text-decoration: none;
}
.single .prev-post-link, .single .next-post-link {
position: relative;
}
.single .prev-post-link {
float: left;
}
.single .next-post-link {
float: right;
}
.single .adjac-posts i {
color: #333;
font-size: 20px;
position: absolute;
top: 50%;
margin-top: -9px;
}
.single .prev-post-link i {
margin-right: 7px;
left: 0;
}
.single .next-post-link i {
margin-left: 7px;
right: 0;
}
.single .next-post-link i,
.single .prev-post-link i {
transition: all 0.2s ease-in-out 0s;
-webkit-transition: all 0.2s ease-in-out 0s;
-ms-transition: all 0.2s ease-in-out 0s;
-moz-transition: all 0.2s ease-in-out 0s;
}
.single .next-post-link:hover i {
right: -10px;
}
.single .prev-post-link:hover i {
left: -10px;
}
.single .prev-post-link a {
display: block;
padding-left: 29px;
}
.single .next-post-link a {
display: block;
padding-right: 29px;
text-align: right;
}
.single .adjac-posts .post-link-text, .single .adjac-posts .post-link {
display: block;
position: relative;
}
.single .adjac-posts .post-link-text {
color: #9199a6;
font-size: 12px;
}
.single .entry-footer {
margin-top: 20px;
}
.single .author-bio {
padding-top: 34px;
margin-bottom: 5px;
}
.single .author-bio .author-name {
font-size: 1.2em;
margin-bottom: 3px;
}
.single .author-bio .author-info {
font-size: 0.9em;
color: #777;
}
.single .post-content h1, .single .post-content h2, .single .post-content h3,
.single .post-content h4, .single .post-content h5, .single .post-content h6{
margin-top: 25px;
margin-bottom: 15px;
}
.single .post-content h2 {
font-size: 32px;
}
.single .single-post-tags {
padding: 35px 0;
text-align: center;
}
.single .single-post-tags a {
color: #6a49f2;
font-weight: 600;
}
.single .single-post-tags i {
color: #32236f;
margin-right: 9px;
}
.single .related-posts-title,
.single .related-posts-title span {
margin-bottom: 10px;
color: #32236f;
}
.single .related-posts-desc {
margin-bottom: 25px;
}
.single .related-posts-list {
padding-top: 20px;
}
@media screen and (max-width: 600px) {
.single .adjac-posts .post-link {
font-size: 0.8em;
}
.single .next-post-link, .single .prev-post-link {
width: 45%;
}
.single .author-bio .author-name {
margin-top: 20px;
}
}
@media screen and (max-width: 468px) {
.single .next-post-link, .single .prev-post-link {
width: 100%;
float: none;
}
.single .prev-post-link {
margin-bottom: 15px;
}
}
.wp-block-cover .wp-block-cover-text:not(.has-text-color) {
color: #fff;
font-weight: 600;
}
@media screen and (min-width: 1020px) {
.single .wp-block-cover.alignleft, .single .wp-block-cover-image.alignleft {
margin-right: calc(2 * 1rem);
min-width: 50%;
}
}
.wp-search {
padding-top: 50px;
}
.search-title {
padding: 50px 0;
background: #efefef;
text-align: center;
}
.search-title h1 {
font-size: 21px;
text-align: center;
}
.wp-search .blog-column {
margin-bottom: 24px;
padding-left: 0;
padding-right: 0;
}
.wp-search .blog-column article {
border-bottom: 1px solid #efefef;
padding-bottom: 10px;
}
.wp-search .blog-column .entry-header .entry-title {
margin-top: 0;
}
@media screen and (max-width: 460px) {
.hidebar {
display: none;
}
}
/* Sidebar Widget*/
@media screen and (min-width: 992px) {
.blog .wp-blog .sidebar.left, .archive .wp-blog .sidebar.left {
padding-right: 0;
}
.blog .wp-blog .sidebar.right, .archive .wp-blog .sidebar.right {
padding-left: 0;
}
}
.sidebar .widget-area {
border: 1px solid #ebebeb;
padding: 0 0 32px 0;
margin-bottom: 39px;
}
.sidebar .widget {
padding: 32px 25px 33px 25px;
border-bottom: 1px solid #ebebeb;
}
.wp-blog .blog-text .sidebar h3 {
margin-top: 0;
}
.sidebar .widget_search {
padding-bottom: 44px;
}
.sidebar .widget:last-child {
padding-bottom: 0;
border: none;
}
.sidebar img {
max-width: 100%;
height: auto;
}
@media screen and (max-width: 992px) {
.sidebar .widget_media_image {
text-align: center;
}
}
.sidebar {
font-size: 13px;
}
.sidebar ul{
list-style-type: none;
}
.sidebar > div > aside > ul{
padding-left: 0;
}
.sidebar a {
transition: all 0.2s ease-in-out 0s;
-webkit-transition: all 0.2s ease-in-out 0s;
-ms-transition: all 0.2s ease-in-out 0s;
-moz-transition: all 0.2s ease-in-out 0s;
}
.sidebar select {
width: 100%;
padding: 10px;
border-radius: 6px;
border: 2px solid #f2f2f2;
font-size: 14px;
background:transparent;
}
.sidebar form button {
border: none;
}
.sidebar .widget-title {
color: #323232;
font-size: 1.3em;
font-weight: 500;
letter-spacing: 0.06em;
line-height: 30px;
margin-bottom: 14px;
position: relative;
text-transform: uppercase;
}
.sidebar li {
line-height: 33px;
}
.sidebar .widget-area li a{
text-transform:capitalize;
font-size: 1.1em;
}
.sidebar .widget_archive li a,
.sidebar .widget_categories li a,
.sidebar .widget_pages li a,
.sidebar .widget_recent_entries li a,
.sidebar .widget_nav_menu li a{
color: #333;
font-size: 13px;
font-weight: 500;
text-transform: capitalize;
}
.sidebar li a:hover {
color: #c5927b;
}
.sidebar .widget_categories li .post-count{
float:right;
}
.sidebar .widget_rss li {
margin-bottom: 25px;
}
.sidebar #wp-calendar {
margin-bottom: 0;
}
.sidebar .widget_tag_cloud .tagcloud a{
border: 2px solid #eee;
color: #9b9b9b;
display: inline-block;
font-size: 13px !important;
line-height: 26px;
margin: 10px 6px 0 0;
padding: 0 7px;
}
.sidebar .widget_tag_cloud .tagcloud a:hover{
color:#0cb4ce;
border-color:#0cb4ce;
}
.sidebar .searchform input[type="text"]:focus {
outline: none;
}
.sidebar .searchform .btn {
padding: 6px 12px;
}
.sidebar .calendar_wrap #today{
color:#ffffff;
background:#37c6ca;
border:1px solid #37c6ca;
}
.searchform, .woocommerce-product-search,
.wp-block-search__inside-wrapper {
position: relative;
display: flex;
}
.wp-block-search__button-outside label {
display: none;
}
.pagination-wrap ul.pagination li a {
border: 1px solid #f2f2f2;
background-color: #fff !important;
color: #999 !important;
}
.pagination-wrap ul.pagination li.active a {
border-color: #37C6CA;
color: #fff !important;
background-color: #37C6CA !important;
}
.pagination-wrap ul.pagination li a:hover {
border-color: #37C6CA;
color: #fff !important;
background-color: #37C6CA !important;
}
.entry-content img {
max-width: 100%;
height: auto;
}
/*==================
Comments
===================*/
#comments {
border-top: 1px solid #f3f3f3;
margin-top: 40px;
margin-bottom: 15px;
padding-top: 40px;
}
#comments .comment-list {
margin-top: 26px;
margin-bottom: 15px;
}
#comments .comment-list li.comment {
margin-bottom: 0;
}
#commentform div {
padding-left: 0;
}
#commentform div input, #commentform div textarea {
max-width: 100%;
height: 60px;
border-radius: 12px;
box-shadow: 0 3px 6px #ede9fe;
border: transparent;
color: #3e3f66;
padding: 15px;
}
#commentform div textarea {
padding: 15px;
}
#commentform div label{
display: block;
}
#commentform .comment-form-comment textarea {
height: 200px;
}
#commentform #submit {
margin-top: 14px;
padding: 15px 38px;
font-weight: bold;
text-transform: uppercase;
}
@media only screen and (max-width: 991px) {
#comments ol {
padding-left:0;
}
}
/*Breadcrumb style*/
.comments-area .comments-title {
text-align: center;
text-transform: capitalize;
margin-bottom:45px;
}
#comments .comment-list {
list-style: outside none none;
margin: 0;
padding: 0;
}
#comments .children {
list-style: outside none none;
margin:38px 0;
}
#comments .comment-list .comment-body{
border-top: 1px solid #D6D3E3;
padding:30px;
}
#comments .comment-list .comment-respond {
padding-left: 20px;
margin-top: 30px;
}
#comments .comment-list .comment-respond .comment-reply-title {
font-size: 18px;
}
#comments .comment-list .comment-respond .comment-reply-title small a {
float: right;
color: #d9dce1;
}
.comment-body .avatar {
display: inline-block;
float: left;
margin-right: 20px;
}
.comment-body .fn{
font-size: 18px;
font-weight: 500;
font-style:normal;
}
.comment-body .comment-meta{
font-size:12px;
font-weight:300;
}
.comment-body p {
margin-left: 120px;
margin-top: 15px;
margin-bottom:15px;
padding: 0;
}
li.trackback .comment-body p,
li.pingback .comment-body p {
margin-left: 0;
}
.comment-body .reply{
position:relative;
}
.comment-body .reply a {
background: #6a49f2;
bottom: -18px;
color: #ffffff;
float: right;
margin: 0;
padding: 2px 10px;
position: absolute;
right: -18px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
border-radius: 3px;
}
.comment-body .reply a:hover {
background: #32236f;
}
@media screen and (max-width: 992px) {
#commentform div {
padding-right: 0;
}
}
/*===================
Social Links
===================*/
.social-links{
padding:0;
margin: 0;
}
.social-links li {
display: inline-block;
}
.social-links li a > span{
display:inline-block;
width: 35px;
height: 35px;
text-align: center;
line-height: 35px;
font-size:18px;
color:#fff;
border: 1px solid rgba(255, 255, 255, 0.3);
margin-bottom: 5px;
margin-right: 9px;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
-webkit-transition: all 0.3s ease-in-out 0s;
}
.social-links li:last-child a > span {
margin-right: 0;
}
.social-links li a > span.social-icon:hover{
background-color: #fff;
color:#6a49f2;
}
.social-links li a > span.social-icon:before{
color:#fff;
transition: all 0.3s ease-in-out 0s;
-webkit-transition: all 0.3s ease-in-out 0s;
-ms-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
}
/*====================
author social links
===================*/
.single .author-bio .social_media ul {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.single .author-bio .social_media li a {
display: block;
width: 37px;
height: 37px;
text-align: center;
line-height: 37px;
font-size: 15px;
border: 1px solid #CCC9D7;
border-radius: 50px;
margin-right: 10px;
transition: .4s all;
}
.single .author-bio .social_media li a:hover {
background-color: #6a49f2;
color: #ffffff;
border-color: #6a49f2;
}
/*====================
slick Slider
===================*/
.slick-prev:before,
.slick-next:before,
a.wpis-popup{
transition: all 0.3s linear 0s;
-webkit-transition: all 0.3s linear 0s;
-moz-transition: all 0.3s linear 0s;
-o-transition: all 0.3s linear 0s;
}
.slick-slider{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus{
outline: none;
}
.slick-list.dragging{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track{
position: relative;
top: 0;
left: 0;
display: block;
}
.slick-track:before,
.slick-track:after{
display: table;
content: '';
}
.slick-track:after{
clear: both;
}
.slick-loading .slick-track{
visibility: hidden;
}
.slick-slide{
display: none;
float: none !important;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide{
float: right;
}
.slick-slide img{
display: block;
}
.slick-slide.slick-loading img{
display: none;
}
.slick-slide.dragging img{
pointer-events: none;
}
.slick-initialized .slick-slide{
display: block;
}
.slick-loading .slick-slide{
visibility: hidden;
}
div.images .slick-vertical .slick-slide{
display: block;
height: auto;
border: 1px solid transparent;
margin-bottom: 10px;
}
div.images .slick-arrow.slick-hidden {
display: none;
}
/* Arrows */
div.images .slick-prev,
div.images .slick-next,
div.images .slick-prev:hover,
div.images .slick-next:hover {
border: 0;
display: inline-block;
padding:0;
font-size: 0;
line-height: 16px;
position: absolute;
background:#fff;
box-shadow:none !important;
border-radius:0;
margin-top: -16px;
opacity: .75;
outline: none!important;
}
div.images .slick-prev.slick-disabled:before,
div.images .slick-next.slick-disabled:before{
opacity: .25;
}
div.images .slick-prev:before,
div.images .slick-next:before {
font-size: 16px;
line-height: 23px;
color: #a09f9f;
}
div.images .slick-prev:before {
line-height: 20px;
}
div.images .slick-prev:hover:before, div.images .slick-next:hover:before {
color: #333;
}
#testimonial .slick-prev,
#testimonial .slick-next {
display: none !important;
}
/* Dots */
.slick-dotted.slick-slider{
margin-bottom: 30px;
}
.slick-dots{
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before{
opacity: 1;
}
.slick-dots li button:before{
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before{
opacity: .75;
color: black;
}
a.wpis-popup {
bottom: 6px;
font-size: 25px;
line-height: 0;
opacity: 0.6;
outline: medium none !important;
padding: 15px 0;
position: absolute;
right: 10px;
text-decoration: none;
z-index: 9;
color:#444;
}
a.wpis-popup:hover{
opacity: 1;
color:#444;
}
.admin-bar .fancybox-container {
z-index: 999999;
}
.single-product.woocommerce span.onsale{
z-index:9;
}
/*====================
Contact form
==================*/
#main .wpforms-container {
padding: 157px 60px 50px;
background-color: #fff;
-webkit-box-shadow: 0 4px 10px #ede9fe;
-moz-box-shadow: 0 4px 10px #ede9fe;
box-shadow: 0 4px 10px #ede9fe;
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
}
#main .wpforms-container .wpforms-field input,
#main .wpforms-container .wpforms-field textarea {
height: 60px;
padding: 13px 20px;
color: #3e3f66;
font-weight: 500;
border: 2px solid #e1dbf4;
border-radius: 12px;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
}
#main .wpforms-container .wpforms-field textarea {
height: 170px;
}
#main .wpforms-container .wpforms-field input[type="checkbox"] {
height: auto;
padding: 5px;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
}
#main .wpforms-container .wpforms-field input:focus,
#main .wpforms-container .wpforms-field textarea:focus {
box-shadow: none;
border-color: #6a49f2;
color: #6a49f2;
}
.wpforms-form button[type=submit] span {
text-transform: uppercase;
font-weight: 600;
}
@media only screen and (max-width: 576px) {
#main .wpforms-container {
padding: 157px 25px 50px;
}
}
/* Contact form 7 */
.wpcf7 {
margin-left: -15px;
margin-right: -15px;
}
.wpcf7-form {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
flex-direction: row;
}
.wpcf7-text, .wpcf7-textarea {
border: 1px solid #e6e6e6;
}
.wpcf7-text {
height: 46px;
}
.wpcf7-form p, .wpcf7-form label,
.wpcf7-form .wpcf7-text,
.wpcf7-form .wpcf7-textarea {
width: 100%;
max-width: 100%;
}
.wpcf7-form label {
color: #9199a6;
font-size: 12px;
font-weight: 500;
}
.wpcf7-form .wpcf7-textarea {
padding: 15px;
}
.wpcf7-form .form-group {
margin-bottom: 20px;
}
.wpcf7-form .acm-col-name {
padding-right: 30px;
}
.wpcf7-submit {
padding: 5px 20px;
text-transform: uppercase;
margin-left: 15px;
}
.wpcf7 button[type="submit"] {
margin-left: 15px;
}
.wpcf7-form .wpcf7-text:focus,
.wpcf7-form .wpcf7-textarea:focus {
border: 1px solid #a1a1a1;
}
div.wpcf7-validation-errors {
width: 100%;
}
div.wpcf7-response-output {
margin: 2em 1.1em 1em;
}
/* WPForms */
div.wpforms-container-full .wpforms-form input.wpforms-field-medium,
div.wpforms-container-full .wpforms-form select.wpforms-field-medium, div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-medium {
max-width: 100%
}
div.wpforms-container-full .wpforms-form input[type="date"], div.wpforms-container-full .wpforms-form input[type="datetime"],
div.wpforms-container-full .wpforms-form input[type="datetime-local"], div.wpforms-container-full .wpforms-form input[type="email"],
div.wpforms-container-full .wpforms-form input[type=month], div.wpforms-container-full .wpforms-form input[type=number],
div.wpforms-container-full .wpforms-form input[type=password], div.wpforms-container-full .wpforms-form input[type=range],
div.wpforms-container-full .wpforms-form input[type=search], div.wpforms-container-full .wpforms-form input[type=tel], div.wpforms-container-full .wpforms-form input[type=text],
div.wpforms-container-full .wpforms-form input[type=time], div.wpforms-container-full .wpforms-form input[type=url], div.wpforms-container-full .wpforms-form input[type=week],
div.wpforms-container-full .wpforms-form select,
div.wpforms-container-full .wpforms-form textarea {
height: 39px;
background-color: transparent;
border: none;
border-bottom: 1px solid #e9ebed;
padding-left: 0;
}
div.wpforms-container-full .wpforms-form textarea {
min-height: 40px;
height: 40px;
}
div.wpforms-container-full .wpforms-form .wpforms-field-label,
.wpforms-form .wpforms-field-label {
color: #9199a6;
font-weight: 400;
}
div.wpforms-container-full .wpforms-form .wpforms-required-label {
color: #f18e7d;
}
div.wpforms-container-full .wpforms-form input:focus,
div.wpforms-container-full .wpforms-form textarea:focus,
div.wpforms-container-full .wpforms-form select:focus,
div.wpforms-container-full .wpforms-form .is-focused .choices__inner,
div.wpforms-container-full .wpforms-form .is-open .choices__inner,
div.wpforms-container-full .wpforms-form .is-open .choices__list--dropdown {
border: none;
border-bottom: 1px solid #adb1b3;
}
div.wpforms-container-full .wpforms-form input[type=submit],
div.wpforms-container-full .wpforms-form button[type=submit],
div.wpforms-container-full .wpforms-form .wpforms-page-button {
border: none;
padding: 10px 25px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
border-radius: 5px;
}
@media screen and (max-width: 568px) {
div.wpforms-container-full .wpforms-form .wpforms-one-half {
width: 100%;
margin-left: 0
}
}
/*====================
404 page
==================*/
.content404 {
margin: 70px 0 120px;
text-align: center;
}
.not-found-image img {
max-width: 100%;
height: auto;
}
.error404-content {
text-align: center;
}
.error404-content .error-title {
font-size: 48px;
line-height: 56px;
font-weight: 700;
margin-top: 35px;
margin-bottom: 20px;
}
.error-description p {
margin-bottom: 36px;
font-size: 16px;
font-style: italic;
}
.error404 .btn-home {
font-weight: 600;
border: none;
letter-spacing: 0.15em;
padding: 14px 32px;
transition: all 0.3s ease-in-out 0s;
-webkit-transition: all 0.3s ease-in-out 0s;
-ms-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
}
.error404 .btn-home:hover {
background-color: #121823;
color: #ffffff;
}
.page-none {
text-align: center;
padding: 100px 0;
max-width: 650px;
margin: 0 auto;
}
.page-none h2 {
font-size: 46px;
}
.page-none #searchform {
margin-left: auto;
margin-right: auto;
}
.take_me_home {
position: relative;
}
.take_me_home:after {
position: absolute;
content: '';
height: 1px;
width: 30px;
bottom: -3px;
left: 50%;
margin-left: -15px;
display: inline-block;
background-color: #1d2530;
transition: all 0.3s ease-in-out 0s;
-webkit-transition: all 0.3s ease-in-out 0s;
-ms-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
}
.take_me_home:hover:after {
left: 0;
margin-left: 0;
width: 100%;
}
/*------Header Btn Animation------*/
@keyframes pulse-blue-small-sm {
0% {
box-shadow: 0 0 0 0 rgba(107, 73, 242, 0.7);
}
100%,
30% {
box-shadow: 0 0 0 12px transparent
}
}
@keyframes pulse-blue-medium-sm {
0% {
box-shadow: 0 0 0 0 rgba(107, 73, 242, 0.4);
}
100%,
30% {
box-shadow: 0 0 0 20px transparent
}
}
/*------WhiteHeader Btn Animation------*/
@keyframes pulse-white-small-sm {
0% {
box-shadow: 0 0 0 0 rgba(253, 253, 253, 0.7);
}
100%,
30% {
box-shadow: 0 0 0 12px transparent
}
}
@keyframes pulse-white-medium-sm {
0% {
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
}
100%,
30% {
box-shadow: 0 0 0 20px transparent
}
}
/* Inner Page banner shape animation */
.page-header .page-header-wrap .banner_shape1,
.page-header .page-header-wrap .banner_shape2, .banner_shape3 {
position: absolute;
}
.page-header .page-header-wrap .banner_shape1 {
top: 200px;
left: 15%;
animation: mymove 10s infinite;
}
.page-header .page-header-wrap .banner_shape2 {
top: 100px;
right: 10%;
animation: mymove 5s infinite;
}
.page-header .page-header-wrap .banner_shape3 {
top: 350px;
right: 20%;
animation: mymove 3s infinite;
}
/* CTA section Shape animation */
.query_section .banner_shape1, .banner_shape2, .banner_shape3 {
position: absolute; }
.query_section .banner_shape1 {
top: 200px;
left: 15%;
animation: mymove 10s infinite;
}
.query_section .banner_shape2 {
top: 100px;
right: 10%;
animation: mymove 5s infinite;
}
.query_section .banner_shape3 {
top: 350px;
right: 20%;
animation: mymove 3s infinite;
}
@keyframes mymove {
50% {transform: rotate(180deg);}
}