/*
=========================
To France with Love - 2018 - July
=========================
*/

* {border:0;margin:0;padding:0;}

/* ::: Typography ::: */
/**
 * Address inconsistent and variable font size in all browsers.
 */
small {font-size: 80%;}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clearfix {*zoom: 1;}

/* @viewport rule attempts to fix IE 10 viewport sizing 
@-ms-viewport{
    width: extend-to-zoom;
    zoom: 1.0;
}
/*------------------------------------------------------- */
/*------------------------------------------------------- */
/* from here down pertains to To France with Love specifically */
/*------------------------------------------------------- */
/*------------------------------------------------------- */

/* body */
body { margin:40px 0; padding:0;height:100%;background:url(../images/linen-background-612x612.jpg); font-family: Quintessential, Calisto;color: #9C74FF;}

.clear {clear: both;}

#wrapper {position:relative; overflow:visible; margin: auto; width: 930px; height: 100%; }
/* content */

p {margin:1em 2em; color: #fff; line-height: 1.25em; text-align: left;font-size: 1.25em;}

h1 {margin:.2em auto; font-family: Quintessential; font-weight: bolder;font-size: 2.5em;font-style: italic;text-align: center; 
                 color: #fff;}


a {color:#fff; text-decoration: none;font-size: 1.25em;}
a:hover{color:#82CF77;}

.accommodations-box  {margin: auto; max-width: 65%;height: auto;background:#696969;background: linear-gradient(-45deg,   #fff, #696969); border-color: #9C74FF;border-width: 2px;border-style: solid;}
.accommodations-page ul li {margin:10px 35px 25px 65px;list-style: circle;}
.accommodations-page ul li {color: #696969; line-height: 2.0em; text-align: left;font-family: Bell;}
.accommodations-page p, a:link {font-family: Bell; color:#000;font-size: 1.25em;}
.accommodations-page a:hover {color: #fff; }

.events-page ul li {margin:10px 35px 25px 65px;list-style: circle;}
.events-page ul li {color: #696969; line-height: 2.0em; text-align: left;}

.lavender-box {margin:  auto; max-width: 85%;height: auto;background:url(../images/lav.jpg);}
.lavender-box p {margin: 2em; color: #000; line-height: 1.5em; text-align: left;}
.lavender-box h1 {margin:.2em auto; font-weight: bolder;font-size: 2.5em;font-style: italic;line-height: 1.5em;color: #fff; text-align: center;}

.welcome-box {margin: auto; max-width: 65%;height: auto;background:#27A2BB;background: linear-gradient(-45deg, #27A2BB, #fff); border-color: #82CF77;border-width: 2px;border-style: solid;}
.welcome-box p {margin:2em; color: #fff; font-size: 1.5em;line-height: 1.25em; text-align: left;}

.rsvp-box {margin: auto; max-width: 85%;height: auto;background:#82CF77;background: linear-gradient(-45deg, #82CF77, #fff); border-color: #696969;border-width: 2px;border-style: solid;}
.rsvp-box h2 {margin:.2em auto; font-weight: bolder;font-size: 1.5em;font-style: italic;line-height: 2em;text-align: center; color: #9C74FF;}

.rsvp-white-splash-box p {margin: 30px 50px; color: #E7260F; font-size: 1.5em; font-weight: 600;text-decoration: blink;}

.rvsp-main-box {max-width: 100%; height:100%;margin: 25px auto 10px;}
.rvsp-main-box ul li {margin: 10px 20px; font-size: 1.25em; color: #1B3E69; line-height: 1.15em; list-style-type: disc;}
.rvsp-main-box h2 {margin:15px 10px; padding: 0 5px;font-weight: bolder;text-align: left;font-size: 1.5em;  color: #1B3E69;}
.rvsp-main-box h3 {margin:15px 28px 0px; padding: 0 5px;font-weight: bolder;text-align: left;font-size: 1.25em;  color: #1B3E69;}
.rvsp-main-box h4 {margin:10px 28px 15px; padding: 0 5px;font-weight: bolder;text-align: left;font-size: 1.15em;  color: #1B3E69;}
.rvsp-main-box a:link { margin-bottom: 8px;color: #1B3E69;text-decoration: none;}
.rvsp-main-box a:hover { text-decoration:underline; color: #E19701;}
.rvsp-main-box p {margin: 1.25em 2.5em; color: #1B3E69; line-height: 1.5em; }
.rvsp-main-box .yellow-font{color: #E19701;}

#no-child {color: #000;font-weight: bold;font-family: Arial;font-size: 1em; }

.faq-box  {margin: auto; max-width: 65%;height: auto;background:#9C74FF;background: linear-gradient(-45deg,   #fff, #9C74FF); border-color: #696969;border-width: 2px;border-style: solid;}
.faq-page ul li {margin:10px 35px 25px 65px;list-style: none;}
.faq-page ul li {color: #696969; line-height: 2.0em; text-align: left;font-family: Bell;}
.faq-page p, a:link {font-family: Bell; color:#000;font-size: 1.25em;}
.faq-page a:hover {color: #fff; }

.wedd-photo-box  {margin: auto; max-width: 65%;height: auto;background:#9C74FF;background: linear-gradient(-45deg,   #fff, #9C74FF); 
                 border-color: #696969;border-width: 2px;border-style: solid;}
.wedd-photo-page p {font-family: Bell; color:#fff;font-size: 1.25em;text-align: center;}
.wedd-photo-page h1, a:link {font-family: Bell; color:  #9400D3;font-size: 1.5em;}
.wedd-photo-page a:link {font-family: Bell; color:  #9400D3;font-size: 1.25em;}
.wedd-photo-page a:hover {color: #fff; }

/** @group clearfix **/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }

html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

.short-horizon-bar { float:left; width:250px; height:2px; background-color: #000;margin-left:25px;}
.center-horizon-bar { margin: 10px auto; width:250px; height:2px; background-color: #000;}
.double-long-horizon-bar { width:100%; height:3px; background-color: #000;margin: .5em auto;}

.clear {clear: both;}

#photo {margin: 5px 15px 0; }
#photo .rght{float: right;margin: 5px 15px 0 10px;}
#photo .lft{float: left;margin: 5px 10px 0 10px;}
#photo .cntr{float: none;margin:60px;}
#photo img {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 5px;
}
fieldset {
    /* background-color: #f1f1f1;
    border: none;
    border-radius: 2px;*/
    border: 1px;    margin-bottom: 5px;
    overflow: hidden;
    padding: .15em; /* 0px/16px */
}
.fields {
    /* background-color: #fff;
    border: 1px solid #eaeaea;*/
    margin: .75em 0em;  /* space around each field */
    padding: .75em;
}

.fields .row {
    margin: 0.5em 0em;  /* space around each field */
}

label {
    display: inline-block;
    padding: 3px 6px;
    text-align: right;
    width: 100px; /*  width of entire field */
    vertical-align: middle;
}

.checkbx {
    background: none;
    display: inline;
    margin: 0;
    padding: 0;
}

.checkbx ul {
    border: none;
    display: inline-block;
    list-style: none;
    margin: 0;
    padding: 0;
}

.checkbx li {
    margin: 0;
    display: inline-block;
}

.checkbx label {
    margin-right: 10px;
    width: auto;
}

.checkbx input {
    margin-top: 3px;
}

.required { /* the asterisk */
    color: red;
    display: none;
}

input,
select,
button {
    font: inherit;
    padding-left: .25em;
}

select {
    padding-right: 1em;
}
textarea {
    font: inherit;
    margin-left: 30px;
    padding: 2px;
}
.sub {
    background-color: #82CF77;
    border: none;
    border-radius: 4px;
    box-shadow: 2px 2px 2px #333;
    color: #fff;
    margin: 12px 0 10px 26px;
    padding: 8px;
    text-shadow: 1px 1px 0px #777;
}

.sub-reset {
    background-color: #8e5303;
    color: #eee;
    margin-left: 35px;
}

.read-more{font-size: .6em;color: #937636;text-decoration:none;}
.read-more a:hover { text-decoration:underline; }

#footer-wrapper {margin: 0 20px 0 0;width:70%; height: auto}

#bottom-nav a {float:right;color: #9C74FF; text-decoration: none;font-size:1em;font-family: Calibri;}
#bottom-nav a:link { float:right;padding:0;}
#bottom-nav a:hover {float:right;color: #82CF77;text-decoration: underline;}
#bottom-nav ul li {float:right;margin-left: 11px;list-style:none;}

#copyright  { color: #696969; font-size:.8em;text-decoration: none;font-size:.8em;}
#copyright li a {float: right;font-size:.8em;color:#696969;text-decoration:none;font-weight:bolder;display:block;}
#copyright {float:right;text-align: right;}