@import "../variables.scss";

  /* //////////////////////////////////////////////////////////////////////////////////
*
*  Simple Cards 
*
/* /////////////////////////////////////////////////////////////////////////////////*/

.simple-cars{
    background-color: #fff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: $box-shadow;
    .sc-top img{
        display: block;
        width: 100%;
        margin: auto;
    }
    .sc-bot{
        padding: 20px;
        h3{
            color: $blue-light;
            margin-bottom: 10px;
            font-size: 16px;
        }
        p{
            color: $grey-light;
            font-size: 14px;
        }
    }
}


/* //////////////////////////////////////////////////////////////////////////////////
*
*  Blog Cards 
*
/* /////////////////////////////////////////////////////////////////////////////////*/

.blog-cars{
  border-radius: 10px;
  overflow: hidden;
  background-color: #fff;
  box-shadow: $box-shadow;
  transition: all .2s linear; 
  cursor: pointer;
  .sc-top{
    img{
      width: 100%;
      display: block;
      margin: auto;
    }
  }
  .sc-bot{
    padding: 20px;
    text-align: center;
    a{
      color: $blue-light
    }
  }
}

.blog-cars:hover{
      transform: translateY(-10px);
      opacity: 1 !important;
}


  /* //////////////////////////////////////////////////////////////////////////////////
*
*  Responsives Styles 
*
/* /////////////////////////////////////////////////////////////////////////////////*/

@media screen and (max-width: 1100px){

    .global-tour .gtb-inner ul {
      flex-wrap: wrap;
    }
    .global-tour .gtb-inner ul li{
      width: 50%;
    }

    
  
  }
  
  @media screen and (max-width: 980px){
  
    .global-tour .gtb-inner ul li {
        width: 100%;
      }
    
      .global-tour .gtb-inner .go-link {
        display: flex;
        justify-content: center;
      }
      .global-tour .gtb-inner ul {
          margin: 30px 0;
      }
      .thema-list ul li{
        font-size: 13px;
      }
  
  }
  
  @media screen and (max-width: 700px){
  
  
  
  }