/**
* @author    JNConsult.nicoara.ch http://JNConsult.nicoara.ch
* @copyright Copyright (C) 2008 - 2011 JoomlaShine.com. All rights reserved.
* @license   JoomlaShine.com Proprietary License
*/
/*==============================CUSTOM CSS for JNConsult ==============================*/
/*** custom_jnc.css ***/
/*** ============== ***/
/**  18.04.2016: all customizations made in template.css and custom.css moved here **/

/*** ==================== ***/
/*** template.css related ***/
/*** ==================== ***/
/*** jnc / 11.09.2015 tweak the background image file (ori: White House) displayed such as it is **/
/*                    on Galaxy/Android; it is not overridden by a black image as on other devices */
#jsn-footer .img-ft-bg{
  /*...*/
  /** background: url("../images/backgrounds/footer.jpg"); **/
  background: url("") !important;
}
/* =============== DEFAULT HTML - LINK STYLES =============== */
/** template.css#131
**/
a:hover, a:focus {
  text-decoration: underline;
}
/* =============== MODULE STYLES ============================ */
/* template.css#175, reduce padding top&bottom(20px) but ONLY for breadcrumbs on position 'bottom-under'*/

div#jsn-content-bottom-under .jsn-modulescontainer {
  padding: 2px 0 ;  /* 20px */
}

/*** ================== ***/
/*** custom.css related ***/
/*** ================== ***/
/** replace some of JSN Dona demo backgrounds (edication+religion) with my owns **/
/** for testing 'Demo' module class jsn-3st-education or jsn-6st-religion       **/
/** Currently not used due to page display problems - see joomla3_install.docx/13.09.2015**/
/**/
.jsn-3st-education #jsn-content { /* custom.css#789.*/
/**
  background-image: url(../images/backgrounds/bg-edu-content.jpg);
  background-repeat: no-repeat;
  background-position: left top;
  background-size: cover;
 **/
  background-image: url(../images/backgrounds/parallax_bg_800x320_light.jpg);
}
.jsn-6st-religion #jsn-content { /* custom.css#1395.*/
/**
    NOTE: here " are used in url, but for jsn-3st-education were not !? Are they relevant?
  background-image: url("../images/backgrounds/bg-religion.jpg");
  background-repeat: no-repeat;
  background-position: left top;
  padding: 0;
  background-size: cover;
 **/
  background-image: url("../images/backgrounds/parallax_bg_800x320_light.jpg");
}

/***jnc add: - sticky mainmenu background customization ***/
/*             DOES NOT WORK correctly - see joomla3_install.docx !*/
/*             Desktop:                                            */
/*             -background-color and -image work ok but only on the sticky menu;  */
/*             -the page open header is NOT affected  */
/*             Smartphone,tablet:                                  */
/*             -background-color and -image is INEFFECTIVE */
/*             And all this INDEPENDENTLY of the presence or not of a module in 'logo' position */
/*    colors:  #FF3300; #333333; */

#jsn-header.jsn-menu-sticky {
/*  background-color: #333333;*/
/*  background-image: url(../images/backgrounds/parallax_bg_800x320.jpg);*/
/*  background-image: url(../images/backgrounds/JNC_engineering2.jpg);  zu hell!!*/
}
/** jnc add footer css style **/
/**             -background-color works ok on both desktop and smartphone/tablet **/
/**             -background-image works ok on both desktop and smartphone/tablet **/
#jsn-footer {
/*  background-color: #FF3300; */
/*  background-image: url(../images/backgrounds/parallax_bg_800x320.jpg);*/
}

/*** overlapping text module over JSN ImageShow slider ***/
.promo-intro-text #promo-intro-text {
  top:  -30px;          /* 210px */
  color: #000;        /* #fff */
}
.promo-intro-text #promo-intro-text h2{
  /** original, no tweak:
  padding: 0 10px;
  **/
  text-shadow: 1px 1px 1px #333 !important;
  /*color: #000;*/
}
.promo-intro-text #promo-intro-text h2 span{
  /** original:
  text-transform: uppercase;
  font-size: 72px;
  line-height: 80px;
  font-weight: 700;
  text-shadow: 1px 1px 1px #333;
  **/
  text-transform: none;
  font-size: 30px;
  line-height: 38px;
  font-weight: normal;  /* handle higher weights with module text editor*/
}

.promo-intro-text #promo-intro-text .promo-intro-desc{
  /** original, no tweak:
  font-size: 18px;
  line-height: 30px;
  text-shadow: 1px 1px 1px #333;
  **/
  margin-top: 80px;   /* 30px */
  color: #000;        /* #fff */
}

div.demo-env-slider{
  margin-top: 20px;   /*15px 0 */
  /*top: 200px !important;*/  /* no effect ? */
  background-color: #cce5ff;  /* */
}

/** footer customization **/
/** -------------------- **/
/**lists without bullets**/
.jnc-footer ul {        /*bootstrap.min.css#9*/
  list-style-type: none;
}
ul li {                 /*template.css#148*/
/*
  padding: 0;
  margin: 0.3em 0 0.3em 1.6em;
*/
  margin: 0.3em 0 0.3em 0;
}

/** NAVIGATION BUTTONS **/
/** ------------------ **/
/** 'goback' button (as input of type 'submit' **/
/** --------------- **/
/*.btn-goback {
  border: none;
  border-radius: 10px;
  background: #eee8aa url(/images/arrowBackward.png) no-repeat;
  cursor:pointer;
}*/
div.btn-goback input {
  background: transparent url("../../../images/arrowBackward16.png") no-repeat center center; /* img file in <siteroot>/immages/)*/
  width: 18px;
  height: 18px;
  cursor: pointer;
  border: none;
}
/**/
/** 'goto' button (as :after pseudoelement)**/
/** ------------- **/
div.goto-after-img a {
  /* NO need */
}
div.goto-after-img a:after {
  content: "";
  padding: 1px 20px 1px 5px;  /* right padding to get space for the bg.image*/
  background: transparent url("../../../images/arrowForward16.png") no-repeat center center;
}

/*** ---------- ***/
/*** RESPONSIVE ***/
/*** ---------- ***/
@media only screen and (max-width: 1024px){  /*ie. up to iPad mini*//* 640px*/

 /** NO effect on smartphone!! is overridden by jsn_mobile.css#507: margin:0 **/
 /** -> h2 of promo-intro-text overlaps the image **/
  div.demo-env-slider{
    margin-top: 10px !important;
    /*top: 100px !important;*/
  }
 /** => workaround: **/
  .promo-intro-text #promo-intro-text h2{
    display: none;   /*  */
  }
  .promo-intro-text #promo-intro-text .promo-intro-desc {
    display: block;   /* none */
    margin-top: 120px;    /* 38+30px */
  }
  /** more tries with slider module **/
  /** does not work
  #jsn-master [id*="jsn-themeslider-skitter-"] .info_slide {
    top: 25px;
  }
  **/
  /**
  #jsn-master.jsn-6st-religion [id*="jsn-themeclassic-jsgallery-"] .galleria-info {
    top: 170px;
    left: 19.5%;
    width: 50%;
  }
  **/
}

/* ============================== Google Map ============================== */
/* mapsplugin.com, by Mike Reumer : creates the style class "map" under #mapplaceholder24_XXXXX_0 > #mapbody24_XXXXX_0 */
/*                                                                     (XXXXX changes when resizing the screen!        */
/* extend the class with max-width: 100%; in order to cope with module border overflow when down-resizing the screen   */

div [id*="mapbody"] .map {
  max-width: 100%;
}