/*
Theme Name: Katib Writers
Theme URI: https://www.themescaliber.com/products/free-wordpress-themes-for-writers
Author: ThemesEye
Author URI: https://www.themeseye.com/
Description: Katib Writers is a judiciously created, engaging, sleek and well-structured WordPress theme for writers to give them vast space to put forth their thoughts on various different topics such as lifestyle, reviews, products or other entertainment niches. Apart from writers and authors, it can be used by journalists, e-magazines, online and onsite book stores, copywriter, writing authors, Video Script Writing, Online or E-Learning Courses, e book seller, tutorials, novelist, reviewers, book distributors poets, bloggers from different niches, libraries, author, Blogging, Freelance Writing, Content Creation, Copywriting, Publishing, Author Website, Book Promotion, Writing Portfolio, Literary Agency, Scriptwriting, journal, journalist, book, copywriter, diary, library, novel, portfolio, online course providers, corporate training providers, publishers, E-Books, White Papers, Case Studies, Email Writing, news agencies, product advertisers, literature lovers, online music and games websites and all similar profession, businesses and websites. It is a fully responsive theme with cross-browser compatibility to entertain maximum people. Katib Writers is multilingual so you can post content in your language; supports RTL writing style and compatible with WPML plugin. This writer WordPress theme is thoroughly customizable and fully SEO enabled. It includes various social media icons, blog sections and many amazing features for a modern website. It is based on the latest WordPress version, hence bug-free and updated. It has a professional look which is complimented by its sophisticated design to hold visitors for a good amount of time. demo: https://preview.themescaliber.com/tc-writers-pro/
Requires at least: 5.0
Tested up to: 6.8
Requires PHP: 7.2
Version:  1.3.4
License: GPLv3.0 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: katib-writers
Tags: left-sidebar, right-sidebar, one-column, two-columns, grid-layout, block-styles, flexible-header, wide-blocks, custom-colors, custom-background, custom-logo, custom-menu, custom-header, editor-style, featured-images, footer-widgets, sticky-post, full-width-template, rtl-language-support, post-formats, theme-options, threaded-comments, translation-ready, blog, portfolio, e-commerce
*/

html {
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
  overflow-x: hidden;
  font-family: "Libre Baskerville", serif;
}
p {
  color: #787272;
  font-family: "Open Sans", sans-serif;
  font-size: 15px;
}
article,
aside,
footer,
header,
nav,
section {
  display: block;
}
a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
  color: #000;
}
a:active,
a:hover {
  outline-width: 0;
  text-decoration: none;
}
.entry-audio audio,
iframe {
  width: 100%;
}
audio,
video {
  display: inline-block;
}
button,
input,
optgroup,
select,
textarea {
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}
/*wide block*/
.alignwide {
  margin-left: -80px;
  margin-right: -80px;
}
.alignfull {
  margin-left: calc(-100vw / 2 + 100% / 2);
  margin-right: calc(-100vw / 2 + 100% / 2);
  max-width: 100vw;
}
.alignfull img {
  width: 100vw;
}
/*----------- Alignments ------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}
.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}
.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
/*----------- Forms ---------------*/
label {
  display: block;
  margin: 0px;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
  color: #666;
  background: #fff;
  background-image: -webkit-linear-gradient(
    rgba(255, 255, 255, 0),
    rgba(255, 255, 255, 0)
  );
  border: 1px solid #bbb;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  display: block;
  padding: 13px;
  width: 100%;
}
select {
  border: 1px solid #bbb;
  padding: 10px;
  max-width: 100%;
  background: transparent;
}
input[type="radio"],
input[type="checkbox"] {
  margin-right: 0.5em;
}
button,
input[type="button"],
input[type="submit"] {
  background-color: #054e47;
  border: 0;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 16px;
  font-weight: 800;
  line-height: 1;
  padding: 15px 20px;
  text-shadow: none;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
}
button:hover,
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
  background: #222;
}
/*-------------- Lists -------------------*/
ul,
ol {
  margin: 0 0 1.5em;
  padding: 0;
}
ul {
  list-style: none;
}
ol {
  list-style: decimal;
}
/*------------ Tables ------------*/
table {
  border-collapse: collapse;
  margin: 0 0 1.5em;
  width: 100%;
}
thead th {
  border-bottom: 2px solid #bbb;
  padding-bottom: 0.5em;
}
th {
  padding: 0.4em;
  text-align: left;
}
tr {
  border-bottom: 1px solid #eee;
}
td {
  padding: 0.4em;
}
th:first-child,
td:first-child {
  padding-left: 0;
}
th:last-child,
td:last-child {
  padding-right: 0;
}
/*-------------------- Links ----------------------*/
a {
  color: #054e47;
  text-decoration: none;
}
a:focus {
  outline: thin dotted;
}
a:focus,
input:focus,
textarea:focus,
button:focus,
.dropdown-toggle:focus,
.menu-toggle:focus,
.close:focus,
.site-footer a:focus,
.woocommerce form .form-row input:focus.input-text,
.woocommerce form .form-row textarea:focus,
.menu-scroll-down:focus {
  outline: 2px solid #007cba;
  border-bottom: 1px solid #000 !important;
}
.site-footer a:focus {
  border-bottom: 1px solid #fff;
}
a:hover,
a:active {
  color: #000;
  outline: 0;
}
.bypostauthor > .comment-body > .comment-meta > .comment-author .avatar {
  border: 1px solid #333;
  padding: 2px;
}
/*---- Related post css -----*/
.related-posts {
  padding: 2% 0;
  clear: both;
}
.related-posts .page-box {
  margin: 20px 0;
}
.related-posts h3 {
  font-size: 26px;
}
.related-posts h3 a {
  color: #000;
}
/* post css */
.entry-content a img,
.widget a img {
  -webkit-box-shadow: 0 0 0 8px #fff;
  box-shadow: 0 0 0 8px #fff;
}
.post-navigation a:focus .icon,
.post-navigation a:hover .icon {
  color: #222;
}
.post-info a {
  color: #fff;
}
.post-info a:hover,
.contact a:hover,
.entry-date:hover a,
.entry-date:hover i,
.entry-author:hover a,
.entry-author:hover i,.singlebox .category ul li a:hover {
  color: #2ccdc3;
}
.post-navigation .nav-next a {
  font-size: 15px;
  font-weight: 600;
  color: #fff;
  display: inline-block;
  background: #054e47;
  padding: 7px 30px 7px 20px;
  clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
}
.post-navigation .nav-next a:hover,
.post-navigation .nav-previous a:hover {
  color: #fff;
  background: #2ccdc3;
}
.post-navigation .nav-previous a {
  font-size: 15px;
  font-weight: 600;
  color: #fff;
  display: inline-block;
  background: #054e47;
  padding: 7px 20px 7px 30px;
  clip-path: polygon(20% 0%, 100% 0%, 100% 100%, 20% 100%, 0% 50%);
}
.tags i {
  font-size: 20px;
  color: #054e47;
  margin-right: 10px;
}
.tags p a {
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  display: inline-block;
  background: #054e47;
  padding: 10px 25px 10px 10px;
  margin: 0 10px 10px 0;
  clip-path: polygon(0% 0%, 75% 0%, 100% 51%, 75% 100%, 0% 100%);
}
#sidebox button[type="submit"]:hover,
.site-footer button[type="submit"]:hover,
.tags p a:hover,
.search-form button.search-submit:hover,
.nav-links .nav-previous a:hover,
.nav-links .nav-next a:hover,
#comments input:hover {
  color: #fff;
  background: #2ccdc3;
}
.tags {
  padding: 20px 0;
}
.text p a,
.text a,
.comment-body p a,
.woocommerce-product-details__short-description p a,
.woocommerce-tabs.wc-tabs-wrapper p a {
  text-decoration: underline;
}
.blogger .tags p a {
  margin: 5px;
}
/*--------------- Navigation -----------------------*/
.navigation-top a {
  color: #323c47;
  font-weight: 600;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}
