@charset "utf-8";

/* ****************************************************************************
 * BASE STYLE
 *
 * General styling
 *
 * ****************************************************************************
 */

/*
 * Pure HTML tags - Single elements
 * ****************************************************************************
 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin                : 0;
  padding               : 0;
  border                : 0;
  font-size             : 100%;
  vertical-align        : baseline;
}

body {
  background-attachment : fixed;
  font-size             : 14px;
  font-family           : 'Arimo', sans-serif;
  line-height           : 1.6em;
  width                 : 100%;
  margin                : 0px auto;
  -webkit-font-smoothing: subpixel-antialiased;
}

h1 {
  font-family           : 'Arimo', sans-serif;
}

h2,
h3,
h4,
h5,
h6,
h7 {
  font-family           : Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;
  font-weight           : bold;
  line-height           : 1.3em;
  margin                : 20px 0px 10px 0px;
}

h1 {
  font-size             : 30px;
}

h2 {
  font-size             : 20px;
  font-weight           : bold;
}

/* Us:
 *     - Enllaços de cursos a itineraris
 */
h3 {
  font-size             : 20px;
  font-weight           : normal;
  line-height           : 22px;
}

h4 {
  font-size             : 18px;
  font-weight           : 500;
}

h5 {
  font-size             : 16px;
}

h6 {
  font-size             : 14px;
}

hr {
  border                : none;
  background-color      : #000;
  color                 : #000;
  font-size             : 1px;
  line-height           : 1px;
  height                : 1px;
  margin                : 30px 0px 10px 0px;
}

p {
  padding               : 4px 0px 10px 0px;
}

p.tm-no-spacing {
  padding               : 0px 0px 0px 0px;
}

blockquote {
  border-left           : 5px solid #FF8100;
  margin                : 0px 0px 0px 0px;
  padding               : 0px 15px 0px 15px;
}

label {
  display               : block;
  padding-top           : 12px;
}

input[type="checkbox"] + label {
  display               : inline-block;
}

button,
input,
.page-user .tm-page-wrapper .field-item {
  background-image      : none;
  border                : 1px solid;
  box-shadow            : 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
  font-family           : 'Arimo', sans-serif;
  font-size             : 14px;
  line-height           : 1.5em;
  margin                : 0;
  padding               : 0px 10px;
  text-shadow           : none;
  vertical-align        : middle;
}

button,
.button,
input[type="button"],
input[type="submit"] {
  border                : 0px;
  cursor                : pointer;
  display               : inline-block;
  font-family           : 'Arimo', sans-serif;
  font-size             : 11px;
  font-weight           : 700;
  letter-spacing        : 0.1em;
  line-height           : 1.5em;
  outline               : medium none;
  text-align            : center;
  text-decoration       : none;
  text-transform        : uppercase;
  margin-top            : 12px;
  padding               : 6px 15px 5px 15px;
  box-shadow            : 0 1px 2px rgba(64, 64, 64, 0.1);
  -webkit-transition    : all 0.4s ease 0s;
     -moz-transition    : all 0.4s ease 0s;
      -ms-transition    : all 0.4s ease 0s;
       -o-transition    : all 0.4s ease 0s;
          transition    : all 0.4s ease 0s;
}

button:hover,
input[type="button"]:hover,
input[type="submit"]:hover {
}

/* any combination of buttons must have a separator between them */
button + button,
button + .button,
button + input[type="button"],
button + input[type="submit"],
.button + button,
.button + .button,
.button + input[type="button"],
.button+ input[type="submit"],
input[type="button"] + button,
input[type="button"] + .button,
input[type="button"] + input[type="button"],
input[type="button"] + input[type="submit"],
input[type="submit"] + button,
input[type="submit"] + .button,
input[type="submit"] + input[type="button"],
input[type="submit"] + input[type="submit"] {
  margin-left           : 10px;
}

input[type="checkbox"] {
  margin-right          : 2px;
}

/* for a best display of radios in /checkout/1/review */
input[type="radio"] {
  position              : relative;
  bottom                : 2px;
}

input[type="radio"] + label.option {
  display               : inline-block;
}

