@import url('https://fonts.googleapis.com/css?family=Montserrat:400,600|Roboto+Slab:700&display=swap');


h1 {
	margin-top: 30px;
}

.includelet.big-fonts h1 {
	font-family: 'Roboto Slab', serif;
    font-size: 60px;
	line-height: 60px;
	margin-top: 30px;

}

.includelet.big-fonts h2 {
    font-size: 40px;
 line-height: 40px;
}

.includelet.big-fonts h3 {
        font-size: 32px;
		line-height: 32px;
}

.includelet.big-fonts h4 {
	font-size: 25px;
	line-height: 25px;
}

.includelet.big-fonts h5 {
	font-size: 22px;
	line-height: 22px;
}

.includelet.big-fonts h6 {
	font-size: 18px;
	line-height: 18px;
}

.includelet.white-big-fonts h1 {
	font-family: 'Roboto Slab', serif;
	color: white;
    font-size: 60px;
	line-height: 60px;
	margin-top: 30px;

}	

.includelet.white-big-fonts h2 {
	color: white;
    font-size: 40px;
    line-height: 40px;
}

.includelet.white-big-fonts h3 {
	color: white;
    font-size: 32px;
	line-height: 32px;
}

.includelet.white-big-fonts h4 {
	color: white;
	font-size: 25px;
	line-height: 25px;
}

.includelet.white-big-fonts h5 {
	color: white;
	font-size: 22px;
	line-height: 22px;
}

.includelet.white-big-fonts h6 {
	color: white;
	font-size: 18px;
	line-height: 18px;
}

.includelet.white-big-fonts p {
	color: white;
}

.content h2.page-title {
    margin: 20px 30px 20px 0;
	font-size: 40px;
	line-height: 40px;
	padding-top: 25px;
}

 /* on mobile, smaller font h1 */
@media only screen and (max-width: 767px) {
    
    .includelet.big-fonts h1 {
       font-size: 40px;
	   line-height: 40px;
    }
} 
 /* on mobile, smaller font h2 */
@media only screen and (max-width: 767px) {
    
    .includelet.big-fonts h2 {
       font-size: 36px;
	   line-height: 36px;
    }
} 
	
.btn-primary:hover {
    background-color: #0099d8;
	border-color: #0099d8;
}

/* something to do with the Nav bar */

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #ffffff;
    background-color: #0099d8;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    color: #ffffff;
    background-color: #0099d8;
}

.navbar-inverse {
  background-color: #54555a;
  border-color: #54555a;
  margin: 0px;
  padding: 18px;
  font-family: 'Roboto Slab', serif;
}

/* NAVBAR-DEFAULT
   Includes Search and Login
*/
.navbar-default {
    background-color: #54555a;
    border-color: #54555a;
}

.navbar .nav-logo #logoImage {
    float: left;
    margin-top: 5px;
    padding: 0 15px;
    max-height: 75px;
    width: auto;
}

.navbar-nav > li > a {
    margin-top: 15px;
    line-height: 20px;
	font-size: 20px;
}

/* END DISPLAY OF NAVIGATION */ 

/* FILTERED ITEM LIST
   No internal borders
   Coloured key line
   Coloured panel background
   example = list of rooms on the home page
*/

.transparent{    
    background-color: rgba(0,0,0,0.15);
}

.panel-default {
 background-color: transparent;
 }

.panel-default > .panel-heading {
    background-color: transparent;
    border-color: none;
border-bottom: none;
}

.panel-body-none {
  padding: 0px;
  border: none;
}
.panel-body-moretop {
  padding-top: 25px;
  }
  
  .panel-body-morebottom {
  padding-top: 25px;
  }
 
 .panel-body-yellow {
  padding-top: 30px;
  padding-bottom: 30px;
  } 

.thumbnail-white > .thumbnail {
    background-color: white;
    border-color: white;
    text-align: center;
    margin-bottom: 20px;
}
.btn-white {
    color: #ec008c;
    background-color: #ffffff;
    border-color: #ffffff;
	box-shadow: 7px 7px #54555a;
	padding: 10px;
}

/* End of the FILTERED ITEM LIST style */

/* FOOTER  Includes E-Voice Logo and address and contact details
 */

.footer {
	background-color: #54555a;
   min-height: 400px;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 0px;
    margin-bottom: 0px;
	margin-top: 0px;
	color: #ffffff;
	border: none;
}
	
#footerImage {
    max-width: 100%;
    height: auto;
    display: none;
    margin-bottom: 20px;
}

/* END FOOTER */

/*  SUMEIR EXTRA Carousel 17.03*/


.carousel-control.left, .carousel-control.right {
    background-image: transparent;
}

.carousel-inner > .item.embed-responsive img.wide {
    min-width: 1024px;
}

.carousel-inner > .item.embed-responsive img {
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: 0px;
    margin: auto;
    height: auto;
    width: auto;
}

.carousel-inner > .item img {
    margin: auto;
    width: auto;
    max-height: 1024px;
}

.carousel-control.left {
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
    background-repeat: repeat-x;
}

.carousel-control.right {
	background-image: none;
    right: 0px;
    left: auto;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
    background-repeat: repeat-x;
}

.glyphicon-chevron-right:before {
    content: none;
}
.glyphicon-chevron-left:before {
    content: none;
}

/* END CAROUSEL */

.background-fixedaspect-pinkcmp {
	background-image: url("/communityhouse/assets/images/pinkcmp?attr=image_12col");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    overflow: hidden;
    height: 0; /* to prevent content inside the div making it too tall */
    padding-bottom: 38.5%; /* fix aspect ratio */
}