/**
 * ------------------------------------------------------------------ [Table of
 * contents] 0. root 1. Defaults 2. WordPress Cores 3. Widgets 4. Share Buttons
 * 5. Articles 6. Post Content Area 7. Preloaders 8. WPBakery ( Visual Composer
 * ) -------------------------------------------------------------------
 */

/* 0. root */

/* 1. Defaults */
::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color : var(--color-text);
}

::-moz-placeholder {
  /* Firefox 19+ */
  color : var(--color-text);
}

:-ms-input-placeholder {
  /* IE 10+ */
  color : var(--color-text);
}

:-moz-placeholder {
  /* Firefox 18- */
  color : var(--color-text);
}

a:focus,
a:hover {
  color: #4f61f2;
  text-decoration : none;
}

#tf-blog dt {
  font-weight : 700;
}

dt {
  border-bottom: 1px solid #ddd;
  display: inline-block;
  padding: 0;
  margin-bottom: 11px;
}

dd {
  margin-bottom : 20px !important;
  margin-left   : 0;
  line-height: 1.7;
}

p:empty {
  display : none;
}

img {
  max-width      : 100%;
  height         : auto;
  vertical-align : middle;
}

code {
  white-space : normal;
}

label {
  display       : inline-block;
  width         : 100%;
  max-width     : 100%;
  margin-bottom : 5px;
  font-size     : inherit;
  font-weight   : inherit;
}

button,
input,
select,
textarea {
  outline     : 0;
  font-family : inherit;
  font-size   : inherit;
  line-height : inherit;
}

body.admin-bar {
  margin-top: 32px;
}

.admin-bar .wrap-sticky nav.navbar-sticky.sticked {
  top: 32px;
}

@media (max-width: 1023px) {
  body.admin-bar {
    margin-top: 32px;
  }

  .admin-bar .wrap-sticky nav.navbar-sticky.sticked {
    top: 32px;
  }
}

@media (max-width: 992px) {
  .admin-bar .wrap-sticky nav.navbar-sticky.sticked {
    top: 32px;
  }
}

@media (max-width: 782px) {
  body.admin-bar {
    margin-top: 46px;
  }

  .admin-bar .wrap-sticky nav.navbar-sticky.sticked {
    top: 46px;
  }
}

@media (max-width: 600px) {
  body.admin-bar {
    margin-top: 46px;
  }

  .admin-bar .wrap-sticky nav.navbar-sticky.sticked {
    top: 0px;
  }
}

/* 2. WordPress Core */

.bypostauthor,
.gallery-caption {
  display : block;
}

.aligncenter,
div.aligncenter {
  display : block;
  margin  : 5px auto 5px auto;
}

.alignright {
  float  : right;
  margin : 5px 0 20px 20px;
}

.alignleft {
  float  : left;
  margin : 5px 20px 20px 0;
}

a img.alignright {
  float  : right;
  margin : 5px 0 20px 20px;
}

a img.alignnone {
  margin : 0;
}

a img.alignleft {
  float  : left;
  margin : 5px 20px 20px 0;
}

a img.aligncenter {
  display      : block;
  margin-right : auto;
  margin-left  : auto;
}

.tf-clearfix:after,
.wp-caption:after {
  content    : " ";
  display    : block;
  visibility : hidden;
  height     : 0;
  clear      : both;
  font-size  : 0;
}

.wp-caption {
  max-width  : 96%;
  padding: 10px 4px 5px 5px;
  border     : 1px solid #f0f0f0;
  background : #fff;
  text-align : center;
}

.wp-caption.alignnone {
  margin : 5px 20px 20px 0;
}

.wp-caption.alignleft {
  margin : 5px 20px 20px 0;
}

.wp-caption.alignright {
  margin : 5px 0 20px 20px;
}

.wp-caption img {
  width     : auto;
  max-width : 98.5%;
  height    : auto;
  margin    : 0;
  padding   : 0;
  border    : 0 none;
}

.wp-caption p.wp-caption-text {
  margin: 12px 0 0;
  padding: 0 4px 7px;
  font-size   : 14px;
  line-height : 17px;
}

span.headline_title.text {
  display: inline-block;
  margin-top: 14px;
  font-weight: 700;
  font-size: 24px;
}

@media
  (max-width : 1023px) {
  span.headline_title.text {
    margin-top: 9px;
  }
}

@media
  (max-width : 768px) {
  span.headline_title.text {
    margin-top: 9px;
  }
}

@media
  (max-width : 480px) {
  span.headline_title.text {
    margin-top: 10px;
  }
}

.sticky_text {
  display       : inline-block;
  margin        : 1px 0 10px;
  padding       : 5px 10px;
  color         : #fff;
  border-radius : 3px;
  background    : #857F79;
}

@media
  only screen
  and (min-width : 992px) {
  .tf-no-sidebar .wp-caption {
    max-width  : 96%;
    padding    : 5px 3px 10px;
    border     : 1px solid #f0f0f0;
    background : #fff;
    text-align : center;
  }

  .tf-no-sidebar .wp-caption.alignnone {
    margin : 90px 20px 40px 0;
  }

  .tf-no-sidebar .wp-caption.alignleft {
    margin : 5px 20px 35px 0;
  }

  .tf-no-sidebar .wp-caption.alignright {
    margin : 5px 0 20px 20px;
  }

  .tf-no-sidebar .wp-caption.alignnone {
    margin : 40px 20px 30px 0;
  }

  .tf-no-sidebar .wp-caption img {
    width     : auto;
    max-width : 98.5%;
    height    : auto;
    margin    : 0;
    padding   : 0;
    border    : 0 none;
  }

  .tf-no-sidebar .wp-caption p.wp-caption-text {
    margin      : 15px 0 0;
    padding     : 0 4px 5px;
    font-size   : 14px;
    line-height : 17px;
  }

  .tf-no-sidebar .alignleft {
    float  : left;
    margin : 5px 20px 40px 0;
  }

  .tf-no-sidebar .aligncenter,
  div.aligncenter {
    display : block;
    margin  : 40px auto 39px auto;
  }
}

.page article .article-img {
  margin-bottom : 40px;
}

.tf-default-page-container {
  padding-bottom: 90px;
  padding-top: 120px;
}

@media screen and (max-width: 768px) {
  .tf-default-page-container {
      padding-top: 90px;
  }
}

/* 3. Widgets */

#tf-sidebar #searchform {
  position   : relative;
  max-height : 50px;
}

#tf-sidebar .menu {
  opacity : 1 !important;
}

#tf-sidebar #searchform input#searchsubmit {
  position           : absolute;
  top                : 0px;
  right              : 0px;
  height             : 40px;
  margin-left        : 0;
  padding            : 0 15px;
  color              : #fff;
  border             : none;
  background         : #2c97de;
  -webkit-transition : all 0.3s;
  transition         : all 0.3s;
}

#tf-sidebar .widget_text {
  min-height : 20px;
}

#tf-sidebar #searchform input#searchsubmit {
  color : var(--color-text);
}

#tf-sidebar #searchform input#searchsubmit {
  background-color : #FFED91;
}

#tf-sidebar #searchform input#searchsubmit {
  color            : #fff;
  background-color : var(--color-text);
}

#tf-sidebar .widget-title {
    font-weight: 700;
    /* margin-bottom: 30px; */
    /* margin-top: -5px; */
    position: relative;
    text-transform: capitalize;
    z-index: 1;
}

#wp-calendar a {
  color: #4154f1;
}

.calendar_wrap #prev a {
  display     : inline-block;
  margin-top  : 10px;
  margin-left : -12px;
  padding     : 5px 10px;
  color       : #fff;
  background  : var(--color-text);
}

.calendar_wrap #next a {
  display      : inline-block;
  margin-top   : 10px;
  margin-right : -8px;
  padding      : 5px 10px;
  color        : #fff;
  background   : var(--color-text);
}

#tf-sidebar select {
  min-width : 100%;
  max-width : 100%;
  height: 50px;
  padding: 15px 20px 15px 20px !important;
}

#tf-sidebar form {
  margin        : 0;
  border-radius : 4px;
  /* border: 1px solid var(--color-grey2); */
}

/* text widget */

.textwidget img,
.textwidget strong {
  display   : block;
  margin    : 15px 0;
  font-size : 14px;
}

.textwidget br {
  display : none;
}

/* rss widget */

