@charset "utf-8";

/*!
 * [article Stylesheet]
 *
 * @project   Visit Europe
 * @version   1.0
 * @media     all
 * @author    emmanuel.sammut
 * @use       article style for CMS edit content.
 */

/** ----------------------------------------------------------------
 * COMMON
 */

  .article {margin:20px;}


/** ----------------------------------------------------------------
 * GENERIC MARKUP
 */

  /* HEADING */
  .article h1 {}
  .article h2 {}
  .article h3 {font-size:13px; text-transform:uppercase; color:#37b4aa; margin:20px 0;}
  .article h4 {font-size:12px; margin:20px 0;}
  .article h5 {color:#6b6d6e; margin:15px 0;}
  .article h6 {color:#9d9fa0; margin:15px 0;}

  /* TEXT */
  .article p {line-height:16px; margin:20px 0;}
  .article hr {height:0; margin:20px -20px; border:1px solid #e7ecee; border-width:1px 0 0;}

  /* LIST */
  .article ul {margin:20px 0;}
  .article ol {list-style-type:decimal; margin:20px 0 20px 20px;}
    .article li {margin:3px 0;}

  /* LINK */
  .article a {color:#37b4aa; text-decoration:underline; font-weight:bold;}
  .article a:hover {text-decoration:none;}

  /* IMAGE */
  .article img {border:1px solid #edf0f1; padding:4px; box-shadow:0 0 4px 0 rgba(70, 72, 73, 0.1); }

  /* TABLE */
  .article table {width:100%;}
   .article table th,
   .article table td {border:1px solid #e7ecee; padding:10px; vertical-align: top;}
   .article table th {background:#f0f5f7; text-align:left;}


/** ----------------------------------------------------------------
 * TITLE BAR
 */

  .article .title-bar {margin: 0 -20px 0 -10px;}


/** ----------------------------------------------------------------
 * LINK ARROW
 */

  .article .link-arrow {}
  .article .link-arrow.arrow-start {}


/** ----------------------------------------------------------------
 * CONTACT BLOCK
 */
   .article .contact-block {background-color:#f1f2f3; margin:0 -20px 20px 2px; padding:10px;}
    .article .contact-block p {margin:0;}
      .article .contact-block .phone {font-size:21px; color:#37b4aa;}
      .article .contact-block small {font-size:9px; color:#9d9fa0;}


/** ----------------------------------------------------------------
 * CONTACT PAGE
 */

  .contact-container {background-color:#f1f2f4; width:45%; min-height:240px; margin:0 0 10px 12px; padding:10px; float:left; display:block;}
    .contact-container a {text-decoration:underline; color:#37b4aa;}
    .contact-container a:hover {text-decoration:none;}
    .contact-container hr {margin:5px 0; border:1px solid #dbdbdd; border-width:1px 0 0;}
    .contact-container div {font-size:1em; width:50%; margin-bottom:5px; float:left;}
    .contact-container img {max-width:135px; border:2px solid white; box-shadow:0 0 4px 0 rgba(70, 72, 73, 0.1);}
    .contact-form {clear:both; display:block;}