/*
 Theme Name:     Twenty Seventeen Child Theme
 Theme URI:      http://wordpress.org/themes/twentyseventeen
 Description:    Opinnäytetyö
 Author:         Hanna Lainepää
 Author URI:     http://ruttokeijo.com
 Template:       twentyseventeen
 Version:        1.0.0
*/

body {
  font-family: 'Roboto', sans-serif;
}

#masthead .wrap .site-branding-text .site-title{
    font-size: 30px;    
    text-shadow: 3px 2px rgba(0, 0, 0, 0.8);
}

.site-description {
    float: right;
    font-size: 20px;
    text-shadow: 3px 2px rgba(0, 0, 0, 0.8);
}

.clearfix::after {
    content: "";
    clear: both;
    display: table;
}

/*Computer screen */
@media screen and (min-width: 48em) {
	.twentyseventeen-front-page.has-header-image .custom-header-image {
	/*height: 1200px;*/
	/*height: 100vh;*/
	height: 50vh;
	/*max-height: 100%;*/
	/*overflow: hidden;*/
	}
}

/* Mobile screen*/
.has-header-image.twentyseventeen-front-page .custom-header {
	/*display: table;*/
	/*height: 300px;*/
	/*height: 75vh;*/
	height: 70vh;
	/*width: 100%;*/
}

/* Computer screen with logged in user and admin bar showing on front end*/
@media screen and (min-width: 48em) {
	.admin-bar.twentyseventeen-front-page.has-header-image .custom-header-image {
	/*height: calc(100vh - 32px);*/
	height: calc(50vh - 32px);
	}
}

@media screen and (min-width: 48em) {
.page.page-one-column .entry-header, .twentyseventeen-front-page.page-one-column .entry-header{
    margin-bottom: 2em;
}
}

@media screen and (min-width: 30em) {
.panel-content .entry-header {
    margin-bottom: 2em;
}
}


h1 {
font-family: 'Roboto 500', sans-serif;
}

@media screen and (min-width: 30em) {
.page-one-column .panel-content .wrap {
  max-width: 1200px;
}

    .navigation-top {
        font-size: 16px;
    }    
    
/* Mökkien esittelyt */
      
@media screen and (min-width: 48em) {
.panel-image {
        height: 30vh;
        max-height: 1000px;
    }        
}
    
.panel-image {
        background-position: left;
}
    
.single-featured-image-header img {
    height: 0;
    visibility: hidden;
   /* margin: 0;
    width: 100%; */
}

.page.page-one-column:not(.twentyseventeen-front-page) #primary {
    margin: 0;
    max-width: 100%;
}
    
.row
{
    display: table;
    width: 100%; /*Optional*/
    border-spacing: 10px; /*Optional*/
}
    
.column
{
    display: table-cell;
   vertical-align: top;
}

.column-text
{
    display: table-cell;
   vertical-align: top;
    padding: 10px;
}   
    
.column-button
{
    display: table-cell;
   vertical-align: middle;
    padding: 10px;
    margin-bottom: 10px;
} 

    a.gallery_group6.gallery_responsive_lightbox.entry-visible {
    border: solid;
    border-width: thin;
    border-color: #ffffff;
    }    
    
.justified-gallery > a > .caption-visible{
       visibility: hidden;
    } 
    
.justified-gallery > div > .caption-visible{
        visibility: hidden;
    } 
    
    
button {
    font-family: inherit;
    background-color: #333;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
}    
    
.swpm-profile-street-row{
        display: none;
}
.swpm-profile-city-row{
        display: none;
}
.swpm-profile-state-row{
        display: none;
}
.swpm-profile-zipcode-row{
        display: none;
}
.swpm-profile-country-row{
        display: none;
}

.swpm-profile-firstname-row{
        display: none;
}
    
.swpm-profile-lastname-row{
        display: none;
}    
.swpm-profile-company-row{
        display: none;
}
.swpm-profile-membership-level-row{
        display: none;
}
.swpm-registration-membership-level-row{
        display: none;
}    
.swpm-join-us-link {
        display: none;
}
.DOPBSPCalendar-day .dopbsp-bind-middle .dopbsp-body .dopbsp-available {
        display: none;
}

.swpm-join-us-link a {
display: none;
}

@media screen and (min-width:48em) {
    .comments-title {
        display: none;
    } 
}
    
@media screen and (min-width:48em) {
    #comments {
        padding-top: 0px;
    } 
}    
    @media screen and (min-width:30em) {
    .comments-title {
        display: none;
    } 
}

@media screen and (min-width:30em) {
    .comment-reply-title {
        display: none;
    } 
}