@charset "UTF-8";
/* CSS Document */

/* scripts 

font-family: leander-script-pro, sans-serif;
font-family: lush, sans-serif;
font-family: alana-smooth, sans-serif;
font-family: six-hands-chalk, sans-serif;
font-family: p22-cezanne-pro, sans-serif;
*/

@import url("shadows.css");

body { padding-top: 0; background-image: url("/themes/tablesmith/images/fabric_1/fabric_1_light_@2X.jpg"); background-size: 400px 400px; background-repeat: repeat; color: #425960; 
    /*font-family: 'IM Fell DW Pica', serif;*/
font-family: new-spirit, serif;
font-weight: 300;
font-style: normal;
    font-size: .9rem;
    line-height: 1.75;
}

h1, h2, h3, h4, h5, h6, p, li { color: #425960; }

h1, h2, h3, h4, h5, h6 { font-family: 'IM Fell DW Pica', serif; }

h3 { text-align: center; margin-bottom: 50px; }
h3:after { content: url("/themes/tablesmith/images/doodad-divider.svg"); display: block; position: absolute; left: 50%; width: 100px; height: 40px; transform: translateX(-50%);}

ul,ol { padding-left: 1rem; }


/*p.lead { font-family: alana-smooth, sans-serif; font-size: 35px; line-height: 1; }*/
p.lead { font-size: 20px; line-height: 1.5; }

.font1 { font-family: leander-script-pro, sans-serif !important; font-size: 30px; line-height: 1.5; }
.font2 { font-family: lush, sans-serif; font-size: 30px; line-height: 1.5; }
.font3 { font-family: alana-smooth, sans-serif; font-size: 35px; line-height: 1; }
.font4 { font-family: six-hands-chalk, sans-serif; font-size: 30px; line-height: 1.5; }
.font5 { font-family: p22-cezanne-pro, sans-serif; font-size: 30px; line-height: 1.5; }

.top-bar { border-bottom: dashed rgba(119,163,160,.7) 1px; width: 100%; height: 15px; }
.top-bar:before { content: ''; display: block; width: 100%; height: 7px; background-color: rgba(119,163,160,.4); }

.bottom-bar { border-top: dashed rgba(119,163,160,.7) 1px; width: 100%; height: 7px; }

.navbar { box-shadow: none; margin-top: 0; background-color: transparent; padding-top: 1.5rem; padding-bottom: 1rem; }
.navbar-brand { width: 250px; padding-left: 0; margin-right: 0; }
.navbar-brand img { width: 100%; margin: 0; }
.pagebody { padding-top: 0; padding-bottom: 0; }

.page-title { background-color: transparent; box-shadow: none; }

.btn { border-radius: 0; font-family: 'IM Fell DW Pica', serif; color: #425960; }
.btn-primary { background-color: #7ba8a5; border-color: #7ba8a5; border-radius: 0; color: #425960; }
.btn-primary:hover {
    color: #fff;
    background-color: #425960;
    border-color: #425960;
}

.btn {
      background:transparent;
      padding:0.5rem 0.5rem;
      margin:0 0.5rem;
      font-size:1rem;

      border-top-left-radius: 255px 15px;
      border-top-right-radius: 15px 225px;
      border-bottom-right-radius: 225px 15px;
      border-bottom-left-radius:15px 255px;
}

.btn:hover{
   box-shadow:2px 8px 4px -6px rgba(0,0,0,.3);
}
.btn.lined.thick{
   border:solid 3px #425960;
}
.btn.dotted.thick{
   border:dotted 3px #425960;
}
.btn.dashed.thick{
  border:dashed 3px #425960;
}
.btn.btn-primary{
   border:solid 2px #425960;
}
.btn.dotted.thin{
   border:dotted 2px #425960;
}
.btn.dashed.thin{
  border:dashed 2px #425960;
}

.whitebox { background-color: #fff; padding: 40px; -webkit-box-shadow: 2px 2px 12px -8px rgba(0,0,0,0.75);
    -moz-box-shadow: 2px 2px 12px -8px rgba(0,0,0,0.75);
    box-shadow: 2px 2px 12px -8px rgba(0,0,0,0.75);  
    position: relative;
    margin-bottom: 20px;
    
   /*
      border-bottom-right-radius: 225px 15px;
      border-bottom-left-radius:15px 255px;
   */ 
}

.whitebox:before { content:''; display: block; position: absolute; top: 8px; right: 8px; bottom: 8px; left: 8px; 
    border: dashed rgba(119,163,160,.4) 1px; 
   z-index: 0;
    pointer-events: none;
    /*
    border-bottom-right-radius: 225px 15px;
    border-bottom-left-radius:15px 255px;
    */
}

.whitebox:after {
    z-index: -1;
      position: absolute;
      content: "";
      bottom: 15px;
      right: 10px;
      left: auto;
      width: 50%;
      top: 80%;
      max-width:300px;
      background: #777;
      -webkit-box-shadow: 0 15px 10px #777;
      -moz-box-shadow: 0 15px 10px #777;
      box-shadow: 0 15px 10px #777;
      -webkit-transform: rotate(3deg);
      -moz-transform: rotate(3deg);
      -o-transform: rotate(3deg);
      -ms-transform: rotate(3deg);
      transform: rotate(3deg);
}

.whitebox form { z-index: 1000; }

.ornament { font-family: dalliance-flourishes, sans-serif; font-weight: 400; font-style: normal;}

.divider-napkin { display: block; position: relative; width: 100%; height: 40px; margin-left: auto; background-image: url("/themes/tablesmith/images/napkin.svg"); background-repeat: no-repeat; background-size: contain; background-position: center;}


.accordion-item {
    background-color: transparent;
    border: 1px solid rgba(0,0,0,.125);
}

.accordion-button {
    background-color: transparent;
    color: #425960;
    font-family: leander-script-pro, sans-serif;
    font-size: 20px;
}

.accordion-flush .accordion-button {
    background-color: transparent;
    color: #77a3a0;
    font-family: 'IM Fell DW Pica', serif;
    font-size: 20px;
    padding-left: 0; padding-right: 0;
}

.accordion-button:focus {
    z-index: 3;
    border-color: #7ba8a5;
    outline: 0;
    box-shadow: none;
}

.accordion-button:not(.collapsed) {
    color: #333;
    background-color: transparent;
    box-shadow: inset 0 -1px 0 rgb(0 0 0 / 13%);
}

.accordion-flush .accordion-button::after {
    background-image: url('/themes/tablesmith/images/down-arrow.svg') !important;
    
}

.accordion-flush .accordion-button:not(.collapsed)::after {
    background-image: url('/themes/tablesmith/images/down-arrow.svg') !important;
    transform: rotate(-180deg);
}


.footer { background-color: transparent; }
.footer .row { padding-bottom: 20px; padding-top: 20px; }
.footer p { text-transform: uppercase; font-size: 12px; letter-spacing: 2px; }
.footer-logo { width: 240px; margin-bottom: 20px; }
.credit-row { background-color: #7ba8a5; } 

.swiper { margin-bottom: 20px; }
.swiper-wrapper { align-items: top; }
.swiper-slide {  }
.swiper-slide img { border: #fff solid 12px; 
    -webkit-box-shadow: 5px 5px 14px -8px rgba(0,0,0,0.75);
    -moz-box-shadow: 5px 5px 14px -8px rgba(0,0,0,0.75);
    box-shadow: 5px 5px 14px -8px rgba(0,0,0,0.75); 
    /*transform: rotate(-3deg)*/
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #7ba8a5;
}

.swiper-button-next, .swiper-button-prev {
    color: #7ba8a5;
}

.pagebody + .swiper { margin-top: -10px;}


/******** forms ********/

/*
.form-control, .custom-select { font-family: inherit; width: 100%; border: 0; border-bottom: 1px solid #ccc; outline: 0; font-size: 1rem; padding: 7px 0; background: transparent; background-color: transparent !important; transition: border-color 0.2s; border-radius: 0; box-shadow: none; border-left: none; border-top: none; border-right: none; }

.form-control::placeholder { color: transparent; }
.form-control:placeholder-shown ~ .control-label { font-size: .9rem; cursor: text; top: 12px; }

.control-label { position: relative; top: auto; display: block; transition: 0.2s; font-size: .9rem; line-height: 1.0; color: #9b9b9b; }

.control-label.text { position: absolute; top: -5px; }


.form-control:focus, .custom-select:focus { padding-bottom: 6px; font-weight: 600; border-width: 2px; border-bottom: #7ba8a5 solid 2px; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; }

.form-control:focus ~ .control-label, .custom-select:focus ~ .control-label { position: absolute; top: -5px; display: block; transition: 0.2s; font-size: .6rem; color: #7ba8a5; font-weight: 600; }

.form-control:required, .form-control:invalid, .custom-select:required, .custom-select:invalid { box-shadow: none; }

*/


.form-control {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: transparent;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    
    background:transparent;
      padding:0.5rem 0.5rem;
      margin:0 0.0rem;
      font-size:1rem;

      border-top-left-radius: 255px 15px;
      border-top-right-radius: 15px 225px;
      border-bottom-right-radius: 225px 15px;
      border-bottom-left-radius:15px 255px;
    
    
}
.form-control:focus { border: 1px solid #7ba8a5; }

.form-floating>.form-control:focus~label, .form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.form-select~label {
    opacity: 1;
    transform: scale(.85) translateY(-0.5rem) translateX(0.15rem);
}

.form-floating>.form-control, .form-floating>.form-select {
    height: calc(3.5rem + 2px);
    line-height: 1.0;
}

.double-height-mobile { height: calc(4.5rem + 2px) !important; }

.custom-checkbox .custom-control-label { display: inline; }

select.custom-select:not([multiple]) { -webkit-appearance: none; -moz-appearance: none; }

input.middle:focus { outline-width: 0; }

input:focus,
select:focus,
textarea:focus,
button:focus { outline: none; }

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #fff inset; 
}


.form-control.error { border-color: #9f5246;}

label { color: #7ba8a5 !important; }
label.error {
    position: relative;
    width: auto;
    display: block;
    color: #9f5246 !important;
    font-size: 11px;
    background-color: transparent;
    padding: 0;
    max-width: 700px;
    margin: 3px auto;
    border-radius: 0;
    text-align: left;
    z-index: 1000;
}
label.error:before { display: none; }
label.error + label { color: #9f5246 !important; }

.formResults { text-align: center; }


@media (min-width: 576px) { 
}

@media (min-width: 768px) { 
    .double-height-mobile { height: calc(3.5rem + 2px) !important; }
}

@media (min-width: 992px) { 
    .footer .row { padding-bottom: 40px; padding-top: 40px; }
}

@media (min-width: 1200px) { 
}

@media (min-width: 1200px) { 
    /*.container { max-width: 900px; }*/
}