/********************************************************************
Core Overrides
**********************************************************************/
#actions
{
position: fixed;
bottom: 40px;
z-index: 99999;
margin:0 auto;
width:100%;
text-align:center;
}
#menu#menu
{
display: none !important;
}
#actions a
{
background: rgba(0,0,0,0.8);
padding: 7px;
margin: 2px;
color: #ccc;
}
#actions a:hove
{
color: #fff;
background: #81A140;
}
#menu li
{
-webkit-border-radius: 20px !important;
border-radius: 20px !important;
width: 20px !important;
height: 20px !important;
opacity:0 !important;
}
#menu li a, #menu li.active a
{
padding: 0px 0px !important;
width:100%;
height:100%;
}
div.slide-left
{
width:40px;
height:100vh;
padding:0;
margin:0;
float:left;
display: flex;
justify-content: center;
flex-direction: column;
background:url(../images/left-chevron.png) no-repeat;
background-position:50%;
display: inline-block;
opacity:0.8;
}
div.intro-1 div.slide-left, div.slide-1 div.slide-left
{
opacity:0;
}
div.intro-8 div.slide-right, div.section-two div.slide-6 div.slide-right, div.section-three div.slide-6 div.slide-right, div.section-four div.slide-4 div.slide-right, div.section-five div.slide-2 div.slide-right,
div.section-six div.slide-2 div.slide-right, div.section-seven div.slide-6 div.slide-right, div.section-eight div.slide-7 div.slide-right, div.section-nine div.slide-6 div.slide-right, div.section-ten div.slide-4 div.slide-right,
div.section-eleven div.slide-2 div.slide-right, div.section-twelve div.slide-2 div.slide-right, div.section-twelve div.slide-2 div.slide-left
{
opacity:0;
}
div.slide-content
{
width:calc( 100% - 80px );
height:100vh;
padding:0;
margin:0;
float:left;
display: flex;
justify-content: center;
flex-direction: column;
text-align:center;
}
div.slide-right
{
width:40px;
height:100vh;
padding:0;
margin:0;
float:right;
display: flex;
justify-content: center;
flex-direction: column;
background:url(../images/right-chevron.png) no-repeat;
background-position:50%;
display: inline-block;
opacity:0.8;
}
div.fp-next, div.fp-prev
{
opacity:0;
}
.fp-controlArrow.fp-next  
{
right: 0px !important;
height: 120px;
width: 80px !important;
margin-top: -80px !important;
}
.fp-controlArrow.fp-prev
{
left: 0px !important;
height: 120px;
width: 80px !important;
margin-top: -80px !important;
}
/********************************************************************
Typpography
**********************************************************************/
body
{
font-family: 'Montserrat', sans-serif;
font-weight:400;
}
h1
{
color:#fff !important;
font-size:80px !important;
font-family: 'Delius Swash Caps', cursive;
font-weight:500;
letter-spacing: 1px;
width:80%;
margin-left: 10% !important;
margin-right: 10% !important;
-webkit-font-smoothing: antialiased;
margin-top: 20vh !important;
text-transform: lowercase;
}
h2
{
color:#fff;
font-size:80px;
font-family: 'Delius Swash Caps', cursive;
letter-spacing: 1px;
font-weight:500;
width:80%;
margin-left: 10% !important;
margin-right: 10% !important;
-webkit-font-smoothing: antialiased;
margin-top: 20vh !important;
text-transform: lowercase;
}
h3
{
color:#fff;
font-size:60px;
font-family: 'Delius Swash Caps', cursive;
letter-spacing: 1px;
font-weight:500;
width:80%;
margin-left: 10% !important;
margin-right: 10% !important;
-webkit-font-smoothing: antialiased;
margin-top: 20vh !important;
text-transform: lowercase;
}
h4
{
color:#fff;
font-size:36px;
font-weight:500;
width:80%;
margin-left: 10% !important;
margin-right: 10 !important;
-webkit-font-smoothing: antialiased;
}
h5
{
color:#fff;
font-size:36px;
width:80%;
margin-left: 10% !important;
margin-right: 10% !important;
-webkit-font-smoothing: antialiased;
}
p
{
color:#fff;
font-size:36px;
width:80%;
margin-left: 10% !important;
margin-right: 10% !important;
-webkit-font-smoothing: antialiased;
}
p.italic
{
font-style:italic;
}
a
{
text-decoration:none;
color:initial !important;
}
a.callout-button
{
color: #fff;
font-size: 30px;
-webkit-font-smoothing: antialiased;
/**text-shadow: 0 0 1px rgba(7,49,72,1);**/
color: #fff !important;
padding: 5px 20px;
border: solid 2px;
display: inline-block;
margin: 30px 6px;
min-width: 110px;
}
a.callout-button:hover
{
color:#435867 !important;
background:#fff;
}
a.next-button
{
color: #fff !important;
font-size: 30px;
font-weight:600;
margin-top:90px;
display:inline-block;
width:100%;
-webkit-font-smoothing: antialiased;
}
a.next-button span.text
{
display: inline-block;
width:100%;
}
a.next-button span.down
{
height:120px;
width: 120px;
background:url(../images/down-chevron.png) no-repeat;
background-position:50%;
display: inline-block;
opacity:0.8;
}
div.section-nine div.slide-6 div.fp-tableCell, div.section-one div.intro-8 div.fp-tableCell, div.section-two div.slide-6 div.fp-tableCell,
div.section-three div.slide-6 div.fp-tableCell, div.section-four div.slide-4 div.fp-tableCell, div.section-five div.slide-2 div.fp-tableCell,
div.section-six div.slide-2 div.fp-tableCell,div.section-seven div.slide-6 div.fp-tableCell, div.section-eight div.slide-7 div.fp-tableCell,
div.section-ten div.slide-4 div.fp-tableCell, div.section-eleven div.slide-2 div.fp-tableCell
{
position: relative;
bottom: -120px;
}
/********************************************************************
Section 1 
**********************************************************************/
div.section-one div.intro-1.active
{
background:url(../images/Dear-Meghan.jpg) no-repeat;
background-position:50%;
background-size:cover;
}
div.section-one div.intro-2.active.active
{
background:url(../images/Muffin.jpg) no-repeat;
background-position:50%;
background-size:cover;
}
div.section-one div.intro-3.active
{
background:url(../images/My-BB.jpg) no-repeat;
background-position:50%;
background-size:cover;
}
div.section-one div.intro-4.active
{
background:url(../images/BB-Muffin.jpg) no-repeat;
background-position:50%;
background-size:cover;
}
div.section-one div.intro-5.active
{
background:url(../images/Megatron.jpg) no-repeat;
background-position:50%;
background-size:cover;
}
div.section-one div.intro-6.active
{
background:url(../images/Megabyte.jpg) no-repeat;
background-position:50%;
background-size:cover;
}
div.section-one div.intro-7.active
{
background:url(../images/Meggers2.jpg) no-repeat;
background-position:50%;
background-size:cover;
}
div.section-one div.intro-8.active
{
background:url(../images/Muffin.gif) no-repeat;
background-position:50%;
background-size:cover;
}

