/*
 * Localist Calendar styles
 */

 
/*
 FONTS:m
 Roboto:        400, 300, 500
 Roboto Slab:   400, 700
 FontAwesome
 */

html, body {
    margin: 0;
    padding: 0;
}

body>.grid_container {
    margin: 0;
}
 
html, body, p, li, h1, h2, h3, h4, h5, h6, td, input, select, textarea {
    font-family: 'Roboto', sans-serif;
}

a {
    color: #0064b1;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

input, textarea, .cke_editable, select, .form-input-text {
    border-radius: 0;
    border: 1px solid #ddd;
}

.clearfix::before, 
.clearfix::after {
  content: ' ';
  display: table; 
}

.clearfix::after {
  clear: both; 
}

.skipnav {margin:0 !important;padding:0 !important}
.skipnav a{position:absolute;left:-1000em;overflow:hidden;position:absolute;top:0;width:1px;height:1px;z-index:1000}
.skipnav a:focus{left:20%;top:0;width:auto;height:auto;background-color:#000;color:#fff;padding:5px 10px;font-weight:700;font-size:11px;text-decoration:none}

.row {
    max-width: 1170px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.row::before, 
.row::after {
  content: ' ';
  display: table; 
}

.row::after {
  clear: both; 
}


/* override the 'Stroke-Gap-Icons' font-face */
.icon { font-family: FontAwesome; }
.icon-Arrow::before {content: "\f061";}
.icon-Users::before {content: "\f234";}
.icon-Agenda::before {content: "\f133";}
.icon-Pointer::before {content: "\f041";}


/*
 * Header
 * ----------------------------*/

/* Make the "under development" notice bar more noticeable */
.info_bar.notice {
    text-align:center;
}
.info_bar.notice p {
    display: inline-block;
    background:#c00;
    padding:0 10px;
}

#header {
    background: #0064b1;
}

#header .row {
    padding: 0 15px;
}

#header div.upper {
    color: #ccc;
    font-size: .7em;
    letter-spacing: 1px;
    padding-top: 1px;
    text-transform: uppercase;
    min-height: 25px;
}

#header span.pipe {margin:0 5px;}

#header div.upper a {
    color: #CFDBE4;
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: all 0.2s;
}

#header div.upper a:hover {
    border-bottom: 1px solid #def;
    color: #fff;
    text-decoration: none;
}
@media only screen and (max-width:768px) {
    #header div.upper a.nav-button {display:inline-block;height:25px;line-height:25px;padding:0 5px; border:none !important;}
    #uta-menu {display:none;}
    #uta-menu.expanded {display:block;margin:.75em 0; line-height:2.2;text-align:center;}
}
@media only screen and (min-width:769px) {
    #header div.upper {
        height: 30px;
        line-height: 30px;
    }
    #header div.upper a.nav-button {display: none !important;}
    #header .links-left {float: left;}
    #header .links-right {float: right;}
}
#header div.lower {
    color: #fff;
    background: url('//www.uta.edu/_templates/calendar/_images/feature-bg-2.jpg') no-repeat;
    background-size: cover;
}

#header div.lower div.row {
    position: relative;
    height: 140px;
}

#header div.title a {
    color: #fff;
}

#header div.utalogo img {
    max-width: 300px;
    margin-top: 20px;
}

#header h2 {
    font-size: 2em; 
    font-family: 'Roboto Slab', serif;
    font-weight: 400;
    line-height: 1.3;
    margin: 0;
    position: absolute;
    bottom: 0;
    left: 15px;
}

@media only screen and (min-width: 600px) {
    #header h2 {
        font-size: 3em;
    }
    #header div.utalogo img {
        max-width: 376px;
    }
}

@media only screen and (min-width: 960px) {
    #header .row {
        /* padding: 0; */
    }
    #header div.lower div.row {
        height: 210px;
    }

    #header h2 {
        font-size: 4em;
    }
}

#header div.lower div.links {
    color: #fff;
    position: absolute;
    right: 15px;
    bottom: 15px;
    z-index:5000;
}

/** localist header menu **/
#header ul.action_menu > li > a {
    color: #CFDBE4;
    text-decoration: none;
}
#header ul.action_menu {
    font-size: .9em;
}
.action_menu_items {
    min-width: 200px;
}
.action_menu_items a {
    line-height: 1.2;
    font-size: .9em;
}

