/* Author: Joel Boucher; */

/*==========================================================================================================
=                                             Overlay styles
============================================================================================================*/
.node-unpublished {
    background-color: inherit !important;
}

.center {
    text-align: center;
}

.is-table-row {
    width: inherit;
}

.field-label {
    display: none;
}

#overlay #overlay-tabs li a {
    background: #d9eaf5;
    color: #000;
}

#overlay #overlay-tabs li a:hover,
#overlay #overlay-tabs li a:focus {
    background: #fff;
}

#overlay #overlay-tabs li.active a {
    background: url("images/body.png") repeat-x scroll 50% -58px #edf5fa;
    color: #fff;
}

#overlay-content {
    padding: 1px;
}

#overlay-content #header {
    display: none;
}

#overlay-content #wrapper {
    background-position: 50% -80px;
}

/**
 * Admin Styles
 */
div.admin-panel,
div.admin-panel .description,
div.admin-panel .body,
div.admin,
div.admin .left,
div.admin .right,
div.admin .expert-link,
div.item-list,
.menu {
    margin: 0;
    padding: 0;
}

div.admin .left {
    float: left; /* LTR */
    width: 48%;
}

div.admin .right {
    float: right; /* LTR */
    width: 48%;
}

div.admin-panel {
    background: #fff url(images/gradient-inner.png) repeat-x 0 0;
    padding: 1em 1em 1.5em;
}

div.admin-panel .description {
    margin-bottom: 1.5em;
}

div.admin-panel dl {
    margin: 0;
}

div.admin-panel dd {
    color: #898989;
    font-size: 0.92em;
    line-height: 1.3em;
    margin-top: -.2em;
    margin-bottom: .65em;
}

table.system-status-report th {
    border-color: #d3e7f4;
}

#autocomplete li.selected,
tr.selected td,
tr.selected td.active {
    background: #027ac6;
    color: #fff;
}

tr.selected td a:link,
tr.selected td a:visited,
tr.selected td a:active {
    color: #d3e7f4;
}

tr.taxonomy-term-preview {
    opacity: 0.5;
}

tr.taxonomy-term-divider-top {
    border-bottom: none;
}

tr.taxonomy-term-divider-bottom {
    border-top: 1px dotted #CCC;
}

.theme-selector h3 {
    margin: 10px 0;
}

.theme-selector .operations li {
    list-style-image: none;
}

/*==========================================================================================================
=                                             Global Styles
============================================================================================================*/
html {
    box-sizing: border-box;
    height: 100%;
    font-size: 1rem;
}

body{
    color: #000000;
    line-height: 1.5rem;
   /* font-size: 1rem;*/
   font-size: 14px;
}

h3.grid-heading{
    line-height: 2.5rem !important;
}


a, a:active, a:hover, a:focus{color: #003e7e; font-weight:bold;}

*,
*:before,
*:after {
    box-sizing: inherit;
}

.region-content a,.region-content a:active,.region-content a:hover,.region-content a:focus{text-decoration: underline;}
a:hover{
    color: #345A98;
}
body {
    font-family: "Open Sans", sans-serif;
    min-height: 100%;
    padding: 0;
    margin: 0;
    position: relative;
}

h2 {
    font-weight: bold;

    margin: 0 0 10px 0;
    font-size: 28px;
    color: #003e7e;
}

.module-container {
    padding: 40px 20px;
}

/*Footer fixed to bottom*/

footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 0px;
}

.featured .link-feature-box {
    position: relative;
    width: 100%;
}

.featured .link-feature-box:before {
    content: "";
    display: block;
    padding-top: 100%;
}

.featured .mobile-only {
    margin-left: -30px;
    width: calc(100% + 60px);
}

@media (max-width: 1000px) {

    .mobile-only.hasimage {
        padding: 0px;
    }

    .key_feature .feature_content {
        width: 100%;
        text-align: center;
    }

}

