/*/////////////////////////////////////////////////////////////////////
 //
 // Custom theme code styles
 // Written by Themelize.me (http://themelize.me)
 //
 // This is an empty starter template for overriding styles
 // set by Bootstrap & the theme
 //
 // ----------------------------------------------------
 //
 // Remove unused code for better performances
 //
 // ----------------------------------------------------
 //
 // @see - Usefuls tools online for editing
 // 1. http://charliepark.org/bootstrap_buttons/ - Button style generator
 // 2. http://www.colorzilla.com/gradient-editor/ - CSS3 gradient maker
 //
 // @note
 // To ensure custom styles are picked up
 // wrap definitions in body tag
 // ie.
 // body .navbar-inner {
 //   background: #ff0000;
 // }
 //
 /////////////////////////////////////////////////////////////////////*/
/*
 * --------------------------------------------------
 * 1. General Elements
 *--------------------------------------------------
 */
#navigation {
  /* 1. Navigation wrapper */
}
#highlighted {
  /* 2. Highlighted (below header) wrapper */
}
#content {
  /* 3. Content wrapper */
}
#content-below {
  /* 4. Content Below wrapper */
}
#footer {
  /* 5. Footer wrapper */
}
/*
 * --------------------------------------------------
 * 2. Colours
 *--------------------------------------------------
 */
/*
 * --------------------------------------------------
 * 3. Responsiveness/media queries
 *--------------------------------------------------
 */
/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */
@media (min-width: 768px) {
  /* Small devices (tablets, 768px and up) */
}
@media (min-width: 992px) {
  /* Medium devices (desktops, 992px and up) */
}
@media (min-width: 1200px) {
  /* Large devices (large desktops, 1200px and up) */
}
/*
 * --------------------------------------------------
 * 4. Misc
 * Other stuff
 *--------------------------------------------------
 */
@media (min-width: 992px){
.navbar-nav>li.hidden-item-menu, #main-menu>li.hidden-item-menu {
    display: none !important;
	}
}

@media (min-width: 992px){
	.navbar-nav>li.hidden-item-menu, #main-menu>li.hidden-item-menu {
    	display: none !important;
	}
}

#jPanelMenu-menu .navbar-nav li.home-link.hidden-item-menu, #jPanelMenu-menu #main-menu li.home-link.hidden-item-menu {
    display: block;
    padding: 15px;
}

.new-share{
    display: none;
}
.btn-WYWYG{
    word-break: break-all !important;
    white-space: normal !important;
}
.btn-WYWYG-default{
    font-size: 16px;
    padding: 10px 20px;
}
.btn-WYWYG-lg{
    font-size: 24px;
}
.fixed-footer{
    position: fixed;
    width: 100%;
    bottom: 0;
}
.btn-nowrap{
    white-space: normal !important;
    text-align: left;
}
 /*Really small devices */
@media (max-width: 450px) {
  .fixed-footer{
    width: 100%;
    position: relative;
    bottom: auto;
  }
}

.flex-row {
  display: flex;
  flex-wrap: wrap;
}
.flex-row > [class*='col-'] {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

/* Sponsor box layout: make each sponsor container equal height and
   keep image centered and contained */
.flex-row .sponsor-img-container {
  display: flex;
  align-items: stretch;
}

.flex-row .sponsor-img-container .img-container,
.flex-row .sponsor-img-container .caption {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  height: 100%;
  box-sizing: border-box;
  padding: 12px;
  justify-content: space-between;
}

.flex-row .sponsor-img-container .img-container {
  background: #fff;
}

.flex-row .sponsor-img-container .img-container h4 {
  margin: 0 0 8px;
  word-break: break-word;
  text-align: center;
}

/* Make anchor take remaining vertical space and center image */
.flex-row .sponsor-img-container .img-container a {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1 1 auto;
  width: 100%;
}

.flex-row .sponsor-img-container .img-container a img,
.flex-row .sponsor-img-container .img-container img {
  max-width: 100%;

  width: auto;
  height: auto;
  object-fit: contain;
  display: block;
  margin: 0 auto;
}

.flex-text {
  flex-grow: 1;
}
.flex-row img {
  min-width: 0;
  width: 100%;
}
.flex-row .btn.btn-block{
  margin-left: 0px;
}

.flex-row .content-btn{
  /*position: absolute;*/
  bottom: 0;
  right: 0;
  left: 0;
  padding: 10px;
}