/* Fonts */

/*@import "../Fonts/SansSerif/Roboto/Fonts.css";*/


/* A little bit of everything, all rolled into one */

.page-wrapper:before, .page-wrapper:after, .module-wrapper:before, .module-wrapper:after, .numbers:before, .numbers:after, .multipage.horizontal .desktop-nav nav:before, .multipage.horizontal .desktop-nav nav:after, .multi-horizontal .content.hasimage:before, .multi-horizontal .content.hasimage:after, .inputs:before, .inputs:after, .multi-pagination-container:before, .multi-pagination-container:after, .gallery-album-covers:before, .gallery-images:before, .gallery-album-covers:after, .gallery-images:after
{
    content:"";
    display:table;
}
.page-wrapper:after, .module-wrapper:after, .numbers:after, .multipage.horizontal .desktop-nav nav:after, .multi-horizontal .content.hasimage:after, .inputs:after, .multi-pagination-container:after, .gallery-album-covers:after, .gallery-images:after
{
    clear:both;
}
.page-wrapper, .module-wrapper, .numbers, .multipage.horizontal .desktop-nav nav, .multi-horizontal .content.hasimage, .inputs, .multi-pagination-container, .gallery-album-covers, .gallery-images
{
    zoom:1;
}

body 
{
	background: #fff;
	font: 15px/1.5 Arial, Tahoma, Verdana, Sans-Serif;
}

a 
{
	color: #2d5e9b;
	text-decoration: none;
}

a:hover 
{	
	color: #595959;
}

h1, h2, h3, h4, h5
{
    font-family: Arial, Tahoma, Verdana, Sans-Serif;
    font-size: 24px;
    color: #000;
}

h3 
{ 
    font-size: 20px; 
}

h4 
{ 
    font-size: 16px; 
}

.lead 
{
    font-size: 17px;    
}

.fb-like 
{
    float: left;
}

.page-section.main img, #dialog figure img 
{
    width: 100%;
    height: auto;
}

.site-wrapper 
{
    width: 95%;
    max-width: 1100px;
    margin: 0 auto;
}

.pagesection-name
{
    text-align: center;
    margin: 40px 0;
}

.page-wrapper .pagesection1 .pagesection-name
{
    margin-top: 0;
}


.google-map 
{
    width: 100% !important;
}

.page-base .entry-footer {
    margin-top: 15px;
}

.page-base.hasimage.hasheadline figure.image, .page-base.hasimage.haslead figure.image, .page-base.hasimage.hasbody figure.image
{
    margin-bottom: 30px;
}

.multipage.vertical .desktop-nav 
{
    float: left;
    width: 25%;
}

.multipage.vertical article
{    
    float: right;
    width: 70%;
}


.datetime
{
    font-size: 12px;
    margin-bottom: 10px;
}

/* Header */

.page-section.header 
{
    text-align: center;
    padding-top: 50px;
    margin-bottom: 40px;
}

.wedding-date 
{
    font-size: 16px;
}

.line1, .line2 
{
    line-height: 1.1; 
    display: block; 
}

.line1 
{ 
    font-size: 22px; 
}

.line2 
{ 
    font-size: 62px; 
}

.languages 
{
    text-align: center;
    margin-top: 10px;
}

.languages li
{
    display: inline;
}

.languages img
{
    margin: 0 3px;
}


/* Countdown */

.countdown 
{
    text-align: center;    
}

.multipage .countdown 
{
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px solid #000;
}

.numbers 
{
    line-height: 1;
    color: #000;
}

.numbers div 
{
    float: left;
    width: 25%;
}

.numbers .value 
{
    font-size: 40px;    
}

.numbers .type 
{
    display: block;
    font-size: 15px;
}

/* Footer */

.page-section.footer 
{
    margin-bottom: 30px;
}

.weddingsite-info 
{
    float: right;
}

.banner 
{
    margin: 30px 0;
}

/* Navigation */

