/*
 * 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: #7ed246; /* #0d8206  #247100; */ /* #1e5b00; */
}
h3.module-title {
    margin-top: 4px;
    margin-bottom: 4px;
    margin-left: 10px;
    font-size: 13px;
    font-weight: bold;
    color: #333333;
    position: relative;
    background-color: #7ed246;
}
.t3-module .module-inner {
    padding: 1px;
    background-color: #7ed246;
    /* border: 1px solid #7ed246; -- padding: 1px */
    -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: 15px;
    padding-right: 15px;
}

.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;
}

/* 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: #ffffff; /* #63b52d; #0f9407; #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;
}
.off-canvas-toggle:hover, .off-canvas-toggle:active, .off-canvas-toggle:focus {
    background: none repeat scroll 0% 0% #63b52d;
}

/*
 * off-canvas sidebar drop-down submenu -- wkim, 9/14/2017
 */
.t3-off-canvas .dropdown-submenu > .dropdown-menu {
    padding-left: 10px !important;
    background-color: lavender !important;
}

/* 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%;
}

/*
 * 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;
}

/*------------------------------------------------------------------------------*
 * Customize Colors
 *------------------------------------------------------------------------------*/
/* Nav Bar */
.navbar-default {
  background-color: #0f9407;
  border-color: #0d8206;
}
.navbar-default .navbar-text {
  color: #bbffe6;
}
.navbar-default .navbar-nav > li > a {
  color: #bbffe6;
}

/*
 * Logo background color
 */
.logo a,
.logo:hover a,
.logo a:hover,
.logo a:active,
.logo a:focus {
  background: #7ed246; /* #0d8206; */
  color: #333333;
}
@media screen and (min-width: 991px) {
  .logo a {
    background: #7ed246; /* #0d8206; */
    color: #333333;
  }
}


.highlight {
  background-color: #FCF;
}

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

/*
 * Head-search color
 */
.head-search .search {
    background: none repeat scroll 0% 0% #63b52d;
    border-left: 1px solid #63b52d;
    border-right: 1px solid #63b52d;
}

/*
 * Head-search box style and 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: #0d8206; /* #5eaa2b; #7ed246; */
    padding: 10px 15px 10px 40px;
}
.head-search input::-webkit-input-placeholder {
    color: lightgray !important;
}

/*
 * Head-search button color (smart-search) -- wkim, 10/26/2017
 */
.head-search .btn-primary {
    color: #ffffff;
    background-color: #63b52d;
    border-color: #5eaa2b;
}
.head-search .btn-primary:hover {
    color: #ffffff;
    background-color: #7ed246;
    border-color: #63b52d;
}

/*
 * 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: 3px 0px 0px 0px;
}

/* obsolete as of 10/29/2017
input[type="checkbox"] { / * Radio button vertical position -- wkim, 2/3/2017 * /
    margin: 10px 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;
}

/*------------------------------------------------------------------------------*
 * EDocMan
 *------------------------------------------------------------------------------*/
ol, ul {
  padding-inline-start: 30px;
}

/*------------------------------------------------------------------------------*
 * Payment Form
 *------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------*
 * 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 */
/* removed -- wkim, 4/7/2025
.article-content table ul {
    margin-left: -20px !important;
}
.article-content table ol {
    margin-left: -20px !important;
}
*/

/* Event list drop-box width - increased from 270px to 290px -- wkim, 2/4/2017 */
/*
.chzn-container .chzn-single { 
    width: 290px !important;
    max-width: 290px;
}
*/

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

/* increased line-height of headings -- wkim, 10/21/2019 */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	line-height: 1.5;
}

/*------------------------------------------------------------------------------*
 * Button colors
 *------------------------------------------------------------------------------*/
/***
.btn-primary {
  background-color: #0f9407;
  border-color: #0d8206;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-color: #008857;
  border-color: #006440;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #0f9407;
  border-color: #0d8206;
}
.btn-primary .badge {
  color: #0f9407;
}
.btn-success {
  color: #ffffff;
  background-color: #3e529b;
  border-color: #374889;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  background-color: #2f3f77;
  border-color: #25315d;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #3e529b;
  border-color: #374889;
}
.btn-success .badge {
  color: #3e529b;
}
.btn-info {
  color: #ffffff;
  background-color: #00cc99;
  border-color: #00b386;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  color: #ffffff;
  background-color: #009973;
  border-color: #007558;
}
***/