@media (min-width: 768px) {

    .mobile-only {
        display: none !important;
    }

    .featured-image {
        height: auto;
    }

    .is-table-row {
        display: table;
    }

    .is-table-row [class*="col-"] {
        float: none;
        display: table-cell;
        vertical-align: top;
    }

}

@media (max-width: 768px) {
    .desktop-only {
        display: none !important;
    }

    .featured .btn {
        width: 100%;
    }

    .mobile-only.hasimage {
        padding: 0px;
    }

    .key_feature .feature_content {
        width: 100%;
        text-align: center;
    }
}

/*==============================================
=                 node.tpl.php
================================================*/

.header-image {
    background-size: cover !important;
    height: 400px;
    background-color: #003e7e !important;
    background-repeat: no-repeat; 
    background-position: center;

}

.header-image.hasvideo {
    background-size: cover !important;
    height: 600px;
}

.header-image * {
    color: white;
}

.header-image h1 {
    font-family: "Libre Baskerville", serif;
    font-weight: bold;
}

#page_title {
    font-size: 30px;
}

#page_subtitle {
    font-size: 16px;
}

.header-overlay {
    position: absolute;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.45);
}

.header-content .container {
    padding: 0px 40px;
}

.container h1,
.container h2,
.container h3,
.container h4,
.container h5,
.container h6 {
    font-weight: 600;
    font-style: normal;
    margin-bottom: 20px;
}

.container .btn {
    margin-bottom: 5px !important;
}

.header-image .container {
    position: relative;

    height: 400px;
    width: inherit;

    text-align: center;
}

.panel-title {
    margin-bottom: 5px !important;
}

.header-image.hasvideo .container {
    position: relative;

    height: 600px;
    width: inherit;

    text-align: center;
}

.header-image-text {
    position: absolute;
    top: 50%;
    left: 50%;

    width: 80%;

    transform: translateX(-50%) translateY(-50%);
}

.header-image-text {
    z-index: 10;
}

.header-image-text h1,
.header-image-text h2 {
    font-weight: normal;
    color: white;
}

.header-image-text h1 {
    font-size: 30px;
}

.header-image-text h2 {
    font-size: 16px;
}

.header-image-text a {
    background: rgba(0, 0, 0, 0.5);
}

.page-content .container {
    padding: 40px;
}

span.blue {
    color: #003e7e;
}

/* Header Videos */
.video-header .header-container {
    width: 100%;
    height: 600px;
    border-left: none;
    border-right: none;
    position: relative;
    padding: 20px;
}

.video-header .video-container {
    position: absolute;
    top: 0%;
    left: 0%;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.video-header video {
    z-index: -10;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: auto;
    width: auto;
    min-width: 100%;
    min-height: 100%;
}

video::-webkit-media-text-track-display {
    font-size: 50%;
  }

/*=======================
=       Buttons
=========================*/
.btn {
    white-space: normal;
    border-radius: 0;
    background: transparent;
    font-size: 18px;
    transition: all 0.3s ease 0s;
}

.btn.full {
    width: 100%;
    margin-bottom: 5px;
}

.btn-white {
    color: white;
    border: white solid 2px;
}

.btn-blue {
    color: #003e7e !important;
    border: #003e7e solid 2px;
}

.btn-default {
    color: #012b57 !important;
    border: #003e7e solid 2px;
}

.btn-primary, .form-submit {
    color: white !important;
    border: #003e7e solid 2px;
    background: #012b57 !important;
}

.btn-primary:hover {
    color: white !important;
    background-color: #003e7e !important;
    border-color: #204d74;
}

.btn-padded, .form-submit {
    padding-right: 15px;
    padding-left: 15px;
}

.btn.btn-default:hover {
    color: white !important;
    background-color: #012b57 !important;
    border-color: #012b57;
}

.btn.btn-white {
    color: white !important;
    background-color: #003e7e !important;
    border-color: white;
}

.btn.btn-white:hover {
    color: #012b57 !important;
    background-color: white !important;
    border-color: white;
}

.header-image-button {
    color: white;
    border-color: white;
    background-color: transparent !important;
    padding: 5px 30px;
}

.header-image-button:hover {
    background-color: #012b57 !important;
    color: white;
}

/*=======================
=         Lists
=========================*/
.list-inline {
    display: inline-block;

    margin-right: 20px;
}

.list-no-deco li {
    list-style-type: none;

    text-decoration: none;
}

.list-last {
    margin-right: 0;
}

.list-no-padding {
    padding: 0;
}

.first-item {
    margin-top: 0 !important;
}

.last-item {
    margin-bottom: 0 !important;
}

/*==========================================================================================================
=                                                Header
============================================================================================================*/

.i18n-ar { direction: rtl; }

#searchField{width: 100%; color: #000 !important; margin-bottom:5px;}

#block-menu-menu-header-navigation .menu {
    float: left !important;
    margin-left: -15px;
    color: white;
}

