/*------- DeeJay Styling -------*/
.blog-banner-wrap {
   max-width: 150%; 
   padding: 0;
   width: 150%;
}
.blogBanner .news-wrap .news-article {
   min-height: 575px;
   overflow: hidden;
}
.blogBanner .news-wrap .news-article .newsContent {
   background: #FFFFFF;
   padding: 20px;
   margin-bottom: -120px;
   transition: transform .5s ease-in-out;
}
.blogBanner .news-wrap .newsContent h3 {
   height: 120px;
   padding: 0px;
}
.blogBanner .news-wrap .newsContent p {
   overflow: hidden;
   margin: 0;
}
.blogBanner .news-wrap:hover .newsContent {
   transform: translateY(-100px);
   transition: transform .5s ease-in-out;
}
.blog-catg-header .breadcrumb {
   background: #FFFFFF;
   border:1px solid #FFFFFF;
   border-radius: 4px;
   padding:10px 15px;
   width: fit-content;
}
/*
.blog-catg-header .breadcrumb a {
   font-weight: 700;
}
*/
.blog-catg-header h1 {
   font-family: 'Arial', Sans-serif;
   font-size: 70px;
   font-weight: 500;
   line-height: 80px;
   margin-top: 10px;
}
.blog-header .featured {
   overflow: hidden;
   width: 50%;
}
.blog-header .featured .elementor-widget-image .elementor-widget-container{
   height: 65vh;
   width: 55%;
   position: relative;
   float: right;
   border-radius: 22px 0 0 22px;
   border: 1px solid #FFFFFF;
   overflow: hidden;
}
.blog-header .featured .elementor-widget-image .elementor-widget-container > img {
   position: absolute;
   height: 100%;
   width: 100%;
   inset: 0px;
   object-fit: cover;
}
.blog-header .blog-title {
   position: absolute!important;
}
.catg-menu {
   padding:50px 0;
   text-align:center;
}
.catg-menu .parent  {
   margin:0!important;
}
.catg-menu .parent > div  {
   border-bottom:1px solid #2d2d2d; 
   border-top:1px solid #2d2d2d; 
   padding: 25px 0;
}
.catg-menu .parent > div > a {
   border-right: 1px solid #2d2d2d;
   padding: 0!important;
}
.catg-menu .parent:last-child > div > a {
   border-right: 0;
   padding: 0!important;
}
.catg-menu .parent:first-child > div  {
   border-right: 0;
   border-left: 1px solid #2d2d2d;
   border-radius: 35px 0 0 35px;
}
.catg-menu .parent:last-child > div  {
   border-right: 0;
   border-right: 1px solid #2d2d2d;
   border-radius: 0 35px 35px 0;
}
.catg-menu .parent > div.sub-menu-active {
   background: #2d2d2d;
}
.catg-menu .parent > div.sub-menu-active > a {
   color:#FFFFFF!important;
}
.catg-menu .parent:first-child > .sub-menu {
   margin-left: 30px;
}
.catg-menu .parent:last-child > .sub-menu {
   margin-right: 30px;
}

.catg-menu .sub-menu {
   min-width: 250px;
}
.catg-menu .sub-menu.sub-menu-open {
   display: block!important;
}
.catg-menu .sub-menu li {
   border-bottom: 0;
   padding: 0 20px;
}
.catg-menu .sub-menu li a {
   font-family: 'Arial', Sans-serif;
   font-size: 18px;
   font-weight: 500;   
   border-bottom: 1px solid #FFFFFF;
   padding: 15px 0 15px 0 !important
}
.catg-menu .sub-menu li:last-child > a {
   border-bottom: 0;
}
.catg-menu .sub-menu li i {
   display:none;
}

