/*

Theme Name: Cosmics

Theme URI: https://www.nayrathemes.com/cosmics-free/

Author: Nayra Themes

Author URI: https://www.nayrathemes.com/

Description: Cosmics is an elegant and modern WordPress theme for spa and wellness centers but it is also very easy to customize it for other business like hairdressing, ayurvedic, manicures, pedicures, makeup, mashups, nails, detox, tanning, male grooming, facials, waxing, spa and body treatments, massages or other Hair & Barber related services. View the demo of Cosmics Pro https://www.nayrathemes.com/demo/pro/?theme=cosmics 

Template: hantus

Version: 9.4

Tested up to: 6.6

Requires PHP: 5.6

Requires at Least: 4.7

License: GPLv3 or later

License URI:  https://www.gnu.org/licenses/gpl-3.0.html

Text Domain: cosmics

Slug: cosmics

Tags: one-column, two-columns, right-sidebar, flexible-header, custom-background, custom-colors, custom-header, custom-menu,  custom-logo, featured-image-header, featured-images, footer-widgets, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, blog, e-commerce, portfolio, editor-style, grid-layout



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.



*/



/* Header */



a {

    color: #ec5598;

}



h1, h2, h3, h4, h5, h6 {

    color: #242526;

}



.blog-post ul:not(.meta-info) li a,

.blog-post ol:not(.meta-info) li a,

.blog-post table a, strong a, blockquote a, code a, p a,

span a {

    color: #ec5598;

}



.post-comment-area h2,

.blog-post .post-title a:focus {

	color: #ec5598;

}



.header-slider .theme-slider .theme-content h1 {

    color: #ec5598;

}



.cosmics-theme #header-top {

	color: #fff;

}



.cosmics-theme #header-top li a,

.cosmics-theme #header-top ul:not(.header-social) li i,

.cosmics-theme #header-top p i {

    color: #fff;

}



.cosmics-theme #header-top .header-social a{

	background: #33FF00;

}



.cosmics-theme .main-menu li a {

    padding: 12px 15px;
	border-right:20px solid #000000;
	
	background:#33FF00;

}





.cosmics-theme .main-menu li {

    margin-right: 5px;

}





/* Cosmics-Info */

.single-info-cosmics > img {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    object-fit: cover;

    z-index: -1;

    -webkit-transition: all ease-in .28s;

    transition: all ease-in .28s;

}









.single-info-cosmics > img {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    object-fit: cover;

    z-index: -1;

    -webkit-transition: all ease-in .28s;

    transition: all ease-in .28s;

}

.single-info-cosmics {

    position: relative;

    z-index: 0;

    height: 200px;

    width: 200px;

    background-color: #ffffff;

    border: 2px solid #ffffff;

    border-radius: 100%;

    cursor: pointer;

    overflow: hidden;

    -webkit-box-shadow: 0 12px 20px rgb(0 0 0 / 8%);

    box-shadow: 0 12px 20px rgb(0 0 0 / 8%);

}



.single-info-cosmics:after {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    background: rgba(0, 0, 0, 0.6);

    width: 100%;

    height: 100%;

    z-index: -1;

}



.info-cosmics .info-wrapper:not(.contact-wrapper) .info-area {

    justify-content: end;

    text-align: center;

}



.info-cosmics .info-caption {

    width: 100%;

    padding: 15px 0px;

}



.info-cosmics .btn-info {

    margin: 0 auto;

    border-radius: 50%;

    padding: 7px 15px;

    font-size: 20px;

}	



.single-info-cosmics::before {

    content: "";

    background: #ec5598;

    position: absolute;

    left: 50%;

    transform: translate(-50%,-50%) scale(0);

    width: 0;

    height: 0;

    border-radius: 50%;

    top: 50%;

    transition: all 0.4s ease-in-out;

	opacity: 0.6;

}



.single-info-cosmics:hover::before {

    width: 100%;

    height: 100%;

    transform: translate(-50%,-50%) scale(1);

}



.single-info-cosmics:hover .btn-info{

	background: #ffffff;

	color: #2c3145;

}