.widget_rss ul {
  margin  : 0 !important;
  padding : 0px !important;
}

.widget_rss ul li {
  margin-bottom : 40px !important;
  padding       : 0px 0 40px !important;
  border-bottom: 1px solid #f1ecec !important;
  list-style    : none;
}

.widget_rss ul li:last-child {
  margin-bottom: 0px !important;
  padding: 0px !important;
  border-bottom: 0px !important;
  list-style    : none;
}

.widget_rss ul li a {
  display       : block;
  margin-bottom : 15px;
  color: #4154f1 !important;
}

.widget_rss ul li span {
  display       : block;
  margin-bottom : 14px;
  color: #373737;
  text-align    : left !important;
  font-size     : 14px;
}

.widget_rss .widget-title a {
  color          : #232324;
  vertical-align : top;
  font-weight    : 600;
}

.widget_rss cite {
  display    : block;
  margin-top : 5px;
  color      : #1c1c2d;
}

.widget_rss cite:before {
  content : "-- ";
}

.widget_rss .rssSummary {
  margin-bottom : 15px;
  font-size     : 15px;
  font-weight   : 500;
  line-height   : 1.8;
  color: #737373;
}

/* search form */

.search-results article,
article.hentry {
  margin-bottom : 40px;
}

body.search article .searchform {
  float : none;
}


body.error404 .content-error .searchform input[type="submit"] {
  position    : relative;
  top         : -1px;
  left        : -3px;
  width       : 15%;
  color       : #fff;
  border      : none;
  background  : var(--color-text);
  line-height : 43px;
}

.search-form-input {
  padding : 10px 3px 10px 20px;
}

body.search article .searchform {
  float : left;
}

body.search article .searchform input[type="submit"] {
  position    : relative;
  top         : 0px;
  width       : 20%;
  float       : left;
  color       : #fff;
  border      : none;
  background  : var(--color-text);
  line-height : 43px;
}

body.error404 .index .searchform {
  width  : 73%;
  float  : left;
  margin : 0 auto;
}

body.error404 .index .searchform input[type="text"] {
  width      : 80%;
  min-height : 46px;
  float      : left;
  padding    : 9px 0 7px 15px;
  border     : 0px solid #efefef;
  background : #efefef;
  outline    : 0;
  font-size  : 12px;
}

body.error404 .index .searchform input[type="submit"] {
  position   : relative;
  top        : 0px;
  width      : 20%;
  min-height : 46px;
  float      : left;
  color      : #fff;
  border     : none;
  background : var(--color-text);
}

/* author box */

.container-author-box .avatar {
  border-radius : 50%;
}

.container-author-box .tf-author-social-inner {
  margin  : 0 !important;
  padding : 0 !important;
}

.tf-single-post-related-title {
  max-width     : 220px;
  min-height    : 16px;
  margin        : 0 0 15px;
  overflow      : hidden;
  text-overflow : ellipsis;
  white-space   : nowrap;
}

.article-img,
.blog-bg {
  margin-bottom : 20px;
}

.tags-links {
  display      : inline-block;
  margin       : 0px 10px 0px 0;
  padding      : 0px 10px 0 0px;
  border-right : 2px solid #ddd;
}

.tf-sidebar-inner-widget .tag-cloud {
  margin-bottom : -5px;
}

.tf-sidebar-inner-widget .tag-cloud-link {
  display         : inline-block;
  margin-bottom   : 5px;
  outline         : 0;
  text-decoration : none !important;
  text-transform  : capitalize;
  font-size       : 14px !important;
  white-space     : nowrap;
  cursor          : pointer;
}

.tag-item-one {
  color            : #695afd !important;
  background-color : #f2f1ff;
}

.tag-item-two {
  color            : #f94a11 !important;
  background-color : #ffefe8;
}

.tag-item-three {
  color            : #0cbc5a !important;
  background-color : #e6faef;
}

.tag-item-four {
  color            : #feb302 !important;
  background-color : #fff8e6;
}

.tag-item-five {
  color            : #34c7df !important;
  background-color : #f1fdff;
}

/* breadcrumb */

.tf-breadcrumb {
  display        : inherit;
  margin-left    : -4px;
  padding        : 8px 15px 8px 0;
  color          : #fff !important;
  background     : none;
  text-transform : capitalize;
  vertical-align : middle;
  font-size      : 15px !important;
}

.breadcrumbs {
    margin-top: 27px;
}

.tf-breadcrumb span {
  margin-left : 3px;
}

.tf-breadcrumb a span {
  margin-right : 5px;
}

.tf-breadcrumb .current-item {
  color : #fff;
}

.tf-breadcrumbs {
  margin : 20px 0;
}

.tf-breadcrumbs .tf-breadcrumbs-list {
  padding        : 0;
  text-transform : uppercase;
  font-size      : 13px;
  list-style     : none;
}

.tf-breadcrumbs .tf-breadcrumbs-list li {
  display      : inline-block;
  margin-right : 10px;
  font-weight  : 500;
}

.tf-breadcrumbs .tf-breadcrumbs-list i {
  font-size : 16px;
}

.tf-breadcrumbs .bredcrumb-separator {
  margin : 0 5px;
}

.tf-breadcrumbs {
  padding : 8px 15px 8px 0;
}

.tf-breadcrumbs .breadcrumb-current {
  color       : #4c8fff;
  font-weight : 600;
}

/* 4. password form */

.post-password-form label {
  display : inline;
}

.post-password-form input[type=password] {
  -moz-appearance       : none;
  -webkit-appearance    : none;
  appearance            : none;
  width                 : auto;
  margin                : 0 15px;
  margin-top            : 30px;
  padding               : 15px 30px;
  color                 : #5d5d5d;
  border                : 2px solid #f2f2f2;
  border-color          : #f2f2f2;
  -webkit-border-radius : 30px;
  border-radius         : 30px;
  background-color      : #f2f2f2;
  background-clip       : padding-box;
  outline               : 0;
  -webkit-box-shadow    : none;
  box-shadow            : none;
  font-size             : 1.6rem;
  line-height           : 1.2;
  -o-transition         : background-color .3s ease-in-out,
                          border-color .3s ease-in-out,
                          color .3s ease-in-out;
  -webkit-transition    : background-color .3s ease-in-out,
                          border-color .3s ease-in-out,
                          color .3s ease-in-out;
  transition            : background-color .3s ease-in-out,
                          border-color .3s ease-in-out,
                          color .3s ease-in-out;
}

.post-password-form input[type=submit] {
  display               : inline-block;
  height                : 54px;
  padding               : 0 40px;
  color                 : var(--color-secondary);
  border-color          : var(--color-secondary);
  border-width          : 1px;
  border-style          : solid;
  -moz-border-radius    : 1000px;
  -webkit-border-radius : 1000px;
  border-radius         : 1000px;
  background-color      : transparent;
  text-align            : center;
  text-transform        : capitalize;
  font-family           : inherit;
  font-size             : 14px;
  font-weight           : 700;
  line-height           : 38px;
  letter-spacing        : normal;
  -moz-transition       : all 0.2s linear;
  -ms-transition        : all 0.2s linear;
  -o-transition         : all 0.2s linear;
  -webkit-transition    : all 0.2s linear;
  transition            : all 0.2s linear;
  cursor                : pointer;
}

.gallery-content ul {
  padding : 0;
}

.gallery-content ul li {
  list-style : none;
}

/* 5.Articles */

.video-responsive {
  width : 100%;
}

.video-responsive iframe {
  width  : 100%;
  height : 100%;
}

.tf-theme-content ol,
.tf-theme-content ul {
  margin-top: 15px;
  margin-bottom : 30px;
}

.single .the-post-thumbnail {
  margin-bottom : 30px;
}

.tf-theme-content.tf-single-content {
  position      : relative;
  margin-bottom : 60px;
}

.tf-inner-title {
  margin: 50px 0 50px;
}

.tf-inner-title.tf-comments-title {
  font-size: 24px;
  color: #232323;
}

h3.tf-inner-title.tf-comments-title.mb-6 {
  margin-bottom : 50px !important;
}

.tf-post-tags {
  clear         : both;
  margin-bottom : 60px;
}

.page-links {
  clear          : both;
  margin         : 0;
  padding        : 0;
  text-transform : capitalize;
}

.tf-is-wp-link-pages .page-links {
  margin-top : 20px;
  color      : #b6b6b6;
  background : #fff;
  margin-bottom: 25px;
}



