/*
 * Theme Name:      Accounting Iowa
 * Theme URI:       https://www.nolasoft.com/accountingiowa
 * Author:          Nolasoft
 * Author URI:      https://www.nolasoft.com/
 * Description:     <strong>Accounting Iowa</strong> is a custom WordPress theme, especially build for the <a href="https://www.accountingiowa.com" target="_blank">www.accountingiowa.com/</a>. It is based on the <strong>"NPX"</strong> WordPress theme, a barebones theme developed as a starter for custom websites.
 * Version:         1.0.0
 * License:         GNU General Public License v2 or later
 * License URI:     http://www.gnu.org/licenses/gpl-2.0.html
 * Tags:            Custom Website, Custom Post Types, Custom Taxonomies, Advanced Custom Fields, Contact Form 7, Convertor for Media, SVG
 * 
 * Text Domain:     npx
 */

/* Cookie Consent - Start */
.cookie__notice {
    display: flex;
    flex-direction: column;
    background-color: #ffffff;
    max-width: 300px;
    width: 100%;
    border-radius: 20px;
    visibility: hidden;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 1000;
    box-shadow: 0 0px 50px rgba(2,45,77,0.25);
}
.cookie__notice--content {
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 30px;
    text-align: center;
}
.cookie__notice--image {
    margin: 0px;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.cookie__notice--image img {
    vertical-align: top;
}
.cookie__notice--text h6 {
    padding-top: 3px;
    font-size: 20px;
    color: #022D4D;
    margin: 0px;
}
.cookie__notice--text p {
    font-size: 14px;
    line-height: 25px;
    color: #707070;
}
.cookie__notice--actions {
    display: flex;
    text-align: center;
}
.cookie__notice--actions a {
    width: 50%;
    cursor: pointer;
    border-bottom-left-radius: 20px;
    display: inline-block;
    padding: 10px 20px;
    font-size: 14px;
    text-decoration: none;
    background-color: #ffffff;
    border-top: 1px solid #E8F2F3;
    color: #022D4D;
    white-space: nowrap;
}
.cookie__notice--actions a:hover {
    background-color: #F6F8FB;
    border-top: 1px solid #F6F8FB;
}
.cookie__notice--actions a:visited {
    color: #022D4D;
}
.cookie__notice--actions button {
    width: 50%;
    cursor: pointer;
    border-bottom-right-radius: 20px;
    display: inline-block;
    padding: 10px 20px;
    font-size: 14px;
    -webkit-appearance: none;
    appearance: none;
    border: none;
    color: #ffffff;
    background-color: #11A4DA;
    border-top: 1px solid #11A4DA;
}
.cookie__notice--actions button:hover {
    background-color: #022D4D;
    border-top: 1px solid #022D4D;
}
@media only screen and (max-width: 959px) {
    .cookie__notice {
        max-width: calc(100% - 40px);
        flex-direction: row;
        align-items: center;
    }
    .cookie__notice--content {
        flex-direction: row;
        padding: 20px 30px 20px 20px;
        justify-content: flex-start;
        text-align: left;
    }
    .cookie__notice--image {
        max-width: 50px;
        margin-bottom: 0px;
        margin-right: 20px;
    }
    .cookie__notice--actions {
        margin-right: 20px;
        margin-left: auto;
    }
    .cookie__notice--actions a {
        width: auto;
        min-width: 90px;
        border-radius: 0px;
        border: 1px solid #F6F8FB;
    }
    .cookie__notice--actions button {
        width: auto;
        min-width: 90px;
        border-radius: 0px;
        margin-left: 10px;
        border: 1px solid #11A4DA;
    }
}
@media only screen and (max-width: 767px) {
    .cookie__notice {
        flex-direction: column;
    }
    .cookie__notice--content {
        padding: 20px 30px 20px 30px;
    }
    .cookie__notice--image {
        max-width: 65px;
    }
    .cookie__notice--text p {
        line-height: 20px;
    }
    .cookie__notice--actions {
        width: calc(100% - 60px);
        margin-left: 30px;
        margin-right: 30px;
        margin-bottom: 20px;
    }
    .cookie__notice--actions a {
        width: 50%;
        min-width: 90px;
        border-radius: 0px;
        border: 1px solid #F6F8FB;
        padding: 5px 10px;
    }
    .cookie__notice--actions button {
        width: 50%;
        min-width: 90px;
        border-radius: 0px;
        margin-left: 10px;
        border: 1px solid #11A4DA;
        padding: 5px 10px;
    }
}
/* Cookie Consent -  End  */