1#@!#!123s

: / home / sadaunjx / darpress.com / new / wp-content / themes / vinkmag / assets / sass /
Filename : style.scss
back
/*
	Template Name: Vinkmag
	Author: Xpeedstudio
	Author URI: https://themeforest.net/user/Xpeedstudio
	Description: vinkmag
  Version: 1.1

=====================
   table of content 
====================

1.   Typography
2.   Global Styles
3.   Top Bar
4.   header middle area
5.   Header area
5.   breaking post area
6.   Slider
7.   Content area
8.   blog section
9.   Footer
10.  post single page
11.  sidebar css
12.  Sub Pages
13.  home veriation css
14.  Error page

*/
@import 'base';
@import 'variable';
@import 'mixin';
@import 'extra';


/*-------------------------
  preloader 
  ---------------------*/
#preloader {
   position: fixed;
   top: 0;
   left: 0;
   height: 100%;
   width: 100%;
   z-index: 99999999999999;
   overflow: hidden;
   background-color: $primary-color;
   -webkit-transition: all 1.5s ease-out;
   -o-transition: all 1.5s ease-out;
   transition: all 1.5s ease-out;

   &.loaded {
      top: -200%;

      .preloader-cancel-btn-wraper {
         bottom: 200%;
      }
   }
}

.preloader-cancel-btn-wraper {
   position: fixed;
   bottom: 0;
   right: 0;
   padding: 30px;
   -webkit-transition: all 1.5s ease-out;
   -o-transition: all 1.5s ease-out;
   transition: all 1.5s ease-out;

   .preloader-cancel-btn {
      border-radius: 36px;
      font-size: 11px;
      padding: 13px 23px;
      background: #9a2521;
   }
}

.spinner {
   width: 40px;
   height: 40px;
   position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
}

.double-bounce1 {
   width: 100%;
   height: 100%;
   border-radius: 50%;
   background-color: #FFFFFF;
   opacity: 0.6;
   position: absolute;
   top: 0;
   left: 0;
   -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
   animation: sk-bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
   width: 100%;
   height: 100%;
   border-radius: 50%;
   background-color: #FFFFFF;
   opacity: 0.6;
   position: absolute;
   top: 0;
   left: 0;
   -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
   animation: sk-bounce 2.0s infinite ease-in-out;
   -webkit-animation-delay: -1.0s;
   animation-delay: -1.0s;
}

@-webkit-keyframes sk-bounce {

   0%,
   100% {
      transform: scale(0);
      -webkit-transform: scale(0);
   }

   50% {
      transform: scale(1);
      -webkit-transform: scale(1);
   }
}


@keyframes sk-bounce {

   0%,
   100% {
      transform: scale(0);
      -webkit-transform: scale(0);
   }

   50% {
      transform: scale(1);
      -webkit-transform: scale(1);
   }
}


/*------------------------------
  top bar
------------------------------*/
.ts-top-nav {
   // padding-left: 26px;
   padding-left:0;
   li {
      display: inline-block;
      margin-right: 16px;

      a {
         font-size: 12px;
         color: #151515;
         line-height: 40px;
         padding: 0;
         font-weight: 600;
       ;

         &:hover {
            color: $primary-color;
         }
      }

      &:last-of-type {
         margin-right: 0;
      }
      .dropdown-toggle::after{
         border:0;
      }
      // navbar dropdown
      .dropdown-menu {
         box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
         border: 0;
         font-size: 13px;
         border-top: solid 1px #f0f0f0;
         min-width: 160px;
         border-radius: 0;
         padding: 0;
         margin: 0;
         opacity: 0;
         width: 100%;
         >li{
            margin:0;
            display: block;
            &.dropdown{
               >a{
                  &:before{
                     content: '\f0da';
                     font-size: 10px;
                     font-family: 'Fontawesome';
                     position: absolute;
                     right: 8px;
                     top: 5px;
                  }
               }
            }//Dropdown end
         }//Le end
         // dropdown item
         .dropdown-item {
      
            &.active,
            &:hover,
            &:focus {
               color: $primary-color;
            }
         }
      }
   }//li end
}

.top-social {
   li {
      display: inline-block;
      line-height: 41px;

      a {
         color: #151515;
         font-size: 14px;
         padding: 0 7px;

         &:hover{
            color: #232323;
         }
      }

      &.ts-date {
         padding: 0 14px;
         margin-left: 19px;
         background: $primary-color;
         color: $white-color;
         font-weight: 600;
       ;
      }

      &.ts-subscribe {
         padding: 0 30px;
         margin-left: 19px;
         background: $primary-color;
         color: $white-color;
       
         text-transform: uppercase;
         font-weight: 700;

         a {
            color: $white-color;
         }
      }
   }
}

// top bar
.top-bar {
   background: $white-color;
   padding: 0;
   border-top:0 !important;
   dl, ol, ul{
      margin-bottom: 0;
   }
   .ts-temperature {
      display: inline-block;
      padding-right: 30px;
    ;
      position: relative;

      &:before {
         position: absolute;
         right: 0;
         top: 3px;
         width: 1px;
         height: 20px;
         content: '';
         background: #e9e9e9;
      }

      i {
         color: $primary-yellow;
      }

      span {
         b {
            font-weight: 400;
            position: relative;
            top: -4px;
         }

      }
   }

   .ts-top-nav {
      display: inline-block;

   }




   /*index 2----*/
   &.v2 {
      background: $primary-dark;

      .ts-breaking-news {
         margin-bottom: 0;
         background: transparent;
         padding: 0;

         .breaking-title {
            color: $white-color;
         }

         p {
            a {
               color: $white-color;
            }
         }
      }

      .top-social li a {
         color: $white-color;
      }
   }

   &.v3 {
      .ts-date {
         display: inline-block;
         padding-right: 50px;
       
         font-size: 14px;
         color: #8a8a8a;
      }

      .ts-temperature {
         border-right: none;
         padding-right: 0;
      }
   }

   .ts-date {
      font-size: 13px;
    ;
      color: #606060;
   }

   .ts-date-item {
      background: #d72924;
      display: inline-block;
      line-height: 42px;
      padding: 0 14px;
      color: $white-color;
   }

   /*---- version  ---*/
   &.top-bg {
      background: #f4f4f4;
   }

   .top-nav {
      li {
         display: inline-block;

         a {
            font-size: 13px;
            color: #606060;
            line-height: 26px;
          ;
            line-height: 34px;
            margin-left: 35px;
         }
      }
   }

   &.bg-blue-dark {
      background: #004e7c;

      .ts-date {
         color: $white-color;
      }

      .ts-top-nav {
         li {
            a {
               color: #dde7ee;
            }
         }
      }
   }

   &.v4 {
      background: #2c2c2c;

      .ts-breaking-news {
         margin-bottom: 0;
         background: transparent;
         padding: 8px 20px 8px 0;

         .breaking-post-content {
            p {
               a {
                  color: $white-color;
               }
            }
         }
      }

   }

   &.v5 {
      .ts-breaking-news {
         padding: 7px 20px 7px 0;
         margin-bottom: 0;
      }
   }
   &.bg-dark-item{
      .ts-top-nav,
      .top-social{
         li{
            a{
               color: $white-color;
            }
         }
      }
   }
}

.logo {
   padding: 0 10px;
}
.vinkmag-date{
   .ts-date-item {
      background: #d72924;
      display: inline-block;
      line-height: 42px;
      padding: 0 14px;
      color: $white-color;
   }
}
/*--------------------------------
          sport index css 
------------------------------------*/
.top-bar {
   &.transparent {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      background: transparent;
      z-index: 2;

      #breaking_slider .owl-nav {
         top: 0;
         right: -46px;

         .owl-prev,
         .owl-next {
            color: $white-color;
            background: #111c20;
         }
      }

      .ts-breaking-news {
         background: transparent;
         padding: 8px 20px 8px 0;

         .breaking-news-content {
            width: 85%;
         }

         p {
            a {
               color: $white-color;
            }
         }
      }
   }
}
#breaking_slider1{
   max-height: 30px;
   overflow: hidden;
}



/*=============================
         header middle
 =============================*/
.header-white {
   background-color: $white-color;
}

.header-middle {
   padding: 20px 0;

   .banner-img {
      text-align: center;
   }

   &.v2 {
      background: $primary-color;
      padding: 14px 0;
      margin-bottom: 5px;

      .logo {
         a {
            text-align: left;
         }
      }
   }

   &.v3 {
      padding: 25px 0;
   }

   &.v4 {
      padding: 38px 0;
   }

   &.v8 {
      margin-bottom: 0;
   }
}

.banner-img {
   img {
      max-width: 100%;
   }
}

.bg-blue {
   background: $primary-blue-dark;
}

// currency list
.currency-list-item {
   ul {
      li {
         display: inline-block;
         border-right: 1px solid #1a6795;
         padding-right: 10px;

         .currency-item {
            display: inline-block;
            padding: 0 14px;

            label {
               display: block;
               font-size: 14px;
               font-weight: 700;
               color: $white-color;
               letter-spacing: 0.7px;
               text-transform: uppercase;
            }

            span {
               font-size: 12px;
            }

            &.right {
               text-align: right;
            }
         }

         &:nth-child(odd) {
            .currency-item {
               span {
                  color: #ff433d;
               }
            }
         }

         &:nth-child(even) {
            .currency-item {
               span {
                  color: #11e260;
               }
            }
         }

         &:last-child {
            padding-right: 0;
            border-right: none;

            .currency-item.right {
               padding-right: 0;
            }
         }

      }
   }
}

ul.right-menu.align-to-right{
   margin-bottom: 0;
   list-style: none;
   padding:0;
}

/*------ nav top ------ */
.header-nav-item {
   padding-left: 5px;
}

.breaking-title {
   font-size: 13px;
   text-transform: uppercase;
   color: $primary-color;
   font-weight: 700;
 
   margin-bottom: 0;
   line-height: 26px;
   padding-right: 10px;

   i {
      font-size: 15px;
      margin-right: 6px;
   }
}

.mobile-logo {
   display: none;
}

.ts-breaking-news {
   background: $white-color;
   padding: 12px 20px;
   margin-bottom: 5px;

   p {
      margin-bottom: 0 !important;

      a {
         font-size: 13px;
         line-height: 26px;
         color: #5c5c5c;
         font-weight: 600;
       ;

      }
   }

   .breaking-news-content {
      width: 80%;
   
   }

   &.breaking-sliders-item{
      background: transparent;
     padding: 0 50px 0 0;
   
  
      .vinkmag-breaking-slider{
         .owl-nav{
            .owl-next,
            .owl-prev{
               color: $white-color;
               background: $primary-color;
               font-size: 12px;
               i{
                  font-size: 14px;
               }
               &:hover{
                  i{
                     color: #fff;
                  }
               }
            }
         }
      }
    
   }
}

// breaking slider
#breaking_slider,
.vinkmag-breaking-slider {
   .owl-nav {
      position: absolute;
      right: -49px;
      top: 1px;

      .owl-prev,
      .owl-next {
         width: 24px;
         background: #f0f1f4;
         color: #222;
         line-height: 19px;
         margin-left: 5px;
         height: 24px;
         font-size: 16px;

         &:before {
            display: none;
         }

         &:hover {
            background: $primary-color;
            color: $white-color;

         }
      }

   }
}


// header default
.header-default {
   position: relative;
}

.logo {
   background: $primary-color;
   height: 115px;

   a {
      display: block;
      text-align: center;
      line-height: 115px;
   }

   img {
      max-width: 100%;
   }
}

.nav-header {
   padding: 0;
   margin: 0;
   width: 0;
}

.navigation {
   height: 60px;
   display: block;
}

.nav-menu {
   >li {
      >a {

         height: 60px;
         padding: 22px 20px;
         text-transform: uppercase;
         font-weight: 700;
       
         color: #232323;
         @include transition();

         .submenu-indicator {
            transition: all 0s;
            margin-top: 0px;

            &:before {
               content: '\f0d7';
               font-size: 14px;
               font-family: 'FontAwesome';
            }

            .submenu-indicator-chevron {
               display: none;
            }
         }

         &:hover {
            background: $primary-color;
            color: $white-color !important;

         }
      }

      .nav-dropdown {
         li {
            a {
               font-weight: 700;
             
               height: 50px;
               padding: 16px 20px;
            }
         }
      }

      &.focus {
         >a {
            color: $primary-color;
         }
      }

      &.active {
         >a {
            background: $primary-color;
            color: $white-color;

            .submenu-indicator-chevron {
               border-color: transparent #ffffff #ffffff transparent;
            }
         }
      }

      .nav-dropdown {
         box-shadow: 0 6px 12px rgba(0, 0, 0, .175);

         li {
            a {
               font-size: 14px;
               color: #232323;
               border: none;
               padding: 14px 16px;
               font-weight: 400;

               &:hover {
                  color: $primary-color;
                  ;

               }

               &:before {
                  position: absolute;
                  left: 0;
                  bottom: 0;
                  width: 85%;
                  right: 0;
                  margin: auto;
                  height: 1px;
                  background: #eae8e8;
                  content: '';
               }
            }

            &:last-child {
               a {
                  &:before {
                     display: none;
                  }
               }
            }
         }
      }

   }

   .megamenu-panel {
      box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
   }

   .megamenu-lists {
      .megamenu-list {
         >li {
            >a {
               font-size: 14px;
               color: #232323;

               &:hover {
                  color: $primary-color;
                  ;
                  background: transparent;
               }
            }
         }
      }
   }

   .megamenu-tabs-nav {
      background: #f0f1f4;

      >li {
         >a {
            font-size: 14px;
            color: #232323;
            border: none;
            padding: 14px 16px 14px 30px;

            &:hover {
               color: $primary-color;
               ;
               background: #f0f1f4;

            }
         }

         &.active {
            a {
               background: transparent;
               color: $primary-color;
            }
         }
      }
   }

   .megamenu-tabs {
      padding: 15px 0;
   }

   .megamenu-tabs-pane {
      border: none;
      border-left: 1px solid #f0f1f4;
      padding-left: 30px;
      padding-top: 0;
      padding-bottom: 0;
   }
}
// right nav menu
.right-menu {
   li {
      float: left;

      a {
         line-height: 61px;
         width: 60px;
         height: 60px;
         font-size: 19px;
         display: block;
         text-align: center;
         border-left: 1px solid #e9e9e9;
         color: #5c5c5c;
      }

      .nav-search {
         height: 60px;

         .nav-search-button {
            height: 100%;
            line-height: 64px;
            color: $white-color;
            font-size: 17px;
            width: 60px;
            background: $primary-color;
         }
      }


   }

   .nav-search-inner input[type=text],
   .nav-search-inner input[type=search] {
      height: 60px;
      line-height: 60px;
      font-size: 20px;
   }

   .nav-search-close-button {
      top: 16px;
   }
}

/*----------- header-standerd---------*/
.header-standerd {
   background: $primary-color;

   .navigation {
      background: transparent;
   }

   .nav-menu {
      >li {
         >a {
            color: $white-color;

            &:hover {
               background: $primary-dark;
            }
         }

         &.active {
            >a {
               background: $primary-dark;
            }
         }
      }
   }

   .right-menu {
      li {
         a {
            border-left: none;
            color: $white-color;
            position: relative;

            &:before {
               position: absolute;
               right: 0;
               top: 0;
               width: 1px;
               height: 20px;
               content: '';
               bottom: 0;
               margin: auto;
               background: $white-color;

            }
         }
      }
   }
}
// elementor menu
.ekit-menu-simple{
   padding: 0 !important;
   a .sub-arrow::before{
      content: '\f107' !important;
      font-size: 14px;
      font-family: 'FontAwesome';
   }
   li{
      ul{
         li{
            a .sub-arrow::before{
               content: '\f105' !important;
            }  
         }
      }
   }
   // travel logo
   .travel-logo{
      a{
         text-indent: -9999px;
         min-width: 300px;
         margin: 0 20px;
         background-image: url(../images/logo/travel_logo.png);
         background-repeat: no-repeat;
         background-position: center center;
         &:hover{
            background-color: transparent;
            background-image: url(../images/logo/travel_logo.png);
            background-repeat: no-repeat;
            background-position: center center;
         }
      }
   
   }
   // features mega menu
   .features-mega-menu{
      ul{
         li{
            border-top: 1px solid #f7f7f7 !important;
         
            a{
               line-height: inherit;
               padding: 0 20px !important;
               &:hover{
                  background: #fff !important;
               }
            }
            &:first-child{
               border-top:none !important;
            }
         }
      }
     
   }
}

/*------- nav menu  vertion 3 ------*/
.menu-centerd {
   .ts-main-menu {
      text-align: center !important;
   }

}

.nav-menu-item {
   position: relative;

   .ts-main-menu {
      .nav-menu {
         >li {
            >a {
               font-size: 16px;
               height: 70px;
               font-weight: 400;
             
               color: #212121;
               padding: 22px 28px;
               text-transform: capitalize;

               &:hover {
                  background: #fff;
               }
            }

            .nav-dropdown {
               li {
                  a {
                     &:hover {
                        background: $primary-green;
                        color: $white-color;
                     }
                  }
               }
            }
         }

         li.active {
            >a {
               background: transparent;
               color: $primary-green;
            }
         }
      }

      .right-menu li {
         .nav-search {
            .nav-search-button {
               background: transparent;
               color: #212121;
               width: 50px;
               height: auto;
               line-height: 69px;
               font-size: 16px;
            }
         }
      }
   }

}
// nav icon menu
.nav-menu-item.nav-icon-item {
   .navigation {
      height: 114px;
   }

   .nav-menu {
      >li {
         >a {
            padding: 22px 58px;
            height: 100% !important;
            font-size: 14px;
            font-weight: 500 !important;
            color: #383838;
            text-transform: uppercase !important;

            i {
               display: block;
               width: auto;
               text-align: center;
               margin-bottom: 12px;
               font-size: 35px;
               height: auto;
               transform: scale(1);
               line-height: 34px;
            }
         }

         .nav-dropdown {
            li {
               a {
                  &:hover {
                     color: #fff;
                  }
               }
            }
         }
      }
   }

   .ts-main-menu {
      .right-menu li {
         .nav-search {
            .nav-search-button {
               width: auto;
               line-height: 36px;
               padding: 25px 61px;
               @include transition();

               i {
                  font-size: 24px;
               }

               b {
                  display: block;
                  text-transform: uppercase;
                  font-weight: 500;
                
               }

               &:hover {
                  color: $primary-green;
               }
            }
         }

      }
   }

}

/*---- vertion 4 header transparent---*/