@media only screen and (min-width:960px){
    #header ul.action_menu > li {
        display: inline-block;
        margin: 0 7px;
    }
    #header ul.action_menu >li > a:hover {
        color:#fff;
    }
    .action_menu_items a {
        padding: 10px;
    }
    #header ul.action_menu > li.login {
        font-size: 1.2em;
    }
    #header ul.action_menu > li.login a {
        color: #fff;
    }
}

@media all and (max-width: 959px) {
    #menu {
        background: transparent;
        text-align: right;
    }
    #header div.lower div.links {
        right: 15px;
        top: 85px;
    }
    #menu .action_menu {
        width: 250px;
    }
}

#main {
    margin-top: 50px;
    margin-bottom: 50px;
}


/*
 * Paging / arrows
 * ----------------------------*/
.pagination_container .pagearrow {
    font-size: 1.6em;
}

.pagination_container .pagearrow:hover {
    text-decoration: none;
}


#breadcrumbs {display: none;}


/*
 * Search box
 * ----------------------------*/
div.search_action {
    margin-bottom: 50px;
    padding: 0 15px;
}

div.search_action input {
    width: 92%;
    float: left;
    width: calc( 100% - 55px );
    margin: 0;
    padding: 0 25px;
    height: 55px;
    line-height: 55px;
    font-size: 1.2em;
    transition: border-color 0.2s;
}

div.search_action input:focus {
    border-color: #0064b1;
}

div.search_action button {
    background: #0064b1;
    border: none;
    border-radius: 0;
    width: 55px;
    height: 55px;
    line-height: 20px;
    font-size: 20px;
    color: #fff;
}

/**
@media only screen and (min-width: 1000px) {
    
    #header div.lower {
        height: 210px;
    }
}
**/



.box_title {
    color: #939598;
    border-bottom: 1px solid #e8e8e8;
}


.box_title h1, .box_title h2, .box_title h3, .box_title h4, .date_divider h1, .date_divider h2, .date_divider h3, .date_divider h4, .page_heading h1, .page_heading h2, .page_heading h3, .page_heading h4, label.heading h1, label.heading h2, label.heading h3, label.heading h4, .admin_header h1, .admin_header h2, .admin_header h3, .admin_header h4 {
    font-family: 'Roboto Slab', serif;
    font-size: .9em;
    letter-spacing: 2px;
}

.page_heading h1 {
    font-size: 1em;
}

.box_title h4 {
    font-size: .8em;
}


/*
 * Event blocks
 * ----------------------------*/
 
.item>.box_left img, 
.item-freeform>.box_left img { 
    border-radius: 0;
}

.item .summary {
    font-size: 1.2em;
    font-weight: bold;
    font-family: 'Roboto Slab', serif;
}
.item .summary a {
    color: #000;
    transition: color 0.2s;
}

.item .summary a:hover {
    color: #f58025;
}

.item, .item-freeform {
    padding: 25px 25px 25px 0;
}

.item.sponsored { /** what is sponsored event..? **/
    background: #fff;
}

.item h4, 
.item-freeform h4 {
    font-family: 'Roboto', sans-serif;
}

.item .location {
    font-weight: 400;
}
.item .dateright {
    color: #444;
}

.message_group .item, .friend_group .item, .event_group .item, .place_group .item, .item_group .item {
    border-top: none;
    border-right: none;
    border-left: none;
    border-bottom: 1px solid #e8e8e8;
}

.btn.btn-color, .btn.view-editor-button-save, .btn.photo_menu_button, .btn.imgoing, .btn.cancelplans, .action_button a.btn-color, .action_button a.view-editor-button-save, .action_button a.photo_menu_button, .action_button a.imgoing, .action_button a.cancelplans, button.btn-color, button.view-editor-button-save, button.photo_menu_button, button.imgoing, button.cancelplans, input[type=submit].btn-color, input[type=submit].view-editor-button-save, input[type=submit].photo_menu_button, input[type=submit].imgoing, input[type=submit].cancelplans, input[type=button].btn-color, input[type=button].view-editor-button-save, input[type=button].photo_menu_button, input[type=button].imgoing, input[type=button].cancelplans, .photo_menu_button.btn-color, .photo_menu_button, .photo_menu_button.imgoing, .photo_menu_button.cancelplans, .view-editor-button-save.btn-color, .view-editor-button-save, .view-editor-button-save.imgoing, .view-editor-button-save.cancelplans {
    background: #0064b1;
    color: #fff;
    border-color: #0064b1;
    border-radius: 0;
}

