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

body, html {
height: 100%;
margin: 0;
font: 400 16px;
font-family: nnMainFont;
color: #777;
}
a:link, a:visited {
    color: white;
    text-decoration: underline;
}
a:hover {
    text-decoration: none;
}
.main, .mainalt, .bgimg-1, .bgimg-2, .bgimg-3, .bgimg-audiovideo, .bgimg-shows,
.welcomebg, .weddingmain, .weddingmain2,
.weddingmain3, .weddingmain4, .theceremony, .wbreakfast,
.evereception, .bgimg-testimonials, .bgimg-getintouch {
position: relative;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}

.main {
background-image: url("images/2019_bg01.jpg");
min-height: 100%;
}

.mainalt {
background-image: url("images/2019_bg01.jpg");
min-height: 500px;
}

.bgimg-1 {
background-image: url("images/2019_bg01.jpg");
min-height: 100%;
}

.bgimg-2 {
background-image: url("images/2019_bg02.jpg");
min-height: 100%;
}

.bgimg-3 {
background-image: url("images/2019_bg03.jpg");
min-height: 400px;
}

.bgimg-audiovideo {
background-image: url("images/bg03.jpg");
min-height: 600px;
}

.bgimg-shows {
background-image: url("images/bg-shows.jpg");
min-height: 500px;
}

.bgimg-testimonials {
background-image: url("images/2019_bg03.jpg");
min-height: 700px;
}

.bgimg-getintouch {
background-image: url("images/bg02.jpg");
min-height: 600px;
}

.welcomebg {
background-image: url("images/bg_sheetmusic.jpg");
background-color: #edd8ca;
min-height: 500px;
}

.weddingmain {
background-image: url("images/bg-wedding01.jpg");
min-height: 100%;
}

.weddingmain2 {
background-image: url("images/bg-wedding02.jpg");
min-height: 600px;
}

.weddingmain3 {
background-image: url("images/bg-wedding03.jpg");
min-height: 100%;
}

.weddingmain4 {
background-image: url("images/bg-wedding04.jpg");
min-height: 500px;
}

.theceremony {
background-image: url("images/bg-wedceremony.jpg");
background-color: #edd8ca;
min-height: 500px;
}

.wbreakfast {
background-image: url("images/bg-wedbreakfast.jpg");
background-color: #edd8ca;
min-height: 500px;
}

.evereception {
background-image: url("images/bg-wedreception.jpg");
background-color: #edd8ca;
min-height: 500px;
}

table.showstable, td, th {    
    border: 0px;
    text-align: left;
    padding: 10px;
}

table.showstable {
    width: 100%;
}

.caption {
position: absolute;
left: 0;
top: 50%;
width: 95%;
text-align: center;
color: #FFFFFF;
font-family: nnSectionTxt;
text-shadow: 1px 1px 2px black, 0 0 25px black, 0 0 5px darkblue;
}

.captionshow {
position: absolute;
left: 0;
top: 75%;
width: 95%;
text-align: center;
color: #FFFFFF;
font-family: nnSectionTxt;
text-shadow: 1px 1px 2px black, 0 0 25px black, 0 0 5px darkblue;
}

.caption span.border {
background-color: #111;
color: #fff;
padding: 18px;
font-size: 25px;
}

h1 {
color: white;
text-align:center;
font-family: nnSectionTxt;
font-weight:400;
}
h1 span{
display:block;
font-size:100px;
-webkit-transform:rotate(-6deg);
transform:rotate(-6deg);
line-height: 90%;
text-shadow: 1px 1px 25px black, 0 0 25px black, 2px 3px 25px darkblue;
}
h1 normal{
display:block;
font-size:40px;
text-shadow: 1px 1px 25px black, 0 0 25px black;
}
h1 small{
display:block;
font-size:35px;
margin-top:1em;
-webkit-transform:rotate(-6deg);
transform:rotate(-6deg);
text-shadow: 1px 1px 25px black, 0 0 25px black;
}
h1 footer{
font-family:nnMainTxt;
font-size:14px;
margin-top:1em;
text-shadow: 1px 1px 25px black, 0 0 25px black, 2px 3px 25px darkblue;
}

h2 {
color: white;
text-align:right;
font-family: nnSectionTxt;
font-weight:400;
}
h2 span{
display:block;
font-size:90px;
-webkit-transform:rotate(-6deg);
transform:rotate(-6deg);
line-height: 90%;
text-shadow: 1px 1px 25px black, 0 0 25px black, 2px 3px 25px darkblue;
}
h2 small{
display:block;
font-size:35px;
margin-top:1em;
-webkit-transform:rotate(-6deg);
transform:rotate(-6deg);
text-shadow: 1px 1px 25px black, 0 0 25px black;
}

h3 {
color: white;
text-align:center;
font-family: nnHeaderFont;
font-weight:400;
text-shadow: 1px 1px 2px black, 0 0 25px black, 0 0 5px darkblue;
display:block;
font-size:50px;
}

.text1 {
color: #333333;
font-family:nnMainTxt;
font-size: 22px;
text-align: center;
padding:30px 25%;
text-align: justify;
opacity:1;
}

.textfooter1 {
color: #FFFFFF;
font-family:nnMainTxt;
font-size: 12px;
text-align: center;
padding:60px;
opacity:1;
position: absolute;
display:inline-block;
left: 0;
top: 50%;
width: 95%;
}

.textfooter2 {
color: #FFFFFF;
font-family:nnMainTxt;
font-size: 12px;
text-align: center;
padding:60px;
opacity:1;
position: absolute;
left: 0;
top: 50%;
width: 95%;
}