.header-transparent {
   position: absolute;
   left: 0;
   top: 0;
   z-index: 2;
   width: 100%;
   border-bottom: 1px solid #33335b;

   .nav-header {
      width: auto;

      .nav-brand {
         padding: 0;
         line-height: 80px;
      }
   }

   .navigation {
      background: transparent;
      height: 80px;
   }

   .nav-menu {
      >li {
         >a {
            color: $white-color;
            height: 80px;
            padding: 31px 26px;
            position: relative;

            .submenu-indicator {
               margin-top: 0;
            }

            &:before {
               position: absolute;
               left: 0;
               bottom: 0;
               width: 100%;
               height: 2px;
               background: $primary-blue;
               content: '';
               opacity: 0;
               visibility: hidden;
               @include transition();
               transform: scale(0);

            }

            &:hover {
               background: transparent;

               &::before {
                  opacity: 1;
                  visibility: visible;
                  transform: scale(1);
               }

            }
         }

         &.active {
            >a {
               background: transparent;
               color: $primary-blue;

            }
         }

         .nav-dropdown {
            border-top: none;
            background: $white-color;

         }
      }
   }

   .right-menu {
      li {
         .nav-search {
            width: 80px;
            height: 80px;
            margin-left: 15px;

            .nav-search-button {
               width: 100%;
               height: 100%;
               line-height: 80px;
               background: transparent;
               border-left: 1px solid #33335b;
               border-right: 1px solid #33335b;
            }
         }

      }
   }
}



/*----------------------------
    travel menu css 
---------------------------*/
.header-transprent {
   top: 25px;

   .ts-main-menu {
      background: transparent;

      .nav-menu {
         >li {
            >a {
               font-weight: 400;
             
            }

            &.header-search {
               .header-search-form {
                  position: absolute;
                  left: 0;
                  width: 100%;
                  background: #fff;
                  display: none;
               }
            }
         }
      }
   }
}
.home .menu-transparent{
   position: absolute;
   left: 0;
   top: 0%;
   width: 100%;
   z-index: 9;
   background: transparent !important;
}
// header box
.header-box {
   .navigation {
      box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.08);
      height: 50px;

   }

   .right-menu li .nav-search {
      height: 50px;

      .nav-search-button {
         line-height: 56px;
      }
   }

   .nav-menu {

      >li {
         >a {
            padding: 16px 25px;
            height: 50px;

            &:hover {
               background: $white-color;
               color: $primary-blue-dark !important;

               &::before {
                  opacity: 1;
                  visibility: visible;
                  width: 100%;
               }
            }

            .submenu-indicator {
               margin-top: 0;
            }

            &:before {
               position: absolute;
               left: 0;
               bottom: 0;
               width: 0%;
               height: 2px;
               background: $primary-blue-dark;
               content: '';
               opacity: 0;
               visibility: hidden;
               @include transition();
            }
         }

         &.active>a {
            background: transparent;
            color: $primary-blue-dark;
         }
      }
   }

   .right-menu {
      li {
         .nav-search {
            .nav-search-button {
               background: $white-color;
               color: #232323;
            }
         }
      }
   }
}

.ts-mega-menu.megamenu-panel {
   max-width: 500px;
   padding: 15px 0;

   .megamenu-list li a {
      height: 46px;
      padding: 15px 20px;

   }
}
// header box transparent
.header-box-transprent {
   position: absolute;
   right: 0;
   left: 0;
   width: 100%;
   top: 40px;
   height: auto;
   z-index: 2;

   .ts-main-menu {
      height: 65px;
      background: rgba(0, 0, 0, .6);

      .nav-header {
         width: auto;
         height: 100%;
         ;

         .nav-brand {
            line-height: 64px;
            padding: 0 18px;
         }
      }

      .nav-menu {
         >li {
            >a {
               height: 65px;
               padding: 24px 20px;
               font-weight: 500;
               color: $white-color;

               &:hover {
                  background: transparent;
               }

               .submenu-indicator:before {
                  content: '\f107';
               }
            }

            &.active {
               a {
                  background: transparent;
               }
            }

            &:first-child {
               a {
                  padding-left: 30px;
               }
            }
         }
      }
      // nav right menu
      .right-menu li {
         a {
            height: 65px;
            line-height: 65px;
            width: 65px;
            color: $white-color;
            border-left: none;
            border-right: 1px solid #ff3639;
         }

         .nav-search {
            height: 65px;
            width: 65px;
            border-left: 1px solid #bb1619;

            .nav-search-button {
               line-height: 67px;
               width: 100%;
               background: transparent;
            }
         }
      }

   }
}

/*--------------------------
navbar-style
---------------------------*/
.navbar-container {
   position: relative;
   background-color: $white-color;

   &:after {
      content: "";
      display: block;
      clear: both;
   }
   // navbar search btn
   .nav-search-button {
      background-color: $primary-color;
      color: $white-color;
      padding-top: 2px !important;

      &:before {
         display: none;
      }
   }

   .right-menu {
      position: absolute;
      right: 0;
      top: 0;
   }

   // nav bar
   .navbar {
      background-color: $white-color;
      padding: 0;
      font-weight: bold;
      text-transform: uppercase;
      color: $dark-color;

      .navbar-toggler {
         border: 0;
      }

      .navbar-brand {
         height: 50px;
         margin: 5px 0 5px 20px;

         img {
            max-height: 100%;
         }
      }

     .main-menu .nav-item {
        > a {
            color: $dark-color;
            font-size:14px;
            &.active,
            &:hover,
            &:focus {
               background-color: $primary-color;
               color: $white-color;
            }
         }

         // navbar dropdown
         .dropdown-menu {
            margin: {
               top: 0px;
               bottom: 0px;
            }
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
            border: 0;
            font-size: 13px;
            border-top: solid 1px #f0f0f0;
            min-width: 220px;
            border-radius: 0;
            padding: 0 10px;
            

            li{
             &.dropdown{
              >a{
                &:before{
                  content: '\f0da';
                  font-size: 10px;
                  font-family: 'Fontawesome';
                  position: absolute;
                  right: 8px;
                  top: 12px;
                }
              }
             }
            }
            >li{
                // dropdown item
               >.dropdown-item {
                  background-color: #fff !important;
                  padding: 14px 16px;
                  font-weight: 700;
                  position: relative;
                  border-bottom: 1px solid #f0f0f0;
                  white-space: pre-wrap;
                  &.active,
                  &:hover,
                  &:focus {
                     color: $primary-color;
                  }

                  // &:last-child {
                  //    border-bottom: none;
                  // }
               }//Dropdown item
            }
           
         }
      }
      .main-menu{
         .nav-item {
            > a {
                padding: 18px 18px;
             }
            }
      }
    
   }
   .ekit-menu-simple>li>a{
      font-weight: 700;
   }
   .ekit-megamenu-holder .ekit-menu-simple ul > li{
      border-top: 1px solid #f7f7f7;
   }
   // fallback menu
   .menu-fallback{
      .navbar-nav{
         display: block;
         width: 100%;
         float: right;
         text-align: right;
         li{
            a{
               padding: 18px 15px;
               display: inline-block;
               color: #232323;
            }
         }
      }
   }

   .main-menu {
      > .menu-item {
         > .dropdown-menu {
            > .menu-item {
               > .dropdown-menu {
                  right: 100%;
                  top: 0;
                  left: auto;
               }
            }
         }
      }
   }

   // header search
   .vinkmag-serach {
      display: none;

      .input-group {
         position: absolute;
         top: 0;
         left: 0;
         right: 0;
         bottom: 0;
         background-color: #fff;

         .form-control {
            border: 0;
            line-height: 60px;
            font-size: 20px;
            border-radius: 0;
            &:focus,
            &:active {
               outline: 0;
               box-shadow: none;
            }
         }

         // nav search close
         .nav-search-close-button {
            display: flex !important;
            width: 28px;
            line-height: normal;
            color: #70798b;
            font-size: 20px;
            cursor: pointer;
            text-align: center;
            padding-top: 0px;
            padding-right: 15px;
            align-self: center;
         }
      }
   }

   &.navbar-style1{
      .navbar-nav{
         >.current-menu-parent{
            background: $primary-color;
              > a{
                  color: $white-color;
               }
            }
      }
      .ekit-menu-container,
      .ekit-megamenu-holder{
         background: transparent;
         .ekit-menu{
            >li{
               >a{
                  color: #232323 !important;
                
               }
               &:hover,
               &.current-menu-parent{
                 > a{
                  background: $primary-color;
                  color: #fff !important;
                 }
               }
             
            }
         }
         .tab__post--title{
            a:hover{
               color: $primary-color;
            }
         }
      }
   }

   // navbar style 2
   &.navbar-style2 {
      background-color: $primary-color;
      color: $white-color;

      .navbar {
         background-color: $primary-color;
         color: $white-color;
      }

      .navbar-toggler {
         padding: 15px 0;
      }

      .main-menu .nav-item {
         a {
            padding: 18px 18px;

            &.active,
            &:hover,
            &:focus {
               background-color: $primary-dark;
               color: $white-color;
            }
         }

      }
      .main-menu{
         >li{
            >a{
               color: $white-color;
            }
         }
      }
      // header style 2 mega menu
      .ekit-menu{
    
         .tab__post--title{
            a{
               color: #232323;
               &:hover{
                  color: $primary-color;
               }
            }
         }
      }
      .ekit-menu-container,
      .ekit-megamenu-holder{
         background: transparent;
      }
   }

   // nav bar style 3
   &.navbar-style3 {
      background-color: $white-color;
      color: $dark-color;
      border-top: 1px solid #ddd;
      box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.08);
      border-bottom: 2px solid #ddd;
      .navbar-brand {
         margin: 15px 0;
      }

      .container {
         position: relative;
      }

      .navbar-toggler {
         padding-right: 0;
      }

      .navbar {
         background-color: transparent;
      }

      .main-menu .nav-item {
         a {
            padding: 28px 18px;

            &.active,
            &:hover,
            &:focus {
               background-color: transparent;
               color: $primary-color;
            }
         }
      }

      // right menu
      .right-menu {
         top: 10px;

         li>a {
            background-color: transparent !important;
            color: $dark-color;
            border-left: 0;
            position: relative;

            &.nav-search-button:after {
               content: '';
               width: 1px;
               height: 20px;
               top: 50%;
               left: 0;
               background-color: $dark-color;
               position: absolute;
               transform: translateY(-50%);
            }
         }
      }

      // navbar dark
      &.navbar-dark {
         background-color: $dark-color;
         color: $white-color;
         border-top: 0;

         .main-menu .nav-item {
            a {
               color: $white-color;
               padding: 28px 18px;

               &.active,
               &:hover,
               &:focus {
                  background-color: $primary-color;
                  color: $white-color;
               }
            }
            ul{
                  a{
                     color: #232323;
                     transition: all ease 0s;
                     &:hover{
                        background: #fff;
                        color: $primary-color;
                     }
                  }
            }
         }

         .right-menu {
            li>a {
               color: $white-color;

               &.nav-search-button:after {
                  background-color: $white-color;
               }
            }
         }
         .ekit-menu-container,
         .ekit-megamenu-holder{
            background: transparent;
            .ekit-menu-simple{
               > li{
                  >a{
                     color: $white-color !important;
                  }
                  ul{
                     li{
                        a{
                           padding: 18px 20px;
                        }
                     }
                  }
               }
            }
         }
      }

      // style 3 mega menu
      .ekit-menu-container,
      .ekit-megamenu-holder{
         background: #fff;
          ul{
            >li{
               >a{
                  color: #232323 !important;
                  &:hover{
                     color: #fff !important;
                  }
               }
               &:hover{
                 > a{
                     color: #fff;
                  }
               }
               ul{
                  li{
                     a{
                        padding: 15px 18px;
                        &:hover{
                           color: $primary-color !important;
                        }
                     }
                  }
               }
            }
         }
       
         .ekit-menu-simple{
            text-align: right;
            float: right;
         }
      }
   }

   // navbar style 5
   &.navbar-style5 {
      background-color: $white-color;
      color: $dark-color;
      border-top: 1px solid #ddd;
      box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.08);

      .container {
         position: relative;
      }

      .navbar-toggler {
         padding: 15px 0;
      }

      .navbar {
         background-color: transparent;
      }

      .nav-item {
         a {
            position: relative;

            &.active,
            &:hover,
            &:focus {
               background-color: transparent;
               color: $primary-color;

             
            }
         }
      }
      .main-menu{
         > li{
            > a{
               &:before {
                  content: "";
                  position: absolute;
                  bottom: 0;
                  left: 0;
                  right: 0;
                  height: 2px;
                  background-color: $primary-color;
                  opacity: 0;
               }
            }
            &.current-menu-item{
               >a{
                  &:before{
                     opacity: 1;
                  }
               }
            }
         }
      }

      .right-menu {
         li>a {
            background-color: transparent !important;
            color: $dark-color;
            border-left: 0;
            position: relative;

            &.nav-search-button:after {
               content: '';
               width: 1px;
               height: 20px;
               top: 50%;
               left: 0;
               background-color: $dark-color;
               position: absolute;
               transform: translateY(-50%);
            }
         }
      }
   
     
   }

   .ekit-menu-container,
   .ekit-megamenu-holder{
      .ekit-menu > li > a{
         text-transform: uppercase;
      }
   }
   .ekit-menu-simple a .sub-arrow {
      right: 10px;
   }
   .ekit-menu-simple{
      ul > li{
         border-color: #e3e3e3;
         a{
            background: transparent;
            &:before{
               display: none;
            }
            &:hover{
               background: transparent;
            }
         }
         &:hover{
            background: transparent;
         }
      }
   }
   // new menu badge
   .ekit-menu-simple a .ekit-menu-badge{
       top: 17px!important;
      .ekit-menu-badge-arrow{
         display: none;
      }
   }
}
.ekit-menu-simple li:hover a{
   color: #232323;
}
.nav-bg-white,
.header-bg-white{
   .ekit-menu-container,
   .ekit-megamenu-holder{
      background: #fff;
      .ekit-menu-simple{
         > li{
            > a{
               color: #232323 !important;
               &:hover{
               background: transparent;             
              }
            }
            &:hover{
               a{
                  background: transparent;  
               }           
              }
         }
      }
   }
}
// mega menu
.tab__post__single--item{
   a{
      background: transparent !important;
      padding: 0 !important;

      &:hover{
         background: transparent !important;
         border: none;
         &:before{
            display: none !important;
         }
      }
   }
   .tab__post--title{
      line-height: 20px;
   }
}
.tab__post--title{
   a{
      color: #232323 !important;
   }
}
.custom-tabmenu-class{
   .post--tab .tabHeader .tab__list > .tab__list__item{
      font-size: 12px;
      text-transform: capitalize;
   }
}
.post--tab .tabHeader ul > li{
   text-transform: capitalize;
   font-weight: 500;
}
// features mega menu

// blog navbar
.entry-content{
   ul{
       list-style-position: inside;
   }
}
.blog-navbar{
   background-color: #fff;
   box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.08);
   .top-social{
      padding-left: 0;
      margin-bottom: 0;
   }
   .navbar-container.navbar-style5{
      box-shadow: none;
      border: none;
      background: transparent;
      .main-menu{
         >li{
            >a{
               font-size: 13px;
            }
         }
         ul{
            text-transform: capitalize;
            font-weight: normal;
         }
      }
   }
   .right-menu li > a{
      font-size: 16px;
      &.nav-search-button:after{
         display: none ;
      }
   }
}


.footer-menu-inline.footer-menu{
   padding: 28px 0;
   border-bottom: 1px solid #e3e3e3;
   ul{
      li{
         a{
            color: #232323;
            text-transform: uppercase;
         }
      }
   }
}

/*------------------------ navbar style 9 -------------*/
.navbar-standerd{
   &.navbar-darks{
      .navbar-style5{
         border-top: none;
         .xs-navbar{
            background: #1f2024;
            margin-right: 0 !important;
            padding-right: 120px;
            .main-menu{
               >li{
                  position: relative;
                  >a{
                     color: $white-color;
                     transition: all ease 0s;
                     &:hover{
                        &:before{
                           display: none;
                        }
                     }
                  }
                  &:after{
                     position: absolute;
                     right: -8px;
                     top: -7px;
                     content: '';
                     border-style: solid;
                     border-width: 7px 0 0 8px;
                     border-color: transparent transparent transparent #909090;
                     transition: all ease 0s;
                     opacity: 0;
                     visibility: hidden;
                  }
                  &:before{
                     bottom: auto;
                     top: -7px;
                     height: 15px;
                     transition: all ease 0s;
                     content: '';
                     background: $primary-color;
                     position: absolute;
                     display: block;
                     width: 100%;
                     opacity: 0;
                     visibility: hidden;
                  }

                  &:hover,
                  &.current-menu-ancestor.current-menu-parent,
                  &.current-menu-item{
                     &:after,
                     &:before{
                        opacity: 1;
                        visibility: visible;
                     }
                     >a{
                        background: $primary-color;
                        color: $white-color;
                        &:focus{
                           opacity: 1;
                           visibility: visible;
                        }
                     }
                  }
                
               }
            }

            // mobile menu
            .navbar-toggler{
               padding-left: 15px;
               .navbar-toggler-icon{
                  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
               }
            }
        
         }
         // nav right menu
         .right-menu{
            right: 10px;
            li{
               a{
                  color: $white-color;
                  &.nav-search-button:after{
                     background-color: #3c3c3c;
                  }
               }
            }
         }
         // mega menu 

         .ekit-menu-simple{
            >li{
             
               >a{
                  font-weight: 700;
                  position: relative;
                  &:before{
                     bottom: auto;
                     top: -7px;
                     height: 15px;
                     transition: all ease 0s;
                     content: '';
                     background: #dd3333;
                     position: absolute;
                     display: block;
                     width: 100%;
                     opacity: 0;
                     visibility: hidden;
                     left: 0;
                  }
                  &:after{
                     position: absolute;
                     right: -8px;
                     top: -7px;
                     content: '';
                     border-style: solid;
                     border-width: 7px 0 0 8px;
                     border-color: transparent transparent transparent #909090;
                     transition: all ease 0s;
                     opacity: 0;
                     visibility: hidden;
                  }
            
               }
               &:hover{
                  a{
                     &:before,
                     &:after{
                        opacity: 1;
                        visibility: visible;
                     }
                  }
               }
               &.current-menu-parent,
               &.current-menu-item{
                  >a{
                     background: #dd3333;
                     &:before,
                     &:after{
                        opacity: 1;
                        visibility: visible;
                     }
                  }
               }
            }
         }
         .menu-toggler{
            padding: 12px;
            background: #cf2c03;
            border-radius: 0;
            .menu-toggler-icon{
               background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
            }
         }
         
        

      }


  
   }
}

/*--------------- crypto css --------------*/
.header-box-right {
   background: #10181f;

   .navigation {
      height: 85px;
      background: $primary-yellow;
      position: relative;

      &:before {
         position: absolute;
         right: -100%;
         top: 0;
         width: 100%;
         content: '';
         height: 100%;
         background: $primary-yellow;
      }
   }
   // nav menu
   .nav-menu {
      >li {
         >a {
            height: 85px;
            line-height: 45px;

            &:before {
               position: absolute;
               width: 5px;
               height: 5px;
               @include border-radius(50%);
               background: $white-color;
               content: '';
               left: 0;
               right: 0;
               margin: auto;
               bottom: 0px;
               opacity: 0;
               visibility: hidden;
               @include transition();
            }

            &:hover {
               background: transparent;
               color: $white-color;

               &:before {
                  opacity: 1;
                  visibility: visible;
                  bottom: 20px;
               }
            }

         }

         &.active {
            >a {
               background: transparent;
               color: $white-color;

               &:before {
                  opacity: 1;
                  visibility: visible;
                  bottom: 20px;
               }
            }
         }

         .megamenu-list {
            li {
               a {
                  &:hover {
                     color: $primary-yellow;
                  }
               }
            }
         }

         .nav-dropdown {
            li {
               a {
                  &:hover {
                     color: $primary-yellow;
                  }
               }
            }
         }

         &:first-child {
            a {
               padding-left: 35px;
            }
         }
      }
   }
   // right menu search icon
   .right-menu li .nav-search {
      height: 85px;

      .nav-search-button {
         line-height: 88px;
         text-align: right;
         background: transparent;
         color: #232323;
      }
   }
}