.mobile-nav 
{
    width: 100%;
    background: #000;
}

.js .mobile-nav 
{
    position: absolute;
    z-index: 50;
    top: 0;
    left: 0;
}

.js .onepage .mobile-nav 
{
    top: 20px;
    left: auto;
    right: 20px;
    width: auto;
    position: fixed;
}

.js .mobile-nav nav 
{
    display: none;
}

.nav-toggle 
{
    color: #fff;
    padding: 10px 20px;
    line-height: 1;
    display: block !important;    
    font-size: 17px;
}

.nav-toggle span 
{
    background: url("/Images/Global/menu_inverted.png") right center no-repeat;
    display: block;
    padding-right: 25px;
}

nav a 
{
    display: inline-block;
    padding: 10px 20px;
}

.multipage.vertical nav a, .mobile-nav nav a
{
    display: block;
}

nav a span 
{
    display: inline-block;
}

nav .locked span, nav .unlocked span
{
    background-image: url("/Images/Global/locked.svg");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: auto 12px;
    padding-left: 17px;
}

nav .unlocked span 
{
    background-image: url("/Images/Global/unlocked.svg");
}

.multipage .mobile-nav 
{
    display: none;
}

.multipage.horizontal .desktop-nav nav
{
    margin-bottom: 30px;
    text-align: center;
}

.multipage.horizontal .desktop-nav li 
{
    display: inline-block;
}

