/*
Theme Name: HoCo Austism Society
Author: NextLOGiK
Author URI: http://www.nextlogik.com
Description: Perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!
Version: 1.0.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/


/* ----- MISC STYLES --------- */
h2 { color: #ef664b; }
.content ol, .content ul { margin: 0 0 10px 50px; }

/* ----- SPONSOR SLIDER --------- */
.sponsor-slider h3.entry-title { display: none; }

/* ----- PHANTOM NAV MENU LINK COLOR / HOVER --------- */
#phantom .main-nav >li > a .menu-text { color: #00454c !important; }
#phantom .main-nav >li > a:hover .menu-text { opacity: 0.5; }

/* ----- Mega Menu Formatting ----------- */
.b-r { border-right: 1px solid #f4f4f4; }
.top-header .sub-nav > li.dt-mega-parent > a {
    margin-bottom: 3px !important;
    border-bottom: 1px solid #eee !important;
}
.top-header .sub-nav > li.dt-mega-parent > a .menu-text { font-size: 20px; }
.deadMenuLink { border-bottom: 1px solid #eee !important; margin-right: 25px; }
li.deadMenuLink > a { padding-bottom: 5px !important; }
.main-nav .sub-nav > li.deadMenuLink > a:hover { background-color: transparent !important; color: transparent !important; }
.viewAllLink { position: absolute; font-size: 12px; top: -5px; left: 0px; border-bottom: 1px solid #eee; }

/* ----- HOMEPAGE EVENT LIST ITEMS ----------- */
.ect-list-post-left .ect-list-date { background: rgba(153,205,95,.75) !important; color: #fff !important; }
.ect-list-venue .ect-google a { color: #fff !important; }
.ect-list-venue { background: #fcfbfa !important; color: #00454c !important; }

/* ----- FOOTER ITEMS ----------- */
#footer.solid-bg { background-size: cover; }
#footer > .wf-wrap, #footer #bottom-bar > .wf-wrap { padding: 0 0px 0 0px; }
#bottom-bar span.menu-text { color: #c5e5d4; font-size: 14px; }
#bottom-bar span.menu-text:hover { color: #fff; }
#bottom-menu li a {  padding-left: 5px; }
#bottom-menu li { display: inline-flex; margin: 0px 3px 0px 0px; vertical-align: middle !important; }
#bottom-menu li:not(:first-child):before { content: " | "; color: #99cd5f; }
.copyrightTxt { font-family: "Roboto"; font-size: 14px; letter-spacing: 0.2px; }
.legalTxt { font-family: "Roboto"; font-size: 12px; letter-spacing: 0.2px; line-height: 18px; display: block; margin-bottom: 10px; }
.footer .textwidget a:not(.dt-btn):hover { text-decoration: none; color: #fff; }

/* ----- EVENT CALDENDAR LISTING (HOMEPAGE ECS-PLUGIN) --------- */
.ec-hp-list { margin-bottom: 20px; }
h2.ec-hp-list-title { margin-bottom: 5px; }
h2.ec-hp-list-title a { color: #6ca23d; font-size: 22px; }
.ec-hp-date { font-size: 15px; display: inline-flex; }
.ec-hp-date .ect-date-area { display: inline-block; }
.ec-hp-smalltime { display: inline-flex; }
.ec-hp-cost { display: inline-flex; }
.ec-hp-readmore a {
    margin: 10px;
    position: relative;
    left: 0px;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
}

/* ----- THE EVENTS CALENDAR — /events SEARCH BAR --------------
   TEC stretches the search input full-width (a bare borderless strip) with an
   off-brand blue accent. Make it a compact bordered field with the submit
   button attached, matching the Resource Letter / Webinar archive filters
   (white field, #c3c4c7 border, square corners, #61CE70 accent button). */
:root,
.tribe-common {
    --tec-color-accent-primary: #61CE70;
    --tec-color-background-events-bar-submit-button: #61CE70;
    --tec-color-background-events-bar-submit-button-hover: #61CE70;
    --tec-color-background-events-bar-submit-button-active: #61CE70;
}

/* Inset from the left + stop the search stretching the full bar width */
.tribe-events .tribe-events-c-events-bar__search-container { padding-left: 24px !important; box-sizing: border-box; }
.tribe-events .tribe-events-c-events-bar__search-container,
.tribe-events .tribe-events-c-search,
.tribe-events .tribe-events-c-search__input-group { flex: 0 1 auto !important; }

/* The search field (wraps the icon + input) */
.tribe-events .tribe-events-c-search__input-control {
    width: 360px;
    max-width: 100%;
    height: 50px;
    background: #fff;
    border: 1px solid #c3c4c7;
    border-right: 0; /* sits flush against the button */
    border-radius: 0;
    box-sizing: border-box;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.tribe-events .tribe-events-c-search__input-control:focus-within {
    position: relative;
    z-index: 1;
    border-color: #61CE70;
    box-shadow: 0 0 0 2px #61CE70;
}
.tribe-events .tribe-events-c-search__input {
    margin: 0 !important;
    height: 50px !important;
    border: 0 !important;
    background: transparent !important;
    padding: 0 16px 0 48px !important; /* room for the icon + left breathing space */
}
.tribe-events .tribe-events-c-search__input-control-icon-svg,
.tribe-events .tribe-events-c-search__input-control > svg { left: 20px !important; }

/* Submit button: same height, square corners, flush to the field */
.tribe-events .tribe-events-c-search__button { height: 50px !important; margin: 0; border-radius: 0 !important; }
.tribe-events .tribe-events-c-search__button:hover,
.tribe-events .tribe-events-c-search__button:focus { filter: brightness(0.9); }

/* Square corners on the date-nav "Today" button to match the search bar */
.tribe-events .tribe-events-c-top-bar__today-button { border-radius: 0 !important; }

/* Mobile: TEC stacks the button below the field, so close the field's right
   edge and drop the left inset. */
@media (max-width: 767px) {
    .tribe-events .tribe-events-c-search__input-control { border-right: 1px solid #c3c4c7 !important; }
    .tribe-events .tribe-events-c-events-bar__search-container { padding-left: 0 !important; }
}