.single-info-cosmics .info-caption p {

    font-size: 22px;

}



.single-info-cosmics .info-caption h4 {

    font-size: 22px;

	font-weight: 600;

    line-height: 1.8;

}







/* ripple social */

.cosmics-theme #header-top .header-social a:hover{

	background-color: #ffffff;

	width: 25px;

	height: 25px;

	border-radius: 50%;

	animation: social_ripple 1.5s linear infinite;

}



@keyframes social_ripple {

  0% {

    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3), 0 0 0 4px rgba(255, 255, 255, 0.3), 0 0 0 8px rgba(255, 255, 255, 0.3), 0 0 0 12px rgba(255, 255, 255, 0.3);

  }

  100% {

    box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.3), 0 0 0 8px rgba(255, 255, 255, 0.3), 0 0 0 12px rgba(255, 255, 255, 0.3), 0 0 0 16px rgba(255, 255, 255, 0);

  }

}

/* Blog */

.blog-post a.more-link {

    display: inline-block;

    margin-top: 10px;

    padding: 7px 20px;

    font-weight: 500;

    color: #ffffff;

    background-color: #242526;

    border-radius: 20px;

    -webkit-transition: .3s all;

    transition: .3s all;

}



.blog-post a.more-link:hover,

.blog-post a.more-link:focus {

	background-color: #ec5598;

}



.post-content {

    position: relative;

    z-index: 0;

}



.meta-info li.post-date:after {

	display: none;

}



.meta-info li.post-date a {

    color: #ffffff !important;

    background-color: #ec5598;

    padding: 12px 15px 11px;

}



.meta-info li.post-date {

    position: absolute;

    bottom: 103%;

}



.single-product .meta-info li.post-date{

	 bottom: 100%;

}



#footer-copyright {

    border-top: 1px solid #e2e2e2;

	background-color: #fbfbfb;

}



section#testimonial {

    box-shadow: 0px 1px 4px 0px  #000000;

}



ul.mbl li:last-child:not(:first-child) {

    border-left: 1px solid rgb(230 230 230 / 20%);

}





.shop-product h5 a:hover{

	color:#242526;

}



.wp-block-tag-cloud a {

    font-size: 16px !important;

}



.blog-post .wp-block-search {

    margin-bottom: 20px;

}



.wp-block-table figcaption {

    text-align: center;

}



.sidebar .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link {

    color: #fff;

}



.wp-block-search .wp-block-search__input{

	outline: none;

    border: 1px solid #e5e5e5;

    min-height: 40px;

    box-shadow: none;

}



.wp-block-tag-cloud a, 

.wp-block-tag-cloud a:hover,

.wp-block-tag-cloud a:focus  {

    border: none;

}



.wp-block-image figcaption {

    text-align: center;

}



.wp-block-calendar table caption {

    text-align: center;

}



ul.wp-block-social-links li a {

    line-height: 0;

    margin-bottom: 0;

    font-size: 24px;

}





.sidebar ol.wp-block-latest-comments {

    padding: 0;

}



.footer-sidebar .widget_media_image figcaption,

.footer-sidebar .wp-block-table figcaption {

    font-size: 18px;

    color: #000;

    font-weight: 500;

}



.footer-sidebar .widget_shopping_cart .cart-buttons a {

    padding: 11px 30px;

}



.widget_shopping_cart .cart-item {

    padding: 10px;

    border: 1px solid #eee;

    margin-bottom: 10px;

    position: relative;

}



.widget_shopping_cart .cart-item .cart-item-description {

    font-size: 16px;

}



.widget_shopping_cart .cart-item .cart-item-description h4 {

    margin-top: 8px;

    font-size: 18px;

    font-weight: 600;

    letter-spacing: 0.5px;

}



.widget_shopping_cart .cart-item .cart-item-description {

    display: inline-block;

    vertical-align: top;

}



.post-content .wp-block-latest-comments {

    padding: 0;

}



.wp-block-table {

    word-break: break-all;

}



.footer-sidebar .wp-block-latest-comments {

    padding: 0;

}



.logged-in.wp-block-loginout a {

    border-radius: 50px;

}