.page .page-links,
.single .page-links {
  display      : table;
  position     : relative;
  margin-top   : 40px;
  padding      : 10px 0px;
  border-width : 1px;
}

.page-links span span {
  margin-right : 0px;
}

.page-links a {
  display         : inline-block;
  margin-right    : 2px;
  color           : #b6b6b6;
  text-align      : center;
  text-decoration : none;
  font-size       : 15px;
  font-weight     : 500;
}

.page .page-links a,
.page .page-links span,
.single .page-links a,
.single .page-links span {
  margin-right : 8px !important;
  color        : var(--color-text);
  font-size    : 15px;
  font-weight  : bolder;
}

.page-links-title {
  display      : inline-block;
  margin-right : 5px;
  text-align   : center;
  font-size    : 15px;
  font-weight  : 500;
}

.page-links .current {
  display      : inline-block;
  margin-right : 0px;
  color        : var(--color-secondary);
}

/* 6. Post Content Area */

.tf-page-template-content.tf-theme-content:after {
  content      : "";
  display      : table;
  clear        : both;
  table-layout : fixed;
}

.tf-theme-content li {
  list-style : inherit !important;
  line-height: 2;
}

.tf-theme-content .gallery-item img {
  margin-bottom : 15px;
}

.tf-theme-content .gallery-caption {
  max-width   : 150px !important;
  margin-left : 0;
  text-align: center;
  margin: 15px auto !important;
}

.tf-theme-content p iframe {
  max-width : 100%;
}

.tf-theme-content p {
  margin : 0 0 20px;
  line-height: 1.9;
}

.tf-theme-content h1,
.tf-theme-content h2,
.tf-theme-content h3,
.tf-theme-content h4,
.tf-theme-content h5,
.tf-theme-content h6 {
  margin-top: 20px !important;
  padding-bottom: 10px;
  margin-bottom: 0px !important;
  font-weight: 700;
}

.comment-navigation {
  margin : 30px 0;
}

.commentlist p {
  margin : 0 0 20px;
  color  : var(--color-text);
}

.comment-paragraph {
  margin-left : 85px !important;
}

.tf-comment-item {
  list-style-type : none !important;
}

.tf-comment-content img {
  margin-top : 15px;
}

.tf-comment-content {
  margin : 5px 0 20px;
}

.tf-commentlist {
  margin-bottom : 80px;
}

.comments #cancel-comment-reply-link {
  display : block !important;
}

p.nocomments {
  margin     : 60px 0 0;
  padding    : 25px;
  color: #fff;
  background: #394df1;
  border-radius: 10px;
}

.tag-pingbacks-2 .commentlist {
  list-style : none;
}

#tf-page .blog-comments.comments-wrap {
  padding: 0;
}

.commentlist>li.comment {
  position   : relative;
  list-style : none;
}

.tf-commentlist .pingback {
  padding-left : 0;
}

.trackback .avatar, .pingback .avatar {
    display: none;
}

.tf-commentlist .pingback .tf-comment-avatar {
  display : none;
}

.tf-theme-content ol {
  padding-left: 25px;
  list-style   : decimal;
}

.tf-theme-content ul {
  padding-left : 20px;
  list-style   : disc;
}

.tf-theme-content ol ol,
.tf-theme-content ul ol,
.tf-theme-content ol ul,
.tf-theme-content ul ul {
  margin-top    : 0px;
  margin-bottom : 0px;
  padding-left: 25px;
}

.tf-theme-content ul ol ul {
  padding-left : 20px;
}

.comments ul li ul li {
  margin : 10px;
}

ul.tf-theme-content-list {
  list-style : disc;
}

.commentlist {
  margin     : 0 0 80px 0;
  padding    : 0;
  list-style : none;
}

.commentlist .children {
  position : relative;
  padding  : 0;
}

#tf-comments ul.children li {
  padding-left : 100px !important;
  margin-left: -60px;
}

.comment-content ol li,
.comment-content ul li {
  margin-bottom : 15px !important;
  margin-left   : 20px !important;
}

.comment-content,
.comment-content ul li {
  list-style-type : disc !important;
}

.children li {
  margin-left : 0px;
}

ol li:not(.pingback) .comment-meta {
  top         : 0;
  float       : none;
  margin-top  : -42px;
  margin-left : 82px;
  font-size   : 13px;
}

.comment.even {
  position   : relative;
  list-style : none;
}

ol.tf-commentlist.comments-list {
  padding : 0 0 10px;
}

.comment-details {
  margin-left : 90px;
}

.children,
.comments {
  list-style-type : none;
}

.comment-reply-link {
  display         : inline-block;
  position        : relative;
  margin-top      : 15px !important;
  padding-right   : 10px;
  text-decoration : none;
  font-size       : 15px;
  line-height     : 22px;
}

.commentmetadata a {
  color          : #919191;
  text-transform : uppercase;
  font-size      : 11px;
  font-weight    : 600;
}

.edit-comment {
  display        : inline-block;
  position       : relative;
  margin         : 5px 0;
  padding        : 2px 15px;
  color          : #fff;
  border         : 1px solid rgba(0, 0, 0, .1);
  border-radius  : 50px;
  background     : var(--color-text);
  outline        : none;
  text-transform : inherit !important;
  transition     : all 0.3s;
  cursor         : pointer;
}

#reply-title {
  margin-bottom : 7px;
  font-size: 28px;
}

.comment-form-comment label {
  display : none;
}

.comment-form .submit {
  margin-top : 30px;
  border     : none;
}

.tf-form-input {
  width   : 100%;
  padding : 10px 15px;
  border  : 1px solid #d7e0e5;
}

.depth-2 {
  margin-bottom : 20px;
}

@media
  (max-width : 767px) {
  .tf-form-input {
    margin-bottom : 15px;
  }
}

/* formats */

/* comments */

.container-for-comments {
  background : #fff;
}

label.screen-reader-text {
  display : none;
}

span.comment-author-link {
  color : var(--color-text);
  font-weight: 700;
}

.comment-form-comment {
  color : var(--color-text);
}

.container-for-comments .children {
  margin-bottom : 70px;
}

.comments ul {
  margin  : 10px;
  padding : 0;
}

.comments ul li {
  list-style : none;
}

.comments ul li span .photo {
  padding : 0 !important;
}

.comments ul li .tf-theme-avatar {
  float        : left;
  margin-right : 30px;
}

.comments ul li .commentlist {
  margin-left : 100px;
  padding     : 8px 25px 20px;
  border      : 1px solid #EEE;
}

.comment .children {
  margin : 70px 0;
}

input#wp-comment-cookies-consent {
  margin-right : 10px;
}

.tf-comment-form-button {
  display               : inline-flex;
  height                : 54px;
  margin                : 0;
  padding               : 0 30px;
  color                 : var(--color-text);
  border-color          : var(--color-grey2);
  border-width          : 1px;
  border-style          : solid;
  -moz-border-radius    : 4px;
  -webkit-border-radius : 4px;
  border-radius         : 4px;
  background-color      : var(--color-grey1);
  align-items           : center;
  font-weight           : 400;
  white-space           : nowrap;
  cursor                : pointer;
}

.tf-comment-form-button:hover {
  background-color : #fff;
}

/* others */

div.wpcf7-response-output {
  margin  : 0;
  padding : 1.2em 1em;
}

.wpcf7-not-valid {
  border : 1px solid var(--color-red) !important;
}

input.wpcf7-not-valid+span {
  display : none !important;
}

span.wpcf7-not-valid-tip {
  display   : block;
  display   : none;
  color     : #f00;
  font-size : 1em;
}

.wpcf7-response-output.wpcf7-validation-errors {
  display               : inline-block !important;
  width                 : 100% !important;
  margin                : 15px 0 !important;
  color                 : #fff;
  border                : 2px solid #f70000;
  -moz-border-radius    : 4px;
  -webkit-border-radius : 4px;
  border-radius         : 4px;
  background-color      : #f70000;
}

div.wpcf7-mail-sent-ok {
  display               : inline-block !important;
  width                 : 97.2% !important;
  margin                : 15px !important;
  color                 : #fff;
  border                : 2px solid #398f14;
  -moz-border-radius    : 4px;
  -webkit-border-radius : 4px;
  border-radius         : 4px;
  background-color      : #398f14;
}