#searchbutton:hover *{color: #003e7e !important;}
#areyouokbutton:hover *{color: #003e7e !important;}

#searcharea {
    background: #012c57;
    height: auto;
    padding: 30px;
    width: 800px;
    position: absolute;
    right: 0px;
    top: 39px;
    z-index: 500;
    display: none;
    text-align: left;
}

.navbar-right > li > a.active {
    background-color: #ffc423 !important;
    color: #003e7e !important;
}

.navbar-right > li > a:hover span, .navbar-right li a.active span, .navbar-right > li > a:focus span {
    color: #003e7e !important;
}

.navbar-right > li > a:hover, .navbar-right > li > a:focus {
    background-color: #ffc423 !important;
    color: #003e7e !important
}

.navbar-right > li > a:hover, .navbar-right > li > a:focus {
    color: #003e7e !important
}



#searcharea .topreq {
    color: #fff !important;
    display: inline-block;
    width: 49%;
    padding: 5px;
}

#searcharea .topreq:hover {
    background-color: none !important;
}

#searcharea strong, #searcharea  label {
    font-size: 18px;
}

#searchicon{
    left: -5px;
}

#searchtopbutton {
    text-align:center;
    background-color: #ffc423;
    color: #000 !important;
    padding: 8px 20px;
    border:none;
    border-radius: 5px;
}

.buttons-right{
    text-align:right;
}
#searchtopbutton span, #searchtop {
    color: #003e7e !important;
}

@media (max-width: 992px) {
    #searcharea {
        width: 600px;
    }
}

@media (max-width: 992px) {
    #searcharea strong {
        margin-top: 30px;
        display: block;
    }

    #searchboxtop {
        margin-top: 0px;
    }
}

@media (max-width: 765px) {
    #searcharea {
        position: fixed;
        right: 0px;
        width: 100%;
        top: 48px;
    }
}

#block-menu-menu-header-navigation .menu a {
    color: white;
}

#block-menu-menu-header-navigation .menu > li {
    position: relative;
    display: block;
    padding: 9px !important;
}

.microsite #block-menu-menu-header-navigation .menu > li {
    padding: 2px 14px 18px !important;
}

.microsite #block-menu-menu-header-navigation .menu > li {
    display: inline-block;
    height: 22px;
    margin: 8px 0 8px;

}

.microsite #block-menu-menu-header-navigation .menu > li.microsite-name {
    border-left: 1px solid #fff;
}


.navbar h2 {
    display: none;
}

@media (min-width: 768px) {
    #block-menu-menu-header-navigation .menu > li {
        float: left;
    }

    #superfish-1 {
        float: right;
    }

}

.region-main-nav {
    right: 0%;
    position: absolute;
    top: calc(50% - 20px);

}

#superfish-1 a,#superfish-1 a:focus,#superfish-1 a:active {
    font-size: 18px;
    padding: 10px 20px 28px 6px;
    color: #003e7e;
}

#superfish-1 a:hover{
    color: #345A98; font-weight:bold;
}

