/* 
**
** Main Stylesheet Document of child theme 
** This contains basic Structural Details, Styling of the theme.
*/
/* Basic Containers 
-------------------------------------------------*/
/* CB mod padding: 15px; */
#content {
  padding: 0px;
}

#login-info {
    text-align: center;
    margin: 0 auto;
    color: white;
	margin-top:10px;

}
#header-image:after {
  background: none;
}

#social-icons {
	margin-top:0px;
}
.site-branding {
	margin-top:120px;
}
#site-navigation ul li .sub-menu, #site-navigation ul li .children{
	top:50px !important;
    
}

#site-navigation{margin-top:20px;}

@media screen and (max-width: 767px) {
    #mobile-nav{width:300px;text-align:center;margin: 0 auto;}
    #menu{
        heightx:80px !important;
    }
    #menu{
        visibilityx:hidden;
    }
  #slickmenu{display:none !important;};
  .nav-container{display:none !important;}
  #site-navigation{display:none !important;}
}
/*------------*/
/*
 These are to allow tohave a ngg slideshow without margins and close to the top
 they must be preceder in the page by a div with ID 
 ngg-slide-close-to-top
*/

#page-content #ngg-slide-close-to-top ~ .ngg-slideshow {
	margin:auto !important
}
#page-content #ngg-slide-close-to-top ~ .ngg-slideshow .ngg-gallery-slideshow-image {
	height:auto!important;
	}
	.ngg-slideshow .ngg-gallery-slideshow-image a {
    display: inline !important;
    pointer-events: none;
}
#page-content #ngg-slide-close-to-top ~ .ngg-slideshow .ngg-gallery-slideshow-image a {
    display: inline !important;
    pointer-events: none;
}
/*------------*/
/* .ngg-slideshow.slick-track	{
	height:auto !important;
	}
*/
.ngg-slideshow .ngg-gallery-slideshow-image:before{
	display:none
}

@media screen and (max-width: 480px) {
  /* cellphone portrait 
	 this fixes the height of the gallery in the home page so 
     the writing does not go too low
  */
 /*.page-id-2 .ngg-slideshow, .page-id-1412 .ngg-slideshow {*/
 /*
 .page-id-2 .ngg-slideshow, .page-id-1412 .ngg-slideshow {
	  height:80px;
  }
 */

/* fix the calendar width */
  .calContent {
	  width:100% !important;
  }
  .calContent .entry-title{
	  margin:0px !important;
	  padding: 2px !important;
	  font-size: small !important;
	  border:0px !important;
  }
  .calContent #primary{
	  padding:2px !important;
}