.logo{
    background: url(../images/logo_municode_notagline.png);
    text-indent: -9999px;
    overflow: hidden;
    margin: 0;
    background-position: left top;
    background-repeat: no-repeat;
    background-size: contain;
  }

.banner-img{
    background-image: url(../images/photo-1424298397478-4bd87a6a0f0c2.jpg);
    background-position: 50% 84%;
    background-repeat: no-repeat;
    background-size: cover;
}

.banner-message{
  margin-top: 6%;
  margin-bottom: 30%;
}

.banner-headline{
  font-size: 48px;
  opacity: .7;
  margin-bottom: 28px;
}
/* banner button colors
#F20A30
#2196F3
#4CAF50
#607D8B
*/

  .nav_link {
    max-height: 32px;
    top: 16px;
    line-height: 0px;
    margin-left: 10px;
    color: #414141;
}


#base {
            padding-left: 0 !important;
		}

#footer{
}

#homeAnimation{
    padding: 0;
}

.altback{
    background: #efefef;
}

/*section:not(.thin){
    padding-top: 3em;
    padding-bottom: 3em;
}*/

section.topThin{
    padding-bottom: 0;
    padding-top: 1px;
}

.style-munigrey{
  background-color: #56676f;
  border-color: #56676f;
  color: #ffffff;
}

.style-primary, .btn-primary, .card.style-primary{
  background-color: #d2313f !important;
  border-color: #d2313f !important;
  color: #ffffff !important;
}
.style-info, .btn-info, .card.style-info{
  background-color: #2196f3 !important;
  border-color: #2196f3 !important;
  color: #ffffff !important;
}
.style-success, .btn-success, .card.style-success{
  background-color: #4caf50 !important;
  border-color: #4caf50 !important;
  color: #ffffff !important;
}
.style-warning, .btn-warning, .card.style-warning{
  background-color: #ff9800 !important;
  border-color: #ff9800 !important;
  color: #ffffff !important;
}
.style-accent, .btn-accent, .card.style-accent{
  background-color: #9c27b0 !important;
  border-color: #9c27b0 !important;
  color: #ffffff !important;
}
.timeline-entry .card.style-primary:after{
      border-color: transparent transparent transparent #d2313f !important;
}

#footer ul{
    list-style-type: none
}

.section-action {
    position: fixed;
    width: 100%;
    bottom: 0;
    z-index: 9999;
    height: 64px;
    padding-bottom: 8px;
    padding-top: 8px;
}

.homepage-hero-module {
    border-right: none;
    border-left: none;
    position: relative;
}
.no-video .video-container video,
.touch .video-container video {
    display: none;
}
.no-video .video-container .poster,
.touch .video-container .poster {
    display: block !important;
}
.video-container {
    position: relative;
    bottom: 0%;
    left: 0%;
    height: 100%;
    width: 100%;
    overflow: hidden;
    background: #000;
}
.video-container .poster img {
    width: 100%;
    bottom: 0;
    position: absolute;
}
.video-container .filter {
    z-index: 100;
    position: absolute;
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
}
.video-container video {
    position: absolute;
    z-index: 0;
    bottom: 0;
}
.video-container video.fillWidth {
    width: 100%;
}

.swatch{
    width: 100px;
    height: 100px;
    margin: 30px;
    float: left;
}

/*
.style-info, .style-info p{
    color: #E5F6FF !important;
}
*/