.catg-menu .sub-menu .sub-menu {
   border-bottom: 1px solid #FFFFFF!important;
   border-radius: 0!important;
   display: block!important;
   height: auto!important;
   left: auto!important;
   opacity: 1!important;
   position: relative!important;
   visibility: visible!important;
   padding-bottom: 10px;
}
.catg-menu .sub-menu li.parent-has-child > div > a {
   border: 0px;
}
.catg-menu .sub-menu .sub-menu li {
   padding:0;
}
.catg-menu .sub-menu .sub-menu a {
   font-family: 'Arial', Sans-serif!important;
   font-size: 16px;
   font-weight: 400!important;
   padding: 10px 15px 10px 20px !important;
   border-bottom-width: 0px!important;
}
.catg-menu-mobile {
   display:none;
   padding:30px 0;
   text-align:center;
}
.catg-menu-mobile .catg-mobile-wrap {
   border: 1px solid #DDDDDD;
   border-radius: 10px ;
   padding:10px 15px;   
   margin:0 auto;
   max-width: 300px;
   text-align:center;   
   width:100%;
}
.catg-menu-mobile .catg-mobile-wrap i.fas {
   float: right;
   margin:5px 15px 0 0;
}
.news-articles {padding:0;}
.news-search {
   padding: 0 5px;
   margin-top: -80px;
}
.news-search input[type=search] {
   border-radius: 12px 80px 80px 12px;
   font-family: 'Arial', Sans-serif;
   font-size: 20px;
   font-weight: 400;
   padding:55px;
   width:100%;
}
.news-search input[type=search]:focus {
   box-shadow:0px 0px 0px 2px #2D2D2D inset;
}
.news-search button[type=submit] { 
   align-items: center;
   background-color: #2d2d2d;
   border: 0;
   border-radius: 50%;
   color: #FFFFFF;
   display: flex;
   padding: 55px;
   position: absolute;
   right:0;
   top:0;   
}
.news-search button[type=submit] i { 
   font-size:35px;
}
.news-wrap {
   padding:10px;
}

.news-wrap .news-article {
   border: 1px solid rgba(45,45,45,.2);
   border-radius: 12px;   
   min-height: 460px;
   margin: 0;
   padding:0;
}
.news-wrap .news-article .newsImage { 
   background-position: center; 
   background-size: cover;
   border-radius: 12px 12px 0 0;   
   bottom: 0; 
   left: 0;  
   overflow: hidden;
   padding-bottom: calc( 0.80 * 100% );
   position: relative;
   right: 0; 
   top: 0;   
}
.news-wrap .news-article .newsImage img { 
   border: none;
   box-shadow: none;
   display: block;
   height: 100%;
   left: calc(50% + 1px); 
   max-height: none; 
   max-width: none; 
   position: absolute; 
   top: calc(50% + 1px); 
   transform: scale(1.01) translate(-50%,-50%);
   transition: filter .3s; 
   width: 100%; 
}
.news-wrap .news-article .newsImage p { 
   background:#2d2d2d;
   border-right: 12px solid #2d2d2d;
   border-radius: 0 12px 12px 0;   
   color:#FFFFFF;
   font-family: 'Arial', Sans-serif;
   font-size: 14px;
   font-weight: 500;
   left:0;
   padding: 10px 5px 10px 15px;
   position: absolute;
   top:15px;
   width:auto;
   z-index:50;
}
.news-wrap .news-article .newsContent {
   padding:0;
}
.news-wrap .news-article h3 {
   font-family: 'Georgia', Sans-serif;
   font-size: 32px;
   font-style: normal;
   font-weight: 400;
   line-height: 120%;   
   padding:20px;
}
.pagination {
   margin-top:20px;
   padding: 30px 0;
   text-align:center
}
.pagination .page-numbers {
   background: #fff;   
   border: 1px solid rgba(45,45,45,.2);
   border-radius: 60px !important;
   padding: 15px 20px;   
   text-decoration: none;   
}
.pagination .page-numbers:hover,
.pagination .page-numbers.current {
   background: #2d2d2d;   
   color: #FFFFFF;   
}
.popup-product-support {
   max-height: calc(90vh - 150px);
   overflow-y: auto;
   padding-bottom: 5px;
}
.prodCatg {
   background:#FFFFFF;
   border:1px solid #E2DFD9;
   border-radius: 12px;
   box-shadow: 0px 2px 8px 0px rgb(20 24 30 / 5%);
   cursor:pointer;
   margin:10px 0;
   min-height:300px;
   padding:10px;
}
.prodCatg:focus,.prodCatg:hover {
   box-shadow: 0 2px 10px 0 rgba(20,24,30,0.2);
}
.prodCatg img {
   width:100%;
}
.prodCatg p {
   color: #3a3a3a;
   font-family: 'Arial', Sans-serif;
   font-size: 22px;
   font-weight: 500;   
   margin-top:20px;
   text-align:center;
}
.prodCatg:hover p {
   text-decoration: underline;
}
.product_meta {
   display: none !important;
}

