/* -----------------------------------*/
/* Colors ----------------------------*/
/* -----------------------------------*/

/* Mint Green: #76beaa */
/* Red Buttons: #b85e5d */

.author .btn-primary {
  letter-spacing: 3px;
}
.author .btn-primary span {
  margin-left: 10px;
  padding-left: 20px;
  border-left: 2px dotted green;
}

.share-cookbook {
  position: absolute;
  top: 200px;
  right: 30px;
}
.share-cookbook p {
  margin-bottom: 10px;
  font-style: italic;
}
.share-cookbook a, .share-cookbook a:hover, .share-cookbook a:active, .share-cookbook a:focus {
  color: #ffffff;
  background: #4e4b4c;
  min-width: 25px;
  display: inline-block;
  border-radius: 100%;
  margin-right: 5px;
}
.share-cookbook a:hover, .share-cookbook a:active, .share-cookbook a:focus {
  background: #76beaa;
}

.share-cookbook i {
  padding: 0 5px;
}

.cookbooks-container {
  position: relative;
}
.cookbooks-container .tabbed-content {
  margin-top: 40px;
}
.cookbooks-container .tabbed-content .nav-item {
  margin-left: 0;
}
.cookbooks-container .tabbed-content .nav-item .nav-link {
  color: #8a8a8a;
  text-transform: uppercase;
  font-size: 0.8rem;
  padding: 20px;
  border-right: 1px solid #ccc;
  border-radius: 0;
}
.cookbooks-container .tabbed-content .nav-item:last-of-type .nav-link {
  border-right: 0;
}
.cookbooks-container .tabbed-content .nav-item a.nav-link:hover {
  color: rgba(0,0,0,.9);
}
.cookbooks-container .tabbed-content .nav-item .nav-link.active {
  border-radius: 0;
  background-color: #76beaa;
  color: #ffffff;
}
.cookbooks-container .tabbed-content .nav-item .nav-link.active:hover {
  color: #ffffff;
}
.cookbooks-container .tabbed-content ul.nav {
  margin-bottom: 35px;
  border: 1px solid #cccccc;
  border-right: 0;
  border-left: 0;
}
.cookbooks-container h1.title {
  font-family: 'gotham_light';
  font-size: 2rem;
  text-transform: capitalize;
  margin-bottom: 20px;
  width: 70%;
}

.cookbook-content {
  min-height: 740px;
}
.cookbook-content .card.first h5 {
  padding: 10px;
}
.cookbook-content .card.first small {
  padding: 10px;
  position: relative;
  top: 25px;
}
.cookbook-content .card.video h5 {
  color: #b85e5d;
  padding: 10px;
}
.cookbook-content .card .likes {
  color: #b85e5d;
  padding: 10px;
}
.cookbook-content .cookbook-card .card-block .border-dotted-left {
  padding: 10px 4px;
}
.cookbook-content .cookbook-card .card-block {
  min-height: 102px;
}

.tabbed-content .recipe-list ul.nav {
  border: 0;
}
.tabbed-content .recipe-list .nav-item .nav-link {
  border: 0;
  padding: 0px 4px;
  border: 2px solid #cccccc;
  border-radius: 3px;
  margin-right: 5px;
}
.tabbed-content .recipe-list .nav-item:last-of-type .nav-link {
  border-right: 2px solid #cccccc;
}
.tabbed-content .recipe-list .nav-item .nav-link.active {
  border-color: #76beaa;
}

.recipe-list h6 {
  margin-top: 5px;
}

.btn-show-more {
  letter-spacing: 5px;
}

#grid .card-block em, .cookbook-content #grid .card-block span {
  font-size: 0.7rem;
}
#grid .card-block {
  padding: 0.5rem;
  height: 70px;
  overflow: hidden;
}

#list hr {
  margin: 20px 0;
}
#list h6, #all h6 {
  font-family: "gotham_book", sans-serif;
  margin-top: 15px;
  color: #999999;
}
#list a em {
  color: #999999;
  font-size: 0.8rem;
}
#list .likes {
  color: #b85e5d;
  padding-right: 17px;
  border-right: 2px dotted #cccccc;
  margin-right: 10px;
}
@media (max-width: 991px) {
  .author .btn-primary {
    display: block;
    margin-top: 40px;
  }
}
@media (max-width: 543px) {
  .cookbooks-container h1.title {
    width: 100%;
  }

  .tabbed-content .recipe-list .nav-item .nav-link {
    margin-left: 15px;
  }
  .tabbed-content .recipe-list .nav-item .nav-link i {
    font-size: 1.4rem;
    padding-top: 4px;
  }
}