.wp-block-media-text .wp-block-media-text__content {

    line-height: 32px;

}



.wp-block-calendar a {

    text-decoration: none;

}



.site-content ol.wp-block-latest-comments {

    padding: 0;

}



a.button.add_to_cart_button.added {

    padding: 15px;

}



.wp-block-buttons {

    margin: 15px 0px;

}



.wp-block-categories-list {

    list-style: none;

    padding-left: 0;

}



.comment-respond {

    width: 100%;

}



.wp-block-embed figcaption {

    text-align: center;

}



.wp-block-code code img {

    margin-left: 20px;

}



.wp-block-pullquote.has-background blockquote {

    background: inherit;

}



.site-content .wp-block-loginout,

.site-content form.wp-block-search {

    padding: 20px 0;

}



pre.has-background code {

    background-color: inherit;

}



p.has-text-color em {

    color: inherit;

}



.site-content .wp-block-group {

    padding: 0 20px;

}



.wp-block-group em {

    color: inherit;

}



.has-text-color em,

.has-text-color h2 {

    color: inherit;

}



a.wp-block-file__button {

    color: #fff;

}



.has-text-color * {

    color: inherit;

}



.has-text-color a:hover, 

.has-text-color a:focus {

    color: inherit;

}





.sidebar .wp-block-search__label{

	box-shadow: none;

	font-weight: 500;

	font-size: 20px;

	padding-bottom: 30px;

}



.wp-block-image figcaption {

 	margin-bottom: 0;

}



/* gallery cross buttom style */

button.featherlight-close-icon.featherlight-close {

    background-color: #f22853;

    border: 1px solid #f22853;

    top: 40px;

    right: 40px;

    border-radius: 0;

}





/* circle hover */

.is-style-circle figure.tiled-gallery__item:before {

    content: '';

    position: absolute;

    inset: 0;

    background: #000;

    border-radius: 100%;

    opacity: 0;

    visibility: hidden;

    transition: 0.65s;

}

.is-style-circle figure.tiled-gallery__item:hover:before,

.is-style-circle figure.tiled-gallery__item:focus:before{

    visibility: visible;

    opacity: 0.5;

}



/* circle spacing */

.wp-block-jetpack-tiled-gallery .tiled-gallery__row{

	margin-right: calc(-.4 * var(--bs-gutter-x));

    margin-left: calc(-.4 * var(--bs-gutter-x));

    --bs-gutter-x: 1.5rem;

}



.wp-block-jetpack-tiled-gallery .tiled-gallery__row>* {

    padding-right: calc(var(--bs-gutter-x) * .4);

    padding-left: calc(var(--bs-gutter-x) * .4);

}



.wp-block-jetpack-tiled-gallery .tiled-gallery__row:not(:last-child) {

    margin-bottom: 20px;

}



.wp-block-jetpack-tiled-gallery .tiled-gallery__row+.tiled-gallery__row {

    margin-top: 0px;

}



.wp-block-jetpack-tiled-gallery .tiled-gallery__col+.tiled-gallery__col {

    margin-left: 0px;

}



/* circle box shadow */

.wp-block-jetpack-tiled-gallery.is-style-circle .tiled-gallery__item {

    border-radius: 50%;

    box-shadow: rgb(14 30 37 / 12%) 0px 2px 4px 0px, rgb(14 30 37 / 32%) 0px 2px 16px 0px;

}



.wp-block-jetpack-tiled-gallery.is-style-rectangular .tiled-gallery__item {

    width: 100%!important;

    height: 100%!important;

	box-shadow: rgb(14 30 37 / 12%) 0px 2px 4px 0px, rgb(14 30 37 / 32%) 0px 2px 16px 0px;

}



.wp-block-jetpack-tiled-gallery .tiled-gallery__item {

	box-shadow: rgb(14 30 37 / 12%) 0px 2px 4px 0px, rgb(14 30 37 / 32%) 0px 2px 16px 0px;

}



.wp-block-jetpack-tiled-gallery .tiled-gallery__gallery{

	justify-content: center;

}



