html{
  background: #87386c;

}
body {
  line-height: 1.5 ;
}
.navbar .navbar-nav {
  display: inline-block;
  float: none;
  vertical-align: top;
  font-family: 'Noto Sans', sans-serif;
  margin-left: 0px;
}
.navbar .navbar-collapse .navbar-nav .phone
  {
  display: none ;

}
@media (max-width: 991px) {
  .navbar .navbar-collapse{
    display: none !important ;
    margin-top: 71px ;

  }
  .navbar .navbar-collapse .navbar-nav>li
    {
    float: none ;

  }
  .navbar .navbar-collapse ul.nav.navbar-nav li:first-child a
    {
    padding-left: 15px ;

  }
  .navbar .navbar-collapse .navbar-nav .phone
    {
    display: block ;

  }
  .navbar .navbar-collapse.in
    {
    display: block !important ;

  }

}
@media (max-width: 767px) {
  .navbar .navbar-collapse{
    margin-top: 0 ;

  }

}
@media (max-width: 620px) {
  .navbar .navbar-collapse{
    text-align: center;

  }

}
.navbar-inverse .navbar-nav>li>a {
  color:white;
  font-size: 14.99994px;
}
.navbar-inverse .navbar-nav>li>a:hover{
  color: gray;
}
@media (max-width: 991px) {
  .navbar-toggle{
    display: block ;

  }

}
ul.nav.navbar-nav li:first-child a {
  padding-left: 0;
  margin-left: 0;
}
.navbar>.container .navbar-brand,
.navbar>.container-fluid .navbar-brand
{
  margin-left: 0px !important;
}
.whitetext{
  color: white;
  font-size: 20px;
  margin-right: 15px;
}
div.has-main-title {
  padding-top: 10px;
  padding-bottom: 10px;
}
.right_arrow{
  width: 30px !important;
}
.row img{
  height: auto;
}
.row{
  margin-top: 20px;
}
.carousel-inner>.item>img {
  margin: auto;
}
.navbar {
  border-radius: 0px;
}
.headertitle{
  color: white;
  padding: 1px;
  padding-left: 20px;
}
.desktopwidth{
  width: 300px;
}
@media (max-width: 400px) {
  .desktopwidth{
    width: 100%;
  }
}
.iframe-rwd  {
  position: relative;
  padding-bottom: 35%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.iframe-rwd iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.hcontent{
  background-color: #d4c2d0;
  padding: 20px;
  overflow: hidden;
  position: relative;
}
@media (max-width: 768px) {
  .hcontent{
    height: auto !important;

  }

}
.hcontent:after{
  content:"";
  height: 20px;
  background: url(../../img/gradient.png);
  display: block;
  position: absolute;
  left:0;
  bottom: 0;
  right: 0;
}
.rowcontent{
  color: white;
  margin-top: -20px;
}
.rowimage{
  height: 220px;
  overflow: hidden;
}
@media (max-width: 1200px) {
  .rowimage{
    height: auto ;
    position: relative;
    overflow: hidden ;

  }
  .rowimage::after
    {
    content: '' ;
    display: block ;
    padding-top: 48.35165%;

  }
  .rowimage > img
    {
    display: block ;
    position: absolute ;
    top: 0 ;
    left: 0 ;
    right: 0 ;
    width: 100% ;
    height: auto ;

  }

}
.findmore{
  display: block;
  width: 100%;
  background-color: #d4c2d0;
  padding: 20px ;
  line-height: 29px ;
  color: #484848;
  font-family: 'Noto Sans', sans-serif;
  font-size: 16.6666px;
  margin-top: -10px;
  cursor: pointer;
  z-index: 1000;
}
.findmore:hover,
  .findmore:focus
  {
  color: #484848 ;

}
.findmore img{
  width:30px;
  float:right;
}
.col-sm-4{
  margin-bottom: 30px;
}
.rowcontent h1,.has-main-title h1,h1{
  font-size: 29.16655px;
  font-family: 'Noto Sans', sans-serif;
}
.has-main-title h1{
  padding-left: 20px;
}
#summary p{
  padding-left: 20px;
}
.rowcontent{
  padding: 25px;
  padding-bottom: 4px;
}
.rowcontent p{
  font-size: 13.33328px;
  font-family: 'Noto Sans', sans-serif;
  font-weight: normal;
}
#summary, .hcontent p {
  font-size: 13.33328px;
  font-family: 'Noto Sans', sans-serif;
}
.nomargin{
  margin-top: 0px;
}
.nomarginbottom{
  margin-bottom: 0px;
}
.navbar-brand {
  height: auto;
  padding-left: 0 ;
}
@media (max-width: 767px) {
  .navbar-brand{
    padding-left: 15px;

  }

}
@media (max-width: 620px) {
  .navbar-brand{
    width: 200px;

  }
  .navbar-brand > img
    {
    width: 100%;

  }

}
#searchdiv{
  margin-top: 30px;
  margin-right: 25px;
  float: right;
  color: white;
}
@media (max-width: 991px ) {
  #searchdiv{
    display: none;

  }

}
#searchdiv input{
  color: #000;
  padding-left: 20px;
  width: 179px;
}
.form-horizontal .control-label{
  text-align: left;
}
nav ul{
  margin-top: 0px;
  padding-bottom: 10px;
}
.item img{
  width: 100%;
}
.carousel-inner > .item > a > img,
.carousel-inner > .item > img,
.img-responsive,
.thumbnail a > img,
.thumbnail > img
{
  max-height: 400px;
}
nav,
.has-main-title,
.rowcontent,
#fwrapper,
.headertitle
{
  background: #4c1333; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(#4c1333, #88386d); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#4c1333, #88386d); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#4c1333, #88386d); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#4c1333, #88386d); /* Standard syntax */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c1333', endColorstr='#88386d',GradientType=1 ); /* IE6-9 */
}
.rowcontent{
  min-height: 200px;
}
#fwrapper{
  padding-left: 27px;
  padding-right: 0px;
}
.has-main-title
{
  width:100%;
  padding: 1px;
  padding-left:5px;
  color:white;
}
#wrapper{
  width: 93%;
  margin: auto;
}
footer ul{
  font-size: 11.66662px;
  font-family: 'Noto Sans', sans-serif;
  padding-left: 5px;
}
footer li a {
  color: white;
}
.rowtext{
  font-size: 13.33328px;
  font-family: 'Noto Sans', sans-serif;
}
@media (max-width: 768px) {
  .rowtext[style]{
    height: auto !important;

  }

}
.rowtext p{
  font-size: 13.33328px;
}
.rowcontent .input-group{
  margin-bottom: 10px;
  font-family: Verdana, sans-serif;
}
form .input-group{
  margin-bottom: 10px;
  font-family: Verdana, sans-serif;
}
#leftcolumn, #rightcolumn {
  float: left;
}
#leftcolumn {
  width: 75%;
 }