textarea {
  background-image      : none;
  border                : 1px solid #CCCCCC;
  box-shadow            : 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
  font-family           : 'Arimo', sans-serif;
  font-size             : 14px;
  line-height           : 1.42857;
  margin                : 0;
  padding               : 6px 12px;
  text-shadow           : none;
  vertical-align        : middle;
}

button {
  cursor                : pointer;
}

ol {
  margin-left           : 30px;
  padding               : 0px 0px 6px 0px; /* ul:padding-top + li:padding-top = p:padding-top | ul:padding-bottom + li:padding-bottom = p:padding-bottom */
}

ul {
  list-style            : none;
  margin-left           : 30px;
  padding               : 0px 0px 6px 0px; /* ul:padding-top + li:padding-top = p:padding-top | ul:padding-bottom + li:padding-bottom = p:padding-bottom */
}

li {
  -moz-hyphens          : auto;
  word-wrap             : break-word;
}

select {
  border                : 1px solid;
  box-shadow            : 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
  font-family           : 'Arimo', sans-serif;
  font-size             : 14px;
  line-height           : 1.42857;
  margin                : 0;
  padding               : 2px 6px;
  text-shadow           : none;
  vertical-align        : middle;
}

img {
  border                : none;
  text-decoration       : none;
  outline               : none;
  max-width             : 100%;
}

a,
a:visited {
  display               : inline;
  font-family           : 'Arimo', sans-serif;
  text-decoration       : none;
  -webkit-transition    : all 0.3s ease 0s;
     -moz-transition    : all 0.3s ease 0s;
      -ms-transition    : all 0.3s ease 0s;
       -o-transition    : all 0.3s ease 0s;
          transition    : all 0.3s ease 0s;
}

a:hover,
a:focus,
a:active {
  text-decoration       : underline;
}

/*a:active {
  background            : none;
}*/

/* remove chrome highlight */
:focus {
  outline               : none;
}

/* select */
::-moz-selection { /* Firefox */
}

::selection { /* Chrome, Safari and Firefox 17+ */
}


/*
 * Pure HTML tags - Containers
 * ****************************************************************************
 */
form {
  /*margin                : 15px 20px 20px 15px;*/
}

fieldset {
  margin                : 15px 0px 0px 0px;
}

/*
si ponemos esta directiva, la pagina para crear un nuevo usuario muestra
incorrectamente la fecha de nacimiento
form fieldset {
  margin                : 0px 0px 0px 0px;
}

form fieldset + fieldset {
  margin                : 15px 0px 0px 0px;
}
*/
/* avoid repeating top padding, added by form */
/*form > fieldset:first-child {
  padding-top           : 0px
}*/

/* avoid repeating bottom padding, added by form */
/*form > fieldset:last-child {
  padding-bottom        : 0px
}*/

legend {
  display               : block;
  margin-top            : 12px;
  width                 : 100%;
}



/*
 * Pure HTML tags - Containers - Table
 * ****************************************************************************
 */
table {
  margin                : 0;
  width                 : 100%;
}

th {
  max-width             : 100%;
  text-align            : center;
  padding               : 3px;
}

td {
  max-width             : 100%;
  padding               : 3px;
}

/* -- TABLE BORDERS -- */
table {
  border-collapse       : collapse;
}

table td,
table th {
  border                 : 1px solid;
}

/* -- TABLE BORDERS - No Borders -- */
table.tm-no-borders td,
table.tm-no-borders th {
  border                 : 0px none;
}

/* -- TABLE BORDERS - No Borders around the table -- */
table.tm-no-borders-around tr:first-child th {
  border-top            : 0;
}

table.tm-no-borders-around tr:last-child td {
  border-bottom         : 0;
}

table.tm-no-borders-around tr td:first-child,
table.tm-no-borders-around tr th:first-child {
  border-left           : 0;
}

table.tm-no-borders-around tr td:last-child,
table.tm-no-borders-around tr th:last-child {
  border-right          : 0;
}



/*
 * Special styles
 * ****************************************************************************
 */
.tm-all-children-block * {
  display               : block;
}



/*
 * Style general controls
 * ****************************************************************************
 */
div.description,
span.description {
  font-size             : 80%;
  line-height           : 1.6em;
  margin-top            : 4px;
}