.item .action_button .imgoing {
    font-size: .9em;
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    background: #fff;
    color: #0064b1;
}

.item .action_button .imgoing:hover {
    background: #0064b1;
    color: #fff;
    text-decoration: none;
}

.btn, .action_button a, button, input[type=submit], input[type=button], .photo_menu_button, .view-editor-button-save {
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
}


.btn.btn-color-alt, .action_button a.btn-color-alt, button.btn-color-alt, input[type=submit].btn-color-alt, input[type=button].btn-color-alt, .photo_menu_button.btn-color-alt, .view-editor-button-save.btn-color-alt {
    background: #0064b1;
    color: #fff;
    border-color: #0064b1;
}

.btn.btn-color-alt:hover, 
.action_button a.btn-color-alt:hover, 
button.btn-color-alt:hover, 
input[type=submit].btn-color-alt:focus, 
input[type=button].btn-color-alt:focus, 
.photo_menu_button.btn-color-alt:hover, 
.view-editor-button-save.btn-color-alt:hover {
    background: #00457c;
    border-color: #00457c;
    text-decoration: none;
}

.user_action .table-buttons > * {
    display: block;
}

.item .location {
    margin-top: .3em;
}
@media only screen and (max-width: 959px) {
    .item .actionbar .left {float: left;}
    .item .actionbar .right {float: right;padding-right:5px;}
}



/*
 * Mini-calendar
 * -----------------------*/
.widget.mini_calendar .minicalendar tbody[data-minicalendar="calendar"] {
    background: #fff;
}

.widget.mini_calendar .minicalendar tbody[data-minicalendar="calendar"] td.selected a {
    background: #f38123;
}



/*
 * Event page
 * -----------------------*/
.content-top .box_content .summary {
    font-family: 'Roboto Slab', serif;
    color: #222;
}
.content-inner-pages,
.content-inner-pages > .content-top,
.content-top .dateright,
.content-top .location {
    border: none;
}
.box_image img,
.content-top .box_image img {
  border-radius: 0;
}
dd.more-categories { font-size:.8em; }
dd.more-categories a { color: #777;}


/*
 * Right column widgets
 * -----------------------*/
.filter_list .widget {
    border: none;
}
.widget.request-updates {
    border:none; 
    font-size:.9em;
}
.widget.request-updates a {
    color:#777;
}
.filter_list label.widget-header {
    padding: 10px 0;
}
.filter_list div.widget-content {
    padding: 10px 0;
}
.filter_list .widget-header {
    color: #666;
    border-bottom: 1px solid #e8e8e8;
}
.widget.widget-filter .widget-content ul li a {
    color: #666;
}
.widget.widget-filter .widget-content ul li a:hover {
    color: #333;
}
.widget.widget-filter .widget-content ul li {
    line-height: 1.7;
    font-size: .95em;
    font-weight: 300;
}
/* create event button */
.user_action a.nav_createevent {
    padding: 20px 13px;
    height: 56px;
}
.user_action a.nav_createevent i {
    display: none; /* hide icon */
}


/*
 * Content Pages
 * -----------------------*/
div.content ul {
    list-style: disc;
    margin: 0 0 1em;
}
div.content li {
    margin-left: 20px;
    padding: 3px 0;
}
div.content h1 {
    margin: 0 0 .5em;
}
div.content h2 {
    font-size: 1.2em;
    font-weight: bold;
    font-family: 'Roboto Slab';
    margin: 2em 0 1em;
}
div.content p,
div.content li,
div.content td {
    line-height: 1.6;
}



/*
 * Footer
 * -----------------------*/

#footer {
    background: #16467a;
    color: #fff;
    margin: 0;
    padding: 60px 0;
    font-size: 0.8em;
    font-weight: 300;
    letter-spacing: 1px;
}