// navbar fixed
// navbar fixed
@media(min-width: 1200px){
   .navbar-fixed.sticky{
      position: fixed;
      z-index: 9999;
      background: #fff;
      -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.08);
      box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.08);
      top: 0;
      z-index: 9999;
      max-width: 1110px;
      width: 100%;
      left: 0;
      right: 0;
      margin: auto;
      &.fade_down_effect{
         -webkit-animation-name: fadeInDown;
         animation-name: fadeInDown;
         -webkit-animation-duration: 1s;
         animation-duration: 1s;
         -webkit-animation-fill-mode: both;
         animation-fill-mode: both;
         -webkit-animation-delay: .1s;
         animation-delay: .1s;
      }
   }


}
@-webkit-keyframes fadeInDown {
   from {
     opacity: 0;
     -webkit-transform: translate3d(0, -100%, 0);
     transform: translate3d(0, -100%, 0);
   }
 
   to {
     opacity: 1;
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
   }
 }
 
 @keyframes fadeInDown {
   from {
     opacity: 0;
     -webkit-transform: translate3d(0, -100%, 0);
     transform: translate3d(0, -100%, 0);
   }
 
   to {
     opacity: 1;
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
   }
 }



/*------------------------------
    featured post area 
 ------------------------------*/
.ts-overlay-style {
   position: relative;

   .item {
      &:before {
         content: " ";
         position: absolute;
         display: block;
         width: 100%;
         height: 100%;
         z-index: 1;
         bottom: 0;
         left: 0;
         background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.75) 100%);
      }

      &:after {
         background: rgba(0, 0, 0, .2);
         position: absolute;
         display: block;
         width: 100%;
         height: 100%;
         z-index: 0;
         bottom: 0;
         left: 0;
         content: '';
         opacity: 0;
         transition: all ease 500ms;
      }

      &:hover:after {
         opacity: 1;
      }

   }
   // featured post 1
   &.ts-featured {
      .item {
         min-height: 573px;
         position: relative;
         background-position: 50% 50%;
         -webkit-background-size: cover;
         background-size: cover;
         -webkit-backface-visibility: hidden;

         .post-content {
            padding: 40px;
         }

         .post-title {
            margin-bottom: 24px;
         }
      }
   }

   .post-meta-info {
      margin-bottom: 0;
   }

   &.featured-post {
      .ts-post-thumb {
         margin-bottom: 0;
      }
   }

   // gradient style
   .item {
      &.item-before {
         &:before {
            display: none;
         }
      }

      .gradient-overlay {
         position: absolute;
         display: block;
         width: 100%;
         height: 100%;
         z-index: 1;
         bottom: 0;
         left: 0;
         // opacity: .6;
         background: linear-gradient(to bottom, transparent 55%, rgba(0, 0, 0, 0.95) 100%);

      }
   }
}
.vinazine-featured-post{
   .ts-overlay-style .item .gradient-overlay{
      opacity: 1;
      background: linear-gradient(to bottom, transparent 70%, rgba(0, 0, 0, 0.90) 100%);
   }
}

// features slider
#featured-slider-2 {
   .item {
      min-height: 418px;
   }

   .owl-dots {
      right: 20px;
      top: 5px;

      .owl-dot span {
         background: $white-color;
      }
   }

   .post-title.lg {
      font-size: 30px;
   }
}

// featured slider
.slider-grid-style4 {
   .row {
      margin: 0;
   }

   .owl-nav {
      position: absolute;
      right: auto;
      top: auto;
      left: 35px;
      bottom: 50px;

      .owl-prev:before {
         display: none;
      }
   }

   .owl-nav .owl-next i,
   .owl-nav .owl-prev i {
      font-size: 16px;
   }
}

// featured post
.featured-area {
   &:before {
      display: none;
   }

   .item {
      background-repeat: no-repeat;
      background-position: center center;
      background-size: cover;
      height: 900px;

      .hero-content {
         margin-top: 0;

         h2 {
            font-weight: 500;
            margin-bottom: 60px;
            font-size: 48px;
         }

         .featurd-video-icon {
            font-size: 80px;
            color: $white-color;
         }
      }

   }
}
// grid style 2
.grid-style-2 {
   .ts-overlay-style {
      .item {
         min-height: 456px;
      }
   }
}


/*---------------------
     hero area section 
-----------------*/
.featured-table {
   width: 100%;
   height: 100%;
   display: table;

   .table-cell {
      display: table-cell;
      width: 100%;
      height: 100%;
      vertical-align: middle;
   }
}

// hero area
.hero-area {
   padding: 0;
   position: relative;

   &:before {
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      height: 130px;
      content: '';
      background-image: linear-gradient(0, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
      z-index: 1;
   }
}

// featured slider item
.featured-slider-item {
   background-size: cover;
   background-position: center center;
   background-repeat: no-repeat;
   position: relative;
   height: 960px;

   &::before {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      content: '';
      background: rgba(0, 0, 0, .2);
   }
}

// hero content
.hero-content {
   position: relative;
   padding: 20px;
   margin-top: -180px;

   .post-cat {
      margin-bottom: 12px;
      left: 0;
   }

   h2 {
      font-size: 42px;
      font-weight: 700;
      color: $white-color;
      margin-bottom: 22px;
   }

   p {
      font-size: 18px;
      line-height: 24px;
    ;
      color: $white-color;
   }
}

.featured-bottom-post {
   margin-top: -260px;
   position: relative;
   z-index: 1;
}

// hero slier
#hero-slider,
.hero-slider {
   position: relative;

   .hero-title{
      a{
         color: $white-color;
      }
   }
   .owl-nav {
      position: relative;
      right: auto;
      top: 0%;
      left: 0%;
      z-index: 3;
   }

   .owl-prev {
      font-size: 20px;
      text-transform: uppercase;
      padding: 20px;

      &:before {
         display: none;
      }
   }

   .owl-next {
      font-size: 20px;
      text-transform: uppercase;
      padding: 20px;
      margin-left: 80px;
   }

   .owl-dots {
      counter-reset: slides-num;
      margin-top: 15px;
      right: auto;
      left: 0;

      &:after {
         content: "0"counter(slides-num);
         display: inline-block;
         font-size: 12px;
         font-weight: 700;
         vertical-align: middle;
         padding-left: 20px;
         margin-top: -10px;
         font-weight: 400;
         color: $white-color;
      }
   }

   // owl dots
   .owl-dot {
      display: inline-block;
      counter-increment: slides-num;
      /* Increment counter */
      margin-right: 5px;

      span {
         display: none;
      }

      &.active {

         &:before {
            content: "0"counter(slides-num) " /  ";
            /* Use the same counter to get current item. */
            display: inline-block;
            vertical-align: middle;
            font-size: 20px;
            position: absolute;
            left: 0;
            top: 0;
            color: $primary-color;
         }
      }
   }

  

   .featured-slider-item::before{
      background: transparent;
   }
}

 // hero owl active item
 #hero-slider,
.hero-slider,
.vinkmag-featured-slider{
   .owl-item.active {
      .hero-content {
         a.post-cat,
         .post-tag {
            -webkit-animation-name: animLeft;
            animation-name: animLeft;
            -webkit-animation: animLeft 1s ease 100ms both;
            animation: animLeft 1s ease 100ms both;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            -webkit-animation-delay: 500ms;
            animation-delay: 500ms;
         }

         h2 {
            -webkit-animation-name: animLeft;
            animation-name: animLeft;
            -webkit-animation: animLeft 1s ease 100ms both;
            animation: animLeft 1s ease 100ms both;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            -webkit-animation-delay: 800ms;
            animation-delay: 800ms;
         }

         p {
            -webkit-animation-name: animLeft;
            animation-name: animLeft;
            -webkit-animation: animLeft 1s ease 100ms both;
            animation: animLeft 1s ease 100ms both;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            -webkit-animation-delay: 1200ms;
            animation-delay: 1200ms;
         }
      }
   }
}
// key frame animation 
@-webkit-keyframes animLeft {
   from {
      opacity: 0;
      -webkit-transform: translate3d(40%, 0, 0);
      transform: translate3d(40%, 0, 0);
   }

   to {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
   }

}

// slider dot item
.slider-dot-item {
   position: absolute;
   left: 0;
   width: 100%;
   top: 59.6%;
   right: 0;
   margin: auto;
   padding-left: 90px;
}

// slider arrow item
.slider-arrow-item {
   position: absolute;
   left: 0;
   width: 100%;
   top: 55.8%;
   right: 0;
   margin: auto;

   .owl-nav .owl-next i,
   .owl-nav .owl-prev i {
      font-size: 16px;
      color: $white-color;
   }
}

// custom scroll bar
.mCSB_scrollTools .mCSB_draggerRail {
   width: 5px;
   background-color: #414450;
}


// featured post style
.featured-post-style {
   .item {
      min-height: 498px;
   }

   .post-cat {
      left: 0;
      margin-bottom: 19px;
   }

   .overlay-post-content {
      .post-title {
         margin-bottom: 15px;
      }
   }

}

// featured slider title gap
.slider-grid-style1{
   .ts-overlay-style{
      .overlay-post-content{
         .post-content{
            padding: 24px 30px 30px;
         }
         .post-title{
            margin-bottom: 15px;
         }
      }
   }
}

/*----------------------------
      watch now featured 
  ------------------------------*/
.ts-video-btn {
   position: absolute;
   bottom: 0;
   font-size: 80px;
   right: 0;
   left: 0;
   top: 100px;
   margin: auto;
   display: block;
   text-align: center;
   color: $white-color;
   z-index: 1;

   &:hover {
      color: $white-color;
   }

}
// post list box
.post-list-box {
   .nav-link {
      padding: 20px 0;
      border-bottom: 1px solid #e7e7e7;
      width: 100%;
      display: block;
      &:first-of-type {
         padding-top: 0;
      }

      &:last-of-type {
         border-bottom: none;
         padding-bottom: 0;
      }
   }

   .post-content {
      img {
         width: 128px;
         height: 85px;
         margin-right: 15px;
      }

      .post-title {
         &:hover {
            color: $primary-color;
         }
      }
   }
   // post list content
   &.ts-list-post-box.ts-grid-content {
      .post-content {
         img {
            width: 110px;
            height: auto;
            margin-right: 15px;
         }
      }
   }
}
// recent post widgets
.elementor-widget-wp-widget-vinkmag_latest_news_widget{
   h5{
      font-size: 20px;
      margin-bottom: 20px;
   }
}
// recent post widgets
.recent-posts-widget{
   ul{
      li{
         min-height: 100px;
         .posts-thumb{
            img{
               width: 110px;
               height: 80px;
            }
         }
         .post-info{
            .entry-title{
               font-size: 14px;
               a{
                  color: #232323;
                  &:hover{
                     color: $primary-color;
                  }
               }
            }
            .post-meta {
               padding: 0px 0 0px;
           }
         }
         &:last-child{
            min-height: 1px;
         }
       
      }
   }
}
// watch post
.watch-post {
   .ts-overlay-style {
    
      .post-video{
         &:before{
            display: none;
         }
      }
      .post-video .post-video-content h3{
         font-size: 20px;
      }
   }
   .post-list-box .post-title{
      margin-bottom: 5px;

   }

}
  // post item
.item {
   &:hover {
      .ts-post-thumb {
         img {
            transform: scale(1.2);
         }
      }
   }
}

// post content
.post-content {
   //padding: 40px;
   z-index: 1;
   position: relative;

   p {
      font-size: 15px;
      line-height: 24px;
      color: #232323;
   }
}

// overlay style
.ts-overlay-style {
   .overlay-post-content {
      position: absolute;
      bottom: 0;

      .post-content {
         padding: 24px 24px 18px;

         .post-cat {
            left: 0;
            top: -10px;
         }
      }

      .post-date-info {
         color: #d2d2d2;
      }

      .post-title {
         margin-bottom: 5px;

         a {
            color: #fff;
            @include transition();
            text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
            // &:hover{
            //   color: $primary-color;
            // }
         }

         &.md {
            margin-bottom: 10px;
         }
      }
      //overlay post meta
      .post-meta-info {
         li {
            color: $white-color;


            a {
               color: $white-color;

               &:hover {
                  color: $primary-color;
               }

            }

            &.active {
               color: $primary-color;
            }
         }
      }
   }
}
// post cat
.post-cat {
   position: relative;
   z-index: 1;
   display: inline-block;
   color: $white-color;
   font-size: 11px;
   font-weight: 700 !important;
 
   text-transform: uppercase;
   padding: 0px 10px;
   // margin-left: 30px;
   left: 30px;
   line-height: 21px;
   height: 19px;
   top: -3px;
   letter-spacing: .55px;

   &:hover {
      color: $white-color;
   }

}
// post category 
.cat-name {
   font-size: 11px;
   color: $primary-color;
   font-weight: 700;
   text-transform: uppercase;
   display: block;
   margin-bottom: 5px;

}
// post date
.post-date-info {
   font-size: 12px;
   display: block;
   position: relative;
   color: #8a8a8a;
}
// post video format 
.format-video .ts-post-thumb a,
.format-video.ts-overlay-style{
    &:before{
      position: absolute;
      left: 0;
      top: 45%;
      right: 0;
      bottom: 0;
      margin: auto;
      display: block;
      content: '\f01d';
      font-size: 50px;
      z-index: 1;
      color: #fff;
      font-family: 'Fontawesome';
      text-align: center;
      cursor: pointer;
  }
  &.post-cat{
      &:before{
        display: none;
      }
  }
}

/*--------- grid box style ---*/
.ts-grid-box {
   position: relative;
   margin-bottom: 30px;
   padding: 30px;
   background: $white-color;
   box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.08);

   &.ts-grid-content {
      padding: 0;
      box-shadow: none;

      .post-content {
         padding: 0 20px 10px 20px;
         box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.08);

      }

      &:hover {
         .ts-post-thumb img {
            -webkit-transform: scale(1.2);
            -ms-transform: scale(1.2);
            transform: scale(1.2);
         }
      }

      &.grid-no-shadow {
         .post-content {
            padding: 0 0px 10px 0px;
            box-shadow: none;

         }
      }

   }

   // post cat
   .post-cat {
      position: absolute;
      // margin-left: 30px;
      top: 0;

   }

   // post thumbnail
   .ts-post-thumb {
      position: relative;
      width: 100%;
      height: 100%;
      overflow: hidden;
      margin-bottom: 20px;
      min-height: 10px;

      img {
         width: 100%;
         transform: scale(1);
         @include transition();
         backface-visibility: hidden;
      }

      &:hover {
         img {
            transform: scale(1.2);
         }
      }
   }

   &:last-of-type {
      margin-bottom: 0;
   }

   &.ts-grid-content-1 {
      .post-cat {
         position: relative;
         margin-bottom: 16px;
         left: 0;
      }

      .ts-post-thumb {
         margin-bottom: 0;
      }

      .post-content {
         padding: 20px 22px 18px 22px;

      }

      .post-meta-info {
         margin-bottom: 0;

         li {
            a {
               &:hover {
                  color: $primary-blue-dark;
               }
            }
         }
      }

      &.featured-item {
         .post-content {
            padding: 20px 28px 18px 28px;
         }

         .ts-post-thumb {
            .link-img {
               min-height: 290px;
            }
         }
      }
   }
   // shadow none
   &.grid-no-shadow {
      padding: 0;
      box-shadow: none;
      background: transparent;

      .ts-title,
      .widget-title {
         margin-left: 30px;
      }
   }
   // post col list item
   &.post-col-list-item {
      .post-content {
         padding: 0 20px 20px 20px;
      }
   }

   &.most-populer-item{
      padding-bottom: 25px;
   }

}




// post overlay style 1
.ts-post-overlay-style-1 {
   background: transparent;
   padding: 0;
    //post thumbnail
   .ts-post-thumb {
      margin-bottom: 10px;

      img {
         min-height: 204px;
      }
   }

   .ts-overlay-style:last-of-type {
      .ts-post-thumb {
         margin-bottom: 0;
      }
   }
}

/*------- post tab list ---*/
.post-list-item {
   position: relative;
   background: $white-color;

   .nav-tabs {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin-bottom: 6px;

      li {
         flex-basis: 0;
         -ms-flex-positive: 1;
         flex-grow: 1;
         max-width: 100%;
         text-align: center;
         margin-bottom: 0;

         a {
            font-size: 13px;
            text-transform: uppercase;
            color: #5c5c5c;
            line-height: 50px;
            font-weight: 500 !important;
          
            position: relative;
            display: block;

            &::before {
               position: absolute;
               left: 0;
               bottom: 0;
               width: 100%;
               height: 2px;
               background: #6200ee;
               content: '';
               opacity: 0;
               @include transition();
            }

            i {
               margin-right: 6px;
            }

            &.active {
               color: #6200ee;

               &::before {
                  opacity: 1;
               }
            }

         }
      }
   }

   // blue dark item
   &.blue-dark {
      .nav-tabs li a {
         &:before {
            background: $primary-blue-dark;
         }

         &.active {
            color: $primary-blue-dark;
         }
      }

      .post-title {
         a {
            &:hover {
               color: $primary-blue-dark;
            }
         }
      }
   }
   // widgets grid no shadow
   &.widgets.grid-no-shadow {
      .ts-grid-box {
         box-shadow: none;
         padding-left: 0;
         padding-right: 0;
      }
   }

}

/*---------- tab list -----*/
.post-tab-list {
   margin-bottom: 0;
   padding: 15px;
    // post content media
   .post-content.media {
      border-bottom: 1px solid #ededed;
      margin-bottom: 16px;
      padding-bottom: 15px;
        .sidebar-img{
          width: 70px;
          height: 50px;
        }
      .post-title {
         margin-bottom: 0;
         line-height: 19px;
      }

      &:last-of-type {
         padding-bottom: 0;
         border-bottom: none;
         margin-bottom: 5px;
      }
   }
   // post tag
   .post-tag {
      line-height: 11px;
      margin-bottom: 6px;
      display: block;

      a {
         font-size: 12px;
         text-transform: uppercase;
         font-weight: 700;
       
      }
   }

}
// sidebar post image size
img.sidebar-img {
   width: 90px;
   height: 65px;
   margin-right: 15px;
}

/*---------------------------
      hot topics
  ---------------------------*/

