@charset "utf-8";

/* ****************************************************************************
 * User OVERRIDES
 *
 * This CSS should be loaded last, before the final custom CSS
 * ****************************************************************************
 */


/*
 * Pane Title
 * ****************************************************************************
 */
.tm-page-frontpage .pane-title {
  height                : 40px;
  margin                : 0px 0px 5px 0px;
  padding               : 15px 10px 10px 15px;
}

.tm-page-frontpage .pane-title,
.tm-page-frontpage .pane-title a,
.tm-page-frontpage .pane-title a:active,
.tm-page-frontpage .pane-title a:focus,
.tm-page-frontpage .pane-title a:hover,
.tm-page-frontpage .pane-title a:visited {
  background            : #000000;
  color                 : #FFFFFF;
  font-family           : 'Arimo', sans-serif;
  font-size             : 22px;
  font-weight           : normal;
  text-transform        : uppercase;
}

.tm-page-frontpage .panel-panel {
  margin-top            : 20px;
}



/*
 * 2 columns layout
 * ****************************************************************************
 */
.tm-page .panel-2col .panel-col-first {
  width                 : 427px;
}

.tm-page .panel-2col .panel-col-first .inside {
  margin                : 0px 0px 0px 0px;
}

.tm-page .panel-2col .panel-col-last {
  width                 : 427px;
  margin-left           : 20px;
}

.tm-page .panel-2col .panel-col-last .inside {
  margin                : 0px 0px 0px 0px;
}

.tm-page .panel-2col .panel-separator {
  margin                : 0px 0px 20px 0px;
}





/*
 * 3 columns layout
 * ****************************************************************************
 */
.tm-page .panel-3col-33 .panel-col-first {
  width                 : 427px;
}

.tm-page .panel-3col-33 .panel-col-first .inside {
  margin                : 0px 0px 0px 0px;
}

.tm-page .panel-3col-33 .panel-col {
  width                 : 427px;
  margin-left           : 20px;
}

.tm-page .panel-3col-33 .panel-col .inside {
  margin                : 0px 0px 0px 0px;
}

.tm-page .panel-3col-33 .panel-col-last {
  width                 : 320px;
  margin-left           : 20px;
}

.tm-page .panel-3col-33 .panel-col-last .inside {
  margin                : 0px 0px 0px 0px;
}

.tm-page .panel-3col-33 .panel-separator {
  margin                : 0px 0px 20px 0px;
}



/*
 * SCREEN 'regular' - between 1024px and 1279px
 * ****************************************************************************
 */
@media only screen and (min-width:1024px) and (max-width:1279px) {
  /* 3 columns layout
   --------------------------------------------------------------------------*/
  .tm-page .panel-3col-33 .panel-col-first {
    width               : 490px;
  }

  .tm-page .panel-3col-33 .panel-col {
    width               : 490px;
    margin-left         : 20px;
  }

  .tm-page .panel-3col-33 .panel-col-last {
    width               : 100%;
    margin-left         : 0px;
  }

  .tm-page .panel-3col-33 .panel-col-last .panel-pane {
    width               : 319px;
    margin-left         : 0px;
  }

  /* 2 columns layout
   --------------------------------------------------------------------------*/
  .tm-page .panel-2col .panel-col-first {
    width               : 335px;
  }

  .tm-page .panel-2col .panel-col-last {
    width               : 335px;
  }

  .tm-page .panel-3col-33 .panel-col-last .inside {
    width               : 1000px;
  }
}


/*
 * SCREEN 'medium' - between 768px and 1023px
 * ****************************************************************************
 */
@media only screen and (min-width:768px) and (max-width:1023px) {
  /* 3 columns layout
   --------------------------------------------------------------------------*/
  .tm-page .panel-3col-33 {
    position            : relative;
  }

  .tm-page .panel-3col-33 .panel-col {
    display             : none;
    margin-left         : 0px;
  }

  .tm-page .panel-3col-33 .panel-col-last {
    float               : right;
    width               : 312px;
    margin-left         : 0px;
  }

  /* 2 columns layout
   --------------------------------------------------------------------------*/
  .tm-page .panel-2col .panel-col-first {
    width               : 364px;
  }

  .tm-page .panel-2col .panel-col-last {
    width               : 364px;
  }
}


/*
 * SCREEN 'small' - between 480px and 768px
 * ****************************************************************************
 */
@media only screen and (min-width:480px) and (max-width:767px) {
  /* 3 columns layout
   --------------------------------------------------------------------------*/
  .tm-page .panel-3col-33 {
    position            : relative;
  }

  .tm-page .panel-3col-33 .panel-col-first {
    float               : none;
    width               : 100%;
  }

  .tm-page .panel-3col-33 .panel-col {
    float               : none;
    margin-left         : 0px;
    width               : 100%;
  }

  .tm-page .panel-3col-33 .panel-col-last {
    float               : none;
    width               : 100%;
    margin-left         : 0px;
  }

  .tm-page .panel-3col-33 .panel-col-last .panel-pane {
    width               : 100%;
    margin-left         : 0px;
  }

  /* 2 columns layout
   --------------------------------------------------------------------------*/
  .tm-page .panel-2col .panel-col-first {
    width               : 100%;
  }

  .tm-page .panel-2col .panel-col-last {
    width               : 100%;
    margin-left         : 0px;
  }
}


/*
 * SCREEN 'lite' - smaller than 480px
 * ****************************************************************************
 */
@media only screen and (min-width:0px) and (max-width:479px) {
  /* 3 columns layout
   --------------------------------------------------------------------------*/
  .tm-page .panel-3col-33 {
    position            : relative;
  }

  .tm-page .panel-3col-33 .panel-col-first {
    float               : none;
    width               : 100%;
  }

  .tm-page .panel-3col-33 .panel-col {
    float               : none;
    margin-left         : 0px;
    width               : 100%;
  }

  .tm-page .panel-3col-33 .panel-col-last {
    float               : none;
    width               : 100%;
    margin-left         : 0px;
  }

  .tm-page .panel-3col-33 .panel-col-last .panel-pane {
    width               : 100%;
    margin-left         : 0px;
  }

  /* 2 columns layout
   --------------------------------------------------------------------------*/
  .tm-page .panel-2col .panel-col-first {
    width               : 100%;
  }

  .tm-page .panel-2col .panel-col-last {
    width               : 100%;
    margin-left         : 0px;
  }

  .tm-page .panel-2col-stacked .panel-col-first {
    width               : 100%;
  }

  .tm-page .panel-2col-stacked .panel-col-first .inside {
    margin-right        : 0px;
    margin-left         : 0px;
  }

  .tm-page .panel-2col-stacked .panel-col-last {
    width               : 100%;
  }

  .tm-page .panel-2col-stacked .panel-col-last .inside {
    margin-right        : 0px;
    margin-left         : 0px;
  }
}