/*
 * Theme Name:  Graphy Child
 * Template:   	graphy
 * Theme URI:   http://themegraphy.com/wordpress-themes/graphy/
 * Author:     	kimura@BruerLinks LLC.
 * Author URI: 	http://bruer-links.co.jp/
 */


body {
    overflow-x: hidden;
}

/* header */
.header-image {
    text-align: center;
}


.lock a:before {
    content: "\f470";
    font-size: 20px;
    margin-right: 3px;
}

.profile-img img:before {
    width: calc(100% + 30px);
    height: calc(100% + 30px);
    left: calc(50% - 14px);
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border: 1px solid #e2e2e2;
    border-radius: 100%;
    content: "";
}

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


/* blog */
.blog-list {
    list-style: none;
    margin: 0 0 3rem;
}
.blog-list li {
    margin: 3rem;
}
.blog-list li a {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.blog-list li a:hover img {
    opacity: .8;
}

@media screen and (min-width: 640px) {
    .blog-list {
        display: flex;
        justify-content: space-around;
    }

    .blog-list li {
        margin: 10px;
    }
}

/* button */
a.wp-block-button__link {
    text-decoration: none;
}
a.wp-block-button__link:hover {
    opacity: .8;
    color: #fff; 
}

/* else */
.reversebox {
    display: flex;
    flex-direction: column;
}
.order1 {
    order: 1;
}
.order2 {
    order: 2;
}
.object-fit-img {
    object-fit: cover;
    width: 300px;
    height: 300px;
}
@media screen and (min-width: 640px) {
    .reversebox {
        flex-direction: row;
    }
    .order1 {
        order: 2;
    }
    .order2 {
        order: 1;
    }
}

.recipe-area {
    padding: 1.5rem;
    margin: 1.5rem;
    background: #fff;
    color: #333;
}

.box {
    display:flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
}

.box .img,
.box .text {
    width: 100%;
}

.box .img img {
    width: 100%;
    height:auto;
}

@media screen and (min-width: 783px) {
    .recipe-area {
        padding: 3rem;
        margin: 3rem 0 5rem;
    }
}

.text-right {
    text-align: right;
}

@media screen and (min-width: 640px) {
    .box {
        display:flex;
        flex-direction: row;
        justify-content: space-around;
        align-items: center;
    }

    .box .img {
        width: 30%;
    }

    .box .text {
        width: 65%;
    }
}

/* reCAPTCHA */
.grecaptcha-badge {
    visibility: hidden;
}

.mb-0 {
	margin-bottom: 0 !important;
}