$topicsColor: #ff6e0d, #4ab106, #ff5575, #007bff;
.hot-topics-slider{
   margin-bottom: -60px;
   .owl-item{
      &.active{
         @for $i from 1 through length($topicsColor) {
            &:nth-child(#{$i}) {
               .heighlight{
                  background: nth($topicsColor, $i) !important;
                  .ts-post-thumb .post-cat span {
                     border-left-color: nth($topicsColor, $i) !important;
                  }
                  .ts-post-thumb .post-cat{
                     background: nth($topicsColor, $i) !important;
                  }
               }
            }
         }
      }
   }
   .heighlight{
      // background: #fff !important;
      box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.08);
      margin-bottom: 3px;
      margin-right: 1px;
      margin-left: 1px;
   }
}
// grid slider
.grid-slider {
   .post-meta-info {
      margin-bottom: 0;

   }
}

// box heighlight
.heighlight {
   background: $blue-color;

   // post thumbnail
   .ts-post-thumb {
      .post-cat {
         position: absolute;
         left: 0;
         top: auto;
         bottom: 0;
         padding: 4px 15px 0 20px;

         span {
            border-style: solid;
            background-color: transparent !important;
            border-width: 28px 0 0 20px;
            border-color: transparent transparent transparent #007bff;
            position: absolute;
            right: -20px;
            top: 0;
            content: '';
         }
      }
   }

   // post content
   .post-content {
      padding: 0 20px 20px;

      .post-title {
         a {
            color: $white-color;

            &:hover {
               opacity: .8;
            }
         }
      }
      // box -heiglight meta
      .post-meta-info {
         li {
            color: $white-color;
         }
      }

      .post-date-info {
         color: $white-color;
      }
      p{
         color: $white-color;
      }
   }

   // green heighlight
   &.ts-green-heighlight {
      background: $green-color;

      .post-cat {
         background: $green-color;

         &:before {
            border-color: transparent transparent transparent $green-color;
         }
      }
   }

   // blue heighlight
   &.ts-blue-heighlight {
      background: $blue-color;

      .post-cat {
         background: $blue-color;

         &:before {
            border-color: transparent transparent transparent $blue-color;
         }
      }
   }

   // blue light heighlight
   &.ts-blue-light-heighlight {
      background: $blue-light-color;

      .post-cat {
         background: $blue-light-color;

         &:before {
            border-color: transparent transparent transparent $blue-light-color;
         }
      }
   }

   // pink heiglight
   &.ts-pink-heighlight {
      background: $pink-color;

      .post-cat {
         background: $pink-color;

         &:before {
            border-color: transparent transparent transparent $pink-color;
         }
      }
   }

   // yellow heighlight
   &.ts-yellow-heighlight {
      background: $yellow-color;

      .post-cat {
         background: $yellow-color;

         &:before {
            border-color: transparent transparent transparent $yellow-color;
         }
      }
   }

   .post-meta-info li.author a{
      color: $white-color;
   }
}


/*---------------------------------
    tranding post 
------------------------------------*/
.ts-grid-box.ts-col-box {
   padding: 30px 15px 22px 15px;

   .post-cat {
      margin-left: 0;

   }

   .ts-title {
      &:before {
         left: -15px;
      }
   }

   .item {
      margin-bottom: 26px;
      position: relative;

      &:last-of-type {
         margin-bottom: 0;
      }
   }

   .post-date-info {
      display: block;
   }

   .post-content {
      p {
         margin-top: 8px;
      }
   }

   &.grid-no-shadow {
      padding: 0;
      .title-before{
         left: -30px;
      }
   }

}
// tranding title gap
.vinkmag-trending-1{
   .grid-md{
      .overlay-post-content{
         .post-content{
            padding: 24px 30px 20px;
         }
         .post-title{
            margin-bottom: 10px;
         }
      }
    
   }
}
// no show post cat
.no-post-cat{
   .post-cat{
      display: none;
   }
   .post-meta-info{
      li{
         &.active,
         &.author{
            display: none;
         }
      }
   }
   .ts-col-box-item{
      margin-bottom: 15px;
   }
}

// grid-only-text
.grid-only-text {
   &.ts-grid-box.ts-col-box {
      padding-top: 35px;
      padding-bottom: 10px;
      .item {
         position: static;

         .post-cat {
            left: 20px;
         }
      }
   }
}

// tranding post
.ts-tranding-post {
   padding: 30px 0 0 0;

   .ts-post-thumb {
      margin-bottom: 0;
   }

   .ts-title {
      margin-left: 30px;
   }


   // slider indicators
  
   .slider-indicators {
      list-style: none;
      padding: 0;
      display: block;
      margin: 0;
      width: 100%;
      bottom: 0;
      position: static;
      background: #2e55bd;

      .item {
         cursor: pointer;
         margin: 0;
         height: auto;
         text-indent: 1px;
         background: transparent;
         min-height: 112px;
         position: relative;
         .post-title{
            color: #fff;
            margin-bottom: 5px;
            height: 40px;
            overflow: hidden;
         }

         &:last-of-type {

            &:before,
            &:after {
               display: none;
            }
         }

      }
      .owl-item.active.current{
            border-bottom: 4px solid #ff5500;
      }
   }

   // slider indicator content
   .slider-indicators .post-content {
      padding: 25px 20px 25px;
        //indicator post count
      .post-count {
         width: 60px;
         height: 60px;
         @include border-radius(50%);
         border: 1px solid #adc3ff;
         font-size: 20px;
         text-align: center;
         color: #fff;
         align-items: center;
         align-self: center;
         /* margin: auto; */
         display: block;
         align-content: center;
         padding: 0 17px;
         margin-right: 10px;
         background: #2b50b1;
      }
   }

   // owl item

      .owl-nav{
         bottom: auto;
         top: 30px;
         right: 20px;
      }


}



/*------------------------
   more news 
--------------------------*/
.ts-grid-box-heighlight {
   background: #7f85ff;
 
   .ts-title {
      color: $white-color;

      &::before {
         background: $white-color;
      }
   }
   .vinazine-more-post{
      // margin-bottom: -80px;
      .ts-post-thumb{
         margin-bottom: 0;
      }
   }
 
}



/*-----------------------
  footer social
--------------------------*/
footer{
   ul{
      padding: 0;
      margin: 0;
      list-style: none;
   }
}

.ts-footer-social-list {
   background: $white-color;
   padding: 30px 0;
   margin-bottom: 5px;
   margin-top: 3px;

   &.section-bg {
      background: #f7f7f7;
   }
}
// footer social
.footer-social {
   li {
      display: inline-block;
      margin-right: 30px;

      a {
         font-size: 13px;
         color: $white-color;
         font-weight: 500;
         color: #888888;
         text-transform: uppercase;
       

         i {
            font-size: 16px;
            color: $white-color;
            width: 35px;
            height: 35px;
            @include border-radius(50%);
            text-align: center;
            padding: 9px 0px;
            margin-right: 8px;
         }

         span {
          

            &:hover {
               color: #222;
            }
         }
      }

      &:last-child {
         margin-right: 0;
      }
   }
}

// footer social list 
.footer-social-list {
   li {
      display: inline-block;

      a {
         font-size: 14px;
         margin-left: 18px;

         i {
            background: transparent;
         }
      }

      &.ts-facebook {
         a {
            color: $facebook;
         }
      }

      &.ts-twitter {
         a {
            color: $twitter;
         }
      }

      &.ts-google-plus {
         a {
            color: $google-plus;
         }
      }

      &.ts-pinterest {
         a {
            color: $pinterest;
         }
      }

      &.ts-youtube {
         a {
            color: $youtube;
         }
      }

      &.ts-linkedin {
         a {
            color: $linkedin;
         }
      }
   }
}

/*-----------------------------
    ts-newslatter for bottom area
 ------------------------------*/
.ts-newslatter {
   background: $white-color;
   padding: 40px 0;

   &.section-bg {
      background: #f7f7f7;

      .newsletter-form .email-form-group .form-control {
         background: transparent;
      }
   }

   .ts-newslatter-content {
      h2 {
         margin-bottom: 17px;
         font-size: 30px;
         font-weight: 500;
      }

      p {
         margin-bottom: 0;
         padding-right: 50px;
         color: #888;
      }
   }

   // newsletter form
   .newsletter-form {
      .email-form-group {
         padding-left: 40px;
         position: relative;

         i {
            position: absolute;
            left: 0;
            font-size: 20px;
            top: 15px;
         }

         .form-control {
            border: none;
            outline: none;
            border-bottom: 1px solid $gray-color;
            @include border-radius(0);
            padding: 9px 0;
          
            font-size: 12px;

            &:focus {
               outline: none;
               box-shadow: none;

            }

            &::placeholder {
             
               letter-spacing: 1.2px;
            }
         }

      }

      // submit btn
      .ts-submit-btn {
         margin-left: 20px;

         .btn {
            background: #e91e63;

            &:hover {
               background: $primary-color;
            }
         }
      }
   }
}


/*---------------------------
    ts-footer
 --------------------------*/
.footer-menu {
   margin-bottom: 14px;

   ul {
      li {
         display: inline-block;

         a {
            font-size: 14px;
            color: $white-color;
            margin: 0 20px;
          ;
            opacity: .7;
            padding: 0;

            &:hover {
               opacity: 1;
            }
         }
      }
   }
}
// ts footer
.ts-footer {
   background: #4e65ff;
   padding: 25px 0;


   &.ts-footer-1 {
      background: #f8f8f8;
      padding-bottom: 15px;

      .footer-social {
         padding-bottom: 22px;
         border-bottom: 1px solid #ddd;

         li {
            a {
               i {
                  background: transparent;
                  color: #888888;
                  width: auto;
                  height: auto;
               }

               span {
                  letter-spacing: 1px;
               }
            }
         }

      }
      // copyright text
      .copyright-text {
         padding-top: 15px;

         p {
            color: #888;

            a {
               color: $primary-green;
               text-transform: uppercase;
            }
         }
         &.white{
            p{
               color: $white-color;
            }
         }
      }
   }
   // footer 2
   &.ts-footer-2 {
      background: transparent;

      .copyright-text {
         p {
            color: #232323;

            a {
               color: $primary-green;
            }
         }
      }
   }
   // footer 3
   &.ts-footer-3 {
      background: #000032;

      .footer-logo {
         padding: 34px 0 44px;
      }
      // footer menu
      .footer-menu {
         margin-bottom: 22px;

         li {
            a {
               text-transform: uppercase;
               opacity: 1;
               font-weight: 700;
             
               position: relative;

               &:hover {
                  color: $primary-blue;
               }

               &:after {
                  position: absolute;
                  right: -24px;
                  top: 4px;
                  width: 1px;
                  height: 12px;
                  background: #4d4d70;
                  content: '';
                  transform: rotate(-20deg);

               }
            }

            &:last-child {
               a {
                  &:after {
                     display: none;
                  }
               }
            }
         }
      }
      // copyright text
      .copyright-text {
         margin-top: 32px;

         p {
            font-size: 14px;
            font-weight: 700;
          
            text-transform: uppercase;
            opacity: 1;
            color: $white-color;
         }

         span,
         a {
            font-size: 14px;
            font-weight: 400;
            color: #6f6f8b;
         }
         &.white{
            p{
               color: $white-color;
            }
         }
      }
      // social list
      .footer-social-list {
         margin-top: 32px;

         li {
            a {
               color: $white-color;
               margin-left: 54px;

               &:hover {
                  color: $primary-blue;
               }
            }
         }
      }
   }
}
// copyright text
.copyright-text {
   p {
      color: #cad0ff;
      margin-bottom: 0;
      font-size: 14px;
   }
   &.white{
      p{
         color: $white-color;
      }
   }
}

/*------------------------------ 
      single post page 
-------------------------------*/
#content {
   padding: 30px 0;
}

// page-links
.page-links{
   display: block;
   overflow: hidden;
   position: relative;
   width: 100%;
   padding-top: 15px;
   a{
      color: #232323;
      span{
         color: #232323;
      }
   }
   a,
   span{
      display: inline-block;
   }
   .page-link:hover{
      background:#ff5500;
      color:#fff;
   }
}
/*-------------- breadcrumb ---------------- */
.post-featured-image {
   position: relative;
}
// breadcump
.breadcrumb {
   background: $white-color;
   webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.08);
   box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.08);
   padding: 0;
   border-radius: 0;

   li {
      display: inline-block;
      padding: 7px 15px 7px 15px;
      color: #232323;
      position: relative;
      font-size: 14px !important;
      word-wrap: break-word;
      white-space: pre-wrap;
      max-width: 100%;
      &:before {
         position: absolute;
         right: 0;
         top: 8px;
         content: '/';
         height: 100%;
         color:#999
      }

      a {
         color: #232323;

         i {
            margin-right: 8px;
         }
      }
      &:last-child{
         &:before{
            content: '';
            position: relative;
            color:#fff;
         }
      }

   }//Last child
}
// breadcump 2
.ts-breadcrumb {
   padding: 0;

   li {
      display: inline-block;
      list-style: none;
      font-size: 13px;
      color: #a9a9a9;

      a {
         color: #a9a9a9;
      }
   }

   >li+li:before {
      content: "\f105";
      font-family: FontAwesome;
      padding: 0 6px;
      color: #777;
   }
}
// single post comment box padding
.single-post-wrapper .content-wrapper,
.comments-form.ts-grid-box {
   padding: 30px 80px 40px;
}
// single post wrapper
.single-post-wrapper {
   code{
      white-space: pre-wrap;
   }
   table{
      margin-bottom: 20px;
   }
   .post-title.lg{
      line-height: 40px;
   }
  // post meta
   .post-meta-info {
      margin-bottom: 35px;
      padding-left: 0;
      position: relative;
      li {
         font-size: 12px;
         &.author {
            // padding-left: 60px;

            a {
               img {

                  width: 40px;
                  height: 40px;
               }
            }
         }

         a {
            &.post-cat {
               position: relative;
               left: 0;
            }
         }

         &.share-post {
            a {
               color: $white-color;

               i {
                  font-size: 16px;
                  width: 35px;
                  height: 35px;
                  border-radius: 50%;
                  -webkit-border-radius: 50%;
                  -ms-border-radius: 50%;
                  text-align: center;
                  padding: 9px 0px;
                  margin-right: 0px;
                  background: $primary-color;
               }
            }
            // share list
            .social-share-list{
              position: absolute;
              top: 0%;
              min-width: 200px;
              opacity: 0;
              visibility: hidden;
              transition: all ease 500ms;
              display:block;
              width: 100%;
              right: 50px;
              z-index: 1;
              padding: 0 0 0 20px;
              height: 50px;
              li{
                 margin: 0;
                 a{
                    &.facebook{
                        i{
                           background: $facebook;
                        }
                    }
                    &.twitter{
                        i{
                           background: $twitter;
                        }
                    }
                    &.googlePlus{
                        i{
                           background: $google-plus;
                        }
                    }
                    &.linkedin{
                        i{
                           background: $linkedin;
                        }
                    }
                   
                 }
              }
            }
            &:hover{
              .social-share-list{
                opacity: 1;
                visibility: visible;
                right: 0;
                background: $white-color;
              }
            }
         }
      }
   }

   // post media
   .post-media {
      margin: 0 -80px;
   }

   p {
      line-height: 28px;
      //color: #232323;
      margin-bottom: 25px;
   }
   // text bg for single post
   .text-bg {
      background: #f7f7f7;
      font-size: 13px;
      font-style: italic;
      text-align: center;
      padding: 9px;
      margin-bottom: 30px;
   }
   // entry content
   .entry-content {


      .tie-dropcap {

         color: #a7a7a7;
         float: left;
       
         font-size: 120px;
         line-height: 80px;
         font-weight: 700;
         background: transparent;
         margin-right: 17px;
         padding: 0;

      }

      h3 {
         font-size: 20px;
         //font-weight: 500;
         margin-bottom: 26px;
         line-height: 28px;
      }
   }


   // gallery image
   .gallery-img {
      position: relative;
      padding: 20px 0;
      border-top: 1px solid #dddddd;
      border-bottom: 1px solid #dddddd;
      margin-bottom: 30px;

      &:after {
         display: block;
         clear: both;
         content: "";
      }

      img {
         float: left;
         width: 20%;
      }
   }
}

p {
   img.float-left {
      margin-right: 30px;
      margin-bottom: 30px;
   }
}

// post video
.post-video {
   position: relative;
   // margin-bottom: 35px;

   img {
      width: 100%;
   }

   &:before {
      content: " ";
      position: absolute;
      display: block;
      width: 100%;
      height: 100%;
      z-index: 1;
      bottom: 0;
      left: 0;
      background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0) 14%, rgba(0, 0, 0, 0.85) 100%);
      background: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0) 14%, rgba(0, 0, 0, 0.85) 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(14%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.85)));
      background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 14%, rgba(0, 0, 0, 0.85) 100%);
      background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 14%, rgba(0, 0, 0, 0.85) 100%);
      background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 14%, rgba(0, 0, 0, 0.85) 100%);
   }

   // video post content
   .post-video-content {
      padding: 20px;

      position: absolute;
      left: 0;
      bottom: 0;
      z-index: 1;

      h3 {
         margin-bottom: 10px;

         a {
            color: $white-color;

            &:hover {
               color: $white-color;
            }
         }
      }
      .post-meta-info{
         li{
            color: $white-color;
            a{
               color: $white-color;
            }
            &.active{
               color: $primary-color;
            }
         }
      }

   }

   // play btn
   .ts-play-btn {
      position: relative;
      top: 0;
      left: 0;
      right: auto;
      font-size: 20px;
      width: 60px;
      height: 60px;
      border-radius: 50%;
      padding: 18px 0;
      display: block;
      text-align: center;
      font-size: 15px;
      background: $primary-color;
      float: left;
      color: $white-color;
      margin-right: 20px;

      &:hover {
         background: $primary-color;
      }
   }

}

//ts-overlay-style
.ts-overlay-style {
   .post-video {
      .ts-play-btn {
         position: absolute;
         left: 0;
         top: 0;
         right: 0;
         margin: auto;
         bottom: 0;
         z-index: 1;
      }
   }
}

/* author box --*/
.author-box {
   position: relative;
   padding: 25px 0 0;
   border-top: 1px solid #e7e7e7;
   margin-bottom: 20px;

   img {
      width: 80px;
      height: 80px;
      @include border-radius(50%);
      float: left;
      margin-right: 20px;
   }

   .author-info {
      padding-top: 5px;
   }

   .author-name {
      font-size: 14px;
      text-transform: uppercase;
      font-weight: 500;
   }

   p {
      margin-bottom: 0;
   }

// author social
   .authors-social {
      float: right;

      a {
         font-size: 14px;
         margin-left: 33px;

         &:first-of-type {
            margin-left: 0;
         }

         &.ts-twitter {
            color: $twitter;
         }

         &.ts-google-plus {
            color: $google-plus;
         }

         &.ts-facebook {
            color: $facebook;
         }

         &.ts-linkedin {
            color: $linkedin;
         }

         &:hover {
            color: $primary-color;
         }
      }
   }
   // author box 
   &.author-box-item {
      border: none;
      padding: 0 0 0 0px;
      margin-bottom: 0;

      .author-name {
         a {
            text-transform: lowercase;
         }
      }

      p {
         margin: 15px 0 20px;
      }

      .post-meta-info {
         margin-bottom: 0;

         li {
            a {
               font-size: 14px;
               color: #232323;
            }
         }
      }
   }
}

