html {
    color: #111122;
    font-size:19px;
}

body {
    height: auto !important; 
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    font-family: "Mallanna", sans-serif;
}

/* Preventing FOUC - a flash of unstyled content. */
.no-js .top-bar .title-bar-left {
  display: none;
}

@media screen and (min-width: 40em) {
  .no-js .top-bar {
    display: block;
  }

  .no-js .title-bar-left {
    display: none;
  }
}

a::after {
    border-color:#ccc transparent transparent !important;
}

.content {
    flex: 1 0;
}

.testimonial-section {
     background-color:#ddd; 
     padding:40px 0px; 
     font-size:1.2rem; 
     line-height:1.5rem; 
     font-family:'News Cycle'; 
     font-weight:500; 
     color:#444;
}

.title-bar {
    background-color:white;
}

.menu-icon {
}

.menu-icon:hover {
    color: #550000;
}

.menu-icon::after {
    /* the block itself, the first line */
    background: #000;
    /* middle and bottom */
    box-shadow: 0 7px 0 #000, 0 14px 0 #000;
    /* respect WebKit */
    -webkit-box-shadow: 0 7px 0 #000, 0 14px 0 #000;
}

.top-bar, .top-bar ul {
    background-color:#fff;
}

.off-canvas {
    background-color:#1c2e37;
}

.off-canvas a {
    color:#ddd;
}

.off-canvas a:hover {
    color:#fff;
}

.wrap {
    width: 90%;
    margin: 0px auto !important;
    max-width: 1100px;
}

h1 {
    font-family: 'Niramit', sans-serif;
    font-size:3rem;
}
h2 {
    font-family: 'Niramit', sans-serif;
    font-size:1.7rem;
}
h3 {
    font-family:'Mallanna', sans-serif;
    font-size:1.4rem;
}
h4 {
    font-size:1.3rem;
}
h5 {
    font-size:1.2rem;
}
h6 {
    font-size:1.1rem;
}

a {
    color: #368a42;
}

    a:hover {
        color: #2b7034;
    }

.top-bar a {
    color: #000;
}

.clients img {
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}

.clients img:hover {
  -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
  filter: grayscale(0%);
}

.button.hollow {
    color:#ddd;
    border:1px solid #aaa;
}

.button.hollow:hover {
    color:#fff;
    border:1px solid #fff;
}

.technologies img {
    border:none;
}

.main-section {
    background-color:white;
    padding:10px;
    border:solid 5px white;
    box-sizing:padding-box;
}

.resource {
    background-color:white;
    padding:10px;
    border:solid 5px #f4f4f4;
    box-sizing:padding-box;
}

.resource-type {
    font-size:0.8rem;
    font-weight:500;
    color:#888;
}

.resource-item {
    font-size:1.2rem;
    font-weight:bold;
}

.arrow {
    color:forestgreen;
    font-size:0.7rem;
}

a.learn-more {
    color:#000;
}

a.learn-more:hover {
    color:#000;
    text-decoration:underline;
}

.is-dropdown-submenu-item a {
    background-color:#333;
    color:#eee;
}

.is-dropdown-submenu-item a:hover {
    background-color:#444;
    color:#fff;
}

.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
    border-color: #000 transparent transparent;
}

.dropdown.menu > li.opens-left > .is-dropdown-submenu {
    background-color:transparent;
}

footer {
    background-color: #3f5966; /* #1c3648;*/
    background-color: #1c3648; /* #1c3648;*/
    padding:30px 0px;
    color:#999;
}

footer ul {
    margin-left:0rem;
    margin-bottom:30px;
    list-style:none;
    list-style-position:unset;
}

footer li {
    list-style:none;
    list-style-position:unset;
}


footer a, footer a:hover {
    font-size:1rem;
    color:white !important;
    line-height:2.5rem;
}

.footer-column-header {
    font-weight:bold;
    margin-bottom:10px;
}

.copyright {
    text-align:left;
    font-size:0.9rem;
    padding-top:20px;
    color:#ccc;
}

#breadcrumbs {
    margin-bottom:40px;
}

.button {
    background-color: #22a329;
}

    .button:hover {
        background-color: #19721e;
    }

.orbit-bullets button {
    width:0.5rem;
    height:0.5rem;
}

.button {
    border-radius:5px;
}

.homepage-orbit-slide {
}

.orbit-slide {
}

ul.orbit-container {
}
li.orbit-slide {
}

.sticky .is-active {
    background-color:#6db43e;
    color:#eee;
}
.sticky .is-active:hover {
    color:#fff;
}

.image-container{
    align-items: center; /* for vertical align */
  background: red;
  /* justify-content: center; <- for horizontal align */
  margin-bottom: 0%;
  object-fit: cover;

}

    .image-container img {
    }

img.log {
    display:contents;
    height:0px;
    width:0px;
}

.tooltip {
    max-width:30rem;
}

.sticky-menu-header {
    padding-top:10px;
    padding-left:20px;
    padding-bottom:10px;
    background-color:#f4f4f4;
}

hr {
    margin: 60px 0px;
}