div.wpcf7-mail-sent-ok {
  color      : #fff;
  border     : 2px solid #398f14;
  background : #398F14;
}

footer .widget input.wpcf7-form-control.wpcf7-submit {
  padding        : 12px 30px 7px;
  color          : var(--color-text);
  border         : medium none;
  border-radius  : 3px;
  background     : #f8cf27 none repeat scroll 0 0;
  text-transform : uppercase;
  font-weight    : 700;
}

.wpcf7 button,
.wpcf7 input,
.wpcf7 select,
.wpcf7 textarea {
  display : inline-block;
}

.wpcf7 br {
  display : none;
}

.tf-sidebar-inner-widget .nice-select.postform {
    margin-bottom: 50px;
}


/* responsive options 1200px 991px 768px 480px */

@media
  (max-width : 991px) {
  #tf-sidebar {
    margin : 40px 0 0;
  }

  #tf-sidebar #searchform input[type="text"] {
    width : 90%;
  }

  footer .widget {
    margin-bottom : 40px;
  }

  footer .widget-title {
    margin-bottom : 15px;
  }
}

@media
  (max-width : 768px) {
  #tf-sidebar #searchform {
    position   : relative;
    max-height : 50px;
    margin-top : 90px;
  }

  .index-header {
    height : 100vh !important;
  }
}

@media
  (max-width : 480px) {
  .avatar-class {
    display       : block;
    float         : none;
    margin-right  : 30px;
    margin-bottom : 15px;
  }

  .comment-details,
  .comments ul li .commentlist {
    margin-left : 0;
  }

  .pager li>a,
  .pager li>span {
    width : 100%;
    float : none;
  }

  .template-cover-text .uppercase {
    margin-bottom : 10px;
    margin-left   : 0px;
    color         : #fff;
    font-size     : 100%;
  }

  .comment-meta {
    margin-bottom : 15px;
  }
}

body:not(.page-template-custom-page) .hero-content {
  text-align : left;
}

body .wpb_gmaps_widget .wpb_wrapper {
  padding          : 0px;
  background-color : #f7f7f7;
}

.blog-medium-container iframe {
  max-width  : 100%;
  height     : auto;
  min-height : 170px;
}

.single .blog-post-body ul {
  text-align : left;
}

.comment-meta {
  margin-bottom : 20px;
}

.commentlist li h1 {
  letter-spacing : -0.5px !important;
}

.tf-commentlist li.comment ul.children {
  padding : 0;
}

.reply {
  margin-left : 85px;
}

#respond {
  margin : 60px 0 60px;
}

.commentlist div:not(#respond) p {
  margin : 0 0 15px;
  color  : inherit;
}

.says {
  display : none;
}

.widget-list-span {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 0 10px;
    position: absolute;
    right: 0;
    background: #f1f1f1;
    color: #232323;
    font-size: 14px;
}

/* Inner pages hero */

#tf-hero {
  display           : -webkit-flex;
  display           : flex;
  display           : -webkit-box;
  display           : -ms-flexbox;
  width             : 100%;
  padding           : 120px 0;
  color             : #fff;
  background        : #f8f8f8;
  -ms-flex-wrap     : wrap;
  -webkit-flex-wrap : wrap;
  flex-wrap         : wrap;
}

.start-screen .__subtitle {
  color       : #fff;
  font-size   : 1.5rem;
  font-weight : 800;
}

.container-author-box,
.tf-single-post-related,
.single-post-navigation {
  margin-top : 60px;
}

button:focus {
  outline : 0;
}

#cancel-comment-reply-link {
  font-size : 13px;
}

/**
 * ------------------------------------------------------------------ 1. Tags 2.
 * Sidebar 3. Post formats 4. Text formats 5. Section 6. Pager - Pagination 7.
 * Buttons 8. Comment - Form 9. Spaces - Heights 10. Colors 11. Page layouts
 * -------------------------------------------------------------------
 */

/* 1. Tags */

.tf-tags-list {
  margin          : 0;
  padding         : 0;
  list-style-type : none;
}

.tf-tags-list:after,
.tf-tags-list:before {
  content : "";
  display : table;
}

.tf-tags-list:after {
  clear : both;
}

.tf-tags-list-item {
  float        : left;
  margin-right : 10px;
}

.tf-tags-list-link {
  display        : inline-block;
  position       : relative;
  margin         : 0;
  padding        : 5px 15px;
  color          : var(--color-text);
  border         : 1px solid #e7ecef;
  border-radius  : 0px;
  text-transform : capitalize !important;
  font-size      : 12px;
  font-weight    : 500;
}

.tf-tags-list-link:hover {
  color         : #fff;
  border-radius : 40px;
  background    : var(--hover-secondary);
}

/* 2. Sidebar */

.tf-sidebar .tf-sidebar-inner-widget:last-child {
  margin-bottom : 0;
}

.tf-sidebar-type-2 .tf-sidebar-inner-widget {
  margin-bottom    : 50px;
  padding          : 35px;
  border-color     : #e7ecef;
  border-top-color : var(--color-text);
  border-width     : 5px 1px 1px 1px;
  border-style     : solid;
}

.tf-sidebar-inner-widget a {
  color           : inherit;
  text-decoration : none;
}

.tf-sidebar-inner-widget p {
  margin-bottom : 10px;
}

.tf-sidebar-inner-widget p:last-child {
  margin-bottom : 0;
}

.tf-sidebar-inner-widget h5 {
  font-size   : 16px;
  font-weight : 500;
}

.tf-sidebar-inner-widget h6 {
  color       : #777777;
  font-size   : 12px;
  font-weight : 400;
}

.tf-sidebar-inner-widget-title {
  margin-top    : 0;
  margin-bottom : 30px;
}

.tf-sidebar-inner-widget ol li,
.tf-sidebar-inner-widget ul li {
  position    : relative;
  position    : relative;
  margin      : 0px;
  font-weight : inherit;
}

.tf-sidebar-inner-widget ol li:not(:first-child),
.tf-sidebar-inner-widget ul li:not(:first-child) {
  margin-top : 10px;
}

.tf-sidebar-inner-widget ol li:last-child,
.tf-sidebar-inner-widget ul li:last-child {
  position      : relative;
  margin-bottom : 0px;
}

.tf-sidebar-inner-widget ol,
.tf-sidebar-inner-widget ul {
  margin          : 0;
  padding         : 0;
  text-transform  : capitalize;
  list-style-type : none;
}

.tf-sidebar-inner-widget .children {
  list-style : none;
}

.tf-sidebar-inner-search-form {
  position : relative;
  width    : 100%;
}

.tf-sidebar-inner-search-field {
  width            : 100%;
  height           : 45px;
  padding          : 8px 40px 8px 0;
  padding-left     : 10px;
  border           : 1px solid #e7ecef;
  background-color : #f7f7f700;
  line-height      : 45px;
}

.tf-sidebar-inner-nav ul li {
  margin-bottom : 20px;
}

.tf-sidebar-inner-nav ul li:last-child {
  margin-bottom : 0;
}

.tf-sidebar-inner-recentposts ul {
  margin          : 0;
  padding         : 0;
  list-style-type : none;
}

.tf-sidebar-inner-recentposts ul li {
  margin-bottom : 30px;
  font-size     : 13px;
}

.tf-sidebar-inner-recentposts ul li:last-child {
  margin-bottom : 0;
}

.tf-sidebar-inner-recentcomments ul {
  margin          : 0;
  padding         : 0;
  list-style-type : none;
}

.tf-sidebar-inner-recentcomments ul li {
  margin-bottom : 30px;
  font-size     : 13px;
}

.tf-sidebar-inner-recentcomments ul li:last-child {
  margin-bottom : 0;
}

.tf-sidebar-inner-tags ul {
  margin          : 0;
  padding         : 0;
  list-style-type : none;
}

.tf-sidebar-inner-tags ul:after,
.tf-sidebar-inner-tags ul:before {
  content : "";
  display : table;
}

.tf-sidebar-inner-tags ul:after {
  clear : both;
}

.tf-sidebar-inner-tags ul li {
  float         : left;
  margin-right  : 10px;
  margin-bottom : 10px;
}

.tf-sidebar-inner-tags ul li a {
  font-size : 12px;
}

.tf-sidebar-inner-widget ol ol,
.tf-sidebar-inner-widget ul ul {
  margin     : 10px 0px 0px 18px;
  padding    : 0px 0 0 0px;
  color      : var(--color-black);
  list-style : none;
}