.darkgreytxt {
color: #404040;
}

div.left {
float: left;
clear: both;
width: 50%;
text-align:center;
}

div.right {
text-align:center;
}

.gigdiary-outer {
text-align:center;
padding: 1px
}
.gigdiary-inner {
margin: 0 auto;
width: 400px;
border:1px solid #000000;
box-shadow:black 1px 1px 3px;
}

.nav {
  overflow: hidden;
  position:fixed;
  width:100%;
  z-index:1;
  top:0;
  font-family: nnHeaderFont;
  text-shadow: 1px 1px 2px black, 0 0 25px black, 0 0 5px darkblue;
}

.navalt {
  overflow: hidden;
  background-color: #000000;
  position:fixed;
  width:100%;
  z-index:1;
  top:0;
  box-shadow: 0px 1px 15px #000000;
  font-family: nnHeaderFont;
  transition: all 0.5s ease;
}
.nav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 10px 15px 5px 15px;
  text-decoration: none;
  font-size: 30px;
  font-family: nnHeaderFont;
}
.nav a:hover {
  background-color: #000000;
  color: white;
}
.navalt a:hover {
  background-color: #333333;
  color: white;
}
.nav .icon {
  display: none;
}

.navwed {
  overflow: hidden;
  position:fixed;
  width:100%;
  z-index:1;
  top:0;
  font-family: nnHeaderFont;
  text-shadow: 1px 1px 2px black, 0 0 25px black, 0 0 5px darkblue;
}

.navaltwed {
  overflow: hidden;
  background-color: #74A3A5;
  position:fixed;
  width:100%;
  z-index:1;
  top:0;
  box-shadow: 0px 1px 15px #000000;
  font-family: nnHeaderFont;
  transition: all 0.5s ease;
}
.navwed a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 10px 15px 5px 15px;
  text-decoration: none;
  font-size: 30px;
  font-family: nnHeaderFont;
}
.navwed a:hover {
  background-color: #74A3A5;
  color: white;
}
.navaltwed a:hover {
  background-color: #245658;
  color: white;
}
.navwed .icon {
  display: none;
}
.socialicons {
	z-index:2;
    position:fixed;
    top:0;
    right:30px;
    font-family: nnHeaderFont;
    text-shadow: 1px 1px 2px black, 0 0 25px black, 0 0 5px darkblue;
}
.socialicons a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 10px 15px;
  text-decoration: none;
  font-size: 30px;
  font-family: nnHeaderFont;
}

.fa-facebook-official:hover {
  color: #3b5998;
}
.fa-soundcloud:hover{
  color: #ff7700;
}
.fa-google-plus:hover{
  color: #dd4b39;
}
.fa-youtube-play:hover{
  color: #bb0000;
}

.right{float:right!important}

@media screen and (max-width: 960px) {
  .nav a:not(:first-child) {display: none;}
  .nav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 960px) {
  .nav.responsive {position: relative;}
  .nav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .nav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }

}

@media screen and (max-width: 960px) {
  .navwed a:not(:first-child) {display: none;}
  .navwed a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 960px) {
  .navwed.responsive {position: relative;}
  .navwed.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .navwed.responsive a {
    float: none;
    display: block;
    text-align: left;
  }

}

/* Turn off parallax scrolling for tablets and phones */

@media only screen and (max-device-width: 1024px) {
	.main, .mainalt, .bgimg-1, .bgimg-2, .bgimg-3, .bgimg-audiovideo, .bgimg-shows,
.welcomebg, .weddingmain, .weddingmain2,
.weddingmain3, .weddingmain4, .theceremony, .wbreakfast,
.evereception, .bgimg-testimonials, .bgimg-getintouch {
        background-attachment: scroll;
    }
	
	.text1 {
		padding:30px 5%;
}
}

@font-face {
    font-family: nnHeaderFont;
    src: url(fonts/bakery.woff);
}

@font-face {
    font-family: nnSectionTxt;
    src: url(fonts/aquarelle.woff);
}

@font-face {
    font-family: nnMainTxt;
    src: url(fonts/delicious.woff);
}
/* ============================
   Testimonials Section - Masonry Grid
   ============================ */

.testimonials-section {
  padding: 20px 6%;
}

.testimonials-section h3 {
  font-size: 42px;
  margin-bottom: 40px;
  font-family: nnHeaderFont;
  color: #222;
  text-align: center;
  text-shadow: none;
}

/* Masonry layout */
.testimonial-grid {
  column-count: 3;
  column-gap: 25px;
}

.testimonial-card {
  background: #fff;
  display: inline-block;
  margin: 0 0 25px;
  border-radius: 12px;
  padding: 20px;
  box-shadow: 0 6px 14px rgba(0,0,0,0.08);
  font-size: 17px;
  line-height: 1.5;
  width: 100%;
  color: #333;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.testimonial-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 20px rgba(0,0,0,0.12);
}

.testimonial-card p {
  margin-bottom: 10px;
}

.testimonial-card .author {
  font-weight: bold;
  color: #555;
  margin-top: 8px;
  display: block;
  font-size: 15px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* Responsive: collapse to fewer columns */
@media screen and (max-width: 1200px) {
  .testimonial-grid {
    column-count: 2;
  }
}

@media screen and (max-width: 768px) {
  .testimonial-grid {
    column-count: 1;
  }
}

//*h4 {
  font-family: "Faculty Glyphic", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 40px;
}*//

h4 {
font-family: "Bodoni Moda SC", serif;
font-optical-sizing: auto;
font-weight: 500;
font-style: normal;
}