#superfish-1 li:hover {
    text-decoration: none;
    border-bottom: 5px solid #ffc423;
}

#superfish-1 .sf-sub-indicator:after {
    content: "";
}

#superfish-1 ul {

    background-color: #fff;
    margin-top: 26px;

}

#superfish-1 ul li {
    padding-left: 20px;
    padding-top: 5px;
    padding-right: 5px;
}

#superfish-1 ul a {
    padding: 5px;
    font-size: 14px;
}

#superfish-1 ul a:hover {
    text-decoration: underline;
}

#superfish-1 ul li:hover {
    border: none;
}

#superfish-1 ul li:before {

    content: "\f054";
    margin-top: 2px;
    font: normal normal normal 14px/1 FontAwesome;
    position: absolute;
    top: 50%;
    font-size: 12px;
    transform: translateY(-50%);
    left: 12px;
    color: #003e7e;

}

@media (max-width: 760px) {
    /*  .main-nav-container{padding: 0px;}
      .header-middle-content{position: relative; top: 0px;transform: none;}
      .region-main-nav{position: relative;top:0px; padding: 10px; margin-top: 10px;}
      .row{margin-left: 0px; margin-right: 0px;}
      #header-middle .container{height: auto;}
      #logo {padding: 10px;}*/
    .menuparent {
        color: white !important;
        font-weight: bold;
    }

    .sf-no-children a {
        color: white !important;
    }
    #superfish-1-accordion a{
        color: white !important;
    }

    #superfish-1-accordion {
        background-color: #003e7e;
        display: block;
        overflow-y: auto;
        position: fixed;
        z-index: 1000;
        top: 0px !important;
        left: 0px !important;
        width: 100%;
        height: 100%
    }

    #block-menu-menu-header-navigation {
        display: none;
    }

    .microsite #block-menu-menu-header-navigation {
        display: block;
    }


    #close-main-menu {
        background: url('https://142.51.60.11/lul/sites/all/themes/newLul/assets/images/menu-top-back.jpg');
        height: 90px;
        font-style: italic;
        color: #ffc423 !important;
        padding-left: 16px;
        font-size: 25px;
        border-bottom: 4px solid #ffc423;
        line-height: 80px
    }
}

#logo {
    width: 50%;
}

#main-back:before {
    content: "\f00d";
    font: normal normal normal 14px/1 FontAwesome;
    margin-right: 5px;
}

#main-back {
    text-decoration: none;
}

#main-back {
    background-color: #032243;
}

#superfish-1-toggle:before {
    content: "\f0c9";
    font: normal normal normal 30px/1 FontAwesome;
    margin-right: 10px;
    color: #003e7e;
}

#superfish-1-toggle span {
    display: none;
}

.navbar-right li {
    display: inline-block;
}

.navbar-right {
    text-align: right;
}

.main-nav-container {
    z-index: 3;
}

.menu-block-1 {
    text-align: center;
}

#block-menu-block-1 .menu {
    color: white;
    display: inline-block;
    margin: 0;
    list-style: none;
    margin-top: 5px;
    margin-bottom: 5px;
}

#block-menu-block-1 li {
    color: white;
    float: left;
    position: relative;
    display: block;
    padding: 8px;
}

#block-menu-block-1 .menu a:hover {
    text-decoration: none;
    color: #ffc423;
}

.language-switcher-locale-url .active {
    display: none;
}

.locale-untranslated {
    display: none;
}

.region-topright {
    display: none;
}

/*=======================
=      Header Global
=========================*/
.navbar {
    margin: 0;
}

/*=======================
=       Header Top
=========================*/
.main-content {
    margin-top: 162px;
}

#logo {
    width: 300px;
}

#header {
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 400;
}

#header-top {
    background-color: #003e7e;
}
.microsite #header-top { background-color: #1B4F83; }

