/*!
Theme Name:         Yaatra Pro
Theme URI:          https://codevibrant.com/wpthemes/yaatra-pro/
Author:             CodeVibrant
Author URI:         https://codevibrant.com/
Description:        Yaatra Pro is a premium theme that is perfect for any kind of personal and professional blog. It offers clean and responsive designs. It can be customized effortlessly without any coding skills. Theme is SEO friendly, wooCommerce integrated, translation ready, GDPR compliant as well as Gutenberg compatible. It also features advanced typography, multiple color schemes, layouts, header sidebar including widgetized header and footer. Buy Yaatra Pro and enjoy ultimate satisfaction! Get dedicated support at https://codevibrant.com/support/ and check the demo at https://demo.codevibrant.com/yaatra-landing
Get dedicated support at https://codevibrant.com/support/ and check the demo at https://demo.codevibrant.com/yaatra-pro
Version:            1.2.0
Requires at least:  5.0
Tested up to:       6.6
Requires PHP:       7.2
License:            GNU General Public License v3 or later
License URI:        http://www.gnu.org/licenses/gpl-3.0.html
Text Domain:        yaatra-pro
Tags:               blog, portfolio, one-column, two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-logo, custom-menu, featured-image-header, threaded-comments, rtl-language-support, sticky-post, theme-options, translation-ready

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.

Yaatra Pro is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*//*--------------------------------------------------------------
Reset
--------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a,
abbr, acronym, address, big, cite, code, del, dfn, em, font,
ins, kbd, q, s, samp, small, strike, strong, sub, sup,
tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}html {
    font-size: 62.5%;
    /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
    overflow-y: scroll;
    /* Keeps page centered in all browsers regardless of content height */
    -webkit-text-size-adjust: 100%;
    /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
    -ms-text-size-adjust: 100%;
    /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}

*,
*:before,
*:after {
    /* apply a natural box layout model to all elements; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
    -webkit-box-sizing: border-box;
    /* Not needed for modern webkit but still used by Blackberry Browser 7.0; see http://caniuse.com/#search=box-sizing */
    -moz-box-sizing: border-box;
    /* Still needed for Firefox 28; see http://caniuse.com/#search=box-sizing */
    box-sizing: border-box;
}

body {
    background: #eee;
}
html, body{
    overflow-x: hidden;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
    display: block;
}

ol,
ul {
    list-style: none;
}

table {
    border-collapse: separate;
    border-spacing: 0;
}

caption,
th,
td {
    font-weight: normal;
    text-align: left;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
}

blockquote,
q {
    quotes: "" "";
}

a:focus {
    outline: thin dotted;
}

.page-content a,
.entry-content a,
.entry-summary a {
text-decoration: underline;
}

a:hover,
a:active {
    outline: 0;
}

a img {
    border: 0;
}

/*--------------------------------------------------------------
Typography
--------------------------------------------------------------*/

body,
button,
input,
select,
textarea {
    color: #838383;
    font-family: 'Overpass', sans-serif;
    font-size: 15px;
    line-height: 1.8;
    font-weight: 300;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
    font-weight: normal;
    font-family: 'Playfair Display', serif;
    line-height: 1.5;
    margin-bottom: 15px;
    color: #3d3d3d;
    font-weight: 400;
}

p {
    margin-bottom: 20px;
}

b,
strong {
    font-weight: bold;
}

dfn,
cite,
em,
i {
    font-style: italic;
}

blockquote {
    margin: 0 15px;
    font-size: 20px;
    font-style: italic;
    font-family: 'Overpass', sans-serif;
    font-weight: 300;
}

address {
    margin: 0 0 15px;
}

pre {
    background: #eee;
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
}

code,
kbd,
tt,
var {
    font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
    border-bottom: 1px dotted #777;
    cursor: help;
}

mark,
ins {
    background: #fff9c0;
    text-decoration: none;
}

sup,
sub {
    font-size: 75%;
    height: 0;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    bottom: 1ex;
}

sub {
    top: .5ex;
}

small {
    font-size: 75%;
}

big {
    font-size: 125%;
}

h1 {
    font-size: 36px;
}

h2 {
    font-size: 30px;
}

h3 {
    font-size: 26px;
}

h4 {
    font-size: 20px;
}

h5 {
    font-size: 18px;
}

h6 {
    font-size: 16px;
}



/*--------------------------------------------------------------
Elements
--------------------------------------------------------------*/

hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 15px;
}

ul,
ol {
    margin: 0 0 15px 20px;
}

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

li>ul,
li>ol {
    margin-bottom: 0;
    margin-left: 15px;
}

dt {
    font-weight: bold;
}

dd {
    margin: 0 15px 15px;
}

img {
    height: auto;
    /* Make sure images are scaled correctly. */
    max-width: 100%;
    /* Adhere to container width. */
    vertical-align: middle;
}

figure {
    margin: 0;
}

table {
    margin: 0 0 15px;
    width: 100%;
    border-collapse: collapse;
}

th {
    font-weight: bold;
    border: 1px solid #CCC;
    padding: 5px 10px;
}

td {
    border: 1px solid #CCC;
    padding: 5px 10px;
}



/*--------------------------------------------------------------
Forms
--------------------------------------------------------------*/

button,
input,
select,
textarea {
    font-size: 100%;
    /* Corrects font size not being inherited in all browsers */
    margin: 0;
    /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
    vertical-align: middle;
}

.navigation .nav-links a,
.bttn,
button,
input[type="button"],
input[type="reset"],
input[type="submit"]{
    color: #a1a1a1;
    cursor: pointer;
    font-size: 14px;
    line-height: 13px;
    border: none;
    padding: 14px 25px;
    font-weight: 400;
    display: inline-block;
    position: relative;
    text-shadow: none;
    border: 1px solid #e1e1e1;
    background: none;
}

.navigation .nav-links a:hover,
.bttn:hover,
button,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    color: #777;
    border-color:#777;
}

input[type="checkbox"],
input[type="radio"] {
    padding: 0;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
    border: 0;
    padding: 0;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
    color: #777;
    border: 1px solid #ccc;
    height: 36px;
    width: 100%;
    -webkit-appearance: none;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
    border: 1px solid #AAA;
}

.searchform input[type="text"]:focus {
    border: none;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
    padding: 3px 6px;
}

textarea {
    overflow: auto;
    /* Removes default vertical scrollbar in IE6/7/8/9 */
    padding-left: 3px;
    vertical-align: top;
    /* Improves readability and alignment in all browsers */
    color: #777;
    border: 1px solid #ccc;
    height: 160px;
    max-width: 100%;
    width: 100%;
}



/*--------------------------------------------------------------
Links
--------------------------------------------------------------*/

a {
    color: #27B6D4;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
}

a:visited {}

a:hover,
a:focus,
a:active {
    color: #27B6D4;
}

a:focus {
    outline: thin dotted;
}

.reply {
    text-align: right;
}



/*--------------------------------------------------------------
Accessibility
--------------------------------------------------------------*/


/* Text meant only for screen readers */

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.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-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 */
}



/*--------------------------------------------------------------
Alignments
--------------------------------------------------------------*/

.alignleft {
    display: inline;
    float: left;
    margin-right: 15px;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 15px;
}

.aligncenter {
    clear: both;
    display: block;
    margin: 0 auto;
}



/*--------------------------------------------------------------
Clearings
--------------------------------------------------------------*/

.clearfix:before,
.clearfix:after,
.row:before,
.row: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,
.cv-container:after,
.cv-container:before {
    content: '';
    display: table;
}

.clearfix:after,
.row:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after,
.cv-container:after {
    clear: both;
}

.clear {
    clear: both;
}

/*--------------------------------------------------------------
9.0 Widgets
--------------------------------------------------------------*/

/* Make sure select elements fit in widgets */

.widget-area .widget select {
    max-width: 100%;
}

/*--------------------------------------------------------------
Posts and pages
--------------------------------------------------------------*/

.sticky {
    display: block;
}

h1.entry-title {
    color: #353535;
    font-weight: 700;
    margin-bottom: 0;
    padding-bottom: 0;
    text-transform: capitalize;
}

h1.entry-title a {
    color: #3d3d3d;
}

.hentry {
    margin: 0 0 15px;
}

.single .byline,
.group-blog .byline,
.posted-on,
.blog-author,
.blog-cat {
    display: inline;
    font-family: 'Overpass', sans-serif;
    font-size: 14px;
    font-weight: 300;
}

.cat-links {
    margin-right: 10px;
}

.page-content,
.entry-content,
.entry-summary {
    margin: 15px 0 0;
}

.page-links {
    clear: both;
    margin: 0 0 15px;
}

.edit-link .post-edit-link {
    line-height: 1;
    border-radius: 3px;
    font-size: 13px;
}

#blog-post article.product,
.search article.product,
.archive article.product,
.tag article.product,
.category article.product,
.blog article.product,
#blog-post article.hentry,
.search article.hentry,
.archive article.hentry,
.tag article.hentry,
.category article.hentry,
.blog article.hentry {
    margin-bottom: 40px;
    padding-bottom: 10px;
}

article.hentry h1.entry-title {
    margin-bottom: 5px;
    line-height: 1.2;
}

article.hentry .entry-footer>span {
    color: #999;
    font-size: 13px;
    margin-right: 15px;
}

.page-header .page-title {
    color: #333333;
    padding-bottom: 10px;
    /* margin-top: 10px; */
    /* margin-left: 3%; */
}

.updated{
    display: none;
}

.published.updated{
    display: inline;
}

.entry-footer a {
    color: #999;
}

.entry-footer a:hover {
    color: #27B6D4
}

.nav-links .meta-nav {
    display: none;
}

.nav-links::after {
    content: "";
    display: block;
    clear: both;
}

.nav-links .nav-previous,
.nav-links .nav-next {
    width: 50%;
    float: left;
}

.nav-links .nav-next {
    text-align: right;
}

.nav-links .nav-previous a:before {
    content: "\f0d9";
    font-family: FontAwesome;
    font-style: normal;
    margin-right: 5px;
}

.nav-links .nav-next a:after {
    content: "\f0da";
    font-family: FontAwesome;
    font-style: normal;
    margin-left: 5px;
}

.entry-thumbnail {
    width: 38%;
    float: left;
}

.entry-exrecpt {
    width: 60%;
    float: right;
}

.short-content {
    margin-bottom: 10px;
}

.short-content.bttn {
    float: right;
}

.entry-footer {
    margin-top: 10px;
    text-align: right;
    margin-right: 20px;
}

.full-width {
    float: none;
    width: 100%;
}


/*--------------------------------------------------------------
Galleries
--------------------------------------------------------------*/

.gallery {
    margin-bottom: 1.5em;
    margin-left: -2%;
}

.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
    margin-bottom: 3%;
    margin-left: 2%;
}

.site-main .gallery a img {
    max-width: none;
    width: 100%;
}

.gallery-columns-2 .gallery-item {
    max-width: 47%;
}

.gallery-columns-3 .gallery-item {
    max-width: 31.33%;
}

.gallery-columns-4 .gallery-item {
    max-width: 23%;
}

.gallery-columns-5 .gallery-item {
    max-width: 18%;
}

.gallery-columns-6 .gallery-item {
    max-width: 14.66%;
}

.gallery-columns-7 .gallery-item {
    max-width: 12.28%;
}

.gallery-columns-8 .gallery-item {
    max-width: 10.5%;
}

.gallery-columns-9 .gallery-item {
    max-width: 9.11%;
}

.gallery-caption {
    display: block;
}

/*--------------------------------------------------------------
Comments
--------------------------------------------------------------*/

#comments {
    margin-top: 30px;
}

.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}

#comments h2.comments-title {
    color: #333;
    display: inline-block;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    margin: 15px 0;
    padding: 8px 15px;
}

#comments h3 {
    margin: 0 0 10px;
    color: #141414;
    font-weight: 600;
    display: inline-block;
    line-height: 22px;
    font-size: 18px;
}

#commentform label {
    display: inline-block;
}

textarea#comment {
    width: 100%;
    height: 150px;
}

.comment-form-cookies-consent label {
    margin-left: 14px;
}

/*Comment Lists*/

.comments-area ol {
    margin: 0;
    padding: 0;
    list-style: none;
}

.comments-area ol.children {
    margin: 0 0 0 15px;
}

.comment-list .comment-body {
    padding: 20px;
    margin-bottom: 20px;
    background: none;
    border-bottom: 1px solid #e1e1e1;
    text-align: left;
}

.comment-author img {
    vertical-align: text-top;
    margin-right: 15px;
    border: 1px solid #e1e1e1;
    padding: 3px;
}

.comment-author {
    float: none;
}

.comment-metadata {
    font-size: 12px;
    margin-top: -12px;
    padding-left: 50px;
}

.comment-content {
    margin-top: 10px;
    padding-left: 50px;
}

.comment-author .fn {
    font-style: normal;
    font-size: 16px;
    text-transform: capitalize;
    font-weight: bold;
}

.comment-author .fn .url {
    color: #333;
    padding: 0;
    font-size: 16px;
}

