/* Bootstrap Overrides */

body { }

body, p {font-size: 17px;}
h1,.text-1 {font-size: 3em;}
h2,.text-2 {font-size: 2.3em;}
h3,.text-3 {font-size: 1.5em;}
h4,.text-4 {font-size: 1.2em;}
h5,.text-5 {font-size: 1em;}
.small { font-size: .8em; }

h1, h2, h3, h4, h5 { font-family: "Times New Roman", Georgia, serif; margin-top: 25px; margin-bottom: 8px; }

hr { border-top: 1px solid #E9E9E0; }

a.white:hover {color: #fff}

.carousel-caption { color: #333; text-shadow: 1px 2px 2px rgba(255, 255, 255, 0.8); bottom: auto; top: -10px; }
.carousel-indicators { bottom: 0px; }

.affix {
	top: 0;
	width: 100%;
	z-index: 99;
}

.affix + .container-fluid {
	padding-top: 60px;
}

.carousel-inner img {
	width: 100%; /* Set width to 100% */
	margin: auto;
}

footer {
	background-color: #f2f2f2;
	padding: 25px 0px 25px 0px;
}

footer div h4 {
  margin-top: 0px;
}

.container img, .container iframe {
	max-width: 100%;
}

.top_text h2 { font-size: 2em; }

/* start auto-clear */
@media (min-width:1200px){
    .auto-clear .col-lg-1:nth-child(12n+1){clear:left;}
    .auto-clear .col-lg-2:nth-child(6n+1){clear:left;}
    .auto-clear .col-lg-3:nth-child(4n+1){clear:left;}
    .auto-clear .col-lg-4:nth-child(3n+1){clear:left;}
    .auto-clear .col-lg-6:nth-child(odd){clear:left;}
}
@media (min-width:992px){
    .auto-clear .col-md-1:nth-child(12n+1){clear:left;}
    .auto-clear .col-md-2:nth-child(6n+1){clear:left;}
    .auto-clear .col-md-3:nth-child(4n+1){clear:left;}
    .auto-clear .col-md-4:nth-child(3n+1){clear:left;}
    .auto-clear .col-md-6:nth-child(odd){clear:left;}
}
@media (min-width:768px){
    .auto-clear .col-sm-1:nth-child(12n+1){clear:left;}
    .auto-clear .col-sm-2:nth-child(6n+1){clear:left;}
    .auto-clear .col-sm-3:nth-child(4n+1){clear:left;}
    .auto-clear .col-sm-4:nth-child(3n+1){clear:left;}
    .auto-clear .col-sm-6:nth-child(odd){clear:left;}
}
@media (max-width:767px){
    .auto-clear .col-xs-1:nth-child(12n+1){clear:left;}
    .auto-clear .col-xs-2:nth-child(6n+1){clear:left;}
    .auto-clear .col-xs-3:nth-child(4n+1){clear:left;}
    .auto-clear .col-xs-4:nth-child(3n+1){clear:left;}
    .auto-clear .col-xs-6:nth-child(odd){clear:left;}
}
/* end auto-clear */

.homilybox { background: #cbd3de; display: block; padding: 6px; margin-top: 10px; }
.homilybox img { padding-right: 8px; width: 50px; max-width: 50px;  }
.homilybox td { font-size: 14px; }

@media (max-width: 1200px) { /* lg */
	body, p {font-size: 16px;}
}

@media (max-width: 992px) { /* md */
	body, p {font-size: 15px;}
	footer {text-align: center;}
	footer div {border: 0px !important;}
	footer div h4 {font-size: 1.3em; margin-top: 10px; }
	footer .small {font-size: 1em;}
}

@media (max-width: 768px) { /* sm */
	body, p {font-size: 14px;}
	.nav-link { text-align: left; display: block; font-size: 1.2em; padding-left: 15px !important; margin-top: 3px; border: 1px solid #999; border-radius: 5px; }
}

@media (max-height: 620px) {
  .affix { position: static; }
}

@media (max-width: 576px) { /* xs */
  body { background-position: 0 200px; background-size: 90% auto; }
	.carousel-caption {
		display: none;
	}  
}

/**************************** GENERIC STYLES ******************************/
.font-s { font-family: 'Times New Roman', Georgia, serif; }

.line1 {line-height: 1;}  /* default is 1.2 */
.line1-1 {line-height: 1.1;}
.line1-3 {line-height: 1.3;}
.line1-4 {line-height: 1.4;}
.line1-5 {line-height: 1.5;}

ul.spaced li {margin-bottom: 10px;}

/* bootstrap grid breakpoints: xs: <576, sm: >=576px, md: >=768px, lg: >=992px, xl: >=1200px */
/* * = block, inline, inline-block: .visible-xs-* .visible-sm-* .visible-md-* .visible-lg-* .hidden-xs .hidden-sm .hidden-md .hidden-lg */
/* .pull-left .pull-right .center-block .clearfix .show .hidden .sr-only .sr-only-focusable .text-hide .close .caret  */

/* bootstrap defaults: .text-muted, .text-primary, .text-success, .text-info, .text-warning, .text-danger */
.text-blue { color: #225780; }
.text-shadow { text-shadow: 1px 2px 2px rgba(0,0,0,0.6); }

.black {color: #000;}
.gray {color: #666;}
.lightgray {color: #f3f3f3;}
.red {color: #890419;}
.white {color: #fff;}
.blue { color: #192186; }
.green { color: #2F822D; }
.purple {color: #890366;}
.error {color: #cc0000; font-size: .8em}

/* bootstrap defaults: .bg-primary, .bg-success, bg-info, bg-warning, .bg-danger */
.bkg-white {background: #fff;}
.bkg-lgray {background: #f3f3f3;}
.bkg-mgray {background: #d9d9d9;}
.bkg-dgray {background: #666;}
.bkg-lblue {background: #cbd3de;}
.bkg-mblue {background: #00c;}
.bkg-tan   {background: #E9E9E0;}

/* more bootstrap typography: .lead .small .text-left .text-center .text-right .text-justify .text-nowrap .text-lowercase .text-uppercase .text-capitalize .initialism .list-unstyled .list-inline .dl-horizontal .pre-scrollable */
/* bootstrap buttons: .btn .btn-default .btn-primary .btn-success .btn-info .btn-warning .btn-danger .btn-link .btn-lg .btn-sm .btn-xs .btn-block .active .disabled */


.bold { font-weight: bold; }
.normal { font-weight: normal; }
.italic { font-style: italic; }
.strike { text-decoration:line-through; }
.underline {text-decoration: underline;}
.noul {text-decoration: none;}
.curpoint { cursor: pointer; }

.block {display: block;}
.inblock {display: inline-block;}
.tablecell { display: table-cell; }
.nodisplay { display: none; }
.relative {position: relative;}
.absolute {position: absolute;}
.nowrap { white-space: nowrap;}
.pre { white-space: pre; }

.float-r { float: right; }
.float-l { float: left; }
.clear { clear: both; }
.clear-l { clear: left; }
.clear-r { clear: right; }

.w100 { width: 100% }

.border { border: 1px solid #E9E9E0; }
.border-v { border-top: 1px solid #E9E9E0; border-bottom: 1px solid #E9E9E0; }
.border-h { border-right: 1px solid #E9E9E0; border-left: 1px solid #E9E9E0; }
.border-t { border-top: 1px solid #E9E9E0; }
.border-b { border-bottom: 1px solid #E9E9E0; }
.border-r { border-right: 1px solid #E9E9E0; }
.border-l { border-left: 1px solid #E9E9E0; }
.borderred { border: 1px solid #890419; }
.borderbox { box-sizing: border-box; }
.shadow { box-shadow: 2px 2px 4px #333; }

.mar-xs    { margin: 3px; }
.mar-xs-v  { margin-top: 3px; margin-bottom: 3px; }
.mar-xs-h  { margin-left: 3px; margin-right: 3px; }
.mar-xs-t  { margin-top: 3px; }
.mar-xs-r  { margin-right: 3px; }
.mar-xs-b  { margin-bottom: 3px; }
.mar-xs-l  { margin-left: 3px; }
.mar-s     { margin: 6px; }
.mar-s-v   { margin-top: 6px; margin-bottom: 6px; }
.mar-s-h   { margin-left: 6px; margin-right: 6px; }
.mar-s-t   { margin-top: 6px;}
.mar-s-r   { margin-right: 6px;}
.mar-s-b   { margin-bottom: 6px;}
.mar-s-l   { margin-left: 6px;}
.mar-m     { margin: 12px; }
.mar-m-v   { margin-top: 12px; margin-bottom: 12px; }
.mar-m-h   { margin-left: 12px; margin-right: 12px; }
.mar-m-t   { margin-top: 12px;}
.mar-m-r   { margin-right: 12px;}
.mar-m-b   { margin-bottom: 12px;}
.mar-m-l   { margin-left: 12px;}
.mar-l     { margin: 20px; }
.mar-l-v   { margin-top: 20px; margin-bottom: 20px; }
.mar-l-h   { margin-left: 20px; margin-right: 20px; }
.mar-l-t   { margin-top: 20px;}
.mar-l-r   { margin-right: 20px;}
.mar-l-b   { margin-bottom: 20px;}
.mar-l-l   { margin-left: 20px;}
.mar-xl    { margin: 32px; }
.mar-xl-v  { margin-top: 32px; margin-bottom: 32px; }
.mar-xl-h  { margin-left: 32px; margin-right: 32px; }
.mar-xl-t  { margin-top: 32px; }
.mar-xl-r  { margin-right: 32px; }
.mar-xl-b  { margin-bottom: 32px; }
.mar-xl-l  { margin-left: 32px; }
.mar-xxl   { margin: 45px; }
.mar-xxl-v { margin-top: 45px; margin-bottom: 45px; }
.mar-xxl-h { margin-left: 45px; margin-right: 45px; }
.mar-xxl-t { margin-top: 45px; }
.mar-xxl-r { margin-right: 45px; }
.mar-xxl-b { margin-bottom: 45px; }
.mar-xxl-l { margin-left: 45px; }

.pad-xs    { padding: 3px; }
.pad-xs-v  { padding-top: 3px; padding-bottom: 3px; }
.pad-xs-h  { padding-left: 3px; padding-right: 3px; }
.pad-xs-t  { padding-top: 3px; }
.pad-xs-r  { padding-right: 3px; }
.pad-xs-b  { padding-bottom: 3px; }
.pad-xs-l  { padding-left: 3px; }
.pad-s     { padding: 6px; }
.pad-s-v   { padding-top: 6px; padding-bottom: 6px; }
.pad-s-h   { padding-left: 6px; padding-right: 6px; }
.pad-s-t   { padding-top: 6px;}
.pad-s-r   { padding-right: 6px;}
.pad-s-b   { padding-bottom: 6px;}
.pad-s-l   { padding-left: 6px;}
.pad-m     { padding: 12px; }
.pad-m-v   { padding-top: 12px; padding-bottom: 12px; }
.pad-m-h   { padding-left: 12px; padding-right: 12px; }
.pad-m-t   { padding-top: 12px;}
.pad-m-r   { padding-right: 12px;}
.pad-m-b   { padding-bottom: 12px;}
.pad-m-l   { padding-left: 12px;}
.pad-l     { padding: 20px; }
.pad-l-v   { padding-top: 20px; padding-bottom: 20px; }
.pad-l-h   { padding-left: 20px; padding-right: 20px; }
.pad-l-t   { padding-top: 20px;}
.pad-l-r   { padding-right: 20px;}
.pad-l-b   { padding-bottom: 20px;}
.pad-l-l   { padding-left: 20px;}
.pad-xl    { padding: 32px; }
.pad-xl-v  { padding-top: 32px; padding-bottom: 32px; }
.pad-xl-h  { padding-left: 32px; padding-right: 32px; }
.pad-xl-t  { padding-top: 32px; }
.pad-xl-r  { padding-right: 32px; }
.pad-xl-b  { padding-bottom: 32px; }
.pad-xl-l  { padding-left: 32px; }
.pad-xxl   { padding: 45px; }
.pad-xxl-v { padding-top: 45px; padding-bottom: 45px; }
.pad-xxl-h { padding-left: 45px; padding-right: 45px; }
.pad-xxl-t { padding-top: 45px; }
.pad-xxl-r { padding-right: 45px; }
.pad-xxl-b { padding-bottom: 45px; }
.pad-xxl-l { padding-left: 45px; }
/************************************ END GENERIC STYLES *************************************/

/************************************ For the old calendar *************************************/
#modalPopup { text-align: left; display: none; position: absolute; z-index: 9999;}
.modalBorder { border: 2px solid #343E8D; padding: 6px; background: #fff; }
.modalPopupClose {float: right; border-left: 1px solid #343E8D; border-bottom: 1px solid #343E8D; margin-top: -6px; margin-right: -6px; font-size: 10px; color: #343E8D; font-weight: bold; padding: 0px 2px 0px 2px;}
/***********************************************************************************************/

.animated { visibility: hidden; }
.img-zoom { width: 100%; }
.div-img-zoom {
  width: 100%;
  display: inline-block;
  background-position: center center;
  background-size: 100% 100%;
  transition: background-size 500ms ease;
}
.div-img-zoom:hover {
  background-size: 110% 110%;
  transition: background-size 500ms ease;
}      

.top_bnr { background: url('/img/header_bnr4.jpg'); background-size: auto 100%; background-position: top center; }
.pagehead { border-bottom: 1px solid #E9E9E0; text-align: center; padding-bottom: 20px;}
.pagehead .small {font-size: .6em}

.rightimg { float: right; margin: 0px 0px 10px 15px; max-width: 200px !important; width: 40%;}
.leftimg { float: left; margin: 0px 15px 10px 0px; max-width: 200px !important; width: 40%;}

.datatable {margin: 0px -6px; border-left: 1px solid #999;}
.datatable td {border-bottom: 1px solid #999; border-right: 1px solid #999; padding: 10px 5px;}
.datatable th {border-bottom: 1px solid #999; border-right: 1px solid #999; background: #d0d0d0; padding: 10px 5px;}

.errormsg {border-top: 2px solid #c00; border-bottom: 2px solid #c00; background: #ffc; font-weight: bold; padding: 5px; margin: 5px 0px 5px 0px;}
.statusmsg {border-top: 2px solid #090; border-bottom: 2px solid #090; background: #ffc; font-weight: bold; padding: 5px; margin: 5px 0px 5px 0px; }

.hope_form_qtys td {padding: 5px 5px 0px 0px; line-height: 1.1em;}
.hope_form_qtys input { border: 1px solid #ccc; padding: 7px; border-radius: 4px; width: 60px;}

.form-floating-label .floating-label input:focus ~ label, .form-floating-label .floating-label input.not-empty ~ label {
  top: 2px;
  left: 13px;
  font-size: 10px;
  opacity: 1;
  color: #000;
}

.form-floating-label label { 
  color: #666;
  display: block;
}

.form-floating-label .floating-label label { 
  position: absolute;
  pointer-events: none;
  left: 12px;
  top: 5px;
  transition: 0.1s ease all;
  font-style: italic;
}

.form-floating-label .floating-label .form-control {
  padding: 14px 12px 2px 12px;
}

.form-floating-label .floating-label {
  position: relative;
}