/*
Theme Name: Carbonate
Theme URI: https://www.moneylab.co
Author: Matt Giovanisci
Author URI: https://www.moneylab.co
Description: A super lightweight WordPress theme built for speed and comfort.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: carbonate
Tags: flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


/*********************************************************
    RESET
*********************************************************/
article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section{display: block;}
[tabindex="-1"]:focus{outline: 0 !important;}
input[type="radio"], input[type="checkbox"]{box-sizing: border-box; padding: 0;}
input, button, select, optgroup, textarea{margin: 0; font-family: inherit; font-size: inherit; line-height: inherit;}
table{border-collapse: collapse;}
fieldset{border: none; padding: 0;}


/*********************************************************
    GLOBAL
*********************************************************/
html{font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: transparent; margin: 0; padding: 0; width: 100%; min-height: 100%; height: 100%;}
body{font-family: 'Noto Sans',sans-serif !important; font-size: 1.15rem; line-height: 1.6; color: var(--dark-gray); text-align: left; background-color: var(--white); -webkit-font-smoothing: antialiased; text-shadow: 1px 1px 1px rgba(0,0,0,0.004); position: relative; text-rendering: optimizelegibility; -moz-osx-font-smoothing: grayscale; -moz-font-feature-settings: "liga"; min-height: 100%; height: 100%; padding: 0; margin: 0;}
@-ms-viewport{width: device-width;}


/*********************************************************
    ASSETS
*********************************************************/
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6{font-family: Noto Serif;  line-height: 1.25; letter-spacing: -1px; margin-top: 0; margin-bottom: 0.5rem;}

h1, .h1{
  font-size: 40px; 
  font-weight: 500;
  text-transform: capitalize;
  letter-spacing: 1px;
  text-align: center;
  color: #0F3D3D;
}
/* h1:after {
  border-bottom: 5px solid #2bb32b;
  height:20px;
  display: block;
  width: 150px;
  z-index: 1;
  content: '';
  margin:0 auto 40px auto;
} */

h2, .h2{
  font-size: 30px;
  font-weight: 700;  
  letter-spacing: 1px;
}


h2:after, .h2:after {
  /* border-bottom: 4px solid #ffa633; */
  /* height:20px; */
  display: block;
  width: 100px;
  z-index: 1;
  content: '';
  /* margin-bottom: 40px; */
}
.h2:after { margin-left: auto; margin-right: auto; }

h3, .h3{
  font-size: 22px;
  font-weight: 700;
  line-height: 50px;
  margin:20px 0 20px 0;
  letter-spacing: 0.5px;
}

/* h3:after, .h3:after {
  border-bottom: 4px solid #2bb32b;
  height:20px;
  display: block;
  width: 100px;
  z-index: 1;
  content: '';
  margin-bottom: 30px;
} */
.h3:after { margin-left: auto; margin-right: auto; }

h4, .h4{
  font-size: 1.25rem;
}

a{color: var(--blue); outline: none; transition: 0.2s ease; text-decoration: none;}
/* a:hover{opacity: 0.75;} */
.underline{text-decoration: underline !important;}
.text-left{text-align: left !important;}
.text-right{text-align: right !important;}
.text-center{text-align: center !important;}
.small{font-size: 0.9rem !important; line-height: 1.5 !important;}
.circle{border-radius: 50rem !important;}
.border{border: 1px solid var(--gray) !important;}

strong { font-weight: 500; }


/*********************************************************
    COLORS
*********************************************************/
:root{
    --black: #353535;
    --white: #FFFFFF;
    --gray: #646464;
    --dark-gray: #333;
    --red: #CC3333;
    --orange: #F6BD60;
    --yellow: #FFD700;
    --green: #2bb32b ;
    --blue: #0D74B3;
    --purple: #5E36CA;
    --pink: #FF3399;
    --skyblue: #a3d4ff;
}

.black{color: var(--black) !important;}
.black-bg{background-color: var(--black) !important;}

.white{color: var(--white) !important;}
.white-bg{background-color: var(--white) !important;}

.gray{color: var(--gray) !important;}
.gray-bg{background-color: var(--gray) !important;}

.dark-gray{color: var(--dark-gray) !important;}
.dark-gray-bg{background-color: var(--dark-gray) !important;}

.red{color: var(--red) !important;}
.red-bg{background-color: var(--red) !important;}

.orange{color: var(--orange) !important;}
.orange-bg{background-color: var(--orange) !important;}

.yellow{color: var(--yellow) !important;}
.yellow-bg{background-color: var(--yellow) !important;}

.green{color: var(--green) !important;}
.green-bg{background-color: var(--green) !important;}

.blue{color: var(--blue) !important;}
.blue-bg{background-color: var(--blue) !important;}

.purple{color: var(--purple) !important;}
.purple-bg{background-color: var(--purple) !important;}

.pink{color: var(--pink) !important;}
.pink-bg{background-color: var(--pink) !important;}

.skyblue{color: var(--skyblue) !important;}
.skyblue-bg{background-color: var(--skyblue) !important;}