.comment-author .fn .url:hover {
    color: #27B6D4;
}

.comment-author .says {
    display: none;
}

.commentmetadata {
    float: right;
    font-weight: normal;
    font-size: 12px;
    font-style: italic;
    font-weight: 300;
}

.comment-metadata a {
    color: #969696;
}

.commentmetadata .comment-edit-link {
    color: #27B6D4;
}

.commentmetadata+.clear {
    margin-bottom: 20px;
}

.reply .comment-reply-link {
    background: none repeat scroll 0 0 #27B6D4;
    color: #FFFFFF;
    font-size: 12px;
    line-height: 20px;
    padding: 2px 10px;
    display: inline-block;
}

#respond {
    padding: 20px;
    margin: 20px 0 0;
    color: #838383;
    text-align: center;
}

#commentform {
    text-align: left;
}

#commentform .form-submit {
    margin-bottom: 0;
}

#cancel-comment-reply-link {
    font-style: italic;
    color: #27B6D4;
}

#cancel-comment-reply-link:before {
    font-family: FontAwesome;
    content: "\f057";
    margin: 0 5px 0 20px;
    font-style: normal;
    color: #27B6D4;
}

.logged-in-as a {
    color: #27B6D4;
}


/*--------------------------------------------------------------
Infinite scroll
--------------------------------------------------------------*/


/* Globally hidden elements when Infinite Scroll is supported and in use. */

.infinite-scroll .paging-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;
}

#infinite-footer {
    display: none;
}


/*--------------------------------------------------------------
Media
--------------------------------------------------------------*/

.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

.wp-caption {
    border: 1px solid #ccc;
    margin-bottom: 15px;
    max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin: 1.2% auto 0;
    max-width: 98%;
}

.wp-caption-text {
    text-align: center;
}

.wp-caption .wp-caption-text {
    margin: 10px 0;
}

.site-main .gallery {
    margin-bottom: 1.5em;
}

.gallery-caption {}

.site-main .gallery a img {
    border: none;
    height: auto;
    max-width: 90%;
}

.site-main .gallery dd,
.site-main .gallery figcaption {
    margin: 0;
}

.site-main .gallery-columns-4 .gallery-item {}

.site-main .gallery-columns-4 .gallery-item img {}



/* Make sure embeds and iframes fit their containers */

embed,
iframe,
object {
    max-width: 100%;
}


/*--------------------------------------------------------------
Grid CSS
--------------------------------------------------------------*/

.cv-column-wrapper {
    margin-left: -3%;
    margin-bottom: -3%;
}

.cv-column-1 {
    display: inline-block;
    margin-right: -4px;
    vertical-align: top;
    width: 97%;
    margin-left: 3%;
    margin-bottom: 3%;
}

.cv-column-2 {
    display: inline-block;
    margin-right: -4px;
    vertical-align: top;
    width: 47%;
    margin-left: 3%;
    margin-bottom: 3%;
}

.cv-column-3 {
    display: inline-block;
    margin-right: -4px;
    vertical-align: top;
    width: 30.33%;
    margin-left: 3%;
    margin-bottom: 3%;
}

.cv-column-4 {
    display: inline-block;
    margin-right: -4px;
    vertical-align: top;
    width: 22%;
    margin-left: 3%;
    margin-bottom: 3%;
}

.cv-column-5 {
    display: inline-block;
    margin-right: -4px;
    vertical-align: top;
    width: 17%;
    margin-left: 3%;
    margin-bottom: 3%;
}

/*--------------------------------------------------------------
Default widget css
--------------------------------------------------------------*/

.widget_archive ul,
.widget_categories ul,
.widget_recent_entries ul,
.widget_meta ul,
.widget_recent_comments ul,
.widget_rss ul,
.widget_pages ul,
.widget_nav_menu ul,
.wp-block-categories-list,
.wp-block-archives,
.wp-block-latest-posts,
.wp-block-latest-comments,
ul.social-icons-wrapper {
    list-style: outside none none;
    margin: 0;
}

.widget_recent_comments li,
.widget_meta li,
.widget_recent_comments li,
.widget_pages > ul > li,
.widget_archive li,
.widget_categories > ul > li,
.widget_recent_entries ul li {
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    line-height: 45px;
    border-color: #a1a1a1;
}

.widget_archive li:last-child,
.widget_categories li:last-child,
.widget_recent_entries li:last-child,
.widget_meta li:last-child,
.widget_recent_comments li:last-child,
.widget_rss li:last-child,
.widget_pages li:last-child,
.widget_nav_menu li:last-child {
    border: none;
}

.widget_archive a,
.widget_categories a,
.widget_recent_entries a,
.widget_meta a,
.widget_recent_comments li,
.widget_rss li,
.widget_pages li a,
.widget_nav_menu li a,
.wp-block-categories a ,
.wp-block-latest-posts a,
.wp-block-archives a,
.wp-block-latest-comments{
    color: #333333;
    font-size: 14px;
    line-height: 32px;
    padding-left: 22px;
    position: relative;
    -webkit-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    -ms-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    transition: color 0.3s ease;
    display: inline-block;
}

.widget a:hover,
.widget a:hover::before,
.widget li:hover::before {
    color: #27B6D4;
}

.widget_archive a::before,
.widget_categories a::before,
.widget_recent_entries a::before,
.widget_meta a::before,
.widget_recent_comments li::before,
.widget_rss li:before,
.widget_pages li a:before,
.widget_nav_menu li a:before,
.wp-block-categories a:before,
.wp-block-archives a:before,
.wp-block-latest-posts a:before,
.wp-block-latest-comments:before {
    color: #afb4bd;
    content: "\f187";
    font-family: "FontAwesome";
    font-size: 14px;
    left: 0;
    position: absolute;
    top: 0px;
    -webkit-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    -ms-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    transition: color 0.3s ease;
}

.widget_categories a::before, .wp-block-categories a:before {
    content: "\f07b";
}

.widget_recent_entries a::before, .wp-block-latest-posts a::before {
    content: "\f101";
}

.widget_meta a::before,
.widget_nav_menu li a:before {
    content: "\f105";
}

.widget_recent_comments li::before, .wp-block-latest-comments::before {
    content: "\f086";
    top: 0;
}

.widget_rss li::before {
    content: "\f09e";
    top: 0;
}

.widget_pages li a:before {
    content: "\f1ea";
    top: 0;
}

.widget_search .search-field {
    width: 75%;
    float: left;
}

.widget_search .search-submit {
    height: 36px;
    width: 25%;
    background: #27B6D4;
    border-color: #27B6D4;
    color: #ffffff;
}

.widget_recent_entries .post-date {
    color: #8f8f8f;
    display: block;
    font-size: 11px;
    margin-top: -5px;
    padding-left: 24px;
}

.widget_nav_menu .sub-menu {
    margin: 10px 0 0 10px;
}

.widget_nav_menu li::before {
    top: 0;
}

.widget_search::after {
    clear: both;
    content: "";
    display: table;
}

.widget_search .search-field {
    width: 75%;
    float: left;
}

.widget_search .search-submit,
.widget_search .search-submit:hover {
    height: 36px;
    width: 25%;
    background: #27B6D4;
    border:0px;
    color: #ffffff;
    padding: 0;
}

.wp-block-search__button{
    margin:0;
    height: 36px;
    width: 25%;
    background: #27B6D4;
    border:0px;
    color: #ffffff;
    padding: 0;
}

#colophon .widget_media_image img{
 border-radius: 0;
}

/*--------------------------------------------------------------
Sidebar layout css
--------------------------------------------------------------*/


.both-sidebar #left-secondary,
.home.blog.both-sidebar #left-secondary {
  float: left;
  width: 23%;
}

.both-sidebar #primary,
.home.blog.both-sidebar #primary {
  float: left;
  width: 50%;
  margin-left: 2% !important;
}

.both-sidebar #secondary,
.home.blog.both-sidebar #secondary {
  float: right;
  width: 23%;
}

#primary,
.home.blog #primary {
    float: left;
    width: 72%;
}

.home.blog #primary{
    background: none;
}

#secondary,
.home.blog #secondary {
    float: right;
    width: 25%;
    background: #fbfbfb;
}

#left-secondary,.home.blog #left-secondary{
    float: left;
    width: 25%;
    background: #fbfbfb;
}

.left-sidebar #primary, .left-sidebar.home.blog #primary {
    float: right;
}

.left-sidebar #secondary, .left-sidebar.home.blog #secondary{
    float: left;
}

.home.page-template-template-home #primary,
.home.page-template-template-home #secondary,
.error404 #primary {
    float: none;
    width: 97%;
}

.left-sidebar #primary,
.left-sidebar .home.blog #primary{
    float: right;
}

.left-sidebar #secondary,
.left-sidebar .home.blog #secondary {
    float: left;
}

.no-sidebar #primary,
.home.blog.no-sidebar #primary {
    float: none;
    margin: 0 auto;
    width: 100%;
}

.no-sidebar #secondary,.no-sidebar #left-secondary,  .left-sidebar #secondary, .right-sidebar #left-secondary{
    display: none;
}

/*--------------------------------------------------------------
COMMON CSS
--------------------------------------------------------------*/

body {
    font-weight: 300;
    overflow: hidden;
    position: relative;
    font-family: 'Overpass', sans-serif;
    line-height: 1.8;
}

.single #main {
    background: #fbfbfb;
    padding: 0 20px;
}

.cv-container {
    max-width: 100%;
}

.cv-hide {
    display: none;
}

body.custom-background {
    background-attachment: fixed !important
}

.home.page .entry-header {
    text-align: center;
    margin-bottom: 40px;
}

input.search-submit:hover,
input.search-submit{
    color: #fff;
}

.no-results.not-found {
    background: #fbfbfb;
    padding: 20px 40px;
}
/**********************************************************
breadcrumps
*************************************************/
.cv-breadcrumb-wrapper {
    width: 92%;
    margin:0 auto;
}
.breadcrumb-trail.breadcrumbs ul{
    margin: 0;
    list-style: none;
}

.breadcrumb-trail.breadcrumbs {
    width: 97%;
    margin: 30px 0px;
    float: right;
    padding: 15px;
    background-color: #e1e1e1;
}

.breadcrumb-trail.breadcrumbs ul li {
    display: inline-block;
    margin-right: 5px;
    text-transform: capitalize;
}

.breadcrumb-trail.breadcrumbs ul li a, .breadcrumb-trail.breadcrumbs ul li >span,
.breadcrumb-trail.breadcrumbs ul li::after {
    color: #000;
}

.breadcrumb-trail.breadcrumbs ul li::after {
    content: "/";
    padding: 0 5px 0 10px;
    font-size: 15px;
}

.breadcrumb-trail.breadcrumbs ul li:last-child::after{
    display: none;
}


/**********************************************************
header layout default on breadcrumps
*************************************************/

.header-layout3 .cv-breadcrumb-wrapper, .header-default-layout .cv-breadcrumb-wrapper{
    width: 77%;
    margin:0 auto;
    float: right;
}

.header-layout3 .breadcrumb-trail.breadcrumbs,.header-default-layout .breadcrumb-trail.breadcrumbs{
    width: 96%;
    float:none;
}


/**********************************************************
top header
*************************************************/
.masthead-toggle i,
#site-top-header .cv-social-wrapper i,
#site-top-header .cv-search-icon i,
#site-top-header .social-link a,
#site-top-header .cart-contents{
    color: #333;
    font-size: 20px;
    cursor: pointer;
}

#site-top-header .cv-social-wrapper i{
    margin: 8px 0px;
}

#site-top-header i{
    text-shadow: 0px 3px 3px rgba(0,0,0,0.4);
}

#site-top-header .social-link i {
    margin: 8px 0;
}

#site-top-header .cv-social-icons-wrapper a {
    display:block;
    margin-right: 0px;
    font-size: 14px;
}

#site-top-header .cv-social-icons-wrapper {
    position: absolute;
    -webkit-transition: ease-in-out 0.5s;
    -o-transition: ease-in-out 0.5s;
    transition: ease-in-out 0.5s;
    bottom: -40px;
    overflow: hidden;
    opacity: 0;
}

#site-top-header .cv-social-wrapper.activate .cv-social-icons-wrapper{
    bottom: 40px;
    opacity: 1;
}

#site-top-header .social-icon-toggle{
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

#site-top-header .cv-social-wrapper.activate .social-icon-toggle{
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

#site-top-header .cv-social-wrapper {
    float: none;
    position: absolute;
    bottom: 30px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.cv-menu-search {
    margin: 20px auto;
}

.cv-form-wrap {
    position: fixed;
    top:0;
    height: 100%;
    width: 100%;
    background:rgba(0,0,0,0.5);
    z-index: 999;
    visibility: hidden;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    opacity: 0;
}

.cv-form-wrap.search-activate{
   visibility: visible;
   opacity: 1;
}

.search-form-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    border:2px solid #fff;
}

.search-form-wrapper .search-form{
    padding: 50px;
    background: #fbfbfb;
    width: 750px;
    text-align: center;
    margin: 10px;
    padding-top: 80px;
}