/********************************************************************
Outline Text
**********************************************************************/
div.section-one div.intro-8 a.next-button span.text, div.section-one div.intro-8 h2, div.section-two div.slide-6 h2, div.section-two div.slide-6 h4, div.section-four div.slide-2 h2,
div.section-four div.slide-4 h2, div.section-six div.slide-1 h2, div.section-four div.slide-4 h2, div.section-six div.slide-1 h3, div.section-six div.slide-2 h3, div.section-seven div.slide-2 h2, 
div.section-seven div.slide-4 h2, div.section-seven div.slide-5 h2, body#sorry-ladies h2,  body#sorry-ladies h4
{
text-shadow: 0 0 1px rgba(7,49,72,1);
}

/********************************************************************
Hide Navigation
**********************************************************************/
div.section-one div.intro-1 div.fp-prev, div.section-one div.intro-8 div.fp-next, div.section-one div.intro-8 div.fp-prev
{
opacity:0;
}
/********************************************************************
Section 2 
**********************************************************************/
div.section-two div.slide-1.active
{
background:url(../images/Beautiful.jpg) no-repeat;
background-position:50%;
background-size:cover;
}
div.section-two div.slide-2.active
{
background:url(../images/Sexy.jpg) no-repeat;
background-position:50%;
background-size:cover;
}
div.section-two div.slide-3.active
{
background:url(../images/Intelligent.gif) no-repeat;
background-position:50%;
background-size:cover;
}
div.section-two div.slide-4.active
{
background:url(../images/Confident-2.jpg) no-repeat;
background-position:50%;
background-size:cover;
}
div.section-two div.slide-5.active
{
background:url(../images/Awesome.jpg) no-repeat;
background-position:50% 20%;
background-size:cover;
}
div.section-two div.slide-5-1.active
{
background:url(../images/Fun-Meghan2.gif) no-repeat;
background-position:50%;
background-size:cover;
}
div.section-two div.slide-6.active
{
background:url(../images/Love-of-my-Life.jpg) no-repeat;
background-position:50%;
background-size:cover;
}
div.section-two div.slide-7.active
{
background:url(../images/Puzzle-Piece-1.jpg) no-repeat;
background-position:50%;
background-size:cover;
}
/********************************************************************
Section 3 
**********************************************************************/
div.section-three div.slide-1.active
{
background:url(../images/Kinda-Handsome.jpg) no-repeat;
background-position:50%;
background-size:cover;
}
div.section-three div.slide-2.active
{
background:url(../images/Sexy-Too.jpg) no-repeat;
background-position:50%;
background-size:cover;
}
div.section-three div.slide-3.active
{
background:url(../images/Smarty-Pants.jpg) no-repeat;
background-position:50%;
background-size:cover;
}
div.section-three div.slide-4.active
{
background:url(../images/Overly-Confident.jpg) no-repeat;
background-position:50%;
background-size:cover;
}
div.section-three div.slide-5.active
{
background:url(../images/Awesome-Russll.jpg) no-repeat;
background-position:50%;
background-size:cover;
}
div.section-three div.slide-5.active
{
background:url(../images/Fun-Russell.jpg) no-repeat;
background-position:50%;
background-size:cover;
}
div.section-three div.slide-5-1.active
{
background:url(../images/jackfruit.jpg) no-repeat;
background-position:50%;
background-size:cover;
}
div.section-three div.slide-6.active
{
background:url(../images/Love-of-your-Life.jpg) no-repeat;
background-position:50%;
background-size:cover;
}
div.section-three div.slide-7.active
{
background:url(../images/Puzzle-Piece-2.jpg) no-repeat;
background-position:50%;
background-size:cover;
}
/********************************************************************
Section 4
**********************************************************************/
div.section-four div.slide-1.active
{
background:url(../images/funrussell1.jpg) no-repeat;
background-position:50%;
background-size:cover; 
}
div.section-four div.slide-2.active
{
background:url(../images/Fit2.jpg) no-repeat;
background-position:50%;
background-size:cover;
}
div.section-four div.slide-3.active
{
background:url(../images/muskoka.jpg) no-repeat;
background-position:50%;
background-size:cover;
}
div.section-four div.slide-4.active
{
background:url(../images/Fit4.jpg) no-repeat;
background-position:50% 0%;
background-size:cover;
}
/********************************************************************
Section 5 
**********************************************************************/
div.section-five div.slide-1.active
{
background:url(../images/Spend-Life1.jpg) no-repeat;
background-position:50%;
background-size:cover;
}
div.section-five div.slide-2.active
{
background: url(../images/Spend-Life2.jpg);
background-position: 50%;
background-size:cover;
}
/******************************************************************** 
Section 6 
**********************************************************************/
div.section-six div.slide-1.active
{
background:url(../images/Spend-Life3.jpg) no-repeat;
background-position:50%;
background-size:cover;
}
div.section-six div.slide-2.active
{
background:url(../images/canoe1.jpg) no-repeat;
background-position:50% 10%;
background-size:cover;
}
/********************************************************************
Section 7 
**********************************************************************/
div.section-seven div.slide-1.active
{
background:url(../images/Good-Fit1.jpg) no-repeat;
background-position:50%;
background-size:cover; 
}
div.section-seven div.slide-2.active
{
background:url(../images/Good-Fit2.jpg) no-repeat;
background-position:50%;
background-size:cover;
}
div.section-seven div.slide-3.active
{
background:url(../images/great2.jpg) no-repeat;
background-position:50%;
background-size:cover;
}
div.section-seven div.slide-4.active
{
background:url(../images/Good-Fit4.jpg) no-repeat;
background-position:50%;
background-size:cover;
}
div.section-seven div.slide-5.active
{
background:url(../images/schoofiewedding.JPG) no-repeat;
background-position:50%;
background-size:cover;
}
div.section-seven div.slide-6.active
{
background:url(../images/mutty2.JPG) no-repeat;
background-position:50%;
background-size:cover;
}
/********************************************************************
Section 8 
**********************************************************************/
div.section-eight div.slide-1.active
{
background:url(../images/My-Family.jpg) no-repeat;
background-position:50%;
background-size:cover;
}
div.section-eight div.slide-2.active
{
background:url(../images/Mom-and-Al.jpg) no-repeat;
background-position:50%;
background-size:cover;
}
div.section-eight div.slide-3.active
{
background:url(../images/Granny.jpg) no-repeat;
background-position:50%;
background-size:cover;
}
div.section-eight div.slide-4.active
{
background:url(../images/Marcus-and-Kelly.jpg) no-repeat;
background-position:50%;
background-size:cover;
}
div.section-eight div.slide-5.active
{
background:url(../images/Robert.jpg) no-repeat;
background-position:50%;
background-size:cover;
}
div.section-eight div.slide-6.active
{
background:url(../images/Mark-and-Laura.jpg) no-repeat;
background-position:50%;
background-size:cover;
}
div.section-eight div.slide-7.active
{
background:url(../images/Grandma.jpg) no-repeat;
background-position:50%;
background-size:cover;
}
/********************************************************************
Section 9 
**********************************************************************/
div.section-nine div.slide-1.active
{
background:url(../images/Your-Family.jpg) no-repeat;
background-position:50%;
background-size:cover;
}
div.section-nine div.slide-2.active
{
background:url(../images/Wendy.jpg) no-repeat;
background-position:50%;
background-size:cover;
}
div.section-nine div.slide-3.active
{
background:url(../images/Michael.jpg) no-repeat;
background-position:50%;
background-size:cover;
}
div.section-nine div.slide-4.active
{
background:url(../images/Jamie-and-Ryan.jpg) no-repeat;
background-position:50% 0;
background-size:cover;
}
div.section-nine div.slide-5.active
{
background:url(../images/Rob-and-Jess.jpg) no-repeat;
background-position:50%;
background-size:cover;
}
div.section-nine div.slide-6.active
{
background:url(../images/Dayna.jpg) no-repeat;
background-position:50%;
background-size:cover;
}
div.section-nine div.slide-7.active
{
background:url(../images/Jaimie.gif) no-repeat;
background-position:50%;
background-size:cover;
}
/********************************************************************
Section 10 
**********************************************************************/
/********************************************************************
Section 11
**********************************************************************/
div.section-eleven div.slide-1.active
{
background:url(../images/Waddya-Say.jpg) no-repeat;
background-position:50%;
background-size:cover;
}
div.section-eleven div.slide-2.active
{
background:url(../images/Against-the-World.jpg) no-repeat;
background-position:50%;
background-size:cover;
}
/********************************************************************
Section 12
**********************************************************************/
div.section-twelve div.slide-1.active
{
background:url(../images/Humble-Russell.jpg) no-repeat;
background-position: 50% 30%;
background-size:cover;
}
div.section-twelve div.slide-2.active
{
background:url(../images/Ring-Ting.jpg) no-repeat;
background-position:50%;
background-size:cover;
}
div.section-twelve div.slide-content h2
{
font-family: 'Rochester', cursive !important;
font-size:100px;
}