#rightcolumn {
  width: 25%;
}
.splitdiv{
  margin-bottom: 55px;
}
.eventimage{
  overflow: hidden;
  padding-left: 20px;
  padding-right: 20px;
}
.eventimage img{
  max-width: 100%;
   max-height: 100%;
}
.boldtext{
  font-weight: bold;
}
.transimage{
  background: Transparent;
  border: 0px;
  float: right;
  margin-right: 10px;
}
.transimage{
  font-size: 16.6666px;
}
.transimage img{
  width: 20px;
  margin-top: -3px;
}
.diplaynone{
  display: none;
}
.inputicon{
  width: 16px !important;
}
.pinkbackground{
  background-color: #d4c2d0;
  padding: 10px;
  padding-bottom: 20px;
  overflow: hidden;
}
@media (max-width: 768px) {
  .pinkbackground{
    height: auto !important;

  }

}
.fullheight{
  height: 100%;
}
.row_image {
  overflow: hidden;
}
h1{
  margin-top: 7px;
  margin-bottom: 7px;
  padding-bottom: 0px;
}
.divminheight{
  background-color: #d4c2d0;
  padding-left: 0px;
  padding-right: 0px;
  overflow: hidden;
}
@media (max-width: 768px) {
  .divminheight{
    height: auto !important;

  }

}
.carousel-control.left,.carousel-control.right {
  margin-bottom: 107px;
}
.pinkgradient{
  width: 100%;
  height: 30px;
  background: url(../../img/gradient.png)  repeat-x;
  background-size: auto 100%;
  margin-top: -30px;
}
footer .navbar-nav>li>a:hover{
  background-color:transparent ;
  color: white;
}
footer{
  margin-top: 20px;
}
footer .navbar-nav {
  float:none;
  max-width: 802px;
  margin: 0px auto;
}
#summary{
  height: 70px;
}
@media (max-width: 991px) {
  #summary{
    min-height: 120px;

  }

}
@media (max-width: 620px) {
  #summary{
    min-height: 150px;

  }

}
.carousel-indicators{
  display: none;
}
.rowtext{
  overflow: hidden;
  position: relative;
}
.rowafter:after{
  content:"";
  height: 20px;
  margin-left:20px;
  margin-right: 20px;
  background: url(../../img/gradient.png);
  display: block;
  position: absolute;
  left:0;
  bottom: 0;
  right: 0;
}
@media (max-width: 768px) {
  .rowafter:after{
    content: none;

  }

}
@media (max-width: 768px) {
  .rowafter+.readmore{
    display: none;

  }

}
@media (max-width: 768px) {
  .readmore{
    display: none;

  }

}
.phone{
  font-family: 'Noto Sans', sans-serif;
  margin-top: 15px;
  color: white;
  float: right;
}
@media (max-width: 1199px) {
  .phone{
    margin-top: 4px ;

  }

}
@media (max-width: 1199px) {
  .mobilemargin{
    margin-top: 20px;

  }

}
@media (max-width: 991px) {
  #myCarousel{
    display: none;

  }

}
@media (max-width: 768px) {
  .mobilenopadding{
    padding-left: 0px;
    padding-right: 0px;

  }

}
.readmore
{
  color: #4c1333 ;
  bottom: 0 ;
  right: 0 ;
  position: absolute ;
  margin-right: 40px ;
  margin-bottom: 15px ;
  cursor: pointer ;
}
.readmore--hidden
{
  display: none ;
}

/*# sourceMappingURL=shildon_civic_hall.min.css.map */