/*
Theme Name: Smugglers 2014
Theme URL: http://smugglerscatering.com/
Description: Courteously provided by your friends at Expanse Content Management System We heart your face.
Version: 1.0
Author: Ian Tearle
Author URL: http://iantearle.com
Site: smugglers
*/

@import '//fonts.googleapis.com/css?family=Cardo:400,400italic,700';

@import 'bootstrap.css';

@import 'font-awesome.min.css';

@import 'animate.css';

/*
-------------------------------------------------
Global values
=================================================
*/

body {
  overflow: hidden;
}

.goodbye {
  position: fixed;
  background: rgba(255,255,255,0.95);
  width: 100%;
  height: 100%;
  z-index: 5000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow-y: scroll;
}

.goodbye div {
  left: 50%;
  top:0;
  transform: translate(-50%, 0);
  position: absolute;
  padding: 4rem 1rem;
}

.goodbye a.bye-logo {
  display: flex;
  margin: 0 auto 2rem;
  width: 100px
}

.goodbye p {
  font-size: 18px;
}

.goodbye blockquote p {
  font-style: italic;
  font-size: 20px;
}

:root {
  --french-gray: 					#c8cece;
  --french-gray-lighter: 			color(var(--french-gray) tint(13.5%));
}

@font-face {
  font-family: 'icomoon';

  src:    url('../fonts/icomoon.eot?q6vb2t');

  src:    url('../fonts/icomoon.eot?q6vb2t#iefix') format('embedded-opentype'),
        url('../fonts/icomoon.ttf?q6vb2t') format('truetype'),
        url('../fonts/icomoon.woff?q6vb2t') format('woff'),
        url('../fonts/icomoon.svg?q6vb2t#icomoon') format('svg');

  font-weight: normal;

  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-plain:before {
  content: "\e900";
}

.icon-font-inside .path1:before {
  content: "\e901";
  color: rgb(0, 0, 0);
}

.icon-font-inside .path2:before {
  content: "\e902";
  margin-left: -0.7734375em;
  color: rgb(255, 255, 255);
}

.icon-font-inside .path3:before {
  content: "\e903";
  margin-left: -0.7734375em;
  color: rgb(255, 255, 255);
}

.icon-font-inside .path4:before {
  content: "\e904";
  margin-left: -0.7734375em;
  color: rgb(255, 255, 255);
}

.icon-font-inside .path5:before {
  content: "\e905";
  margin-left: -0.7734375em;
  color: rgb(255, 255, 255);
}

.icon-font-inside .path6:before {
  content: "\e906";
  margin-left: -0.7734375em;
  color: rgb(255, 255, 255);
}

.icon-font-inside .path7:before {
  content: "\e907";
  margin-left: -0.7734375em;
  color: rgb(255, 255, 255);
}

.icon-font-inside .path8:before {
  content: "\e908";
  margin-left: -0.7734375em;
  color: rgb(255, 255, 255);
}

.icon-font-inside .path9:before {
  content: "\e909";
  margin-left: -0.7734375em;
  color: rgb(255, 255, 255);
}

.icon-font-inside .path10:before {
  content: "\e90a";
  margin-left: -0.7734375em;
  color: rgb(255, 255, 255);
}

.icon-font-inside .path11:before {
  content: "\e90b";
  margin-left: -0.7734375em;
  color: rgb(255, 255, 255);
}

.icon-font-inside .path12:before {
  content: "\e90c";
  margin-left: -0.7734375em;
  color: rgb(255, 255, 255);
}

.icon-font-inside .path13:before {
  content: "\e90d";
  margin-left: -0.7734375em;
  color: rgb(255, 255, 255);
}

.icon-font-outside:before {
  content: "\e90e";
}

@font-face {
  font-family: 'taiga_italicregular';

  src: url('../fonts/taiga_italic-webfont.eot');

  src: url('../fonts/taiga_italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/taiga_italic-webfont.woff2') format('woff2'),
         url('../fonts/taiga_italic-webfont.woff') format('woff'),
         url('../fonts/taiga_italic-webfont.ttf') format('truetype'),
         url('../fonts/taiga_italic-webfont.svg#taiga_italicregular') format('svg');

  font-weight: normal;

  font-style: normal;
}

h1,h2,h3,h4,h5,p {
  font-family: 'Cardo', serif;
}

a {
  color: #E60E64;
}

a:hover {
  color:#D30055;
}

.text-color {
  color: #E0015A;
}

.container-full {
  background-color: #B50049;
  margin: 0 auto;
  width: 100%;
  box-shadow: 0 0 5px rgba(0,0,0,0.3);
  overflow: hidden;
}

.smugglers-services {
  padding-bottom: 20px;
}

.smugglers-catering {
  background-color: #fff;
}

.smugglers-wedding {
  background-color: #FCECF1;
}

@media only screen and (min-width : 768px) {
  .smugglers-catering:after {
    right: -36px;
    background: url(../images/left.svg);
  }

  .smugglers-wedding:after {
    left: -36px;
    background: url(../images/right.svg);
  }

  .smugglers-services:after {
    content: "";
    position: absolute;
    width: 36px;
    height: 100%;
    top: 0;
  }
}

.the-grey {
  background-color: #f8f8f8;
}

.the-comment-form {
  background-color: #FCEBF0;
}

.contact {
  background-color: #E60E64;
  color: #f7f7f7;
}

.extra {
  background-color: #D30055;
  color: #f7f7f7;
}

.footer {
  background-color: #A30042;
  color: #f7f7f7;
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
  text-align: center;
}

.footer hr {
  width: 10%;
}

.footer a, .contact a, .extra a {
  color: #fff;
}

.paella {
  background: url(../images/paella.jpg) no-repeat center center fixed;
  background-size: cover;
}

.bbq {
  background: url(../images/bbq.jpg) no-repeat center center fixed;
  background-size: cover;
}

.hog-roast {
  background: url(../images/IMG_4952.jpg) no-repeat center center fixed;
  background-size: cover;
}

@media screen and (max-device-width: 1024px) {
  .hog-roast, .paella, .bbq {
    background-attachment: scroll;
    background-position: center bottom;
  }
}

/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */

@media only screen and (max-width : 480px) {
  .hog-roast, .bbq, .paella {
    background: none;
  }
}

.height-200 {
  height: 200px;
}

.navbar-smugglers {
  background-color: #fff;
  border-color: #e7e7e7;
}

.navbar-smugglers .navbar-nav>li>a {
  color: #E0015A;
  transition: all 2s ease-in-out;
}

.navbar-smugglers .navbar-nav>li>a:hover, .navbar-smugglers .navbar-nav>li>a:focus {
  color: #380117;
  background-color: transparent;
}

.book-today {
  font-size: 18px;
  margin-bottom: 0 !important;
}

.book-today a {
  color: inherit;
}

.trumpet {
  font-size: 48px;
  font-style: italic;
  margin-top: 1.67em;
}

/*---------------Margins-----------------------*/

.margin-0 {
  margin-bottom:0!important;
}

.margin-10 {
  margin-bottom:10px!important;
}

.margin-15 {
  margin-bottom:15px!important;
}

.margin-20 {
  margin-bottom:20px!important;
}

.margin-30 {
  margin-bottom:30px!important;
}

.margin-40 {
  margin-bottom:40px!important;
}

.margin-50 {
  margin-bottom:50px!important;
}

.margin-60 {
  margin-bottom:60px!important;
}

.margin-70 {
  margin-bottom:70px!important;
}

.margin-80 {
  margin-bottom:80px!important;
}

.margin-90 {
  margin-bottom:90px!important;
}

.margin-100 {
  margin-bottom:100px!important;
}

.margin-120 {
  margin-bottom:120px!important;
}

.padding-0 {
  padding-top:0!important;
}

.padding-10 {
  padding-top:10px!important;
}

.padding-15 {
  padding-top:15px!important;
}

.padding-20 {
  padding-top:20px!important;
}

.padding-30 {
  padding-top:30px!important;
}

.padding-40 {
  padding-top:40px!important;
}

.padding-50 {
  padding-top:50px!important;
}

.padding-60 {
  padding-top:60px!important;
}

.padding-70 {
  padding-top:70px!important;
}

.padding-80 {
  padding-top:80px!important;
}

.padding-90 {
  padding-top:90px!important;
}

.padding-100 {
  padding-top:100px!important;
}

.padding-120 {
  padding-top: 120px!important;
}

.btn-primary {
  color: #ffffff;
  background-color: #E1015B;
  border-color: #F7C6DE;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: #ffffff;
  background-color: #A30042;
  border-color: #F7C6DE;
}

.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background-image: none;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #E1015B;
  border-color: #F7C6DE;
}

