@charset "utf-8";
@import url("../webfonts/jandastylishscript/stylesheet.css");
@import url("../webfonts/Things_We_Said/stylesheet.css");
@import url("../webfonts/Hagin_Caps_Thin/stylesheet.css");
@import url("../webfonts/Just_SkinnY/stylesheet.css");
@import url("../webfonts/Simonscript/stylesheet.css");
@import url("../webfonts/Hagin_Caps_Medium/stylesheet.css");
@import url("../webfonts/Bergamot_Ornaments/stylesheet.css");
@import url("../webfonts/Bergermont/stylesheet.css");
/* Common */

@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

.arrow {
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -20px;
  width: 40px;
  height: 40px;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yOTMuNzUxLDQ1NS44NjhjLTIwLjE4MSwyMC4xNzktNTMuMTY1LDE5LjkxMy03My42NzMtMC41OTVsMCwwYy0yMC41MDgtMjAuNTA4LTIwLjc3My01My40OTMtMC41OTQtNzMuNjcyICBsMTg5Ljk5OS0xOTBjMjAuMTc4LTIwLjE3OCw1My4xNjQtMTkuOTEzLDczLjY3MiwwLjU5NWwwLDBjMjAuNTA4LDIwLjUwOSwyMC43NzIsNTMuNDkyLDAuNTk1LDczLjY3MUwyOTMuNzUxLDQ1NS44Njh6Ii8+DQo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMjIwLjI0OSw0NTUuODY4YzIwLjE4LDIwLjE3OSw1My4xNjQsMTkuOTEzLDczLjY3Mi0wLjU5NWwwLDBjMjAuNTA5LTIwLjUwOCwyMC43NzQtNTMuNDkzLDAuNTk2LTczLjY3MiAgbC0xOTAtMTkwYy0yMC4xNzgtMjAuMTc4LTUzLjE2NC0xOS45MTMtNzMuNjcxLDAuNTk1bDAsMGMtMjAuNTA4LDIwLjUwOS0yMC43NzIsNTMuNDkyLTAuNTk1LDczLjY3MUwyMjAuMjQ5LDQ1NS44Njh6Ii8+DQo8L3N2Zz4=);
  background-size: contain;
}

.bounce {
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}



.uk-vertical-align:before {
	min-height:inherit;
}

body {
	-webkit-font-smoothing: subpixel-antialiased;

}

.form-control {
	width: 100%!important;
}
p {
	font-weight: normal;
	font-size: 16px;
}
h1 {
	font-family: jandastylishscript;
	font-style: normal;
	font-weight: 100;
	font-size: 40px;
	color: rgba(255,255,255,1.00);
	text-align: center;
}
h2 {
	font-family: "Hagin Caps Medium";
	font-size: 25px;
}
h3 {
	font-family: jandastylishscript;
	font-style: normal;
	font-weight: 100;
	font-size: 30px;
	color: rgba(255,255,255,1.00);
	text-align: center;
}
.uk-close {
	color: #434444;
}
.cb-sm {
	padding-top: 70px;
}
.cb-lg {
	max-width: 1024px;
}
.cb-180 {
	-ms-transform: rotate(180deg); /* IE 9 */
	-webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
	transform: rotate(180deg);
}

.cb-width-1-1 {
	width:100%;
}
.cb-container {
	max-width: 1200px;
	height: 100%;
	min-height: 100vh;
}
.cb-max-width {
	max-width: 1200px;
}
/* Holding Page */

