/*
*   name           Favourite
*   version        3.5
*   description    Responsive and customizable Joomla!3 template
*   demo           ttp://demo.favthemes.com/favourite/
*   author         FavThemes
*   author URL     http://www.favthemes.com
*   copyright      Copyright (C) 2012-2016 FavThemes.com. All Rights Reserved.
*   license        Licensed under GNU/GPLv3 (http://www.gnu.org/licenses/gpl-3.0.html)
*/

/*
******************************************************************************************

/// custom style

******************************************************************************************/
/* Back Button */
#fav-backtop {
  bottom: 3em;
  right: 3em;
  width: 55px;
  position: fixed;
}
#fav-backtop .backtop {
  float: right;
}

/* /// mobile */

@media (max-width: 768px) {

  #fav-backtop {
    font-size: 8px;
  	bottom: 0.5em;
  	right: 0.5em;
  	width: 30px;
  	position: fixed;
    left: auto;
    margin-bottom: 5px;
  	
  }
  #fav-backtop .backtop {
    float: right;
  }

}
/* Mobile Menu */


  /* navbar light */
  div.navbar .moduletable h3,
  div.navbar .moduletable div.custom {
    color: #444;
    margin: 0 21px 21px 21px;
  }
  div.navbar #fav-navbar-collapse li a:hover,
  div.navbar #fav-navbar-collapse li li a:hover,
  div.navbar #fav-navbar-collapse li li li a:hover,
  div.navbar #fav-navbar-collapse li li li li a:hover,
  div.navbar #fav-navbar-collapse li a:focus,
  div.navbar #fav-navbar-collapse li li a:focus,
  div.navbar #fav-navbar-collapse li li li a:focus,
  div.navbar #fav-navbar-collapse li li li li a:focus,
  div.navbar #fav-navbar-collapse li[class^="item-"].current.active,
  div.navbar #fav-navbar-collapse li[class*=" item-"].current.active,
  div.navbar #fav-navbar-collapse li li[class^="item-"].current.active,
  div.navbar #fav-navbar-collapse li li[class*=" item-"].current.active,
  div.navbar #fav-navbar-collapse li li li[class^="item-"].current.active,
  div.navbar #fav-navbar-collapse li li li[class*=" item-"].current.active,
  div.navbar #fav-navbar-collapse li li li li[class^="item-"].current.active,
  div.navbar #fav-navbar-collapse li li li li[class*=" item-"].current.active,
  div.navbar #fav-navbar-collapse li span.nav-header:hover,
  div.navbar #fav-navbar-collapse li li span.nav-header:hover,
  div.navbar #fav-navbar-collapse li li li span.nav-header:hover,
  div.navbar #fav-navbar-collapse li li li li span.nav-header:hover {
    background-color: #d81b60!important;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
  }
  div.navbar #fav-navbar-collapse li li:hover,
  div.navbar #fav-navbar-collapse li li li:hover,
  div.navbar #fav-navbar-collapse li li li li:hover {
    background: none;
  }
  div.navbar #fav-navbar-collapse li {
    border-top: 1px solid #e7e7e7;
  }
  div.navbar #fav-navbar-collapse a,
  div.navbar #fav-navbar-collapse span.nav-header {
    color: #444;
  }
  div.navbar #fav-navbar-collapse a:before,
  div.navbar #fav-navbar-collapse span.nav-header:before {
    color: #aaa;
  }
  div.navbar #fav-navbar-collapse li a:hover:before,
  div.navbar #fav-navbar-collapse li[class^="item-"].current.active a:before,
  div.navbar #fav-navbar-collapse li[class*=" item-"].current.active a:before,
  div.navbar #fav-navbar-collapse li li[class^="item-"].current.active a:before,
  div.navbar #fav-navbar-collapse li li[class*=" item-"].current.active a:before,
  div.navbar #fav-navbar-collapse li li li[class^="item-"].current.active a:before,
  div.navbar #fav-navbar-collapse li li li[class*=" item-"].current.active a:before,
  div.navbar #fav-navbar-collapse li li li li[class^="item-"].current.active a:before,
  div.navbar #fav-navbar-collapse li li li li[class*=" item-"].current.active a:before,
  div.navbar #fav-navbar-collapse li span.nav-header:hover:before {
    color: #777;
  }
  div.navbar #fav-navbar-collapse li[class^="item-"].current.active.deeper.parent ul li,
  div.navbar #fav-navbar-collapse li[class*=" item-"].current.active.deeper.parent ul li {
      color: #333;
      background-color: #fff;
  }
  div.navbar #fav-navbar-collapse li[class^="item-"].current.active.deeper.parent ul a:before,
  div.navbar #fav-navbar-collapse li[class*=" item-"].current.active.deeper.parent ul a:before {
      color: #aaa;
  }
  div.navbar #fav-navbar-collapse li[class^="item-"].current.active.deeper.parent ul a:hover:before,
  div.navbar #fav-navbar-collapse li[class*=" item-"].current.active.deeper.parent ul a:hover:before {
      color: #777;
  }
