@charset "utf-8";

/* ****************************************************************************
 * content STYLES
 *
 * This file contains styles used via CMS
 *
 * Defines the following elements:
 *  - Map
 *  -
 * ****************************************************************************
 */


/*
 * Float
 * ****************************************************************************
 */
.tm-float-left {
  float                 : left;
  margin-right          : 10px;
  width                 : initial;
}

.tm-float-right {
  float                 : right;
  margin-left           : 10px;
  width                 : initial;
}



/*
 * File styles
 * ****************************************************************************
 */
a.tm-file-download {
  display               : block;
  background            : url('../images/icon/icon-documents.png') no-repeat center left;
  background-size       : 18px 22px;
  /*color                 : #000;*/
  font-size             : 14px;
  vertical-align        : middle;
  height                : 33%;
  padding               : 2px 0px 2px 25px;
}



/*
 * Message
 * ****************************************************************************
 */
.tm-message {
  padding-bottom        : 20px;
}



/*
 * Map
 * ****************************************************************************
 */
.tm-content-map {
  position              : relative;
  padding-bottom        : 75%; /* Aspect ratio */
  height                : 0;
  overflow              : hidden;
}

.tm-content-map iframe {
  position              : absolute;
  top                   : 0;
  left                  : 0;
  width                 : 100% !important;
  height                : 100% !important;
}



/*
 * Show link as a button
 * ****************************************************************************
 */
a.tm-content-link-as-button,
a.tm-content-link-as-button:visited {
  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;
}

a.tm-content-link-as-button:hover,
a.tm-content-link-as-button:focus,
a.tm-content-link-as-button:active {
  text-decoration       : none;
}



/*
 * Center content
 * ****************************************************************************
 */
p.tm-content-center {
  text-align            : center;
}

div.tm-content-center {
  text-align            : center;
}



/*
 * Highlight on left side
 * ****************************************************************************
 */
.tm-content-highlight-left {
  float                 : left;
  border-bottom         : 3px solid #000;
  color                 : #aa0011;
  font-size             : 1.5em;
  font-style            : italic;
  font-weight           : 600;
  line-height           : 1.2em;
  width                 : 50%;
  margin                : 1em 0.7em 1em 0em;
  padding               : 0 1em 1em;
}



/*
 * Highlight on right side
 * ****************************************************************************
 */
.tm-content-highlight-right {
  float                 : right;
  border-bottom         : 3px solid #000;
  color                 : #aa0011;
  font-size             : 1.5em;
  font-style            : italic;
  font-weight           : 600;
  line-height           : 1.2em;
  width                 : 50%;
  margin                : 1em 0.7em 1em 0em;
  padding               : 0 1em 1em;
}



/*
 * Ordered list alphabetically lower case
 * ****************************************************************************
 */
.tm-content-ol-alphabet-lowercase ol,
ol.tm-content-ol-alphabet-lowercase {
  list-style-type       : lower-alpha;
}



/*
 * Square to entitle section
 * ****************************************************************************
 */
p.tm-content-title-square {
  display               : inline;
  background            : #CC071E;
  color                 : #fff;
  font-size             : 13px;
  line-height           : 19px;
  position              : relative;
  padding               : 0.2em 0.5em 0.2em 0.5em;
}



/*
 * Table with image and footer
 * We hold this theme to support old styling, when no vertical / horizontal
 * difference was done.
 * ****************************************************************************
 */
table.tm-content-image {
  border                : 0px none;
}

table.tm-content-image td {
  border                : 0px none;
  border-spacing        : 0px;
  border-collapse       : collapse;
  font-size             : 75%;
  padding               : 0px;
}

table.tm-content-image tr + tr td {
  background            : #ECECEC;
  padding-left          : 5px;
}

table.tm-content-image img {
  display               : block;
}



/*
 * Table with image and footer - Horizontal
 * ****************************************************************************
 */
table.tm-content-image-h {
  border                : 0px none;
  width                 : 320px;
}

table.tm-content-image-h td {
  border                : 0px none;
  border-spacing        : 0px;
  border-collapse       : collapse;
  font-size             : 75%;
  padding               : 0px;
}

table.tm-content-image-h tr + tr td {
  color                 : #8C8C8C;
  font-size             : 14px;
  padding-left          : 0px;
}

table.tm-content-image-h img {
  display               : block;
}



/*
 * Table with image and footer - Vertical
 * ****************************************************************************
 */
table.tm-content-image-v {
  border                : 0px none;
  width                 : 250px;
}

table.tm-content-image-v td {
  border                : 0px none;
  border-spacing        : 0px;
  border-collapse       : collapse;
  font-size             : 75%;
  padding               : 0px;
}

table.tm-content-image-v tr + tr td {
  color                 : #8C8C8C;
  font-size             : 14px;
  padding-left          : 0px;
}

table.tm-content-image-v img {
  display               : block;
}



/*
 * Content - Youtube
 * ****************************************************************************
 */
.oembed-provider-youtube {
  margin-top            : 4px;
}

.oembed-provider-youtube + p {
  padding-top           : 0px;
}

.oembed-provider-youtube[data-align="right"] {
  padding-left          : 10px;
}

.oembed-provider-youtube[data-align="left"] {
  padding-right         : 10px;
}



/*
 * Content - Info
 * ****************************************************************************
 */
.tm-phone:before {
  content               : "\f095";
  font-family           : FontAwesome;
  font-size             : 13px;
  font-style            : normal;
  font-weight           : normal;
  -webkit-font-smoothing: antialiased;
  position              : relative;
  margin-right          : 4px;
}

.tm-email:before {
  content               : "\f003";
  font-family           : FontAwesome;
  font-size             : 13px;
  font-style            : normal;
  font-weight           : normal;
  -webkit-font-smoothing: antialiased;
  position              : relative;
  bottom                : 1px;
  margin-right          : 4px;
}



/*
 * SCREEN 'regular' - between 1024px and 1279px
 * ****************************************************************************
 */
@media only screen and (min-width:1024px) and (max-width:1279px) {
  /* Map
   --------------------------------------------------------------------------*/
}



/*
 * SCREEN 'medium' - between 768px and 1023px
 * ****************************************************************************
 */
@media only screen and (min-width:768px) and (max-width:1023px) {
  /* Content - Youtube
   --------------------------------------------------------------------------*/
  .oembed-provider-youtube {
    float               : none !important;
    text-align          : center;
    margin-right        : 0px;
    margin-left         : 0px;
    padding-right       : 0px !important;
    padding-left        : 0px !important;
  }
}



/*
 * SCREEN 'small' - between 480px and 768px
 * ****************************************************************************
 */
@media only screen and (min-width:480px) and (max-width:767px) {
  /* Content - Youtube
   --------------------------------------------------------------------------*/
  .oembed-provider-youtube {
    float               : none !important;
    text-align          : center;
    margin-right        : 0px;
    margin-left         : 0px;
    padding-right       : 0px !important;
    padding-left        : 0px !important;
  }
}



/*
 * SCREEN 'lite' - smaller than 480px
 * ****************************************************************************
 */
@media only screen and (min-width:0px) and (max-width:479px) {
  /* Content - Youtube
   --------------------------------------------------------------------------*/
  .oembed-provider-youtube {
    float               : none !important;
    text-align          : center;
    max-width           : 100% !important;
    margin-right        : 0px;
    margin-left         : 0px;
    padding-right       : 0px !important;
    padding-left        : 0px !important;
  }
  .oembed-provider-youtube > iframe {
    max-width           : 100% !important;
  }
}