/*!
 * Start Bootstrap - Modern Business (http://startbootstrap.com/template-overviews/modern-business)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-logomodern-business-nav/blob/master/LICENSE)
 */

body {
    padding-top: 54px;
}

@media (min-width: 992px) {
    body {
        padding-top: 56px;
    }
}

.carousel-item {
    height: 65vh;
    min-height: 300px;
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.portfolio-item {
    margin-bottom: 30px;
}


.h4, h4 {
    font-size: 1.0rem;
}


.fa {
    padding: 20px;
    font-size: 30px;
    text-align: center;
    text-decoration: none;
    margin: 5px 2px;
  }
  
  .fa:hover {
      opacity: 0.7;
  }
  
  .fa-facebook {
    background: #3B5998;
    color: white;
  }
  
  .fa-twitter {
    background: #55ACEE;
    color: white;
  }
  
  .fa-google {
    background: #dd4b39;
    color: white;
  }
  
  .fa-linkedin {
    background: #007bb5;
    color: white;
  }
  
  .fa-youtube {
    background: #bb0000;
    color: white;
  }
  
  .fa-instagram {
    background: #125688;
    color: white;
  }
  
  .fa-pinterest {
    background: #cb2027;
    color: white;
  }
  
  .fa-snapchat-ghost {
    background: #fffc00;
    color: white;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  }
  
  .fa-skype {
    background: #00aff0;
    color: white;
  }
  
  .fa-android {
    background: #a4c639;
    color: white;
  }
  
  .fa-dribbble {
    background: #ea4c89;
    color: white;
  }
  
  .fa-vimeo {
    background: #45bbff;
    color: white;
  }
  
  .fa-tumblr {
    background: #2c4762;
    color: white;
  }
  
  .fa-vine {
    background: #00b489;
    color: white;
  }
  
  .fa-foursquare {
    background: #45bbff;
    color: white;
  }
  
  .fa-stumbleupon {
    background: #eb4924;
    color: white;
  }
  
  .fa-flickr {
    background: #f40083;
    color: white;
  }
  
  .fa-yahoo {
    background: #430297;
    color: white;
  }
  
  .fa-soundcloud {
    background: #ff5500;
    color: white;
  }
  
  .fa-reddit {
    background: #ff5700;
    color: white;
  }
  
  .fa-rss {
    background: #ff6600;
    color: white;
  }


  span.dermaspace-text { text-transform: uppercase; }

  .bg-dark {background: #660066 !important;}

*
  div#navbarResponsive {
    /*position: top !important;
    margin-top: -90px;*/
    padding: 0;
}


.breadcrumb {
  background-color: #f3caf3 !important;
}

a {
  color: #660066 !important;
}

.breadcrumb-item.active {
  color: #000000;
}

.border-color
{
  border:1px solid #660066;
}

.breadcrumb {
  padding: .75rem 1rem;
  margin-bottom: 1rem;
  list-style: none;
  background-color: #e9ecef;
  border-radius: .25rem;
  border-left: 10px solid #660066;
}

.breadcrumb-item.active {
  color: #000000;
  font-weight: bold;
}

/**************************************************************/

.ml-auto {
  margin-left: auto!important;
  border: 1px solid #ffffff;
  /* color: #ffffff; */
  border-radius: 5px;
/*  background: #ffffff;*/
 background: #660066 !important;
  margin-right: 10px;
}


.navbar-dark .navbar-nav .nav-link {
  color: #ffffff !important;
}

.navbar-dark .navbar-nav .nav-link:hover {
  color: #ffffff !important;
}

a#navbarDropdownPortfolio {
  color: #ffffff !important;
}


/*
.navbar-dark .navbar-nav .nav-link {
  color: rgba(255,255,255,.5);
  color: #660066;
}

.navbar-dark .navbar-nav .nav-link:hover {
  color: #000000;
}

a#navbarDropdownPortfolio {
  color: #000000;
}

*/

h1.mt-4.mb-3 {
  padding-top: 70px;
  background-color: #e9ecef;
  border-radius: .25rem;
  border-left: 8px solid #660066;
  color: #660066;
}

h3.card-header {
  font-size: 25px;
}

footer .nav-link {
  padding: 0px !important;
}

footer a, footer li {
  color:#ffffff !important;
}
footer a:hover {
  text-decoration:underline;
}

footer li {
  padding-left:0px;  
}

footer li > ul > li {
  padding-left:0px;  
}

footer a.nav-link:hover {
  text-decoration: underline;
}

footer .h-100 {
  height: auto !important;
}


#foot {
  text-align: left !important;
}

section#pager {
  display: none !important;
}

article.post	footer.post {
  background-color: #e9ecef !important;
}

.btn-primary {
  color: #fff;
  background-color: #660066;
  border-color: #660066;
}

.homepage .card-header { text-transform: uppercase;}   
.homepage h2.card-header {
  font-size: 1rem;
  
}

.pricelist h2.card-header {
  font-size: 1rem;
}

.pricelist h2 .fa {
  padding: 0px;
  font-size: 20px;
}

.featured h3.card-header {
  font-size: 0.6rem;
  text-transform: uppercase;
}


@media (min-width: 576px) {
    
/*.homepage .card-body {display:none;}*/
}

@media (max-width: 575px) { 
.homepage .card-body {display:none;}    
.homepage h1 {font-size:1rem !important;font-weight:bold !important;}   
.telephone {display:block !important;}
.header .carousel-item {height:300px !important;}
.my-4 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}

.homepage .card-body.information {
  display: block;
}

}

.post footer a, footer li {
  color: #660066 !important;
}

.plugin_box li:nth-child(even) {
  background: #f1f1f1;
  /* border-bottom: 1px solid; */
  font-size: 0.9rem;
  padding: 2px !important;
}

.plugin_box li:nth-child(odd) {
  /* border-bottom: 1px solid; */
  font-size: 0.9rem;
  padding: 2px !important;
}


div.plugin_box	h3.title {
  color: #666666;
  font-size: 1.1em;
  margin: 0 0 1em;
  text-transform: uppercase;
  font-weight: normal;
  border: 1px solid;
  padding: 5px;
}



ul.blogPosts li {
  list-style: none;
  /* line-height: 30px; */
  border-bottom: 1px solid #d8d8d8;
  padding-bottom: 5px;
}
ul.blogPosts {
  margin: 0;
  padding: 0;
}




.blogPost h2.card-header {
  background: #823882;
  color: #ffffff;
}
.blogPost h2.card-header a {
  color: #ffffff !important;
}