/* html table */

/* Default Table Style */

.tf-page-default table.table.table-striped {
  margin-bottom   : 30px;
  border          : 1px solid var(--color-border-light);
  border-collapse : collapse;
  background      : white;
}

.tf-page-default table.table.table-striped tbody th,
.tf-page-default table.table.table-striped tfoot th,
.tf-page-default table.table.table-striped thead th {
  color : #364a15;
}

.tf-page-default table.table.table-striped caption {
  padding : 1em;
}

.tf-page-default table.table.table-striped td,
.tf-page-default table.table.table-striped th {
  padding-left : 1em;
  border  : 1px solid var(--color-border-light);
}

#tf-sidebar table {
  margin-bottom : 0px;
  font-size     : 14px;
}

#tf-sidebar caption {
  margin-bottom : 15px;
  padding       : 10px;
  color         : #fff;
  background: #4154f1;
  text-align    : center;
}

/* 3. Post formats */

.tf-blog-sticky {
  display          : none;
  position         : absolute;
  top              : 0;
  left             : -25px;
  width            : 25px;
  height           : 25px;
  color            : #fff;
  background-color : var(--color-secondary);
  text-align       : center;
  font-size        : 12px;
  line-height      : 25px;
}

.tf-is-sticky {
  position   : absolute;
  top        : 0;
  right      : 0;
  padding    : 5px 15px;
  color      : #fff;
  background : var(--color-secondary);
  font-size  : 13px;
}

.tf-blog-media-link {
  display : block;
}

.tf-blog-media-image {
  display : inline-block;
  width   : 100%;
}

@media
  (max-width : 575px) {
  .tf-blog-info {
    padding : 30px;
  }
}

@media
  (min-width : 576px) {
  .tf-blog-info {
    padding : 50px;
  }
}

.tf-blog-info {
  border-color : #e7ecef;
  border-width : 1px;
  border-style : solid;
}

.tf-blog-info-title {
  display        : block;
  max-width      : 650px;
  margin         : 0 0 20px;
  text-transform : capitalize;
  font-weight    : 600;
}

@media
  (max-width : 575px) {
  .tf-blog-info-title {
    font-size : 16px;
  }
}

.tf-blog-info-title a {
  color : var(--color-primary);
}

.tf-blog-info-title a:hover {
  color : var(--hover-secondary);
}

h5.tf-blog-info-category {
  margin : 0;
}

.tf-blog-info-category a {
  display         : inline-block;
  max-width       : 240px;
  margin-bottom   : 0px;
  color           : #c7ccd4;
  text-decoration : none;
  text-transform  : uppercase;
  font-size       : 11px;
  font-weight     : 500;
}

.tf-blog-info-excerpt p {
  margin-bottom : 10px;
}

.tf-blog-info-excerpt p:last-child {
  margin-bottom : 0;
}

.tf-blog-info-link {
  margin-top : 20px;
}

.tf-blog-info-meta {
  margin          : 0;
  margin-bottom   : 20px;
  padding         : 0;
  color           : #777777;
  list-style-type : none;
}

.tf-blog-info-meta:after,
.tf-blog-info-meta:before {
  content : "";
  display : table;
}

.tf-blog-info-meta:after {
  clear : both;
}

@media
  (max-width : 575px) {
  .tf-blog-info-meta {
    font-size : 12px;
  }
}

.tf-blog-info-meta-item {
  float        : left;
  margin-right : 5px;
}

.tf-blog-info-meta-item:last-child {
  margin-right : 0;
}

.tf-blog-info-meta-link {
  color           : var(--color-text);
  text-decoration : none;
  text-transform  : capitalize;
  font-size       : 14px;
}

.tf-blog-info-meta-link:hover {
  color : var(--hover-secondary);
}

.tf-blog-item {
  margin-bottom : 50px;
}

.tf-blog-item:last-child {
  margin-bottom : 0;
}

.tf-blog-item-inner {
  position            : relative;
  width               : 100%;
  background-color    : #fff;
  background-repeat   : no-repeat;
  background-position : 50% 50%;
  -webkit-box-shadow  : 0 0 68px 0 rgba(174, 175, 175, .17);
  box-shadow          : 0 0 68px 0 rgba(174, 175, 175, .17);
}

.tf-blog-item.-has-sticky .tf-blog-sticky {
  display : inline-block;
}

.tf-blog-item.-has-sticky .tf-blog-item-inner {
  position : relative;
}

.tf-blog-item.-format-standard .tf-blog-info {
  border-color : #cccccc;
}

.tf-blog-info-excerpt .page-links span {
  margin-right : 5px;
}

.tf-blog-info-meta-item {
  float          : left;
  margin-right   : 20px;
  vertical-align : middle;
  line-height    : 1.7;
}

.tf-blog-info-meta-item i {
  margin-right : 4px;
  margin-left  : 0px;
}

.tf-blog-media .article-img,
.tf-blog-media .blog-bg {
  margin-bottom : 0px;
}

/* 4. Text formats */

/* 6. Pager */

.tf-single-navigation-inner {
  margin  : 0;
  padding : 0;
}

.tf-single-navigation {
  position     : relative;
  border-color : #ececec;
  border-width : 1px 0 1px 0;
  border-style : solid;
}

@media
  (min-width : 576px) {
  .tf-single-navigation {
    padding-top    : 20px;
    padding-bottom : 20px;
  }
}

@media
  (min-width : 576px) {
  .tf-single-navigation:after {
    content          : "";
    display          : inline-block;
    position         : absolute;
    top              : 0;
    left             : 50%;
    width            : 1px;
    height           : 100%;
    background-color : #ececec;
  }
}

.tf-single-navigation-inner:after,
.tf-single-navigation-inner:before {
  content : "";
  display : table;
}

.tf-single-navigation-inner:after {
  clear : both;
}

.tf-single-navigation-item {
  padding-right : 0px;
  padding-left  : 0px;
  list-style    : none;
}

@media
  (max-width : 575px) {
  .tf-single-navigation-item {
    width          : 100%;
    padding-top    : 20px;
    padding-bottom : 20px;
  }
}

@media
  (min-width : 576px) {
  .tf-single-navigation-item {
    width : 50%;
    float : left;
  }
}

@media
  (max-width : 575px) {
  .tf-single-navigation-item.-prev {
    border-bottom : 1px solid #d7e0e5;
  }
}

@media
  (max-width : 575px) {
  .tf-single-navigation-item.-prev:last-child {
    border-bottom : 0;
  }
}

.tf-single-navigation-title {
  margin-bottom : 5px;
  color         : #fff;
  font-size     : 12px;
  font-weight   : 500;
}

.tf-single-navigation-link {
  display     : inline-block;
  color       : var(--color-text);
  font-size   : 18px;
  font-weight : 500;
}

.tf-single-navigation-link:hover {
  color : #f7b205;
}

.tf-single-navigation.-style-default .tf-single-navigation-item.-prev {
  text-align : left;
}

.tf-single-navigation.-style-default .tf-single-navigation-item.-next {
  text-align : right;
}

@media
  (max-width : 575px) {
  .tf-single-navigation.-style-centered .tf-single-navigation-item.-prev {
    text-align : left;
  }
}

@media
  (min-width : 576px) {
  .tf-single-navigation.-style-centered .tf-single-navigation-item.-prev {
    padding-right : 50px;
    text-align    : left;
    list-style    : none;
  }
}

@media
  (max-width : 575px) {
  .tf-single-navigation.-style-centered .tf-single-navigation-item.-next {
    text-align : right;
  }
}

@media
  (min-width : 576px) {
  .tf-single-navigation.-style-centered .tf-single-navigation-item.-next {
    padding-left : 0px;
    text-align   : right;
  }
}

/* pagination */

.tf-pagination {
  display           : -webkit-flex;
  display           : flex;
  -webkit-flex-wrap : wrap;
  flex-wrap         : wrap;
}

.tf-pagination-link {
  display         : block;
  color           : #4154f1;
  text-align      : center;
  text-decoration : none;
  font-weight     : 700;
}

.tf-pagination-link:hover {
  color : #4f61f2;
}

.tf-pagination-link.-is-disabled {
  color          : #7c99a7;
  pointer-events : none;
}

.tf-pagination-item {
  display : inline-block;
}

.tf-pagination-item.-is-disabled .tf-pagination-link {
  color          : #7c99a7;
  pointer-events : none;
}

