/* ITIN Pakistan Brand Colors — overrides GeneratePress defaults */

/* Override GeneratePress CSS variables */
:root {
    --accent: #0881BE;
    --accent-2: #37215F;
    --color-primary: #37215F;
    --color-secondary: #0881BE;
}

/* Header */
.site-header,
.nav-below-header .main-navigation,
.nav-above-header .main-navigation {
    background-color: #37215F !important;
}

.site-header .main-title a,
.site-header .main-title a:hover,
.site-header .site-description {
    color: #ffffff !important;
}

/* Navigation */
.main-navigation,
.main-navigation ul,
.main-navigation ul ul {
    background-color: #37215F !important;
}

.main-navigation .main-nav ul li a,
.main-navigation .menu-toggle,
.main-navigation .menu-bar-items {
    color: #ffffff !important;
}

.main-navigation .main-nav ul li:not([class*="current-menu-"]):hover > a,
.main-navigation .main-nav ul li:not([class*="current-menu-"]):focus > a,
.main-navigation .main-nav ul li.sfHover:not([class*="current-menu-"]) > a,
.main-navigation .menu-bar-item:hover > a,
.main-navigation .menu-bar-item.sfHover > a {
    color: #0881BE !important;
}

.main-navigation .main-nav ul li[class*="current-menu-"] > a {
    color: #0881BE !important;
}

/* Links */
a {
    color: #0881BE;
}

a:hover,
a:focus,
a:active {
    color: #37215F;
}

/* Buttons */
.wp-block-button__link,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
a.button,
a.wp-block-button__link:not(.has-background) {
    background-color: #0881BE !important;
    color: #ffffff !important;
}

.wp-block-button__link:hover,
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
a.button:hover,
a.wp-block-button__link:not(.has-background):hover {
    background-color: #37215F !important;
    color: #ffffff !important;
}

/* Accent elements */
.widget-title {
    color: #37215F;
}

.entry-title a:hover {
    color: #0881BE;
}

/* Footer */
.site-footer {
    background-color: #37215F !important;
    color: #ffffff !important;
}

.site-footer,
.site-footer a {
    color: #ffffff !important;
}

.site-footer a:hover {
    color: #0881BE !important;
}

.site-footer .widget-title {
    color: #ffffff !important;
}