#site-main-content .search-form-wrapper .search-field {
    border: none;
    border-bottom: 3px dotted #ddd;
    font-size: 24px;
    background: none;
}

#site-main-content .search-form-wrapper .search-submit {
    margin-top: 30px;
    font-size: 22px;
    padding: 0px 30px;
    height: 45px;
    background: pink;
    color: #fff;
    border-color: pink;
}

#site-main-content .search-form-wrapper .search-submit:hover {
    box-shadow: 0px 2px 12px rgba(0,0,0,0.1);
}
.search-form-wrapper .cv-search-icon-close{
    position:absolute;
    top:15px;
    right:30px;
    font-size:30px;
}
#site-top-header .cart-contents i{
    margin-top: 30px
}

#site-top-header .cart-contents .amount{
    position: relative;
    margin-top: 10px;
}

#site-top-header .cart-contents .count {
    position: absolute;
    right: -8px;
    top: -11px;
    font-size: 16px;
}

.masthead-toggle{
    display: none;
    cursor: pointer;
}

.header-sidebar-toggle {
    display: none;
}

.header-default-layout .menu-toggle{
    display: none;
}

.header-default-layout #site-navigation{
    display: block;
}

/*--------------------------------------------------------------
Header CSS
--------------------------------------------------------------*/
/* #site-main-content {
    overflow: auto;
} */

#site-top-header {
    width: 3%;
    float: left;
    position: fixed;
    height: 100%;
    text-align: center;
    background: #eee;
    z-index: 99;
    box-shadow: 4px 0 12px rgba(2,2,2,0.05);
}

#masthead {
    background: #fbfbfb;
    height: 100%;
    position: fixed;
    width: 17%;
    float: left;
    box-shadow: 4px 0 12px rgba(2,2,2,0.05);
    overflow-y: scroll;
    scrollbar-width: none; /*Firefox */
    -ms-overflow-style: none;  /* IE 10+ */
    left: 3%;
}

#masthead::-webkit-scrollbar { /* WebKit */
    width: 0;
    height: 0;
}

.menu-toggle {
    display: none;
    font-size: 18px;
    margin-bottom: 1px;
    color: #fff;
    cursor: pointer;
    background: #212121;
}

.main-content-wrapper,
.no-sidebar .main-content-wrapper{
    width: 80%;
    float: right;
}

.site-title a,
.site-title a:hover {
    font-size: 52px;
    color: #212121;
    font-family:'Playfair Display', serif;
    font-weight: 400;
}

.site-title {
    margin-bottom: 10px;
    line-height: 1.3;
}

.site-branding {
    text-align: center;
    padding: 10px;
}

.custom-logo {
    margin-bottom: 20px;
}

.cv-menu-wrapper {
    display: block;
    text-align: center;
    border-top: 1px solid #e1e1e1;
}

#site-navigation ul {
    list-style: none;
    margin: 0;
}

#site-navigation ul li{
    display:block;
    position: relative;
}

#site-navigation ul li > a:hover{
   color:#fff;
   background: #26bcd3;
}
/* #site-navigation ul li .sub-toggle a:hover{
    background:none;
} */

#site-navigation ul li.current_page_item > a:hover{
   color:#fff;
}

#site-navigation ul li > a {
    line-height: 1.5;
    font-size: 15px;
    color: #333;
    padding: 10px;
    display: block;
}

#site-navigation ul li.current-menu-item>a,
#site-navigation ul li.current_page_ancestor>a,
#site-navigation ul li.current_page_item>a {
    color: #777;
}


/*****************************************
sub-menu design
******************************************/
#site-navigation ul.sub-menu li,
#site-navigation ul.children li {
    float: none;
    display: block;
    border-bottom: 1px solid #e1e1e1;
    text-align: left;
}

#site-navigation ul.sub-menu li:last-child,
#site-navigation ul.children li:last-child {
    border: none;
}

#site-navigation ul.sub-menu ul,
#site-navigation ul.children ul {
    right: -100%;
    left: auto;
    top: -20%;
}

#site-navigation ul.sub-menu li:hover>ul,
#site-navigation ul.children li:hover>ul {
    top: 0;
}

#site-navigation ul ul li.menu-item-has-children {
    margin-right: 0;
}

#site-navigation li.menu-item-has-children > a::after,
#site-navigation li.page_item_has_children > a::after {
    content: "\f107";
    font-family: FontAwesome;
    position: absolute;
    right: 0;
    top: 0;
}

#site-navigation .sub-menu li.menu-item-has-children > a::after,
#site-navigation .children li.page_item_has_children > a::after {
    right: 15px;
    top: 0;
}

#site-navigation ul.sub-menu li.menu-item-has-children>a:after,
#site-navigation ul.children li.page_item_has_children>a:after {
    content: "\f105";
}

#site-navigation ul#primary-menu > li.menu-item-has-children > a,
#site-navigation #primary-menu ul > li.page_item_has_children > a {
    padding-right: 15px;
}

#site-navigation ul.sub-menu,
#site-navigation ul.children {
    position: static;
    min-width: 100%;
    opacity: 1;
    top: 0;
    left: 0;
    visibility: visible;
    display: none;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    box-shadow: none;
    transform: scaley(1);
    -webkit-transform: scaley(1);
    -ms-transform: scaley(1);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    background: #f3f2f2cc;
}

#site-navigation ul li:hover>ul.sub-menu,
#site-navigation ul li:hover>ul.children{
    opacity: 1;
    -transform: scaley(1);
    -webkit-transform: scaley(1);
    -ms-transform: scaley(1);
}

#site-navigation ul > li:hover > .sub-menu,
#site-navigation ul > li:hover > .children {
    top: 0;
}

.sub-toggle {
    color: #333;
    cursor: pointer;
    display: block;
    height: 24px;
    line-height: 25px;
    position: absolute;
    right: 15px;
    text-align: center;
    top: 0;
    width: 24px;
}
.sub-toggle a{
    color:#333;
}
.header-default-layout .sub-toggle,
.header-layout1 .sub-toggle{
    top:10px;
}
#site-navigation li.current-menu-item > .sub-toggle i {
    color: #d40234;
}

#site-navigation li.menu-item-has-children > a::after,
#site-navigation li.page_item_has_children > a::after{
    display: none;
}

#site-navigation ul.sub-menu li, #site-navigation ul.children li {
    text-align: center;
}

/********************************************************************/

.site-header .widget_categories li{
    display: inline-block;
    border:none;
}

.site-header .widget_categories li a:before{
    display: none;
}

.site-header .widget_categories li a {
    border: 1px solid #e1e1e1;
    padding: 0px 8px;
    margin: 0 6px 6px 0;
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
    border-radius: 0 6px;
}

.site-header.widget_categories li a:hover{
    background: #26bcd3;
    color: #fff;
}

.header-right-sidebar-toggle{
    display: none;
}

/*******************************************************
header layout 1
****************************************************/

.header-layout1 .masthead-toggle {
    margin-top: 30px;
    display: block;
}

.header-layout1 #masthead {
    visibility: hidden;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    opacity: 0;
}

.header-layout1 #masthead.toggle-activate{
    visibility: visible;
    opacity: 1;
}

.header-layout1 .main-content-wrapper,
.header-layout1.no-sidebar .main-content-wrapper {
    width: 97%;
    -webkit-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
    overflow:hidden;
}

.header-layout1 .main-content-wrapper.toggle-activate,
.header-layout1.no-sidebar .main-content-wrapper.toggle-activate {
    width: 80%;
}

/*******************************************************
header layout 2
/******************************************************/
.header-layout2 #masthead {
    width: 100%;
    position: static;
    margin-top: 26px;
}

.header-layout2 #site-top-header {
    position: fixed;
    height: auto;
    width: 100%;
}

.header-layout2 #site-top-header .cv-social-wrapper {
    position: inherit;
    left: 50%;
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
}

.header-layout2 .main-content-wrapper,
.header-layout2.no-sidebar .main-content-wrapper {
    width: 100%;
    float: right;
}

.header-layout2 #site-top-header .cv-social-wrapper,
.header-layout2 .cart-contents,
.header-layout2 .cv-menu-extra-wrap{
    display: inline-block;
    margin:0 10px;
}

.header-layout2 #site-top-header .cv-social-icons-wrapper a {
    display: inline-block;
    margin-right: 20px;
}

.header-layout2 .social-icon-toggle {
    display: none;
}

.header-layout2 #site-top-header .cv-social-icons-wrapper {
    position:inherit;
    -webkit-transition: ease-in-out 0.5s;
    -o-transition: ease-in-out 0.5s;
    transition: ease-in-out 0.5s;
    bottom: 0px;
    overflow: visible;
    opacity: 1;
    height: auto;
}

.header-layout2 #site-top-header .cart-contents .amount,
.header-layout2 #site-top-header .cart-contents i {
     margin-top: 0px;
}

.header-layout2 .cv-menu-search {
    margin: 0px auto;
}

.header-layout2 .cv-menu-wrapper,
.header-layout2 #site-navigation ul li,
.header-layout2 .site-branding {
    display: inline-block;
}

.header-layout2 .header-right-side-menu-wrapper {
    float: right;
}

.header-layout2 #site-top-header .cv-social-wrapper{
    float: left;
}

.header-layout2 .left-top-menu{
    float: right;
}

.header-layout2 .cv-menu-wrapper {
    border-top: 0px;
    line-height: 8;
}

.header-layout2 .sub-toggle {
    right: 0px;
    top: 20px;
}

.header-layout2 .sub-menu .sub-toggle {
    right: 0px;
    top: 10px;
}

.header-layout2 .cv-content-wrapper,
.header-layout2 #content,
.header-layout2 .l2-container{
    width: 1300px;
    margin:0 auto;
}

.home.header-layout2 #content{
    width: 100%;
    margin:0 auto 40px;
}

.header-layout2 .site-branding {
    padding: 0 10px;
}

.header-layout2 .site-description {
    margin-bottom: 10px;
    color: #333;
}

.header-layout2 #site-top-header {
    background: #212121;
}

.header-layout2 .masthead-toggle i,
.header-layout2 #site-top-header .cv-social-wrapper i,
.header-layout2 #site-top-header .cv-search-icon i,
.header-layout2 #site-top-header .social-link a,
.header-layout2 #site-top-header .cart-contents {
    color: #fdfdfd;
    font-size: 16px
}

.home.header-layout2 #masthead{
    background: #fdfdfd;
}

.header-layout2 #masthead {
    background: none;
}

.header-layout2 #breadcrumb {
    padding: 30px;
    background: #fdfdfd;
}

.header-layout2 .header-sidebar-toggle {
    margin-left: 20px;
    color: #333;
    font-size: 16px;
    display: inline-block;
    cursor: pointer;
}

.header-layout2 .header-sidebar-wrap {
    position: fixed;
    z-index: 999;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.1);
    left: 100%;
    top: 0;
    opacity: 0;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.header-layout2 .header-sidebar-wrapper {
    z-index: 999;
    background: #fdfdfd;
    box-shadow: 4px 2px 12px rgba(0,0,0,0.1);
    right: -30%;
    width: 350px;
    overflow-y: scroll;
    scrollbar-width: none; /*Firefox */
    -ms-overflow-style: none;  /* IE 10+ */
    top: 0;
    height: 100%;
    overflow-x: visible;
    position: absolute;
    right: 0;
    top: 0;
}

.header-layout2 .header-sidebar-wrap.toggle-activate{
    opacity: 1;
    left: 0;
}

.header-layout2 .header-sidebar-wrapper::-webkit-scrollbar { /* WebKit */
    width: 0;
    height: 0;
}

.header-layout2 #site-navigation ul li a:hover::after,
.header-layout2 #site-navigation ul li a:hover{
    background: none;
    color: pink;
 }

.header-layout2 #site-navigation ul.sub-menu,
.header-layout2 #site-navigation ul.children {
  position: absolute;
  top: 100%;
  left: 0;
  width: 250px;
  background: #FFF;
  opacity: 0;
  transform: scale(0);
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transition: all .3s ease;
  -moz-transition: all .3s ease;
  -webkit-transition: all .3s ease;
  z-index: 9999;
  line-height: 2.5;
}

.header-layout2 #site-navigation ul li:hover>ul.sub-menu,
.header-layout2 #site-navigation ul li:hover>ul.children{
  opacity: 1;
  -transform: scale(1);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  display: block;
}

.header-layout2 #site-navigation ul li.focus>ul.sub-menu,
.header-layout2 #site-navigation ul li.focus>ul.children {
  opacity: 1;
  -transform: scale(1);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  display: block;
}

.header-layout2 #site-navigation ul.sub-menu li,
.header-layout2 #site-navigation ul.children li {
   float: none;
   display: block;
}

.header-layout2 #site-navigation ul.sub-menu li a,
.header-layout2 #site-navigation ul.children li a {
    display: block;
    border: 1px solid #e1e1e1;
    text-align: left;
    padding: 10px 20px;
}