.main-navigation {
  clear: both;
  display: block;
  color: #054e47;
}
.main-navigation ul {
  list-style: none;
  padding: 0 1.5em;
  text-align: left;
}
.main-navigation ul,
.main-navigation .menu-item-has-children > a > .icon,
.main-navigation .page_item_has_children > a > .icon,
.main-navigation ul a > .icon {
  display: none;
}
.main-navigation > div > ul {
  border-top: 1px solid #eee;
  padding: 0.75em 1.695em;
}
.main-navigation.toggled-on > div > ul {
  display: block;
}
.main-navigation ul ul {
  padding: 0 0 0 1.5em;
}
.main-navigation ul ul.toggled-on {
  display: block;
}
.main-navigation ul ul a {
  letter-spacing: 0;
  padding: 0.4em 0;
  position: relative;
  text-transform: none;
}
.main-navigation li {
  border-bottom: 1px solid #eee;
  position: relative;
}
.main-navigation li li,
.main-navigation li:last-child {
  border: 0;
}
.main-navigation a {
  display: block;
  padding: 0.5em 0;
  text-decoration: none;
}
/* Menu toggle */
.menu-toggle {
  background-color: transparent;
  border: 1px solid;
  color: #222;
  display: none;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.5;
}
.menu-toggle,
.main-navigation.toggled-on ul.nav-menu {
  display: block;
}
.menu-toggle:hover,
.menu-toggle:focus {
  background-color: transparent;
}

/* Dropdown Toggle */
.dropdown-toggle {
  background-color: transparent;
  color: #222;
  display: block;
  font-size: 16px;
  right: 0;
  line-height: 1.5;
  padding: 0.5em;
  position: absolute;
  top: 0;
}
.dropdown-toggle:hover,
.dropdown-toggle:focus {
  background: transparent;
}
.dropdown-toggle.toggled-on .icon {
  -ms-transform: rotate(-180deg); /* IE 9 */
  -webkit-transform: rotate(-180deg); /* Chrome, Safari, Opera */
  transform: rotate(-180deg);
}

