/*
Theme Name: Crio
Author: BoldGrid
Theme URI: https://www.boldgrid.com/themes/crio
Author URI: https://www.boldgrid.com/
Description: Crio is a WordPress SuperTheme that allows front-end designers, developers and other web professionals to create without bounds or restrictions.  Crio’s advanced customization options are completely integrated with the WordPress Customizer API, providing you with a powerful, but familiar interface to customize your website. Our integration gives you granular control over many elements straight from the Customizer, and even device previews so you can see how your site looks on different devices. Crio’s unique color palette system keeps colors consistent across your site. Drag and drop colors in your palette to increase or decrease the usage of that color throughout your website. Use the advanced controls to create a custom Header, Footer, or Blog Page layout. Be Bold and stand above the rest with Crio by BoldGrid!
Version: 2.17.3
Requires at least: 5.5
Tested up to: 6.1
Requires PHP: 5.6
License: GPL-3.0-or-later
License URI: https://www.gnu.org/licenses/gpl-3.0-standalone.html
Text Domain: crio
Tags: news, blog, e-commerce, sticky-post, theme-options, threaded-comments, full-width-template, footer-widgets, featured-images, flexible-header, custom-header, custom-logo, custom-background, custom-colors, custom-menu, editor-style, translation-ready, left-sidebar, right-sidebar, grid-layout, one-column, two-columns, three-columns, four-columns

Copyright (C) 2020 BoldGrid

This program is free software; you can redistribute it and/or
modify it under the terms of the GNU General Public License
as published by the Free Software Foundation; either version 3
of the License, or (at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with this program; if not, write to the Free Software
Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
*/

#toplevel_page_crio .wp-menu-image:before {
    content: "\e900";
    font-family: 'boldgrid';
}

.article-wrapper {
    padding-top: 50px;
    padding-bottom: 50px;
}

.panel-default {
    border-color: #ddd !important;
}

.panel-default>.panel-heading,
.panel-footer {
    background-color: #f6f4f4 !important;
    color: var(--color-2-text-contrast);
    border-color: #ddd;
    padding: 0px !important;
    transition: 0.3s ease-in-out;
}

.panel-group .panel {
    border-radius: 0px;
}

.panel-heading {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.boldgrid-shortcode .widget a {
    width: 100%;
    display: block;
    padding: 2.25rem 1rem;
    font-size: 18px;
    position: relative;
    color: #000 !important;
}

.boldgrid-shortcode .widget a:hover {
    background-color: #2d50a3 !important;
    color: #fff !important;
}

.boldgrid-shortcode .widget a:hover::before {
    background-color: #fff;
    color: #2d50a3;
}

.boldgrid-shortcode .widget a:before {
    font-weight: bold;
    color: #ffffff;
    font-size: 1em;
    background-color: #2d50a3;
    border-radius: 50%;
    height: 22px;
    width: 22px;
    line-height: 24px;
    text-align: center;
    position: absolute;
    top: 34%;
    right: 1rem;
    margin-top: 0rem;
    content: '+';
}

.panel-title a[aria-expanded="true"] {
    background-color: #2d50a3 !important;
    color: #fff !important;
}

.panel-title a[aria-expanded="true"]:before {
    background-color: #fff;
    color: #2d50a3;
    content: '-';
    line-height: 22px;
    font-size: 32px;
}

@media (max-width: 575px) {
    .boldgrid-shortcode {
        padding: 0px !important;
    }

    .boldgrid-shortcode .widget a {
        font-size: 14px
    }

    .panel-collapse>div {
        font-size: 14px
    }

    .boldgrid-section {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .container {
        max-width: 100%;
        width: 100%;
    }

    #masthead .boldgrid-section .container {
        padding-left: 30px;
        padding-right: 30px;
        padding-top: 30px;
    }

    .article-wrapper {
        padding-top: 26px;
        padding-bottom: 20px;
    }
}

.acc-head {
    padding: 15px 15px;
    font-size: 16px;
    position: relative;
    cursor: pointer;
    border: 1px #ddd solid;
    display: block;
    width: 100%;
    background-color: #f6f4f4;
    transition: all 0.35s ease-in-out;
}

.acc-head p {
    color: #5A5758;
    font-weight: 500;
}

.section_heading {
    background: rgb(45 80 163);
    padding: 5px 15px;
    margin-bottom: 30px;
    margin-top: 30px;
}

.acc-container {
    margin-bottom: 30px;
}

.section_heading h2 {
    color: #fff;
    font-size: 23px;
    line-height: 31px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.acc-content {
    padding: 15px 10px;
    display: none;
}

.acc-head.active::before {
    transform: rotate(90deg);
}

.acc-head:hover {
    background: rgb(45 80 163);
    border-color: rgb(45 80 163);
}

.acc-head:hover p {
    color: #fff;
}

.page-template-faq-page-template #header,
.page-template-cmt-page-template #header {
    display: none;
}

.header__content {
    margin-bottom: 60px;
}

.acc-head:after {
    font-weight: bold;
    color: #ffffff;
    font-size: 1em;
    background-color: #2d50a3;
    border-radius: 50%;
    height: 20px;
    width: 20px;
    line-height: 20px;
    text-align: center;
    position: absolute;
    top: 50%;
    right: 1rem;
    margin-top: -1rem;
    content: '+';
}

.acc-head.active:after {
    content: '-';
}

.acc-head.active {
    background-color: #2d50a3;
}

.acc-head.active:after {
    content: '-';
    background-color: #fff;
    color: #2d50a3;
}

.acc-head:hover:after,
.acc-head.active:hover:after {
    font-weight: bold;
    color: #2d50a3;
    font-size: 1em;
    background-color: #fff;
}

.acc-head.active p {
    color: #fff;
}

.acc-head p {
    margin-bottom: 0;
    padding-top: 5px;
    padding-bottom: 5px;
}

.page-template-faq-page-template div#footer,
.page-template-cmt-page-template div#footer {
    display: none;
}


