/* ============================================================

Theme/Site Name: Memories of Jacob T. Griffiths — HTML5 CSS3 Responsive Template
Version: 1.0
Description: Responsive HTML5 & CSS3 Multipage Template for Weddings
Theme Owner: Roberto Alanis (Alter)
Web:    http://robertoalanis.com
        http://themeforest.net/user/Alter 

   ================================================== */

.fancybox-wrap, .fancybox-wrap *{-webkit-transition-property: none; -moz-transition-property: none;
    -o-transition-property: none; transition-property: none;}

@font-face{
    font-family: 'Skolar-Regular';
    src: url('../fonts/Skolar-Regular/Skolar-Regular.eot');
    src: url('../fonts/Skolar-Regular/Skolar-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Skolar-Regular/Skolar-Regular.woff') format('woff'), url('../fonts/Skolar-Regular/Skolar-Regular.ttf') format('truetype'), url('../fonts/Skolar-Regular/Skolar-Regular.svg#Skolar-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face{
    font-family: 'Gotham-Medium';
    src: url('../fonts/Gotham-Medium/Gotham-Medium.eot');
    src: url('../fonts/Gotham-Medium/Gotham-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Gotham-Medium/Gotham-Medium.woff') format('woff'), url('../fonts/Gotham-Medium/Gotham-Medium.ttf') format('truetype'), url('../fonts/Gotham-Medium/Gotham-Medium.svg#Gotham-Medium') format('svg');
    font-weight: normal;
    font-style: normal;
}

h1, h2, h3, h4, h5{
    font-family: Skolar-Regular;
    font-weight: normal;
}

h1, h2, h3{
    margin-bottom: 42px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    text-shadow: 0 1px 0 rgba(0,0,0,.3);
}

h3, h4{margin-bottom: 21px;}

h1{
    clear: both;
    text-align: center;
    color: #fff;
}

h1{
    font-size: 28px;
    line-height: 1.2;
}

h2{
    font-size: 21px;
    line-height: 1;
}

h3{
    font-size: 18px;
    line-height: 1;
}

h4{
    font-size: 16px;
    line-height: 1.2;
}

h5{
    font-size: 13px;
    line-height: 1;
    font-family: Gotham-Medium, 'Helvetica Neue', Helvetica, arial, sans-serif;
    color: #4f4d6a;
}

html{-webkit-tap-highlight-color: rgba(0,0,0,.6);}

::-moz-selection{background: #4f4d6a; color: #fff; text-shadow: none;} /* change colors   */
::selection{background: #4f4d6a; color: #fff;t ext-shadow: none;} /* change colors   */

body{
    font-family: Georgia, 'Times New Roman', serif;
    color: #4f4d6a;
    line-height: 1.618;
    font-size: 13px;
    position: relative;
    background: #f5f1ff;
}

.bg-pattern, footer{
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAKklEQVR42qWOwQkAAAgCG839p4peiSASHQgK97AITHRHYYshC/8Pwv1TA0o1BgHlzflMAAAAAElFTkSuQmCC');
    background-size: 4px 4px;
}

body > section{
    clear: both;
    padding: 42px 0;
}

.container{
    position: relative;
    margin: 0 auto;
    width: 95%;
    max-width: 910px;
    clear: both;
}

.container:before, .container:after{content: ""; display: table;}
.container:after{clear: both;}
.container{zoom: 1;}

header{
    clear: both;
    padding: 21px 0 10px;
    background: #fafafa;
    position: relative;
}

header:after{
    content: "";
    display: block;
    background: url('../images/rip.png') repeat-x;
    background-size: 50%;
    width: 100%;
    height: 25px;
    position: absolute;
    bottom: -25px;
    margin: 0;
    padding: 0;
    z-index: 10;
}

.logo{
    display: block;
    float: left;
    width: 91px;
}

nav{
    float: right;
    width: 65%;
    margin-top: -13px;
    font-family: Gotham-Medium, 'Helvetica Neue', Helvetica, arial, sans-serif;
    text-transform: uppercase;
}

nav li{
    float: left;
    padding: 8px;
}

nav a{display: block;}

nav li:hover, .active{text-decoration: underline;}

.main-image{
    padding: 0;
    position: relative;
    z-index: -1;
}

.main-image img{width: 100%;}

.featured, .bg-green{
    background-color: #8fb8c9;
    box-shadow: 0 1px 0 rgba(255,255,255,.1);
    color: #fafafa;
}

.bg-green p{text-shadow: 0 1px 0 rgba(0,0,0,.3);}

.featured span + span{
    display: block;
    font-size: 13px;
    color: rgba(255,255,255,.6);
    margin-top: -7px;
}

.featured li, .gallery li{
    list-style: none;
    float: left;
}

.featured li{
    width: 22%;
    box-shadow: 0 -1px 0 rgba(255,255,255,.6), 0 2px 4px rgba(0,0,0,.3);
}

figcaption, .comments article .info{
    font-family: Skolar-Regular;
    color: #b9b8c3;
    line-height: 1.3846;
}

.featured figcaption{
    position: absolute;
    bottom: 0;
    z-index: 1;
    background: #fafafa;
    width: 100%;
    padding: 13px 10px;
}

.highlights section.left{width: 64%;}

.highlights article{
    float: left;
    width: 45%;
    margin-bottom: 42px;
}

.highlights article:nth-of-type(2n){float: right;}

.highlights img{
    border: 3px solid #fff;
    margin-bottom: 13px;
    box-shadow: 0 1px 2px rgba(0,0,0,.3);
}

aside{
    float: right;
    width: 29%;
    color: #fafafa;
    background: #d290ae;
    text-shadow: 0 1px 0 rgba(0,0,0,.3);
}

aside h4{
    padding: 21px 20px;
    background: #855765;
    text-transform: capitalize;
    margin: 0;
}

aside h4:before{
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    float: left;
    margin-right: 10px;
}

aside section:nth-of-type(1) h4:before{background-image: url('../images/heart.png');}

aside section:nth-of-type(2) h4:before{background-image: url('../images/glass.png');}

aside section:nth-of-type(3) h4:before{background-image: url('../images/file.png');}

aside ul{
    padding: 21px 20px;
    list-style-position: inside;
}

aside li + li{margin-top: 10px;}

hr{
    font-family: Skolar-Regular;
    color: #b9b8c3;
    font-size: 35px;
    line-height: 1.2;
    height: 42px;
    text-align: center;
    clear: both;
    position: relative;
}

hr:after{content: "§";}

.quotes p{width: 45%;}

/* ===[ About ]===
   ================================================== */

.about section{
    clear: both;
    overflow: hidden;
}

.about .container > div{width: 45%;}

.about section figure{
    margin-bottom: 21px;
    box-shadow: 0 2px 4px rgba(0,0,0,.3);
}

.about p + p{margin-top: 21px;}

/* ===[ Gallery ]===
   ================================================== */

.gallery li{
    float: left;
    width: 48%;
    margin-bottom: 21px;
    margin-right: 2%;
    overflow: hidden;
    border: 2px solid #fafafa;
    box-shadow: 0 2px 4px rgba(0,0,0,.3);
}

.gallery:hover li{opacity: .6;}

.gallery li:hover{
    opacity: 1;
    box-shadow: 0 8px 4px -5px rgba(0,0,0,.3);
}

.gallery li:hover img{transform: scale(1.2);}

.colophon{text-align: center;}

.colophon p{
    width: 90%;
    margin: 0 auto;
}

/* ===[ Guestbook ]===
   ================================================== */

.guestbook form{
    width: 90%;
    margin: 0 auto;
    padding-top: 42px;
    overflow: hidden;
}

form h3{text-transform: none;}

fieldset input, textarea{
    background: #fafafa;
    width: 100%;
    border-radius: 3px;
    border: none;
    box-shadow: 0 1px 2px rgba(79,77,106, .6);
    margin-bottom: 13px;
    line-height: 1.618;
    color: #4f4d6a;
    font-family: Skolar-Regular;
    outline: none;
}

fieldset input{
    height: 42px;
    padding: 0 20px;
}

fieldset input:focus, textarea:focus{box-shadow: 0 1px 2px rgba(79,77,106, .6), inset 0 1px 2px 1px rgba(79,77,106, .6);}

textarea{
    resize: none;
    padding: 12px 20px 0;
    height: 152px;
}

::-webkit-input-placeholder{
    color: #aaa;
    font-size: 13px;
}

::-moz-placeholder{
    color: #4f4d6a;
    font-family: Skolar-Regular;
    font-size: 13px;
}

input[type=submit]{
    background-color: #d290ae;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAKklEQVR42qWOwQkAAAgCG839p4peiSASHQgK97AITHRHYYshC/8Pwv1TA0o1BgHlzflMAAAAAElFTkSuQmCC');
    background-size: 4px 4px;
    color: #fafafa;
    font-size: 16px;
    text-shadow: 0 1px 0 rgba(0,0,0,.3);
    border: 1px solid #92697c;
    box-shadow: 0 1px 2px rgba(79,77,106, .6), inset 0 1px 0 rgba(255,255,255,.4), inset 0 0 0 1px rgba(255,255,255,.2);
    border-radius: 6px;
}

input[type=submit]:hover{box-shadow: 0 6px 2px -4px rgba(79,77,106, .6), inset 0 1px 0 rgba(255,255,255,.4), inset 0 0 3px 1px rgba(255,255,255,.4);}

.comments h3{text-align: center;}

.comments-wrap{
    width: 90%;
    margin: 0 auto;
    position: relative;
}

.comments article{
    clear: both;
    background-color: #fafafa;
    padding: 21px 30px;
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(79,77,106, .6);
}

.comments article + article{margin-top: 42px;}

.comments article.reply{
    margin-top: 21px;
    width: 90%;
    margin-left: 10%;
}

.reply:before{
    content: "";
    display: block;
    position: absolute;
    width: 13px;
    height: 83px;
    border: 1px solid #b9b8c3;
    border-width: 0 0 1px 1px;
    margin-top: -21px;
    margin-left: -50px;
}

.comments .info{
    overflow: hidden;
    padding: 16px 0 4px;
}

.info input{font-family: Skolar-Regular;}

.comments article.reply + article.reply{
    width: 80%;
    margin-left: 20%;
}

.comments input{
    font-size: 13px;
    padding: 6px 13px;
}

/* ===[ Fullwidth ]===
   ================================================== */

.fullwidth{padding: 63px 0;}

.fullwidth h1, .fullwidth h2, .fullwidth h5{
    text-align: left;
    color: #4f4d6a;
    margin-bottom: 21px;
}

.fullwidth .container > div{overflow: hidden;}

.fullwidth p:last-of-type{
    margin-right: 0;
    float: right;
}

body > footer{
    font-family: Skolar-Regular;
    color: #fafafa;
    background-color: #855765;
    text-shadow: 0 1px 0 rgba(0,0,0,.3);
    text-align: center;
    padding: 21px 0;
}

.touch .fancybox-prev span{left: 0;}
.touch .fancybox-next span{right: 0;}
.touch .fancybox-nav span{visibility: visible;}

/* ===[ Media Queries ]===
   ================================================== */

@media only screen and (max-width: 479px){
	h1{white-space: nowrap;}

	.fullwidth .col2 p, .fullwidth .col3 p{margin-top: 21px;}
}

@media only screen and (min-width: 480px){
	h1{font-size: 35px;}

	h2{font-size: 28px;}

	h3{font-size: 21px;}

	.fullwidth .container > div{margin-top: 42px;}

	.fullwidth p{
	    float: left;
	    margin-right: 5%;
	}

	.col2 p{width: 47.5%;}

	.col3 p{width: 30%;}
}

@media only screen and (max-width:599px){
	.gallery li:nth-child(2n+2){
	    margin-right: 0;
	    float: right;
	}

	header:after{background-size: 150%;}

	.featured li{
	    width: 47.5%;
	    margin-bottom: 21px;
	}

	.featured li:nth-of-type(2n){float: right;}

	.fullwidth .col4 p, .fullwidth .col5 p{margin-top: 21px;}

	.highlights{padding-bottom: 21px;}

	.highlights section.left{
	    overflow: hidden;
	    width: 100%;
	}

	.highlights article{width: 100%;}

	.highlights article:nth-of-type(2n){float: right;}

	aside{
	    clear: both;
	    width: 100%;
	}

	.about .container > div{
	    width: 100%;
	    clear: both;
	}

	.about .container > figure{
	    width: 45%;
	    float: left;
	}

	.about p:last-of-type{margin-bottom: 21px;}
}

@media only screen and (min-width: 600px){
	body > section{padding: 42px 0 63px;}
	
	.highlights{padding-bottom: 0px;}

	nav{
	    width: auto;
	    margin-top: 8px;
	}

	.featured figcaption{padding: 13px 10px;}

	.featured li + li{margin-left: 4%;}

	.gallery li{width: 23.2%;}

	.gallery li:nth-child(4n+4){margin-right: 0;}

	.colophon p{width: 50%;}

	.col4 p, .col5 p{margin-top: 0;}

	.col4 p{width: 21.25%;}

	.col5 p{width: 16%;}
}

@media only screen and (min-width: 700px){
	.container{width: 90%;}

	header{padding-bottom: 42px;}

	nav .active{
	    box-shadow: 0 0 0  1px rgba(79,77,106, .2);
	    border-radius: 4px;
	    text-decoration: none;
	}

	nav li{
	    float: left;
	    margin-left: 10px;
	    padding: 5px 10px 4px;
	}

	nav li, nav .active:hover{
	    border-bottom: 1px solid #fafafa;
	    text-decoration: none;
	}

	nav li:hover{
	    border-bottom: 1px solid #4F4D6A;
	    text-decoration: none;
	}

	.featured span:first-of-type:before, .featured span:first-of-type:after{
	    content: "";
	    display: block;
	    width: 25%;
	    height: 7px;
	    border: 1px solid #fff;
	    border-width: 1px 0;
	    position: absolute;
	    top: 15px;
	}

	.featured span:first-of-type:after{right: 0;}

	fieldset{
	    width: 46%;
	    float: left;
	}

	fieldset + fieldset{float: right;}

	.reply:before{
	    width: 26px;
	    height: 83px;
	    margin-top: -21px;
	    margin-left: -70px;
	}
}

@media only screen and (min-width: 780px){
	.guestbook form, .comments-wrap{width: 70%;}
}

@media only screen and (min-width: 992px){
	header:after{background-size: auto;}
}


@media print{*{background:transparent !important;color:black !important;box-shadow:none !important;text-shadow:none !important;filter:none !important;-ms-filter:none !important;}a,a:visited{text-decoration:underline;}a[href]:after{content:" (" attr(href) ")";}abbr[title]:after{content:" (" attr(title) ")";}.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:"";}pre,blockquote{border:1px solid #999;page-break-inside:avoid;}thead{display:table-header-group;}tr,img{page-break-inside:avoid;}img{max-width:100% !important;}@page{margin:0.5cm;}p,h2,h3{orphans:3;widows:3;}h2,h3{page-break-after:avoid;}}