.tf-pagination-inner {
  margin          : 0;
  margin-bottom   : -10px;
  padding         : 0;
  list-style-type : none;
}

.tf-pagination-inner:after,
.tf-pagination-inner:before {
  content : "";
  display : table;
}

.tf-pagination-inner:after {
  clear : both;
}

.tf-pagination.-style-default .tf-pagination-link {
  background-color : var(--bg-light);
}

.tf-pagination.-style-default .tf-pagination-link:hover {
  background-color: #6d7cf4;
}

.tf-pagination.-style-default .tf-pagination-link.active {
  color            : #fff;
  background-color : var(--hover-secondary);
}

.tf-pagination.-style-default .tf-pagination-link.-is-disabled {
  background-color : var(--bg-light);
}

.tf-pagination.-style-default .tf-pagination-item.active .tf-pagination-link {
  color: #ffffff;
  background-color: #4154f1;
}

.tf-pagination.-style-default .tf-pagination-item.-is-disabled .tf-pagination-link {
  background-color : var(--bg-light);
}

.tf-pagination.-style-outline .tf-pagination-link {
  border-color: #dee2e6;
  border-style : solid;
}

.tf-pagination.-style-outline .tf-pagination-link:hover {
    background-color: #e9ecef;
    border-color: #dee2e6;
}

.tf-pagination.-style-outline .tf-pagination-link.active {
  color        : var(--color-secondary);
  border-color : var(--hover-secondary);
}

.tf-pagination.-style-outline .tf-pagination-link.-is-disabled {
  border-color : #d7e0e5;
}

.tf-pagination.-style-outline .tf-pagination-item.active .tf-pagination-link {
    border-color: #4154f1;
    background: #4154f1;
    color: #ffffff;
}

.tf-pagination.-style-outline .tf-pagination-item.-is-disabled .tf-pagination-link {
  border-color : #e6e6e6;
}

.tf-pagination.-style-outline.-size-small .tf-pagination-link {
  border-width : 1px;
}

.tf-pagination.-style-outline.-size-medium .tf-pagination-link {
  border-width : 1px;
}

.tf-pagination.-style-outline.-size-large .tf-pagination-link {
  border-width : 3px;
}

.tf-pagination.-style-outline.-group .tf-pagination-link {
  position : relative;
}

.tf-pagination.-style-outline.-group .tf-pagination-link:before {
  z-index          : 1;
  content          : "";
  display          : inline-block;
  position         : absolute;
  background-color : #d7e0e5;
}

.tf-pagination.-style-outline.-group .tf-pagination-link:hover {
  z-index : 1;
}

.tf-pagination.-style-outline.-group .tf-pagination-link.active {
  z-index : 2;
}

.tf-pagination.-style-outline.-group .tf-pagination-link.-is-disabled:before {
  background-color : #d7e0e5;
}

.tf-pagination.-style-outline.-group .tf-pagination-item:last-child .tf-pagination-link:before {
  display : none;
}

@media
  (max-width : 575px) {
  .tf-pagination.-style-outline.-group .tf-pagination-item:last-child .tf-pagination-link:before {
    display : block;
  }
}

.tf-pagination.-style-outline.-group .tf-pagination-item.-is-disabled .tf-pagination-link:before {
  background-color : #d7e0e5;
}

.tf-pagination.-style-outline.-group.-size-small .tf-pagination-link {
  border-width : 1px 0 1px 1px;
}

.tf-pagination.-style-outline.-group.-size-small .tf-pagination-link:before {
  top    : -1px;
  right  : -1px;
  bottom : -1px;
  width  : 1px;
}

.tf-pagination.-style-outline.-group.-size-small .tf-pagination-item:last-child .tf-pagination-link {
  border-right-width : 1px;
}

@media
  (max-width : 575px) {
  .tf-pagination.-style-outline.-group.-size-small .tf-pagination-item:last-child .tf-pagination-link {
    border-right-width : 0;
  }
}

.tf-pagination.-style-outline.-group.-size-medium .tf-pagination-link {
  border-width : 2px 0 2px 2px;
}

.tf-pagination.-style-outline.-group.-size-medium .tf-pagination-link:before {
  top    : -2px;
  right  : -2px;
  bottom : -2px;
  width  : 2px;
}

.tf-pagination.-style-outline.-group.-size-medium .tf-pagination-item:last-child .tf-pagination-link {
  border-right-width : 2px;
}

@media
  (max-width : 575px) {
  .tf-pagination.-style-outline.-group.-size-medium .tf-pagination-item:last-child .tf-pagination-link {
    border-right-width : 0;
  }
}

.tf-pagination.-style-outline.-group.-size-large .tf-pagination-link {
  border-width : 3px 0 3px 3px;
}

.tf-pagination.-style-outline.-group.-size-large .tf-pagination-link:before {
  top    : -3px;
  right  : -3px;
  bottom : -3px;
  width  : 3px;
}

.tf-pagination.-style-outline.-group.-size-large .tf-pagination-item:last-child .tf-pagination-link {
  border-right-width : 3px;
}

@media
  (max-width : 575px) {
  .tf-pagination.-style-outline.-group.-size-large .tf-pagination-item:last-child .tf-pagination-link {
    border-right-width : 0;
  }
}

.tf-pagination.-size-small .tf-pagination-link {
  width     : 30px;
  height    : 30px;
  font-size : 11px;
}

.tf-pagination.-size-small.-style-default .tf-pagination-link {
  line-height : 30px;
}

.tf-pagination.-size-small.-style-outline .tf-pagination-link {
  line-height : 28px;
}

.tf-pagination.-size-medium .tf-pagination-link {
  width     : 50px;
  height    : 50px;
  font-size : 15px;
}

.tf-pagination.-size-medium.-style-default .tf-pagination-link {
  line-height : 54px;
}

.tf-pagination.-size-medium.-style-outline .tf-pagination-link {
  line-height : 50px;
}

.tf-pagination.-size-large .tf-pagination-link {
  width     : 60px;
  height    : 60px;
  font-size : 14px;
}

.tf-pagination.-size-large.-style-default .tf-pagination-link {
  line-height : 60px;
}

.tf-pagination.-size-large.-style-outline .tf-pagination-link {
  line-height : 58px;
}

.tf-pagination.-align-left {
  -webkit-justify-content : flex-start;
  justify-content         : flex-start;
}

.tf-pagination.-align-center {
  -webkit-justify-content : center;
  justify-content         : center;
}

.tf-pagination.-align-right {
  -webkit-justify-content : flex-end;
  justify-content         : flex-end;
}

.tf-pagination.-corner-rounded:not(.-group) .tf-pagination-link {
  -moz-border-radius    : 4px;
  -webkit-border-radius : 4px;
  border-radius         : 4px;
}

.tf-pagination.-corner-circle:not(.-group) .tf-pagination-link {
  -moz-border-radius    : 50%;
  -webkit-border-radius : 50%;
  border-radius         : 50%;
}

.tf-pagination:not(.-group) li {
  display       : inline-block;
  margin-right  : 10px;
  margin-bottom : 10px;
  line-height   : 44px;
}

.tf-pagination:not(.-group) .tf-pagination-item:last-child {
  margin-right  : 0;
  margin-bottom : 0;
}

.tf-pagination.-color-white.-style-default .tf-pagination-link {
  color            : #aaaaaa;
  background-color : #fff;
}

.tf-pagination.-color-white.-style-default .tf-pagination-link:hover {
  color : var(--color-text);
}

.tf-pagination.-color-white.-style-default .tf-pagination-link.-is-disabled {
  color : #aaaaaa;
}

.tf-pagination.-color-white.-style-default .tf-pagination-link.active {
  color            : #fff;
  background-color : var(--hover-secondary);
}

.tf-pagination.-color-white.-style-default .tf-pagination-item.-is-disabled .tf-pagination-link {
  color            : #aaaaaa;
  background-color : #fff;
}

.tf-pagination.-color-white.-style-default .tf-pagination-item.active .tf-pagination-link {
  color            : #fff;
  background-color : var(--hover-secondary);
}

.tf-pagination.-color-white.-style-outline .tf-pagination-link {
  color        : #fff;
  border-color : #fff;
}

.tf-pagination.-color-white.-style-outline .tf-pagination-link:hover {
  color        : #fff;
  border-color : #fff;
}