.hidden {
  display               : none !important;
  visibility            : hidden;
}



/*
 * Forms
 *
 * En canviar alguna configuració, caldrà revisar els següents formularis:
 *
 *   - Login
 *   - Contacte
 *   - Subscripció a Capçalera
 *   - Enviar article de Capçalera a un amir
 *   - Inscripció a curs de formació
 *   - Formulari d’ingrés i pertinença Precol·legiats/des
 *
 * ****************************************************************************
 */
form.webform-client-form .form-item,
form.tm-contact-form .form-item,
form.comment-form .form-item,
.block-search-api-page form .form-item,
.page-user .tm-page-wrapper form .form-item,
.page-user .tm-page-wrapper .field {
  float                 : left;
  width                 : 100%;
  margin-bottom         : 20px;
}

.remove-top-margin {
  margin-top            : -20px;
}

form.webform-client-form .form-item + .ajax-dummy,
form.tm-contact-form .form-item + .ajax-dummy,
form.comment-form .form-item + .ajax-dummy,
.block-search-api-page form .form-item + .ajax-dummy,
.page-user .tm-page-wrapper form .form-item + .ajax-dummy,
.page-user .tm-page-wrapper .field + .ajax-dummy {
  float                 : left;
  width                 : 100%;
}

form.webform-client-form .form-item label,
form.tm-contact-form .form-item label,
form.comment-form .form-item label,
.block-search-api-page form .form-item label,
.page-user .tm-page-wrapper form .form-item label,
.page-user .tm-page-wrapper div.field-label {
  background            : #E5E5E5;
  font-family           : 'Arimo', sans-serif;
  font-size             : 14px;
  font-weight           : normal;
  line-height           : normal;
  text-transform        : uppercase;
  padding               : 3px 10px 1px 10px;
}

form.webform-client-form .form-item input[type=checkbox] + label,
form.tm-contact-form .form-item input[type=checkbox] + label,
form.comment-form .form-item input[type=checkbox] + label,
.block-search-api-page form .form-item input[type=checkbox] + label,
.page-user .tm-page-wrapper form .form-item input[type=checkbox] + label {
  background            : none;
  text-transform        : none;
  padding               : 6px 10px 6px 0px;
}

form.webform-client-form .form-item input[type=text],
form.tm-contact-form .form-item input[type=text],
form.comment-form .form-item input[type=text],
.block-search-api-page form .form-item input[type=text],
.page-user .tm-page-wrapper form .form-item input[type=text],
.page-user .tm-page-wrapper .field-item {
  display               : block;
  border-color          : #E5E5E5;
  box-sizing            : border-box;
  width                 : 100%;
}

form.webform-client-form .form-item input[type=password],
form.tm-contact-form .form-item input[type=password],
form.comment-form .form-item input[type=password],
.block-search-api-page form .form-item input[type=password],
.page-user .tm-page-wrapper form .form-item input[type=password] {
  display               : block;
  border-color          : #E5E5E5;
  box-sizing            : border-box;
  width                 : 100%;
}

form.webform-client-form .form-item input[type=email],
form.tm-contact-form .form-item input[type=email],
form.comment-form .form-item input[type=email],
.block-search-api-page form .form-item input[type=email],
.page-user .tm-page-wrapper form .form-item input[type=email] {
  display               : block;
  border-color          : #E5E5E5;
  box-sizing            : border-box;
  width                 : 100%;
}

/* Se utiliza en los comentarios */
form.webform-client-form .form-item label + a,
form.tm-contact-form .form-item label + a,
form.comment-form .form-item label + a,
.block-search-api-page form .form-item label + a,
.page-user .tm-page-wrapper form .form-item label + a {
  display               : block;
  border                : 1px solid #E5E5E5;
  box-sizing            : border-box;
  width                 : 100%;
  padding               : 1px 8px 0px 8px;
}

form.webform-client-form .form-item textarea,
form.tm-contact-form .form-item textarea,
form.comment-form .form-item textarea,
.block-search-api-page form .form-item textarea,
.page-user .tm-page-wrapper form .form-item textarea {
  border-color          : #E5E5E5;
  width                 : 100%;
}

