/*
* Theme Name: Client Theme
* Theme URI: https://youradvisoradvantage.com
* Author: Keith Pennington
* Author URI: https://clearspringhealthcare.com
* Description: A custom theme for the AAM site, built with tailwindcss and the Gutenberg Block Editor
* Version: 1.0
* License: GNU General Public License v2 or later
* License URI: http://www.gnu.org/licenses/gpl-2.0.html
* Text Domain: client-theme
* This theme, like WordPress, is licensed under the GPL.
* Use it to make something cool, have fun, and share what you've learned with others.
*/

/* Theme Support Styles */
.has-small-font-size {
    font-size: 14px !important;
}

.has-med-font-size {
    font-size: 18px !important;
}

.has-lg-font-size {
    font-size: 24px !important;
}

.has-xl-font-size {
    font-size: 32px !important;
}

.has-xxl-font-size {
    font-size: 48px !important;
}

.alignwide {
    max-width: 1536px !important;
    margin-left: auto;
    margin-right: auto;
}

.alignfull {
    max-width: 100% !important;
}

/* Main Navigation Styles */

#main-header #main-nav #main-nav-wrapper #main-menu .dropdown-toggle span.icon {
    margin-left: 10px;
    display: block;
    content: "\276E";
    transition: transform 0.15s ease-in-out;
}

#main-header #main-nav #main-nav-wrapper #main-menu .dropdown.closed .dropdown-toggle span.icon {
    transform: rotate(-90deg) rotateY(0deg);
}


#main-header #main-nav #main-nav-wrapper #main-menu .dropdown.open .dropdown-toggle span.icon {
    transform: rotate(-90deg) rotateY(180deg);
}


#main-header #main-nav #main-nav-wrapper #main-menu .dropdown.closed .dropdown-menu {
    display: none;
}

#main-header #main-nav #main-nav-wrapper #main-menu .dropdown.open .dropdown-menu {
    display: block;
}

/* Mobile Navigation Styles */
#main-header #main-nav #mobile-nav-wrapper #mobile-menu .dropdown-toggle span.icon {
    margin-left: 10px;
    display: block;
    content: "\276E";
    transition: transform 0.15s ease-in-out;
}

#main-header #main-nav #mobile-nav-wrapper #mobile-menu .dropdown.closed .dropdown-toggle span.icon {
    transform: rotate(-90deg) rotateY(0deg);
}


#main-header #main-nav #mobile-nav-wrapper #mobile-menu .dropdown.open .dropdown-toggle span.icon {
    transform: rotate(-90deg) rotateY(180deg);
}


#main-header #main-nav #mobile-nav-wrapper #mobile-menu .dropdown.closed .dropdown-menu {
    display: none;
}

#main-header #main-nav #mobile-nav-wrapper #mobile-menu .dropdown.open .dropdown-menu {
    display: block;
}