/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
html {
	font-family: 'Lato', sans-serif;
	font-weight:300;
    font-size: 62.5%;
    color: #222;
}
	
html, body {
	margin:0;
	padding:0;
	height:100%
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */

audio,
canvas,
img,
svg,
video {
    vertical-align: middle;
}

img { max-width:100%; height:auto;}

/*
 * Remove default fieldset styles.
 */

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

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */




.save_date { padding-top:4em}
.save_date h3 { color:#ffdd00; margin:0px; padding:0px; font-size:1.5em; letter-spacing:1px}
.save_date h3 a {color:#ffdd00; text-decoration:none}
.save_date h3 a:hover {color:#fff; text-decoration:none}
.save_date p { color:#fff; margin:0px; padding:0px; font-size:1.5em; font-weight:300; font-style:italic}

.fancy { display:table; width:100%; white-space:nowrap;}
.fancy span { display: table-cell; width: 50%; vertical-align:middle}
.heart_viola, .heart_blu, .heart_stay, .heart_gift, .heart_bianco { position:absolute; bottom:1em}
.titolo_pag { position:absolute; margin-top:1em}

.viola { color:#ffdd00; font-size:3em; font-weight:700}
.viola .inner {border-top:1px solid #935187; margin:0 20px}
.heart_viola { color:#ffdd00; font-size:2em; font-weight:700}
.testo { font-size:1.5em; font-style:italic; color:#FFF; }
.rsvp_risposta { padding:5em 0; font-size:1.5em; color:#FFF}
.rsvp_input { border: 1px solid #935187; color:#FFF; font-family:'Lato', sans-serif; background:none; width:250px; text-align:left; }
.rsvp_submit {border: 1px solid #935187; color:#ffdd00; font-family:'Lato', sans-serif; background:none; font-size:1.5em; width:150px; font-weight:bold; }
.rsvp_div { margin:0 auto; margin-top:2em; position:relative}
/* all */
::-webkit-input-placeholder { color:#FFF; font-size:0.8em }
::-moz-placeholder { color:#FFF; font-size:0.8em } /* firefox 19+ */
:-ms-input-placeholder { color:#FFF; font-size:0.8em } /* ie */
input:-moz-placeholder { color:#FFF; font-size:0.8em }
.rsvp_btn { position:absolute; right:10px; border-left:0px solid #935187; padding-left:10px; margin-top:-10px}
.rsvp_btn a { font-size:2em; color:#fff; display:block; height:0.5em; line-height:0.5em;}
.rsvp_btn a i { line-height:0 !important}
.rsvp_select { display:none; margin-top:0 }
.rsvp_select ul { list-style:none; margin:0; padding:0}
.rsvp_select ul li a { text-decoration:none;color:#FFF; display:inline-block;}
.rsvp_select ul li i { padding-top:0.2em; display:inline-block;}
.rsvp_select ul li a:hover { text-decoration:none;color:#FFF; background-color:#935187}
.rsvp_add_box { width:210px; margin:0 auto; margin-top:2em;transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition:all 0.3s;}
.rsvp_plus a:hover { background:#fff; color:#782569}
.rsvp_plus_txt { float:right; color:#FFF; font-size:1.3em; text-align:left; padding-left:10px; padding-top:5px;}
.rsvp_plus_txt b { font-weight:normal; }
.rsvp_plus_input { float:right; display:none }
.rsvp_input_add {border: 1px solid #935187; color:#FFF; font-family:'Lato', sans-serif; background:none;  font-size:1.3em; width:170px; text-align:left; margin-right:15px;}
.rsvp_risposta { display:none;}

#section2 { background-size: cover; background-image: url(../img/cervo.jpg); height: 100%; background-position:center}
.cervo_giallo { background:#eacf00; width:80%; min-height:200px; margin:0 auto; }
.giallo { color:#fff; font-weight:700}
.giallo .inner {border-top:1px solid #bca700; margin:0 20px}
.heart_giallo { color:#782569; font-size:2em; font-weight:700}
.giallo b{ font-style:italic; font-weight:300}
.testo_giallo { color:#782569; font-size:1.5em; }
.testo_sx { float:left; width:48%; padding-right:2%; text-align:right}
.testo_dx { float:left; width:48%; padding-left:2%; text-align:left}
.testo_btn a { display:inline-block; border:1px solid #bca600; text-transform:uppercase; color:#782569; margin-top:1.5em; text-decoration:none; font-weight:bold;}


.blu { color:#3c8291; font-size:3em; font-weight:700}
.blu .inner {border-top:1px solid #cccccc; margin:0 20px}
.heart_blu span { color:#3c8291; font-size:2em; font-weight:700}
.blu b{ font-style:italic; font-weight:300}

.circle-text a { color:#3c8291; text-decoration:none}
.circle-text b { font-size:2em; font-weight:300; font-style:normal}
.circle-text div { width:100%; line-height:1.3em; margin-top:-0.5em;text-align:center;color:white;}
.where_text { color:#3c8291; font-size:2em}
.where_text a { color:#3c8291; text-decoration:none; }

.slide { position:relative}

.portofino { background-size: cover; background-image: url(../img/portofino.jpg); height: 100%; background-position:center}
.montecarlo { background-size: cover; background-image: url(../img/montecarlo.jpg); height: 100%; background-position:center}
.cterre { background-size: cover; background-image: url(../img/5terre.jpg); height: 100%; background-position:center}
.alassio { background-size: cover; background-image: url(../img/alassio.jpg); height: 100%; background-position:center}
.bianco { color:#fff; font-size:3em; font-weight:700}
.bianco .inner {border-top:1px solid #fff; margin:0 20px}
.heart_bianco span { color:#fff; font-size:2em; font-weight:700}
.bianco b{ font-style:italic; font-weight:300}
.titolo_slide { margin-top:5%}
.trip_box { background:#FFF; padding:5px; position:absolute; margin-left:5%; margin-right:5%; bottom:100px; color:#3c8291 }
.trip_sx { width:180px; float:left;  text-align:left; font-size:1.8em; font-weight:700; display:inline-block; line-height:45px}
.trip_dx { margin-left:180px; padding-left:2%; font-size:1.3em; text-align:left;border-left:1px solid #c6c8c7; }
.trip_text { border:1px solid #c6c6c6; padding:2em; color:#3c8291}
.trip_more { display:inline-block; float:right; color:#3c8291; font-weight:bold; margin-top:10px;  }


.stay { color:#ffdd00; font-size:3em; font-weight:700}
.stay .inner {border-top:1px solid #639ca7; margin:0 20px}
.heart_stay span { color:#ffdd00; font-size:2em; font-weight:700}
.gift b{ font-style:italic; font-weight:300}
.singolo_hotel b { display:block; padding-top:10px}
.singolo_hotel i { font-size:2em}
.singolo_hotel a { color:#FFF; text-decoration:none; display:block }
.singolo_hotel a:hover { color:#ffdd00}

.gift { color:#ffdd00; font-size:3em; font-weight:700}
.gift .inner {border-top:1px solid #334b57; margin:0 20px}
.heart_gift span { color:#ffdd00; font-size:2em; font-weight:700}
.gift b{ font-style:italic; font-weight:300}
.testo_gift { max-width:500px; margin:0 auto; font-style:normal;}
.gift_bank { padding:5% 0; border-top:1px solid #334a57; border-bottom:1px solid #334a57; margin:5% auto;}

.oscuro { position:absolute; height:100%; background:#000; color:#FFF; padding:3em; font-size:2em; text-align:center; z-index:55555555; display:none;}


input[type='text'],input[type='number'],input[type='email'],textarea {font-size:16px !important;}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 300px) {
    /* Style adjustments for viewports that meet the condition */
	body { font-size:80%}
	.save_img { margin:0 20px}
	.testo { padding:0 20px; padding-top:20%;}
	#fullPage-nav { display:none}
	.rsvp_form { padding:0.5em 0}
	.testo_giallo { padding-top:1em; padding-bottom:1em; line-height:1em }
	.cervo_giallo {  padding:1em }
	.giallo { font-size:2em; }
	.testo_btn a { padding:0.5em; }
	.circle_box { width:320px; position:absolute; right:0; left:0; margin-left:auto; margin-right:auto; top:10%; text-align:center}
	.circle-text { border-radius:90px; width:90px; height:90px; float:none; margin:20px auto; font-size:1.5em; font-style:italic;box-shadow:0px 0px 1px #3c8291; -webkit-box-shadow:0px 0px 1px #3c8291; -moz-box-shadow: 0px 0px 1px #3c8291;}
	.circle-text div { padding-top:35%;}
	.trip_box { background:rgba(255,255,255,0.9); padding:5px; position:absolute; margin-left:5%; margin-right:5%; bottom:8em; color:#3c8291 }
	.trip_sx { width:100%; float:none;  text-align:left; font-size:1.8em; font-weight:700; display:inline-block; line-height:1.6em}
	.trip_dx { margin-left:0px; padding-left:0%; font-size:1.5em; text-align:left;border-top:1px solid #c6c8c7; border-left:none; padding-top:10px; }
	.trip_text { border:1px solid #c6c6c6; padding:2em; color:#3c8291}
	.hotel { padding-top:2em; margin:0 auto; width:100%}
	.singolo_hotel { float:none; font-style:normal; text-align:left; width:100%}
	.singolo_hotel a { line-height:1.3em;  }
	.singolo_hotel i { display:none}
	.fr_slide { font-size:5em;}
	.rsvp_select { width:250px; }
	.rsvp_select ul li i { padding-left:1.1em; }
	.rsvp_select ul li a {  padding:0.2em 0.8em; padding-right:0}
	.rsvp_smile { float:left; width:30px; height:30px; color:#FFF; font-size:30px; line-height:30px; padding-left:15px; cursor:pointer; text-align:center; margin-bottom:10px; }
	.rsvp_input { margin-top:1em; padding:0.4em 1em; font-size:1.8em;}
	.rsvp_input_add { padding:0.4em 1em; }
	.rsvp_submit { margin-top:1.5em; padding:0.4em 1em;}
	.rsvp_plus { float:right;  width:30px; height:30px; clear:left}
	.rsvp_plus a { display:inline-block; border:1px solid #935187; width:30px; height:30px; line-height:30px; text-decoration:none; color:#FFF; font-size:20px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px;}
	.anima_freccia { position:absolute; font-size:70px; color:rgba(255,255,255,0); display:block; z-index:5000; width:50px; left:0; margin-left:auto; right:0; margin-right:auto; bottom:20px; }
	.testo_gift { padding-top:2em}
	
}

@media only screen and (min-width: 600px) {
    /* Style adjustments for viewports that meet the condition */
	body { font-size:100%}
	.anima_freccia { display:none;}
	.save_img { margin:0}
	.testo { padding:0; padding-top:10%}
	#fullPage-nav { display:block}
	.rsvp_form { padding:5em 0}
	.testo_giallo { padding-top:2em; padding-bottom:2em; line-height:2em }
	.cervo_giallo {  padding:3em }
	.giallo { font-size:3em; }
	.testo_btn a { padding:0.8em 1.5em; }
	.circle_box { width:540px; position:absolute; right:0; left:0; margin-left:auto; margin-right:auto; top:30%}
	.circle-text { border-radius:140px; width:140px; height:140px; float:left; margin:50px 20px; font-size:1.5em; font-style:italic;box-shadow:0px 0px 1px #3c8291; -webkit-box-shadow:0px 0px 1px #3c8291; -moz-box-shadow: 0px 0px 1px #3c8291;}
	.circle-text div { padding-top:45%;}
	.trip_box { background:#FFF; padding:5px; position:absolute; margin-left:5%; margin-right:5%; bottom:100px; color:#3c8291 }
	.trip_sx { width:180px; float:left;  text-align:left; font-size:1.8em; font-weight:700; display:inline-block; line-height:45px}
	.trip_dx { margin-left:180px; padding-left:2%; font-size:1.3em; text-align:left;border-left:1px solid #c6c8c7; border-top:none; padding-top:0 }
	.trip_text { border:1px solid #c6c6c6; padding:2em; color:#3c8291}
	.hotel { padding-top:5em; margin:0 auto; width:870px}
	.singolo_hotel { float:left; font-style:normal; text-align:left; width:290px}
	.singolo_hotel a { line-height:2em;  }
	.singolo_hotel i { display:block}
	.fr_slide { font-size:10em; }
	.rsvp_select { width:500px; }
	.rsvp_select ul li i { padding-left:2.1em;}
	.rsvp_select ul li a {  padding:0.2em 1.8em}
	.rsvp_smile { float:right; width:40px; height:40px; color:#FFF; font-size:40px; line-height:40px; padding-left:15px; cursor:pointer; text-align:center; margin-bottom:0}
	.rsvp_input { margin-top:2em;padding:1em 2em; font-size:1.3em;}
	.rsvp_input_add { padding:1em 2em; }
	.rsvp_submit { margin-top:2em;padding:1em 2em;}
	.rsvp_plus { float:right;  width:40px; height:40px; clear:none}
	.rsvp_plus a { display:inline-block; border:1px solid #935187; width:40px; height:40px; line-height:40px; text-decoration:none; color:#FFF; font-size:30px; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px;}
.rsvp_btn {  border-left:1px solid #935187; margin-top:0px}
	.testo_gift { padding-top:5em}
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}