/* ************************************************************** */
/*                                                                */
/*                 This file should not be changed.               */
/* If changes are required - override in styles-form-elements.css */
/*                                                                */
/* ************************************************************** */


/* MOBILE SMALL - Non-Retina - (0-321px) */

/* -------------- Visual styles for form components ------------- */

form .field-multiple-table {
  margin: 0;
}
form .field-multiple-table .field-multiple-drag {
  width: 30px;
  width: 3rem;
  padding-right: 0; /*LTR*/
}
[dir="rtl"] form .field-multiple-table .field-multiple-drag {
  padding-left: 0;
}
form .field-multiple-table .field-multiple-drag .tabledrag-handle {
  padding-right: 5px; /*LTR*/
  padding-right: 0.5rem; /*LTR*/
}
[dir="rtl"] form .field-multiple-table .field-multiple-drag .tabledrag-handle {
  padding-right: 0;
  padding-left: 5px;
  padding-left: 0.5rem;
}
form .field-add-more-submit {
  margin: 5px 0 0;
  margin: 0.5rem 0 0;
}

/* -------------- Form Elements   ------------- */

/* Fieldset/Legend */
fieldset,
fieldset.fieldgroup {
  border:1px solid #ccc;
  position:relative;
  padding: 10px 2% 0 2%;
  padding: 1rem 2% 0 2%;
  -webkit-border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
}
fieldset legend {
  display:block;
  width:100%;
  float: left;
  position: relative;
  background: none;
}
fieldset .fieldset-description,
details .details-description,
.description {
  margin-top:3px;
  margin-top:0.3rem;
  margin-bottom:10px;
  margin-bottom:1rem;
  font-style:italic;
}

/* Details/Summary */
details {
  margin: 0 0 16px 0;
  margin: 0 0 1.6rem 0;
}
details .details-wrapper {
  padding:10px 2% 0 2%;
  padding:1rem 2% 0 2%;
  border: 1px solid #ccc;
  border-top: none;
}

/* Filter */
.filter-help a {
  padding:0 20px;
  padding:0 2rem;
}
.filter-wrapper {
  padding:16px 0 3px;
  padding:1.6rem 0 0.3rem;
}
.filter-wrapper .form-item label {
  margin-right:10px;
  margin-right:1rem;
}
.filter-wrapper .form-item {
  padding:0 0 8px 8px;
  padding:0 0 0.8rem 0.8rem;
}
.filter-guidelines {
  padding:0 24px 0 8px;
  padding:0 2.4rem 0 0.8rem;
}

