/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Layout
- Common
# Header TopBar
- Topbar Logo
- Style One
- Style two
- Style three
- Style four
# Header Bottom
- Style One
- Style Two
- Style Three
- Style Four
# Breadcrumb
- Style 01
- Style 02
- Style 03
- Style 04
# Sidebar widgets
- Common css for widgets
- Search Box
- Category List
- Recent Posts
- Tag List
- Instagram Feed
- Newsletter Box
# Blog
- Common css
- Articel Post
- Grid Layout
# Single Blog
- Common css
- Single Post pagination
- Comment Box
- Comment Form
# Footer
- Footer Top
- Copyright
- Scroll up
- Social
# Elementor Commons
# Newsletter
---------------------------------------------------------------*/
/*
****** Layout ******
Common for Layout
-----------------------------------------------------------------*/
header#masthead {
/*border-top: 1px solid #4646461f;*/
}
body.page-template-fullwidth #page.container,
body.page-template-fullwidth-fluid #page.container{
padding: 0;
margin: 0 auto;
}
body.page-template-fullwidth-fluid #page.container{
max-width: 100%;
}
/* Topbar Logo
-----------------------------------------*/
.sticky-topbar-logo .custom-logo-link>img {
height: 27px;
width: auto;
max-width: 100%;
}
.sticky-topbar-logo{
position: fixed;
text-align: center;
left: 50%;
/* background-color: #f4f9fc; */
/* background-color: var(--astha-secondary); */
padding: 8px 0;
display: none;
z-index: 101;
transition: .5s all;
/* box-shadow: 0 0 10px #0000001f; */
/*transform: translate(-50%, -10px);*/
top: 0;
}
.admin-bar .sticky-topbar-logo{top: 32px;}
.sticky-topbar-logo a.custom-logo-link{
display: block;
margin-left: -100%;
}
/* Header TopBar
---------------------------------------------------------------*/
body.header-sticky-only_topbar .header-top {
background: #fff;
background: var(--astha-foreground);
}
/* comon css for topbar */
.site-header{
box-shadow: 0px 5px 12px #0000000d;
/*box-shadow: 0px 7px 10px #0000000d;*/
/*box-shadow: 0 0 10px #0000001f;*/
}
body.header-sticky-only_topbar.header-scrolled .header-top{
box-shadow: 0 0 10px #0000001f;
}
body.header-sticky-only_topbar .site-header{
/*box-shadow: 0 0 0 #00000000;*/
}
/*body.header-sticky-only_topbar.admin-bar .site-header{
box-shadow: 0 0 4px #0000001f;
}*/
body.page-template.breadcrumb-on .site-header,
body.page-template.breadcrumb-off .site-header{
margin-bottom: 0;
}
body.current-topbar-three .header-top,
body.current-topbar-four .header-top,
body.current-topbar-one .header-top{
background-color: #f4f9fc;
background-color: var(--astha-secondary);
background-color: var(--astha-topbar-bgcolor);
}
body .site-header .header-top .header_top_left *,
body .site-header .header-top .header_top_right .social_link .social-item-link i,
body .site-header .header-top .contact_mail a,
body.current-topbar-one .site-header .header-top .topbar-mini-cart-wrapper.header-minicart-wrapper span.topbar-shopping-cart-text,
body.current-topbar-one .site-header .header-top .topbar-mini-cart-wrapper.header-minicart-wrapper .site-header-cart .cart-contents,
body.current-topbar-one .site-header .header-top .topbar-mini-cart-wrapper.header-minicart-wrapper .site-header-cart .cart-contents::before,
body.current-topbar-four .site-header .header-top .topbar-mini-cart-wrapper.header-minicart-wrapper span.topbar-shopping-cart-text,
body.current-topbar-four .site-header .header-top .topbar-mini-cart-wrapper.header-minicart-wrapper .site-header-cart .cart-contents,
body.current-topbar-four .site-header .header-top .topbar-mini-cart-wrapper.header-minicart-wrapper .site-header-cart .cart-contents::before,
.sss{
color: var(--astha-topbar-color);
}
body .site-header .header-top .header_top_left a:hover *,
body .site-header .header-top .header_top_right .social_link .social-item-link:hover i{
color: var(--astha-topbar-link-color);
}
.contact_mail {
text-align: left;
}
.contact_mail a {
padding: 15px 20px 15px 0;
}
.contact_mail a i {
margin: 0 8px 0 0;
position: relative;
top: 1px;
}
.contact_num {
text-align: left;
padding-right: 20px;
}
.contact_num a {
display: inline-block;
min-width: 42px;
padding: 14px 10px;
font-size: 14px;
color: #5c6b79;
color: var(--astha-light-dark);
margin: 0 20px 0 0;
text-align: center;
line-height: 1;
}
.current-topbar-one .contact_mail a,
.current-topbar-two .contact_mail a,
.current-topbar-four .contact_mail a,
.current-topbar-five .contact_mail a{
border-right: 1px solid #00000026;
}
.current-topbar-two .contact_mail a,
.current-topbar-five .contact_mail a{
border-left: 1px solid #00000026;
padding-left: 20px;
}
.current-topbar-one .contact_num a,
.current-topbar-two .contact_num a,
.current-topbar-four .contact_num a,
.current-topbar-five .contact_num a{
border-left: 1px solid #00000026;
border-right: 1px solid #00000026;
}
.current-topbar-one .header_top_right .social_link li a,
.current-topbar-two .header_top_right .social_link li a,
.current-topbar-four .header_top_right .social_link li a,
.current-topbar-five .header_top_right .social_link li a{
border-left: 1px solid #00000026;
}
.current-topbar-two .header_top_right .social_link li:last-child a{
border-right: 1px solid #00000026;
}
.current-topbar-one .header_top_right .social_link li:last-child a,
.current-topbar-four .header_top_right .social_link li:last-child a,
.current-topbar-five .header_top_right .social_link li:last-child a{
border-right: 1px solid #00000026;
}
/* Style One */
.header-top {
overflow: hidden;
}
body.header-scrolled .header-top {
overflow: visible;
}
.current-topbar-one .header-top.container-fluid {
padding-right: 0;
}
/* Style Two */
/* Style Three */
/* Style Four */
/* Style Five */
.current-topbar-two .header-top,
.current-topbar-five .header-top{
border-bottom: 1px solid #00000026;
}
.header-top .header-top-wrapper {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
.header_top_left {
display: flex;
justify-content: flex-start;
align-items: center;
flex-wrap: wrap;
/*width: 55%;*/ /* as wrapper has flex, no need width at this moment */
}
.header_top_right {
width: 45%;
display: flex;
justify-content: flex-end;
align-items: center;
flex-wrap: wrap;
}
.current-topbar-three .header-top .header_top_right{
align-items: stretch;
}
.current-topbar-three .header-top .site-header-cart {
padding-right: 35px;
}
.contact_mail a,
.contact_num span {
font-size: 14px;
/*font-weight: 500;*/
color: #5c6b79;
color: var(--astha-light-dark);
line-height: 1;
display: inline-block;
margin-right: 20px;
}
.contact_num span i{
font-style: normal;
}
.social_link {
display: flex;
flex-wrap: wrap;
}
.social_link li {
margin: 0;
padding: 0;
}
.social_link li a {
display: inline-block;
width: 46px;
text-align: center;
padding: 14px 0;
line-height: 1;
transition: 0.3s;
-webkit-transition: 0.3s;
}
.social_link li a i {
color: #5c6b79;
color: var(--astha-light-dark);
font-size: 14px;
}
.contact_num a:hover,
.social_link li a:hover {
background: #0fc392;
background: var(--astha-primary);
border-color: transparent;
}
.contact_num a:hover i,
.social_link li a:hover i {
color: #fff;
}
.lang_selector {
display: none;
}
/*
.lang_selector {
padding: 7px 10px 7px 20px;
position: relative;
}
.lang_select {
cursor: pointer;
min-width: 75px;
}
.lang_select span,
.lang_dropdown li {
font-size: 14px;
font-family: var(--astha-font-primary);
position: relative;
color: #5c6b79;
color: var(--astha-light-dark);
}
.lang_select span::after {
position: absolute;
top: 45%;
right: -11px;
content: "";
border-bottom: 1px solid #5c6b79;
border-bottom: 1px solid var(--astha-light-dark);
border-right: 1px solid #5c6b79;
border-right: 1px solid var(--astha-light-dark);
width: 5px;
height: 5px;
transform: translateY(-50%) rotate(45deg);
}
.lang_dropdown li img,
.lang_select span img {
margin-right: 6px;
position: relative;
top: 2px;
}
.lang_dropdown {
position: absolute;
top: 36px;
left: 0;
width: 100%;
background: #fff;
padding: 3px 8px;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
border-radius: 3px;
visibility: hidden;
opacity: 0;
}
.lang_dropdown.open {
visibility: visible;
opacity: 1;
z-index: 9;
}
.lang_dropdown li {
display: block;
margin: 0;
padding: 8px 13px;
}
.lang_select:after {
position: absolute;
top: 68%;
right: -2px;
content: "";
color: #fff;
font-size: 18px;
line-height: 1;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}*/
.consult_btn {
display: block;
}
.consult_btn a {
font-size: 16px;
background: #0fc392;
background: var(--astha-primary);
display: inline-block;
color: #fff;
font-family: var(--astha-font-primary);
padding: 14px 40px 15px;
line-height: 1;
width: 100%;
text-align: center;
}
.right_none_area {
display: block;
padding: 14px 40px 15px;
width: 100%;
min-height: 45px;
}
.topbar-mini-cart-wrapper.header-minicart-wrapper {
/*background: var(--astha-primary);*/
/*color: white;*/
padding-left: 15px;
}
.current-topbar-three .topbar-mini-cart-wrapper.header-minicart-wrapper {
background: #0fc392;
background: var(--astha-primary);
color: white;
/*padding-right: 15px;*/
padding-top: 11px;
padding-bottom: 11px;
}
.topbar-mini-cart-wrapper.header-minicart-wrapper span.amount {
color: black;
font-weight: 600;
}
.topbar-mini-cart-wrapper.header-minicart-wrapper {
display: flex;
justify-content: flex-start;
align-items: center;
flex-wrap: wrap;
}
.topbar-mini-cart-wrapper.header-minicart-wrapper span.topbar-shopping-cart-text{
padding: 0 7px 0 0;
line-height: 1;
font-size: 14px;
}
.topbar-mini-cart-wrapper .site-header-cart .cart-contents::before {
font-size: 14px;
padding-right: 15px;
}
.topbar-mini-cart-wrapper .site-header-cart .cart-contents span.count{
position:relative;
top:unset;
padding-right: 10px;
margin-left: -10px;
}
.topbar-mini-cart-wrapper .site-header-cart .cart-contents span.amount{
border-left: 1px solid #00000026;
/*border-right: 1px solid #00000026;*/
padding: 13px 0 13px 15px;
position:relative;
top:unset;
}
/* Header Bottom */
.header-wrapper {
display: block;
position: relative;
}
.header-wrapper .site-branding{
padding: 14px 24px;
}
/*
//has transferred to responsive.css file. because it's need for mobile only
div.header .main_menu{
width: 100%;
}*/
button.menu-toggle {
color: #0fc392;
color: var(--astha-primary);
font-size: 0;
background-color: transparent;
background-repeat: no-repeat;
background-position: center;
border-color: transparent;
/*height: 30px;*/
/*width: 30px;*/
/*height width only for header inside menu, not for bottom*/
}
div.header button.menu-toggle {
height: 30px;
width: 30px;
}
div.header .header-bottom button.menu-toggle{
margin: auto;
}
.main-navigation button.menu-toggle {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJmZWF0aGVyIGZlYXRoZXItbWVudSI+PGxpbmUgeDE9IjMiIHkxPSIxMiIgeDI9IjIxIiB5Mj0iMTIiPjwvbGluZT48bGluZSB4MT0iMyIgeTE9IjYiIHgyPSIyMSIgeTI9IjYiPjwvbGluZT48bGluZSB4MT0iMyIgeTE9IjE4IiB4Mj0iMjEiIHkyPSIxOCI+PC9saW5lPjwvc3ZnPg==");
}
nav.head-bottom-navigation button.menu-toggle {
background: #0fc392;
background: var(--astha-primary);
height: initial;
padding: 1px;
line-height: initial;
width: 44px;
text-align: center;
}
.head-bottom-navigation button.menu-toggle::before{
content: "\f0c9";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 34px;
}
.header-wrapper .main_menu button.menu-toggle {
position: absolute;
top: 36px;
right: 15px;
background-color: #8c8c8c0d;
padding: 16px;
}
.main-navigation.toggled button.menu-toggle {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJmZWF0aGVyIGZlYXRoZXIteCI+PGxpbmUgeDE9IjE4IiB5MT0iNiIgeDI9IjYiIHkyPSIxOCI+PC9saW5lPjxsaW5lIHgxPSI2IiB5MT0iNiIgeDI9IjE4IiB5Mj0iMTgiPjwvbGluZT48L3N2Zz4=")
}
.head-bottom-navigation.toggled button.menu-toggle:before{
content: "\f00d";
}
/* Style Three
* paste in widget area
Visit Our Shop:
1024 Green Road, NY, USA
--------------------------------------------- */
.site-header .widget-area .widget {
min-width: 250px;
max-width: 33%;
padding: 10px 20px;
margin: 10px 0;
}
.site-header .widget-area {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
line-height: 1.2;
}
.site-header .widget-area .widget i.fas {font-size: 25px;}
.site-header .widget-area .widget i.fas:before {
top: 2px;
position: relative;
}
.site-header .widget-area .widget a {
color: var(--astha-light-dark);
}
.site-header .widget-area .widget .textwidget > div {
display: flex;
}
.site-header .widget-area .widget span {
margin-left: 10px;
}
/* Breadcrumb
--------------------------------------------- */
.breadcrumb-wrap {
padding: 30px 0;
}
ul.astha-breadcrumb {
margin: 0;
}
.breadcrumb-wrap .container {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
min-height: 300px;
}
.breadcrumb-wrap.breadcrumb-style-4 .container{
min-height: inherit;
}
.breadcrumb-wrap.breadcrumb-style-3 {
background-size: cover;
padding: 50px 0;
background-repeat: no-repeat;
}
.breadcrumb_title .entry-title,
.breadcrumb_title .page-title{
display: block;
font-size: 74px;
line-height: 1.162;
text-align: center;
z-index: 9;
text-decoration: none;
color: #021429;
color: var(--astha-deep-dark);
/*text-transform: capitalize; Removed*/
margin: 0;
word-break: break-word;
word-wrap: break-word;
}
.breadcrumb-menu {
margin: 0;
}
.breadcrumb-menu li {
display: inline-block;
list-style: none;
}
.breadcrumb-menu li a,
.breadcrumb-menu .woocommerce-breadcrumb a
{
display: inline-block;
color: #fff;
text-decoration: none;
padding: 0 15px;
position: relative;
line-height: 1;
font-weight: 600;
}
.breadcrumb-wrap.breadcrumb-style-2 .breadcrumb-menu li a,
.breadcrumb-wrap.breadcrumb-style-2 .breadcrumb-menu .woocommerce-breadcrumb a,
.breadcrumb-wrap.breadcrumb-style-3 .breadcrumb-menu li a,
.breadcrumb-wrap.breadcrumb-style-3 .breadcrumb-menu .woocommerce-breadcrumb a,
.breadcrumb-wrap.breadcrumb-style-4 .breadcrumb-menu li a,
.breadcrumb-wrap.breadcrumb-style-4 .breadcrumb-menu .woocommerce-breadcrumb a {
color: #021429;
color: var(--astha-deep-dark);
}
.breadcrumb-menu li.item-current.item{padding: 0 15px;}
.breadcrumb-menu .woocommerce-breadcrumb span{margin-right:-8px;}
.breadcrumb-menu .woocommerce-breadcrumb span:last-child {
margin-right: 7px;
}
.breadcrumb-menu li a:before,
.breadcrumb-menu .woocommerce-breadcrumb a:before{
position: absolute;
top: 11px;
right: -4px;
content: "/";
transform: translateY(-50%);
}
.breadcrumb-wrap.breadcrumb-style-1 .breadcrumb-menu li a:before,
.breadcrumb-wrap.breadcrumb-style-1 .breadcrumb-menu .woocommerce-breadcrumb a:before{
width: 7px;
top: 11px;
height: 7px;
content: "";
border-radius: 50%;
background: #fff;
background: var(--astha-foreground);
}
.breadcrumb-menu li:last-child a::before {
display: none;
}
.breadcrumb-menu nav a:nth-child(1){
padding-left: 0;
}
.breadcrumb-menu nav.woocommerce-breadcrumb {
text-align: center;
}
/* Breadcrumb Style */
.breadcrumb-wrap{
background-color: #f3f9fb;
/*background-color: var(--astha-secondary);*/
background-size: cover;
background-position: center center;
}
@media only screen and (min-width: 992px){
.breadcrumb-wrap {
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
/*min-height: 300px;*/
padding: 50px 0;
position: relative;
border-bottom: 1px solid #0fc392;
border-bottom: 1px solid var(--astha-primary);
margin: 0 0 100px;
}
.breadcrumb-menu {
position: absolute;
bottom: -20px;
left: 50%;
transform: translateX(-50%);
margin: 0;
background: #0fc392;
background: var(--astha-primary);
padding: 12px 20px;
border-radius: 50px;
word-wrap: break-word;
word-break: break-word;
color: white;
z-index: 2;
}
.breadcrumb-wrap.breadcrumb-style-2 .breadcrumb_title .entry-title,
.breadcrumb-wrap.breadcrumb-style-2 .breadcrumb_title .page-title{
margin-bottom: 15px;
}
.breadcrumb-wrap.breadcrumb-style-3 {
}
.breadcrumb-wrap.breadcrumb-style-3,
.breadcrumb-wrap.breadcrumb-style-3 .container {
/*min-height: auto;*/
}
.breadcrumb-wrap.breadcrumb-style-3 .container,
.breadcrumb-wrap.breadcrumb-style-3 .container .row {
align-items: start;
flex-direction: column;
}
.breadcrumb-wrap.breadcrumb-style-2 .container,
.breadcrumb-wrap.breadcrumb-style-2 .container .row {
align-items: center;
flex-direction: column;
}
.breadcrumb-wrap.breadcrumb-style-2 .breadcrumb-menu,
.breadcrumb-wrap.breadcrumb-style-3 .breadcrumb-menu,
.breadcrumb-wrap.breadcrumb-style-4 .breadcrumb-menu {
position: relative;
bottom: auto;
left: unset;
transform: none;
background: transparent;
padding: 0 6px;
color: #0fc392;
color: var(--astha-primary);
}
.breadcrumb-wrap.breadcrumb-style-3 .breadcrumb_title .entry-title,
.breadcrumb-wrap.breadcrumb-style-3 .breadcrumb_title .page-title,
.breadcrumb-wrap.breadcrumb-style-4 .breadcrumb_title .entry-title,
.breadcrumb-wrap.breadcrumb-style-4 .breadcrumb_title .page-title {
text-align: left;
margin-bottom: 15px;
}
.breadcrumb-wrap.breadcrumb-style-4 .container,
.breadcrumb-wrap.breadcrumb-style-4 .container .row {
align-items: center;
justify-content: space-between;
width: 100%;
flex-direction: row;
}
}
/* Sidebar widgets
--------------------------------------------- */
/* Common css for widget */
.widget-title {
color: #0a1823;
text-transform: capitalize;
font-weight: 700;
margin: 0 0 25px;
}
aside.sidebar .widget-title {
border-bottom: 2px solid #ddd;
border-bottom: 2px solid var(--astha-secondary-deep);
padding: 0 0 15px;
position: relative;
}
aside.sidebar .widget-title::after {
position: absolute;
bottom: -3px;
left: 0;
content: "";
background: #0fc392;
background: var(--astha-primary);
width: 75px;
height: 4px;
}
aside.sidebar section.widget {
margin: 0 0 32px;
}
aside.sidebar .inside-right-sidebar section.widget:first-child .widget-title{
/* line-height: 1; */
/* margin: 0 0 20px; */
}
/* Search box */
form.search-form,
form.woocommerce-product-search{
position: relative;
display: flex;
}
form.search-form input.search-field,
form.woocommerce-product-search input.search-field{
width: 100%;
height: 55px;
border: 1px solid #e2ebf1;
border: 1px solid var(--astha-secondary-deep);
border-radius: 0;
padding: 10px 15px;
color: #5c6b79;
color: var(--astha-light-dark);
}
form.search-form label{width: 100%;}
form.search-form input.search-field::-webkit-input-placeholder,
form.woocommerce-product-search input.search-field::-webkit-input-placeholder{
opacity:1;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
form.search-form input.search-field::-moz-placeholder,
form.woocommerce-product-search input.search-field::-moz-placeholder{
opacity:1;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
form.search-form input.search-field:-ms-input-placeholder,
form.woocommerce-product-search input.search-field:-ms-input-placeholder{
opacity:1;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
form.search-form input.search-field::placeholder,
form.woocommerce-product-search input.search-field::placeholder{
opacity:1;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
form.search-form input.search-submit,
form.woocommerce-product-search button{
/* position: absolute; */
top: 0;
right: 0;
border: none;
/* height: 100%; */
border-radius: 0;
font-size: 0;
min-width: 55px;
width: 15%;
max-width: 190px;
color: transparent;
background: url('../../assets/images/search-icon.png') no-repeat center center;
background-color: #0fc392;
background-color: var(--astha-primary);
cursor: pointer;
background-size: 16px;
}
form.search-form input.search-submit:hover,
form.woocommerce-product-search button:hover,
form.search-form input.search-submit:focus,
form.woocommerce-product-search button:focus,
form.search-form input.search-submit:active,
form.woocommerce-product-search button:active
{
background-color: #0c9e77;
background-color: var(--astha-primary-deep);
}
/* Category List */
.sidebar .widget_categories ul li.cat-item {
position: relative;
}
.sidebar section.widget ul li a,
.woocommerce-MyAccount-navigation ul li a{
font-size: 16px;
color: #5c6b79;
color: var(--astha-light-dark);
padding-left: 22px;
text-transform: capitalize;
transition: 0.3s;
-webkit-transition:0.3s;
position: relative;
}
.sidebar section.widget_top_rated_products.widget ul li a,
.sidebar section.widget_recently_viewed_products.widget ul li a,
.sidebar section.widget_recent_reviews.widget ul li a,
.sidebar section.widget_products.widget ul.product_list_widget li a{
padding-left: 0;
margin: 0;
}
.sidebar section.widget.widget_recent_comments ul li.recentcomments span.comment-author-link {
position: relative;
}
.sidebar section.widget ul li a:before,
.sidebar section.widget.widget_recent_comments ul li.recentcomments:before,
.woocommerce-MyAccount-navigation ul li a:before{
position: absolute;
left: 0;
content: "\f101";
font-weight: 600;
font-family: "Font Awesome 5 Free";
}
.sidebar section.widget.widget_recent_comments ul li.recentcomments span.comment-author-link:before{
top: -2px;
transition: 0.3s;
-webkit-transition:0.3s;
}
.sidebar section.widget.widget_recent_comments ul li.recentcomments a:before,
.sidebar section.widget.widget_recent_comments ul li.recentcomments span.comment-author-link a:before {
display: none;
}
.sidebar section.widget.widget_recent_comments ul li.recentcomments,
.woocommerce-MyAccount-navigation ul li a{
padding-left: 30px;
position: relative;
}
.sidebar section.widget ul li a:hover,
.woocommerce-MyAccount-navigation ul li a:hover,
.sidebar section.widget.widget_recent_comments ul li.recentcomments:hover:before{
color: #0fc392;
color: var(--astha-primary);
}
aside.sidebar section.widget.widget_categories ul li {
display: flex;
}
aside.sidebar section.widget.widget_categories ul li a{
margin-right: 5px;
}
aside.sidebar .widget.widget-woocommerce .woocommerce-widget-layered-nav-list__item {
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-wrap: wrap;
}
aside.sidebar .widget.widget-woocommerce .woocommerce-widget-layered-nav-list__item:hover span.count{
transition: 0.3s;
-webkit-transition:0.3s;
}
aside.sidebar .widget.widget-woocommerce .woocommerce-widget-layered-nav-list__item:hover span.count{
color: #0fc392;
color: var(--astha-primary);
}
/* Recent Post */
.astha-recent-post ul.astha-recent-post-list li {
margin: 0 0 25px;
}
aside.sidebar .astha-recent-post ul.astha-recent-post-list li article{
border-bottom: 1px solid #e2ebf1;
border-bottom: 1px solid var(--astha-secondary-deep);
padding-bottom: 25px;
}
.astha-recent-post ul.astha-recent-post-list li article.post-format-standard {
display: flex;
column-gap: 15px;
}
.astha-recent-post ul.post-type-astha_department li article .post-content {
width: 100%;
}
.astha-recent-post ul.astha-recent-post-list li article .mini-post-img a.mini-post-image-link {
width: 85px;
height: 85px;
}
.astha-recent-post ul.astha-recent-post-list li article .mini-post-img a {
display: block;
padding-left: 0;
margin: 0;
}
.astha-recent-post ul.astha-recent-post-list li article .mini-post-img a:before,
.astha-recent-post ul.astha-recent-post-list li article .post-content a:before{
display: none;
}
.astha-recent-post ul.astha-recent-post-list li article .mini-post-img a img {
width: 100%;
height: 100%;
}
aside.sidebar .astha-recent-post ul.astha-recent-post-list li article .post-content a {
padding-left: 0;
color:#0A1823;
font-family: var(--astha-font-secondary);
}
aside.sidebar .astha-recent-post ul.post-type-astha_department li article .post-content a {
font-family: var(--astha-font-primary);
}
.single-astha_department aside.sidebar .astha-recent-post ul.astha-recent-post-list li:hover article .post-content a{
color: var(--astha-primary);
}
.astha-recent-post ul.astha-recent-post-list li article .post-content time {
font-family: var(--astha-font-primary);
font-size: 16px;
color: var(--astha-primary);
line-height: 1;
display: block;
margin: 0 0 4px;
}
aside.sidebar .astha-recent-post ul.astha-recent-post-list li article .post-content time i {
display: none;
}
.astha-recent-post ul.astha-recent-post-list li article a.astha-rcnt-content-link {
font-size: 18px;
line-height: 1.6;
text-transform: initial;
}
.astha-recent-post ul.post-type-astha_department li article a.astha-rcnt-content-link {
font-size: 16px;
}
.site-footer .footer-widget.astha-recent-post ul.astha-recent-post-list li:hover article a.astha-rcnt-content-link,
.astha-recent-post ul.astha-recent-post-list li:hover article a.astha-rcnt-content-link {
color: var(--astha-primary);
}
.site-footer.footer-dark .astha-recent-post ul.astha-recent-post-list li article a.astha-rcnt-content-link {
color: #fff;
}
.post-content a {
font-size: 18px;
line-height: 1.4;
font-weight: 600;
}
aside.sidebar .post-content a {
color: #000;
}
footer.footer-dark .footer-widget .post-content a {
color: #fff;
}
footer.footer-dark .footer-widget .post-format-standard .post-content time {
color: #B4C1D0;
}
footer.footer-dark .footer-widget .post-format-standard .post-content time i{
color: #0fc392;
color: var(--astha-primary);
margin-right: 10px;
}
#page aside.sidebar .astha-recent-post ul.astha-recent-post-list li.astha-each-item {
margin-bottom: 25px;
}
/**************************
* Recent Departments *
**************************/
.astha-recent-post ul.post-type-astha_department li article .post-content a:after {
content: "\f101";
}
aside.sidebar .astha-recent-post ul.post-type-astha_department li article .post-content a {
color:#5c6b79;
}
/* Taglist */
.tagcloud a.tag-cloud-link,
.tags-links a{
color: #5c6b79;
color: var(--astha-light-dark);
font-size: 16px !important;
display: inline-block;
text-transform: capitalize;
border: 1px solid #e2ebf1;
border: 1px solid var(--astha-secondary-deep);
padding: 10px 15px;
line-height: 1;
margin: 0 5px 10px 0;
transition: 0.3s;
-webkit-transition: 0.3s;
}
.tagcloud a.tag-cloud-link:hover,
.tags-links a:hover{
background-color: #0fc392;
background-color: var(--astha-primary);
color: #fff;
border-color: transparent;
}
.tags-links a:first-child{
/*margin: 0 0 10px 7px;*/
}
.search article footer.entry-footer,
article.page footer.entry-footer,
article.post footer.entry-footer {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
/*align-items: flex-start;*/
}
article.post footer.entry-footer span, article.post footer.entry-footer div {
width: 50%;
}
article.post footer.entry-footer span.cat-links {
margin: 7px 0 0;
}
article.post footer.entry-footer span.tags-links {
/*text-align: right;*/
}
/* Entry Footer Social Link */
article.post footer.entry-footer .astha-share,
.astha-share
{
margin: 0 0;
}
article.post footer.entry-footer .astha-share>ul,
.astha-share>ul {
white-space: nowrap;
}
article.post footer.entry-footer .astha-share ul,
.astha-share ul
{
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
}
/* Edit link */
span.edit-link {
margin: 10px 0 0 0;
}
/* Instagram Feed */
/* Newsletter */
.newsletter-box {
background-position: top center;
background-size: cover;
background-repeat: no-repeat;
text-align: center;
padding: 30px;
}
footer.site-footer .newsletter-box{padding: 0;}
.sidebar .newsletter-box {
padding: 50px 30px 40px;
}
.newsletter-box h2 {
font-size: 46px;
color: #0fc392;
color: var(--astha-primary);
line-height: 1.2;
text-transform: capitalize;
margin: 0;
}
.newsletter-box p {
font-size: 16px;
color: #B4C1D0;
margin: 15px 0 30px;
}
.newsletter-box p:last-child {
margin: 0;
}
.newsletter-box .mc4wp-form-submitted .mc4wp-form-fields p:last-child {
margin: 15px 0 30px;
}
.newsletter-box input,
.newsletter-box button {
width: 100%;
height: 55px;
text-align: center;
color: #fff;
font-size: 16px;
}
.newsletter-box .astha-mailchimp-form input[type="submit"]{
font-size: 0;
}
#page aside.widget-area.sidebar .newsletter-box .astha-mailchimp-form input[type="submit"]{
font-size: 16px;
}
.newsletter-box input:not([type="submit"]) {
background-color: transparent;
border: 1px solid #fff;
}
.newsletter-box button,
.newsletter-box input[type="submit"] {
border-color: transparent;
background: #0fc392;
background: var(--astha-primary);
text-transform: capitalize;
font-weight: 500;
border-radius:0;
}
.newsletter-box button:hover ,
.newsletter-box input[type="submit"]:hover,
.newsletter-box button:focus,
.newsletter-box input[type="submit"]:focus {
color: #fff;
}
.newsletter-box button:focus,
.newsletter-box input[type="submit"]:focus {
background-color: #0c9e77;
background-color: var(--astha-primary-deep);
}
.newsletter-box input::-webkit-input-placeholder {
opacity: 0.5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.newsletter-box input::-moz-placeholder {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.newsletter-box input:-ms-input-placeholder {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.newsletter-box input::placeholder {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
/* Footer newsletter form */
.astha-mailchimp-form {
display: flex;
margin-bottom: 25px;
}
.sidebar .astha-mailchimp-form {
flex-direction: column;
row-gap: 20px;
}
.astha-mailchimp-form input[type="submit"] {
width: 52px;
background-image: url('../images/plane.png');
background-repeat: no-repeat;
background-position: center center;
background-size: auto;
}
.site-footer .astha-mailchimp-form input[type="submit"] {
font-size: 0;
}
.sidebar .astha-mailchimp-form input[type="submit"] {
width: initial;
background-image: none;
}
.astha-mailchimp-form input[type="email"] {
background: #fff;
text-align: left;
outline: none;
border: 1px solid #fff;
transition: all 0.2s;
}
.sidebar .astha-mailchimp-form input[type="email"] {
text-align: center;
}
.astha-mailchimp-form input[type="email"]:focus {
border-color: #0fc392;
}
/* custom style for widget if they are in footer position*/
.footer-widget #recentcomments .recentcomments {
color: #0FC392;
}
.site-footer.footer-dark .footer-widget ul.woocommerce-mini-cart,
.site-footer.footer-light .footer-widget ul.woocommerce-mini-cart{
columns: 1;
}
.footer-widget ul.woocommerce-mini-cart li.woocommerce-mini-cart-item.mini_cart_item a > img,
.footer-widget ul.product_list_widget li a > img {
max-width: 40px;
left: 0;
top: 20px;
}
.footer-widget ul.woocommerce-mini-cart li.woocommerce-mini-cart-item.mini_cart_item:first-child a > img,
.footer-widget ul.product_list_widget li:first-child a > img {
top: 0;
}
.footer-widget ul.woocommerce-mini-cart li.woocommerce-mini-cart-item.mini_cart_item {
padding: 20px 0 35px 50px;
}
.footer-widget ul.woocommerce-mini-cart li.woocommerce-mini-cart-item.mini_cart_item:first-child {
padding-top: 0;
}
.site-footer.footer-dark .footer-widget .woocommerce-mini-cart-item.mini_cart_item span,
.site-footer.footer-dark .footer-widget .woocommerce-mini-cart__total.total{
color: #B4C1D0;
}
/* Blog
--------------------------------------------- */
/* Common css */
body.left-sidebar #page,
body.right-sidebar #page{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: flex-start;
}
#page{
word-wrap: break-word;
}
#page main.site-main{
width: 70%;
}
body.no-sidebar #page main.site-main,
body.fullwidth #page main.site-main,
body.page-template-fullwidth #page main.site-main,
body.page-template #page main.site-main{
width: 100%;
padding: 0;
margin: 0;
}
#page aside.widget-area.sidebar{
width: 27%;
}
body.left-sidebar .site-main {
order: 2;
}
/* Artile Post */
.search article,
.search article.page,
article.post {
border: 1px solid #e2ebf1;
border: 1px solid var(--astha-secondary-deep);
margin:0 0 55px 0;
}
.post-thumbnail img {
width: 100%;
}
.entry-meta span {
margin: 0 55px 0 0;
color: #5c6b79;
color: var(--astha-light-dark);
font-weight: 500;
white-space: nowrap;
}
.entry-meta span.tax-links {
white-space: normal;
}
.entry-meta span:last-child {
margin-right:0;
}
.entry-meta span i {
color: #0fc392;
color: var(--astha-primary);
margin: 0 13px 0 0;
font-size: 15px;
}
.entry-meta span a {
color: #5c6b79;
color: var(--astha-light-dark);
text-transform: capitalize;
}
.entry-title a {
font-size: 36px;
color: #021429;
color: var(--astha-deep-dark);
line-height: 1.333;
}
body.search article .entry-header,
.entry-header {
margin: 30px 45px;
}
.page-template-default.breadcrumb-off.breadcrumb-dynamic .entry-header,
.page-template-default.breadcrumb-static .entry-header {
margin: 0 0 20px;
}
.page-template-default.breadcrumb-off.breadcrumb-dynamic .entry-title,
.page-template-default.breadcrumb-static .entry-title {
margin: 0;
line-height: 1.2;
}
body.search.search-results .entry-summary p {
margin: 20px 45px;
}
.single.single-post.breadcrumb-dynamic article header.entry-header {
margin: 30px 45px 15px;
}
article.post>p,
article.post>form,
article.post>input,
.entry-content {
margin: 0px 45px 35px;
}
.page article .entry-header,
.page article .entry-content,
.page article .entry-footer
{
margin: 0 0 35px;
}
body.single-post .entry-content {
padding-bottom: 35px;
border-bottom: 1px solid #e2ebf1;
border-bottom: 1px solid var(--astha-secondary-deep);
}
body.single-post .no-entry-footer .entry-content {
padding-bottom: 5px;
border-bottom: 0 none;
}
.astha-blog.continute-reading {
font-size: 18px;
font-weight: 500;
color: #0fc392;
color: var(--astha-primary);
position: relative;
font-family: var(--astha-font-secondary);
}
.astha-blog.continute-reading:after {
position: absolute;
top: 0;
right: -22px;
content: "\f061";
font-family: "Font Awesome 5 Free";
/*transform: translateY(-50%);*/
font-size: 16px;
font-weight: 800;
transition: 0.3s;
-webkit-transition: 0.3s;
}
/* Blog Grid Layout */
body.blog-layout-grid main.site-main{
display: flex;
justify-content: space-between;
/* align-items: center; */
flex-wrap: wrap;
}
body.blog-layout-grid main.site-main>header {
display: block;
width: 100%;
}
body.blog-layout-grid main.site-main article{
}
body.blog-layout-grid main.site-main article .entry-header{
margin: 30px 30px 15px 30px;
}
body.blog-layout-grid main.site-main article .entry-meta{}
body.blog-layout-grid main.site-main article .entry-meta>span{margin-right: 12px;}
body.blog-layout-grid main.site-main article .entry-meta>span a {
color: black;
}
body.blog-layout-grid main.site-main article .entry-title{
font-size: 14px;
font-weight: bold;
font-family: "Roboto", sans-serif;
font-family: var(--astha-font-secondary);
}
body.blog-layout-grid main.site-main article .entry-content{
margin: 15px 30px 30px 30px;
}
body.blog-layout-grid main.site-main article{
width: 100%;
margin-bottom: 25px;
}
body.blog-layout-grid main.site-main.thumbs-on .recent-blog-info{
border-top: none;
margin: -7px 0 0;
}
body.blog-layout-grid main.site-main.modern .recent-blog-item:hover{
box-shadow:0 10px 35px rgba(0,0,0,0.06)
}
body .post-thumbnail span.posted-on {
color: #fff;
display: inline-block;
background: #0FC392;
background: var(--astha-primary);
/* font-family: "Work Sans", sans-serif;
font-family: var(--astha-font-primary);*/
padding: 10px 15px;
line-height: 1;
text-align: center;
position: absolute;
bottom: -12px;
left: 30px;
/* width: 100%; */
max-width: 100%;
/*font-weight: bold;*/
}
body .post-thumbnail{
position: relative;
}
body.blog-layout-grid main.site-main article{
width: 48%;
}
.blog.blog-layout-grid.no-sidebar main.site-main article{
width: 32%;
}
@media screen and (max-width: 1024px){
body.blog-layout-grid main.site-main article{
width: 48%;
}
}
@media screen and (max-width: 768px){
body.blog-layout-grid.no-sidebar main.site-main article,
body.blog-layout-grid main.site-main article{
width: 100%;
}
}
/*article.post_format-post-format-audios:after,
article.post_format-post-format-audios:after,
article.post-password-required:after,
article.post_format-post-format-chat:after,
article.post_format-post-format-quote:after,
article.post_format-post-format-aside:after,
article.post_format-post-format-status:after,
article.post_format-post-format-gallery:after,
article.post_format-post-format-image:after,
article.post_format-post-format-video:after,
article.post_format-post-format-audio:after,*/
article.post:after{
font-family: 'Font Awesome 5 Free';
font-size: 25px;
position: absolute;
top: 30px;
right: 45px;
font-weight: 500;
}
body.blog-layout-grid article.post:after{
top: 30px;
right: 30px;
}
article.post_format-post-format-audio:after {
content: "\f1c7";
}
article.post_format-post-format-video:after {
content: "\f144";
}
article.post_format-post-format-image:after {
content: "\f03e";
}
article.post_format-post-format-gallery:after {
content: "\f302";
}
article.post_format-post-format-status:after {
content: "\f51c";
}
article.post_format-post-format-aside:after {
content: "\f11a";
}
article.post_format-post-format-quote:after {
content: "\f10d";
}
article.post_format-post-format-chat:after {
content: "\f27a";
}
article.post-password-required:after {
content: "\f319";
}
article.post_format-post-format-audios:after {
content: "\f007";
}
article.post_format-post-format-audios:after {
content: "\f007";
}
article.post:hover:after{
color: #0fc392;
color: var(--astha-primary);
}
article.post {
position: relative;
}
body.single article.post{
/*position: initial;*/
}
/* Single Blog
---------------------------------------------*/
/* Common css */
.search article footer.entry-footer,
article.page footer.entry-footer,
article.post footer.entry-footer {
clear: both;
padding: 0 45px 30px;
}
/* Single Post pagination */
nav.navigation.post-navigation .nav-links .nav-previous,
nav.navigation.post-navigation .nav-links .nav-next{
width: 50%;
}
.nav-previous a,
.nav-next a{
display: flex;
flex-wrap: wrap;
align-items: center;
}
.nav-previous a,
.nav-next a{
column-gap: 20px;
}
.nav-next a {
justify-content: flex-end;
}
.nav-previous .prev-next-post-icon,
.nav-next .prev-next-post-icon{
width: 80px;
height: 80px;
text-align: center;
background: #0fc392;
background: var(--astha-primary);
display: flex;
justify-content: center;
flex-direction: column;
flex-wrap:wrap;
border: 2px solid transparent;
transition: 0.3s;
-webkit-transition: 0.3s;
}
.nav-previous .prev-next-post-icon:hover,
.nav-next .prev-next-post-icon:hover{
border-color: #0fc392;
border-color: var(--astha-primary);
background-color: transparent;
}
.nav-previous .prev-next-post-icon:hover i,
.nav-next .prev-next-post-icon:hover i{
color: #0fc392;
color: var(--astha-primary);
}
.nav-previous .prev-next-post-icon i,
.nav-next .prev-next-post-icon i {
color: #fff;
font-size: 22px;
transition: 0.3s;
-webkit-transition: 0.3s;
}
.astha-nav-wrapper.prev-post-text,
.astha-nav-wrapper.next-post-text{
width: calc(100% - 100px);
}
.astha-nav-wrapper.prev-post-text span.nav-title,
.astha-nav-wrapper.next-post-text span.nav-title {
font-size: 18px;
color: #021429;
color: var(--astha-deep-dark);
font-family: var(--astha-font-secondary);
font-weight: 600;
text-transform: capitalize;
line-height: 1.2;
}
.astha-nav-wrapper.prev-post-text span,
.astha-nav-wrapper.next-post-text span {
display: block;
}
.astha-nav-wrapper.prev-post-text span.nav-subtitle,
.astha-nav-wrapper.next-post-text span.nav-subtitle {
font-size: 16px;
color: #5c6b79;
color: var(--astha-light-dark);
text-transform: capitalize;
}
.nav-previous:hover span.nav-subtitle,
.nav-next:hover span.nav-subtitle {
color: #0fc392;
color: var(--astha-primary);
}
body.single-post .navigation.post-navigation {
border-bottom: 1px solid #e2ebf1;
border-bottom: 1px solid var(--astha-secondary-deep);
padding: 0 0 50px;
margin: 0 0 50px;
}
/* Comment Box */
.comment-list .comment-body {
display: flex;
justify-content: flex-start;
align-items: center;
flex-wrap: wrap;
}
.comment .comment-body .user-avatar {
width:17%;
margin-right: 3%;
}
.comment .comment-body .user-avatar a {
display: block;
}
.comment .comment-body .user-avatar img {
height: 100%;
border-radius: 50%;
width: 80px;
}
.comment-body-content {
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
align-items: center;
width: 80%;
}
.comment-footer-meta {
width: 38%;
order: 2;
text-align: right;
}
.comment-meta {
width: 62%;
}
.comment-content.comment-entry-content {
width: 100%;
order: 3;
}
.comment-author.vcard span.fn {
font-size: 18px;
font-family: var(--astha-font-secondary);
color: #021429;
color: var(--astha-deep-dark);
line-height: 1;
text-transform: capitalize;
font-weight: 500;
}
.comment-metadata a time {
color: #0fc392;
color: var(--astha-primary);
font-size: 16px;
text-transform: capitalize;
}
.comment-reply a {
position: relative;
display: inline-block;
color: #5c6b79;
color: var(--astha-light-dark);
border: 1px solid #e2ebf1;
border: 1px solid var(--astha-secondary-deep);
line-height: 1;
padding: 10px 15px 10px 42px;
font-weight: 500;
transition: 0.3s;
-webkit-transition: 0.3s;
}
.comment-reply a:before {
position: absolute;
top: 11px;
left: 13px;
content: "\f122";
font-family: "Font Awesome 5 Free";
font-weight: 900;
color: #5c6b79;
color: var(--astha-light-dark);
transition: 0.3s;
-webkit-transition: 0.3;
font-size: 16px;
}
.comment-reply a:hover {
background-color: #0fc392;
background-color: var(--astha-primary);
color: #fff;
border-color: transparent;
}
.comment-reply a:hover:before {
color: #fff;
}
.comments-title {
margin:0;
font-weight: 600;
text-transform: capitalize;
}
.comment-content p.comment-awaiting-moderation {
font-style: italic;
opacity: 0.4;
color: #000;
margin: 7px 0 0;
}
.comment-content.comment-entry-content p {
color: #5c6b79;
color: var(--astha-light-dark);
font-weight: 400;
margin: 12px 0 0;
}
.comment-body {
padding: 35px 0;
border-bottom: 1px solid #e2ebf1;
border-bottom: 1px solid var(--astha-secondary-deep);
}
.comment-list .comment:last-child .comment-body {
border-bottom: none;
}
/*.comment.parent .comment.comment-author-admin.bypostauthor .comment-body,*/
.comment.parent .comment.parent
{
margin-left: 100px;
border-bottom: 1px solid #e2ebf1;
border-bottom: 1px solid var(--astha-secondary-deep);
}
.comment-list .comment:last-child.parent .comment-body {
border-bottom: 1px solid #e2ebf1;
border-bottom: 1px solid var(--astha-secondary-deep);
}
.comment-list .comment:last-child.parent .comment .comment-body {
border-bottom:none;
}
span.by-post-author {
font-size: 16px;
color: #5c6b79;
color: var(--astha-light-dark);
position: relative;
padding: 6px 11px 6px 28px;
margin: 0 0 0 16px;
display: inline-block;
border: 1px solid #e2ebf1;
border: 1px solid var(--astha-secondary-deep);
line-height: 1;
border-radius: 50px;
opacity: .5;
}
span.by-post-author::before {
position: absolute;
top: 8px;
left: 11px;
content: "\f007";
font-family: "Font Awesome 5 Free";
font-weight: 300;
font-size: 12px;
}
/* Comment Form */
.comment-respond {
border: 1px solid #e2ebf1;
border: 1px solid var(--astha-secondary-deep);
padding: 30px 40px 50px;
}
form.comment-form {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
h3.comment-reply-title {
margin: 0;
color: #021429;
color: var(--astha-deep-dark);
text-transform: capitalize;
}
h3.comment-reply-title small {
display: inline-block;
padding: 0 10px;
font-size: 61%;
}
form.comment-form .comment-notes {
margin: 0 0 28px;
}
form.comment-form p.logged-in-as {
margin: 0 0 28px;
}
form.comment-form p.comment-form-author {
width: 48%;
margin: 0 0 15px;
}
form.comment-form p.comment-form-email {
width: 48%;
margin: 0 0 15px;
}
form.comment-form p.comment-form-url {
width: 100%;
margin: 0 0 15px;
}
form.comment-form p.comment-form-comment {
order: 1;
width: 100%;
margin: 0 0 15px;
}
form.comment-form p.comment-form-cookies-consent {
order: 4;
margin: 0 0 25px;
}
form.comment-form p.form-submit {
order: 5;
margin: 0;
}
form.comment-form p.comment-form-author,
form.comment-form p.comment-form-email,
form.comment-form p.comment-form-url,
form.comment-form p.comment-form-comment{
margin: 0 0 25px;
}
/*form.comment-form p.comment-form-author label,
form.comment-form p.comment-form-email label,
form.comment-form p.comment-form-url label,
form.comment-form p.comment-form-comment label
*/
form.comment-form p:not(.comment-form-cookies-consent) label{
margin: 0 0 5px;
display: none;
}
form.comment-form p.comment-form-author input,
form.comment-form p.comment-form-email input,
form.comment-form p.comment-form-url input,
form.woocommerce-EditAccountForm.edit-account p input,
form.comment-form p.comment-form-comment textarea{
width: 100%;
border: none;
background-color: #f4f9fc;
background-color: var(--astha-secondary);
color: #5c6b79;
color: var(--astha-light-dark);
padding: 10px 15px 10px 20px;
font-size: 16px;
font-family: "Work Sans",sans-serif;
font-weight: 500;
}
form.comment-form p.comment-form-author input,
form.comment-form p.comment-form-email input,
form.comment-form p.comment-form-url input,
form.woocommerce-EditAccountForm.edit-account p input{
height: 54px;
border: 1px solid #e2ebf1;
border: 1px solid var(--astha-secondary-deep);
}
form.comment-form p.comment-form-comment textarea{
height: 200px;
resize: none;
border: 1px solid #e2ebf1;
border: 1px solid var(--astha-secondary-deep);
}
form.comment-form p.comment-form-author input:focus,
form.comment-form p.comment-form-email input:focus,
form.comment-form p.comment-form-url input:focus,
form.comment-form p.comment-form-comment textarea:focus{
border-bottom: 1px solid #0fc392;
border-bottom: 1px solid var(--astha-primary);
}
form.comment-form p input::-webkit-input-placeholder,
form.comment-form p textarea::-webkit-input-placeholder{
text-transform: capitalize;
opacity:0.9;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}
form.comment-form p input::-moz-placeholder,
form.comment-form p textarea::-moz-placeholder{
text-transform: capitalize;
opacity:0.9;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}
form.comment-form p input:-ms-input-placeholder,
form.comment-form p textarea:-ms-input-placeholder{
text-transform: capitalize;
opacity:0.9;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}
form.comment-form p input::placeholder,
form.comment-form p textarea::placeholder{
text-transform: capitalize;
opacity:0.9;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}
form.comment-form #wp-comment-cookies-consent {
position: absolute;
opacity: 0;
}
form.comment-form #wp-comment-cookies-consent + label {
position: relative;
cursor: pointer;
padding: 0;
}
form.comment-form #wp-comment-cookies-consent + label::before {
content: '';
margin-right: 10px;
display: inline-block;
vertical-align: text-top;
width: 20px;
height: 20px;
background: #f4f9fc;
background: var(--astha-secondary);
border: 1px solid #e2ebf1;
border: 1px solid var(--astha-secondary-deep);
}
form.comment-form #wp-comment-cookies-consent:checked + label::after {
content: '';
position: absolute;
left: 5px;
top: 9px;
background: #f4f9fc;
background: var(--astha-secondary);
width: 1px;
height: 2px;
box-shadow: 2px 0 0 #000, 4px 0 0 #000, 4px -2px 0 #000, 4px -4px 0 #000, 4px -6px 0 #000, 4px -8px 0 #000;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
form.comment-form .form-submit input.submit {
background-color: #0fc392;
background-color: var(--astha-primary);
color: #fff;
text-align: center;
font-size: 16px;
font-family: var(--astha-font-secondary);
font-weight: 500;
text-transform: capitalize;
line-height: 1.1;
padding: 17px 30px;
font-weight: 500;
border: 2px solid transparent;
border-radius: 0;
cursor: pointer;
transition: 0.3s;
-webkit-transition: 0.3s;
}
form.comment-form .form-submit input.submit:focus,
form.comment-form .form-submit input.submit:active,
form.comment-form .form-submit input.submit:hover{
color: #0fc392;
color: var(--astha-primary);
border-color: #0fc392;
border-color: var(--astha-primary);
background: transparent;
}
/* Footer
---------------------------------------------*/
footer.site-footer {
margin: 130px 0 0;
}
body.page-template.page-template-template-home1 footer.site-footer,
body.page-template.page-template-template-home2 footer.site-footer,
body.page-template.page-template-template-home3 footer.site-footer{
margin: 0;
}
.site-footer .footer-wrapper{
background-position: top center;
background-size: contain;
background-repeat: no-repeat;
overflow: hidden;
height: 100%;
}
.site-footer.footer-dark .footer-wrapper {
/*background-image: url(../images/footer_bg.png);*/
background-color: #021429;
background-color: var(--astha-deep-dark);
}
.site-footer.none .footer-socket,
.site-footer.footer-light .footer-wrapper {
/*background-image: url(../images/footer-light.png);*/
background-color: #f4f9fc;
background-color: var(--astha-secondary);
}
.site-footer .footer-wrapper .container {
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
height: 100%;
}
.site-footer .footer-wrapper .footer-widget-wrapper{
height: auto;
padding: 100px 40px 80px 40px;
position: relative
}
.site-footer .footer-wrapper .footer-widget-wrapper::before{
position: absolute;
top: 0;
left: 0;
content: "";
width: 1px;
height: 100%;
}
.site-footer.footer-dark .footer-wrapper .footer-widget-wrapper::before {
/*background: #1C2C3F;*/
background: #ffffff12;
}
.site-footer.footer-light .footer-wrapper .footer-widget-wrapper::before {
display: none;
}
.site-footer .footer-wrapper .footer-widget-wrapper:last-child::after{
position: absolute;
top: 0;
right: 0;
content: "";
width: 1px;
height: 100%;
}
.site-footer.footer-dark .footer-wrapper .footer-widget-wrapper:last-child::after{
/*background: #1C2C3F;*/
background: #ffffff12;
}
.site-footer.footer-light .footer-wrapper .footer-widget-wrapper:last-child::after{
/*background: #e2ebf1;*/
/*background: var(--astha-secondary-deep);*/
display: none;
}
.site-footer.available-widgets-1 .footer-widget-wrapper{
width: 100%;
}
.site-footer.available-widgets-2 .footer-widget-wrapper{
width: 50%;
}
.site-footer.available-widgets-3 .footer-widget-wrapper{
width: 33%;
}
.site-footer.available-widgets-4 .footer-widget-wrapper{
width: 25%;
}
.site-footer.available-widgets-4 .footer-wrapper .footer-widget-wrapper{
padding: 100px 10px 70px 15px;
}
.footer-widget .widget-title{
font-size: 24px;
font-weight: 500;
line-height: 2.292;
margin: 0 0 25px;
}
.site-footer.footer-light .footer-widget-wrapper .footer-widget .widget-title{
color: #021429;
color: var(--astha-deep-dark);
}
.site-footer.footer-dark .footer-widget .widget-title{
color: #fff;
}
.footer-brand .custom-logo-link img {
max-width: 200px;
margin: 0 0 5px;
}
aside.widget-area.sidebar .footer-brand .contact-info li p,
.site-footer .contact-info li p{
display: inline-block;
margin-left: -1px;
}
aside.widget-area.sidebar .footer-brand .contact-info li,
.site-footer .contact-info li{
margin: 0 0 15px;
}
aside.widget-area.sidebar .footer-brand .contact-info ul li i,
.site-footer .contact-info ul li i{
display: inline-block;
width: 42px;
height: 42px;
text-align: center;
font-size: 16px;
line-height: 42px;
margin: 0 10px 0 0;
border-radius: 5px;
}
aside.widget-area.sidebar .footer-brand .contact-info ul li i,
.site-footer.footer-dark .contact-info ul li i{
background: #0D243F;
color: #BCC8D5;
}
.site-footer.footer-light .contact-info ul li i{
background: #FFFFFF;
color: #5c6b79;
color: var(--astha-light-dark);
border-radius: 0;
border: 1px solid #e2ebf1;
border: 1px solid var(--astha-secondary-deep);
}
.site-footer.footer-dark .contact-info ul li,
.site-footer.footer-dark .contact-info p.about-us,
.site-footer.footer-dark .contact-info a{
color: #b4c1d0;
font-family: var(--astha-font-primary);
}
.site-footer.footer-light .contact-info ul li,
.site-footer.footer-light .contact-info p.about-us,
.site-footer.footer-light .contact-info a{
color: #5c6b79;
color: var(--astha-light-dark);
font-family: var(--astha-font-primary);
}
aside.widget-area.sidebar .footer-brand .contact-info p.about-us,
aside.widget-area.sidebar .footer-brand .contact-info ul li,
aside.widget-area.sidebar .footer-brand .contact-info ul li a,
aside.widget-area.sidebar .footer-brand contact-info a{
color: #5c6b79;
color: var(--astha-light-dark);
}
aside.widget-area.sidebar .footer-brand .contact-info ul li a:hover,
aside.widget-area.sidebar .footer-brand contact-info a{
color: #0fc392;
color: var(--astha-primary);
}
.footer-widget ul {
columns: 2;
}
section.footer-widget.widget.widget_nav_menu ul li a:before {
content: "-- ";
}
.site-footer.available-widgets-4 section.footer-widget.widget.widget_nav_menu ul li a:before{
content: initial;
}
.site-footer.footer-dark.available-widgets-4 .footer-widget ul,
.site-footer.footer-light.available-widgets-4 .footer-widget ul,
.footer-widget .footer-brand ul {
columns: 1;
}
.footer-widget ul li.cat-item a {
position: relative;
padding-left: 22px;
display: block;
margin: 0 0 26px;
}
.site-footer.footer-dark .footer-widget ul li.cat-item a {
color: #B4C1D0;
}
.site-footer.footer-light .footer-widget ul li.cat-item a {
color: #5c6b79;
color: var(--astha-light-dark);
}
.footer-widget ul li.cat-item a:before {
position: absolute;
top: 10px;
left: 0;
content: "--";
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
font-weight: 600;
}
.footer-widget ul.astha-recent-post-list{
columns: 1;
}
.site-footer.footer-dark .footer-widget ul li a,
.site-footer.footer-dark .footer-widget .tagcloud a{
color: #b4c1d0;
}
.site-footer.footer-dark .site-info.footer-socket .footer-socket-main {
width: 100%;
text-align: left;
}
.site-footer.footer-dark .site-info.footer-socket .footer-socket-social-wrapper {
width: 100%;
text-align: right;
/* margin-top: 15px; */
}
.site-footer.footer-dark .site-info.footer-socket .container {
display: flex;
justify-content: space-between;
align-items: center;
padding: 15px;
}
.site-footer.footer-light .footer-widget ul li a,
.site-footer.footer-light .footer-widget .tagcloud a{
color: #021429;
color: var(--astha-deep-dark);
}
.site-footer.footer-light .footer-widget .tagcloud a:hover{
color: #fff;
}
.site-footer .astha-recent-post ul.astha-recent-post-list li article .post-content time i{
margin-right: 5px;
color: #0fc392;
color: var(--astha-primary);
}
.site-footer.footer-light .astha-recent-post ul.astha-recent-post-list li article .post-content time {
color: #5c6b79;
color: var(--astha-light-dark);
}
/* Copyright */
.site-footer.footer-light .site-info.footer-socket .container {
padding: 20px 0;
}
.site-footer.footer-dark .site-info {
background-color: #0fc392;
background-color: var(--astha-primary);
text-align: center;
/*padding: 15px 35px;*/
color: #fff;
}
.site-footer.footer-dark .site-info p,
.site-footer.footer-dark .site-info a {
color: #fff;
}
.site-footer.footer-light .site-info.footer-socket {
background-color: #f4f9fc;
background-color: var(--astha-secondary);
color: #5c6b79;
color: var(--astha-light-dark);
}
.site-footer.footer-light .site-info.footer-socket .container {
border-top: 1px solid #e2ebf1;
border-top: 1px solid var(--astha-secondary-deep);
padding: 20px 0;
}
.site-footer.none .site-info.footer-socket .container {
padding: 20px 0;
}
.site-footer.none .site-info p,
.site-footer.none .site-info a,
.site-footer.footer-light .site-info p,
.site-footer.footer-light .site-info a {
color: #5c6b79;
color: var(--astha-light-dark);
}
.site-footer.footer-light .site-info.footer-socket .container,
.site-footer.none .site-info.footer-socket .container {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
.site-footer.footer-light .site-info.footer-socket .footer-socket-main {
}
.site-footer.footer-light .site-info.footer-socket .footer-socket-social-wrapper {
text-align: right;
}
.footer-socket-main a {
font-weight: 500;
}
.footer-socket-main a:hover {
text-decoration: underline;
}
/* Scroll up */
#scroll_up {
position: fixed;
right: 40px;
bottom: 40px;
background: white;
/*border: 1px solid white;*/
color: #0fc392;
color: var(--astha-primary);
cursor: pointer;
display: none;
font-size: 16px;
width: 60px;
height: 60px;
line-height: 60px;
border-radius: 50%;
text-align: center;
text-decoration: none;
box-shadow: 0 0 10px #0000001f;
transition: 0.3s;
-webkit-transition: 0.3;
z-index: 100;
}
#scroll_up:hover {
background: #0fc392;
background: var(--astha-primary);
box-shadow: 0 0 16px #0000001f;
color: white;
}
/* Footer Social Links
---------------------------------------------*/
/* Social Links Common */
.site-footer .footer-socket ul.social_link li {
display: inline-block;
margin: 0 10px 0 0;
}
.site-footer .footer-socket ul.social_link li:last-child {
margin-right: 0;
}
.site-footer .footer-socket ul.social_link {
margin: 0;
}
.site-footer .footer-socket .social_link li a {
width: 35px;
height: 35px;
padding: 0;
font-size: 16px;
}
.site-footer .footer-socket .social_link li a i {
line-height: 34px;
font-size: 20px;
padding: 0;
transition: 0.3s;
-webkit-transition: 0.3s;
}
.site-footer .footer-socket .social_link li a:hover,
.site-footer .footer-socket .social_link li a:focus {
border: 1px solid #021429 !important;
border: 1px solid var(--astha-deep-dark) !important;
}
.site-footer .footer-socket .social_link li a:hover i,
.site-footer .footer-socket .social_link li a:focus i {
color: #021429 !important;
color: var(--astha-deep-dark) !important;
}
/*Footer Dark*/
.site-footer.footer-dark .footer-socket .social_link li a,
.site-footer.footer-dark .footer-socket .social_link li a {
border: 1px solid #e2ebf1;
border: 1px solid var(--astha-secondary-deep);
}
.site-footer.footer-dark .footer-socket .social_link li a i {
color: #e2ebf1;
color: var(--astha-secondary-deep);
}
/*Footer Light and Footer None*/
.site-footer .footer-socket .social_link li a,
.site-footer.footer-light .footer-socket .social_link li a {
border: 1px solid #0c9e77;
border: 1px solid var(--astha-primary-deep);
}
.site-footer .footer-socket .social_link li a i,
.site-footer.footer-light .footer-socket .social_link li a i {
color: #0c9e77;
color: var(--astha-primary-deep);
}
/* 404 page
---------------------------------------------*/
body.error404 #page main.site-main {
width: 100%;
}
body.error404 .error-404.not-found {
margin: 0 auto;
text-align: center;
padding:120px 0 50px;
}
body.error404 .error-msg {
color: #0fc392;
color: var(--astha-primary);
font-size: 210px;
font-weight: 900;
line-height: 1;
margin: 0;
position: relative;
display: inline-block;
}
body.error404 .error-msg:before {
position: absolute;
top: -44px;
left: 48%;
transform: translateX(-50%);
content: "";
background-image: url(../images/404.png);
background-repeat: no-repeat;
background-size: cover;
width: 80px;
height: 195px;
}
body.error404 .error-404.not-found h1.page-title {
font-size: 36px;
color: #021429;
color: var(--astha-deep-dark);
line-height: 1.2;
margin: 0 0 10px;
}
body.error404 .error-404.not-found .page-content {
margin: 0;
}
body.error404 .error-404.not-found .page-content p a.button {
display: inline-block;
margin: 30px 0;
padding: 13px 30px;
line-height: 25px;
}
/*
* Layout based on Page Template
*******************************************************/
body.page-template-fullwidth-fluid .breadcrumb-wrap,
body.page-template-fullwidth-fluid .entry-footer,
body.page-template-fullwidth-fluid .page article .entry-content,
body.page-template-fullwidth-fluid .page article .entry-footer,
body.page-template-fullwidth-fluid footer.site-footer,
body.page-template-fullwidth-fluid .page article .entry-footer,
body.page-template-fullwidth-fluid .page article .entry-content,
body.page-template-fullwidth-fluid .page article .entry-content
{
margin-top: 0; /* Need Important because of for Page Template Fluid */
margin-bottom: 0; /* Need Important because of for Page Template Fluid */
margin: 0;
}
/* Elementor Commons
-----------------------------------------*/
.cg-20 .elementor-row {
column-gap: 20px;
}
.elementor-accordion .elementor-accordion-item {
margin-bottom: 25px;
border: 0 none !important;
}
.elementor-accordion .elementor-accordion-item+.elementor-accordion-item {border: none !important;}
.elementor-accordion .elementor-tab-content {
border-top: 0 none !important;
/* border: 1px solid #ddd; */
}
.elementor-accordion .elementor-tab-title .elementor-accordion-icon.elementor-accordion-icon-right {
margin-top: 7px;
}
.elementor-accordion .elementor-tab-title.elementor-active,
.elementor-accordion .elementor-tab-content.elementor-active {
border: 2px solid #0fc392 !important;
}
.elementor-accordion .elementor-tab-title.elementor-active {
border-bottom: none !important;
}
.elementor-accordion .elementor-tab-content.elementor-active {
border-top: none !important;
}
.elementor-accordion .elementor-tab-title,.elementor-accordion .elementor-tab-content {
border: 1px solid #e2ebf1 !important;
}
.elementor-accordion .elementor-tab-title.elementor-active {
border-bottom: 0 none !important;
}
.elementor-accordion .elementor-tab-content {
border-top: 0 none !important;
}
/* Elementor Newsletter Element */
.fag_page_subscribe_form .newsletter-box .astha-mailchimp-form input[type="submit"] {
position: absolute;
right: 10px;
top: 10px;
font-size: 16px;
width: auto;
background-position: 90% center;
padding-right: 41px;
}
.fag_page_subscribe_form .astha-mailchimp-form input[type="email"] {
padding: 25px;
height: 75px;
width: 100%;
}
.fag_page_subscribe_form .astha-mailchimp-form {
position: relative;
}
.fag_page_subscribe_form .newsletter-box .astha-mailchimp-form input[type="submit"] {}