/* Newton Auto-Care — based on the look of the old GeneratePress theme */

*, *::before, *::after { box-sizing: border-box; }

body {
    margin: 0;
    background: #efefef;
    color: #333;
    font-family: "Exo", sans-serif;
    font-size: 17px;
    line-height: 1.5;
}

a, a:visited { color: #00a650; }
a:hover, a:focus, a:active { color: #00d969; }

h1, h2, h3 { font-weight: 600; margin: 0 0 20px; line-height: 1.2; }
h1 { font-size: 34px; line-height: 1em; }
h2 { font-size: 28px; }
h3 { font-size: 22px; }
p { margin: 0 0 1.5em; }
ul { margin: 0 0 1.5em 3em; padding: 0; }
img { max-width: 100%; height: auto; display: block; }

.container { max-width: 1000px; margin: 0 auto; }

.skip-link { position: absolute; left: -9999px; }
.skip-link:focus { left: 10px; top: 10px; background: #fff; padding: 8px 12px; z-index: 10; }

/* Header */
.site-header { background: #fff; color: #3a3a3a; }
.inside-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 20px 40px;
}
.site-logo img { width: 300px; }
.header-info { text-align: right; }
.header-info h2 { margin-bottom: 10px; }
.header-info h3 { margin-bottom: 0; }
.header-info a, .header-info a:visited { color: inherit; text-decoration: none; }

/* Navigation */
.main-navigation { background: #00a650; }
.main-navigation .menu { list-style: none; margin: 0; padding: 0; display: flex; }
.main-navigation li { position: relative; }
.main-navigation a, .main-navigation a:visited {
    display: block;
    padding: 0 20px;
    line-height: 60px;
    color: #fff;
    text-decoration: none;
    font-size: 19px;
}
.main-navigation li:hover > a,
.main-navigation li:focus-within > a,
.main-navigation li.current > a,
.main-navigation li.current-ancestor > a { background: #007337; color: #fff; }

.main-navigation .sub-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    left: 0;
    top: 100%;
    min-width: 200px;
    background: #00a650;
    box-shadow: 1px 1px 0 rgba(0,0,0,.1);
    display: none;
    z-index: 99;
}
.main-navigation li:hover > .sub-menu,
.main-navigation li:focus-within > .sub-menu { display: block; }
.main-navigation .sub-menu a {
    font-size: 17px;
    line-height: normal;
    padding: 10px 20px;
    white-space: nowrap;
}
.main-navigation .sub-menu li.current > a { background: #4f4f4f; }

.menu-toggle, .submenu-toggle {
    display: none;
    background: none;
    border: 0;
    color: #fff;
    font: inherit;
    cursor: pointer;
}

/* Banner */
.banner img { width: 100%; }

/* Content */
.site-content { display: flex; align-items: flex-start; }
.content-area { flex: 0 0 75%; max-width: 75%; }
.sidebar { flex: 0 0 25%; max-width: 25%; padding-left: 20px; }

.inside-article {
    background: #fff;
    padding: 40px;
    margin-bottom: 20px;
    min-height: 540px;
}
.entry-title { margin-bottom: 30px; }
.entry-content > :last-child { margin-bottom: 0; }

.widget {
    background: #fff;
    padding: 40px;
    margin-bottom: 20px;
    font-size: 15px;
}
.widget-title { font-size: 20px; font-weight: bold; margin-bottom: 10px; color: #000; }
.widget ul { margin: 0 0 0 1.2em; }
.widget-nav ul { list-style: none; margin: 0; }
.widget-nav li { margin-bottom: 1em; }
.widget-nav li.current a { font-weight: 600; }

.map {
    position: relative;
    padding-top: 60%;
    min-height: 300px;
}
.map iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #ccc;
}

/* Footer */
.site-info {
    background: #222;
    color: #fff;
    text-align: center;
    font-size: 15px;
    padding: 20px;
}

/* Mobile */
@media (max-width: 768px) {
    h1 { font-size: 30px; }
    h2 { font-size: 25px; }

    .inside-header { flex-direction: column; padding: 20px; text-align: center; }
    .header-info { text-align: center; }

    .menu-toggle { display: block; width: 100%; padding: 0 20px; line-height: 60px; text-align: left; font-size: 19px; }
    .main-navigation .menu { display: none; flex-direction: column; }
    .main-navigation.toggled .menu { display: flex; }
    .main-navigation .has-children { display: flex; flex-wrap: wrap; }
    .main-navigation .has-children > a { flex: 1; }
    .submenu-toggle { display: block; width: 60px; font-size: 20px; }
    .main-navigation .sub-menu,
    .main-navigation li:hover > .sub-menu,
    .main-navigation li:focus-within > .sub-menu { position: static; display: none; width: 100%; box-shadow: none; background: #008c44; }
    .main-navigation .has-children.open > .sub-menu { display: block; }
    .main-navigation .sub-menu a { white-space: normal; }

    .site-content { flex-direction: column; }
    .content-area, .sidebar { flex-basis: auto; max-width: 100%; width: 100%; padding-left: 0; }
    .inside-article, .widget { padding: 30px; }
    .inside-article { min-height: 0; }
}