/* DO NOT CROSS LINK TO THIS FILE  - This stylesheet was generated on Wed, 17 Sep 2025 09:03:52 -0700 and its name will change */

/*---------------------------------------------*/
/* Stylesheet: Responsive*/

.img-responsive { width: 100%; height: auto; }
.img-responsive img { width: 100%; height: auto; }
.img-rounded { border-radius: 4px; }
.img-circle { border-radius: 50%; }
.img-thumbnail { border-radius: 2px; background: white; padding: 4px; box-shadow: 0 0 1px rgba(0,0,0,.2);}
.img-placeholder { border: solid 1px @color-gray@; display: block;}
/* large screens */
@media screen and (min-width:768px) {
	.mobile-hide {display:none;}
	
	.responsive-lg {}
	.responsive-sm {display: none;}
}

/* mobile screens */
@media screen and (max-width:768px) {
	.responsive-lg {display: none;}
	.responsive-sm {}

	
	#template { width: 100%; min-width: 300px;  }
	#wrapper-top { width: 100%; }
	#wrapper-width { width: 100%; }
	#page { width: 100%; }
	#header { width: 100%; }
	

	#toplogo  { display: block; margin-left: auto; margin-right: auto; position: relative !important; margin-bottom: 10px; top: 0 !important; left: 0 !important; width: 100%;}
	#topintro { position: static !important;  }
	#toptext { display: none; }
	#topsearch { display: none; }
	
	#menubar { text-align: center; height: auto; padding: 10px; }
	#menubar .selectcontainer { display: block;  margin-left: auto; margin-right: auto;/*position: absolute; right: 10px;  top: 15px;*/ }
	#menubar .selectcontainer select { width: 90%; Border-radius: 2px;
  border: solid 1px #dddddd;
  padding: 5px 10px;
  background: #f7f7f7;}

	.article-slideshow { float: none; margin-left: auto; margin-right: auto; text-align: center; width: 90%;}
	iframe { width: 100%; }
	/* form */
	.form { width: 100%; }
	.ui-form-table { width: 100% !important; }
	.form-control, .ui-form-input, .ui-form-textarea, .ui-form-textarea-large { width: 100%; }
	/* generic layout review */
	.inner { padding: 10px 10px !important; } /* 1px prevents bottom margin errors on chrome */
	table.elastic, .table {  display: block; } /* bootstrap uses .table too */
	table.elastic tbody, .table tbody { display: block; width: 100%;}
	table.elastic tr, .table tr { display: block; width: 100%;}
	table.elastic td, .table td {  display: block; width: 100%;}
	.x-block > .x-cell { width: 100% !important; }
	.x-block > .x-cell-container { width: 100% !important; }
	.x-block > .x-cell > .inner { width: 100% !important; }
	.master-col-left,.master-col-right,.layout-col-left,.layout-col-right { float: none!important;}
	.col-single, .col-double, .col-half, .col-third, .col-quarter { width: 100% !important;}
	.thumb { float: none;  width: 100%; text-align: center;}
	
	/* slideshows */
	/*.slideshow .caption {width: 85%;font-size: 3.2em;top: 45px;line-height: 1.3em;}*/
	.slideshow  {}
	.slideshow > div {height: auto !important;}
	.slideshow > div > img {height: auto !important;width: 100% !important; min-height: 0 !important; min-width: 0 !important;}
	
	/* home page */
	.section { border-left: none !important; margin-bottom: 20px; }
	.section p { height: auto !important; }
	.section h2 { height: auto !important; }
	.readmore { float: none !important; }
	
	.side-box { margin-left: auto !important; margin-right: auto !important; }
	/* footer */
	#footer p { line-height: initial; }
	#footer-logo {margin-bottom: 20px !important; margin-top: 30px; }
	#footer-signature { width: 100%; }
}