/*preloader*/
.elementor-html #pre-loader {
  display: none;
}
#pre-loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99999999;
  overflow: hidden;
  background: #000;
  box-shadow: inset 0px 0px 90px rgba(0, 0, 0, 0.5);
}
.demo {
  width: 100px;
  height: 102px;
  border-radius: 100%;
  position: absolute;
  top: 45%;
  left: calc(50% - 50px);
  z-index: 999999;
}
.circle {
  width: 100%;
  height: 100%;
  position: absolute;
}
.circle .inner {
  width: 80%;
  height: 100%;
  border-radius: 100%;
  border: 4px solid rgba(255, 255, 255, 0.7);
  border-right: none;
  border-top: none;
  background-clip: padding;
  box-shadow: inset 0px 0px 10px rgba(236, 249, 245, 0.15);
}
@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.circle:nth-of-type(0) {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
.circle:nth-of-type(0) .inner {
  -webkit-animation: spin 0s infinite linear;
  animation: spin 0s infinite linear;
}
.circle:nth-of-type(1) {
  -webkit-transform: rotate(70deg);
  transform: rotate(70deg);
}
.circle:nth-of-type(1) .inner {
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}

.circle:nth-of-type(2) {
  -webkit-transform: rotate(140deg);
  transform: rotate(140deg);
}
.circle:nth-of-type(2) .inner {
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}
.demo {
  -webkit-animation: spin 5s infinite linear;
  animation: spin 5s infinite linear;
}
/*----------Sticky Header------*/
.fixed-header {
  position: fixed;
  top: 0;
  left: 0;
  background: #fff;
  box-shadow: 2px 2px 10px 0px #2d2d2d;
  z-index: 999999;
  width: 100%;
}
.page-template-home-custom .fixed-header #masthead .main-header {
  box-shadow: 2px 2px 10px 0px #2d2d2d;
  padding: 10px 0;
  background: #f7f7f7;
  border-bottom: 1px solid #ccc;
}
body.admin-bar .fixed-header {
  top: 30px;
}
/*----------- Header ----------------*/
.page-template-home-custom #masthead .main-header {
  position: absolute;
  z-index: 99;
  width: 100%;
  background: transparent;
  padding: 0;
  border: none;
}
#masthead .main-header {
  position: static;
  padding: 10px 0;
  background: #f7f7f7;
  border-bottom: 1px solid #ccc;
}
.logo p,
.blogger h2 a:hover,
.related-posts h3 a:hover {
  color: #054e47;
}
.logo h1 a,
.site-title a {
  font-weight: 600;
  color: #054e47;
  font-size: 35px;
  font-family: "Libre Baskerville", serif;
  font-style: italic;
}
.navigation-top {
  padding: 17px;
  border-radius: 3px;
}
/*-----------------Search pop up----------------*/
.searchform-inner {
  position: absolute;
  top: 60px;
  width: 30%;
  padding: 30px 20px 20px;
  background: #fff;
  border-radius: 3px;
  right: 2%;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.2);
  z-index: 999999;
  visibility: hidden;
}
.searchform-inner input[type="search"] {
  padding: 9px;
  border: none;
  border: 1px solid;
}
.searchform-inner .search-form .search-submit {
  padding: 10px;
  position: absolute;
  font-size: 16px;
  font-weight: 600;
  right: 0;
}
.search-body i {
  color: #054e47;
}
.search-body button {
  border: none;
  background: none;
}
.close {
  position: absolute;
  top: 4px;
  right: 4px;
  font-size: 20px;
  color: #000;
  opacity: 1;
  z-index: 99999999;
  padding: 5px;
  background: none;
}
.close:focus,
.close:hover {
  color: #000;
  text-decoration: none;
  border: none;
  opacity: 1;
  background: none;
}
.serach_outer {
  margin: 10px;
  cursor: pointer;
}
a.close {
  border-bottom: none;
}
.serach-page input.search-field {
  border: 1px solid #ccc;
  padding: 9px;
}
button.search-submit {
  border: 0;
  background: transparent;
}
.modal-open .modal {
  overflow-y: hidden;
}
.modal-open {
  overflow-y: scroll;
  padding: 0 !important;
}
.modal-backdrop {
  position: relative;
}
.modal-content {
  background: transparent;
  border: 0;
}
.modal-dialog {
  max-width: 100%;
  height: 100%;
  margin: 0;
  pointer-events: all;
}
.searchform-inner:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: solid 7px;
  border-color: transparent transparent #fff transparent;
  margin-right: 58px;
  position: absolute;
  right: -34px;
  top: -14px;
}
.modal-body {
  width: 100%;
  height: 100%;
}
#mastheader .search-submit span .screen-reader-text {
  position: static !important;
}
.modal {
  background: rgba(0, 0, 0, 0.2);
}
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}
.screen-reader-text:focus {
  background-color: #eee;
  clip: auto !important;
  clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar. */
}
.serach_outer i {
  font-size: 24px;
  padding: 4px 0 0 0;
  color: #bbb;
}
.search_form button.search-submit {
  width: 20%;
  text-align: center;
  float: right;
  border-radius: 0;
  background: url(assets/images/Icon.png) no-repeat scroll 30px 11px;
  text-indent: -9999px;
  padding: 21px 20px;
  margin: 0;
}
.search_form {
  padding: 15px 0px;
  margin-bottom: 25px;
}
/* --------- banner--------- */
#banner {
  width: 100%;
  background: #fff;
  position: relative;
}
#banner .box-content h1 {
  color: #054e47;
  opacity: 0.6;
  text-align: left;
  font-size: 40px;
  font-style: italic;
}
#banner .box-content p {
  color: #054e47;
  font-size: 20px;
  line-height: 2;
  font-style: italic;
  font-family: "Libre Baskerville", serif;
}
#banner .box-content {
  right: 30%;
  left: 10%;
  position: absolute;
  top: 55%;
  transform: translateY(-50%);
}
#banner .box-content p i,
#banner .box-content p i {
  position: relative;
  color: #2ccdc3;
  top: -12px;
}
#banner img {
  width: 100%;
  opacity: 0.3;
  object-fit: cover;
}
#banner .social-media i {
  border-radius: 50%;
  background-color: #e7e8e9;
  padding: 12px;
  font-size: 14px;
  color: #202020;
}
#banner .social-media i.fab.fa-facebook-f {
  padding: 12px 15px;
}
#banner .social-media i.fab.fa-linkedin-in,
#banner .social-media i.fab.fa-instagram {
  padding: 12px 13px;
}
#banner .social-media i.fab.fa-google-plus-g {
  padding: 12px 11px;
}
#banner .social-media i:hover {
  color: #fff;
  background: #2ccdc3;
}
.contact i {
  font-size: 25px;
  color: #2ccdc3;
}
.contact a {
  color: #054e47;
  font-size: 14px;
  font-family: "Libre Baskerville", serif;
}
#banner .box-content p {
  line-height: 1.8 !important;
}
.readbutton a {
  padding: 12px 25px;
  color: #fff;
  background: #054e47;
  font-size: 13px;
  border-radius: 3px;
  display: inline-block;
}
.readbutton a:hover {
  background: #2ccdc3;
  color: #fff;
}

/*----------- About Section ----------------*/
#about .about-text h2 {
  font-size: 35px;
  font-weight: 500;
  color: #054e47;
  font-style: italic;
}
#about .about-text p {
  color: #787272;
  font-size: 15px;
  line-height: 1.8;
}
#about .aboutbtn a {
  padding: 15px 20px;
  color: #fff;
  font-size: 13px;
  background: #054e47;
  font-weight: bold;
  border-radius: 3px;
}
#about .aboutbtn a:hover {
  background: #2ccdc3;
  color: #fff;
}
#about .aboutbtn {
  letter-spacing: 0;
  line-height: 1.8;
}
/* Added Woocommerce css*/
.woocommerce-account .addresses .u-column2 .title .edit,.woocommerce-account .addresses .u-column1 .title .edit{
  float: left;
}
h2.wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title {
  padding-left: 15px !important;
}
.wp-block-woocommerce-cart.alignwide {
  margin-left: auto;
  margin-right: auto;
}
td.wc-block-cart-item__image {
  padding: 16px 0px 16px 16px !important;
}
td.wc-block-cart-item__total,
.wc-block-components-totals-item,
.wc-block-components-totals-coupon {
  padding-left: 16px !important;
  padding-right: 16px !important;
}
table.wc-block-cart-items.wp-block-woocommerce-cart-line-items-block,
.wp-block-woocommerce-cart-order-summary-block {
  border: 1px solid #dcdcdc;
  margin: 0 -1px 24px 0;
  text-align: left;
  width: 100%;
  border-radius: 5px;
}
tr.wc-block-cart-items__header th {
  font-weight: 700;
  padding: 9px 12px !important;
  line-height: 1.5em;
  font-size: 16px;
}
a.wc-block-components-product-name {
  color: #000;
  font-size: 20px;
  font-weight: 600;
}
a.wc-block-components-product-name,
button.wc-block-cart-item__remove-link,
a.wc-block-components-totals-coupon-link,
a.components-button.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained,
a.wc-block-components-checkout-return-to-cart-button {
  text-decoration: none !important;
}
button.wc-block-cart-item__remove-link {
  font-size: 1em !important;
}
span.wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title {
  text-align: left !important;
}
a.wc-block-components-totals-coupon-link,
a.components-button.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained,
a.wc-block-components-checkout-return-to-cart-button,
.wc-block-components-totals-coupon__button.contained,
button.wc-block-components-checkout-place-order-button {
  color: #fff;
  background: #054e47;
  border-radius: 0;
  font-weight: 500;
  padding: 10px 25px !important;
  font-size: 18px;
}
span.wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title {
  font-size: 1.5em !important;
  padding: 10px !important;
  display: block !important;
}
.wc-block-components-main.wc-block-cart__main.wp-block-woocommerce-cart-items-block {
  padding-right: 0%;
}
button.wc-block-components-checkout-place-order-button:hover,
a.wc-block-components-totals-coupon-link:hover,
a.components-button.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained:hover,
a.wc-block-components-checkout-return-to-cart-button:hover {
  background: #2ccdc3;
  color: #fff;
}
.wp-block-woocommerce-checkout-order-summary-block {
  border: 1px solid #dcdcdc;
}
.wp-block-woocommerce-checkout-order-summary-cart-items-block.wc-block-components-totals-wrapper {
  padding: 10px;
}
li.wc-block-grid__product {
  border: 1px solid #dcdcdc;
  padding: 10px;
  max-width: 23% !important;
  float: left;
  margin: 10px 15px 40px 0px;
  flex: none !important;
}
.wc-block-grid__product-onsale {
  padding: 12px 5px !important;
  color: #fff !important;
  background: #054e47 !important;
  border-color: #054e47 !important;
  border-radius: 50px !important;
  font-size: 12px !important;
  top: 0px !important;
  right: 0px !important;
  left: auto !important;
  margin: -0.5em -0.5em 0 0 !important;
}
.wc-block-grid__product-title {
  font-size: 22px !important;
  color: #000 !important;
  font-weight: 600;
}
a.wc-block-grid__product-link {
  text-decoration: none !important;
}
a.wp-block-button__link.add_to_cart_button.ajax_add_to_cart {
  padding: 10px 12px;
  border-radius: 4px !important;
  font-size: 16px;
  text-decoration: none;
}
span.woocommerce-Price-amount.amount {
  font-size: 16px;
}
img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
  width: 100% !important;
}
h2.wp-block-heading.has-text-align-center {
  margin: 10px 0;
}

