/* ----------------------------------------------------------------
     CSS - Kraft-Hoffnung-Lebensmut
     Autor: Joel Eymard 2016
     Custom Classes for JSN EPIC Temaplate 
    
     Last Modified: Dec 20 2016
     
   ---------------------------------------------------------------- */


/* =================================================================
                      Kochbuch Styles.....         
================================================================= */

/* Details (Herkunft etc) weiter nach links schieben weil überlagert */

/* Rezept anzeige Page: Bild wird über das TAB gelegt: beheben */
.garyscookbook-details{
  min-height:300px!important;
  max-height:310px;
}

/*===================  STartseite Cookbook ======================  */
/* Abstand zwischen Logo und Kategorien*/
.gcb-headercustom-color-green img{
  padding-bottom: 25px;
}

/* Ausblenden des Seiten Titels  */
.gcb-headercustom-color-green h2.contentheading{
  display: none;
}

/* =====================  Formular Rezept erfassen Classes und IDs ===========================  */
#jform_ingredients-lbl, #jform_imgtext-lbl, #jform_notes-lbl, #jform_properties-lbl, #jform_imgfilename-lbl{
  font-family: 'Handlee', Verdana, Cursive;
  font-size: 20px;
  font-weight: bold;
}

.gcb-Detail-item{
  margin-left: 45px;
}
.gcbcatpic{
  min-width: 200px; 
  max-width:350px;
}
.catbox .gcb-item-title a{
  font-size:2em;
  font-family: "Indie Flower", Verdana, Geneva, sans-serif;
}

.gcb_random_image_small a, .gcb-footercustom-color-green{
  display: none;
}

fieldset #adminForm select{
  height:44px;
}


/* ------ END OF Rezept Styles..... ------- */

/* ----------------------------------------------------------------
     CSS - Kraft-Hoffnung-Lebensmut
     Page Styles in general
   ---------------------------------------------------------------- */
body {
  font-size: 1em;
	font-family: 'Open Sans', Arial, Helvetica, Oswald, sans-serif;
}
/* =============== DEFAULT HTML - HEADING STYLES =============== */
h1 { font-size: 1.8em; line-height: auto; }
h2 { font-size: 1.6em; line-height: auto; }
h3 { color: #cc0000; font-size: 1.5em; }
h4 { color: #D59500; font-size: 1.2em; }
h5, h6 { font-size: 1.0em; font-weight: bold; }
h5 { color: #5A8406; }
h6 { color: #663300; }
h1, h2, h3, h4, h5, h6 {
	/*margin: 0.5em 0;*/
	margin: 0em 0;
	font-weight: normal;
}
/* Set font style for heading */
h1, h2, h3, h4, h5, h6, #jsn-gotoplink, .page-header, .subheading-category, .componentheading, .contentheading, {
	font-family: 'Handlee', Verdana, Cursive;
  	/*font-family: Oswald,'Open Sans', Verdana, Geneva, sans-serif; */
}

/*--- Blockquote, Abschnitte Texte.... ---*/
p, pre, blockquote, form, dl, ul, ol, fieldset, address, table{  
  margin-top: 0px;
}


/* 
 ===================================
 |                                 |
 |           Background            |
 |           Page, Inner           |
 |                                 |
 =================================== */
/* Page Hintergrund */
#jsn-master{
  background-size: 100%, 100%;
}

/* Content Teil Hintergrund */
#jsn-page-inner{
  background-color: white;
  opacity: 0.9;
}

/* 
 ===================================
 |                                 |
 |     HEADER BEREICH.....         |
 |                                 |
 =================================== */



/* ---  Kontakt Link für Top-Menu rechts --- */
#jsn-header .jsn-modulecontainer_inner .jsn-modulecontent .jsn-menutitle{
	 /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+99&0+0,1+40,1+64,0+100 */
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 40%, rgba(255,255,255,1) 64%, rgba(255,255,255,0.03) 99%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 40%,rgba(255,255,255,1) 64%,rgba(255,255,255,0.03) 100%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 40%,rgba(255,255,255,1) 64%,rgba(255,255,255,0.03) 99%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}
#jsn-header .jsn-modulecontainer .jsn-modulecontainer_inner ul li{
  list-style: none;
}

/* --- END OF Kontakt Link für Top-Menu rechts --- */

input.search-query{
  background-color: #363636;
  color: #999999;
  margin-right: 10px;
  margin-bottom: 4px;
  height: 15px;
  min-height: 15px;
  border: 1px dotted #929292;
  box-shadow:inset 0 0 3px 3px #464646;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;    
}
.inputbox{
 min-height: 18px;
 max-height: 21px;
}

/* Abstand Searchbox zu oberem Rand der Tool-/Menubar */
.form-inline{ padding-top: 10px; }

/* Form Position */
#jsn-pos-toolbar- form{
  margin-top:   0px;
  margin-right: 0px;
  margin-bottom:0px;
  margin-left:  0px;  
}
.jsn-article-toolbar{
  margin-bottom: 15px;
  background-color: #F4F4F4;
  display: inline;
  font-size: 0.75em;
  line-height: 200%;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #666;
  /* font-family: 'Open Sans','Alegreya Sans',sans-serif; */ 
}
/* 
 ===================================
 |                                 |
 | NAVIGATIONS BEREICH.....        |
 |                                 |
 =================================== */
