/*
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: 1.15rem;
    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;
}

.Chelh2bigger {
    font-family: 'Playfair Display', serif;
    font-style: italic;
    font-size: 2.5em;
    margin-bottom: -10px;
}

.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-bottom: 15px;
    margin-top: 15px;
}

#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: 1.25rem;
    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: #a4d3f9;
    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(0, 140, 69, .6);
    border-bottom: 2px;
    border-bottom-style: groove;
}

.fancybox-caption {
  font-family: "Playfair Display", serif;
  color: #f2f2f2 !important;
  font-size: 1.25em !important;
  font-style: italic !important;
}

label.cartLabel {
  font-family: sans-serif;
  font-size: 1.25rem;
  padding-right: 10px;
  font-style: italic;
}

select.cartSelect, option.cartOption {
  font-size: 1.25rem;
  padding: 2px 5px;
  font-style: italic;
}

label.cartLabel {
  font-family: sans-serif;
  font-size: 1.25rem;
  padding-right: 10px;
  font-style: italic;
}

select.cartSelect, option.cartOption {
  font-size: 1.25rem;
  padding: 2px 5px;
  font-style: italic;
}

.huronText, .huronHeadline, .cartPrice, .cartFinalPrice {
  line-height: 1.2;
  font-family: $tripDetailsFont;
  font-size: 22px;
}

.tabCallout {
  background-color:rgb(205, 33, 42, .3);
}
/* over-ride foundation.css tabs content padding */
.tabs-content > .content {
  font-family: 'Playfair Display', serif;
  padding-top: 1.25rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-bottom: 0rem;
  width: 100%;
}
.tabs-content > .content > p {
  font-size: 1rem;
	line-height: 1.25;
  font-family: 'Playfair Display', serif;
  margin-bottom: 0px;
  padding-bottom: 10px;
}
.tabs .tab-title > a {
  background-color: #EFEFEF;
  color: #222222;
  font-family: 'Playfair Display', serif;
  font-size: 1rem;
  padding: 1rem 2rem; }
  .tabs dd > a:hover,
  .tabs .tab-title > a:hover {
    background-color: rgb(78, 150, 233); }
.tabs dd.active > a,
.tabs .tab-title.active > a {
  background-color:rgb(205, 33, 42, .3);
  color: #222222; }
/* Fancy Horizontal Lines */
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;
}
.rightImgPadd {
margin-top: 20px;
}
.header.france {
    background-color: #48c7c1;
}
.header.cambridge {
    background-color: #EB99A9; /* one of cambridge university's lighter official colors */
}
.header.sicily {
    background-color: lightgreen;
}