.wp-block-jetpack-tiled-gallery.is-style-columns .tiled-gallery__item{

	width: 100%!important;

	margin-bottom: 20px

}

.wp-block-jetpack-tiled-gallery.is-style-columns .tiled-gallery__item:last-child{

	margin-bottom: 0px

}

.wp-block-jetpack-tiled-gallery.is-style-columns .tiled-gallery__item {

    margin-top: 0px;

}



blockquote.wp-block-quote.has-text-color p,blockquote.wp-block-quote.has-text-color p var,blockquote.wp-block-quote.has-text-color p cite,blockquote.wp-block-quote.has-text-color cite {

	color: inherit;

}



.wp-block-table figcaption {

	text-align: center;

}



.sidebar .widget .wp-block-group .wp-block-image {

	margin-bottom: 0;

}

ul.wp-block-rss {

 	list-style: disc;

}

.has-text-color a:hover, .has-text-color a:focus {

	color: inherit;

}

.entry-content ul:last-child {

	margin-bottom: 0;

}

.wp-block-code.has-text-color code {

	color: inherit;

}

.sidebar .widget .wp-block-group .is-nowrap p {

 	padding: 0;

}

.sidebar .widget .wp-block-group .wp-block-latest-comments .wp-block-latest-comments__comment .wp-block-latest-comments__comment-date {

	padding-top: 0.5rem;

 	padding-bottom: 0.5rem;

 	font-size: 0.875rem;

}



/*wp-Block-RSS*/

ul.wp-block-rss {

	list-style: none;

	margin-left: 0;

}

ul.wp-block-rss li.wp-block-rss__item {

    margin-bottom: 1rem;

}

ul.wp-block-rss li.wp-block-rss__item:last-child {

    margin-bottom: 0;

}



.sidebar .widget .wp-block-group .wp-block-pullquote blockquote {

	margin-top: 0;

	margin-bottom: 0;

}



.sidebar .widget .wp-block-group .wp-block-rss .wp-block-rss__item-title > a {

 	font-weight: 600;

}



.wp-block-quote.is-style-large {

	padding-top: 1.10rem;

	padding-bottom: 1.10rem;

}



.sidebar .widget .wp-block-group .wp-block-file, .sidebar .widget .wp-block-group .wp-block-image {

        padding: 1.563rem 1.000rem 1.563rem;

}



.widget .wp-block-group .is-vertical a {

    color: inherit;

}



.entry-content ol.wp-block-latest-comments {

	padding-left: 2rem;

}



.wp-block-table figcaption {

  text-align: center;

}



.post .entry-content ul.wp-block-archives {

	margin-left: 1.125rem;

	list-style: disc

}



.wp-block-code.has-background code {

	background: inherit;

}



.wp-block-group .wp-block-embed,

.wp-block-group .wp-block-image {

	 padding: 1.563rem 1.000rem 1.563rem;

}



.wp-block-archives-dropdown select,

.wp-block-categories-dropdown select {

     width: auto;

}



.widget .wp-block-group .wp-block-columns {

	margin-bottom: 0;

}



.widget .wp-block-group .wp-block-rss li:last-child {

    padding-bottom: 0;

}



ul.wp-block-page-list a {

    text-decoration: none;

}  



.sidebar .wp-block-group .is-nowrap {

    margin: 1.563rem 1.000rem 1.563rem;

}



.sidebar .widget .wp-block-group .wp-block-latest-comments__comment-meta {

    font-weight: 600;

    line-height: 1.5;

}



.wp-block-woocommerce-customer-account a .wc-block-customer-account__account-icon {

	height: 2em;

	width: 2em;

}



.sidebar .widget .wp-block-group .is-layout-flow h2 {

	border-left: 0 none;

}



.wc-block-components-product-title a,

.wc-block-components-product-title a:hover,

.wc-block-components-product-title a:focus {

	text-decoration: none;

}



.wp-block-verse {

    padding: 10px;

}



.wp-block-details summary { 

	font-weight: 600;

}



.wp-block-calendar .wp-calendar-nav {

	position: relative;

	top: 0;

	left: 0;

	width: 100%;

}