.header-bg{/*background-image: linear-gradient(130deg,#0059bf 0%,#00f2ff 100%);*/  background-color: #196565; padding: 0 10px;}
.footer-bottom-bg{ background-color: #021324;  }


/*********************************************************
    HELPERS
*********************************************************/
.hidden-desktop { display: none; }

.img-fluid{max-width: 100%; height: auto;}
.min-height{min-height: 1000px;}

.w-100 { width: 100% !important; }

.p-0{padding: 0rem !important;}
.p-1{padding: 0.25rem !important;}
.p-2{padding: 0.5rem !important;}
.p-3{padding: 1rem !important;}
.p-4{padding: 2rem !important;}
.p-5{padding: 3rem !important;}

.px-0{padding-left: 0rem !important; padding-right: 0rem !important;}
.px-1{padding-left: 0.25rem !important; padding-right: 0.25rem !important;}
.px-2{padding-left: 0.5rem !important; padding-right: 0.5rem !important;}
.px-3{padding-left: 1rem !important; padding-right: 1rem !important;}
.px-4{padding-left: 2rem !important; padding-right: 2rem !important;}
.px-5{padding-left: 3rem !important; padding-right: 3rem !important;}

.py-0{padding-top: 0rem !important; padding-bottom: 0rem !important;}
.py-1{padding-top: 0.25rem !important; padding-bottom: 0.25rem !important;}
.py-2{padding-top: 0.5rem !important; padding-bottom: 0.5rem !important;}
.py-3{padding-top: 1rem !important; padding-bottom: 1rem !important;}
.py-4{padding-top: 2rem !important; padding-bottom: 2rem !important;}
.py-5{padding-top: 3rem !important; padding-bottom: 3rem !important;}

.pb-0{ padding-bottom: 0rem !important;}
.pb-1{ padding-bottom: 0.25rem !important;}
.pb-2{ padding-bottom: 0.5rem !important;}
.pb-3{ padding-bottom: 1rem !important;}
.pb-4{ padding-bottom: 2rem !important;}
.pb-5{ padding-bottom: 3rem !important;}

.pt-0{padding-top: 0rem !important; }
.pt-1{padding-top: 0.25rem !important; }
.pt-2{padding-top: 0.5rem !important; }
.pt-3{padding-top: 1rem !important; }
.pt-4{padding-top: 2rem !important; }
.pt-5{padding-top: 3rem !important; }

.m-0{margin: 0rem !important;}
.m-1{margin: 0.25rem !important;}
.m-2{margin: 0.5rem !important;}
.m-3{margin: 1rem !important;}
.m-4{margin: 2rem !important;}
.m-5{margin: 3rem !important;}

.mx-auto { margin-left: auto !important; margin-right: auto !important; }
.mx-0{margin-left: 0rem !important; margin-right: 0rem !important;}
.mx-1{margin-left: 0.25rem !important; margin-right: 0.25rem !important;}
.mx-2{margin-left: 0.5rem !important; margin-right: 0.5rem !important;}
.mx-3{margin-left: 1rem !important; margin-right: 1rem !important;}
.mx-4{margin-left: 2rem !important; margin-right: 2rem !important;}
.mx-5{margin-left: 3rem !important; margin-right: 3rem !important;}

.my-0{margin-top: 0rem !important; margin-bottom: 0rem !important;}
.my-1{margin-top: 0.25rem !important; margin-bottom: 0.25rem !important;}
.my-2{margin-top: 0.5rem !important; margin-bottom: 0.5rem !important;}
.my-3{margin-top: 1rem !important; margin-bottom: 1rem !important;}
.my-4{margin-top: 2rem !important; margin-bottom: 2rem !important;}
.my-5{margin-top: 3rem !important; margin-bottom: 3rem !important;}

.mt-0{margin-top: 0rem !important; }
.mt-1{margin-top: 0.25rem !important; }
.mt-2{margin-top: 0.5rem !important; }
.mt-3{margin-top: 1rem !important; }
.mt-4{margin-top: 2rem !important; }
.mt-5{margin-top: 3rem !important; }

.mb-0{margin-bottom: 0rem !important;}
.mb-1{margin-bottom: 0.25rem !important;}
.mb-2{margin-bottom: 0.5rem !important;}
.mb-3{margin-bottom: 1rem !important;}
.mb-4{margin-bottom: 2rem !important;}
.mb-5{margin-bottom: 3rem !important;}

.align-middle {
    vertical-align: middle !important;
}


/*********************************************************
    FORMS
*********************************************************/
.btn{display: inline-block; font-weight: 800; text-align: center; white-space: normal; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; padding: 1rem 2rem; font-size: 1.75rem; line-height: 1.5; border-radius: 0.5rem; transition: 0.2s ease; margin: 0 0 0.5rem 0; text-decoration: none; letter-spacing: -0.04rem; cursor: pointer;}
.btn:hover, .btn:focus{box-shadow: none; transform: translateY(0.5rem); opacity: 1 !important;}



/*********************************************************
    HEADER & NAVIGATION
*********************************************************/
.header{padding: 0.5rem 0; font-size: 15px; font-weight: 500;}
.header .logo{max-width: 200px;}

.logocontainer { 
  display: flex;
  justify-content: flex-start;
}

header .mobile-menu  { 
  width: 75%;
  display: flex;
  -webkit-transition: all .9s ease;
  justify-content: flex-end;

}
.icon_cart a {
  display: flex;
  width: 60px;
  gap: 3px;
  color: white;
  justify-content: center;
  align-items: center;
}
.icon_cart {
  padding-left: 20px;
}
header div nav {
  height: auto;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

header div nav ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  -webkit-box-pack: end;
  margin: 0 auto;
  list-style-type: none;
  width: 100%;
padding-left: 0;
}

header div nav ul li {
  margin-right: 24px;
  display: block;

}

header div nav ul li:last-child {
  margin-right:15px;
}
header div nav ul li a {
  /* padding: 35px 0; */
  color: #fff;
  font-family: Noto Sans;
  font-size: 15px;
  font-weight: 500;
  line-height: 16.5px;
  text-align: center;
}


#open { display: none; }

.header-row label{
  cursor: pointer;
  /* position: absolute;
  right: 15px;
  top: 35px; */
}
/* .header-row span{
  position: relative;
  width: 2em;
  height: 2em;
  background: #fff;
  -webkit-transition: all .3s ease;
  font-size: 0.75rem;
}
.header-row span:hover{
}
.header-row span:before,
.header-row span:after{
  content: '';
  position: absolute;
  width: 2em;
  height: .5em;
  top: 4px;
  left: 0;
  background: #00E8FB;
}
.header-row span:after{
  top: 14px;
} */

.footer .white a { color: white; }
.footer .white a:hover { text-decoration: underline; }

.footer ul { 
  list-style-type: none; 
  margin: 20px 0 0 0;
  padding: 0;
}

.footer ul li { 
  margin-top: calc(5px/2);
  padding-bottom: calc(5px/2);
}

#myBtn {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 20px; /* Place the button at the bottom of the page */
  right: 30px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background-color: #fff; /* Set a background color */
  border:1px solid #ccc;
  color: #000; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 8px 15px; /* Some padding */
  border-radius: 0px; /* Rounded corners */
  font-size: 14px; /* Increase font size */
  font-weight: 500;
  letter-spacing: 3px;
  text-transform: uppercase;
}

#myBtn:hover {
  background-color: #ccc; /* Add a dark-grey background on hover */
}

