/*
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;

}

.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:x-large;
}

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

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

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

.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: 12px;
    font-style: italic;
}

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

.calloutPink {
    border-style: solid;
    border-width: 1px;
    border-color: #d8d8d8;
    margin-bottom: 1.25rem;
    padding: 1.25rem;
    background: rgba(255, 204, 255, 0.3);
    color: #333333;
}

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

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


.calloutHighlights {
    border-style: solid;
    border-width: 1px;
    border-color: #d8d8d8;
    margin-bottom: 1rem;
    padding: 1rem;
    background: #ecfaff;
    color: #333333;
    outline-style: double;
}
#forBackgroundImg {
    background-image: url("../../images/htt-logo-green-min.png"); 
    background-repeat: no-repeat; 
    background-position-x: 25px;
}

.caption{
    font-size:smaller;
}