@media only screen and (max-width: 768px){
    #footer > .row {max-width:480px;}
}

@media only screen and (min-width:900px) {
    #footer .copyright {width:33%; padding-right: 50px;}
    #footer .info {width:40%; padding-right:50px;}
    #footer .more {width:22%;}
}

#footer p {
    line-height: 1.8;
}

#footer a {
    color: #fff;
}

#footer a:hover {
    color: #fff;
}

#footer h3 {
    font-family: 'Roboto Slab', serif;
    font-size: 1.05em;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 2px;
    border-bottom: 1px solid #0064b1;
    padding: 0 0 10px 0;
    margin: 0 0 10px 0;
}
#footer .copyright img {max-width:100%;height:auto;}

@media only screen and (max-width:768px) {
    #footer {padding:30px 0;}
    #footer .grid_4 {margin: 1em 0;}
}

@media only screen and (min-width:1100px){
    #footer .copyright h3 {
        margin-top: -13px;
        padding-bottom: 5px;
    }
}

#footer ul.two-columns {
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
}

#footer li { line-height: 2;}



#lclst_footer {
    background: #16467a;
    text-align: center;
}

#lclst_footer a,
#lclst_footer a:hover {
    color: #fff !important;
    font-size: .8em !important;
    display: inline !important;
}



@media only screen and (max-width: 767px) {
    .grid_container .grid_1, .grid_container .grid_2, .grid_container .grid_3, .grid_container .grid_4, .grid_container .grid_5, .grid_container .grid_6, .grid_container .grid_7, .grid_container .grid_8, .grid_container .grid_9, .grid_container .grid_10, .grid_container .grid_11, .grid_container .grid_12, .grid_container .grid_13, .grid_container .grid_14, .grid_container .grid_15, .grid_container .grid_16 {
        padding: 0 15px;
    }
    
    #main {
        margin-top: 25px;
        margin-bottom: 25px;
        max-width: 480px;
    }
    
    div.search_action {
        margin-bottom: 25px;
    }
    
    .item, 
    .item-freeform {
        padding: 15px 0;
        margin: 0;
    }
    div.search_action input {
        padding: 15px;
        height: 45px;
        line-height: 45px;
        font-size: 1em;
    }
    div.search_action button {
        width: 45px;
        height: 45px;
    }
}

#header .utalogo a {
    float: left;
    clear: both;
}


.widget.widget-filter .widget-content ul li.sub_show_more a {
    color: #0064b1;
}


@media only screen and (min-width: 768px) {
    #main > div.alpha.grid_8 {
        width: 70%;
        padding-right: 60px;
    }

    #main > div.omega.grid_4 {
        width: 30%;
    }
}

.add_event label h4[id*="x-need"] { color: #c00; font-weight: bold; }


.widget .widget-content ul.bulleted {
 list-style: disc;
 margin: 0 0 1em;
 padding: 0 0 0 20px;
}

.widget .widget-content ul.bulleted li {
    padding: 5px 0;
}


/* hide the 'student organization' option from new event form, since it doesn't apply */
form.new_event #filter-row-event_student_organizations {
    display: none;
}

.content-place .content-bottom {
    background: transparent;
}



@media only screen and (max-width: 1140px) {
    .featured_carousel {border: none;}
    .featured_carousel .featured_item_wrapper .item img {
        border-radius: 0;
        margin: 10px;
        width: 100px;
        height: auto;
    }
    
    .featured_carousel .featured_item_wrapper .item .item_content_featured {
        padding: 10px;
    }
    
    
}

@media only screen and (max-width: 479px) {
    .item.featured_item img {
        display: block;
        float: right;
        width: 80px
    }
    .item .summary {font-size: 1em;}
    
    .featured_carousel .featured_item_wrapper .item .summary, 
    .featured_carousel .featured_item_wrapper .item .description {
        margin-bottom: 10px;
    }
    
    
    .item>*, 
    .item-freeform>* {
        overflow: visible;
    }
    .item>.box_left, 
    .item-freeform>.box_left {
        padding-right: 0;
        float: right;
        overflow: visible;
        margin: 0 0 10px 10px;
    }
    .item>.box_left img, 
    .item-freeform>.box_left img {
        border-radius: 0;
        width: 80px;
        height: auto;
    }
    
}