/*
Theme Name:   Enigma Premium Child — MASH
Theme URI:    https://mashsoberhousing.org
Description:  Child theme for MASH Sober Housing site customizations. Parent: Enigma Premium 3.7.7.
Author:       NH Web Design
Template:     enigma-premium-v3.7.7
Version:      1.0.11
License:      GNU General Public License v3 or later
Text Domain:  mash-enigma-child
*/

/* MASH site-specific styles (ported from enigma-premium v1.8) */

/*
 * Bootstrap 5 (v3.7.7) underlines links by default; v1.8 did not.
 * Restore production navigation/header appearance.
 */
.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus,
.dropdown-menu > li > a,
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.head-contact-info a,
.head-contact-info a:hover,
.head-contact-info a:focus,
#menu .navbar-nav a,
#menu .navbar-nav a:hover,
#menu .navbar-nav a:focus,
.navigation_menu a,
.navigation_menu a:hover,
.navigation_menu a:focus,
.carousel-text .enigma_blog_read_btn,
.carousel-text .enigma_blog_read_btn:hover,
.carousel-text .enigma_blog_read_btn:focus,
.carousel-text .enigma_blog_read_btn:active {
	text-decoration: none !important;
}

/*
 * Bootstrap 5 container/gutter defaults differ from production BS3.
 * Restore v1.8 content width and spacing.
 */
#wrapper .container {
	padding-left: 0;
	padding-right: 0;
}
@media (min-width: 768px) {
	#wrapper .container {
		max-width: 750px;
	}
}
@media (min-width: 992px) {
	#wrapper .container {
		max-width: 970px;
	}
}
@media (min-width: 1200px) {
	#wrapper .container {
		max-width: 1170px;
	}
}
.navigation_menu .container.navbar-container {
	margin: 0;
	width: 100%;
	max-width: 100%;
}
#wrapper .row {
	--bs-gutter-x: 30px;
}
.enigma_blog_post_content {
	margin-top: 0;
}
.enigma_header_breadcrum_title {
	margin-bottom: 70px;
	padding-top: 8px;
	padding-bottom: 8px;
}

/* Nav font: Arimo (matches production v1.8 enigma-theme.css) */
.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.dropdown-menu > li > a {
	font-family: 'Arimo', Arial, Helvetica, sans-serif !important;
}

body,
.logo,
.logo a,
.logo p,
.head-contact-info,
.head-contact-info li {
	font-family: 'Open Sans', sans-serif;
}

span.callout {
    padding: 10px;
    width: 100%;
    text-align: center;
    font-size: 20px;
    font-weight: strong;
    color: #000;
    display: block;
    background: #E6CB47;
}
span.callout a {
    width: auto;
    height: 100%;
    display: block;
    background: inherit;
    color: #000;
    padding: 10px;
    margin: -10px;
}
span.callout a:hover {
    background: #F7DC56;
}

textarea#message {
    width: 600px;
    height: 150px;
    max-width: 100%;
}

.bottom10 {
    margin-bottom: 10px;
}

.displayNone {
    display: none;
}

.inlineBlock {
    display: inline-block !important;
}

#contentBeforeGrid {
    min-height: 10px;
    margin-top: -70px;
    padding: 10px;
}
#contentBeforeGrid p:last-child {
    margin-bottom: 0;
}
#grid td {
    text-align: left;
}
#grid .textFilter,
#grid .dropdownFilter {
    float: left;
    margin-right: 10px;
}
#grid .k-button {
    float: left;
}
#grid .textFilter label,
#grid .dropdownFilter label {
    margin-left: 10px;
}
#grid .textFilter:first-child label,
#grid .dropdownFilter:first-child label {
    margin-left: 0;
}
#grid .textFilter input,
#grid .dropdownFilter span.k-dropdown {
    width: 150px;
    margin: 0 10px;
}
#grid span.k-state-selected,
.k-item.k-state-focused.k-state-selected,
.k-button:active,
.k-button.k-state-active {
    background: #7096BA !important;
    border-color: #34495e !important;
    box-shadow: none !important;
}

#grid .pagerTop {
    border-top: 0 solid;
    border-bottom: 1px solid #c5c5c5;
}

#grid .mobileCell h3 {
    font-size: 15pt;
    display: block;
    float: left;
    margin-top: 12px;
}
#grid .mobileCell a.k-button {
    display: block;
    padding: 5px;
    float: right;
    text-decoration: none;
    background: #7096BA;
    color: #fff;
    margin: 5px 0;
    font-size: 16px;
}
#grid .mobileCell a.k-button:hover {
    background: none;
    color: #005596;
}
#grid .mobileCell .details {
    width: 100%;
    float: left;
    display: none;
    list-style: none;
    padding: 0;
    margin: 5px 0 0 0;
    border-top: 1px solid #000;
}