/*.text-default,
.text-default-bright,
.btn-default-bright,
.btn-default-bright:hover,
.btn-default-bright:focus,
.open .dropdown-toggle.btn-default-bright,
.btn-default-bright:active,
.btn-default-bright.active,
section .style-default-bright,
.offcanvas-pane .style-default-bright,
.card .style-default-bright,
section.style-default-bright,
.offcanvas-pane.style-default-bright,
.card.style-default-bright,
section .style-default-bright .btn-icon-toggle:hover,
.offcanvas-pane .style-default-bright .btn-icon-toggle:hover,
.card .style-default-bright .btn-icon-toggle:hover,
section.style-default-bright .btn-icon-toggle:hover,
.offcanvas-pane.style-default-bright .btn-icon-toggle:hover,
.card.style-default-bright .btn-icon-toggle:hover,
section .style-default-bright .btn-flat:hover,
.offcanvas-pane .style-default-bright .btn-flat:hover,
.card .style-default-bright .btn-flat:hover,
section.style-default-bright .btn-flat:hover,
.offcanvas-pane.style-default-bright .btn-flat:hover,
.card.style-default-bright .btn-flat:hover,
.card-body-darken .style-default-bright,
.card-body-darken.style-default-bright,
.badge.style-default-bright
{
  color: #54656d !important;
}*/

/*.style-default, .style-default i, .style-default p,
.style-default-bright, .style-default-bright i, .style-default-bright p,
.style-default-light, .style-default-light i, .style-default-light p
{
    color: #54656d !important;
}*/


section .style-default-dark, .offcanvas-pane .style-default-dark, .card .style-default-dark, section.style-default-dark, .offcanvas-pane.style-default-dark, .card.style-default-dark {
    background-color: #F1F1F1 !important;
    border-color: #20252b !important;
    color: #40525B !important;
}

.coolBG{
    /*
    background-color: #3B2F63 !important;
    background-image: -webkit-radial-gradient(50% top, rgba(84, 90, 182, 0.6) 0%, rgba(84, 90, 182, 0) 75%), -webkit-radial-gradient(right top, #794aa2 0%, rgba(121, 74, 162, 0) 57%) !important;
    background-repeat: no-repeat !important;
    background-size: 100% 1000px !important;
    */
    /*background-color: #0191da !important;*/
    /*color: #E5F6FF !important;*/

    background-color: #F7FCFF !important;
    color: #435761 !important;
}
.coolBG p{
    /*color: #e9e3ff !important;*/
    color: #435761 !important;
}


.coolBG_Red {
    background-color: rgba(116, 0, 11, 0.89) !important;
    background-image: -webkit-radial-gradient(50% top, rgba(232, 0, 25, 0.6) 0%, rgba(232, 0, 25, 0) 75%), -webkit-radial-gradient(right top, rgba(255, 0, 26, 0.83) 0%, rgba(215, 0, 22, 0.22) 57%) !important;
    background-repeat: no-repeat !important;
    background-size: 100% 1000px !important;
    color: #FFE9EB !important;
}
.coolBG_Red p{
    /*color: #FFD2D7 !important;*/
    color: #FFFFFF !important;
}


.coolBG_Gold {
    background-color: rgba(206, 119, 0, 0.929) !important;
    background-image: -webkit-radial-gradient(50% top, rgba(233, 136, 0, 0.6) 0%, rgba(233, 136, 0, 0) 75%), -webkit-radial-gradient(right top, rgba(232, 134, 0, 0.764) 0%, rgba(232, 134, 0, 0) 57%) !important;
    background-repeat: no-repeat !important;
    background-size: 100% 1000px !important;
    color: hsla(35,84%,94%,1) !important;
}
.coolBG_Gold p{
    color: hsla(35,84%,94%,1) !important;
}

.leaderBio p {
  font-size: 16px;
}

ul.check li:before
{
    content: '✔';
/*    margin-left: -1em;*/
    margin-right: 1em;
    font-size: .75em;
}

ul.check
{
   padding-left: 20px;
   text-indent: 2px;
   list-style: none;
   list-style-position: outside;
}

img.appFeature{
/*    max-height: 500px;*/
    max-width: 100%;
    /*min-width: 740px;*/
}

img.videoFeature{
    width: 100%;
    min-width: 0;
}


img.appFeature, iframe{
    box-shadow: 0 0 40px #ffffff;
}

