/*
 * custom.css -- Customized CSS for T3 template
 * Placing this file in T3 template/css/ folder can override the default CSS.
 * Created by wkim, 2/17/2015
 */

.t3-sl {
    padding-bottom: 10px;
    padding-top: 10px;
}
.t3-sl .t3-module + .t3-module {
    margin-top: 10px;
}
.t3-module {
    margin-top: 10px;
    margin-bottom: 10px;
    /* padding: 1px; */
}
.module-title {
    background-color: #0086d7; /* #0067A2; */
}
h3.module-title {
    margin-top: 4px;
    margin-bottom: 4px;
    margin-left: 10px;
    font-size: 13px;
    font-weight: bold;
    color: #eee;
    position: relative;
    background-color: #0086d7;
}
.t3-module .module-inner {
    padding: 1px;
    background-color: #0086d7;
    border: 1px solid #0086d7;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.module-ct {
    background-color: #fff;
    margin-left: 0px;
    margin-right: 0px;
    padding: 1px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1,
.col-xs-2, .col-sm-2, .col-md-2, .col-lg-2,
.col-xs-3, .col-sm-3, .col-md-3, .col-lg-3,
.col-xs-4, .col-sm-4, .col-md-4, .col-lg-4,
.col-xs-5, .col-sm-5, .col-md-5, .col-lg-5,
.col-xs-6, .col-sm-6, .col-md-6, .col-lg-6,
.col-xs-7, .col-sm-7, .col-md-7, .col-lg-7,
.col-xs-8, .col-sm-8, .col-md-8, .col-lg-8,
.col-xs-9, .col-sm-9, .col-md-9, .col-lg-9,
.col-xs-10, .col-sm-10, .col-md-10, .col-lg-10,
.col-xs-11, .col-sm-11, .col-md-11, .col-lg-11,
.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
}

.t3-sidebar {
padding-top: 20px;
padding-bottom: 20px;
padding-left: 0px;
padding-right: 0px;
}

/* left margin of featured articles were too small -- wkim, 3/2/2015 */
#t3-mainbody .row {
  margin-right: -10px;
  margin-left: -10px;
}

/* featured articles had no margin (on mobile phones) -- wkim, 4/27/2017 */
/**
article {
	padding-left: 10px;
	padding-right: 10px;
}
**/

/* for login link at top of page -- wkim, 2/7/2015
.t3-header {
    padding-top: 0px;
}
*/

/*
 * off-canvas menu -- wkim, 2/17/2015
 */
.t3-off-canvas .t3-off-canvas-body a:hover,
.t3-off-canvas .t3-off-canvas-body a:focus {
    color: #00466E;
    background-color: #bbbbbb;
    text-decoration: none;
}

.t3-off-canvas .dropdown-menu {
    background-color: #e8e8e8;
    font-size: 13px;
}
.t3-off-canvas .dropdown-menu > li {
    border-top: 1px solid #dddddd;
}
.t3-off-canvas .dropdown-menu > li > a {
    padding: 5px 20px;
}
.t3-off-canvas .dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
    color: #FFF;
    text-decoration: none;
    outline: 0px none;
    background-color: #7f7f7f;
}

/* for off-canvas button width
 * (the off-canvas button icon at menu bar was overlapped with site name)
 */
.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 20px;
}

/*
 * megamenu -- wkim, 2/17/2015
 */
.t3-megamenu .mega-inner {
    padding: 10px 0px;
}
.t3-megamenu .mega-nav > li a,
.t3-megamenu .dropdown-menu .mega-nav > li a {
    color: #bbb;
    padding: 5px 10px;
}
.t3-megamenu .mega-nav > li.active > a,
.t3-megamenu .dropdown-menu .mega-nav > li.active > a {
    color: #FFF;
    background: none repeat scroll 0% 0% #666666;
}
.t3-megamenu .mega-nav > li.open > a,
.t3-megamenu .dropdown-menu .mega-nav > li.open > a {
    background: none repeat scroll 0% 0% #666666;
}

