/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : Oct 17, 2015, 1:07:14 PM
    Author     : john
class = "." - use for many things - multiple classes per element, used multiple times
id = "#" - use for 1 thing - each element can have 1 id, and used once per page
*/

@import url(https://fonts.googleapis.com/css?family=Playfair+Display:400,400italic,700,700italic);

* {
font-family: 'Playfair Display', serif;

}

p {
 font-size: 1.25rem;
}


.meals {
    font-size: smaller;
    color: blue;
}

.chelsea a {
    font-size: 14pt;
    color: darkorchid;
    font-family: 'Playfair Display', serif;
}

a:hover {

        color:orchid;
}

.Chelh1 {
        font-family: 'Playfair Display', serif;
}

.Chelh2 {
    font-family: 'Playfair Display', serif;
    font-style: italic;
}

.datesH2 {
    font-family: 'Playfair Display', serif;
    font-style: italic;
    font-size:xx-large;
}

.datesH3 {
    font-family: 'Playfair Display', serif;
    font-size:1.75rem;
}

.Chelh3 {
    font-family: 'Playfair Display', serif;
}

.Chelh4form {
    font-family: 'Playfair Display', serif;
}

.Chelh5 {
    font-family: 'Playfair Display', serif;
    font-size: 1.5rem;
}

.Chelh6 {
    font-family: 'Playfair Display', serif;
    color: #9b59b6;
	  font-size: 1.25rem;
}

.TripImg {

   padding:1px;
   border:1px solid #021a40;
}

.labelForm {
    font-family: 'Playfair Display', serif;
    font-weight: bold;
    font-size: 20px;
}

#preFooter {
    border:1px solid #021a40;
    background-color: rgb(242, 242, 242);

}

.announce {
    font-family: 'Playfair Display', serif;
    font-style: italic;
    color:darkorchid;
}

.lpBrochureButton {
    margin: 0 0 2.25rem;
}

#r2d2 {
    top: -100px;
    left: -100px;
    visibility: hidden;
    display: none;
}

.btn {
  cursor: pointer;
  border-radius: 5px;
  text-decoration: none;
  padding: 10px;
  font-size: 22px;
  transition: .3s;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -o-transition: .3s;
  display: inline-block;
}

.btn:hover {
  cursor: url(http://cur.cursors-4u.net/symbols/sym-1/sym46.cur), auto;
}

.purple {
  color: #9b59b6;
  border: 2px #9b59b6 solid;
}

.purple:hover {
  color: #fff;
  background-color: #9b59b6;
}

.paraPicCap {
    font-family: 'Playfair Display', serif;
    color: blueviolet;
    font-size: 1rem;
    font-style: italic;
}

.Alt1_background {
    background-color: #f2f2f2;
    }
.Alt2_background {
    background-color: #F7ECEC;
}

.calloutRight {
    border-style: solid;
    border-width: 1px;
    border-color: #d8d8d8;
    margin-bottom: 1.25rem;
    padding: 1.25rem;
    background: #a4f9ca;
    color: #333333;
    outline-style: double;
}

.panel.callout {
    border-style: solid;
    border-width: 1px;
    border-color: #d8d8d8;
    margin-bottom: 1.25rem;
    padding: 1.25rem;
    background: #FFFFFF;
    color: #333333;
    outline-style: double;}

.calloutAbout {
    border-style: solid;
    border-width: 1px;
    border-color: #d8d8d8;
    margin-bottom: 1.25rem;
    padding: 1.25rem;
    background: #0E72C4;
    color: #333333;
    outline-style: double;
}


.calloutHighlights {
    border-style: solid;
    border-width: 1px;
    border-color: #d8d8d8;
    margin-bottom: 1rem;
    padding: 1rem;
    background: rgba(255, 194, 235, 1);
    color: #333333;
    outline-style: double;
}

.calloutHighlights > p {
  font-size: 1.25em;
}

#forBackgroundImg {
    background-image: url("../../images/htt-logo-green-min.png");
    background-repeat: no-repeat;
    background-position-x: 25px;
}

.caption{
  font-size:1.15rem;
}

.header {
    /* background: #C0D8F0; */
    background: rgba(255, 194, 235, 1);
    border-bottom: 2px;
    border-bottom-style: groove;
}

.inner50PrcntImage {
  display: inline-block;
  width: 50%;
  margin: auto;
}

.fancybox-caption {
  font-family: "Playfair Display", serif;
  color: #f2f2f2 !important;
  font-size: 1.25em !important;
  font-style: italic !important;
}
hr.style-eight {
    overflow: visible; /* For IE */
    padding: 0;
    border: none;
    border-top: medium double #333;
    color: #333;
    text-align: center;
}
hr.style-eight:after {
    content: "§";
    display: inline-block;
    position: relative;
    top: -0.95em;
    font-size: 1.5em;
    padding: 0 0.25em;
    background: white;
}