form.webform-client-form .form-item select,
form.tm-contact-form .form-item select,
form.comment-form .form-item select,
.block-search-api-page form .form-item select,
.page-user .tm-page-wrapper form .form-item select {
  border-color          : #E5E5E5;
  margin-top            : -2px;
  width                 : 100%;
}

form.webform-client-form .form-item.webform-component-radios .form-radios label,
form.tm-contact-form .form-item.webform-component-radios .form-radios label,
form.comment-form .form-item.webform-component-radios .form-radios label,
.block-search-api-page form .form-item.webform-component-radios .form-radios label,
.page-user .tm-page-wrapper form .form-item.webform-component-radios .form-radios label {
  background            : transparent;
  padding               : 6px 0px 10px 0px;
}

form.webform-client-form .form-item.form-type-radio,
form.tm-contact-form .form-item.form-type-radio,
form.comment-form .form-item.form-type-radio,
.block-search-api-page form .form-item.form-type-radio,
.page-user .tm-page-wrapper form .form-item.form-type-radio {
  margin-bottom         : 0px;
  width                 : auto;
}

form.webform-client-form .form-item.form-type-radio label,
form.tm-contact-form .form-item.form-type-radio label,
form.comment-form .form-item.form-type-radio label,
.block-search-api-page form .form-item.form-type-radio label,
.page-user .tm-page-wrapper form .form-item.form-type-radio label {
  background            : transparent;
  font-size             : 14px;
  text-transform        : none;
  padding               : 0px 0px;
}

form.webform-client-form .form-item.form-type-radio .form-radio,
form.tm-contact-form .form-item.form-type-radio .form-radio,
form.comment-form .form-item.form-type-radio .form-radio,
.block-search-api-page form .form-item.form-type-radio .form-radio,
.page-user .tm-page-wrapper form .form-item.form-type-radio .form-radio {
  bottom                : 0px;
}

form.webform-client-form .form-item.form-radio-vertical-display .form-radios .form-type-radio,
form.tm-contact-form .form-item.form-radio-vertical-display .form-radios .form-type-radio,
form.comment-form .form-item.form-radio-vertical-display .form-radios .form-type-radio,
.block-search-api-page form .form-item.form-radio-vertical-display .form-radios .form-type-radio,
.page-user .tm-page-wrapper form .form-item.form-radio-vertical-display .form-radios .form-type-radio {
  display               : flex;
  align-items           : flex-start;
  float                 : none;
}

form.webform-client-form .form-item.form-radio-vertical-display .form-radios .form-type-radio,
form.webform-client-form .form-item.form-radio-vertical-display .form-radios .form-type-radio + .form-type-radio,
form.tm-contact-form .form-item.form-radio-vertical-display .form-radios .form-type-radio,
form.tm-contact-form .form-item.form-radio-vertical-display .form-radios .form-type-radio + .form-type-radio,
form.comment-form .form-item.form-radio-vertical-display .form-radios .form-type-radio,
form.comment-form .form-item.form-radio-vertical-display .form-radios .form-type-radio + .form-type-radio,
.block-search-api-page form .form-item.form-radio-vertical-display .form-radios .form-type-radio,
.block-search-api-page form .form-item.form-radio-vertical-display .form-radios .form-type-radio + .form-type-radio,
.page-user .tm-page-wrapper form .form-item.form-radio-vertical-display .form-radios .form-type-radio,
.page-user .tm-page-wrapper form .form-item.form-radio-vertical-display .form-radios .form-type-radio + .form-type-radio {
  margin-left           : 0px;
}

form.webform-client-form .form-item.form-radio-vertical-display .form-radios .form-radio {
  margin-top            : 8px;
}

form.webform-client-form .form-item.form-type-checkbox,
form.tm-contact-form .form-item.form-type-checkbox,
form.comment-form .form-item.form-type-checkbox,
.block-search-api-page form .form-item.form-type-checkbox,
.page-user .tm-page-wrapper form .form-item.form-type-checkbox,
.page-user .tm-page-wrapper .field.form-type-checkbox {
  margin-bottom         : 0px;
}