/* Form Items */
label {
  margin-bottom: 3px;
  margin-bottom: 0.3rem;
}
label.option {
  display: inline;
}
label[for] {
  cursor: pointer;
}
.marker {
  color: #e00;
}
.form-required:after {
  content: '';
  vertical-align: super;
  display: inline-block;
  /* display: inline; - remove comment for IE7 */
  background-image: url(../images/icons/required.svg);
  /* background-image: url(../images/icons/required.png); - remove comment for IE7 */
  background-repeat: no-repeat;
  background-size: 6px 6px;
  background-size: 0.6rem 0.6rem;
  width: 6px;
  width: 0.6rem;
  height: 6px;
  height: 0.6rem;
  margin: 0 3px;
  margin: 0 0.3rem;
}
input.form-text,
input.form-tel,
input.form-email,
input.form-url,
input.form-search,
input.form-file,
input.form-number,
input.form-color,
textarea.form-textarea,
select.form-select,
select.facets-dropdown {
  background: #fff;
  width:100%;
  line-height:normal;
  padding:7px;
  padding:0.7rem;
  -webkit-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.25);
  -moz-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.25);
  box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.25);
  -webkit-border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
}
input.form-text,
input.form-tel,
input.form-email,
input.form-url,
input.form-search,
input.form-submit,
input.form-file,
input.form-number,
input.form-color,
textarea.form-textarea,
select.form-select,
select.facets-dropdown {
  margin-top: 3px;
  margin-top: 0.3rem;
}
#search-block-form input.form-search,
#search-block-form--2 input.form-search,
#search-block-form input.form-submit,
#search-block-form--2 input.form-submit { /* Remove margin on search field and search button in header/navigation area */
  margin-top: 0;
}
input.form-file::-ms-value,
input.form-file::-ms-browse { /* fixes display problem on IE10 */
  -webkit-border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  background-color: #fff;
}
input.form-file::-ms-browse:active { /* fixes display problem on IE10 */
  background-color: #999;
}
.error input.form-text:invalid,
.error input.form-tel:invalid,
.error input.form-email:invalid,
.error input.form-url:invalid,
.error input.form-search:invalid,
.error input.form-file:invalid,
.error input.form-number:invalid,
.error input.form-color:invalid,
.error textarea.form-textarea:invalid,
.error select.form-select:invalid,
.error select.facets-dropdown:invalid {
  border:1px solid #c00;
  -webkit-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.25), 0px 0px 3px 0px rgba(204,0,0,1);
  -moz-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.25),0px 0px 3px 0px rgba(204,0,0,1);
  box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.25),0px 0px 3px 0px rgba(204,0,0,1);
}
input.form-text:focus,
input.form-tel:focus,
input.form-email:focus,
input.form-url:focus,
input.form-search:focus,
input.form-file:focus,
input.form-number:focus,
input.form-color:focus,
textarea.form-textarea:focus,
select.form-select:focus,
select.facets-dropdown:focus {
  border:1px solid #66afe9 !important;
}
summary:focus{ /* Form Buttoms - hover */
  outline: none; /* Stops default webkit blue highlight on focus in webkit browsers */
}
input.form-submit,
.button,
button,
.field--name-field-button a,
summary { /* Form Buttoms */
  border-style:solid;
  border-width:1px;
  cursor:pointer;
  -webkit-border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  padding:4px 2%;
  padding:0.4rem 2%;
}
input.form-submit,
.button,
button,
.field--name-field-button a { /* Form Buttoms */
  text-align:center;
  margin-right:15px; 
  margin-right:1.5rem; 
  padding:10px 15px;
  padding:1rem 1.5rem;
  line-height: 1;
}
.button,
.field--name-field-button a {
  display:inline-block;
  text-decoration:none;
}
.field--name-field-button a {
  margin-right:0; /* LTR */
}
input.form-submit:hover,
input.form-submit:focus,
.button:hover,
.button:focus,
button:hover,
button:focus,
.field--name-field-button a:hover,
.field--name-field-button a:focus,
summary:hover,
summary:focus{ /* Form Buttoms - hover */
  text-decoration: none !important;
}
details[open] summary {
  -moz-border-radius-bottomright: 0px;
  -webkit-border-bottom-right-radius: 0px;
   border-bottom-right-radius: 0px;
  -moz-border-radius-bottomleft: 0px;
  -webkit-border-bottom-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.form-item,
.form-actions,
fieldset.form-composite {
  margin-bottom:16px;
  margin-bottom:1.6rem;
  margin-top:0;
}
.form-type-radio,
.form-type-checkbox,
.facets-radio,
.facets-checkbox{
  margin-bottom:4px;
  margin-bottom:0.4rem;
}
.form-type-radio label,
.form-type-checkbox label,
.facets-radio label,
.facets-checkbox label {
  margin-left:4px;
  margin-left:0.4rem;
}
.password-suggestions ul li {
  margin-left:18px;
  margin-left:1.8rem;
}

/* Inline error messages. */
.form-item--error-message:before {
  content: '';
  display: inline-block;
  height: 14px;
  height: 1.4rem;
  width: 14px;
  width: 1.4rem;
  vertical-align: sub;
  background: url(../images/icons/error.svg) no-repeat;
  /* background: url(../images/icons/error.png) no-repeat; - remove comment for IE7 */
  background-size: contain;
}
.form-item input.error,
.form-item textarea.error,
.form-item select.error {
  border: 2px solid #c00;
}

/* Form error styles. */
.form-item textarea.error + .cke {
  border: 2px solid #c00;
}

/* Form error message styles. */
.form-item--error-message {
  color: #e32700;
}

/* Disabled form elements */
.form-disabled input,
.form-disabled select,
.form-disabled textarea {
  background: #ededed;
  border-color: #bbb;
  color: #717171;
}
.form-disabled label {
  color: #717171;
}

/* --------------- Search Form ---------------- */
#search-form .form-search,
#search-form .form-submit,
.searchbox-header .form-type-search,
.searchbox-header .form-actions,
.searchbox-nav .form-type-search,
.searchbox-nav .form-actions {
  float: left;
  position: relative;
  width: 75%;
  /* *width:71%; - remove comment for IE7 (leave * before width) */
}
#search-form .form-submit,
.searchbox-header .form-actions,
.searchbox-nav .form-actions {
  width: 25%;
}
#search-form .form-search,
.searchbox-header .form-search,
.searchbox-nav .form-search{
  padding:0 2%;
  height:40px;
  height:4rem;
  line-height:40px;
  line-height:4rem;
  border-style:solid;
  border-width:1px;
  -moz-border-radius-topright: 0px;
  -webkit-border-top-right-radius: 0px;
   border-top-right-radius: 0px;
  -moz-border-radius-bottomright: 0px;
  -webkit-border-bottom-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
#search-form .form-submit,
.searchbox-header .form-submit,
.searchbox-nav .form-submit { /*Search Button */
  border-style:solid !important;
  border-width:1px !important;
  height:40px;
  height:4rem;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding:0;
  cursor:pointer;
  text-indent:-9999px;
  text-transform:capitalize; /* This forces IE7 to accept the negative text-indent */
  overflow:hidden;
  -moz-border-radius-topleft: 0px;
  -webkit-border-top-left-radius: 0px;
   border-top-left-radius: 0px;
  -moz-border-radius-bottomleft: 0px;
  -webkit-border-bottom-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.searchbox-header .form-submit,
.searchbox-nav .form-submit {
  width: 100%;
}
.searchbox-header .form-item,
.searchbox-nav .form-item,
.searchbox-header .form-actions,
.searchbox-nav .form-actions {
  margin-bottom:0;
}
/*#search-form .form-submit:hover,
#search-form .form-submit:focus,
#search-block-form .form-submit:hover,
#search-block-form .form-submit:focus { /*Search Button - hover */
/* } */
#search-form .form-type-search label {
  display: block;
}
#search-form #edit-basic:after { /* Clearfix on Search wrapper DIV */
  clear: both;
  content: "";
  display: table;
  /* display: block; - remove comment for IE7 */
  /* height: 0; - remove comment for IE7 */
  /* visibility: hidden; - remove comment for IE7  */
}
#edit-help-link {
  padding-top: 5px;
  padding-top: 0.5rem;
  margin-bottom: 16px;
  margin-bottom: 1.6rem;
  display: block;
}
/* #search-form .search-advanced label {
} */
#search-form .search-advanced input,
#search-form .search-advanced .action {
  float:none;
}
#search-form .search-advanced input.form-submit {
  width:100%;
  margin-bottom: 16px;
  margin-bottom: 1.6rem;
  -webkit-border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
}