.single-support .ast-container {
   display: block;
}
.single-support .site-content > .ast-container {
   display: flex;
   max-width: 100%;
   padding: 0;
}
.single-support .breadcrumb {
   background: #FFFFFF;
   border:1px solid #FFFFFF;
   border-radius: 4px;
   margin-bottom: 20px;
   padding:10px 15px;
   width: fit-content;
}
.single-support .breadcrumb .woocommerce-breadcrumb {
   color: #2D2D2D; 
   font-family: "Arial", Sans-serif;
   font-size: 16px;
   font-weight: 400;
   line-height: 24px;
   margin:0;
}
.single-support .breadcrumb .woocommerce-breadcrumb a {
   color: #2D2D2D; 
}
.single-support .support-body {
   background-color: #FFFFFF;
   padding: 40px 0 40px 0;
   width:100%;
}
.single-support .support-body .tt-tab__list .tt-tab-item {
   font-size: 18px;
   font-weight: 600;     
   margin-right:40px;   
   padding: 10px 0;
}
.single-support .support-body .tt-tab-item.is--active {
   border-bottom: 3px solid #000;
}
.single-support .support-header {
   background-color: #e1dfd9;
   padding:40px 0;
   width:100%;
}
.single-support h1 {
   color: #2d2d2d!important;
   font-family: "Georgia", Sans-serif;
   font-size: 40px;
   font-style: normal;
   font-weight: 400;
   line-height: 56px;   
}
.single-support #primary h2 {
   color: #2d2d2d!important;
   font-family: "Georgia", Sans-serif;
   font-size: 32px;
   font-style: normal;
   font-weight: 400;
   line-height: 38px;   
}
.single-support #primary h3 {
   color: #2d2d2d!important;
   font-family: 'Arial', Sans-serif;
   font-size: 26px;
   font-weight: 400;
   line-height: 34px;   
}
.support-faq-wrapper {
   margin: 0!important;
   max-width: none!important;
}
.support-faq-wrapper .support-faq-item {
   background-color: #e2dfd9;   
   border-radius: 12px !important; 
   cursor: pointer;
   margin: 0 0 20px 0;
   padding: 0 30px;
   overflow: hidden;
   transition: 1s all ease;
}
.support-faq-wrapper .support-faq-item .support-faq-question {
   color: #2d2d2d;
   cursor: pointer;
   font-family: 'Arial', Sans-serif;
   font-size: 24px;
   font-weight: 600;
   padding: 22px 0;
}
.support-faq-wrapper .support-faq-item .support-faq-question::after {
   top:27px;
   transform-origin: 50% 25%;
   transition: transform 0.2s ease-in-out;
}
.support-faq-wrapper .support-faq-item.support-faq-show .support-faq-question::after {
   transform-origin: 50% 25%;
   transform: rotate(-180deg);
}
.support-faq-wrapper .support-faq-answer {
   border-top: 0;
   display: block;
   margin-top: 0;
   padding: 0;
   max-height: 0;
   transition: all 0.35s ease-in-out;
}
.support-faq-wrapper .support-faq-show .support-faq-answer {
   border-top: 1px solid rgba(45,45,45,.5);
   max-height: 500px;
   transition: all 0.35s ease-in-out;
   padding: 20px 0;
}
.support-faq-wrapper .support-faq-answer, .support-faq-wrapper .support-faq-answer p {
   font-size: inherit;
}
.sources-wrapper h2 {
   color: #2d2d2d;
   font-family: "Georgia", Sans-serif;
   font-size: 32px;
   font-style: normal;
   font-weight: 400;
   line-height: 130%;
   margin-bottom: 16px;
}
.sources-wrapper .source-list {
   font-size: 16px;
   line-height: 24px;
}
.sources-wrapper .source-list a,
.sources-wrapper .source-list a:hover {
   color:#25303B;
   text-decoration: underline;
}
.tips-wrapper {
   margin: 0 0 30px 0!important;
   max-width: none!important;   
}
.tips-wrapper .tips-main {
   padding:50px!important;
}
.tips-wrapper .tips-main h2 {
   color: #2d2d2d;
   font-family: "Georgia", Sans-serif;
   font-size: 24px;
   font-style: normal;
   font-weight: 500;
   line-height: 130%;
   margin-bottom: 20px;
}

.tips-wrapper .top-tip {
  background: #e2dfd9!important;
  border-top: 1px solid #000!important;
  padding: 40px 50px!important;
}
.tt-blog-archive-header h1 span {
   font-family: 'Arial', Sans-serif;
   font-weight: 700;      
}
.tt-blog-archive article {
   border: 1px solid rgba(45,45,45,.2);
   border-radius: 12px;
   margin: 0;
}
.tt-blog-archive article h3 {
   padding: 0 20px 20px 20px;
}