.header-layout2 #site-navigation ul.sub-menu ul,
.header-layout2 #site-navigation ul.children ul {
   right: 0;
   left: auto;
   top: 0%;
}

.header-layout2 #site-navigation ul.sub-menu li:hover > ul,
.header-layout2 #site-navigation ul.children li:hover > ul{
  top: 100%;
  left: 50%;
}

.header-layout2 #masthead #primary-menu li.menu-item-has-children,
.header-layout2 #masthead #primary-menu li.page_item_has_children {
  margin-right: 0;
}

.header-layout2 #site-navigation ul#primary-menu>li.menu-item-has-children>a,
.header-layout2 #site-navigation #primary-menu ul>li.page_item_has_children>a {
   padding-right: 35px;
}

.header-layout2 #site-navigation ul > li:hover > .sub-menu,
.header-layout2 #site-navigation ul > li:hover > .children {
    top: 100%;
}

.header-layout2 #masthead{
    overflow-y: visible;
}

.header-layout2 #site-navigation ul li > a {
    padding: 20px;
}
/*--------------------------------------------------------------
Banner CSS
--------------------------------------------------------------*/

.header-layout3 #site-navigation ul li > a{
    text-align:left;
    padding: 10px 20px;
    border: 1px solid transparent;

}

.header-layout3 #site-navigation ul li a:hover{
    color: #fff;
    border-color:#fff;
    background-color: transparent;
}

.header-layout3 .sub-toggle{
    top:10px;
}

.header-layout3 .site-header .widget_categories li{
    display: block;
    border-bottom:1px dotted #fff;
}

.header-layout3 .site-header .widget_categories li a{
    border: none;
    font-size: 16px;
    font-weight: 600;
    padding: 0px 22px;
}

.header-layout3 .site-header .widget a{
    font-size: 16px;
}

.header-layout3 .widget-title::after, .header-layout3 .widget-title::before{
content: none;
}

.header-layout3 .widget .widget-title, .header-layout3 .widget .widget-title-wrap {
    text-align: left;
}

.header-layout3 .cv-featured-items-wrapper{
    width: 94%;
    margin: 0 auto;
}

.header-layout3 .site-header .widget_categories li a:before{
    display: block;
}


/*--------------------------------------------------------------
Banner CSS
--------------------------------------------------------------*/
.cv-banner-wrapper {
    position: relative;
    margin-bottom: 50px;
}

.main-slider article .post-thumbnail img,
.cv-banner-wrapper img,
.cv-slider-wrapper img {
    min-width: 100%;
}

.slider-content-wrapper,
.repeater-slider-content-wrapper,
.banner-content-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    text-align: center;
    border: 2px solid rgba(255,255,255,0.9);
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    width: 950px;
}

.main-content-wrapper.toggle-activate .slider-content-wrapper,
.main-content-wrapper.toggle-activate .repeater-slider-content-wrapper,
.main-slider.layout3 .main-content-wrapper.toggle-activate .slider-content-wrapper,
.main-slider.layout3 .main-content-wrapper.toggle-activate .repeater-slider-content-wrapper{
    left: 40%;
}

.main-slider article .post-thumbnail::after{
    display: none;
}

.slider-content,
.repeater-slider-content,
.banner-content{
    background: rgba(255,255,255,0.8);
    padding: 30px;
    margin:10px;
}

.slider-content{
    padding: 10px;
}

.slider-content h2.entry-title a{
    font-size: 42px !important;
    text-transform: capitalize;
}

.slider-title,
.banner-title {
    font-size: 42px;
    position: relative;
}