.coolBG img.videoFeature{
    box-shadow: 0 0 40px #58c9ff;
}


img.videoFeature:hover{
    cursor: pointer;
}

.featureCards .card{
    height: 500px;
}

.redColor{
    color: #d2313f;
}

.center{
    display:block !important;
    margin:auto !important;
    text-align: center;
}

.top_H{
    margin-top:0;
    padding-top: 0;
}

/*
.style-default-light .sectionIcon{
    color: #0191da !important;
}
*/

.blueHover:hover{
  background: #0191da !important;
  color: #ffffff !important;
}

.redHover:hover{
  background: #f03040 !important;
  color: #ffffff !important;
}

.style-default-light .btn :not(.btn-success):not(.btn-info), .style-default-bright .btn :not(.btn-success):not(.btn-info){
    /*background: #007ebe !important;
    border: 0px solid #794aa2 !important;
    color: #ffffff !important;*/
    background: #d2313f !important;
    border: 1px solid #d2313f !important;
    color: #ffffff !important;
}
.style-default-light .btn:hover:not(.btn-success):not(.btn-info), .style-default-bright .btn:hover:not(.btn-success):not(.btn-info){
    /*background: #0089ce !important;*/
    /*background: #f03040 !important;*/
}

/*.style-default-bright:not(.greyi) .sectionIcon, .style-default-light:not(.greyi) .sectionIcon{
    color: rgba(154, 5, 19, 0.89) !important;
    /*color: #d2313f !important;
    color: #0191da !important;
}*/

/*.style-default-bright .btn{
    background: #d2313f !important;
    border: 1px solid #d2313f !important;
    color: #ffffff !important;
}*/

i.red{
    color: #d2313f !important;
}

i.purple{
    color: #794aa2 !important;
}

i.gold{
    color: rgba(232, 134, 0, 0.764) !important;
}

.homeTopBlog{
}

.section-header {
    height: 64px;
    /* padding: 14px 0; */
    padding: inherit !important;
    margin-bottom: 4em !important;
}

.background.i1{
    background-image: url(../../assets/images/stl_overlay2.jpg?i=2);

}

.background.i2{
    background-image: url(../../assets/images/wi_overlay.jpg?i=2)
}

.background.i3{
    background-image: url(../../assets/images/charlotte_overlay.jpg?i=2)
}

.background.i4{
    background-image: url(../../assets/images/fc_smithMountainLake.jpg?i=2)
}

.background.cover{
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
}

.style-info, .style-info p, .style-info i{
    color: #E5F6FF !important;
}

.style-info a.btn{
    color: hsl(201, 100%, 25%) !important;
    background-color: #f2f2f2 !important;
    border: 1px solid #f2f2f2 !important;
}

.style-info a.btn:hover{
    background-color: #ffffff !important;
    border: 1px solid #ffffff !important;
}

.noTopMargin{
    margin-top: 0;
}

.news .btn{
    color: hsl(201, 100%, 25%) !important;
    background-color: #f2f2f2 !important;
    border: 1px solid #f2f2f2 !important;
}
.news .btn:hover{
    background-color: #ffffff !important;
    border: 1px solid #ffffff !important;
}

.btn-success{
  color: #ffffff !important;
  background-color: #41D047 !important;
  border-color: #4caf50 !important;
}

.cover .card-body {
    padding: 32px !important;
  }

  .bio_topper{
    padding-top: 0 !important;
    padding-bottom: 70px !important;
  }

  .coolBG_Red p.text-xxxxl, .coolBG_Red p.text-xxxl {
      color: #ffffff !important;
  }

.blogContent p{
      font-size: 1.6em;
}

/*section .style-default-light, .offcanvas-pane .style-default-light, .card .style-default-light, section.style-default-light, .offcanvas-pane.style-default-light, .card.style-default-light{
      background-color: #fefefe;
}*/

h1.text-center.text-xxxl, .text-xxxl, p.text-xxxxl, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-weight: 300 !important;
}

