/*
Theme Name: MH Hydaulics Child Theme
Description: A child theme for Uikit Theme
Author: Rebecca Chapman
Template: Uikit Theme
*/

/* Write custom css here */

html {
    background: #000;
}

a {
    color: #183807;
}

a:hover {
    color: #183807;
}

h1 {
    font-size:38px;
    line-height:100%;
    Font-weight:700;
    font-family: 'Raleway', sans-serif;
}

p,
b,
i {
    font-size: 16px;
}

.about img {
}

.larger-text {
    font-size: 150px;
    margin-bottom: -20px !important;
    text-shadow: 2px 2px 4px #000;
}
.larger-text-container {
    max-width: 1500px;
    margin: 0px auto !important;
}

.larger-text-container {
    width: 100%;
}

.page-segment {
    padding: 30px 0;
}

.uk-overlay-panel {
    padding: 0px;
    background-size: auto 1000px;
    height: 100vh;
    width: 100%;
}

.uk-overlay-panel > div {
    width: 100%;
}

.read-more {
    background: rgba(0, 0, 0, 0.76);
}

.readmore-link {
    
}

.image-center {
    margin-top: auto;
    margin-bottom: auto;
}

#nav {
    position: absolute;
    z-index: 99999;
    width: 100%;
    text-transform: uppercase;
    font-weight: 700;
}

.uk-navbar {
    background: rgba(0,0,0,0.7);
}

.sticky-header {
    position: fixed;
    top: 0px;
}

.uk-navbar-nav {
    margin: 0 auto;
    max-width: 1365px;
    display: block;
    float: none;
}

.uk-navbar .uk-active a {
    background: transparent !important;
}

.uk-navbar a {
    color: #fff !important;
}

.uk-navbar a:hover,
.uk-navbar a:active,
.uk-navbar a:focus {
    background: transparent !important;
}

.uk-overlay-panel.uk-flex.uk-flex-bottom.uk-flex-center.uk-text-center a {
    text-decoration: none !important;
    padding: 10px;
}

.uk-slider-go-down {
    font-size: 1000%;
    color: white;
    border-radius: 50%;
    line-height: 0.65;
    /* padding: 10px; */
    /* border: 5px solid white; */
    /* margin-bottom: 30px; */
}

.small-text {
    color: #fff !important;
    display: block;
    font-weight: 300;
    font-size: 18px;
}

#about,
#about h1{
    background: #fff;
    color: #444 !important;
}

#about img {
    margin: 0px auto;
}

#facebook {
    background-color: #E5E5E5;
}

#contact {
    background: #333;
    color: #fff !important;
}

#contact h1,
#contact a {
    color: #fff !important;
}

.uk-content-width {
    max-width: 1400px !important;
    margin: 0 auto;
}

.image-center {
    text-align: center;
}

.ff-stream {
    min-height: 585px !important;
}

.image-container img {
    max-width:px;
}

.text-block {
    max-width: 600px
}

.uk-overlay-panel {
    background-position: 50% 50%;
    background-size: 100vh;
    background-repeat: no-repeat;
}

.uk-overlay-panel.uk-flex.uk-flex-bottom.uk-flex-center.uk-text-center a {
    padding: 10px 10px 10px 0;
}

.uk-slider-go-down {
    font-size: 500%;
}

.uk-navbar-toggle {
    height: 60px;
}

@media (min-width: 1400px) {
    
    .margin-container {
        margin-left: 60px;
    }
}

@media (max-width:951px) {
    .uk-navbar {
        height: 60px;
    }
    h1 {
        font-size: 35px;
    }
    .width-margin-mobile {
    margin-top: 20px;
    }
    .margin-container {
        top: 30%;
        width: 100%;
        position: absolute;
    }
    .read-more {
        bottom: 0px;
        position: absolute;
        width: 100%;
    }
}

.uk-panel-box {
    min-height: 182px;
}

.uk-slideshow li {
    height: 100vh;
}

.navbar-call {
    float: right !important;
}

.uk-nav-offcanvas .navbar-call {
    display: none;
}

@media screen and (max-width: 1350px) {
    .larger-text {
        font-size: 100px;
        margin-bottom: -14px !important;
    }
}

@media screen and (max-width: 712px) {
    .larger-text {
        font-size: 70px;
    }
}

@media screen and (max-width: 590px) {
    .larger-text-container {
        margin-bottom: 5px;
    }
}

@media screen and (max-width: 400px) {
    .larger-text {
        font-size: 60px
    }
}

#slider {
    height: 100vh;
    background: #333;
}

#services {
    background: #fff;
}

.address {
    max-width: 270px;
    margin: 0px auto;
}

.post {
    max-width: 270px;
    margin: 0px auto;
}

.map {
    max-width: 319px;
    margin: 0px auto;
}

.welcometext {
    max-width:500px;
    margin: 0px auto;
    margin-left:0px!important;
}

#about .image-holder {
    max-width: 500px;
    margin: 0px auto;
}

#services .image-holder {
    max-width: 308px;
    margin: 0px auto;
}

.map iframe {
    max-width: 100%;
    height: 100px;
}

.right-align{
    text-align:right;
    width:100%;
}

.right-header {
    max-width: 500px;
    margin: 0px auto 15px auto;
}

@media (max-width: 959px) {
    .right-header {
    max-width: 100%;
    margin: 0px auto 15px auto;
    }
    
    .map {
        max-width: 100%;
    }
    
    .address {
        max-width: 100%;
    }
    
    .post {
        max-width: 100%;
    }
}

.wordcloud {
    width: 100%;
    max-width: 648px;
}

.entry-meta{
    display:none;
}