.slider-title::after,
.banner-title::after {
    position: absolute;
    content: "";
    background: #3d3d3d;
    height: 3px;
    width: 10%;
    left: 50%;
    bottom: -12px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.slider-info,
.banner-info {
    padding: 20px 0 20px 0;
    font-size: 18px;
    color: #535353;
}

.main-slider .entry-content{
    font-size: 20px;
    color: #535353;
    margin:0;
}

.slider-btn a,
.banner-btn a {
    font-size: 16px;
    color: #777;
    font-weight: 400;
}

.banner-btn a i {
    margin-left: 3px;
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
    -webkit-transform: rotate(358deg);
    -ms-transform: rotate(358deg);
    -o-transform: rotate(358deg);
    transform: rotate(358deg);
}

.banner-btn a i{
    position: relative;
    -webkit-animation-name: move; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 4s; /* Safari 4.0 - 8.0 */
    -webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */
    animation-name: move;
    animation-duration: 4s;
    animation-iteration-count: infinite;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes move {
  0%   {left:0px;}
  25%   {left:0px;}
  50%   {left:15px;color:rgba(0,0,0,0.5)}
  75%   {left:30px;}
  100% {left:40px; color:rgba(0,0,0,0);}
}

/* Standard syntax */
@keyframes move {
  0%   {left:0px;}
  25%   {left:0px;}
  50%   {left:15px;color:rgba(0,0,0,0.5)}
  75%   {left:30px;}
  100% {left:40px; color:rgba(0,0,0,0);}
}

.banner-btn a:hover{
    color: #27B6D4;
}

.banner-btn a:hover i{
    color: #27B6D4;
}

.no-thumbnail .banner-content-wrapper, .no-thumbnail .repeater-slider-content-wrapper {
    position: unset;
    -webkit-transform: unset;
    transform: unset;
    margin:0 auto;
    background-color: #fff;
    width: 100%;
}

.no-thumbnail .banner-info{
    padding: 0;
}

.cv-slider-wrapper.no-thumbnail{
    background:#fff;
}

.no-thumbnail .repeater-slider-content{
margin:0px;
}

/* banner layout 2*/
.cv-banner-wrapper.layout2 .banner-content-wrapper{
    border:0px;
}
.cv-banner-wrapper.layout2 .banner-content {
    background: none;
    width: 950px;
}

.cv-banner-wrapper.layout2 .banner-title::after,
.cv-banner-wrapper.layout2 .banner-btn a i{
    display: none;
}

.cv-banner-wrapper.layout2 .banner-title {
    background: pink;
    padding: 8px 20px;
    display: inline-block;
}

.cv-banner-wrapper.layout2 .banner-info {
    background: rgba(255,255,255,0.9);
    padding: 20px;
    margin: 30px auto;
}

.cv-banner-wrapper.layout2 .banner-btn {
    position: relative;
    display: inline-block;
    margin-top: 10px;
}

.cv-banner-wrapper.layout2 .banner-btn a{
    padding: 10px 20px;
    color: #333;
    background: pink;
}

/****************************************************
Banner layout four css
***************************************************/

.cv-banner-wrapper.layout4 {
    position: relative;
    display: flex;
    padding: 20px;
    box-shadow: 0 5px 20px 0 rgba(69, 67, 96, 0.1);
    border-radius: 20px;
    align-items: center;
    width:90%;
    margin:0 auto 20px;
    background: #fff;
}

.cv-banner-wrapper.layout4 img{
    border-radius:20px;
}

.layout4 .banner-content-wrapper {
    width: 100%;
    padding: 15px 0px;
    z-index: 1;
    position: relative;
    text-align: left;
    top: auto;
    left: auto;
    align-items: center;
    display: grid;
    webkit-transform: none;
    transform: none;
    border: none;
}

.layout4 .banner-content{
    padding: 0px 0px 0px 30px;
}

.layout4 .slider-title::after,.layout4 .banner-title::after{
    content: none;
}

.layout4 .banner-info {
    padding: 20px 0 20px 0;
}

.layout4 .banner-title{
    margin-bottom: 0;
    font-size: 30px;
}

.cv-banner-wrapper.layout4 .fa-plane:before{
    color:#FFF;
}

.cv-banner-wrapper.layout4 figure {
    margin-left: -40px;
}

.cv-banner-wrapper.layout4 .banner-btn a {
    font-size: 20px;
    color: #ffffff;
    font-weight: 400;
    background: #db7800;
    padding: 10px 70px;
}


/****************************************************
slider design
***************************************************/
.cv-slider-wrapper {
    position: relative;
}

.slider-content p {
    font-size:18px;
}

.slider-content .entry-btn a {
    border: 0px solid #c9c5c5;
    position: relative;
    font-size: 16px;
}

.slider-content .entry-btn a:after{
    position: absolute;
    content: ". . .";
    right: -8px;
    bottom: 8px;
}

.main-slider {
    position: relative;
    background: #fbfbfb;
    margin-bottom: 40px;
}

.main-slider.layout2 {
    box-shadow: 0 0px 9px rgba(0,0,0,0.05);
}

.main-slider .lSPager {
    position: absolute;
    bottom: 10px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.main-slider .lSSlideOuter .lSPager.lSpg > li a {
    background-color: #eee;
    height: 10px;
    width: 10px;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5);
}

.main-slider .lSSlideOuter .lSPager.lSpg > li:hover a,
.main-slider .lSSlideOuter .lSPager.lSpg > li.active a {
    background: pink;
}

.main-slider .lSAction > a {
    top: 94%;
    background: #fbfbfb;
    opacity: 1;
    text-align: center;
    line-height: 2.5;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
    z-index:9;
}

.main-slider .lSAction > .lSPrev {
    left: 4%;
}

.main-slider .lSAction > .lSNext {
    right: 91%;
}

.image-hover-effect--two .main-slider article .post-thumbnail:hover::after,
.image-hover-effect--two .main-slider article .post-thumbnail:hover::before {
    opacity: 0;
    background: none;
    visibility: hidden;
}

.image-hover-effect--two .main-slider article .post-thumbnail:hover img {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

/***************************************
slider, banner layput 2
****************************************/

.main-slider.layout2 .cv-slider-wrapper {
    position: inherit;
}

.main-slider.layout2 article .post-thumbnail,
.main-slider.layout2 .slide figure,
.main-slider.layout2 .cv-slider-wrapper figure{
    width: 60%;
    margin-left: 0;
    float: left;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.main-slider.layout2 .slider-title::after{
    display: none;
}

.main-slider.layout2 .slider-btn a{
    background: pink;
    padding: 12px 24px;
    border-radius: 0 12px;
    color: #fff;
}

.main-slider.layout2 .repeater-slider-content-wrapper,
.main-slider.layout2 .slider-content-wrapper {
    left: 0;
    top: 50%;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
    text-align: left;
    background: #fdfdfd;
    padding:20px;
    z-index: 99;
    border: 0px;
    position: inherit;
    width: 40%;
    float:left;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.main-slider.layout2 .slider-content .cat-links a {
    background: pink;
    padding: 0px 10px;
    border-radius: 0 8px;
}

.main-slider.layout2 .slider-content .cat-links a::before {
    display: none;
}

.main-slider.layout2 .slider-content .cat-links a {
    margin: 0 4px 8px;
}

.main-slider.layout2 .slider-content,
.main-slider.layout2 .repeater-slider-content{
    background: #fdfdfd;
    margin: 0px;
}

.main-slider.layout2 .slider-content h2.entry-title a{
    font-size: 54px !important;
    text-transform: capitalize;
    margin:20px 0;
}

.main-slider.layout2 .slider-content .entry-title,
.main-slider.layout2 .slider-title {
    font-size: 54px;
    position: relative;
    margin: 20px 0;
}

.main-content-wrapper.toggle-activate .main-slider.layout2 article .post-thumbnail ,
.main-content-wrapper.toggle-activate .main-slider.layout2 figure{
    width: 52%;
}

.main-content-wrapper.toggle-activate .main-slider.layout2 .slider-content-wrapper,
.main-content-wrapper.toggle-activate .main-slider.layout2 .repeater-slider-content-wrapper{
    width: 30%;
}

/* slider-banner layout 3*/

.main-slider.layout3 .slider-content-wrapper,
.main-slider.layout3 .repeater-slider-content-wrapper,
.cv-banner-wrapper.layout3 .banner-content-wrapper{
    border:0px;
    width: 950px;
    z-index: 99;
}

.main-slider.layout3 .slider-content,
.main-slider.layout3 .repeater-slider-content,
.cv-banner-wrapper.layout3 .banner-content{
    background: none;
}

.main-slider.layout3 .slider-btn a,
.main-slider.layout3 .slider-title,
.main-slider.layout3 .slider-info,
.main-slider.layout3 .cat-links a,
.main-slider.layout3 .slider-content .entry-btn a,
.main-slider.layout3 .entry-content,
.main-slider.layout3 .slider-content .entry-title a,
.cv-banner-wrapper.layout3 .banner-btn a,
.cv-banner-wrapper.layout3 .banner-title,
.cv-banner-wrapper.layout3 .banner-info{
    color:#fff;
}

.main-slider.layout3 .slider-title::after,
.cv-banner-wrapper.layout3 .banner-title::after,
.cv-banner-wrapper.layout3 .banner-btn a i{
    display: none;
}

.main-slider.layout3 .cv-slider-wrapper,
.main-slider.layout3 article,
.cv-banner-wrapper.layout3{
    position: relative;
}

.main-slider.layout3 .cv-slider-wrapper::before,
.main-slider.layout3 article::after,
.cv-banner-wrapper.layout3::before{
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    content:"";
    background: rgba(0,0,0,0.2);
    background: -webkit-linear-gradient(to top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 80%);
    background: -o-linear-gradient(to top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 80%);
    background: linear-gradient(to top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 80%);
}

.main-slider.layout3 .slider-content h2.entry-title a,
.main-slider.layout3 .slider-title,
.cv-banner-wrapper.layout3 .banner-title {
    font-size: 54px !important;
}

.cv-banner-wrapper.layout3 .banner-btn a {
    position: relative;
    background: rgba(255,255,255,0.4);
    padding: 10px 30px;
}

.cv-banner-wrapper.layout3 .banner-btn a:after{
    position: absolute;
    content:"";
    left: 50%;
    width: 0px;
    height: 1px;
    bottom: 0px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    background: #fff;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.cv-banner-wrapper.layout3 .banner-btn a:hover:after{
    width: 100%;
}

.main-slider.layout3 .cat-links a::before{
    display: none;
}

.main-slider.layout3 .cat-links a::after {
    position: absolute;
    left: 50%;
    top: 100%;
    content: "";
    width: 100%;
    height: 1px;
    background: #fff;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.main-slider.layout3 .slider-content .entry-btn a::after {
    display: none;
}

.main-slider.layout3 .slider-content .entry-btn a{
    background: rgba(255,255,255,0.5);
    padding: 8px 20px;
    border-radius: 0;
}

.main-slider.layout3 .lSAction > .lSPrev,
.main-slider.layout3 .lSAction > .lSNext {
    right: 3%;
}

.main-slider.layout3 .lSAction > a {
    top: 50%;
    background: none;
    opacity: 1;
    line-height: 0;
    box-shadow: none;
    color: #fff;
    font-size: 34px;
}

.main-slider.layout3 .lSSlideOuter .lSPager.lSpg > li a {
    height: 3px;
    width: 20px;
    box-shadow: none;
}

.main-slider.layout3 .slider-btn a,
.main-slider.layout3 .banner-btn a {
    background: rgba(255,255,255,0.3);
    padding: 10px 20px;
}

.banner-btn,
.slider-btn {
    margin-top: 10px;
}


/********************************************************
Featured items
*******************************************************/
.cv-featured-items-wrap{
    margin-right: -3%;
    overflow-y: auto;
    margin-bottom: 20px;
}

.cv-featured-items-wrapper .cv-featured-single-item {
    width: 30.33%;
    float: left;
    margin-right: 3%;
    margin-bottom: 40px;
    position: relative;
    margin-top: 30px;
}

.cv-featured-items-wrapper.layout1 .item-title {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: rgba(255,255,255,0.8);
    padding: 20px 40px;
    margin: 6px;
    text-align: center;
    width: 300px;
}

.cv-featured-items-wrapper .item-title a{
    color: #3d3d3d;
}

.cv-featured-items-wrapper.layout1 .item-title::after {
    position: absolute;
    content: "";
    border: 2px solid #fff;
    left: -5%;
    top: -10%;
    width: 110%;
    height: 120%;
}

.cv-featured-items-wrapper.layout2 .item-title {
    position: inherit;
    left: 0;
    top: 0;
    background: #fbfbfb;
    padding: 10px 20px;
    text-align: center;
    width: 80%;
    margin:0 auto;
    box-shadow: 0 2px 12px rgba(0,0,0,0.1);
    margin-top: -30px;
}

.cv-featured-items-wrapper.layout2 .item-thumb {
    border: 6px solid #fff;
}

.cv-featured-items-wrapper.layout2{
    padding: 0 20px;
}

.cv-featured-items-wrapper.layout3 .item-title {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 20px;
    margin: 0px;
    text-align: center;
     width: 100%;
}

.cv-featured-items-wrapper.layout3 .item-title a{
    color: #fff;
    cursor: pointer;
}

.cv-featured-items-wrapper.layout3 .item-thumb {
    position: relative;
    overflow: hidden;
    border-radius: 16px;
}

.cv-featured-items-wrapper.layout3 .item-thumb a:after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 100%;
    height: 50%;
    background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.8), rgba(0,0,0,0.6), rgba(0,0,0,0.3), rgba(0,0,0,0));
    background: -o-linear-gradient(bottom, rgba(0,0,0,0.8), rgba(0,0,0,0.6), rgba(0,0,0,0.3), rgba(0,0,0,0));
    background: linear-gradient(to top, rgba(0,0,0,0.8), rgba(0,0,0,0.6), rgba(0,0,0,0.3), rgba(0,0,0,0));
}

.cv-featured-items-wrapper .cv-featured-single-item::after,
.cv-featured-items-wrapper .cv-featured-single-item::before{
    content: "";
    width: 50px;
    height: 4px;
    background: #333;
}

.cv-featured-items-wrapper .cv-featured-single-item::after{
    left: 0;
    top: 0;
}

.cv-featured-items-wrapper.layout3 .cv-featured-items-wrap {
    padding: 0 40px;
}


/*--------------------------------------------------------------
Blog Layout design CSS
--------------------------------------------------------------*/

article {
    text-align: center;
    position: relative;
    background: #fbfbfb;
}

.post-thumbnail img {
    min-width: 100%;
}

article .post-format-media{
    overflow: hidden;
}

.entry-header {
    padding: 20px 20px 0;
}

.entry-content figure {
    text-align: center;
}

.single .entry-header {
    margin-top:0px;
    padding-top:20px;
}

.single article.hentry h1.entry-title {
    font-size: 34px;
    margin-bottom: 20px;
}

h2.entry-title{
    margin-bottom: 14px;
}

h2.entry-title a {
    font-size: 24px;
    margin-bottom: 14px;
    font-weight: 400;
}

.search-results article.no-thumbnail .entry-title {
    padding-top: 20px;
}

.entry-title a{
    color: #333;
    position: relative;
}

.entry-title a:hover{
    color: #27B6D4;
}

.cat-links a {
    display: inline-block;
    font-size: 13px;
    margin: 0 10px 8px;
    color: #777;
    position: relative;
}

.icon-type-entry-meta .cat-links a:first-child::before,
.cat-links a:first-child::before{
    display: none;
}

.cat-links a::before{
    position: absolute;
    left: -12px;
    top: 4px;
    content: "";
    width: 1px;
    height: 14px;
    background: #bbb;
}

.entry-title a:hover,
.cat-links a:hover{
    color: #27B6D4;
}

.entry-meta a {
    font-size: 13px;
    margin: 0 8px;
    color: #A6A6A6;
}

.entry-meta a:hover{
    color: #777;
}

.entry-content {
    padding: 20px 20px 0;
    font-size: 15px;
    font-weight: 400;
    line-height: 2;
    margin: 0;
}
/*
.page .entry-content {
    margin-top:20px;
}*/

.main-slider .entry-content .first-child .cv-drop-cap {
    font-size: inherit;
    color: inherit;
    font-weight: inherit;
    float: inherit;
    vertical-align: inherit;
    line-height: inherit;
    padding-right: inherit;
    padding-left: inherit;
    padding-top: inherit;
    text-shadow: none;
    color: inherit;
}

.entry-content .first-child .cv-drop-cap {
    font-size: 50px;
    color: inherit;
    font-weight: 700;
    float: left;
    vertical-align: top;
    line-height: 48px;
    padding-right: 4px;
    padding-left: 7px;
    padding-top: 0px;
    text-shadow: 3px 3px 0 rgba(56, 60, 80, 0.22);
    color: #666;
}

.entry-btn {
    padding-bottom: 25px;
}

.entry-btn a {
    display: inline-block;
    color: #959393;
    border: 1px solid #c9c5c5;
    padding: 8px 20px;
    font-size: 13px;
    border-radius: 0 8px;
}

.entry-btn a:hover{
    color: #777;
    border-color:#777;
}

#blog-post article.hentry, .search article.hentry,
.archive article.hentry, .tag article.hentry,
.category article.hentry, .blog article.hentry {
    background: #fbfbfb;
}

article.sticky.no-thumbnail {
    border: 2px solid #A6A6A6;
    position: relative;
}

article.sticky::before {
    content: "\f08d";
    font-family: FontAwesome;
    position: absolute;
    left: 20px;
    top: 20px;
    display: block;
    width: 40px;
    height: 40px;
    background: #27B6D4;
    color: #fff;
    font-size: 15px;
    line-height: 40px;
    border-radius: 100%;
    z-index: 99;
}

article .post-thumbnail {
    position: relative;
    display: block;
    overflow: hidden;
}

article .post-thumbnail::before{
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.1);
    visibility: hidden;
}

article .post-thumbnail::after {
    width: 50px;
    height: 50px;
    content: "\f0f6";
    font-family: FontAwesome;
    font-weight: 400;
    position: absolute;
    left: 50%;
    top: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    color: #fff;
    -webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
    font-size: 22px;
    opacity: 0;
    visibility: hidden;
    border: 2px solid #fff;
    border-radius: 50%;
    transform: translate(-50%,-50%);
}

article.format-video .post-thumbnail::after{
    content: "\f1c8";
}

article.format-standard .post-thumbnail::after{
    content: "\f0f6";
}

article.format-gallery .post-thumbnail::after{
    content: "\f03e";
}

article.format-aside .post-thumbnail::after{
    content: "\f0f6";
}

article.format-audio .post-thumbnail::after{
    content: "\f1c7";
}

article.format-quote .post-thumbnail::after{
    content: "\f10d";
}

article .post-thumbnail:hover:after,
article .post-thumbnail:hover:before{
    opacity: 1;
    visibility: visible;
}

.page article .post-thumbnail:hover:before,
.single article .post-thumbnail:hover:before,
.page article .post-thumbnail:hover:after,
.single article .post-thumbnail:hover:after{
    display: none;
}

.single .entry-meta {
    margin: 10px;
}

.archive-grid-post-wrapper{
    margin-right: -3%;
}

.archive-classic-post-wrapper {
    margin-right: 1%;
}

.archive-grid-post-wrapper article{
    width: 46%;
    display: inline-grid;
    margin-right: 3%;
    vertical-align: top;
}

.no-sidebar .archive-grid-post-wrapper article,
.no-sidebar.archive-classic-post-wrapper article {
    width: 30%;
    display: inline-grid;
    margin-right: 3%;
    vertical-align: top;
}

.no-sidebar .archive-grid-post-wrapper{
    margin-right: -2%;
}

.no-sidebar .archive-grid-post-wrapper article {
    width: 22.66%;
    margin-right: 2%;
}

.grid-archive-layout .cv-content-wrapper #main{
    margin-right: -3%;
}

.grid-archive-layout .cv-content-wrapper article {
    width: 30%;
    display: inline-block;
    margin-right: 3%;
    vertical-align: top;
}

.cv-content-wrapper .wp-block-latest-comments__comment article {
    width: 100%;
    text-align: left;
}

.home .cv-content-wrapper,
#content{
    width: 92%;
    margin: 0 auto;
}

.home #content{
    width: 100%;
    margin: 40px auto;
}

.site-header .widget,
#secondary .widget,
#left-secondary .widget {
    padding: 30px 20px;
}

.site-header .widget.widget_media_image{
    text-align: center;
}

.site-header .widget.widget_media_image img{
    width: 75%;
}

.site-header .widget .widget-title,
#secondary .widget .widget-title {
    text-align: center;
    margin-bottom: 20px;
    font-size: 16px;
}

.widget-title-wrap {
    text-align: center;
    clear: both;
    overflow: hidden;
}

.widget-title {
    z-index: 0;
    text-transform: uppercase;
    margin-bottom: 12px;
    clear: both;
    padding: 4px;
    display: inline-block;
    position: relative;
}

.widget-title::after,
.widget-title::before {
    content: "";
    position: absolute;
    top: 50%;
    width: 1000px;
    height: 1px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-color: #e8e8e8;
}

.widget-title::before {
    right: 100%;
    margin-right: 15px;
}

.widget-title::after {
    left: 100%;
    margin-left: 15px;
}

.widget_tag_cloud a {
    border: 1px solid #e1e1e1;
    color: #a6a6a6;
    font-size: 13px !important;
    padding: 3px 15px;
    display: inline-block;
    margin: 5px 5px;
    border-radius: 0 6px;
}

.widget_tag_cloud a:hover {
    color: #26bcd3;
    border-color: #26bcd3;
}


#secondary .widget.yaatra_author_info {
    text-align: center;
}

#secondary .widget.yaatra_author_info .author-description {
    font-weight: 300;
    font-size: 15px;
    margin-bottom: -20px;
}

.author-avatar {
    margin-bottom: 20px;
}

.navigation.pagination {
    text-align: center;
}

.navigation.pagination .nav-links a.page-numbers {
    padding: 12px 15px;
    display: inline-block;
    margin: 0 5px;
    vertical-align: top;
}

.navigation.pagination .nav-links .page-numbers.current,
.navigation.pagination .nav-links a.page-numbers:hover {
    border: 1px solid #333;
    padding: 12px 15px;
    vertical-align: top;
    display: inline-block;
    margin: 0 5px;
    font-size: 14px;
    line-height: 13px;
}