/* post navigation --*/
.post-navigation {
   padding-top: 30px;
   border-top: 1px solid #e7e7e7;
   a {
      span {
         font-size: 14px;
         font-weight: 600;
         display: block;
         color: $title-color;
      }

      p {
         font-size: 14px;
         font-weight: 500;
       
         margin-bottom: 0;
         line-height: 20px;
      }
   }
   // post prev and next
   .post-previous,
   .post-next {
      width: 50%;
      position: relative;

      &:hover {
         span {
            color: $primary-color;
         }
      }
   }

   .post-next {
      text-align: right;
      padding-left: 30px;
      img {
        float: right;
        margin-left: 15px;

      }
   }

   .post-previous {
      border-right: 1px solid #e7e7e7;
      padding-right: 30px;

      img {
        float: left;
        margin-right: 15px;
      }
   }

   img {
    
      width: 100px;
      height: 70px;

   }
}

/*-------------- right sidebar ---*/

.widgets {
   margin-bottom: 30px;

   .ts-social-list {
      li {
         margin-bottom: 15px;

         &:nth-last-child(1),
         &:nth-last-child(2),
         &:nth-last-child(3) {
            margin-bottom: 0;
         }
      }
   }

   &:last-of-type {
      margin-bottom: 0
   }

   .ts-overlay-style {
      .item {
         min-height: inherit;

         .post-content {
            padding: 13px 20px;
         }
      }
   }

   ul {
      li {
         font-size: 14px;
         color: #232323;
         margin-bottom: 12px;

         &:last-child {
            margin-bottom: 0;

         }

         a {
            font-size: 14px;
            color: #232323;

            &:hover {
               color: $primary-color;
            }
         }
      }
   }

  
   // sidebar tab list
   &.post-tab-list {
      .widget-title:before {
         left: -15px;
      }

      .post-content.media {
         margin-bottom: 10px;
         padding-bottom: 10px;

         &:last-of-type {
            margin-bottom: 0;
            padding-bottom: 0px;
         }
      }
   }


   &.ts-grid-box.ts-col-box {
      padding: 30px 15px 22px;
   }
// widget popuar post
   &.widgets-populer-post {
      padding: 30px 15px 20px;

      .widget-title {
         margin-left: 15px;
      }

      .ts-title {
         &:before {
            left: -15px;
         }
      }
      // post content media
      .post-content.media {
         margin-bottom: 12px;
         padding-bottom: 12px;
         border-bottom: 1px solid #ececec;

         &:last-of-type {
            margin-bottom: 0;
            padding-bottom: 0;
            border-bottom: none;
         }
      }
      // box no shadow
      &.grid-no-shadow {
         padding: 0;
         box-shadow: none;

         .block-title-style {
            .title-before {
               left: -30px;
            }
         }
      }

      h4.post-title {
         margin-bottom: 0;
      }
   }
   // ts social list item
   &.ts-social-list-item {

      ul {
         margin: -4px 0;

         li {
            display: inline-block;

            a {
               text-align: center;
               display: block;
               min-width: 57px;
               font-size: 13px;
               padding: 8px 0;
               margin: 4px 2px;
               color: #fff;

               i {
                  display: block;
                  font-size: 16px;
                  margin-bottom: 9px;
               }

               b,
               span {
                  display: block;
                  margin-bottom: 0;
                  line-height: 13px;
                  cursor: pointer;
               }

               b {
                  font-weight: 600;
                  margin-bottom: 4px;
               }

               span {
                  font-size: 10px;
               }
            }
         }

         .ts-facebook {
            a {
               background: $facebook;

            }
         }

         .ts-twitter {
            a {
               background: $twitter;

            }
         }

         .ts-google-plus {
            a {
               background: $google-plus;

            }
         }

         .ts-linkedin {
            a {
               background: $linkedin;

            }
         }

         .ts-pinterest {
            a {
               background: $pinterest;

            }
         }

         .ts-youtube {
            a {
               background: $youtube;

            }
         }

         .ts-instragram {
            a {
               background: $instragram;

            }
         }

         .ts-dribble {
            a {
               background: $dribble;

            }
         }

         .ts-behance {
            a {
               background: $behance;

            }
         }

      }
   }
// widget item
   &.widgets-item {
      .widget-title {
         margin-left: 20px;

         &:before {
            left: -20px;
            background: $primary-green;

         }
      }
   }
   // single widgets
   &.single-widget {
      .widget-title {
         margin-left: 20px;

         &:before {
            left: -20px;
            background: $primary-blue;
         }
      }

      .post-tab-list {
         padding: 0;
      }
   }
// blue dark heighlight
   .blue-dark-heighlight {
      .post-cat {
         color: $primary-blue-dark;
      }

      .post-content {
         .post-title {
            a {
               color: $white-color;

               &:hover {
                  color: $white-color;
               }
            }

            &.md {
               margin-bottom: 15px;
            }
         }

         p {
            color: $white-color;
         }

         .post-date-info {
            color: #a3b7ca;
         }
      }

   }


}

 // category list
 .category-list {
    padding-left: 0;
  li {
     display: block;
     clear: both;
     margin-bottom: 20px;
     span {
      float: right;
      color: $white-color;
      padding: 0px 0px;
      display: inline-block;
      @include border-radius(50%);
      height: 25px;
      width: 25px;
      display: block;
      text-align: center;
   }

     &:last-child {
        margin-bottom: 0;
     }
  }
}
// recent post
.elementor-widget-wp-widget-recent-posts{
   ul{
      padding: 0;
      
      li{
         list-style: none;
         padding: 10px 0;
         border-bottom: 1px solid #ececec;
         a{
            color: #232323;
            display: block;
            font-weight: 600;
         }
         &:last-child{
            border-bottom: none;
         }
      }
   }
}
// post list widgets
.widgets {
   &.post-list-tab {
      .nav-tabs li a {
         line-height: 20px;
         padding-bottom: 12px;
      }

      img.sidebar-img {
         width: 86px;
         height: 63px;
      }
   }

  // widget recent post tabs
  &.vinkmag_latest_post_tab_widget{
    padding: 0;
    .post-tab-list{
      padding-left: 15px !important;
      padding-right: 15px !important;
    }
  }
  // widgets text
  &.widget_text{
      .textwidget{
         img{
            margin: 10px 0;
         }
      }
      select{
         height: 35px;
      }
  }
  //widget_archive
  &.widget_archive{
   select{
      height: 35px;
   }
  }
  // widget widget_search
  &.widget_search{
      .form-control{
         text-align: left !important;
         font-size: 14px;
      }
  }
}
// sticky post

// sticky post
.sticky {
   &.post {
      position: relative;
      overflow: hidden;

      .meta-featured-post {
         display: block;
         position: absolute;
         right: -44px;
         top: 10px;
         background: $primary-color;
         width: auto;
         height: auto;
         padding: 12px 45px;
         color: #fff;
         display: inline-block;
         transform: rotate(45deg);
         font-size: 16px;
         z-index: 11;
         -webkit-transform: rotate(46deg);
      }
   }
}

.default-content{
   background: $white-color;
   .ts-post-thumb{
      margin-bottom: 0;
      img{
         width: auto;
      }
   }
   .post-content{
      padding: 30px;
      box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.08);
      .post-title{
         word-break: break-all;
      }
   }
   .read-more-btn{
      background: $primary-color;
      color: $white-color;
      border: none;
      font-weight: 600;
   }
   &.sticky{
      .post-content{
         padding-top: 30px;
      }
   }
   &.format-video .ts-post-thumb a:before, 
   &.format-video.ts-overlay-style:before{
      display:none;
   }
}
  


// tag list
.tagcloud {
   strong{
      margin-right: 15px;
      color: #232323;
      display: inline-block;
   }

   a {
      border: 1px solid #e7e7e7;
      padding: 5px 12px;
      @include border-radius(36px);
      line-height: 22px;
      font-size: 14px !important;
      color: #232323 !important;
      display: inline-block;
      margin-bottom: 5px;

      &:hover {
         background: $primary-color;
         border-color: $primary-color;
         color: $white-color !important;
      }
   }
   &.post-tag-colud{
      margin-top: 20px;
   }
}

// widget newsletter 
.ts-widget-newsletter {
   background: $primary-color;
   padding: 30px;

   .newsletter-introtext {
      h4 {
         font-size: 20px;
         color: $white-color;
         font-weight: 500;
       
         margin-bottom: 10px;
      }

      p {
         color: #fff;
         font-size: 15px;
         margin-bottom: 18px;
      }
   }

   // newsletter form
   .newsletter-form {
      .form-group {
         margin-bottom: 0;
      }

      .form-control {
         width: 100%;
         border-radius: 0;
         outline: none;
         margin-bottom: 25px;
         height: 40px;
         font-size: 12px;
      }
      .btn {
         background: #861714;
         padding: 12px 30px;

         &:hover {
            background: $primary-color;
         }
      }
   }
}


// tag title
.elementor-widget-wp-widget-tag_cloud {
   .elementor-widget-container {
      padding: 30px;
      h5 {
         font-size: 20px;
         font-weight: 500;
         margin-bottom: 20px;
         position: relative;
         &:before{
            position: absolute;
            left: -30px;
            top: 0;
            width: 3px;
            height: 100%;
            content: '';
            background: $primary-color;
         }
      }
   }
}
// archive widgets
.elementor-widget-wp-widget-archives ul{
   padding-left: 0;
   li{
      list-style: none;
      padding-left: 20px;
      position: relative;
      font-size: 15px;
      font-weight: 700;
     line-height: 34px;
     &:before{
      position: absolute;
      left:0;
       top: 13px;
       width: 10px;
       height: 10px;
      content: '';
      background: #036;
     }
   }
}


// widgets banner
.widget-banner,
.posts-ad {
   img {
      max-width: 100%;
   }
}

// block social list
.ts-block-social-list {
   li {
      margin-bottom: 10px;

      &:last-child {
         margin-bottom: 0;
      }

      a {
         display: block;
         padding: 7px 10px;
         color: $white-color;
         position: relative;

         i {
            width: 34px;
            height: 34px;
            @include border-radius(2px);
            text-align: center;
            color: $white-color;
            padding: 10px 0;
            margin-right: 5px;
         }

         b,
         span {
            color: $white-color;
            font-weight: 500;
          
            text-transform: capitalize;

         }

         span {
            position: absolute;
            right: 10px;
            top: 14px;
            bottom: 0;
            margin: auto;
            font-weight: 400;
         }
      }

      &.ts-facebook {
         a {
            background: $facebook;

            i {
               background: #324c82;
            }
         }
      }

      &.ts-twitter {
         a {
            background: $twitter;

            i {
               background: #4892cb;
            }
         }
      }

      &.ts-google-plus {
         a {
            background: $google-plus;

            i {
               background: #bc4031;
            }
         }
      }

      &.ts-pinterest {
         a {
            background: $pinterest;

            i {
               background: #a10718;
            }
         }
      }

      &.ts-linkedin {
         a {
            background: $linkedin;

            i {
               background: #11638a;
            }
         }
      }

      &.ts-youtube {
         a {
            background: $youtube;

            i {
               background: #ce3425;
            }
         }
      }
   }
}

// widgets title
.widget-title {
   font-size: 20px;
   font-weight: 500;
   margin-bottom: 25px;
   position: relative;

   &:before {
      position: absolute;
      left: -30px;
      top: 0;
      width: 3px;
      height: 100%;
      content: '';
      background: #d72924;
   }
}
// widgets title
.widgets-title {
   margin-bottom: 30px;
   position: relative;

   span {
      position: relative;
    
      font-size: 14px;
      font-weight: 400;
      background: $primary-green;
      color: $white-color;
      line-height: 26px;
      padding: 0 5px;
      padding: 2px 15px;
      display: inline-block;

      &:before {
         position: absolute;
         width: 20px;
         height: 100%;
         content: '';
         background: $white-color;
         right: -20px;
         top: 0;
      }

   }

   &:after {
      position: absolute;
      right: 0;
      bottom: 13px;
      width: 100%;
      height: 1px;
      background: #84be38;
      content: '';
      z-index: -1;
   }
}

// author box
.author-box-widget {
   padding: 0;
   text-align: center;
   .ts-post-thumb {
      margin-bottom: 0;
   }

   .post-content {
      padding: 20px;
      text-align: center;

      p {
         font-size: 14px;
         color: #585858;
      }
   }

   .authors-social {
      li{
         display: inline-block;
      }
      a {
         color: #8a8a8a;
         margin: 0 8px;
      }
   }
}

// post details
.post-details {
   .entry-header {
      .entry-title {
         font-size: 36px;
      }
   }

   table td,
   table th {
      border: 1px solid $gray-light;
   }
}

.single-post-wrapper{
   table td,
   table th {
      border: 1px solid $gray-light;
      padding:5px;
   }
}

.entry-content {
   h3 {
      font-size: 24px;
   }

   table {
      margin: 20px 0;
   }
}

/* Post social */

.post-social-icons>li {
   display: inline-block;
}

.post-social-icons a {
   margin-left: 10px;
   font-size: 16px;
   color: $gray-dark;
   text-align: center;

   &:hover {
      color: $primary-blue;
   }
}

/* tags list */
.post-tag-container {
   display: inline-block;

   span {
      color: $gray-dark;
      display: inline-block;
      font-size: 14px;
      margin-right: 10px;
   }
}
// tag list
.tag-lists {
   a {
      border: 1px solid $gray-light;
      color: $gray-dark;
      display: inline-block;
      font-size: 12px;
      padding: 3px 13px;
      margin-left: 3px;
      border-radius: 25px;
      margin-bottom: 20px;

      &:hover {
         background: $primary-blue;
         color: #fff;
         border: 1px solid transparent;
      }
   }
}

//Tag list end

/* Post social */

.post-social-share-container {
   float: right;

   ul {
      list-style: none;
      margin: 0;
      padding: 0;

      li {
         display: inline-block;

         a {
            color: $gray-dark;
            margin-left: 10px;

            &:hover {
               color: $primary-blue;
            }
         }
      }
   }
}

//Post social end

// right sidebar 
.right-sidebar,
.left-sidebar{
  margin-bottom: 20px;
  ul.sub-menu{
   padding: 15px 0px 0px 10px;
  }
  ul.children{
   padding: 15px 0px 10px 20px;
  }
   // social style 2 2
   .apsc-theme-2 .apsc-each-profile {
      width: 65px;
      margin: 0 0px;
  }
  // vinkmag_latest_news_widget
  .vinkmag_latest_news_widget{
     .recent-posts-widget{
      .list-unstyled{
         margin: 0 -15px;
         li{
            min-height: 80px;
            border-bottom: 1px solid #eae8e8;
            padding: 5px 0;
            &:last-child{
               border-bottom: none;
            }
            .post-meta{
               margin-bottom: 0;
               font-size: 11px;
            }
         }
      }
         .posts-thumb{
            img{
               width: 70px;
               height: 55px;
            }
         }
     }
  }
  // ts-grid-box add
  .ts-grid-box{
     &.widget_media_image{
        padding: 0;
        box-shadow: none;
        background: transparent;
        text-align: center;
        img{
           margin: 0;
        }
     }

     &.widget_categories{
         ul{
            li{
               text-align: right;
              
               a{
                  float: left;
               }
               clear: both;
               overflow: hidden;
               display: block;
            }
         }
     }
  }
  .post-tab-list{
     .post-title{
        font-size: 14px;
     }
  }

  .widgets.ts-grid-box.pu_media_upload{
     padding: 0;
     .widgets.author-box-widget.ts-grid-box{
        box-shadow: none;
     }
  }
}
// sidebar 1
.right-sidebar-1 {
   .widgets.widgets-item {
      .widget-title {
         margin-left: 0;

         span {
            background: $white-color;
            padding-right: 10px;
            position: relative;
         }

         &:before {
            left: 0;
            background: $primary-color;
            width: 100%;
            height: 1px;
            bottom: 0;
            margin: auto;
         }
      }
   }

}

// sidebar 2
.sidebar-2 {
   .widgets-populer-post {
      .post-content.media {
         margin-bottom: 20px;
         padding-bottom: 20px;
         border-bottom: 1px solid #ddd;

         &:last-of-type {
            margin-bottom: 0;
            border-bottom: none;
         }
      }
   }
}

// hot topics list
.topic-list {
   text-align: center;
   position: relative;
   display: block;
   margin: -30px auto 30px;
   border: none;
   background: $primary-color;
   color: $white-color;
   padding: 10px 40px;
   outline: none;
   font-size: 15px;
   font-weight: 700;
 
   text-transform: uppercase;
   appearance: none;
   min-width: 200px;


}

// social style 1
.apsc-theme-1 {
   display: block;
   clear: both;
   .apsc-each-profile {
      width: 60px;
      min-height: inherit;

      a {
         border-radius: 0;
      }

      .social-icon {
         i {
            font-size: 14px;
         }
      }
   }
}

// social style 2
.apsc-theme-2 {
   clear: both;
   display: block;
   .apsc-each-profile {
      width: 70px;
      margin: 0 5px;

      a {
         background: transparent;
         box-shadow: none;

         .apsc-inner-block {
            box-shadow: none;

            .social-icon {

               i {
                  font-size: 16px;
                  width: 45px;
                  height: 45px;
                  display: block;
                  text-align: center;
                  color: #fff;
                  border-radius: 4px;
                  -webkit-border-radius: 4px;
                  -ms-border-radius: 4px;
                  padding: 15px 0;
                  margin: auto auto 8px;
                  background: $primary-color;

                  &.apsc-facebook {
                     background: $facebook;
                  }

                  &.apsc-twitter {
                     background: $twitter;
                  }

                  &.apsc-googlePlus {
                     background: $google-plus;
                  }

                  &.apsc-instagram {
                     background: $instragram;
                  }

                  &.apsc-youtube {
                     background: $youtube;
                  }

                  &.apsc-soundcloud {
                     background: #f50;
                  }

                  &.apsc-dribbble {
                     background: #ea4c89;
                  }
               }

            }

            .apsc-count {
               color: #222222;
            }

            .apsc-media-type {
               color: #a9a9a9;
            }
         }

         &:hover {
            transform: scale(1) rotate(0deg);
         }
      }
   }
}

// social style 4
.apsc-theme-4 {
   display: block;
   clear: both;
   .apsc-each-profile {
      float: none;
      margin: 0 0 10px;

      a {
         height: 48px;
         line-height: 48px;
         border-radius: 0;
         display: block;
         i {
            width: 34px;
            height: 34px;
            border-radius: 2px;
            -webkit-border-radius: 2px;
            -ms-border-radius: 2px;
            text-align: center;
            color: #fff;
            padding: 10px 0;
            margin-right: 5px;
            font-size: 16px;
            background: $primary-color;

            &.apsc-facebook {
               background: #324c82;
            }

            &.apsc-twitter {
               background: #4892cb;
            }

            &.apsc-googlePlus {
               background: #bc4031;
            }

            &.apsc-instagram {
               background: $instragram;
            }

            &.apsc-youtube {
               background: #da1300;
            }

            &.apsc-soundcloud {
               background: #f50;
            }

            &.apsc-dribbble {
               background: #dc3274;
            }
         }

         .apsc-count {
            float: right;
         }
      }

      &:last-of-type {
         margin-bottom: 0;
      }
   }

}