.tt-blog-archive nav .page-numbers {
   background: #fff;   
   border: 1px solid rgba(45,45,45,.2);
   border-radius: 60px !important;
   padding: 15px 20px;   
   text-decoration: none;
}
.tt-blog-archive nav .page-numbers:hover,
.tt-blog-archive nav .page-numbers.current {
   background: #2d2d2d;   
   color: #FFFFFF;   
}

@media(max-width:1400px) {
}
@media(max-width:1200px) {
   .blogBanner .news-wrap .news-article {
     min-height: 550px;
     overflow: hidden;
   }   
   .blogBanner .news-wrap .news-article .newsContent {
      margin-bottom: -135px;
   }   
   .blogBanner .news-wrap .newsContent h3 {
      height: 140px;
   }
   .news-articles {
      padding: 0 30px;
   }
   .news-search {
      padding: 0 30px;
   }   
   .news-search {
      margin-top: -40px;
   }   
   .news-search input[type='search'] {
      border-radius: 12px 50px 50px 12px;
      font-size: 16px;
      padding: 15px;
   }   
   .news-search button[type='submit'] {
      padding: 20px;
   }
   .news-search button[type='submit'] i {
      font-size: 20px;
   }      
   .news-search button[type='submit'] {
      right: 29px;
   }   
/*
   .parent-care-search button[type=submit] { 
      right:0;
   }   
*/
}
@media (max-width: 1024px) {
   
   .blogBanner .news-wrap .news-article {
     min-height: 570px;
     overflow: hidden;
   }   
   .blogBanner .news-wrap:hover .newsContent {
      transform: translateY(0);
      transition: transform .5s ease-in-out;
   }   
   .blogBanner .news-wrap .news-article .newsContent {
      margin-bottom: 0;
   }   
   
   .blogBanner .news-wrap .newsContent h3 {
      font-size: 32px;
      height: auto;
   }   
   .blog-catg-header h1 {
      font-family: 'Arial', Sans-serif;
      font-size: 28px;
      line-height: 36px;
      font-weight: 500;
   }
   .catg-menu {
      display: none;
   }
   .catg-menu-mobile {
      display:block;
   }   
   
   .catg-mobile .sub-arrow {   
      position: absolute;
      right: 20px;
   }
   .catg-mobile ul.elementor-nav-menu--dropdown a{
      padding-left: 30px;
   }
   
   .catg-mobile .elementor-nav-menu ul ul a {
      padding-left: 45px;
   } 
   
   .news-wrap .news-article {
      min-height: 300px;
   }   
   .news-wrap .news-article h3 {
      font-family: 'Georgia', Sans-serif;
      font-size: 16px;
      font-style: normal;
      font-weight: 500;
      line-height: 120%;   
      padding:20px;
   }   
  
}
@media (max-width: 768px) {
    .banner_bg {
       background-color: #282828;
       position: absolute !important;
       bottom: 0;
	}
   .blog-banner-wrap {
      max-width: 100%; 
      padding: 0 0 30px;
      width: 100%;
   }   
   .blogBanner .news-wrap .news-article .newsContent {
      min-height:165px;
   }   
   .blogBanner .slick-dots {
      bottom: -20px;   
   }
   .news-search {
      margin-top: -70px;
   }
   .single-support .support-body .tt-tab__list {
      display:none;
   }

   body.single-support .support-body #tt_tabs_select {
      display: block!important;
   }
   body.single-support .support-body #tt_tabs_select select {
      border: 1px solid #2d2d2d;
      border-radius: 4px;
      color:#2d2d2d;
      font-family: 'Arial', Sans-serif;
      font-size: 16px;
      line-height: 20px;
      font-weight: 500;
      margin-bottom: 20px;
      width:100%;
   }
   .single-support .support-body .tt-tab-item.is--active {
      border-bottom: 3px solid #000;
   }
}

@media (max-width: 575px) {
   .news-articles {
      padding: 0 15px;
   }   
   .news-wrap .news-article {
     min-height: auto;
   }
}
@media (max-width: 498px) {
   .pagination .page-numbers {
      border: 1px solid rgba(45,45,45,.2);
      border-radius: 60px !important;
      padding: 4px 10px 6px 10px;
      text-decoration: none;
      margin-right: 4px;
   }
}