.author-social .cv-social-icons-wrapper {
    float: none;
}

.author-social .cv-social-icons-wrapper a{
    color: #333;
    font-size: 17px;
    margin: 20px 10px 0;
    display: inline-block;
}

.author-social .social-icons-wrapper li {
    color: #333;
    font-size: 17px;
    margin: 0px 10px 0;
    display: inline-block;
}

.author-social .social-icons-wrapper li:first-child{
    margin: 0px 10px 0 0px;
}
/**************************************************
archive style layout two css
***************************************************/


.home.blog.archive-post-style--two #primary article:first-child,
.home.blog.archive-post-style--three #primary article:first-child{
    border: 2px solid #de7d9c;
}

.archive-post-style--two article, .archive-post-style--three article{
    border:1px solid transparent;
}

.archive-post-style--two article:hover, .archive-post-style--three article:hover{
    border: 1px solid #de7d9c;
}

.archive-post-style--two .cv-content-wrapper article,.archive-post-style--three .cv-content-wrapper article{
    margin-bottom: 60px;
    border-radius:20px;
}

.archive-post-style--two .post-thumbnail img{
    border-radius: 20px;
}

.archive-post-style--two .cv-content-wrapper article .post-thumbnail{
    margin-top: -30px;
    padding: 0px 20px;
}

.classic-archive-layout.archive-post-style--two article .post-thumbnail::before{
    left:20px;
    width:96%;
    border-radius: 20px;
}

.archive-post-style--two article .post-thumbnail::before{
    left:20px;
    width:91%;
    border-radius: 20px;
}

.archive-post-style--two article .entry-header, .archive-post-style--three article .entry-header{
    text-align: left;
}

.archive-post-style--two article .entry-btn,.archive-post-style--three article .entry-btn{
    text-align: left;
    padding:0px 20px 20px;
}

.archive-post-style--two article .cat-links a, .archive-post-style--three article .cat-links a ,
.cv-yml-section-wrapper article .cat-links a{
    font-weight: 600;
    display: inline-block;
    font-size: 15px;
    margin: 0 0px 8px;
    position: relative;
    padding: 3px 20px;
    border-radius: 20px;
    color: #fff;
    background-color: #27b6d4;
    border: 1px solid #27B6D4;
}

.archive-post-style--two .entry-content, .archive-post-style--three .entry-content{
    text-align: left;
}

.archive-post-style--two .entry-meta span{
    margin: 0 4px 0px 0px;
}

.archive-post-style--two .posted-on a{
    margin: 0 8px 0px 0px;

}

.archive-post-style--two article .entry-btn a , .archive-post-style--three article .entry-btn a {
    display: inline-block;
    color: #fff;
    border: 1px solid #f6558b;
    padding: 8px 20px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 20px;
    background-color: #f6558b;
}

.archive-post-style--two article .entry-btn a:hover, .archive-post-style--three article .entry-btn a:hover{
background-color: #fff;
}

.list-archive-layout.archive-post-style--two .cv-content-wrapper article{
    padding: 20px !important;
}

.list-archive-layout.archive-post-style--two .cv-content-wrapper article .post-thumbnail{
    margin-top: 0px;
    margin-left: -40px;
}

.list-archive-layout.archive-post-style--two .cv-content-wrapper article .post-thumbnail{
    padding: 0px 20px 0px 0px;
}

.list-archive-layout.archive-post-style--two #content article .post-thumbnail::before{
    left:0px;
    width:96%;
    border-radius: 20px;
}

.no-sidebar.list-archive-layout.archive-post-style--two #content article .post-thumbnail::before{
    left:-2px;
    width:98%;
}


.archive-post-style--two article .cat-links a::before,
.archive-post-style--three article .cat-links a::before,
.archive-post-style--two .cat-links a::before,
.archive-post-style--three article .cat-links a::before,
.cv-yml-section-wrapper article .cat-links a::before{
    display: none;
    border: 0px;
}


/**************************************************
archive style layout three css
***************************************************/
.archive-post-style--three article .post-thumbnail{
    border-radius: 20px 20px 0px 0px;
}

.archive-post-style--three .entry-meta span{
    margin: 0 10px 0px 0px;
}

.archive-post-style--three .entry-meta a{
    margin:0;
}


/**************************************************
You may liked css
***************************************************/

.cv-yml-section-wrapper article .post-thumbnail::before{
    width:100%;
    left:0;
}

.cv-yml-section-wrapper article .post-thumbnail{
    width: 100%;
    height: 300px;
    border-radius: 20px;
}

.cv-yml-section-wrapper{
    margin: 0px auto;
    width: 92%;
    box-shadow: 0 5px 20px 0 rgba(69, 67, 96, 0.1);
    background-color: #fff;
    padding: 20px;
    border-radius: 20px;
}

.cv-yml-section-wrapper .cv-missed-wrapper{
    margin-left:-2%;
}

.cv-yml-section-wrapper article, .blog .cv-yml-section-wrapper article, .home .cv-yml-section-wrapper article:first-child{
    width: 23%;
    display: inline-block;
    margin: 0% -5px 0% 2%;
    position: relative;
    padding: 0;
    border-radius: 20px;
    border:0px solid transparent
}

.list-archive-layout .cv-yml-section-wrapper article .post-thumbnail{
    width: 100%;
}

.cv-missed-wrapper article .entry-header {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 1;
    padding: 20px 15px;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
    border-radius: 20px;
}

.cv-missed-wrapper article.no-thumbnail .entry-header{
    position: sticky;
    margin-bottom: 20px;
}

.cv-missed-wrapper article .entry-content, .cv-missed-wrapper article .entry-btn {
    display: none;
}

.cv-missed-wrapper article .entry-title a, .cv-missed-wrapper article .entry-meta a {
    color: #fff;
}

.cv-missed-wrapper article .entry-title a{
    font-size: 24px;
}

.cv-missed-wrapper .post-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cv-missed-wrapper .entry-title{
    line-height:1;
}


/**************************************************
Background animation css
***************************************************/

.yatra-bubbles{
    position:fixed;
    width:100%;
    height: 100%;
    z-index:-99;
    overflow:hidden;
    top:0;
    left:0;
  }
  .bubble{
    position: absolute;
    bottom:-100px;
    width:40px;
    height: 40px;
    background:#ff6767;
    opacity: 0.2;
    border-radius:50%;
    animation: rise 10s infinite ease-in;
  }
  .bubble:nth-child(1){
    width:40px;
    height:40px;
    left:10%;
    animation-duration:8s;
  }
  .bubble:nth-child(2){
    width:20px;
    height:20px;
    left:20%;
    animation-duration:5s;
    animation-delay:1s;
  }
  .bubble:nth-child(3){
    width:50px;
    height:50px;
    left:35%;
    animation-duration:7s;
    animation-delay:2s;
  }
  .bubble:nth-child(4){
    width:80px;
    height:80px;
    left:50%;
    animation-duration:11s;
    animation-delay:0s;
  }
  .bubble:nth-child(5){
    width:35px;
    height:35px;
    left:55%;
    animation-duration:6s;
    animation-delay:1s;
  }
  .bubble:nth-child(6){
    width:45px;
    height:45px;
    left:65%;
    animation-duration:8s;
    animation-delay:3s;
  }
  .bubble:nth-child(7){
    width:90px;
    height:90px;
    left:70%;
    animation-duration:12s;
    animation-delay:2s;
  }
  .bubble:nth-child(8){
    width:25px;
    height:25px;
    left:80%;
    animation-duration:6s;
    animation-delay:2s;
  }
  .bubble:nth-child(9){
    width:15px;
    height:15px;
    left:70%;
    animation-duration:5s;
    animation-delay:1s;
  }
  .bubble:nth-child(10){
    width:90px;
    height:90px;
    left:25%;
    animation-duration:10s;
    animation-delay:4s;
  }
  @keyframes rise{
    0%{
      bottom:-100px;
      transform:translateX(0);
    }
    50%{
      transform:translate(100px);
    }
    100%{
      bottom:1080px;
      transform:translateX(-200px);
    }
  }


/**************************************************
latest post css
***************************************************/

.yaatra_latest_posts .cv-single-post-wrap > a {
    float: left;
    width: 27%;
    display: block;
}

.yaatra_latest_posts .cv-post-thumb{
    border: 1px solid #e1e1e1;
    padding: 6px;
 }

.yaatra_latest_posts .cv-post-thumb img{
    min-width: 100%;
 }

.yaatra_latest_posts .cv-single-post-wrap {
    margin-bottom: 20px;
}

.yaatra_latest_posts .cv-single-post-wrap:last-child {
    margin: 0;
}

.yaatra_latest_posts .cv-single-post-wrap::after {
    clear: both;
    display: block;
    content: "";
}

 .yaatra_latest_posts .cv-post-content {
    float: right;
    width: 67%;
}

 .yaatra_latest_posts .cv-post-title a {
    font-size: 13px;
    color: #333;
    display: block;
    line-height: 22px;
}

.yaatra_latest_posts .cv-post-title a:hover{
    color: #27B6D4;
}

 .yaatra_latest_posts .cv-post-meta {
    margin-top: -10px;
}

 .yaatra_latest_posts .cv-post-meta a {
    color: #A6A6A6;
    font-size: 11px;
    margin-right: 10px;
}

.yaatra_latest_posts .cv-post-meta a:hover{
    color: #333333;
}

.widget_search .search-submit value{
    position: relative;
}

.widget_search .search-submit value:before{
    position: absolute;
    content: "";
    background: red;
    height: 10px;
    width: 10px;
    left: 0;
    top:0;
}

/*--------------------------------------------------------------
global sidebar layout style one CSS
--------------------------------------------------------------*/

.global-sidebar-style--one  #secondary.widget-area .widget,
.global-sidebar-style--one  #left-secondary.widget-area .widget{
    box-shadow: 0 0 15px rgba(0 0 0 / 0.08);
    background-color: #fff;
    padding: 20px;
    margin-bottom: 40px;
    border-radius: 20px;
}

.global-sidebar-style--one #secondary, .home.blog.global-sidebar-style--one #secondary,
.global-sidebar-style--one #left-secondary, .home.blog.global-sidebar-style--one #left-secondary{
    background: transparent;
}


.global-sidebar-style--one .wp-block-heading,
.global-sidebar-style--one #secondary .widget .widget-title,
.global-sidebar-style--one #left-secondary .widget .widget-title{
    color:#27b6d4;
}

.global-sidebar-style--one #secondary .widget .widget-title-wrap,
.global-sidebar-style--one #left-secondary .widget .widget-title-wrap{
    text-align: left;
}

.global-sidebar-style--one #secondary .widget .widget-title::before,
.global-sidebar-style--one #secondary .widget .widget-title::after,
.global-sidebar-style--one #left-secondary .widget .widget-title::before,
.global-sidebar-style--one #left-secondary .widget .widget-title::after.{
display: none;
}


.global-sidebar-style--one #secondary .author-avatar,
 .global-sidebar-style--one #left-secondary .author-avatar{
    margin-bottom: 20px;
    width: 28%;
    float: left;
}

.global-sidebar-style--one #secondary .widget.yaatra_author_info .author-description,
.global-sidebar-style--one #left-secondary .widget.yaatra_author_info .author-description {
    font-weight: 300;
    font-size: 15px;
    margin-bottom: -20px;
    align-content: center;
    width: 68%;
    text-align: justify;
    margin-left: auto;
}

.global-sidebar-style--one #secondary .widget .author-social,
.global-sidebar-style--one #left-secondary .widget .author-social {
    width: 68%;
    margin-left: auto;
}

.global-sidebar-style--one .widget a {
    font-size: 16px;
    font-weight: 600;
}

.global-sidebar-style--one .yaatra_latest_posts .cv-post-meta a{
    font-size: 13px;
}

/*--------------------------------------------------------------
Footer CSS
--------------------------------------------------------------*/

#colophon {
    background: #212121;
    padding: 20px 40px;
    z-index: 99;
    margin-top: 40px;
    color: #fbfbfb;
}

#colophon .cv-container {
    max-width: 80%;
    margin: 0 auto;
}

.cv-footer-logo {
    float: left;
    width: 23%;
    margin-top: 30px;
}

.cv-footer-right-wrapper {
    float: right;
    width: 75%;
    margin-top: 30px;
}

#site-footer-navigation {
    float: none;
    text-align: center;
    border-bottom: 1px solid rgba(255,255,255,0.3);
    padding-bottom: 15px;
    margin-bottom: 15px;
}

#site-footer-navigation .sub-menu{
    display: none;
}

#footer-menu {
    list-style: none;
    margin: 0;
}

#footer-menu li {
    display: inline-block;
    margin: 0 20px 0 0px;
}

#footer-menu li a {
    color: #fff;
    font-size: 14px;
}

.cv-social-icons-wrapper {
    float: left;
}

.cv-social-icons-wrapper li {
    display: inline-block;
    margin-right: 15px;
    color: #fff;
    font-size: 14px;
}

