/*
Theme Name: Teeno
Theme URI: https://shtheme.com/demosd/teeno
Author: Shtheme
Author URI: https://themeforest.net/user/shtheme
Description: Teeno is fully responsive, unique & modern designed WordPress theme. We have used comment on codes and also decorated the codes beautifully so one can find it very easy to customize. We have also added a detailed documentation where we have described how to customize each and everything of this theme with screenshots.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: teeno

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.
*/

/* ========TABLE OF CONTENTS==========
00. Body, links, hgroup, paragraphs, general styles
01. Fixed header & Navigation
02. Section Intro (Home)
03. Section About
04. Section Resume
05. Section Portfolio
06. Section Blog
07. Section Contact
08. Footer
09. Loader
10. Responsive design

/*--------------------------------------------------
	00. Body, links, hgroup, paragraphs, general styles
---------------------------------------------------*/



:root {
    --color-primary: #4F5AE4;
  }
  
  .comment-form-cookies-consent{
      display: none;
  }
  .comment-box.radius-lg.mb-40 ol{
      list-style: none;
  }
  .widget-area .widget_search form{
      display: flex;
      padding: 6px 5px 6px 15px;
      -webkit-padding-start: 15px;
      padding-inline-start: 15px;
      border: 1px solid var(--border-color);
      background: var(--color-white);
      box-shadow: 0px 10px 40px rgba(36, 36, 36, 0.1);
      border-radius: var(--radius-md) !important;
  }
  .widget-area .widget_search form .search-input{
      display: block;
      width: 100%;
      border: none;
      outline: 0;
      height: 40px;
      line-height: 40px;
      border-radius: 5px 0 0 5px;
      background: transparent;
  }
  .widget-area .widget_search form .btn-search{
      text-align: center;
      height: 40px;
      width: 40px;
      line-height: 40px;
      color: var(--text-medium);
      background: var(--color-white);
  }
  .widget_categories ul{
      list-style: none;
  }
  .widget_categories ul li{
      justify-content: space-between!important;
      display: flex;
      align-items: center!important;
  }
  /*.widget_categories ul li a::before{
      content: "\f07b";
  }*/
  .widget_tag_cloud h4{
      margin-top: -2px;
  }
  .widget_tag_cloud .tagcloud{
      gap: 0.5rem!important;
      display: flex;
      flex-wrap: wrap!important;
  }
  .widget_tag_cloud .tagcloud a{
      background-color: var(--bg-1) !important;
      font-size: var(--font-xsm) !important;
      border-radius: var(--radius-sm) !important;
      --bs-bg-opacity: 1;
      padding-top: 0.25rem!important;
      padding-bottom: 0.25rem!important;
      padding-right: 0.9rem!important;
      padding-left: 0.9rem!important;
  }
  .widget_custom_html .textwidget{
      --size: 36px;
      display: inline-flex;
      align-items: center;
      gap: 1rem;
  }
  .widget_custom_html .textwidget a{
      text-align: center;
      width: var(--size);
      height: var(--size);
      line-height: var(--size);
      font-size: var(--font-base);
      border-radius: 50%;
      background-color: rgba(var(--color-primary-rgb), 0.1);
      color: var(--color-primary);
  }
  .item-single .content ul.info-list li:last-child a{
      padding-right: 5px;
  }
  p.logged-in-as{
      margin-bottom: 10px!important;
  }
  article.item-single.mb-30{
      border: 1px solid #dddddd;
      overflow: hidden;
      background: #ffffff;
      border-radius: 5px;
      box-shadow: 0px 0px 25px 0px rgba(78, 76, 76, 0.2);
      transition: 0.3s;
  }
  article.item-single.mb-30 .image.radius-md{
      overflow: visible;
  }
  article.item-single.mb-30 .content{
      padding: 30px 40px;
  }
  article.item-single.mb-30 .content a.btn.primary-btn.primary-btn-5{
      color: var(--text-white);
      background-color: var(--color-primary);
      transition: all 0.3s ease-out;
      box-shadow: 0 10px 30px -7px rgba(var(--color-primary-rgb), 0.5);
      padding: 14px 34px;
      border-radius: 7px;
  }
  article.item-single.mb-30 .content a.btn.primary-btn.primary-btn-5:hover{
      color: var(--text-white);
      background-color: #333;
      transform: translateY(-3px);
      outline: none;
      position: relative;
      overflow: hidden;
      font-size: 16px;
      text-transform: capitalize;
      letter-spacing: 0.05em;
      font-weight: var(--font-medium);
      z-index: 1;
      transition: all 0.3s ease-out;
  }
  ul.pagination{
      justify-content: center!important;
  }
  ul.pagination li .page-numbers{
      margin-left: -1px;
      color: var(--text-dark);
      text-align: center;
      display: inline-block;
      width: 40px;
      height: 40px;
      line-height: 40px;
      margin: 0 5px;
      padding: 0;
      border-radius: 50%;
      font-size: var(--font-base);
      border-color: transparent;
  }
  ul.pagination li .page-numbers:hover,
  ul.pagination li .page-numbers.current{
      color: var(--text-white);
      background-color: var(--color-primary);
      border-color: var(--border-color);
  }
  .blog-details-area.pt-100.pb-60 .col-lg-8{
      padding-right: 5px;
  }
  .elementor-element .swiper .swiper-pagination-bullets.swiper-pagination-horizontal{
      bottom: -50px!important;
  }
  .swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal{
      position: static!important;
  }
  input.wpcf7-form-control.has-spinner.wpcf7-submit.btn.btn-lg.btn-primary.bg-dark.color-white{
      margin-left: 70px;
  }
  .faq-area .faq-form .wpcf7-form.invalid .wpcf7-form-control-wrap span.wpcf7-not-valid-tip{
      color: #fff;
      margin-top: 10px;
  }
  .faq-area .faq-form .wpcf7-form.invalid .wpcf7-response-output,
  .faq-area .faq-form .wpcf7-form.failed .wpcf7-response-output{
      color: #fff;
      border-color: #fff;
  }
  .faq-area .faq-form .wpcf7-form.failed .wpcf7-response-output{
      margin: 2em 2.5em 1em;
      padding: 0.2em 1em;
  }
  .content .color-primary.font-xsm a{
      margin-right: 5px;
  }
  .wpcf7-form-control.has-spinner.wpcf7-submit.color-primary{
      font-family: "Font Awesome 5 Pro";
      font-size: 31px;
      font-weight: 900;
      -webkit-font-smoothing: antialiased;
      display: inline-block;
      font-style: normal;
      font-variant: normal;
      text-rendering: auto;
      line-height: 1;
      padding: 0px 15px;
      width: auto;
      display: inline-block;
      position: absolute;
      top: 5px;
      height: 61px;
      right: 30px;
      border: none;
      width: 75px;
      height: 61px;
      border-radius: 0 5px 5px 0;
      background-color: transparent;
  }
  .wpcf7-form.invalid span.wpcf7-not-valid-tip,
  .wpcf7-form.failed span.wpcf7-not-valid-tip{
      color: #333;
      margin-top: 15px;
  }
  .wpcf7 form.invalid .wpcf7-response-output,
  .wpcf7 form.failed .wpcf7-response-output{
      color: #333;
      border-color: #333;
  }
  .newsletter-form .wpcf7-form-control.wpcf7-submit.radius-sm{
      font-family: "Font Awesome 5 Pro";
      padding: 10px 24px;
      top: 5px;
      right: 0px;
      height: 40px;
      position: absolute;
      width: fit-content;
  }
  .btn.btn-img.radius-md .blur-up.ls-is-cached.lazyloaded,
  .btn.btn-img.radius-md .blur-up.lazyloaded{
      max-width: 150px;
  }
  #user-registration-form-575{
      border: none;
      padding: 0px;
  }
  .register .form-row .ur-label{
      color: var(--color-dark) !important;
      font-size: 16px!important;
      font-weight: 400!important;
  }
  .register .form-row .input-wrapper .input-text{
      display: block;
      width: 100%;
      font-weight: 400;
      background-color: #fff;
      background-clip: padding-box;
      -moz-appearance: none;
      appearance: none;
      border: 1px solid var(--border-color);
      border-radius: 5px!important;
      height: 55px;
      line-height: 55px;
      padding: 4px 20px!important;
      padding-inline-start: 18px;
      font-size: 14px;
      color: var(--text-medium);
      transition: border-color 0.4s;
  }
  .ur-field-item.field-checkbox .form-row .ur-label{
      display: none;
  }
  .ur-field-item.field-checkbox .form-row{
      margin-top: 20px;
  }
  .ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item.field-checkbox ul li input[type="checkbox"]{
      margin-top: 0px;
  }
  .btn.button.ur-submit-button.btn.btn-lg.btn-primary.w-100{
      box-shadow: 0 10px 30px -7px rgba(var(--color-primary-rgb), 0.5)!important;
  }
  #user-registration{
      box-shadow: none;
  }
  .ur-frontend-form{
      border: none;
  }
  .ur-frontend-form .ur-form-row .ur-form-grid input[type="text"],
  .ur-frontend-form .ur-form-row .ur-form-grid input[type="password"]{
      display: block;
      width: 100%;
      font-weight: 400;
      background-color: #fff;
      background-clip: padding-box;
      -moz-appearance: none;
      appearance: none;
      border: 1px solid var(--border-color);
      border-radius: 5px!important;
      height: 55px;
      line-height: 55px;
      padding: 4px 20px!important;
      padding-inline-start: 18px;
      font-size: 14px;
      color: var(--text-medium);
      transition: border-color 0.4s;
  }
  .ur-frontend-form .ur-form-row .ur-form-grid legend, .ur-frontend-form .ur-form-row .ur-form-grid label{
      color: var(--color-dark) !important;
  }
  .user-registration-form__input.user-registration-form__input-checkbox{
      border: 1px solid var(--color-primary);
      margin-bottom: 4px;
  }
  .user-registration-Button.button{
      color: var(--text-white);
      background-color: var(--color-primary);
      transition: all 0.3s ease-out;
      box-shadow: 0 10px 30px -7px rgba(var(--color-primary-rgb), 0.5);
      padding: 14px 34px;
      border-radius: 7px;
      position: relative;
      overflow: hidden;
      font-size: 16px;
      text-transform: capitalize;
      letter-spacing: 0.05em;
      font-weight: var(--font-medium);
      z-index: 1;
      transition: all 0.3s ease-out;
      width: 100%!important;
      margin-bottom: 20px;
  }
  .user-registration-Button.button:hover{
      background-color: #333;
  }
  .ur-frontend-form .ur-form-row .ur-form-grid input{
      border-style: none;
  }
  .user-registration-LostPassword.lost_password a{
      display: inline-block;
      color: var(--color-primary);
  }
  .contact-area .custom-checkbox .form-check-label::before{
      display: none;
  }
  .contact-area .custom-checkbox .form-check-label{
      padding: 0px!important;
  }
  .wpcf7-list-item{
      margin: 0px;
  }
  .custom-checkbox.mb-20{
      margin-top: -30px;
  }
  .contact-area .form-group span.wpcf7-not-valid-tip,
  .contact-area .custom-checkbox span.wpcf7-not-valid-tip{
      color: #333;
      text-align: left;
      margin-top: 10px;
  }
  .theme-color-2 .footer-area.bg-primary-light .footer-widget .btn-groups{
      margin-top: 30px;
  }
  .footer-widget .form-group .wpcf7-form-control-wrap .wpcf7-form-control{
      margin-top: 20px;
  }
  .footer-widget .form-group .wpcf7-form-control.wpcf7-submit{
      background-color: var(--color-primary);
  }
  .footer-widget .wpcf7-form.failed .wpcf7-response-output{
      margin: 0em 0.5em 1em;
      text-align: left;
  }
  .footer-widget .wpcf7-form.invalid span.wpcf7-not-valid-tip{
      text-align: left;
  }   
  .footer-widget .wpcf7-form.invalid .wpcf7-response-output{
      text-align: left;
      margin: -2em 0em 1em;
      padding: 0.2em 1em;
  }
  .search-custom h4 {
      color: #333;
      margin-bottom: 20px;
      line-height: 25px;
  }
   .search-custom {
      background-color: #fafafa;
      padding: 22px 25px;
      border-radius: var(--radius-md) !important;
      border-color: #e8e8e8;
  }
   .search-custom form input {
      width: 80%;
      height: 50px;
      background-color: #fff;
      font-size: 14px;
      color: #333;
      border: none;
      padding: 0 20px;
      float: left;
      font-weight: 600;
  }
   .search-custom form input:focus-visible {
      outline: -webkit-focus-ring-color auto 0px;
  }
   .search-custom form button {
      height: 50px;
      background-color: #fff;
      font-size: 14px;
      color: #333;
      border: none;
      width: 75px;
  }
  .blog-area .card .card-list a{
      text-transform: capitalize;
  }
  .header-area.header-2 .nice-select .option{
      color: var(--text-dark);
  }
  .footer-2.mt-negative{
      background-position-y: bottom;
  }
  .blog-details-area .item-single .content p{
      margin-bottom: 22px;
  }
  ol,ul,
  ul.info-list li{
      color: var(--text-dark)!important;
  }
  .blog-details-area .comments .comment-list .comment .comment-body{
      display: block;
      margin-bottom: 0px;
  }
  .blog-details-area .comments .comment-list .comment .comment-body .comment-author{
      float: left;
      margin-right: 15px;
  }
  .comment-body .comment-content{
      text-align: start;
      position: relative;
  }
  .blog-details-area .comments .name{
      margin-top: 0px;
      margin-bottom: 20px;
  }
  .blog-details-area .comments .comment-list .comment .comment-body .comment-content p{
      display: table;
      text-align: start;
  }
  a.comment-reply-link{
      display: block;
      text-align: end;
      position: absolute;
      top: -5px;
      right: 0px;
      background: #4F5AE4;
      padding: 10px 14px;
      border-radius: 7px;
      font-size: 16px;
      line-height: 16px;
      color: #fff;
      font-weight: 700;
      transition: all.4s;
  }
  a.comment-reply-link:hover{
      background-color: #333;
      transform: translateY(-3px);
      font-size: 16px;
      font-weight: var(--font-medium);
      z-index: 1;
      transition: all 0.3s ease-out;
  }
  .comment-reply #respond h4.mb-10 #cancel-comment-reply-link{
      background: #4F5AE4;
      padding: 10px;
      border-radius: 7px;
      font-size: 16px;
      color: #fff;
      font-weight: 700;
      float: right;
  }
  .comment-reply #respond h4.mb-10 #cancel-comment-reply-link:hover{
      background-color: #333;
      transform: translateY(-3px);
      font-size: 16px;
      font-weight: var(--font-medium);
      z-index: 1;
      transition: all 0.3s ease-out;
  }
  .comment-reply #respond h4.mb-10 a{
      cursor: auto;
  }
  .comment-reply #respond h4.mb-10 a:hover{
      color: #12142a;
  }
  .blog-details-area .comments h4.mb-20,
  .blog-details-area .comments .comment-reply h4.mb-10{
      font-size: 28px;
  }
  .blog-details-area .comments .comment-reply h4.mb-10{
      margin-bottom: 20px!important;
  }
  .blog-details-area .comments .comment-reply .comment-form p.logged-in-as{
      margin-bottom: 30px!important;
  }
  .theme-color-2 .header-area .mobile-menu .mobile-menu-wrapper ul#mainMenu,
  .body-dark.theme-color-4 .header-area .mobile-menu .mobile-menu-wrapper ul#mainMenu{
      display: none;
  }
  .feature-3 .card-content{
      z-index: 99;
  }
  .comment-box .comment-list .comment-body .comment-content p{
      margin-bottom: 25px!important;
  }
  .ur-frontend-form .ur-form-row .ur-form-grid,
  .ur-frontend-form.login{
      padding: 0px;
  }
  .feature-area.feature-1 .overlay,
  .testimonial-pricing-area .shape-one,
  .testimonial-pricing-area .shape-two{
      background-repeat: round;
  }
  .hero-banner.hero-banner-5 .hero-shape{
      background-repeat: round;
      height: 92%;
  }
  .hero-banner.hero-banner-5{
      background-repeat: round;
      background-position: inherit;
  }
  .footer-2.mt-negative{
      background-repeat: round;
      background-position: inherit;
      padding-top: 0px;
  }
  .testimonial-area.testimonial-3.mt-negative,
  .pricing-4.mt-negative,
  .page-title-area,
  .elementor-469 .hero-banner.hero-banner-7{
      background-size: cover!important;
  }
  .overview-area .bg-shape,
  .screenshot-area.screenshot-2,
  .footer-area.footer-3,
  .hero-banner.hero-banner-6,
  .hero-banner.hero-banner-7{
      background-size: contain;
  }
  .newsletter-area.newsletter-2{
      padding-bottom: 15px;
  }
  .elementor-469 .hero-banner.hero-banner-7{
      background-size: cover!important;
      padding-top: 170px;
      padding-bottom: 150px;
      background-size: auto;
      background-repeat: no-repeat;
      background-position: center bottom;
      background-color: var(--color-primary) !important;
  }
  .elementor-469 .hero-banner.hero-banner-7 .row.align.gx-xl-5{
      justify-content: space-between!important;
  }
  @media (min-width: 992px){
  .elementor-469 .hero-banner.hero-banner-7 .row.align.gx-xl-5 .col-lg-6.aos-init.aos-animate {
      flex: 0 0 auto;
      width: 41.66666667%;
  }
  }
  .faq-area .faq-form .wpcf7-form.invalid .wpcf7-response-output, .faq-area .faq-form .wpcf7-form.failed .wpcf7-response-output{
      margin: 2em 0em 1em;
  }
  input::placeholder
  ,textarea::placeholder{
      font-size: 15px;
  }
  .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.failed .wpcf7-response-output{
      margin: 2em 0em 1em;
  }
  .widget-area .widget_news .content .lc-2 a{
      font-size: 15px;
  }
  a.comment-reply-link,
  .comment-reply #respond h4.mb-10 #cancel-comment-reply-link{
      font-weight: 500;
  }
  .testimonial-area.testimonial-1.ptb-100.bg-img{
      background-repeat: round;
  }
  .wp-block-group ol.wp-block-latest-comments {
      box-sizing: border-box;
      margin-left: 0;
      padding-left: 0px;
  }
  .wp-block-group h2.wp-block-heading {
      position: relative;
      display: inline-block;
      font-size: 18px;
      margin-bottom: 30px;
      font-weight: 500;
      letter-spacing: 4px;
      text-transform: uppercase;
  }
  .widget_block.widget_search label.wp-block-search__label {
      display: none;
  }
  .widget_block .wp-block-search .wp-block-search__inside-wrapper {
      position: relative;
  }
  .widget_block .wp-block-search .wp-block-search__input {
      width: 100%;
      padding: 10px;
      border: 0;
      margin-bottom: 0;
      border-radius: 0px;
  }
  .widget_block .wp-block-group .wp-block-group__inner-container ul li {
      margin-bottom: 20px;
      color: #040b11;
      font-size: 16px;
      line-height: 1.5em;
      margin-bottom: 10px;
      padding-bottom: 10px;
      line-height: 28px;
      list-style-type: none;
  }
  .widget_block .wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button {
      position: absolute;
      right: 0;
      top: 0;
      background-color: transparent;
      color: #040b11;
      border: 0;
      cursor: pointer;
      font-size: 15px;
      margin-top: 5px;
  }
  .widget_block .wp-block-group .wp-block-group__inner-container .wp-block-latest-posts__list.wp-block-latest-posts li {
      margin-bottom: 20px;
      color: #040b11;
      font-size: 16px;
      line-height: 1.5em;
      border-bottom: 1px dashed #cccccc;
      margin-bottom: 10px;
      padding-bottom: 10px;
      line-height: 40px;
  }
  .widget_block .wp-block-group .wp-block-group__inner-container .wp-block-latest-posts__list.wp-block-latest-posts li:last-child {
      margin-bottom: 0px;
      padding-bottom: 0px;
      border-bottom: 0px dashed #cccccc;
  }
  .widget_block .wp-block-group .wp-block-group__inner-container .wp-block-latest-comments .wp-block-latest-comments__comment {
      color: #040b11;
      font-size: 16px;
      line-height: 1.5em;
      border-bottom: 1px dashed #cccccc;
      margin-bottom: 10px;
      padding-bottom: 10px;
      line-height: 40px;
  }
  .widget_block .wp-block-group .wp-block-group__inner-container .wp-block-latest-comments .wp-block-latest-comments__comment:last-child {
      margin-bottom: 0px;
      padding-bottom: 0px;
      border-bottom: 0px dashed #cccccc;
  }
  .sidebar_widget.widget.widget_block.widget_search .wp-block-search__button-outside .wp-block-search__inside-wrapper {
      margin: 0px 0px;
  }
  .sidebar__widget .wp-block-group__inner-container .wp-block-latest-comments {
      padding-left: 0rem;
  }
  .wp-block-group ol.wp-block-latest-comments {
      box-sizing: border-box;
      margin-left: 0;
      padding-left: 0px;
  }