.microsite .microsite-name { color: #fff; }
.microsite .microsite-name:before { color: #fff; }


#header-top .navbar-left * {
    color: white;
}

#header-top .navbar-right * {
    color: #ffc423;
}

#header-top .navbar-right > li > a:hover {
    text-decoration: none;
    background: none;
}

/*=======================
=      Header Middle
=========================*/
#header-middle {
    background-color: #fff;
}

#header-middle .container {
    height: 80px;
    position: relative;
}

.header-middle-content {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.header-middle-right {
    right: 0%;
}

.header-middle-right * {
    right: 0%;
    font-size: 18px;
}

#header-middle .header-middle-right > li > a:hover {
    text-decoration: none;
    color: #a30046 !important;
    background: none;
}

/*=======================
=      Header Bottom
=========================*/
#header-bottom {
    background-color: #012b57;
}

#header-bottom * {
    color: white;
}

/*=======================
=      Header Multi
=========================*/
#header-bottom .navbar,
#header-top .navbar {
    min-height: 40px;
}

#header-bottom .navbar-nav > li > a,
#header-top .navbar-nav > li > a {
    padding: 9px 9px;
}

#header-top .navbar-left > li > a:hover,
#header-bottom .nav > li > a:hover {
    text-decoration: none;
    color: #ffc423 !important;
    background: none;
}

/*==========================================================================================================
=                                              LOGIN PAGE
============================================================================================================*/

#login-area {
    margin-top: 40px;
}

.startlist {
    list-style: none;
    padding: 0px;
}

#login-area label {
    display: inline-block;
    min-width: 113px;
}

/*==========================================================================================================
=                                               Main Container
============================================================================================================*/
.main-container {
    background-color: white;
}

/*=======================
=    Homepage Image
=========================*/
#homepage-image {
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../images/aerial-large.jpg) center/100% no-repeat;
    background-size: cover;
}

#homepage-image * {
    color: white;
}

#homepage-image h1 {
    font-family: "Libre Baskerville", serif;
    font-weight: normal;
}

#homepage-image .container {
    position: relative;

    height: 295px;

    text-align: center;
}

.homepage-image-text {
    position: absolute;
    top: 50%;
    left: 50%;

    width: 50%;

    transform: translateX(-50%) translateY(-50%);
}

.homepage-image-text a {
    background: rgba(0, 0, 0, 0.5);
}

/*=======================
  =    section nav
  =========================*/

.section-nav .container {
    text-align: center;
}

.section-nav .nav-container-center {
    width: calc(100% + 30px);
    z-index: 10;
    margin-left: -15px;
}

.section-nav .nav {
    text-size-adjust: none;
    margin: 0;
    width: 100%;
}

.s-h-header-links {
    width: 100%;
    border: 2px solid white;
}

.s-h-header-link-one {
    background-color: #012B57;
}

.s-h-header-link-two {
    background-color: #003E7E;
}

.s-h-header-link-three {
    background-color: #255788;
}

.section-nav .nav > li > a {
    width: 100% !important;
    text-decoration: none;
    font-size: 16px;
    color: white !important;

}

.section-nav .nav > li > a:hover ,.section-nav .nav > li > a:focus {
    text-decoration: none;
    background-color:#001D3B;
}

.btn:focus, .s-h-header-link-one:focus, .s-h-header-link-two:focus,.s-h-header-link-three:focus{
    background-color:#003e7e !important;
    color: #fff !important;
}

/*==========================================================================================================
=                                                 Footer
============================================================================================================*/
/*=======================
=      Main Footer
=========================*/
#main-footer {
    background-color: #003e7e;
}

#main-footer * {
    color: white;
    font-size: 1rem;
}

#main-footer h1,
#main-footer h2,
#main-footer h3,
#main-footer h3,
#main-footer h4,
#main-footer h5,
#main-footer h6 {
    font-weight: bold;
}

#main-footer h1,
#main-footer h2,
#main-footer h3,
#main-footer h3,
#main-footer h4,
#main-footer h5,
#main-footer h6,
#main-footer .link,
#main-footer span {
    color: #ffc423;
}

