/* Skip to main content link for accessibility */
.skip-link {
    position: absolute;
    top: -40px;
    left: 0;
    background: #000;
    color: #fff;
    padding: 8px 16px;
    z-index: 10000;
    text-decoration: none;
    font-weight: bold;
}

.skip-link:focus {
    top: 0;
}

/* Screen reader only text - visually hidden but accessible */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* Accessibility: Prevent text clipping when resized (WCAG 1.4.4) */
.notification-top,
.show-notification-top {
    height: auto !important;
    min-height: 100px;
    overflow: visible !important;
}

.contactSubmitButton {
    height: auto !important;
    min-height: 36px;
    line-height: 1.5 !important;
    padding: 0.5em 1em;
}

/* Allow text containers to expand */
[data-role="content"],
.ui-content,
.wrapper {
    overflow: visible;
}

/* Ensure collapsible content can expand */
[data-role="collapsible"] .ui-collapsible-content {
    overflow: visible;
    height: auto;
}

/* Accessibility: Enhanced touch target size (WCAG 2.5.5 - minimum 44x44 CSS pixels) */
.ui-btn,
.ui-btn-inline,
a.ui-btn,
button,
input[type="button"],
input[type="submit"],
input[type="reset"],
[data-role="button"],
.nav-item a,
.ui-checkbox label,
.ui-radio label,
.ui-select .ui-btn,
[data-role="controlgroup"] a {
    min-height: 44px;
    min-width: 44px;
    padding: 10px 12px;
    box-sizing: border-box;
}

/* Icon-only buttons need explicit sizing */
.ui-btn-icon-notext,
a[data-iconpos="notext"] {
    min-height: 44px;
    min-width: 44px;
}

/* Ensure inline buttons in control groups meet size requirements */
[data-role="controlgroup"] .ui-btn-inline {
    min-height: 44px;
    min-width: 44px;
    padding: 10px;
}

/* Form inputs and selects */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="number"],
input[type="search"],
select,
textarea {
    min-height: 44px;
    padding: 10px;
    box-sizing: border-box;
}

/* Checkbox and radio inputs */
input[type="checkbox"],
input[type="radio"] {
    min-height: 24px;
    min-width: 24px;
}

/* Navigation menu items */
#showMenu,
#stLogin,
.righttitle,
#closeMenu {
    min-height: 44px;
    min-width: 44px;
}

/* Collapsible headers */
[data-role="collapsible"] h1 a,
[data-role="collapsible"] h2 a,
[data-role="collapsible"] h3 a,
[data-role="collapsible"] h4 a {
    min-height: 44px;
    display: flex;
    align-items: center;
}

/* List view items */
[data-role="listview"] li a {
    min-height: 44px;
    padding: 12px 15px;
}

.header{
   background-color: #0021A5;
   /*//rgb(66, 148, 103) ;*/
}

#header_zipcode, #myLocation {
    float: right;
}

#header_zipcode {
    padding: 8px;
}

/*
.ui-content {
    padding-top: 5px;
    background-color: white;
}*/

/**Home page ***/
.content-strip{
	margin-bottom:0px;
	width: 100%;
}

/***hide progress bar***/
#progressBar{
	display:none;	
}


/**Home page search fields***/
#searcha{
  width:77%;
  line-height:1.1em;
  margin-left: 0.2em;
     
}
#searchField{
			-webkit-border-radius: 2px;
			border-radius: 2px;
}
#searchb{
  width:22%	;
  line-height:1.1em;
  
}

.ui-input-search input{
    line-height: 1.95em;
}

#btnHomeSearch{
	width:100%;	
    
    background-color:#0021A5;
        /*#009245;*/
    line-height: 1.1em;
    color:#fff;
    text-decoration: none!important;
    
}

    /**Home page: List ***/
.barButton {
    background-color:#0021A5;
}


.ui-group-theme-a .ui-btn{
    background-color:  #0021A5 !important;
    /*border-color: #0a0a0b !important; rgb(28,165,96)*/
    color: #f9f9f9 !important;
    font-size:1.4em;
	font-weight: 600;
	opacity:0.9;
	text-shadow:none!important;

}


.content{
	margin-left: 0px !important;
	margin-right: 0px !important;	
}


.gallery-thumb {width:100%; list-style: none; padding: 0; margin: 0; }
.gallery-thumb:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.gallery-thumb li { float: left; width: 33.333%; }
.gallery-thumb li a { display: block; margin: 10px;  }
.gallery-thumb li img { display: block; width: 100%; height: auto; }
.gallery-thumb li span{
color: #2489CE;
font-weight: bold;
}