/* Woocommerce */
.woocommerce-product-gallery__image {
  padding: 5px;
}
.woocommerce-input-wrapper {
  width: 100%;
}
.posted_in {
  display: block;
  padding-bottom: 10px;
}
.woocommerce span.onsale {
  background: #054e47;
  padding: 0;
}
.products li {
  border: solid 1px #dcdcdc;
  padding: 10px !important;
  text-align: center;
}
h2.woocommerce-loop-product__title,
.woocommerce div.product .product_title {
  color: #000;
  font-weight: 500;
}
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
  color: #000;
}
.woocommerce div.product .product_title,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
  margin-bottom: 5px;
}
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce a.added_to_cart {
  color: #fff;
  background: #054e47;
  border-radius: 3px;
}
.woocommerce a.added_to_cart {
  padding: 5px 16px;
  margin-left: 5px;
  font-weight: 600;
}
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce a.added_to_cart:hover {
  background: #2ccdc3;
  color: #fff;
}
.woocommerce div.product form.cart div.quantity {
  margin-right: 10px;
}
.woocommerce .quantity .qty {
  width: 5em;
  padding: 8px;
  border-radius: 0;
  border: solid 1px #000;
  color: #000;
  display: inline-block;
}
.woocommerce-MyAccount-navigation ul {
  list-style: none;
}
.woocommerce-MyAccount-navigation ul li {
  background: #054e47;
  padding: 12px;
  margin-bottom: 10px;
}
nav.woocommerce-MyAccount-navigation ul li a {
  color: #fff;
  font-weight: 500;
}
.woocommerce-account .addresses .title .edit{
  background: #054e47;
  color: #fff;
  font-weight: 500;
  padding: 5px 8px;
}
.woocommerce .woocommerce-breadcrumb a,
.woocommerce .woocommerce-breadcrumb {
  color: #000;
}
.woocommerce button.button:disabled,
.woocommerce button.button:disabled[disabled] {
  color: #fff;
}
.woocommerce-privacy-policy-text p {
  color: #515151;
}
.woocommerce form .form-row .required {
  color: #df0000;
}
.woocommerce-info,
.woocommerce-message {
  border-top-color: #054e47;
}
.woocommerce-info::before,
.woocommerce-message::before {
  color: #054e47;
}
.page-template-default.page.page-id-66.logged-in.admin-bar.woocommerce-js.customize-support
  .woocommerce
  span.price {
  margin-top: -39px;
}
.page-template-default.page.page-id-66.logged-in.admin-bar.woocommerce-js.customize-support
  .woocommerce
  ul.products
  li.product
  .button {
  margin-top: -1em;
}
.woocommerce-privacy-policy-text a,
.woocommerce-info a,
.woocommerce-MyAccount-content a,
form.woocommerce-shipping-calculator a,
nav.woocommerce-MyAccount-navigation a,
tr.woocommerce-cart-form__cart-item.cart_item a {
  text-decoration: none;
}
.woocommerce ul.products li.product .star-rating {
  margin: 0 auto 6px !important;
  font-size: 15px !important;
}
.woocommerce .related ul.products li.product,
.woocommerce-page .related ul.products li.product {
  width: 29% !important;
  float: none;
  display: inline-table;
}
.select2-container--default .select2-selection--single {
  height: 45px;
}
.select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  padding: 8px 10px;
}
.select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  top: 10px;
}
.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
  width: auto;
}
.woocommerce form.login .form-row,
.woocommerce .woocommerce-form-login .woocommerce-form-login__submit {
  display: block;
  float: none;
}
.woocommerce form.login .form-row input.input-text {
  width: 100%;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
  padding: 15px;
  font-size: 15px;
  font-weight: 600;
}
.woocommerce #customer_login .col-1,
.woocommerce #customer_login .col-2 {
  max-width: 100%;
}
/*-------- Woocommerce widget css -----*/
#sidebox .widget_shopping_cart .cart_list li,
.site-footer .widget_shopping_cart .cart_list li {
  padding: 0 0 10px 2em;
  margin-bottom: 10px;
}
#sidebox .widget_shopping_cart .cart_list li a.remove,
#sidebox .widget_shopping_cart .cart_list li a.remove {
  font-size: 20px;
}
.woocommerce.widget ul.cart_list li img,
.woocommerce.widget ul.product_list_widget li img {
  width: 50px;
  height: 50px;
}
.woocommerce ul.cart_list li .star-rating,
.woocommerce ul.product_list_widget li .star-rating {
  margin: 5px 0 8px;
}
.site-footer .woocommerce .widget_shopping_cart .buttons a,
.site-footer .woocommerce.widget_shopping_cart .buttons a,
.site-footer .widget_price_filter .price_slider_amount .button {
  background: #2ccdc3;
}
.woocommerce form.woocommerce-product-search button {
  width: 100%;
  background: #2ccdc3;
  margin-top: 10px;
}
#sidebox .widget_price_filter .ui-slider-horizontal .ui-slider-range,
#sidebox .widget_price_filter .ui-slider .ui-slider-handle,
.site-footer .widget_price_filter .ui-slider-horizontal .ui-slider-range,
.site-footer .widget_price_filter .ui-slider .ui-slider-handle {
  background: #2ccdc3;
}
#sidebox .widget_price_filter .price_slider_wrapper .ui-widget-content {
  background: #054e47;
}
#sidebox button[type="submit"],
.site-footer button[type="submit"] {
  background: #054e47;
  color: #fff;
}
.site-footer .widget_price_filter .price_slider_wrapper .ui-widget-content {
  background: #fff;
}
.widget .price_label {
  font-size: 15px;
  font-weight: 500;
}
.site-footer .widget .price_label {
  color: #fff;
}

