/*
Theme Name: AJmodern
Theme URI: http://cudazi.com/
Description: Clearly modern is a fresh, modern WordPress theme by Cudazi.
Author: Cudazi
Version: 1.8
*/
@import url(https://fonts.googleapis.com/css?family=Kreon:400,700);

a:link,
a:visited,
a:active,
.widgettitle {
	color:#239871;
}


a:hover,
#footer-bottom a:hover,
#footer .widget_links ul a:hover,
#footer .widget_links ol a:hover,
.iconlist h5,
.iconlist h5 a,
.sf-menu a:hover,
li.current-menu-item > a,
.sfHover a,
.sf-menu ul li.sfHover > a 
{
	color:#239871;
}


h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
#main .widgettitle,
form.standard .button,
#commentform #submit,
.sf-menu a {
	color:#333;
}

h1, h2{font-family: 'Kreon', Helvetica, Arial, sans-serif; font-weight:700}

/* Event Calendar style overrides */
#tribe-events-content a, .tribe-events-event-meta a {color:#239871!important; }
#tribe-events, #tribe-events-pg-template, .tribe-events-pg-template { padding:0!important; }
.tribe-events .tribe-events-calendar-month__calendar-event-title-link, .tribe-events .tribe-events-calendar-month__calendar-event-tooltip-title-link { color:#239871!important; }
.tribe-common--breakpoint-medium.tribe-events .tribe-events-l-container {padding-top:0!important;}
.tribe-events .tribe-events-c-search__button {background-color:#239871!important;}
.tribe-events-calendar-month__calendar-event-datetime { font-size:13px!important; font-weight:700!important; opacity: 1!important; line-height:14.5px!important; margin-bottom:7px!important; }

/* Mobile header — hidden on desktop, visible on mobile */
#mobile-header { display: none; }
#mobile-nav-toggle { background: none; border: none; cursor: pointer; font-size: 28px; padding: 5px 10px; line-height: 1; color: #333; }

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

    /* Show mobile header, hide desktop header */
    #mobile-header { display: block !important; width: 100%; box-sizing: border-box; background: #f2f2f2; border-bottom: 4px solid #239871; }
    #header, #topbar { display: none !important; }

    /* Mobile header layout */
    .mobile-header-container { width: 100%; box-sizing: border-box; padding: 10px 15px; }
    .mobile-header-top { display: flex; align-items: center; justify-content: space-between; }
    .mobile-logo img { max-height: 60px; width: auto; }
    #mobile-nav-toggle { font-size: 28px; cursor: pointer; padding: 5px 10px; line-height: 1; }

    /* Mobile nav menu */
    #mobile-nav-menu { display: none; width: 100%; }
    #mobile-nav-menu.open { display: block; }
    #mobile-nav-menu ul { list-style: none; margin: 0; padding: 0; }
    #mobile-nav-menu ul li { border-top: 1px solid #ddd; }
    #mobile-nav-menu ul li a { display: block; padding: 12px 15px; color: #333; text-decoration: none; font-size: 15px; }
    #mobile-nav-menu ul li a:hover { background: #e8e8e8; color: #239871; }
    #mobile-nav-menu ul ul { padding-left: 15px; background: #eee; }
    #mobile-nav-menu ul ul li a { font-size: 14px; padding: 10px 15px; }

    /* Fix the 960px fixed grid — make everything fluid */
    .container_12, .container_16 { width: 100% !important; padding: 0 15px; box-sizing: border-box; }
    .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6,
    .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12,
    .grid_13, .grid_14, .grid_15, .grid_16 {
        width: 100% !important;
        float: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        display: block !important;
    }

    /* Main content */
    #main { padding: 15px 0; }
    #content, #sidebar { width: 100% !important; float: none !important; margin: 0 !important; }

    /* Images */
    img { max-width: 100%; height: auto; }
    .wp-caption { max-width: 100% !important; }

    /* Body/outer */
    #outer { overflow-x: hidden; }
    body { font-size: 14px; }

    /* Footer */
    #footer .grid_3, #footer .grid_4 { margin-bottom: 20px; }
    #footer-bottom .grid_6 { text-align: center; }
}