/*********************************************************
    HOMEPAGE (index.php)
*********************************************************/
.post-card{position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-width: 0; word-wrap: break-word; background-clip: border-box; padding: 1rem; transition: 0.2s ease;}
.post-card:hover{transform: translateY(5px);}
.homepage h2 { text-transform: uppercase; }


/*********************************************************
    ARTICLE
*********************************************************/
.article{width: 100%; max-width: 100%;}

/* 
 */

.article ol,ul,dl{margin-top: 0; margin-bottom: 2rem;}
.article ol ol,ul ul,ol ul,ul ol{margin-bottom: 0;}
.article li{margin-bottom: 0.25rem; font-size: 16px;}
.article iframe{margin-bottom: 2rem;}
.article blockquote{padding-left: 2.5rem; margin: 0; color: var(--gray); border-left: 5px solid var(--pink); font-style: italic; font-family: georgia, serif;}
.article .byline{margin: 1.5rem 0; font-size: 1rem; text-align: center;}
.article .byline a{text-decoration: none;}
.article .recommended-post{list-style: none; padding: 0 1rem 0.5rem; margin-bottom: 1rem; display: block; width: 100%;}

.parent { display: flex;  justify-content: center;  align-items: center; }
.parent h1 { display: inline-block; padding-bottom: 20px; border-bottom: 5px solid #36444f; color: #17bb17  !important; }

.underline { 
  width: 100px;
  height: 5px;
  background-color: #2bb32b;
  margin: 20px auto 20px auto;
}

.grid {
  grid-template-columns: repeat(3,1fr);
  display: grid;
  grid-column-gap: 15px;
  grid-row-gap: 15px;
}
/* Images */
    
.img-responsive{display: block;max-width: 100%;height: auto;margin: 0px auto;}
.img-circle { border-radius: 50%; }    
    
/* Comments */

textarea, input {border:1px solid #e4e4e4;}
.comment-form textarea {width:100%; padding:0.35em; margin-top: 10px; }
.comment-form textarea:focus { border: 1px solid #333; }
.comment-list { padding-left: 0; }
.comment-list, .children{list-style:none;}

ul.children {list-style:none;padding-left:0px; margin-left:0px;}

.comment-wrap { border-bottom: 1px solid #ccc; padding-bottom: 40px; margin-bottom: 50px; position:relative; }
.comment-wrap .comments-title{padding-top:60px;}
.comment-wrap .comment-img { float: left; margin-right: 20px; padding-bottom:25px; display: none;}

.comment-author {text-align:left;}
.comment-reply {position:absolute;top:0px;right:0px;font-size:14px; font-weight: 500; text-transform:uppercase; letter-spacing:0.5px;padding:8px 15px; background:#fff; color:#000; border:1px solid #ccc; }
.comment-reply:hover { background:#ccc; }
.comment-author,.comment-author a{font-size: 14px;text-transform: uppercase; letter-spacing: 2px;margin-bottom:2px; font-weight: 700;}
.comment-date{font-size: 10px;text-transform: uppercase; letter-spacing: 2px;font-style:italic;display:block;padding-bottom:7px;}

.depth-2 .comment-wrap {margin-left:30px; padding-left: 20px; border-left:10px solid #2bb32b; }
.depth-3 .comment-wrap {margin-left:60px; padding-left: 20px; border-left:10px solid #ffa633; }
.depth-4 .comment-wrap {margin-left:90px; padding-left: 20px; border-left:10px solid #2bb32b; }
.depth-5 .comment-wrap {margin-left:120px; padding-left: 20px; border-left:10px solid #ffa633; }
.depth-6 .comment-wrap {margin-left:150px; padding-left: 20px; border-left:10px solid #2bb32b; }
.depth-7 .comment-wrap {margin-left:180px; padding-left: 20px; border-left:10px solid #ffa633; }
.depth-8 .comment-wrap {margin-left:210px; padding-left: 20px; border-left:10px solid #2bb32b; }
.depth-9 .comment-wrap {margin-left:240px; padding-left: 20px; border-left:10px solid #ffa633; }
.depth-10 .comment-wrap {margin-left:270px; padding-left: 20px; border-left:10px solid #2bb32b; }


#commentform #comment,#commentform #author,#commentform #email,#commentform #url{display:block;width:100%;}
#commentform input[type="submit"]{display:inline-block;padding:8px 15px;border:1px solid #ccc;font-size: 14px;font-weight:500;text-transform: uppercase;letter-spacing: 3px;background: #fff;margin-top:15px;}
#commentform input[type="submit"]:hover {background: #ccc;}
.title-line{border-top: 1px dotted #ccc;display: block;max-width: 30%;margin: 0 auto 25px;}



/*********************************************************
    WORDPRESS DEFAULT
*********************************************************/
.alignnone{margin: 0; max-width: 100%; width: 100%; height: auto;}
.aligncenter, div.aligncenter{display: block; margin: auto; max-width: 100%; width: 100%; height: auto;}
.alignright{float: right; margin: 0 0 20px 20px;}
.alignleft{float:left; margin: 0 20px 20px 0;}
.aligncenter{margin: auto;}
a img.alignright{float: right; margin: 0 0 20px 20px;}
a img.alignnone{max-width: 100%; width: 100%; height: auto;}
a img.alignleft{float: left; margin: 0 20px 20px 0;}
a img.aligncenter{display: block; margin: auto;}
.wp-caption{background: none; border: none; max-width: 100%; text-align: left; margin: 0 0 40px 0; margin-bottom:40px; }
.wp-caption.alignnone{margin: 0 0 40px 0;}
.wp-caption.alignleft{margin: 5px 20px 20px 0;}
.wp-caption.alignright{margin: 5px 0 20px 20px;}
.wp-caption img{border: 0 none; height: auto; margin-bottom:5px; max-width: 100%; padding: 0; width: 100%;}
/* .wp-caption p.wp-caption-text{font-size: 11px; line-height: 11px; padding: 0;  margin-bottom:24px; } */

img.alignnone, img.aligncenter { width: auto; }

#post-tags-list {
  display: inline;
  padding: 0;
  margin: 0;
}
#post-tags-list li {
  list-style: none;
  display: inline;
}
#post-tags-list li:not(:last-child):after {
  content: ", ";
}
.search_bar {
  display: none;
  cursor: pointer;
}
/*********************************************************
    RESPONSIVE CLASSES
*********************************************************/


@media (max-width: 1199.98px){ 
  header a { font-size: 0.85rem;  }
}

@media (max-width: 991.99px){


  header a { font-size: 1rem;  }

  .container{max-width: 100%;}
  .text-lg-center{text-align: center !important;}

  .logocontainer {
      justify-content: center;
      text-align: center;
      align-items: center;
  }
  .logo { max-width: 100%; }


  .hidden-desktop {
    display: block;
  }

  .navigation-toggle { 
    display: flex; 
    justify-content: flex-end;
  }



  header .mobile-menu {
      width: 100%;
      padding: 0 20px;
  }

  header .mobile-menu nav {
      width: 100%;
      height: 0;
      overflow: hidden;
      opacity: 0;
      transition: all .3s ease;
  }

  input[type="checkbox"]:checked + nav {
    height: 333px;
    transition: all .3s ease;
    opacity: 1;
    visibility: visible;
  }

  header div nav ul { 
    display: inline;
    padding: 0
  }
  .search_bar {
      display: block;
  }
  header div nav ul li, header div nav ul li:last-child { 
    margin: 15px 0;
  }

  .icon_cart {
      position: absolute;
      top: 22px;
  }
}

@media (max-width: 767.98px){
  .text-md-center{text-align: center !important;}
  h1, .h1{font-size: 2.0rem;}
  h2, .h2{font-size: 1.8rem;}
  h3, .h3{font-size: 1.5rem;}
  .btn{font-size: 1rem; line-height: 1;}


  .comment-list, .children { padding-left: 0px; }
  .comment-wrap .comment-img { float: none;margin: 0px;width: 100%;padding-bottom: 0px; }
  .comment-img>img { display: block;margin: 0px auto; }
  .comment-author, .comment-author a, .comment-date { text-align:center; }
  .depth-2 .comment-wrap,.depth-3 .comment-wrap,.depth-4 .comment-wrap,.depth-5 .comment-wrap,.depth-6 .comment-wrap,.depth-7 .comment-wrap,.depth-8 .comment-wrap,.depth-9 .comment-wrap,.depth-10 .comment-wrap {padding-left:0px;}
  .comment-reply { position: relative; text-align: center; display: block; margin-top: 25px;}

  .socialicons a {
    font-size: 14px;
  }

}

@media (max-width: 575.99px){
  .topbox { padding-top: 1rem !important; }

  .footer div {
    /* text-align: center; */
  }

  .footer ul {
    margin: 20px 0 40px 0;
    /* text-align: center; */
  }

  .grid {
    grid-column-gap: 10px;
    grid-template-columns: repeat(2,1fr);
  }

  .socialicons a {
    font-size: 12px;
  }

}
@media (max-width: 767px){
  .gallery .gallery-item {width: 100% !important;}
}




/* Footer Css */
.footer_column h2 {
  font-family: Noto Serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 19.8px;
  text-align: left;
  color: #F2F4F0;
}
.footer_column li a {
  font-family: Noto Sans;
  font-size: 14px;
  font-weight: 400;
  line-height: 19.6px;
  text-align: left;
  padding: 4px 0;
  display: inline-block;
}
.logo_info {
  font-family: Noto Sans;
  font-size: 13px;
  font-weight: 400;
  line-height: 19.5px;
  text-align: left;
  padding-top: 20px;
}
@media only screen and (min-width: 1160px){
  footer.footer.header-bg .container ,
  header.header.header-bg .container{
      max-width: 1200px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 992px){
  .footer_column {
      padding-bottom: 30px;
  }
}
@media only screen and (max-width: 767px){
  .footer_column {
      padding-bottom: 30px;
  }
  .order-set{order:1;}
}

@media only screen and (max-width: 992px){
  nav.menu_item_wrap_innerr {
      text-align: left;
  }
  .header-row label {
      position: absolute;
      top: 25px;
      left: 20px;
  }
  .search_bar {
      position: absolute;
      right: 90px;
      top: 30px;
      cursor: pointer;
  }
}


.search_bar_wrap_inner {
  position: absolute;
  width: 100%;
  left: 0;
  right: 0;
  top: 0;
  background-color: #ffffff;
  height: 72px;
  z-index: 9;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 0 5px 1px #cfcfcf;
  transform: translateY(-110%);
  transition: all 0.3s ease-in-out;
  visibility: hidden;
  opacity: 0;
  padding: 0 20px;
}
.search_bar_wrap_inner.active{
  visibility: visible;
  opacity: 1;
  transform: translateY(0%);
  transition: all 0.3s ease-in-out;
}
.search_bar_wrap_inner form.search-form {
  width: 100%;
  max-width: 800px;
  padding-right: 30px;
}
.search_bar_wrap_inner form.search-form input.search-field {
  width: calc(100% - 100px);
  border: 1px solid #196565;
  padding: 10px;
  background-color: transparent;
  color: #333333;
}
.search_bar_wrap_inner button.search-submit {
  background-color: #196565;
  padding: 10px;
  width: 90px;
  display: inline-block;
  margin-left: -5px;
  border: 1px solid #196565;
  color: white;
  transition: all 0.3s ease-in-out;
}
.search_bar_wrap_inner form.search-form input.search-field:focus-visible {
  box-shadow: 0px 0px 4px 1px #cfcfcf;
  outline: unset;
}
.search_bar_wrap_inner button.search-submit:hover {
  background-color: #333333;
  transition: all 0.3s ease-in-out;
}
.close_icon_search_bar {
  position: absolute;
  right: 15px;
  z-index: 9;
  top: 25px;
  height: 20px;
  width: 20px;
  margin-left: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.close_icon_search_bar svg{
  height: 14px;
  width: 14px;
}


/* Comment Form Css */
h3#reply-title {
  font-family: Noto Serif;
  font-size: 40px;
  font-weight: 500;
  line-height: 48px;
  text-align: left;
  color: #0F3D3D;
  position: relative;
}
h3#reply-title::after {
  content: '';
  border-bottom: 4px dotted #EF4136;
  height: 10px;
  width: 50px;
  margin-bottom: 0;
  position: absolute;
  left: 0;
  bottom: -5px;
}
p.comment-notes , p.logged-in-as{
  font-family: Noto Sans;
  font-size: 15px;
  font-weight: 400;
  line-height: 22.5px;
  text-align: left;
  color: #777777;
}
form#commentform label {
  font-family: Noto Sans;
  font-size: 16px;
  font-weight: 400;
  line-height: 25.6px;
  text-align: left;
  color: #222222;
}
form#commentform textarea {
  background-color: #F7F7F7;
  border: 1px solid #F7F7F7;
  border-radius: 4px 0px 0px 0px;
}
form#commentform input {
  height: 48px;
  border-radius: 4px 0px 0px 0px;
  background-color: #F7F7F7;
  border-color: #F7F7F7;
}
.comment-form-cookies-consent 
 input#wp-comment-cookies-consent {
    background-color: #F7F7F7;
    border-color: #CCCCCC;
    width: 16px;
    height: 16px;
}
form#commentform label {
  font-family: Noto Sans;
  font-size: 16px;
  font-weight: 400;
  line-height: 25.6px;
  text-align: left;
  color: #222;
}
p.comment-form-cookies-consent {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 10px;
}
p.form-submit input#submit {
  width: 226px;
  height: 50px;
  border-radius: 3px 0px 0px 0px;
  background-color: #EF4136;
  font-family: Noto Sans;
  font-size: 16px;
  font-weight: 500;
  line-height: 16px;
  text-align: center;
  color: #FFFFFF;
  border-color: #EF4136;
}
p.form-submit input#submit:hover {
  background-color: transparent;
  color: #ef4136;
}
form#commentform , h3#reply-title{
  max-width: 840px;
}
div#respond , div#comments{
  max-width: 1140px;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  padding-bottom: 50px;
}

/* Article Page Css */
.wp-caption p.wp-caption-text {
  margin-bottom: 24px;
  font-family: Noto Serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 18.2px;
  text-align: center;
  color: #555555;
}
.wp-caption p.wp-caption-text a {
  color: #EF4136;
}
.article h2 {
  font-family: Noto Serif;
  font-size: 40px;
  font-weight: 500;
  line-height: 48px;
  text-align: left;
  color: #0F3D3D;
}
.article  h3 {
  font-family: Noto Sans;
  font-size: 24px;
  font-weight: 600;
  line-height: 28.8px;
  text-align: left;
  color: #333333;
}
.article p {
  font-family: Noto Sans;
  font-size: 16px;
  font-weight: 400;
  line-height: 25.6px;
  text-align: left;
  color: #222222;
}
.article h2::after {
  content: '';
  border-bottom: 4px dotted #EF4136;
  height: 10px;
  width: 50px;
  margin-bottom: 0;
}
.wp-caption.aligncenter {
  text-align: center;
}
@media only screen and (max-width: 767px){
  .article h2 {
      font-size: 32px;
      line-height: 38.4px;
  }
  .new-article-row {
      margin-top: 0;
  }
}

/* New Figma Design Article Page Css */
.breadcrumb_block ol.breadcrumb-items {
  text-align: center;
  justify-content: center;
}
.banner_two_column_wrap .grid-container {
  max-width: 225px;
}
.banner_two_column_wrap .grid-container .img_field {
  padding: 0;
}
.categories_box ul {
  padding: 0;
  list-style: none;
}
.categories_box ul li > a {
  font-family: Noto Serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 25.2px;
  text-align: left;
  color: #222222;
  padding: 6px 0;
  display: inline-block;
}
.categories_box .title_image_filed {
  padding: 0;
  display: flex;
  justify-content: center;
}

.page_content_list ul li span.gutentor-single-item-image-box {
  display: flex;
  justify-content: center;
  align-items: center;
}
.article_big_title h2::after {
  content: '';
  border-bottom: 4px dotted #EF4136;
  height: 10px;
  width: 50px;
  margin-bottom: 0;
}
.gutentor-col-wrap #mailpoet_form_1 {
  background-size: auto;
  background-position: right top;
}
.gutentor-col-wrap .mailpoet_spacer{
  margin-bottom: 0px;
}
.gutentor-col-wrap #mailpoet_form_1 .mailpoet_paragraph {
  margin-bottom: 10px;
}
.gutentor-col-wrap #mailpoet_form_1 p.mailpoet_form_paragraph {
  margin-bottom: 20px;
}
.lwptoc.lwptoc-autoWidth {
  display: none;
}
.thumbnail_img .gutentor-image-thumb img {
  width: 100%;
}
.left_two_column .grid-row .gutentor-single-column ul li {
  padding-left: 0;
}
.left_two_column .grid-row .gutentor-single-column {
  padding-left: 0;
}
@media only screen and (max-width: 992px){.right_bar{display: none;}
.thumbnail_img {
  margin-left: -15px;
  margin-right: -15px;
}}
.gutentor-single-column .middle_title .gutentor-text-wrap p {
  font-weight: 600;
}
.small_box .has-custom-bg .gutentor-element-advanced-text .gutentor-text-wrap h2 {
  font-weight: 500;
}
.bg_img_wrap img{width: 100%;}
.list_box_wrap .grid-row div.gutentor-single-column {
  padding: 0;
}
.gutentor-element-advanced-text.font-weight-600 .gutentor-text-wrap .gutentor-text {
  font-weight: 600;
}
.gutentor-element-advanced-text.font-weight-500 .gutentor-text-wrap .gutentor-text {
  font-weight: 500;
}
.uagb-ss__source-wrap svg {
  padding: 2px;
}
span.uagb-ss__link::after {
  font-family: Noto Sans;
  font-size: 15px;
  font-weight: 400;
  line-height: 22.5px;
  text-align: left;
  color: #333333;
  padding-left: 5px;
  vertical-align: middle;
}
[aria-label="facebook"]::after {
  content: 'Facebook';
}
[aria-label="twitter"]::after {
  content: 'Twitter';
}
[aria-label="pinterest"]::after {
  content: 'Pinterest';
}
[aria-label="whatsapp"]::after {
  content: 'WhatsApp';
}
[aria-label="skype"]::after {
  content: 'Skype';
}
[aria-label="email"]::after {
  content: 'Email';
}
.tags_inner_content  span.wp-block-post-terms__prefix mark {
  background-color: transparent;
  font-family: Noto serif;
  line-height: 19.2px;
  padding-right: 5px;
}
.tags_inner_content {
  font-family: Noto Sans;
  line-height: 25.6px;
  background-color: #F2F4F0;
  padding: 20px;
  border-radius: 4px;
}
.more_articles_inner_wrapper h2:after{
  border-bottom: 4px dotted #EF4136;
  height: 10px;
  width: 50px;
  margin-bottom: 0;
}



.garden_style_ideas_inner_wrap  h2:after{
  border-bottom: 4px dotted #EF4136;
  height: 10px;
  width: 50px;
  margin-bottom: 0;
}
.garden_style_ideas_inner_wrap .three_column_box h3.entry-title::after{
 display: none;
}

.garden_style_ideas_inner_wrap  h2.tpg-widget-heading {
  font-family: Noto Serif;
  color: #0F3D3D;
}
.garden_style_ideas_inner_wrap h3.entry-title{
  font-family: Noto serif;
}
.garden_style_ideas_inner_wrap  .tpg-excerpt-inner{
  font-family: Noto Sans;
}
.garden_style_ideas_inner_wrap .rt-tpg-container .rt-holder .tpg-el-image-wrap{
  margin: -20px -20px 20px;
}
.garden_style_ideas_inner_wrap .rt-holder.tpg-post-holder {
  box-shadow: unset;
  border: unset;
}
.garden_style_ideas_inner_wrap .rt-holder.tpg-post-holder:hover{
  background-color: #0F3D3D;
}
.garden_style_ideas_inner_wrap .entry-title-wrapper h3.entry-title a.tpg-post-link {
  color: #0F3D3D !important;
}
.garden_style_ideas_inner_wrap .rt-holder.tpg-post-holder:hover .entry-title-wrapper h3.entry-title a.tpg-post-link {
  color: #ffffff !important;
}
@media only screen and (max-width: 991px){
.gutentor-element-list .gutentor-single-item-image-box .gutentor-image-thumb {
  display: flex;
  justify-content: center;
  align-items: center;
}
}
@media only screen and (max-width: 767px){
.article_page_table_inner_wrap {
  width: 100%;
  overflow: auto;
  scroll-snap-type: both mandatory;
}
.article_page_table_inner_wrap .grid-container.gutentor-rm-ct-space-d.gutentor-rm-ct-space-t {
  overflow-x: scroll;
  width: 800px;
  max-width: 800px;
}
.article_athor_box .athor_title {
  position: absolute;
  top: -78px;
  left: 140px;
}
h3#reply-title {
  font-size: 32px;
  line-height: 38.4px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px){
div#respond , div#comments{
  max-width: 725px;
}
}