.uk-container {
	max-width: 1920px;
}
#cb-landing {
	height: 100vh;
	overflow-x: hidden;
	overflow-y: hidden;
	
}
#cb-landing .cb-bg {
	background-image: url(../images/background.jpg);
	height: 100%;
	z-index: -1;
	max-width: 1920px;
	width: 100%;
	overflow-x: hidden;
	overflow-y: hidden;
}
.cb-overlay-img {
	height: 40vh;
	position: relative;
	top: -55vh;
	left: 50%;
	transform: translate(-50%, -50%);

}
.cb-clock-container {
	position: absolute;
	text-align: center;
	background-color: rgba(121,26,83,0.50);
	/* [disabled]transform: translate(-50%, 0); */
	width: 100%;
	max-width: 1920px;
	bottom: 0px;
}
.uk-navbar .uk-navbar-nav li {
	width: 25%;
	text-align: center;
}
.uk-navbar-nav li a {
	color: #FFFFFF;
}
.uk-navbar {
	position: absolute;
	width: 100%;
	background-color: rgba(121,26,83,0.50);
	z-index: 2;
}
.uk-navbar-nav {
	width: 100%;
}
/* Coming soon */

.cb-coming-soon {
	position: absolute;
	top: 2.5%;
	right: 2.5%;
	max-width: 250px;
	transform: rotate(10deg);
}
.cb-coming-soon img {
	width: 40vh;
}
.cb-commin-soon-small {
	position: absolute;
	top: 0PX;
	left: 0PX;
	right: 0PX;
	text-align: center;
	background-color: rgba(121,26,83,0.50);
	color: #FFFFFF;
	font-weight: 100;
	font-style: normal;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
/* Countdown */

.cb-clock-container h1 {
	color: #FFFFFF;
	font-family: 'janda_stylish_scriptregular';
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	margin-bottom: 0px;
}
#clockdiv {
	color: #fff;
	display: inline-block;
	text-align: center;
	font-size: 14PX;
	font-weight: normal;
}
#clockdiv > div {
	padding-top: 10px;
	padding-right: 10px;
	padding-right: 10px;
	border-radius: 3px;
	display: inline-block;
}
#clockdiv div > span {
	padding: 10px;
	border-radius: 3px;
	background: #791A53;
	display: inline-block;
}
.smalltext {
	padding-top: 5px;
	font-size: 10PX;
}
/* Bride and Groom
 ========================================================================== */
#cb-bride-groom {
	height: 100%;
	background-color: #791A53;
	padding-bottom: 30px;
	min-height: 100vh;
	padding-top: 60px;
}
#cb-bride-groom p {
	color: rgba(255,255,255,1.00);
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	font-size: 15px;
}
#cb-bride-groom img {
	width: 60vw;
}
/* Section 1
 ========================================================================== */
 
#cb-section-1 {
	height: 100px;
	background-color: #4b1337;
}
#cb-section-1 span {
	font-size: 26px;
	display: inline;
	font-family: Bergermont;
}
#cb-section-1 p {
	font-family: "Just SkinnY";
	font-size: 40px;
	display: inline;
	padding-left: 10px;
	padding-right: 10px;
}
/* Section 2
 ========================================================================== */
 
#cb-section-2 {
	height: 100px;
	background-color: #4b1337;
}
#cb-section-2 span {
	font-size: 26px;
	display: inline;
	font-family: Bergermont;
}
#cb-section-2 p {
	font-family: "Just SkinnY";
	font-size: 40px;
	display: inline;
	padding-left: 10px;
	padding-right: 10px;
}
/* Section 3
 ========================================================================== */
 
#cb-section-3 {
	height: 100px;
	background-color: #4b1337;
}
#cb-section-3 span {
	font-size: 26px;
	display: inline;
	font-family: Bergermont;
}
#cb-section-3 p {
	font-family: "Just SkinnY";
	font-size: 26px;
	display: inline;
	padding-left: 10px;
	padding-right: 10px;
}

/* Section 4
 ========================================================================== */
 
#cb-section-4 {
	height: 100px;
	background-color: #4b1337;
}
#cb-section-4 span {
	font-size: 26px;
	display: inline;
	font-family: Bergermont;
}
#cb-section-4 p {
	font-family: "Just SkinnY";
	font-size: 26px;
	display: inline;
	padding-left: 10px;
	padding-right: 10px;
}