/*******change the setting of bottom logo*************/

 .log1 {
    
	max-width:12em;
    max-height: 2.5em!important;/*30px;width: 40%;float: left;margin-right: 0.5em;
	margin-left: 1.5em;*/
    display: inline-block;
	margin:auto;
    margin-top: 1.0em;
    
    border-radius: 0px;
    
}

 .log2 {
    
	max-width:9.5em!important;
    max-height: 2em;/*40px;  width: 40%;float: left;margin-right: 0.5em;margin-left: 1.5em;*/
    display: inline-block;
	margin:auto;
    margin-top: 0.6em;
	padding-left:1.5em;
    
    border-radius: 0px;
    
}

/***cut-line**/
.decoration_line {
    height: 1px;
    background-color: rgba(0,0,0,0.1);
    margin-bottom: 0px;
    display: block;
    clear: both;
}

/*
.footer-text {

    background-color:rgb(66, 148, 103) ;  

}*/

/*garden design*/
.gardenzip {
    width: 13em !important;
}

.gardentip {    
   /* height: 60px;background-color:#DDF1E6;*/
    display: inline;
    width: 85%;
    margin:auto;
    clear:both;
   
    
    /*border-style:solid;
    border-width: 2px; 
    border-color:  #DDF1E6;*/   
    
    padding: 1em;
    /*border: 2px solid #DDF1E6;      
    border-radius: 15px;*/
}

/*#gsizetips img {
    margin: 5px;
    width: 95%; 
}*/

#gsizetips img:hover {
    border: 1px solid #777;
}

.tipimage{
    margin: 5px;
    width: 200px; 
}

/*Plant Collapsible ListView*/
/*#plant-grid .ui-block-a{
    float: left;
    width: 30px;
    min-height: 50px;
}*/

/*#plant-grid .ui-block-b{
    width: 60%;
}

#plant-grid .ui-block-c{
    width: 25%;
}

.grid-icon{
    height: 100%;
}*/

.has-right-radio .ui-link-inherit {
    margin-right: 48px!important;
}
.right-radio {
    position: absolute;
    top: 0px; bottom: 0px; right: 0px;
    width: 48px;
    border-left: 1px solid rgb(204, 204, 204);
}
.right-radio .ui-checkbox input {
    visibility: hidden;
}
.right-radio .ui-checkbox, .right-radio .ui-checkbox label {
    position: absolute;
    top: 0px; bottom: 0px; right: 0px; left: 0px;
}
.right-radio .ui-checkbox label {
    background-image: none;
    background-color: transparent;
    border: 0;
}
.right-radio .ui-checkbox label .ui-btn-inner {
    position: absolute;
    top: 50%;
    margin-top: -10px;
}


.pnote {
	line-height: 1.1em;
	/*margin-bottom: 5px;*/
	font-size: 0.75em;
	letter-spacing: 0px;
	color: #666;
    font-family:  normal!important;
    display:inline-block;
    margin-top: -0.5em!important;
    margin: -0.5em 0;
	/*padding:0.4em;*/
}

/*Plant detail page*/


.coldzonemap {
    max-width: 230px;
    width: 40%;
    float: right;
    margin-top: -3.5em;
}

#coldzonemap-ctrl {
    display: none;
}

p#coldzonemap-msg {
    display: none;
}

#detailPage.floatRight {
    display: inline-block;
    vertical-align: top;
    margin-left: 15px;
/*    min-width: 50%; */
}

:checked ~ label img.coldzonemap {
    width: 250%;
    max-width: 100%; 
    margin-top: 0;
    margin-right: 0;
}

@media all and (min-width: 800px) {
    .coldzonemap {
        margin-right: 0px;
    }
}

@media all and (min-width: 1000px) {
.coldzonemap {
        margin-right: 0px;
}
}

@media all and (max-width: 500px) {
    .ui-header .siteHeaderTitle {
        float: right;
        font-size: 1em;
        margin: 0 5px 5px;
        padding: 0 0 5px 0px;
        min-height: 1.1em;
        outline: 0 none !important;
        text-align: center;
    }

    .coldzonemap {
        margin-top: -1em;
    }

    :checked ~ p#coldzonemap-msg {
        display: inline;
    }

    :checked ~ label img.coldzonemap {
        position: relative;
        left: 20px;
        width: 260%;
        max-width: 110%;
        margin-top: 0;
        margin-bottom: 1em;
    }
}

@media all and (max-width: 400px) {
    :checked ~ label img.coldzonemap {
    position: relative;
    left: 15px;
    width: 260%;
    max-width: 110%; 
    margin-top: 0;
}
}