.tf-pagination.-color-white.-style-outline .tf-pagination-link.active {
  color        : var(--color-secondary);
  border-color : var(--color-secondary);
}

.tf-pagination.-color-white.-style-outline .tf-pagination-link.-is-disabled {
  color        : #fff;
  border-color : #fff;
}

.tf-pagination.-color-white.-style-outline .tf-pagination-item.active .tf-pagination-link {
  color        : var(--color-secondary);
  border-color : var(--color-secondary);
}

.tf-pagination.-color-white.-style-outline .tf-pagination-item.-is-disabled .tf-pagination-link {
  color        : #fff;
  border-color : #fff;
}

.tf-pagination.-color-white.-style-outline.-group .tf-pagination-link:before {
  background-color : #fff;
}

.tf-pagination.-color-white.-style-outline.-group .tf-pagination-link:hover:before {
  background-color : #fff;
}

.tf-pagination.-color-white.-style-outline.-group .tf-pagination-link.active:before {
  background-color : var(--hover-secondary);
}

.tf-pagination.-color-white.-style-outline.-group .tf-pagination-link.-is-disabled:before {
  background-color : #fff;
}

.tf-pagination.-color-white.-style-outline.-group .tf-pagination-item.active .tf-pagination-link:before {
  background-color : var(--hover-secondary);
}

.tf-pagination.-color-white.-style-outline.-group .tf-pagination-item.-is-disabled .tf-pagination-link:before {
  background-color : #fff;
}

/* 8. Comment + form */

.tf-commentlist {
  margin          : 0 0 60px;
  padding         : 0;
  list-style-type : none;
}

.tf-comment-item {
  position      : relative;
  margin-bottom : 70px;
  text-align    : left;
}

@media
  (min-width : 576px) {
  .tf-comment-item {
    padding-left : 100px;
  }
}

.tf-comment-item .tf-commentlist {
  margin-top : 30px;
}

.tf-comment-item:last-child {
  margin-bottom : 0;
}

@media
  (max-width : 575px) {
  .tf-comment-avatar {
    margin-bottom: 15px;
  }
}

@media
  (min-width : 576px) {
  .tf-comment-avatar {
    position : absolute;
    top      : 0;
    left     : 0;
  }
}

.tf-comment-avatar a {
  display : block;
}

.tf-comment-avatar img {
  display : inline-block;
  margin  : 0px;
}

.tf-comment-author {
  color: #101010;
  text-transform : capitalize;
  font-size      : 18px;
  line-height    : 22px;
  font-family: 'spacegrotesk-bold';
  font-style: normal;
  font-weight: 400;
  margin-bottom: 4px;
}

.tf-comment-author a {
  color: #161616;
  text-decoration : none;
  text-transform  : capitalize;
  font-weight     : 600;
}

.tf-comment-author a:hover {
  color : var(--hover-secondary);
}

.tf-comment-date {
  font-size: 14px;
  font-family: 'spacegrotesk-bold';
}

span.post-meta__item.__date-post a {
  color: #4154f1;
  font-size   : 13px;
  font-weight : 500;
  line-height : 36px;
}
span.post-meta__item.__date-post a:hover {
  color       : var(--hover-secondary);
}

.tf-comment-date a {
  text-decoration : none;
}

.tf-comment-reply {
  margin-top  : 15px;
  font-size   : 12px;
  font-weight : 500;
}

/* post gallery */

.tf-post-gallery-type .owl-nav div {
  visibility    : hidden;
  position      : absolute;
  top           : 50%;
  left          : 20px;
  width         : 40px;
  height        : 40px;
  color         : #fff;
  opacity       : 0;
  border-radius : 0%;
  background    : rgba(74, 196, 243, 0.7) none repeat scroll 0 0;
  text-align    : center;
  font-size     : 24px;
  font-weight   : 400;
  line-height   : 40px;
  transform     : translateY(-50%);
  transition    : all 0.3s ease 0s;
}

.post-gallery-type .owl-nav div.owl-next {
  right : 20px;
  left  : auto;
}

.tf-post-gallery-type .owl-nav div:hover {
  background : rgba(74, 196, 243, 1) none repeat scroll 0 0;
}

.tf-post-gallery-type:hover .owl-nav div {
  visibility : visible;
  opacity    : 1;
}

/* framework-style.css end */

.tf-single-post-related-image {
  margin-bottom : 25px;
}

.tf-single-post-related-time {
  margin : 0;
}

/* masonry posts */

#masonry-container {
  width         : 100%;
  margin-bottom : 70px;
}

@media
  (max-width : 1199px) {
  #masonry-container .masonry-item {
    width : 100%;
  }
}

#masonry-container .tf-blog-info {
  padding : 35px;
}

#masonry-container .tf-blog-info-title {
  margin : 5px 0 10px;
}

#masonry-container .tf-is-wp-link-pages .tf-blog-info {
  padding-bottom : 70px;
}

/* post format types */

.tf-simple-format-box {
  margin-bottom : 80px;
}

.tf-simple-format-box .tf-blog-info {
  padding      : 0px !important;
  border-width : 0;
  border-style : inherit;
}

.tf-simple-format-box .tf-blog-media {
  margin-bottom : 30px;
}

.tf-simple-format-box .tf-blog-item-inner {
  padding      : 0px;
  border-width : 0;
  border-style : inherit;
}

.tf-simple-format-box .page-links {
  display          : inline-block;
  position         : relative;
  clear            : both;
  margin           : 40px 0;
  padding          : 10px 15px;
  border-color     : #e8ecee;
  border-width     : 1px;
  border-style     : solid;
  background-color : var(--color-text);
  text-transform   : uppercase;
}

.tf-simple-format-box .page-links a,
.tf-simple-format-box .page-links span {
  color          : #fff;
  letter-spacing : 0.6px;
}

.tf-simple-format-box .page-links a:hover {
  color : #17b67d;
}

.tf-simple-format-box .tf-blog-info-meta-item i {
  width          : 25px;
  height         : 25px;
  margin-right   : 4px;
  margin-left    : 0px;
  color          : #fff;
  border-radius  : 50px;
  background     : #056eb9;
  text-align     : center;
  vertical-align : middle;
  font-size      : 11px;
  line-height    : 24px;
}

.lazy {
  display : block;
}

.tf-side-menu-widget {
  margin-bottom : 80px;
}

.tf-side-menu-widget:last-child {
  margin-bottom : 0px;
}

#respond p.form-submit {
  margin-bottom : 0px;
}

#respond,
.comments-list,
.tf-commentlist {
  margin : 40px 0;
}

.single-post-nav img {
  border                : 0px solid #ddd;
  -webkit-border-radius : 50%;
  border-radius         : 50%;
}

#tf-hero.default-bg,
.default-bg {
  background : #292940;
}

.no-thumb.default-bg {
  display               : inline-block;
  position              : relative;
  width                 : 100px;
  height                : 100px;
  -webkit-border-radius : 50%;
  border-radius         : 50%;
}

.content-none-container p {
  margin : 0 !important;
}

#tf-sidebar .custom-btn {
  min-width : 54px;
  padding   : 0;
}

.tf-side-menu-widget-title {
  color : #fff;
}

#side-menu .side-menu__inner ul li {
  margin-top    : 10px !important;
  margin-right  : 0 !important;
  margin-bottom : 0;
  margin-left   : 0 !important;
}

#reply-title {
  margin-bottom : 1rem;
}

.logged-in-as {
  margin: 0 0 25px !important;
}

.logged-in-as a {
  display         : inline-block;
  text-decoration : none;
  line-height     : 1.2;
  letter-spacing  : 0;
}

.tf-sidebar {
  height : max-content;
}

footer .s-btns a:hover {
  color : #313e4c;
}

.tf-hero-desc {
  color: #fff;
}

.tf-hero-description {
  max-width : 760px;
}

.text-center .tf-hero-description {
  max-width : 760px;
  margin    : 0 auto;
}

.text-left .tf-hero-description {
  margin-right : auto;
  margin-left  : 0;
}

.text-right .tf-hero-description {
  margin-right : 0;
  margin-left  : auto;
}

.hero-container.default-bg .tf-hero-title {
  color          : #fff;
  text-transform : capitalize;
}

iframe {
  max-width : 100%;
}

.shortcode-pagination ul {
  display                 : flex;
  -webkit-box-pack        : center !important;
  -ms-flex-pack           : center !important;
  -webkit-justify-content : center !important;
  justify-content         : center !important;
}