form.webform-client-form .form-item.form-checkbox-vertical-display .form-checkboxes .form-type-checkbox,
form.tm-contact-form .form-item.form-checkbox-vertical-display .form-checkboxes .form-type-checkbox,
form.comment-form .form-item.form-checkbox-vertical-display .form-checkboxes .form-type-checkbox,
.block-search-api-page form .form-item.form-checkbox-vertical-display .form-checkboxes .form-type-checkbox,
.page-user .tm-page-wrapper form .form-item.form-checkbox-vertical-display .form-checkboxes .form-type-checkbox {
  display               : flex;
  align-items           : flex-start;
  float                 : none;
}

form.webform-client-form .form-item.form-checkbox-vertical-display .form-checkboxes .form-type-checkbox,
form.webform-client-form .form-item.form-checkbox-vertical-display .form-checkboxes .form-type-checkbox + .form-type-checkbox,
form.tm-contact-form .form-item.form-checkbox-vertical-display .form-checkboxes .form-type-checkbox,
form.tm-contact-form .form-item.form-checkbox-vertical-display .form-checkboxes .form-type-checkbox + .form-type-checkbox,
form.comment-form .form-item.form-checkbox-vertical-display .form-checkboxes .form-type-checkbox,
form.comment-form .form-item.form-checkbox-vertical-display .form-checkboxes .form-type-checkbox + .form-type-checkbox,
.block-search-api-page form .form-item.form-checkbox-vertical-display .form-checkboxes .form-type-checkbox,
.block-search-api-page form .form-item.form-checkbox-vertical-display .form-checkboxes .form-type-checkbox + .form-type-checkbox,
.page-user .tm-page-wrapper form .form-item.form-checkbox-vertical-display .form-checkboxes .form-type-checkbox,
.page-user .tm-page-wrapper form .form-item.form-checkbox-vertical-display .form-checkboxes .form-type-checkbox + .form-type-checkbox {
  margin-left           : 0px;
}

form.webform-client-form .form-item.form-checkbox-vertical-display .form-checkboxes .form-type-checkbox label,
form.tm-contact-form .form-item.form-checkbox-vertical-display .form-checkboxes .form-type-checkbox label,
form.comment-form .form-item.form-checkbox-vertical-display .form-checkboxes .form-type-checkbox label,
.block-search-api-page form .form-item.form-checkbox-vertical-display .form-checkboxes .form-type-checkbox label,
.page-user .tm-page-wrapper form .form-item.form-checkbox-vertical-display .form-checkboxes .form-type-checkbox label {
  margin-left           : 4px;
}

form.webform-client-form .form-item.form-checkbox-vertical-display .form-checkboxes .form-checkbox {
  margin-top            : 8px;
}

form.webform-client-form .form-item.webform-2-columns .form-item {
  width: 50%;
}

form.webform-client-form .form-item.webform-component-date .webform-container-inline.webform-datepicker {
  border-right          : 1px solid #E5E5E5;
  border-bottom         : 1px solid #E5E5E5;
  border-left           : 1px solid #E5E5E5;
  font-size             : 0;
}

form.webform-client-form .form-item.webform-component-date .webform-container-inline.webform-datepicker .form-item {
  float                 : none;
  display               : inline-block;
  width                 : calc(33% - 9px);
  margin-bottom         : 0px;
}

form.webform-client-form .form-item.webform-component-date .webform-container-inline.webform-datepicker .form-item .form-select {
  border-bottom         : 0px;
  border-left           : 0px;
}

form.webform-client-form .form-item.webform-component-date .webform-container-inline.webform-datepicker input[type="image"] {
  border                : none;
  padding               : 5px 0 0 7px;
}

form.webform-client-form .webform-component-checkboxes.options-inline .form-checkboxes {
  display               : flex;
  justify-content       : space-between;
}

form.webform-client-form .webform-component-checkboxes.options-inline .form-item {
  float                 : none;
  width                 : auto;
  margin                : 0;
}

form.webform-client-form .webform-component-radios.options-inline .form-radios {
  display               : flex;
  justify-content       : space-between;
}

form.webform-client-form .webform-component-radios.options-inline .form-item {
  float                 : none;
  width                 : auto;
  margin                : 0;
}

form.webform-client-form .webform-component-markup ul {
  padding               : 0px 0px 0px 40px;
}

/*form.webform-client-form .webform-component-markup label {
  margin-bottom         : 4px;
}*/