#main-footer h1 > a,
#main-footer h2 > a,
#main-footer h3 > a,
#main-footer h4 > a,
#main-footer h5 > a,
#main-footer h6 > a {
    color: #ffc423;
}

#main-footer li > h1 > a:hover,
#main-footer li > h2 > a:hover,
#main-footer li > h3 > a:hover,
#main-footer li > h4 > a:hover,
#main-footer li > h5 > a:hover,
#main-footer li > h6 > a:hover {
    text-decoration: none;
    color: white !important;
    background: none;
}

#main-footer ul {
    padding-left: 0;
    list-style-type: none;
    text-decoration: none;
}

#block-block-2 .span {
    padding-right: 4px;
}

#block-block-2 li{margin-bottom:15px;}
#block-block-2  a{font-size:1.2rem; Color: #ffc423; font-weight: bold;}
#block-block-2  a span{color: #fff; display:inline-block; margin-right:10px;}
#block-block-3 h2, #block-block-4 h2{font-size:1.6rem;}


#main-footer #contact-col-center,
#main-footer #contact-col-right {
    margin-top: 30px;
}

#main-footer .container {
    padding: 40px;
    text-align: center;
}

/*=======================
=    Copyright Footer
=========================*/
#copyright-footer {
    background-color: #012b57;
}

#copyright-footer * {
    font-size: 1rem;
    color: #ffc423;
}

#copyright-footer .container {
    height: auto;
    padding: 12px 15px;
}

#copyright-footer .row {
    text-align: center;
}

#copyright-footer li > a:hover {
    text-decoration: none;
    color: white !important;
    background: none;
}

#copyright-col-right ul {
    text-decoration: none;
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 0;
}

#copyright-col-right li {
    display: inline-block;
}

#copyright-col-right i {
    color: #ffc423;
    padding-right: 4px;
}

/*==========================================================================================================
=                                                 Media Queries
============================================================================================================*/

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {

    /*==============================================
    =                 node.tpl.php
    ================================================*/
    .header-image-text {
        width: 60%;
    }

    /*==========================================================================================================
    =                                               Main Container
    ============================================================================================================*/
    /*=======================
    =    Homepage Image
    =========================*/
    .homepage-image-text {
        top: 45%;
    }

    #homepage-image .container {
        position: relative;
        padding-top: 60px;
    }

    /*=======================
     =    section nav
     =========================*/
    .section-nav .container {
        height: 20px;
        text-align: center;
    }

    .section-nav .nav-container-center {
        position: absolute;
        width: inherit;
        left: 50%;
        margin-left: 0;
        transform: translate(-50%, -50%);
    }

    .nav-width-70 {
        width: inherit;
    }

    .nav-width-50 {
        width: inherit;
    }

    .nav-width-40 {
        width: 40% !important;
    }

    .section-nav .nav {
        width: 100% !important;
    }

    .s-h-header-links-33 {
        width: 33.333% !important;
    }

    .s-h-header-links-50 {
        width: 50% !important;
    }

    .s-h-header-links-100 {
        width: 100% !important;
    }

    .s-h-header-first {
        border-left: 0px;
    }

    .s-h-header-last {
        border-right: 0px;
    }

}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {

    /*==========================================================================================================
    =                                                 Footer
    ============================================================================================================*/
    /*=======================
    =      Main Footer
    =========================*/
    #main-footer span {font-size : 1.2rem}
    #main-footer .container {
        text-align: left;
    }

    #main-footer ul {
        padding-left: 40px;
    }

    #main-footer #block-block-2 ul {
        padding-left: 0px;
    }

    #main-footer #contact-col-center,
    #main-footer #contact-col-right {
        margin-top: 0;
    }

    /*=======================
    =    Copyright Footer
    =========================*/
    #copyright-footer .row {
        text-align: left;
    }

    #copyright-footer .row * {
        margin-bottom: 0;
    }

    #copyright-col-right {
        text-align: right;
    }

    #copyright-col-right li:not(:last-child) {
        padding-right: 10px;
    }
}