#jsn-menu {
    z-index: 999;
    color: #F2F2F2;
    position: relative;
    background-color: #282828;
   /* height: 50px; */
}

/* Navgation innerright - registered User etc. */
#jsn-pos-innerright_inner li{
  line-height: 1em;
}

/* Fonts der Navigation */
body #jsn-menu ul.menu-mainmenu a, body #jsn-menu ul.menu-mainmenu li a span{
	font-family: 'Handlee', Verdana;
	font-size: 1.1em;
	line-height: 1.1em;
}

/* Login Menu  */
#jsn-menu div.jsn-modulecontainer.display-dropdown .jsn-modulecontainer_inner h3.jsn-moduletitle > span{
    padding: 7px 9px;
    font-size: 1.5em;
  }

/*--- Bullets weg und Linie zw. Eintraegen bei Navigation Menues --*/
.memu-treemenu li, .menu-mainmenu li, .menu-iconmenu li,  .menu-richmenu li, .lightbox-2{
	list-style-type: none;
	margin-left: 0.8em;
	line-height: 14px;
	border-bottom: 1px solid #494949;
}
.memu-treemenu li.first, .menu-mainmenu li.first, .menu-iconmenu li.first, .menu-richmenu li.first{
	border-top: 1px solid #494949;
}

/* Lightbox STyles in promo Teil */
.lightbox-2 {
  list-style-type: none;
}
.latestnewslightbox-2 li, .mostreadlightbox-2 li{
  margin-left: 0.3em;
  width: 175px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  list-style-type: disc;
  border-bottom: 1px solid #AEAEAE;
  line-height: 27px;
}
.latestnewslightbox-2 li:first-child, .mostreadlightbox-2 li:first-child{
  border-top: 1px solid #AEAEAE;
}

/*--- END OF Bullets weg ...bei Navigation Menues --*/

/* 
 ===================================
 |                                 |
 |     MAIN   BEREICH.....         |
 |                                 |
 =================================== */

.jsn-article-toolbar{
  margin-bottom: 15px;
  background-color: #F4F4F4;
  display: inline;
  font-size: 0.75em;
  line-height: 200%;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #666;
  /* font-family: "Alegreya Sans",sans-serif;  */
}

/*--- Blog Startseiten Abchnitte ---*/
.row-0{
	margin-top: 10px;
	border-top: 0px;
}
.row-1, .row-2, .row-3, .row-4{
  margin-top: 10px;
  padding-top: 15px;
  background-image: url(../images/dot.png);
  background-repeat: repeat-x;
}

.link-button button-light{
  background-image: none; 
}

/* Links und Read More */
.link-action{
  font-weight: normal;
  padding 1px 2px;
  text-decoration: none;
  border-bottom: 1px solid #bf0000;
}
.link-action:hover{
  background-color: #FFFFFF;
  color: white;
  font-weight: normal;
  padding 1px 2px;
  text-decoration: none;
  border-bottom: 1px solid #bf0000;
}

.readmore .btn .icon-chevron-right{ display: none;  }

.readmore .btn {
  background-color: transparent;
  background-image: none;
  padding: 1px 2px;
  box-shadow: none;
  border: 0px;
  text-decoration: none;
}

.readmore A.btn:HOVER{
  text-decoration: underline;
}

/* Web-Links */
.weblinks li{
  margin-bottom: 40px;
}


/* ==================  Styles der verschiedenen Themen ================= */
/* ------------------  Kraft tanken                    ------------------*/

/* rechte Spalte */
#jsn-themestrip-container-ghLyC .jsn-gallery .jsn-container{
  padding: 0px!important;
  
}

/* Content Archive Page - FIlter Aera */
.filter-search{
  height: auto!important;
  max-height: 350px;
  min-height: 350px;
}
/* END OF Content Archive Page */


/* 
 ===================================
 |                                 |
 |     FOOTER BEREICH.....         |
 |                                 |
 =================================== */
div[class*='box-'] div.jsn-modulecontainer_inner, div[class*='solid-'] div.jsn-modulecontainer_inner{
  	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	box-shadow: 0px 0px 4px #666;
	-moz-box-shadow: 0px 0px 4px #666;
	-webkit-box-shadow: 0px 0px 4px #666;
}

#footer-below-2    {display:none}
#jsn-footermodules {display:none}

/* 3 Spalten im Footer - Positionierung  */
#footerBeholder{
  max-width: 100%;
  min-width: 99%;
  font-size: 0.8em;
  
}
#footerleft{
  color: CECECE;
  padding: 5px 15px 5px 15px;  
  float:left;
  width: 33%;
  border-right: 1px solid #ABABAB;
}
#footerright{
  padding: 5px 15px 5px 15px;
  color: #CECECE;
  float:right;
  width: 33%;
  border-left: 1px solid #ABABAB;
}
#footercenter{
  padding: 5px 15px 5px 15px;
  color: CECECE;
  left: 350px;
  float:left;
  width: auto;
  
}
/* footer rechts unten in der Ecke JOOMLASHINE Demos und DemoBuilder Toggle links am Rand */



#jsn-pos-stick-rightbottom {display:none}
#jsn-demo-builder-toggle   {display:none}