.btn-primary .badge {
  color: #E1015B;
  background-color: #ffffff;
}

.btn-secondary {
  color: #ffffff;
  background-color: #380117;
  border-color: #850036;
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active,
.btn-secondary.active,
.open .dropdown-toggle.btn-secondary {
  color: #ffffff;
  background-color: #B50049;
  border-color: #850036;
}

.btn-secondary:active,
.btn-secondary.active,
.open .dropdown-toggle.btn-secondary {
  background-image: none;
}

.btn-secondary.disabled,
.btn-secondary[disabled],
fieldset[disabled] .btn-secondary,
.btn-secondary.disabled:hover,
.btn-secondary[disabled]:hover,
fieldset[disabled] .btn-secondary:hover,
.btn-secondary.disabled:focus,
.btn-secondary[disabled]:focus,
fieldset[disabled] .btn-secondary:focus,
.btn-secondary.disabled:active,
.btn-secondary[disabled]:active,
fieldset[disabled] .btn-secondary:active,
.btn-secondary.disabled.active,
.btn-secondary[disabled].active,
fieldset[disabled] .btn-secondary.active {
  background-color: #380117;
  border-color: #850036;
}

.btn-secondary .badge {
  color: #380117;
  background-color: #ffffff;
}

/*----------------Testimonials-----------------*/

#testimonials blockquote {
  font-style: italic;
  border-left: none;
}