/* Breadcrumb */
.breadcrumb {
  padding: 30px 0;
}
.breadcrumb a {
  background: #054e47;
  padding: 5px 15px;
  margin: 5px;
  color: #fff;
  display: inline-block;
}
.breadcrumb a:hover {
  background: #2ccdc3;
  color: #fff;
}
.breadcrumb span {
  background: #054e47;
  color: #fff;
  padding: 5px 15px;
  display: inline-block;
  margin: 5px;
}
.breadcrumb span:hover {
  background: #2ccdc3;
  color: #fff;
}
/*----------- Blog Post ----------------*/
.blogger,
.page-box {
  text-align: center;
  border: 1px solid #ccc;
  padding: 10px;
  margin-bottom: 20px;
}
.blogger h1 {
  font-size: 25px;
  padding: 10px 0;
  margin: 0;
  font-weight: 700;
}
.blogger h2 a {
  color: #222;
}
.blogger p {
  font-size: 16px;
  margin-bottom: 0;
}
.post-link {
  margin: 15px;
  text-align: center;
}
.post-link a {
  font-size: 15px;
  font-style: italic;
  color: #fff;
  background: #054e47;
  font-weight: 600;
  text-transform: none;
  padding: 10px 15px;
}
.post-link a:hover {
  background: #2ccdc3;
  color: #fff;
}
#content {
  padding-top: 3%;
}
.page-template-home-custom #content {
  padding: 0;
}
.singlebox .category {
  margin: 10px 0;
}
.singlebox .category ul {
  margin-bottom: 10px;
}
.singlebox .category ul li a{
  background: #054e47;
  color: #ffffff;
  padding: 10px;
}
.post-info {
  font-size: 16px;
  text-align: center;
  padding: 4px 0;
  background: #054e47;
  margin-bottom: 20px;
  color: #fff;
}
.related-posts .post-info {
  padding: 0px;
}
.post-info i {
  color: #fff;
  margin-left: 1%;
  margin-right: 1%;
}
.post-info span {
  margin-left: 1%;
  margin-right: 1%;
  color: #fff;
  font-size: 14px;
}
.blogger .post-image img{
  max-height: 400px;
  width: 400px;
  object-fit: cover;
}
.singlebox .single-post-image img{
  height: 500px;
  width: 500px;
  object-fit: cover;
}
/*----------- Sidebar ----------------*/
#sidebox .textwidget p a {
  text-decoration: underline;
}
#sidebox h3 {
  background: #054e47;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  padding: 12px 0;
  margin-bottom: 10px;
}
.site-footer h3,.site-footer .wp-block-heading {
  font-size: 25px;
  font-weight: 700;
  color: #ffffff;
  border-bottom: 1px solid #fff;
  padding: 15px 0;
  margin-bottom: 15px;
}
#sidebox ul li {
  font-size: 15px;
  border-top: none;
  padding: 10px 0;
  border-bottom: 1px solid;
}
#sidebox ul li:last-child {
  border: none;
}
#sidebox .search-form label {
  width: 100%;
}
.site-footer ul li {
  font-size: 15px;
  border-top: none;
  padding-bottom: 6px;
}
#sidebox ul li a {
  color: #222;
  font-size: 14px;
}
#sidebox ul li a:hover {
  color: #2ccdc3;
}
.site-footer ul li a {
  color: #fff;
  font-size: 15px;
}
#sidebox .tagcloud a,
.site-footer .tagcloud a {
  display: inline-block !important;
  padding: 10px;
  font-size: 15px !important;
  margin-bottom: 4px;
}
.site-footer .tagcloud a:hover,
.site-info a {
  color: #fff;
}
.site-info p {
  color: #fff;
  font-size: 16px;
  margin-bottom: 0;
  text-align: center;
}
#sidebox input.search-field {
  padding: 10px;
  background: transparent;
  width: 100%;
  border: 1px solid;
}
#sidebox .wp-block-heading,
#sidebox .wp-block-search__label {
  background: #054e47;
  font-size: 20px;
  font-weight: 700;
  text-transform: capitalize;
  color: #fff;
  text-align: center;
  padding: 12px 0;
  margin-bottom: 10px;
}
#sidebox ul li::before {
  content: "" !important;
  font-family: 'FontAwesome' !important;
  margin-right: 10px !important;
  height: 5px !important;
  width: 5px !important;
  background: #054e47 !important;
  margin-bottom: 6px;
  display: inline-block !important;
  transform: rotate(45deg);
}
#sidebox ul li:hover{
  margin-left: 10px;
  transition: 0.5s;
}
/*post pagination*/
.nav-links .nav-previous a {
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  display: inline-block;
  background: #054e47;
  padding: 10px 15px 10px 20px;
  margin-right: 10px;
  clip-path: polygon(20% 0%, 100% 0%, 100% 100%, 20% 100%, 0% 50%);
  border: none;
}
.nav-links .nav-next a {
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  display: inline-block;
  background: #054e47;
  padding: 10px 23px 10px 10px;
  margin-right: 10px;
  clip-path: polygon(0% 0%, 75% 0%, 100% 51%, 75% 100%, 0% 100%);
  border: none;
}
.nav-previous {
  float: left;
  width: 50%;
  font-size: 15px;
}
.nav-next {
  float: right;
  font-size: 15px;
}
.pagination,
.comments-pagination {
  border-top: 1px solid #eee;
  font-size: 14px;
  font-weight: 800;
  padding: 2em 0 3em;
  text-align: center;
}
.pagination .icon,
.comments-pagination .icon {
  width: 0.666666666em;
  height: 0.666666666em;
}
.comments-pagination {
  border: 0;
}
.page-numbers {
  display: none;
  padding: 8px;
  background: #054e47;
  color: #fff;
  display: inline-block;
  padding: 10px;
  font-size: 14px;
  border-bottom: none;
  padding-bottom: none;
}
.page-numbers:hover,
.prev.page-numbers:hover {
  background: #2ccdc3;
  color: #fff;
}
.page-numbers.current {
  display: inline-block;
}
.prev.page-numbers,
.next.page-numbers {
  -webkit-border-radius: 2px;
  border-radius: 2px;
  display: inline-block;
  font-size: 24px;
  line-height: 1;
  padding: 0.25em 0.5em 0.4em;
}
.prev.page-numbers,
.next.page-numbers {
  -webkit-transition: background-color 0.2s ease-in-out,
    border-color 0.2s ease-in-out, color 0.3s ease-in-out;
  transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out,
    color 0.3s ease-in-out;
}
.prev.page-numbers {
  padding: 13px;
  font-size: 13px;
  border-radius: none;
}
.next.page-numbers {
  font-size: 13px;
  padding: 13px;
  border-radius: 0px;
}

