/* ---------------------------------- */
/* Header
------------------------------------- */
#logo {
      margin-top: 0px;
      top: -5px;
      position: relative;
}

#logo img {
      max-height: 50px;
}

#header.cloned #logo img{
      margin-top: 0px;
}

#header{
      padding: 18px 0 8px 0;
}

/* ---------------------------------- */
/* Layout
------------------------------------- */
#titlebar{
      margin-bottom: 40px;
}

.listing-nav-container.cloned .listing-nav{
      margin: 10px auto;
}

/* ---------------------------------- */
/* BUTTONS
------------------------------------- */

/* Shared */
.login-btn {
      box-sizing: border-box;
      position: relative;
      width: 250px;
      text-align: center;
      margin: 0.2em;
      padding: 0 15px 0 46px;
      border: none;
      line-height: 34px;
      white-space: nowrap;
      border-radius: 0.2em;
      font-size: 16px;
      color: #FFF;
      font-weight: 500;
}
.login-btn:before {
      content: "";
      box-sizing: border-box;
      position: absolute;
      top: 0;
      left: 0;
      width: 34px;
      height: 100%;
}
.login-btn:focus {
      outline: none;
}
.login-btn:active {
      box-shadow: inset 0 0 0 32px rgba(0,0,0,0.1);
}

/*like button*/
.like-icon:before {
      content: "\f1b0";
}


/*locate me under zoom buttons*/
.custom-locate-me {
      background-color: #fff;
      color: #f71923;
      cursor: pointer;
      border-radius: 50%;
      margin: 5px 15px;
      transition: color 0.3s, background-color 0.3s;
      box-shadow: 0px 1px 4px -1px rgba(0, 0, 0, 0.2);
      text-align: center;
      font-size: 15px;
      height: 34px;
      width: 34px;
}

.custom-locate-me:before {
      content: "\f192";
}

.custom-locate-me:before {
      font-family: "FontAwesome";
      width: 100%;
      line-height: 35px;
      transition: -webkit-text-stroke 0.3s;
      -webkit-text-stroke: 1px #fff;
}

.custom-locate-me:hover {
      background-color: #f71923;
      color: #fff;
}

/*contact now*/
.book-now.button{
      margin-bottom: 30px;
}

/* ---------------------------------- */
/* Chips
------------------------------------- */
#titlebar.listing-titlebar span.listing-tag.now-open {
      border-color: #19b453;
      color: #19b453;
}


/* ---------------------------------- */
/* Procurar
------------------------------------- */
.fs-container section.search.no-results{
      background-color: inherit;
}

.main-search-input .main-search-input-item:last-child{
    border-right: none;
}

/* ---------------------------------- */
/* MAPS
------------------------------------- */
.fs-inner-container.content.half-map{
      width: 65%;
}


#map-container .main-search-inner {
      position: absolute;
      display: block;
      bottom: 60px;
      top: auto;
      transform: none;
      padding-bottom: 0;
      z-index: 9999;
      margin-top: 0;
      margin-left: auto;
      margin-right: auto;
      width: 100%;
}

/* ---------------------------------- */
/* MARKERS
------------------------------------- */
.marker-card.green{
      background: inherit;
}

.marker-card.green .front.face{
      border-color: #00a948;
      color: #00a948;
}

.marker-card.green .back.face{
      background: #00a948;
      border-color: #00a948;
}

.marker-card.green .marker-arrow{
      border-color: #00a948;
}