/********************************************************************
Sorry Ladies
**********************************************************************/
body#sorry-ladies  div.section-one div.slide-1.active
{
background: url(../images/jaimie2.gif) no-repeat;
background-position: 50%;
background-size: cover;
}
body#sorry-ladies  div.section-one div.slide-2.active
{
background: url(../images/jaimie2.gif-) no-repeat;
background-position: 50%;
background-size: cover;
}
/********************************************************************
She Said Yes
**********************************************************************/
body#success-page div.section-one div.intro-1.active
{
background: url(../images/peter-patch.jpg) no-repeat;
background-position: 50%;
background-size: cover;
}
body#success-page h1
{
font-family: 'Rochester', cursive !important;
font-size:100px;
margin-bottom:60px;
}

/********************************************************************
Screen Responsiveness
**********************************************************************/

@media(max-width:768px){
h1
{
font-size:40px !important;
}
h2
{
font-size:34px;
}
h3
{
font-size:34px;
}
h4
{
font-size:30px;
}
h5
{
font-size:30px;
}
p
{
font-size:24px;
}
#menu li
{
margin: 5px;
-webkit-border-radius: 10px !important;
border-radius: 10px !important;
width: 10px !important;
height: 10px !important;
}
a.next-button 
{
margin-top: 40px;
-webkit-font-smoothing: antialiased;
text-shadow: 0 0 1px rgba(7,49,72,1);
border-shadow: 0 0 1px rgba(7,49,72,1);
}
div.section-nine div.slide-6 div.fp-tableCell, div.section-one div.intro-8 div.fp-tableCell, div.section-two div.slide-6 div.fp-tableCell,
div.section-three div.slide-6 div.fp-tableCell, div.section-four div.slide-4 div.fp-tableCell, div.section-five div.slide-2 div.fp-tableCell,
div.section-six div.slide-2 div.fp-tableCell,div.section-seven div.slide-5 div.fp-tableCell, div.section-eight div.slide-7 div.fp-tableCell,
div.section-ten div.slide-4 div.fp-tableCell, div.section-eleven div.slide-2 div.fp-tableCell
{
bottom: -60px;
}
.fp-controlArrow.fp-next
{
border-width: 16px 0 16px 14px !important;
}

.fp-controlArrow.fp-prev
{
border-width: 16px 14px 16px 0px !important;
}

.fp-controlArrow
{
margin-top: -16px !important;
}
div.section-one div.intro-1
{
background-position: 20% 50%;
}
div.section-one div.intro-7
{
background-position: 5% 50%;
}
div.section-one div.intro-2
{
background-position: 100% 50%;
}
div.section-two div.slide-2
{
background-position: 10% 50%;
}
div.section-two div.slide-3
{
background-position: 7% 50%;
}
div.section-two div.slide-5
{
background-position: 37% 0%;
}
div.section-two div.slide-5-1
{
background-position: 70% 50%;
}
div.section-two div.slide-6
{
background-position: 90% 50%;
}
div.section-three div.slide-1
{
background-position: 6% 50%;
}
div.section-three div.slide-2
{
background-position: 90% 50%;
}
div.section-three div.slide-4
{
background-position: 0% 50%;
}
div.section-nine div.slide-3
{
background-position: 100% 50%;
}
div.section-nine div.slide-4
{
background: url(../images/Jamie-and-Ryan.jpg) no-repeat;
background-position: 70%;
background-size:cover
}
div.section-twelve div.slide-content h2
{
font-family: 'Rochester', cursive !important;
font-size: 60px;
}
}