/* Single Post */
.page-links {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 800;
  padding: 2em 0 3em;
}
.page-links .page-number {
  color: #767676;
  display: inline-block;
  padding: 0.5em 1em;
}
.page-links a {
  display: inline-block;
}
.page-links a .page-number {
  color: #222;
}
/* scroll to top */
.scrollup {
  display: none;
}
.scrollup i {
  position: fixed;
  bottom: 70px;
  right: 20px;
  font-size: 25px;
  padding:  12px 30px 12px 15px;
  border: solid 2px #2ccdc3;
  background: #2ccdc3;
  z-index: 999;
  color: #fff;
}
.scrollup.left i {
  left: 20px;
  right: auto;
}
.scrollup.center i {
  left: 50%;
  right: auto;
}
/* Post Navigation */
.post-navigation {
  font-weight: 800;
  margin: 3em 0;
}
.post-navigation .nav-links {
  padding: 1em 0;
}
.nav-title {
  color: #333;
  font-size: 15px;
  font-size: 0.9375rem;
}
.post-navigation .nav-next {
  margin-top: 0;
}
.nav-links .nav-previous .nav-title .nav-title-icon-wrapper {
  margin-right: 0.5em;
}
.nav-links .nav-next .nav-title .nav-title-icon-wrapper {
  margin-left: 0.5em;
}
/*---------------- Pages -----------------*/
.page .entry-header .edit-link {
  font-size: 14px;
  font-size: 0.875rem;
}
.search .page .entry-header .edit-link {
  font-size: 11px;
  font-size: 0.6875rem;
}
.page-links {
  clear: both;
  margin: 0 0 1.5em;
}
/*------------ Footer ---------------*/
button.search-submit:hover {
  background: #054e47;
}
.site-footer ul li a:hover {
  color: #2ccdc3 !important;
}
.site-footer {
  background: #054e47;
}
.site-footer li,
.site-footer #calendar_wrap a,
.site-info {
  color: #fff;
}
.site-footer .comment-content p a,
.site-footer .textwidget p a {
  color: #fff;
  text-decoration: underline;
}
.footer_text {
  float: right;
}
.site-footer .search-form label {
  width: 100%;
  margin-bottom: 10px;
}