/* --------------- Search Results ---------------- */
ol.search-results {
  padding-left: 0;
}
ol.search-results li {
  margin: 16px 0 !important;
  margin: 1.6rem 0 !important;
}
/* .search-result__snippet-info {
} */
/* .search-result__info {
} */



/* ------------------------------------- RESPONSIVE ADJUSTMENTS ------------------------------------- */

@media all and (min-width: 321px) {
  /* MOBILE - Non-Retina - (321px–580px) */
  
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 321px),
only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 321px),
only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 321px),
only screen and (min-device-pixel-ratio: 2) and (min-width: 321px),
only screen and (min-resolution: 192dpi) and (min-width: 321px),
only screen and (min-resolution: 2dppx) and (min-width: 321px) { 
  /* MOBILE - Retina - (321px–580px) */
  
}


@media all and (min-width: 581px) {
  /* MOBILE LARGE - Non-Retina - (581px–767px) */
  
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 581px),
only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 581px),
only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 581px),
only screen and (min-device-pixel-ratio: 2) and (min-width: 581px),
only screen and (min-resolution: 192dpi) and (min-width: 581px),
only screen and (min-resolution: 2dppx) and (min-width: 581px) { 
  /* MOBILE LARGE - Retina - (581px–767px landscape only) */
  
}

@media all and (min-width: 768px) {
  /* TABLET - Non-Retina - (768px–1024px) */
  
  /* -------------- Visual styles for form components ------------- */
  
  /* -------------- Form Elements   ------------- */
  
  /* --------------- Search Form ---------------- */
  #search-form .search-advanced input.form-submit {
    width:50%; 
  }
  
  /* --------------- Search Results ---------------- */
  
}