/* Large devices (large desktops, 1200px and up) */
/*@media (min-width: @screen-lg-min) {

}*/

/*==========================================================================================================
=                                                 Sections
============================================================================================================*/

.container.module h1 {
    text-align: center;
    margin-bottom: 60px;
    margin-top: 0px;
}

.container.no-image {
    padding-top: 60px;
    padding-bottom: 60px;
}

section {
    background: #fff;
}

section.grey {
    background-color: #fff;
}

section.blue {
    background-color: #003e7e;
}

section.blue .btn-default {
    border-color: #fff;
    color: #fff !important;
    background-color: #003e7e !important;
}

.light {
    font-weight: lighter !important;
}

section.blue .btn-default:hover {
    background-color: #fff !important;
    color: #003e7e !important;
    border-color: #fff;
}

/*==========================================================================================================
=                                                 News
============================================================================================================*/

.news-archive-list .grid-item {
    display: block;
    width: 100%;
}

.news-archive-list .grid-item h3 a {
    color: #003e7e;
}

.news-archive-list .grid-item .btn-newLU {
    margin-top: 10px;
}

.news-archive-list .pager, .newstag .pager {
    margin-top: 40px;
    margin-bottom: 40px;
}

.news-archive-list .item-list ul li, .newstag .item-list ul li {
    margin: 0 0 0.25em 0em;
}

.newstag .row, .news-archive-list .row {
    background-color: #ebebeb;
}

#newstag_filter {
    padding-left: 0px;
    margin-bottom: 20px;
}

/* Small devices (tablets, 768px and up) */
@media (max-width: 980px) {
    #logo {
        width: 220px !important;
    }

    #header {
        max-width: 100% !important;
        display: table !important;
    }

    .row {
        margin-left: -15px;
        margin-right: -15px;
    }

    html, body {
        max-width: 100%;
        overflow-x: hidden;
    }

}
/*==========================================================================================================
=                                                 Custom component
============================================================================================================*/
.component.section-custom h2{text-align:center;}
.component.section-custom{    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 0px;
    padding-right: 0px;}


.component.section-custom fieldset, .component form fieldset{width: 100%; border:1px solid #999;
        border-radius:8px;
        padding: 10px 15px 15px 15px; text-align: left;
        margin-top:20px;}