form.webform-client-form hr {
  margin: 0 0 10px 0;
}

form.webform-client-form .form-actions:before,
form.tm-contact-form .form-actions:before,
form.comment-form .form-actions:before,
.block-search-api-page form .form-actions:before,
.page-user .tm-page-wrapper form .form-actions:before {
  clear                 : both;
  content               : "";
  display               : block;
}

form.webform-client-form .form-actions input.form-submit,
form.tm-contact-form .form-actions input.form-submit,
form.comment-form .form-actions input.form-submit,
.block-search-api-page form .form-actions input.form-submit,
.page-user .tm-page-wrapper form .form-actions input.form-submit {
  width                 : 100%;
  margin-top            : 0px;
}

form.webform-client-form .tm-region-node-item-left,
form.tm-contact-form .tm-region-node-item-left,
form.comment-form .tm-region-node-item-left,
.block-search-api-page form .tm-region-node-item-left,
.page-user .tm-page-wrapper form .tm-region-node-item-left {
  /*display               : inline-block;
  width                 : 360px;*/
  float                 : left;
  width                 : 49%;
}

form.webform-client-form .tm-region-node-item-right,
form.tm-contact-form .tm-region-node-item-right,
form.comment-form .tm-region-node-item-right,
.block-search-api-page form .tm-region-node-item-right,
.page-user .tm-page-wrapper form .tm-region-node-item-right {
  /*display               : inline-block;
  width                 : 490px;
  margin-left           : 10px;*/
  float                 : right;
  width                 : 49%;
}

form.webform-client-form .form-item.tm-region-node-item-label-simple label,
form.tm-contact-form .form-item.tm-region-node-item-label-simple label,
form.comment-form .form-item.tm-region-node-item-label-simple label {
  background            : transparent;
  padding               : 3px 0px 10px 0px;
}

form .tm-region-node-item-with-borders > div {
  border-left           : 1px solid #E5E5E5;
  border-right          : 1px solid #E5E5E5;
}

form .tm-region-node-item-with-borders > div:last-child {
  border-bottom         : 1px solid #E5E5E5;
}

form .tm-region-node-item-with-borders .form-radios {
  margin-bottom         : 0px;
  padding               : 0 10px;
}

form .tm-region-node-item-with-borders .description {
  margin-top            : 0px;
  padding               : 0 10px;
}

.form-disabled input,
.form-disabled select,
.form-disabled textarea,
.page-user .tm-page-wrapper .field-item {
  background            : #F1F1F1;
}

/** Comment Form **/
form.comment-form .form-type-item {
  border                : 1px solid #E5E5E5;
}
form.comment-form .form-item {
  width                 : auto;
}

form.comment-form .form-item label {
  padding               : 4px 10px 4px 10px;
}
form.comment-form span.username {
  display               : inline-block;
  padding               : 5px 10px 5px 10px;
}
form.comment-form .cke {
  border                : 1px solid #E5E5E5;
  box-shadow            : none;
  max-width             : calc(100% - 2px);
}
form.comment-form .cke_top {
  background            : #E5E5E5;
  background-image      : none;
  box-shadow            : none;


}


/*
 * Clearfix
 * Based on      : http://nicolasgallagher.com/micro-clearfix-hack/
 * Known support : Firefox 3.5+, Safari 4+, Chrome, Opera 9+, IE 6+
 * ****************************************************************************
 */
.clearfix:before,
.clearfix:after {
  content               : "";
  display               : table;
}

.clearfix:after {
  clear                 : both;
}

.clearfix {
  zoom                  : 1; /* For IE 6/7 (trigger hasLayout) */
}



/*
 * Font Awesome
 * ****************************************************************************
 */
.fa {
  width                 : 20px;
  padding               : 0px 0px 0px 0px;
}

.fa-search {
  margin                : 0px 10px 0px 0px;
}

.fa-trash-o {
  margin                : 0px 3px 0px 0px;
}



/*
 * Maintenance
 * ****************************************************************************
 */
.maintenance-page {
  text-align            : center;
}

.maintenance-page #header {
  margin-top            : 150px;
  margin-bottom         : 80px;
}

.maintenance-page #name-and-slogan {
  display               : none;
}