.mobile-nav nav a { color: #fff; }


/* V2 */

.mobile-nav.nav-v2 nav a { 
    color: #000; 
    text-align: center;
    
}

.mobile-nav.nav-v2 {
    position: fixed;
    background-color: transparent;
}

.hamburger {
    position: absolute;
    z-index: 55;
    right: 10px;
    top: 10px;
}


.mobile-nav.nav-v2 nav {
    display: block;
    height: 0px;
    transition: opacity 300ms;
    opacity: 0;
    overflow: hidden;
    background: rgba(255, 255, 255, .95);
}

.mobile-nav.nav-v2.opened nav {
    
    display: block;
    height: 100vh;    
    font-size: 26px;
    opacity: 1;    
}

.mobile-nav.nav-v2.opened nav .content {
    padding: 80px 0;
    overflow: auto;
    height: 100vh;
    box-sizing: border-box;
    width: 100%;
}


/* Multi horizontal */

ul.postlist li
{
    padding: 20px 0;
    border-top: 1px dotted #a59887;
}

ul.postlist li > .content 
{
    margin: 0;
}

ul.postlist li p:last-child
{
    margin-bottom: 0;
}

.onepage .multi ul.postlist > li 
{
    border: 0;
}

.multi-horizontal .content.hasimage figure
{
    width: 30%;
    float: right;
    margin: 0 0 1% 3%;
    max-width: 200px;
}

.multi-horizontal .sub-headline
{
    margin-bottom: 10px;
}

.multi-horizontal .headline 
{
    margin-bottom: 5px;
}


/* Forms */

.visitor-form 
{
    margin: 20px 0;
    font-size: 15px;
}

.input.textarea, .input.submit, label, .add-rsvp-person, .input.activity 
{ 
    display: block; 
    clear: both; 
    width: 100%; 
}

.input 
{
    box-sizing: border-box; 
    padding: 5px; 
}

.input.text, .input.select, .input.radiobutton 
{
    float: left; 
    width: 50%; 
}

.ui-dialog .input.text, .ui-dialog .input.select, .ui-dialog .input.radiobutton 
{
    float: none; 
    width: 100%; 
}


.input.radiobutton, .input.select 
{
    width: 100%; 
}

.custom-radiobutton 
{    
    opacity: .4;
}

.rsvp-activity 
{
    overflow: hidden;
    padding: 9px 0;
    border-top: 1px solid #000;
    border-color: rgba(0,0,0, 0.07);
    font-size: 13px;
}

.rsvp-activities .rsvp-activity:last-child 
{
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.rsvp-activity-options 
{
    float: right;    
}

.rsvp-activity-name 
{
    float: left;
}


.rsvp-activity:hover .rsvp-activity-name 
{
    font-weight: bold;
}

.input.radiobutton label, .rsvp-activities label
{
    margin-right: 10px;
    display: inline-block;
    width: auto;
}

.input.radiobutton {
    padding: 10px 5px;
}

.input.text input, .input.textarea textarea, select 
{
    width: 100%; 
    box-sizing: border-box; 
    padding: 8px; 
    background-color: #fff; 
    font: 14px Arial, Tahoma, Verdana, sans-serif; 
    color: #000; 
    border: 0; 
}

select 
{
    padding: 7px;
}

.login-form .input.submit, 
.wishlistbooking-form .input.submit, 
.wishlist-login-form .input.submit
{
    width: 50%;
    clear: none;
    float: left;
    padding-top: 28px;
}

.wishlistbooking-form .input.submit 
{
    width: auto;
}

.booking-module-v2 .wishlistbooking-form .input {
    float: none;
    width: auto;
    padding: 0;
}

.booking-module-v2 .booking-info,
.booking-module-v2 .wishlistbooking-form .input.submit,
.booking-module-v2 .wishlistbooking-form .booking-nr {
    padding-top: 15px;
}

.button
{
    width: auto;
    padding: 8px;
    background: #000;
    border: 0;    
    color: #fff;
    box-sizing: border-box; 
    display: inline-block;
    font-size: 14px;
}

a.button {
    line-height: 1;
}

.button:hover
{
    color: #fff;
    cursor: pointer;
    opacity: .7;
}

.button.disabled 
{
    background: #ccc;
}

.quantity-nav, .quantity-value
{
    display: inline-block;
    padding: 7px;
    line-height: 1;
    background: #000;
    color: #fff;
    font-weight: bold;
}

.wishlist-login-info 
{
    font-weight: bold;
    font-style: italic;
}

.wishlist-quantity 
{
    clear: both;
}

.quantity-value 
{
    color: #000;
    background: #f1f1f1;
    font-weight: normal;
}

.rsvp-person, .add-rsvp-person
{
    padding: 0 0 20px 0;
    border-bottom: 1px solid rgba(0,0,0,0.1);    
    margin: 0 0 20px 0;
}


.add-rsvp-person a 
{
    display: block;
    background: url("/Images/Global/add.png") center left no-repeat;
    padding-left: 15px;
}


/* Slideshow */
figure.image img 
{
    display: block;
}

.slideshow-nums 
{
    text-align: center;
    margin-top: 10px;
    padding-bottom: 10px;
    font-size: 0;
}

.slideshow-nums a 
{
    margin: 0 5px;
    display: inline-block;
    text-indent: -9999px;    
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background: #e4e4e4;
}

.slideshow-nums a:hover
{
    background: #ccc;
}

.slideshow-nums a.current
{
    background: #000;
}

/* Guestbook & comments */

.guestbook {
    margin: 20px 0;
}

.guestbook li .content, .comments li .content  
{
    margin-bottom: 20px;
}

/*.onepage .guestbook, .onepage .comments, .onepage .comments-form, .onepage .guestbook-form
{
    width: 50%;
    box-sizing: border-box;
    float: left;
    padding-right: 10px;
}
.onepage .guestbook, .onepage .comments 
{
    padding-right: 0;
    padding-left: 10px;
}*/

.load-more-posts 
{
    display: block; 
    padding: 10px;
    text-align: center;
    background: #f1f1f1;
    color: #595959;    
    margin-bottom: 20px;
}


/* Gallery */

.gallery-album-covers a.hidden, .gallery-images a.hidden {
    display: none;
}


.gallery-albums {
    position: relative;
}

.album-nav 
{
    background: #000;    
    padding: 8px;    
    line-height: 1;
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
}

.album-nav a 
{
    color: #fff;
}

.album-nav ul 
{
    margin-top: 8px;
}

.album-nav li 
{
    padding: 8px 0;
    border-top: 1px solid #595959;
}

.album-nav li a 
{
    color: #ccc;
}

.gallery-album-covers li, .gallery-images li
{
    float: left;
    width: 25%;
    font-size: 0;
    line-height: 0;
}

.gallery-album-covers a 
{
    position: relative;
    overflow: hidden;
    display: inline-block;
}

.gallery-album-covers h3 
{
    padding: 10px 0;
    line-height: 1;    
    font-size: 14px;
    overflow: hidden;
}

.gallery-album-covers h3 span.album-name 
{
    float: left;
    display: inline-block;
    /*margin-left: 10px;*/
}

.gallery-album-covers h3 span.num-images
{
    float: right;
    display: inline-block;
    margin-right: 10px;
    font-weight: normal;
    background: url("/Images/Global/images_inverted.png") no-repeat left center;
    padding-left: 18px;
}


/* Blog */

.multipage .module.multi .post figure.image, .module.multi.hascols .post figure.image
{
    margin-bottom: 15px;
}

.module.multi.hascols .post .lead
{
    font-size: 15px;
}


.module.multi.hascols .lead .content 
{
    padding-right: 15px;
}

.multi-pagination-container
{
    text-align: center;
}

.multi-pagination-container a
{
    background: #000 url("/Images/Global/prev_inverted.png") no-repeat center center;
    text-indent: -9999px;
    width: 25px;
    height: 25px;
    font-size: 0;
    line-height: 1;
    display: inline-block;
    float: left;
}

.multi-pagination-container a.next-page
{
    float: right;
    background-image: url("/Images/Global/next_inverted.png");
}

.multi.hascols .cols2 .post > .content,
.multi.hascols .cols2 .pos2.pos4 > .content {
  margin-left: 2%;
  margin-right: 2%;
}

.multi.hascols .cols2 .post:first-child > .content,
.multi.hascols .cols2 .pos3 > .content,
.multi.hascols .cols2 .pos5 > .content,
.multi.hascols .cols2 .pos7 > .content {
  margin-left: 0;
  margin-right: 4%;
}

.multi.hascols .cols2 .pos2 > .content,
.multi.hascols .cols2 .pos2.pos4 > .content {
  margin-left: 4%;
  margin-right: 0;
}

.multi.hascols .cols3 .post > .content,
.multi.hascols .cols3 .pos4.pos8 > .content {
  margin-left: 2%;
  margin-right: 2%;
}

.multi.hascols .cols3 .post:first-child > .content,
.multi.hascols .cols3 .pos4 > .content,
.multi.hascols .cols3 .pos7 > .content,
.multi.hascols .cols3 .pos10 > .content {
  margin-left: 0;
  margin-right: 4%;
}

.multi.hascols .cols3 .pos3 > .content {
  margin-left: 4%;
  margin-right: 0;
}


.custom-radiobutton,
.custom-checkbox
{    
    opacity: .4;
}

.rsvp2-activity {
    padding: 10px;
    margin-top: 20px;
    border-radius: 5px;
    box-shadow: 0 0 30px rgba(0,0,0,0.05);
    border: 1px solid rgba(0,0,0,0.1);
}

.rsvp2-activity .input.text,
.rsvp2-activity .input.select,
.rsvp2-activity .input.radiobutton {
    float: none;
    width: auto;
}

.rsvp2-activity-name {
    font-weight: bold;
    margin-bottom: 10px;
}

.rsvp2-activity-option {
    padding: 12px 0 12px 25px;
    border-top: 1px solid rgba(0,0,0,0.1);
    font-size: 0.85em;    
    position: relative;
    text-align: left;
}

.rsvp2-activity-option .custom-radiobutton,
.rsvp2-activity-option .custom-checkbox {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    cursor: pointer;
}

.rsvp2-activity-option label {
    cursor: pointer;
}