.component.section-custom  legend, .component form legend{background: #fff !important; border: 0px !important; width: auto !important; margin-left: 10px; padding-left: 10px; padding-right: 10px; font-size: 16px; font-weight: bold; margin-bottom:0px;}  

.component.section-custom.grey  legend, .component.grey form legend{background: #ebebeb !important;}
.component.section-custom form .req{color:#a30046;}
.component.section-custom form  .select2-selection__arrow b{background-color:#fff; border:none; margin-top: -10px; color: #555555;}
.component.section-custom form  .select2-selection__arrow b:after{content: "\f078";font: normal normal normal 10px/1 FontAwesome;}
.component.section-custom form .select2-container--default .select2-selection--single{height:34px; border-color:#ccc;}
.component.section-custom form  .select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 34px;}
.component.section-custom form  .select2-container .select2-selection--single .select2-selection__rendered{padding-left:16px;}
.component.section-custom form  .form-check-label{font-weight: normal;}
.component.section-custom form .select2-container--default .select2-selection--single .select2-selection__placeholder{color:#000;}
.component.section-custom form input.form-control.error[type="text"]{color:#a30046; border-color: #a30046; background-color:#f4e1e3;}
.component.section-custom form .form-group.hasError select{border-color: #a30046 !important;color:#a30046; background-color:#f4e1e3;}
.component.section-custom form  .error_text{display:none; color :#a30046; }
.component.section-custom form select{display:block;}
.component.section-custom form .checkitem{text-align:left; color: #000; font-size: 14px; font-weight: normal;}
.component.section-custom form .checkitem label{font-weight: normal;}
.component.section-custom form span.label{font-weight: bold; font-size: 14px; color: #000; padding:0px; white-space: normal !important;}
.component.section-custom form .inner_form > div{margin-bottom:10px;}
.component.section-custom form  .radioitem label{font-weight:normal;}
.component.section-custom form  .buttons_right{text-align:right; margin-top: 15px;}
.component.section-custom form  .right{text-align:right;}
.component.section-custom form  .submitarea{margin-top:15px;}
.component.section-custom form  .form-control.input-half{width:50%;}
.component.section-custom form  .form-control.input-quarter{width:25%;}

.input-group{
    display: table;
    border-collapse: collapse;
    width:100%;
  }
  .input-group > div{
    display: table-cell;
    background-color: #ddd;
    vertical-align: middle;  /* needed for Safari */
  }
  .input-group-icon{
    background:#eee;
    color: #777;
    text-align:center;
    padding: 0 12px
  }
  .input-group-area{
    width:100%;
  }
  .input-group input{
 
    display: block;
    width: 100%;
    padding: 8px;
  }

  .input-group-prepend{text-align:center; width:40px; border-radius: 5px 0px 0px 5px;}

  #start_complaint .label{color:#000; font-size: 14px; display: block; margin-bottom:10px;}
  #start_complaint{text-align:center; border:2px solid #ddd; padding: 10px;}

  @media (max-width: x) {
    .component.section-custom form  .form-control.input-quarter{width:50% !important;}
}

.component.section-custom form .boxbox{background-color: #FCFCFC; color: #000; padding:10px; border-radius: 5px; border:1px solid #cccccc;}



/*==========================================================================================================
=                           Staff & Faculty Directory
============================================================================================================*/

.directory-tab .odd{background-color: #F5F5F5;}
.directory-tab .even{background-color: #FFF;}

.deptbox .panel-heading {
    background-color: #003e7e;
    padding: 0px;
    color: #fff;
    border-radius: 0;
    position: relative;
}

.deptbox .panel-title {
    color: #fff;
    font-size: 20px;
    padding: 20px;
    font-weight: lighter;
    background-color: #003e7e;
}
.deptbox .panel-body{
    border-color: #fff;
    background-color: #f8f8f8;
    padding: 25px;
    border-bottom: 0px;
}
.deptbox .panel-heading .accordion-toggle:hover {
    color: white;
}

.deptbox .panel-heading .accordion-toggle:after {
    color: #fff;
    font-size: 20px;
    content: "\f078";
    font-family: 'FontAwesome';
    position: absolute;
    font-weight: lighter;
    right: 15px;
    top: 15px;
}
.deptbox .panel-heading .accordion-toggle.collapsed:after {
    content: "\f077";
}
.deptbox .panel-group .panel {
    border: none;
}
.deptbox .container{
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 0px;
    padding-right: 0px;
}
.deptbox .accordion-module-heading{
    margin-bottom: 30px;
}

.buttonTabs .tabButton{background-color: #fff; box-shadow: none; border:1px solid #fff; font-size:14px; padding: 10px; border-radius: 5px 5px 0px 0px;  border-bottom:1px solid #ddd;}
.buttonTabs .tabButton.active{border-color: #ddd; border-bottom:1px solid #fff;}
.buttonTabs .tabContent{border:1px solid #ddd; padding: 10px; margin-top: -1px;}

#main_skip.sr-only{color:#fff;}

/*==========================================================================================================
=                           Form Insert Styling
============================================================================================================*/

.forminsert .req, .forminsert .error_text{color: #a30046;}
.forminsert .error_text{display: none;}
.forminsert input[type="text"].error, .forminsert select.error{border: 1px solid #a30046;}
.forminsert .form_section .fieldset{margin-bottom:10px;}
#submitArea{margin-top:15px;}