/*
Theme Name: Sonoda
Theme URI: http://washinengine.com/
Author: the Washinengine team
Author URI: http://washinengine.com/
Description: The 2013 theme for WordPress is a fully responsive theme that looks great on any device. Features include a front page template with its own widgets, an optional display font, styling for post formats on both index and single views, and an optional no-sidebar page template. Make it yours with a custom menu, header image, and background.
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, gray, white, one-column, two-columns, right-sidebar, flexible-width, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: Sonoda

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
div.entry-content img {
	margin-bottom: 3rem;
}

.mb-3 {
	margin-bottom: 3rem;
}

.text-center {
    text-align: center !important;
}

.w-100 {
    width: 100%;
}

.google_map{
    position:relative;
    width:100%;
    height:0;
    padding-top:75%;
}
.google_map iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

@media screen and (max-width: 768px) {
    #menu-top-menu {
        padding-left: 1rem;
    }
    #menu-top-menu li {
        padding: 0.5rem;
    }
}

.modal-wrapper {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.btn-line {
    color: #fff;
    background-color: #00c300;
    border-color: #00c300;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

.btn-line:hover {
    color: #fff;
    background-color: #009d00;
    border-color: #009000;
}

.line-slide {
  position: fixed;
  bottom: 0;
  width: 90%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 100;
}

@media screen and (max-width: 768px) {
    .line-slide {
        transform: none;
        left: 15px;
        bottom: 20px;
    }
}

.entry-content p + h2,
.entry-content p + h3,
.entry-content p + h4 {
    margin: 2rem 0 1.5rem 0;
}