/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/

.documents h3 {
  font-size: 20px;
  margin-top: 20px;
}

.documents ul {
  padding-left: 20px;
}

.documents li {
  margin-bottom: 6px;
}

.what-we-do h2 {
    padding-block: 0 10px;
    font-weight: 700;
    opacity: .8;
    border-bottom: 1px solid rgba(0, 0, 0, .8);
    margin-block: 0 20px;
}

/* .what-we-do-page .wpb_text_column.wpb_content_element {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}
.what-we-do-page .wpb_text_column.wpb_content_element h2{
    grid-column: 1 / -1;
} */

.what-we-do-page .wpb_text_column.wpb_content_element p.inner-content-flex {
    padding-block: 18px;
    border-bottom: 1px solid rgba(0, 0, 0, .2);
}

.page-template-common-page .main-content p a{
    color: green;
    text-decoration: underline;
}
.nectar-icon-list-item {
    margin-bottom: 25px;
}

ul.contact-form {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
ul.contact-form, ul.contact-form li {
    list-style: none;
    padding: 0;
    margin: 0;
}
ul.contact-form li input[type='text'], ul.contact-form li input[type='email'], ul.contact-form li textarea{
    /* border: 1px #cccccc solid; */
    background-color: white;
    border-bottom: 2px solid #d6d4d4;
    border-radius: 0px !important;
    padding: 5px;
}
ul.contact-form {
    border: 1px solid #e8e8e8;
    padding: 60px;
    box-shadow: 6px 7px 7px 0px #d7d7d7;
}
ul-contact-form input[type=submit]{
    float: right;
}
.contact-page-container{
    width: 60%;
    margin: 0 auto;
}
.downloadable-documents-box ul, .downloadable-documents-box ul li {
    list-style: none;
}
.downloadable-documents-box ul {
    border: 1px green solid;
    padding: 10px 15px;
}
.downloadable-documents-box ul li {
    position: relative;
    padding-inline: 18px;
}
.downloadable-documents-box ul li::before {
    content: '';
    background-image: url(img/pdf-icon.png);
    position: absolute;
    left: 0;
    top: 3px;
    width: 15px;
    height: 15px;
    background-size: cover;
    background-repeat: no-repeat;
}

div.inner-content-flex .ic-content {
    border: 1px green solid;
    padding: 10px 15px;
    margin-inline: 30px 0;
    margin-block: 0 15px;
}
.ic-title{
    margin-block: 0 30px;
    font-weight: 700;
}
div.inner-content-flex:nth-child(odd) .ic-content {
    background: lightblue;
}
div.inner-content-flex:nth-child(even) .ic-content {
    background: rgba(0,128,0,.3);
}
.wpcf7-not-valid {
    /* border: 1px solid red !important; */
    border-bottom: 2px solid red !important;
}

span.wpcf7-not-valid-tip {
    display: none;
}

.nectar-fancy-ul[data-list-icon=dot] ul li:before {
    content: "\e608";
    top: 4px;
    left: 16px;    
    font-family: 'icomoon';
}
.nectar-fancy-ul[data-list-icon=dot] ul li {
    padding-left: 0px;
}
.theiaStickySidebar{
    border: 1px green solid;
}
.theiaStickySidebar h2{
    background-color: green;
    color: #ffffff;
    padding: 10px;
}
.theiaStickySidebar ul li a {
    padding: 5px 35px !important;
    background-color: rgba(0, 0, 0, .1);
    margin-top: 10px;
    display: block;
}
.theiaStickySidebar ul li a:hover {
    background-color: rgba(0, 0, 0, .2);
}
.email-link {
    color: #0b5d3b;
    text-decoration: none;
    font-weight: 500;
}

.email-link:hover {
    text-decoration: underline;
}

.sf-menu>li ul {
    width: 30em !important;
}

@media all and (max-width:1279px){
    #header-outer[data-lhe="text_reveal"] #top nav > ul > li:not([class*="menu-item-btn"]) > a{
        padding-inline: 10px;
    }
    #header-outer #logo img, #header-outer .logo-clone img, #header-outer .logo-spacing img {
        height: 40px;
    }
}
@media all and (max-width:1100px){
    #header-outer[data-lhe="text_reveal"] #top nav > ul > li:not([class*="menu-item-btn"]) > a{
        padding-inline: 7px;
    }
    #header-outer #logo img, #header-outer .logo-clone img, #header-outer .logo-spacing img {
        height: 34px;
    }
    
}

@media all and (max-width:999px){
    .sidebar-navigation-box{
        display: none;
    }
    .contact-page-container{
        width: 80%;
    }
    body #slide-out-widget-area.fullscreen-alt .inner .off-canvas-menu-container li a {
        font-size: 24px !important;
    }
    body #slide-out-widget-area.fullscreen-alt, body #slide-out-widget-area.fullscreen-alt a {
        background-color: #fff !important;
        color: #000000 !important;
    }
    body #slide-out-widget-area[class*="fullscreen"] .current-menu-item > a{
        color: green !important;
    }
}

@media all and (min-width:768px){
    .downloadable-documents .container .downloadable-documents-box, div.inner-content-flex{
        display: grid;
        grid-template-columns: 70px auto;
    }
    .downloadable-documents .container .downloadable-documents-box h3, div.inner-content-flex strong {
        position: relative;
        color: green;
    }
    .downloadable-documents .container .downloadable-documents-box h3::before, div.inner-content-flex strong::before {
        content: '';
        background-color: green;
        position: absolute;
        height: 100%;
        width: 2px;
        right: 2px;
        top: 16px;
    }
    .downloadable-documents .container .downloadable-documents-box:last-child h3::before, div.inner-content-flex:last-child strong::before {
        display: none;
    }
    .downloadable-documents .container .downloadable-documents-box h3::after, div.inner-content-flex strong::after {
        content: "";
        background-color: green;
        position: absolute;
        left: 60px;
        top: 8px;
        width: 15px;
        height: 15px;
        border-radius: 50%;
    }
    div.inner-content-flex strong::after {
        left: 70px;
        top: 5px;
    }
    div.inner-content-flex strong::before {
        right: -8px;
    }
}
@media all and (max-width:767px){
    .downloadable-documents-box ul, div.inner-content-flex .ic-content {
        margin-inline: 0;
    }
    .ic-title {
        margin-block: 0 10px;
    }    
    .contact-page-container{
        width: 100%;
    }
    body #slide-out-widget-area.fullscreen-alt .inner .off-canvas-menu-container li a {
        font-size: 18px !important;
    }
    ul.contact-form {
        padding: 20px;
    }
}