/*------------------------- 
comments-form
--------------------------*/
.comments-form {
   .comment-respond{
      margin-bottom: 15px;
   }
   .comment-reply-title {
      font-weight: 500;
      line-height: 32px;
      margin-bottom: 20px;
      font-size: 20px;
      clear: both;
      #cancel-comment-reply-link{
         float: right;
         color: #232323;
      }
   }

   .comment-form-cookies-consent {
      margin-bottom: 30px;

      label {
         font-size: 15px;
       ;
         color: #232323;
         cursor: pointer;
         display: inline;
      }
   }
   a{
      color: #232323;
   }
}

// comment form
.ts-form,
.comment-form {
   .form-control {
      height: 45px;
      width: 100%;
      @include border-radius(0);
      margin-bottom: 20px;
      font-size: 14px;

      &:focus {
         box-shadow: none;
         border-color: $primary-color;
      }

      &.msg-box {
         height: 185px;
         resize: none;
      }
   }

   textarea.form-control {
      height: 200px;
      margin-bottom: 30px;
      resize: none;
   }

   p.form-submit {
      margin-bottom: 0;
   }
}

.view-all-link {
   font-size: 14px;
   color: #5c5c5c;
   font-weight: 600;
}


/* Post comment */
.blog-post-comment {
   .comment-title {
      font-size: 18px;
   }

   .comment-info [class*=col-md-] {
      margin-bottom: 15px;
      position: inherit;
   }

   .comment-respond {
      .comment-reply-title {
         font-size: 24px;
      }

      .comment-form {
         .comment-notes {
            font-style: italic;
         }

         .btn.btn-primary {
            margin-top: 40px;
         }
      }

      //comments form
   }

   //Comment respond
}

.loginformuser {
   .form-control {
      height: 100%;
   }
}

/* Common */
.pingback p,
.pingback .says {
   display: none;
}

.single-post-wrapper .comments-list {
   margin-bottom: 0;
   padding-left: 0;
   li.comment{
      list-style: none;
   }
}

// comment list
.comments-list {
   list-style: none;
   margin: 0;
   padding:  30px 0 0px 0;
   .pingback .comment-body {
      margin-left: 0;
   }
  

   img{
      float: left;
      margin-right: 15px;
   }

   .comment {
      list-style: none;

      .last {
         border-bottom: 0;
         padding-bottom: 0;
         margin-bottom: 0;
      }
   }

   .comment-author {
      margin-bottom: 0;
      margin-top: 0;
      font-weight: 700;
      font-size: 18px;
      color: $title-color;
      font-style: normal;

      cite {
         font-style: normal;
      }
   }

   .comment-date {
      color: $title-color;
      font-size: 14px;
      display: block;
      margin-top: -5px;
   }

   .comment-content {
      margin: 15px 0;
      p{
         img{
            float: none;
         }
      }

   }

   .comment-body {
      border-bottom: 1px solid $gray-light;
      padding-bottom: 20px;
      margin-bottom: 30px;
      margin-left: 110px;
   }


   img.avatar {
      width: 80px;
      height: 80px;
      border-radius: 100%;
      margin-right: 30px;
   }
   ul.children{
      img.avatar {
         width: 60px;
         height: 60px;
      }
   }

   .comment-reply-link {
      color: #252a37;
      font-weight: 400;
      font-size: 14px;

      i {
         margin-right: 5px;
      }

      &:hover {
         color: $primary-blue;
      }
   }

   //reply lin end
}

//Comments link

.comments-counter {
   font-size: 18px;

   a {
      color: $gray-dark;
   }
}

.comments-reply {
   list-style: none;
   margin: 0 0 0 70px;
}

/*-- my blog --*/




/*------------- single post style 2 ---------------*/
.category-name-list {
   margin-bottom: 20px;

   .post-cat {
      position: relative;
      left: 0;
      margin-right: 10px;
   }
}

.post-layout-1 {
   .post-meta-info {
      margin-bottom: 40px;

      li {
         &.author {
            // padding-left: 60px;

            a {
               text-transform: uppercase;
               font-weight: 500;
               color: #232323;

               img {
                  width: 40px;
                  height: 40px;
                  // top: -8px;
               }
            }
         }
      }
   }

   // breadcrump
   .breadcrumb {
      margin-bottom: 2px;
   }

   .vinkmag-single p span {
      background: transparent;

   }

   .gallery-img {
      margin: 40px 0;
   }

}

// single big image
.single-big-img {
   min-height: 550px;
   background-size: cover;
   background-position: center center;
   background-repeat: no-repeat;
   position: relative;
   display: block;

   .ts-video-btn {
      top: 50%;
      transform: translateY(-15%);
   }
}

// img overlay
.img-ovarlay {
   &:before {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      content: '';
      background: rgba(0, 0, 0, .3);
   }
}

/*------------ post layout 3 ----------------*/
.post-layout-2 {
   .single-big-img {
      &:before {
         position: absolute;
         left: 0;
         top: 0;
         background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 14%, rgba(0, 0, 0, 0.85) 100%);
         content: '';
         width: 100%;
         height: 100%;
      }

      .entry-header {
         position: absolute;
         left: 0;
         bottom: 0;
         padding: 30px 80px;

         .post-title {
            color: $white-color;
         }
      }
   }
   //post layout 2 meta
   .post-meta-info {
      > li {
         color: $white-color;

        > a {
            color: $white-color;
         }

         &.author {
            a {
               text-transform: uppercase;
            }
         }

         &.share-post {
            a {
               i {
                  font-size: 16px;
                  width: 35px;
                  height: 35px;
                  border-radius: 50%;
                  -webkit-border-radius: 50%;
                  -ms-border-radius: 50%;
                  text-align: center;
                  padding: 9px 0px;
                  margin-right: 0px;
                  background: #d72924;
               }
            }
         }
      }
   }

   .breadcrumb {
      margin-bottom: 2px;
   }
}

/*--------------------post-layout-4 ------------*/
.post-layout-3 {
   .content-wrapper.vinkmag-single {
      padding-top: 0;
   }
}
// post layout 7
.post-layout-7 {
   padding-top: 0;

   .single-big-img {
      &:before {
         position: absolute;
         left: 0;
         top: 0;
         background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 14%, rgba(0, 0, 0, 0.85) 100%);
         content: '';
         width: 100%;
         height: 100%;
      }

      .entry-header-item {
         padding-top: 332px;
         padding-bottom: 40px;
      }

      .entry-header {
         .post-title {
            color: $white-color;
         }
      }
   }
   // post meta info
   .post-meta-info {
      li {
         color: $white-color;

         a {
            color: $white-color;
         }

         &.author {
            a {
               text-transform: uppercase;
            }
         }

         &.share-post {
            a {
               i {
                  font-size: 16px;
                  width: 35px;
                  height: 35px;
                  border-radius: 50%;
                  -webkit-border-radius: 50%;
                  -ms-border-radius: 50%;
                  text-align: center;
                  padding: 9px 0px;
                  margin-right: 0px;
                  background: #d72924;
               }
            }
         }
      }
   }


}

/*------------------ pos layout 6 -----------*/
.post-layout-6 {
   .vinkmag-single.content-wrapper {
      margin-top: -150px;
   }
}


/*-------------- post-layout-10--------*/
.post-layout-10 {
   .entry-header {
      background: $white-color;
      padding: 30px;

      .post-cat {
         left: 0;
         margin-right: 15px;
         margin-bottom: 20px;
      }
   }
}

/*----------- ----------------------------------
      home 2
 ----------------------------------*/
.ts-grid-box {
   &.ts-category-title {
      padding: 18px 30px;

      .ts-title {
         margin-bottom: 0;
      }
   }
}

// ts list post box
.ts-list-post-box {
   .ts-post-thumb {
      margin-bottom: 0;
   }

   &.ts-grid-content {
      .post-content {
         padding-top: 20px;
         padding-bottom: 15px;
         box-shadow: none;
         border-bottom: 1px solid #f0f1f4;
      }

      .item {
         .post-title {
            margin-bottom: 5px;
         }

         &:last-of-type {
            .post-content {
               border-bottom: none;
            }

            box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.08);
         }
      }
   }
}

// post list box content
.post-list-box.ts-list-post-box.ts-grid-content {
   .post-content {
      &:last-of-type {
         border-bottom: none;
      }
   }
}


/*-------- video slider ----*/

.flex {
   display: -webkit-flex;
   display: flex;
   -webkit-flex-direction: row;
   flex-direction: row;
   -webkit-justify-content: flex-start;
   justify-content: flex-start;
}
//video slider
.video-slider {
   overflow: hidden;
   position: relative;

   .slider-link.next {
      position: relative;
   }

   .post-video {
      margin-bottom: 0;

      .post-video-content {
         padding: 40px;

         h3 {
            margin-bottom: 12px;
         }
      }

      .ts-play-btn {
         position: absolute;
         right: 0;
         top: 0;
         bottom: 0;
         left: 0;
         margin: auto;
         z-index: 1;
         background: $primary-color;
         border-color: $primary-color;
      }

      img {
         max-height: 500px;
      }
   }
   //video slider content
   .owl-nav {
      left: 0;
      top: 50%;
      right: auto;
      background: #272727;
      color: #fff;
      padding: 0 10px;
      margin-left: 40px;
      .owl-prev{
         margin-left: 0;
      }
   }

}
// category style box
.category-style {
   .ts-col-box.ts-grid-box {
      padding: 30px 15px 22px;

      .post-cat {
         left: 20px;
      }

      .ts-title {
         padding-left: 15px;
      }
   }
}

// video icon
.ts-video-icon {
   position: absolute;
   left: 0;
   top: 50%;
   transform: translateY(-50%);
   right: 0;
   margin: auto;
   display: block;
   text-align: center;
   font-size: 48px;
   color: #fff;
   z-index: 2;

   &:hover {
      color: $white-color;
   }
}

// category box item
.category-box-item {
   .ts-grid-box {
      .ts-post-thumb {
         img {
            max-height: 340px;
         }
      }
   }
}

// category item 1
.category-post-item1 {
   .ts-grid-box {
      .ts-post-thumb {
         img {
            max-height: 194px;
         }
      }
   }
}

// category item
.category-item {
   padding-bottom: 24px;


}

// category box item 3
.category-box-item-3 {
   .item {
      p {
         margin-bottom: 0;
      }
   }
   padding-bottom: 20px;
}

// category layout content min height
.archive {
   .grid-sm {
      .post-content {
         min-height: 95px;
      }
   }

   .grid-md {
      .post-content {
         min-height: 192px;
      }
   }
   // category layout
   .category-layout-1{
    .grid-md {
      .post-content {
         min-height: 1px;
      }
   }
   }
   .category-layout-1,
   .category-layout-2 {

      .ts-grid-box.ts-grid-content {
         background: $white-color;

         .post-content {
            padding: 0 20px 10px 20px;
            box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.08);
            .post-title{
               margin-bottom: 5px;
            }

            p {
               display: none;
            }

         }
         .post-meta-info{
            li.author,
            li.active{
               display: none;
            }
         }
      }
   }
   // category layout 3
   .category-layout-3 {
      .ts-grid-box.ts-grid-content {
         background: $white-color;

         .post-content {
            padding: 0 20px 10px 20px;
            box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.08);
         }
      }
   }
   // categroy layout 4
   .category-layout-4 {
      .grid-md {
         .post-content {
            min-height: 125px;

            .post-title {
               font-size: 20px;
            }
         }
      }
   }
   //categroy layout 5
   .category-layout-5 {
      .grid-md {
         .post-content {

            min-height: inherit;
         }

         .ts-overlay-style {
            .ts-post-thumb {
               .post-cat {
                  position: absolute;
                  top: 0;
               }
            }

            .post-title {
               font-size: 20px;
            }
         }
      }
   }
   &.author{
      .ts-grid-box{
         .ts-breadcrumb{
            display: none;
         }
         .ts-title{
            display: none;
         }
      }
   }
}
  // entry header
.entry-cat-header {
   .ts-title {
      margin-bottom: 0;
   }
}

// category layout 3
.category-layout-3 {
   .post-meta-info li a {
      color: #232323;
      text-transform: uppercase;
   }
}

// post cat no bg
.post-cat.no-bg {
   margin-left: 0;
   background: transparent;
   color: $primary-color;
   margin-bottom: 10px;
}

// post cat color
.post-cat.no-bg.pink-color {
   color: #ff5575;
}

.post-cat.orange-color.no-bg {
   color: $orange-color;
}

.post-cat.blue-color.no-bg {
   color: $blue-color;
}

.post-cat.green-color.no-bg {
   color: $green-color;
}

.post-cat.yellow-color.no-bg {
   color: $yellow-color;
}

.category-layout-5 {
   .ts-grid-box {
      box-shadow: none;
   }

   .ts-overlay-style {
      .ts-post-thumb {
         margin-bottom: 0;
      }
   }
}

// category layout 6
.category-layout-6 {
   .entry-cat-header {
      .ts-title {
         margin-left: 0px;
      }
   }
   .post-list.ts-grid-box{
      padding-bottom: 15px;
   }
}
// post thumbnails
.ts-post-thumb {
   position: relative;
   width: 100%;
   height: 100%;
   overflow: hidden;
   margin-bottom: 20px;


   img {
      @include transition();
      width: 100%;
   }
}

/*--------------------- ts-category-list----------*/
.ts-category-list {
   li {
      display: inline-block;

      a {
         font-size: 13px;
         color: #232323;
         background: #e9e9e9;
         display: block;
         line-height: 22px;
         padding: 2px 11px;
         margin-left: 6px;
         @include border-radius(2px);

         &.ts-blue-bg {
            background: $blue-color;
            color: $white-color;
         }
      }
   }
}

/*------------------------- pagination --------------*/
.pagination {
   display: block;

   li {
      display: inline-block;

      a {
         display: block;
         width: 30px;
         height: 30px;
         text-align: center;
         @include border-radius(50%);
         line-height: 31px;
         font-size: 14px;
         color: #888888;
      }

      &.active,
      &:hover {
         a {
            background: $primary-color;
            color: $white-color;
         }
      }
   }
}

// pagination 1
.ts-pagination-1 {
   margin-top: 30px;

   .pagination {
      li {
         a {
            &:hover {
               background: $primary-green;
            }
         }

         &.active {
            a {
               background: $primary-green;
            }
         }

      }
   }
}


/*-------- post box veriation css -----*/
.post-style-1 {
   position: relative;
   margin: 0;

   .p-1 {
      padding: 0 2px !important;
   }

   .item {
      min-height: 500px;
   }

   &.ts-overlay-style .overlay-post-content {
      .post-title {
         margin-bottom: 5px;
      }
   }

}
// post box style
.post-box-style {

   .ts-grid-box {
      box-shadow: none;
      background: transparent;
   }

   .ts-grid-content {
      .post-content {
         background: transparent;
         box-shadow: none;
      }

      .item:last-of-type {
         box-shadow: none !important;

         .post-content {
            border-bottom: none;
         }
      }
   }

   .ts-overlay-style .overlay-post-content {
      .post-meta-info {
         li.active {
            color: $primary-green;
         }
      }
   }

}

/*---------- ts-title-item -------------*/
.ts-title-item {
   position: relative;
   margin-bottom: 30px;

   .view-all-link {
      position: relative;
      top: -8px;
   }

   &.title-item-1 {
      .ts-title {
         &:before {
            background: $primary-blue-dark;
         }

         &:after {
            display: none;
         }
      }

   }

   &.white {
      .ts-title {
         color: $white-color;
      }
   }
}


// grid post item
.ts-grid-item {
   .overlay-post-content {
      .post-title {
         a {
            &:hover {
               color: $white-color;
            }
         }
      }
   }

   padding: 0;
   background: transparent;
   box-shadow: none;

   &.widgets-populer-post {
      padding: 0;

      .post-content.media {
         padding-bottom: 17px;
         margin-bottom: 17px;
         border-bottom: 1px solid #ededed;

         &:last-of-type {
            margin-bottom: 0;
            padding-bottom: 0;
            border-bottom: none;
         }

      }
   }

   .ts-grid-content .item:last-of-type {
      box-shadow: none;

      .post-content {
         border-bottom: none;
      }
   }

   &.ts-grid-item1 {
      .col-lg-6 {
         .ts-post-thumb {
            img {
               max-height: 230px;
               width: 100%;
            }
         }
      }
   }
   //overlay style
   .ts-overlay-style {
      .post-meta-info {
         li {
            &.author {
               a {
                  &:hover {
                     color: $primary-green;
                  }
               }
            }

         }
      }
   }

}

// ts overlay style 2 
.ts-post-style-2 {
   .ts-overlay-style {
      .item {
         min-height: 450px;
      }
   }
}

// ts grid style 1
.grid-style-1 {
   .ts-post-thumb {
      margin-bottom: 15px;
   }
}

.ts-grid-style-2 {

   .post-cat {
      left: 0;
      margin-bottom: 12px;
   }
}


/*--------------------- food css -----*/
.slider-grid-style3 {
   .item {
      min-height: 430px;
   }

   .owl-dots {
      position: absolute;
      right: 0;
      top: auto;
      z-index: 1;
      bottom: 21px;
      left: 0;
      margin: auto;
      display: block;
      text-align: center;

      .owl-dot {
         span {
            background: #fff;
         }

         &.active {
            span {
               background: #fff;
            }
         }
      }
   }
}

// featured post
.ts-featured-post {
   .item {
      position: relative;
      background-position: 50% 50%;
      -webkit-background-size: cover;
      background-size: cover;
      -webkit-backface-visibility: hidden;
   }

   // post overlay content
   .overlay-post-content {
      max-width: 520px;
      right: 0;
      top: 50%;
      bottom: 0;
      margin: auto;
      left: 0;
      transform: translateY(-50%);
      z-index: 1;
      text-align: center;

      .post-cat-name {
         margin-bottom: 30px;
         padding-bottom: 25px;
         position: relative;
         display: block;

         &:before {
            position: absolute;
            left: 0;
            bottom: 0;
            right: 0;
            width: 45px;
            height: 1px;
            background: #897f7a;
            margin: auto;
            content: '';
         }
      }

      .post-title {
         margin-bottom: 20px;
      }

   }
}

// post cat name
.post-cat-name {
   font-size: 13px;
   font-weight: 700;
   text-transform: uppercase;
 
   color: $primary-green;
   margin-bottom: 10px;
   display: inline-block;
   letter-spacing: 0.65px;

   &:hover {
      color: $primary-green;
   }
}

// post author name
.post-author-name {
   font-size: 12px;
   line-height: 26px;
   color: $white-color;
   text-transform: uppercase;
 ;

   &:hover {
      color: $primary-green;
   }
}

// post content
.post-content-box {
   .ts-post-thumb {
      margin-bottom: 0;
   }

   .post-content {
      padding: 18px 15px;
      margin: -20px 20px 0px;
      background: $white-color;
      text-align: center;

      .post-cat {
         left: 0;
      }
   }
}

// featured content box
.featured-content-box {
   .post-content {
      padding: 35px 35px;
      margin: -40px 40px 0px;
   }

}


/*----- post-list-tab------*/
.post-list-tab {

   .post-tab-list {
      padding: 20px 0 0;
   }

}