@media
only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 768px),
only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 768px),
only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 768px),
only screen and (min-device-pixel-ratio: 2) and (min-width: 768px),
only screen and (min-resolution: 192dpi) and (min-width: 768px),
only screen and (min-resolution: 2dppx) and (min-width: 768px) { 
  /* TABLET - Retina - (768px–1024px) */
  
}

@media all and (min-width: 1025px) {
  /* DESKTOP SMALL - Non-Retina - (1025px–1280px) */
  
  /* -------------- Visual styles for form components ------------- */
  
  /* -------------- Form Elements   ------------- */
  /* Details/Summary */
  details .details-wrapper {
    padding:10px 1.5% 0 1.5%;
    padding:1rem 1.5% 0 1.5%;
  }
  
  /* Form Items */
  input.form-text,
  input.form-tel,
  input.form-email,
  input.form-url,
  input.form-search,
  input.form-file,
  input.form-number,
  input.form-color,
  textarea.form-textarea,
  select.form-select,
  select.facets-dropdown {
    padding: 10px;
    padding: 1rem;
    width:100%;
    /* *width:97.5%; - remove comment for IE7 (leave * before width) */
  }
  input.form-submit,
  .button,
  button,
  .field--name-field-button a { /* Form Buttoms */
    padding:15px 20px;
    padding:1.5rem 2rem;
  }
  
  /* --------------- Search Form ---------------- */
  #search-form .form-search,
  .searchbox-header .form-search,
  .searchbox-nav .form-search {
    padding: 0 1%;
  }  
  .searchbox-header .form-search {
    padding: 0 6%;
  }
  .searchbox-header .form-search,
  .searchbox-nav .form-search {
    height:35px;
    height:3.5rem;
    line-height:35px;
    line-height:3.5rem;
  }  
  .searchbox-header .form-submit,
  .searchbox-nav .form-submit{ /*Search Button */
    height: 35px;
    height: 3.5rem;
  }
  #search-form .search-advanced input.form-submit {
    width:33%; 
  }
  #searchbox.searchbox-nav {
    text-align: center;
  }
  .region-searchbox-navigation-full-width,
  #close-icon-wrap {
    display: inline-block;
    width: 90%;
  }
  #close-icon-wrap {
    width: auto;
  }
  #close-icon {
    float: right;
    position: relative;
  }
  
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1025px),
only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 1025px),
only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 1025px),
only screen and (min-device-pixel-ratio: 2) and (min-width: 1025px),
only screen and (min-resolution: 192dpi) and (min-width: 1025px),
only screen and (min-resolution: 2dppx) and (min-width: 1025px) { 
  /* DESKTOP SMALL - Retina - (1025px–1280px) */
  
}


@media all and (min-width: 1281px) {
  /* DESKTOP - Non-Retina - (1281px–1920px) */
  
   /* -------------- Visual styles for form components ------------- */
  
  /* -------------- Form Elements   ------------- */
  
  /* --------------- Search Form ---------------- */
  
  /* --------------- Search Results ---------------- */
  
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1281px),
only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 1281px),
only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 1281px),
only screen and (min-device-pixel-ratio: 2) and (min-width: 1281px),
only screen and (min-resolution: 192dpi) and (min-width: 1281px),
only screen and (min-resolution: 2dppx) and (min-width: 1281px) { 
  /* DESKTOP - Retina - (1281px–1920px) */
  
}


@media all and (min-width: 1921px) {
  /* DESKTOP LARGE - Non-Retina - (1921px and larger) */
  
  /* -------------- Visual styles for form components ------------- */
  
  /* -------------- Form Elements   ------------- */
  
  /* --------------- Search Form ---------------- */
  
  /* --------------- Search Results ---------------- */
  
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1921px),
only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 1921px),
only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 1921px),
only screen and (min-device-pixel-ratio: 2) and (min-width: 1921px),
only screen and (min-resolution: 192dpi) and (min-width: 1921px),
only screen and (min-resolution: 2dppx) and (min-width: 1921px) { 
  /* DESKTOP LARGE - Retina - (1921px and larger) */
  
}