@media all and (min-width: 401px) {
.ui-header .siteHeaderTitleShort {
 	display: none;
 }
}



/*ui thumbnail image size*/
/*.ui-li-thumb, .ui-li-icon {
    left: 1px;
    max-height: 7.5em !important; 
    max-width: 7.5em !important;
    position: absolute;
    top: 0;
}*/

/*overview of  plants selected*/
.pop-content{
    background: #e9f5ee;
    border: green solid;
    border-radius: 1em;
    padding: 1em;
     display:none;

     /*width: 70%;
     max-width: 400px;*/
}

.layout-pop{
    
    border: green solid;
    border-radius: 1em;
    padding: 1em;
     display:none;

     /*width: 70%;
     max-width: 400px;*/
}

/*#overlay-content {
  position: fixed;
  width: 95%;
  height: 100%;
  overflow-y: scroll;
  /*margin-top: calc(50% );*/
  /*padding-left:60px;
  background: #dddddd;
  
  display: none; }
  #overlay-content .plant-full {
    width: 100%;
    height: 100%; }
    #overlay-content .plant-full .plant-inner {
      position: absolute;
      
      width: 88%;
      margin-top: 50%;
      padding: 2%;
      margin-left: 4%;
      margin-bottom: 5%;
      background: #fff;
      border: 1px solid #595959;
      border-radius: .4em; }
      #overlay-content .plant-full .plant-inner .plant-footnotes {
        font-size: .9em;
        line-height: 1em; }*/
        /*#overlay-content .plant-full .plant-inner .plant-footnotes b {
          font-weight: bold; }
      #overlay-content .plant-full .plant-inner div {
        line-height: 2em; }
        #overlay-content .plant-full .plant-inner div p {
          line-height: 1.2em;
          font-size: 1em; }
      #overlay-content .plant-full .plant-inner sup {
        font-size: .7em;
        top: -.5em;
        line-height: 0;
        position: relative; }*/
  /*#overlay-content.active {
    display: block;
    z-index: 10; }*/

    /*#overlay-content .plant-inner {
        margin-top: 10%;
    }*/

  /*#overlay-icon {
  color: #009245;
  height: 2em;
  width: 2em;
  /*position: absolute;*/
  /*position:fixed;*/
  /*top: calc(50% - 75px);*/
  /*z-index: 11;*/
  /*left:90%;*/
  /*font-size: 2.5em;
  text-align:center;
  display: none; }
  #overlay-icon i {
    margin-top: 16px; }
  #overlay-icon.active {
    display: block; }*/

  /*advanced search for All Plants Page*/
@media screen and (max-width: 860px) {
    #selectcolor {
        width: 82px;
    }
}

.input_group{
  color:#009245 !important;
   font-weight:bold !important;
   font-size:0.8em;
}



label.error {
        color: red;
        font-style: italic;
        font-size: 12px;
    }

    input.error {
        border: 1px dotted red;
    }


.ui-page-theme-a {
            text-shadow : none;
        }



.text-warning {
  color: #c09853;
}

.text-danger {
  color: #b94a48;
}

.text-success {
  color: #468847;
}

.text-info {
  color: #3a87ad;
}

 .layoutlegend{
             max-width:180px!important;
         }

 /*over the footer*/
.overbottom {
    margin-bottom: 100px;
}

/* Accessibility: Fix text clipping when resized (WCAG 1.4.4) */
/* Allow navigation text to wrap */
.outer-nav a,
.nav-item a {
    white-space: normal !important;
    overflow: visible !important;
    height: auto !important;
    line-height: 1.4 !important;
}

/* Ensure header buttons can expand */
#showMenu,
#stLogin,
.righttitle,
#pageLogo {
    height: auto !important;
    overflow: visible !important;
    white-space: normal !important;
}

/* Allow header to expand for text */
.header {
    height: auto !important;
    overflow: visible !important;
}

/* Ensure all buttons and links can expand */
.ui-btn,
a.ui-btn,
button,
[data-role="button"] {
    height: auto !important;
    overflow: visible !important;
    white-space: normal !important;
    line-height: 1.4 !important;
}

/* Fix collapsible headers */
[data-role="collapsible"] h1,
[data-role="collapsible"] h2,
[data-role="collapsible"] h3,
[data-role="collapsible"] h4 {
    height: auto !important;
    overflow: visible !important;
}

/* Ensure list items can expand */
[data-role="listview"] li,
[data-role="listview"] li a {
    height: auto !important;
    overflow: visible !important;
    white-space: normal !important;
}