/*
 * the main drop-down menu of small screeen layout
 */
.navbar-default .navbar-nav .dropdown-menu > li > a {
    padding: 10px;
    /* text-transform: uppercase; */
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
    padding: 10px 20px;
}

/*
 * Sidebar menu module -- wkim, 3/2/2015
 */
.t3-sidebar .nav > li.active > a { /* Highlight the active menu item in sidebar menu module box */
    color: #ffffff;
    background-color: #0077bb;
}
/**
.nav > li > a {
    padding: 5px 15px;
}
**/

/*
 * Top Menu styles -- wkim, 9/6/2017
 */
.navbar-default .navbar-nav > li > a {
    text-transform: initial;
    font-size: 13px;
    font-weight: bold;
}
.navbar-default .navbar-nav > li {
    margin-left: 25px;
}

/*
 * table syles
 */
/**
th,td {
    vertical-align: middle;
    padding: 3px;
    border-collapse: collapse;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
**/
/*
 * sigplus's EXIF infomation table
 */
.boxplusx-detail tr:nth-child(odd) {
    background-color: transparent !important;
}
tr:nth-child(odd) {
    background-color: #f6f6f6;
}
table.boxed {
    border-width: 1px;
    border-color: #888888;
    border-style: solid;
    border-spacing: 0px;
    border-collapse: collapse;
    margin-left: auto;
    margin-right: auto;
}
th.alignleft, th.aligncenter, th.alignright {
    background-color: #d1e5f0;
    vertical-align: middle;
    padding: 3px;
    border: 1px solid #888888;
    border-collapse: collapse;
}
td.alignleft, td.aligncenter, td.alignright {
    vertical-align: middle;
    padding: 3px;
    border: 1px solid #888888;
    border-collapse: collapse;
}
td.alignleft, th.alignleft {
    text-align: left;
}
td.aligncenter, th.aligncenter {
    text-align: center;
}
td.alignright, th.alignright {
    text-align: right;
}
div.underlined {
    border: 2px;
    border-color: transparent transparent #0080ff transparent;
    border-style: solid;
    padding-bottom: 2px;
    margin-bottom: 6px;
}
div.boxed {
    float: left;
    border: 1px solid #0080ff;
    padding: 2px;
    margin: 2px;
    text-align: center;
    vertical-align: middle;
}
div.centered {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
}
img.aligncenter {
    display: block;
    vertical-align: middle;
    margin: auto;
}
img.img_inline {
    display: inline-block;
    vertical-align: middle;
    width: auto !important;
    max-width: 100%;
}

.div.custom_announce1_class {
    background-color: #0c1a3e;
}

/*
 * attachment icon was too big for small window layout -- wkim, 02/25/2015
 */
div.attachmentsList table img {
    width: auto !important;
    max-width: 100%;
}
div#uploadAttachmentsPage div.at_control div.controls label {
    margin: 0 0 0 20px;
}
div#uploadAttachmentsPage input[type="radio"] { /* Radio button vertical position -- wkim, 2/3/2017 */
    margin: -5px 0px 0px -15px;
}

/*
 * checkbox in Login module box was shifted beyound the left border of module box -- 5/20/2018
 */
.form-group .radio, .form-group .checkbox {
    margin-left: 25px;
}

/*
 * Head-search button color (smart-search) -- wkim, 10/26/2017
 */
.head-search .finder .fa-search { /* i.fa.fa-search */
    color: #bbe6ff;
    content: "\f002";
    display: block;
    font-family: "FontAwesome";
    position: absolute;
    left: 20px;
    top: 19px;
    z-index: 1;
}
.head-search .finder .form-control {
    background: #0067a2;
}
.head-search input::-webkit-input-placeholder {
    color: lightgray !important;
}

/*
 * Smart search date option box was not displayed -- wkim, 4/13/2018
 */
.finder .filter-date-operator {
    display: inline-block !important;
}