// ts title item
.ts-title-item {
   .ts-title {
      &:after {
         position: absolute;
         right: 0;
         bottom: 10px;
         width: 100%;
         height: 1px;
         background: #e4e4e4;
         content: '';
         z-index: 0;
      }

      span {
         background: #fff;
         z-index: 1;
         position: relative;
         padding: 0px 20px 0 0;
      }
   }

   &.bg-gray {
      .ts-title {
         span {
            background: #f7f7f7
         }
      }
   }
}
// ts overlay style item for video btn
.ts-overlay-item {
   .ts-overlay-style {
      .item {
         .ts-post-thumb {
            margin-bottom: 0;
         }
      }

      .ts-video-icon {
         &:hover {
            color: $white-color;
         }
      }
   }
}
// post list
.post-list {
   .post-meta-info li {
      margin-right: 18px;

      a {
         color: #232323;
         font-weight: 500;
      }
   }

   .post-content-box .post-content {
      padding: 26px 15px;
      margin: -40px 20px 0px;
   }

   .ts-post-thumb {
      position: relative;

      .post-cat {
         position: absolute;

      }
   }

}
// hot topics item
.hot-topics-item {
   .post-list {
      .post-content p {
         padding-right: 20px;
      }
   }

   .widgets.widgets-item.widgets-populer-post {
      padding: 0;
   }

}


/*-----------------------------
 instragram photo 
 --------------------------*/
.instagramPhoto {
   padding: 0;
   position: relative;
}

.ts-single-inst {
   width: 100%;
   overflow: hidden;

   img {
      width: 100%;
      @include transition();

      &:hover {
         opacity: 0.7;
         transform: scale(1.06);
      }
   }
}


/*----------- ---------------
       technology index css
   ----------------------------*/

.featured-section-item {
   background: #000032;
}

.ts-grid-features-box {
   padding: 60px 40px 100px;
   background: $white-color;
   // height: 510px;

   .post-cat {
      left: 0;
      margin-bottom: 20px;
   }

   .post-content {
      .post-title {
         a {
            &:hover {
               // color: $primary-blue;
            }
         }
      }

      p {
         font-size: 15px;
         margin-bottom: 25px;
         color: #777777;
      }
   }

   .post-meta-info {
      li {
         &.active {
            color: $primary-blue;
         }
      }
   }

}


// heiglight color
.overlay-heighlight-blue {
   .item {
      .post-date-info {
         color: $white-color;
      }

      &:before {
         background-image: linear-gradient(0deg, rgb(64, 195, 246) 0%, rgba(43, 192, 245, 0) 100%);
         opacity: .6;
      }
   }
}
// overlay heighlight green
.overlay-heighlight-green {
   .post-date-info {
      color: $white-color;
   }

   .item {
      &:before {
         background-image: linear-gradient(0deg, rgb(12, 211, 31) 0%, rgba(12, 211, 31, 0) 100%);
         opacity: .6;
      }
   }
}
// heighlight color
.overlay-heighlight-red {
   .post-date-info {
      color: $white-color;
   }

   .item {
      &:before {
         background-image: linear-gradient(0deg, rgb(247, 27, 48) 0%, rgba(211, 12, 35, 0) 100%);
         opacity: .6;
      }
   }
}
// heighlight color blue
.overlay-heighlight-blue {
   .post-date-info {
      color: $white-color;
   }

   .item {
      &:before {
         background-image: linear-gradient(0deg, rgb(64, 195, 246) 0%, rgba(43, 192, 245, 0) 100%);
         opacity: .6;
      }
   }
}
// heighlight color orange
.overlay-heighlight-orange {
   .post-date-info {
      color: $white-color;
   }

   .item {
      &:before {
         background-image: linear-gradient(0deg, rgb(242, 82, 11) 0%, rgba(43, 192, 245, 0) 100%);
         opacity: .7;
      }
   }

}
// heighlight color dark
.overlay-heighlight-blue-dark {
   .post-date-info {
      color: $white-color;
   }

   .item {
      &:before {
         background-image: linear-gradient(0deg, rgb(0, 125, 255) 0%, rgba(43, 192, 245, 0) 100%);
         opacity: .7;
      }
   }

   .post-meta-info li.active {
      color: $primary-blue !important;
   }
}
// heighlight yellow
.overlay-heighlight-yellow {
   .post-date-info {
      color: $white-color;
   }

   .item {
      &:before {
         background-image: linear-gradient(0deg, rgb(177, 142, 21) 0%, rgba(255, 178, 45, 0) 100%);
         opacity: .8;
      }
   }

   .post-meta-info li.active {
      color: $primary-blue !important;
   }
}

// ts-heading
.ts-heading {
   margin-bottom: 30px;
   padding-bottom: 20px;
   border-bottom: 1px solid #e5e5e5;

   .ts-title {
      // margin-left: 20px;
      margin-bottom: 0;

      &:before {
         left: -30px;
         background: $primary-blue;
      }
   }

   .view-all-link {
      &:hover {
         color: $primary-blue;
      }
   }

   &.white {
      .ts-title {
         color: $white-color;
      }

      .view-all-link {
         position: relative;
         color: $white-color;
      }
   }

}
// featured post
.featured-post {
   .item {
      background-position: 50% 50%;
      -webkit-background-size: cover;
      background-size: cover;
      -webkit-backface-visibility: hidden;
   }
}

.featured-post-1 {
   .item {
      min-height: 460px;
   }
}

.featured-post-2 {
   .item {
      min-height: 314px;
   }
}

/*----------------------------
  vedio-section
  ------------------------------*/
.vedio-section {
   padding: 30px 0 10px;
   position: relative;

   &:before {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      content: '';
      background: rgba(0, 0, 50, .7);
   }
}

.post-category-item {
   .item {
      min-height: 330px;
   }
}

/*-----------------------
  load-more
  -------------------------*/
.load-more {
   margin-top: 20px;

   a {
      color: #a9a9a9;
      font-size: 14px;
   }

   i {
      display: block;
      font-size: 50px;
      margin-bottom: 5px;
   }
}


.blue-dark-heighlight {
   background: $primary-blue-dark;
   color: $white-color;
}


/*----------------------------
  footer 4 
  ------------------------*/
.footer-logo {
   img {
      max-height: 44px;
   }
}

.ts-footer-4 {
   background: #1a2130;
   padding: 40px 0;

   .footer-top {
      padding: 0px 0 35px;

   }

   .border-top {
      border-color: #313845;
   }

   .footer-social-list {
      li {
         a {
            color: $white-color;

         }
      }
   }
}

// footer widgets
.footer-widget {
   position: relative;

   .widget-title,
   h5 {
      color: $white-color;
      font-size: 18px;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.9px;
      margin-bottom: 25px;
      &:before {
         display: none;
      }
   }

   ul {
      li {
         font-size: 14px;
         line-height: 32px;
         color: #a8a9ad;

         a {
            color: #ffffff;

            &:hover {
               color: $primary-blue-dark;
            }
         }
      }
   }

   p {
      color: #f0f0f1;
      font-size: 15px;
   }

   &.newsletter-widgets {
      padding-left: 50px;
      padding-top: 20px;

      h4 {
         font-size: 20px;
         font-weight: 500;
         color: $white-color;
         margin-bottom: 40px;
      }

      .newsletter-widgets-form {
         position: relative;
         margin-bottom: 30px;

         .newsletter-email {
            width: 100%;
            height: 40px;
            padding: 0 100px 0 20px;

            &::placeholder {
               letter-spacing: 1.2px;
               color: #a9a9a9;
            }
         }

         .btn {
            position: absolute;
            right: 0;
            top: 0;
            height: 40px;
            padding: 10px 37px;
            background: $primary-yellow;

            &:hover {
               background: #232323;
            }
         }

         p {
            color: #8b9196;
         }
      }
   }
}


// footer style 5
.ts-footer-5 {
   .footer-widget {
      &.border-right {
         &:after {
            position: absolute;
            right: -10px;
            top: 0;
            width: 1px;
            height: 150px;
            bottom: 0;
            margin: auto;
            content: '';
            background: #454e56;
         }
      }

      .footer-logo {
         padding: 20px 0;
      }

      .footer-social-list {
         li {
            a {
               &:hover {
                  color: $primary-yellow;
               }
            }

            &:first-child {
               a {
                  margin-left: 0;

               }
            }
         }
      }

      p {
         padding-right: 50px;
      }
   }
}

// copyright sec
.copyright-section {
   background: #101727;

   .footer-menu {
      margin-bottom: 0;
   }
}

.link-img {
   display: block;
   width: 100%;
   min-height: 100px;
   background-position: center center;
   background-size: cover;
   background-repeat: no-repeat;
}
.img-link{
   display: block;
   width: 100%;
   height: 100%;
   position: absolute;
   z-index: 1;
}
.img-height-310 {
   min-height: 324px;
}

/*-------------- footer nine ------------------*/
.ts-footer {
   &.dark-skin {
      padding: 60px 0 0;
   }

   .bar {
      border-top: 1px solid #535252;
   }

   .footer-widgets {
      margin-bottom: 50px;
   }
}

// footer widgets
.footer-widgets {

   &.tag-list ul {
      li {
         a {
            color: #fff;
            border-color: #383534;
            line-height: 26px;
            margin-bottom: 10px;
            display: inline-block;
            padding: 0px 10px;
         }
      }
   }

   // widget title
   .widget-title {
      font-size: 18px;
      color: $white-color;
      margin-bottom: 35px;

      &:before {
         display: none;
      }
   }

   // footer post list
   .footer-post-list {
      .post-content {
         margin-bottom: 20px;

         &:last-of-type {
            margin-bottom: 0;
         }
      }

      .sidebar-img {
         width: 85px;
         height: 60px;
      }

      .post-title {
         font-weight: 400;

         a {
            color: $white-color;
         }
      }
   }

   // post rating
   .post-rating {
      i {
         &.fa-star {
            color: #ffd529;
         }
      }
   }

   // widget gallery
   .widget-gallery {
      img {
         width: 75px;
         height: 60px;
         margin-right: 5px;
         margin-bottom: 9px;
      }
   }
}

// footer bottom
.footer-bottom {
   padding: 40px 0;

   .footer-content {
      padding-right: 20px;

      p {
         color: $white-color;
         margin-bottom: 0;
      }
   }

   // footer social
   .footer-social {
      li {
         margin-right: 0;
      }
   }
}

// copyright-section dark-skin
.copyright-section.dark-skin {
   background: #111111;
}


/*--------------- crypto css --------------*/

.top-bar-item {
   .ts-date {
      color: $white-color;
   }

   .ts-top-nav {
      li {
         a {
            color: $white-color;
         }
      }
   }
}

.category-post-style1 {
   .post-content {
      .post-cat {
         left: 0;
         margin-bottom: 15px;
      }

      p {
         font-size: 15px;
         color: #232323;
      }
   }
}

/*-------------- -------------
breakink-news-section
----------------------------------*/
.breakink-news-section {
   border-bottom: 1px solid #e5e5e5;

   .ts-breaking-news {
      padding: 7px 20px 1px 0;

    
   }

   #breaking_slider {
      .owl-nav {
         top: -7px;

         .owl-prev,
         .owl-next {
            width: 34px;
            margin-left: 0;
            height: 38px;
            font-size: 24px;
            border-left: 1px solid #e5e5e5;
            background: transparent;

            &:hover {
               color: $primary-yellow;
            }
         }

         .owl-next {
            border-right: 1px solid #e5e5e5;
         }
      }
   }
}


// grid style 3
.ts-grid-style-3 {
   .ts-overlay-style {
      margin-bottom: 4px;

      .item {
         min-height: 247px;

         .post-cat {
            left: 0;
            margin-bottom: 13px;
         }
      }
   }

   &.p-1 {
      padding-top: 0 !important;
   }
}


