/*
Theme Name: Kalon Pro
Theme URI: https://rarathemes.com/wordpress-themes/kalon-pro/
Author: Rara Theme
Author URI: https://rarathemes.com/
Description: Kalon Pro is a visually appealing feminine WordPress Theme with clean layout and elegant design focused on readability and user experience. The Theme comes with offers full customization options with multiple layouts, navigations, headers, styles and many top-end features to build a unique blog. With a striking, beautiful design and great typography, Kalon will immediately set your website apart from the competition. Check the demo at https://rarathemes.com/previews/?theme=kalon-pro, documentation at https://docs.rarathemes.com/docs/kalon-pro/, and get support at https://rarathemes.com/support-ticket/.
Version: 1.2.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: kalon-pro
Tags: Blog, two-columns, right-sidebar, footer-widgets, custom-background, custom-menu, featured-image-header, featured-images, post-formats, threaded-comments, translation-ready, full-width-template, theme-options
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
Kalon Pro is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
## Links
## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
## Posts and pages
## Asides
## Comments
# Infinite scroll
# Media
## Captions
## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body {
margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
a {
background-color: transparent;
}
a:active,
a:hover {
outline: none;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
mark {
background: #ff0;
color: #000;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 1em 40px;
}
hr {
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: textfield;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
color: #404040;
font-family: sans-serif;
font-size: 16px;
font-size: 1rem;
line-height: 1.5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
}
p {
margin-bottom: 1.5em;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
margin: 0 1.5em;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 15px;
font-size: 0.9375rem;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code,
kbd,
tt,
var {
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
font-size: 15px;
font-size: 0.9375rem;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: none;
text-decoration: none;
}
big {
font-size: 125%;
}
/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
box-sizing: border-box;
}
*,
*:before,
*:after {
/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
box-sizing: inherit;
}
body {
background: #fff;
/* Fallback for when there is no custom background color defined. */
font-size: 16px;
line-height: 26px;
font-family: 'Lato', sans-serif;
color: #575757;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
}
blockquote,
q {
quotes: """";
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
ul,
ol {
margin: 0 0 1.5em 3em;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li>ul,
li>ol {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: bold;
}
dd {
margin: 0 1.5em 1.5em;
}
img {
height: auto;
/* Make sure images are scaled correctly. */
max-width: 100%;
/* Adhere to container width. */
}
table {
margin: 0 0 1.5em;
width: 100%;
}
/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
background: #fc7f8e;
border: 0 none;
border-radius: 0;
box-shadow: none;
font-weight: 700;
font-size: 15px;
line-height: 18px;
margin-right: 16px;
padding: 15px 40px;
text-shadow: none;
color: #fff;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
opacity: 0.8;
}
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
opacity: 0.8;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
textarea {
color: #666;
border: 0;
border-radius: 0;
background: #f4f4f4;
padding: 12px 10px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
textarea:focus {
color: #111;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"] {
padding: 12px 10px;
}
textarea {
padding: 12px 10px;
width: 100%;
height: 160px;
resize: none;
}
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
color: #fc7f8e;
text-decoration: none;
}
a:hover,
a:focus,
a:active {
color: #fc7f8e;
}
a:focus {
outline: none;
}
a:hover,
a:active {
outline: 0;
}
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
float: left;
margin-top: 7px;
}
.main-navigation ul:after {
display: block;
clear: both;
content: '';
}
.main-navigation ul {
display: none;
list-style: none;
margin: 0;
padding-left: 0;
}
.main-navigation li {
float: left;
margin-left: 43px;
position: relative;
}
.main-navigation li:first-child {
margin-left: 0;
}
.main-navigation ul li a {
display: block;
text-decoration: none;
color: #333333;
font-size: 13px;
line-height: 15px;
text-transform: uppercase;
padding-bottom: 20px;
}
.main-navigation li a:hover,
.main-navigation li a:focus .main-navigation .current-menu-item>a,
.main-navigation li:hover>a,
.main-navigation li:focus>a {
color: #fc7f8e;
}
.main-navigation ul ul {
float: left;
position: absolute;
top: 100%;
left: 0;
z-index: 99999;
width: 200px;
background: #fff;
/*box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);*/
border: 1px solid #f5f5f5;
/*display: none;*/
margin-left: -99999px;
}
.main-navigation ul ul ul {
left: 100%;
top: 0;
}
.main-navigation ul ul li a {
display: block;
padding: 15px;
border-bottom: 1px solid #f5f5f5;
color: #333;
}
.main-navigation ul ul li {
float: none;
display: block;
margin: 0;
}
.main-navigation ul ul :hover>a,
.main-navigation ul ul .focus>a {
background: #fcfbfb;
}
.main-navigation ul ul li a:hover,
.main-navigation ul ul li a:focus {
background: #fcfbfb;
}
.main-navigation ul li:hover>ul,
.main-navigation ul li:focus-within>ul,
.main-navigation ul li.focus>ul {
margin-left: 0;
}
.main-navigation ul ul li:hover>ul,
.main-navigation ul ul li.focus>ul {
left: 100%;
}
/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
display: block;
}
@media screen and (min-width: 37.5em) {
.menu-toggle {
display: none;
}
.main-navigation ul {
display: block;
}
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
margin: 0 0 1.5em;
overflow: hidden;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
float: left;
width: 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
float: right;
text-align: right;
width: 50%;
}
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* 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;
border-radius: 3px;
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. */
}
/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
outline: 0;
}
/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
content: "";
display: table;
table-layout: fixed;
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
clear: both;
}
/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
margin: 0 0 1.5em;
}
/* Make sure select elements fit in widgets. */
.widget select {
max-width: 100%;
}
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
display: block;
}
.hentry {
margin: 0 0 1.5em;
}
.byline,
.updated:not(.published) {
display: none;
}
.single .byline,
.group-blog .byline {
display: inline;
}
.page-content,
.entry-content,
.entry-summary {
margin: 1.5em 0 0;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
}
/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
display: none;
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
}
/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
/* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer {
/* Theme Footer (when set to scrolling) */
display: none;
}
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
display: block;
}
/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
max-width: 100%;
}
/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption-text {
text-align: center;
}
/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
margin-bottom: 1.5em;
overflow: hidden;
margin-left: -15px;
margin-right: -15px;
}
.gallery-item {
/*display: inline-block;*/
float: left;
padding-left: 15px;
padding-right: 15px;
text-align: center;
vertical-align: top;
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%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.gallery-caption {
display: block;
}
.site {
background: #fff;
}
.custom-background-color,
.custom-background-image {
margin: 20px;
}
.container {
width: 1170px;
padding: 0 15px;
margin: 0 auto;
}
.container:after {
display: block;
clear: both;
content: '';
}
.row:after {
content: '';
display: block;
clear: both;
}
.row {
margin: 0 -15px;
}
img {
vertical-align: top;
}
.header-top {
background: #ffecec;
padding-top: 15px;
/*padding-bottom: 20px;*/
}
.header-top:after {
display: block;
clear: both;
content: '';
}
.header-top .social-networks li:first-child {
margin-left: 0;
}
.header-top .social-networks {
float: right;
list-style: none;
padding: 0;
margin: 0;
}
.header-top .social-networks li {
float: left;
margin-left: 18px;
}
.header-top .social-networks li a {}
.header-top .social-networks li svg {
font-size: 14px;
line-height: 18px;
color: #4d4d4d;
}
.header-top .social-networks li svg:hover {
color: #fc7f8e;
}
.header-bottom {
text-align: center;
padding: 20px 0 30px;
}
.header-bottom .site-branding {
font-size: 14px;
line-height: 18px;
color: #545454;
}
.header-bottom .site-branding .site-title {
margin: 0;
font-family: 'Dancing Script', cursive;
font-size: 56px;
line-height: 65px;
}
.site-header .site-branding .site-title {
font-family: 'Dancing Script', cursive;
font-size: 56px;
line-height: 65px;
margin: 0;
}
.header-bottom .site-branding .site-title a {
display: inline-block;
/*color: #fc7f8e;*/
}
.site-header .site-branding .site-description {
margin: 0;
}
.slider {
position: relative;
}
.slider .slides li {
position: relative;
}
.slider .owl-theme .owl-dots {
position: absolute;
width: 100%;
margin: 0;
bottom: 20px;
}
.owl-theme .owl-dots .owl-dot {
background: none;
padding: 0;
}
.slider .owl-theme .owl-dots .owl-dot span {
width: 11px;
height: 11px;
background: none;
border: 2px solid #fff;
-webkit-transition: all 0.5s linear 0s;
-moz-transition: all 0.5s linear 0s;
transition: all 0.5s linear 0s;
}
.slider .owl-theme .owl-dots .owl-dot.active span,
.slider .owl-theme .owl-dots .owl-dot span:hover,
.slider .owl-theme .owl-dots .owl-dot span:focus,
.slider .owl-theme .owl-dots .owl-dot:hover span {
background: #fff;
}
.slider img {
vertical-align: top;
width: 100%;
}
.banner-text {
position: absolute;
bottom: 18%;
left: 0;
width: 100%;
}
.banner-text .text {
max-width: 430px;
}
.banner-text .text span {
color: #fcf6f7;
font-size: 13px;
display: inline-block;
line-height: 15px;
margin-bottom: 27px;
text-transform: uppercase;
position: relative;
}
.banner-text .text span:after {
position: absolute;
left: 0;
top: 100%;
content: '';
height: 1px;
width: 18px;
margin-top: 10px;
background: #fff;
}
.banner-text .text h2 {
font-size: 36px;
line-height: 42px;
margin: 0 0 40px;
color: #fff;
font-family: 'Montserrat', sans-serif;
}
.banner-text .text .read-more {
font-size: 13px;
line-height: 15px;
margin-left: 4px;
color: #fcfcfc;
text-transform: uppercase;
border: 1px solid #fff;
padding: 10px 40px 10px 20px;
position: relative;
display: inline-block;
}
.banner-text .text .read-more:hover {
background: #fc7f8e;
border: 1px solid #fff;
}
.banner-text .text .read-more:after {
content: '';
position: absolute;
left: 82%;
bottom: 30%;
background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 448 512'%3E%3Cpath d='M340.485 366l99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z'/%3E%3C/svg%3E") center center no-repeat;
width: 15px;
height: 15px;
}
.flexslider {
border: 0;
margin: 0;
padding: 0;
border-radius: 0;
}
.flex-direction-nav {
display: none;
}
.flex-control-nav {
bottom: 15px;
}
.flex-control-paging li a {
background: none;
border: 2px solid #fff;
border-radius: 50%;
box-shadow: none;
}
.flex-control-paging li a.flex-active {
background: #fff;
}
.flex-control-paging li a:hover {
background: #fff;
}
.site-content {
background: #fffafa;
padding-top: 50px;
}
#primary {
padding-left: 15px;
padding-right: 15px;
float: left;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
width: 75%;
padding-top: 5px;
padding-bottom: 52px;
}
#secondary {
padding-left: 15px;
padding-right: 15px;
float: right;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
width: 25%
}
.site-content .site-main .post {
text-align: center;
}
.site-content .site-main .post,
.site-content .site-main .page {
padding: 0 0 58px;
background: #fff;
border-left: 1px solid #fcf7f7;
border-right: 1px solid #fcf7f7;
border-bottom: 1px solid #f5f0f0;
margin-bottom: 50px;
}
.single-post.sidebar .site-content #primary .post {
padding-top: 40px !important;
}
.site-content .site-main .post .post-thumbnail {
/*margin-bottom: 40px;*/
}
.post .post-thumbnail {
display: block;
}
.post .text-holder {
padding-top: 40px;
background: #fff;
padding-bottom: 58px;
padding-left: 30px;
padding-right: 30px;
}
.post .category {
font-size: 13px;
line-height: 15px;
color: #fc7f8e;
display: inline-block;
text-transform: uppercase;
margin-bottom: 25px;
position: relative;
font-weight: normal;
}
.post .category a:hover {
color: #191919;
;
}
.post .category:hover {
color: #191919;
;
}
.post .category:after {
content: '';
position: absolute;
top: 100%;
left: 34%;
width: 18px;
margin-top: 5px;
height: 1px;
background: #b0a1a1;
}
.post .read-more {
font-size: 13px;
line-height: 15px;
color: #fc7f8e;
text-transform: uppercase;
border: 1px solid #fc7f8e;
padding: 10px 36px 10px 18px;
position: relative;
}
.post .read-more:after {
content: "";
background-image: url('data:image/svg+xml; utf-8, ');
background-repeat: no-repeat;
position: absolute;
width: 17px;
height: 17px;
left: 83%;
bottom: 26%;
}
.post .read-more:hover:after {
background-image: url('data:image/svg+xml; utf-8, ');
}
.post .read-more:hover {
border: 1px solid #fc7f8e;
background: #fc7f8e;
color: #fff;
}
#primary .post .entry-title,
#primary .page .entry-title {
margin: 0 0 12px;
font-size: 27px;
line-height: 30px;
color: #191919;
}
#primary .post .entry-title {
float: none;
}
.single-post .entry-title {
font-size: 27px;
line-height: 31px;
font-family: 'Montserrat', sans-serif;
}
.post .entry-title a,
.page .entry-title a {
color: #191919;
}
.post .entry-title a:hover,
.page .entry-title a:hover {
color: #fc7f8e;
}
#primary .post .entry-meta span {
display: inline-block;
padding: 0 10px;
position: relative;
}
.post .entry-meta span>span {
padding: 0;
}
.post .entry-meta span:before {
position: absolute;
content: '/';
top: 0;
left: 0;
}
.post .entry-meta span>span:before,
.post .entry-meta span:first-child:before,
.post .entry-meta span.view-count:before {
content: '';
}
#primary .post .entry-meta span>span {
padding: 0;
}
.post .entry-meta span a {
font-size: 14px;
line-height: 18px;
color: #605f5f;
}
.post .entry-meta span a:hover {
color: #fc7f8e;
}
.post .entry-content {
/*padding: 0 35px;*/
margin-bottom: 11px;
margin-top: 10px;
}
#secondary .widget {
margin-bottom: 53px;
}
.widget {
line-height: 24px;
color: #191919;
}
.widget-area .widget .widget-title {
text-align: center;
margin: 0;
text-transform: uppercase;
position: relative;
font-size: 18px;
line-height: 22px;
font-family: 'Montserrat', sans-serif;
font-weight: normal;
margin-bottom: 32px;
z-index: 0;
}
.site-footer .widget-area .widget .widget-title {
text-align: left;
}
#secondary .widget .widget-title:after {
position: absolute;
background: #9e9e9e;
width: 100%;
height: 1px;
top: 50%;
content: '';
left: 0;
}
#secondary .widget .widget-title span {
background: #fffafa;
position: relative;
z-index: 1;
padding: 0 16px;
}
.widget-area .widget.widget_kalon_pro_featured_post {
text-align: center;
}
.widget-area .widget.widget_kalon_pro_featured_post img {
border-radius: 50%;
-webkit-border-radius: 100px;
}
.widget-area .widget.widget_search form {
border: 1px solid #9e9e9e;
overflow: hidden;
}
.widget-area .widget.widget_search input[type="search"] {
background: none;
height: 24px;
margin: 0;
border: 0;
float: left;
border-right: 0;
border-radius: 0;
width: 65%;
color: #191919;
}
.widget-area .widget.widget_search form:after {
display: block;
clear: both;
content: '';
}
.widget-area .widget.widget_search input[type="submit"] {
height: 48px;
box-shadow: none;
border: 0;
color: #191919;
float: right;
font-size: 16px;
width: 25%;
vertical-align: top;
padding: 0;
border-left: 1px solid #9e9e9e;
border-radius: 0;
margin: 0;
}
.widget-area .widget.widget_search input[type="submit"]:hover {
background: #fc7f8e;
color: #fff;
}
.widget-area .widget.widget_kalon_featured_post .featured-image {
display: inline-block;
}
.widget-area .widget ul {
list-style: none;
margin: 0;
padding: 0;
}
.widget-area .widget ul li a {
color: #3f3f3f;
font-size: 16px;
line-height: 24px;
}
.widget-area .widget ul li {
padding: 10px 0 10px 23px;
border-top: 1px solid #f5f1f1;
background: url(images/widget-list-icon.png) no-repeat 0 22px;
}
.widget-area .widget ul li:after {
content: '';
display: block;
clear: both;
}
.widget-area .widget ul li:first-child {
border-top: 0;
}
.widget-area .widget ul li a:hover {
color: #fc7f8e;
}
.widget-area .widget ul ul li {
background: none;
margin: 0;
padding-left: 0;
}
.widget-area .widget ul ul li:first-child {
border-top: 1px solid #f5f1f1;
}
.widget-area .widget.widget_kalon_pro_instagram_widget ul,
.widget-area .widget.widget_kalon_pro_flickr_widget ul {
padding: 0;
margin: 0 -6px -12px;
}
.widget-area .widget.widget_kalon_pro_instagram_widget ul li,
.widget-area .widget.widget_kalon_pro_flickr_widget ul li {
background: none;
padding: 0;
margin: 0;
border: 0;
}
.widget-area .widget.widget_kalon_pro_instagram_widget ul:after,
.widget-area .widget.widget_kalon_pro_flickr_widget ul:after {
content: '';
display: block;
clear: both;
}
.widget-area .widget.widget_kalon_pro_instagram_widget ul li,
.widget-area .widget.widget_kalon_pro_flickr_widget ul li {
width: 33.33%;
float: left;
padding: 0 6px;
margin-bottom: 12px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.widget-area .widget.widget_kalon_pro_instagram_widget ul li img,
.widget-area .widget.widget_kalon_pro_flickr_widget ul li img {
vertical-align: top;
width: 100%;
}
.widget-area .widget.widget_kalon_pro_instagram_widget .instagram-size-thumbnail li,
.widget-area .widget.widget_kalon_pro_flickr_widget .col-4 li {
width: 25%;
}
.widget-area .widget.widget_kalon_pro_instagram_widget .instagram-size-medium li,
.widget-area .widget.widget_kalon_pro_flickr_widget .col-4 li {
width: 33%;
}
.widget-area .widget.widget_kalon_pro_instagram_widget .instagram-size-large li,
.widget-area .widget.widget_kalon_pro_flickr_widget .col-2 li {
width: 50%;
}
.widget-area .widget.widget_kalon_pro_instagram_widget .instagram-size-original li,
.widget-area .widget.widget_kalon_pro_flickr_widget .col-1 li {
width: 100%;
}
.widget-area .widget.widget_kalon_pro_flickr_widget .col-3 li {
width: 33.3333%;
}
.widget-area .widget.widget_kalon_pro_flickr_widget .col-5 li {
width: 20%;
}
.widget-area .widget.widget_kalon_pro_flickr_widget .col-6 li {
width: 16.6667%;
}
.widget-area .widget.widget_kalon_pro_instagram_widget ul li a,
.widget-area .widget.widget_kalon_pro_flickr_widget ul li a {
display: block;
}
.widget-area .widget.widget_kalon_pro_popular_post .post-thumbnail,
.widget-area .widget.widget_kalon_pro_recent_post .post-thumbnail,
.widget-area .widget.widget_kalon_pro_category_post .post-thumbnail,
.widget-area .widget.widget_kalon_pro_author_post .post-thumbnail {
display: block;
float: left;
margin-right: 15px;
width: 80px;
}
.widget-area .widget.widget_kalon_pro_popular_post .entry-header,
.widget-area .widget.widget_kalon_pro_recent_post .entry-header,
.widget-area .widget.widget_kalon_pro_category_post .entry-header,
.widget-area .widget.widget_kalon_pro_author_post .entry-header {
overflow: hidden;
}
.widget-area .widget.widget_kalon_pro_popular_post .entry-header .entry-title,
.widget-area .widget.widget_kalon_pro_recent_post .entry-header .entry-title,
.widget-area .widget.widget_kalon_pro_category_post .entry-title,
.widget-area .widget.widget_kalon_pro_author_post .entry-title {
margin: 0;
font-weight: normal;
line-height: 18px;
text-align: left;
}
.widget-area .widget.widget_kalon_pro_popular_post .entry-header .entry-title a,
.widget-area .widget.widget_kalon_pro_recent_post .entry-header .entry-title a,
.widget-area .widget.widget_kalon_pro_category_post .entry-title a,
.widget-area .widget.widget_kalon_pro_author_post .entry-title a {
font-size: 14px;
line-height: 18px;
color: #3f3f3f;
display: inline-block;
font-family: 'Montserrat', sans-serif;
}
.widget-area .widget.widget_kalon_pro_recent_post .entry-header .entry-meta a {}
.widget-area .widget.widget_kalon_pro_recent_post .entry-meta,
.widget-area .widget.widget_kalon_pro_popular_post .entry-meta,
.widget-area .widget.widget_kalon_pro_category_post .entry-meta,
.widget-area .widget.widget_kalon_pro_author_post .entry-meta {
color: #605f5f;
font-size: 14px;
line-height: 18px;
}
.widget-area .widget.widget_kalon_pro_popular_post .post,
.widget-area .widget.widget_kalon_pro_recent_post .post,
.widget-area .widget.widget_kalon_pro_category_post .post,
.widget-area .widget.widget_kalon_pro_author_post .post {
margin-bottom: 22px;
}
.widget-area .widget.widget_kalon_pro_popular_post .post:after,
.widget-area .widget.widget_kalon_pro_recent_post .post:after,
.widget-area .widget.widget_kalon_pro_category_post .post:after,
.widget-area .widget.widget_kalon_pro_author_post .post:after {
content: '';
display: block;
clear: both;
}
.widget-area .widget.widget_tag_cloud .tagcloud a {
font-size: 16px;
color: #3f3f3f;
border: 1px solid #757575;
padding: 4px 16px;
display: inline-block;
margin-right: 5px;
margin-bottom: 4px;
}
.widget-area .widget.widget_kalon_pro_social_links ul {
overflow: hidden;
}
.widget-area .widget.widget_kalon_pro_social_links ul li {
float: left;
padding: 0;
margin: 0 10px 10px 0;
background: none;
border-top: 0;
}
.widget-area .widget.widget_kalon_pro_social_links ul li a {
border: 1px solid #fc8593;
border-radius: 50%;
display: block;
height: 33px;
padding: 2px 0;
vertical-align: middle;
width: 33px;
color: #fc8593;
text-align: center;
line-height: 29px;
}
.widget-area .widget.widget_kalon_pro_social_links ul li a:hover,
.widget-area .widget.widget_kalon_pro_social_links ul li a:focus {
background: #fc8593;
color: #fff;
}
.widget-area .widget.widget_tag_cloud .tagcloud a:hover {
background: #fc7f8e;
color: #fff;
}
.widget-area .widget.widget_kalon_pro_twitter_feeds_widget ul li a:hover,
.widget-area .widget.widget_kalon_pro_twitter_feeds_widget ul li a:focus,
.widget-area .widget.widget_rss ul li a:hover,
.widget-area .widget.widget_rss ul li a:focus,
.widget-area .widget.widget_text ul li a:hover,
.widget-area .widget.widget_text ul li a:focus {
text-decoration: underline;
}
.navigation.pagination .page-numbers {
font-size: 15px;
line-height: 18px;
color: #5b5b5b;
display: inline-block;
background: #fff;
padding: 20px 26px;
margin: 1px;
}
.navigation.pagination .page-numbers.current,
.navigation.pagination .page-numbers:hover {
background: #fc7f8e;
color: #fff;
}
.site-footer {
padding: 60px 0 0;
line-height: 24px;
}
.site-footer .widget-area {
background: #fff;
padding-bottom: 20px;
}
/*.site-content .site-main .post-thumbnail img{
width: 100%;
height: auto;
}*/
.site-footer .widget-area .column {
width: 33.33%;
float: left;
padding: 0 15px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.site-footer .widget-title {
font-size: 18px;
line-height: 22px;
color: #191919;
font-family: 'Montserrat', sans-serif;
font-weight: normal;
margin: 0 0 36px;
text-transform: uppercase;
}
.site-footer .post:after {
display: block;
content: '';
clear: both;
}
.site-footer .footer-b {
background: #ffecec;
padding: 20px 0 0;
}
.site-footer .footer-b .social-networks {
margin: 0 0 15px;
padding: 0;
list-style: none;
font-size: 14px;
line-height: 18px;
text-align: center;
}
.site-footer .footer-b .social-networks li {
display: inline-block;
margin: 0 9px;
}
.site-footer .footer-b .social-networks li a {
color: #4d4d4d;
}
.site-footer .footer-b .social-networks li a:hover {
text-decoration: none;
color: #fc7f8e;
}
.site-footer .footer-b .social-networks svg {
font-size: 14px;
line-height: 18px;
}
.site-footer .site-info {
/*background: #ffecec;*/
text-align: center;
font-size: 15px;
line-height: 24px;
color: #575757;
padding: 20px 0;
}
.site-footer .site-info a {
color: #575757;
}
.site-footer .site-info a:hover {
color: #fc7f8e;
}
.site-footer .site-info a.privacy-policy-link {
display: inline-block;
margin-left: 5px;
}
.single-page #primary {
width: 100%;
}
.single-page .post .entry-content,
.page .entry-content {
text-align: left;
}
.page.full-width .post {
margin-bottom: 60px;
}
.full-width #primary {
width: 100%;
}
.full-width .site-content .post-thumbnail img {
width: 100%;
}
.site-content .site-main .post {
text-align: center;
background: none;
padding-bottom: 0;
}
.single-page .post {
padding-top: 42px !important;
}
.page .site-content #primary .post {
background: #fff;
padding-top: 42px;
}
.error404 {
padding-top: 0;
}
.page .entry-title {
margin: 0;
}
.page .entry-content {
padding: 0 30px 30px;
}
.page .entry-title {
text-align: center;
}
.search .page .entry-title {
text-align: left;
}
.category .site-content .category,
.archive .site-content .category {
background: #fff;
text-align: center;
padding: 16px 0;
margin-bottom: 40px;
}
.category .category-title,
.archive .category-title {
font-size: 18px;
line-height: 22px;
color: #191919;
font-family: 'Montserrat', sans-serif;
}
.site-content .category-title a {
font-family: 'Montserrat', sans-serif;
font-size: 18px;
line-height: 22px;
}
.error404 .site-content .error-page {
background: #fff;
text-align: center;
padding: 66px 27px;
}
.error404 .site-content .error-page h2 {
font-size: 27px;
line-height: 30px;
color: #191919;
font-weight: normal;
font-family: 'Montserrat', sans-serif;
}
.error404 .site-content .error-page span {
font-size: 72px;
line-height: 75px;
color: #fc7f8e;
font-family: 'Montserrat', sans-serif;
}
.error404 .site-content .error-page ul {
text-align: left;
margin: auto;
width: 200px;
}
.error404 .site-content .error-page ul li {
list-style: none;
background: url(images/widget-list-icon.png) no-repeat 0 11px;
}
.error404 .site-content .error-page ul li a {
/*display: inline-block;*/
color: #fc7f8e;
padding: 0 0 0 15px;
}
.error404 .site-content .error-page ul li a:hover {
color: #575757;
}
.search #primary {
width: 100%;
}
.search #primary .post,
.search #primary .page {
text-align: left;
padding: 40px 28px;
margin: 0;
}
.search #primary .page .entry-header {
text-align: left;
}
.search .search-section {
text-align: center;
font-size: 18px;
line-height: 22px;
color: #3f3f3f;
font-family: 'Montserrat', sans-serif;
padding: 16px 0;
background: #fff;
margin-bottom: 40px;
}
.search .search-section span {
font-size: 12px;
line-height: 15px;
color: #a6a6a6;
}
.search .entry-content {
padding: 0;
}
.widget-area .post .entry-content,
.widget-area .page .entry-content {
text-align: left;
}
.post .entry-content h1,
.page .entry-content h1 {
height: 36px;
line-height: 40px;
font-family: 'Montserrat', sans-serif;
font-weight: normal;
color: #575757;
margin-bottom: 45px;
}
.post .entry-content h2,
.page .entry-content h2 {
/*height: 27px;*/
line-height: 30px;
font-family: 'Montserrat', sans-serif;
font-weight: normal;
color: #575757;
margin-bottom: 35px;
}
.post .entry-content h3 .page .entry-content h3 {
height: 22px;
line-height: 25px;
font-family: 'Montserrat', sans-serif;
font-weight: normal;
color: #575757;
}
.post .entry-content h4,
.page .entry-content h4 {
height: 20px;
line-height: 24px;
font-family: 'Montserrat', sans-serif;
font-weight: normal;
color: #575757;
}
.post .entry-content h5,
.page .entry-content h5 {
height: 18px;
line-height: 22px;
font-family: 'Montserrat', sans-serif;
font-weight: normal;
color: #575757;
}
.post .entry-content h6 .page .entry-content h6 {
height: 16px;
line-height: 20px;
font-family: 'Montserrat', sans-serif;
font-weight: normal;
color: #575757;
}
.post .entry-content blockquote,
.page .entry-content blockquote {
background: #fffcfc url(images/blockquote-icon.png) no-repeat 23px 30px;
font-size: 18px;
line-height: 28px;
font-style: italic;
color: #848484;
padding: 25px 15px 25px 70px;
margin: 0;
}
.post .entry-content blockquote cite,
.page .entry-content blockquote cite {
color: #848484;
font-size: 18px;
line-height: 30px;
font-weight: 700;
font-style: normal;
margin-top: -16px;
display: block;
}
.pull-right {
margin-top: 10px;
float: right;
text-align: right;
width: 35%;
background: #fffdfd;
border-top: 1px solid #f0ebeb;
padding: 24px 10px 24px;
margin-left: 10px;
}
.pull-left {
margin-top: 10px;
float: left;
margin-right: 20px;
text-align: left;
width: 35%;
background: #fffdfd;
border-top: 1px solid #f0ebeb;
padding: 24px 10px 24px;
}
.single-post .entry-content {
text-align: left;
}
.dropcap {
float: left;
font-size: 82px;
line-height: 30px;
margin: 20px 6px 54px;
color: #575757;
}
.highlight {
color: #fff;
background: #fda5b0;
}
table th {
background: #f7f2f2;
color: #191919;
font-size: 15px;
line-height: 22px;
text-transform: uppercase;
padding: 2% 5%;
font-family: 'Montserrat', sans-serif;
}
table td {
color: #575757;
font-size: 15px;
line-height: 22px;
padding: 2% 6%;
background: #fcf9f9;
}
pre {
background: #f7f7f7;
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 15px;
font-size: 14px;
line-height: 26px;
margin-bottom: 1.6em;
padding: 1.6em;
overflow: auto;
max-width: 100%;
}
.post .entry-content ul {
margin: 0 0 15px 16px;
padding: 0;
}
.post .entry-content ol {
margin: 0 0 15px 16px;
padding: 0;
}
.post .entry-content ul ul,
.post .entry-content ol ol {
margin: 10px 20px;
}
.post .entry-content .form-element {
display: block;
font-size: 15px;
line-height: 18px;
font-family: 'Montserrat', sans-serif;
}
.post .entry-content form input[type="text"],
.post .entry-content form input[type="password"] {
height: 42px;
border: 1px solid #d9d4d4;
background: none;
width: 53%;
margin-bottom: 26px;
}
.post .entry-content form textarea {
width: 75%;
border: 1px solid #d9d4d4;
resize: none;
height: 150px;
margin-bottom: 26px;
}
.post .entry-content form .radio-section {
padding: 0;
margin: 0 0 26px;
}
.post .entry-content form .radio-section:after {
content: '';
clear: both;
display: block;
}
.post .entry-content form .radio-section li:first-child {
margin-left: 0;
}
.post .entry-content form .radio-section li {
float: left;
background: none;
margin-left: 20px;
list-style: none;
}
.jcf-select {
height: 42px;
width: 31%;
font-size: 14px;
line-height: 30px;
color: #8b8b8b;
border: 1px solid #d9d4d4;
padding: 7px 0 0;
}
.jcf-select .jcf-select-opener {
background: url(images/select-opener.png) no-repeat 0 16px;
}
.jcf-checkbox {
background: url(images/check-box.png) no-repeat;
}
.jcf-checkbox.jcf-checked {
background: url(images/check-box-checked.png) no-repeat;
}
.form-element.password {
margin-top: 26px;
}
.jcf-file .jcf-upload-button {
border: 0;
border-radius: 4px;
background: #e3e3e3;
color: #8c8c8c;
text-transform: uppercase;
float: left;
font-size: 12px;
padding: 5px 20px;
height: 36px;
}
.jcf-file:after {
content: '';
display: block;
clear: both;
}
.jcf-file {
margin-bottom: 20px;
}
.jcf-file .jcf-fake-input {
border: 0;
float: right;
padding-top: 4px;
font-size: 15px;
line-height: 26px;
color: #666666;
}
.post .entry-content form input[type="reset"] {
box-shadow: none;
font-size: 13px;
line-height: 15px;
color: #fc7f8e;
background: none;
border: 1px solid #fc7f8e;
margin-right: 10px;
padding: 10px 22px;
}
.post .entry-content form input[type="reset"]:hover {
background: #fc7f8e;
color: #fff;
}
.post .entry-content form input[type="submit"] {
box-shadow: none;
background: #fc7f8e;
color: #fff;
padding: 12px 22px;
}
.post .entry-content form input[type="submit"]:hover {
border: 1px solid #fc7f8e;
background: none;
color: #fc7f8e;
}
.post .entry-content form {
margin-bottom: 26px;
}
.single-post #primary .post .tags {
font-size: 13px;
line-height: 15px;
color: #7d7d7d;
font-style: italic;
float: left;
}
.single-post #primary .post .tags:before {
content: '\f02c';
font-family: 'FontAwesome';
margin-right: 5px;
font-style: normal;
}
.single-post #primary .post .tags a {
margin-left: 5px;
}
.single-post #primary .post {
padding-bottom: 0;
}
.single-post .tags a {
font-style: normal;
color: #fc9aa6;
text-transform: uppercase;
}
.single-post .tags a:hover {
color: #7d7d7d;
}
.single-post #primary .post .bottom-content:after {
content: '';
display: block;
clear: both;
}
.single-post #primary .post .bottom-content {
border-top: 1px solid #e6e5e5;
padding: 24px 0;
}
.single-post #primary .post .bottom-content .social-networks {
float: right;
margin: 0;
}
.single-post #primary .post .bottom-content .social-networks li:first-child {
margin-left: 0;
}
.single-post #primary .post .bottom-content .social-networks li {
list-style: none;
float: left;
margin-left: 25px;
}
.single-post #primary .post .bottom-content .social-networks li svg {
font-size: 14px;
line-height: 18px;
color: #474747;
}
.single-post #primary .post .bottom-content .social-networks li svg:hover {
color: #fc9aa6;
;
}
.comments-area {
background: #fff;
padding: 40px 30px;
margin-bottom: 40px;
}
.comments-area ol {
list-style: none;
margin-left: 0;
padding-left: 0;
}
.comments-area ol li {
border-top: 1px solid #e6e5e5;
padding: 26px 0 15px;
}
.comments-area ol ol {
padding-left: 40px;
}
.comments-title,
.comment-reply-title {
text-transform: uppercase;
font-size: 22px;
line-height: 25px;
color: #3f3f3f;
font-family: 'Montserrat', sans-serif;
}
.comments-area ol ol li:first-child {
border-top: 1px solid #e6e5e5;
}
.comments-area ol li:first-child {
border-top: 0;
}
.comments-area ol li:first-child .reply {
margin-bottom: 26px;
}
.avatar.photo {
float: left;
border-radius: 50%;
margin-right: 20px;
}
.comment-body:after {
content: '';
display: block;
clear: both;
}
.comment-body .fn a {
font-size: 14px;
line-height: 24px;
color: #3f3f3f;
font-family: 'Montserrat', sans-serif;
}
.comment-body .fn a:hover {
color: #fc7f8e;
}
.comment-content {
overflow: hidden;
}
.comments-area .reply {
margin-left: 104px;
margin-bottom: 26px;
}
.comments-area .reply a {
font-size: 10px;
line-height: 13px;
text-transform: uppercase;
background: #fc7f8e;
padding: 7px 17px;
display: inline-block;
color: #fff;
}
.comments-area .reply a:hover {
background: #c4636e;
}
.comment-metadata a {
font-size: 12px;
line-height: 15px;
color: #605f5f;
}
.comment-metadata a:hover {
color: #fc7f8e;
}
.comment-form .comment-form-author,
.comment-form .comment-form-email {
width: 49%;
float: left;
margin-bottom: 16px;
}
.comment-form .comment-form-email {
float: right;
}
.comment-form input[type="text"],
.comment-form input[type="email"] {
width: 100%;
font-size: 14px;
line-height: 24px;
color: #8b8b8b;
border: 1px solid #dde1e5;
height: 50px;
}
.comment-form .comment-form-url,
.comment-form .comment-form-comment,
.comment-form .form-submit {
width: 100%;
margin-bottom: 16px;
}
.comment-form input[type="url"] {
width: 100%;
height: 50px;
font-size: 14px;
line-height: 24px;
color: #8b8b8b;
border: 1px solid #dde1e5;
}
.comment-form form {
padding: 0;
}
.comment-respond form textarea {
height: 180px;
resize: none;
font-size: 14px;
line-height: 24px;
color: #8b8b8b;
border: 1px solid #dde1e5;
}
.comment-respond form input[type="submit"] {
box-shadow: none;
background: #fc7f8e;
text-transform: uppercase;
color: #fff;
font-size: 14px;
line-height: 24px;
padding: 12px 30px;
}
.comment-respond form input[type="submit"]:hover {
opacity: 0.8;
}
.comments-area.form {
padding-bottom: 0;
}
.comments-area .comment-form label[for="wp-comment-cookies-consent"] {
display: inline-block;
margin-left: 5px;
}
/*---------------------------------------------------------------
Header Two styling
----------------------------------------------------------------*/
.site-header.two .header-top {
background: none;
}
.site-header.two .header-top .social-networks {
float: left;
width: 45%
}
.site-header.two .header-top .search-holder {
float: right;
width: 45%;
}
.site-header.two .header-top .search-holder .search-form {
float: right;
width: 190px;
background: #f4f2f3;
border-radius: 5px;
overflow: hidden;
padding: 3px 5px;
}
.site-header.two .header-top .search-holder .search-form label {
float: left;
width: 75%;
}
.site-header.two .header-top .search-holder .search-form input[type="search"] {
background: none;
font-size: 13px;
color: #969696;
border: 0;
width: 100%;
padding: 5px 10px;
}
.site-header.two .header-top .search-holder .search-form input[type="submit"] {
background: url(images/bg-search.png) no-repeat;
width: 14px;
height: 14px;
float: right;
text-indent: -9999px;
padding: 0;
margin: 5px 2px 0 0;
border: 0;
box-shadow: none;
}
.site-header.two .site-branding {
text-align: center;
margin-bottom: 30px;
}
.site-header.two .site-branding img {
vertical-align: top;
}
.site-header.two .site-branding .site-title {
margin: 0;
}
.site-header.two .header-bottom {
padding-bottom: 0;
padding-top: 15px;
border-top: 1px solid #f0f0f0;
background: #fff;
}
.site-header.two .main-navigation {
margin-top: 0;
float: none;
display: block;
text-align: center;
}
.site-header.two .main-navigation ul li {
float: none;
display: inline-block;
margin: 0 30px;
}
.site-header.two .main-navigation ul ul {
text-align: left;
left: -15px;
}
.site-header.two .main-navigation ul ul li {
margin: 0;
width: 100%;
}
.site-header.two .main-navigation ul ul ul {
left: 100%;
}
/*---------------------------------------------------------------
Header Three styling
----------------------------------------------------------------*/
.site-header.three .header-top {
background: none;
}
.site-header.three .header-top .email {
font-size: 14px;
color: #747373;
-webkit-transition: linear 0.1s;
-moz-transition: linear 0.1s;
transition: linear 0.1s;
}
.site-header.three .header-top .email svg {
font-size: 14px;
margin-right: 5px;
}
.site-header.three .header-top .email:hover,
.site-header.three .header-top .email:focus {
text-decoration: none;
color: #fc7f8e;
}
.site-header.three .site-branding {
margin-bottom: 30px;
text-align: center;
}
.site-header.three .site-branding .site-title {
margin: 0;
}
.site-header.three .header-bottom {
padding-bottom: 0;
padding-top: 0;
background: #fc7f8e;
}
.site-header.three .main-navigation {
margin: 0;
}
.site-header.three .main-navigation ul li {
margin: 0 0 0 1px;
}
.site-header.three .main-navigation ul li:first-child {
margin-left: 0;
}
.site-header.three .main-navigation ul li a {
color: #fff;
padding: 17px 20px;
}
.site-header.three .main-navigation ul li a:hover,
.site-header.three .main-navigation ul li a:focus,
.site-header.three .main-navigation ul .current-menu-item a,
.site-header.three .main-navigation ul li:hover>a,
.site-header.three .main-navigation ul li:focus>a {
background: #fff;
color: #333;
}
.site-header.three .main-navigation ul ul {
text-align: left;
border: 0;
}
.site-header.three .main-navigation ul ul li {
margin: 0;
}
.site-header.three .main-navigation ul ul li a {
color: #333;
}
.site-header.three .main-navigation ul ul li a:hover,
.site-header.three .main-navigation ul ul li a:focus,
.site-header.three .main-navigation ul ul li:hover>a,
.site-header.three .main-navigation ul ul li:focus>a {
background: #fc929f;
color: #fff;
}
.site-header.three .header-bottom .search-holder {
float: right;
width: 230px;
}
.site-header.three .header-bottom .search-form {
width: 100%;
background: rgba(255, 255, 255, 0.08);
padding: 14px 10px;
}
.site-header.three .header-bottom .search-form:after {
content: '';
display: block;
clear: both;
}
.site-header.three .header-bottom .search-form label {
float: left;
width: 75%;
}
.site-header.three .header-bottom .search-form input[type="search"] {
background: none;
border: 0;
float: left;
width: 100%;
position: 0;
margin: 0;
box-shadow: none;
color: #fff;
font-size: 14px;
padding: 0;
}
.site-header.three .header-bottom .search-form input[type="submit"] {
background: url(images/bg-search2.png) no-repeat;
width: 15px;
height: 15px;
text-indent: -9999px;
border: 0;
box-shadow: none;
margin: 0;
padding: 0;
float: right;
}
/*---------------------------------------------------------------
Header Four styling
----------------------------------------------------------------*/
.site-header.four .header-top {
background: #fffafa;
padding-bottom: 15px;
}
.site-header.four .header-top .contact-info {
float: left;
margin: 7px 0 0;
padding: 0;
list-style: none;
font-size: 14px;
line-height: 15px;
color: #747373;
}
.site-header.four .header-top .contact-info li {
float: left;
border-left: 1px solid #e9e9e9;
padding-left: 16px;
margin-left: 18px;
}
.site-header.four .header-top .contact-info li:first-child {
border-left: 0;
padding-left: 0;
margin-left: 0;
}
.site-header.four .header-top .contact-info li a {
color: #747374;
}
.site-header.four .header-top .contact-info li a:hover,
.site-header.four .header-top .contact-info li a:focus {
text-decoration: none;
color: #fc7f8e;
}
.site-header.four .header-top .contact-info svg {
font-size: 14px;
margin-right: 5px;
}
.site-header .header-bottom {
/*padding-bottom: 0;*/
}
.site-header.four .header-bottom {
background: #fff;
}
.site-header.one .header-bottom {
padding-bottom: 30px;
}
.site-header.four .header-bottom .site-branding {
float: left;
}
.site-header.four .header-bottom .main-navigation {
float: right;
margin-top: 24px;
}
.site-header.four .header-bottom .main-navigation ul li a {
padding-bottom: 45px;
}
.site-header.four .header-bottom .main-navigation ul ul {
text-align: left;
left: -15px;
}
.site-header.four .header-bottom .main-navigation ul ul ul {
left: -100%;
}
.site-header.four .header-bottom .main-navigation ul ul li a {
padding: 15px;
}
/*---------------------------------------------------------------
Header Five styling
----------------------------------------------------------------*/
.site-header.five .header-top {
background: none;
padding: 0;
}
.site-header.five .header-top .site-branding {
float: left;
margin-top: 23px;
}
.site-header.five .header-top .site-branding .site-title {
margin: 0;
}
.site-header.five .header-top .right-panel {
float: right;
}
.site-header.five .header-top .right-panel .phone,
.site-header.five .header-top .right-panel .email,
.site-header.five .header-top .right-panel .social {
float: left;
/*width: 182px;*/
border-left: 1px solid #f2f2f2;
padding: 40px 30px;
}
.site-header.five .header-top .right-panel .phone {
border-left: 0;
}
.site-header.five .header-top .right-panel .phone .title,
.site-header.five .header-top .right-panel .email .title,
.site-header.five .header-top .right-panel .social .title {
font-size: 14px;
color: #747373;
}
.site-header.five .header-top .right-panel .phone .title svg,
.site-header.five .header-top .right-panel .email .title svg,
.site-header.five .header-top .right-panel .social .title svg {
font-size: 14px;
margin-right: 5px;
}
.site-header.five .header-top .right-panel .phone a,
.site-header.five .header-top .right-panel .email a {
font-size: 15px;
font-weight: 700;
color: #5e5d5d;
}
.site-header.five .header-top .right-panel .phone a:hover,
.site-header.five .header-top .right-panel .email a:hover,
.site-header.five .header-top .right-panel .phone a:focus,
.site-header.five .header-top .right-panel .email a:focus {
color: #fc7f8e;
}
.site-header.five .header-top .right-panel .social .social-networks li {}
.site-header.five .header-bottom {
background: #fc7f8e;
padding: 0;
}
.site-header.five .header-bottom {
padding-bottom: 0;
padding-top: 0;
background: #fc7f8e;
}
.site-header.five .main-navigation {
margin: 0;
}
.site-header.five .main-navigation ul li {
margin: 0 0 0 1px;
}
.site-header.five .main-navigation ul li:first-child {
margin-left: 0;
}
.site-header.five .main-navigation ul li a {
color: #fff;
padding: 20px;
}
.site-header.five .main-navigation ul li a:hover,
.site-header.five .main-navigation ul li a:focus,
.site-header.five .main-navigation ul .current-menu-item a,
.site-header.five .main-navigation ul li:hover>a,
.site-header.five .main-navigation ul li:focus>a {
background: #fff;
color: #333;
}
.site-header.five .main-navigation ul ul {
text-align: left;
border: 0;
}
.site-header.five .main-navigation ul ul li {
margin: 0;
}
.site-header.five .main-navigation ul ul li a {
color: #333;
}
.site-header.five .main-navigation ul ul li a:hover,
.site-header.five .main-navigation ul ul li a:focus,
.site-header.five .main-navigation ul ul li:hover>a,
.site-header.five .main-navigation ul ul li:focus>a {
background: #fc929f;
color: #fff;
}
.site-header.five .header-bottom .search-holder {
float: right;
width: 230px;
}
.site-header.five .header-bottom .search-form {
width: 100%;
background: rgba(255, 255, 255, 0.08);
padding: 17px 10px;
}
.site-header.five .header-bottom .search-form:after {
content: '';
display: block;
clear: both;
}
.site-header.five .header-bottom .search-form label {
float: left;
width: 75%;
}
.site-header.five .header-bottom .search-form input[type="search"] {
background: none;
border: 0;
float: left;
width: 100%;
position: 0;
margin: 0;
box-shadow: none;
color: #fff;
font-size: 14px;
padding: 0;
}
.site-header.five .header-bottom .search-form input[type="submit"] {
background: url(images/bg-search2.png) no-repeat;
width: 15px;
height: 15px;
text-indent: -9999px;
border: 0;
box-shadow: none;
margin: 5px 0 0;
padding: 0;
float: right;
}
/*---------------------------------------------------------------
Header Six styling
----------------------------------------------------------------*/
.site-header.six .header-top {
background: #fee5e8;
padding-top: 10px;
padding-bottom: 10px;
}
.site-header.six .header-top .social-networks {
float: left;
width: 45%;
margin-top: 5px;
}
.site-header.six .header-top .search-holder {
float: right;
width: 45%;
}
.site-header.six .header-top .search-holder .search-form {
float: right;
width: 190px;
background: #f4f2f3;
border-radius: 5px;
overflow: hidden;
padding: 3px 5px;
}
.site-header.six .header-top .search-holder .search-form label {
float: left;
width: 75%;
}
.site-header.six .header-top .search-holder .search-form input[type="search"] {
background: none;
font-size: 13px;
color: #969696;
border: 0;
width: 100%;
padding: 5px 10px;
}
.site-header.six .header-top .search-holder .search-form input[type="submit"] {
background: url(images/bg-search.png) no-repeat;
width: 14px;
height: 14px;
float: right;
text-indent: -9999px;
padding: 0;
margin: 5px 2px 0 0;
border: 0;
box-shadow: none;
}
.site-header.six .site-branding {
text-align: center;
margin-bottom: 30px;
margin-top: 25px;
}
.site-header.six .site-branding img {
vertical-align: top;
}
.site-header.six .site-branding .site-title {
margin: 0;
}
.site-header.six .header-bottom {
padding-bottom: 0;
padding-top: 15px;
border-top: 1px solid #f0f0f0;
background: #fff;
}
.site-header.six .main-navigation {
margin-top: 0;
float: none;
display: block;
text-align: center;
}
.site-header.six .main-navigation ul li {
float: none;
display: inline-block;
margin: 0 30px;
}
.site-header.six .main-navigation ul ul {
text-align: left;
left: -15px;
}
.site-header.six .main-navigation ul ul li {
margin: 0;
width: 100%;
}
.site-header.six .main-navigation ul ul ul {
left: 100%;
}
.two-col-rightsidebar .rara-masonry article .post-thumbnail img,
.two-col-leftsidebar .rara-masonry article .post-thumbnail img,
.three-col-full-width .rara-masonry article .post-thumbnail img {
width: 409px;
height: 222px;
object-fit: cover;
}
/*---------------------------------------------------------------
Header Seven styling
----------------------------------------------------------------*/
.site-header.seven {
padding-top: 16px;
background: #fff;
}
.site-header.seven .right-panel {
float: right;
}
.site-header.seven .right-panel .info:after {
content: '';
display: block;
clear: both;
}
.site-header.seven .contact-info {
float: right;
margin: 0;
padding: 0;
list-style: none;
font-size: 14px;
line-height: 15px;
color: #747373;
}
.site-header.seven .contact-info li {
float: left;
border-left: 1px solid #e9e9e9;
padding-left: 16px;
margin-left: 18px;
}
.site-header.seven .contact-info li:first-child {
border-left: 0;
padding-left: 0;
margin-left: 0;
}
.site-header.seven .contact-info li a {
color: #747374;
}
.site-header.seven .contact-info li a:hover,
.site-header.seven .contact-info li a:focus {
text-decoration: none;
color: #fc7f8e;
}
.site-header.seven .contact-info svg {
font-size: 14px;
margin-right: 5px;
}
.site-header.seven .social-networks {
float: right;
list-style: none;
padding: 0 0 0 15px;
margin: 0 0 0 15px;
border-left: 1px solid #dedede;
line-height: 15px;
}
.site-header.seven .social-networks li {
float: left;
margin-left: 18px;
}
.site-header.seven .social-networks li:first-child {
margin-left: 0;
}
.site-header.seven .social-networks li a {}
.site-header.seven .social-networks li svg {
font-size: 14px;
line-height: 18px;
color: #4d4d4d;
}
.site-header.seven .social-networks li svg:hover {
color: #fc7f8e;
}
.site-header.seven .site-branding {
float: left;
}
.site-header.seven .main-navigation {
float: right;
margin-top: 24px;
}
.site-header.seven .main-navigation ul li a {
padding-bottom: 45px;
}
.site-header.seven .main-navigation ul ul {
text-align: left;
left: -15px;
}
.site-header.seven .main-navigation ul ul ul {
left: -100%;
}
.site-header.seven .main-navigation ul ul li a {
padding: 15px;
}
/*---------------------------------------------------------------
Header Eight styling
----------------------------------------------------------------*/
.site-header.eight .header-top {
background: none;
padding: 0;
border-bottom: 1px solid #f0f0f0;
}
.site-header.eight .header-top:after {
content: '';
display: block;
clear: both;
}
.site-header.eight .header-top .email {
float: left;
color: #747373;
font-size: 14px;
line-height: 32px;
}
.site-header.eight .header-top .email svg {
font-size: 14px;
margin-right: 5px;
}
.site-header.eight .header-top .email:hover,
.site-header.eight .header-top .email:focus {
color: #fc7f8e;
}
.site-header.eight .header-top .social-networks li {
border-left: 1px solid #f2f2f2;
margin-left: 0;
}
.site-header.eight .header-top .social-networks li a {
display: block;
padding: 10px;
}
.site-header.eight .header-top .social-networks li a svg{
display: block;
padding: 0;
height: 16px;
width: 16px;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
}
.site-header.eight .header-top .social-networks li a svg:hover,
.site-header.eight .header-top .social-networks li a svg:focus {
fill: #fc929f;
}
.site-header.eight .header-top .social-networks li a .fa-facebook:hover,
.site-header.eight .header-top .social-networks li a .fa-facebook:focus {
background: #3b5998;
}
.site-header.eight .header-top .social-networks li a .fa-twitter:hover,
.site-header.eight .header-top .social-networks li a .fa-twitter:focus {
background: #82d9f2;
}
.site-header.eight .header-top .social-networks li a .fa-instagram:hover,
.site-header.eight .header-top .social-networks li a .fa-instagram:focus {
background: #964B00;
}
.site-header.eight .header-top .social-networks li a .fa-pinterest-p:hover,
.site-header.eight .header-top .social-networks li a .fa-pinterest-p:focus {
background: #cb2026;
}
.site-header.eight .header-top .social-networks li a .fa-linkedin:hover,
.site-header.eight .header-top .social-networks li a .fa-linkedin:focus {
background: #007ab9;
}
.site-header.eight .header-bottom {
padding: 0;
background: #fff;
text-align: left;
}
.site-header.eight .header-bottom:after {
content: '';
display: block;
clear: both;
}
.site-header.eight .site-branding {
float: left;
margin-top: 13px;
}
.site-header.eight .right-panel {
float: right;
}
.site-header.eight .main-navigation {
margin: 0;
}
.site-header.eight .main-navigation ul li {
margin: 0 0 0 1px;
}
.site-header.eight .main-navigation ul li a {
padding: 50px 15px;
}
.site-header.eight .main-navigation ul ul {
text-align: left;
border: 0;
background: #f9f9f9;
}
.site-header.eight .main-navigation ul ul li {
margin: 0;
}
.site-header.eight .main-navigation ul ul li a {
padding: 15px;
}
.site-header.eight .main-navigation ul li a:hover,
.site-header.eight .main-navigation ul li a:focus,
.site-header.eight .main-navigation ul li:hover>a,
.site-header.eight .main-navigation ul li:focus>a,
.site-header.eight .main-navigation ul .current-menu-item > a,
.site-header.eight .main-navigation ul .current-menu-parent > a,
.site-header.eight .main-navigation ul .current-menu-ancestor > a {
background: #fc929f;
color: #fff !important;
}
.site-header.eight .main-navigation ul ul ul {
left: -100%;
}
/*---------------------------------------------------------------
Header Nine styling
----------------------------------------------------------------*/
.site-header.nine .header-top {
background: #191919;
color: #fff;
padding: 0;
}
.site-header.nine .header-top a {
color: #fff;
}
.site-header.nine .right-panel {
float: right;
}
.site-header.nine .header-top .social-networks {
margin-top: 9px;
margin-left: 20px;
}
.site-header.nine .social-networks li a svg {
color: #fff;
}
.site-header.nine .email,
.site-header.nine .phone {
font-size: 14px;
border-right: 1px solid #6e6e6e;
float: left;
padding: 10px 20px;
}
.site-header.nine .email svg,
.site-header.nine .phone svg {
font-size: 14px;
margin-right: 5px;
}
.site-header.nine .header-bottom {
padding: 0;
background: #fff;
}
.site-header.nine {
position: relative;
z-index: 1;
}
.site-header.nine .site-branding {
float: left;
width: 255px;
height: 150px;
background: #fc929f;
color: #fff;
display: table;
position: absolute;
top: 0;
}
.site-header.nine .site-branding .site-title a {
color: #fff;
}
.site-header.nine .site-branding .holder {
display: table-row;
}
.site-header.nine .site-branding .frame {
display: table-cell;
vertical-align: middle;
}
.site-header.nine .main-navigation {
margin: 0;
}
.site-header.nine .main-navigation ul li a {
padding: 44px 0 45px;
}
.site-header.nine .main-navigation ul li a:hover,
.site-header.nine .main-navigation ul li a:focus,
.site-header.nine .main-navigation ul .current-menu-item a {
color: #fc7f8e;
}
.site-header.nine .main-navigation ul ul li a {
padding: 15px;
}
.site-header.nine .main-navigation ul ul li a:hover,
.site-header.nine .main-navigation ul ul li a:focus,
.site-header.nine .main-navigation ul ul li:hover>a,
.site-header.nine .main-navigation ul ul li:focus>a {
background: #fc929f;
color: #fff;
}
.site-header.nine .main-navigation ul ul {
text-align: left;
border: 0;
background: #f9f9f9;
border-top: 2px solid #fc929f;
}
.site-header.nine .main-navigation ul ul ul {
left: -100%;
}
/*---------------------------------------------------------------
Header Ten styling
----------------------------------------------------------------*/
.site-header.ten .header-top {
background: none;
/*padding: 30px 0 31px;*/
padding: 27px 0;
}
.site-header.ten .right-panel {
float: right;
}
.site-header.ten .header-top .social-networks {
margin-left: 20px;
/*width: 45%;*/
}
.site-header.ten .header-top .social-networks li a{
height: 34px;
width: 34px;
line-height: 34px;
border-radius: 50%;
display: block;
text-align: center;
background: #fc7f8e;
}
.site-header.ten .header-top .social-networks svg {
width: 14px;
height: 14px;
color: #fff;
line-height: 34px;
text-align: center;
}
.site-header.ten .header-top .contact-holder {
margin-left: 320px;
float: left;
margin-top: 5px;
margin-bottom: 10px;
}
.site-header.ten .email,
.site-header.ten .phone {
font-size: 14px;
float: left;
margin-left: 20px;
color: #767676;
}
.site-header.ten .email:hover,
.site-header.ten .phone:hover,
.site-header.ten .email:focus,
.site-header.ten .phone:focus {
color: #fc7f8e;
}
.site-header.ten .email {
margin-left: 0;
}
.site-header.ten .email svg,
.site-header.ten .phone svg {
font-size: 14px;
margin-right: 5px;
}
.site-header.ten .header-bottom {
padding: 0;
background: #ffecec;
}
.site-header.ten {
position: relative;
z-index: 1;
}
.site-header.ten .site-branding {
float: left;
width: 255px;
height: 150px;
background: #fc929f;
color: #fff;
display: table;
position: absolute;
top: 0;
}
.site-header.ten .site-branding .site-title a {
color: #fff;
}
.site-header.ten .site-branding .holder {
display: table-row;
}
.site-header.ten .site-branding .frame {
display: table-cell;
vertical-align: middle;
}
.site-header.ten .main-navigation {
margin: 0;
}
.site-header.ten .main-navigation ul li a {
padding: 20px 0;
}
.site-header.ten .main-navigation ul li a:hover,
.site-header.ten .main-navigation ul li a:focus,
.site-header.ten .main-navigation ul .current-menu-item a {
color: #fc7f8e;
}
.site-header.ten .main-navigation ul ul li a {
padding: 15px;
}
.site-header.ten .main-navigation ul ul li a:hover,
.site-header.ten .main-navigation ul ul li a:focus,
.site-header.ten .main-navigation ul ul li:hover>a,
.site-header.ten .main-navigation ul ul li:focus>a {
background: #fc929f;
color: #fff;
}
.site-header.ten .main-navigation ul ul {
text-align: left;
border: 0;
background: #f9f9f9;
border-top: 2px solid #fc929f;
}
.site-header.ten .main-navigation ul ul ul {
left: -100%;
}
#mobile-header {
display: none;
}
/*---------------------------------------------------------------
Homepage Layout style
----------------------------------------------------------------*/
.one-col-leftsidebar #primary {
float: right;
}
.two-col-leftsidebar #primary {
float: right;
}
.blog.two-col-leftsidebar .site-content .site-main .rara-masonry,
.blog.two-col-rightsidebar .site-content .site-main .rara-masonry,
.blog.three-col-full-width .site-content .site-main .rara-masonry {
overflow: hidden;
margin-left: -15px;
margin-right: -15px;
}
.blog.two-col-leftsidebar .site-content .site-main .post,
.blog.two-col-rightsidebar .site-content .site-main .post {
width: 50%;
padding-left: 15px;
padding-right: 15px;
background: none;
border-bottom: 0;
border-left: 0;
border-right: 0;
}
.blog.three-col-full-width #primary {
width: 100%;
}
.blog.three-col-full-width .site-content .site-main .post {
width: 33.3333%;
padding-left: 15px;
padding-right: 15px;
background: none;
border-bottom: 0;
border-left: 0;
border-right: 0;
}
.leftsidebar #primary {
float: right;
}
/*page-header style*/
.page-header {
overflow: hidden;
border-bottom: 1px solid #f5f1f0;
padding-bottom: 20px;
margin-bottom: 30px;
}
.page-header .page-title {
font-size: 35px;
margin: 0;
float: left;
line-height: 45px;
text-align: left;
display: block;
width: 100%;
margin-bottom: 15px;
}
.page-header .archive-description{
display: block;
width: 100%;
max-width: 700px;
}
.search .page-header .page-title span {
color: #a6a6a6;
font-size: 12px;
line-height: 15px;
}
#crumbs {
float: right;
font-size: 14px;
}
#crumbs .separator{
margin: 0 5px;
}
#crumbs .current {
color: #b6b2b1;
}
.single-post #crumbs {
float: left;
}
#crumbs span:last-child .separator{
display: none;
}
/*related-post style*/
.post-section {
margin-bottom: 50px;
}
.post-section .widget .widget-title {
font-family: "Montserrat", sans-serif;
font-size: 18px;
font-weight: normal;
line-height: 22px;
margin: 0 0 32px;
position: relative;
text-transform: uppercase;
text-align: center;
}
.post-section .widget ul {
margin: 0 -15px;
padding: 0;
list-style: none;
overflow: hidden;
}
.post-section .widget ul li {
float: left;
width: 33.3333%;
padding-left: 15px;
padding-right: 15px;
}
.post-section .widget ul li .post-thumbnail {
display: block;
height: 100%;
margin: 0 0 15px;
}
.post-section .widget ul li .post-thumbnail img {
vertical-align: top;
}
.post-section .widget ul li .entry-title {
font-family: "Montserrat", sans-serif;
font-size: 14px;
line-height: 18px;
margin: 0 0 5px;
}
.post-section .widget ul li .entry-title a {
color: #3f3f3f;
}
.post-section .widget ul li .entry-title a:hover,
.post-section .widget ul li .entry-title a:focus {
text-decoration: none;
color: #fc7f8e;
}
.post-section .widget ul li .entry-meta {
font-size: 14px;
line-height: 18px;
color: #605f5f;
}
.post-section .widget ul li .entry-meta a {
color: #605f5f;
}
.post-section .widget ul li .entry-meta a:hover,
.post-section .widget ul li .entry-meta a:focus {
text-decoration: none;
color: #fc7f8e;
}
/*before and after post style*/
#primary .widget .post {
border-bottom: 0;
border-left: 0;
border-right: 0;
text-align: left;
}
#primary .widget .post .entry-header .entry-title {
line-height: 18px;
margin: 0 0 5px;
}
#primary .widget.widget_kalon_pro_author_post .holder,
#primary .widget.widget_kalon_pro_category_post .holder,
#primary .widget.widget_kalon_pro_popular_post .holder,
#primary .widget.widget_kalon_pro_recent_post .holder {
overflow: hidden;
margin-left: -15px;
margin-right: -15px;
}
#primary .widget.widget_kalon_pro_author_post .post,
#primary .widget.widget_kalon_pro_category_post .post,
#primary .widget.widget_kalon_pro_popular_post .post,
#primary .widget.widget_kalon_pro_recent_post .post {
float: left;
width: 33.3333%;
padding-left: 15px;
padding-right: 15px;
margin-bottom: 30px;
}
#primary .widget.widget_kalon_pro_author_post .post .post-thumbnail,
#primary .widget.widget_kalon_pro_category_post .post .post-thumbnail,
#primary .widget.widget_kalon_pro_popular_post .post .post-thumbnail,
#primary .widget.widget_kalon_pro_recent_post .post .post-thumbnail {
width: 100%;
margin: 0 0 10px;
}
#primary .widget.widget_kalon_pro_author_post .post .entry-header,
#primary .widget.widget_kalon_pro_category_post .post .entry-header,
#primary .widget.widget_kalon_pro_popular_post .post .entry-header,
#primary .widget.widget_kalon_pro_recent_post .post .entry-header {
width: 100%;
}
#primary .widget.widget_kalon_pro_author_post .post .entry-meta span,
#primary .widget.widget_kalon_pro_category_post .post .entry-meta span,
#primary .widget.widget_kalon_pro_popular_post .post .entry-meta span,
#primary .widget.widget_kalon_pro_recent_post .post .entry-meta span {
padding: 0;
}
/** Back to Top */
#rara-top {
position: fixed;
bottom: 10px;
right: 10px;
/*background: rgba(0, 0, 0, 0.5);*/
background: #000;
color: #fff;
width: 50px;
height: 50px;
text-align: center;
line-height: 50px;
cursor: pointer;
display: none;
opacity: 0.5;
z-index: 9;
}
#rara-top:hover,
#rara-top:focus {
opacity: 1;
}
#rara-top svg {
font-size: 25px;
}
#rara-top svg:hover {
color: #fff;
}
/** Back to Top */
/*---------------------------------------------------------------
Shortcode style
----------------------------------------------------------------*/
/*shortcode accordion*/
#primary .post .entry-content .rara_accordian,
#primary .page .entry-content .rara_accordian {
border: 1px solid #fe7bb5;
margin: 0 0 15px;
}
#primary .post .entry-content .rara_accordian .rara_accordian_title,
#primary .page .entry-content .rara_accordian .rara_accordian_title {
background: #fc7f8e;
padding: 7px 15px 7px 35px;
color: #fff;
position: relative;
cursor: pointer;
}
#primary .post .entry-content .rara_accordian .rara_accordian_title:before,
#primary .page .entry-content .rara_accordian .rara_accordian_title:before {
background: #fff;
content: '';
height: 3px;
left: 12px;
position: absolute;
top: 50%;
width: 15px;
}
#primary .post .entry-content .rara_accordian .rara_accordian_title:after,
#primary .page .entry-content .rara_accordian .rara_accordian_title:after {
background: #fff;
content: "";
height: 3px;
left: 12px;
position: absolute;
top: 50%;
-webkit-transform: rotate(90deg) scale(1);
-moz-transform: rotate(90deg) scale(1);
transform: rotate(90deg) scale(1);
width: 15px;
}
#primary .post .entry-content .rara_accordian .rara_accordian_title.active:after,
#primary .page .entry-content .rara_accordian .rara_accordian_title.active:after {
opacity: 0;
}
#primary .post .entry-content .rara_accordian .rara_accordian_content,
#primary .page .entry-content .rara_accordian .rara_accordian_content {
padding: 10px 20px;
}
/*CTA button*/
#primary .entry-content .center {
text-align: center;
}
#primary .entry-content .rara_call_to_action_button {
background: #fc7f8e;
color: #fff;
display: inline-block;
font-weight: 700;
font-size: 15px;
line-height: 49px;
padding: 0 33px;
text-transform: uppercase;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
}
#primary .entry-content .rara_call_to_action_button:hover,
#primary .entry-content .rara_call_to_action_button:focus {
opacity: 0.8;
text-decoration: none;
}
#primary .entry-content .rara_call_to_action.right:after {
content: '';
display: block;
clear: both;
}
#primary .entry-content .rara_call_to_action.right .rara_call_to_action_button {
float: right;
}
/*dropcap*/
.rara-drop-cap2 {
float: left;
font-size: 53px;
padding-right: 10px;
padding-top: 16px;
}
.rara-drop-cap3 {
float: left;
font-size: 80px;
margin-bottom: 20px;
padding-right: 10px;
padding-top: 30px;
}
.rara-drop-cap4 {
float: left;
font-size: 115px;
margin-bottom: 32px;
padding-right: 10px;
padding-top: 45px;
}
/*list-style*/
#primary .post .entry-content ul,
#primary .page .entry-content ul {
margin: 0 0 30px 15px;
padding: 0;
}
#primary .post .entry-content ul.rara-list,
#primary .page .entry-content ul.rara-list {
list-style: none;
}
#primary .post .entry-content .rara-list li,
#primary .page .entry-content .rara-list li {
padding-left: 30px;
position: relative;
}
#primary .post .entry-content .rara-list.rara-list-style1 li:before,
#primary .page .entry-content .rara-list.rara-list-style1 li:before {
content: '\f00c';
font-family: 'FontAwesome';
position: absolute;
top: 0;
left: 0;
font-size: 12px;
}
#primary .post .entry-content .rara-list.rara-list-style2 li:before,
#primary .page .entry-content .rara-list.rara-list-style2 li:before {
content: '\f0da';
font-family: 'FontAwesome';
position: absolute;
top: 0;
left: 0;
font-size: 12px;
}
#primary .post .entry-content .rara-list.rara-list-style3 li:before,
#primary .page .entry-content .rara-list.rara-list-style3 li:before {
content: '\f18e';
font-family: 'FontAwesome';
position: absolute;
top: 0;
left: 0;
font-size: 12px;
}
#primary .post .entry-content .rara-list.rara-list-style4 li:before,
#primary .page .entry-content .rara-list.rara-list-style4 li:before {
content: '\f005';
font-family: 'FontAwesome';
position: absolute;
top: 0;
left: 0;
font-size: 12px;
}
#primary .post .entry-content .rara-list.rara-list-style5 li:before,
#primary .page .entry-content .rara-list.rara-list-style5 li:before {
content: '\f04d';
font-family: 'FontAwesome';
position: absolute;
top: 0;
left: 0;
font-size: 9px;
}
#primary .post .entry-content .rara-list.rara-list-style6 li:before,
#primary .page .entry-content .rara-list.rara-list-style6 li:before {
content: '\f1cd';
font-family: 'FontAwesome';
position: absolute;
top: 0;
left: 0;
font-size: 12px;
}
#primary .post .entry-content .rara-list.rara-list-style7 li:before,
#primary .page .entry-content .rara-list.rara-list-style7 li:before {
content: '\f1d8';
font-family: 'FontAwesome';
position: absolute;
top: 0;
left: 0;
font-size: 12px;
}
#primary .post .entry-content .rara-list.rara-list-style8 li:before,
#primary .page .entry-content .rara-list.rara-list-style8 li:before {
content: '\f0a4';
font-family: 'FontAwesome';
position: absolute;
top: 0;
left: 0;
font-size: 12px;
}
#primary .post .entry-content .rara-list.rara-list-style9 li:before,
#primary .page .entry-content .rara-list.rara-list-style9 li:before {
content: '\f069';
font-family: 'FontAwesome';
position: absolute;
top: 0;
left: 0;
font-size: 12px;
}
#primary .post .entry-content .rara-list.rara-list-style10 li:before,
#primary .page .entry-content .rara-list.rara-list-style10 li:before {
content: '\f056';
font-family: 'FontAwesome';
position: absolute;
top: 0;
left: 0;
font-size: 12px;
}
/*shortcode social icon*/
#primary .entry-content .social-shortcode:after {
content: '';
display: block;
clear: both;
}
#primary .entry-content .social-shortcode a {
border: 1px solid #fc8593;
border-radius: 50%;
float: left;
height: 33px;
padding: 2px 0;
vertical-align: middle;
width: 33px;
color: #fc8593;
text-align: center;
line-height: 29px;
margin: 0 10px 10px 0;
}
#primary .entry-content .social-shortcode a svg {
font-size: 16px;
line-height: 26px;
}
#primary .entry-content .social-shortcode a:hover,
#primary .entry-content .social-shortcode a:focus {
background: #fc8593;
color: #fff;
}
.clearfix:after {
content: '';
display: block;
clear: both;
}
/*shortcode tab*/
#primary .entry-content .rara_tab_wrap {
margin: 0 0 1.5em;
}
#primary .entry-content .rara_tab_wrap .rara_tab_group .tab-title {
float: left;
padding: 5px 9px;
border: 1px solid #fc7f8e;
cursor: pointer;
}
#primary .entry-content .rara_tab_wrap .rara_tab_group .tab-title.active,
#primary .entry-content .rara_tab_wrap .rara_tab_group .tab-title:hover,
#primary .entry-content .rara_tab_wrap .rara_tab_group .tab-title:focus {
background: #fc7f8e;
color: #fff;
}
#primary .entry-content .rara_tab_wrap .rara_tab_content {
padding: 10px 20px;
background: #f8f8f8;
}
#primary .entry-content .rara_tab_wrap.vertical .rara_tab_group {
float: left;
width: 225px;
}
#primary .entry-content .rara_tab_wrap.vertical .rara_tab_content {
overflow: hidden;
}
#primary .entry-content .rara_tab_wrap.vertical .rara_tab_group .tab-title {
float: none;
display: block;
}
/*shortcode toggle*/
.rara_toggle {
border: 1px solid #fc7f8e;
margin: 0 0 10px;
}
.rara_toggle .rara_toggle_title {
background: #fc7f8e;
color: #fff;
cursor: pointer;
padding: 7px 15px 7px 35px;
position: relative;
}
.rara_toggle .rara_toggle_title:after {
background: #fff;
content: "";
height: 3px;
left: 12px;
position: absolute;
top: 50%;
-webkit-transform: rotate(90deg) scale(1);
-moz-transform: rotate(90deg) scale(1);
transform: rotate(90deg) scale(1);
width: 15px;
}
.rara_toggle .rara_toggle_title:before {
background: #fff;
content: "";
height: 3px;
left: 12px;
position: absolute;
top: 50%;
width: 15px;
}
.rara_toggle .rara_toggle_title.active:after {
opacity: 0;
}
.rara_toggle .rara_toggle_content {
padding: 10px 20px;
}
/*shortcode slider*/
#primary .entry-content .shortcode-slider .lSAction>a {
top: 41%;
}
#primary .entry-content .shortcode-slider .lSAction>.lSNext {
background: url("images/btn-next.png") no-repeat;
height: 44px;
width: 44px;
}
#primary .entry-content .shortcode-slider .lSAction>.lSPrev {
background: url("images/btn-prev.png") no-repeat;
height: 44px;
width: 44px;
}
/*shortcode grid layout*/
.rara-row {
margin: 0 -15px;
}
.rara-row:after {
content: '';
display: block;
clear: both;
}
.rara_column {
float: left;
padding: 0 15px;
margin-bottom: 30px;
}
.rara-span1 {
width: 16.66%;
}
.rara-span2 {
width: 33.33%;
}
.rara-span3 {
width: 50%;
}
.rara-span4 {
width: 66.66%;
}
.rara-span5 {
width: 83%;
}
.rara-span6 {
width: 100%;
}
.divider {
margin: auto;
}
/*load more button*/
#load-posts {
margin: 0 0 50px;
}
#load-posts a {
font-size: 15px;
line-height: 60px;
font-weight: 700;
display: block;
text-align: center;
text-transform: uppercase;
background: #fc7f8e;
color: #fff;
padding: 0 33px;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
width: 100%;
}
#load-posts a:hover {
text-decoration: none;
opacity: 0.8;
}
#load-posts a.disabled {
display: none;
}
#load-posts a svg {
font-size: 15px;
font-weight: normal;
margin-right: 5px;
}
/*ajax-search*/
.ajax-search {
position: relative;
}
.ajax-search-results-container {
position: absolute;
top: 100%;
left: 0;
width: 100%;
background: #fff;
z-index: 9999;
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
}
.ajax-search-results-container ul {
margin: 0;
padding: 0;
list-style: none;
}
.ajax-search-results-container ul li {
list-style: none;
padding-left: 10px;
background: none;
}
.widget-area .widget .ajax-search-results-container ul li {
background: none;
padding-left: 10px;
}
.ajax-search-results-container .ajax-search-meta {
padding-left: 10px;
}
.ajax-search-results-container .ajax-search-meta a {
display: block;
}
/*sticky-menu style*/
.sticky-menu {
position: fixed;
width: 100%;
left: 0;
top: 0;
z-index: 9999;
-webkit-transition: linear 0.2s;
-moz-transition: linear 0.2s;
transition: linear 0.2s;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation: animatedown 0.3s;
/* Chrome, Safari, Opera */
animation: animatedown 0.3s;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}
@-webkit-keyframes animatedown {
from {
top: -100px;
}
to {
top: 0
}
}
@keyframes animatedown {
from {
top: -100px;
}
to {
top: 0
}
}
.logged-in .sticky-menu{
top: 32px;
}
.logged-in.customize-partial-edit-shortcuts-shown .sticky-menu{
top: 0;
}
/*author section style*/
.author-section {
background: #fff;
padding: 30px;
margin-bottom: 30px;
border: 1px solid #f5f0f0;
}
.author-section .author-title {
font-family: "Montserrat", sans-serif;
font-size: 18px;
font-weight: normal;
line-height: 22px;
margin: 0 0 32px;
position: relative;
text-transform: uppercase;
color: #191919;
}
.author-section .text {
overflow: hidden;
}
.author-section .text p {
margin-bottom: 10px;
}
.author-section .text .author-name {
font-family: "Montserrat", sans-serif;
font-size: 14px;
font-weight: normal;
line-height: 18px;
margin: 0 0 15px;
color: #191919;
}
.site-header.one .header-top.sticky-menu,
.site-header.ten .header-bottom.sticky-menu {
background: #fff !important;
}
.mobile-site-header {
display: none;
}
:root{
--primary-color: #f69581;
--primary-font: 'Nunito Sans', sans-serif;
--secondary-font: 'Lusitana', serif;
--primary-color-rgb: 246, 149, 129;
}
body.kalon-chic{
font-family: var(--primary-font);
}
.kalon-chic a{
color: var(--primary-color);
}
.kalon-chic a:hover,
.kalon-chic a:focus{
color: var(--primary-color);
}
.kalon-chic .site-header.one .header-top,
.kalon-chic .site-header.six .header-top,
.kalon-chic .site-header.ten .header-bottom{
background: rgba(var(--primary-color-rgb), 0.3);
}
.kalon-chic .main-navigation ul li a{
font-weight: 700;
}
.kalon-chic .main-navigation ul li a:hover,
.kalon-chic .main-navigation ul li a:focus,
.kalon-chic .main-navigation ul li:hover > a,
.kalon-chic .main-navigation ul li:focus > a,
.kalon-chic .main-navigation ul .current-menu-item > a,
.kalon-chic .main-navigation ul .current-menu-ancestor > a,
.kalon-chic .main-navigation ul .current_page_item > a,
.kalon-chic .main-navigation ul .current_Page_ancestor > a,
.kalon-chic .header-top .social-networks li svg:hover,
.kalon-chic .header-top .social-networks li svg:focus,
.kalon-chic .header-bottom .site-branding .site-title a{
color: var(--primary-color);
}
.kalon-chic .banner-text{
bottom: 0;
padding: 120px 0 90px;
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 1%, rgba(0,0,0,0.15) 30%, rgba(0,0,0,0.6) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.15) 30%,rgba(0,0,0,0.6) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.15) 30%,rgba(0,0,0,0.6) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#99000000',GradientType=0 );
}
.kalon-chic .banner-text .text{
max-width: 650px;
margin: 0 auto;
text-align: center;
}
.kalon-chic .banner-text .text .category:after{
display: none;
}
.kalon-chic .banner-text .text .category{
font-size: 12px;
line-height: 1.250em;
font-weight: 700;
display: flex;
flex-wrap: wrap;
letter-spacing: 1px;
justify-content: center;
margin: 0 0 20px;
}
.kalon-chic .banner-text .text .category a{
margin: 0 5px 5px 0;
padding: 5px 10px;
background: var(--primary-color);
color: #fff;
-webkit-transition: linear 0.2s;
-moz-transition: linear 0.2s;
transition: linear 0.2s;
}
.kalon-chic .banner-text .text .category a:hover,
.kalon-chic .banner-text .text .category a:focus{
background: #000;
}
.kalon-chic .banner-text .text h2{
font-family: var(--secondary-font);
font-size: 45px;
line-height: 1.250em;
margin: 0 0 20px;
}
.kalon-chic .banner-text .text .read-more{
border: 0;
padding: 0 25px 0 0;
font-size: 13px;
line-height: 1.250em;
font-weight: 700;
letter-spacing: 1px;
text-transform: uppercase;
-webkit-transition: linear 0.2s;
-moz-transition: linear 0.2s;
transition: linear 0.2s;
}
.kalon-chic .banner-text .text .read-more:hover,
.kalon-chic .banner-text .text .read-more:focus{
background: none;
}
.kalon-chic .banner-text .text .read-more:after{
left: auto;
right: 0;
bottom: auto;
top: 50%;
width: 20px;
height: 20px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: linear 0.2s;
-moz-transition: linear 0.2s;
transition: linear 0.2s;
}
.kalon-chic .banner-text .text .read-more:hover:after,
.kalon-chic .banner-text .text .read-more:focus:after{
-webkit-transform: translate(10px, -50%);
-moz-transform: translate(10px, -50%);
transform: translate(10px, -50%);
}
.kalon-chic .slider .owl-theme .owl-dots{
display: flex;
align-items: center;
justify-content: center;
margin: 40px 0;
bottom: 0;
}
.kalon-chic .slider .owl-theme .owl-dots .owl-dot{
width: 15px;
height: 15px;
border: 1px solid transparent;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
margin: 0 5px;
}
.kalon-chic .slider .owl-theme .owl-dots .owl-dot span{
width: 5px;
height: 5px;
margin: 0;
background: #fff;
}
.kalon-chic .slider .owl-theme .owl-dots .owl-dot.active{
border-color: #fff;
}
.kalon-chic .site-header.three .header-top .email:hover,
.kalon-chic .site-header.three .header-top .email:focus{
color: var(--primary-color);
}
.kalon-chic .site-header.three .header-bottom,
.kalon-chic .site-header.five .header-bottom{
background: var(--primary-color);
}
.kalon-chic .site-header.three .main-navigation ul ul li a:hover,
.kalon-chic .site-header.three .main-navigation ul ul li a:focus,
.kalon-chic .site-header.three .main-navigation ul ul li:hover > a,
.kalon-chic .site-header.three .main-navigation ul ul li:focus > a,
.kalon-chic .site-header.five .main-navigation ul ul li a:hover,
.kalon-chic .site-header.five .main-navigation ul ul li a:focus,
.kalon-chic .site-header.five .main-navigation ul ul li:hover > a,
.kalon-chic .site-header.five .main-navigation ul ul li:focus > a{
background: var(--primary-color);
}
.kalon-chic .site-header.four .header-top .contact-info li a:hover,
.kalon-chic .site-header.four .header-top .contact-info li a:focus,
.kalon-chic .site-header.five .header-top .right-panel .phone a:hover,
.kalon-chic .site-header.five .header-top .right-panel .email a:hover,
.kalon-chic .site-header.five .header-top .right-panel .phone a:focus,
.kalon-chic .site-header.five .header-top .right-panel .email a:focus,
.kalon-chic .site-header.six .header-top .social-networks li svg:hover,
.kalon-chic .site-header.six .header-top .social-networks li svg:focus,
.kalon-chic .site-header.seven .contact-info li a:hover,
.kalon-chic .site-header.seven .contact-info li a:focus,
.kalon-chic .site-header.seven .social-networks li svg:hover,
.kalon-chic .site-header.seven .social-networks li svg:focus,
.kalon-chic .site-header.eight .header-top .email:hover,
.kalon-chic .site-header.eight .header-top .email:focus,
.kalon-chic .site-header.nine .main-navigation ul li a:hover,
.kalon-chic .site-header.nine .main-navigation ul li a:focus,
.kalon-chic .site-header.nine .main-navigation ul li:hover > a,
.kalon-chic .site-header.nine .main-navigation ul li:focus > a,
.kalon-chic .site-header.nine .main-navigation ul .current-menu-item > a,
.kalon-chic .site-header.nine .main-navigation ul .current-menu-ancestor > a,
.kalon-chic .site-header.nine .main-navigation ul .current_page_item > a,
.kalon-chic .site-header.nine .main-navigation ul .current_page_ancestor > a{
color: var(--primary-color);
}
.kalon-chic .site-header.six .header-top{
background: #121212;
padding: 10px 0;
}
.kalon-chic .site-header.six .header-top .social-networks li svg{
color: #fff;
-webkit-transition: linear 0.2s;
-moz-transition: linear 0.2s;
transition: linear 0.2s;
}
.kalon-chic .site-header.eight .main-navigation ul li a:hover,
.kalon-chic .site-header.eight .main-navigation ul li a:focus,
.kalon-chic .site-header.eight .main-navigation ul li:hover > a,
.kalon-chic .site-header.eight .main-navigation ul li:focus > a,
.kalon-chic .site-header.eight .main-navigation ul .current-menu-item > a,
.kalon-chic .site-header.eight .main-navigation ul .current-menu-ancestor > a,
.kalon-chic .site-header.eight .main-navigation ul .current_page_item > a,
.kalon-chic .site-header.eight .main-navigation ul .current_page_item > a,
.kalon-chic .site-header.nine .site-branding,
.kalon-chic .site-header.ten .site-branding{
background: var(--primary-color);
}
.kalon-chic .site-header.nine .site-branding .site-title a,
.kalon-chic .site-header.ten .site-branding .site-title a{
color: #fff;
}
.kalon-chic .site-header.nine{
z-index: 2;
}
.kalon-chic .site-header.nine .main-navigation ul ul{
border-top-color: var(--primary-color);
}
.kalon-chic .site-header.nine .main-navigation ul ul li a:hover,
.kalon-chic .site-header.nine .main-navigation ul ul li a:focus,
.kalon-chic .site-header.nine .main-navigation ul ul li:hover > a,
.kalon-chic .site-header.nine .main-navigation ul ul li:focus > a,
.kalon-chic .site-header.nine .main-navigation ul ul .current-menu-item > a,
.kalon-chic .site-header.nine .main-navigation ul ul .current-menu-ancestor > a,
.kalon-chic .site-header.nine .main-navigation ul ul .current_page_item > a,
.kalon-chic .site-header.nine .main-navigation ul ul .current_page_ancestor > a{
background: var(--primary-color);
color: #fff;
}
.kalon-chic .site-header.ten .email:hover,
.kalon-chic .site-header.ten .phone:hover,
.kalon-chic .site-header.ten .email:focus,
.kalon-chic .site-header.ten .phone:focus{
color: var(--primary-color);
}
.kalon-chic .site-header.ten .header-top .social-networks li a{
width: 34px;
height: 34px;
background: var(--primary-color);
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
}
.kalon-chic .site-header.ten .header-top .social-networks svg{
width: 14px;
height: 14px;
background: none;
color: #fff;
}
.kalon-chic .site-header.ten .main-navigation ul li a:hover,
.kalon-chic .site-header.ten .main-navigation ul li a:focus,
.kalon-chic .site-header.ten .main-navigation ul li:hover > a,
.kalon-chic .site-header.ten .main-navigation ul li:focus > a,
.kalon-chic .site-header.ten .main-navigation ul .current-menu-item > a,
.kalon-chic .site-header.ten .main-navigation ul .current-menu-ancestor > a,
.kalon-chic .site-header.ten .main-navigation ul .current_page_item > a,
.kalon-chic .site-header.ten .main-navigation ul .current_page_ancestor > a{
color: var(--primary-color);
}
.kalon-chic .site-header.ten{
z-index: 2;
}
.kalon-chic .site-header.ten .main-navigation ul ul{
border-top-color: var(--primary-color);
}
.kalon-chic .site-header.ten .main-navigation ul ul li a:hover,
.kalon-chic .site-header.ten .main-navigation ul ul li a:focus,
.kalon-chic .site-header.ten .main-navigation ul ul li:hover > a,
.kalon-chic .site-header.ten .main-navigation ul ul li:focus > a,
.kalon-chic .site-header.ten .main-navigation ul ul .current-menu-item > a,
.kalon-chic .site-header.ten .main-navigation ul ul .current-menu-ancestor > a,
.kalon-chic .site-header.ten .main-navigation ul ul .current_page_item > a,
.kalon-chic .site-header.ten .main-navigation ul ul .current_page_ancestor > a{
background: var(--primary-color);
color: #fff;
}
.kalon-chic .site-content .site-main .post{
-webkit-transition: linear 0.2s;
-moz-transition: linear 0.2s;
transition: linear 0.2s;
}
/*.kalon-chic .site-content .site-main .post:hover,
.kalon-chic .site-content .site-main .post:focus{
-webkit-transform: translateY(-8px);
-moz-transform: translateY(-8px);
transform: translateY(-8px);
}*/
.kalon-chic .site-content .site-main .post .text-holder{
text-align: left;
-webkit-transition: linear 0.2s;
-moz-transition: linear 0.2s;
transition: linear 0.2s;
}
.kalon-chic .site-content .site-main .post:hover .text-holder,
.kalon-chic .site-content .site-main .post:focus .text-holder{
box-shadow: 0 5px 30px rgba(0, 0, 0, 0.05);
}
.kalon-chic .site-content .site-main .post .text-holder .category{
font-size: 12px;
line-height: 1.250em;
font-weight: 700;
display: flex;
flex-wrap: wrap;
letter-spacing: 1px;
margin: 0 0 15px;
padding: 0;
/*justify-content: center;*/
}
.kalon-chic .site-content .site-main .post .text-holder .category:after{
display: none;
}
.kalon-chic .site-content .site-main .post .text-holder .category a{
margin: 0 5px 5px 0;
padding: 5px 10px;
background: var(--primary-color);
color: #fff;
-webkit-transition: linear 0.2s;
-moz-transition: linear 0.2s;
transition: linear 0.2s;
}
.kalon-chic .site-content .site-main .post .text-holder .category a:hover,
.kalon-chic .site-content .site-main .post .text-holder .category a:focus{
background: #000;
}
.kalon-chic .site-content #primary .site-main .post .text-holder .entry-title{
font-family: var(--secondary-font);
line-height: 1.650em;
}
.kalon-chic .site-content #primary .site-main .post .text-holder .entry-title a{
color: #191919;
-webkit-transition: linear 0.2s;
-moz-transition: linear 0.2s;
transition: linear 0.2s;
}
.kalon-chic .site-content #primary .site-main .post .text-holder .entry-title a:hover,
.kalon-chic .site-content #primary .site-main .post .text-holder .entry-title a:focus{
color: var(--primary-color);
}
.kalon-chic .post .entry-meta{
display: flex;
flex-wrap: wrap;
align-items: center;
font-size: 0;
/*justify-content: center;*/
}
.kalon-chic #primary .post .entry-meta span{
padding: 0;
display: flex;
}
.kalon-chic #primary .post .entry-meta a{
font-size: 11px;
line-height: inherit;
color: #121212;
font-weight: 700;
letter-spacing: 1px;
text-transform: uppercase;
-webkit-transition: linear 0.2s;
-moz-transition: linear 0.2s;
transition: linear 0.2s;
}
.kalon-chic #primary .post .entry-meta a:hover,
.kalon-chic #primary .post .entry-meta a:focus{
color: var(--primary-color);
}
.kalon-chic #primary .post .entry-meta .byline,
.kalon-chic #primary .post .entry-meta .comments-link{
position: relative;
padding-left: 13px;
margin-left: 13px;
}
.kalon-chic #primary .post .entry-meta .byline:before,
.kalon-chic #primary .post .entry-meta .comments-link:before{
position: absolute;
top: 50%;
left: 0;
width: 5px;
height: 5px;
border-radius: 50%;
background: #ccc;
content: '';
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
}
.kalon-chic .post .read-more{
display: inline-block;
border: 0;
padding: 0 25px 0 0;
font-size: 13px;
line-height: 1.250em;
font-weight: 700;
letter-spacing: 1px;
color: var(--primary-color);
text-transform: uppercase;
-webkit-transition: linear 0.2s;
-moz-transition: linear 0.2s;
transition: linear 0.2s;
}
.kalon-chic .post .read-more:hover,
.kalon-chic .post .read-more:focus{
background: none;
border: 0;
}
.kalon-chic .post .read-more:after{
left: auto;
right: 0;
bottom: auto;
top: 50%;
width: 20px;
height: 20px;
background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23f69581' viewBox='0 0 448 512'%3E%3Cpath d='M340.485 366l99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z'/%3E%3C/svg%3E") center center no-repeat;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
}
.kalon-chic .post .read-more:hover:after,
.kalon-chic .post .read-more:focus:after{
-webkit-transform: translate(10px, -50%);
-moz-transform: translate(10px, -50%);
transform: translate(10px, -50%);
}
.kalon-chic .navigation.pagination .page-numbers{
font-size: 12px;
line-height: 1em;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
padding: 15px 20px;
}
.kalon-chic .navigation.pagination .page-numbers.current,
.kalon-chic .navigation.pagination .page-numbers:hover,
.kalon-chic .navigation.pagination .page-numbers:focus{
background: var(--primary-color);
}
.kalon-chic .widget-area .widget .widget-title{
text-align: left;
font-family: var(--primary-font);
font-weight: 700;
letter-spacing: 1px;
margin: 0 0 16px;
padding: 0 0 16px;
position: relative;
}
.kalon-chic #secondary .widget .widget-title span{
padding: 0;
background: none;
}
.kalon-chic #secondary .widget .widget-title:after{
width: 30px;
height: 3px;
background: var(--primary-color);
top: 100%;
}
.kalon-chic .widget-area .widget ul li{
background: none;
position: relative;
}
.kalon-chic .widget-area .widget ul li::before {
position: absolute;
top: 21px;
left: 0;
width: 5px;
height: 5px;
background: var(--primary-color);
border-radius: 50%;
content: '';
}
.kalon-chic .widget-area .widget ul li a {
font-size: 14px;
line-height: 1.250em;
font-weight: 700;
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
}
.kalon-chic .widget-area .widget ul li a:hover,
.kalon-chic .widget-area .widget ul li a:focus{
color: var(--primary-color);
}
.kalon-chic .widget_media_gallery .gallery{
display: flex;
flex-wrap: wrap;
margin: 0 -2px;
}
.kalon-chic .widget_media_gallery .gallery .gallery-item{
padding: 0 2px;
margin: 0 0 4px;
}
.kalon-chic .widget_media_gallery .gallery .gallery-item .wp-caption-text{
font-size: 12px;
font-weight: 700;
}
.kalon-chic .widget_media_image figure{
margin: 0;
}
.kalon-chic .widget_media_image figure .wp-caption-text{
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
}
.kalon-chic .widget_media_image figure{
margin: 0;
}
.kalon-chic .widget_media_image figure .wp-caption-text{
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
}
.kalon-chic .widget-area .widget ul ul li{
padding: 10px 0 10px 23px;
}
.kalon-chic .widget-area .widget.widget_kalon_pro_popular_post .post-thumbnail,
.kalon-chic .widget-area .widget.widget_kalon_pro_recent_post .post-thumbnail,
.kalon-chic .widget-area .widget.widget_kalon_pro_category_post .post-thumbnail{
width: 90px;
}
.kalon-chic .widget-area .widget.widget_kalon_pro_popular_post .entry-header .entry-title,
.kalon-chic .widget-area .widget.widget_kalon_pro_recent_post .entry-header .entry-title,
.kalon-chic .widget-area .widget.widget_kalon_pro_category_post .entry-header .entry-title{
font-weight: 700;
}
.kalon-chic .widget-area .widget.widget_kalon_pro_popular_post .entry-header .entry-title a,
.kalon-chic .widget-area .widget.widget_kalon_pro_recent_post .entry-header .entry-title a,
.kalon-chic .widget-area .widget.widget_kalon_pro_category_post .entry-header .entry-title a{
font-size: 15px;
line-height: 1.250em;
font-family: var(--primary-font);
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
}
.kalon-chic .widget-area .widget.widget_kalon_pro_popular_post .entry-header .entry-title a:hover,
.kalon-chic .widget-area .widget.widget_kalon_pro_recent_post .entry-header .entry-title a:hover,
.kalon-chic .widget-area .widget.widget_kalon_pro_popular_post .entry-header .entry-title a:focus,
.kalon-chic .widget-area .widget.widget_kalon_pro_recent_post .entry-header .entry-title a:focus,
.kalon-chic .widget-area .widget.widget_kalon_pro_category_post .entry-header .entry-title a:hover,
.kalon-chic .widget-area .widget.widget_kalon_pro_category_post .entry-header .entry-title a:focus{
color: var(--primary-color) !important;
}
.kalon-chic .post .entry-meta span a:hover,
.kalon-chic .post .entry-meta span a:focus{
color: var(--primary-color);
}
.kalon-chic .widget_kalon_pro_featured_post{
background: #fff;
padding: 20px;
box-shadow: 0 5px 30px rgba(0, 0, 0, 0.05);
}
.kalon-chic .widget-area .widget.widget_kalon_pro_featured_post{
font-size: 16px;
line-height: 1.650em;
}
.kalon-chic .widget-area .widget.widget_kalon_pro_featured_post .readmore{
padding: 0 25px 0 0;
font-size: 13px;
line-height: 1.250em;
font-weight: 700;
font-weight: 700;
letter-spacing: 1px;
color: var(--primary-color);
font-family: var(--primary-font);
position: relative;
text-transform: uppercase;
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
}
.kalon-chic .widget-area .widget.widget_kalon_pro_featured_post .readmore:after{
content: '';
position: absolute;
right: 0;
top: 50%;
width: 20px;
height: 20px;
background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23f69581' viewBox='0 0 448 512'%3E%3Cpath d='M340.485 366l99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z'/%3E%3C/svg%3E") center center no-repeat;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
}
.kalon-chic .widget-area .widget.widget_kalon_pro_featured_post .readmore:hover:after,
.kalon-chic .widget-area .widget.widget_kalon_pro_featured_post .readmore:focus:after{
-webkit-transform: translate(10px, -50%);
-moz-transform: translate(10px, -50%);
transform: translate(10px, -50%);
}
.kalon-chic .widget-area .widget_kalon_pro_instagram_widget ul li:before,
.kalon-chic .widget-area .widget_kalon_pro_social_links ul li:before{
display: none;
}
.kalon-chic .widget-area .widget.widget_kalon_pro_social_links ul li a{
border-color: var(--primary-color);
color: var(--primary-color);
display: flex;
justify-content: center;
align-items: center;
}
.kalon-chic .widget-area .widget.widget_kalon_pro_social_links ul li a:hover,
.kalon-chic .widget-area .widget.widget_kalon_pro_social_links ul li a:focus{
background: var(--primary-color);
color: #fff;
}
.kalon-chic .widget-area .widget.widget_search form{
border: 1px solid rgba(0, 0, 0, 0.06);
background: #fff;
display: flex;
flex-wrap: wrap;
align-items: center;
padding: 5px 10px;
}
.kalon-chic .widget-area .widget.widget_search form label{
flex-basis: 0;
flex-grow: 1;
}
.kalon-chic .widget-area .widget.widget_search input[type="search"]{
padding: 0;
margin: 0;
background: none;
border: 0;
border-radius: 0;
font-size: 14px;
font-weight: 700;
}
.kalon-chic .widget-area .widget.widget_search input[type="submit"]{
width: 20px;
height: 20px;
font-size: 0;
border-left: 0;
background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 512 512'%3E%3Cpath d='M508.5 468.9L387.1 347.5c-2.3-2.3-5.3-3.5-8.5-3.5h-13.2c31.5-36.5 50.6-84 50.6-136C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c52 0 99.5-19.1 136-50.6v13.2c0 3.2 1.3 6.2 3.5 8.5l121.4 121.4c4.7 4.7 12.3 4.7 17 0l22.6-22.6c4.7-4.7 4.7-12.3 0-17zM208 368c-88.4 0-160-71.6-160-160S119.6 48 208 48s160 71.6 160 160-71.6 160-160 160z'/%3E%3C/svg%3E") center center no-repeat;
}
.kalon-chic .widget-area .widget.widget_search input[type="submit"]:hover,
.kalon-chic .widget-area .widget.widget_search input[type="submit"]:focus{
background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 512 512'%3E%3Cpath d='M508.5 468.9L387.1 347.5c-2.3-2.3-5.3-3.5-8.5-3.5h-13.2c31.5-36.5 50.6-84 50.6-136C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c52 0 99.5-19.1 136-50.6v13.2c0 3.2 1.3 6.2 3.5 8.5l121.4 121.4c4.7 4.7 12.3 4.7 17 0l22.6-22.6c4.7-4.7 4.7-12.3 0-17zM208 368c-88.4 0-160-71.6-160-160S119.6 48 208 48s160 71.6 160 160-71.6 160-160 160z'/%3E%3C/svg%3E") center center no-repeat;
}
.kalon-chic .widget-area .widget.widget_tag_cloud .tagcloud a{
font-size: 12px !important;
line-height: 1.250em;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
border: 2px solid var(--primary-color);
color: #121212;
padding: 5px 15px;
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
}
.kalon-chic .widget-area .widget.widget_tag_cloud .tagcloud{
display: flex;
flex-wrap: wrap;
}
.kalon-chic .widget-area .widget.widget_tag_cloud .tagcloud a:hover,
.kalon-chic .widget-area .widget.widget_tag_cloud .tagcloud a:focus{
background: var(--primary-color);
color: #fff;
}
.kalon-chic .widget-area .widget_text{
background: #fff;
padding: 20px;
box-shadow: 0 5px 30px rgba(0, 0, 0, 0.05);
}
.kalon-chic .widget-area .widget_text .textwidget{
font-size: 17px;
line-height: 1.650em;
}
.kalon-chic .instagram-section{
padding: 100px 0 0;
position: relative;
}
.kalon-chic .instagram-section .widget .widget-title{
display: none;
}
.kalon-chic .instagram-section .widget{
margin: 0;
}
.kalon-chic .instagram-section .widget ul{
margin: 0;
padding: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
}
.kalon-chic .instagram-section .widget ul li{
padding: 2px;
width: 20%;
}
.kalon-chic .instagram-section .widget ul li a{
display: block;
height: 100%;
}
.kalon-chic .instagram-section .widget ul li img{
width: 100%;
height: 100%;
object-fit: cover;
vertical-align: top;
}
.kalon-chic .instagram-section .widget p a{
font-weight: 700;
color: #121212;
position: absolute;
top: 35px;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
}
.kalon-chic .instagram-section .widget p a:hover,
.kalon-chic .instagram-section .widget p a:focus{
color: var(--primary-color);
}
.kalon-chic .blossomthemes-email-newsletter-wrapper{
padding: 80px 0;
}
.kalon-chic .blossomthemes-email-newsletter-wrapper .text-holder{
max-width: 750px;
margin: 0 auto 30px;
text-align: center;
}
.kalon-chic .blossomthemes-email-newsletter-wrapper .text-holder h3{
margin: 0 0 10px;
}
.kalon-chic .blossomthemes-email-newsletter-wrapper form{
max-width: 750px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
padding: 0 0 15px;
position: relative;
}
.kalon-chic .blossomthemes-email-newsletter-wrapper form label{
position: absolute;
top: 100%;
left: 0;
width: 100%;
font-size: 12px;
line-height: 1.550em;
font-weight: 700;
letter-spacing: 1px;
}
.kalon-chic .blossomthemes-email-newsletter-wrapper form input[type="text"],
.kalon-chic .blossomthemes-email-newsletter-wrapper form input[type="email"]{
margin: 0 5px;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 0;
font-size: 12px;
line-height: 1.250em;
font-weight: 700;
letter-spacing: 1px;
color: #000;
padding: 15px 10px;
flex-basis: 0;
flex-grow: 1;
outline: none;
}
.kalon-chic .blossomthemes-email-newsletter-wrapper form input[type="submit"]{
width: inherit;
background: var(--primary-color);
color: #fff;
border: 2px solid var(--primary-color);
box-shadow: none;
text-shadow: none;
border-radius: 0;
font-size: 12px;
line-height: 1.250em;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
outline: none;
-webkit-transition: linear 0.2s;
-moz-transition: linear 0.2s;
transition: linear 0.2s;
}
.kalon-chic .blossomthemes-email-newsletter-wrapper form input[type="submit"]:hover,
.kalon-chic .blossomthemes-email-newsletter-wrapper form input[type="submit"]:focus{
outline: none;
background: none;
color: var(--primary-color);
}
.kalon-chic .site-footer{
background: #121212;
padding: 0;
}
.kalon-chic .site-footer .widget-area{
background: #121212;
padding: 60px 0;
}
.kalon-chic .site-footer .widget-area .widget .widget-title{
color: #fff;
position: relative;
}
.kalon-chic .site-footer .widget-area .widget .widget-title:after{
width: 30px;
height: 3px;
background: #fff;
top: 100%;
left: 0;
content: '';
position: absolute;
}
.kalon-chic .site-footer .widget-area ul{
color: #EBEBEB;
}
.kalon-chic .site-footer .widget-area ul li{
border-top: 0;
}
.kalon-chic .site-footer .widget-area ul li a{
color: #fff;
}
.kalon-chic .site-footer .widget-area .widget.widget_kalon_popular_post .entry-header .entry-title a,
.kalon-chic .site-footer .widget-area .widget.widget_kalon_recent_post .entry-header .entry-title a{
color: #fff;
}
.kalon-chic .site-footer .widget-area .widget.widget_kalon_popular_post .entry-header .entry-meta a,
.kalon-chic .site-footer .widget-area .widget.widget_kalon_recent_post .entry-header .entry-meta a{
color: #fff;
}
.kalon-chic .site-footer .widget-area .widget.widget_kalon_popular_post .entry-header .entry-meta a:hover,
.kalon-chic .site-footer .widget-area .widget.widget_kalon_recent_post .entry-header .entry-meta a:hover,
.kalon-chic .site-footer .widget-area .widget.widget_kalon_popular_post .entry-header .entry-meta a:focus,
.kalon-chic .site-footer .widget-area .widget.widget_kalon_recent_post .entry-header .entry-meta a:focus{
color: var(--primary-color);
}
.kalon-chic .site-footer .widget-area .widget.widget_tag_cloud .tagcloud a{
color: var(--primary-color);
}
.site-footer .widget-area .widget.widget_tag_cloud .tagcloud a:hover,
.site-footer .widget-area .widget.widget_tag_cloud .tagcloud a:focus{
color: #fff;
}
.kalon-chic .site-footer .widget_kalon_featured_post{
background: #fff;
padding: 20px;
box-shadow: 0 5px 30px rgba(0, 0, 0, 0.05);
}
.kalon-chic .site-footer .widget-area .widget_kalon_featured_post .widget-title,
.kalon-chic .site-footer .widget-area .widget_text .widget-title{
color: #121212;
}
.kalon-chic .site-footer .widget-area .widget_kalon_featured_post .widget-title:after,
.kalon-chic .site-footer .widget-area .widget_text .widget-title:after{
background: var(--primary-color);
}
.kalon-chic .site-footer .widget-area .widget ul ul li:first-child{
border-top: 0;
}
.kalon-chic .site-footer .footer-b{
background: #242424;
}
.kalon-chic .site-footer .footer-b .social-networks li a{
color: #fff;
}
.kalon-chic .site-footer .footer-b .social-networks li a:hover,
.kalon-chic .site-footer .footer-b .social-networks li a:focus{
color: var(--primary-color);
}
.kalon-chic .site-footer .site-info{
/*background: #242424;*/
color: #fff;
font-size: 14px;
line-height: 1.250em;
font-weight: 700;
padding: 30px 0;
}
.kalon-chic .site-footer .site-info a{
color: var(--primary-color);
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
}
.kalon-chic .site-footer .site-info a:hover,
.kalon-chic .site-footer .site-info a:focus{
color: #fff;
}
.kalon-chic .site-footer .site-info p{
margin: 0;
}
.kalon-chic .search #primary .post .entry-title a,
.kalon-chic .search #primary .page .entry-title a{
font-family: var(--secondary-font);
}
.kalon-chic .search #primary .post .entry-title a:hover,
.kalon-chic .search #primary .post .entry-title a:focus,
.kalon-chic .search #primary .page .entry-title a:hover,
.kalon-chic .search #primary .page .entry-title a:focus{
color: var(--primary-color) !important;
}
.kalon-chic .site-content .site-main .page{
border: 0;
padding: 40px;
}
.kalon-chic .site-content .site-main .page .entry-header .entry-title{
text-align: left;
font-family: var(--secondary-font);
}
.kalon-chic .site-content .site-main .page .entry-content{
padding: 0;
margin: 0;
}
.kalon-chic .search .site-content .site-main .page{
border-bottom: 1px solid #f5f0f0;
}
.kalon-chic .comments-title,
.kalon-chic .comment-reply-title{
font-family: var(--primary-font);
font-weight: 700;
}
.kalon-chic .comment-form-cookies-consent{
font-size: 14px;
font-weight: 700;
}
.kalon-chic .comment-respond form input[type="submit"]{
background: var(--primary-color);
letter-spacing: 1px;
font-weight: 700;
border: 2px solid var(--primary-color);
border-radius: 0;
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
}
.kalon-chic .comment-respond form input[type="submit"]:hover,
.kalon-chic .comment-respond form input[type="submit"]:focus{
background: none;
color: var(--primary-color);
}
.kalon-chic #primary .post .entry-content a,
.kalon-chic #primary .page .entry-content a,
.post-navigation a{
color: var(--primary-color);
}
.kalon-chic #primary .post .entry-content a:hover,
.kalon-chic #primary .page .entry-content a:hover,
.kalon-chic .post-navigation a:hover,
.kalon-chic #primary .post .entry-content a:focus,
.kalon-chic #primary .page .entry-content a:focus,
.kalon-chic .post-navigation a:focus{
text-decoration: underline;
}
.kalon-chic .comment-metadata a:hover,
.kalon-chic .comment-metadata a:focus{
color: var(--primary-color);
}
.kalon-chic .comments-area .reply a{
font-size: 12px;
line-height: 1.250em;
font-weight: 700;
letter-spacing: 1px;
background: var(--primary-color);
border: 2px solid var(--primary-color);
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
}
.kalon-chic .comments-area .reply a:hover,
.kalon-chic .comments-area .reply a:focus{
text-decoration: none;
background: none;
color: var(--primary-color);
}
.kalon-chic .comment-body .fn a{
font-family: var(--primary-font);
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
}
.kalon-chic .comment-body .fn a:hover,
.kalon-chic .comment-body .fn a:focus{
color: var(--primary-color);
}
.calendar_wrap .wp-calendar-table{
margin-bottom: 0;
}
.widget_calendar .wp-calendar-nav{
display: flex;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: space-between;
justify-content: space-between;
font-size: 15px;
background: #FCF9F9;
}
.widget_calendar table td{
padding: 5px;
}
.widget_calendar .wp-calendar-nav .wp-calendar-nav-prev{
text-align: left;
padding: 5px;
}
.widget_calendar .wp-calendar-nav .wp-calendar-nav-next{
text-align: right;
padding: 5px;
}
/*---------------------------------------------------------------
Responsive style
----------------------------------------------------------------*/
@media only screen and (max-width: 1199px) {
.container {
width: 100%;
}
#secondary .widget.widget_featured_image ul li {
margin-left: 3px;
}
}
@media only screen and (max-width: 1024px){
.site-header{
display: none;
}
.mobile-site-header{
display: block;
background: #fff;
padding: 20px 0;
}
.mobile-site-header .container:after{
display: none;
}
.mobile-site-header .container{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
.mobile-site-branding{
max-width: 85%;
flex-basis: 0;
flex-grow: 1;
}
.mobile-site-title{
font-size: 40px;
line-height: 1.300em;
margin: 0;
}
.mobile-site-description{
margin: 0;
}
#btn-mobile-opener{
width: 25px;
height: 18px;
cursor: pointer;
}
#btn-mobile-opener span{
display: block;
width: 100%;
height: 2px;
background: #000;
margin-bottom: 5px;
}
#btn-mobile-opener span:last-child{
margin-bottom: 0;
}
.mobile-menu{
position: fixed;
top: 0;
right: 0;
width: 320px;
background: #fff;
z-index: 10;
padding-top: 80px;
height: 100%;
overflow-y: auto;
-webkit-transform: translateX(420px);
-moz-transform: translateX(420px);
transform: translateX(420px);
-webkit-transition: ease 0.35s;
-moz-transition: ease 0.35s;
transition: ease 0.35s;
}
body.menu-open .mobile-menu{
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
transform: translateX(0);
}
.mobile-menu .search-form{
margin: 0 20px 50px;
border-radius: 5px;
border: 1px solid rgba(0, 0, 0, 0.2);
display: flex;
align-items: center;
justify-content: space-between;
background: #fff;
padding: 6px 10px;
}
.mobile-menu .search-form label{
flex-basis: 0;
flex-grow: 1;
padding-right: 15px;
}
.mobile-menu .search-form input[type="search"]{
background: none;
padding: 0;
margin: 0;
width: 100%;
}
.mobile-menu .search-form input[type="submit"]{
font-size: 0;
background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%238d8d8d' viewBox='0 0 512 512'%3E%3Cpath d='M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z'/%3E%3C/svg%3E") center center no-repeat;
padding: 0;
width: 20px;
height: 17px;
margin: 0;
padding: 0;
}
.mobile-main-navigation ul{
margin: 0;
padding: 0;
list-style: none;
}
.mobile-main-navigation ul li{
position: relative;
}
.mobile-main-navigation ul li .angle-down{
position: absolute;
top: 0;
right: 0;
width: 47px;
height: 47px;
background: transparent;
cursor: pointer;
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
}
.mobile-main-navigation ul li .angle-down:after{
position: absolute;
top: 50%;
left: 50%;
width: 18px;
height: 25px;
content: '';
background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%238d8d8d' viewBox='0 0 256 512'%3E%3Cpath d='M119.5 326.9L3.5 209.1c-4.7-4.7-4.7-12.3 0-17l7.1-7.1c4.7-4.7 12.3-4.7 17 0L128 287.3l100.4-102.2c4.7-4.7 12.3-4.7 17 0l7.1 7.1c4.7 4.7 4.7 12.3 0 17L136.5 327c-4.7 4.6-12.3 4.6-17-.1z'/%3E%3C/svg%3E") center center no-repeat;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.mobile-main-navigation ul li .angle-down.active{
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
transform: rotate(180deg);
}
.mobile-main-navigation ul li a{
display: block;
padding: 10px 20px;
color: #000;
border-top: 1px dashed rgba(0, 0, 0, 0.1);
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
}
.mobile-main-navigation ul li a:hover,
.mobile-main-navigation ul li a:focus,
.mobile-main-navigation ul li:hover > a,
.mobile-main-navigation ul li:focus > a,
.mobile-main-navigation ul .current-menu-item > a,
.mobile-main-navigation ul .current-menu-ancestor > a,
.mobile-main-navigation ul .current_page_item > a,
.mobile-main-navigation ul .current_page_ancestor > a{
text-decoration: none;
color: #fc7f8e;
}
.mobile-main-navigation ul ul{
display: none;
}
.mobile-menu .phone-holder,
.mobile-menu .email-holder,
.mobile-menu .social{
margin: 30px 20px 0;
}
.mobile-menu .phone-holder svg,
.mobile-menu .email-holder svg{
font-size: 15px;
margin-right: 10px;
}
.mobile-menu .phone-holder a,
.mobile-menu .email-holder a{
color: #000;
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
}
.mobile-menu .phone-holder a:hover,
.mobile-menu .email-holder a:hover,
.mobile-menu .phone-holder a:focus,
.mobile-menu .email-holder a:focus{
text-decoration: none;
color: #fc7f8e;
}
.mobile-menu .social-networks{
margin: 0;
padding: 0;
list-style: none;
font-size: 15px;
display: flex;
flex-wrap: wrap;
}
.mobile-menu .social-networks li{
margin: 0 5px 5px 0;
}
.mobile-menu .social-networks li a{
display: flex;
justify-content: center;
align-items: center;
border: 1px solid rgba(0, 0, 0, 0.2);
color: rgba(0, 0, 0, 0.2);
width: 40px;
height: 40px;
border-radius: 50%;
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
}
.mobile-menu .social-networks li a:hover,
.mobile-menu .social-networks li a:focus{
text-decoration: none;
color: #fc7f8e;
border-color: #fc7f8e;
}
.mobile-menu .social-networks li a svg{
font-size: 15px;
}
.mobile-menu .btn-close-menu{
cursor: pointer;
position: absolute;
top: 25px;
right: 20px;
width: 20px;
height: 25px;
background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%238d8d8d' viewBox='0 0 320 512'%3E%3Cpath d='M193.94 256L296.5 153.44l21.15-21.15c3.12-3.12 3.12-8.19 0-11.31l-22.63-22.63c-3.12-3.12-8.19-3.12-11.31 0L160 222.06 36.29 98.34c-3.12-3.12-8.19-3.12-11.31 0L2.34 120.97c-3.12 3.12-3.12 8.19 0 11.31L126.06 256 2.34 379.71c-3.12 3.12-3.12 8.19 0 11.31l22.63 22.63c3.12 3.12 8.19 3.12 11.31 0L160 289.94 262.56 392.5l21.15 21.15c3.12 3.12 8.19 3.12 11.31 0l22.63-22.63c3.12-3.12 3.12-8.19 0-11.31L193.94 256z'/%3E%3C/svg%3E") center center no-repeat;
}
.overlay{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.85);
z-index: 1;
opacity: 0;
visibility: hidden;
-webkit-transition: ease 0.35s;
-moz-transition: ease 0.35s;
transition: ease 0.35s;
}
body.menu-open .overlay{
visibility: visible;
opacity: 1;
}
}
@media only screen and (max-width: 991px) {
.banner-text .text h2 {
margin-bottom: 20px;
}
#primary {
width: 100%;
float: none;
}
#secondary {
width: 100%;
float: none;
}
#secondary .widget.widget_featured_image ul li {
float: none;
display: inline-block;
}
.navigation.pagination {
text-align: center;
}
#secondary .widget.widget_instagram ul li img {
width: 100%;
}
.home.three-col-full-width .site-content .site-main .post {
width: 50%;
}
}
@media only screen and (max-width: 767px) {
.flex-control-nav {
bottom: -14px;
}
.flex-control-paging li a {
height: 7px;
width: 7px;
}
.banner-text .text .read-more {
font-size: 9px;
line-height: 12px;
padding: 4px 28px 4px 4px;
}
.banner-text .text .read-more::after {
bottom: 17%;
}
.banner-text .text h2 {
font-size: 20px;
line-height: 24px;
margin-bottom: 5px;
}
.site-content {
padding-top: 20px;
}
.post .entry-content {
padding: 0 22px;
}
.navigation.pagination .page-numbers {
padding: 16px 20px;
}
.site-footer .column {
width: 100%;
float: none;
}
.search .search-section span {
display: block;
}
.search #primary .post .entry-title a {
font-size: 24px;
line-height: 27px;
}
.search .entry-content {
padding: 0;
}
.post .entry-content form .radio-section li {
float: none;
margin-left: 0;
}
.single-post #primary .post .bottom-content {
text-align: center;
}
.single-post #primary .post .tags {
float: none;
text-align: center;
width: 100%;
}
.single-post #primary .post .bottom-content .social-networks {
float: none;
padding: 0;
}
.single-post #primary .post .bottom-content .social-networks li {
float: none;
display: inline-block;
}
.comment-content {
margin-left: 0;
margin-top: 0;
}
.comments-area ol ol {
padding-left: 0;
}
.reply a {
margin-left: 0;
}
.comment-form .comment-form-author,
.comment-form .comment-form-email {
width: 100%;
}
.header-top {
padding-bottom: 20px;
}
.banner-text {
position: relative;
bottom: 0;
padding: 20px 0 30px;
background: rgba(0, 0, 0, 0.5);
}
.flexslider {
background: rgba(0, 0, 0, 0.5);
}
.flex-control-nav {
bottom: 0;
}
.site-footer .widget-area .column {
width: 100%;
}
#primary .widget.widget_kalon_pro_author_post .post,
#primary .widget.widget_kalon_pro_category_post .post,
#primary .widget.widget_kalon_pro_popular_post .post,
#primary .widget.widget_kalon_pro_recent_post .post {
width: 100%;
}
.rara-span1 {
width: 100%;
}
.rara-span2 {
width: 100%;
}
.rara-span3 {
width: 100%;
}
.rara-span4 {
width: 100%;
}
.rara-span5 {
width: 100%;
}
.home.two-col-leftsidebar .site-content .site-main .post,
.home.two-col-rightsidebar .site-content .site-main .post {
width: 100%;
}
.slider .owl-theme .owl-dots {
display: none;
}
.post .text-holder {
padding: 20px 0;
}
.page .entry-content {
padding: 0 20px;
}
.banner-text .text span {
margin-bottom: 12px;
}
.error404 .site-content .error-page {
padding: 20px 15px;
}
.search #primary .post,
.search #primary .page {
padding: 20px;
}
.author-section .text {
width: 100%;
}
.author-section .avatar.photo {
margin-bottom: 15px;
}
.author-section {
padding: 20px;
}
.post .entry-content blockquote,
.page .entry-content blockquote {
background-position: 23px 13px;
padding: 20px;
}
.post-section .widget ul li {
width: 100%;
margin-bottom: 30px;
}
.comments-area {
padding: 20px;
}
#comments>.comments-area {
padding: 0;
}
.page-header .page-title {
width: 100%;
font-size: 25px;
}
#crumbs {
width: 100%;
}
.category .site-content .category,
.archive .site-content .category {
margin-bottom: 20px;
}
.home.three-col-full-width .site-content .site-main .post {
width: 100%;
}
}
.post-edit-link {
display: inline-block;
margin-top: 15px;
}