/* Thumbnail Section Css */
.top_article_banner_wrapper {
  height: 362px;
  background-color: #F4F2F0;
  width: 100%;
  text-align: center;
  padding: 64px 0 16px 0;
}
.top_article_banner_wrapper div#breadcrumbs {
  font-family: Noto Sans;
  font-size: 12px;
  font-weight: 400;
  line-height: 14.4px;
  letter-spacing: 0.05em;
  text-align: center;
  text-transform: uppercase;
}
.top_article_banner_wrapper div#breadcrumbs > a {
  color: #196565;
}
.top_article_banner_wrapper h1.article_title {
  font-family: Noto Serif;
  font-size: 48px;
  font-weight: 500;
  line-height: 57.6px;
  text-align: center;
  color: #0F3D3D;
  text-transform: capitalize;
  max-width: 870px;
  margin: 0 auto;
  padding-top: 10px;
  padding-bottom: 30px;
}
.top_article_banner_wrapper .article_author_title {
  width: auto;
  grid-template-columns: 20% 80%;
  margin: 0 auto;
  align-items: center;
  display: inline-grid;
}
.top_article_banner_wrapper .smallwrapper_inner a {
  color: #222222;
}
.top_article_banner_wrapper .smallwrapper_inner p strong {
  color: #777777;
}
.top_article_banner_wrapper .smallwrapper_inner > p {
  font-family: Noto Sans;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  text-align: left;
  margin: 6px 10px;
}
p.affiliate_link_aritcle {
  font-family: Noto Serif;
  font-size: 10px;
  font-weight: 400;
  line-height: 11px;
  letter-spacing: 0.05em;
  color: #777777;
  text-align: center;
  margin-top: 40px;
}
p.affiliate_link_aritcle a {
  text-decoration: underline;
  color: #777777;
  font-weight: 500;
}
@media only screen and (max-width: 767px){
  .top_article_banner_wrapper {
      height: auto;
      padding: 32px 24px 16px 24px;
  }
  .top_article_banner_wrapper h1.article_title {
      font-size: 32px;
      line-height: 35.2px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px){
  .top_article_banner_wrapper {
      height: auto;
      padding: 40px 32px 16px 32px;
  }
  .top_article_banner_wrapper h1.article_title {
      font-size: 40px;
      line-height: 48px;
  }
}


/* Author Box with tags Css */
div#post_tags_wrapper {
  background-color: #F2F4F0;
  width: 100%;
  display: block;
}
#post_tags_wrapper span {
  padding: 16px 16px 16px 24px;
  display: inline-block;
  font-family: Noto Serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 19.2px;
  text-align: left;
  color: #196565;
}
.author_box_inner_content {
  background: #F7F7F7;
  padding: 24px;
}
.author_box_row {
  display: grid;
  grid-template-columns: 112px calc(100% - 112px);
  gap: 25px;
}
.author_box_inner_content  p {
  font-family: Noto Sans;
  font-size: 15px;
  font-weight: 400;
  line-height: 22.5px;
  text-align: left;
  color: #555555;
  margin: 0;
}
.author_box_inner_content .author-description .author-title {
  font-family: Roboto;
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  color: #EF4136;
  padding-bottom: 7px;
}
.author_box_inner_content .author-description .author-title span{
  color: #333333;
}
.author_box_row .author-avatar > img {
  border-radius: 5px;
  overflow: hidden;
  width: 100%;
}
.author_box_row  .author-description {
  display: block;
  width: 100%;
  padding-right: 20px;
}
.main_wrapper_box_bio {
  display: block;
  width: 100%;
  border-radius: 4px;
  overflow: hidden;
}
#post_tags_wrapper ul#post-tags-list li a {
  font-family: Noto Sans;
  font-size: 16px;
  font-weight: 400;
  line-height: 25.6px;
  text-align: left;
  color: #222222;
  padding: 12px 8px 12px 8px;
  display: inline-block;
}