/* Section 5
 ========================================================================== */
 
#cb-section-5 {
	height: 100px;
	background-color: #4b1337;
}
#cb-section-5 span {
	font-size: 26px;
	display: inline;
	font-family: Bergermont;
}
#cb-section-5 p {
	font-family: "Just SkinnY";
	font-size: 26px;
	display: inline;
	padding-left: 10px;
	padding-right: 10px;
}

/* Section 6
 ========================================================================== */
 
#cb-section-6 {
	height: 100px;
	background-color: #4b1337;
}
#cb-section-6 span {
	font-size: 26px;
	display: inline;
	font-family: Bergermont;
}
#cb-section-6 p {
	font-family: "Just SkinnY";
	font-size: 40px;
	display: inline;
	padding-left: 10px;
	padding-right: 10px;
}

/* Wedding Details
 ========================================================================== */
#cb-details {
	height: 100%;
	background-color: #791A53;
	padding-bottom: 30px;
	color: #791A53;
	min-height: 100vh;
	padding-top: 60px;
}
#cb-details p {
	color: rgba(255,255,255,1.00);
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 15px;
	font-size: 15px;
}
/* Venue
 ========================================================================== */
#cb-venue {
	height: 100%;
	width: 100%;
	min-height: 100vh;
	position: relative;
}
#cb-venue .cb-bg {
	background-image: url(../images/hunters_hall.jpeg);
	height: 100vh;
}
.cb-venue-container {
	padding-top: 10%;
	max-width: none;
}
.cb-venue-text {
	padding-top: 30px;
	background-color: rgba(121,26,83,0.50);
	padding-bottom: 8px;
	padding-left: 20px;
	padding-right: 20px;

}


#cb-venue h1 {
	/* [disabled]padding-top: 15px; */
	/* [disabled]padding-bottom: 5px; */
}
#cb-venue-details {
	background-color: #7A1A53;
}
.cb-gallery {
}
.cb-row {
	height: 25vh;
}
.cb-gallery-1 {
	background-image: url(../images/hunters_hall_gallery/Gallery_01.jpg);
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	height: 25vh;
}
.cb-gallery-2 {
	background-image: url(../images/hunters_hall_gallery/Gallery_02.jpg);
	height: 25vh;
}
.cb-gallery-3 {
	background-image: url(../images/hunters_hall_gallery/Gallery_03.jpg);
	height: 25vh;
}
.cb-gallery-4 {
	background-image: url(../images/hunters_hall_gallery/Gallery_04.jpg);
	height: 25vh;
}
.cb-gallery-5 {
	background-image: url(../images/hunters_hall_gallery/Gallery_05.jpg);
	height: 25vh;
}
.cb-gallery-6 {
	background-image: url(../images/hunters_hall_gallery/Gallery_06.jpg);
	height: 25vh;
}
.cb-address {
	padding-top: 20px;
	padding-bottom: 20px;
}
.cb-address p {
	margin-bottom: 0px;
}
#cb-map {
	height: 300px;
}
.uk-visible-small.uk-text-center .cb-gallery .uk-grid.uk-margin-remove.cb-row {
}
/* Wedding Party
 ========================================================================== */
#cb-party {
	height: 100%;
	width: 100%;
	background-color: #7A1A53;
	min-height: 100vh;
	padding-top: 70px;
	position: relative;
}
#cb-party-contents {
	width: 100%;
}

#cb-party img {
	width: 200px;
}
#cb-party p {
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
}
/* Wedding wishes
 ========================================================================== */
#cb-wishes {
	height: 100%;
	width: 100%;
	background-color: #7A1A53;
	min-height: 100vh;
	padding-top: 70px;
}
#cb-wishes p {
	padding-left: 15px;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	font-size: large;
}
/* RSVP
 ========================================================================== */
#cb-rsvp {
	height: 100%;
	width: 100%;
	background-color: #7A1A53;
	min-height: 100vh;
	padding-top: 70px;
}
/* Accomodation
 ========================================================================== */
