/* 
 Theme Name:   consultant-child
 Theme URI:    
 Description:  
 Author:       
 Author URI:   
 Template:     consultant-agency
 Version:      

 /* == Add your own styles below this line ==
--------------------------------------------*/
header#site-navigation {
    position: relative !important;
}

.section {
    padding: 30px 0;
}

.section h2 {
    text-align: center;
    font-weight: 700;
    font-style: italic;
    color: var(--secondary-theme-color);
    text-shadow: var(--primary-theme-color) 1px 0 10px;
}

.hero {
    padding-top: 0;
}

.hero h1, .logo a {
  font-family: "Savate", sans-serif;
  color: var(--primary-theme-color);
  text-align: center;
  margin-bottom: 20px;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.logo {
    min-height: 60px;
}

.logo a {
    color: #fff !important;
    font-style: italic;
}

.service-box {
    background-color: rgb(171 171 171 / 30%);
    padding: 20px;
    border: 2px solid var(--primary-theme-color);
    text-align: left;
    height: 100%;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.service-box h3 {
    text-align: center;
}

.btn-home, .field-wrap input[type=submit] {
    background: var(--primary-theme-color);
    border-radius: 30px;
    color: #fff;
    text-decoration: none;
    padding: 10px 20px;
    font-weight: 700;
    font-style: italic;
}

.field-wrap input[type=submit] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.nf-field-element input, .nf-field-element select, .nf-field-element textarea {
 border-radius: 30px;
 border: 2px solid var(--primary-theme-color);
 padding: 10px 20px;
}

@media screen and (max-width: 500px) {
    .logo a {
        font-size: 18px !important;
    }
}


@media screen and (max-width: 1576px) {
    .menu-toggle, .dropdown-toggle {
        display: block;
        margin: 0 auto;
        font-size: 20px;
        font-weight: 600;
        background: var(--secondary-theme-color);
        color: #fff;
        border: none;
    }
    #main-menu {
        position: fixed;
        top: 0px;
        right: 0px;
        display: none;
        width: 300px;
        z-index: 999999;
        height: 100vh;
        overflow-y: auto;
        background: #fff;
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
        border-top-left-radius: 30px;
        border-bottom-left-radius: 30px;
        padding-top: 50px;
    }

        #main-menu ul li {
        position: relative;
        display: block;
        float: left;
        text-align: left;
        width: 100%;
    }

        #main-menu ul li:nth-child(odd) {
        background: #e5e5e5;
    }
    .admin-bar button.close-menu {
        position: absolute;
        right: 0;
        top: 12px;
    }
        button.close-menu {
        display: inline-block;
        background: none;
        border: none;
        color: #000000;
        float: right;
        margin-top: 30px;
        background: var(--primary-theme-color);
        color: #fff;
    }
        #main-menu ul li a {
        color: #121212;
    }
}