/* Social media icon section css */
.socialicons .share-icon-container {
  background: #F2F4F0;
  border-radius: 4px;
  padding: 8px;
  text-align: center;
}
.socialicons .share-icon-container .share-icon-text a {
  color: #333333;
  font-family: Noto Sans;
  font-size: 15px;
  font-weight: 400;
  line-height: 22.5px;
  text-align: left;
}
.socialicons .share-icon-container.facebook .share-icon-text i {
  color: #3B5998;
}
.socialicons .share-icon-container.twitter .share-icon-text i {
  color: #00ACEE;
}
.socialicons .share-icon-container.pinterest .share-icon-text i {
  color: #C8232C;
}
.socialicons .share-icon-container.skype .share-icon-text i {
  color: #128C7E;
}
.socialicons .share-icon-container.whatsapp .share-icon-text i {
  color: #00AFF0;
}
.socialicons .share-icon-container.email .share-icon-text i {
  color: #777777;
}
.socialicons .grid {
  padding: 20px 0 30px;
}
.share_this_article_wrapper_inner_part {
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.share_this_article_wrapper_inner_part h2 {
  font-family: Noto Serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 36px;
  text-align: left;
  color: #0F3D3D;
}
.share_this_article_wrapper_inner_part h2:after{display: none;}
.mobile-description{
  display: none;
}
@media only screen and (max-width: 767px){
  .author_box_row {
      grid-template-columns: 40% 60%;
      gap: 0;
      justify-content: center;
      align-items: center;
  }
  .desktop-description{
    display: none;
  }
  .mobile-description {
      display: block;
      padding-top: 14px;
  }
  .author_box_inner_content .author-description .author-title {
      padding-left: 14px;
  }
  #post_tags_wrapper span {
      padding: 16px 8px 16px 8px;
  }
}