/*------------------------------------------------------------------------------*
 * Joomla Contacts page -- 9/19/2017
 *------------------------------------------------------------------------------*/
/** fixed in Purity III 1.2.1
.contact-category .row-fluid {
    margin-left: 0px;
    margin-right: 0px;
}
.contact-category .row-striped .row-fluid {
	width: 100%;
}
.contact-category .row-striped .row-fluid .span3 {
    margin-left: auto;
}
.contact-category .list-striped, .contact-category .row-striped {
    display: grid;
}
**/

/*------------------------------------------------------------------------------*
 * Events Booking
 *------------------------------------------------------------------------------*/
/*
 * Form margin
 */
.form-horizontal .form-group {
  margin-left: 0px; /* -20px was not good for login form page on smart phone screen */
  margin-right: 0px; /* -20px was not good for login form page on smart phone screen */
}

.form-actions {
	padding: 10px;
}

/**
 * Events Booking: Vertical spacing between input rows.
 */ 
.form-horizontal .control-group {
    margin-bottom: 15px; /* changed 20px -> 15px */
}

/**
 * radio button position was a bit too low -- move higher -- wkim, 11/23/2016
 */
.form-horizontal .radio, .form-horizontal .checkbox {
	min-height: 24px;
}

/**
input[type="radio"] { /* Radio button vertical position -- wkim, 2/3/2017 */
    margin: -5px 0px 0px 0px;
}
**/

/*
.controls {
    padding-top: 5px;
}
*/

/**
 * Radio button position was shifted too much to the left size -- wkim, 11/23/2016
 */
#adminForm .form-horizontal .control-label, .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {
    padding-left: 20px;
}

/**
 * Events Booking: Vertical spacing between rows in registration details.
 */ 
#adminForm .form-horizontal .controls {
    padding-top: 5px;	 /* added -- wkim, 2/18/2017 */
}

.btn-small { /* added -- wkim, 2/3/2017 */
  color: #ffffff;
  background-color: #0077bb;
  border-color: #0067a2;
}


/*------------------------------------------------------------------------------*
 * JEvents
 *------------------------------------------------------------------------------*/
#jevents .jevbootstrap select,
#jevents .jevbootstrap textarea,
#jevents .jevbootstrap input[type="text"],
#jevents .jevbootstrap input[type="password"],
#jevents .jevbootstrap input[type="datetime"],
#jevents .jevbootstrap input[type="datetime-local"],
#jevents .jevbootstrap input[type="date"],
#jevents .jevbootstrap input[type="month"],
#jevents .jevbootstrap input[type="time"],
#jevents .jevbootstrap input[type="week"],
#jevents .jevbootstrap input[type="number"],
#jevents .jevbootstrap input[type="email"],
#jevents .jevbootstrap input[type="url"],
#jevents .jevbootstrap input[type="search"],
#jevents .jevbootstrap input[type="tel"],
#jevents .jevbootstrap input[type="color"],
#jevents .jevbootstrap .uneditable-input {
    height: 30px; /* changed 20px ->30px -- wkim, 2/12/2015 */
}
#jevents .jevbootstrap input,
#jevents .jevbootstrap textarea,
#jevents .jevbootstrap .uneditable-input {
    width: 350px; /* changed 206px -> 350px -- wkim, 2/12/2015 */
}

/*
 * JComments
 */
#jc .rbox {
    line-height: 140%;
}
#comments-form textarea {
  width: 95%;
  max-width: 600px !important;
}
#comments-form .grippie {
  width: 95%;
  max-width: 600px !important;
}

/* bullet positions of ul in table cells were too much shited right -- wkim, 5/30/2017 */
.article-content table ul {
    margin-left: -20px !important;
}
.article-content table ol {
    margin-left: -20px !important;
}

/*
 * centering banner images -- wkim, 12/14/2018
 */
.banneritem {
    text-align: center;
    padding-top: 3px;
    padding-bottom: 3px;
    background-color: aliceblue;
}