.currency-list-items {
   padding: 18px;
   position: relative;
   overflow: hidden;
   padding-right: 80px;
   display: block;


   h4 {
      font-size: 14px;
      font-weight: 700;
      color: $white-color;
      text-transform: uppercase;
      letter-spacing: 0.7px;
   }

   span {
      font-size: 11px;
      text-transform: uppercase;
      line-height: 15px;
      color: #efefef;
      display: block;
   }

   .currency-right-content {
      position: absolute;
      right: 15px;

      bottom: 0;
      margin: auto;
      transform: translateY(-50%);
      z-index: 1;
   }

   img {
      position: absolute;
      right: 29px;
      bottom: -15px;
      opacity: .8;
   }

   &.currency-blue-dark-heighlight {
      background-image: linear-gradient(to right, #242279, #6663ae);
   }

   &.currency-yellow-heighlight {
      background-image: linear-gradient(to right, #ff8f00, #ffbd00);
   }

   &.currency-gray-heighlight {
      background-image: linear-gradient(to right, #556685, #98a2b5);
   }

   &.currency-blue-heighlight {
      background-image: linear-gradient(to right, #0d21b6, #2a6cd4);
   }

   &.currency-green-heighlight {
      background-image: linear-gradient(to right, #63a20a, #a2c821);
   }
}

// dark item for tabs
.bg-dark-item.post-list-item {
   background: #121524;

   .ts-grid-box {
      background: transparent;
   }

   .nav-tabs {
      border-bottom: none;
      margin-bottom: 8px;

      li {
         a {
            color: $white-color;
            background: #896122;

            &:hover {
               color: $white-color;
            }

            &.active {
               background: transparent;
               color: #ffaf31;

               &:before {
                  opacity: 0;
               }
            }
         }
      }
   }

   .post-title {
      a {
         color: $white-color;
      }
   }

   .post-tag {
      a {
         color: $primary-yellow;
      }
   }

   .post-tab-list {
      .post-content.media {
         border-bottom: 1px solid #2b2b2b;

         &:last-of-type {
            border-bottom: none;
         }
      }
   }

}

// dark item for video
.bg-dark-item {
   background: #121524;

   .ts-grid-box {
      background: transparent;
   }

   .nav-tabs {
      border-bottom: none;
      margin-bottom: 8px;

      li {
         a {
            color: $white-color;
            background: #896122;

            &:hover {
               color: $white-color;
            }

            &.active {
               background: transparent;
               color: #ffaf31;

               &:before {
                  opacity: 0;
               }
            }
         }
      }
   }

   .post-title {
      a {
         color: $white-color;
      }
   }

   .post-tag {
      a {
         color: $primary-yellow;
      }
   }

   .post-tab-list {
      .post-content.media {
         border-bottom: 1px solid #2b2b2b;

         &:last-of-type {
            border-bottom: none;
         }
      }
   }
   &.white-text{
      .tab-menu-item{
         li{
            a{
               color: $white-color;
            }
            a.active {
               color: $primary-color;
            }
         }
      }

      .post-list-box{
         .post-title{
            color: $white-color;
         }
         .nav-link{
            border-color: #333333;
         }
      }
      .post-date-info{
         color: $white-color;
      }
   }

   .ts-tab-style{
      .tab-menu-item{
         margin-top: 0;
      }
   }

}
// tab style
.ts-tab-style{
   margin-bottom: 25px;
   .ts-title{
      float: left;
      margin-bottom: 0;
      &.block-title-style7{
         float: none;
      }
   }
   .tab-menu-item{
      margin-top: -28px;
      position: relative;
      li{
         a.active {
            color: $primary-color;
         }
      }
   }
   
}
// post tab 2 
.tabs-item{
   .featured-post{
      .ts-overlay-style{
         .post-title{
            font-size: 30px;
            margin-bottom: 12px;
            line-height: 36px;
         }
      }
   }
}

// post style 3
.post-style-3 {
   .featured-post.ts-overlay-style {
      .item {
         min-height: 500px;
      }
   }

   .post-cat {
      left: 20px;
   }

   .post-title.large {
      margin-bottom: 15px;
      font-weight: 500;
   }
}

.height-310 {
   min-height: 305px !important;
}

.height-190 {
   height: 190px !important;
}

.post-style-4 {
   .ts-overlay-style {
      margin-bottom: 4px;
   }
}

// ts grid box dark
.ts-grid-box.bg-dark-item {
   .ts-heading-item {
      .ts-title {
         span {
            background: #121212;
            color: $white-color;
         }

         &:after {
            background: #252525;
         }
      }
   }

   .post-content {
      border-color: #252525;
   }

   .post-meta-info {
      li.active {
         a {
            color: $primary-color;
         }
      }
   }

}

//ts grid item 2
.ts-grid-item-2 {
   .post-cat {
      left: 0;
      margin-bottom: 14px;
   }

   .ts-post-thumb {
      margin-bottom: 0;
   }

   .item {
      .post-content {
         padding: 18px 0;
         border-bottom: 1px solid #e8e8e8;

      }

      .post-meta-info {
         margin-bottom: 0;
      }

      &:last-of-type {
         .post-content {
            border-bottom: none;
         }
      }
   }

   &.ts-grid-content {
      background: $white-color;

      .item {
         .post-content {
            padding: 18px 20px;
         }
      }
   }
}



// ts grid box border
.ts-grid-box.widgets.border {
   box-shadow: none;
   border: 1px solid #e3e3e3;
}


/*------------------ home default 5------------*/
.slider-grid-style2 {
   .item {
      // min-height: 500px;

      &:hover:after {
         display: none;
      }

      &:before {
         background: rgba(0, 0, 0, .3);
      }
   }

   .overlay-post-content {
      z-index: 1;
      top: 50%;
      transform: translateY(-31%);
      max-width: 570px;

      .post-content {
         padding: 0 40px;
      }

      .post-title {
         margin-bottom: 20px;
      }
   }

   .post-cat {

      left: 0;
      margin-bottom: 15px;
   }

   .owl-dots {
      top: 50%;
      right: 30px;
      transform: translateY(-50%);

      .owl-dot {
         display: block;
         margin: 0;
         top: 0;
         line-height: 16px;

         span {
            background: $white-color;
         }

         &.active {
            span {
               margin: 0;
            }
         }
      }
   }
}

/*------------------------------
    404 
------------------------------*/

.error-page {
   padding: 80px 30px;

   .error-code {
      h2 {
         font-size: 220px;
         font-weight: 500;
         color: #222222;
         line-height: 220px;
      }


   }

   .error-message {
      h3 {
         font-size: 40px;
         margin-bottom: 16px;
      }
   }

   .error-body {
      h4 {
         font-size: 22px;
         font-weight: 400;
         margin-bottom: 34px;
      }

      a {
         background: $primary-color;

         &.btn {
            padding: 17px 37px;

            &:hover {
               background: $primary-dark;
            }
         }
      }
   }
}



/*--------------
tab-menu-item
-----------*/
.tab-menu-item {
   li {
      a {
         font-size: 15px;
         font-weight: 400;
       
         color: #5a5c66;
         padding: 0 15px;

         &.active {
            color: $white-color;
         }
      }

      &:last-child {
         a {
            padding-right: 0;
         }
      }
   }
}


.ts-tabs-content {
   .tab-pane.fade.active {
      opacity: 1;
   }
}

// video item
.video-item {
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center center;
   height: 450px;
   position: relative;
   overflow: hidden;

   .post-video {
      position: absolute;
      top: 46%;
      margin: auto;
      text-align: center;
      transform: translateX(50%);
      left: 0;
      right: 0;
      z-index: 2;
      margin: auto;

      &:before {
         display: none;
      }

      .ts-play-btn {
         z-index: 1;
         border: none;
      }
   }
}

// video tab list
.video-tab-list {
   height: 450px;
   padding: 30px 5px 30px 30px;
   overflow: hidden;
   .post-content.media{
    img.sidebar-img {
      width: 100px;
      height: auto;
   }
   }
 

   .post-tab-list {
      padding: 0;

      li {
         margin-bottom: 15px;
         display: block;
         width: 100%;
         .post-title {
            color: $white-color;
         }

         &:last-child {
            margin-bottom: 0;
         }
      }
   }
}

.fade.in {
   opacity: 1;
}

// post style item 4
.post-style-item4 {
   padding-bottom: 0;

   .ts-post-thumb {
      margin-bottom: 0;
   }

   .item {
      &:before {
         background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.75) 100%);
      }
   }
}




/*------------------ accordion post style ------------*/
.accordion-post-style {
   .card {
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center center;

      &:before {
         content: " ";
         position: absolute;
         display: block;
         width: 100%;
         height: 100%;
         z-index: 1;
         bottom: 0;
         left: 0;
         background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 55%, rgba(24, 106, 179, .7) 100%);
      }

      .space {
         height: 125px;
         text-align: center;
         display: block;


      }

      .btn {
         position: relative;
         z-index: 1;
         padding: 8px 20px;
         @include border-radius(36px);
         opacity: 0;
         @include transition();
         transform: scale(0);
         background: $primary-color;

         &:hover {
            color: #fff;


         }
      }

      .card-header {
         padding: 0;

         a {
            display: block;
            padding: 20px 20px 15px 55px;
            position: relative;
            color: $white-color;
            z-index: 1;

            .post-title {
               color: $white-color;
               margin-bottom: 0;
               font-weight: 500;
            }

            i {
               position: absolute;
               left: 0;
               top: 0;
               font-size: 35px;
               left: 20px;
               top: 20px;
            }
         }
      }

      &:hover {
         .btn {
            opacity: 1;
            transform: scale(1);
         }
      }
   }
}

// post overflow style
.post-overflow-style {
   overflow: hidden;
   .ts-title {
      &:after {
         display: none;
      }
   }

   .ts-post-thumb {
      overflow: visible;
      margin-right: -230px;
      width: auto;
      z-index: 2;
      margin-top: 55px;
   }

   .post-content-item {
      background: #f7f7f7;
      padding: 70px 20px 55px 200px;
      margin-left: 30px;

      .post-title {
         margin-bottom: 24px;
      }

      p {
         margin-bottom: 28px;
      }
   }
   .owl-nav {
      position: relative;
      right: 0;
      top: -65px;
      left: 65px;
      margin: auto;
      text-align: center;
      padding-left: 55px;
      .owl-prev i,
      .owl-next i {
         font-size: 12px;
     }
  }

}

// watching post
.watching-section {
   padding: 60px 0 50px;

   .post-title {
      a {
         color: $white-color;

         &:hover {
            color: $white-color;
         }
      }
   }
}

// box border stle 
.border-style {

   &.ts-grid-box.ts-grid-content {
      .post-content {
         box-shadow: none;
         padding-top: 25px;
         border: 1px solid #e6e6e6;
         border-top: none;
      }

      .ts-post-thumb {
         margin-bottom: 0;
      }
   }
}

.ts-grid-box.ts-grid-content.border-style {
   .post-cat {
      left: 20px;
      top: -12px;
      border-radius: 36px;
   }
}

/*-----------------
featured tab personal blog 
--------------*/
.featured-tab-item {
   margin-bottom: 40px;
   .featured-tab-post {
      margin: 0;
      border-bottom: none;
  
      .post-content {
         padding: 26px 30px 10px;
         background: $white-color;
      }
 

      >li {
         padding: 0;

         &:last-child {
            border-right: none;
         }
         a{
            padding: 0;
            .post-content{
               min-height: 122px;
            }
            &.active{
               .post-content{
                  background: $primary-color;
               }
               &:before {
                  position: absolute;
                  right: 0;
                  top: -14px;
                  width: 100%;
                  height: 15px;
                  content: '';
                  background: $primary-color;
               }
   
               .post-title,
               .post-meta-info li,
               .post-meta-info li.cat-name span {
                  color: $white-color !important;
               }
            }
         }
       

      }
      .post-meta-info{
         li{
            color: #888888;
            &.cat-name{
               font-weight: 500;
               font-size: 10px;
            }
         }
      }
   
   }
   // featured tab image
   .featured-post .item{
      background-position: top center;
   }
   .feauted-tab-img{
      img{
         width: 100%;
      }
   }
}


// post slider 
.blog-post-slider-item {
   .ts-grid-box {
      padding: 90px 230px 90px 30px;
   }

   .ts-post-thumb {
      overflow: visible;
      margin-left: -244px;
      width: auto;
      z-index: 2;
      margin-bottom: 0;

      img {
         max-height: 310px;
         width: 100%;
      }
   }

   .owl-nav {
      position: absolute;
      right: auto;
      top: auto;
      left: 14px;
      bottom: 41px;
   }
}



// post style 3
.ts-post-style-3 {
   margin-left: -2px;
   margin-right: -2px;

   .ts-post-thumb {
      margin-bottom: 0;
   }

   .p-1 {
      padding: 2px !important;
   }

   .post-content {
      .post-cat {

         left: 0;
         margin-bottom: 10px;
      }
   }
}


// grid content box heiglihgt
.ts-grid-content-1.ts-blue-light-heighlight {
   background: $blue-light-color;

   p,
   .post-date-info,
   .post-title a {
      color: $white-color;
   }

   .post-cat {
      color: $blue-light-color;
   }
}

.img-height-520 {
   min-height: 522px;
}

// post style  4
.ts-post-style-4 {
   .ts-grid-style-3 {
      .item {
         min-height: 235px;
         margin-bottom: 10px;
      }
   }
}

.border-top1 {
   border-color: #cfd2da;
}


// post box shadow anabled and disebled
.box-shadow-disabled {

   .ts-grid-box.ts-grid-content .post-content,
   .ts-grid-box {
      box-shadow: none;
   }

   .navbar-style1,
   .ts-breaking-news {
      border: 1px solid #e9ecef;

   }
}

// centerd item
.content-centerd-item {
   text-align: center;

   .post-cat {
      border-radius: 36px;
      line-height: 24px;
      height: 22px;
   }
}

// foote rstanderd
.footer-standard{
   a{
      color: $white-color !important;
   }
   .elementor-widget-wp-widget-tag_cloud .elementor-widget-container{
      padding: 0;
      .tagcloud a{
         border-color: #333242;
         color: $white-color;

      }
   }

   .elementor-widget-container h5{
      font-size: 20px;
      font-weight: 500;
      color: #fff;
      margin-bottom: 30px;
      &:before{
         display: none;
      }
   }
   .recent-posts-widget ul li{
      min-height: 85px;
      .entry-title a{
         color: $white-color;
         &:hover{
            color: $primary-color;
         }
      }
      .posts-thumb img{
         width: 75px;
         height: 65px;
      }
   }
   .elementor-widget-wp-widget-recent-posts{
      ul{
         li{
            margin-bottom: 10px;
            border-bottom-color: #242425;
            a{
               font-size: 14px;
               display: block;
               font-weight: 500;
               line-height: 20px;
               color: $white-color;

               &:hover{
                  color: $primary-color;
               }
            }
            span{
               color: #a9a9a9;
            }
         }
      }
   }

}
// copyright
.copyright-sec{
   .elementor-widget-wp-widget-nav_menu{
      .menu{
         li{
            display: inline-block;
            margin-left: 15px;
            a{
               color: $white-color;
              
            }
         }
      }
   }
}
// footer newsletter
section.yikes-mailchimp-container{
   padding: 0;
}
.yikes-easy-mc-form{
   display: flex !important;
    .EMAIL-label{
      flex: 0 0 72%;
      margin: 0 15px 0 0;
      max-width: 72%;
      .newsletter-mail{
         background: transparent;
         margin: 0;
         border: none;
         border-bottom: 1px solid #2e2d3c;
         color: $white-color;
         &::placeholder{
            color: $white-color;
         }
      }
    }
    .yikes-easy-mc-submit-button{
      margin: 0 !important;
      padding: 0 25px !important;
      width: auto !important;
    }

    &.widgets-newsletter-form{
      .EMAIL-label{
         margin: 0;
      }
      .newsletter-mail{
         background: #fff;
         border: none;
         height: 40px;
         padding: 15px;
         color: #232323;
         &::placeholder{
            letter-spacing: 1.2px;
            color: #a9a9a9;
         }
      }
    }
    // footer newsletter
   &.footer-newsletter{
      display: block !important;
      position: relative;
      width: 100%;
      .EMAIL-label{
         max-width: 100%;
         flex: 0 0 100%; 
      }
      .newsletter-mail{
         background: #fff;
         height: 45px;
         border-radius: 36px;
         padding: 0 20px;
         font-size: 14px;
         color: #232323;
         outline: none;
         &::placeholder{
            color: #232323;
         }
      }
      .btn{
         position: absolute;
         right: 3px;
         top: 2px;
         border-radius: 36px;
         padding: 10px 24px;
         bottom: 0;
         height: 40px;
         margin: auto;
         font-size: 12px;
      }
   }
}

.ts-newslatter{
   .yikes-easy-mc-form .EMAIL-label .newsletter-mail{
      color: #232323;
      &::placeholder{
         color: #888;
      }
   }
   .yikes-easy-mc-form .EMAIL-label{
      &:before{
         content: "\f1d8";
         font: normal normal normal 20px/1 FontAwesome;
         position: absolute;
         left: 0;
         top: 16px;
         bottom: 0;
         margin: auto;
         color: #888;
      }
   }
   .yikes-easy-mc-form .EMAIL-label{
      padding-left: 15px;
   }
}

.col-post{
   .ts-grid-box.ts-grid-content .post-content{
      padding: 0 20px 5px 20px;
   }
}
// block post 1 for home new
.block-post{
         .vinazine-featured-post .ts-overlay-style .item .gradient-overlay {
            opacity: 1;
            background: linear-gradient(to bottom, transparent 60%, rgba(0,0,0,0.9) 100%);
      }
      .ts-overlay-style .item .gradient-overlay {

         background: linear-gradient(to bottom, transparent 45%, rgba(0,0,0,0.95) 100%);
      }
      .post-title{
         font-size: 16px;
         line-height: 22px;
      }
}

@media (min-width: 1100px){
   .header-white{
      .header-logo{
         img{
            margin-top: -5px;
         }
      }
   }
}


.most-populers{
   .owl-nav{
      top: -52px;
   }
}

.custom-footer-menu{
   .footer-menu ul li a{
      font-weight: 700;
      text-transform: uppercase;
      opacity: 1;
   }
}

// ekit menu toggler option
.has-ekit-megamenu{
   .navbar-toggler{
      display: none !important;
   }
 
}


.menu-toggler{
   padding: 12px;
   background: #cf2c03 !important;
   border-radius: 0 !important;
   .menu-toggler-icon{
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E") !important;
   }
}


#instafeed-gallery-feed{
   display: flex;
   a{
      flex-basis: 0;
      -ms-flex-positive: 1;
      flex-grow: 1;
      max-width: 100%;
      position: relative;
      img{
         width: 100%;
      }
     &:before{
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        content: '';
        background: rgba(0,0,0, .5);
        opacity: 0;
        transition: all ease 500ms;
     }
     &:hover{
        &:before{
           opacity: 1;
        }
     }
   }
}
.instagram-area{
   position: relative;
   .follow-btn-area{
      position: absolute;
      left: 0;
      top: 50%;
      z-index: 1;
      right: 0;
      margin: auto;
      text-align: center;
      /* bottom: 0; */
      transform: translateY(-50%);

      .btn{
         background: #fff;
         color: #232323;
         &:hover{
            background: $primary-color;
            color: #fff;
         }
      }
   }

}

// personal-blog
.personal-blog{
   .post-title{
      font-size: 14px;
      line-height: 22px;
   }
   .grid-md .post-title{
      font-size: 18px;
      font-weight: 400 !important;
   }
   .ts-grid-box.ts-grid-content .post-content{
      padding-bottom: 20px;
   }
   .recent-posts-widget{
      .post-info .entry-title{
         line-height: 22px;
      }
   }
}
.logo-area.p-60{
   padding-bottom: 30px;
}
.widgets.ts-grid-box.widget_mc4wp_form_widget{
   padding: 0;
}

.back-to-top {
   position: fixed;
   right: 60px;
   bottom: 40px;
   z-index: 10;
   -webkit-backface-visibility: hidden;
   .btn {
      padding: 6px 10px;

   }
}

.blog-navbar .navbar-container .navbar .main-menu .nav-item > a.active,
.blog-navbar .navbar-container.navbar-style5 .main-menu > li.current-menu-item > a:before,
.blog-navbar .navbar-container .navbar .main-menu .nav-item > a:hover
{
   background: $primary-color;
}


// vinmag masonary grid
.vinkmag-featured-slider{
   .featured-slider-item{
      height: 550px;
   }
   .featured-table .table-cell{
      vertical-align: bottom;
   }
   .hero-content {
      padding: 45px 20px;
      .hero-title{
            a{
               color: #fff;
            }
         }
      .post-tag {
         font-size: 12px;
         margin-bottom: 15px;
         display: inline-block;
         text-transform: uppercase;
     }
   }

   // owl-dots
   .owl-dots{
      top: 50%;
      transform: translateY(-50%);
      right: 20px;
      .owl-dot{
         display: block;
         span{
            width: 10px;
            height: 10px;
         }
         &.active{
            span{
               border: 2px solid #fff;
               background: transparent;
            }
         }
      }
   }
}
.vinkmag-masonary-grid{
   .card-columns {
      column-gap: 1.85rem;
      .card{
         border: none;
         text-align: center;
         margin-bottom: 30px;
         .post-title{
            padding-bottom: 20px;
            font-size: 18px;
            margin-bottom: 15px;
            &:after{
               position: absolute;
               left: 0;
               bottom: 0;
               right: 0;
               margin: auto;
               content: '';
               width: 45px;
               height: 1px;
               background: #b9b9b9;
            }
         }
         .post-tag {
          text-transform: uppercase;
          font-size: 12px;
        }
      }
   }
}

// load more
.post-content-loading{
   margin-bottom: 30px;
   a{
      padding: 10px 40px;
      display: inline-block;
      border: 1px solid #ddd;
      text-transform: uppercase;
      padding: 12px 60px;
      color: #232323;
      font-size: 12px;
      &:hover{
         background: $primary-color;
         color: $white-color;
      }
   }
}


// dark theme
.dark-themes{
      .post-tab-list .post-content.media,
      .post-list-box .nav-link,
      .widgets.widgets-populer-post .post-content.media,
      .nav-tabs,
      .elementor-widget-wp-widget-recent-posts ul li,
      .comments-list .comment-body {
         border-bottom-color:#101010; 
      }
      .author-box,
      .post-navigation{
         border-top-color: #101010;
      }
      .post-navigation .post-previous{
         border-right-color: #101010;
      }
      .right-menu li a{
         border-left-color: #101010;
      }
      .form-control,
      .tagcloud a,
      .read-more-btn,
      .ts-tranding-post .slider-indicators .post-content .post-count{
         border-color: #101010;
      }
      blockquote,
      .form-control{
            background: #0c0c0c;
      }
      #breaking_slider .owl-nav .owl-prev, 
      #breaking_slider .owl-nav .owl-next,
       .vinkmag-breaking-slider .owl-nav .owl-prev,
       .vinkmag-breaking-slider .owl-nav .owl-next {
         background: #151313;
     }
     .ts-tranding-post .owl-nav,
     .top-social li a,
     .ts-top-nav li a,
     .yikes-easy-mc-form .yikes-easy-mc-submit-button span,
     &.single-post .post-title a,
     .post-meta-info li,
     blockquote:before,
     .owl-nav,
     .navbar-container .navbar .main-menu > .nav-item > a,
     .comments-list .comment-author cite,
     .comments-list .comment-reply-link{
        color: #fff;
     }
     .ts-tranding-post .slider-indicators .post-content .post-count{
        background: #101010;
     }

}

.dark-themes{
   .tagcloud a{
      color: #fff !important;
   }
}
 


// review kit css
.widgets-populer-post .post-content a{
	display: block;
	position: relative;
}
.xs-ratting-content.popular-review{
	position: absolute;
   bottom: 0;
	left: 20px;
}


.dark-themes{
   .public-xs-review-box,
   .view-review-list,
   .view-review-list .xs-review-date,
   #xs_review_form_public_data .xs-review-box .xs-review input[type="text"]{
      color: #fff;
   }
   .public-xs-review-box,
   .view-review-list,
   .view-review-list .border-div{
      border: 1px solid #202020;
   }
   .xs-review-overview-list-right.custom-rat{
      border-left-color: #202020;
   }
   .xs-review-media{
      border-right: 1px solid #202020;
   }
}

.public-xs-review-box,
.view-review-list{
	box-shadow: none;
	border-radius: 0;
}
.xs-review-overview-list-right.custom-rat{
   padding-left: 7px;
   margin-left: 22px;
	border-radius: 0;
}



.public-xs-review-box .xs-save-button button{
	border-radius: 0;
	border: none;
	cursor: pointer;
}


.xs-review-box .xs-review-box-item{
	display: flex;
   flex-wrap: wrap;
}
.xs-review-box .xs-review-media{
    flex: 0 0 75%;
    max-width: 75%;
    margin-right: 10px;
}
.xs-review-box .total_overview_rattings_value{
   align-self: center !important;
	text-align: center;
}
.xs-review-box .total_overview_rattings_value span{
	font-weight: 700;
	font-size: 20px;
}
.xs-review-box.view-review-list .xs-reviewer-author-image{
	padding-right: 7px;
}
.xs-review-box .xs-reviewer-details .review-reviwer-info-section{
	padding-left: 10px;
}

@media(max-width: 992px){
   .navbar-container .ekit-menu-simple a .sub-arrow{
      border: 1px solid;
      border-radius: 30px;
      display: inline-block;
      line-height: 1;
      width: 15px;
      height: 15px;
   }
}



/*==================================================
      Reading progressbar
 ================================================== */

 .reading-progressbar {
   position: fixed;
   top: 0;
   z-index: 9999;
   width: 100%;
   background-color: #676666;
 }
 
 
 .progress-container {
   width: 100%;
   height: 4px;
   background: transparent ;
 }
 
 .progress-bar {
   height: 4px;
   background:  #676666;
   width: 0%;
 }

 .single-post-ad{
    margin-bottom: 20px;
 }
 .vinkmag_progress_container {
   position: fixed;
   top: 0;
   z-index: 9999;
   height: 4px;
   width: 100%;
}

.navbar-style3 {
   h1.logo-title {
      a.navbar-brand{
         padding-top: 20px;
      }
   }
}

@media (max-width: 767px){
   .navbar-style1 {
      h1.logo-title {
         a.navbar-brand{
            padding-top: 20px;
         }
      }
   }
}