.sidebar .widget .wp-block-group .wp-block-latest-comments,

.sidebar .widget .wp-block-group .wp-block-loginout,

.sidebar .widget .wp-block-group .wp-block-table,

.sidebar .widget .wp-block-group .wp-block-buttons {

	padding: 1.563rem 1.000rem 1.563rem;

}



.wc-block-cart .wp-block-woocommerce-cart-order-summary-block .wc-block-cart__totals-title {

    font-size: 24px;

    line-height: 34px;

    text-transform: capitalize;

    margin-bottom: 15px;

}



.sidebar .widget .wp-block-group .wp-block-embed {

    margin: 0;

}



.sidebar .widget .wp-block-group ol li {

	padding-bottom: 0.625rem;

}



.wp-block-details summary {

	font-weight: 600;

	padding: 10px;

}



.wp-block-latest-posts__post-author {

	font-size: 1.7rem;

 	font-weight: 600;

}



a.wc-block-grid__product-link {

	text-decoration: none;

}



.wp-block-cover.has-background-dim-60.has-background-dim .wp-block-cover-text a:hover {

	color: inherit;

}



.sidebar .widget .wp-block-group .wp-block-cover,

.sidebar .widget .wp-block-group .wp-block-separator {

	margin-bottom: 0rem;

}



.wp-block-quote .wp-block-search {

	padding-bottom: 5px;

}



.wc-block-mini-cart__icon,

.wc-block-mini-cart__badge {

	color: inherit;

}



.sidebar .widget .wp-block-pullquote cite {

    z-index: 1;

}



.sidebar .widget .wp-block-group .is-nowrap {

	margin: 1.563rem 1.000rem 1.563rem;

}



.wp-block-post-title a {

    text-decoration: none;

}



.wp-block-details summary {

	font-weight: 600;

}



.wp-block-group.has-black-border-color {

	border-color: #333 !important;

}



.widget .wp-block-group .wp-block-preformatted a {

	color: inherit;

}



.wp-block-woocommerce-single-product .wp-block-post-title a {

	text-decoration: none;

}



.footer-sidebar .widget .wp-block-group .wp-block-image .wp-element-caption a {

    color:inherit;

}



.sidebar .widget .wp-block-group .is-nowrap p {

	padding: 0;

}



.sidebar .widget.widget_block .wp-block-group ul.wp-block-latest-posts__list {

    margin-left: 0;

}



.sidebar .widget .wp-block-group .wp-block-latest-comments__comment-meta {

	font-weight: 600;

	line-height: 1.5;

}



.wc-block-components-product-title a.wc-block-components-product-name:hover,

.wc-block-components-product-title a.wc-block-components-product-name:focus {

	color: inherit;

}



.wp-block-code.has-text-color code {

    color: inherit;

}



.wc-block-grid__products .wc-block-components-product-button__button {

    border-radius: 0;

}



.widget .wp-block-heading:before {

	left: 0;

	top: 0;

}



div.wc-block-components-sidebar-layout.wc-block-cart .wc-block-cart__totals-title {

	font-weight: 700;

	font-size: 24px;

}



.wc-block-components-checkout-place-order-button{

	background: inherit;

}



.widget .wp-block-social-links {

    margin-bottom: 0;

}



.wp-block-latest-comments article{

	margin-bottom: 0px;

}



.sidebar .widget .wp-block-group .wp-block-button .wp-block-button__link {

	color: #fff;

}



button.wp-block-search__button.wp-element-button:hover,

button.wp-block-search__button.wp-element-button:focus{

    border: 2px solid;

}



.wc-block-components-totals-coupon__content button.components-button {

	border-radius: 4px;

}



.wp-block-code code img {

    padding: 10px;

}



.wp-block-latest-posts__list .wp-block-latest-posts__post-author,

.wp-block-latest-posts__list .wp-block-latest-posts__post-date {

	text-decoration: none;

}



.wc-block-cart-items td {

	color: inherit;

}



.wc-block-components-totals-coupon__content button.components-button {

    border-radius: 0;

}