/* Have fun adding your style here :) - PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */

/* General Custom CSS */

table { width: auto !important; }
.top-phone { position: relative; top: 5px; font-size: 22px !important; }
.page-template-contact-page .yhteystieto-liftup { display: none !important; }
.page-template-contact-page .yhteystieto-liftup p, .page-template-contact-page .yhteystieto-liftup p a { font-size: 24px !important;  }
.page-template-contact-page .hero-overlay h5 a { font-size: inherit; text-decoration: underline !important; }

/*.recent-posts-widget-with-thumbnails { margin: 10px 0px !important; padding: 25px 8% !important; background: url(../images/side1.png) center center no-repeat; background-size: cover;}
.recent-posts-widget-with-thumbnails .widgettitle { color: #fff; margin-bottom: 15px; } */

.recent-posts-widget-with-thumbnails { background: none; padding: 10px 0 !important; }
.recent-posts-widget-with-thumbnails .rpwwt-post-title { color: #72b300 !important }
.recent-posts-widget-with-thumbnails .widgettitle { color: #666; font-size: 22px;  margin-bottom: 15px; text-transform: none; }
#rpwwt-recent-posts-widget-with-thumbnails-5 { margin-top: 10px; }

.avia-menu-fx { width: calc(100% - 26px) !important; left: 13px !important; }

.hero-video { position: relative; }

.hero-video .hero-overlay { position: relative; z-index: 5; }

@media (min-width: 1024px) {
    .hero-video.large {
        height: 650px !important;
    }
}

.video-container {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.video-container video {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

@media (max-width: 1024px) {
    .video-container video {
        max-height: 150%;
    }
}

.rekisteroidy-widget {
    background: #72b300;
    text-align: center;
    padding: 30px 10px;
}

/* .rpwwt-widget .rpwwt-post-title, .custom-recent-posts h4 { color: #fff !important; } */

/* #recent-posts-widget-with-thumbnails-3 { margin-top: 20px !important; background: url(../images/side2.png) center center no-repeat; background-size: cover;} */
.rpwwt-widget ul li { margin-bottom: 15px !important; }
.rpwwt-post-excerpt { color: #666; }
body { padding-top: 139px !important; }
header#header { position: fixed !important; top: 0; left: 0; width: 100%; }
.admin-bar header#header { top: 32px; }
.entry-content p { line-height: 26px; }
.main_menu .sub-menu li a { background: #f5f5f5 !important; } 
.main_menu .sub-menu li:hover a { background: #fff !important; } 
.sidebar .widget { padding: 10px 0px; }
.person img { margin-bottom: 15px; }
form.wpcf7-form input, form.wpcf7-form textarea { border: 2px solid #666666 !important; }
form.wpcf7-form input[type=submit] { font-weight: bold; }
.eezy-shortcode.eezy-quote { padding: 0px 0px 0px 25px !important; border-left: 2px solid #72b300; background: transparent !important; }
.eezy-shortcode.eezy-quote .quote-image { display: none !important; }
.eezy-shortcode.eezy-quote .quote-text { color: #666666 !important; font-style: normal !important; }

#top .template-search.content .entry-content-wrapper { padding-left: 0px !important; padding-top: 25px; padding-bottom: 25px !important; border-bottom: 1px solid #ddd; }
.cat-title { text-transform: uppercase; font-size: 14px !important; margin-bottom: 10px; display: block; }
.cat-title a { font-size: 14px !important; }

.eezy-shortcode.eezy-numbers .numbers-box { 
    background: none !important;
    border: 2px solid #72b300 !important;
    min-height: 260px !important;
}
.eezy-shortcode.eezy-numbers .numbers-box .eezy-numbers-figure { font-size: 90px !important; font-weight: bold; line-height: 0.8em; }
.eezy-shortcode.eezy-numbers .numbers-box .eezy-numbers-text { color: #72b300 !important; font-size: 15px; font-weight: normal !important; }

/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (min-width: 768px) {
  /* Add your Desktop Styles here */

}



/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 990px) {
    body { padding-top: 81px !important; }
}    
    
@media only screen and (max-width: 767px) {
    .admin-bar header#header { top: 46px; }
    .ff-stream-wrapper .ff-item:nth-child(5), .ff-stream-wrapper .ff-item:nth-child(6), .ff-stream-wrapper .ff-item:nth-child(7), .ff-stream-wrapper .ff-item:nth-child(8) { display: none; height: 0; overflow: hidden; }
    .ff-stream-wrapper.loaded-more .ff-item:nth-child(5), .ff-stream-wrapper.loaded-more .ff-item:nth-child(6), .ff-stream-wrapper.loaded-more .ff-item:nth-child(7), .ff-stream-wrapper.loaded-more .ff-item:nth-child(8) { display: block; height: auto; }
    .page-template-contact-page .yhteystieto-liftup { display: block !important; }
}