.hostingSectionContent{
      margin-top: 0 !important;
}

.section-header.noPadding {
    padding: 0 !important;
}

.center-pills { display: inline-block; }

#myScrollspy{
  position: fixed;
    z-index: 999;
    margin: 0 auto;
    width: 100%;
    margin-top: 10px;
    padding-bottom: 0;
    border-bottom: 1px solid #F6F6F6;
}

section.card{
  margin-bottom: 0px;
}

#header {
  border-bottom: 1px solid #F6F6F6;
  -webkit-box-shadow: none;
  box-shadow: none;
}

@media (max-width: 768px){
  .headerbar-right {
      /*position: fixed;*/
  }
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    background-color: #EBEBEA;
    color: #40525B;
}

#leadership_top {
  margin-top: 8em;
}
#onlineHosting_top{
  margin-top: 1em;
  padding-bottom: 0;
}
@media (max-width: 768px){
  #myScrollspy {
      display: none;
  }
  #leadership_top, #onlineHosting_top {
    margin-top: inherit;
  }
}

a.heroLink{
  text-decoration: none !important;
  color: #ffffff !important;
}

img.groupImage {
    width: 100%;
}

/*p:not(.lead), .sectionContent ul, .sectionContent ol {
    letter-spacing: 0.1px !important;
    font-size: 16px !important;
    line-height: 1.6em !important;
    font-weight: 300 !important;
}*/

h3, h2, h1, p, a {
  font-weight: 300 !important;
}

.text-lg, .text-xl, .text-xxl, .text-xxl  {
    line-height: 1.5em;
}

.text-sm{
  font-size: 15px !important;
}

#appHeaderImage{
  width: 100%;
  /*max-width: 900px;*/
}

#headerImageContainer{
  max-height: 450px;
  overflow: hidden
}

#headerImageShadow{

    box-shadow: inset 0 1px 0 rgba(255,255,255,.6), 0 22px 70px 4px rgba(0,0,0,0.56), 0 0 0 1px rgba(0, 0, 0, 0.3);
    margin: 5em;
    margin-top: 50px;

}

#appHeaderImage, #headerImageShadow{
  border-radius: 5px;
}


#onlineHosting_top h1 {
    font-size: 50px;
    color: #ffffff;
    font-weight: 500 !important;
    text-shadow: #908E8E 0px 1px 1px;
    margin-top: 22px;
}

#onlineHosting_top h2 {
  text-shadow: #908E8E 0px 1px 1px;
  color: #fff;
  font-size: 24px;
}

#onlineHosting_top .btn-lg{
  padding: 22px 26px !important;
  text-shadow: 1px 1px 1px #808080;
  font-size: 17px;
  font-weight: 400 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.6), 0 22px 70px 4px rgba(0,0,0,0.56), 0 0 0 1px rgba(0, 0, 0, 0.3);
  border: 0;
}

.featurette-icon{
  font-size: 112px;
}

.bottom-margin{
  margin-bottom: 16px;
}

.feature-title{
  /*margin: 1em;*/
  text-align: center;
  margin-top: 0;
}

.feature-subheading{
  /*margin: -1.5em 0 1em;*/
  text-align: center;
}

.feature-content-block{
  padding: .5em 0;
}

.flat{
  background-color: inherit;
  box-shadow: none;
}

.flat .card-body{
  /*padding: 0;*/
}

.section-logo{
  font-size: 36px;
}

.top-padding{
  padding-top: 24px;
}

.no-bottom-padding{
  padding-bottom: 0;
}

.section-matrix section{
  padding-top: 36px;
  padding-bottom: 36px;
  border-bottom: 1px solid #ccc;
}

.section-matrix section.media-pos-bottom{
  padding-bottom: 0;
}

.image-block-card
{
  min-height: 240px;
  /*max-height: 480px;*/
}

.image-block-card img{
  max-height: 350px;
}