.maintenance-page #content-content {
  font-size             : 18px;
}



/*
 * SCREEN 'regular' - between 1024px and 1279px
 * ****************************************************************************
 */
@media only screen and (min-width:1024px) and (max-width:1279px) {
  /* Pure HTML tags - Single elements
   --------------------------------------------------------------------------*/
  body {
    width               : 1000px;
  }

  /* Form
   --------------------------------------------------------------------------*/
  form.webform-client-form .tm-region-node-item-left,
  form.tm-contact-form .tm-region-node-item-left,
  form.comment-form .tm-region-node-item-left,
  .block-search-api-page form .tm-region-node-item-left,
  .page-user .tm-page-wrapper form .tm-region-node-item-left {
    width               : 255px;
  }

  form.webform-client-form .tm-region-node-item-right,
  form.tm-contact-form .tm-region-node-item-right,
  form.comment-form .tm-region-node-item-right,
  .block-search-api-page form .tm-region-node-item-right,
  .page-user .tm-page-wrapper form .tm-region-node-item-right {
    width               : 440px;
  }
}


/*
 * SCREEN 'medium' - between 768px and 1023px
 * ****************************************************************************
 */
@media only screen and (min-width:768px) and (max-width:1023px) {
  /* Pure HTML tags - Single elements
   --------------------------------------------------------------------------*/
  body {
    width               : 768px;
  }

  /* Form
   --------------------------------------------------------------------------*/
  form.webform-client-form .tm-region-node-item-left,
  form.tm-contact-form .tm-region-node-item-left,
  form.comment-form .tm-region-node-item-left,
  .block-search-api-page form .tm-region-node-item-left,
  .page-user .tm-page-wrapper form .tm-region-node-item-left {
    width               : 100%;
  }

  form.webform-client-form .tm-region-node-item-right,
  form.tm-contact-form .tm-region-node-item-right,
  form.comment-form .tm-region-node-item-right,
  .block-search-api-page form .tm-region-node-item-right,
  .page-user .tm-page-wrapper form .tm-region-node-item-right {
    width               : 100%;
    margin-left         : 0px;
  }
}


/*
 * SCREEN 'small' - between 480px and 768px
 * ****************************************************************************
 */
@media only screen and (min-width:480px) and (max-width:767px) {
  /* Form
   --------------------------------------------------------------------------*/
  form.webform-client-form .tm-region-node-item-left,
  form.tm-contact-form .tm-region-node-item-left,
  form.comment-form .tm-region-node-item-left,
  .block-search-api-page form .tm-region-node-item-left,
  .page-user .tm-page-wrapper form .tm-region-node-item-left {
    width               : 100%;
  }

  form.webform-client-form .tm-region-node-item-right,
  form.tm-contact-form .tm-region-node-item-right,
  form.comment-form .tm-region-node-item-right,
  .block-search-api-page form .tm-region-node-item-right,
  .page-user .tm-page-wrapper form .tm-region-node-item-right {
    width               : 100%;
    margin-left         : 0px;
  }
}


/*
 * SCREEN 'lite' - smaller than 480px
 * ****************************************************************************
 */
@media only screen and (min-width:0px) and (max-width:479px) {
  /* Pure HTML tags - Single elements
   --------------------------------------------------------------------------*/
  body {
    width               : 100%;
  }

  input {
    padding             : 6px 4px;
  }

  textarea {
    padding             : 6px 4px;
  }

  select {
    padding             : 6px 4px;
  }

  /* Form
   --------------------------------------------------------------------------*/
  form.webform-client-form .tm-region-node-item-left,
  form.tm-contact-form .tm-region-node-item-left,
  form.comment-form .tm-region-node-item-left,
  .block-search-api-page form .tm-region-node-item-left,
  .page-user .tm-page-wrapper form .tm-region-node-item-left {
    width               : 100%;
  }

  form.webform-client-form .tm-region-node-item-right,
  form.tm-contact-form .tm-region-node-item-right,
  form.comment-form .tm-region-node-item-right,
  .block-search-api-page form .tm-region-node-item-right,
  .page-user .tm-page-wrapper form .tm-region-node-item-right {
    width               : 100%;
    margin-left         : 0px;
  }
}