.cv-social-icons-wrapper a:hover,
#footer-menu li a:hover{
    color: #c6c6c6;
}

.site-info {
    color: #C6C6C6;
    text-align: center;
    font-size: 14px;
    margin-top: 0;
    float: right;
}

.cv-author-box-wrapper {
    border: 1px solid #e1e1e1;
    padding: 20px;
    margin-bottom: 60px;
    border-right: none;
    border-left: none;
}

.single .cv-author-box-wrapper .author-avatar {
    float: left;
    width: 18%;
    margin-right: 2%;
}

.single .cv-author-box-wrapper .author-desc-wrapper {
    float: left;
    width: 80%;
}

.single .cv-author-box-wrapper .author-title {
    color: #333;
    text-transform: capitalize;
    font-weight: 700;
    display: block;
    margin-bottom: 10px;
    font-size: 18px;
}

#colophon .cv-footer-widget-wrapper {
    margin-left: -3%;
    overflow: auto;
    border-bottom: 1px solid rgba(255,255,255,0.3);
}

#colophon .footer_column_four .footer-widget{
    width: 22%;
    float: left;
    margin-left: 3%;
    margin-bottom: 3%;
}

#colophon .footer_column_three .footer-widget{
    width: 30%;
    float: left;
    margin-left: 3%;
    margin-bottom: 3%;
}

#colophon .footer_column_two .footer-widget{
    width: 47%;
    float: left;
    margin-left: 3%;
    margin-bottom: 3%;
}

#colophon .footer-widget{
    width: 97%;
    float: left;
    margin-left: 3%;
    margin-bottom: 3%;
}

#colophon .yaatra_latest_posts .cv-post-title a,
#colophon .widget_archive a::before,
#colophon .widget_categories a::before,
#colophon .widget_recent_entries a::before,
#colophon .widget_meta a::before,
#colophon .widget_recent_comments li::before,
#colophon .widget_rss li::before,
#colophon .widget_pages li a::before,
#colophon .widget_nav_menu li a::before,
#colophon .widget-title,
#colophon .widget_archive a, #colophon .widget_categories a,
#colophon .widget_recent_entries a, #colophon .widget_meta a,
#colophon .widget_recent_comments li, #colophon .widget_rss li,
#colophon .widget_pages li a, #colophon .widget_nav_menu li a{
    color: #fff;
}

#colophon .widget-title-wrap{
    text-align: left;
}

#colophon .widget-title::after,
#colophon .widget-title::before,
#colophon .widget_nav_menu .sub-menu li a {
    display: none;
}

#colophon .widget_archive a,
#colophon .widget_categories a,
#colophon .widget_recent_entries a, #colophon .widget_meta a,
#colophon .widget_recent_comments li, #colophon .widget_rss li,
#colophon .widget_pages li a, #colophon .widget_nav_menu li a{
    display:block;
}

#colophon .widget_recent_comments li,
#colophon .widget_meta li,
#colophon .widget_recent_comments li,
#colophon .widget_pages > ul > li,
#colophon .widget_archive li,
#colophon .widget_categories > ul > li,
#colophon .widget_recent_entries ul li {
    padding: 4px 0px;
}

.widget.widget_media_image{
    text-align: center;
}



/*--------------------------------------------------------------
Error 404 styles
--------------------------------------------------------------*/
.error404 #primary {
    float: none;
    width: 100%;
    padding: 20px 0;
}

.error404 #main {
    background: #fbfbfb;
    padding: 40px;
}

.error-404.not-found {
    text-align: center;
    width: 60%;
    margin: 0 auto;
    border: 2px solid #333;
    padding: 20px;
}

.error-num {
    font-size: 140px;
    font-weight: 400;
    color: #333;
    line-height: 100px;
    padding-top: 30px;
}

.error-num span {
    font-size: 60px;
    text-transform: capitalize;
}

.error404 .cv-pnf-latest-posts-wrapper{
    margin-left: -3%;
}

.error404 .cv-pnf-latest-posts-wrapper article{
    width: 30%;
    display: inline-grid;
    margin-left: 3%;
    margin-bottom: 3%;
    box-shadow: 0 2px 12px rgba(0,0,0,0.1);
}

.error404 .section-title {
    text-align: center;
    margin-top: 40px;
    margin-bottom: 40px;
}

.error404 .page-extra-content.cv-404-latest-posts-wrapper {
    border-top: 1px solid #eee;
    margin-top: 60px;
}

.error404 .pnf-button.btn {
    color: #333;
    border: 1px solid #333;
    padding: 8px 20px;
}

.error404 .pnf-content {
    font-size: 18px;
    margin-bottom: 30px;
}

/*--------------------------------------------------------------
Scroll To Top styles
--------------------------------------------------------------*/
#cv-scrollup {
    position: fixed;
    right: 5px;
    bottom: 20px;
    padding: 8px;
    margin-right: 0;
    font-size: 13px;
    line-height: 1em;
    outline: none !important;
    -moz-transform-origin: 100% 100%;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -moz-transform: rotate(-90deg) translate(100%, 0);
    cursor: pointer;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
    z-index: 99;
    width: max-content;
    display: block;
}


#cv-scrollup.align-center{
    left: 50%;
}

#cv-scrollup.align-left {
    left: 5%;
}

/*--------------------------------------------------------------
Custom Header styles
--------------------------------------------------------------*/
.custom-header.has-bg-img {
    padding: 40px 0;
    margin-bottom: 40px;
}

.custom-header.has-bg-img .entry-title {
    font-size: 36px;
    padding: 20px;
}

.custom-header.has-bg-img .entry-header {
    margin: 0;
    text-align: center;
}

/*************************************************************
related post
*************************************************************/
.yaatra-related-posts-wrapper{
    margin-left:-3%;
}

.yaatra-related-posts-wrapper article{
    width: 30.33%;
    margin-left: 3%;
    float: left;
    margin-bottom: 3%;
}

.yaatra-related-post-title {
    text-align: center;
    margin-bottom: 30px;
}

.yaatra-single-related-posts {
    border-top: 1px solid #e1e1e1;
    padding: 20px 0;
    margin-top: 20px;
}

.yaatra-related-posts-wrapper .entry-title {
    font-size: 22px;
    margin-bottom: 0px;
}

.yaatra-related-posts-wrapper .entry-meta a {
    font-size: 12px;
}

.single .yaatra-related-posts-wrapper .entry-header {
    padding: 0;
    padding-top: 20px;
}

/*nothing found page*/

.search-no-results .no-results.not-found {
    background: #fbfbfb;
    padding: 40px 80px;
    text-align: center;
}

.search-no-results #primary {
    width: 72%;
}

.search-no-results  #primary input,
.search-no-results  #primary input[type="text"]:focus, .search-no-results  #primary input[type="email"]:focus,
.search-no-results  #primary input[type="url"]:focus, .search-no-results  #primary input[type="password"]:focus,
.search-no-results  #primary input[type="search"]:focus, .search-no-results  #primary textarea:focus {
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
}

.search-no-results  #primary .search-submit{
    margin-top: 40px;
    border:0px;
    font-size: 20px;
    color: #fff;
}

.search .cat-links {
    display: block;
    padding-bottom: 20px;
}

/**************************************
entry meta icon off on
*********************************/
.entry-meta span::after {
    content: "";
    position: absolute;
    left: -8px;
    top: 50%;
    width: 10px;
    height: 1px;
    background:#A6A6A6;
}

.entry-meta span{
    position: relative;
    margin: 0 4px;
}

.entry-meta span:first-child::after{
    display: none;
}

.entry-meta a::before{
    display: none;
}

.icon-type-entry-meta .entry-meta span::after{
    display: none;
}

.icon-type-entry-meta .entry-meta a:before{
    display: inline-block;
}

.icon-type-entry-meta .posted-on a:before,
.icon-type-entry-meta .comments-link a:before,
.icon-type-entry-meta .edit-link .post-edit-link:before {
    content: "\f044";
    font-family: FontAwesome;
    margin-right: 8px;
}

.icon-type-entry-meta .comments-link a:before{
    content: "\f0e5";
}

.icon-type-entry-meta .posted-on a:before{
    content: "\f133";
}

/**************************************************
hover effects
****************************************************/

.image-hover-effect--one article .post-thumbnail::before{
    background: rgba(255,255,255,0.3);
    opacity: 0;
    -webkit-transition: ease-in-out 0.5s;
    -o-transition: ease-in-out 0.5s;
    transition: ease-in-out 0.5s;
}

.image-hover-effect--one article .post-thumbnail::after {
    width: 100%;
    height: 50px;
    left: 50%;
    bottom: -50px;
    border: none;
    border-radius: 0;
    background: pink;
    color: #fff;
        -webkit-transition: ease-in-out 0.5s;
    -o-transition: ease-in-out 0.5s;
    transition: ease-in-out 0.5s;
    transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    top: auto;
}

.image-hover-effect--one article .post-thumbnail img{
    -webkit-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
    -webkit-transition: ease-in-out 0.5s;
    -o-transition: ease-in-out 0.5s;
    transition: ease-in-out 0.5s;
}

.image-hover-effect--one article .post-thumbnail:hover img{
    -webkit-transform:scale(1.02);
    -ms-transform:scale(1.02);
    -o-transform:scale(1.02);
    transform:scale(1.02);
}

.image-hover-effect--one article .post-thumbnail:hover::after,
.image-hover-effect--one article .post-thumbnail:hover::before,
.image-hover-effect--two article .post-thumbnail:hover::after{
    opacity: 1;
    visibility: visible;
    z-index: 99;
}

.image-hover-effect--one article .post-thumbnail:hover::after{
    bottom: 0;
}

.image-hover-effect--two article .post-thumbnail::after {
    border: 0px solid rgba(0,0,0,0.2);
    left: 30%;
    background: #fbfbfb;
    box-shadow: 2px 4px 0px rgba(0,0,0,0.3);
}

.image-hover-effect--two article .post-thumbnail:hover::after,
.image-hover-effect--two article .post-thumbnail:hover::before{
    z-index: 999;
    left:50%;
}

.image-hover-effect--two article .post-thumbnail:hover::before{
    opacity: 0.3;
}

.image-hover-effect--two article .post-thumbnail::before{
    background: pink;
    left: 100%;
    -webkit-transition: ease-in-out 0.5s;
    -o-transition: ease-in-out 0.5s;
    transition: ease-in-out 0.5s;
}

.image-hover-effect--two article .post-thumbnail img{
    -webkit-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
    -webkit-transition: ease-in-out 0.5s;
    -o-transition: ease-in-out 0.5s;
    transition: ease-in-out 0.5s;
}

.image-hover-effect--two article .post-thumbnail:hover img{
    -webkit-transform:scale(1.05);
    -ms-transform:scale(1.05);
    -o-transform:scale(1.05);
    transform:scale(1.05);
}

.image-hover-effect--two article.product .post-thumbnail:hover img{
  -webkit-transform: translateY(0px) scale(1);
    -ms-transform: translateY(0px) scale(1);
    -o-transform: translateY(0px) scale(1);
    transform: translateY(0px) scale(1);
}

.image-hover-effect--one article.product .post-thumbnail:hover::after,
.image-hover-effect--one article.product .post-thumbnail:hover::before,
.image-hover-effect--two article.product .post-thumbnail:hover::after{
    opacity: 0;
}

.image-hover-effect--one article.product .post-thumbnail:hover::after{
    top: 100%;
}

.image-hover-effect--two article.product .post-thumbnail:hover::before{
    opacity: 0;
    visibility: hidden;
}

/***************************************
breadcrums design
****************************************/
#breadcrumb .trail-items {
    margin: 0;
}

#breadcrumb{
    padding: 30px 0;
    margin-bottom: 30px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}

#breadcrumb li{
    list-style: none;
    display: inline-block;
    margin-right: 40px;
    position: relative;
}

#breadcrumb li::after {
    position: absolute;
    content: "\f0da";
    font-family: fontawesome;
    color: #333;
    left: -25px;
    top: -2px;
}

#breadcrumb li.trail-begin::after{
    display: none;
}

#breadcrumb li,
#breadcrumb li a{
    color: #333;
    font-size: 18px;
}


/*--------------------------------------------------------------
Woocommerce styles
--------------------------------------------------------------*/
.woocommerce-breadcrumb {
  margin: 0 !important;
}

.woocommerce ul.cart_list li a,
.woocommerce ul.product_list_widget li a {
    font-weight: 400;
}

ul.products li.product {
  text-align: center;
}

.woocommerce .price-cart {
    background: #666666;
    bottom: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 36px;
    padding: 0 0 0 10px;
    position: absolute;
    width: 100%;
}

.woocommerce .price-cart:after {
    height: 0;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    background: #10b765;
    -webkit-transition: height 0.3s ease;
    -moz-transition: height 0.3s ease;
    -ms-transition: height 0.3s ease;
    transition: height 0.3s ease;
}

.woocommerce ul.products li.product:hover .price-cart:after {
    height: 100%;
}