@media screen and (max-width:767px) {
    .acc-head {
        padding-right: 50px;
    }

    .section_heading h2 {
        font-size: 20px;
    }

}

.page-template-cmt-page-template .entry-header.page-header {
    display: none;
}

.page-template-cmt-page-template .container>h1 {
    display: none;
}


.page-template-cmt-page-template .background-scroll {
    display: none;
}

.page-template-cmt-page-template #main-wrapper.full-width .main {
    padding: 0;
}

.faq-accorden .acc-container .acc {
    text-align: right;
}

.faq-accorden .acc-container .acc .acc-head {
    padding: 8px 40px;
}

.faq-accorden .acc-container .acc .acc-head p {
    line-height: 1;
    font-size: 28px;
}

.faq-accorden .acc-container .acc-head::after {
    left: 1rem;
    right: unset;
    font-size: 50px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    top: 12px;
    font-weight: 100;
}

.faq-accorden .acc-container .acc .acc-content {
    text-align: left;
}

.faq-accorden .acc__columns__rw {
    display: flex;
    flex-wrap: wrap;
}

.acc__columns__rw .acc__cl {
    width: 33.333%;
}

.acc__columns .cl-one .acc__cl {
    width: 100%;
}

.acc__columns .cl-two .acc__cl {
    width: 50%;
}

@media screen and (max-width:1024px) {

    .acc__columns__rw .acc__cl {
        width: 50%;
    }

    .faq-accorden .acc-container .acc .acc-head p {
        line-height: 1;
        font-size: 22px;
    }
}

@media screen and (max-width:767px) {

    .faq-accorden .acc-container .acc .acc-head p {
        line-height: 1;
        font-size: 16px;
    }

    .acc__columns__rw .acc__cl {
        width: 100%;
        font-size: 14px;
    }

    .acc__columns .cl-two .acc__cl {
        width: 100%;
    }

    .faq-accorden .acc-container .acc .acc-head {
        padding: 8px 20px;
    }

    .faq-accorden .acc-container .acc-head::after {
        left: 1rem;
        right: unset;
        font-size: 30px;
        width: 30px;
        height: 30px;
        line-height: 30px;
        top: 16px;
    }

    .compendial__content {
        width: 100% !important;
    }

    .page-template-cmt-page-template .header__content {
        margin-bottom: 0px;
    }

    .compendial__banner {
        padding: 25px 20px 100px !important;
    }

    .compendial__banner h1 {
        font-size: 30px !important;
    }
}


.acc__columns-mobile {
    display: none;
}

.acc__columns {
    display: block;
}

.faq-accorden .acc-container .acc {
    margin-bottom: 30px;
}

.acc__columns-mobile .cl-two .acc__cl {
    width: 50%;
}

@media screen and (max-width:767px) {
    .acc__columns-mobile {
        display: block;
    }

    .acc__columns {
        display: none;
    }

}