#cb-accom {
	height: 100%;
	width: 100%;
	background-color: #7A1A53;
	min-height: 100vh;
	padding-top: 70px;
}
#cb-accom p {
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 15px;
}


/* Contact
 ========================================================================== */
#cb-contact {
	height: 100%;
	/* [disabled]width: 100%; */
	background-color: #4B1337;
	min-height: 100vh;
	padding-top: 70px;
	background-image: url(../images/ring%20backdrop%20purple.jpg);
	padding-bottom: 30px;
}
.cb-contact-container {
	background-color: rgba(121,26,83,0.50);
	width: 100%;
	padding-top: 30px;
	padding-bottom: 30px;
}

#cb-footer {
	background-color: #434444;
	height: 50px;
}
#cb-footer p {
	margin-bottom: 0px;
}
.cb-abs {
	position: absolute;
	width: 100%;
}







/* Breakpoints
 ========================================================================== */
@media screen and (max-width: 400px) {
}

/* Phone landscape and bigger */
@media (min-width: 480px) {
/* Countdown */

.cb-clock-container h1 {
	color: #FFFFFF;
	font-family: 'janda_stylish_scriptregular';
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	margin-bottom: 0px;
	display: none;
}
.cb-clock-container {
	position: absolute;
	text-align: center;
	background-color: rgba(121,26,83,0.50);
	bottom: 0px;
	/* [disabled]transform: translate(-50%, 0); */
	/* [disabled]width: 100%; */
}
.cb-overlay {
	height: 60vh;

}
/* Bride and Groom
 ========================================================================== */
#cb-bride-groom {
	background-color: #791A53;
}

#cb-bride-groom img {
	width: 40vw;
	max-width: 300px;
}
h1 {
	font-family: jandastylishscript;
	font-style: normal;
	font-weight: 100;
	font-size: 50px;
	color: rgba(255,255,255,1.00);
	text-align: center;
}
#cb-bride-groom p {
	color: rgba(255,255,255,1.00);
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 15px;
	font-size: 20px;
}
.cb-contact-container {
	background-color: rgba(121,26,83,0.50);
	width: 400px;
	padding-top: 30px;
	padding-bottom: 30px;
}

}

/* Tablet and bigger */
@media (min-width: 768px) {
/* Bride and Groom
 ========================================================================== */
#cb-bride-groom {
	margin-top: 0px;
	padding-top: 0px;
}
.cb-bride-groom-container {
	padding-top: 0px;
}
.uk-navbar .uk-navbar-nav li {
	width: 20%;
	text-align: center;
}
#cb-party img {
	width: 250px;
}
#cb-map {
	height: 500px;
}
/* Contact
 ========================================================================== */
#cb-contact {
	height: 100%;
	/* [disabled]width: 100%; */
	background-color: #4B1337;
	min-height: 100vh;
	padding-top: 0px;
	background-image: url(../images/ring%20backdrop%20purple.jpg);
	padding-bottom: 30px;
}



}

@media (min-width:960px){
.uk-navbar .uk-navbar-nav li {
	width: 16.66%;
	text-align: center;
}
#cb-party img {
	width: 300px;
}
/* Wedding Details
 ========================================================================== */
#cb-details {
	height: 100%;
	background-color: #791A53;
	color: #791A53;
	min-height: 100vh;
	padding-top: 0px;
	padding-bottom: 0px;
}


}


/* Large screen and bigger */
@media (min-width:1220px) {
.cb-overlay-img {
	height: 50vh;
	display: block;
	position: absolute;
	top: 40vh;
	left: 50%;
	transform: translate(-50%, -50%);
}
.uk-navbar .uk-navbar-nav li {
	width: 14.2%;
	text-align: center;
}
.cb-visible-xl {
	visibility: visible!important;
	display: block!important;
}
#cb-map {
	height: 600px;
}



}