.carousel .item.active, .carousel .item.next {
  display: table;
  text-align: center;
  width: 100%;
  margin: 0 auto;
}

@media only screen and (min-width : 768px) {
  .carousel .item.active, .carousel .item.next {
    width: 70%;
  }
}

.carousel .item .flex {
  display:table-cell;
  vertical-align:middle;
}

.carousel-control.left {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0) 0px, rgba(0, 0, 0, 0) 100%);
  background-repeat: repeat-x;
}

.carousel-control.right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0.0) 100%);
  background-repeat: repeat-x;
  left: auto;
  right: 0;
}

.carousel-control .icon-next:before {
  font-family: 'FontAwesome';
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  content: '\f105';
  color: #E0015A;
}

.carousel-control .icon-prev:before {
  font-family: 'FontAwesome';
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  content: '\f104';
  color: #E0015A;
}

/*!
 * Datetimepicker for Bootstrap v3
//! version : 3.1.3
 * https://github.com/Eonasdan/bootstrap-datetimepicker/
 */

.bootstrap-datetimepicker-widget{
  top:0;
  left:0;
  width:250px;
  padding:4px;
  margin-top:1px;
  z-index:99999!important;
  border-radius:4px
}

.bootstrap-datetimepicker-widget.timepicker-sbs{
  width:600px
}

.bootstrap-datetimepicker-widget.bottom:before{
  content:'';
  display:inline-block;
  border-left:7px solid transparent;
  border-right:7px solid transparent;
  border-bottom:7px solid #ccc;
  border-bottom-color:rgba(0,0,0,.2);
  position:absolute;
  top:-7px;
  left:7px
}

.bootstrap-datetimepicker-widget.bottom:after{
  content:'';
  display:inline-block;
  border-left:6px solid transparent;
  border-right:6px solid transparent;
  border-bottom:6px solid #fff;
  position:absolute;
  top:-6px;
  left:8px
}

.bootstrap-datetimepicker-widget.top:before{
  content:'';
  display:inline-block;
  border-left:7px solid transparent;
  border-right:7px solid transparent;
  border-top:7px solid #ccc;
  border-top-color:rgba(0,0,0,.2);
  position:absolute;
  bottom:-7px;
  left:6px
}

.bootstrap-datetimepicker-widget.top:after{
  content:'';
  display:inline-block;
  border-left:6px solid transparent;
  border-right:6px solid transparent;
  border-top:6px solid #fff;
  position:absolute;
  bottom:-6px;
  left:7px
}

.bootstrap-datetimepicker-widget .dow{
  width:14.2857%
}

.bootstrap-datetimepicker-widget.pull-right:before{
  left:auto;
  right:6px
}

.bootstrap-datetimepicker-widget.pull-right:after{
  left:auto;
  right:7px
}

.bootstrap-datetimepicker-widget>ul{
  list-style-type:none;
  margin:0
}

.bootstrap-datetimepicker-widget a[data-action]{
  padding:6px 0
}

.bootstrap-datetimepicker-widget a[data-action]:active{
  box-shadow:none
}

.bootstrap-datetimepicker-widget .timepicker-hour,.bootstrap-datetimepicker-widget .timepicker-minute,.bootstrap-datetimepicker-widget .timepicker-second{
  width:54px;
  font-weight:700;
  font-size:1.2em;
  margin:0
}