.woocommerce ul.products li.product .price-cart .button {
    background: none;
    float: right;
    margin-top: 0;
    position: relative;
    z-index: 9;
    -webkit-transition: background 0.3s ease;
    -moz-transition: background 0.3s ease;
    -ms-transition: background 0.3s ease;
    transition: background 0.3s ease;
    padding-left: 30px;
}

.woocommerce ul.products li.product .price-cart .button:before {
    content: "\f07a";
    position: absolute;
    left: 10px;
    top: 0;
    font-family: "FontAwesome";
}

.woocommerce ul.products li.product .price-cart .button:hover {
    background: #10b765;
}

.woocommerce ul.products li.product .price del {
    display: inline-block;
    margin-right: 10px;
}

.woocommerce ul.products li.product .price-cart .price {
    color: #ffffff;
    display: block;
    float: left;
    font-size: 14px;
    line-height: 36px;
    margin-bottom: 0;
    width: 46%;
    position: relative;
    z-index: 9;
}

.woocommerce .price-cart a.added_to_cart {
    display: none;
}

.woocommerce ul.products li.product .price ins {
    font-weight: 400;
}

.woocommerce #respond input#submit.loading:after,
.woocommerce a.button.loading:after,
.woocommerce button.button.loading:after,
.woocommerce input.button.loading:after {
    top: 0;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-range,
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
    background: #10b765;
}

.woocommerce .widget_price_filter .price_slider {
    margin: 15px 0;
}

.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
    background: #10b765;
}

.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.added_to_cart.wc-forward {
    background: #10b765;
    border-radius: 0;
    color: #ffffff;
    font-weight: 400;
    height: 35px;
    line-height: 35px;
    padding: 0 15px;
    -webkit-transition: background 0.3s ease;
    -moz-transition: background 0.3s ease;
    -ms-transition: background 0.3s ease;
    transition: background 0.3s ease;
}

.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
  font-size: 18px;
  margin-top: 15px;
}

.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
  color: #10b765;
  font-size: 16px;
  font-weight: 500;
  margin: 0;
  display: block;
  margin: 0 0 20px;
}

.added_to_cart.wc-forward {
  display: block !important;
  margin-left: 5px;
  padding: 0 20px !important;
}

.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
    background: #10b765;
    color: #ffffff;
}

.woocommerce-product-search .search-field {
    border-radius: 0;
    border-right: medium none;
    height: 26px;
    margin-right: -4px;
}

.woocommerce-product-search {
    margin: 15px 0;
}

.woocommerce ul.products li.product .onsale,
.woocommerce span.onsale {
  border-radius: 0;
  bottom: auto;
  line-height: 25px;
  margin: 0;
  min-height: 35px;
  padding: 5px 20px;
  position: absolute;
  top: 10px;
  width: auto;
  right: 0px;
  background: #10b765;
  color: #fff;
  font-weight: 700;
  display: inherit;
}

.woocommerce table.shop_table th,
.woocommerce div.product .woocommerce-tabs ul.tabs li a,
.woocommerce table.shop_table tbody th,
.woocommerce table.shop_table tfoot td,
.woocommerce table.shop_table tfoot th {
    font-weight: 600;
}

.woocommerce .woocommerce-info,
.woocommerce .woocommerce-message {
    border-top-color: #10b765;
}

.woocommerce form .form-row.woocommerce-validated .select2-container,
.woocommerce form .form-row.woocommerce-validated input.input-text,
.woocommerce form .form-row.woocommerce-validated select {
    border-color: #10b765;
}

.woocommerce .woocommerce-message:before,
.woocommerce div.product p.price ins,
.woocommerce div.product span.price ins,
.woocommerce div.product p.price del,
.woocommerce .woocommerce-info:before {
    color: #10b765;
}

.woocommerce .price_label {
    position: relative;
    top: 5px;
}

.woocommerce .widget_price_filter .price_slider_amount .button {
    position: relative;
    z-index: 9;
}

.woocommerce .product-categories .children {
    padding-left: 20px;
}

.woocommerce .product-categories li a {
  display: inline-block;
  margin-bottom: 12px;
  padding-left: 15px;
  position: relative;
}

.woocommerce .quantity .qty {
    border: 1px solid #cccccc;
    border-radius: 0;
    padding: 4px 2px;
    width: 60px;
    height: 35px;
}

.woocommerce .product-categories > li > a:before,
.woocommerce .product-categories .children a:before {
    content: "\f101";
    position: absolute;
    left: 0;
    top: 0;
    font-family: "FontAwesome";
}

.woocommerce .product-categories .children a:before {
    content: "\f105";
}

.woocommerce .star-rating {
    margin: 5px 0;
}

.woocommerce #content table.cart td.actions .input-text,
.woocommerce table.cart td.actions .input-text,
.woocommerce-page #content table.cart td.actions .input-text,
.woocommerce-page table.cart td.actions .input-text {
    width: 150px;
    border-radius: 0;
}

.woocommerce div.product p.price del {
    float: left;
    margin-right: 15px;
}

.woocommerce div.product .woocommerce-product-rating,
.woocommerce div.product p.price {
    margin-bottom: 10px;
}

.woocommerce #respond input#submit.alt.disabled,
.woocommerce #respond input#submit.alt.disabled:hover,
.woocommerce #respond input#submit.alt:disabled,
.woocommerce #respond input#submit.alt:disabled:hover,
.woocommerce #respond input#submit.alt[disabled]:disabled,
.woocommerce #respond input#submit.alt[disabled]:disabled:hover,
.woocommerce a.button.alt.disabled,
.woocommerce a.button.alt.disabled:hover,
.woocommerce a.button.alt:disabled,
.woocommerce a.button.alt:disabled:hover,
.woocommerce a.button.alt[disabled]:disabled,
.woocommerce a.button.alt[disabled]:disabled:hover,
.woocommerce button.button.alt.disabled,
.woocommerce button.button.alt.disabled:hover,
.woocommerce button.button.alt:disabled,
.woocommerce button.button.alt:disabled:hover,
.woocommerce button.button.alt[disabled]:disabled,
.woocommerce button.button.alt[disabled]:disabled:hover,
.woocommerce input.button.alt.disabled,
.woocommerce input.button.alt.disabled:hover,
.woocommerce input.button.alt:disabled,
.woocommerce input.button.alt:disabled:hover,
.woocommerce input.button.alt[disabled]:disabled,
.woocommerce input.button.alt[disabled]:disabled:hover {
    background: #10b765;
    color: #ffffff;
}

.woocommerce table.shop_table td,
.woocommerce table.shop_table th,
.woocommerce table.shop_table tbody th,
.woocommerce table.shop_table tfoot td,
.woocommerce table.shop_table tfoot th {
    border: 1px solid #eee;
    border-top: none;
    border-right: none;
}

.woocommerce .shop_table tbody tr td:first-child,
.woocommerce .shop_table thead tr th.product-remove,
.woocommerce table.shop_table tfoot td:first-child,
.woocommerce table.shop_table tfoot th:first-child {
    border-left: medium none;
}

.order-total > th,
.order-total > td {
    border-bottom: medium none !important;
}

.woocommerce .shop_table tbody tr td.actions {
    border-bottom: none;
}

.woocommerce table.shop_table {
    border-radius: 0;
    border: 1px solid #eee;
}

.woocommerce form .form-row .select2-container {
    line-height: 35px;
}

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
    font-size: 16px;
    padding: 10px;
}

.woocommerce-cart .cart-collaterals .cart_totals table td,
.woocommerce-cart .cart-collaterals .cart_totals table th {
    border-bottom: none;
}

.widget.woocommerce ul {
    list-style: none;
    margin: 0;
}

.single-product .related.products ul.products {
    display: block;
}

ul.products li.product .button,
ul.products li.product .added_to_cart.wc-forward{
  display: inline-block;
  border-radius: 30px;
  padding: 0px 30px;
  height: 42px;
  line-height: 44px;
    margin: 0 auto;
    margin-top: 20px;
}

ul.products li.product .added_to_cart.wc-forward {
    margin-top: 15px;
}

.woocommerce #respond input#submit.disabled,
.woocommerce #respond input#submit:disabled,
.woocommerce #respond input#submit:disabled[disabled],
.woocommerce a.button.disabled, .woocommerce a.button:disabled,
.woocommerce a.button:disabled[disabled],
.woocommerce button.button.disabled, .woocommerce button.button:disabled,
.woocommerce button.button:disabled[disabled],
.woocommerce input.button.disabled,
.woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled] {
  color: inherit;
  cursor: not-allowed;
  opacity: .5;
  padding: 0 15px;
}

/*-----------------------------------
added wocommerce
-----------------------------------*/
.products li {
    list-style: none;
}

.quantity {
    display: inline-block;
}

.product_meta {
    margin: 10px 0;
}
.woocommerce-breadcrumb{
    display: none;
}

.woocommerce-error, .woocommerce-info, .woocommerce-message {
  color: #fff;
  border-top: 0px solid #a46497;
}

.woocommerce .woocommerce-ordering select {
  vertical-align: top;
  width: 100%;
  padding: 8px;
}

.archive .taxonomy-description {
  display: none;
}

table.shop_table_responsive tr td.product-remove a {
  text-align: center;
}

.woocommerce .woocommerce-info::before, .woocommerce-info a{
  color: #fff;
}

.single .woocommerce-info, .single .woocommerce-noreviews, .single p.no-comments {
  color: #fff;
  padding:10px 20px;
}

.woocommerce .woocommerce-ordering {
  margin-bottom: 40px;
}

.widget_shopping_cart_content {
  background: #fff;
  padding: 20px;
}

.woocommerce .widget_shopping_cart .cart_list li a.remove,
.woocommerce.widget_shopping_cart .cart_list li a.remove {
  top: 6px;
}

.woocommerce-mini-cart__buttons.buttons,
.woocommerce-mini-cart__empty-message{
  text-align: center;
  margin-bottom: 0;
}

.woocommerce ul.products li.product .button {
  margin-top: 1em;
}


/* Single Post Style Two */
.cv-post-style-two .post-thumbnail{
    padding-top:20px;
}
.cv-post-style-two .entry-content{
    margin-top:0;
    padding-top:0;
}

/* Single Post Style Three */
.cv-post-style-three #main,
.cv-post-style-four #main{
    padding-top:20px;
}
.post-thumb-header-wrapper{
    position: relative;
}
.cv-post-style-three .post-thumb-header-wrapper:before{
    content:'';
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(0, 0, 0, 0.4);
    z-index:1;
}
.cv-post-style-three #main > article .entry-header,
.cv-post-style-four #main > article .entry-header{
    position:absolute;
    left:0;
    top:50%;
    width:100%;
    transform:translateY(-50%);
    text-align:center;
    z-index:2;
    color:#fff;
    padding:15px;
}
.cv-post-style-three #main > article .entry-title,
.cv-post-style-three #main > article .entry-meta a,
.cv-post-style-four #main > article .entry-title,
.cv-post-style-four #main > article .entry-meta a
{
    color:#fff;
}

/* Single Post Style Four */
.cv-post-style-four #main > article .entry-header{
    bottom:0;
    top:auto;
    transform:none;
    text-align:left;
    background-image: linear-gradient(180deg, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 35%, rgba(0,0,0,0.9) 100%);
    padding:20px;
}
.cv-post-style-four #main > article .entry-meta,
.cv-post-style-four #main > article .entry-meta a{
    margin-left:0;
}
.cv-post-style-four #main > article .entry-content{
    text-align:left;
    padding:10px 0;
}

/* Archive List Layout */
.list-archive-layout article{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    padding-bottom:0!important;
}

.list-archive-layout article .post-thumbnail{
    width:60%;
}

.list-archive-layout article .archive-no-thumb-wrapper{
    width:40%;
    text-align:left;
}

.list-archive-layout .archive-no-thumb-wrapper .entry-title{
    margin-bottom:10px;
}

.list-archive-layout .archive-no-thumb-wrapper .cat-links a{
    margin-left:0;
    padding-right:20px;
    margin-bottom:0px;
}

.list-archive-layout .archive-no-thumb-wrapper .entry-meta a{
    margin-left:0;
    padding-left:8px;
}

.list-archive-layout .archive-no-thumb-wrapper .entry-meta .posted-on a{
    padding-left:0;
}

.list-archive-layout .archive-no-thumb-wrapper .entry-content{
    margin:0;
    padding-top:5px;
}
.list-archive-layout .archive-no-thumb-wrapper .entry-btn{
    padding-left:20px;
}

/* Archive Masonry Layout */
.masonry-archive-layout .site-main{
    margin-right:-3%;
}

.masonry-archive-layout article{
    width:47%;
    margin-right:3%;
    margin-left:-5px;
    display: inline-block;
    vertical-align:top;
}

/* header Background */
.header-background--image #masthead{
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.footer-background--image{
    position: relative;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.header-background--none #masthead,
.footer-background--none{
    background:none;
}

/* .header-background--image #masthead:before */
.footer-background--image:before{
    content: "";
    background:rgba(0, 0, 0, 0.6);
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index:-1;
}