/* Footer widgets */
.site-footer .search-form .search-submit,
#sidebox .search-form .search-submit {
  padding: 12px;
  width: 100%;
  font-size: 16px;
  font-weight: 600;
  border-radius: 3px;
  margin-left: 0;
}
.search-form button.search-submit {
  background: #054e47;
  color: #fff;
  margin-left: 10px;
}
.widget-area .search-form button.search-submit {
  background: #2ccdc3;
  color: #fff;
}
.site-footer .widget-area select option,
.widget-area p,
.widget-area label,
.widget-area select,
.widget-area td,
.widget-area td a,
.widget-area caption,
.widget-area th {
  color: #000;
}
.site-footer .widget-area p,
.site-footer .widget-area label,
.site-footer .widget-area select,
.site-footer .widget-area td,
.site-footer .widget-area td a,
.site-footer .widget-area caption,
.site-footer .widget-area th {
  color: #fff;
}
.site-footer .widget-area td,
.site-footer .widget-area th {
  border: 1px solid #fff;
}
#sidebox .widget td,
#sidebox .widget th {
  border: 1px solid #ccc;
}
#sidebox .search-form button {
  width: 100%;
  margin-top: 2%;
  border-radius: 4px;
}
button.search-submit {
  background: #000;
  color: #fff;
}
.copyright {
  border-top: 1px solid #2ccdc3;
  background: #114e47;
  padding: 12px;
}
/*------------- Comments ----------------*/
.comments-title {
  font-size: 20px;
}
.comment-list,
.comment-list .children {
  margin: 0;
  padding-left: 20px;
}
.comment-list li:before {
  display: none;
}
.comment-body {
  margin-left: 65px;
}
.comment-author {
  font-size: 16px;
  margin-bottom: 0.4em;
  position: relative;
  z-index: 2;
}
.comment-author .avatar {
  height: 50px;
  left: -65px;
  position: absolute;
  width: 50px;
}
.comment-author .says {
  display: none;
}
.comment-meta {
  margin-bottom: 1.5em;
}
.comment-metadata {
  color: #767676;
  font-size: 10px;
  font-size: 0.625rem;
  font-weight: 800;
}
.comment-metadata a {
  color: #767676;
  font-size: 14px;
}
.comment-metadata a.comment-edit-link {
  color: #222;
  margin-left: 1em;
}
.comment-body {
  color: #333;
  font-size: 14px;
  font-size: 0.875rem;
  margin-bottom: 4em;
}
.comment-reply-link {
  font-weight: 600;
  position: relative;
  padding: 10px;
  color: #fff;
  background: #054e47;
  margin: 10px 0;
}
.comment-reply-link:hover {
  background: #2ccdc3;
  color: #fff;
}
.comment-reply-link .icon {
  color: #222;
  left: -2em;
  height: 1em;
  position: absolute;
  top: 0;
  width: 1em;
}
.no-comments,
.comment-awaiting-moderation {
  color: #767676;
  font-size: 14px;
  font-size: 0.875rem;
  font-style: italic;
}
.comments-pagination {
  margin: 2em 0 3em;
}
.form-submit {
  text-align: right;
}
/*---------------- Widgets ---------------*/
#sidebox .widget {
  border: 1px solid #ccc;
  padding: 10px;
  margin-bottom: 12%;
}
.widget-title a {
  color: inherit;
}
.widget select {
  width: 100%;
}
/* Search */
.search-form {
  position: relative;
}
.search-form label {
  float: left;
  width: 75%;
}
.search-form .search-submit .icon {
  height: 24px;
  top: -2px;
  width: 24px;
}
.page-content .search-form label {
  float: none;
  display: inline-block;
  width: 45%;
}
/* Tag cloud widget */
.tagcloud ul li {
  float: left;
  border-top: 0;
  border-bottom: 0;
  padding: 0;
  margin: 4px 4px 0 0;
}
.tagcloud,
.widget_tag_cloud,
.wp_widget_tag_cloud {
  line-height: 1.5;
}
.widget .tagcloud a,
.widget.widget_tag_cloud a,
.wp_widget_tag_cloud a {
  border: 1px solid #ddd;
  -webkit-box-shadow: none;
  box-shadow: none;
  display: block;
  padding: 4px 10px 5px;
  position: relative;
  -webkit-transition: background-color 0.2s ease-in-out,
    border-color 0.2s ease-in-out, color 0.3s ease-in-out;
  transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out,
    color 0.3s ease-in-out;
  width: auto;
  word-wrap: break-word;
  z-index: 0;
}
.site-footer .widget .tagcloud a {
  color: #fff;
}
.widget .tagcloud a:hover,
.widget .tagcloud a:focus,
.widget.widget_tag_cloud a:hover,
.widget.widget_tag_cloud a:focus,
.wp_widget_tag_cloud a:hover,
.wp_widget_tag_cloud a:focus {
  background: #054e47;
  -webkit-box-shadow: none;
  box-shadow: none;
  text-decoration: none;
}
.widget .tagcloud a:hover {
  background: #2ccdc3;
  color: #fff !important;
}
.widget_calendar th,
.widget_calendar td {
  text-align: center;
}
.widget_calendar tfoot td {
  border: 0;
}
/* clearing float pagination */
.page-links .post-page-numbers {
  padding: 8px;
  background: #054e47;
  padding: 12px;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  border-bottom: none;
  margin: 4px;
}
.page-links a.post-page-numbers:hover {
  background: #2ccdc3;
}
/* cover block page img alignment */
.singlebox h1,
.blogger h2 {
  word-wrap: break-word;
}
.singlebox .alignwide {
  margin-left: auto;
  margin-right: auto;
}
.singlebox .alignfull {
  margin-left: auto;
  margin-right: auto;
}
.wp-caption {
  margin: 0;
  padding: 0;
  font-size: 13px;
  max-width: 100%;
}
/* blog title */
.singlebox h1,
.blogger h2 {
  word-wrap: break-word;
}
/* social icons */
#colophon {
  background-color: #054e47;
}
/* .site-info {
  display: flex;
  justify-content: center;
  align-items: center;
} */
.site-info span {
  text-align: center !important;
}
.site-info .socialicons a {
  color: #fff !important;
  font-size: 16px;
  padding: 5px 8px;
  cursor: pointer;
}
.site-info span {
  padding-top: 5px;
  padding-bottom: 5px;
}
/* #content {
  padding-bottom: 0px !important;
} */
/*-------------------- Media ----------------*/
img,
video {
  height: auto; /* Make sure images are scaled correctly. */
  max-width: 100%; /* Adhere to container width. */
}
img.alignleft,
img.alignright {
  float: none;
  margin: 0;
}
/*---------------- Media Queries ---------------*/
@media screen and (max-width: 30em) {
  img.alignleft {
    float: left;
    margin-right: 1.5em;
  }
  img.alignright {
    float: right;
    margin-left: 1.5em;
  }
  .page-numbers.current,
  .site-footer {
    font-size: 16px;
  }
  .widget_calendar th,
  .widget_calendar td {
    padding: 3px;
  }
}
@media screen and (min-width: 48em) {
  h2,
  .home.blog .entry-title,
  .page .panel-content .recent-posts .entry-title {
    font-size: 26px;
  }
  .navigation-top a {
    color: #054e47;
  }
  .site-title {
    font-size: 36px;
  }
  .site-description {
    font-size: 14px;
  }
  .navigation-top {
    bottom: 0;
    font-size: 14px;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 999;
  }
  .site-navigation-fixed.navigation-top {
    bottom: auto;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 999;
  }
  .admin-bar .site-navigation-fixed.navigation-top {
    top: 32px;
  }
  .menu-toggle,
  .dropdown-toggle {
    display: none;
  }
  .main-navigation {
    width: auto;
  }
  .main-navigation ul,
  .main-navigation ul ul,
  .main-navigation > div > ul {
    display: block;
  }
  .main-navigation ul {
    background: transparent;
    padding: 0;
  }
  .main-navigation > div > ul {
    border: 0;
    margin-bottom: 0;
    padding: 0;
  }
  .main-navigation li {
    border: 0;
    display: inline-block;
  }
  .main-navigation li li {
    display: block;
    padding: 0;
  }
  .main-navigation a {
    padding: 10px;
    text-transform: uppercase;
    color: #054e47;
    font-weight: 600;
    font-size: 13px;
    border-bottom: none;
    font-family: "Open Sans", sans-serif;
  }
  .main-navigation a:hover {
    color: #2ccdc3;
  }
  .main-navigation ul ul {
    background: #fff;
    left: -999em;
    padding: 0;
    position: absolute;
    top: 100%;
    z-index: 99999;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15);
  }
  .main-navigation ul li.menu-item-has-children:before,
  .main-navigation ul li.menu-item-has-children:after,
  .main-navigation ul li.page_item_has_children:before,
  .main-navigation ul li.page_item_has_children:after {
    border-style: solid;
    border-width: 0 6px 6px;
    content: "";
    display: none;
    height: 0;
    position: absolute;
    right: 1em;
    bottom: -1px;
    width: 0;
    z-index: 100000;
  }
  .main-navigation ul li.menu-item-has-children.focus:before,
  .main-navigation ul li.menu-item-has-children:hover:before,
  .main-navigation ul li.menu-item-has-children.focus:after,
  .main-navigation ul li.menu-item-has-children:hover:after,
  .main-navigation ul li.page_item_has_children.focus:before,
  .main-navigation ul li.page_item_has_children:hover:before,
  .main-navigation ul li.page_item_has_children.focus:after,
  .main-navigation ul li.page_item_has_children:hover:after {
    display: block;
  }
  .main-navigation ul li.menu-item-has-children:before,
  .main-navigation ul li.page_item_has_children:before {
    border-color: transparent transparent #bbb;
    bottom: 0;
  }
  .main-navigation ul li.menu-item-has-children:after,
  .main-navigation ul li.page_item_has_children:after {
    border-color: transparent transparent #fff;
  }
  .main-navigation ul ul li:hover > ul,
  .main-navigation ul ul li.focus > ul {
    left: 100%;
    right: auto;
    top: -1px;
  }
  .main-navigation ul ul a {
    padding: 12px;
    width: 15em;
  }
  .main-navigation li li {
    -webkit-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
  }
  .main-navigation li li a {
    -webkit-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out;
  }
  .main-navigation li li:focus > a,
  .main-navigation li li:hover > a {
    color: #054e47;
  }
  .main-navigation ul li:hover > ul,
  .main-navigation ul li.focus > ul {
    left: 0.5em;
    right: auto;
  }
  .main-navigation .menu-item-has-children > a > .icon,
  .main-navigation .page_item_has_children > a > .icon {
    display: inline;
    left: 5px;
    position: relative;
    top: -1px;
  }
  .main-navigation ul ul .menu-item-has-children > a > .icon,
  .main-navigation ul ul .page_item_has_children > a > .icon {
    margin-top: -9px;
    left: auto;
    position: absolute;
    right: 1em;
    top: 50%;
    -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
    -ms-transform: rotate(-90deg); /* IE 9 */
    transform: rotate(-90deg);
  }
  .main-navigation ul ul ul {
    left: -999em;
    top: 0;
  }
  .main-navigation ul ul li a {
    color: #054e47;
    border-bottom: 2px dashed #dfdfdf;
    text-transform: uppercase;
  }
  .main-navigation ul ul li:hover {
    border-left: 4px solid #054e47;
  }
  .header-menu .menu-item-has-children a:after {
    content: "\f078";
    font-weight: 900;
    font-family: "Font Awesome 7 Free";
    padding: 10px;
    font-size: 12px;
  }
  .header-menu ul.sub-menu li:not(.menu-item-has-children) a:after {
    content: none;
  }
  .header-menu ul.sub-menu .menu-item-has-children a:after {
    content: "\f054";
    font-weight: 900;
    font-family: "Font Awesome 7 Free";
    padding: 10px;
    font-size: 12px;
    right: 0;
    top: 5px;
    position: absolute;
  }
  .comments-pagination,
  .post-navigation {
    clear: both;
  }
  .post-navigation .nav-previous {
    float: left;
    width: 50%;
  }
  .post-navigation .nav-next {
    text-align: right;
  }
  .nav-next,
  .post-navigation .nav-next {
    margin-top: 0;
  }
  .navigation.pagination {
    clear: both;
  }
  ol.children .children {
    padding-left: 2em;
  }
  .nav-links .nav-title {
    position: relative;
  }
  .nav-title-icon-wrapper {
    position: absolute;
    text-align: center;
    width: 2em;
  }
  .nav-links .nav-previous .nav-title .nav-title-icon-wrapper {
    left: -2em;
  }
  .nav-links .nav-next .nav-title .nav-title-icon-wrapper {
    right: -2em;
  }
  .site-footer {
    font-size: 14px;
    line-height: 1.6;
  }
  .site-info .sep {
    margin: 0 0.5em;
    display: inline;
    visibility: visible;
    height: auto;
    width: auto;
  }
}
@media screen and (min-width: 67em) {
  .page-numbers {
    display: inline-block;
  }
  .page-numbers.current {
    font-size: 15px;
    font-size: 0.9375rem;
  }
}
@media screen and (max-width: 48.875em) and (min-width: 48em) {
  .admin-bar .site-navigation-fixed.navigation-top,
  .admin-bar .site-navigation-hidden.navigation-top {
    top: 46px;
  }
  td,
  th {
    padding: 0px;
  }
}
@media screen and (min-width: 720px) and (max-width: 768px) {
  .page-template-home-custom #masthead .main-header {
    position: static;
    padding: 10px 0;
    background: #f7f7f7;
    border-bottom: 1px solid #ccc;
  }
  .post-image {
    margin-bottom: 10px;
  }
  .alignwide {
    margin-left: -25px;
    margin-right: -25px;
  }
  #sidebox .widget {
    margin: 15% 0;
  }
  #banner .box-content p {
    display: none;
  }
  #our-services .aboutbtn a {
    padding: 12px 15px;
  }
  #banner .box-content {
    position: absolute;
    top: 48%;
  }
  .main-navigation a {
    font-size: 12px;
    text-transform: uppercase;
  }
  .main-navigation a,
  .navigation-top a {
    text-transform: uppercase !important;
  }
  .search-form label {
    width: 86%;
  }
  .woocommerce.widget ul.cart_list li img,
  .woocommerce.widget ul.product_list_widget li img {
    width: 40px;
    height: 40px;
  }
  .woocommerce .related ul.products li.product,
  .woocommerce-page .related ul.products li.product {
    width: 46% !important;
    margin-right: 10px;
    float: left;
  }
  .searchform-inner {
    width: 50%;
    top: 25%;
    right: 2%;
  }
  #banner img {
    height: auto !important;
  }
  tr.wc-block-cart-items__row {
    gap: 1em;
  }
  li.wc-block-grid__product {
    max-width: 48% !important;
    float: left;
    clear: both;
    margin: 0 1% 2.992em;
    flex: 1 0 48% !important;
  }
}
@media screen and (max-width: 720px) and (min-width: 320px) {
  .fixed-header {
    box-shadow: none;
    position: static;
    background: transparent;
  }
  .page-template-home-custom #masthead .main-header {
    position: static !important;
    padding: 10px 0;
    background: #f7f7f7;
    border-bottom: 1px solid #ccc;
  }
  #banner .box-content p,
  #banner .box-content h2,
  .contact,
  #banner .social-media {
    display: none;
  }
  #banner .box-content h1 {
    font-size: 20px;
    margin-bottom: 15px;
  }
  #banner .box-content {
    right: 10%;
    text-align: center;
  }
  .logo {
    padding: 38px 0;
  }
  .navigation-top {
    padding: 0px;
  }
  .woocommerce ul.products.columns-3 li.product,
  .woocommerce-page ul.products.columns-3 li.product,
  .woocommerce .related ul.products li.product,
  .woocommerce-page .related ul.products li.product,
  .woocommerce form.login .form-row input.input-text {
    width: 100% !important;
  }
  .copyright {
    text-align: center;
  }
  .footer_text {
    float: none;
  }
  .searchform-inner {
    top: 50%;
    width: 93%;
    left: 3%;
    padding: 25px;
  }
  .searchform-inner .search-form .search-submit {
    padding: 12px;
    font-size: 14px;
  }
  .searchform-inner:before {
    content: none;
  }
  #banner img {
    height: auto !important;
  }
  .alignwide {
    margin-left: 0;
    margin-right: 0;
  }
  .main-navigation a {
    font-size: 14px;
    padding: 10px 0;
  }
  #sidebox .widget {
    margin-top: 23px;
  }
}
@media screen and (max-width: 1024px) and (min-width: 1000px) {
  .alignwide {
    margin-left: -35px;
    margin-right: -35px;
  }
}
@media screen and (max-width: 720px) {
  tr.wc-block-cart-items__row {
    gap: 0.4em;
  }
  td.wc-block-cart-item__total {
    padding-left: 0px !important;
  }
  li.wc-block-grid__product {
    max-width: 100% !important;
    float: none;
    flex: 100% !important;
  }
  .wc-block-grid__product-onsale {
    right: 0px !important;
    top: 0px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .wp-block-woocommerce-cart.alignwide {
    margin-left: -35px;
    margin-right: -35px;
  }
}
@media screen and (min-width: 1000px) and (max-width: 1024px) {
  tr.wc-block-cart-items__row {
    gap: 1em;
  }
}