.bootstrap-datetimepicker-widget button[data-action]{
  padding:6px
}

.bootstrap-datetimepicker-widget table[data-hour-format="12"] .separator{
  width:4px;
  padding:0;
  margin:0
}

.bootstrap-datetimepicker-widget .datepicker>div{
  display:none
}

.bootstrap-datetimepicker-widget .picker-switch{
  text-align:center
}

.bootstrap-datetimepicker-widget table{
  width:100%;
  margin:0
}

.bootstrap-datetimepicker-widget td,.bootstrap-datetimepicker-widget th{
  text-align:center;
  border-radius:4px
}

.bootstrap-datetimepicker-widget td{
  height:54px;
  line-height:54px;
  width:54px
}

.bootstrap-datetimepicker-widget td.cw{
  font-size:10px;
  height:20px;
  line-height:20px;
  color:#777
}

.bootstrap-datetimepicker-widget td.day{
  height:20px;
  line-height:20px;
  width:20px
}

.bootstrap-datetimepicker-widget td.day:hover,.bootstrap-datetimepicker-widget td.hour:hover,.bootstrap-datetimepicker-widget td.minute:hover,.bootstrap-datetimepicker-widget td.second:hover{
  background:#eee;
  cursor:pointer
}

.bootstrap-datetimepicker-widget td.old,.bootstrap-datetimepicker-widget td.new{
  color:#777
}

.bootstrap-datetimepicker-widget td.today{
  position:relative
}

.bootstrap-datetimepicker-widget td.today:before{
  content:'';
  display:inline-block;
  border-left:7px solid transparent;
  border-bottom:7px solid #428bca;
  border-top-color:rgba(0,0,0,.2);
  position:absolute;
  bottom:4px;
  right:4px
}

.bootstrap-datetimepicker-widget td.active,.bootstrap-datetimepicker-widget td.active:hover{
  background-color:#428bca;
  color:#fff;
  text-shadow:0 -1px 0 rgba(0,0,0,.25)
}

.bootstrap-datetimepicker-widget td.active.today:before{
  border-bottom-color:#fff
}

.bootstrap-datetimepicker-widget td.disabled,.bootstrap-datetimepicker-widget td.disabled:hover{
  background:0 0;
  color:#777;
  cursor:not-allowed
}

.bootstrap-datetimepicker-widget td span{
  display:inline-block;
  width:54px;
  height:54px;
  line-height:54px;
  margin:2px 1.5px;
  cursor:pointer;
  border-radius:4px
}

.bootstrap-datetimepicker-widget td span:hover{
  background:#eee
}

.bootstrap-datetimepicker-widget td span.active{
  background-color:#428bca;
  color:#fff;
  text-shadow:0 -1px 0 rgba(0,0,0,.25)
}

.bootstrap-datetimepicker-widget td span.old{
  color:#777
}

.bootstrap-datetimepicker-widget td span.disabled,.bootstrap-datetimepicker-widget td span.disabled:hover{
  background:0 0;
  color:#777;
  cursor:not-allowed
}

.bootstrap-datetimepicker-widget th{
  height:20px;
  line-height:20px;
  width:20px
}

.bootstrap-datetimepicker-widget th.picker-switch{
  width:145px
}

.bootstrap-datetimepicker-widget th.next,.bootstrap-datetimepicker-widget th.prev{
  font-size:21px
}

.bootstrap-datetimepicker-widget th.disabled,.bootstrap-datetimepicker-widget th.disabled:hover{
  background:0 0;
  color:#777;
  cursor:not-allowed
}

.bootstrap-datetimepicker-widget thead tr:first-child th{
  cursor:pointer
}

.bootstrap-datetimepicker-widget thead tr:first-child th:hover{
  background:#eee
}

.input-group.date .input-group-addon span{
  display:block;
  cursor:pointer;
  width:16px;
  height:16px
}

.bootstrap-datetimepicker-widget.left-oriented:before{
  left:auto;
  right:6px
}

.bootstrap-datetimepicker-widget.left-oriented:after{
  left:auto;
  right:7px
}

.bootstrap-datetimepicker-widget ul.list-unstyled li div.timepicker div.timepicker-picker table.table-condensed tbody>tr>td{
  padding:0!important
}

@media screen and (max-width:767px){
  .bootstrap-datetimepicker-widget.timepicker-sbs{
    width:283px
  }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 568px) {
  .col-xsl-6 {
    float: left;
    width: 50%;
  }
}

.text-white {
  color: white;
}

.callout {
  background: rgba(0,0,0,0.65);
}