/* Category Page Css */
.category_top_banner_content {
  padding: 30px 20px;
  display: block;
  width: 100%;
}
.category_article_inner_wrap {
  display: block;
  width: 100%;
  background: rgba(244, 242, 240, 1);
  padding: 64px 20px 34px 20px;
}
.article_wrapper_content{
  background-color: white;
  padding: 20px;
  width: 100%;
  display: block;
}
.two-column-box .post_article_content_box .post-thumbnail a img {
  width: 100%;
  height: 392px;
  object-fit: cover;
  object-position: top;
}
.post_article_content_box .post-title > a {
  font-family: Noto Serif;
  font-weight: 500;
  text-align: left;
  color: #0F3D3D;
  font-size: 24px;
  line-height: 28.8px;
}
.two-column-box .post_article_content_box .post-title > a {
  font-size: 32px;
  line-height: 38.4px;
}
.post_article_content_box .post-excerpt > p {
  font-family: Noto Sans;
  font-size: 16px;
  font-weight: 400;
  line-height: 25.6px;
  text-align: left;
  color: #333333;
}
.post_article_content_box .post-excerpt {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.three-column-box .post_article_content_box a > img {
  height: 252px;
  width: 100%;
  object-fit: cover;
  object-position: top;
}
.post_article_content_box {
  margin: 20px 0;
  display: block;
  width: 100%;
  border-radius: 4px;
  overflow: hidden;
}
.post_article_content_box:hover .article_wrapper_content {
  background-color: #196565;
  transition: all 0.4s ease-in-out;
}
.post_article_content_box:hover .post-title > a {
   color: white;
   transition: all 0.4s ease-in-out;
}
.post_article_content_box:hover .post-excerpt > p {
   color: white;
   transition: all 0.4s ease-in-out;
}
.post_article_content_box .post-thumbnail a {
  display: block;
}
.category_top_banner_content p {
    text-align: center;
}


@media only screen and (max-width: 767px){
  .category_article_inner_wrap {
      padding: 64px 10px 34px 10px;
  }
  .two-column-box .post_article_content_box .post-thumbnail a img {
      height: auto;
  }
  .three-column-box .post_article_content_box a > img {
      height: auto;
  }
  .two-column-box .post_article_content_box .post-title > a {
      font-size: 20px;
      line-height: 24px;
  }
  .post_article_content_box .post-excerpt > p {
      font-size: 15px;
      line-height: 22.5px;
  }
  .post_article_content_box .post-title > a {
    font-size: 20px;
    line-height: 24px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px){
  .two-column-box .post_article_content_box .post-title > a {
      font-size: 20px;
      line-height: 24px;
  }
  .post_article_content_box .post-excerpt > p {
      font-size: 15px;
      line-height: 22.5px;
  }
  .post_article_content_box .post-title > a {
    font-size: 20px;
    line-height: 24px;
  }
  .two-column-box .post_article_content_box .post-thumbnail a img ,
  .three-column-box .post_article_content_box a > img {
      height: 225px;
  }
}



/* Product Css Style */
h2.woocommerce-loop-product__title {
  line-height: unset;
}
span.woocommerce-Price-amount.amount {
  color: #196565;
}
table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-name {
  color: #196565;
}
.woocommerce ul.products li.product .button,
.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link{
  width: 100%;
}
.wc-block-grid__product-title {
  font-family: Noto Serif;
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
  text-align: left;
  color: #0F3D3D;
}
.woocommerce ul.products li.product .button,
.woocommerce-page .woocommerce-message .button,
body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button,
.is-large .wc-block-components-sidebar .wc-block-components-totals-coupon >a,
.wc-block-components-totals-wrapper .wc-block-components-totals-coupon a,
.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link{
  background-color: #EF4136;
  color: white;
  border-radius: 0;
  height: 48px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #ef4136;
  text-transform: capitalize;
  transition: all 0.3s ease-in-out;
  font-size: 16px;
}
.woocommerce ul.products li.product .button:hover,
.woocommerce-page .woocommerce-message .button:hover,
body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:hover,
.is-large .wc-block-components-sidebar .wc-block-components-totals-coupon a:hover,
.wc-block-components-totals-wrapper .wc-block-components-totals-coupon a:hover,
.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:hover{
  transition: all 0.3s ease-in-out;
    background-color: transparent;
    color: #ef4136;
}
body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link){
    height: 4em;
}
body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link):focus {
  box-shadow: unset !important;
  outline: unset !important;
}
.wp-block-woocommerce-empty-cart-block .wc-block-cart__empty-cart__title {
  text-align: center;
}
.wp-block-woocommerce-empty-cart-block .wc-block-cart__empty-cart__title:after{
   display: none;
}
.woocommerce .woocommerce-ordering select {
  height: 46px;
  padding: 10px;
}