.navbar-inner {
    background-color: #ffd1eb;
    background-image: linear-gradient(to bottom, #ffd1eb, #ffd1eb);
    background-repeat: repeat-x;
    border: 1px solid #d4d4d4;
    border-radius: 4px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.067);
    min-height: 40px;
    padding-left: 20px;
    padding-right: 20px;
}

.navbar .nav > li > a {
  text-shadow: none; //0 1px 0 #fff;
}

/* Weitere Google Font die verwendet werden */
@import url(https://fonts.googleapis.com/css?family=Crafty+Girls);
@import url(https://fonts.googleapis.com/css?family=Inika);
@import url(https://fonts.googleapis.com/css?family=Hind);
@import url(https://fonts.googleapis.com/css?family=Ubuntu);
@import url(https://fonts.googleapis.com/css?family=Work+Sans);
@import url('https://fonts.googleapis.com/css?family=Mountains+of+Christmas');


/* Header Farbe */
h1, h2, h3, h4, h5, h6,
.componentheading {
  color: #d81b60;
  font-family: 'Mountains of Christmas', cursive
}


/*
///  Wood Pattern Hintergrund überschreiben
*/
#fav-containerwrap {
  background: transparent;
    // transparent url("../images/wood_pattern.png") repeat scroll 0% 0%;
}
  
#fav-container {
    margin-top: 0px;
    margin-bottom: 0px;
    box-shadow: none;
}

/*
///  Border beim Header überschreiben
*/
#fav-headerwrap {
  border-top: none;
  border-bottom: none;
}

/*
///  titles - Änderungen für die Titel sollen hier gemacht werden.
*/
.page-header {
  text-align: left;
}

/* maximum width */
/* .row-fluid ist der ganze mittler Teil */
.row-fluid {
  background-color: #ffd1eb;
  font-family: 'Work Sans', sans-serif;
  
  box-shadow: 0 4px 8px 0 rgba(216, 27, 96, 0.2), 0 6px 20px 0 rgba(216, 27, 96, 0.2);
  margin: 10px auto;
  border-radius: 10px;
  
  // border: 1px solid #000;
  // font-family: 'Crafty Girls', cursive;
  // font-family: 'Inika', serif;
  // font-family: 'Hind', sans-serif;
  // font-family: 'Ubuntu', sans-serif;
 
  
}


#rcornersnicole {
    border-radius: 25px;
    //border: 1px solid #d81b60;
    //box-shadow: 0 4px 8px 0 rgba(216, 27, 96, 0.2), 0 6px 20px 0 rgba(216, 27, 96, 0.2);
    padding: 10px; 
    width: auto;
    height: auto;    
}

/* .row-fluid ist der ganze mittler Teil */
.img_nicole {
  border-radius: 25px;
  box-shadow: 0 4px 8px 0 rgba(216, 27, 96, 0.2), 0 6px 20px 0 rgba(216, 27, 96, 0.2);
  //padding: 10px 10px 10px 10px;
}

/* Font Grösse für den Text in den Artikeln */
p {
  /* Normale Schrift ist 14px */
   font-size: 18px;
   text-align: left;
   // font-family: 'Ubuntu', sans-serif, font-weight: 400;
   font-family: 'Work Sans', sans-serif , font-weight: 400;;
}

/* Padding bei den Containern, welche sich im .row-fluid aufhalten */
#fav-container .row-fluid [class*="span"] {
 padding: 0px 2%;
 text-align: left;
}

#fav-maincontent {

}

.well:before, .well:after {
    z-index: -1;
    position: absolute;
    content:"";
    bottom: 15px;
    left: 20px;
    width: 50%;
    top: 80%;
    max-width: 300px;
    background: #777;
    -webkit-box-shadow: 0 15px 10px #777;
    -moz-box-shadow: 0 15px 10px #777;
    box-shadow: 0 15px 10px #777;
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);
}
.well:after {
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    transform: rotate(3deg);
    right: 20px;
    left: auto;
}