#grid .k-grid-toolbar {
    padding: 5px;
}
#grid .k-grid-toolbar .filterRow {
    display: table;
    margin-bottom: 5px;
}
#grid .k-grid-toolbar .filterRow:last-child {
    margin-bottom: 0;
}
#grid .k-grid-toolbar .gridButtons {
    float: right;
    width: 100px;
}
#grid .k-grid-toolbar .gridButtons .k-button {
    float: right;
    width: 100%;
    margin: 0 0 5px 0;
}
#grid .k-grid-toolbar .gridButtons .k-button:last-child {
    margin: 0;
}
#grid hr {
    margin: 3px auto;
}

@media screen and (max-width: 900px) {
    #grid .textFilter,
    #grid .dropdownFilter {
        margin: 0 0 5px 0;
        width: 100%;
    }
    #grid .textFilter:last-child,
    #grid .dropdownFilter:last-child {
        margin: 0;
    }
    #grid .textFilter label,
    #grid .dropdownFilter label {
        margin: 0;
    }
}

.floatLeft {
    float: left !important;
}
.floatRight {
    float: right !important;
}

#paypal {
    float: right;
    margin: 9px 15px;
    position: relative;
    z-index: 100;
    width: 146px;
}
#paypal img {
    cursor: pointer;
}
#paypal .details {
    display: block;
    position: absolute;
    padding: 15px;
    box-sizing: border-box;
    right: -15px;
    left: -15px;
    background: #FFF;
}
#paypal .details input {
    display: block;
}
#paypal .details input[type="textbox"],
#paypal .details input[type="number"],
#paypal .details select {
    margin-bottom: 15px;
    width: 100%;
}
#paypal .details input[type="submit"] {
    background: #7096BA;
    color: #FFF;
    border: none;
}
#paypal .details input[type="submit"]:disabled,
#paypal .details input[type="submit"][disabled] {
    background: #CCC;
}
#paypal .details span {
    position: absolute;
    padding: 2px 4px;
    font-size: 100%;
}
#paypal #customAmount {
    padding-left: 12px;
    text-align: left;
}

#menu {
    width: 100%;
    float: none;
    margin: 0 !important;
    padding: 15px 176px 8px 15px !important;
}
#menu li a {
    font-size: 13px !important;
}
.navbar-default .navbar-nav > li.menu-item-has-children > a,
.navbar-default .navbar-nav > li.dropdown > a {
    position: relative;
    padding-right: 28px !important;
}
.navbar-default .navbar-nav > li > a .fa-angle-down {
    float: none !important;
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    margin: 0 !important;
    font-size: 16px !important;
    line-height: 1;
}
.navigation_menu {
    padding: 0 !important;
}
div#myCarousel {
    margin-bottom: 0 !important;
}

@media (min-width: 768px) {
    .navigation_menu .navbar-container {
        position: relative;
    }
    .navigation_menu #menu.navbar-collapse {
        display: block !important;
    }
    .navigation_menu #menu .navbar-nav {
        display: block;
        width: 100%;
    }
    .navigation_menu #menu .navbar-nav > li {
        float: left;
        margin-right: 7px;
        margin-bottom: 7px;
    }
    .navigation_menu #paypal {
        position: absolute;
        right: 15px;
        top: 15px;
        float: none;
        margin: 0;
    }
    .menu-item-gtranslate .gt_switcher,
    .menu-item-gtranslate select,
    .menu-item-gtranslate .gt_selected {
        vertical-align: middle;
        margin-top: 0;
    }
}

@media screen and (max-width: 767px) {
    #paypal {
        position: relative;
        right: auto;
        top: auto;
        float: none;
        margin: 9px 15px;
    }
    #menu {
        width: 100%;
        padding: 15px 15px 8px 15px !important;
    }
    .navbar-default .navbar-nav > li {
        margin-bottom: 0 !important;
    }
}

/*
 * Carousel indicators: BS5 defaults to bars/squares; production used BS3 circles.
 */
#myCarousel .carousel-indicators [data-bs-target],
#myCarousel .carousel-indicators button {
	box-sizing: border-box;
	flex: 0 0 auto;
	width: 19px;
	height: 19px;
	padding: 0;
	margin: 1px 3px;
	border: 1px solid #fff;
	border-radius: 50%;
	background-color: rgba(0, 0, 0, 0);
	background-clip: border-box;
	opacity: 1;
	text-indent: -999px;
	overflow: hidden;
}
#myCarousel .carousel-indicators .active {
	width: 19px;
	height: 19px;
	margin: 1px 3px;
	background-color: #fff;
	opacity: 1;
}

.handicap {
    font-size: 24px !important;
    font-weight: bold !important;
    color: #003F87;
    float: left;
    margin-right: 7px;
}
.mobileCell .handicap {
    margin-top: 10px;
}

img.center {
    display: block;
    margin: auto;
    max-width: 100%;
}

body.home .col-md-6.service {
    width: 100% !important;
}

/*
 * BS3 accordion shortcodes on BS5 parent: .in → .show (JS also migrates on load).
 */
.enigma_accordion_section .panel-collapse.collapse.in,
.enigma_accordion_section .panel-collapse.collapse.show {
    display: block;
}