.shortcode-pagination li .page-numbers.current {
  color            : #fff;
  border-color     : #056eb9;
  background-color : #056eb9;
  cursor           : default;
}

.shortcode-pagination li a:hover {
  z-index          : 2;
  color            : #0056b3;
  border-color     : #dee2e6;
  background-color : #e9ecef;
  text-decoration  : none;
}

.shortcode-pagination ul {
  -webkit-box-align     : center;
  margin                : -5px;
  -webkit-border-radius : 0;
  border-radius         : 0;
  -webkit-align-items   : center;
  align-items           : center;
  -ms-flex-align        : center;
  -ms-flex-wrap         : wrap;
  -webkit-flex-wrap     : wrap;
  flex-wrap             : wrap;
}

.shortcode-pagination li {
  display  : inline-block;
  position : relative;
}

.shortcode-pagination li a,
.shortcode-pagination li span {
  display          : block;
  position         : relative;
  margin-left      : -1px;
  padding          : .5rem .75rem;
  color            : #007bff;
  border           : 1px solid #dee2e6;
  background-color : #fff;
  line-height      : 1.25;
}

.shortcode-pagination li .page-numbers {
  width                 : 44px;
  height                : 44px;
  margin-left           : 0;
  padding               : 0;
  color                 : #888;
  border-color          : #eee;
  -webkit-border-radius : 50% !important;
  border-radius         : 50% !important;
  -webkit-box-shadow    : none;
  box-shadow            : none;
  text-align            : center;
  text-decoration       : none;
  font-size             : 1.2rem;
  line-height           : 42px;
  -o-transition         : background-color .3s ease-in-out,
                          border-color .3s ease-in-out,
                          color .3s ease-in-out;
  -webkit-transition    : background-color .3s ease-in-out,
                          border-color .3s ease-in-out,
                          color .3s ease-in-out;
  transition            : background-color .3s ease-in-out,
                          border-color .3s ease-in-out,
                          color .3s ease-in-out;
}

@media
  (min-width : 576px) {
  .shortcode-pagination li {
    margin : 5px 10px;
  }

  .shortcode-pagination ul {
    margin : -5px -10px;
  }
}

p.comment-notes {
  margin-bottom : 20px !important;
}

a.tf-comment-reply {
  text-decoration : underline !important;
}

td#next a {
  float   : right;
  padding : 0;
}

ul.tf-post-category-links {
  text-transform : capitalize;
  font-size      : 15px;
  line-height    : 30px;
}

.tf-single-no-thumbnial .tf-theme-inner-container.section.blog-detail {
  padding : 0;
}

/* Gutenberg updates */

.wp-block-cover p.wp-block-cover-text {
  color : #fff;
}

.wp-block-button {
  margin-bottom : 15px;
}

.wp-block-gallery.tf-theme-content-list {
  margin  : 0 0 30px !important;
  padding : 0px !important;
}

.wp-block-gallery.alignleft.columns-2.is-cropped.tf-theme-content-list {
  margin-right : 15px !important;
}

.wp-block-quote.is-large,
.wp-block-quote.is-style-large {
  margin       : 30px 0 32px 45px;
  padding      : 0 1em;
  padding-left : 100px !important;
}

.wp-block-archives.wp-block-archives-dropdown .nice-select {
  max-width : 250px;
  float     : none;
}

.wp-block-columns.alignwide.has-3-columns blockquote {
  margin : 0 auto !important;
}

.wp-block-archives.wp-block-archives-dropdown,
.wp-block-archives.wp-block-archives-list,
.wp-block-categories.wp-block-categories-list,
.wp-block-latest-comments.has-avatars.has-dates.has-excerpts,
.wp-block-latest-comments,
.wp-block-latest-posts.is-grid,
.wp-block-latest-posts.wp-block-latest-posts__list {
  position      : relative;
  margin-bottom : 30px !important;
}

.wp-block-media-text {
  margin-bottom : 30px;
}

.tf-theme-content .wp-block-archives.wp-block-archives-dropdown .nice-select .option {
  min-height    : 40px;
  padding-right : 29px;
  padding-left  : 18px;
  outline       : none;
  font-weight   : 400;
  line-height   : 40px;
  list-style    : none;
  cursor        : pointer;
}

.tf-sidebar-inner-widget.blog-sidebar_widget.widget_recent_comments li,
.tf-sidebar-inner-widget.blog-sidebar_widget.widget_recent_entries li {
    border-bottom: 1px solid #e7e7e7;
    margin-bottom: 15px;
    padding-bottom: 15px;
}

.tf-sidebar-inner-widget.blog-sidebar_widget.widget_recent_entries a {
    color: #666666;
    text-decoration: inherit;
    font-size: 16px;
}

.tf-sidebar-inner-widget.blog-sidebar_widget a:hover {
  color: #437eeb;
}

.blocks-gallery-grid .blocks-gallery-image,
.blocks-gallery-grid .blocks-gallery-item,
.wp-block-gallery .blocks-gallery-image,
.wp-block-gallery .blocks-gallery-item {
  margin : 0 5px 5px 0 !important;
}

.wp-block-embed {
  margin        : 0 0 2em;
  margin-bottom : 2em;
}

ul.wp-block-latest-posts.wp-block-latest-posts__list.has-dates li {
  margin-bottom : 20px;
}

ul.wp-block-archives.wp-block-archives-list li,
ul.wp-block-categories.wp-block-categories-list li {
  position      : relative;
  margin-bottom : 10px;
}

.wp-block-gallery {
  margin: 0px 15px 20px 0px !important;
  padding : 0 !important;
}

.wp-block-latest-comments {
  padding : 0;
}

.wp-block-image {
  margin-bottom : 2em;
}

.wp-block-cover {
  margin : 0 25px 25px 0;
}

.wp-block-latest-posts.wp-block-latest-posts__list {
  padding-left : 0;
}

.blocks-gallery-grid .blocks-gallery-image,
.blocks-gallery-grid .blocks-gallery-item,
.wp-block-gallery .blocks-gallery-image,
.wp-block-gallery .blocks-gallery-item {
  margin : 0 5px 5px 0 !important;
}

img.rss-widget-icon {
  margin : -5px 0 0 0;
}
a.rsswidget {
    font-weight: 700 !important;
}
.wp-block-button {
  margin-bottom : 15px;
}

.wp-block-quote.is-large, .wp-block-quote.is-style-large, .tf-theme-content blockquote {
    margin: 30px 0;
    background: #eaeaea;
    border: 0px solid;
    border-left-width: 4px;
    border-color: #4254f1;
    padding: 40px;
    color: #101010;
}

.wp-block-quote.is-large p, .wp-block-quote.is-style-large p, .tf-theme-content blockquote p {
    color : #101010;
}

.wp-block-cover,
.wp-block-cover-image {
  height : auto;
}

.tf-single-has-block .blog-single_body ol,
.tf-single-has-block .blog-single_body ul {
  position      : relative;
  margin-top    : 0;
  margin-bottom : 20px;
  padding       : 5px 20px;
}

.blog-single_body select {
  -moz-appearance     : none;
  -webkit-appearance  : none;
  appearance          : none;
  position            : relative;
  width               : 100%;
  min-width           : 100%;
  max-width           : 100%;
  height              : 45px;
  padding             : 0 54px 0 20px !important;
  background-repeat   : no-repeat;
  background-position : right 20px center;
}

ul.wp-block-categories.wp-block-categories-list .children {
  margin  : 0;
  padding : 0 0 0 10px;
}

.wp-block-latest-comments__comment {
  margin-bottom : 1em;
  font-size     : inherit;
  line-height   : 1.1;
  list-style    : none;
}

.tf-sidebar-inner-widget {
  margin-bottom : 50px;
}

.error_search,
.sidebar_search {
  display     : flex;
  position    : relative;
  width       : 100%;
  border      : none;
  align-items : center;
}

.tagcloud {
  margin-top: -8px;
}

.tagcloud a {
  border: 1px solid #e7e7e7;
  display: inline-block;
  font-weight: 800;
  margin-top: 8px;
  margin-right: 5px;
  padding: 5px 25px;
  text-transform: capitalize;
  font-size: 13px;
  border-radius: 30px;
  color: #666666;
  background: #fafafa;
}

.blog-post2_summary:empty {
  background : #ff0000;
}
