/*   
Theme Name: Wedding Theme
Theme URI: http://martinschapiro.com
Description: Theme built for Marty and John
Author: Martin Schapiro
Author URI: http://martinschapiro.com
Version: 1
*/

@media screen {

* { margin: 0; padding: 0; }
body { background: white;  }
.screen-reader-text { position: absolute; left: -9999px; top: -9999px; }
.clear { clear: both; }
.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .group, *:first-child+html .group { zoom: 1; } /* First selector = IE6, Second Selector = IE 7 */

/* ----- Bootstrap Override: gutterless columns -----	*/
/* allows full width container */

.no-gutter > [class*='col-'] {
    padding-right:0;
    padding-left:0;
	}

/*

Sticky Footer by Ryan Fait
http://ryanfait.com/

*/

* {
	margin: 0;
}
html, body {
	height: 100%;
	font-family: 'Canela Web';
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	color:#07074C;
		
}


.wrapper {
	min-height: 100%;
	height: auto !important; /* This line and the next line are not necessary unless you need IE6 support */
	height: 100%;
	margin: 0 auto -155px; /* the bottom margin is the negative value of the footer's height */
	background-color:#EDE7DD;
}
.footer, .push {
	height: 155px; /* .push must be the same height as .footer */
}

.page-template-template_homepage .wrapper{
	background-color:#07074C;
	}

nav{z-index:100;}
h1, h2, h3 { font-weight: normal; margin: 0 0 10px 0; }
h1, p {
font-family: 'Canela Web';
font-weight: 400;
font-style: normal;
font-stretch: normal;
color:#07074C;
} 
h2 { }
h3 { font-family: JohnstonITCTTBold;
     font-weight: normal;
     font-style: normal;
     line-height:.9em;
     }

p { margin: 0 0 10px 0; font-size:18px;}
a { color:inherit;}
a:hover { color:#0000FF;} 

.logged-in .navbar-fixed-top{top:32px;} 
.navbar-toggle .icon-bar{
background-color:#07074C;
}
.home .navbar-toggle .icon-bar{
background-color:#EDE7DD;
}

blockquote { }
blockquote p { }

ul, ol { margin: 0 0 10px 0; }

.post {margin:50px 0;}

.entry {}
.entry a {color:#0000FF;text-decoration:underline;}
.entry a:hover { color:white;}

nav.navbar{padding-top:30px}
.navbar-brand{font-size:40px;}
@media screen and (min-width:768px){
    .navbar-brand-centered {
        position: absolute;
        left: 50%;
        transform:translateX(-50%);
        display: block;
        width: auto;
        text-align: center;
    }
 
}
/* homepage */

.v-center{
	top:50%;
	transform: translateY(-50%);
	}


.home h1{font-size:150px;
	position:relative;
	white-space:nowrap;
	text-align:center;
	letter-spacing:-.02em
	}



.home h1 span.amp{font-size:104px; font-weight:600}
.home h1 span.tight{letter-spacing:-.05em;}
.time-loc{position:relative; float:left; padding-left:20%;}

@media (max-width: 992px){
.home h1{font-size:110px;
	}
.home h1 span.amp{font-size:75px;
	}
}
@media (max-width: 767px){
.home h1{font-size:15vw;
	}
.home h1 span.amp{font-size:10vw;
	}
 .home h3{font-size:18px; text-align:center;}
}


.kidney{
	background-image:url(images/kidney.svg);
	width:70%;
	padding-top:61%;
	}
	
.lung{
	background-image:url(images/lung.svg);
	padding-top:53%;
	width:40%;
	right:0;
	
	}
	
.heart{
	background-image:url(images/heart.svg);
	width:100%;
	padding-top:61.2%

	}
.heart .chamber{
	position:absolute;
	top:25%;
	z-index:900;
	left:50%;
	transform:translateX(-50%)
	}
	
.gut{
	background-image:url(images/gut.svg);
	width:33%;
	padding-top:21%;
	margin-top:35%;
	}
	
.bglayer{
	z-index:0;
	position:absolute;
	background-size:contain;
	background-position:center;
	background-repeat:no-repeat;
	top:0;
	}
.bglayer.base{position:relative; margin:50px auto;}	
	
.veins{
	background-image:url(images/veins.svg);
	background-size:contain;
		width:100%;
	height:100%;
	position:fixed;
	background-size:100% auto;
	left:0;
	top:0;
	}
	
.arteries{
	background-image:url(images/arteries.svg);
	background-size:auto 100%;
	width:100%;
	height:100%;
	position:fixed;
	opacity:.5;
	top:0;
	}
	
.freckles{
	background-image:url(images/freckles.svg);
	background-size:contain;
	width:80%;
	height:80%;
	left:50%;
	top:50%;
	transform: translateX(-50%) translateY(-50%);
	position:fixed;
	}
	
/* nav */

.navbar-nav>li>a{
font-weight:900;
font-size:20px;
line-height:1.1em;
padding:2px 10px;
color:inherit;
z-index:100;
position:relative;}

.navbar-nav>li{
float:initial;
clear:both;
text-align:right;
}

.nav>li>a:hover{
background-color:transparent;
color:#0000FF}

.revealOnScroll{
opacity:0;
}


/* Custom FadeUpIn Animation */

@keyframes fadeInUp {
from {
opacity: 0;
    -webkit-transform: translate3d(0, 40%, 0);
    transform: translate3d(0, 40%, 0);
}

to {
opacity: 1;
transform: none;
}
}

@-webkit-keyframes fadeInUp {
from {
opacity: 0;
    -webkit-transform: translate3d(0, 40%, 0);
    transform: translate3d(0, 40%, 0);
}

to {
opacity: 1;
transform: none;
}
}

.animated {
animation-duration: 1.5s !important;
animation-fill-mode: both;
-webkit-animation-duration: 1.5s  !important;
-webkit-animation-fill-mode: both;
}


/* forms */

label {
    max-width: 100%;
    font-weight: 700;
    display:block;
	padding-left:10px;
	border-left: 1px solid grey;
	margin-top:20px;
	font-weight:300;
	margin-bottom:0;
	  }
	  
input[type=text], input[type=email], input[type=tel]{
    display: inline-block;
    visibility: visible;
    background: transparent;
    border-bottom: 1px solid grey;
    padding: 5px;
    padding-left:10px;
    outline: none;
    border-style: solid;
    border-top: none;
    border-left: 1px solid grey;
    border-right: none;
    font-size:40px;
	}    
	
label.error{
	font-weight: light;
    clear: both;
    padding-left: 0;
    border-left: 0;
    margin-top: -20px;
    margin-bottom: 31px;
	}
	
/* 
	input[type=text], input[type=email], input[type=tel] {
    padding: 10px;
    font-size: 30px;
    background-color: #fbfaf4;
    border: none;
    outline: none;
    font-weight:300;
}
 */

input[type=submit]{
     width: 100%;
    outline: none;
    border: none;
    padding: 20px;
    background: #07074C;
    color: white;
    margin: 20px auto;
    }

 div.wpcf7-response-output {
    margin: 0 0 20px;
    padding: 0;
    border: none;
    font-size: 20px;
    color: #2c562c;
}   
    
    
div.wpcf7-mail-sent-ok {
    border: none;
    font-size: 20px;
    padding: 0;
    color: #2c562c;
    margin: 0 0 20px 0;}   
    

.home .visible-xs .navbar-nav{color:#EDE7DD;}

pre { }
code, tt { }

#meta { }
.postmetadata { }

#sidebar { }

.navgation { }
   .next-posts { }
   .prev-posts { }

#searchform { }
	#s { }
	#searchsubmt { }

img{
	border:0;}

ol.commentlist { list-style: none; }
ol.commentlist li { }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor { }
ol.commentlist li.byuser { }
ol.commentlist li.comment-author-admin { }
ol.commentlist li.comment { border-bottom: 1px dotted #666; padding: 10px; }
ol.commentlist li.comment div.comment-author { }
ol.commentlist li.comment div.vcard { }
ol.commentlist li.comment div.vcard cite.fn { font-style: normal; }
ol.commentlist li.comment div.vcard cite.fn a.url { }
ol.commentlist li.comment div.vcard img.avatar { float:right; margin: 0 0 10px 10px; }
ol.commentlist li.comment div.vcard img.avatar-32 { }
ol.commentlist li.comment div.vcard img.photo { }
ol.commentlist li.comment div.vcard span.says { }
ol.commentlist li.comment div.commentmetadata { }
ol.commentlist li.comment div.comment-meta { font-size: 10px; }
ol.commentlist li.comment div.comment-meta a { color: #ccc; }
ol.commentlist li.comment p { }
ol.commentlist li.comment ul { }
ol.commentlist li.comment div.reply { font-size: 11px; }
ol.commentlist li.comment div.reply a { font-weight: bold; }
ol.commentlist li.comment ul.children { list-style: none; margin: 10px 0 0; }
ol.commentlist li.comment ul.children li { }
ol.commentlist li.comment ul.children li.alt { }
ol.commentlist li.comment ul.children li.bypostauthor { }
ol.commentlist li.comment ul.children li.byuser { }
ol.commentlist li.comment ul.children li.comment { }
ol.commentlist li.comment ul.children li.comment-author-admin { }
ol.commentlist li.comment ul.children li.depth-2 { border-left: 5px solid #555; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-3 { border-left: 5px solid #999; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-4 { border-left: 5px solid #bbb; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-5 { }
ol.commentlist li.comment ul.children li.odd { }
ol.commentlist li.even { background: #fff; }
ol.commentlist li.odd { background: #f6f6f6; }
ol.commentlist li.parent { border-left: 5px solid #111; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even { }
ol.commentlist li.thread-odd { }

form { }
input[type=text] { }
textarea { }

} /* END screen media */

@media print {

.do-not-print { display: none; }
#comments { page-break-before: always; }

body { width: 100% !important; margin: 0 !important; padding: 0 !important; line-height: 1.4; word-spacing: 1.1pt; letter-spacing: 0.2pt; font-family: Garamond,"Times New Roman", serif; color: #000; background: none; font-size: 12pt; }
h1,h2,h3,h4,h5,h6 { font-family: Helvetica, Arial, sans-serif; }
h1 { font-size: 19pt; }
h2 { font-size:17pt; }
h3 { font-size:15pt; }
h4,h5,h6 { font-size:12pt; }
code { font: 10pt Courier, monospace; } 
blockquote { margin: 1.3em; padding: 1em; }
img { display: block; margin: 1em 0; }
a img { border: none; }
table { margin: 1px; text-align:left; }
th { border-bottom: 1px solid #333;  font-weight: bold; }
td { border-bottom: 1px solid #333; }
th, td { padding: 4px 10px 4px 0; }
caption { background: #fff; margin-bottom: 2em; text-align: left; }
thead { display: table-header-group; }
tr { page-break-inside: avoid; } 
a { text-decoration: none; color: black; }
	
} /* END print media */