/* Facebook */
.login-btn-facebook {
      background-color: #4C69BA;
      background-image: linear-gradient(#4C69BA, #3B55A0);
      /*font-family: "Helvetica neue", Helvetica Neue, Helvetica, Arial, sans-serif;*/
      text-shadow: 0 -1px 0 #354C8C;
      max-width: 100%;
}
.login-btn-facebook:before {
      border-right: #364e92 1px solid;
      background: url('/img/icon_facebook.png') 6px 6px no-repeat;
}
.login-btn-facebook:hover,
.login-btn-facebook:focus {
      background-color: #5B7BD5;
      background-image: linear-gradient(#5B7BD5, #4864B1);
}


/* Google */
.login-btn-google {
      /*font-family: "Roboto", Roboto, arial, sans-serif;*/
      background: #DD4B39;
      max-width: 100%;
}
.login-btn-google:before {
      border-right: #BB3F30 1px solid;
      background: url('/img/icon_google.png') 6px 6px no-repeat;
}
.login-btn-google:hover,
.login-btn-google:focus {
      background: #E74B37;
}

.share-buttons li a.whatsapp-share {
      border-color: #128C7E;
      color: #128C7E;
}

.share-buttons li a.whatsapp-share:hover {
      background: #128C7E;
      color: #fff;
}

.share-buttons li a.email-share:hover {
      background: #000;
      color: #fff;
}

/* ---------------------------------- */
/* Buttons
------------------------------------- */
button:disabled,
button[disabled]{
    background-color: #f71923;
}

/* ---------------------------------- */
/* NAV
------------------------------------- */

/* ---------------------------------- */
/* PET VIEW
------------------------------------- */
.listing-desc-headline {
      font-size: 22px;
      margin-bottom: 25px;
      margin-top: 10px;
      display: block;
}

/* ---------------------------------- */
/* ICONS
------------------------------------- */
span.dog-icon,
span.cat-icon,
span.shelter-icon{
      color: #fff;
      font-size: 25px;
      position: absolute;
      z-index: 101;
      right: 30px;
      bottom: 30px;
      cursor: normal;
      background-color: #f71923;
      display: block;
      height: 44px;
      width: 44px;
      border-radius: 50%;
      transition: all 0.4s;
}

span.shelter-icon{
      color: #fff;
      background-color: rgba(24,24,24,0.4);
}
span.shelter-icon:hover{
      color: #00a948;
      background-color: #fff;
      border: 2px solid #00a948;
}

.dog-icon:before,
.dog-icon:after,
.cat-icon:before,
.cat-icon:after,
.shelter-icon:before,
.shelter-icon:after {
      transition: opacity 0.3s, transform 0.4s cubic-bezier(.0,-.41,.19,2.5);
      font-family: "iconsmind";
      position: absolute;
      right: 0;
      left: 0;
      text-align: center;
      top: 9px;
}

.dog-icon:before{
      content: "\e81c";
      transform: scale(0.95);
}

.cat-icon:before {
      content: "\e732";
      transform: scale(0.95);
}

.shelter-icon:before {
      content: "\e9b9";
      transform: scale(0.95);
}

.dog-icon.liked:after,
.cat-icon.liked:after {
      opacity: 1;
      transform: scale(0.95);
}

.dog-icon.liked:before,
.cat-icon.liked:before{
      opacity: 0;
}

/* ---------------------------------- */
/* FIND SHELTERS
------------------------------------- */
.shelters.listing-item-container .numerical-rating{
      width: auto;
      padding: 0px 10px;
}

/* ---------------------------------- */
/* LOGIN PAGE
------------------------------------- */
#login-page .main-search-input{
      max-height: initial;
      display: block;
}

#login-page .coming-soon-page:before{
      background-color: rgba(26,26,26,0.6);
}

/* ---------------------------------- */
/* IMAGES
------------------------------------- */
.hosted-by-avatar img{
      width: 56px;
      height: 56px;
      max-width: 56px;
      max-height: 56px;
}

.profile-view .user-profile-avatar{
      position: initial;
      max-width: 200px;
      display: inline-block;
}

.profile-view .user-profile-titlebar{
      text-align: center;
      display: block;
}
/* ------------------------------------------------------------------- */
/* 06. Media Queries
---------------------------------------------------------------------- */

/* Large devices and browsers */
@media (max-width: 1600px) {

}


/* Laptops */
@media only screen and (max-width: 1366px) and (min-width: 1240px)  {

}


/* Smaller than laptops */
@media (max-width: 1366px) {

}


/* Small devices and browsers */
@media only screen and (max-width: 1365px) {

}


/* Smaller than standard 1180 (devices and browsers) */
@media (max-width: 1239px) {

}


/* Reset for menu */
@media (max-width: 1024px) {
      #logo {
            margin-top: 0px;
            top: 15px;
            position: absolute;
      }

      header.fullwidth .container{
            padding: 0px 15px;
      }
}


/* Tablet Portrait size to standard 960 (devices and browsers) */
@media (max-width: 991px) {
      .fs-inner-container.content.half-map{
            width: 100%;
            padding-top: 0 !important;
      }
}


/* All Mobile Sizes (devices and browser) */
@media (max-width: 767px) {

      #titlebar {
            padding: 25px 0;
            margin-bottom: 50px;
      }

}


@media (max-width: 480px) {

}