/*-------------------------------------------------------------- >>> 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"] {}